@charset "UTF-8";

/* STYLE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#top,
#bottom,
#left,
#right {
  background: #fff;
  position: fixed;
  z-index: 9999;
}

#left,
#right {
  top: 0;
  bottom: 0;
  width: 30px;
}

#left {
  left: 0;
}

#right {
  right: 0;
}

#top,
#bottom {
  left: 0;
  right: 0;
  height: 30px;
}

#top {
  top: 0;
}

#bottom {
  bottom: 0;
}

html {
  margin: 30px;
  height: 100%;
}

body {
  height: 100%; /* parallax */
  font-family: 'Gotham', sans-serif;
  color: #181818;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0px;
}

h1,
h2,
h3,
h4 {
  color: #000;
}

h2 span {
  color: #FF6600
}

h2, .h2 {
  font-size: 50px;
  font-weight: bold;
}

.bold {
  font-weight: bold;
}

.medium {
  font-weight: normal;
  line-height: 1.5;
}

p {
  font-size: 14px;
  color: #000;
  line-height: 28px;
}


ul {
  list-style: none;
}

a {
  color: #FF6600;
  transition: all .3s ease-in-out;
}

a:hover,
a:focus {
  color: #000;
  text-decoration: none;
  outline: 0;
}

.inline-block {
  display: inline-block;
}

.height-700 {
  min-height: 700px;
}




/*==========================================
            Images Style
==========================================*/

.thumbnail {
  display: block;
  padding: 2px;
  margin-bottom: 10px;
  margin-top: 10px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 1px;
  transition: .3s ease-in-out;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: transparent;
  opacity: 0.90;
}

/*==========================================
             Video
==========================================*/

iframe {
  border: none;
}

/*==========================================
        Padding & Margin
==========================================*/

.margin-t-15 {
  margin-top: 15px;
}

.margin-t-30 {
  margin-top: 30px;
}

.margin-t-50 {
  margin-top: 50px;
}

.margin-b-10 {
  margin-bottom: 10px;
}

.margin-b-25 {
  margin-bottom: 25px;
}

.margin-l-0 {
  margin-left: 0px;
}

.pad-t-20 {
  padding-top: 20px;
}

.pad-t-50 {
  padding-top: 50px;
}

.pad-t-100 {
  padding-top: 100px;
}

.pad-t-200 {
  padding-top: 200px;
}

.pad-b-30 {
  padding-bottom: 30px;
}

.pad-b-40 {
  padding-bottom: 40px;
}

.pad-b-50 {
  padding-bottom: 50px;
}

.pad-b-100 {
  padding-bottom: 100px;
}

.pad-b-200 {
  padding-bottom: 200px;
}

.pad-r-50 {
  padding-right: 50px;
}

/*==========================================
         Typography
==========================================*/

h1 span,
h2 span,
h3 span,
h4 span {
  color: #FF6600;
}

p span {
  color: #FF6600;
}

.txt-14 {
  font-size: 14px;
}

.txt-70 {
  font-size: 3.9rem;
  margin-left: -0.3rem;
}

@media (min-width: 768px) {
  .txt-70 {
    font-size: calc(7rem + ((1vw - 0.768rem) * 1.9345));
    /* Safari resize fix */
    min-height: 0vw;

    margin-left: -0.6rem;
  }
}

@media (min-width: 1440px) {
  .txt-70 {
    font-size: 8.3rem;
  }
}

.spacing-2 {
  letter-spacing: 2px;
}

/* Text Hover Effect */

/*==========================================
        Background
==========================================*/

.bg-blue {
  background-color: #242B36;
}

.overlay-dark:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
}

.overlay-dark:before {
  background-color: #000;
  opacity: 0.2;
}

/*==========================================
           Border
==========================================*/

.border {
  border-left: 1px solid #FF6600;
  border-right: 1px solid #fff;
}

/*==========================================
        Separator / Line
==========================================*/

/*==========================================
          Parallax
==========================================*/

/*==========================================
        Heading Title
==========================================*/

.heading-title {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  letter-spacing: 1px;
}

/*==========================================
           Button
==========================================*/

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
  color: inherit;
}

.btn {
 display: inline-block;
 border-radius: 2px;
 letter-spacing: 1px;
 text-transform: uppercase;
 font-weight: 600;
 line-height: 1.42857143;
}

.btn-l {
  padding: 15px 70px;
  font-size: 11px;
}

.btn-m {
  padding: 15px 50px;
  font-size: 11px;
}

.btn-light,
.btn-light:focus {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}

.btn-light:hover {
  background: #FF6600;
  color: #fff;
}

.btn-transparent-dark,
.btn-transparent-dark:focus {
  background: transparent;
  color: #000;
  border: 1px solid #000;
}

.btn-transparent-dark:hover {
  background: #000;
  color: #fff;
}

/*==========================================
           Navbar
==========================================*/

#header-megamenu {
  -webkit-text-size-adjust: 100% !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
  -ms-font-size-adjust: inherit !important;
  font-size-adjust: inherit !important;
}

.nav-container {
  min-height: 80px;
}


.nav-top {
  z-index: 101;
  margin: 0;
  border: none;
  border-radius: 0%;
}

/* Background Navbar */

.nav-top {
  background: #fff;
}


.nav-top.affix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 30px; /* Boxed Layout */
  z-index: 1030;
  width: 100%;
}


.nav-top.affix {
  transition: all 0.4s ease;
}

.nav-top.affix {
 background: #fff;
 box-shadow: 0px 0px 5px #4A4A4A;
}

.nav-top.affix div .nav-top-nav>li>a {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}


.nav-top-nav>li>a:before {
  content: "";
  top: 0.5rem;
  left: 1.5rem;
  right: 100%;
  height: 2px;
  z-index: -1;
  position: absolute;
  transition: right ease-in-out 0.3s;
}

