/*reset*/
.bg-transparent .rd-navbar-static .rd-navbar-nav > li a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li a{ color: #000!important; }
.bg-transparent .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-transparent .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-transparent .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li.active > a{    background-color: unset!important;}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ background: #fff!important;}
.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > a:after, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > a:after{ content: ""!important; width: 10px!important; height: 10px!important; background-image: url(../images/drop-d.png); background-size: cover; background-repeat: no-repeat; }
.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu{ background: #ffffff!important; }
.rd-navbar-static .rd-navbar-nav, .rd-navbar-fullwidth .rd-navbar-nav{ text-align: right!important; }
.rd-navbar-fixed .rd-navbar-panel:before{ background: #ffffff!important; }
.rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span{background-color: #000;}
.rd-navbar-fixed .rd-navbar-brand img{display: block!important;}
.bg-transparent .rd-navbar-static.rd-navbar--is-stuck, .bg-transparent .rd-navbar-fullwidth.rd-navbar--is-stuck{ background-color: #fff!important;}
.brand-name > img{ height: unset!important; }
.blog-post:hover .blog-post-title a{color: #000; opacity: 0.8;}
.thumbnail-1 .caption{ margin-top: 6px!important;}
.rd-navbar-static .rd-navbar-nav > li:hover a ,.rd-navbar-static .rd-navbar-nav > li.active a{color: #22759b!important;}
.owl-dot.active, .owl-dot:hover{ background-color: #22759b!important; border: 2px solid #22759b!important; }
.rd-navbar-fixed .rd-navbar-nav li.active > a{    background: #ccc!important;}
body .ui-to-top.fa-chevron-up{display: none!important; right: 10px; bottom: 35px; width: 40px!important; height: 40px!important;line-height: 40px!important; background: #2fa8de!important;font-size: 16px!important;}
body .ui-to-top.active{-webkit-transform: translateY(-10px);transform: translateY(-10px);}

/*tool*/
.c-22759b{color: #22759b;}
.title-underline{position: relative;}
.title-underline::after{ content: ''; display: block; height: 3px; width: 106px; background-color: #1054af; position: absolute; bottom: -26px; left: 3px; }

.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-24{ font-size: 24px; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-16{ font-size: 16px; }
.f-14{ font-size: 14px; }
.c-000{ color:#000; }
.c-fff{ color:#fff!important; }
.c-1D2D90{ color:#1D2D90; }
.c-152e9d{color:#152e9d!important;}
.bgc-191919{background-color: #191919;}
.bg-102fbb{background-color: #102fbb;}
.bgc-535d97{ background-color: #535d97; }
.bgc-fff{ background-color: #fff; }
.bg-888{background-color: #888888;}
.bg-3443a4{ background-color: #3443a4; }
.bg-000{ background-color: #000; }
.line-h-1{line-height:2!important;}
.width-90{ width:90%; margin: auto;}

.m-open{ display: none; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }

.pd-article{ padding: 15px 15px 30px 15px;}
.pd-10{ padding:10px; }
.pd-20{ padding:20px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px;}
.mt-50{ margin-top:50px; }
.mt-30{ margin-top:30px; }
.mr-20{ margin-right:20px; }
.mr-10{ margin-right:10px; }
.height-233{ height: 233px;}

.border-w-1{border: 1px solid #fff;}
.inline-block{display: inline-block;}
.block{ display: block; }
.t-boder-b{ border-bottom:1px solid #4C4B4B; }
.t-boder-t{ border-top:1px solid #4C4B4B; }
.border-000{border: 1px solid #000;}
.radius-non{ border-radius: unset!important;}
.float-r{ float: right;}
.clear{ clear:both: }
.shadow-set{box-shadow: 0 0 10px #ccc;}


/*btn*/
.letter-s{ letter-spacing: 5px;}
.move-l{ position: relative;  }
.move-l .move-box-o >span{  transition-property: margin-left; transition-timing-function: ease ;  transition-duration: 0.5s; }
.move-l:hover .move-box-o >span{ margin-left:10px;  }
.move-box-o{ width: 25px; height: 20px; overflow: hidden; display: inline-block;}
/*box-img 1x1*/
.box-img{ overflow: hidden; width: 100%; padding-top:100%; position: relative; }
.box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);width: 100%; height: 100%; object-fit: cover; }
/*box-img 16x9*/
.box-img-16-9{ overflow: hidden; width: 100%; padding-top:calc( 9 / 16 * 100% + 45px ); position: relative; }
.box-img-16-9 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 5x4*/
.box-img-5-4{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% ) ; position: relative; }
.box-img-5-4 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 4x5*/
.box-img-4-5{ overflow: hidden; width: 100%; padding-top: calc( 5 / 4 * 100% ) ; position: relative; }
.box-img-4-5 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 5x4*/
.news-box-img{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% - 46px ) ; position: relative; background-color: #ccc; }
.news-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }

/*article set*/
.max-w-800 img{ max-width: 800px; }
/*table-rwd*/
.table-rwd{ overflow-x: auto; }

/*pagination-mi*/
ul.pagination-m { display: inline-block; padding: 0; margin: 0;}
ul.pagination-m li {display: inline;}
ul.pagination-m li a { color: black; float: left; padding: 8px 16px; text-decoration: none;}
ul.pagination-m li a.active { background-color: #22759b;color: white;}
ul.pagination-m li a:hover:not(.active) {background-color: #ddd;}


/*---*/

.pd-section-100{padding: 100px 0;}
.pd-section-50{padding: 50px 0;}

.btn-01.black-btn{background-color: #000;}
.bgc-f3f5f8{background-color: #f3f5f8;}

.about-area{position: relative; }
.about-info-b{display: block; transform: translateY(25%); position: absolute;  left: -80px; max-width: 80%;}
.about-img-s{ display: block; width: 90%; position: absolute; left: -100px; top: -50px;  }
.about-img-s img{ width: 80%; min-width: 400px; border: 5px solid #fff; border-radius: 5px;  }
.btn-01{   background-color: #22759b; color: #fff; font-size: 14px; padding: 15px 40px; display: block;width: 147px; text-align: center; }
.btn-01:hover{ color: #fff; opacity: 0.8; }
.btn-02{padding: 15px 30px; background-color: #22759b; font-size: 14px;color: #fff; margin-left: 10px; margin-right: 10px; margin-bottom: 20px;}
.btn-02:hover{ color: #fff; background-color: #4687a5; }
.about-info-s{position: absolute; left: -79px; margin-top: 50px;}
.about-info-s h4{display: block; margin-top: 50px;}
.case-area blockquote{ padding: 0!important; margin:0!important; }

.case-area .owl-prev{ display: block!important; left: 10px; top: 50%; }
.case-area .owl-next{ display: block!important; right: 10px; top: 50%; }
.owl-prev, .owl-next{     border-radius: unset!important; width: 30px;height: 30px; line-height: 25px; background-color: #fff;opacity: 1;}
/*case-box-img*/
.case-box-img{  overflow: hidden;width: 100%;padding-top: calc(4 / 5* 100% - 54px); background: #ccc; }
.case-box-img img{ width: 100%; height: 100%;object-fit: cover;position: absolute;top: 0; left: 0; }
.service-list{height: 150px; overflow: hidden; width: 90%;}
.service-list-title{display: flex; justify-content: center;align-items: center; margin-bottom: 10px;}
.service-list-title img{width: 50px; height: 50px;display: block; margin-right: 10px;}
.service-list-title h4{font-size: 20px;}
.service-text p{ max-height: 70px; overflow: hidden; text-align: center; }
.news-area .blog-post-body p{height: 80px; overflow: hidden; }
/*.contact-ad-bg{ background-image: url(../images/contact-ad-bg.jpg); background-size: cover; }*/
.contact-ad-bg{ width: 100%; height: 100%; object-fit: cover;position: absolute;left: 0; top: 0; }
.service-area{position: relative; padding: 100px 0;}
.contact-ad-area h3{color: #fff; margin-bottom: 50px;}
.f-logo img{ height: unset!important; width: 100%; max-width: 180px;}
.f-logo{margin-bottom: 40px; display: block;}
.footer-wrape p{ margin-bottom: 50px; color: #fff; }


.footer-content h4::after{ content: ''; display: block; width: 120%; height: 2px; background-color: #fff; margin-top: 10px; }
.footer-content h4{display: inline-block;color: #fff; }
.footer-content .f-news{ padding: 0; }
.footer-content .f-news li{margin-bottom: 15px; border-bottom: 1px solid #363636; padding-bottom: 15px;}
.footer-content .f-news li:last-child{border-bottom:unset!important;}
.f-link li:last-child{border-bottom:unset!important;}
.f-news li a p{ color: #fff;margin-bottom: -3px; }
.f-news li a span{color: #fff;font-size: 14px;}
.f-link{padding: 0;}
.f-link li{margin-bottom: 15px;border-bottom: 1px solid #363636; padding-bottom: 15px;}
.f-link li::after{content: '>'; position: absolute; right: 25px; font-size: 20px;}
.f-link li a{ color:#fff; }
.f-contact{display: flex; align-items: center; margin-bottom: 15px;}
.f-contact span img{ width: 30px; height: 30px; max-width: unset!important;  }
.f-contact span{margin-right: 15px;}
.f-contact a{color: #fff; font-size: 14px;}
.breadcrumbs{background-color: #888888;}
.breadcrumbs img{width: 100%; }
/*.breadcrumbs ul{display: flex; flex-wrap: wrap; padding: 0; margin: 0;}
.breadcrumbs ul li{padding-left: 30px;font-size: 20px;color: #fff; position: relative;}
.breadcrumbs ul li::before{ content: '>';  position: absolute;left: 0px; color: #fff; }*/
/*.breadcrumbs ul li:last-child::after{content: unset!important;}*/
.page-top li{color: #191919;}

.p-s-l-left-pic{overflow: hidden;}
.p-s-l-left-pic img{width: 100%; height: 100%; object-fit: cover;}
.p-s-l-left-tt{background-color: #fff; box-shadow: 0 0 10px #ccc; display: flex;height: 250px;padding: 30px; border-bottom: 5px solid #ff5e10; position: absolute;right: 150px; top: 50%; transform: translateY(-50%);flex-direction: column; justify-content: center;}
.p-s-l-right-tt{background-color: #fff; box-shadow: 0 0 10px #ccc; display: flex;height: 250px;padding: 30px; border-bottom: 5px solid #ff5e10; position: absolute;left: 150px; top: 50%; transform: translateY(-50%);flex-direction: column; justify-content: center;z-index: 9;}
.p-s-l-right-pic{overflow: hidden;}
.p-s-l-right-pic img{width: 100%; height: 100%; object-fit: cover;}
.page-service-list.left .row{    display: flex; flex-direction: row-reverse;}
.page-about .gallery{ height: 362px!important;}
.gallery a img{width: 100%!important;height: 100%; object-fit: cover;}
.page-contact a{ display: block; color: #000; margin-bottom: 15px; }
.page-contact h5{margin-bottom: 15px;}

.sidebar-pagecase{ border:1px solid #ccc; box-shadow: 0 0 10px #ccc; padding-top: 20px;}
.sidebar-pagecase ul{padding: 30px 10px;}
.sidebar-pagecase ul a{color: #000; }
.sidebar-pagecase ul li{margin-bottom: 15px;}
.page-case-block{padding: 10px; border: 1px solid #ccc;  box-shadow: 0 0 10px #ccc;}
.blog-post-title a{font-size: 18px;}
.f-btn-2{display: flex;justify-content: center;flex-wrap: wrap;}
.blog-post-time{ font-size: 18px; font-weight: 500; color: #22759b;}
.page .text-primary{ color: #22759b!important; }

@media(max-width: 1200px){
    .about-info-b{position: unset!important;transform: unset!important;}
    .about-img-s{  position: unset!important;   }
    .about-info-s{position:  unset!important; }
    .page-about .gallery{ height: 282px!important;}
}

@media(max-width: 991px){

    .pd-section-100{padding: 50px 0;}
     /*---*/
      .about-area{ margin-bottom: 0px;}
      .case-area{margin-bottom: 50px;}
    .about-info-b{display: block; transform: unset!important; position: unset!important; margin-top: 30px; max-width: 100%; }
    .page-about .gallery{ height: 200px!important;}
}

@media(max-width: 768px){
    .brand-name > img{ height: unset!important;     margin: 8px auto;  width: 180px;}
    body .f-logo img{ height: unset!important; }
    .rd-navbar-fixed .rd-navbar-panel{ height: 70px!important; }
    .rd-navbar-fixed .rd-navbar-brand{height: 70px!important;}
    .rd-navbar-fixed .rd-navbar-brand .brand-name{ display: block!important; }
    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{background: #fff!important;}
    .rd-navbar-fixed .rd-navbar-nav li > a{ color: #000!important;}
    .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after{color: #000!important; }
    .rd-navbar-fixed .rd-navbar-nav-wrap:before{ background-color: #fff!important;}
    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{ padding: 162px 0!important; }
    .rd-navbar-fixed .rd-navbar-nav li.opened > a{background: #ccc!important; }
    .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li:hover > a:hover, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a:hover{ background: #ccc!important; }

    /*tool*/
    .m-open-sp{display: block!important;}
    .m-close{ display: none!important; }
    .m-open{ display: block!important; }
    .m-br-non{display: none;}
    .m-mb-non{margin-bottom: unset!important;}
    .m-text-center{text-align: center!important;}
    .m-f-18{font-size: 18px!important;}
    /*article set*/
    .max-w-800 img{ max-width: 100%; width:100%; }
    /*table-rwd*/
    .table-rwd{width: 100%;overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-rwd{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.product-tt>.table{margin-bottom:0}.product-tt>.table>tbody>tr>td,.product-tt>.table>tbody>tr>th,.product-tt>.table>tfoot>tr>td,.product-tt>.table>tfoot>tr>th,.product-tt>.table>thead>tr>td,.product-tt>.table>thead>tr>th{white-space:nowrap}.product-tt>.table-bordered{border:0}.product-tt>.table-bordered>tbody>tr>td:first-child,.product-tt>.table-bordered>tbody>tr>th:first-child,.product-tt>.table-bordered>tfoot>tr>td:first-child,.product-tt>.table-bordered>tfoot>tr>th:first-child,.product-tt>.table-bordered>thead>tr>td:first-child,.product-tt>.table-bordered>thead>tr>th:first-child{border-left:0}.product-tt>.table-bordered>tbody>tr>td:last-child,.product-tt>.table-bordered>tbody>tr>th:last-child,.product-tt>.table-bordered>tfoot>tr>td:last-child,.product-tt>.table-bordered>tfoot>tr>th:last-child,.product-tt>.table-bordered>thead>tr>td:last-child,.product-tt>.table-bordered>thead>tr>th:last-child{border-right:0}.product-tt>.table-bordered>tbody>tr:last-child>td,.product-tt>.table-bordered>tbody>tr:last-child>th,.product-tt>.table-bordered>tfoot>tr:last-child>td,.product-tt>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}

    /*---*/


    .about-info-b h3{font-size: 20px; text-align: justify;}
    .about-info-b p{text-align: justify;}
    .about-img-s img{  min-width: 100%; width: 100%; }
    .about-img-s{width: 100%;}
    .about-info-s h4{font-size: 20px;}
    .case-area .owl-controls{display: block!important;}
    .service-list{width: 100%;}

    .blog-post-title a{font-size: 20px;}

    .p-s-l-left-tt{ width: 80%; margin: auto; position: unset; transform: translateY(-30px); }
    .p-s-l-right-tt{ width: 80%; margin: auto;flex-direction: column; position: unset; transform: translateY(-30px);}
    .page-service-list.left .row{ flex-direction: column-reverse; }
    .page-about .gallery{ height: 242px!important;}

    .breadcrumbs{ padding-top: 15px; }
    .btn-02{width: 80%;padding: 15px 15px;}
    .page-foot{background-position: center;}
}


@media(min-width: 320px){
   .ui-to-top{ right: 10px; bottom: 26px; }
   
}

@media(max-width: 320px){
    .page-about .gallery{ height: 202px!important;}
}