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

* {margin: 0; padding: 0;}
html, body {height: 100%;}
a {text-decoration: none;}
body {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    overflow-x: hidden;
    position: relative;
    width: calc(100% - 180px);
}

h1{
    font-size: 50px;
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
}

h2{
    font-size: 40px;
    line-height: 1.3;
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;

}

h3{
    font-size: 21px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
}

h4{
    font-size: 22px;
    line-height: 1;
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    letter-spacing: 0.2em;
    text-transform: uppercase;

}

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



h1 span{
    display: block;
    padding-left: 100px;
}

.padding-left{
    padding-left: 40px;
}


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

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


.mobile-br{
    display: none;
}

.desktop-br{
    display: block;
}

.default {
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transform: translatey(100px);
    -webkit-transform: translatey(100px);
    -moz-transform: translatey(100px);
    -ms-transform: translatey(100px);
    opacity: 0;
}

.default.arrive {
    /* margin-top: 0 !important; */
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
}

.default-left {
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    opacity: 0;
}

.default-left.arrive {
    /* margin-top: 0 !important; */
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
}

.default-right {
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    opacity: 0;
}

.default-right.arrive {
    /* margin-top: 0 !important; */
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
}


.default-opacity {
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    opacity: 0;
}

.default-opacity.arrive {
    opacity: 1;
}


/*header*/
#menu-icon{
    display: none;
}

#desktop-menu-icon {
    display: block;
    left: 0;
    right: 0;
    position: absolute;
    width: 30px;
    height: 23px;
    float: right;
    top: 40px;
    margin: auto;
    z-index: 10;
    box-sizing: border-box;
}

#desktop-menu-icon span {
    display: block;
    width: 100%;
    height: 7px;
    margin: 0;
    background: #000000;
    position: absolute;
    right: 0;
}

#desktop-menu-icon span:nth-child(1) {
    top: 0;
}

#desktop-menu-icon span:nth-child(2) {
    bottom: 0;
    width: 55%;
}

#mobile-menu{
    display: none;
}

#header {box-sizing: border-box;
    position: fixed;
    width: 180px;
    height: 100%;
    top: 0;
    right: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    z-index: 10;}
#logo {
    display: block;
    left: 0;
    right: 0;
    position: absolute;
    width: 65px;
    height: auto;
    float: right;
    top: 40px;
    margin: auto;
    z-index: 10;
    box-sizing: border-box;
}
#logo img {width: 100%; height: auto;}
#header ul {
    margin: 0 auto;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    color: #000000;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);

}
#header ul li {
    list-style: none; padding: 0 10px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin: 10px 0px;
    position: relative
;}

#header ul li.active:after{
    position: absolute;
    top: 20%;
    right: 0;
    content: '';
    height: 60%;
    width: 15px;
    border-radius: 25px 0 0 25px;
    background: rgb(197,122,41);
    background: -moz-linear-gradient(123deg, rgba(197,122,41,1) 0%, rgba(253,235,129,1) 48%, rgba(131,73,30,1) 100%);
    background: -webkit-linear-gradient(123deg, rgba(197,122,41,1) 0%, rgba(253,235,129,1) 48%, rgba(131,73,30,1) 100%);
    background: linear-gradient(123deg, rgba(197,122,41,1) 0%, rgba(253,235,129,1) 48%, rgba(131,73,30,1) 100%);
}

#header ul li.active a{
    color: #f4f4f4;
}



#header ul li.login {display: none;}
#header ul li a {
    color: rgba(244, 244, 244, 0.31);
    display: block;
    height: 40px;
    line-height: 38px;
    padding: 0 30px;
    text-decoration: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
}
/*#header ul li a.active {background: #eeeeee;}*/
#header .overlay {display: none;}
#header .background {width: 100%; height: 100%; background: #1a222e; position: absolute; left: 0; top: 0; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; z-index: -1;}
#header .background {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
/*body.home #header .background {opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}*/

/*footer*/
.footer{
    position: relative;
    height: 90px;
    background: #1a222e;

}

.footer .footer-logo{
    position: absolute;
    top: 80px;
    left: 100px;

}

.footer .footer-logo img{
    width: 80px;

}

.footer .footer-address{
    position: absolute;
    top: 80px;
    left: 100px;
    color: #ffffff;
}

.footer .footer-address strong{
    font-family: 'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 1;
}

.footer .footer-address span{
    display: block;
    font-family: 'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
    font-style: normal;
}

.footer .follow-us{
    position: absolute;
    top: 80px;
    right: 100px;

}

.footer .follow-us span{
    display: block;
    color: #8a8a8a;

}

.footer .follow-us .fa{
    color: #8a8a8a;
    padding: 10px 20px 0 0;

}

.footer .copyright{
    position: absolute;
    bottom: 30px;
    right: 100px;
    color: rgba(255, 255, 255, 0.51);
    font-size: 14px;
}













/*home*/



#pre-loader{
    position: fixed;
    z-index: 100;
    background: #ffffff;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;

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

#pre-loader.hide{
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

