/*reset layout*/
.rd-navbar-static .rd-navbar-nav-wrap{display: flex; justify-content: flex-end; align-items: center; }
.wrap-flex{display: flex; justify-content: space-between;}

/*reset*/
.brand-name > img{height: unset!important;}
body .bg-transparent .rd-navbar-static .rd-navbar-nav > li a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li a{ color: #000; }
.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: #2a436b!important; color: #fff;}
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ background: #ffffff!important;}
.rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu{ background: #ffffff!important;}
.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a{font-family: "Arial"!important;}
.bg-transparent .rd-navbar-static.rd-navbar--is-stuck, .bg-transparent .rd-navbar-fullwidth.rd-navbar--is-stuck{     background-color: #fff!important; padding: 0 5%; }
body .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a{ color: #000; }
body .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a:hover, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a:hover{color: #2a436b;}
.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: #2a436b!important; }
.rd-mailform input, .rd-mailform textarea, .rd-mailform .rd-mailform-select{ border: 1px solid #ccc!important; }

/*tool*/
.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-12{font-size: 12px; }
.c-000{ color:#000; }
.c-fff{ color:#fff!important; }
.c-1D2D90{ color:#1D2D90; }
.c-152e9d{color:#152e9d!important;}
.c-99a8c1{color:#99a8c1;}
.c-2a436b{color:#2a436b!important;}
.bgc-2a436b{background-color: #2a436b;}
.bg-dce0e5{background-color: #dce0e5;}
.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;}
.width-80{ width:80%; margin: auto;}
.width-100{ width:100%!important; margin: auto;}
.max-width-100{ max-width: 100%!important; }
.border-non{border: unset!important;}

.m-open{ display: none; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.pd-10{ padding:10px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.mb-10{ margin-bottom: 10px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-40{margin-bottom: 40px!important;}
.mb-50{margin-bottom: 50px!important;}
.mt-50{ margin-top:50px; }
.mr-20{ margin-right:20px; }
.height-233{ height: 233px;}

.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: }
/*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;transition: ease 0.5s all; }
.box-img:hover img{transform: translate(-50%, -50%) scale(1.2)!important;}
/*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%); }
/*case-box-img 5x4*/
.case-box-img{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% - 53px ) ; position: relative; }
.case-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);width: 100%; height: 100%; object-fit: cover;transition: ease 0.5s all; }
.case-box-img:hover img{  transform: translate(-50%, -50%) scale(1.2); }

/*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: #2a436b;color: white;}
ul.pagination-m li a:hover:not(.active) {background-color: #ddd;}


/*----*/
.topicon{display: flex; justify-content: flex-end; list-style: none; padding: 0;margin-left: 50px; margin-top: 10px;}
.topicon li{ margin: 0 10px; }
.topicon li a img{width: 40px;}


.pd-tb-area{padding: 100px 0;}
.pd-tb-area-tb50{padding: 50px 0 50px 0;}

.main-title{font-size: 24px; color: #2a436b;}
.text-underline{position: relative; display: inline-block;}
.text-underline::after{content: ''; display: block; width: 100%; height: 2px; background-color: #2a436b; position: absolute; left: 0; bottom: -10px; }
.about-txt-block p{font-size: 18px;line-height: 1.8; color: #2a436b;}
.flex-align-center{display: flex; align-items: center;}

.btn-01{background-color: #f48c45; font-weight:700; font-size:28px;padding: 15px 20px; border: 2px solid #f48c45; border-radius: 10px; color: #fff; transition: ease 0.2s all; }

.btn-02{ background:#009d41;font-weight:700; font-size:28px;padding: 15px 20px; border: 2px solid #009d41; border-radius: 10px; color: #fff; transition: ease 0.2s all; }

.btn-01:hover{ background-color: #f48c45; color: #FFFF99; }
.btn-02:hover{ background-color: #009d41; color: #FFFF99; }


.service-wrap{display: flex;}
.service-item{width: 100%; margin-left: 10px; margin-right: 10px; margin-bottom: 50px;}
.service-item h3{font-size: 20px; color: #000;}

.contactad-area{position: relative; width: 100%;min-height: 300px;}
.contactad-area img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; z-index: -1; }
.contactad-main p{ font-size: 24px; color: #fff; position: absolute; left: 50%; top: 50%;transform: translate(-50%, 20%); }
.case-area{padding: 100px 0;}
.case-area .demo ul{height: unset!important; padding-bottom: 30px !important;}
.case-text{padding: 15px;}
.case-text h3{font-size: 20px; color: #2a436b;}
.case-text p{font-size: 16px; color: #2a436b; }
.case-item{box-shadow: 0 0 10px #ccc; border-top: 10px solid #2a436b;}

.lSAction > a{ opacity: 1!important;}

.video-bg{background-image: url(../images/video-bg.jpg);background-size: cover;}
.c-f-line::after{content: ''; background-color: #fff!important;}

.news-area{padding: 100px 0;}
.news-bg{background-image: url(../images/news-bg.png);background-size: cover;}
.news-list{ list-style: none; padding: 0;width: 80%; display: block; margin: auto;}
.news-list li a{display: flex; align-items: baseline;margin-bottom: 15px;}
.news-list li{ position: relative; padding: 0 10px; }
.news-list li::after{content: '..more'; font-size: 12px; color: #9e9e9e; position: absolute;top: 15px; right: 0;}
.news-list .date{ color: #2a436b; font-size: 14px; margin-right: 20px;}
.news-list p{font-size: 18px; color: #2a436b;text-align: left;max-height: 51px; overflow: hidden;width: 80%;}
.news-list li:hover{background-color: #f5f9ff; }
.news-deco{position: relative; display: inline-block;}
.news-deco::before{content: ''; display: block; width: 8px; height: 8px; background-color: #2a436b; position: absolute;left: -30px;top: 11px;}
.news-deco::after{content: ''; display: block; width: 8px; height: 8px; background-color: #2a436b; position: absolute;right: -30px;top: 11px;}

.f-logo-left p{ color: #7f8082;font-weight: 500; }
.f-contact-right h4{ color: #2a436b; }
.f-contact-right ul li a{color: #000; font-weight: 500;}

.ui-to-top{ background: #7f8082!important; }
.ui-to-top{display:none;}

.breadcrumb-section{padding: 100px 0; box-shadow: inset 0px -20px 17px #a19c9ca3; }
.breadcrumb-bg{background-image: url(../images/pagetop.png); background-size: cover;}
.breadcrumb-section h3{color: #2a436b;}
.page-top{position: relative;display: inline-block;}
.breadcrumb-section h3::before{content: ''; display: block; width: 8px; height: 8px; background-color: #2a436b; position: absolute;left: -30px;top: 15px;}
.breadcrumb-section h3::after{content: ''; display: block; width: 8px; height: 8px; background-color: #2a436b; position: absolute;right: -30px;top: 15px;}

.news-area .blog-post-body img{max-width: 100%;}

.page-service-item a h3{font-size: 20px; color: #000;}
.page-service-t-bg{ background-image: url(../images/news-bg.png); background-size: 50%; background-repeat: repeat; padding: 20px 0; margin-bottom: 15px;text-align: center; }
.page-service-t-bg::after{content: ''; display: block; }

.contact-info h4{color: #2a436b;}
.contact-info a{ color: #000; display: block; margin-bottom: 15px;  }

@media(max-width: 1200px){
    /*layout reset*/
    .wrap-flex{ flex-direction: column;}

    /*reset*/
    .bg-transparent .rd-navbar-static .rd-navbar-panel, .bg-transparent .rd-navbar-fullwidth .rd-navbar-panel{ padding: 30px 0 18px; }
    .rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(0px)!important; }
    .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel{ display: block!important; }

    .topicon{ justify-content: center;margin-left: 0; }
    .m-navbar-nav-wrap-flex{display: flex;flex-direction: column-reverse; }
    .brand-name > img{max-width: 200px;}

}

@media(min-width: 992px){
    a.fa-shopping-cart, .rd-navbar-search{ top: 55%!important; }
}

@media(max-width: 991px){
    .flex-align-center{flex-direction: column-reverse;}
}


@media(max-width: 768px){
    /*reset*/
    .rd-navbar-fixed .rd-navbar-panel:before{ background: #fff!important; }
    .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span{ background-color: #2a436b!important; }
    .rd-navbar-fixed .rd-navbar-brand img{ display: block!important; margin: auto; }
    .rd-navbar-fixed .rd-navbar-brand .brand-name{display: block!important;}
    .rd-navbar-fixed .rd-navbar-panel{ right: 0 !important;justify-content: flex-end; }
    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{  background: #fff; }
    .rd-navbar-fixed .rd-navbar-nav li.active > a{ background: #2a436b!important; }
    .rd-navbar-fixed .rd-navbar-nav li > a{ color: #2a436b; }
    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{ padding: 140px 0 180px 0!important; }

    /*tool*/
    .m-close{ display: none!important; }
    .m-open{ display: block!important; }

    .m-width-90{width: 90%!important; display: block; margin: auto;}
    .m-mb-10-non{margin-bottom: unset!important;}
    .m-mb-non{ margin-bottom: 0!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}


    /*---*/
    .brand-name > img{ max-width: 150px; }
    .service-wrap{display: flex;flex-direction: column;}
    .service-item{ margin-left: 0; margin-right: 0; }
    .contactad-main p{ font-size: 18px; color: #fff; position: absolute; left: 50%; top: 50%;width: 90%;}
    .contactad-area{min-height: 250px;}


    .news-list{  width: 100%; }

    .news-area .blog-post-body img{max-width: 100%!important; height: unset!important;}
    .news-list .date{  font-size: 12px; margin-right: 14px;}
    .news-list p{ font-size: 15px;width: 53%;}
}