*{
    box-sizing: border-box;
}
body, html {
    overflow-x: hidden;
    font-family: OpenSansRegular;
}

body{
    overflow-x:hidden;
    margin: 0;
    width:100%;
    position: relative;
    padding-top: 130px;
}
body.layout-blog,
body.url-searchBlog,
body.blog-page-php,
body.blog-php,
body.collaboration-php,
body.about-us-php{
    padding-top: 152px;
}
body.layout-home {
    padding-top: 0;
}
img {
    max-width: 100%;
    max-height: 100%;

}
.btn {
    cursor: pointer;
}
.header{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index:105;
    transition:0.4s;
}
.dropdown-menu.show a{
    color:blue;
}
.headerTop{
    background: #00031C30;
    font-family: OpenSansRegular;
    color:#FFFFFF;
    padding:0px 0;
}
.headerTop .contactButton{
    background:#19AFFF;
    padding:13px 25px;
    color:white;
    height:100%;
    margin-left:18px;
    font-size:16px;
    font-family: OpenSansSemiBold;
    transition:0.4s;
}
.headerTop .contactButton:hover{
    background: #3dabd9;
    color: #292d38;
}
.headerTop .social img{
   height: 23px;
}
.headerTop .phone{
    color:white;
    position: relative;
    margin-left:40px;
    font-size: 13px;
    font-family: OpenSansRegular;
    cursor: pointer;
    transition:0.4s;
}
.headerTop .phone::before{
    position: absolute;
    content:"";
    width:1.7px;
    height:90%;
    background: rgba(255, 255, 255, 0.5);
    left:-25px;
    top:0;
    bottom:0;
}
.headerTop .phone:hover{
    color: #447dd9;
}
.headerTop .phone span{
    margin-left:10px;
}

.headerTop .language-drop{
    margin-top:-5px;
    display: flex;
    align-items: center;
}
.headerTop .language-drop img{
    width:17px;
    margin-bottom: 2px;
}
.headerTop .language-drop a{
    font-size: 13px;
    color:white;
    font-family: OpenSansRegular;


}
.headerTop .language-drop .dropdown-menu.show{
    background: #f3f3f6;
    min-width: auto;
}
.headerTop .language-drop .dropdown-menu.show a{
    color:black;
    text-align: center;

}


.widget-body{
    margin:0 auto;
    width:100%;
    padding:0;
}
.widget-body .navbar{
    display:flex;
    padding:0;
    border-bottom: 1px solid white;
}
.widget-body .navbar .map-loupe img{
    width:42px;

}
.fixed-header .widget-body .navbar .map-loupe img{
    width:32px;
}
.fixed-header{
    background:#3474B8!important;
    padding-bottom: 0;
}
.fixed-header .navbar{
    border-bottom: 0!important;
}

.fixed-header .widget-body .navbar .navbar-collapse ul li.active a::before{
    /*bottom: -21px!important;*/
    transition:0.4s;
}

.widget-body .navbar .navbar-brand{
    width:181px;
    margin:17px 0;
    transition:0.4s;
}
.fixed-header .widget-body .navbar .navbar-brand{
    margin:0;
    width:160px;
}
.widget-body .navbar .navbar-collapse ul{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 30px;
}
.widget-body .navbar .navbar-collapse ul li.active a{
    position: relative;
    color:#19AFFF;
}
.navbar .dropdown-menu:hover {
    cursor: pointer;
}
.navbar .dropdown-menu {
    padding: 10px 15px !important;
    cursor: pointer;
}
.navbar .dropdown-item {
    color: #000 !important;
    padding: 5px 0 !important;
}
.navbar .dropdown-item.active {
    color: #19AFFF !important;
    background-color: transparent !important;
    border-bottom: 2px solid #19AFFF;
}
.widget-body .navbar .navbar-collapse ul .nav-item.active a.nav-link::before{
    position: absolute;
    content:"";
    width:100%;
    height:4px;
    background: #19AFFF;
    bottom: 5px;
    left:0;
    right:0;
    transition:0.4s;
}
.widget-body .navbar .navbar-collapse ul li a{
    position: relative;
    color:white;
    padding:20px 4px;
    font-family: OpenSansSemiBold;
    transition: 0.4s;
    font-size: 15px;
}
/*.fixed-header .widget-body .navbar .navbar-collapse ul li a{*/
/*    padding:0 20px;*/
/*}*/
.fixed-header  .widget-body .navbar .navbar-collapse ul li:nth-last-child(2) a::after {
    top:0;
    height:100%;
}

.widget-body .navbar .navbar-collapse ul li:nth-last-child(2) a::after{
    content:"";
    position: absolute;
    right:-20px;
    top:12px;
    bottom:0;
    height:60%;
    width:2px;
    background: rgba(255, 255, 255, 0.5);
}

.widget-body .navbar .navbar-collapse ul li a:hover{
  color:#19AFFF;
}

.video-background{
    position: absolute;
    top:0;
    height: 100%;
    width: 100%;
    z-index: 0;
    object-fit: cover;
    display: none;
}

.mainBannerAbsolute{
    z-index: 10;
    position: relative;
}

.overLayBannerHome{
    z-index:1;
    position: absolute;
    height:100%;
    width: 100%;
    top:0;
    background: rgba(0, 0, 0, 0.16);
}

.mainBanner {
    /*background:url("./../img/bannerBG.jpg");*/
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    width:100%;
    height:95vh;
    min-height: 791px;
    padding-top:300px;
    object-fit: cover;
    position: relative;
}

.mainBanner .boxTextBanner{
    padding:45px 30px;
    background: #00031C30;
    color:white;
    max-width: 490px;
}
.mainBanner .boxTextBanner .boxTextBannerTitle p{
    font-size: 30px;
    font-family: OpenSansBold;
}
.mainBanner .boxTextBanner h1{
    font-size: 18px;
    font-family: OpenSansRegular;
    margin-bottom: 5px;
}
.mainBanner .boxTextBanner p{
    font-size: 18px;
    font-family: OpenSansRegular;
    margin-bottom: 27px;
}