#pre-loader img{
    position: absolute;
    top:50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: block;
    width: 100%;
    max-width: 540px;
    margin: auto;
}



.home-banner{
    height: 100%;
    position: relative;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}

.home-banner .home-banner-bg{

    background: url(../assets/home_banner.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    top:0;
    height: 100%;
}




.home-banner-background.arrive {
    opacity: 0;
}

.home-banner-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #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;
    z-index: 2;
    pointer-events: none;
}


.home-banner .home-banner-content {
    position: absolute;
    width: 80%;
    text-align: left;
    top: 50%;
    left: 10%;
    color: #1a222e;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    max-width: 500px;
}

.home-banner .home-banner-content p{
    font-size: 20px;
    padding-left: 60px;
    max-width: 380px;
}

.learn-more {
    position: absolute;
    left: 0;
    bottom: -100px;
    z-index: 5;
    display: block;
    text-align: center;
    color: #3c3c3c;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    cursor: pointer;
    opacity: 0;
}

.learn-more.show {
    opacity: 1;
}

.learn-more p{
    font-size: 14px;
    font-family: 'Iowan Old Style', Arial, Helvetica, sans-serif;
}
.learn-more .learn-more-arrow{
    width: 25px;
    height: 40px;
    position: relative;
    margin: auto;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}


@-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);}
}

.learn-more .learn-more-arrow img{
    display: block;
    width: 100%;
}


/*home 2nd section*/
.home-2nd-section{
    position: relative;
    background: #1a222e;
}

.home-2nd-section .object1{
    position: absolute;
    background: rgba(190, 190, 190, 0.2);
    height: 250px;
    width: 70px;
    top: -40px;
    left: 100px;
}

.home-2nd-section .object2{
    position: absolute;
    background: rgba(190, 190, 190, 0.2);
    height: 200px;
    width: 70px;
    top: -100px;
    left: 200px;
}

.home-2nd-section .object3{
    position: absolute;
    background: rgba(190, 190, 190, 0.2);
    height: 135px;
    width: 70px;
    bottom: 0px;
    right: 200px;
}

.home-2nd-section:after{
    content: '';
    position: absolute;
    width: 20%;
    height: 40%;
    right: -100px;
    top: 0;
    background: #006e38;
    -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    opacity: 0;
}

.home-2nd-section.arrive:after{
    right: 0;
    opacity: 1;
}

.home-2nd-section .home-2nd-section-content{
    position: relative;
    padding-top: 160px;
    padding-bottom: 200px;
    text-align: center;
}

.home-2nd-section .home-2nd-section-content h2{
    font-family: 'IowanOldSt Italic', Arial, Helvetica, sans-serif;
    color: white;
    font-weight: normal;
    font-style: italic;
}

.home-2nd-section .home-2nd-section-content p{
    color: #b6a56b;
    font-family: 'IowanOldSt Italic', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: italic;
}

/*end home 2nd section*/

/*home 3rd section*/

.home-3rd-section{
    position: relative;
    background: #1a222e;
}

.home-3rd-section .home-3rd-section-content{
    position: relative;
    height: auto;
    width: 80%;
    max-width: 1400px;
    padding: 120px 0 0 0;
    margin: auto;
}

.home-3rd-section #home-3rd-section-content2{
    padding: 120px 0 ;
}

.home-3rd-section #home-3rd-section-content2.home-3rd-section-content .home-3rd-section-content-text-container h2 {
    max-width: 400px;
}


.home-3rd-section #home-3rd-section-content2.home-3rd-section-content .home-3rd-section-content-text-container{
    margin: 125px 25px;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
}

.home-3rd-section .home-3rd-section-content .home-3rd-section-content-left{
    width: 50%;
    display: block;
    float: left;
}

.home-3rd-section .home-3rd-section-content .home-3rd-section-content-right{
    width: 50%;
    display: block;
    float: right;
}

.home-3rd-section .home-3rd-section-content .home-3rd-section-content-right img{
    width: 100%;
    display: block;
    position: relative;
    max-width: 520px;
    margin: auto;
}
.home-3rd-section .home-3rd-section-content .home-3rd-section-content-left img{
    width: 90%;
    display: block;
    position: relative;
    z-index: 1;
    max-width: 520px;
    margin: auto;
}

