@font-face {
    font-family: 'DesignerVN-Poppins-Regular';
    src: url(../fonts/DesignerVN-Poppins-Regular/DesignerVN-Poppins-Regular.eot);
    src: url(../fonts/DesignerVN-Poppins-Regular/DesignerVN-Poppins-Regular.eot?#iefix) format('embedded-opentype'),
         url(../fonts/DesignerVN-Poppins-Regular/DesignerVN-Poppins-Regular.otf) format('otf'),
         url(../fonts/DesignerVN-Poppins-Regular/DesignerVN-Poppins-Regular.svg#DesignerVN-Poppins-Regular) format('svg'),
         url(../fonts/DesignerVN-Poppins-Regular/DesignerVN-Poppins-Regular.ttf) format('truetype'),
         url(../fonts/DesignerVN-Poppins-Regular/DesignerVN-Poppins-Regular.woff) format('woff'),
         url(../fonts/DesignerVN-Poppins-Regular/DesignerVN-Poppins-Regular.woff2) format('woff2');
    font-weight: inherit;
    font-style: inherit;
}
@font-face {
    font-family: 'DesignerVN-Poppins-Regular';
    src: url(../fonts/00329-SFUHelveticaCondensedBold.TTF);
    font-weight: bold;
    font-style: inherit;
}

html, body{font-family: 'DesignerVN-Poppins-Regular'; font-size: 14px; padding-bottom: 0px; color: #000000; background: #fff;}  
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0px; font-family: 'DesignerVN-Poppins-Regular'; font-weight: inherit;}
img{    max-width: 100%;}
ol, ul{margin: 0; padding: 0;}


a.link-custom{}
a.link-custom:hover, a.link-custom:focus{}

button.btn-custom{}
button.btn-custom:hover, button.btn-custom:focus{}

/* CORE */
[class*="col-"], [class*="container-"]{padding-left: 10px; padding-right: 10px;}
.row{margin-left: -10px; margin-right: -10px;}

.max-w-lg{max-width: 1230px; margin-left: auto; margin-right: auto;}
.max-w-md{max-width: 1035px; margin-left: auto; margin-right: auto;}

.mb-20{margin-bottom: 20px!important;}
.mb-25{margin-bottom: 25px!important;}
.mb-50{margin-bottom: 50px!important;}
.mb-75{margin-bottom: 75px!important;}

.text-red{color: #D62828;}
.text-pink{color: #D60786!important;}
.text-green{color: #379514;}

@media screen and (min-width: 992px){
    .box-marg-40{margin-left: -20px; margin-right: -20px;}
    .box-marg-40 .padd-40{padding-left: 20px; padding-right: 20px;}
}

.box-marg-5{margin-left: -2.5px; margin-right: -2.5px;}
.box-marg-5 .padd-5{padding-left: 2.5px; padding-right: 2.5px;}

/* ----------- DEFAULT ------------------------------------------------------------------ */
.page-title{font-weight: bold; font-size: 40px; text-shadow: 0px 3px 6px hsl(0deg 0% 0% / 89%); color: #fff;}
.section-title{margin-bottom: 50px;}
.section-title h1, .section-title h2, .section-title h3{font-weight: bold;}
.section-title h2{font-size: 40px; line-height: initial; margin-bottom: 5px; color: #1ec1df;}
.section-title .desc{color: #0D3628; }
@media screen and (max-width: 992px){
    .section-title{margin-bottom: 30px;}
    .section-title h2{font-size: 30px;}
}

/* ----------- BLOCK-BREADCRUMB */
.block-breadcrumb{background: #F5F5F5; position: relative; min-height: 40px; padding: 7px 0 5px; margin-bottom: 50px;}
.breadcrumb-item{position: relative; }
.breadcrumb-item+.breadcrumb-item::before{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/6-arrow-right-short.svg)no-repeat center center;    left: 5px;}
.breadcrumb-item+.breadcrumb-item{padding-left: 30px;}
.breadcrumb-item.active { color: #1ec1df; }
.breadcrumb{margin-bottom: 0!important;}
.block-breadcrumb .max-w-lg{padding-left: 10px; padding-right: 10px;}
@media screen and (max-width: 992px){
    .block-breadcrumb .max-w-lg{padding-left: 30px; padding-right: 30px;}
}
/* ----------- BLOCK-PAGINATION */
.block-pagination{margin-bottom: 50px;}
.block-pagination .page-link {-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; border: 0; font-size: 16px; padding: 0 5px; width: 40px; height: 40px; text-align: center; background: #1ec1df; line-height: 40px; border-radius: 0px!important; color: #ffffff; margin-left: 10px;}
.block-pagination .page-item.active .page-link, .block-pagination .page-item:hover .page-link{background-color: #000000; border-color: #000000;}
.block-pagination .page-item{margin-left: 10px;}

.box-eff-img .eff-img{position: relative; overflow: hidden;}
.box-eff-img .eff-img .img-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: -webkit-gradient(linear, left bottom, left top, from(rgba(22, 22, 22, 0.5)), to(rgba(22, 22, 22, 0.5))); background: linear-gradient(0deg, rgba(22, 22, 22, 0.5), rgba(22, 22, 22, 0.5)); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-align: center;}
.box-eff-img .eff-img .img-hover .icon-img{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: auto; background: hsl(0deg 0% 100% / 65%); width: 40px; height: 40px; line-height: 40px; border-radius: 100%;}
.box-eff-img .eff-img .img-hover .icon-img img{height: 24px; margin: auto;}

.box-eff-img:hover .eff-img .img-hover{visibility: visible; opacity: 1;}
@media screen and (max-width: 992px){
    .block-pagination .justify-content-end{    justify-content: center!important;}
    .block-pagination .page-item{margin-left: 5px; margin-right: 5px;}
    .block-pagination .page-link{margin-left: 0; margin-right: 0;}
}                

/* ----------- ITEM-DROPDOWN-SM */
.item-dropdown-sm{color: #fff; position: relative;}
.item-dropdown-sm a{color:#fff;}
.item-dropdown-sm .title{background: #00558F;position: relative;border-radius: 100px;min-height: 30px;line-height: 30px;padding: 0 10px 0 35px; min-width: 95px;}
.item-dropdown-sm .title .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);left: 3px;}
.item-dropdown-sm .title .icon img{height: 24px;display: block;}
.item-dropdown-sm .list-item{}
.item-dropdown-sm .list-item .item-sm{position: relative; line-height: 20px; margin-bottom: 10px; border-bottom: 1px solid #D0D0D0;}
.item-dropdown-sm .list-item .item-sm:last-child{border-bottom: 0;}
.item-dropdown-sm .list-item .item-sm a{color: #1ec1df; display: block; padding: 0 20px 0; line-height: 2.7;}
.item-dropdown-sm .list-item .item-sm.active a, .item-dropdown-sm .list-item .item-sm:hover a{color: #1ec1df;}
.item-dropdown-sm .list-item .item-sm .icon-thumb { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; left: 0px; }
.item-dropdown-sm .list-item .item-sm .icon-thumb .basic{position: absolute; opacity: 1;}
.item-dropdown-sm .list-item .item-sm .icon-thumb .hover{position: absolute; opacity: 0;}
.item-dropdown-sm .list-item .item-sm.active .icon-thumb .basic, .item-dropdown-sm .list-item .item-sm:hover .icon-thumb .basic{position: absolute; opacity: 0;}
.item-dropdown-sm .list-item .item-sm.active .icon-thumb .hover, .item-dropdown-sm .list-item .item-sm:hover .icon-thumb .hover{position: absolute; opacity: 1;}
.item-dropdown-sm .list-item .item-sm .icon-thumb img { max-height: 20px; }

.item-dropdown-sm .content{
    background: #EFEFEF;position: absolute;right: 0;border-radius: 5px;margin-top: 10px;min-width: 240px; min-height: 65px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
    visibility: hidden; opacity: 0;         z-index: 99999;
}
.item-dropdown-sm:hover .content, .item-dropdown-sm:focus .content, .item-dropdown-sm .title:hover + .content, .item-dropdown-sm .content:hover{visibility: visible; opacity: 1;}
@media screen and (max-width: 992px){
    .item-dropdown-sm .link-icon-login .text{text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; width: 120px;}
}


/* ----------- FOOTER ------------------------------------------------------------------ */
/* FOOTER-DEFAULT */
.footer-default{padding-bottom: 0px;}
.footer-default .social-box li{margin-left: 7.5px; margin-right: 7.5px;}
.footer-default .line-top{width: 100%; height: 1px; background: #1ec1df; margin-bottom: 25px;}

/* CUSTOM-W-FOOTER */
@media screen and (min-width: 992px){
    .custom-w-footer{}
    .custom-w-footer .w-left{flex: 0 0 auto; width: 70%;}
    .custom-w-footer .w-right{flex: 0 0 auto; width: 30%;}
}


.footer-list-item{}
.footer-list-item .f-itemm{position: relative; padding-left: 35px; margin-bottom: 15px;}
.footer-list-item .f-itemm .icon{position: absolute; left: 0; top: 3px; height: 18px;}
.footer-list-item .f-itemm .icon img{height: 18px; vertical-align: top;}

.footer-content{margin-bottom: 25px;}

/* ITEM-NEWSLETTER */
.item-newsletter{position: relative; margin-bottom: 20px;}
.item-newsletter .form-control{background: #DDDDDD; border: 0; height: 40px; border-radius: 0; padding-right: 40px;}
.item-newsletter .btn{width: 40px; padding: 0; line-height: 40px; border: 0; position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0;}
.item-newsletter .btn img{height: 24px;}

/* ----------- FOOTER-COPYRIGHT */
.footer-copyright{background: #1ec1df; color: #fff; min-height: 38px; padding: 6px 0 5px; margin-top: 10px;}

@media screen and (max-width: 992px){
    .footer-widget-wrapper .footer-nav-widget{text-align: left!important;}
    .footer-widget-wrapper h4.widget-title{text-align: left!important;}
    .footer-widget-wrapper .social-box{text-align: left!important;}
    .footer-default .social-box li{margin-left: 0; margin-right: 15px;}
}

/* ----------- HEADER ------------------------------------------------------------------ */
.header-navigation .main-menu ul > li > a{font-weight: inherit;}
/* .header-navigation.breakpoint-on .nav-menu .main-menu ul li .fa-angle-down:before{content: "";} */
.banner-two .single-slider:before{display: none;}

.brand-logo{}
.brand-logo img{height: 56px;     max-width: initial;}

.navbar-toggler img{width: 22px;}

@media screen and (max-width: 992px){
    .brand-logo img{height: 42px;}
    .site-branding{width: 100%; text-align: center;}
    .nav-right-item{position: absolute; left: 0; top: 30px;}
}
/* HEADER-AREA */
.header-area{position: fixed; width: 100%; z-index: 9; top: 0;}

/* LINK-ICON-LOGIN */
.link-icon-login{display: block; position: relative; line-height: 16px; padding-left: 25px;}
.link-icon-login .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 16px; left: 0;}
.link-icon-login .icon img{height: 16px; vertical-align: top;}
.link-icon-login:hover{    color: #1ec1df;}

/* LINK-ICON-CART */
.link-icon-cart{display: block; position: relative; padding-left: 8px;}
.link-icon-cart .icon{}
.link-icon-cart .icon img{height: 16px;}
.link-icon-cart .number{position: absolute; width: 14px; height: 14px; display: inline-block; background: #359D59; border-radius: 100%; line-height: 14px; font-size: 10px; text-align: center; top: 5px; left: 0;}

.top-bar-two{padding-top: 5px;}
.top-bar-two .item{margin-left: 25px; position: relative;}
.top-right .item::before{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 20px; background: #fff;left: -11px;} 
.top-right .item:first-child:before{position: static; display: none;}
.top-bar-two .top-left{position: absolute; left: 10px;}
.top-bar-two .max-w-lg{position: relative;}
@media screen and (max-width: 767px){
    .top-bar-two .item{margin-left: 20px;}
}
@media screen and (max-width: 600px){

}

/* SOCIAL-BOX */
.social-box{}
.social-box img{height: 24px; width: 24px; border-radius: 100%;}
.social-box li{display: inline-block; margin-right: 15px;}
@media screen and (max-width: 992px){
    .social-box li{margin-right: 10px;}
}
@media screen and (max-width: 767px){
    .social-box li{margin-right: 3px;}
}
/* MAIN-MENU */
.main-menu ul>li.menu-item{position: relative;}
.main-menu ul>.menu-item.active{position: relative;}
.main-menu ul>.menu-item::after{position: absolute; content: ""; width: 0px; height: 2px; background: #1ec1df; left: 0; right: 0; margin: auto;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.main-menu ul>.menu-item.active::after, .main-menu ul>.menu-item:hover::after{position: absolute; content: ""; width: 20px; height: 2px; background: #1ec1df; left: 0; right: 0; margin: auto;}
.main-menu ul>.menu-item.active>a{color: #1ec1df;}

.nav-menu.menu-on{}
.nav-menu.menu-on .main-menu ul li a{display: inline-block!important;}
.nav-menu.menu-on .main-menu ul .menu-item{border: 0!important;}
.nav-menu.menu-on .main-menu ul .menu-item::after{position: static; display: none;}
.nav-menu.menu-on .main-menu ul .menu-item a{position: relative;}
.nav-menu.menu-on .main-menu ul .menu-item a::after{position: absolute; content: ""; width: 0px; height: 2px; background: #1ec1df; left: 0; right: 0; margin: auto; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;     bottom: 0;}
.nav-menu.menu-on .main-menu ul>.menu-item:hover a::after, .nav-menu.menu-on .main-menu ul>.menu-item.active a::after{position: absolute; content: ""; width: 20px; height: 2px; background: #1ec1df; left: 0; right: 0; margin: auto;}
.nav-menu.menu-on .main-menu ul>.menu-item:hover a, .nav-menu.menu-on .main-menu ul>.menu-item.active a{color: #1ec1df;}

.header-navigation.breakpoint-on .nav-menu.menu-on .main-menu ul .has-children li{border: 0!important; border-bottom: 1px solid #D0D0D0!important;}
.header-navigation.breakpoint-on .nav-menu.menu-on .main-menu ul li.has-children .sub-menu a::after{position: static; display: none!important;}
.header-navigation.breakpoint-on .nav-menu.menu-on .main-menu ul li.active .sub-menu{border: 0!important; padding-top: 0; padding-bottom: 0;}

/* CUSTOM-USER-MB */
.header-navigation .nav-menu .main-menu ul li.custom-user-mb{display: none;}
.header-navigation .nav-menu .main-menu ul li.custom-user-mb .dd-trigger{    top: 15px;}
@media screen and (max-width: 992px){
    .header-navigation.breakpoint-on .nav-menu .main-menu ul li.custom-user-mb{display: block;}
}


/* ----------- HOME PAGE ------------------------------------------------------------------ */
/* ----------- BLOCK-POST-TECHNOLOGY */
.block-post-technology{background: url(../images/bg/3-1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 50px 0 45px; color: #fff; margin-bottom: 45px;}
.block-post-technology .content .title h3{}
.block-post-technology .content .title h3{color: #1ec1df; font-weight: bold; font-size: 56px;}
.block-post-technology .content .desc{text-align: justify;}
@media screen and (max-width: 992px){
    .custom-order .set-banner{order: 2; margin-top: 30px;}
}
@media screen and (max-width: 767px){
    #h-slick-product.slick-slider .slick-dots{bottom: 10px!important;}
}

/* ----------- SLICK-SLIDER */
.slick-slider .slick-dots{text-align: center!important;}
.slick-slider .slick-dots li button:before{font-size: 0px; display: none;}
.slick-slider .slick-dots li button { width: 12px; height: 12px; background: transparent; border: px solid #FFFFFF; background: #C4EAD3;}
.slick-slider .slick-dots li.slick-active button{background: #175D28; border-color: #175D28;}
.slick-slider .slick-dots { width: auto; right: 0; bottom: 45px!important; left: 0; max-width: 1226px; margin-left: auto; margin-right: auto; text-align: left;     padding-left: 10px;}
@media screen and (max-width: 992px){
    .block-post-technology .content .title h3{font-size: 40px;}
}

/* ----------- BLOCK-POST-OPPORTUNITY */
.block-post-opportunity{padding-bottom: 90px; position: relative; overflow: hidden;}
.block-post-opportunity .max-w-md{position: relative; z-index: 2;}
.block-post-opportunity .bg-1{position: absolute; left: -241px; bottom: 20px;}
.block-post-opportunity .bg-1 img{height: 400px;}
.block-post-opportunity .bg-2{position: absolute; top: 0; right: -216px;}
.block-post-opportunity .bg-2 img{height: 400px;}
.block-post-opportunity .item-opportunity{margin-bottom: 30px;}
.block-post-opportunity .item-opportunity .banner{margin-bottom: 10px;}
.block-post-opportunity .item-opportunity .section-title h2{font-size: 32px;}

.item-opportunity .content{text-align: justify;}
@media screen and (max-width: 992px){
    .block-post-opportunity .bg-1, .block-post-opportunity .bg-2{display: none;}
}

/* BLOCK-POST-ABOUT */
.block-post-about{padding: 50px 0;}
.block-post-about .max-w-lg{background: url(../images/bg/5.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 35px; color: #2a1e1e; }
.block-post-about .content{max-width: 445px;}
.block-post-about .desc{margin-bottom: 70px;    text-align: justify;}
.block-post-about .title{margin-bottom: 15px;}
.block-post-about .title h1{font-weight: bold; font-size: 40px; text-shadow: 0px 3px 6px hsl(0deg 0% 0% / 89%); color: #fff;}

.block-post-about .thumb-video{position: relative; overflow: hidden;} 
.block-post-about .thumb-video .icon-play{position: absolute; content: ""; top: 50%;left:50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.block-post-about .thumb-video .icon-play img{height: 80px;}

@media screen and (max-width: 992px){
    .block-post-about{padding: 30px;}
    .block-post-about .max-w-lg{background: url(../images/bg/6.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 35px; color: #fff; padding: 20px 10px;}
    .block-post-about .title h1{font-size: 24px;}
    .block-post-about .link-bottom{margin-bottom: 40px;}
}


/* LINK-GREEN-ICON-LEFT */
.link-green-icon-left{display: inline-block; background: #0dcaf0; color: #fff; padding: 0 15px; line-height: 50px; min-width: 155px; text-align: center;}
.link-green-icon-left .icon{margin-right: 15px;}
.link-green-icon-left .icon img{height: 12px;}
.link-green-icon-left:hover{color: #fff; background: #1ec1df;}

/* ----------- ABOUT PAGE ------------------------------------------------------------------ */
.page-about{}
.page-about .list-item{}
.page-about .list-item .item{margin-bottom: 50px;}
.page-about .list-item .item .title h3{font-size: 30px; line-height: initial; margin-bottom: 5px; color: #1ec1df; font-weight: bold;}
.page-about .list-item .item .banner img{width: 100%;}
.page-about .list-item .item .desc{text-align: justify;}

.block-value{background: #F9FAFA; padding: 50px 0 25px;}

.item-value{border: 1px solid #707070; border-style: dashed; min-height: 330px; margin-bottom: 20px; padding: 20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.item-value .icon{height: 35px;}
.item-value .icon img{height: 20px; display: block; margin: auto;}
.item-value .title{margin-bottom: 15px;}
.item-value .title h3{color: #1ec1df; font-weight: bold; font-size: 20px; line-height: initial;}
.item-value.active, .item-value:hover{    background: #eef8d2;}
.item-value .desc{text-align: justify;}

.title-show-mb{display: none;}
@media screen and (max-width: 992px){
    .page-about .list-item .item .banner{margin-bottom: 15px;}
    .page-about .item .title{margin-bottom: 15px;}
    .page-about .custom-order .set-banner{margin-top: 0;}

    .title-hide-mb{display: none;}
    .title-show-mb{display: block;}
}

/* ----------- NEWS PAGE ------------------------------------------------------------------ */
.news-item-two{margin-bottom: 25px;}
.news-item-two:hover .news-content { -webkit-box-shadow:0 10px 10px rgba(166,166,166,0.1); box-shadow:0 10px 10px rgba(166,166,166,0.1); }
.news-item-two .news-img img { width:100%; }
.news-item-two .news-content { background-color:#fff; -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.news-item-two .news-content .news-header {  }
.news-item-two .news-content .news-header .icon { -webkit-box-flex:0; -ms-flex:0 0 70px; flex:0 0 70px; max-width:70px; height:70px; background-color:#F93D14; color:#fff; font-size:42px; }
.news-item-two .news-content .news-header .news-title { -webkit-box-flex:1; -ms-flex:1; flex:1;  }
.news-item-two .news-content .news-header .news-title h3.title { font-size: 18px; color: #fff; font-weight: bold;}
.news-item-two .news-content .news-header .news-title h3.title a{color: #1ec1df; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; padding-top: 5px; margin-bottom: 5px;}
.news-item-two .news-content .news-header .news-title h3.title:hover { color:#F93D14; }

@media (max-width:991px) {
    .news-item-two .news-content .news-header .news-title h3.title { font-size:18px; line-height:28px; } 
} 
.news-item-two .news-content > p { padding: 0; margin: 0; padding: 0; margin: 0; text-overflow: ellipsis; position: relative; max-height: 75px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-align: justify;}
  
/* ----------- PRODUCTS PAGE ------------------------------------------------------------------ */
.products-arrows .slick-arrow { width:60px; height:60px; border-radius:50%; font-size:20px; background-color:#F93D14; cursor:pointer; z-index:1; -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.products-filter .products-dropdown .nice-select { border:2px solid #E7E7E7; border-radius:2px; padding:0 20px; height:55px; line-height:55px; font-size:15px; margin-bottom:20px; }
.products-filter .products-dropdown .nice-select:after { right:20px; }
.products-filter .search-box form.search-form .form_control { height:55px; border:2px solid #E7E7E7; border-radius:2px; padding-right:60px; }
.products-filter .search-box form.search-form .search-btn { position:absolute; right:0; top:0; width:55px; height:55px; border-radius:2px; background-color:#F93D14; color:#fff; font-size:18px; }
.recent-product-slider { margin-left:-15px; margin-right:-15px; }
.recent-product-slider .single-product-item { margin-left:15px; margin-right:15px; }
.single-product-item { position:relative;     margin-bottom: 35px;}
.single-product-item span.status { position:absolute; top:20px; left:20px; padding:5px 16px; background-color:#F93D14; color:#fff; border-radius:18px; font-size:14px; text-transform:uppercase; font-weight:500; z-index:1; }
.single-product-item:hover .product-img .image-overlay { visibility:visible; opacity:1; }
.single-product-item:hover .product-img .product-meta{ visibility: visible; opacity: 1; border: 0; padding-right: 63px; height: 40px; }
.link-cart-text{display: block; background: #034B39; color: #fff; line-height: 40px; text-align: center;}
.link-cart-text:hover{background: #1ec1df; color: #fff;}
.link-cart-btn{background: #067257; width: 60px; position: absolute; right: 0; bottom: 0; line-height: 40px;}
.link-cart-btn img{height: 18px; width: inherit;}
.link-cart-btn:hover{background: #1ec1df;}
.single-product-item .product-img { position:relative; overflow:hidden; text-align:center; border: 1px solid #DBDBDB;}
.single-product-item .product-img img { width:100%; }
.single-product-item .product-img .image-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.7); visibility:visible; opacity:0; -webkit-transition:all 0.4s ease-out 0s; transition:all 0.4s ease-out 0s; }
.single-product-item .product-img .product-meta { position: absolute; bottom: 5px; visibility: hidden; width: calc(100% - 10px); opacity: 0; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; left: 5px;}
.single-product-item .product-img .product-meta .cart-btn { padding:12px 35px; background-color:#F93D14; font-weight:700; font-family:"Cairo",sans-serif; text-transform:capitalize; color:#fff; border-radius:2px; }
.single-product-item .product-info { padding-top:12px; }
.single-product-item .product-info h3.title { font-size:20px; line-height:1; margin-bottom:20px; position: relative;}
.single-product-item .product-info h3.title::after{position: absolute; content: ""; width: 40px; height: 2px; background: #1ec1df; left: 0; right: 0; margin: auto; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;    bottom: -12px;}
.single-product-item .product-info h3.title a { color: #1ec1df; font-weight: bold; font-size: 18px; line-height: initial; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.single-product-item .product-info span.price { color:#b81004; font-size: 18px;}
.single-product-item .product-info span.price span.prev-price { margin-left:8px; color:#999999; font-weight:400; text-decoration:line-through; }
.product-thumb-item { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.product-thumb-item .thumb { -webkit-box-flex:0; -ms-flex:0 0 70px; flex:0 0 70px; max-width:70px; margin-right:20px; }
.product-thumb-item .info h6 { font-size:18px; line-height:1.1; }
.product-thumb-item .info h6:hover { color:#F93D14; }
.product-thumb-item .info span.price { color:#F93D14; font-weight:500; }
.product-thumb-item .info span.price span.prev-price { margin-left:8px; color:#999999; font-weight:400; text-decoration:line-through; }

.product-details-wrapper{margin-bottom: 45px;}
.product-details-wrapper .product-info{    color: #0D3628;}
.product-details-wrapper .product-info .title{border-bottom: 1px dashed #707070; padding-bottom: 10px; margin-bottom: 10px;}
.product-details-wrapper .product-info .title h3{font-size: 40px; line-height: initial; margin-bottom: 5px; color: #1ec1df; font-weight: bold;}
.product-details-wrapper .product-info > p { margin-bottom:15px; }
.product-details-wrapper .product-info .color-filter-wrap { margin-bottom:25px; }
.product-details-wrapper .product-info .color-filter-wrap h6 { margin-bottom:15px; }
.product-details-wrapper .product-info .color-filter-wrap h6 span.color { font-weight:400; color:#525252; }
.product-details-wrapper .product-info .color-filter-wrap span.color-variant { cursor:pointer; margin-right:5px; border:1px solid transparent; -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.product-details-wrapper .product-info .color-filter-wrap span.color-variant.active,.product-details-wrapper .product-info .color-filter-wrap span.color-variant:hover { border-color:#525252; }
.product-details-wrapper .product-info .color-filter-wrap span.color-variant img { width:60px; height:60px; border-radius:2px; }
.product-details-wrapper .product-info .product-cart ul { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:10px; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:25px; }
.product-details-wrapper .product-info .product-cart ul li { margin-bottom:10px; }
.product-details-wrapper .product-info .product-cart ul li .nice-number { padding:5px; border:2px solid #E7E7E7; border-radius:2px; }
.product-details-wrapper .product-info .product-cart ul li .nice-number button { width:50px; height:50px; border-radius:2px; background:#F5F5F5; }
.product-details-wrapper .product-info .product-cart ul li .nice-number input { width:50px !important; height:50px; border:none; }
.product-details-wrapper .product-info .product-cart ul li .main-btn { padding:18px 28px; }
.product-details-wrapper .product-info .product-meta li { margin-bottom:10px; }
.product-details-wrapper .product-info .product-meta li span { font-weight:500; color:#17171D; margin-right:10px; }
.product-gallery-area { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.product-gallery-area .product-thumb-slider-wrap { -webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%; margin-right:20px; }

.product-meta .item-meta{color: #0D3628; margin-bottom: 17px;}
.product-meta .item-meta .text{color: #1ec1df; vertical-align: top;}
.product-meta .item-meta .value{vertical-align: top;}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-gallery-area .product-thumb-slider-wrap { -webkit-box-flex:0; -ms-flex:0 0 22%; flex:0 0 22%; max-width:22%; } 
} 

@media (max-width:991px) {
    .product-gallery-area .product-thumb-slider-wrap { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom:30px; margin-right:0; } 
} 

@media (max-width:991px) {
    .product-gallery-area .product-thumb-slider-wrap .product-thumb-slider { margin-left:-5px; margin-right:-5px; } 
} 
.product-gallery-area .product-thumb-slider-wrap .product-img { cursor:pointer; margin-bottom:20px; }
.product-gallery-area .product-thumb-slider-wrap .product-img.slick-current img { border-color:#F93D14; }

@media (max-width:991px) {
    .product-gallery-area .product-thumb-slider-wrap .product-img { margin-left:5px; margin-right:5px; } 
} 
.product-gallery-area .product-thumb-slider-wrap .product-img img { width:150px; height:150px; padding:20px; border:2px solid #E7E7E7; }

@media (max-width:991px) {
    .product-gallery-area .product-thumb-slider-wrap .product-img img { width:100%; } 
} 
.product-gallery-area .product-big-slider-wrap { position:relative; -webkit-box-flex:0; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%; }
.product-gallery-area .product-big-slider-wrap .products-arrows { position:absolute; display:-webkit-box; display:-ms-flexbox; display:flex; bottom:40px; left:50%; gap:10px; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.product-gallery-area .product-big-slider-wrap .products-arrows .slick-arrow { background-color:#fff; color:#525252; }
.product-gallery-area .product-big-slider-wrap .products-arrows .slick-arrow:hover { background-color:#F93D14; color:#fff; }

@media only screen and (min-width:992px) and (max-width:1199px) {
    .product-gallery-area .product-big-slider-wrap { -webkit-box-flex:0; -ms-flex:0 0 73%; flex:0 0 73%; max-width:73%; } 
} 

@media (max-width:991px) {
    .product-gallery-area .product-big-slider-wrap { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } 
} 
.product-gallery-area .product-big-slider-wrap .product-img a { display:block; }
.product-gallery-area .product-big-slider-wrap .product-img a img { width:100%; }
.description-tabs .nav { gap:10px; }
.description-tabs .nav-link { padding:12px 35px; border:2px solid #E7E7E7; border-radius:2px; color:#17171D; font-weight:700; text-transform:capitalize; }
.description-tabs .nav-link:hover,.description-tabs .nav-link.active { background-color:#F93D14; color:#fff; border-color:transparent; }
.description-area .content-box > p { margin-bottom:25px; }

/* PRODUCT-PRICE */
.product-price{position: relative; padding-right: 350px;}
.product-price .price{line-height: 40px; font-size: 20px; padding-right: 5px;}
.product-price .content-right{position: absolute; right: 0; width: 350px; top: 0; padding-left: 130px;}
.product-price .product-cart{position: absolute; left: 0; background: #fff;}
.product-price .content-right .product-meta{position: relative; padding-right: 65px;}
@media screen and (max-width: 992px){
    .product-price{padding-right: 0;}
    .product-price .content-right{position: static;}
}
/* PRODUCTS-DETAILS-SECTION */
.products-details-section{margin-bottom: 100px;}

/* product-description-area */
.product-description-area{}
.product-description-area .banner-p-sm{margin-bottom: 20px;}
.product-description-area{}

/* BLOCK-POST-MAIN */
.block-blog-main{background: url(../images/bg/1.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 20px 0 1px; margin-bottom: 50px;}
.item-blog-main{margin-bottom: 20px; }
.item-blog-main .title{}
.item-blog-main .title h3{font-size: 20px; line-height: initial; color: #1ec1df; font-weight: bold;}
.item-blog-main .desc{margin-bottom: 20px;    text-align: justify;}
@media (max-width:992px) {
    .block-blog-main{background: url(../images/bg/7.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 20px 0 20px; margin-bottom: 50px;}
    .block-blog-main .container-fluid{padding-left: 30px; padding-right: 30px;}
    .block-blog-main .slick-slider .slick-dots{    bottom: -5px!important;}
}


/* CONTROL-NUMBER */
.control-number.number{display: inline-block; border: 1px solid #034B39; width: 125px; font-size: 14px; border-radius: 0; overflow: hidden; height: 40px; text-align: center; position: relative; color: #0D3628;} 
.control-number.number .minus, .control-number .plus{ padding: 0; display: inline-block; vertical-align: top; text-align: center; width: 40px; height: 38px; border: 0; border-radius: 0; line-height: 38px;     float: left;}
.control-number.number .minus{  }
.control-number .plus{ float: right;}
.control-number.number input{ text-align: center; display: inline-block; vertical-align: top; height: 38px; border: 0; border-radius: 0; font-size: 14px; width: 45px; margin: auto; position: absolute; left: 0; right: 0;}
.control-number.number input:focus{box-shadow: none; outline: none;}
.control-number.number .minus:hover, .control-number .plus:hover{    background: #e6e6e6;}

/* ----------- LOGIN PAGE ------------------------------------------------------------------ */
.page-login{background: url(../images/login/bg-full.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 100vh; position: relative; padding: 115px 20px 115px;}

.login-wrapper{width: 1015px; margin: auto; display: flex; flex-wrap: wrap; }
.login-wrapper .banner-left{flex: 0 0 auto; width: 41%;     background: hsl(75deg 65% 51% / 53%); position: relative;}
.login-wrapper .banner-left img{max-width: 315px; display: block; margin: auto;}
.login-wrapper .banner-left a{position: absolute; content: ""; top: 50%;left:50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.login-wrapper .login-content{flex: 0 0 auto; width: 59%; background: #fff; min-height: 570px;     padding: 50px 20px 60px; position: relative;}
.login-wrapper .login-content .title{margin-bottom: 30px;}
.login-wrapper .login-content .title h1{color: #1ec1df; font-size: 28px; font-weight: bold;}
.login-wrapper .max-w-sm{max-width: 270px; margin: auto;}

.item-form-sm{position: relative;}
.item-form-sm .form-control{background: #EFEFEF; border: 0; border-radius: 5px; height: 40px; padding-right: 35px;}
.item-form-sm .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 35px; text-align: center;}
.item-form-sm .icon img{max-width: 16px;}

.form-default{}
.form-default .form-group{margin-bottom: 15px;}
.form-default label{color: #0D3628;}

.login-wrapper .link-bottom a:hover{color: #1ec1df;}

.login-wrapper .link-comeback{position: absolute; bottom: 13px; width: 100%; text-align: center; left: 0; right: 0;}
.login-wrapper .link-comeback .social-box{display: inline-block; margin-right: 15px;}
.login-wrapper .link-comeback .link-go-home{display: inline-block;}

.l-btn-none{opacity: 0;}

@media screen and (max-width: 767px){
    .l-btn-none{display: none;}
}

/* LINK-BACK-ICON */
.link-back-icon{position: relative; display: inline-block; padding-right: 30px; line-height: 24px;}
.link-back-icon .icon{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0;}
.link-back-icon .icon img{width: 24px;}
.link-back-icon:hover{color: #1ec1df;}

/* BTN-GREEN-BOLD */
.btn-green-bold{background: #0988a0; line-height: 40px; border: 0; border-radius: 5px; color: #fff; padding: 0 15px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-green-bold:hover, .btn-green-bold:focus{background: #1ec1df; color: #0D3628;}

/* BTN-GREEN-LIGHT */
.btn-green-light{background: #067257; line-height: 40px; border: 0; border-radius: 5px; color: #fff; padding: 0 15px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-green-light:hover, .btn-green-light:focus{background: #1ec1df; color: #0D3628;}

@media screen and (max-width: 1020px){
    .page-login{padding: 30px;}
    .login-wrapper{    width: 100%;}
    .login-wrapper .banner-left{    width: 100%; min-height: 195px;}
    .login-wrapper .banner-left img{max-width: 265px;}
    .login-wrapper .login-content{width: 100%; padding-left: 20px; padding-right: 20px;}
}


/* ----------- CONTACT PAGE ------------------------------------------------------------------ */
.page-contact{padding-bottom: 45px;}
.item-map{}
.item-map iframe{height: 390px!important; width: 100%;}
@media screen and (max-width: 992px){
    .item-form-contact{margin-bottom: 30px;}
    .item-form-contact .btn-green-bold{width: 100%;}
}

/* ----------- BUSINESS OPPORTUNITIES PAGE ------------------------------------------------------------------ */
.block-post-business{padding-bottom: 50px;}

/* ----------- NEWS DETAILS PAGE ------------------------------------------------------------------ */
.block-news-details-wrapper{margin-bottom: 70px;}
.news-details-wrapper{text-align: justify;}

/* ----------- RESPONSIVE ------------------------------------------------------------------ */
@media screen and (max-width: 992px){
    .container-fluid{padding-left: 30px; padding-right: 30px;}
    .page-banner{padding-top: 100px; min-height: 290px;}
    .page-banner h1.page-title{display: none;}
}


/*--------------------------------------------------------------
  2. Preloader
----------------------------------------------------------------*/

.cs_preloader { position:fixed; z-index:99999; top:0; width:100%; height:100vh; }
.cs_preloader_bg { text-align:center; height:100%; width:100%; }
.cs_preloader_in { width:120px; height:120px; position:relative; 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; padding:10px; border:3px solid hsl(210deg 55.74% 47.84% / 25%); border-radius:50%; }
.cs_preloader_in:after { content:""; border-width:3px; border-style:solid; border-color:transparent; border-top-color:#367abe; border-radius:50%; position:absolute; width:calc(100% + 6px); height:calc(100% + 6px); left:50%; top:50%; -webkit-animation:spin 1s ease-in-out infinite; animation:spin 1s ease-in-out infinite; margin-left:-60px; margin-top:-60px; }
.cs_preloader img{max-width: 60px;}
@-webkit-keyframes spin {
    0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 
} 

@keyframes spin {
    0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 
} 


/* LIST-CERTIFICATION */
.list-certification{margin-bottom: 15px;}
.list-certification img{width: 200px;}
/* LIST-APP */
.list-app{}
.list-app a{display: inline-block; margin-right: 5px;}
.list-app a img{width: 100px; display: block; margin: auto;}

.list-img-eff img{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.list-img-eff img:hover{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

@media screen and (max-width: 767px){
    #slick-slider-main.slick-slider .slick-dots{    bottom: 5px!important;}
}