.nav-top-nav>li>a:before {
  background-color: #FF6600;
}


.nav-top-nav>li>a:hover:before,
.nav-top-nav>li>a:focus:before,
.nav-top-nav>li>a:active:before {
  right: 1.5rem;
}

/* Logo Navbar */

#nav-top-header-logo {
  width: 100%;
  max-width: 20rem;
  height: auto;
}

@media (min-width: 768px) {
  #nav-top-header-logo {
    max-width: 25rem;
  }
}

@media (min-width: 992px) {
  #nav-top-header-logo {
    max-width: calc(13rem + ((1vw - 0.992rem) * 57.6923));
    /* Where: 57.6923 = 100 * max-width_difference / viewport_width_difference */

    /* Safari resize fix */
    min-height: 0vw;
  }
}

/* Prevent scaling beyond this breakpoint */

@media (min-width: 1200px) {
  #nav-top-header-logo {
    max-width: 25rem;
  }
}

.nav-top.affix div div a #nav-top-header-logo {
  margin-top: 5px;
}

/* Custom Navbar Transparent */

/* Custom Navbar Top */

.nav-top-nav>li>a,
.nav-top-nav>li>a:visited {
  font-weight: 400;
  color: #000 !important;
  font-size: 1.2rem;
  letter-spacing: 1px;
  overflow: hidden;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: relative;
  text-transform: uppercase;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media (min-width: 992px) {
  .nav-top-nav>li>a,
  .nav-top-nav>li>a:visited {
    font-size: calc(1rem + ((1vw - 0.992rem) * 0.4464));
    min-height: 0vw;
  }
}

/* Prevent scaling beyond this breakpoint */

@media (min-width: 1440px) {
  .nav-top-nav>li>a,
  .nav-top-nav>li>a:visited {
    font-size: 1.2rem;
  }
}

.nav-top-nav>li>a,
.nav-top-nav>li>a:hover,
.nav-top-nav>li>a:active,
.nav-top-nav>li>a:focus,
.nav-top-nav>li>a:visited {
  background: transparent !important;
}

.nav-top-nav>li>a:hover,
.nav-top-nav>li>a:active,
.nav-top-nav>li>a:focus {
  color: #6C6C6C !important;
  border: none;
  outline: none;
}

/* Custom Navbar Tabs */

/* Custom Navbar Onepage Transparent */

/* Custom Navbar Onepage Dark */

/* Custom Navbar Mini */

/* Custom Navbar Logo */

/* Custom Navbar Bottom */

/* TOGGLE BUTTON */

.nav-toggle-gray.nav-toggle .top-icon-bar,
.nav-toggle-gray.nav-toggle .bottom-icon-bar {
  background: #AFAFAF;
}

.nav-toggle-gray.nav-toggle.collapsed .top-icon-bar,
.nav-toggle-gray.nav-toggle.collapsed .middle-icon-bar,
.nav-toggle-gray.nav-toggle.collapsed .bottom-icon-bar {
  background: #AFAFAF !important;
}

.nav-toggle,
.nav-toggle:hover,
.nav-toggle:active,
.nav-toggle:focus {
  background: transparent !important;
}

.nav-toggle {
  border: none;
}

.nav-toggle .icon-bar {
  transition: all ease-in-out 0.3s;
}

.nav-toggle .top-icon-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}

.nav-toggle .middle-icon-bar {
  opacity: 0;
}

.nav-toggle .bottom-icon-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.nav-toggle.collapsed .top-icon-bar {
  transform: rotate(0deg);
}

.nav-toggle.collapsed .middle-icon-bar {
  opacity: 1;
}

.nav-toggle.collapsed .bottom-icon-bar {
  transform: rotate(0deg);
}

/* DROPDOWN */

.nav-transparent-dropdown-menu {
  border: none;
  padding: 0px;
  border-radius: 0%;
}

/* MULTI LEVEL DROPDOWN General Setting */

.nav-transparent-dropdown-menu {
  border-top: 2px solid #FF6600 !important;
}

/* Custom Dropdown Navbar Transparent */

.nav-transparent-dropdown-menu li a,
.nav-transparent-dropdown-menu li a:visited {
  position: relative;
  padding: 15px 40px 15px 15px;
  margin: 5px;
  font-size: 11px;
  text-transform: capitalize;
  font-weight: 600;
  transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}

/* Custom Dropdown Navbar Top */

/* Custom Dropdown Navbar Tabs */

/* Custom Dropdown Navbar Mini */

/* Custom Dropdown Navbar Logo */

/* Custom Dropdown Navbar Bottom */

/* SHORT CODE DROPDOWN */

/* Navbar Transparent SHORT CODE DROPDOWN */

/* Navbar Top SHORT CODE DROPDOWN */

/* Navbar Tabs SHORT CODE DROPDOWN */

/* Navbar Mini SHORT CODE DROPDOWN */

/* Navbar Logo SHORT CODE DROPDOWN */

/* ELEMENTS DROPDOWN */

/* MEGA DROPDOWN*/

/* FEATURES DROPDOWN */

/*  MODAL */

/* Close Modal */

/* Modal BG */

/* BODY OF MODAL */

/* FOOTER OF MODAL */

/* SEARCH BAR */

/*==========================================
        Owl Carousel
==========================================*/


.animated-txt-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}

/*==========================================
        Bootstrap Carousel Slider
==========================================*/

/*------------------------------------------------------*/

/* SLIDING TIMING FUNCTIONS
/*------------------------------------------------------*/

/*---------- ps_ease ----------*/

/*---------- ps_easeInOut ----------*/

/*---------- ps_speedy ----------*/

/*---------- ps_slowSpeedy ----------*/

/*---------- ps_easeOutInCubic ----------*/

/*---------- ps_swing ----------*/

/*---------- ps_easeOutCubic ----------*/