.home-3rd-section .home-3rd-section-content .home-3rd-section-content-text-container{
    position: relative;
    max-width: 540px;
    margin: 0 auto;
    margin-top: 50%;
    color: #ffffff;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.home-3rd-section .home-3rd-section-content .home-3rd-section-content-text-container span{
    display: block;
    color: #f0ce69;
    font-size: 14px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.home-3rd-section .home-3rd-section-content .home-3rd-section-content-text-container h2{
    color: #ffffff;
    line-height: 1.3;
}

.home-3rd-section .home-3rd-section-content .home-3rd-section-content-text-container p{
    color: #ffffff;
    padding-top: 50px;
    padding-left: 40px;
}

.home-3rd-section .home-3rd-section-content .home-3rd-section-content-text-container a{
    margin-top: 45px;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.4rem;
    color: #1a222e;
    background: #f0ce69;
    border-radius: 25px 0 25px 0;
    padding: 15px 50px;
    line-height: 1;
    float: right;
}

/*.home-3rd-section .home-3rd-section-content .home-3rd-section-content-text-container a:before{*/
    /*content: "";*/
    /*border: solid #ffffff;*/
    /*border-width: 0 1px 1px 0;*/
    /*display: inline-block;*/
    /*padding: 3px;*/
    /*height: 5px;*/
    /*width: 5px;*/
    /*top: 6px;*/
    /*right: -22px;*/
    /*transform: rotate(-45deg);*/
    /*-webkit-transform: rotate(-45deg);*/
    /*-moz-transform: rotate(-45deg);*/
    /*-ms-transform: rotate(-45deg);*/
    /*position: absolute;*/
/*}*/


/*end home 3rd section*/


/* home 4th section*/
.home-4th-section{
    position: relative;
    background: #efefef;
    height: 500px;
    width: 100%;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}
.home-4th-section.arrive{
    background: #1b1b1b;
}

.home-4th-section:after{
    content: '';
    position: absolute;
    width: 20%;
    height: 40%;
    left: -100px;
    opacity: 0;
    top: 0;
    background: #006e38;
    -webkit-clip-path: polygon(0 100%, 0 0, 100% 100%);
    clip-path: polygon(0 100%, 0 0, 100% 100%);
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}

.home-4th-section.arrive-after:after{
    opacity: 1;
    left: 0;
}

.home-4th-section .testimonial-container{
    position: absolute;
    background: #ffffff;
    width: 90%;
    min-height: 110%;
    display: block;
    top: 40%;
    left: -100px;
    opacity: 0;
    -moz-box-shadow: 0 5px 40px 6px rgba(56,56,56,.48);
    -webkit-box-shadow:0 5px 40px 6px rgba(56,56,56,.48);
    box-shadow: 0 5px 40px 6px rgba(56,56,56,.48);
    z-index: 2;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}

.home-4th-section .testimonial-container.arrive{
    left: 0;
    opacity: 1;
}

.home-4th-section .testimonial-container .object1{
    position: absolute;
    background: rgba(190, 190, 190, 0.2);
    height: 30px;
    width: 70px;
    top: -30px;
    right: 200px;
}

.home-4th-section .testimonial-container .object2{
    position: absolute;
    background: rgba(190, 190, 190, 0.2);
    height: 130px;
    width: 70px;
    top: -80px;
    right: 100px;
}

.home-4th-section .testimonial-container .object3{
    position: absolute;
    background: rgba(190, 190, 190, 0.2);
    height: 130px;
    width: 70px;
    bottom: -70px;
    left: 100px;
}

.home-4th-section .testimonial-container .testimonial-content{
    width: 60%;
    max-width: 900px;
    position: relative;
    margin: auto;
    margin-top: 80px;
}


.home-4th-section .testimonial-container .testimonial-content span{
    text-align: center;
    color: #932e2e;
    display: block;
    font-size: 12px;
    font-family: 'Museo Sans 500', Arial, Helvetica, sans-serif;
}


.home-4th-section .testimonial-container .testimonial-content h2{
    color: #85784b;
    line-height: 1;
    text-align: center;
}

.home-4th-section .testimonial-container .testimonial-content h2:after {
    content: "";
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 1px;
    border-bottom: 1px solid #85784b;
}

.home-4th-section .testimonial-container .testimonial-changing-content{
    position: relative;
    /*height: -webkit-fill-available;*/
    margin-top: 50px;
}

.home-4th-section #testimonial-left-arrow{
    border: solid #000000;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    height: 5px;
    width: 5px;
    top: 50%;
    left: calc(10% + 50px);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    cursor: pointer;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    opacity: 0;
}

.home-4th-section #testimonial-left-arrow.arrive{
    left: 10%;
    opacity: 1;
}


.home-4th-section #testimonial-right-arrow{
    border: solid #000000;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    height: 5px;
    width: 5px;
    top: 50%;
    right:  calc(10% + 50px);
    transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    opacity: 0;
    position: absolute;
    cursor: pointer;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}

.home-4th-section #testimonial-right-arrow.arrive{
    right: 10%;
    opacity: 1;
}


.home-4th-section #testimonial-left-arrow.arrive.disable {
    cursor: default !important;
    opacity: 0.5;
}

.home-4th-section #testimonial-right-arrow.arrive.disable {
    cursor: default !important;
    opacity: 0.5;
}

.home-4th-section .testimonial-container .testimonial-changing-content .testimonial-changing-content-left{
    position: absolute;
    left: 0;
    top:0;
    width: 60%;
    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;
}

.home-4th-section .testimonial-container .testimonial-changing-content .testimonial-changing-content-left p{
    color: #85784b;
    font-family: 'IowanOldSt Italic', Arial, Helvetica, sans-serif;
    font-size: 21px;
    width: 90%;
    font-weight: normal;
    font-style: italic;
}


