.cp-skeleton,.cp-skeleton:before{
     border-right:5px solid transparent 
}
 .cp-skeleton:after,.cp-skeleton:before{
     border-radius:50%;
     content:" ";
     display:inline-block;
     box-sizing:border-box;
     border-top:5px solid transparent;
     border-bottom:5px solid transparent;
     position:absolute;
     top:-5px 
}
 .btn-back-to-top,.cp-skeleton:after,.cp-skeleton:before,.cp-spinner{
     width:40px;
     height:40px 
}
 .alert-validate::before,.left-top-bar a{
     font-family:Roboto-Regular;
     font-size:13px 
}
 .main-menu,.sub-menu{
     list-style-type:none 
}
 .para-slide-slick-1,.para-slide-slick-3,.para-slide-slick-6,.sub-menu,.wrap-person,.wrap-person-slick-3,.wrap-person-slick-6{
     visibility:hidden 
}
 .m-txt12,.m-txt18,.m-txt20,.m-txt23,.m-txt24,.m-txt27,.m-txt3,.m-txt4,.m-txt6,.main-menu-m>li>a,.main-menu>li>a,.s-txt15,.s-txt23,.s-txt26,.swal-button,.swal-title,.txt1{
     text-transform:uppercase 
}
 @font-face{
     font-family:Roboto-Regular;
     src:url("../fonts/roboto/Roboto-Regular.ttf") 
}
 @font-face{
     font-family:Roboto-Bold;
     src:url("../fonts/roboto/Roboto-Bold.ttf") 
}
 @font-face{
     font-family:Roboto-Black;
     src:url("../fonts/roboto/Roboto-Black.ttf") 
}
 @font-face{
     font-family:SourceSansPro-Regular;
     src:url("../fonts/source-sans-pro/SourceSansPro-Regular.ttf") 
}
 @font-face{
     font-family:OpenSans-Regular;
     src:url("../fonts/OpenSans/OpenSans-Regular.ttf") 
}
 @font-face{
     font-family:OpenSans-Bold;
     src:url("../fonts/OpenSans/OpenSans-Bold.ttf") 
}
 @font-face{
     font-family:DroidSerif-Bold;
     src:url("../fonts/droid-serif/DroidSerif-Bold.ttf") 
}
 .container{
     max-width:1200px 
}
 .slick-slide{
     outline:0 
}
 .animsition-loading-1{
     position:absolute;
     top:50%;
     left:50%;
     -webkit-transform:translate(-50%,-50%);
     -moz-transform:translate(-50%,-50%);
     -ms-transform:translate(-50%,-50%);
     -o-transform:translate(-50%,-50%);
     transform:translate(-50%,-50%) 
}
 .cp-spinner{
     display:inline-block;
     box-sizing:border-box;
     position:relative 
}
 .cp-skeleton{
     border-radius:50%;
     border-top:5px solid #233785;
     border-bottom:5px solid transparent;
     border-left:5px solid transparent;
     animation:1s linear infinite cp-skeleton-animate 
}
 .cp-skeleton:before{
     border-left:5px solid #233785;
     left:-5px;
     transform:rotateZ(-30deg) 
}
 .cp-skeleton:after{
     border-right:5px solid #233785;
     border-left:5px solid transparent;
     right:-5px;
     transform:rotateZ(30deg) 
}
 @keyframes cp-skeleton-animate{
     0%{
         transform:rotate(0);
         opacity:1 
    }
     50%{
         opacity:.7 
    }
     100%{
         transform:rotate(360deg);
         opacity:1 
    }
}
 .txt1,.txt2{
     text-shadow:-1px -1px 0 rgba(0,0,0,.4),1px -1px 0 rgba(0,0,0,.4),-1px 1px 0 rgba(0,0,0,.4),1px 1px 0 rgba(0,0,0,.4) 
}
 .btn-back-to-top{
     display:none;
     position:fixed;
     bottom:40px;
     right:40px;
     background-color:#000;
     opacity:.5;
     justify-content:center;
     align-items:center;
     z-index:1150;
     border-radius:4px;
     transition:.4s;
     -webkit-transition:.4s;
     -o-transition:.4s;
     -moz-transition:.4s 
}
 .symbol-btn-back-to-top{
     font-size:22px;
     color:#fff;
     line-height:1em 
}
 .btn-back-to-top:hover{
     opacity:1;
     cursor:pointer 
}
 .item-slick-3,.validate-input,.where1-parent{
     position:relative 
}
 .alert-validate::before{
     content:attr(data-validate);
     position:absolute;
     max-width:70%;
     background-color:#fff;
     border:1px solid #c80000;
     border-radius:2px;
     padding:4px 25px 4px 10px;
     top:50%;
     -webkit-transform:translateY(-50%);
     -moz-transform:translateY(-50%);
     -ms-transform:translateY(-50%);
     -o-transform:translateY(-50%);
     transform:translateY(-50%);
     right:12px;
     pointer-events:none;
     color:#c80000;
     line-height:1.4;
     text-align:left;
     visibility:hidden;
     opacity:0;
     -webkit-transition:opacity .4s;
     -o-transition:opacity .4s;
     -moz-transition:opacity .4s;
     transition:opacity .4s 
}
 .alert-validate::after{
     content:"\f071";
     font-family:FontAwesome;
     display:block;
     position:absolute;
     color:#c80000;
     font-size:14px;
     top:50%;
     -webkit-transform:translateY(-50%);
     -moz-transform:translateY(-50%);
     -ms-transform:translateY(-50%);
     -o-transform:translateY(-50%);
     transform:translateY(-50%);
     right:18px 
}
 .alert-validate:hover:before,.main-menu>li:hover>.sub-menu,.sub-menu li:hover>.sub-menu{
     visibility:visible;
     opacity:1 
}
 .rs1-alert-validate .alert-validate::before{
     right:22px 
}
 .rs1-alert-validate .alert-validate::after{
     right:28px 
}
 .container-menu-desktop{
     height:146px;
     -webkit-transition:.3s;
     -o-transition:.3s;
     -moz-transition:.3s;
     transition:.3s 
}
 .top-bar{
     height:45px 
}
 .content-topbar{
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox;
     display:flex;
     height:45px;
     justify-content:space-between;
     align-items:center 
}
 .left-top-bar a{
     color:#fff;
     vertical-align:middle;
     padding-left:13px;
     padding-right:15px;
     border-right:1px solid rgba(255,255,255,.15) 
}
 .left-top-bar a:hover{
     color:#fff;
     text-decoration:underline 
}
 .left-top-bar a:last-child{
     border:none 
}
 .right-top-bar>span>i{
     font-size:15px;
     color:#fff;
     vertical-align:middle;
     margin-left:25px 
}
 .right-top-bar>span>span,.topbar-mobile .left-top-bar a{
     font-size:13px;
     font-family:Roboto-Regular;
     vertical-align:middle 
}
 .right-top-bar>span>span{
     line-height:15px;
     color:#fff;
     margin-left:5px 
}
 .topbar-mobile .left-top-bar a{
     color:#555;
     padding-left:13px;
     padding-right:15px;
     border-right:1px solid #ececec 
}
 .topbar-mobile .right-top-bar>span>i{
     font-size:15px;
     color:#555;
     vertical-align:middle;
     margin-left:20px 
}
 .topbar-mobile .right-top-bar>span>span{
     font-family:Roboto-Regular;
     font-size:13px;
     line-height:15px;
     color:#555;
     vertical-align:middle;
     margin-left:5px 
}
 .right-top-bar span:last-of-type a {
     margin-left: 25px;
}
 .wrap-menu-desktop{
     position:absolute;
     z-index:1100;
     background-color:#fff;
     width:100%;
     height:101px;
     top:45px;
     left:0;
     -webkit-transition:height .3s;
     -o-transition:height .3s;
     -moz-transition:height .3s;
     transition:height .3s 
}
 .logo img,.sub-menu{
     top:0;
     position:absolute 
}
 .limiter-menu-desktop{
     max-width:1200px;
     padding:0 15px;
     height:100%;
     margin:0 auto;
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox;
     display:flex;
     background-color:transparent;
     align-items:center 
}
 .menu-mobile,.sub-menu,.sub-menu li:hover,.sub-menu-m,.wrap-header-mobile,.wrap-link-footer li:hover:before{
     background-color:#fff 
}
 .logo{
     display:block;
     position:relative;
     height:69%;
     flex-grow:1 
}
 .main-menu,.menu-desktop{
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox 
}
 .logo img{
     max-width:calc(100% - 20px);
     max-height:100%;
     left:0;
     bottom:0;
     margin:auto 
}
 .menu-desktop{
     display:flex;
     align-items:center;
     height:100% 
}
 .main-menu{
     margin:0;
     display:flex;
     align-items:center 
}
 .main-menu>li{
     display:block;
     position:relative;
     padding:20px 13px 
}
 .main-menu>li>a{
     font-family:Roboto-Bold;
     font-size:14px;
     color:grey;
     padding:5px 
}
 .main-menu-m>li>a,.sub-menu a,.sub-menu-m a{
     font-family:Roboto-Regular 
}
 .sub-menu{
     left:100%;
     width:225px;
     transition:.4s;
     -webkit-transition:.4s;
     -o-transition:.4s;
     -moz-transition:.4s;
     box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
     -moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
     -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
     -o-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
     -ms-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
     opacity:0 
}
 .sub-menu li{
     position:relative;
     background-color:#f2f2f2;
     border-top:1px solid #e0e0e0;
     transition:.3s;
     -webkit-transition:.3s;
     -o-transition:.3s;
     -moz-transition:.3s 
}
 .main-menu>li::before,.social a{
     -webkit-transition:.3s;
     -o-transition:.3s;
     -moz-transition:.3s 
}
 .main-menu>li>.sub-menu{
     top:100%;
     left:0 
}
 .sub-menu a{
     font-size:14px;
     line-height:1.5;
     color:grey;
     display:block;
     padding:10px;
     width:100% 
}
 .main-menu>li:hover>a,.sub-menu>li:hover>a{
     color:#555;
     text-decoration:none 
}
 @media (max-width:1300px){
     .main-menu>.respon-sub-menu .sub-menu{
         right:100%;
         left:auto 
    }
     .main-menu>.respon-sub-menu>.sub-menu{
         right:0;
         left:auto 
    }
}
 .main-menu>li::before{
     content:"";
     display:block;
     position:absolute;
     height:3px;
     border-radius:1px;
     left:50%;
     transform:translateX(-50%);
     bottom:16px;
     width:0;
     background-color:#233785;
     transition:.3s 
}
 .main-menu>li:hover:before{
     width:calc(100% - 36px) 
}
 .social{
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox;
     display:flex;
     padding-bottom:4px 
}
 .social a{
     font-size:24px;
     color:grey;
     transition:.3s 
}
 .actived-2,.color-main,.hov-color-main:hover,.social a:hover{
     color:#233785 
}
 .fix-menu-desktop{
     height:110px 
}
 .fix-menu-desktop .wrap-menu-desktop{
     top:0;
     height:65px;
     position:fixed;
     box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
     -moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
     -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
     -o-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
     -ms-box-shadow:0 1px 5px 0 rgba(0,0,0,.2) 
}
 .wrap-header-mobile{
     align-items:center;
     justify-content:space-between;
     min-height:90px;
     padding:15px;
     display:none;
     box-shadow:0 0 4px 0 rgba(153,153,153,.3);
     -moz-box-shadow:0 0 4px 0 rgba(153,153,153,.3);
     -webkit-box-shadow:0 0 4px 0 rgba(153,153,153,.3);
     -o-box-shadow:0 0 4px 0 rgba(153,153,153,.3);
     -ms-box-shadow:0 0 4px 0 rgba(153,153,153,.3) 
}
 .logo-mobile{
     display:block;
     padding-right:25px 
}
 .logo-mobile img{
     max-width:100%;
     max-height:60px 
}
 .hamburger{
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox;
     display:flex;
     align-items:center;
     padding:0;
     -webkit-transform:scale(.7);
     -moz-transform:scale(.7);
     -ms-transform:scale(.7);
     -o-transform:scale(.7);
     transform:scale(.7) 
}
 .hamburger:hover{
     opacity:1 
}
 .menu-mobile{
     width:100%;
     display:none;
     border-top:1px solid #ececec 
}
 .arrow-main-menu-m,.wrap-link-footer{
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox 
}
 .main-menu-m{
     padding-top:10px;
     padding-bottom:10px 
}
 .main-menu-m>li>a{
     font-size:14px;
     color:#fff;
     line-height:2.86;
     padding-left:20px 
}
 .main-menu-m>li{
     color:#fff;
     position:relative 
}
 .arrow-main-menu-m{
     font-size:14px;
     color:#fff;
     display:flex;
     justify-content:center;
     align-items:center;
     position:absolute;
     right:10px;
     top:2px;
     padding:10px;
     cursor:pointer 
}
 .arrow-main-menu-m i{
     transform-origin:center;
     -webkit-transition:.3s;
     -o-transition:.3s;
     -moz-transition:.3s;
     transition:.3s 
}
 .turn-arrow-main-menu-m i{
     -webkit-transform:rotate(90deg);
     -moz-transform:rotate(90deg);
     -ms-transform:rotate(90deg);
     -o-transform:rotate(90deg);
     transform:rotate(90deg) 
}
 .sub-menu-m{
     padding:10px 15px 10px 32px;
     display:none 
}
 .sub-menu-m a{
     font-size:14px;
     color:grey;
     line-height:2.5 
}
 .contact-footer li,.wrap-link-footer li a{
     line-height:1.8;
     font-size:15px;
     font-family:Roboto-Regular 
}
 .sub-menu-m a:hover{
     text-decoration:none;
     color:#555 
}
 @media (min-width:992px){
     .menu-mobile{
         display:none 
    }
}
 .wrap-link-footer{
     display:flex 
}
 .wrap-link-footer .col-left{
     width:45% 
}
 .wrap-link-footer li{
     margin-bottom:6px 
}
 .wrap-link-footer li a{
     color:#e5e5e5 
}
 .btn-drive:hover,.link-white-footer:hover,.wrap-link-footer li a:hover{
     color:#fff 
}
 .wrap-link-footer li::before{
     content:"";
     display:inline-block;
     width:5px;
     height:5px;
     background-color:#5c5c5c;
     margin-right:8px;
     margin-bottom:2px;
     -webkit-transition:.4s;
     -o-transition:.4s;
     -moz-transition:.4s;
     transition:.4s 
}
 .contact-footer li{
     color:#aaa;
     margin-bottom:6px 
}
 .contact-footer li i{
     margin-right:10px 
}
 .slick3-dots,.wrap-gallery-footer{
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox;
     display:flex;
     flex-wrap:wrap 
}
 .item-gallery-footer{
     display:block;
     width:calc((100% - 30px)/ 3);
     margin-right:10px;
     margin-bottom:10px;
     position:relative 
}
 .item-gallery-footer::after,.overlay1::after{
     content:"";
     display:block;
     position:absolute;
     width:100%;
     height:0%;
     bottom:0;
     left:0;
     opacity:.7;
     background-color:#233785;
     -webkit-transition:.4s;
     -o-transition:.4s;
     -moz-transition:.4s;
     transition:.4s 
}
 .item-gallery-footer:hover:after{
     cursor:pointer;
     height:100% 
}
 .persephone.tparrows{
     cursor:pointer;
     background:rgba(200,200,200,.1);
     width:35px;
     height:35px;
     position:absolute;
     display:block;
     z-index:100;
     border:3px solid #8d8c8b 
}
 .persephone.tparrows:before{
     font-family:revicons;
     font-size:15px;
     color:#ccc;
     display:block;
     line-height:29px;
     text-align:center 
}
 .persephone.tparrows:hover{
     cursor:pointer;
     background:#233785;
     border:3px solid #233785 
}
 .rs1-revo .tp-caption{
     white-space:normal!important 
}
 .rs1-revo .txt-center{
     text-align:center!important 
}
 .rs1-revo .m-txt1,.rs1-revo .m-txt2{
     font-size:16px!important 
}
 .rs1-revo .trans-03{
     -webkit-transition:.3s!important;
     -o-transition:.3s!important;
     -moz-transition:.3s!important;
     transition:.3s!important 
}
 .slick3-dots li,.swal-button{
     -webkit-transition:.3s;
     -o-transition:.3s;
     -moz-transition:.3s 
}
 .rs1-revo .wrap-btn-slide{
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox;
     display:flex;
     justify-content:space-between 
}
 .swal-overlay{
     overflow-y:auto 
}
 .swal-button:focus{
     outline:0;
     box-shadow:none 
}
 .swal-button{
     background-color:#233785;
     font-family:Roboto-Regular;
     font-size:16px;
     color:#fff;
     font-weight:unset;
     border-radius:4px;
     transition:.3s 
}
 .swal-button:active,.swal-button:hover{
     background-color:#07185a 
}
 .swal-title{
     font-family:Roboto-Bold;
     color:#333;
     font-size:18px;
     line-height:1.5;
     padding:0 15px 
}
 .swal-text{
     font-family:Roboto-Regular;
     color:#555;
     font-size:16px;
     line-height:1.666667;
     text-align:center 
}
 .s-txt1,.s-txt2,.s-txt6{
     line-height:1.7 
}
 .swal-footer{
     margin-top:0 
}
 .wrap-slide-slick-1,.wrap-slide-slick-3,.wrap-slide-slick-6{
     position:relative;
     max-width:1333px;
     margin:0 auto 
}
 .wrap-person{
     max-width:340px 
}
 .wrap-pic-person{
     width:80px;
     height:80px;
     border:3px solid #fff;
     border-radius:50%;
     overflow:hidden 
}
 .btn-show-panel img,.slick3-dots li img,.slick6-dots li img,.wrap-para-b1,.wrap-pic-person img{
     width:100% 
}
 .arrow-slick-2,.arrow-slick-4,.arrow-slick-5,.arrow-slide-slick-1,.arrow-slide-slick-6{
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox;
     width:35px 
}
 .slick3-dots li,.slick6-dots li{
     width:50px;
     height:50px;
     overflow:hidden;
     display:block;
     cursor:pointer 
}
 .arrow-slide-slick-1,.arrow-slide-slick-6{
     display:flex;
     justify-content:center;
     align-items:center;
     height:35px;
     border:3px solid #818385;
     color:#ccc;
     font-size:30px;
     padding-bottom:3px;
     -webkit-transition:.4s;
     -o-transition:.4s;
     -moz-transition:.4s;
     transition:.4s;
     position:absolute;
     top:50%;
     -webkit-transform:translateY(-50%);
     -moz-transform:translateY(-50%);
     -ms-transform:translateY(-50%);
     -o-transform:translateY(-50%);
     transform:translateY(-50%) 
}
 .arrow-slide-slick-1:hover,.arrow-slide-slick-6:hover{
     cursor:pointer;
     background-color:#233785;
     border:3px solid #233785 
}
 .next-slide-1,.next-slide-6{
     right:0;
     z-index:1000 
}
 .prev-slide-1,.prev-slide-6{
     left:0;
     z-index:1000 
}
 .container-slick-2,.container-slick-4,.container-slick-5{
     position:relative;
     max-width:1200px;
     margin:0 auto 
}
 .arrow-slick-2,.arrow-slick-4,.arrow-slick-5,.arrow-slide-slick-3{
     position:absolute;
     justify-content:center;
     height:35px;
     font-size:30px;
     padding-bottom:3px 
}
 .arrow-slick-2,.arrow-slick-4,.arrow-slick-5{
     display:flex;
     align-items:center;
     border:3px solid #e5e5e5;
     color:#999;
     -webkit-transition:.4s;
     -o-transition:.4s;
     -moz-transition:.4s;
     transition:.4s;
     top:23% 
}
 .arrow-slide-slick-3,.slick6-dots{
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox 
}
 .arrow-slick-2:hover,.arrow-slick-4:hover,.arrow-slick-5:hover{
     cursor:pointer;
     background-color:#233785;
     color:#fff 
}
 .next-slide-2{
     right:-65px;
     z-index:1000 
}
 .prev-slide-2{
     left:-65px;
     z-index:1000 
}
 @media (max-width:1330px){
     .next-slide-2{
         right:-20px 
    }
     .prev-slide-2{
         left:-20px 
    }
}
 @media (max-width:1240px){
     .arrow-slick-2{
         width:15px;
         height:35px;
         border:none;
         color:#999;
         font-size:30px;
         padding-bottom:3px;
         -webkit-transition:.4s;
         -o-transition:.4s;
         -moz-transition:.4s;
         transition:.4s;
         top:25% 
    }
     .next-slide-2{
         right:0 
    }
     .prev-slide-2{
         left:0 
    }
}
 .arrow-slide-slick-3:hover{
     cursor:pointer;
     background-color:#233785 
}
 .arrow-slide-slick-3{
     display:flex;
     align-items:center;
     width:35px;
     border:3px solid #e6e6e6;
     color:#ccc;
     -webkit-transition:.4s;
     -o-transition:.4s;
     -moz-transition:.4s;
     transition:.4s 
}
 .next-slide-3{
     top:0;
     right:0;
     left:auto;
     z-index:1000 
}
 .prev-slide-3{
     top:0;
     right:40px;
     left:auto;
     z-index:1000 
}
 .slick3-dots li{
     margin-right:15px;
     margin-top:5px;
     border:3px solid #e6e6e6;
     transition:.3s 
}
 .slick3-dots li.slick-active,.slick3-dots li:hover{
     border-color:#b3b3b3 
}
 .next-slide-4,.next-slide-5{
     top:4px;
     right:15px;
     left:auto;
     z-index:1000 
}
 .prev-slide-4,.prev-slide-5{
     top:4px;
     right:55px;
     left:auto;
     z-index:1000 
}
 .content-item-slick-6{
     max-width:950px;
     margin:0 auto;
     padding-left:40px;
     padding-right:40px;
     position:relative 
}
 .arrow-slide-slick-6{
     border-color:#e6e6e6;
     color:#ccc 
}
 .slick6-dots{
     display:flex;
     justify-content:center;
     flex-wrap:wrap 
}
 #modal-video-01 .modal-dialog,.close-mo-video-01,.wrap-text-b1{
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox 
}
 .slick6-dots li{
     margin-right:7px;
     margin-left:7px;
     margin-top:10px;
     border:3px solid #e6e6e6;
     -webkit-transition:.3s;
     -o-transition:.3s;
     -moz-transition:.3s;
     transition:.3s 
}
 .slick6-dots li.slick-active,.slick6-dots li:hover{
     border-color:#233785 
}
 .bo2-t,.bo2-tb{
     border-top:1px solid #e6e6e6 
}
 .modal-backdrop{
     background-color:transparent 
}
 #modal-video-01{
     background-color:rgba(0,0,0,.8);
     z-index:1250 
}
 #modal-video-01 .modal-dialog{
     max-width:100%!important;
     height:100%!important;
     padding:0;
     margin:0;
     display:flex;
     flex-wrap:wrap;
     justify-content:center;
     align-items:center;
     position:relative 
}
 .wrap-video-mo-01{
     width:854px;
     height:auto;
     position:relative;
     margin:15px 
}
 .video-mo-01,.video-mo-01 iframe{
     width:100%;
     height:100% 
}
 .video-mo-01{
     position:absolute;
     top:0;
     left:0;
     opacity:0;
     -webkit-transition:2s;
     -o-transition:2s;
     -moz-transition:2s;
     transition:2s 
}
 .close-mo-video-01{
     font-size:50px;
     color:#fff;
     opacity:.6;
     display:flex;
     align-items:center;
     justify-content:center;
     position:absolute;
     z-index:1250;
     width:60px;
     height:60px;
     top:0;
     right:0 
}
 .s-txt1,.s-txt3,.s-txt5{
     font-size:15px 
}
 .close-mo-video-01:hover{
     cursor:pointer;
     opacity:1 
}
 .block-1,.label1{
     position:relative;
     overflow:hidden 
}
 .wrap-more-b1 a i,.wrap-more-b1 a span,.wrap-text-b1{
     position:absolute;
     height:100% 
}
 .wrap-text-b1{
     display:flex;
     flex-wrap:wrap;
     align-content:space-between;
     width:100%;
     top:calc(100% - 60px);
     left:0;
     padding-left:25px;
     padding-right:25px 
}
 .wrap-more-b1 a i,.wrap-title-b1{
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox 
}
 .wrap-title-b1{
     display:flex;
     align-items:center;
     height:60px;
     width:100% 
}
 .wrap-para-b1 p{
     max-height:105px;
     overflow:hidden 
}
 .wrap-more-b1{
     width:100%;
     height:28% 
}
 .wrap-more-b1 a{
     display:block;
     align-items:center;
     height:25px;
     position:relative 
}
 .wrap-more-b1 a i{
     display:flex;
     align-items:center;
     left:0 
}
 .btn-drive,.wrap-more-b1 a span{
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox 
}
 .wrap-more-b1 a span{
     display:flex;
     align-items:center;
     justify-content:space-between;
     width:80px;
     left:14px 
}
 .wrap-more-b1 a:hover i{
     left:82px 
}
 .wrap-more-b1 a:hover span{
     left:0 
}
 .wrap-more-b1 a:hover{
     flex-direction:row-reverse;
     justify-content:flex-end 
}
 .block-1:hover .wrap-text-b1{
     top:0;
     padding-top:6% 
}
 .block-2{
     width:100%;
     position:relative;
     background-color:#fff;
     border:1px solid #e6e6e6;
     align-self:stretch 
}
 .wrap-symbol-b2{
     position:absolute;
     width:52px;
     height:52px;
     left:50%;
     -webkit-transform:translateX(-50%);
     -moz-transform:translateX(-50%);
     -ms-transform:translateX(-50%);
     -o-transform:translateX(-50%);
     transform:translateX(-50%);
     top:-26px 
}
 .color1{
     color:#ffb636 
}
 .actived-1,.color2,.hov2:hover{
     color:#333 
}
 .color3{
     color:#c5c5c5 
}
 .color4{
     color:#c8c8c8 
}
 .color5{
     color:#999 
}
 .color6{
     color:#555 
}
 .color7{
     color:grey 
}
 .s-txt1,.txt1,.txt2{
     color:#fff 
}
 .cl-ph-1::-webkit-input-placeholder{
     color:#888 
}
 .cl-ph-1:-moz-placeholder{
     color:#888 
}
 .cl-ph-1::-moz-placeholder{
     color:#888 
}
 .cl-ph-1:-ms-input-placeholder{
     color:#888 
}
 .txt1{
     font-family:Roboto-Bold 
}
 .s-txt1,.s-txt2,.s-txt6,.txt2{
     font-family:Roboto-Regular 
}
 .s-txt2,.s-txt6{
     font-size:15px;
     color:#555 
}
 .s-txt3,.s-txt4{
     line-height:1.8;
     color:#fff 
}
 .s-txt3{
     font-family:Roboto-Bold 
}
 .s-txt4,.s-txt9{
     font-family:Roboto-Regular 
}
 .s-txt4{
     font-size:13px 
}
 .s-txt5,.s-txt7{
     color:#999 
}
 .s-txt5{
     font-family:SourceSansPro-Regular;
     line-height:1.4 
}
 .s-txt7,.s-txt8{
     font-family:OpenSans-Regular;
     line-height:1.7;
     font-size:15px 
}
 .s-txt8{
     color:#233785 
}
 .s-txt9{
     font-size:15px;
     line-height:1.6;
     color:#aaa 
}
 .s-txt10,.s-txt11{
     font-family:Roboto-Regular;
     font-size:15px;
     line-height:1.7 
}
 .s-txt10{
     color:#999 
}
 .s-txt11{
     color:#ccc 
}
 .s-txt12,.s-txt13{
     line-height:1.8;
     font-size:15px 
}
 .s-txt12{
     font-family:Roboto-Bold;
     color:#333 
}
 .s-txt13{
     font-family:Roboto-Regular;
     color:#999 
}
 .s-txt14{
     font-family:OpenSans-Regular;
     font-size:15px;
     line-height:1.7;
     color:#333 
}
 .s-txt15{
     font-family:OpenSans-Bold;
     font-size:14px;
     line-height:1.4;
     color:#999 
}
 .s-txt16,.s-txt17,.s-txt18{
     font-size:15px 
}
 .s-txt16{
     font-family:Roboto-Bold;
     line-height:1.7;
     color:#fff 
}
 .s-txt17{
     font-family:OpenSans-Regular;
     line-height:1.6666667;
     color:#555 
}
 .s-txt18,.s-txt19{
     font-family:Roboto-Regular 
}
 .s-txt18{
     line-height:1.7;
     color:#333 
}
 .s-txt19{
     font-size:13px;
     line-height:1.6;
     color:#fff 
}
 .s-txt20{
     font-family:Roboto-Bold;
     font-size:15px;
     line-height:1.4;
     color:#e5e5e5 
}
 .s-txt21{
     font-family:Roboto-Regular;
     font-size:13px;
     line-height:1.6;
     color:#999 
}
 .s-txt22,.s-txt23{
     font-family:OpenSans-Regular;
     line-height:1.6666667 
}
 .s-txt22,.s-txt23,.s-txt24{
     color:grey 
}
 .s-txt22{
     font-size:15px 
}
 .s-txt23{
     font-size:13px 
}
 .s-txt24,.s-txt25{
     font-family:Roboto-Bold 
}
 .s-txt24,.s-txt25,.s-txt26,.s-txt27{
     font-size:15px 
}
 .s-txt25{
     color:#555;
     line-height:1.7 
}
 .s-txt26{
     font-family:Roboto-Regular;
     color:grey 
}
 .s-txt27{
     font-family:Roboto-Bold;
     color:#555;
     line-height:1.2 
}
 .s-txt28,.s-txt29{
     color:grey;
     font-family:Roboto-Regular 
}
 .s-txt28{
     font-size:13px;
     line-height:1.4 
}
 .s-txt29{
     font-size:15px;
     line-height:1.5 
}
 .s-txt30,.s-txt31{
     color:#555 
}
 .s-txt30{
     font-family:Roboto-Regular;
     font-size:13px;
     line-height:1.4 
}
 .s-txt31,.s-txt32{
     font-family:Roboto-Regular;
     line-height:1.6666667;
     font-size:15px 
}
 .s-txt32{
     color:#233785 
}
 .m-txt1,.m-txt2{
     font-family:Roboto-Regular;
     font-size:16px;
     line-height:1.2 
}
 .m-txt1{
     color:#fff 
}
 .m-txt2{
     color:#233785 
}
 .m-txt3{
     font-family:Roboto-Black;
     font-size:18px;
     line-height:1.3;
     color:#fff 
}
 .m-txt4{
     font-family:Roboto-Bold;
     font-size:30px;
     line-height:1.2;
     color:#333 
}
 .m-txt5{
     font-family:Roboto-Black;
     font-size:18px;
     line-height:1.5;
     color:#333 
}
 .m-txt6{
     font-family:Roboto-Bold;
     font-size:30px;
     line-height:1.2;
     color:#fff 
}
 .m-txt7{
     font-family:Roboto-Regular;
     font-size:16px;
     line-height:1.7;
     color:#666 
}
 .m-txt8,.m-txt9{
     font-family:Roboto-Bold 
}
 .m-txt10,.m-txt8,.m-txt9{
     line-height:1.2 
}
 .m-txt8{
     font-size:18px;
     color:#333 
}
 .m-txt9{
     font-size:20px;
     color:#666 
}
 .m-txt10,.m-txt11{
     font-family:Roboto-Regular;
     font-size:16px 
}
 .m-txt10{
     color:#555 
}
 .m-txt11{
     line-height:1.7;
     color:#ccc 
}
 .m-txt12{
     font-family:Roboto-Bold;
     font-size:18px;
     line-height:1.2;
     color:#fff 
}
 .m-txt13{
     font-family:Roboto-Black;
     font-size:18px;
     line-height:1.3;
     color:#333 
}
 .m-txt14,.m-txt15{
     font-family:Roboto-Regular;
     color:#fff 
}
 .m-txt14{
     font-size:30px;
     line-height:1.2 
}
 .m-txt15,.m-txt16{
     font-size:18px;
     line-height:1.2 
}
 .m-txt16{
     font-family:OpenSans-Bold;
     color:#333 
}
 .m-txt17{
     font-family:Roboto-Regular;
     font-size:24px;
     line-height:1.2;
     color:#fff 
}
 .m-txt18{
     font-family:SourceSansPro-Regular;
     font-size:16px;
     line-height:1.2;
     color:#233785 
}
 .m-txt19{
     font-family:OpenSans-Regular;
     font-size:18px;
     line-height:1.2;
     color:#333 
}
 .m-txt20,.m-txt21,.m-txt24{
     font-family:Roboto-Bold 
}
 .m-txt20{
     font-size:24px;
     line-height:1.2;
     color:#e5e5e5 
}
 .m-txt21{
     font-size:30px;
     line-height:1.2;
     color:#222 
}
 .m-txt22{
     font-family:Roboto-Regular;
     font-size:18px;
     line-height:1.6666667;
     color:#555 
}
 .m-txt23{
     font-family:SourceSansPro-Regular;
     font-size:16px;
     line-height:1.2;
     color:#fff 
}
 .m-txt24,.m-txt25{
     color:#333 
}
 .m-txt24{
     font-size:24px;
     line-height:1.2 
}
 .m-txt25,.m-txt26{
     font-size:30px;
     font-family:Roboto-Bold;
     line-height:1.2 
}
 .m-txt26{
     color:#666 
}
 .m-txt27{
     font-family:Roboto-Bold;
     font-size:20px;
     line-height:1.2;
     color:#333 
}
 .m-txt28{
     font-family:Roboto-Bold;
     font-size:24px;
     line-height:1.2;
     color:#233785;
     text-transform:uppercase 
}
 .l-txt1,.l-txt2{
     font-size:50px;
     line-height:1.2;
     color:#fff;
     text-transform:uppercase 
}
 .l-txt1{
     font-family:Roboto-Black 
}
 .l-txt2{
     font-family:Roboto-Bold 
}
 .xl-txt1{
     font-family:DroidSerif-Bold;
     font-size:60px;
     line-height:1;
     color:#ccc 
}
 .link-white,.link-white-footer,.title-panel{
     font-family:Roboto-Regular 
}
 .size1{
     height:45px;
     min-width:164px 
}
 .size2{
     height:5px;
     width:50px 
}
 .size3{
     height:40px;
     min-width:115px 
}
 .size4{
     height:40px;
     min-width:87px 
}
 .size5{
     height:45px;
     min-width:188px 
}
 .size20,.size6{
     width:100%;
     height:50px 
}
 .size7{
     height:45px;
     min-width:112px 
}
 .size8{
     height:40px;
     min-width:185px 
}
 .size9{
     height:45px;
     min-width:145px 
}
 .size10{
     min-height:95px;
     width:100% 
}
 .size13,.size22{
     min-height:150px 
}
 .size11{
     height:40px;
     min-width:134px 
}
 .size12{
     width:50px;
     height:50px 
}
 .size13{
     width:100% 
}
 .size14{
     width:36px;
     height:36px 
}
 .size15{
     width:260px;
     height:45px;
     max-width:100% 
}
 .size16{
     width:45px;
     height:45px 
}
 .size17{
     width:30px;
     height:30px 
}
 .size18{
     height:40px;
     width:100% 
}
 .size19{
     height:40px;
     min-width:143px 
}
 .size21{
     width:48px;
     height:48px 
}
 .size23,.size24,.size25{
     height:50px 
}
 .size22{
     width:100% 
}
 .size23{
     width:calc((100% - 20px)/ 3) 
}
 .size24{
     min-width:179px 
}
 .size25{
     width:calc((100% - 40px)/ 3) 
}
 .size26{
     height:45px;
     min-width:150px 
}
 .w-size1{
     max-width:960px 
}
 .w-size2{
     max-width:510px 
}
 .w-size3{
     max-width:555px 
}
 .w-size4{
     max-width:500px 
}
 .w-size5{
     width:calc(100% - 68px) 
}
 .w-size6{
     width:390px 
}
 .w-size7{
     width:calc(100% - 390px) 
}
 .w-size8{
     max-width:100% 
}
 .w-size9{
     width:25px 
}
 .w-size10{
     width:calc(100% - 25px) 
}
 .w-size11{
     width:70px 
}
 .w-size12{
     width:calc(100% - 87px) 
}
 .w-size13{
     width:21px 
}
 .w-size14{
     width:calc(100% - 21px) 
}
 .w-size15{
     width:80px 
}
 .w-size16{
     width:calc(100% - 110px) 
}
 .w-size17{
     max-width:620px 
}
 .w-size18{
     width:calc(100% - 100px) 
}
 .h-size1{
     height:390px 
}
 .h-size2{
     height:30px 
}
 .h-size3{
     min-height:276px 
}
 .h-size4{
     height:75px 
}
 .h-size5{
     height:162px 
}
 .bg-main,.color-blue,.hov-bg-main:hover{
     background-color:#233785 
}
 .bg-main-gradient {
     background: linear-gradient(90deg, #0052A6 0%, #0063c2 50%, #004280 100%);
}
 .bg1{
     background-color:#f2f2f2 
}
 .bg2{
     background-color:grey 
}
 .bg3{
     background-color:#222 
}
 .bg4{
     background-color:#333 
}
 .bg5{
     background-color:#fafafa 
}
 .bg6{
     background-color:#1f3177 
}
 .bg-img-1{
     background-size:cover;
     background-repeat:no-repeat;
     background-position:center 
}
 .bg-overlay-1{
     background-color:rgba(0,0,0,.35) 
}
 .bg-overlay-2,.bg-overlay-3,.bg-overlay-4{
     position:relative;
     z-index:1 
}
 .bg-overlay-2::before{
     content:"";
     display:block;
     position:absolute;
     z-index:-1;
     width:100%;
     height:100%;
     top:0;
     left:0;
     background-color:rgba(0,0,0,.8) 
}
 .bg-overlay-2::after,.bg-overlay-3::after{
     content:"";
     display:block;
     position:absolute;
     z-index:-2;
     width:100%;
     height:100%;
     top:0;
     left:0;
     background:rgba(0,0,0,.3);
     background:-webkit-linear-gradient(left,rgba(0,0,0,.8),rgba(255,255,255,0),rgba(0,0,0,.8));
     background:-o-linear-gradient(left,rgba(0,0,0,.8),rgba(255,255,255,0),rgba(0,0,0,.8));
     background:-moz-linear-gradient(left,rgba(0,0,0,.8),rgba(255,255,255,0),rgba(0,0,0,.8));
     background:linear-gradient(left,rgba(0,0,0,.8),rgba(255,255,255,0),rgba(0,0,0,.8)) 
}
 .bg-overlay-3::before,.bg-overlay-4::before{
     content:"";
     display:block;
     position:absolute;
     z-index:-1;
     width:100%;
     height:100%;
     top:0;
     left:0;
     background-color:rgba(0,0,0,.5) 
}
 .bg-overlay-4::after{
     content:"";
     display:block;
     position:absolute;
     z-index:-2;
     width:100%;
     height:100%;
     top:0;
     left:0;
     background:rgba(0,0,0,.3);
     background:-webkit-linear-gradient(left,rgba(0,0,0,.8),rgba(0,0,0,.4),rgba(0,0,0,.8));
     background:-o-linear-gradient(left,rgba(0,0,0,.8),rgba(0,0,0,.4),rgba(0,0,0,.8));
     background:-moz-linear-gradient(left,rgba(0,0,0,.8),rgba(0,0,0,.4),rgba(0,0,0,.8));
     background:linear-gradient(left,rgba(0,0,0,.8),rgba(0,0,0,.4),rgba(0,0,0,.8)) 
}
 .bg-pattern-1{
     background-image:url(../images/icons/pattern1.png);
     background-repeat:repeat 
}
 .bo1-b{
     border-bottom:1px solid #ececec 
}
 .bo2-b,.bo2-tb{
     border-bottom:1px solid #e6e6e6 
}
 .bo2{
     border:1px solid #e6e6e6 
}
 .bo2-r{
     border-right:1px solid #e6e6e6 
}
 .bo3{
     border:1px solid #e0e0e0 
}
 .bo4-t{
     border-top:1px solid #e0e0e0 
}
 .bo5-l{
     border-left:5px solid #e6e6e6 
}
 .bo6{
     border:1px solid #ccc 
}
 .bo-rad-2{
     border-radius:2px 
}
 .bo-rad-3{
     border-radius:3px 
}
 .bo-rad-4{
     border-radius:4px 
}
 .bo-rad-5{
     border-radius:5px 
}
 .bo-rad-6{
     border-radius:6px 
}
 .bo-rad-7{
     border-radius:7px 
}
 .bo-rad-8{
     border-radius:8px 
}
 .bo-rad-9{
     border-radius:9px 
}
 .bo-rad-10{
     border-radius:10px 
}
 .bo-t-rad-2{
     border-top-left-radius:2px;
     border-top-right-radius:2px 
}
 .bo-b-rad-2{
     border-bottom-left-radius:2px;
     border-bottom-right-radius:2px 
}
 .where1{
     position:absolute;
     top:1px;
     right:1px 
}
 .hov5::before,.pos1{
     top:0;
     position:absolute 
}
 .shadow1{
     box-shadow:0 0 10px 0 rgba(0,0,0,.1);
     -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.1);
     -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);
     -o-box-shadow:0 0 10px 0 rgba(0,0,0,.1);
     -ms-box-shadow:0 0 10px 0 rgba(0,0,0,.1) 
}
 .gradient1{
     background:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
     background:-o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
     background:-moz-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
     background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0)) 
}
 .transform1{
     -webkit-transform:translate(-50%,-50%) rotateZ(90deg);
     -moz-transform:translate(-50%,-50%) rotateZ(90deg);
     -ms-transform:translate(-50%,-50%) rotateZ(90deg);
     -o-transform:translate(-50%,-50%) rotateZ(90deg);
     transform:translate(-50%,-50%) rotateZ(90deg) 
}
 .parallax100{
     background-attachment:fixed;
     background-position:center 0;
     background-repeat:no-repeat;
     background-size:cover 
}
 .input-focus-1:focus{
     border-color:rgba(35,55,133,.5);
     box-shadow:0 0 2px 0 #233785;
     -moz-box-shadow:0 0 2px 0 #233785;
     -webkit-box-shadow:0 0 2px 0 #233785;
     -o-box-shadow:0 0 2px 0 #233785;
     -ms-box-shadow:0 0 2px 0 #233785 
}
 .hov1:hover{
     -webkit-transform:scale(1.2);
     -moz-transform:scale(1.2);
     -ms-transform:scale(1.2);
     -o-transform:scale(1.2);
     transform:scale(1.2) 
}
 .act-pagi,.hov3:hover{
     background-color:#333;
     border-color:#333;
     color:#fff 
}
 .hov4:hover{
     background-color:#233785;
     color:#fff 
}
 .hov5{
     position:relative;
     overflow:hidden;
     cursor:pointer 
}
 .hov5::before{
     left:-75%;
     z-index:2;
     display:block;
     content:"";
     width:50%;
     height:100%;
     background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
     background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
     -webkit-transform:skewX(-25deg);
     transform:skewX(-25deg) 
}
 .hov5:hover::before{
     -webkit-animation:.75s shine;
     animation:.75s shine 
}
 @-webkit-keyframes shine{
     100%{
         left:125% 
    }
}
 @keyframes shine{
     100%{
         left:125% 
    }
}
 .pos1{
     left:7px 
}
 .btn-drive,.overlay1,.symbol-1{
     position:relative 
}
 .vi-vi-slick{
     visibility:visible 
}
 .btn-drive{
     display:flex;
     justify-content:center;
     align-items:center;
     z-index:1;
     padding:10px 
}
 .btn-drive::before{
     content:"";
     display:block;
     position:absolute;
     z-index:-1;
     bottom:0;
     left:0;
     width:100%;
     height:100%;
     border-radius:inherit;
     background-color:#07185a;
     opacity:0;
     -webkit-transform:scaleY(.1);
     -moz-transform:scaleY(.1);
     -ms-transform:scaleY(.1);
     -o-transform:scaleY(.1);
     transform:scaleY(.1);
     -webkit-transition:.3s ease-out;
     -o-transition:.3s ease-out;
     -moz-transition:.3s ease-out;
     transition:.3s ease-out 
}
 .btn-drive:hover:before{
     -webkit-transform:scaleY(1);
     -moz-transform:scaleY(1);
     -ms-transform:scaleY(1);
     -o-transform:scaleY(1);
     transform:scaleY(1);
     opacity:1 
}
 .list-01 li{
     text-indent:-11px;
     padding-left:22px 
}
 .list-01 li::before{
     content:"\f058";
     font-family:FontAwesome;
     font-size:15px;
     color:#233785;
     display:inline-block;
     margin-right:5px 
}
 .symbol-1{
     font-size:26px;
     color:#fff;
     display:-webkit-box;
     display:-webkit-flex;
     display:-moz-box;
     display:-ms-flexbox;
     display:flex;
     justify-content:center;
     align-items:center;
     width:100%;
     height:100%;
     border-radius:5px;
     z-index:1 
}
 .rotate-symbol-1.symbol-1::before{
     transform-origin:center;
     -webkit-transform:rotateZ(45deg);
     -moz-transform:rotateZ(45deg);
     -ms-transform:rotateZ(45deg);
     -o-transform:rotateZ(45deg);
     transform:rotateZ(45deg) 
}
 .driving{
     width:85px;
     height:85px;
     border-radius:50%;
     border:5px solid #034f9a;
     object-fit:cover 
}
 .overlay1{
     cursor:pointer 
}
 .overlay1:hover:after{
     height:100% 
}
 .show-dropdown-content .down-mark{
     display:block 
}
 .panel-color,.show-dropdown-content .up-mark{
     display:none 
}
 .label1::after,.label1::before{
     display:block;
     position:absolute 
}
 .label1::before{
     content:"";
     width:60px;
     height:60px;
     background-color:#e57202;
     top:-31px;
     right:-31px;
     -webkit-transform:rotateZ(45deg);
     -moz-transform:rotateZ(45deg);
     -ms-transform:rotateZ(45deg);
     -o-transform:rotateZ(45deg);
     transform:rotateZ(45deg) 
}
 .label1::after{
     content:"\f005";
     font-family:FontAwesome;
     font-size:11px;
     color:#fff;
     top:6px;
     right:7px 
}
 @media (max-width:1200px){
     .m-0-xl{
         margin:0 
    }
     .m-lr-0-xl{
         margin-left:0;
         margin-right:0 
    }
     .m-lr-15-xl{
         margin-left:15px;
         margin-right:15px 
    }
     .m-l-0-xl{
         margin-left:0 
    }
     .m-r-0-xl{
         margin-right:0 
    }
     .m-l-15-xl{
         margin-left:15px 
    }
     .m-r-15-xl{
         margin-right:15px 
    }
     .p-0-xl{
         padding:0 
    }
     .p-lr-0-xl{
         padding-left:0;
         padding-right:0 
    }
     .p-lr-15-xl{
         padding-left:15px;
         padding-right:15px 
    }
     .p-l-0-xl{
         padding-left:0 
    }
     .p-r-0-xl{
         padding-right:0 
    }
     .p-l-15-xl{
         padding-left:15px 
    }
     .p-r-15-xl{
         padding-right:15px 
    }
     .w-full-xl{
         width:100% 
    }
}
 @media (max-width:992px){
     .alert-validate::before{
         visibility:visible;
         opacity:1 
    }
     .wrap-header-mobile{
         display:-webkit-box;
         display:-webkit-flex;
         display:-moz-box;
         display:-ms-flexbox;
         display:flex 
    }
     .container-menu-desktop{
         display:none 
    }
     .parallax100{
         background-attachment:inherit 
    }
     .m-0-lg{
         margin:0 
    }
     .m-lr-0-lg{
         margin-left:0;
         margin-right:0 
    }
     .m-lr-15-lg{
         margin-left:15px;
         margin-right:15px 
    }
     .m-l-0-lg{
         margin-left:0 
    }
     .m-r-0-lg{
         margin-right:0 
    }
     .m-l-15-lg{
         margin-left:15px 
    }
     .m-r-15-lg{
         margin-right:15px 
    }
     .p-0-lg{
         padding:0 
    }
     .p-lr-0-lg{
         padding-left:0;
         padding-right:0 
    }
     .p-lr-15-lg{
         padding-left:15px;
         padding-right:15px 
    }
     .p-l-0-lg{
         padding-left:0 
    }
     .p-r-0-lg{
         padding-right:0 
    }
     .p-l-15-lg{
         padding-left:15px 
    }
     .p-r-15-lg{
         padding-right:15px 
    }
     .w-full-lg{
         width:100% 
    }
}
 @media (max-width:768px){
     .respon2,.w-full-md{
         width:100% 
    }
     .m-0-md{
         margin:0 
    }
     .m-lr-0-md{
         margin-left:0;
         margin-right:0 
    }
     .m-lr-15-md{
         margin-left:15px;
         margin-right:15px 
    }
     .m-l-0-md{
         margin-left:0 
    }
     .m-r-0-md{
         margin-right:0 
    }
     .m-l-15-md{
         margin-left:15px 
    }
     .m-r-15-md{
         margin-right:15px 
    }
     .p-0-md{
         padding:0 
    }
     .p-lr-0-md{
         padding-left:0;
         padding-right:0 
    }
     .p-lr-15-md{
         padding-left:15px;
         padding-right:15px 
    }
     .p-l-0-md{
         padding-left:0 
    }
     .p-r-0-md{
         padding-right:0 
    }
     .p-l-15-md{
         padding-left:15px 
    }
     .p-r-15-md{
         padding-right:15px 
    }
     .respon2{
         border-right:none;
         border-bottom:1px solid #e6e6e6 
    }
     .respon3{
         height:auto;
         margin-bottom:25px 
    }
}
 @media (max-width:576px){
     .btn-back-to-top{
         bottom:15px;
         right:15px 
    }
     .m-0-sm{
         margin:0 
    }
     .m-lr-0-sm{
         margin-left:0;
         margin-right:0 
    }
     .m-lr-15-sm{
         margin-left:15px;
         margin-right:15px 
    }
     .m-l-0-sm{
         margin-left:0 
    }
     .m-r-0-sm{
         margin-right:0 
    }
     .m-l-15-sm{
         margin-left:15px 
    }
     .m-r-15-sm{
         margin-right:15px 
    }
     .p-0-sm{
         padding:0 
    }
     .p-lr-0-sm{
         padding-left:0;
         padding-right:0 
    }
     .p-lr-15-sm{
         padding-left:15px;
         padding-right:15px 
    }
     .p-l-0-sm{
         padding-left:0 
    }
     .p-r-0-sm{
         padding-right:0 
    }
     .p-l-15-sm{
         padding-left:15px 
    }
     .p-r-15-sm{
         padding-right:15px 
    }
     .w-full-sm{
         width:100% 
    }
     .respon1{
         font-size:25px 
    }
}
 @media (max-width:480px){
     .rs1-revo .wrap-btn-slide{
         flex-direction:column;
         align-items:center 
    }
     .block-1:hover .wrap-text-b1{
         top:0;
         padding-top:2% 
    }
     .m-0-ssm{
         margin:0 
    }
     .m-lr-0-ssm{
         margin-left:0;
         margin-right:0 
    }
     .m-lr-15-ssm{
         margin-left:15px;
         margin-right:15px 
    }
     .m-l-0-ssm{
         margin-left:0 
    }
     .m-r-0-ssm{
         margin-right:0 
    }
     .m-l-15-ssm{
         margin-left:15px 
    }
     .m-r-15-ssm{
         margin-right:15px 
    }
     .p-0-ssm{
         padding:0 
    }
     .p-lr-0-ssm{
         padding-left:0;
         padding-right:0 
    }
     .p-lr-15-ssm{
         padding-left:15px;
         padding-right:15px 
    }
     .p-l-0-ssm{
         padding-left:0 
    }
     .p-r-0-ssm{
         padding-right:0 
    }
     .p-l-15-ssm{
         padding-left:15px 
    }
     .p-r-15-ssm{
         padding-right:15px 
    }
     .w-full-ssm{
         width:100% 
    }
}
 .color-setting{
     position:fixed;
     z-index:1200;
     top:20%;
     left:0;
     background-color:#333;
     border-top-right-radius:3px;
     border-bottom-right-radius:3px 
}
 .btn-show-panel{
     width:40px;
     padding:8px;
     cursor:pointer;
     -webkit-transition:.3s;
     -o-transition:.3s;
     -moz-transition:.3s;
     transition:.3s 
}
 .btn-show-panel-hide,.show-hide-btn{
     opacity:0 
}
 .panel-color{
     padding:10px;
     position:relative 
}
 .btn-hide-panel{
     font-size:22px;
     color:#fff;
     cursor:pointer;
     position:absolute;
     top:-40px;
     left:calc(50% - 20px);
     width:40px;
     height:40px;
     -webkit-transition:.4s;
     -o-transition:.4s;
     -moz-transition:.4s;
     transition:.4s 
}
 .title-panel{
     font-size:16px;
     line-height:1.4;
     color:#fff;
     padding-bottom:10px 
}
 .color-blue,.color-green,.color-orange,.color-yellow{
     width:25px;
     height:25px;
     margin:10px auto;
     cursor:pointer;
     border-radius:3px 
}
 .link-white,i.fa.fa-whatsapp{
     margin-left:5px 
}
 .color-green{
     background-color:#00b26f 
}
 .color-yellow{
     background-color:#ffe048 
}
 .color-orange{
     background-color:#ff5f3d 
}
 .link-mobile{
     font-family: Roboto-Regular;
     font-size: 13px;
     line-height: 15px;
     color: #555;
     vertical-align: middle;
     margin-left: 5px;
     text-decoration: none;
}
 .link-white{
     color:#fff;
     text-decoration:none;
     font-size:13px;
     line-height:15px 
}
 .link-white:hover{
     color:#e7e6e6;
     text-decoration:none;
}
 .link-footer{
     color:#aaa;
     text-decoration:none;
     font-size:14.5px;
     line-height:1.8 
}
 .link-footer:hover{
     color:#ccc;
     text-decoration:none;
}
 .whatsapp-float{
     position:fixed;
     bottom:13%;
     right:27px;
     background-color:#25d366;
     color:#fff;
     border-radius:50%;
     width:55px;
     height:55px;
     text-align:center;
     font-size:30px;
     z-index:1000;
     box-shadow:0 4px 12px rgba(0,0,0,.3);
     display:flex;
     align-items:center;
     justify-content:center;
     animation:1.5s infinite pulse;
     transition:transform .3s 
}
 .whatsapp-float:hover{
     transform:scale(1.1) 
}
 @keyframes pulse{
     0%{
         box-shadow:0 0 0 0 rgba(37,211,102,.7) 
    }
     70%{
         box-shadow:0 0 0 15px rgba(37,211,102,0) 
    }
     100%{
         box-shadow:0 0 0 0 rgba(37,211,102,0) 
    }
}
 @keyframes pulse2 {
     0% {
         transform: scale(1);
         box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.4);
    }
     70% {
         transform: scale(1.05);
         box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
    }
     100% {
         transform: scale(1);
         box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
    }
}
 .btn-exp {
     position: relative;
     overflow: hidden;
     z-index: 1;
}
 .btn-exp::after {
     content: "";
     position: absolute;
     top: 0;
     left: -75%;
     width: 50%;
     height: 100%;
     background: linear-gradient(288deg, transparent, rgba(255,255,255,0.4), transparent);
     transform: skewX(-30deg);
     animation: slideLight 2.5s infinite;
}
 @keyframes slideLight {
     0% {
         left: -75%;
    }
     100% {
         left: 125%;
    }
}
 .selo {
     margin-top: 10px 
}
 .img-selo {
     border-radius: 4px 
}
 .img-selo:hover {
     width:calc(65%);
}
 .no-color {
     color:#555555;
}
 .map-container {
     width: 100%;
     height: 40vh;
}
 iframe {
     width: 100%;
     height: 100%;
     border: none;
}
 @media screen and (max-width: 768px) {
     span.m-txt17.p-t-15.p-b-15 {
         width: 40vh;
         display: block;
         margin: 0 auto;
    }
}
 @media screen and (max-width: 768px) {
     .w-full.wrap-pic-max-w {
         width: 28vh;
         display: block;
         margin: 0 auto;
    }
}
 @media screen and (max-width: 768px) {
     .img-selo {
         vertical-align: baseline;
         width: 35vh;
    }
}
 @media screen and (max-width: 768px) {
     .bg3.txt-center.p-t-19.p-b-16 {
         padding: 30px 0;
         box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
         border-top: 2px solid rgba(0, 0, 0, 0.2);
         z-index: 1;
         position: relative;
         letter-spacing: 0.45px;
    }
}