/*---------- ps_easeInOutCubic ----------*/

/*---------- ps_easeOutCirc ----------*/

/*---------- ps_easeOutExpo ----------*/

/*---------- ps_easeInQuad ----------*/

/*---------- ps_easeOutQuad ----------*/

/*---------- ps_easeInOutQuad ----------*/

/*---------- ps_easeOutQuart ----------*/

/*---------- ps_easeInOutQuart ----------*/

/*---------- ps_easeOutQuint ----------*/

/*---------- ps_easeInSine ----------*/

/*---------- ps_easeOutSine ----------*/

/*---------- ps_easeInOutSine ----------*/

/*------------------------------------------------------*/

/* KEN BURNS ANIMATION EFFECTS
/*------------------------------------------------------*/

/*---------- kbrns_zoomIn ----------*/

/*---------- ANIMATION ----------*/

/*---------- kbrns_zoomInOut ----------*/

/*---------- ANIMATION ----------*/

/*---------- kbrns_ltr ----------*/

/*---------- Responsive ----------*/

/*---------- MEDIA 380px ----------*/

/*---------- MEDIA 381px - 550px ----------*/

/*---------- MEDIA 551px - 767px ----------*/

/*---------- MEDIA 768px - 900px ----------*/

/*---------- MEDIA 901px - 1100px ----------*/

/*---------- ANIMATION ----------*/

/*---------- kbrns_rtl ----------*/

/*---------- MEDIA 380px ----------*/

/*---------- MEDIA 381px - 550px ----------*/

/*---------- MEDIA 551px - 767px ----------*/

/*---------- MEDIA 768px - 900px ----------*/

/*---------- MEDIA 901px - 1100px ----------*/

/*---------- ANIMATION ----------*/

/*---------- kbrns_zoomOutIn ----------*/

/*---------- ANIMATION ----------*/

/*---------- VERTICLE EFFECT ----------*/

/*------------------------------------------------------*/

/* FULL SCREEN BOOTSTRAP CAROUSEL
/*------------------------------------------------------*/

/*==========================================
        Countdown
==========================================*/

/*==========================================
         Counter
==========================================*/

/* Counter 1 */

/* Counter 3 */

/*==========================================
          Box Service
==========================================*/

/* Services 1 */

/* Effect 1: Show Up on hover */

/* Effect 2: Show Down on hover */

/* Next Upgrade - Effect 3: Show Left on hover */

/* Next Upgrade - Effect 4: Show Right on hover */

/* Services 5 */

/* Services 6 */

/* Services 7 */

/*==========================================
         Progress Bar
==========================================*/

/* Progress Bar 1 */

/* Progress Bar 2 */

/* Progress Bar 3 */

/* Progress Bar Circle */

/*==========================================
     Testimonials / Clients
==========================================*/

/* Testimonials 1 */

/* Testimonials 2 */

/* Testimonials Quotes */

/* clients 1 */

.clients-1 i {
  width: 100%;
  height: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 25px;
  color: #181818;
  border: 1px solid #DCDCDC;
  cursor: pointer;
  transition: all .3s ease-in-out;
}

.clients-1 i:hover {
  color: #a8a8a8;
  background-color: #181818;
}

/* clients 2 */

/*==========================================
             Team
==========================================*/

/* Team 1 */

/* Team 2 */

/*==========================================
        Pricing Table
==========================================*/

/* Pricing Table 1 */

/* Pricing Table 2 */

/*==========================================
          Blog
==========================================*/

/* Side Title */

.blog h3 {
  margin-bottom: 3px;
    font-size: 18px;
    font-weight: 700;
    width: 70%;
    border-bottom: 2px solid grey;
    padding-bottom: 1em;
}

.team h3 {
  margin-bottom: 3px;
    font-size: 20px;
    font-weight: 700;

}

.memberhead h2 {
  background-color: #000;
    padding: 20px;
    color: white;
    font-size: 22px;
}

.blog h4 {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
  color: #181818;
  letter-spacing: 1px;
}

.blog p {
  margin-top: 15px;
  font-size: 13px;
  color: #000;
  line-height: 1.8;
  word-spacing: 1px;
}

.member-mail {
  margin-top: 10px;
  font-size: 13px;
  color: #000;
  line-height: 10px;
  word-spacing: 1px;
  border-bottom: 2px #ddd solid;
    padding-bottom: 4.5em;
}

.member-pos {
  color: #FF6600;
  margin-top: 10px;
  font-size: 13px;
  line-height: 10px;
  word-spacing: 1px;
}

.beirat {
  background-color: #CDD3D9;
  padding: 8% 12%;
  margin-bottom: 1.5rem;
}

.beirat .member-mail {
  border-bottom: none;
  padding-bottom: 0.5em;
}

.beirat .member {
  padding: 2em 5em;
}

.blog a {
  color: #FF6600;
}

.blog a:hover {
  color: #8A8A8A;
}

.blog .btn-transparent-dark,
.blog .btn-transparent-dark:focus {
  background: transparent;
  color: #181818;
  border: 1px solid #181818;
}

.blog .btn-transparent-dark:hover {
  background: #181818;
  color: #fff;
}

.blog-img {
  overflow: hidden;
  position: relative;
}

.blog-img img {
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
}

.blog-img:hover img {
  transform: scale(1.1, 1.1);
  opacity: 0.6;
}

/*==========================================
      Pomo Box
==========================================*/

/* Promo Box 1 */

/* Promo Box 2 */

/* Promo Box 3 */

/*=========================================
             Portfolio
==========================================*/

ul.filter > li > a {
  color: #181818;
  font-size: 10px;
  line-height: 40px;
  letter-spacing: 2px;
  font-weight: 600;
}

ul.filter > li > a:hover,
ul.filter > li > a:focus,
ul.filter > li > active a {
  color: #FF6600;
}