.home-4th-section .testimonial-container .testimonial-changing-content .testimonial-changing-content-left .testimonial-people-about{
margin-top: 20px;
    text-align: right;
    width: 90%;
    color: #505050;
}

.home-4th-section .testimonial-container .testimonial-changing-content .testimonial-changing-content-left .testimonial-people-about .testimonial-people-about-name{
    font-family: 'Museo Sans 700', Arial, Helvetica, sans-serif;
    font-size: 21px;
}

.home-4th-section .testimonial-container .testimonial-changing-content .testimonial-changing-content-left .testimonial-people-about .testimonial-people-about-position{
    font-family: 'Museo Sans 500', Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.home-4th-section .testimonial-container .testimonial-changing-content .testimonial-changing-content-left .testimonial-people-about .testimonial-people-about-position br.mobile-br{
   display: none;
}

.home-4th-section .testimonial-container .testimonial-changing-content .testimonial-changing-content-right{
    position: absolute;
    right: 0;
    top:0;
    width: 40%;
    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;
}

.home-4th-section .testimonial-container .testimonial-changing-content .testimonial-changing-content-right img{
width: 90%;

}


.home-4th-section .testimonial-container #testimonial-changing-content.one .testimonial-changing-content-left.one{
   opacity: 1;
}

.home-4th-section .testimonial-container #testimonial-changing-content.one .testimonial-changing-content-right.one{
    opacity: 1;
}

.home-4th-section .testimonial-container #testimonial-changing-content.two .testimonial-changing-content-left.two{
   opacity: 1;
}

.home-4th-section .testimonial-container #testimonial-changing-content.two .testimonial-changing-content-right.two{
    opacity: 1;
}

.home-4th-section .testimonial-container #testimonial-changing-content.three .testimonial-changing-content-left.three{
   opacity: 1;
}

.home-4th-section .testimonial-container #testimonial-changing-content.three .testimonial-changing-content-right.three{
    opacity: 1;
}







/*end home 4th section*/

/* home pre-footer*/

.pre-footer{
    position: relative;
    height: 45vh ;
}

.pre-footer .bg{
    background: url("../assets/prefooter.jpg") no-repeat center;
    background-size: cover;
}

.pre-footer .container{
    position: relative;
    height: 100%;
}

.pre-footer .container .text-container{
    position: absolute;
    left: 65%;
    top: 50%;
    width: 80%;
    max-width: 365px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.pre-footer .container .text-container h1{
    color: #1a222e;
    display: inline-block;
    vertical-align: bottom;
}

.pre-footer .container .text-container a{
    display: inline-block;
    vertical-align: bottom;
    width: 45px;
    padding-left: 30px;
    padding-bottom: 7px;
}








/*end home pre-footer*/



/*end home*/


/*solutions-page page*/

.solutions-1st{
    background: #313131;
    position: relative;

}
.solutions-1st:after {
    position: absolute;
    left: 0;
    top:0;
    content: '';
    width: 100%;
    height: 100%;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    background: #313131;
    z-index: 20;
    pointer-events: none;
}

.solutions-1st.arrive:after {
    opacity: 0;
}

.solutions-1st #solution-1st-content{
    position: relative;
    width: 100%;

}

.solutions-1st #solution-1st-content .solution-1st-container {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;


}

.solutions-1st #solution-1st-content .solution-1st-container.get-height{
    position: relative;
    visibility: hidden;
    opacity: 0;

}

.solutions-1st #solution-1st-content .solution-1st-container .solution-1st-left{
    width: 50%;
    float: left;
    box-sizing: border-box;
    height: 100%;
    position: relative;
}

.solutions-1st #solution-1st-content .solution-1st-container .solution-1st-left .solution-1st-text-container{
    color: #ffffff;
    width: 90%;
    max-width: 530px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.solutions-1st #solution-1st-content .solution-1st-container .solution-1st-left .solution-1st-text-container h2{
    transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    -webkit-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    -moz-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    -o-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    -ms-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    /*opacity: 0;*/
    transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    display: inline-block;
}

.solutions-1st #solution-1st-content .solution-1st-container .solution-1st-left .solution-1st-text-container p{
    transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    -webkit-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    -moz-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    -o-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    -ms-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    /*opacity: 0;*/
    transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
}

.solutions-1st #solution-1st-content.one .solution-1st-container.one .solution-1st-left .solution-1st-text-container h2{
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    /*opacity: 1;*/
}

.solutions-1st #solution-1st-content.one .solution-1st-container.one .solution-1st-left .solution-1st-text-container p{
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    /*opacity: 1;*/
    transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
}

.solutions-1st #solution-1st-content.two .solution-1st-container.two .solution-1st-left .solution-1st-text-container h2{
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    /*opacity: 1;*/
}

.solutions-1st #solution-1st-content.two .solution-1st-container.two .solution-1st-left .solution-1st-text-container p{
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    /*opacity: 1;*/
    transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
}

