@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0;}
html, body {height: 100%;}
a {text-decoration: none; color: unset;}

body {
    font-size: 18px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;

}

h1{
    font-size: 45px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

h2{
    font-size: 33px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1;
    text-transform: uppercase;
}

h3{
    font-size: 24px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
}

h4{
    font-size: 18px;
    font-family: 'Daniel', Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #1b986b;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

strong{
    font-weight: bold;
}

p {
    padding-top: 20px;
    line-height: 1.5;
    font-size: 18px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
}

span.special{
    display: inline-block;
    font-size: 40px;
    font-family: 'Daniel', Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #00e38a;
    line-height: 1.4;

}



.clearfloat {
    clear: both;
    height: 0;
}

.mobile-br{
    display: none;
}

.desktop-br{
    display: block;
}

.mobile-img{
    display: none !important;
}

.desktop-img{
    display: block !important;
}

.ipad-p-img{
    display: none !important;
}

.button{
    position: relative;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
    display: inline-block;
    border: 1px solid #ffffff;
    cursor: pointer;
    border-radius: 25px;
    padding: 9px 25px;
    transition: all .5s ease, transform 1s ease, opacity 1s ease;
    -webkit-transition: all .5s ease, -webkit-transform 1s ease, opacity 1s ease;
    -moz-transition: all .5s ease, -moz-transform 1s ease, opacity 1s ease;
    -o-transition: all .5s ease, -ms-transform 1s ease, opacity 1s ease;
    -ms-transition: all .5s ease, -ms-transform 1s ease, opacity 1s ease;
    letter-spacing: 0.2em;
    line-height: 1;
}

.button:hover{
  background-color: #ffffff;
    color: #00e38a;
}



.dot-decoration{
    position: absolute;
    height: 96px;
    width: 96px;
    z-index: 2;
}

.dot-decoration.top-left{
    left: -47px;
    top: -47px;
}

.dot-decoration.about-top-left{
    left: -96px;
    top: -47px;
}

.dot-decoration.btm-left{
    left: -47px;
    bottom: -47px;
}

.dot-decoration span{
   float: left;
    width: 8px;
    height: 8px;
    margin: 12px;
    background: #040707;
}

.dot-decoration.gray-color span{
    background: #b3b4b4;
}

.dot-decoration.dot-decoration-round span{
   border-radius: 4px;
}


/*.button:before{*/
    /*content: "";*/
    /*-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);*/
    /*clip-path: polygon(0 0, 0% 100%, 100% 0);*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*background: #600519;*/
    /*width: 20px;*/
    /*height: 20px;*/

/*}*/




/*header*/
#header {
    position: fixed;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
    z-index: 20;
    transition: all .2s ease;
    -webkit-transition:all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}

#header.scroll {
    top: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.95);
    height: 80px;
}


#header.scroll #menu-apply ul li{
    padding: 30px 25px;
}

#header.scroll #menu-apply ul li:last-of-type {
    padding: 23px 0px 23px 25px;
}

#header.scroll #logo {
    padding: 18px 0;
}

#logo {
    left: 125px;
    position: fixed;
    top: 0px;
    height: 44px;
    padding: 28px 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    z-index: 10;
}
#logo img {
    width: auto;
    height: 44px;
}

#menu-apply {
    padding-right: 10%;
    right: 0;
    position: absolute;
}

#menu-apply ul{

}

#menu-apply ul li{
    display: block;
    float: left;
    font-size: 14px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.2em;
    color: #ffffff;
    padding: 40px 25px;
    text-transform: uppercase;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;

}

#menu-apply ul li .active{
    color: #00e38a;
}

#menu-apply ul li:hover{
    color: #00e38a;
    opacity: 0.8;
}

#menu-apply ul li:last-of-type{
    padding: 33px 0px 33px 25px;
    opacity: 1;
}



#menu-apply ul li .button{
    font-size: 14px;
    color: #0e3829;
    background: #ffffff;
}

#menu-apply ul li .button:hover{
    color: #ffffff;
    background: transparent;
}


#menu-icon {
    display: none;

}
#mobile-menu {
    display: none;
}



/*footer*/
.pre-footer{
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../assets/about_footer.jpg);
    background-position: center;
    background-size: cover;
}

/*.about-page .pre-footer{*/
    /*background-image: url(../assets/about_footer.jpg);*/
    /*background-size: cover;*/
/*}*/


/*.benefits-page .pre-footer{*/
    /*background-image: url(../assets/benefits_footer.jpg);*/
    /*background-size: cover;*/
/*}*/


/*.career-page .pre-footer{*/
    /*background-image: url(../assets/career_footer.jpg);*/
    /*background-size: cover;*/
/*}*/


.pre-footer .pre-footer-contain {
    width: 50%;
    max-width: 440px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10%;
    text-align: center;
    color: #ffffff;
}

.pre-footer .pre-footer-contain > span{
    font-weight: 600;
    letter-spacing: 0.2em;
    display: block;
    padding-bottom: 30px;
}


.pre-footer .pre-footer-contain p{
    font-size: 18px;
    font-family: 'SF Compact Display Regular', Arial, Helvetica, sans-serif;
}

.pre-footer .pre-footer-contain .pre-footer-contain-title{
    font-size: 62px;
    font-family: 'SF Compact Display Bold', Arial, Helvetica, sans-serif;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 30px;
}

.pre-footer .pre-footer-contain .button{
    background-color: #ffffff;
    margin-top: 50px;
    color: #0e3829;
    font-size: 1.4rem;
}

.pre-footer .pre-footer-contain .button:hover{
    background-color: transparent;
    color: #ffffff;
}