ul.filter > li > span {
  color: #ddd;
  font-size: 14px;
  margin-left: 8px;
}

/* Effect 1 Portfolio */

/* Effect 2 Portfolio */

/* Effect 3 Portfolio */

/* Effect 4 Portfolio */

/* Effect 5 Portfolio */

/* Effect 6 Portfolio */

/*==========================================
      Form Email
==========================================*/

/* Email Contact default Setting  */


.newsletter-1 .form-control,
.newsletter-1 .form-control:focus {
  transition: border-color ease-in-out .35s, box-shadow ease-in-out .35s;
}

.help-block {
  font-size: 12px;
}

/* Email Contact 1 */

/* Email Contact 2 */

/* Email Contact 3 */

/* Email Contact 4 */

/* Newsletters */

.newsletter-1 {
  max-width: 480px;
  margin: auto;
  position: relative;
}

.newsletter-1 .btn {
  height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    transition: all .4s ease-in-out;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    border-left: 1px solid white;
}

.newsletter-1 .btn:hover {
  color: #FF6600;
}

.newsletter-1 .form-control {
  border-color: white;
  border-radius: 1px;
  height: 60px;
  transition: all .4s ease-in-out;
  box-shadow: none;
  background-color: transparent;
  font-size: 12px;
  padding-left: 25px;
}

.newsletter-1 .form-control:focus {
  border-color: #D8D8D8;
  box-shadow: none;
}

/*==========================================
        Pagination
==========================================*/

.pagination > li > a,
.pagination > li > span {
  color: #181818;
  border: none;
  margin: 0 2px;
  border-radius: 2px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #181818;
  background-color: #eee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #181818;
}

/*=========================================
            Scroll to Top
==========================================*/

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: center 50%;
  background-image: url(../img/icon/to-top-1.png);
  background-color: #181818;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 1000;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out {
  transition: opacity .3s 0s, visibility 0s 0s, all .3s ease-in-out;
}

.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-fade-out {
  opacity: .9;
}

.cd-top:hover {
  background-color: #FF6600;
  opacity: 1;
}

/*==========================================
                  Accordion
==========================================*/

.rlAccordion > h3,
.rlAccordion > h4 {
  font-size: 14px;
  margin: 0 auto 10px auto;
  padding: 15px;
  transition: all .3s ease-in-out;
}

.rlAccordion > h3,
.rlAccordion > h4 {
  cursor: pointer;
}

.rlAccordion > h3 {
  background-color: #FDFDFD;
  border: 1px solid #E1E1E1;
  color: #181818;
}

.rlAccordion > h4 {
  background-color: #181818;
  border: 1px solid #E1E1E1;
  color: #fff;
}

.rlAccordion > h3:hover {
  background-color: #F5F5F5;
}

.rlAccordion > h4:hover {
  background-color: #f5f5f5;
  color: #181818;
}

.rlAccordion > h3 > span,
.rlAccordion > h4 > span {
  float: right;
  font-family: arial, serif, sans-serif;
}

.rlAccordion > h3 > span {
  color: #181818;
}

.rlAccordion > h4 > span {
  color: #C5C5C5;
}

.rlAccordion > h3 + div,
.rlAccordion > h4 + div {
  display: none;
  padding: 2% 5%;
  margin-left: 20px;
}

.rlAccordion > h3 + div,
.rlAccordion > h4 + div {
  border-left: 1px dashed #DBDBDB;
}

/*=========================================
                  Tabs
==========================================*/

/* Tabs 1 */

/* Tabs 2 */

/* Tabs 3 */

/* Tabs Transition */

.transition {
  transition: all .3s ease-in-out;
  transition-delay: .3s;
}

/*=========================================
              Box Info
==========================================*/

/* Box Info 1 */

/* Box Info 2 */

/* Box Info 3 */

/* Box Info 4 */

/*=========================================
          Social Network
==========================================*/

/* Social Network 1 */

/* Social Network 2 */

/* Social Network 3 */

/* Social Network 4 */

.social-4 {
  text-align: center;
  font-size: 15px;
}

.social-4 ul {
  margin: 0;
  padding: 0;
}

.social-4 ul li {
  display: inline-block
}

.social-4 ul li a {
  display: block;
  margin: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: #e3e3e3;
}

.social-4 ul li a:hover {
  color: #181818;
}

/* Social Network 5 */

/*=========================================
              Loading
==========================================*/

/*=========================================
          Flexslider
==========================================*/

/*==========================================
                    Footer
==========================================*/

.footer-1 {
  background-color: #000;
  padding: 50px 0 100px 0;/* only boxed layout */
  color: #fff;
}

.footer-1 a:hover {
  color: #A67C45;
}

.footer-1 .title {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

.footer-1 hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #fff;
}

.footer-1 p {
  font-size: 12px;
}

.footer-1 .about {
  margin: 0;
}

.footer-1 .address ul {
  font-size: 12px;
  margin: 0;
  padding: 0;
  font-weight: 600;
  line-height: 1.3;
}

#foonav li a {
  font-size: 12px;
  color: #fff;
}

.copyright {float: right;}

.footer-1 .social-4 {
  text-align: left;
  font-size: 25px;
}

.footer-1 .social-4 ul {
  margin: 0;
  padding: 0;
}

.footer-1 .social-4 ul li {
  display: inline-block
}

.footer-1 .social-4 ul li a {
  display: block;
  margin: 0 9px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
}

.footer-1 .social-4 ul li a:hover {
  color: #CBCBCB;
}

/* INDEX CORPORATE 1
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*--------------------------------*/

/* FULL WIDTH ANIMATED LAYERS 005
/*--------------------------------*/

/*---------- SPREAD EFFECT ----------*/

/*---------- INDICATORS CONTROL ----------*/