.solutions-1st #solution-1st-content.three .solution-1st-container.three .solution-1st-left .solution-1st-text-container h2{
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    /*opacity: 1;*/

}

.solutions-1st #solution-1st-content.three .solution-1st-container.three .solution-1st-left .solution-1st-text-container p{
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    /*opacity: 1;*/
    transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -ms-transition-delay: 400ms;

}

.solutions-1st #solution-1st-content .solution-1st-container .solution-1st-right{
    width: 50%;
    float: right;

}

.solutions-1st #solution-1st-content .solution-1st-container .solution-1st-right img{
    display: block;
    float: right;
    width: 95%;
    transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    -webkit-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    -moz-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    -o-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    -ms-transition: all .6s cubic-bezier(0.96, 0.04, 0.43, 0.76);
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    /*opacity: 0;*/
}

.solutions-1st #solution-1st-content.one .solution-1st-container.one .solution-1st-right img{
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    /*opacity: 1;*/
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
}

.solutions-1st #solution-1st-content.two .solution-1st-container.two .solution-1st-right img{
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    /*opacity: 1;*/
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
}

.solutions-1st #solution-1st-content.three .solution-1st-container.three .solution-1st-right img{
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    /*opacity: 1;*/
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
}

.solutions-1st #solution-1st-content .solution-1st-container.remove-fix .solution-1st-right img{
    clip-path: inset(0 0 0 100%) !important;
    -webkit-clip-path: inset(0 0 0 100%) !important;

}


.solutions-1st #solution-1st-content .solution-1st-container.remove-fix .solution-1st-left h2{
    clip-path: inset(0 0 0 100%) !important;
    -webkit-clip-path: inset(0 0 0 100%) !important;
}


.solutions-1st #solution-1st-content .solution-1st-container.remove-fix .solution-1st-left p{
    clip-path: inset(0 0 0 100%) !important;
    -webkit-clip-path: inset(0 0 0 100%) !important;
}








/*dot menu*/
#solution-1st-content .solution-1st-indicator-container {
    bottom:30px;
    left: 0;
    width: 50%;
    position: absolute;
    height: 20px;
}

#solution-1st-content .solution-1st-indicator {
    width: 70px;
    height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 7;
    display: block;
}

#solution-1st-content .solution-1st-indicator > div {
    position: relative;
    background: #6c6c6c;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    display: inline-block;
    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;

}


#solution-1st-content .solution-1st-indicator > div:hover {
    background: #ffffff;
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
}

#solution-1st-content.one .solution-1st-indicator .one {
    background: #ffffff;
}

#solution-1st-content.two .solution-1st-indicator .two {
    background: #ffffff;
}

#solution-1st-content.three .solution-1st-indicator .three {
    background: #ffffff;
}


.solution-1st-left-right-container{
    top:0;
    left: 0;
    width: 50%;
    position: absolute;
    height: 100%;
}

#solution-left-arrow{
    border: solid #ffffff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    height: 5px;
    width: 5px;
    top: 50%;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    cursor: pointer;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    left: 5%;
    opacity: 1;
}


#solution-right-arrow{
    border: solid #ffffff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    height: 5px;
    width: 5px;
    top: 50%;
    /*right:  calc(10% + 50px);*/
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    right: 5%;
    opacity: 1;
    position: absolute;
    cursor: pointer;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
}





.solutions-page .home-banner {
    height: 65vh;
}

.solutions-page .home-banner .home-banner-bg {

    background: url(../assets/solutions_banner.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}

.solutions-page .home-3rd-section #home-3rd-section-content2 {
    width: 80%;
    max-width: 1400px;
}

.solutions-page .home-3rd-section .home-3rd-section-content .home-3rd-section-content-left img {
    width: 85%;
}
.solutions-page .home-3rd-section .home-3rd-section-content .home-3rd-section-content-right img {
    width: 85%;
    float: right;
}

.solutions-page .home-3rd-section #home-3rd-section-content2.home-3rd-section-content .home-3rd-section-content-text-container {
    margin: 125px 0 125px 50px;
}




/*end solutions-page*/


/*about page*/

.about-banner{
    height: 800px;
    position: relative;
    background: url(../assets/about_banner.jpg) no-repeat;
    background-size: cover;
    background-position: center;

}


.about-banner-background.arrive {
    opacity: 0;
}

.about-banner-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #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;
    z-index: 2;
}


/*.about-banner:after {*/
    /*content: '';*/
    /*position: absolute;*/
    /*width: 20%;*/
    /*height: 30%;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*background: #006e38;*/
    /*-webkit-clip-path: polygon(0 100%, 0 0, 100% 100%);*/
    /*clip-path: polygon(0 100%, 0 0, 100% 100%);*/

/*}*/

.about-banner .about-banner-content {
    position: absolute;
    text-align: left;
    top: 50%;
    left: 10%;
    color: #2b3037;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 80%;
    max-width: 420px;
}

.about-banner .about-banner-content .element{
    position: absolute;
    width: 100%;
    top: 0;
    left: 15%;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
}