.footer.homepage{
    position: fixed;
    z-index: 6;
    bottom: -130px;
    left: 0;
    width: 100%;
    background-color: #f7f7f7;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    height: 130px;
}

.footer.homepage.show{
    bottom: 0;

}

.footerpiaslogo{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 21px;
    padding: 17px 0;
}

.footer .footer-contain .footerpiaslogo-text{
    font-family: 'SFCompact Text Regular', Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: absolute;
    /*right: 60px;*/
    bottom: 0;
    /*width: 300px;*/
    /*padding: 13px 0;*/


    right: 70px;
    /* width: 300px; */
    padding: 20px 0;
}

#home-container.five {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
}
#home-container.five.passed {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
 top: -130px;
}

.footer{
    position: relative;
    width: 100%;
    background-color: #f6f6f6;
    color: #727272;
}

.footer .footer-contain {
    width: 80%;
    position: relative;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer .footer-contain .footer-contain-logo{
    width: 15%;
    float: left;

}
.footer .footer-contain .footer-contain-logo img{
    width: 180px;

}
.footer .footer-contain .footer-contain-left{
    width: 50%;
    float: left;

}
.footer .footer-contain .footer-contain-left p{
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    padding: 0;
    line-height: 1.1;
}

.footer .footer-contain .footer-contain-left p.address-name{
    padding-top: 20px;
}

/*.footer .footer-contain .footer-contain-left p.address-name strong{*/
    /*font-family: 'SFCompact Text Bold', Arial, Helvetica, sans-serif;*/

/*}*/
/*.footer .footer-contain .footer-contain-left a{*/
    /*margin-top: 20px;*/
    /*margin-bottom: 60px;*/
    /*display: inline-block;*/
    /*font-family: 'FrutigerNextLT-Medium', Arial, Helvetica, sans-serif;*/
    /*font-size: 14px;*/
    /*color: #aa2c2c;*/
    /*text-decoration: none;*/
/*}*/

.footer .footer-contain .copyright-text{
    font-size: 14px;
    padding-top: 5px;
    color: rgba(0, 0, 0, 0.71);
}

.footer .footer-contain .footer-contain-right {
    width: 35%;
    float: right;
    text-align: right;
    font-size: 18px;
}


.footer .footer-contain .footer-contain-right .fa{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 10px;
    color: #4a4a4a;
}


.footer .footer-contain hr {
    width: 100%;
    height: 1px;
    border: none;
    background: #d7d9db;
    margin: 50px 0 20px 0;
}
/*end footer*/


/*home*/

#home-container{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    color: #ffffff;
    /*transition: all 1s ease;*/
    /*-webkit-transition: all 1s ease;*/
    /*-moz-transition: all 1s ease;*/
    /*-o-transition: all 1s ease;*/
    /*-ms-transition: all 1s ease;*/
    -webkit-transition: all 1s cubic-bezier(0.66, 0.07, 0.27, 1.01);
    transition: all 1s cubic-bezier(0.66, 0.07, 0.27, 1.01);
    -o-transition: all 1s cubic-bezier(0.66, 0.07, 0.27, 1.01);
    transition: all 1s cubic-bezier(0.66, 0.07, 0.27, 1.01);
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
}

#home-container.passed{
   top: -110%
}

#home-container.one {
    z-index: 10;
    background: url(../assets/home_banner.jpg);
    background-position: center;
    background-size: cover;

}

/*#home-container.one:before {*/
    /*content: '';*/
    /*background: url(../assets/star_element.png);*/
    /*background-position: top right;*/
    /*background-size: contain;*/
    /*background-repeat: no-repeat;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*height: 100%;*/
    /*width: 100%;*/
/*}*/

#home-container.two {
    background: url(../assets/home_1.jpg);
    background-position: center;
    background-size: cover;
    z-index: 9;
}

#home-container.three {
    background: url(../assets/home_2.jpg);
    background-position: center;
    background-size: cover;
    z-index: 8;
}

#home-container.four {
    background: url(../assets/home_3.jpg);
    background-position: center;
    background-size: cover;
    z-index: 7;
}

#home-container.five {
    background: url(../assets/home_4.jpg);
    background-position: center;
    background-size: cover;
    z-index: 6;
}

#home-container.five .button {
    border: 0;
    background: rgb(17,99,69);
    background: -moz-linear-gradient(90deg, rgba(17,99,69,1) 0%, rgba(24,139,98,1) 35%);
    background: -webkit-linear-gradient(90deg, rgba(17,99,69,1) 0%, rgba(24,139,98,1) 35%);
    background: linear-gradient(90deg, rgba(17,99,69,1) 0%, rgba(24,139,98,1) 35%);
    background-size: 200% 100%;
    background-position: left center;
    padding: 13px 25px;
}


#home-container.five p {
    color: #333333;
    text-transform: uppercase;
    left: 0.2em;
    padding-top: 30px;
    font-weight: 600;
}

#home-container.five .button:hover {
    background-position: right center;
    color: #ffffff;

}

#home-container.five .button:hover{
    background-color: transparent;
}





#home-container.one .home-1st-content{
    width: 80%;
    max-width: 1200px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#home-container.one .home-1st-content h1{
    font-size: 36px;
    color: #333333;
    text-align: center;

}



.home-2nd-content{
    width: 40%;
    max-width: 360px;
    position: absolute;
    left: 10%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);

}

#home-container .button{
 margin-top: 50px;
}

#home-container p{
    padding-top: 50px;

}