/*---------- LEFT/RIGHT CONTROL ----------*/

/*---------- SLIDE CAPTION ----------*/

.address {
 position: relative;
 padding-left: 50px
}

.rlAccordion > h3 {
 background-color: #fff;
 border: 1px solid #E1E1E1;
 color: #616161;
 font-weight: 600;
 letter-spacing: 1px;
 text-transform: uppercase;
 font-size: 11px;
}

.rlAccordion > h3:hover {
 background-color: #333;
 color: #DCDCDC;
}

.rlAccordion > h3 > span {
 color: #616161;
}

/* RESPONSIVE */

@media only screen and (max-width: 480px) {
/*---------- INDICATORS CONTROL ----------*/

/*---------- SLIDE CAPTION ----------*/

/*---------- LEFT/RIGHT CONTROL ----------*/
}

@media (min-width: 481px) and (max-width: 600px) {
/*---------- INDICATORS CONTROL ----------*/

/*---------- SLIDE CAPTION ----------*/

/*---------- INDICATORS CONTROL ----------*/
}

@media (min-width: 601px) and (max-width: 767px) {
/*---------- SLIDE CAPTION ----------*/
}

@media (min-width: 768px) and (max-width: 889px) {
/*---------- SLIDE CAPTION ----------*/
}

/* INDEX CORPORATE 3
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* RESPONSIVE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media (max-width: 1199px) {

  /* Spacing */

  /* General */

  /* Parallax */
   .copy h2 { font-size: 60px; }
}

@media screen and (max-width: 1024px) {

  /* Parallax */
}

@media (max-width: 991px) {

  /* Navbar */
  .nav-container { min-height: 30px; }


  .nav-top.affix {
    position: static;
    margin-top: 0;
  }
  .nav-top.affix div .nav-top-nav>li>a, .nav-top-nav>li>a { padding-left: 7px; padding-right: 7px; }
   .nav-top.affix div div a #nav-top-header-logo { margin-top: 5px; }

   /* Slider Carousel Wrapper */
}

@media all and (max-width: 991px) {

  /* Spacing */
  .margin-m-b-25 { margin-bottom: 25px; }
  .pad-m-t-0 { padding-top: 0px; }
  .pad-m-b-50 { padding-bottom: 50px; }

  /* Blog */

  /* Parallax */
   .copy h2 { font-size: 45px; }

  /* General */
  .heading-title { font-size: 45px; }
  /* .heading-title span { margin-left: -12px; } */

  /* Elements */
}