.about-banner .about-banner-content p{
    font-size: 20px;
    padding-top: 30px;
}



.about-2nd{
    background: #1a222e;
    padding: 150px 0 70px;
}

.about-2nd .about-2nd-container{
    width: 80%;
    max-width: 1200px;
    margin: auto;
}

.about-2nd .about-2nd-left{
    float: left;
    box-sizing: border-box;
    width: 45%;
}

.about-2nd .about-2nd-left .about-2nd-img-container{
    width: 70%;
}

.about-2nd .about-2nd-left .about-2nd-img-container img{
    width: 100%;
    display: block;
}

.about-2nd .about-2nd-right{
    float: right;
    box-sizing: border-box;
    width: 55%;
}

.about-2nd .about-2nd-right .about-2nd-text-container{
    color: #f4f4f4;
    width: 100%;
    padding-top: 40px;
}

.about-2nd .about-2nd-right .about-2nd-text-container h2{

}

.about-2nd .about-2nd-right .about-2nd-text-container p{

}

.about-3rd{
    background: #1a222e;
    padding: 60px 0 150px;
    position: relative;
}

/*.about-3rd:after{*/
    /*content: '';*/
    /*position: absolute;*/
    /*right: 50px;*/
    /*top:0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: url("../assets/about_2_bg.png") no-repeat top right;*/
    /*background-size: contain;*/
    /*transition: all 1s ease;*/
    /*-webkit-transition: all 1s ease;*/
    /*-moz-transition: all 1s ease;*/
    /*-o-transition: all 1s ease;*/
    /*-ms-transition: all 1s ease;*/
    /*opacity: 0;*/
/*}*/

.about-3rd.arrive:after{
    opacity: 1;

}

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

.about-3rd .about-3rd-container .about-3rd-content{
    width: 50%;
    box-sizing: border-box;
    float: left;
    color: #f4f4f4;
}

.about-3rd .about-3rd-container .about-3rd-content label{
    font-size: 22px;
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    position: relative;
    display: block;
    color: #f0ce69;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

/*.about-3rd .about-3rd-container .about-3rd-content label:before{*/
    /*content: '';*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*width: 0;*/
    /*height: 5px;*/
    /*background: #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;*/
/*}*/

.about-3rd .about-3rd-container .about-3rd-content label.line-arrive:before{
    width: 25px;
}

.about-3rd .about-3rd-container .about-3rd-content p{
    max-width: 400px;
}


.about-3rd .about-3rd-container #about-3rd-content2.about-3rd-content p{
    max-width: 450px;
}

.about-4th{
    position: relative;
    background: #fcf5e1;
}

.about-4th .title{
    position: relative;
    padding: 20px 0;
    background: rgb(127,71,29);
    background: -moz-linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
    background: linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);

}

.about-4th .title .container{

}

.about-4th .title .container h4{
    color: #f0ce69;
}

.about-4th .about-4th-container{
    padding-top: 65px;
    width: 80%;
    max-width: 1200px;
    margin: auto;
    color: #2b3037;
    text-align: center;
}

/*.about-4th .about-4th-container h2{*/
    /*position: relative;*/
    /*padding-bottom: 15px;*/
/*}*/

/*.about-4th .about-4th-container h2:after{*/
    /*position: absolute;*/
    /*content: '';*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*margin: auto;*/
    /*background: #163a67;*/
    /*width: 0;*/
    /*height: 5px;*/
    /*transition: all 1s ease;*/
    /*-webkit-transition: all 1s ease;*/
    /*-moz-transition: all 1s ease;*/
    /*-o-transition: all 1s ease;*/
    /*-ms-transition: all 1s ease;*/
/*}*/

.about-4th .about-4th-container h2.line-arrive:after{
    width: 25px;
}

.about-4th .about-4th-container .about-4th-content{
    padding-top: 50px;
}

.about-4th .about-4th-container .about-4th-content ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    grid-auto-rows: 1fr;
}

.about-4th .about-4th-container .about-4th-content ul li{
    width: 33.33%;
    display: block;
}

.about-4th .about-4th-container .about-4th-content ul li .li-container{
    width: 90%;
    max-width: 340px;
    margin: auto;
}

.about-4th .about-4th-container .about-4th-content ul li .li-container h3{
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #1a222e;
    letter-spacing: 0.3em;
}

.about-4th .about-4th-container .about-4th-content ul li .li-container p{
    padding-top: 25px;
}

.about-4th .about-4th-container .about-4th-content ul li .li-container img{
    width: 80%;
    max-width: 145px;
    margin: auto;
    padding-top: 30px;
}


.about-5th{
    background: #ffffff;
    padding: 80px 0 200px;
}

.about-5th .about-5th-container{
    width: 80%;
    max-width: 1200px;
    color: #2b3037;
    margin: auto;

}