.home-3rd-content{
    width: 30%;
    max-width: 350px;
    position: absolute;
    left: 10%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.home-4th-content{
    max-width: 380px;
    width: 50%;
    position: absolute;
    left: 10%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


.home-5th-content{
    width: 45%;
    max-width: 650px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: #333333;
}


.home-5th-content span{
    color: #1b986b;
}



.read-more {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 80px;
    width: 150px;
    margin: auto;
    display: block;
    text-align: center;
    color: #ffffff;
    opacity: 1;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    z-index: 14;
}


.read-more .arrow {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    height: 15px;
    width: 15px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
}



/*end home*/


/*benefits*/

.benefits-banner{
    width: 100%;
    height: 550px;
    background: url(../assets/benefits_banner.jpg);
    background-position: center;
    background-size: cover;
    position: relative;

}

.benefits-banner .benefits-banner-content{
    width: 50%;
    height: 200px;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}


.benefits-banner .benefits-banner-content h1 {
    color: #116345;
    line-height: 200px;
    width: 80%;
    max-width: 480px;
    margin: auto;
}

.benefits-10{
    position: relative;
    padding-bottom: 100px;
}

.benefits-10 .content{
    position: relative;
    width: 50%;

}

.benefits-10 .content .text-container{
    width: 80%;
    max-width: 480px;
    margin: auto;
}

.benefits-10 .content .text-container p{
    padding-top: 0;
    font-weight: 600;
}




.container-image{
    width: 40%;
    position: relative;
    max-width: 430px;
}

.container-image img{
    width: 100%;
    position: relative;
    z-index: 1;
    display: block;
}

.container-image:before{
    content: '';
    position: absolute;
    height: 50%;
    top: -10%;
    width: 1px;
    left: 40%;
    background: #b2b2b2;
}

.container-image .vertical-text{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-right: 0px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.1em;
    color: #333333;
    position: absolute;
    left: 33%;
    top: -20%;
    width: 60px;
    z-index: 3;

}

.container-image .vertical-text .number{
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.2em;
    color: #333333;
    position: absolute;
    left: 0;
    top: 105%;
    z-index: 3;

}

.float-left.container-image .vertical-text .number{
    bottom: 105%;
    top: auto;
}

.float-left.container-image .vertical-text{
    left: 58%;
    top: -24%;
}

.float-left.container-image:before {
    left: 65%;
    top: -12%;
}

.container-text{
    width: 60%;
   margin-top: 100px;
}

.container-text .text-contain{
    width:80%;
    max-width: 560px;
    margin: auto;
    color: #ffffff;
}

.container-text .text-contain span{
    display: block;
}

.container-text .text-contain p{
    padding-top: 80px;
    position: relative;
}

.container-text .text-contain p:before{
    top: 35px;
    left: 0;
    width: 85px;
    height: 1px;
    content: '';
    position: absolute;
    background: #ffffff;
}

.float-right.container-text .text-contain {
    width: 90%;
    margin-left: 10%;
}

.benefits-section-white{
    position: relative;
    width: 100%;

}

.benefits-container{
    width: 80%;
    max-width: 1400px;
    margin: auto;
    position: relative;
    padding: 150px 0 200px 0;
}

.benefits-1st .benefits-container{
    padding: 150px 0 0px 0;
}

.benefits-2nd .benefits-container{
    padding: 300px 0 100px 0;
}

.benefits-2nd .container-text {
    margin-top: 30px;
}



.benefits-3rd .benefits-container{
    padding: 250px 0 150px 0;
}

.benefits-section-white:before{
    content: '';
    position: absolute;
    height: 85%;
    top:5%;
    width: 70%;
    left: 0;
    background: url("../assets/benefits_bg1.jpg") no-repeat center;
    background-size: cover;
}

.benefits-section-white.benefits-3rd:before{
    background: url("../assets/benefits_bg2.jpg") no-repeat center;
    background-size: cover;
    height: 65%;
    top: 13%;
    width: 70%;
}

.benefits-section-white:after{
    content: '';
    position: absolute;
    height: 30%;
    bottom:0%;
    width: 40%;
    right: 0;
    background: #e0e0e0;
    z-index: -1;
}

.benefits-section-white.benefits-3rd:after{
    content: '';
    position: absolute;
    height: 20%;
    top:0%;
    width: 50%;
    left: 0;
    background: #e0e0e0;
    z-index: -1;
}

.benefits-section-black{
    position: relative;
    width: 100%;
    background: #e0e0e0;
    color: #ffffff;
}

.benefits-section-black:before{
    content: '';
    position: absolute;
    height: 67%;
    top: 18%;
    width: 70%;
    right: 0;
    background: #303637;
}



/*end benefits*/


/*career*/

.career-banner{
    width: 100%;
    height: 550px;
    background: url(../assets/career_banner.jpg);
    background-position: center;
    background-size: cover;
    position: relative;

}

.career-banner .career-banner-content{
    width: 50%;
    height: 200px;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.career-banner .career-banner-content h1 {
    color: #116345;
    line-height: 200px;
    width: 80%;
    max-width: 480px;
    margin: auto;
}

.career-2nd{
    position: relative;
    width: 100%;

}

.career-2nd-container{
    width: 80%;
    max-width: 1400px;
    margin: auto;
    position: relative;
    padding: 150px 0 0px 0;
}

.career-2nd-container .container-image:before {
    top: -17%;
    left: 48%;
}

.career-2nd:before{
    content: '';
    position: absolute;
    height: 90%;
    top:5%;
    width: 70%;
    left: 0;
    background: url("../assets/career_bg1.jpg") no-repeat center;
    background-size: cover;
}

.career-2nd-container .container-image{
    width: 50%;
    max-width: 520px;
}

.career-2nd-container .container-image .vertical-text {
    margin-left: -50px;
    right: unset;
    bottom: -20%;
    left: 66%;


}


.career-2nd-container .container-text{
    width: 50%;
    margin-top: 0px;
}

.career-2nd-container .container-text .text-contain p:nth-of-type(1) {
    padding-top: 70px;
}

.career-2nd-container .container-text .text-contain p {
    padding-top: 40px;
}

.career-2nd-container .container-text .text-contain p:before {
    display: none;
}


.career-30{
    position: relative;
}

.career-30 .container{
    position: relative;
    width: 80%;
    float: right;
    background: #303637;
    padding: 110px 0 100px;
    max-width: none;
}


.career-30 .container .content{
    position: relative;
    width: 80%;
    max-width: 1000px;
    margin: auto;
    color: #ffffff;
}

.career-30 .container .content h3{

}

.career-30 .container .content .text-content{
    padding-top: 60px;
    display: flex;
    flex-wrap: wrap;
    grid-auto-rows: 1fr;
}

.career-30 .container .content .text-content .left{
    width: 50%;
}

.career-30 .container .content .text-content .left .left-content{
    width: 90%;
    max-width: 430px;
}

.career-30 .container .content .text-content .right{
    width: 50%;

}

.career-30 .container .content .text-content .right .right-content{
    width: 90%;
}

.career-30 .container .content .text-content span{
    display: block;
    color: #00e38a;
    font-size: 20px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.career-30 .container .content .text-content ul{
    padding-top: 25px;
    margin-left: 20px;
    width: 100%;
    max-width: 330px;
}

.career-30 .container .content .text-content .right ul{
    max-width: 380px;
}

.career-30 .container .content .text-content ul li{
    padding: 5px 0 5px 10px;
}

.career-30 .container .content .text-content p{
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    padding-top: 60px;
}

.career-40{
    position: relative;
    padding: 130px 0 150px;
}

.career-40 .container{
    position: relative;
    max-width: 800px;
    text-align: center;
}

.career-40 .container h3{
    color: #333333;
}

.career-40 .container .img-container{
    width: 100%;
    padding-top: 80px;
}

.career-40 .container .img-container img{

}






/*end career*/

/*about*/

.about-banner{
    width: 100%;
    height: 550px;
    background: url(../assets/about_1bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;

}

.about-banner .about-banner-content{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.about-banner .about-banner-content h1 {
    color: white;
}

.about-1st{
    position: relative;
    width: 100%;
    margin-top: -200px;
}

.about-1st:before{
    content: '';
    position: absolute;
    height: 90%;
    top:5%;
    width: 75%;
    max-width: 1440px;
    left: 0;
    background: #fafafa;
    z-index: -1;
}

.about-1st .about-1st-container{
    position: relative;
    width: 80%;
    max-width: 1200px;
    margin: auto;

}
.about-1st .about-1st-container .vertical-text{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 50px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.1em;
    color: #333333;
    position: absolute;
    right: -15%;
    top: 35%;
}

.about-1st .about-1st-container .vertical-line{
    position: absolute;
    height: 30%;
    top: 0;
    width: 1px;
    right: -12%;
    background: #b2b2b2;
}



.about-1st .about-1st-container img{
    width: 100%;
    display: block;
}


.about-1st .about-1st-container .text-container{
    width: 80%;
    max-width: 730px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 200px;
    position: relative;
    color: #333333;
}

.about-1st .about-1st-container:before{
    content: '';
    position: absolute;
    height: 90%;
    top: 5%;
    width: 90%;
    left: 0;
    background: #fafafa;
    z-index: -1;
}

.about-2nd{
    position: relative;
    width: 100%;
}

.about-2nd:after{
    content: '';
    position: absolute;
    height: 20%;
    bottom:0%;
    width: 45%;
    right: 0;
    background: #e0e0e0;
    z-index: -1;
}


.about-2nd #about-2nd-container{
    margin-bottom: 100px;
    position: relative;
    width: 80%;
    float: right;
   background: url("../assets/about_2bg.jpg") no-repeat center;
    background-size: cover;
    padding: 140px 0;
}

.about-2nd #about-2nd-container .vertical-line{
    position: absolute;
    height: 100px;
    top: 0;
    width: 1px;
    left: -35px;
    background: #b2b2b2;
}



.about-2nd #about-2nd-container .about-2nd-contain {
    width: 80%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    grid-auto-rows: 1fr;
}

.about-2nd #about-2nd-container.one .about-2nd-contain.one {
opacity: 1;
}

.about-2nd #about-2nd-container.two .about-2nd-contain.two {
opacity: 1;
}

.about-2nd #about-2nd-container .about-2nd-contain .about-2nd-contain-left{
    width: 50%;
}