.offerWidget  a,
.mainBanner .boxTextBanner  a{
    padding:10px 45px;
    background-color:#EE6F2D;
    color:white !important;
    font-size: 16px;
    font-family: OpenSansSemiBold;
    border-radius: 6px;
    transition:0.4s;
}
.mainBanner .boxTextBanner  a:hover{
    background-color: #217db1;

}

.servicesWidget{
    background:#F2F2F2;
    padding-bottom:20px;
    margin-top:-50px;
}

.servicesWidget .servicesWidgetChild{
    position: relative;
    display:flex;
    background: white;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 10px 18px #0000000F;
    margin-right: 10px;
    margin-bottom: 130px;
    margin-top:-50px;
    padding-top:70px;
    padding-bottom: 10px;
    border-radius: 6px;
    max-width: 369px;
    min-width: 369px;
    z-index:5;
}
.servicesWidget .servicesWidgetChild .servicesWidgetChildImg{
    position: absolute;
    top:-70px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    width:130px;
    height:130px;
    padding:20px;
    background: white;
    box-shadow: 0px 10px 18px #0000000F;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.servicesWidget .servicesWidgetChild img{

    object-fit: scale-down;


}

.servicesWidget .servicesWidgetTitle{
    color:#3474B8;
    font-family: OpenSansBold;
    font-size: 30px;
}
.servicesWidget .servicesWidgetSubTitle{
    font-size: 18px;
    font-family: OpenSansRegular;
    color: #000 !important;
}

.btn-services{
    background: #3474B8;
    color:white;
    font-size: 16px;
    font-family: OpenSansSemiBold;
    border-radius: 6px;
    margin:0 auto;
    padding:10px 55px;
    transition:0.4s;
    margin-top:-50px;
     padding-top:13px;
}
.btn-services:hover{
    background: #0d77db;
    padding:10px 54px;
    letter-spacing: 0.5px;
    box-shadow: 0px 10px 18px rgba(35, 33, 33, 0.3);
     padding-top:13px;
}

.description{
    position: relative;
    text-align: center;
    padding-top:80px;
    padding-bottom: 30px;
}

.description  .HomeTruck{
    position: absolute;
    right:0px;
    top:60px;
}

.description .h3-title{
    display: block;
    position: relative;
    color:#3474B8;
    font-family: OpenSansBold;
    font-size: 36px;

    text-align: center;
    margin:0 auto;
    margin-bottom: 50px;
}

.description .h3-title::after{
    position: absolute;
    content:"";
    width:55%;
    margin-left:auto;
    margin-right:auto;
    height:3px;
    background: #19AFFF;
    bottom:-25px;
    left:0;
    right:0;
}

.description  .textDescription p{
    display: block;
    font-family: OpenSansRegular;
    font-size: 18px;
    width:80%;
    margin:0 auto;
}
.description  img{
    width:336px;
    margin:0 auto;
}

.benefits{
    position: relative;
    background:url("./../img/bgBenefits.png");
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top:170px;
    padding-bottom: 50px;
}
.may-be {
    position: relative;
    margin-bottom: 80px;
}
.blogSlick .h3-title {
    position: relative;
    text-align: center;
    font-family: OpenSansBold;
    font-size: 36px;
    color:#000;
    margin-bottom: 30px;
}
.offersSlick .h3-title,
.offerWidget .h3-title,
.benefits .h3-title{
    position: relative;
    text-align: center;
    font-family: OpenSansBold;
    font-size: 36px;
    color:white;
    margin-bottom: 20px;
}

.may-be::after{
    position: absolute;
    content:"";
    width: 100px;
    height:3px;
    background: #19AFFF;
    bottom: -15px;
    left:15px;
    right:0;
}
.offersSlick .h3-title::after,
.offerWidget .h3-title::after,
.benefits .h3-title::after{
    position: absolute;
    content:"";
    width:95px;
    margin-left:auto;
    margin-right:auto;
    height:3px;
    background: #ffffff;
    bottom:-25px;
    left:0;
    right:0;
}
.benefits  .whiteBG{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:120px;

}

.benefits  .truck{
    position: absolute;
    bottom:-80px;
    right:0;
    left:0;
    margin-left:auto;
    margin-right:auto;
    width:329px;

}

.benefits .servicesWidgetChild:nth-of-type(2){
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 35%;
    max-width: 340px;
    min-width: 200px;
    margin-left: 15%;
}
.benefits .servicesWidgetChild:nth-of-type(3){
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 45%;
    max-width: 340px;
    min-width: 200px;
    margin-left: 10%;
}
.benefits .servicesWidgetChild:nth-of-type(4){
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 45%;
    max-width: 340px;
    min-width: 200px;
    margin-left: 0;
    margin-top:50px;
}
.benefits .servicesWidgetChild:nth-of-type(5){
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 45%;
    max-width: 340px;
    min-width: 200px;
    margin-left: auto;
    margin-top:50px;
}

.benefits .servicesWidgetChild img{
    width:80px;
}

.benefits .servicesWidgetChild{
    text-align: center;
    color:white;
}

.benefits .servicesWidgetChild .servicesWidgetTitle{
    font-family: OpenSansBold;
    font-size: 24px;
    margin-bottom: 15px;
}

.benefits .servicesWidgetChild .servicesWidgetSubTitle{
    max-width: 320px;
    font-size: 16px;
    font-family: OpenSansRegular;
}

.globalNetwork{
    background:#F2F2F2;
    padding: 100px 0;
    padding-bottom: 40px;
}

.globalNetwork .globalNetworkTitle{
    position: relative;
    color:#3474B8;
    font-family: OpenSansBold;
    font-size: 36px;
    margin-bottom: 60px;
    margin-top:50px;
}
.globalNetwork .globalNetworkTitle::before{
    position: absolute;
    content:"";
    width:20%;
    height:4px;
    background: #19AFFF;
    bottom:-14px;
    left:0;
}

.globalNetwork .globalNetworkDescription{
    font-size: 18px;
}

