@import "fonts.css";
body{ margin: 0px; padding: 0px; background: #f8f8f8; min-height: 100vh; }
body header{ background: #FFF; padding: 10px 40px; font-family: 'akrobat';}
body main{ width: 70%; width: calc(100% - 450px); float: left; }
body section.form{ width:30%; width: calc(450px); float: right; min-height: 100vh; 
    background-color: #fff; position: fixed; right: 0px; top: 0px;
    padding: 30px;box-shadow: 0px 2px 10px rgba(0,0,0,.5);    z-index: 5;
}
.hide {display: none;}
table tr td{padding: 5px;}
section.contentSection{ position: relative;  }
.logo{ float: left; display: inline-block;}
.logo img{ display: block; width: 125px;}
header:after{ content: ""; display: block; clear: both;}
.phoneUrl{ float: right; margin-top: 15px; cursor: pointer; text-decoration: none; line-height: 40px; font-size:23px; color: #404040; }
.phoneUrl span{ font-family: 'akrobat'; font-weight: 700; color: #2b6952; }
.phoneUrl img{ float: left;}
*{ box-sizing: border-box; font-family: 'akrobat'; -webkit-tap-highlight-color: transparent; }
.fancybox-caption__body {font-family: 'akrobat';}
.section_nav{ 
    padding:35px; height: 400px; display: none;
    background: #f2930c; width: 150px; position: fixed; bottom: 0px; left: 0px; height: 40vh;
}
.section_nav span{ color: #FFF; display: block; text-align: center; font-family: 'akrobat'; font-size: 22px;}
.section_nav span.opak{ opacity: .5; }
.scrollPosition{ height: 150px; margin-bottom: 20px; background: rgba(255,255,255,.5); margin: 10px auto; width: 2px; position: relative;}
.scrollPosition:after{ content: ""; width: 2px; background: #FFF; position: absolute; left: 0px; top: 0px; display: block; height: 25%;}
.position2.scrollPosition:after{ height: 50%; }
.position3.scrollPosition:after{ height: 75%; }
.position4.scrollPosition:after{ height: 100%; }
.up{ margin-top: 15px;}
.up,.down{ width: 100%; cursor: pointer; height: 50px; display: block; background: url("../img/arrow_up.png") no-repeat center; }
.up:hover,.down:hover{ background-color: rgba(0,0,0,.02); }
.down{ background: url("../img/arrow_down.png") no-repeat center; }
.slide{ position: relative; width: 100%; height: auto;}
.slide .slide_image{ max-height: 92%; max-width: 55%; position: absolute; right: 40px; bottom: 0px;}
.slide .slide_text{ color:#818181; padding: 40px; font-family: 'gotham_narrow_book'; padding-top: 80px; max-width: 38%;}
.slide .slide_text p{ font-size: 22px;  font-family: 'akrobat'; margin-bottom: 20px; line-height: 1.2;}
.slide > div > img {width: 100%;}
.big_text,.title{ font-size: 50px; color: #404040; margin-bottom: 10px; font-family: 'akrobat'; font-weight: 900; text-transform: uppercase; line-height: 1.1;}
.big_text span,.title span{ color: #2b6952; }
.hamburger{ display: none;}
.hamburger {
    width: 50px; height: 44px; padding:15px 10px;  background: transparent;
    position: absolute; right: 0px; top: 0px; z-index: 2;
}
.hamburger .line{ transition: all 0.2s ease-in-out; float: right; border-radius: 3px; height: 3px; margin-top: 5px; background: #0c6b51; }
.hamburger .line:nth-child(1) { width: 100%; margin-top: 0px; }
.hamburger .line:nth-child(2) { width: 80%; }
.hamburger .line:nth-child(3) { width: 60%; }
.hamburger.active .line {
  transition: all 0.2s ease-in-out;
}
.hamburger.active .line:nth-child(1) {
  width: 100%;
  transform: translateY(250%) rotate(45deg);
}
.hamburger.active .line:nth-child(2) {
  opacity: 0;
  width: 100%;
}
.hamburger.active .line:nth-child(3) {
  width: 100%;
  transform: translateY(-250%) rotate(-45deg);
}
.form_title{ color: #006b50; font-family: 'akrobat'; font-weight: 900; }
.checkbox { user-select: none; font-family: 'akrobat'; font-size: 12px; line-height: 1.2; display: block; position: relative; padding-left: 30px; }
.checkbox a{ text-decoration: underline; color: #404040; }
.checkbox .square {
  width: 22px; position: absolute; left: 0px; top: 0px;
  height: 22px; background-color: transparent; display: inline-block;
  border: 1px solid #bababa;
}

.checkbox input[type="checkbox"] {display: none;}
.checkbox input:checked + .square {
  background: url("../img/check.png") no-repeat center;
  background-color: #bababa;
}
.sendBtn{display:block; color: #fff; font-weight: bold; background: #006b50; text-align: center; font-size: 18px; margin-top: 20px; line-height: 30px; padding: 10px; border-radius: 3px;}
.wRow:after{ clear: both; content: ""; display: block; }
.wRow_50{ width: 50%; padding: 0px 5px; float: left;}
.wRow_100{ width: 100%; padding: 0px 5px; float: left;}
.inputCol{ position: relative;}
.inputCol input{ width: 100%; font-size:18px; -webkit-appearance: none; height: 45px; margin-bottom: 10px; outline: none; position: relative; border: 1px solid #b5b5b5; padding-left: 15px; color:#333; border-radius:3px;}
.spacer_15{ height: 15px;}
.icon_user,.icon_phone{ width: 45px; height: 45px; position: absolute; left: 0px; top: 0px; 
           background: url("../img/user_icon.png") no-repeat center; z-index: 1;background-size: 16px;
}
::-webkit-input-placeholder {font-family: 'gotham_narrow_bold'; color: #b5b5b5; font-size: 18px;} 
:-ms-input-placeholder { font-family: 'gotham_narrow_bold'; color: #b5b5b5; font-size: 18px;}
::placeholder {font-family: 'akrobat'; font-weight: 100; color: #b5b5b5;  font-size: 18px;}
.form-bottom-steps {margin-top: 60px;text-align: center;}
.form-bottom-steps > img {
    width: 100%;
}
.form-step {font-size: 16px; color: #006b50; margin: 10px 0; font-weight: 600; position: relative;}
    .form-step span {display: block; width: 45px; height: 45px; background: #006b50; color: #fff; border-radius: 50%; margin: 0 auto 5px; line-height: 48px;}
    .form-step:nth-child(2)::before {
        content: "";
        width: 1px;
        display: block;
        height: 50px;
        background: #006b50;
        margin: 0 auto 10px;
    }
    .form-step:nth-child(2)::after {
        content: "";
        width: 1px;
        display: block;
        height: 50px;
        background: #006b50;
        margin: 10px auto 0;
    }
    .form-step:nth-child(3) span {
        border-radius: 0;
        -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
        height: 65px;
        width: 65px;
        line-height: 65px;
    }
    .form-step:nth-child(3)::after {
        content: "";
        width: 25px;
        height: 25px;
        background: #006b50;
        top: 24px;
        position: absolute;
        left: 50%;
        margin-left: -63px;
        -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    }
    .form-step:nth-child(3)::before {
        content: "";
        width: 25px;
        height: 25px;
        background: #006b50;
        top: 4px;
        position: absolute;
        left: 50%;
        margin-left: 33px;
        -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    }
.clearfix{ clear: both; }
.icon_phone{ background: url("../img/phone_icon.png") no-repeat center; z-index: 1;background-size: 18px; }
.section2 img{ max-width: 100%;}
.slick-initialized{ height: 250px; overflow: hidden;}
.slick-slide{ opacity: 0; position: relative; transition: all 0.2s ease-in-out;}
.slick-active{ opacity: 1;}
.slick-active + .slick-slide{ opacity: .5; margin-left: 10px; }
.gtitle{ position: absolute; font-size: 19px; padding: 15px; width: 100%; left: 0px; bottom: 0px; background: rgba(0,0,0,.7); color: #FFF; z-index: 44;}
.gtitle span{ color: #f9a94b; }

.section2{ padding-left: 40px; padding-bottom: 30px; background: #f9a94b;padding-top: 3px; padding-right: 40px;}
.section2 .title {color: #fff !important;}
/* .owl-carousel .lastActiveItem{ opacity: .3; } */
.owl-nav {font-size: 55px;
    position: absolute;
    left: -28px;
    top: 50%;
    margin-top: -25px;
    right: -30px;
    z-index: 1;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    display: block;
    float: left;
    outline: none !important;
    line-height: 55px !important;
    width: 22px;
    text-align: center;
    background: #fff !important;
}
.owl-carousel .owl-nav button.owl-next {
    float: right;
}
    .owl-carousel .owl-nav button span {
        position: relative;
        top: -2px;
    }
.owl-carousel .owl-stage-outer {
    z-index: 2;
}
.owl-item{ transition: all 0.2s ease-in-out; }
.whyLi{ background: #FFF; box-shadow: 2px 2px 10px rgba(0,0,0,.1); position: relative;  margin-bottom: 15px; padding: 15px 0; }
.whyLi img{ max-width: 85px; display: block; margin: 0px auto;}
.whyLi > div{ width: 100%;     min-height: 105px;
    font-size: 25px; color: #006b50; font-weight: 900; line-height: 1.3; padding: 0px; position: relative; text-align: center; }
.commentLi:first-child{ margin-top: 0px;}
.commentLi { margin-top: 15px;}
.commentLi .coverImage{ border-radius: 50%; position: relative; width: 154px; height: 154px; margin-right: 30px;display: inline-block; }
.overlayHide{ overflow: hidden; width: 100%; height: 100%; position: relative; border-radius: 100%;}
.commentLi .coverImage img{ position: absolute; height: 100%; transform: translate(-50%,-50%); left: 50%; top: 50%; }
.commentLi .cont{ width: calc(100% - 154px - 35px); display: inline-block; vertical-align: top;}
.section4 .title{ margin-bottom: 20px;}
.commentLi p{ margin-top: 20px; color: #818181; text-align: justify; line-height: 1.3; margin-top: 30px;}
.clName{ color:#404040; font-size: 20px; text-align: left; font-weight: 900;}
.cldName{ color: #f2930c; text-align: left; margin-top: 8px; font-size: 14px;}
footer{ padding: 20px; font-size: 9px; font-family: 'akrobat'; color:#999999; }
footer .eminLogo{ max-width: 150px;}
footer .copyRight{ float:right; text-align: right;}
footer .copyRight span{ color: #006b50; }
footer .btnGroup{ display: inline-block;}
footer .btnGroup a{ color: inherit; text-decoration: underline;}
.customFancy{ padding: 20px !important; font-family: 'akrobat'; max-height: 80% !important; }
.customFancy p{ margin: 10px 0px; font-size: 14px;}
.customFancy strong{ font-weight: 900; }
.customFancy a{ color:#404040;}
.overlay_title{ color: #006b50; font-size: 20px; font-weight: 900; }
.inputCol input._sc_error{ border-color: #F00; }
.inputCol input._sc_error::placeholder{ color: #F00; }
.intl-tel-input{ width: 100%; margin-bottom: 10px;} 
.mobile_show{ display: none; }
.title{ margin-top: 20px;}
.section2{ padding-left: 40px;}
.owl-carousel.owl-drag .owl-item div{ width: 300px !important;}
.section3{ padding: 0px 40px; padding-bottom: 20px;}
.wRow{ margin: 0px -15px; }
.wRow_33{ width: 33%; float: left; padding: 0px 15px; }
.commentLi{ width: 100%; float: left; margin-bottom: 30px; position: relative; padding: 15px 30px; }
.commentLi::after {
    content: '"';
    font-size: 90px;
    position: absolute;
    right: 0;
    bottom: -65px;
    color: #006b50;
}
.commentLi::before {
    content: '"';
    font-size: 90px;
    position: absolute;
    left: 0;
    top: 0;
    color: #006b50;
}
.section4{  padding: 10px 40px; padding-bottom: 40px;}
.section4 .title{ }
.contentSection:after{ clear: both; display: block; content: "";}
a{ cursor: pointer; }
.t2{ transition:all linear .2s; -moz-transition:all linear .2s; -webkit-transition:all linear .2s; -o-transition:all linear .2s; }

p.red {
    color: red;
    text-align: center;
}
.error_message > a, .closeFancy {
    font-size: 16px;
    color: #fff !important;
    background: #006b50;
    padding: 7px 30px;
    border-radius: 5px;
    margin: 10px auto 0 !important;
    display: block;
    max-width: 200px;
    text-align: center;
    text-decoration: none;
}
#mobile_sticky {
    display: none;
}

.full_width_mobile{display:block; width:100%; margin-bottom:10px;
    color: #006b50;
    font-weight: 900;
    font-size: 25px;
}
.full_width_mobile span {
    background: #006b50;
    padding: 5px 13px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
}
.full_width_mobile span:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 107, 80, 0);
    border-top-color: #006b50;
    border-width: 8px;
    margin-left: -8px;
    margin-top: -1px;
}


@media screen and (min-width: 1440px) and (max-width: 1800px) {
    /* .owl-carousel.owl-drag .owl-item div{ width: 1000px !important;} */
}
@media screen and (max-width: 1440px) {
    section.section2{ min-height: auto;}
    .whyLi > div{ font-size: 18px; min-height: 88px;}
    .big_text, .title { font-size: 35px;}
    /* .owl-carousel.owl-drag .owl-item div{ width: 800px !important;} */
    body main { width: calc(100% - 350px); }
    body section.form{width: 350px;}
    .slide .slide_text{ max-width: 44%; }
    .full_width_mobile {font-size: 21px;}
    .inputCol input {
        height: 40px;
        margin-bottom: 10px !important;
    }
    .checkbox {
        font-size: 11px;
    }
    .sendBtn {
        line-height: 20px;
    }
    .form-bottom-steps {
        margin-top: 15px;
    }
    .owl-carousel.owl-drag .owl-item div {
        width: 250px !important;
    }
    .gtitle {padding: 8px; font-size: 15px;}
}

@media screen and (max-width: 1370px) {
    .slide .slide_text{ padding-top: 40px;}
    .slide .slide_text p{ font-size: 18px;}
    .form-bottom-steps > img {display: none;}
    .owl-carousel.owl-drag .owl-item div {
        width: 210px !important;
    }
}
@media screen and (min-width: 1030px) {
    .inputCol input,.intl-tel-input{ margin-bottom: 20px;}
    .checkbox{ color: rgba(0,0,0,.5); line-height: 1.3; font-size: 16px; }
    .checkbox a{ color:rgba(0,0,0,.75); }
    .form .wRow_50{ width: 100%;}
    .form_title{ color: #FFF; font-size:30px; margin-bottom: 20px;}
    .form p{ color: #FFF; font-size: 18px; }
    footer .copyRight{ font-size: 14px; line-height: 30px;}
    section.section4,section.section3{ min-height:0; }
    .customFancy{ max-width: 40% !important;}
    .fancybox-slide--image .fancybox-content {
        background: #fff !important;
        padding: 15px !important;
    }
    /* .fancybox-slide--html .fancybox-close-small {
        position: fixed !important;
        top: 11% !important; 
        right: 31% !important;
        z-index: 5555;
    } */
    .fancybox-navigation .fancybox-button--arrow_left {
        left: calc(50% - 690px) !important;
    }
    .fancybox-navigation .fancybox-button--arrow_right {
        right: calc(50% - 690px) !important;
    }
    .fancybox-caption {
        bottom: 5% !important;
        background: transparent !important;
    }
}
/* .full_width_mobile{display:none;} */
@media screen and (max-width: 1024px) {
    .section2 {
        padding-left: 20px !important;
        padding-right: 0;
    }
    .owl-nav {display: none;}
    .navigation{ position: absolute; opacity: 0; visibility: hidden; transform: translate3d(0,-20px,0); padding-top: 10px; padding-bottom: 10px; right: 0px; z-index: 3; top: 44px; background: #fff; }
    .navigation.active{ opacity: 1; transform: translate3d(0,0,0); visibility: visible; }
    .navigation a{ display: block; padding: 10px 15px; color: #006b50; border-top: 1px dashed rgba(0,107,80,.1); }
    .navigation a:first-child{ border: none; }
    .whyLi{ padding: 10px;}
    .whyLi img{ max-width: 90px; margin: 0px;}
    .whyLi > div{ width: calc(100% - 90px); text-align: left; padding: 20px; min-height: 0;  line-height: 1.2; font-size: 18px; padding: 20px; position: absolute; right:0%; top: 50%; transform: translate(0,-50%); }
    .wRow{ margin: 0px -5px; }
    .wRow:after{ clear: both; content: ""; display: block;}
    .wRow_50{ width: 50%; padding: 0px 5px; float: left;}
    .wRow_100{ width: 100%; padding: 0px 5px; float: left;}
    .mobile_slide{ width: 100%;}
    .mobile_hide{ display: none;}
    .customFancy{ max-width: 90% !important;}
    .gtitle{ font-size: 14px;}
    footer .btnGroup{ display: block; margin-top: 5px;}
    footer .eminLogo{ max-width: 80px;}
    .section3{ padding: 0px;}
    .section2{ border-top:1px solid #e5e5e5; }
    .mobile_show{ display: block; }
    .wRow_33{ width: 100%; padding: 5px 0px; }
    .section4{padding: 10px 20px; padding-bottom: 30px; 
        background: #f9a94b;}
        .section4 .title {color: #fff;}
    .section3{ padding: 0px 20px; background: #fff; }
    .form_title{ font-size: 20px; margin-bottom: 10px; text-align:center;}
    .form p{ font-size: 16px; font-family: 'akrobat'; }
    .slide .big_text{ padding: 10px 20px; }
    .big_text,.title{ padding: 10px 0px; font-size: 23px; line-height: 1.3; margin-bottom: 0px; }
    .hamburger{ display: block;}
    section.contentSection{ height: auto; min-height: auto;}
    body header{ padding: 10px; }
    body header .logo img{  max-width: 100px; max-height: 30px; width: 300px; }
    body main{ width: 100%;}
    .mobile_slide{ max-width: 100%; position: relative; /*margin-bottom: -13px; top: -13px;*/ display: block;}
    .phoneUrl{ display:none;}
    body section.form{ position: relative; min-height: auto; width: 100%; padding: 20px; background: #f2f2f2; border-top: 1px solid #e5e5e5; }
    .slide{ height: auto; }
    .sendBtn{border-radius:30px; width:70%; margin:0px auto;}
    .form-bottom-steps {
        margin-top: 30px;
        padding: 30px;
        background: #006b50;
        display: none;
    }
    .sendBtn{ margin-top: 10px; background: #006b50; color: #fff;}
    .section2 {
        padding-top: 10px;
        padding-bottom: 18px;
        background: #fff;
    }
        .section2 .title {color: #000 !important;}
    .commentLi {
        padding: 0;
    }
    .commentLi::before, .commentLi::after {
        display: none;
    }
    .commentLi .cont {
        background: #FFF;
        box-shadow: 0px 10px 10px rgba(0,0,0,.1);
        padding: 15px;
        margin-top: -60px;
        padding-top: 80px;
    }
    .commentLi .coverImage {
        border: 8px solid #f9a94b;
        border-radius: 100%;
        position: relative;
        width: 154px;
        height: 154px;
        margin: 0px auto;
        display: block;
    }
    .commentLi .coverImage:before {
        width: 1px;
        background: #006b50;
        height: 40px;
        position: absolute;
        content: "";
        bottom: -20px;
        left: 50%;
        z-index: 333;
    }
    .commentLi .coverImage:after {
        border-radius: 100%;
        border: 3px solid #FFF;
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        height: calc(100% - 6px);
        width: calc(100% - 6px);
    }
    .clName {text-align: center;}
    .cldName {text-align: center;}
}
@media screen and (max-width: 800px) and (min-width: 500px) {
    .title{ margin-top: 0px;}
    .commentLi{ width: 100%;}
    .mobile_slide{ width: 100%;}
    .mobile_slide { }
    body header .logo img { max-width: 150px; max-height: 50px;}
    .owl-carousel.owl-drag .owl-item div{ width: 500px !important;}
    .hamburger { top: 10px; right: 10px;}
}
@media screen and (max-width: 500px) {
    .commentLi .coverImage {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }
    .commentLi .cont {
        width: 100%;
    }
    main {
        padding-bottom: 60px;
    }
    .sendBtn{ line-height: 25px; padding: 5px;}
    body section.form{ padding: 10px 15px; box-shadow: none;
        margin-bottom: 0; }
    .icon_user, .icon_phone{ top: 4px; width: 30px; height: 30px;}
    .inputCol input {
        padding-left: 10px;
        height: 40px;
    }
    /*.inputCol input{ height: 35px; }*/
    .form_title{ margin-bottom: 5px;}
    .title{ margin-top: 0px;}
    .commentLi{ width: 100%;}
    .owl-carousel.owl-drag .owl-item div{ width: 284px !important;}
	.checkbox{color:rgba(0,0,0,.5)}
	.checkbox a{color:rgba(0,0,0,.5)}
	body header{background-color:#fff;     position: relative;
    z-index: 2;}
    .section4 .title {
        margin-bottom: -15px;
    }
    #mobile_sticky {
        display: block;
        position: fixed;
        bottom: -5px;
        left: 0px;
        z-index: 99989;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all ease-in-out .3s;
    }
        #mobile_sticky img {
            width: 100%;
        }
        #mobile_sticky.sticky {
            opacity: 1;
            visibility: visible;
        }
        .iti-mobile .intl-tel-input.iti-container {
            max-height: 400px;
            max-width: 300px;
        }
}
@media screen and (max-width: 330px) {
    .whyLi > div{ font-size:14px;}
    .owl-carousel.owl-drag .owl-item div {
        width: 275px !important;
    }
}