.about-2nd #about-2nd-container .about-2nd-contain .text-container{
    width: 80%;
    max-width: 320px;
    margin: auto;
}

.about-2nd #about-2nd-container .about-2nd-contain .about-2nd-contain-right{
    width: 50%;

}

.about-2nd #about-2nd-container .about-2nd-contain strong{
    font-size: 21px;
    font-family: 'PT Serif BoldItalic', Arial, Helvetica, sans-serif;
    color: #313b41;
}

.about-2nd #about-2nd-container .about-2nd-contain .mission{
    position: relative;
    width: 90px;
}
.about-2nd #about-2nd-container .about-2nd-contain .vision{
    position: relative;
    width: 90px;
}

.about-2nd #about-2nd-container .about-2nd-contain h3{
    text-transform: uppercase;
    letter-spacing: 0.1em;

}

/*dot menu*/
#about-2nd-container .about-indicator {
    width: 5px;
    position: absolute;
    left: 10%;
    top: 46%;
    z-index: 8;
    display: block;
}

#about-2nd-container .about-indicator  > div {
    right: 30px;
    position: relative;
    background: #c2c6c9;
    width: 12px;
    height: 12px;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    cursor: pointer;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    padding: 10px;
    background-clip: content-box;
}

/*#about-2nd-container .about-indicator  .one:after {*/
    /*content: '';*/
    /*border: solid #505050;*/
    /*border-width: 0 1px 1px 0;*/
    /*display: block;*/
    /*height: 10px;*/
    /*width: 10px;*/
    /*right: 0;*/
    /*top: -15px;*/
    /*transform: rotate(225deg);*/
    /*-webkit-transform: rotate(225deg);*/
    /*-moz-transform: rotate(225deg);*/
    /*-ms-transform: rotate(225deg);*/
    /*position: absolute;*/