@media all and (max-width: 991px) {

  /* Navbar */
   .nav-top-nav {
    float: initial !important;
    margin-left: 0;
    margin-right: 0;
  }
  .nav-top.navbar-default .navbar-collapse { border-color: #eeeeee; }
  .nav-top.affix, .nav-top { background: #ffffff; }
  .nav-top-header { background: #fff; }
   .nav-top.affix div .nav-top-nav>li>a, .nav-top-nav>li>a { padding-top: 10px; padding-bottom: 10px;}
  .nav-top-nav>li>a, .nav-top-nav>li>a:visited { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd !important; outline: none; color: #000 !important; text-align: left;}
   .nav-top-nav>li>a:before { display: none; }
   .nav-top-nav .dropdown-menu { min-width: 100%; }
   .nav-transparent-dropdown-menu, .nav-top-nav { text-align: left; }
  .nav-transparent-dropdown-menu { border-top: none !important; }
  .nav-transparent-dropdown ul { text-align: left; }
}

@media all and (max-width: 767px) {

  /* Spacing */
  .pad-section-50 { padding: 50px 0 50px 0; }

  /* Video Background */

  /* General */
  .heading-title { font-size: 35px; }


  /* Tabs */

  /* Header Slide */

   /* Slide Text */

  /* Elements */

  /* NAV OVERRIDE */

  .nav-top.affix {
    position: fixed;
  }
}

@media only screen and (max-width: 767px) {

  /* General Setting */
  html { margin: 0; }
  #top, #bottom, #left, #right { display: none; }

  /* Footer */
  .footer-1 { padding: 50px 0 50px 0; }

  /* Scroll to Top */
  .cd-top { height: 30px; width: 30px; right: 20px; bottom: 20px; background-image: url(../img/icon/to-top-2.png); }
}

@media only screen and (max-width: 767px) {

  .address {
    position: relative;
    padding-left: 0px;
  }

  .about p {padding-bottom: 35px;}

  .copyright {float: none; text-align: center}

  .footer-1 .social-4 {
    text-align: center;
    font-size: 25px;
    padding-bottom: 10px;
  }
  .spacey35 {height: 35px;}

   .spacing-2 {
    letter-spacing: 0px;
  }

  /* Navbar Modal */

   /* Slider Carousel Wrapper */
}

@media all and (max-width: 767px) {

  /* Tabs */

  /* Team */
  .pagination > li > a, .pagination > li > span { padding: 6px 8px; }

  /* Blog */

  /* Video Background */

  /* Elements */

  /* Contact Form */
}

@media only screen and (min-width: 992px) and (max-width: 5000px) {

  /* Navbar Dropdown */
  .nav-transparent-dropdown-menu { opacity: 0 !important; display: block !important; visibility: hidden !important; transform: scale(0.9, 0.9) !important; transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s; }
  .nav-transparent-dropdown:hover>.nav-transparent-dropdown-menu { opacity: 1 !important; visibility: visible !important; transform: scale(1, 1) !important; }
}

@media (min-width: 768px) and (max-width: 991px) {

  /* Navbar */

  /* Navbar Dropdown */
}

@media (min-width: 1200px) and (max-width: 1330px) {
  /* Navbar */
}

@media only screen and (max-width: 991px) {
  /* Navbar */
}

@media (min-width: 992px) and (max-width: 1250px) {

  /* Navbar */

  /* Navbar Dropdown */
}

@media only screen and (max-width: 480px) {

  /* Search Bar */
}

@media (min-width: 481px) and (max-width: 600px) {

  /* Search Bar */
}

@media all and (max-width: 320px) {

  /* General */

  /* Video */
}

/* FONTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
    url('../fonts/Gotham-Medium.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
    url('../fonts/Gotham-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* GLOBAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
  color: #000;
}

/* MISC
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.colbox {
  padding: 12em 4em;
}

.page-id-153  span,
.page-id-3521 .xblue .contact-deets .text-primary span {
  color: #4c8bb2 !important;
}

.logoblack {
  background-color: black;
  padding: 5em;
  text-align: center;
}

.logoblack img {
	max-width: 100%
}

.intro h2 {
  margin-bottom: 3px;
}

.intro .fx {
  align-self: flex-end;
}

.bg-blue {
  background-color: #000
}

.bg-blue p {
  color: white;
}

.bg-blue h3 {
  color: white;
}

.bg-blue h4 {
  color: white;
}

.bg-white p {
  color: #000;
}

.bg-white h3 {
  color: #000;
}

.bg-white h4 {
  color: #000;
}

.white {
  color: white;
}

.choose {
  background-color: #000;
  padding: 5em 2em 3em;
  text-align: center;
}

.hero p,
.hero h1,
.footer-1 p {
  color: white;
}

.txt-white {
  color: white;
}

.signup {
  text-align: center;
}

.signup h2,
.signup p {
  color: white
}

.intro .social-4 ul {
  text-align: right;
}

.intro .social-4 ul li .fa {
  color: #000;
  font-size: 2rem;
}

.infolist {
  padding-bottom: 10rem;
}

.infolist ul {
  padding: 0;
  margin-top: 4rem;
}

.infolist ul li {
  color: #FF6600;
  padding-bottom: 12px;
  border-bottom: solid #556da1 1px;
  margin-bottom: 12px;
}

.halfw {
  width: 50%
}

.contactform {
  background-color: #000;
  padding: 8em 0;
}

::-webkit-input-placeholder {
  color: #FF6600 !important;
}

:-ms-input-placeholder {
  color: #FF6600 !important;
}

::-moz-placeholder {
  color: #FF6600 !important;
}

.with_frm_style input[type=text],
.with_frm_style input[type=email],
.with_frm_style textarea {
  background-color: transparent !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  padding-left: 0 !important;
}

.btn-trans-white {
  background-color: transparent !important;
  border: white 1px solid !important;
  color: white !important;
  padding: 14px 44px;
  float: right;
}

.with_frm_style input[type=checkbox] {
  background-color: transparent !important;
}

.with_frm_style .frm_checkbox label {
  color: white !important;
}

.footer-1 p {
  line-height: 20px;
}

.about p {
  border-bottom: 1px solid white;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.subfoot {
  border-top: 1px solid white;
  height: 25px;
  margin-top: 6px;
}

/* SECTIONS */

.section {
  padding: 0px;
  margin: 0px;
}

/* COLUMN SETUP */

.col {
  margin: 0.8%;
}

/* GROUPING */

.group {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.8%;
  margin-right: -0.8%;
}

/* GRID OF FIVE */

.span_5_of_5 {
  width: calc(100% - 0.8% * 2);
}

.span_4_of_5 {
  width: calc(80% - 0.8% * 2);
}

.span_3_of_5 {
  width: calc(60% - 0.8% * 2);
}

.span_2_of_5 {
  width: calc(40% - 0.8% * 2);
}

.span_1_of_5 {
  width: calc(20% - 0.8% * 2);
}

@media (max-width: 575px) {
  .span_1_of_5,
  .span_2_of_5,
  .span_3_of_5,
  .span_4_of_5,
  .span_5_of_5 {
    width: calc(50% - 0.8% * 2);
  }
}

.logos .col {
  background-color: #000;
  text-align: center;
}

.logos .col img {
  padding: 10%;
  width: 100%;
  height: auto;
}

/* ACCORDION */

.rlAccordion>h3 {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 1px;
  font-size: 20px;
}

.section-05-accordeon-bereiche.has-bg .rlAccordion>h3 {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 1px;
  font-size: 20px;
}

.section-05-accordeon-bereiche.has-bg .rlAccordion>h3>span {
  color: #fff;
}

.rlAccordion>h3>span {
  color: #000;
}


.rlAccordion>h3:hover {
  background-color: #000;
  color: #fff;
}

.rlAccordion>h3:hover>span {
  color: #fff;
}

.section-05-accordeon-bereiche.has-bg .rlAccordion .opened p {
	color: white;
}

/* HEADER */

.nav-top-container-fluid {
  padding: 5px 15px;
}

@media (min-width: 768px) {
  .nav-top-container-fluid {
    padding: 5px 0;
  }
}

.nav-top-line-height {
  font-size: 11px;
  text-align: left;
}

@media (min-width: 576px) {
  .nav-top-line-height {
    text-align: right;
  }
}

.nav-top-line-height .sep {
  margin-right: 5px;
  margin-left: 5px;
  font-size: 11px;
}

.nav-top-line-height i {
  margin-right: 5px;
}

.navbar-brand {
  height: auto;
  padding-right: 1rem;
}

.navbar-toggle {
  margin-right: 0;
  padding: 9px 15px;
}

.navbar-header {
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
}

.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after {
  display: none;
}

@media (min-width: 768px) {

  .navbar.nav-top {
    margin-left: -15px;
    margin-right: -15px;
  }

}

@media (min-width: 992px) {

  .navbar.nav-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-top.affix {
    left: 3rem;
    right: auto;
    width: calc(100% - 3rem);
  }

}

.navbar-nav>li>.dropdown-menu {
  text-align: left;
}

/* ELEMENT 15 */

p.lead {
  font-size: 1.7rem;
  color: #000;
}

.os {
  overflow: scroll;
}

.oh {
  overflow: hidden;
}

.hz-slider__wrap {
  margin-top: 6.5rem;
}

.hz-slider__card {
  flex-basis: 40rem;
  flex-shrink: 0;
  color: #000;
  position: relative;
  padding: 2rem 6rem 6rem;
  margin-bottom: 3rem;
  z-index: 1;
}

@media (min-width: 992px) {
  .hz-slider__wrap {
    display: flex;
  }

  .hz-slider__card {
    margin-right: 3rem;
    margin-bottom: 0;
  }
 .hz-slider__card:last-child {
    margin-right: 0;
  }
}

.hz-slider__card .hz-slider__doofling:before {
  content: '';
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHsAAABfCAMAAAD/JEhtAAAARVBMVEVHcEz/YwClAA34WwH/ZAD/ZQD/ZAD/ZQD/ZgD0VAP/ZAD/YwD/ZAD/ZACyDgzhPwW5EgvhRQSuAA2xAAz/ZQCfAA2qAA1wxjQrAAAAFHRSTlMAOFcbnfPZ6kYIXyqIyelWv7qJaejkRAMAAAFLSURBVGjexdrbjoIwFEbhXekRpCEzP33/Rx3wEKMyl3TteP9lBQ+trZnZ8LvUejFgyk/bh7DL0jD7Xs3YFbTbeh/CXta17S/CTo3rVqicLaXK2VIIIZ05sfxvnz5X0E6Fs4/DBYYLDBcYLjC8mx0KZ8uD9ne4wPCOtgpoe9DWANoetD/CBYb3tTWBtgftt3CB4QLDBYYLDBcY3t9+fbkJDBcYLjCcsMPA2c9wxH4sWQWGCwwXGC4wHLJv21LKDqCtDNrbE8dsOdDOoD1wtgffa4WzZ/DzPXF2BH9LMmdHcO2QOTuCa8WRsyO4Nxg5O4J7wZGzX4eEYLaB2QZmG5htYLaB2b3tzP2P/H4qCmYbmN3Xdtw50eeJKJht3NPuak/cOXACz94dZ0fwroXj7Bm8W3OQbTOXbS5g2RueqOx9xgBl3+4kTy6fO4fsHzE65EWQccrZAAAAAElFTkSuQmCC);
  background-size: 100%;
  filter: drop-shadow(2px 0 5px #00000070);
  position: absolute;
  top: 2rem;
  left: -0.7rem;
  width: 9.23rem;
  height: 7.13rem;
  z-index: -1;
}

.hz-slider__card .hz-slider__doofling {
  width: 9.23rem;
  height: 7.13rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 2.2rem;
  margin-left: -6.7rem;
  padding-top: 1rem;
}

.hz-slider__card:not(:last-child) .hz-slider__doofling:after {
  content: '';
  background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2212%22%20height%3D%2222%22%20viewBox%3D%220%200%2012%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.292893%200.292893C0.683418%20-0.0976311%201.31658%20-0.0976311%201.70711%200.292893L11.7071%2010.2929C12.0976%2010.6834%2012.0976%2011.3166%2011.7071%2011.7071L1.70711%2021.7071C1.31658%2022.0976%200.683418%2022.0976%200.292893%2021.7071C-0.0976311%2021.3166%20-0.0976311%2020.6834%200.292893%2020.2929L9.58579%2011L0.292893%201.70711C-0.0976311%201.31658%20-0.0976311%200.683418%200.292893%200.292893Z%22%20fill%3D%22%231D3952%22%2F%3E%3C%2Fsvg%3E);
  color: #000;
  position: absolute;
  top: 5rem;
  width: 4.8rem;
  height: 2.2rem;
  transform: rotate(90deg);
  right: 2rem;
}

@media (min-width: 992px) {
  .hz-slider__card:not(:last-child) .hz-slider__doofling:after {
    transform: rotate(0);
    right: 6rem;
  }
}

.hz-slider__card hr {
  border-top-color: #000;
  width: 4em;
  margin-left: 0;
}

.hz-slider__card ul {
  padding-left: 1em;
  list-style: disc;
  line-height: 2;
}

/* ELEMENT 16 */

.section-16-cta-feature {
  position: relative;
}

.cta-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cta-bg.cta-bg-offset {
  height: calc(100% - 20vw);
}

.cta-bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000a6;
}

.cta-bg>* {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}

.cta-feature {
  position: relative;
}

/* BLOG SINGLE */

.section-blog {
  padding-top: 6em;
  padding-bottom: 6em;
}

.content-block > p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 1em;
}

.content-block-2 > p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 1em;
}