.about-5th .about-5th-container h2{
    position: relative;
    padding-right: 30px;
    color: #1a222e;
    font-size: 2.2rem;
    display: inline-block;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

/*.about-5th .about-5th-container h2:after{*/
    /*content: '';*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 100%;*/
    /*height: 1px;*/
    /*width: 0;*/
    /*background: #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;*/
/*}*/

.about-5th .about-5th-container h2.line-arrive:after{
    width: 100px;
}

.about-5th .about-5th-container .about-changing-content{
    padding-top: 50px;
}

.about-5th .about-5th-container .about-5th-content{
    position: relative;
}

.about-5th .about-5th-container .about-5th-content .about-5th-left{
    width: 35%;
    float: left;
}

.about-5th .about-5th-container .about-5th-content .about-5th-left img{
    display: block;
    width: 70%;
}

.about-5th .about-5th-container .about-5th-content .about-5th-right{
    float: right;
    width: 65%;
    padding-top: 40px;
}

.about-5th .about-5th-container .about-5th-content .about-5th-right h3{
    font-size: 22px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.about-5th .about-5th-container .about-5th-content .about-5th-right span{
    font-size: 14px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    color: #f0ce69;
    letter-spacing: 0.3em;
    display: block;
}


.about-5th .about-5th-container .about-5th-content .about-5th-right p{
    font-size: 16px;
    width: 90%;
}


.slick-dots {
    bottom: unset;
    width: auto;
    text-align: left;
    top: -35px;
    display: inline-block !important;
    left: 200px;
}

.slick-dots li {
    margin: 0 20px;
}

.slick-dots li button:before {
    font-size: 8px;
}



/*career*/

.career-container{
    /*height: 100vh;*/
    width: 100%;
    min-height: calc(100vh - 250px);
    position: relative;
}

.career-container .career-right{
    float: right;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    background: url(../assets/career_banner.jpg) no-repeat top center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
}

.career-container .career-right .element{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 260px;
}


.career-container .career-right .career-right-text-container{
    color: #505050;
    width: 70%;
    max-width: 450px;
    box-sizing: border-box;
    padding-top: 200px;
    text-align: center;
    margin: auto;
}

.career-container .career-right .career-right-text-container h2{
    font-size: 30px;
}

.career-container .career-right .career-right-text-container p{
    color: #000000;

}

.career-container .career-right .career-right-text-container a{
    position: relative;
    display: inline-block;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    cursor: pointer;
    font-size: 18px;
    color: #ffffff;
    background: #156834;
    padding: 8px 30px;
    border: 1px solid #156834;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    font-family: 'ITC Avant Garde Pro Md', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
}

.career-container .career-right .career-right-text-container a:hover{
    background: transparent;
    color: #156834;
}

.career-container .career-left{
    float: left;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}

.career-container .career-left .element{
    position: absolute;
    top: 0;
    left: 0;
    width: 215px;
}

.career-container .career-left .career-left-text-container{
    width: 80%;
    margin: auto;
    max-width: 480px;
    box-sizing: border-box;
    padding-top: 220px;
    padding-bottom: 130px;
}

.career-container .career-left .career-left-text-container .small-text{
    display: block;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #1a222e;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
}

.career-container .career-left .career-left-text-container h1{
    color: #2b3037;
    letter-spacing: 0.05em;
}

.career-container .career-left .career-left-text-container p{

}

.career-container .career-left .career-left-text-container a{
    margin-top: 45px;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.4rem;
    letter-spacing: 0.2em;
    color: #f4f4f4;
    background: rgb(127,71,29);
    background: -moz-linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
    background: linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
    border-radius: 25px 0 25px 0;
    padding: 15px 50px;
    line-height: 1;
    float: right;
    -webkit-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.21);
    box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.21);
}

.career-container .career-left .career-left-text-container .small-text {
    font-size: 12px;
    letter-spacing: 0.1em;
}



/*end career*/





/*contact page*/

.contact-banner{
    height: 45vh;
    min-height: 250px;
    width: 100%;
}

#map{
    width: 100%;
    height: 100%;
}

.contact-2nd{
    position: relative;
    background: #1a222e;
}

/*.contact-page .footer {*/
    /*background: #f2f2f2;*/
/*}*/

.contact-2nd .contact-2nd-container{
    width: 80%;
    max-width: 1100px;
    margin: auto;
    padding: 80px 0 80px;
    color: #f4f4f4;
}

.contact-2nd .contact-2nd-container .contact-2nd-left{
    width: 50%;
    float: left;
    padding: 0 80px;
    box-sizing: border-box;
}

.contact-2nd .contact-2nd-container .contact-2nd-left h1{
    color: #f4f4f4;
    letter-spacing: 0.05em;
}

.contact-2nd .contact-2nd-container .contact-2nd-left p:nth-of-type(1){
    padding-top: 60px;
}

.contact-2nd .contact-2nd-container .contact-2nd-left p{
    padding-top: 40px;
    font-size: 16px;
}

.contact-2nd .contact-2nd-container .contact-2nd-right{
    width: 50%;
    float: right;
    box-sizing: border-box;
}


#contactform2{
    padding-top: 52px;
    width: 100%;
    max-width: 400px;
    margin: auto;
}