/*}*/

/*#about-2nd-container .about-indicator  .two:after {*/
    /*content: '';*/
    /*border: solid #505050;*/
    /*border-width: 0 1px 1px 0;*/
    /*display: block;*/
    /*height: 10px;*/
    /*width: 10px;*/
    /*right: 0px;*/
    /*bottom: -15px;*/
    /*transform: rotate(45deg);*/
    /*-webkit-transform: rotate(45deg);*/
    /*-moz-transform: rotate(45deg);*/
    /*-ms-transform: rotate(45deg);*/
    /*position: absolute;*/
/*}*/


#about-2nd-container .about-indicator  > div:hover {
    background: #000000;
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    background-clip: content-box;
}

#about-2nd-container.one .about-indicator .one {
    background: #000000;
    background-clip: content-box;
}

#about-2nd-container.two .about-indicator .two {
    background: #000000;
    background-clip: content-box;
}

/*end dot*/

.about-3rd{
    position: relative;
    width: 100%;
    background: #e0e0e0;
}

.about-3rd .container{
    padding: 140px 0;
}

.about-3rd .container h3{
    text-align: center;

}

.about-3rd .container img{
    width: 80%;
    max-width: 620px;
    margin: auto;
}

.about-3rd .container ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    grid-auto-rows: 1fr;
    padding-top: 60px;

}

.about-3rd .container ul li{
    display: block;

}

.about-3rd .container ul li:nth-of-type(1){
    width: 30%;
}

.about-3rd .container ul li:nth-of-type(2){
    width: 36%;
}

.about-3rd .container ul li:nth-of-type(3){
    width: 34%;
}

.about-3rd .container ul li .li-container{
    width: 90%;
}

.about-3rd .container ul li:nth-of-type(1) .li-container{
    max-width: 235px;
}

.about-3rd .container ul li:nth-of-type(2) .li-container{
    max-width: 350px;
}

.about-3rd .container ul li:nth-of-type(3) .li-container{
    max-width: 300px;
}

.about-3rd .container ul li .li-container h4{

}

.about-3rd .container ul li .li-container p{
    padding-top: 5px;
}









.about-4th{
    position: relative;
    width: 100%;

}
.about-4th:before{
    content: '';
    position: absolute;
    height: 50%;
    top:0;
    width: 100px;
    left: 0;
    background: #e0e0e0;
}
.about-4th .about-4th-container{
    width: 80%;
    max-width: 888px;
    margin: auto;
    padding: 150px 0 100px 0;
}

.about-4th .about-4th-container .content{
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    grid-auto-rows: 1fr;
}

.about-4th .about-4th-container .content .left{
    width: 27%;
}

.about-4th .about-4th-container .content .left .left-container{
    width: 80%;
    max-width: 168px;
}

.about-4th .about-4th-container .content .left .left-container img{

}

.about-4th .about-4th-container .content .right{
    width: 73%;

}

.about-4th .about-4th-container .content .right .right-container{
    width: 100%;
    max-width: 620px;
}

.about-4th .about-4th-container .content .right .right-container h3{
    color: #116345;
}

.about-4th .about-4th-container .content .right .right-container h3 > span{
    font-size: 18px;
}