.content-block > p:first-of-type::first-letter {
  font-size: 4.5em;
  font-size: 3.1em;
  float: left;
  line-height: 0.8;
  margin-top: 0;
  margin-left: -0.08em;
}

.content-fl-2 > p:first-of-type::first-letter {
  font-size: 3.1em;
  float: left;
  line-height: 0.8;
  margin-top: 0;
  margin-left: -0.08em;
}

.content-fpo > p:first-of-type {
  color: #ff6600;
}

.content-blog {
  word-break: break-word;
  font-size: 15px;
}

.content-blog img {
  max-width: 100%;
  height: auto;
}

.content-blog .wp-caption {
  width: 100% !important;
  margin-bottom: 1em;
  border: 1px solid #c5c9cf;
}

.content-blog .wp-caption a {
  display: block;
}

.content-blog .wp-caption .wp-caption-text {
  text-align: center;
  font-size: 80%;
}

@media (min-width: 768px) {
  .content-2-col {
    -moz-columns: 2;
         columns: 2;
  }
}

/* BLOG SINGLE PAGINATION */

.section-pagination {
  background: #1a2e40;
  padding: 1.5em 0 1em;
  margin-bottom: 3rem;
}

.pagination-prev {
  max-width: 150px;
  margin: auto;
}

.pagination-next {
  max-width: 150px;
  margin: auto;
}