#contactform2 input{
    width: 100%;
    padding: 10px 20px;
    margin: 8px 0;
    display: inline-block;
    border: none;
    color: rgba(255, 255, 255, 0.51);
    background: transparent;
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
    font-size: 16px;
    outline:0;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
}
#contactform2 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.51);
}
#contactform2 input::-moz-placeholder { /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.51);
}
#contactform2 input:-ms-input-placeholder { /* IE 10+ */
    color: rgba(255, 255, 255, 0.51);
}
#contactform2 input:-moz-placeholder { /* Firefox 18- */
    color: rgba(255, 255, 255, 0.51);
}
#contactform2 textarea{
    width: 100%;
    padding: 12px 20px;
    margin: 25px 0;
    display: inline-block;
    background: #262e3a;
    border: none;
    height: 130px;
    box-sizing: border-box;
    font-size: 16px;
    outline:0;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: rgba(255, 255, 255, 0.51);
}

#contactform2 textarea::-webkit-input-placeholder{
    color: rgba(255, 255, 255, 0.51);
}
#contactform2 textarea::-moz-placeholder { /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.51);
}
#contactform2 textarea:-ms-input-placeholder { /* IE 10+ */
    color: rgba(255, 255, 255, 0.51);
}
#contactform2 textarea:-moz-placeholder { /* Firefox 18- */
    color: rgba(255, 255, 255, 0.51);
}

#contactform2 .button{
    margin-top: 30px;
    display: block;
    position: relative;
    text-transform: uppercase;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.6rem;
    letter-spacing: 0.2em;
    color: #f4f4f4;
    background: rgb(127,71,29);
    background: -moz-linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
    background: linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
    padding: 20px 50px;
    line-height: 1;
    box-sizing: border-box;
    width: 100%;
    border: none;

}

























/*apply now*/

.section.six .footer{
    position: absolute;
    height: 60px;
    width: 100%;
    bottom: 0;
    left: 0;
}

.section.six .footer .copyright {
    bottom: 15px;
}

.section.six .footer .footer-address {
    top: 20px;
}

.section.six .footer .follow-us {
    top: 20px;
}





.section-six-container{
    position: absolute;
    left: 0;
    right: 0;
    /* margin: 0; */
    width: 80%;
    margin: auto;
    text-align: center;
    max-width: 700px;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 3;
}

.section-six-container h2{
    margin: auto;
    color: #1a222e;
    text-transform: uppercase;
}

.section-six-content{
    background: #ffffff;
    margin-bottom: -1px;
}

.section-six-content .input{
    padding: 40px 80px 0;
    margin-top: 40px;

}

.section-six-content input[type=text],.section-six-content input[type=email]{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 15px;
    color: rgba(26, 34, 46, 0.71);
    outline:0;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
}

.section-six-content input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(26, 34, 46, 0.71);
}
.section-six-content input::-moz-placeholder { /* Firefox 19+ */
    color: rgba(26, 34, 46, 0.71);
}
.section-six-content input:-ms-input-placeholder { /* IE 10+ */
    color: rgba(26, 34, 46, 0.71);
}
.section-six-content input:-moz-placeholder { /* Firefox 18- */
    color: rgba(26, 34, 46, 0.71);
}


.section-six-content select{
    width: 100%;
    padding: 8px 20px;
    height: 45px;
    margin: 8px 0;
    display: inline-block;
    background-color: #eeeff0;
    border: none;
    box-sizing: border-box;
    font-size: 16px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal;
    outline:0;
    color: #1a222e;
    -webkit-appearance: none !important;
    -moz-appearance:none !important;;
}
.section-six-content select option{

    color: #1a222e;
}

.section-six-content select::-ms-expand {
    display: none;
}


.section-six-conten select:focus{
    outline:none;
}

.apply-now-btn{
    position: relative;
    display: block;
    text-align: center;
    margin: auto;
    margin-top: 30px;
    cursor: pointer;
    color: #f4f4f4;
    background: rgb(127,71,29);
    background: -moz-linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
    background: linear-gradient(90deg, rgba(127,71,29,1) 0%, rgba(197,122,41,1) 18%, rgba(216,164,38,1) 39%, rgba(152,100,44,1) 59%, rgba(216,164,38,1) 81%, rgba(192,112,41,1) 100%);
    padding: 10px 60px;
    border: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    font-size: 16px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    outline: none;
    width: 100%;
}


/*.apply-now-btn:hover{*/
    /*background: #505050;*/
/*}*/


.section-six-container p{
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-style: normal;
    font-size: 12px;
    text-align: center;
    color: rgba(26, 34, 46, 0.5);
    letter-spacing: 0.2em;
}



.section-six-content .select-wrapper {
    position: relative;
}

.section-six-content .select-wrapper:after {
    content: '';
    border: solid rgba(0, 0, 0, 1);
    border-width: 0 1px 1px 0;
    display: block;
    height: 10px;
    width: 10px;
    right: 15px;
    top: 25px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    position: absolute;
}