.about-4th .about-4th-container .content .right .right-container > span{
    font-size: 16px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.about-4th .about-4th-container .content .right .right-container p{
    padding-top: 40px;
}










.about-4th .vertical-text {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.1em;
    color: #333333;
    position: absolute;
    left: 7%;
    top: 455px;
}

.about-4th .vertical-line{
    position: absolute;
    height: 400px;
    top: 0;
    width: 1px;
    margin: 0 -2px;
    left: 10%;
    background: #b2b2b2;
}

.about-50{
    position: relative;

}

.about-50 .container{
    position: relative;
    width: 80%;
    padding: 120px 0;
    max-width: none;
    margin: 0;
}

.about-50 .container .bg{
    background: url("../assets/about_3bg.jpg") no-repeat center;
    background-size: cover;
}

.about-50 .container .content{
    position: relative;
    width: 80%;
    max-width: 900px;
    margin: auto;
}

.about-50 .container .content label{
    display: block;
    font-size: 16px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #ffffff;
}

.about-50 .container .content .text-container{
    padding-top: 40px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 810px;
    opacity: 0;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    color: #ffffff;
}

.about-50 .container .content .text-container p{
    padding-top: 30px;
    font-weight: 300;
    font-style: italic;
}

.about-50 .container .content .text-container span{
    padding-top: 30px;
    display: block;
    font-size: 17px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.about-50 .container .content .text-container.active{
    opacity: 1;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;

}

.about-50 .container .content .text-container.get-height{
    position: relative;

}


/*dot menu*/
.about-50 .container .content .indicator {
    width: 5px;
    position: absolute;
    right: -5%;
    top: 10%;
    z-index: 8;
    display: block;
}

.about-50 .container .content .indicator  > div {
    right: 30px;
    position: relative;
    background: #102c22;
    width: 12px;
    height: 12px;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    cursor: pointer;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    padding: 10px;
    background-clip: content-box;
}


.about-50 .container .content .indicator  > div:hover {
    background: #ffffff;
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    background-clip: content-box;
}

.about-50 .container .content .indicator .active {
    background: #ffffff;
    background-clip: content-box;
}






.about-60{
    position: relative;
    width: 100%;
    margin-top: 110px;
}

.about-60:before{
    content: '';
    position: absolute;
    height: 350px;
    top: -50px;
    width: 75%;
    right: 0;
    background: #333333;
    z-index: -1;
}

.about-60 .container{
    position: relative;

}

.about-60 .container .vertical-text{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 15px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.1em;
    color: #333333;
    position: absolute;
    left: -20%;
    top: 355px;
}

.about-60 .container .vertical-line{
    position: absolute;
    height: 400px;
    top: -100px;
    width: 1px;
    margin: 0 -2px;
    left: -12%;
    background: #b2b2b2;
}

.about-60 .container img{
    width: 100%;
    display: block;
}


.about-60 .container .content{
    position: relative;
    width: 90%;
    max-width: 1020px;
    margin: 100px 0 160px;
    float: right;
}

.about-60 .container .content h2{

}

.about-60 .container .content ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    grid-auto-rows: 1fr;
    padding-top: 100px;
}

.about-60 .container .content ul li{
    width: 33.33%;
    display: block;
    padding-bottom: 80px;
    cursor: pointer;
}

.about-60 .container .content ul li .li-container{
    width: 85%;
    max-width: 280px;
}

.about-60 .container .content ul li .li-container .img-container{
    width: 80%;
    max-width: 168px;
}

.about-60 .container .content ul li .li-container .img-container img{

}

.about-60 .container .content ul li .li-container .text-container{
    padding-top: 35px;
}

.about-60 .container .content ul li .li-container .text-container h3{
    color: #116345;
}

.about-60 .container .content ul li .li-container .text-container span{
    font-size: 16px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}


.disablebodyscroll {
    overflow-y: hidden;
    position: relative;
    touch-action: none;
}


#testimonial-popup{
    position: fixed;
    width: 80%;
    max-width: 888px;
    height: auto;
    max-height: 90%;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 25;
    background: #ffffff;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    box-shadow: 0px -3px 40px -1px rgba(56,56,56,.3);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    opacity: 0;
    pointer-events: none;
}

#testimonial-popup.active{
    opacity: 1;
    pointer-events: auto;
}

#testimonial-popup .content{
    position: relative;
    display: none;
}

#testimonial-popup.one .content.one{
    display: block;
}

#testimonial-popup.two .content.two{
    display: block;
}

#testimonial-popup.three .content.three{
    display: block;
}

#testimonial-popup.four .content.four{
    display: block;
}

#testimonial-popup.five .content.five{
    display: block;
}

#testimonial-popup .content .title{
    position: relative;
    padding: 40px 0 50px;
}

#testimonial-popup .content .title .bg{
    background: rgb(17,146,131);
    background: -moz-linear-gradient(90deg, rgba(17,146,131,1) 30%, rgba(1,84,64,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(17,146,131,1) 30%, rgba(1,84,64,1) 100%);
    background: linear-gradient(90deg, rgba(17,146,131,1) 30%, rgba(1,84,64,1) 100%);
}

#testimonial-popup .content .title .bg:before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13px;
    background: #333333;
}

#testimonial-popup .content .title .title-container{
    width: 85%;
    max-width: 750px;
    margin: auto;
    position: relative;
}

#testimonial-popup .content .title .title-container h3{
    color: #fafafa;
}

#testimonial-popup .content .title .title-container span{
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding-top: 5px;
}

#testimonial-popup .content .title .title-container label{
    display: block;
    color: #00e38a;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.1em;
    padding-top: 5px;
}

#testimonial-popup .content .img-container{
    position: absolute;
    right: 0;
    width: 27%;
    top: 40px;
}

#testimonial-popup .content .img-container .img-content{
    width: 80%;
    max-width: 170px;
    margin: auto;
}

#testimonial-popup .content .img-container .img-content img{

}

#testimonial-popup .content .text-container{
    width: 85%;
    max-width: 750px;
    margin: auto;
    padding: 50px 0;
}

#testimonial-popup .content .text-container .text-content{
    width: 75%;
    max-width: 565px;
    font-size: 16px;
}

#testimonial-popup .content .text-container .text-content p{
    font-size: 16px;
    padding-top: 0;
}

#testimonial-popup .content .text-container .text-content p.add-padding{
padding-top: 25px;
}


#testimonial-popup .content .text-container .text-content strong{
font-weight: 600;
display: block;

}

#testimonial-popup .content .text-container .text-content strong.add-padding{
padding-top: 40px;

}

#testimonial-popup .content .text-container .text-content ul {
margin-left: 20px;
}

#testimonial-popup .content .text-container .text-content ul li{
padding-top: 25px;
padding-left: 20px;
}

#testimonial-popup .content .text-container .text-content ul li:nth-of-type(1){
padding-top: 5px;
}












/*.about-60 .container .content .text-container{*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*grid-auto-rows: 1fr;*/
    /*padding-top: 120px;*/
    /*!*position: absolute;*!*/
    /*!*left: 0;*!*/
    /*!*top: 0;*!*/
    /*!*opacity: 0;*!*/
    /*transition: all 1s ease;*/
    /*-webkit-transition: all 1s ease;*/
    /*-moz-transition: all 1s ease;*/
    /*-o-transition: all 1s ease;*/
    /*-ms-transition: all 1s ease;*/

    /*position: relative;*/
    /*opacity: 1;*/
/*}*/