@media (max-width: 767px) {
  .pagination-prev svg {
    left: 15% !important;
  }

  .pagination-next svg {
    right: 15% !important;
  }
}

/* OVERLAY */

.overlay-darker:before {
  background-color: #000;
  opacity: 0.4;
}

/* MOBILE HEADINGS */

@media (max-width: 1200px) {

  h2 {
    font-size: 4.2rem;
  }

}

@media (max-width: 768px) {

  h2 {
    font-size: 4rem;
  }

}

/* PAGE OVERRIDES */

@media (max-width: 991px) {
  .page-id-3521 .charallax-bg .video-wrap video {
    -o-object-position: 25%;
       object-position: 25%;
  }
}

/* VIDEO CONTAINER */

.video-container {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.video-container video {
  width: 100%;
  height: auto
}

.unmute-icon {
  position: absolute;
  top: 3rem;
  right: 3rem;
  cursor: pointer;
  z-index: 2;
  color: white;
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
  text-align: center;
  line-height: 4rem;
  font-size: 1.6rem;
  padding: 0;
  transition: .3s ease;
  opacity: 1;
}

.unmute-icon.clicked {
  opacity: 0;
}

.unmute-icon svg {
  width: 100%;
  height: 100%;
}

/* UTIL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media (min-width: 768px) {
  .order-md-1 {
    order: 1
  }

  .order-md-2 {
    order: 2
  }

  .order-md-3 {
    order: 3
  }
}

@media (min-width: 992px) {
  .order-lg-1 {
    order: 1
  }
}

@media (min-width: 768px) {
  .container {
    width: 100%;
    max-width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 100%;
    max-width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 100%;
    max-width: 1170px;
  }
}

.row.slim-gutters {
  margin-left: -5px;
  margin-right: -5px;
}

.row.slim-gutters>* {
  padding-left: 5px;
  padding-right: 5px;
}

.row.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutters>* {
  padding-left: 0;
  padding-right: 0;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.row-flex:before,
.row-flex:after {
  display:none;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: flex-end;
}

.justify-content-between {
  justify-content: space-between;
}

.img-fluid-full {
  width: 100%;
  height: auto;
}

.text-white {
  color: white;
}

.text-primary {
  color: #000;
}

@media (min-width: 992px) {
  .text-md-right {
    text-align: right;
  }
}

.d-block {
  display: block;
}

.mxw-36rem {
  max-width: 36rem;
}

.mxw-49rem {
  max-width: 49rem;
}

.mnw-27\.4rem {
  min-width: 27.4rem;
}

.py-5rem {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-8rem {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.pb-20\% {
  padding-bottom: 20%;
}

@media (min-width: 768px) {
  .md\:py-16rem {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .md\:pb-10\% {
    padding-bottom: 10%;
  }
}

@media (max-width: 575px) {
  .no-br-xs br {
    display: none;
  }
}

@media (max-width: 767px) {
  .no-br-sm br {
    display: none;
  }
}

@media (max-width: 992px) {
  .no-br-md br {
    display: none;
  }
}

.mb-1rem {
  margin-bottom: 1rem;
}

.mb-3rem {
  margin-bottom: 3rem;
}

.mb-5rem {
  margin-bottom: 5rem;
}

@media (min-width: 768px) {
  .md\:mb-4\.2rem {
    margin-bottom: 4.2rem;
  }

  .md\:mb-10rem {
    margin-bottom: 10rem;
  }

  .md\:mb-12rem {
    margin-bottom: 12rem;
  }
}

/* PRINT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media print {
  .do-not-print {
    display: none;
  }

  #comments {
    page-break-before: always;
  }

  body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4;
    word-spacing: 1.1pt;
    letter-spacing: 0.2pt;
    font-family: Garamond, "Times New Roman", serif;
    color: #000;
    background: none;
    font-size: 12pt;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: Helvetica, Arial, sans-serif;
  }

  h1 {
    font-size: 19pt;
  }

  h2 {
    font-size: 17pt;
  }

  h3 {
    font-size: 15pt;
  }

  h4,
  h5,
  h6 {
    font-size: 12pt;
  }

  code {
    font: 10pt Courier, monospace;
  }

  blockquote {
    margin: 1.3em;
    padding: 1em;
  }

  img {
    display: block;
    margin: 1em 0;
  }

  a img {
    border: none;
  }

  table {
    margin: 1px;
    text-align: left;
  }

  th {
    border-bottom: 1px solid #333;
    font-weight: bold;
  }

  td {
    border-bottom: 1px solid #333;
  }

  th,
  td {
    padding: 4px 10px 4px 0;
  }

  caption {
    background: #fff;
    margin-bottom: 2em;
    text-align: left;
  }

  thead {
    display: table-header-group;
  }

  tr {
    page-break-inside: avoid;
  }

  a {
    text-decoration: none;
    color: black;
  }
}


/* ADDED */

.contact-form .frm_error {
  color: #B94A48;
  font-size: 1.2rem;
}

.contact-form .form-control {
  background-color: transparent;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid white;
  padding-left: 0;
  transition: .3s ease;
  color: white;
}

.contact-form .form-control:focus {
  padding-left: 1.2rem;
}

.contact-form .form-group {
  margin-bottom: 2rem;
}

.contact-form .frm_checkbox label {
  color: white;
  font-weight: 400;
  font-size: 1.2rem;
}

.newsletter-1 .form-control {
  color: white;
}

.colselector {
	margin-top: 12em;
}

.btn-default {
  color: #000;
  border-color: #000;
}