.transport{
    padding:170px 0;
    position: relative;
}

.transport .h3-title{
    font-size: 36px;
    font-family: OpenSansBold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.transport .descriptionText p{
    font-size: 18px;
    font-family: OpenSansRegular;
    line-height: 27px;
    text-align: left;
    margin-bottom: 25px;
}

.transport  a{
    cursor: pointer;
    position: relative;
    padding:10px 45px;
    background-color:#EE6F2D;
    color:white;
    font-size: 16px;
    font-family: OpenSansSemiBold;
    border-radius: 6px;
    transition:0.4s;
    margin:20px 0;
}
.transport  a:hover{
    background-color: #217db1;
}

.transport .containerStats{
    position: absolute;
    bottom:-250px;
    left:0;
    width:100%;
    display: flex;
    flex-display: row;
    flex-wrap: wrap;
    justify-content: space-between;

}
.transport .row{
    position: relative;
}

.transport .containerStats .servicesWidgetChild{
    width:22%;
    box-shadow: 0px 10px 18px #0000000F;
    border-radius: 6px;
    background:white;
    color:black;
    padding:15px 15px;
    padding-bottom: 30px;
    text-align: center;
    z-index:5;
}

.transport .containerStats .servicesWidgetChild .servicesWidgetSubTitle{
    position: relative;
    color:#3474B8;
    font-size: 36px;
    font-family: OpenSansBold;line-height: 49px;
    margin-bottom: 35px;
}

.transport .containerStats .servicesWidgetChild .servicesWidgetSubTitle::before{
    position: absolute;
    content:"";
    width:33%;
    height:4px;
    background: #19AFFF;
    bottom:-14px;
    margin-left:auto;
    margin-right: auto;
    left:0;
    right:0;
}


.transport .containerStats .servicesWidgetChild  .servicesWidgetTitle{
    font-family: OpenSansRegular;
    font-size: 18px;
}

.testimonials{
    background:linear-gradient(0deg, #4175B312, rgba(65, 117, 179, 0.04), rgba(65, 117, 179, 0.34));
    opacity: 80%;
    padding:200px 0;
    padding-bottom: 80px;
}

.testimonials .h3-title{
    position: relative;
    color:#3474B8;
    font-size: 36px;
    font-family: OpenSansBold;
    margin:0 auto;
    margin-bottom: 60px;
}

.testimonials .h3-title::before{
    position: absolute;
    content:"";
    width:27%;
    height:4px;
    background: #19AFFF;
    bottom:-14px;
    margin-left:auto;
    margin-right: auto;
    left:0;
    right:0;
}
.testimonials .boxTestimonials{
    width:100%;
}
.testimonials .boxTestimonial{
    width:100%;
}
.testimonials .boxTestimonial .quote{
    position: relative;
    background:white;
    padding:70px 120px;
    box-shadow: 0px 10px 18px #0000000F;
    max-width: 700px;
    margin:0 auto;
    color:#2A2825;
    font-style: italic;
    font-family: OpenSansRegular;
    font-style: 18px;
    line-height: 27px;
}

.testimonials .boxTestimonial .quote img:first-of-type{
    position: absolute;
    top:-15px;
    margin-left:auto;
    margin-right: auto;
    left:0;
    right:0;
}

.testimonials .boxTestimonial .quote img.avatar{
    padding:10px;
    border-radius: 50%;
    background: white;
    width:100px;
    height:100px;
    position: absolute;
    bottom: -50px;
    margin-left:auto;
    margin-right: auto;
    left:0;
    right:0;
    box-shadow: 0px 10px 18px #0000000F;
}

.testimonials .boxTestimonial .h4-title{
    color:#EE6F2D;
    font-family: OpenSansBold;
    font-size: 24px;
    text-align: center;
    margin-top:80px;
    text-transform: uppercase;
}

.testimonials .boxTestimonial .h5-title{
    font-size:16px;
    font-family: OpenSansRegular;
    text-align: center;
    margin-top:15px;
}

.backgroundPartenersIso{
    background-color:rgba(0, 0, 0, 0.03);
    background-image:url("./../img/bgWhite2.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding:70px 0;
}

.backgroundPartenersIso .partnersIso{
    display: flex;
    flex-display: row;
    flex-wrap: wrap;
    justify-content: center;
}

.backgroundPartenersIso .partnersIso img{
    max-width: 150px;
    height:70px;
    object-fit: cover;
    margin:0 20px;
}

.footer{
    position: relative;
    padding:50px 0;
    color:white;
    background-size: cover;
    background-repeat: no-repeat;
}
.footer .coverLayerFooter{
    background: rgba(5, 5, 40, 0.71);
    position: absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height: 100%;
    z-index:1;
}

.footer .footerContent{
    position: relative;
    z-index:10;
}
.footer .footerContent a{
    color:white;
    transition:0.4s;
}
.footer .footerContent a:hover{
    color: #19AFFF !important;
}

.footer .footerContent img{
    width:170px;
    margin-bottom: 20px;
}
.footer .footerContent .textFooter{
    font-family: OpenSansRegular;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 30px;
}
.footerContent .footerTitle{
    color:#19AFFF;
    font-family: OpenSansBold;
    font-size:18px;
    margin-top:15px;
}

.footer .footerContent .links ul{
    list-style-type: none;
}
.footer .footerContent .links ul li{
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position-y: 2px;
    margin-top:10px;
}

.footer .footerContent .links .gdpr-links:first-of-type{
    margin-top:35px;
}

.footer .footerContent .links a{
    font-size:16px;
    font-family: OpenSansRegular;
    color:white;

}
.footer .footerContent .links a:hover{
    color:#19AFFF!important;
}

.header{
   background:#3474B8;
}
.widget-body  .navbar{
    border-bottom: none;
}
 .widget-body .navbar .navbar-collapse ul li.active a::before{
    bottom: -21px;
}
.layout-home .widget-body .navbar .navbar-collapse ul li.active a::before{
    bottom: -14px;
}
.layout-home .widget-body  .navbar{
    border-bottom: 1px solid white;
}
.layout-home .header{
    background: transparent;
}
.about-us{
    position: relative;
}

.about-us-top > img{
    position: absolute;
    width:310px;
    right:150px;
    top:80px;
}



.about-us-features{
    position: relative;
    background:#F2F2F2;
    padding-top:50px;
    padding-bottom: 80px;
}

.about-us-features > .whiteBG{
    position: absolute;
    top:0;
    width:100%;
    height:40px;
    background-color: #F2F2F2;
    background-image:url("./../img/whiteBG.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    padding:60px 0;

}

.about-us-features .featuresBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.about-us-features .featuresBox img{
    width:65px;
    height:65px;
    object-fit: scale-down;
}
.about-us-features .featuresBox .h3-title{
    color:#3474B8;
    font-family: OpenSansBold;
    font-size:18px;
    text-align: center;
    margin:12px 0;
}

.about-us-features .featuresBox p{
    font-size:14px;
    font-family: OpenSansRegular;
    color:#3474B8;
    line-height: 27px;
    text-align: center;
}


.about-us-team {
    background: transparent radial-gradient(closest-side at 34% 55%, #68C5E3 0%, #3474B8 100%) 0% 0% no-repeat padding-box;
    padding:50px 0;
    padding-bottom: 120px;
}
.about-us-team .container .row >.h3-title{
    position: relative;
    width:100%;
    text-align: center;
    margin-bottom: 100px;
    color:white;
    font-family: OpenSansBold;
    font-size:36px;
    line-height: 49px;
}
.about-us-team .container .row >.h3-title::before{
    position: absolute;
    content:"";
    width:95px;
    height:4px;
    background: #ffffff;
    bottom:-14px;
    left:0;
    right:0;
    margin-right: auto;
    margin-left: auto;
}
.about-us-team .boxMembers{
    width:100%;
}
.about-us-team .slick-list.draggable{
    padding-top:80px;
}
.about-us-team .boxTeamMember{
    position: relative;
    background:white;
    box-shadow: 0px 10px 18px #0000000F;
    border-radius: 6px;
    padding-top:100px;
    text-align: center;
   margin:0 15px;
}
.about-us-team .boxTeamMember .avatar img{
    position: absolute;
    background:white;
    width:150px;
    object-fit: cover;
    padding:15px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-style: solid;
    border-color: white;
    top:-75px;
    left:0;
    right:0;
    box-shadow: 0px 10px 18px #0000000F;
    margin-left:auto;
    margin-right: auto;
}
.share-btn {
    margin-left: auto;
}
.about-us-team .boxTeamMember .name{
    color:#3474B8;
    font-size:24px;
    font-family: OpenSansBold;
    line-height: 33px;
}
.about-us-team .boxTeamMember .position{
    color:#EE6F2D;
    font-size:18px;
    line-height: 27px;
    font-family: OpenSansRegular;
}
.about-us-team .boxTeamMember .descriptionMember{
    color:#2A2825;
    font-size:13px;
    line-height: 27px;
    font-family: OpenSansRegular;
    margin-bottom: 15px;
    padding:0 10px;

}

.about-us-team .boxTeamMember  .socialsMember{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width:100px;
    margin:20px auto;

}
.about-us-team .boxTeamMember  .socialsMember img{
    width:17px;


}
.about-us-team .slick-dots li.slick-active button{
    background-color:#FFFFFF;

}
.about-us-team .slick-dots li button {
    border:none;
    background-color: rgba(255, 255, 255, 0.28);
}

.about-us-footer{
    background:#F2F2F2;
    padding:50px 0;
}
.about-us-footer .about-us-footer-box{
    background:white;
    padding:50px 60px;
    box-shadow: 0px 10px 18px #0000000F;
    border-radius: 6px;
}

.about-us-footer .about-us-footer-box .h3-title{
    font-size:36px;
    font-family: OpenSansBold;
    color:#EE6F2D;
    line-height: 49px;
}

.about-us-footer  .about-us-footer-box .descriptionFooterAbout{
    color:#2A2825;
    font-family: OpenSansRegular;
    font-size:18px;
    line-height: 27px;
}
.about-us-footer  .about-us-footer-box span{
    font-size:24px;
    font-family: OpenSansBold;
    line-height: 37px;
}

.about-us-footer  .about-us-footer-box ul{
    list-style-type: none;
}
.about-us-footer  .about-us-footer-box ul li{
    background-image:url("./../img/checkIcon.png");
    background-size: 17px 13px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
    padding-left: 28px;
    color:#2A2825;
    line-height: 37px;
    font-size:18px;
    font-family: OpenSansRegular;
}



.bannerCms h1{
    font-family: OpenSansBold;
    font-size:36px;
    color:white;
}
.bannerCms{
    width:100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding:50px 0;
    background-position: center left;
    text-align: center;
}

.services-cms{
    padding:80px 0;
    background:#F2F2F2;

}

.services-cms .serviceCard{
    position: relative;
    box-shadow: 0px 10px 18px #0000000F;
    background:white;
    margin:25px 10px;
    width:30%;
    border-radius: 6px;
    margin-bottom:60px;
}
.services-cms .serviceCard .avatar{
    background:white;
    border-radius: 50%;
    width:130px;
    height:130px;
    padding:20px;
    position: absolute;
    top:-70px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;

}
.services-cms .serviceCard .avatar img{

    object-fit:scale-down;

}

.services-cms .serviceCard .backgroundTop{
    width:100%;
    height: 200px;
    object-fit: cover;
}

.services-cms .serviceCard .contentBottom{
    padding:25px 35px;
}

.services-cms .serviceCard .name{
    color:#3474B8;
    font-size:30px;
    font-family: OpenSansBold;
    line-height: 41px;
}
.services-cms .serviceCard .type{
    color:#19AFFF;
    font-family: OpenSansRegular;
    font-size: 18px;
    line-height: 27px;
}
.services-cms .serviceCard .content{
    font-size:13px;
    color:#2A2825;
    font-family: OpenSansRegular;
    line-height: 27px;
    margin-bottom: 15px;
}

.services-cms .serviceCard a{
    background:#EE6F2D;
    padding:9px 25px;
    font-family: OpenSansSemiBold;
    font-size:14px;
    border-radius: 6px;
    color:white;
    transition:0.4s;
}
.services-cms .serviceCard  a:hover{
    background-color: #217db1!important;

}

.servicesPage {
    background: #F2F2F2;
    padding: 50px 0 70px;
}

.servicesPage .servicesPage-left{
    box-shadow: 0px 10px 18px #0000000F;
    border-radius: 6px;
    padding:0;
    /*margin:70px 0;*/
    background: white;
    height: 100%;
    margin-bottom: 25px;
}
.servicesPage .servicesPage-left .servicesTopImage{
    width:100%;

}
.servicesPage .servicesPageRight:last-of-type {
    margin-bottom: 0;
}
.servicesPage .servicesPage-left .servicesTopImage img{
    object-fit: cover;
    max-height: 350px;
    width:100%;
}

.servicesPage .servicesPage-left  .containerContentLeft{
    padding:45px 50px;
}
.servicesPage .servicesPage-left .servicesPage-top .h4-title{
    color:#3474B8;
    font-size:36px;
    font-family: OpenSansBold;
    line-height: 49px;
}
.servicesPage .servicesPage-left .servicesPage-top .h5-title{
    color:#19AFFF;
    font-family: OpenSansRegular;
    line-height: 27px;
    font-size: 18px;
    margin:0;
}

.servicesPage .servicesPage-left .servicesPage-top .share-btn img{
    width:30px;
    cursor: pointer;
}

.servicesPage .servicesPage-left  .contentText p{
    font-family: OpenSansRegular;
    font-size:18px;
    line-height: 27px;
    color:#2A2825;
}

.servicesPage .servicesPage-left  .contentText ul{
    list-style-type: none;
}
.servicesPage .servicesPage-left  .contentText ul li{
    background-image:url("./../img/checkIcon.png");
    background-size: 17px 13px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: left;
    padding-left: 28px;
    line-height: 37px;
    font-size:18px;
    font-family: OpenSansRegular;
}

 .servicesPageRight:first-of-type{
    background: white;
    /*margin-top: 70px;*/
    box-shadow: 0px 10px 18px #0000000F;
    border-radius: 6px;
}
.servicesPage .servicesPageRight:nth-of-type(2){
    background: white;
    margin-top: 20px;
    box-shadow: 0px 10px 18px #0000000F;
    border-radius: 6px;
    display: flex;
    flex-display: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.servicesPage .servicesPageRight:nth-of-type(2) img{
    margin-bottom: 20px;
    object-fit: contain;
}

.servicesPage .servicesPageRight .call-on{
font-family: MontserratRegular;
    font-size: 16px;
    margin-bottom: 20px;
}
.servicesPage .servicesPageRight .call-on a{
    color:white;
    transition:0.4s;
}
.servicesPage .servicesPageRight .call-on b a:hover{
    color: white;
}

.servicesPage .servicesPageRight .call-on .question{
    font-size: 12px;
    line-height: 16px;
}
 .servicesPageRight .form-row input{
    background: #F4F4F4;
    border:none;
    font-family: OpenSansRegular;
    font-size: 16px;
    line-height: 22px;
    color:#2A2825;
    padding:10px 22px;
    margin:5px 0;
}
.servicesPageRight .form-row input::placeholder{
    font-family: OpenSansRegular;
    font-size: 16px;
    line-height: 22px;
    color:#2A2825;
}

 .servicesPageRight .form-row textarea{
    background: #F4F4F4;
    border:none;
    font-family: OpenSansRegular;
    font-size: 16px;
    line-height: 22px;
    color:#2A2825;
    padding:10px 22px;
    margin:5px 0;
}
.servicesPageRight .form-row textarea::placeholder{
    font-family: OpenSansRegular;
    font-size: 16px;
    line-height: 22px;
    color:#2A2825;
}

.servicesPage .servicesPageRight .call-on span{
    font-family: MontserratBold;
}

.servicesPageRight .form-row .btn{
    padding:10px 45px;
    background-color:#EE6F2D!important;
    color:white!important;;
    font-size: 16px;
    font-family: OpenSansSemiBold!important;
    border-radius: 6px;
    transition:0.4s;
}
 .servicesPageRight .form-row  .btn:hover{
    background-color: #217db1!important;

}

 .servicesPageRight .form-row .text-gdpr{
font-size: 11px;
    text-align: center;
    font-family: MontserratRegular;
    line-height: 20px;
}


.collaboratorsPage{
    background:#F2F2F2;
}

.collaboratorsPage .collaboratorsLeft{
    margin-bottom: 70px;
    box-shadow: 0px 10px 18px #0000000F;
    padding:0;
}

.collaboratorsPage .collaboratorsLeft .collaboratorsTopImage{
    width:100%;
    padding:0;
}
.collaboratorsPage .collaboratorsLeft .collaboratorsTopImage img{
    width:100%;
    max-height: 350px;
    object-fit: cover;
}

.collaboratorsPage .collaboratorsLeft  .collaboratorsContent{
    padding:47px 60px;
    background: white;
}
.collaboratorsPage .collaboratorsLeft  .collaboratorsContent p{
    margin:0;
    font-family: OpenSansRegular;

}

.collaboratorsPage .collaboratorsLeft  .collaboratorsContent .h3-title p{
    color:#3474B8;
    font-size:36px;
    font-family: OpenSansBold!important;
    line-height: 49px;
}

.collaboratorsPage .collaboratorsLeft  .collaboratorsContent .h4-title{
    color:#19AFFF;
    font-size: 18px;
    line-height: 27px;
    font-family: OpenSansRegular;
}

.collaboratorsPage .collaboratorsLeft  .collaboratorsContent .toggleText{
    background: #F4F4F4;
    margin:10px 0;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding:15px 20px;
    color:#3474B8;
    font-family: OpenSansBold;
    font-size: 18px;
}

.collaboratorsPage .collaboratorsLeft  .collaboratorsContent .card{
    background:#F4F4F4;
    border:none;
    font-family: OpenSansRegular;
    font-size: 14px;
    margin-bottom: 15px;
    animation: card-fade 1s;
}


@keyframes card-fade {
    0%{
        opacity:0;

    }
    100%{

        opacity:1;
    }
}
.collaboratorsPage .collaboratorsLeft  .collaboratorsContent .toggleText.button img{
   transform: rotate(180deg);
}
.collaboratorsPage .collaboratorsLeft  .collaboratorsContent .toggleText img{
    width: 19px;
    height:20px;
    transition:0.6s;
}

.collaboratorsPage .collaboratorsRight .collaboration-details{
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 40px;
    margin-top:15px;
}
.collaboratorsPage .collaboratorsRight .collaboration-details a{
    color:white;
    transition:0.4s;
}
.collaboratorsPage .collaboratorsRight .collaboration-details a:hover{
    color: #1a242f;
}

.collaboratorsPage .collaboratorsRight .collaboration-details img{
    width:16px;

}

.contactPage{
    background: #F2F2F2;
}
.contactPage .collaboration-details img{
    margin-right: 7px;
}
.contactPage .collaboration-details{
    line-height: 33px;
    font-size: 14px;
}
.contactPage .collaboration-details a{
    color:black;
}
.contact-title{
    color:#3474B8;
    font-family: OpenSansBold;
    font-size: 36px;
    line-height: 49px;
}

.contactPage .contactRight{
    margin:70px 0;
}
.contactPage .contactLeft{
    margin:70px 0;
    margin-bottom: 50px;
    background-color: white;
    padding: 30px;
    padding-bottom: 45px;
    border-radius: 6px;
    min-height: 538px;
    background-image: url("./../img/bgContact.png");
}
.contactPage .servicesPageRight{
    margin-bottom: 50px;
}

.contactPage .contactLeft a{
    font-family: OpenSansRegular;
    font-size: 18px;
}
.modal-backdrop{
    background-color:#00031C!important;
}
.col-form .form-group{
    text-align: center;
}
.modalContact{

    padding-right: 17px;
    display: block;
    width: 900px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 10vh;
}

.modalContact .modal-header {
    position: relative;
    min-height: 0!important;
    padding: 0!important;
    border: none;

}
.modal-header .close{
    cursor: pointer;
    position: absolute;
    top:9px;
    right:19px;
    opacity:1!important;
    color:#3474B8;
    z-index:15;
}
.modalContact .modal-footer {
    min-height: 0;
    padding: 0;
    border: none;
}

.modalContact .contact-title{
    margin:15px 0;
}

.modalContact .modal-body{
    display: flex;
    justify-content: start;
    width:100%;
    padding-left:45px;
    padding-right:0;
}
.modalContact .modal-body input{
    background:#F4F4F4;
    border:none;
    margin-bottom: 7px;
    color:#2A2825
}
.modalContact .modal-body input::placeholder{
    color:#2A2825;
}
.modalContact .modal-body textarea::placeholder{
    color:#2A2825;
}
.modalContact .modal-body textarea{
    background:#F4F4F4;
    border:none;
    margin-bottom: 7px;
}
.modalContact .modal-content{
    background-color:white;
    background-image:url('./../img/bgContact.png');
    background-position: right;
    background-repeat: no-repeat;
    padding:0;
    padding-bottom: 15px;
}
.modalContact .modal-body .text-gdpr{
font-size: 11px;
    font-family: MontserratRegular;
    text-align: center;
    margin:0 auto;
}
.modalContact .modal-body .text-gdpr a{
    display: block;
    text-align: center;
}
.modalContact .modal-body .btn{
    padding:10px 45px;
    background-color:#EE6F2D!important;
    color:white!important;
    font-size: 16px;
    font-family: OpenSansSemiBold;
    border-radius: 6px;
    transition:0.4s;
}
.modalContact .modal-body  .btn:hover{
    background-color: #217db1!important;

}
.modal-header .close{
    color: #334f71;
    font-size: 28px;
}

.moreF{
   display: block;
}

.error-404 .theme-container{
    padding:120px 0;
    text-align: center;
    width:100%;
}
.error-404 .theme-container h1{
    margin:0 auto;
    font-family: Raleway;
    font-size: 56px;
    color: #f60c0c;
}
.links-share li{
    display: flex;
    flex-display: row;
    justify-content: space-between;
    align-items: center;
    margin:10px 0;
}
.links-share a img{
    width:20px;
    margin-right: 10px;
    margin-bottom: 2px;
}


    /*slick*/

.slick-dots ul{
    list-style-type: none;
    display: flex;
    flex-display: row;
}
.slick-dots li {
    display: inline-block;
    /*margin: 0 2px;*/
    padding: 0;
}

.slick-dots li button {
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 50%;
    outline: 0;
    box-shadow: none;
    font-size: 0;
    margin-top: 30px;
    margin-bottom: 15px;
    transform: scale(0.5);
    border:1px solid #BEBEBE;
    background-color:#E0E0E0;
}

.slick-dots {
    text-align: center;
    bottom: -70px;
    top: auto;
    left: 0;
    right: 0;
    position: absolute;
    padding-left: 0;
    margin-bottom: 0;

}

.slick-dots li.slick-active button {
    background-color: #19AFFF;
    border-color: #484848;
}

/*slick arrow*/
.slick-next {
    position: absolute;
    top: 22%;

    z-index: 10;
    /*transform: translate(5%);*/
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0 !important;
    box-shadow: none;
    background: transparent;
    font-size: 0;
    background: url("../img/rightArrow.png") no-repeat;
    background-size: 100%;
    height: 110px;
    width: 110px;

    /*opacity: 0.7;*/
}

.slick-prev {
    position: absolute;
    top: 22%;
    z-index: 10;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0 !important;
    box-shadow: none;
    background: transparent;
    font-size: 0;
    background: url("../img/leftArrow.png") no-repeat;
    background-size: 100%;

    height: 110px;
    width: 110px;
    /*opacity: 0.7;*/
}

.about-us-team .slick-prev{
    left:-100px;
    top:45%;
}

.about-us-team .slick-next {
    right:-100px;
    top:45%;
}

.slick-prev {
    left: 150px;
}

.slick-next {
    right: 150px;
}
.boxTestimonial.slick-slide{
    padding-top:20px;
}
.boxTestimonial.slick-slide.slick-current.slick-active{
    overflow: unset;
    padding-top:20px;
}

.btn-phone {
    position: fixed;
    z-index: 100;
    left: 15px;
    bottom: 15px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    background: #0C5CCC;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    color: #fff;
}
.L1link {
    width: 100%;
    display: flex;
    align-items: center;
    color: #3474B8;
    font-size: 21px;
    font-family: OpenSansSemiBold;
    margin-bottom: 10px;
}
.L2links {
    width: 100%;
    display: block;
    color: #2A2825;
    font-family: OpenSansRegular;
    font-size: 18px;
    margin-bottom: 5px;
}
.L2links.active {
    font-family: OpenSansBold;
    color: #19AFFF;
}
.L2links img {
    margin-bottom: 3px !important;
}
.breadcrumbs li {
    /*padding-left: 20px;*/
}
.breadcrumbs li::marker {
    display: none;
}
.breadcrumbs span{
    font-family: OpenSansRegular;
}
.breadcrumbs a{
    color: #3474B8;
    font-family: OpenSansRegular;
}
.servicesPage .breadcrumbs {
    margin-bottom: 20px;
}
.breadcrumbs {
    display: flex;
    padding: 15px;
    margin-bottom: 0;
    list-style: none;
}
.line {
    margin: 0 10px;
}
.offerName {
    color: #EE6F2D;
    font-family: OpenSansBold;
    font-size: 24px;
    margin-bottom: 10px;
}
.offerMain {
    color: #2A2825;
    font-family: OpenSansRegular;
    font-size: 16px;
    line-height: 27px;
}
.offerWidgetName {
    color: #2A2825;
    font-family: OpenSansRegular;
    font-size: 16px;
    line-height: 27px;
}
.offerWidget {
    background-repeat: no-repeat;
    padding-top: 65px;
    padding-bottom: 85px;
    background-size: cover;
}
.offerBody {
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 20px 23px 20px 23px;
    min-height: 184px;
}
.offerWidgetCard {
    margin-top: 40px;
}
.offerWidgetCard img {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.btn-offer {
    text-align: center;
    margin-top: 55px;
}
.blogSlick .slick-prev ,
.widgetSlick .slick-prev {
    left: -100px;
}
.blogSlick .slick-next ,
.widgetSlick .slick-next {
    right: -100px;
}
.bannerServices {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
}
.bannerServicesFade {
    background-color: #00000035;
    margin-left: 20px;
    padding: 40px;
    color: #fff;
}
.bannerServicesTitle {
    font-size: 30px;
    font-family: OpenSansBold;
    margin-bottom: 20px;
}
.bannerServicesSubTitle {
    font-size: 18px;
    font-family: OpenSansRegular;
    margin-bottom: 20px;
}
.servicesPageCard img{
    width: 300px;
    height: 200px;
    object-fit: cover;
    border-radius: 6px;
    margin-left: 20px;
}
.servicesPageCard:nth-of-type(even) img{
    margin-left: 0px;
    margin-right: 20px;
}
.servicesPageCard {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 10px 18px #0000000F;
    margin-bottom: 20px;
    padding: 30px 30px 35px 30px;
}
.servicesPageCardName {
    font-size: 30px;
    font-family: OpenSansBold;
    margin-bottom: 35px;
    color: #3474B8;
}
.bannerServicesDesc {
    font-size: 13px;
    font-family: OpenSansRegular;
    margin-bottom: 25px;
    line-height: 27px;
}
.whyMaritecDesc {
    font-size: 13px;
    font-family: OpenSansRegular;
    margin-bottom: 25px;
    line-height: 27px;
    color: #fff;
}
.whyMaritecTitle {
    font-size: 29px;
    font-family: OpenSansBold;
    margin-bottom: 22px;
    color: #fff;
}
.servicesPageCard:nth-of-type(even) .servicesPageCardFlex {
    flex-direction: row-reverse;
}
.servicesPageCardFlex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.whyMaritec {
    background: transparent radial-gradient(closest-side at 68% 50%, #68C5E3 0%, #3474B8 100%) 0% 0% no-repeat padding-box;
    opacity: 0.8;
    margin-top: 20px;
}
.whyMaritecLeft {
    padding: 37px 30px;

}
.whyMaritecImg {
   height: 100%;
}

.faq-item.active .collapse{
    display: block;
}
.faqServices {
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 10px 18px #0000000F;
    padding: 20px 30px 30px 30px;
    width: 100%;
    margin-top: 20px;
}
.faqServicesTitle {
    font-size: 30px;
    font-family: OpenSansBold;
    margin-bottom: 17px;
    color: #3474B8;
}
.accordion-button img{
    width: 20px;
    height: 20px;
}
.faq-item.active .accordion-button img{
    transform: rotate(180deg);
    transition:0.4s;
}
.accordion-button {
    border: 0 !important;
    background-color: transparent;
    font-size: 18px;
    font-family: OpenSansBold;
    color: #3474B8;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    outline: none !important;
}
.accordion-header {
    margin-bottom: 0;
}
.faq-item {
    background-color: #F4F4F4;
    border-radius: 6px;
    padding: 16px 24px;
    margin-bottom: 11px;
}
.accordion-body {
    padding-top: 16px;
    font-size: 13px;
    font-family: OpenSansRegular;
}
.blogSlick {
    padding-top: 45px;
    padding-bottom: 65px;
}
.offersSlick {
    padding-top: 65px;
    padding-bottom: 85px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 85px;
}
.offers-slick img{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.offers-slick {
    margin-top: 60px;
}
.offers-slick-card {
    padding: 20px 22px 30px 22px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #fff;
}
.offer-slick-name {
    font-size: 16px;
    font-family: OpenSansBold;
    margin-bottom: 10px;
    color: #EE6F2D;
    height: 55px;
}
/*.blog-slick-elem {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/
.offer-slick-intro {
    font-size: 16px;
    font-family: OpenSansRegular;
    margin-bottom: 10px;
    color: #2A2825;
}
.offers-slick .slick-next {
    right: -100px;
}
.offers-slick .slick-prev {
    left: -100px;
}
.servicesPage.transport-marfuri,
.servicesPage.servicii {
    padding: 25px 0 0px;
}
.share-breadcrumbs .share-btn img{
    width: 30px;
    height: 30px;
    margin-top: 15px;
    margin-right: 15px;
}
.share-breadcrumbs-blog ,
.share-breadcrumbs {
    position: relative;
}
.blog-body {
    box-shadow: 0px 10px 18px #0000000F;
    border-radius: 0px 0px 6px 6px;
    background: #ffffff;
    padding: 40px 50px;
}
.blog-avatar {
    border-radius: 6px 6px 0px 0px;
}
.blog-category{
    font-size: 18px;
    color: #19AFFF;
}
.blog-title{
    font-size: 36px;
    color: #3474B8;
    font-family: OpenSansBold;
    margin-bottom: 5px;
}
.blog-flex span{
    color: #000000;
    font-size: 14px;
    font-family: OpenSansRegular;
}
.blog-flex {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.blog-flex div:first-of-type{
    margin-right: 30px;
}
.blog-flex img{
    height: 18px;
    margin-right: 7px;
}
.blog-content {
    color: #000000;
    font-size: 18px;
    font-family: OpenSansRegular;
    line-height: 27px;
    margin-bottom: 30px;
}
.blogBigCard {
    margin-bottom: 45px;
}
.layout-blog .share-breadcrumbs {
    display: none;
}
.blog-body-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.blog-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 18px #0000000F;
    border-radius: 6px;
    padding: 20px 25px;
    margin-bottom: 20px;
}
.filter-name {
    font-size: 36px;
    color: #3474B8;
    font-family: OpenSansBold;
    margin-bottom: 15px;
}
.blog_category {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #2A2825;
    font-size: 18px;
    margin: 10px;
    background-image: url("../img/chevron-right.png");
    background-repeat: no-repeat;
    padding-left: 13px;
    background-position-y: center;
    background-position-x: left;
    background-size: 6px 10px;
    margin-left: 0;
}
.blog_category span{
   color: #3474B8;
}
.blog-tag {
    background-color: #19AFFF;
    border: 1px solid #19AFFF;
    border-radius: 25px;
    box-shadow: none;
    outline: none;
    font-size: 13px;
    padding: 6px 20px;
    color: #fff;
    margin-bottom: 5px;
    margin-right: 5px;
    font-family: Raleway;
}
.tag-active ,
.blog-tag:hover {
    background-color: #fff;
    color: #19AFFF;
}
.category-active {
    color: #19AFFF;
}
.blog-body .links-share {
    position: absolute;
    right: 0;
    top: 28px;
}
.blog-content ul {
    list-style: none;
    padding-left: 0;
}
.blog-content ul li {
    padding-left: 25px;
    background-image: url("../img/checkIcon.png");
    background-repeat: no-repeat;
    background-size: 18px 14px;
    background-position-y: 8px;
    margin-bottom: 10px;
}
.may-be {
    font-size: 36px;
    color: #3474B8;
    font-family: OpenSansBold;
}
.blogSmallCards {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.blogSmallCard .blog-title{
    font-size: 25px;
}
.blogSmallCard .blog-category{
    font-size: 18px;
    margin-bottom: 15px;
}
.blogSmallCard .blog-flex{
    margin-bottom: 0;
    justify-content: space-between;
}
.blogSmallCard .blog-flex div:first-of-type {
    margin-right: 0px;
}
.blogSmallCard .btn-primary {
    padding: 7px 35px;
}
.blogSmallCard .blog-avatar{
    height: 165px;
}
.blogSmallCard-body {
    box-shadow: 0px 10px 18px #0000000F;
    border-radius: 0px 0px 6px 6px;
    background: #ffffff;
    padding: 20px 25px;
}
.blogSmallCard {
    margin-bottom: 60px;
}
/*.layout-blog .container ,*/
.blog-container {
    background-color: #F2F2F2;
    padding-top: 10px;
}
#blog-filters {
    padding-top: 53px;
}
.blog-page-card .breadcrumbs ,
.blogs .breadcrumbs {
    padding-left: 0;
}

.switch-page {
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}
body.layout-switchpages{
    padding-top: 0;
}
.layout-switchpages .header{
    display: none;
}
.switch-auto {
    position: absolute;
    left: 0;
    top: 0;
    height: 85%;
    z-index: 1;
}
.switch-energy {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 85%;
    z-index: 1;
}
.switch-container {
    z-index: 99;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
.switch-img {
    height: 100px;
    margin-bottom: 32px;
}
.btn-switch img{
    height: 9px;
    margin-left: 8px;
}
.btn-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 176px;
    height: 40px;
    padding: 0;
    border-radius: 25px;
    color: #fff !important;
    background-color: #FFC50D;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
}
.switch-container-item {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 10vh;
}
/*.home-opacity *,*/
/*.home-opacity a,*/
/*.home-opacity img,*/
/*.home-opacity ul,*/
/*.home-opacity p,*/
/*.home-opacity div,*/
/*.home-opacity > *,*/
.home-opacity {
    /*opacity: 0;*/
    /*height: 0 !important;*/
    /*max-height: 0 !important;*/
    /*z-index: -99;*/
    /*padding: 0 !important;*/
    /*margin: 0 !important;*/
    /*min-height: auto !important;*/
    /*!*position: relative;*!*/
    /*top: 0;*/
    /*position: absolute;*/
/*}*/
}
.h100 {
    overflow-y: hidden;
    /*max-height: 100vh;*/
}