/*.about-60 .container .content .text-container.active{*/
    /*opacity: 1;*/
    /*transition-delay: .5s;*/
    /*-webkit-transition-delay: .5s;*/
    /*-moz-transition-delay: .5s;*/
    /*-o-transition-delay: .5s;*/
    /*-ms-transition-delay: .5s;*/
/*}*/

/*.about-60 .container .content .text-container.get-height{*/
    /*position: relative;*/
    /*opacity: 0;*/
/*}*/

/*.about-60 .container .content .left{*/
    /*width: 27%;*/
/*}*/

/*.about-60 .container .content .left .left-container{*/
    /*width: 80%;*/
    /*max-width: 168px;*/
/*}*/

/*.about-60 .container .content .left .left-container img{*/

/*}*/

/*.about-60 .container .content .right{*/
    /*width: 73%;*/

/*}*/

/*.about-60 .container .content .right .right-container{*/
    /*width: 100%;*/
    /*max-width: 620px;*/
/*}*/

/*.about-60 .container .content .right .right-container h3{*/
    /*color: #116345;*/
/*}*/

/*.about-60 .container .content .right .right-container h3 > span{*/
    /*font-size: 18px;*/
/*}*/

/*.about-60 .container .content .right .right-container > span{*/
    /*font-size: 16px;*/
    /*font-family: 'Exo 2', Arial, Helvetica, sans-serif;*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*text-transform: uppercase;*/
    /*letter-spacing: 0.2em;*/
/*}*/

/*.about-60 .container .content .right .right-container p{*/
    /*padding-top: 5px;*/
/*}*/

/*.about-60 .container .content .right .right-container p.add-padding{*/
    /*padding-top: 25px;*/
/*}*/


/*.about-60 .container .content .right .right-container strong{*/
    /*font-weight: 600;*/
    /*display: block;*/
    /*padding-top: 40px;*/

/*}*/

/*.about-60 .container .content .right .right-container ul {*/
    /*margin-left: 20px;*/
/*}*/

/*.about-60 .container .content .right .right-container ul li{*/
    /*padding-top: 25px;*/
    /*padding-left: 20px;*/
/*}*/

/*.about-60 .container .content .right .right-container ul li:nth-of-type(1){*/
    /*padding-top: 5px;*/
/*}*/


/*!*dot menu*!*/
/*.about-60 .container .content .indicator {*/
    /*width: 5px;*/
    /*position: absolute;*/
    /*right: -5%;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    /*-webkit-transform: translateY(-50%);*/
    /*-moz-transform: translateY(-50%);*/
    /*-ms-transform: translateY(-50%);*/
    /*-o-transform: translateY(-50%);*/
    /*z-index: 8;*/
    /*display: block;*/
/*}*/

/*.about-60 .container .content .indicator  > div {*/
    /*right: 30px;*/
    /*position: relative;*/
    /*background: #aaaaaa;*/
    /*width: 12px;*/
    /*height: 12px;*/
    /*opacity: 1;*/
    /*-webkit-opacity: 1;*/
    /*-moz-opacity: 1;*/
    /*border-radius: 100%;*/
    /*-webkit-border-radius: 100%;*/
    /*-moz-border-radius: 100%;*/
    /*cursor: pointer;*/
    /*transition: all 0.2s ease-out;*/
    /*-webkit-transition: all 0.2s ease-out;*/
    /*-moz-transition: all 0.2s ease-out;*/
    /*padding: 10px;*/
    /*background-clip: content-box;*/
/*}*/


/*.about-60 .container .content .indicator  > div:hover {*/
    /*background: #116345;*/
    /*opacity: 0.6;*/
    /*-webkit-opacity: 0.6;*/
    /*-moz-opacity: 0.6;*/
    /*background-clip: content-box;*/
/*}*/

/*.about-60 .container .content .indicator .active {*/
    /*background: #116345;*/
    /*background-clip: content-box;*/
/*}*/




/*end about*/




.testimonials-banner{
    width: 100%;
    height: 550px;
    background: url(../assets/about_1bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;

}

.testimonials-banner .testimonials-banner-content{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.testimonials-banner .testimonials-banner-content h1 {
    color: white;
}

.testimonials-1st{
    position: relative;
    width: 100%;
    margin-top: -200px;
}

.testimonials-1st:before{
    content: '';
    position: absolute;
    height: 90%;
    top:5%;
    width: 75%;
    max-width: 1440px;
    left: 0;
    background: #fafafa;
    z-index: -1;
}

.testimonials-1st .testimonials-1st-container{
    position: relative;
    width: 80%;
    max-width: 1200px;
    margin: auto;

}
.testimonials-1st .testimonials-1st-container .vertical-text{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 50px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0.1em;
    color: #333333;
    position: absolute;
    right: -15%;
    top: 35%;
}

.testimonials-1st .testimonials-1st-container .vertical-line{
    position: absolute;
    height: 30%;
    top: 0;
    width: 1px;
    right: -12%;
    background: #b2b2b2;
}



.testimonials-1st .testimonials-1st-container img{
    width: 100%;
    display: block;
}


.testimonials-20{
    position: relative;
    padding: 90px 0 180px;
}

.testimonials-20 .container{
    max-width: 1060px;
}

.testimonials-20 .container .navigation{
    position: relative;
}

.testimonials-20 .container .navigation.add-padding{
    padding-top: 60px;
}

.testimonials-20 .container .navigation ul{
    position: relative;
    list-style: none;
    width: 100%;
}

.testimonials-20 .container .navigation ul:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
}

.testimonials-20 .container .navigation ul li{
    display: inline-block;
    padding-right: 70px;
    cursor: pointer;
}

.testimonials-20 .container .navigation ul li .li-container{
    position: relative;
    display: inline-block;
    padding-bottom: 30px;
    color: rgba(51, 51, 51, 0.51);

    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.testimonials-20 .container .navigation ul li.active .li-container{
    color: #116345;
}

.testimonials-20 .container .navigation ul li .li-container:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #116345;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.testimonials-20 .container .navigation ul li.active .li-container:before{
    opacity: 1;
}

.testimonials-20 .container .navigation ul li .li-container h3{
    display: inline-block;
    letter-spacing: 0.1em;
    line-height: 1;
}

.testimonials-20 .container #change-container-warpper{
    position: relative;
}

