@import url('css2.css');
@import url("css21.css");
@import url('css.css');
html,body{height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}
body{font-family:'Muli',sans-serif;font-size:16px;line-height:20px;font-weight:400;position:relative;z-index:1;background:#fff;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{position:relative;font-family:'Roboto',sans-serif;font-weight:500;margin:0;color:#1d2143}
h1{font-size:70px}
h2{font-size:40px}
h3{font-size:20px}
a{text-decoration:none;cursor:pointer;font-family:'Roboto',serif;color:#0099F7;font-size:16px;-webkit-transition:.5s;transition:.5s}
p{font-family:'Muli',sans-serif;font-size:16px;font-weight:400;line-height:25px;position:relative;color:#898a9c}
p.highlight{color:#898a9c;font-size:17px;line-height:27px}
button,input,textarea,a:hover,a:focus,a:visited{text-decoration:none;outline:0;outline-width:0!important}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}
img{display:inline-block;max-width:100%}
i,span,a{display:inline-block}
ul{list-style:none;margin:0;padding:0}
li{display:inline-block}
table,th,tr,td{border:1px solid #191919}
th,tr,td{padding:10px}
hr{border-top:1px solid #eee}
.auto-container{position:static;max-width:1200px;padding:0 80px;margin:0 auto}
.section-padding{padding:100px 0}
@media only screen and (min-width:992px) and (max-width:1200px){.section-padding{padding:80px 10px}
}
@media only screen and (min-width:768px) and (max-width:991px){.section-padding{padding:60px 60px}
}
@media only screen and (min-width:576px) and (max-width:767px){.section-padding{padding:50px 35px}
}
@media(max-width:575px){.section-padding{padding:50px 20px}
}
.pt-0{padding-top:0}
.pb-0{padding-bottom:0}
.pt-20{padding-top:20px}
.pb-20{padding-bottom:20px}
.pt-30{padding-top:30px}
.pb-30{padding-bottom:30px}
.pt-40{padding-top:40px}
.pb-40{padding-bottom:40px}
.pt-50{padding-top:50px}
.pb-50{padding-bottom:50px}
.pt-60{padding-top:60px}
.pb-60{padding-bottom:60px}
.pt-70{padding-top:70px}
.pb-70{padding-bottom:70px}
.pt-80{padding-top:80px}
.pb-80{padding-bottom:80px}
.pt-100{padding-top:100px}
.pb-100{padding-bottom:100px}
.pb-150{padding-bottom:150px}
.mt-20{margin-top:20px}
.mb-20{margin-bottom:20px}
.mt-30{margin-top:30px}
.mb-30{margin-bottom:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:40px}
.mt-50{margin-top:50px}
.mb-50{margin-bottom:50px}
.mt-60{margin-top:60px}
.mb-60{margin-bottom:60px}
.mt-70{margin-top:70px}
.mb-70{margin-bottom:70px}
.mt-80{margin-top:80px}
.mb-80{margin-bottom:80px}
.mt-90{margin-top:90px}
.mb-90{margin-bottom:90px}
.mt-100{margin-top:100px}
.mb-100{margin-bottom:100px}
.mt-150{margin-top:150px}
.ml-auto{margin-left:auto!important}
.mr-auto{margin-right:auto!important}
.section-title{position:relative}
.section-title h2{font-size:25px;font-weight:800;line-height:25px;margin:20px 0;color:#1d2143}
.section-title h6{color:#0099F7;font-size:15px;text-transform:uppercase;letter-spacing:1px}
.main-btn{display:inline-block;background:#0099F7;color:#fff;font-size:16px;font-weight:500;letter-spacing:1px;text-transform:capitalize;padding:15px 40px;text-align:center;vertical-align:middle;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50px}
.main-btn.btn-2{background:transparent}
.main-btn.btn-white{background:#fff;color:#191919}
.main-btn:hover{background-color:#fff;color:#25283a}
input,textarea,select{width:100%;background:transparent;border:1px solid #ddd;padding:15px 30px;font-size:14px;font-weight:600;letter-spacing:1px;-webkit-transition:.3s;transition:.3s;margin-bottom:20px}
textarea{height:150px;resize:none}
input[type="submit"],button[type="submit"]{border:0;border-radius:0;display:inline-block;background:#0099F7;color:#fff;padding:15px 30px;margin:27px 0;width:auto;-webkit-transition:.3s;transition:.3s;cursor:pointer;font-size:15px;font-weight:600}
input::placeholder,textarea::placeholder{font-size:15px;font-weight:500;color:#fff}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}
.container-fluid{padding:0}
.sky-bg{background:#ECF0F9}
.gray-bg{background:#f6f6f6}
.white-bg{background:#fff}
.blue-bg{background:#030f27}
.bg-cover{background-size:cover;background-position:center;background-repeat:no-repeat;width:100%}
.overlay{position:absolute;content:"";width:100%;height:100%;background-color:rgba(3,15,39,0.3);top:0;left:0;z-index:-1}
.overlay-1{position:absolute;content:"";width:100%;height:100%;background:#002c42;opacity:.7;top:0;left:0;z-index:-1}
.overlay-2{position:absolute;content:"";width:100%;height:100%;background:#002c42;opacity:.6;top:0;left:0;z-index:-1}
#loader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0099F7;z-index:999999}
.sk-folding-cube{margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}
.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}
.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}
.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}
.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}
.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}
.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}
@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}
90%,100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}
}
@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}
90%,100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}
}
.go-top{background-color:#0099F7;color:#FFF;width:40px;height:40px;bottom:6em;right:2em;font-size:18px;line-height:43px;text-align:center;text-decoration:none;display:none;position:fixed;z-index:1;border-radius:5px}
@media only screen and (min-width:576px) and (max-width:767px){.go-top{width:35px;height:35px;bottom:5em;right:2em;font-size:15px;line-height:33px}
}
@media(max-width:575px){.go-top i:before{font-size:14px}
.go-top{right:1em;bottom:6em;z-index:1}
}
.go-top:hover{background-color:#fff;color:#020E28}
.header-area .is-sticky .sticky-area{background:#fff;box-shadow:0 3px 16px -2px #d0cece;z-index:999!important;-webkit-animation:slideInDown .6s forwards;animation:slideInDown .6s forwards;margin-top:0}
#header-2.header-area .is-sticky .sticky-area{box-shadow:0 3px 16px -2px #4c4a4ade;animation:none}
.header-area.absolute-header .is-sticky .sticky-area{background:#10102D;-webkit-box-shadow:none;box-shadow:none;margin-top:0}
#header-2.header-area .is-sticky .sub-menu{top:60px}
#header-2 .is-sticky .main-menu li:hover .sub-menu{top:60px}
.header-top{background:#1F2437;font-size:14px;font-weight:400;color:#fff;padding:15px 0}
.contact-info i{color:#0099F7;font-size:20px;margin-right:2px}
.site-info .social-area{display:inline-block;margin-left:10px}
.site-info .social-area i{font-size:17px;color:#8D9CC5;padding-left:10px}
.site-info .social-area a{font-size: 12px;color:#fff;}

.header-area{height:90px}
#header-2.header-area{height:auto}
#header-2.header-area{padding:0}
.header-area .logo{padding:15px 0}
.header-area .logo img{max-width:180px}
.sub-title{position:relative;display:flex;align-items:center;margin-bottom:0;padding:15px 0}
.sub-title p{margin-top:15px}
.sub-title:before{position:absolute;content:"";top:50%;left:-17px;height:40px;border-left:2px solid #eee;margin-top:-20px}
#header-2 .navigation{height:80px;background:#051232;border-top:1px solid #eee}
#header-2 .logo{padding:15px 0}
#header-2 .sub-title{padding:15px 0}
#header-2 .aside-content{padding:15px 0}
.header-area li.nav-item .nav-link{color:#020E28}
#header-2 .main-menu .navbar-nav .nav-link{padding:30px 0;color:#d7d7d7}
#header-2.header-area .header-btn.main-btn{margin-top:15px}
#header-2.header-area .header-btn.main-btn:hover{background:#fff;color:#051232}
#header-3.header-area li.nav-item .nav-link{color:#fff}
.header-area .main-menu .navbar-nav .nav-link.active{color:#0099F7}
#header-2.header-area .main-menu .navbar-nav .nav-link.active{color:#0099F7}
#header-3.header-area .main-menu .navbar-nav .nav-link.active{color:#0099F7}
.header-area .main-menu li.nav-item:hover>a{color:#777}
.header-area .header-btn.main-btn{padding:14px 30px}
.header-area.absolute-header{position:absolute;top:0;width:100%;z-index:99;padding:20px 0;-webkit-transition:.3s;transition:.3s}
.responsive-logo{display:none}
#header-3 .logo{margin-top:0}
#header-3 .sub-title p{color:#fff}
#header-3 .sub-title:before{border-left:2px solid #c5c2c2}
#header-3 button.search-btn{color:#fff}
#header-3 .search-box button:before{border-left:2px solid #9c9a9a}
.search-box button{text-decoration:none;outline:0;outline-width:0!important;border:0;background:0;position:absolute;top:32px;right:10px;font-size:20px}
.search-box button:before{position:absolute;content:"";top:50%;left:-40px;height:40px;border-left:2px solid #eee;margin-top:-20px}
.search-box button:hover{cursor:pointer}
.search-popup{position:fixed;left:0;top:0;height:100vh;width:100%;z-index:999;opacity:0;visibility:hidden;-webkit-transition:all 500ms ease;transition:all 500ms ease}
.search-popup .search-back-drop{position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,0.5)}
.search-active .search-popup{opacity:1;visibility:visible}
.search-popup .search-inner{position:relative;background:#fff;padding:25px 0 30px;z-index:1;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all 300ms ease;transition:all 300ms ease}
.search-active .search-popup .search-inner{-webkit-transform:translateY(0);transform:translateY(0)}
.search-popup .upper-text{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px}
.search-popup .upper-text .text{font-size:18px;letter-spacing:1px}
.search-popup .close-search{position:absolute;right:0;top:0;color:#4C4C4D;font-size:18px;line-height:27px;z-index:3;-webkit-transition:all 500ms ease;transition:all 500ms ease;border:0;background:0}
.search-popup .form-group form{position:relative}
.search-popup .form-group{position:relative;margin:0;overflow:hidden;border-bottom:1px solid #e5e5e5}
.search-popup .form-group input[type="text"],.search-popup .form-group input[type="search"]{position:relative;display:block;font-size:24px;line-height:25px;color:#333;padding:10px 14px;height:45px;width:100%;background-color:transparent;-webkit-transition:all 500ms ease;transition:all 500ms ease;border:0;margin-bottom:5px}
.search-popup .form-group input[type="submit"],.search-popup .form-group button{position:absolute;right:14px;top:-15px;background:transparent;text-align:center;font-size:24px;line-height:45px;color:#333;padding:0;background:0;-webkit-transition:all 500ms ease;transition:all 500ms ease}
#header-aside .aside-content{float:right;color:#585252;margin-top:10px}
#header-aside .aside-content .info-wrap{display:table;overflow:hidden;width:100%}
#header-aside .aside-content .info-i,#header-aside .aside-content .info-c{display:table-cell;text-align:left;vertical-align:middle}
#header-aside .aside-content .info-c span{opacity:.5}
#header-aside .aside-content .info-i{width:45px}
#header-aside .aside-content .info-i span{position:relative;z-index:1;font-size:30px;color:#0099F7;width:40px;height:40px;line-height:40px;text-align:center;display:inline-block;margin-right:10px}
#header-aside .aside-content .info-i span i::before{font-size:36px}
#header-aside .aside-content .info-i span:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;border:1px dashed transparent;background-color:transparent}
#header-aside .aside-content .inner>div{float:left;display:block;width:170px;position:relative;color:#777;font-size:14px;font-weight:500;line-height:20px;margin-left:25px;border-right:2px solid #eee}
#header-aside .aside-content .inner>div:last-child{border:0}
.main-menu .navbar{padding:0}
.main-menu li.nav-item{position:relative;margin-right:30px}
#header-2 .main-menu li.nav-item{margin-right:35px}
.main-menu li.nav-item:last-child{margin-right:0}
.main-menu .navbar-nav .nav-link{text-transform:uppercase;font-size:15px;font-weight:500;color:#d7d7d7;display:block;padding:35px 0}
.main-menu .navbar-nav .nav-link.active{color:#fff}
.main-menu li.nav-item:hover>a{color:#fff}
.sub-menu{position:absolute;left:0;top:90px;width:180px;background-color:#fff;opacity:0;visibility:hidden;-webkit-transition:all 600ms ease;transition:all 600ms ease;z-index:99;-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0 5px 1px rgba(0,0,0,0.05);box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0 5px 1px rgba(0,0,0,0.05)}
#header-2 .sub-menu{top:80px}
.sub-menu::after{position:absolute;content:"";width:100%;height:4px;top:0;left:0;background:#0099F7;visibility:hidden;opacity:0}
.main-menu li:hover .sub-menu{opacity:1;visibility:visible;top:90px}
#header-2 .main-menu li:hover .sub-menu{opacity:1;visibility:visible;top:80px}
.main-menu li:hover .sub-menu::after{opacity:1;visibility:visible}
.main-menu ul.sub-menu{list-style:none;margin:0;padding:0}
.main-menu .sub-menu li{display:block;border-bottom:1px solid #eee}
.main-menu .sub-menu li a{font-size:15px;font-weight:400;display:block;padding:12px;color:#191919;-webkit-transition:.3s;transition:.3s}
.main-menu .sub-menu li:hover>a{color:#0099F7}
.dropdown-toggle::after{display:none!important}
.navigation .navbar .navbar-nav .nav-item .sub-nav-toggler{display:none}
.single-slide-item{background-image:url(../image/banner01.jpg)}
.single-slide-item video{position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    overflow: hidden;
    margin-top:-200px;
}

.hero-area-bg-2{background-image:url(../image/banner02.jpg)}
#home-2 .single-slide-item{background-image:url(../image/slide-3.jpg)}
#home-2 .hero-area-bg-2{background-image:url(../image/slide-4.jpg)}
#home-3 .single-slide-item{background-image:url(../image/slide-5.jpg)}
#home-3 .hero-area-bg-2{background-image:url(../image/slide-6.jpg)}
.single-slide-item{background-size:cover;background-position:center;background-color:#ddd;color:#fff;width:100%;height:700px;display:table;position:relative;z-index:1}
.single-slide-item h1{color:#fff;font-size:65px;font-weight:700;line-height:90px;letter-spacing:1px;margin:30px 0}
.homepage-slides .section-title h6{color:#bfbdbd}
#home-2 .single-slide-item h6{color:#fff;font-size:16px;letter-spacing:2px;position:relative;padding-left:60px}
#home-2 .single-slide-item h6:before{position:absolute;content:"";width:40px;height:2px;left:0;top:50%;background:#0099F7;margin-top:-1px}
#home-2 .single-slide-item{height:700px}
#home-3 .single-slide-item{height:800px}
#home-3 .section-title{margin-top:100px}



.company-list{
    display:flex;
    flex-wrap:wrap;
}
    .company-list li{
        /*width:32%;*/
        /*margin-right:2%;*/
        margin-bottom:10px;
    }
        .company-list li:nth-child(3n+3){
            margin-right:0
        }
        .company-list .picture {
            width: 100%;
            height: 125px;
            overflow: hidden;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

.company-list h3 {
    font-size: 15px;
    margin: 5px 0;
    color: #1e76cb;
    font-weight: bold;
    padding: 0 6px;
    box-sizing: border-box;
}
.company-list .picture img {
    /*width: 100%;*/
    max-height:125px;
}
    .company-list .flex {
        display: flex;
        margin-bottom: 5px;
        font-size:14px;
        color:#666;
        padding:0 6px;
        box-sizing:border-box;
    }
.company-list .icon img {
    width: 22px;
    margin-right: 5px;
}



.css-tabs {
  width: 100%;
  margin: 50px auto;
  font-family: Arial, sans-serif;
}

.tab-nav {
  display: flex;
  border-bottom: 1px solid #ddd;
}

.tab-link {
  padding: 10px 20px;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #ddd;
  border-bottom: none;
  margin-right: 5px;
  border-radius: 5px 5px 0 0;
  transition: all 0.3s;
}

.tab-link:hover {
  background-color: #ddd;
}

.tab-link.active {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  color: #0066cc;
  font-weight: bold;
}

.tab-content {
  border-top: none;
  padding: 20px;
  background-color: #fff;
}

.tab-pane {
  display: none;
  animation: fadeIn 0.5s;
}

.tab-pane.active {
  display: block;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

    

.single-slide-item p{color:#ccc7c7;font-size:20px;line-height:30px;font-family: Noto Sans SC, Microsoft YaHei, PingFang, PingFang SC, sans-serif !important;color: #fff;}
.homepage-slides .owl-nav button.owl-prev,.homepage-slides .owl-nav button.owl-next{width:35px;height:35px;border:2px solid;font-size:20px;font-weight:100;line-height:16px;position:absolute;left:15px;top:50%;margin-top:-25px;color:#0099f78c;visibility:hidden;opacity:0;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.homepage-slides .owl-nav button.owl-next{left:auto;right:15px}
.homepage-slides:hover .owl-nav button.owl-prev,.homepage-slides:hover .owl-nav button.owl-next{visibility:visible;opacity:.3}
.homepage-slides .owl-nav button.owl-prev:hover,.homepage-slides .owl-nav button.owl-next:hover{background:#0099F7;color:#fff;border-color:#0099F7;opacity:1}
.hero-area-content{display:table-cell;vertical-align:middle}
.hero-area-content .main-btn{margin:25px 0}
.feature-area .single-feature-item{margin-top:-50px;transform:translateY(0);transition:.5s;box-shadow:0 15px 30px rgba(0,0,0,0.10);box-shadow:0 0 10px -2px #6b7d6f;border-radius:5px}
.feature-area .single-feature-item:hover{transform:translateY(-20px)}
.feat-icon i:before{font-size:55px;color:#FCDB5A}
.feat-icon{background:#fff;padding:65px 30px 50px;height:100%;border-radius:5px 0 0 5px}
.feat-content{background:#fff;padding:30px;border-left:1px solid #eee;border-radius:0 5px 5px 0}
.feat-content p{margin:15px 0}
.feat-content a{font-size:20px;color:#87C03D}
.feature-area{position:relative;z-index:9}
.info-img{background-image:url(../image/map.png);background-size:cover;background-position:top center}
.info-content-area .section-title h2{position:relative;padding-left:35px}
.info-content-area .section-title h2:before{position:absolute;content:" ";top:0;left:0;width:100%;height:100%;border-left:5px solid #0099F7}
.info-content-area p.highlight{position:relative;padding-left:35px;margin:20px 0}
.info-content-area p.highlight:before{position:absolute;content:"";width:15px;height:15px;top:5px;left:0;background:#DDD}
.info-content-area .main-btn{background:transparent;color:#0099F7;border:2px solid;margin:40px 0}
.info-content-area .main-btn:hover{background:#0099F7;color:#fff;border-color:#0099F7}
.info-img{margin-right:30px}
.founded{border-top:4px solid #eee;border-bottom:4px solid #eee;padding:10px}
.years{font-family:'Teko',sans-serif;font-size:25px;font-weight:300;line-height:10px;letter-spacing:1px}
.years span{font-family:'Teko',sans-serif;font-size:140px;font-weight:600;line-height:120px;background-color:#0099F7;background-image:url(../image/trans-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;-webkit-text-fill-color:transparent;-webkit-background-clip:text;padding-right:20px}
.about-area .text{font-size:18px;font-weight:500;font-style:italic;line-height:27px;color:#0099F7;border-left:5px solid #eee;padding-left:35px;margin-top:20px}
.services-area{background-image:url(../image/service.jpg);padding-bottom:120px;position:relative;z-index:1}
#service-1.services-area .section-title h2{color:#fff}
.service-icon i:before{font-size:50px;color:#0099F7}
.single-service-area{text-align:center;height:320px;padding:40px;background:#052435;position:relative;z-index:1;box-shadow:0 0 9px 0 rgba(29,33,67,0.10)}
.single-service-area h4{font-size:22px;font-weight:500;line-height:26px;letter-spacing:1px;color:#fff;margin:30px 0 20px}
.single-service-area p{color:#ccc7c7}
.single-service-area a.read-more{text-transform:uppercase;font-size:15px;font-weight:500;letter-spacing:1px;margin:10px 0}
.single-service-area:before{background-image:url(../image/01.jpg)}
.service-2:before{background-image:url(../image/slide-3.jpg)}
.service-3:before{background-image:url(../image/04.jpg)}
.service-4:before{background-image:url(../image/02.jpg)}
.service-5:before{background-image:url(../image/05.jpg)}
.service-6:before{background-image:url(../image/06.jpg)}
.single-service-area:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;z-index:-1;opacity:0;visibility:hidden;transition:all .3s ease-out;background-size:cover;background-position:center}
.single-service-area:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:#03102A;z-index:-1;opacity:0;visibility:hidden;transition:all .4s ease-out}
.single-service-area:hover::before{visibility:visible;opacity:.5}
.single-service-area:hover::after{visibility:visible;opacity:.9}
.single-logistic-bg{background-image:url(../image/1.jpg);height:325px}
.logistic-bg-2{background-image:url(../image/2.jpg)}
.logistic-bg-3{background-image:url(../image/3.jpg)}
.logistic-bg-4{background-image:url(../image/4.jpg)}
#logistic-1 .single-logistic-area{padding:40px;box-shadow:none;margin-top:0;height:325px;text-align:center;background:#fff;transition:.3s}
.single-logistic-area h5{margin:25px 0}
#logistic-1 .logistic-icon i:before{color:#002C42}
#logistic-1 .single-logistic-area a.read-more{margin:12px 0 0;text-transform:uppercase;font-weight:500}
#logistic-1 .single-logistic-area:hover{background:#02223A}
#logistic-1 .single-logistic-area:hover .logistic-icon i:before{color:#fff}
#logistic-1 .single-logistic-area:hover h5{color:#fff}
#logistic-1 .single-logistic-area:hover p{color:#fff}
.single-process-area{text-align:center;margin-top:50px;overflow:hidden}
.single-process-area h5{font-size:14px;color:#fff;margin:25px 0 10px;letter-spacing:1px}
.single-process-area h4{font-size:20px;margin:20px 0}
.process-icon{position:relative}
.process-icon img{transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.single-process-area:hover img{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}
[class*='col-lg-3']:not(:last-child) .process-icon:after{position:absolute;content:"";top:50%;right:-44px;width:80px;height:1px;border:1px dashed cadetblue;opacity:.7}
#about-page.process-area .section-title h2{color:#fff}
#about-page.process-area .single-process-area h4{color:#fff}
#about-page.process-area .single-process-area p{color:#cecece}
.faq-bg{background-image:url(../image/faq.jpg);height:600px}
.styled-faq{margin-top:40px}
.styled-faq .panel-group .panel{border-radius:0;-webkit-box-shadow:0;box-shadow:0;margin-bottom:30px;border:1px solid #f6f6f6}
.styled-faq .panel-default>.panel-heading{background:0;padding:0;border:0}
.styled-faq .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top:0;padding:10px}
.styled-faq .panel .panel-heading h6{font-weight:500}
.styled-faq .panel .panel-heading h6 a{display:block;text-decoration:none;padding:12px;background:#f6f6f6;color:#0099F7}
@media(max-width:575px){.styled-faq .panel .panel-heading h6 a{font-size:14px}
}
.styled-faq .panel .panel-heading h6 a i.fa{float:right;font-size:150%;line-height:15px;display:none;color:#ddd}
.styled-faq .panel .panel-heading h6 a[aria-expanded=true] i.fa.fa-angle-up{display:block;color:#0099F7}
.styled-faq .panel .panel-heading h6 a[aria-expanded=false] i.fa.fa-angle-down{display:block;color:#0099F7}
.testimonial-area{background-image:url(../image/testimonial-bg.jpg);background-size:cover;background-position:center;height:500px;position:relative;z-index:1}
.testimonial-avatar img{max-width:100px;border-radius:50%;margin:0 auto}
.single-testimonial-item{text-align:center}
.testimonial-content p{font-size:17px;line-height:27px;color:#f5f3f3;margin:20px 0}
.testimonial-content h4{font-size:18px;font-weight:400;color:#fff;margin:30px 0}
.testimonial-content h4 span{display:block;font-size:90%;margin-top:7px;opacity:.5}
.testimonial-carousel .owl-dots button{width:15px;height:15px;background:#999;display:inline-block;border-radius:50%;margin:5px}
.testimonial-carousel .owl-dots button.active{background:#0099F7}
.testimonial-carousel .owl-dots{display:block;text-align:center}
.testimonial-area .testimonial-icon-before i{font-size:40px;background:0;padding:10px;position:absolute;top:55px;z-index:9;left:-10px;color:#0099F7}
.testimonial-area .testimonial-icon-after i{font-size:40px;background:0;padding:10px;position:absolute;bottom:55px;z-index:9;right:-10px;color:#0099F7}
.blog-area .single-blog-item{background:#fff;border-radius:5px}
.blog-area .blog-bg img{height:250px;width:100%;border-radius:5px 5px 0 0}
.blog-area p.blog-meta{font-size:14px;font-weight:500;margin:8px 0;color:#0099F7;text-transform:uppercase}
.blog-area p.blog-meta i:before{padding-right:7px}
.blog-area .blog-meta i{font-size:20px;margin-right:7px}
.blog-content i{margin-right:7px}
.blog-content{box-shadow:0 0 10px 0 rgba(0,0,0,.06);padding:30px}
.blog-area .blog-content h5 a{font-size:18px;font-weight:500;line-height:28px;color:#1d2143;margin-bottom:20px}
.blog-area .blog-content h5 a:hover{color:#0099F7}
.blog-area a.read-more{text-transform:uppercase;font-size:16px;font-weight:500;margin:10px 0 0;color:#0099F7;opacity:.5}
.blog-area a.read-more:hover{opacity:1}
.blog-area .blog-bg{position:relative;z-index:1;overflow:hidden;transition:.3s}
.blog-area .blog-bg img{transition:transform ease .3s}
.blog-area .blog-bg span{background:#0099F7;color:#fff;padding:10px;display:inline-block;width:60px;text-align:center;position:absolute;top:0;right:0}
.blog-area .blog-bg img:hover{transform:scale(1.3);transition:all 2s ease-out;border-radius:5px}
.single-logo-wrapper{height:100px;display:flex;justify-content:center;align-items:center;opacity:.5;transition:.3s}
.single-logo-wrapper:hover{opacity:1}
.cta-area{background:#0099F7;height:250px;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}
.cta-area h2{font-size:40px;line-height:50px;color:#fff;font-weight:600}
.cta-area h6{color:#fff;text-transform:uppercase;font-size:16px;margin-bottom:10px}
.cta-area p{color:#cacaca;margin:12px 0}
.cta-area .contact-info{margin-top:30px}
.cta-area .contact-info i{font-size:50px;float:left;padding-right:10px}
.contact-info h5{font-size:22px;color:#fff}
.contact-info p{margin:4px 0}
.cta-area .main-btn{background:#fff;color:#333;margin-top:16px}
.cta-area .main-btn:hover{background:#012A41;color:#fff}
.footer-area{background-image:url(../image/footer-bg.png);background-size:cover;background-position:center;color:#fff}
.footer-area h5{color:#fff;margin:20px 0}
.footer-area p{margin-top:16px;color:#9aa3b2}
.contact-info p{margin-bottom:10px}
.footer-area ul li a{display:block;color:#d7d7d7;padding:7px 0}
.footer-up ul li a span{color:#0099F7;font-size:18px;font-weight:600}
.footer-area ul li a:hover{color:#0099F7}
.subscribe-form button{padding:15px 40px;font-size:16px;line-height:13px;background:#0099F7;color:#fff;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;border:0;cursor:pointer}
.subscribe-form{position:relative}
.subscribe-form input{border:0;background:#3D4147}
.subscribe-form input::placeholder{color:#797A7E;font-size:14px}
.footer-up{padding:80px 0}
.footer-up .logo{width:210px}
.footer-up .social-area i{color:#eee;font-size:21px;margin-right:10px;margin-top:20px}
.footer-bottom{padding:10px 0;background:#20242d}
.footer-bottom p{margin:0;color:#707579}
p.privacy{text-align:right}
.about-bg-wrapper{height:100%}
.about-content-wrapper{padding:80px;padding-top:50px;background:#fff;margin-top:-40px;position:relative;z-index:9;border-top:10px solid #0099F7}
.about-bg-wrapper{height:100%;border:10px solid #fff;border-right:0}
.about-bg-innner{background-image:url(../image/about.jpg);width:100%;height:100%;top:0;left:0}
.key-feature{margin-top:20px}
.key-feature h4{font-size:20px;margin:15px 0 10px}
.single-serv-item{background:#fff;height:350px;text-align:left;position:relative;z-index:1;transform:translateY(-20px);transition:.5s;border:1px solid #eee;border-radius:5px;margin-top:50px}
.single-serv-item:hover{transform:translateY(-20px)}
.serv-content{border-top:1px solid #efefef;border-bottom:1px solid #efefef;padding:20px 40px 10px}
.serv-content h5{margin:5px 0 15px;color:#1d2143;font-weight:500}
.serv-icon{padding:35px 40px 30px}
.serv-icon i:before{font-size:60px;color:#0099F7}
.single-serv-item a{text-transform:uppercase;font-size:16px;letter-spacing:1px;font-weight:500;padding:30px 40px}
.service-slider .owl-dots button.owl-dot span{width:10px;height:10px;background:#ddd;margin-right:10px;margin-top:20px}
.service-slider .owl-dots button.owl-dot.active span{width:35px;height:10px;background:#0099F7}
.service-slider .owl-dots{text-align:center;margin-top:30px}
.achievement-area{background-image:url(../image/slide-6.jpg);height:250px;background-size:cover;background-position:center;background-attachment:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1}
.achievement-area.home2{background-color:#020E28}
.fact-icon i:before{font-size:50px;line-height:35px;color:#FF5316;margin:25px 0;display:inline-block}
.single-counter-box{text-align:center}
.single-counter-box .counter-number span{font-size:55px;font-weight:700;color:#fff;margin:30px 0 20px}
.single-counter-box p.counter-number{font-size:40px;color:#fff}
.single-counter-box h6{color:#0099F7;font-size:22px;font-weight:400}
.freight-bg-1{background-image:url(../image/1.png)}
.freight-bg-2{background-image:url(../image/1.png)}
.freight-bg-3{background-image:url(../image/1.png)}
.single-freight-area{position:relative;z-index:1;overflow:hidden;transition:all 2s ease-out}
.freight-icon{position:absolute;top:50px;left:35px}
.freight-icon i:before{font-size:45px;color:#fff}
.single-freight-area h5{font-size:20px;letter-spacing:1px;color:#fff;position:absolute;top:50%;left:25px}
.single-freight-area h5:after{position:absolute;content:" ";width:80px;height:3px;background:#ffff;bottom:-15px;left:0}
.single-freight-area .read-more{position:absolute;bottom:25px;left:25px;color:#0099F7;text-transform:uppercase;font-size:16px;font-weight:500;letter-spacing:1px}
.single-freight-area .read-more:before{position:absolute;content:"";width:10px;height:2px;background:#fff;top:50%;left:0;margin-left:-5px;opacity:0;visibility:hidden}
.single-freight-area:hover .read-more{padding-left:15px}
.single-freight-area:hover .read-more:before{opacity:1;visibility:visible}
.single-freight-area img{transition:transform ease .3s}
.single-freight-area img:hover{transform:scale(1.3);transition:all 2s ease-out}
.chooseus-area{border-top:1px solid #eee}
.chooseus-area .section-heading:after{margin:0}
.single-feature-item .num{font-size:24px;line-height:24px;background:#0099F7;display:inline-block;padding:10px;color:#fff;width:45px;height:45px;text-align:center;float:left;border-radius:5px}
.feature-image img{width:100%;box-shadow:0 5px 25px 0 rgba(27,20,100,0.15)}
.feature-image{position:relative;z-index:1}
.feature-image:before{position:absolute;content:" ";top:-50px;right:-50px;width:100%;height:100%;background:#0099F7;z-index:-1}
.feature-content h5{font-size:20px;margin:0}
.feature-content{padding-left:70px;margin-top:30px;margin-bottom:30px;border-bottom:1px solid #eee}
.feature-content p{font-size:16px;line-height:26px;margin:10px 0}
#testimonial-2.testimonial-area{background-image:none;height:auto}
#testimonial-2.testimonial-area .section-title{padding:0}
#testimonial-2 .single-team-item img{max-width:70px;height:auto;float:left}
#testimonial-2 .author-desc{margin-top:30px}
#testimonial-2 .author-desc h5{font-size:18px;padding-left:80px;margin:0}
#testimonial-2 .author-desc span{font-size:90%;color:#0099F7;padding-left:10px}
#testimonial-2 .single-team-item{background:#fff;padding:50px 50px 70px;position:relative;z-index:1;margin-top:50px;box-shadow:0 3px 9px -2px #d0cece;border-bottom:3px solid #fff;transition:.3s;border-radius:5px}
#testimonial-2 .single-team-item:hover{border-bottom:3px solid #0099F7}
#testimonial-2 .testimonial-icon i{font-size:25px;background:#0099F7;padding:10px;position:absolute;top:-20px;color:#fff;z-index:9;border-radius:5px}
#testimonial-2.testimonial-area .owl-dots button.owl-dot span{width:10px;height:10px;background:#ddd;margin-right:10px;margin-top:20px}
#testimonial-2.testimonial-area .owl-dots button.owl-dot.active span{width:35px;height:10px;background:#0099F7}
#testimonial-2.testimonial-area .team-carousel .owl-dots{text-align:center;margin-top:30px}
.pricing-section{background:#01273E}
.pricing-section .section-title h2{color:#fff}
.single-price-item{padding:25px;margin-bottom:30px;margin-top:30px;text-align:center;border:5px solid #0f294a;opacity:.5;border-radius:5px}
.single-price-item.active{border-color:#0099F7;opacity:1}
.single-price-item h4{margin:25px 0;padding:15px 25px;color:#fff;font-size:20px;text-transform:uppercase;letter-spacing:1px;font-weight:500}
.single-price-item p{margin-bottom:50px}
.single-price-item p b{font-size:40px;color:#fff}
.single-price-item ul{list-style:none;margin:0;padding:0}
.single-price-item ul li{display:block;margin:20px 0;color:#e5e5e5;font-size:16px;text-align:left;padding-left:35px}
.single-price-item .main-btn{padding:14px 24px;margin:30px 0;border-radius:0;background:#0099F7;color:#fff;text-transform:uppercase;font-size:14px}
.single-price-item .main-btn:hover{background:#00656D;color:#fff}
.quotation-section{background-image:url(../image/consult-bg.jpg);position:relative;z-index:1}
.quotation-section .section-title h2{color:#fff}
.quotation-form{padding:80px 115px;background-color:#FFF}
.quotation-form span{color:#F8A555}
.quotation-form .form-control{border-radius:4px;box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.05);font-size:16px;color:#777;height:50px}
.quotation-form select.form-control:not([size]):not([multiple]){height:50px;padding:8px 10px}
.quotation-form .form-group label:after{content:"*";padding-left:5px;color:#F8A555}
.request-button .btn-primary{margin-top:30px;padding:13px 60px;width:100%}
.request-button .btn-primary:hover{color:#FFF;background:#050D3C}
.request-button i{margin-left:8px}
.request-button button:hover{background:#092A45;color:#fff}
.quotation-dtl{background-color:#0099F7;width:100%;height:70px;display:flex;justify-content:center;align-items:center}
.quotation-dtl p{color:#FFF;font-size:20px;padding:15px 150px;margin:0;text-align:center}
.quotation-dtl p i{color:#fff;padding-right:15px;font-size:25px}
.quotation-dtl [class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after{font-size:28px;vertical-align:middle}
.quotation-dtl a:hover{color:#0099F7}
.logistic-service-area{background-image:url(../image/air-freight.png);background-position:center;background-repeat:no-repeat}
.logistic-service-area.sea{background-image:url(../image/sea.png)}
.logistic-service-area.road{background-image:url(../image/truck.png)}
.logistic-service-area.rail{background-image:url(../image/freight-wagon-bg.png)}
.logistic-service-area.store{background-image:url(../image/wholesale.png)}
.logistic-service-area.ware{background-image:url(../image/pallet.png)}
.logistic-service-area{text-align:left;height:320px;padding:45px 40px;border-radius:5px;box-shadow:0 0 9px 0 rgba(29,33,67,0.10)}
.logistic-service-area:hover{border-color:#ddd}
.logistic-service-area h4{color:#1d2143;margin:25px 0}
.logistic-service-area p{color:#898a9c}
.logistic-service-area .read-more{text-transform:uppercase;font-weight:500;margin:10px 0}
.service-icon i{transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.logistic-service-area:hover i{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.single-bar-item h4{font-size:17px;margin-bottom:10px}
.progress-bar-area{margin-top:20px}
.barfiller .fill{background:#0099F7!important}
#about-3 .choose-certify{text-align:center;margin-top:30px}
#about-3 .choose-certify i{position:relative}
#about-3 .choose-certify i{font-size:45px;color:#0099F7}
#about-3 .choose-certify h5{font-size:20px;font-weight:500;margin:20px 0;color:#002c42}
#about-3 .choose-certify p{padding-left:0}
#cta-2.cta-area{background-image:url(../image/service.jpg);background-attachment:fixed;height:300px;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}
#cta-2.cta-area h2{font-size:40px;line-height:50px;color:#fff;font-weight:600}
#cta-2.cta-area h6{color:#0099F7;text-transform:uppercase;font-size:16px;margin-bottom:10px}
#cta-2.cta-area p{color:#cacaca;margin:12px 0}
.cta-area .contact-info{margin-top:30px}
#cta-2.cta-area .contact-info i{font-size:50px;float:left;padding-right:10px}
#cta-2 .contact-info h5{font-size:22px;color:#fff}
#cta-2 .contact-info p{margin:4px 0}
#service-3.services-area{background:#fff}
#service-3 .single-service-area{text-align:center;height:320px;padding:40px;background:#fff;position:relative;z-index:1}
.service-bg{background-image:url(../image/01.jpg);height:270px;transform:scale(1.3);transition:all 2s ease-out}
.bg-2{background-image:url(../image/02.jpg)}
.bg-3{background-image:url(../image/slide-3.jpg)}
.bg-4{background-image:url(../image/04.jpg)}
.bg-5{background-image:url(../image/05.jpg)}
.bg-6{background-image:url(../image/06.jpg)}
#service-3 .single-service{position:relative;margin-top:30px;margin-bottom:50px;overflow:hidden}
.single-service .service-content{position:absolute;bottom:-20px;left:20px;right:20px;background:#fff;padding:20px;box-shadow:0 15px 30px rgba(0,0,0,0.10)}
.service-content h3{font-size:20px;line-height:22px;margin:10px 0;transform:translateY(0);transition:all .3s ease-in-out;position:relative;padding-left:15px}
.service-content h3:before{position:absolute;content:"";top:50%;left:0;width:4px;height:30px;background:#0099F7;margin-top:-15px}
.service-content a.read-more{position:absolute;bottom:37px;left:20px;opacity:0;transform:translateY(50%);transition:all .3s ease-in-out;text-transform:uppercase;font-family:'Teko',sans-serif;font-size:18px;letter-spacing:2px;color:#0099F7;padding-left:15px}
.single-service:hover .service-content h3{transform:translateY(-12px);-webkit-transition-delay:.2s;transition-delay:.2s}
.single-service:hover .service-content a.read-more{transform:translateY(22px);opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s}
.single-service:hover .service-bg{transform:scale(1.07)}
.choose-us-area{background-image:url(../image/choose-bg.jpg);background-size:cover;height:500px;position:relative;z-index:1}
.choose-us-area .section-title h2{color:#fff}
.choose-us-wrapper{background:#fff;margin-top:50px;position:relative}
.choose-us-inner{text-align:center;padding:50px 30px;border-right:1px solid #eee}
.choose-us-inner h5{margin:40px 0 20px}
.choose-us-inner:nth-last-child(4){border-right:0}
.choose-us-icon{position:relative;z-index:1}
.choose-us-icon:after{position:absolute;content:"";top:0;left:50px;width:80px;height:80px;background:#f6f6f6;border-radius:50%;z-index:-1;transition:.3s}
.choose-us-inner:hover .choose-us-icon:after{width:100px;height:100px;top:-18px;left:65px;background:#0099F7;opacity:.2}
.spacer{position:relative}
.spacer-bg{background-attachment:fixed;height:300px;display:flex;justify-content:center;align-items:center}
.spacer-bg .main-btn{z-index:9;margin-top:120px}
.team-member-bg{background-size:cover;background-position:top center;width:100%;height:300px}
.team-member-bg{background-image:url(../image/11.jpg)}
.team-bg-2{background-image:url(../image/21.jpg)}
.team-bg-3{background-image:url(../image/31.jpg)}
.team-bg-4{background-image:url(../image/41.jpg)}
.team-bg-5{background-image:url(../image/5.jpg)}
.team-bg-6{background-image:url(../image/6.jpg)}
.team-bg-7{background-image:url(../image/7.jpg)}
.team-bg-8{background-image:url(../image/8.jpg)}
.single-team-member{position:relative;margin-top:25px}
.single-team-member .team-content{position:absolute;bottom:-75px;background:#fff;text-align:center;width:100%}
.team-content .team-title{font-weight:500}
.team-content .team-title a{font-size:17px;font-weight:600;letter-spacing:.3px;color:#191919;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;margin:16px 0 0}
.team-content .team-subtitle{font-size:14px;color:#7c7c7c;margin-bottom:10px}
.team-content .team-subtitle p{margin:0;color:#333E38}
.team-social ul{list-style:none;margin:0;padding:0}
.team-social ul li{display:inline-block}
.team-social ul li a{font-size:18px;padding:10px;transition:all .3s ease-out}
.team-social{position:absolute;top:0;left:-35px;background:#fff;opacity:0;visibility:hidden;transform:translateX(-2px);transition:all .4s}
.team-social ul li{display:block}
.team-social i{color:#0099F7}
.single-team-member:hover .team-social{visibility:visible;opacity:1;left:0;transform:translateY(0)}
.contact-section{background-image:url(../image/contact-bg.jpg);background-attachment:fixed}
.contact-content{margin-top:50px}
.contact-section h2{color:#fff}
.contact-section p{color:#c5bfbf}
.contact-section .contact-info i{font-size:30px;margin-left:0;background:#0099F7;color:#fff;padding:10px;border-radius:0;float:left}
.contact-inner{margin-bottom:30px}
.contact-inner h6{color:#fff;font-size:20px;font-weight:400;padding-left:100px}
.contact-inner p{padding-left:100px}
.contact-section button.main-btn{border:0}
.contact-section button.main-btn:hover{background:#25283a;color:#fff}
.contact-form{margin-top:80px}
.breadcroumb-area{background-image:url(../image/slide-1.jpg)}
.breadcroumb-area{height:300px;background-size:cover;background-position:center bottom;background-color:#ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:2}
.breadcroumb-area:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:#092c3e;opacity:.5;z-index:-1}
.breadcroumb-area .breadcroumb-title h1{font-size:50px;font-weight:700;letter-spacing:1px;color:#fff;margin-top:40px;position:relative;padding-left:30px}
.breadcroumb-area .breadcroumb-title h1:before{position:absolute;content:" ";top:0;left:0;width:100%;height:100%;border-left:5px solid #0099F7}
.breadcroumb-area h6 a{color:#fff}
.breadcroumb-area h6{color:#aeb1b3;font-size:16px;margin-top:25px}
@media only screen and (min-width:768px) and (max-width:991px){.breadcroumb-area .breadcroumb-title h1{font-size:50px}
}
@media only screen and (min-width:576px) and (max-width:767px){.breadcroumb-area .breadcroumb-title h1{font-size:40px}
}
@media(max-width:575px){.breadcroumb-area .breadcroumb-title h1{font-size:35px}
}
#choose-us-page .about-content-wrapper{margin-top:0;border-top:0}
#team-page .single-team-member{margin-bottom:100px}
#price-page.pricing-section{background:0}
#price-page.pricing-section .section-title h2{color:#1d2143}
#price-page .single-price-item{border:5px solid #0f294a;opacity:.5}
#price-page .single-price-item.active{border-color:#0099F7;opacity:1}
#price-page .single-price-item h4{color:#1d2143}
#price-page .single-price-item p b{color:#1d2143}
#price-page .single-price-item ul li{color:#1d2143}
.quote-form{margin-top:50px}
.form-list{width:100%;vertical-align:middle;margin-bottom:20px;display:flex;justify-content:center;align-items:center}
.quote-form input,.quote-form select{width:100%;padding:10px;border:1px solid #ddd;border-radius:0;margin-bottom:0}
.form-list select{color:#555}
.cost-center .btn-1 span{padding:15px 25px;position:relative;text-align:left;background:#0C4D52;color:#fff;display:inline-block;margin-top:10px;margin-right:-4px}
.cost-center .btn-1 .dark{background:#0099F7}
.quote-form .btn:hover{background:navy;color:#fff}
.cost-center .btn.btn-primary{margin-top:10px}
.question-section{background:#F7F7F7;padding:30px}
.question-section h6{margin-bottom:20px}
.question-section input,.question-section textarea{background:#fff;color:#191919;border:0}
.question-section input::placeholder,.question-section textarea::placeholder{font-size:15px;color:#191919}
.question-section button{font-size:14px;letter-spacing:1px}
#service-page .single-service{padding:40px;padding-top:0}
#blog-page .single-blog-item{margin-bottom:20px;background:#fff;box-shadow:0 3px 9px -2px #d0cece}
#blog-page .blog-bg img{width:100%;height:100%}
#blog-page .blog-content p.blog-meta{font-size:16px;color:#898a9c}
#blog-page .blog-content a{font-size:24px;font-weight:500;color:#00283F;margin-bottom:20px}
#blog-page .blog-content a:hover{color:#0099F7}
#blog-page .blog-content a.read-more{text-transform:uppercase;font-size:16px;color:#0099F7}
.blog-search input{border:0;border-radius:0;border-bottom:1px solid #ddd;padding:0;padding-bottom:15px}
.blog-search button{background:0;margin:0;padding:0}
.blog-search button i{color:#191919;font-size:20px;opacity:.5;position:absolute;top:18px;right:28px}
.blog-category h5,.archive h5{font-size:24px;font-weight:600;margin:25px 0}
.blog-category a,.archive a{display:block;color:#191919;font-size:16px;margin-bottom:20px}
.blog-category a:hover,.archive a:hover{color:#F35E27}
.blog-category a.active,.archive a.active{color:#0099F7}
.recent-post h5{margin:30px 0;margin-top:50px;font-weight:600}
.recent-post img{float:left;width:70px;height:70px}
.single-recent-post h6{margin:0;padding-left:90px}
p.blog-date{padding-left:90px}
.single-recent-post{padding-bottom:25px}
.single-recent-post .recent-post-content{display:block;padding-left:110px}
.single-recent-post h6 a{color:#00B965;line-height:1.5}
.popular-tag h5{margin:30px 0;margin-top:50px;font-weight:600}
.popular-tag span{padding:8px 15px;background:#00283F;margin-bottom:10px;margin-right:10px;font-size:15px}
.popular-tag a{color:#fff;padding:5px}
.popular-tag span.active{background:#0099F7}
.popular-tag span:hover{background:#0099F7}
.popular-tag span:hover a{color:#fff}
.author-profile img{width:90px;height:90px;float:left}
.comments-section h5{font-size:22px;margin:40px 0}
.comments-section img{width:90px;height:90px;float:left}
.single-comments-section p{padding-left:120px}
.single-comments-section p b{color:#333}
a.reply-btn{text-transform:uppercase;font-size:14px}
.comments-form h3{margin:50px 0}
.author-info{padding-left:120px}
.author-info h6{margin:10px 0}
.single-comments-section p span{padding-left:50px;font-size:15px}
.blog-search{border:1px solid #ddd;padding:15px}
.blog-category,.recent-post,.archive,.popular-tag{border:1px solid #ddd;padding:10px 30px 20px;margin:20px 0}
.helpline-section{background-size:cover;background-position:center center;height:350px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1;margin-top:30px}
.helpline-section{background-image:url(https://www.17sucai.com/2021/2/o6tmy9687/assets/img/helpline.jpeg)}
.helpline-content h4{color:#ffff}
.helpline-content p{color:#fff;margin-top:20px}
.helpline-content button{z-index:9;position:relative}
.pagination-block{display:block;margin:45px auto}
.pagination-block .page-numbers{width:35px;height:35px;line-height:35px;text-align:center;display:inline-block;color:#656c76;font-size:15px;font-weight:600;border:1px solid #e9eef6;border-radius:3px;margin:0 3px;padding:0;transition:all .3s ease 0s}
.page-numbers.current{background:#0099F7;color:#fff}
.pagination-block .page-numbers:hover{background:#0099F7;color:#fff}
.service-list{background:#F6F6F6;padding:30px;margin-bottom:30px}
.service-list h5{margin:30px 0}
.service-list a{display:block;color:#333;padding:10px;margin-bottom:20px;background:#fff}
.service-list a.active{background:#0099F7;color:#fff}
.service-list a span{float:right}
.single-service h2{margin:30px 0}
.single-service h5{margin:20px 0}
.single-service p{font-size:16px;line-height:28px}
.single-service-bg img{width:100%}
.helpline-section{background:#020E28;color:#fff;padding:20px;margin-top:35px;height:272px;display:flex;justify-content:center;align-items:center}
.helpline-section h4{color:#fff;margin-top:15px}
.helpline-section button{margin-top:15px}
.blog-meta{margin:20px 0}
.blog-meta span i{color:#0099F7;font-size:20px;margin-right:10px}
.single-blog-wrap h3{font-size:28px;margin:20px 0}
.single-blog-wrap h5{margin:20px 0}
.contact-us-area{background-image:url(../image/contact-bg-1.jpg);background-size:cover;position:relative;z-index:1}
.contact-us-wrapper{background:#fff;margin-top:50px;position:relative}
.contact-us-inner{text-align:center;padding:40px 30px;border-right:1px solid #eee}
.contact-us-inner:nth-last-child(4){border-right:0}
.contact-us-inner h5{margin:40px 0 20px}
.contact-us-inner a{text-transform:uppercase;color:#0099F7;font-size:17px;font-weight:500;margin:20px 0 10px}
#contact-us .info-i{position:relative;z-index:1}
#contact-us .info-i i:before{font-size:50px;color:#0099F7}
#contact-us .contact-form .main-btn{margin-top:30px}
.contact-section{background-image:url(../image/contact-bg.jpg)}
.contact-section .section-title h2{color:#fff}
.contact-form .main-btn{border-radius:0;border:0;margin:40px 0}
@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}