.testimonials-20 .container #change-container-warpper .change-container{
    position: relative;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    pointer-events: none;
}

.testimonials-20 .container #change-container-warpper .change-container.one{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/*.testimonials-20 .container #change-container-warpper .change-container.two{*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
/*}*/

.testimonials-20 .container #change-container-warpper.one .change-container.one{
    opacity: 1;

    pointer-events: auto;
}


.testimonials-20 .container #change-container-warpper.two .change-container.two{
    opacity: 1;
    pointer-events: auto;
}

.testimonials-20 .container .content{
    width: 80%;
    max-width: 880px;
    margin: 15px 0;
    padding: 50px 0;
}


.testimonials-20 .container .content.right{
    float: right;
    background: #333333;

}

.testimonials-20 .container .content .text-container{
    position: relative;
    width: 80%;
    max-width: 585px;
    margin: auto;
}

.testimonials-20 .container .content.left .text-container{
    color: #333333;
}

.testimonials-20 .container .content.right .text-container{
    color: #ffffff;

}

.testimonials-20 .container .content .text-container:before{
    position: absolute;
    content: '';
    top: -3px;
    left: -35px;
    width: 17px;
    height: 20px;
}

.testimonials-20 .container .content.left .text-container:before{
    background: url("../assets/open_quote_left.png") no-repeat center;
    background-size: contain;
}

.testimonials-20 .container .content.right .text-container:before{
    background: url("../assets/open_quote_right.png") no-repeat center;
    background-size: contain;
}

.testimonials-20 .container .content .text-container p{
    padding-top: 40px;
    font-weight: 300;
    font-style: italic;
}

.testimonials-20 .container .content.right .text-container p{

}

.testimonials-20 .container .content .text-container p:nth-of-type(1){
    padding-top: 0;
}

.testimonials-20 .container .content .text-container .name-container{
    position: relative;
    margin-top: 40px;
    padding-left: 70px;
}

.testimonials-20 .container .content .text-container .name-container:before{
    position: absolute;
    content: '';
    top: 10px;
    left: 0;
    width: 50px;
    height: 1px;
    background: #333333;
}

.testimonials-20 .container .content.right .text-container .name-container:before{
    background: #ffffff;
}

.testimonials-20 .container .content .text-container .name-container span{
    display: block;
    font-size: 17px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
}























/*apply now*/


.apply-now {
    position: fixed;
    /*padding-top: 5%;*/
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    z-index: 30;
    visibility: hidden;
}

.apply-now.active {
    opacity: 1;
    visibility: visible;
}

.apply-now .content {
    background-color: #303637;
    margin: auto;
    position: relative;
    width: 45%;
    max-width: 750px;
    min-width: 650px;
    color: #ffffff;
    padding-bottom: 60px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}



.apply-now .content .apply-header {
    text-align: center;
    padding: 40px 0 20px;
}

.apply-now .content .apply-header h1 {
    color: #ffffff;
}

.apply-now .content .apply-header span {
    font-size: 36px;
}

.apply-now .content .form .input{
    padding: 0px 80px;

}

.apply-now .content .form input[type=text],[type=email]{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    background: transparent;
    color: #ffffff;
    box-sizing: border-box;
    font-size: 16px;
    outline:0;
    border-radius: 25px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #ffffff;
}
:-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
}


.apply-now .content .form select{
    width: 100%;
    padding: 0px 20px;
    height: 45px;
    margin: 8px 0;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 25px;
    box-sizing: border-box;
    font-size: 16px;
    font-family: 'Exo 2', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    outline:0;
    color: #505050;
    -webkit-appearance: none;
}
.apply-now .content .form select option{
    color: #505050;
}
.apply-now .content .form .select-wrapper {
    position: relative;
}

.apply-now .content .form .select-wrapper:after {
    content: '';
    border: solid #505050;
    border-width: 0 1px 1px 0;
    display: block;
    height: 10px;
    width: 10px;
    right: 25px;
    top: 25px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
}


.apply-now .content .form select:focus{
    outline:none;
}

.apply-now .content .button{
    display: block;
    margin: auto;
    margin-top: 30px;
    outline: none;
    border: 0;
    background: rgb(17,99,69);
    background: -moz-linear-gradient(90deg, rgba(17,99,69,1) 0%, rgba(24,139,98,1) 35%);
    background: -webkit-linear-gradient(90deg, rgba(17,99,69,1) 0%, rgba(24,139,98,1) 35%);
    background: linear-gradient(90deg, rgba(17,99,69,1) 0%, rgba(24,139,98,1) 35%);
    background-size: 200% 100%;
    background-position: left center;
    padding: 13px 25px;
}
.apply-now .content .button:hover{
    background-position: right center;
    color: #ffffff;
}


.apply-now .content .form p{
    font-size: 14px;
    text-align: center;
    color: rgba(227, 227, 227, 0.4);
    padding-top: 15px;
}

/*end apply*/




















@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 10px);}
    to {-webkit-transform: translate(0, -0px);}
}

@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 10px);}
    to {-moz-transform: translate(0, -0px);}
}


@keyframes glow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-webkit-keyframes glow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-moz-keyframes glow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-ms-keyframes glow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-o-keyframes glow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}