@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Oswald:400,500,600,700');
/** -------------------------------------------
 * media
 * -------------------------------------------*/
@media only screen and (min-width: 1500px){
    .container {width: 1430px;max-width: 1430px;}
}
@media only screen and (min-width: 1367px) and (max-width: 1499px){
    .container {width: 1360px;max-width: 1360px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1366px){
    .container{width:1270px; max-width: 1270px;}    
    .dropdown-menu{font-size: 0.9rem;}
}
@media (max-width: 1199px){}
@media (min-width: 992px){}
    .ispc {display: block;}.isbanner-pc{display: block;}
    .ismb {display: none; }.isbanner-mb{display: none;}
@media (max-width: 991px) {
    .ispc {display: none!important; } 
    .ismb {display: block!important;}
}
@media (max-width: 767px) {
    .isbanner-pc {display: none; } 
    .isbanner-mb {display: block;}
}
@media (min-width: 992px){
    .menubar-fixed {
        position: sticky;
        top: 122px;
    }
}
/** RESET CARD CSS */
    body{background-color: #f7f7f7; font-family: 'Oswald',Arial, sans-serif; font-size: 14px; line-height: 1.4; color: #333;font-weight: 400;}
/* Typography */
    h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif; -webkit-font-smoothing:antialiased; color: #282828; text-transform: uppercase;}
    h1{font-size: 22px; font-weight: 700; line-height: 1.5; margin: 0 0 10px; letter-spacing: -0.04em;}
    h2{font-size: 20px; margin: 0 0 10px; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em;}
    h3,h4{margin: 0 0 10px; font-weight: 600; line-height: 1.4; color: #303133; letter-spacing: -0.01em;}
    h3{font-size: 18px;}h4{font-size: 16px;}h5{font-size: 14px;}h6{font-size: 13px;}
    h5,h6{margin: 0 0 10px;}
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #76BB44!important;}

/* -------------------------------------------- *
 * Base style
 * -------------------------------------------- */
    a{font-family: 'Oswald', Arial, sans-serif;color: #0054A6; transition: all 0.4s ease-in-out 0s; outline: none!important;text-decoration: none!important;}
    a:hover, a:visited, a:focus {text-decoration: none!important;color: #d71921;}
    button {-webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
    img{border: none; outline:none;}
    ul,ol{display: block; list-style: none; padding: 0; margin: 0;}  
    ul li, ol li{font-family: 'Roboto', Arial, sans-serif;}
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999999 !important;}
    input:-moz-placeholder, textarea:-moz-placeholder{color: #999999 !important;} /* Firefox 18- */
    input::-moz-placeholder, textarea::-moz-placeholder{color: #999999 !important;} /* Firefox 19+ */
    input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999999 !important;}
    textarea:focus, 
    textarea.form-control:focus, select.form-control:focus,
    input.form-control:focus, 
    input[type=text]:focus, 
    input[type=password]:focus, 
    input[type=email]:focus, 
    input[type=number]:focus, 
    [type=text].form-control:focus, 
    [type=password].form-control:focus, 
    [type=email].form-control:focus, 
    [type=tel].form-control:focus, 
    [contenteditable].form-control:focus {box-shadow: none !important; outline: none !important; border: 1px solid #08639C !important;}
    .border-stn{border-top: 2px solid rgba(240,168,44,1);}
    button{border: none; background: none;}       
    p{font-family: 'Roboto', Arial, sans-serif; font-size: 14px;}
    .overlay-layer{overflow: visible!important;}
/*---------------------------------
        Header CSS 
-----------------------------------*/
@-webkit-keyframes fadeInDown {
  0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} 
  to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}
}
@keyframes fadeInDown {
  0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}
}
    .fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
/** HEADER CSS**/
    .wrapHeader{position: relative;}    
    .stnDHeader{position: relative;background-color: #F5FAF2!important;}
    .stnDHeader.is-sticky {position: fixed;top: 0;left: 0;right: 0; margin: auto; z-index: 999; background: #f7f7f7; box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;-webkit-transition: all .5s;transition: all .5s;width: 100% !important; max-width: 100%;}
    .topHeader{padding: 5px 0px;}
    .d-box-logo {display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;margin: 3px 0;}    
    .d-box-logo img {max-height: 65px;border: 0px solid #CB3537;}
    .d-box-search {position: relative;margin: 0px;margin-top: 10px;}
    .d-box-search .d-frm-search {display: flex;display: -webkit-flex;border: 1px solid #76BB44;border-radius: 0.3rem;-webkit-border-radius: 0.3rem;-moz-border-radius: 0.3rem;width: 100%;background-color: #fff;padding: 0px;}
    .d-frm-search .btn-search {position: relative;flex: 0 0 60px;width: 60px;height: 35px;line-height: 30px;border: 0;background: transparent;border-radius: 0 0.3rem 0.3rem 0;box-shadow: none!important;font-size: 1.5rem;color: #fff;}
    .d-frm-search .btn-search i {position: absolute;top: 3%;right: 10px;color: #0054A6;}
    .d-frm-search .inner-form-search {flex: 0 0 calc(100% - 58px);width: calc(100% - 58px);height: 35px;}    
    .d-frm-search .inner-form-search .form-control {height: 35px;line-height: 35px;width: 100%;padding: 5px 5px 5px 20px;border: none;outline: none!important;box-shadow: none!important;margin: 0px;font-family: 'Roboto', sans-serif;}
    .d-frm-search .inner-form-search .form-control:focus {outline: none!important;box-shadow: 0!important;border: none!important;}
    .d-box-hotline{position: relative;}
    .d-box-hotline a{font-family: "Oswald",sans-serif;color: #d71921;text-transform: uppercase;font-size: 26px;}
@media (max-width: 1199px){.d-box-hotline a{font-size: 20px;}}
    .d-item-cart {margin-right: 2rem;}
.inner-d-item-cart {position: relative;}
.inner-d-item-cart .box-cart-link {position: relative;display: flex;align-items: center;flex-direction: column;text-decoration: none !important;line-height: 1;color: #333;white-space: nowrap;font-size: 2.2rem;width: 50px;}
.inner-d-item-cart .box-cart-link .d-cart-title {font-size: 0.9rem;font-weight: 300;letter-spacing: 0;color: #777;margin-top: 0.3rem;transition: all .3s;}
.inner-d-item-cart .box-cart-link .d-cart-count {min-width: 1.6rem;height: 1.6rem;position: absolute;top: 0rem;right: -0.3rem;background-color: #CB3537;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-weight: 400;font-size: 1rem;line-height: 1;margin-left: 0.2rem;margin-top: 0.1rem;color: #fff;white-space: nowrap;}
.d-mini-cart {position: absolute;display: block;top: 100%;right: 0;left: auto;width: 300px;font-size: 1.3rem;z-index: 1001;border: none;margin: 1px 0 0;padding: 0.5rem 1.2rem 1rem;border-radius: 0;border: none;box-shadow: 5px 10px 16px rgba(51,51, 51,0.05), -5px 10px 16px rgba(51, 51, 51, 0.05);background-color: #fff;visibility: hidden;opacity: 0;transition: all .25s;}
.inner-d-item-cart:hover .d-mini-cart {visibility: visible;opacity: 1;}
.inner-d-item-cart:hover .box-cart-link {color: #CB3537;}
.mini-cart-body {display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;padding-bottom: 1rem;}
.mini-cart-row {position: relative;display: flex;align-items: flex-start;padding: 1.1rem 2.4rem 1.1rem 0;margin: 0 !important;border: none;border-bottom: 1px solid #ebebeb;box-shadow: none !important;overflow: hidden;}
.mini-cart-row .mcart-detail {font-weight: 400;max-width: 160px;font-size: 0.9rem;color: #999999;text-align: left;}
.mini-cart-row .mcart-detail .mcart-info-title {text-transform: none;font-weight: 400;font-size: 0.9rem;line-height: 1.3;color: #666;text-align: left;margin-bottom: 0.4rem;}
.mini-cart-row .mcart-detail .mcart-info-title a {font-family: "Roboto",Arial,sans-serif;color: inherit;}
.mini-cart-row .mcart-img {position: relative;max-width: 60px;margin: 0;margin-left: 3px;}
.mini-cart-row .mcart-img a {display: block;width: 100%;height: auto;}
.mini-cart-row .mcart-botton-remove {position: absolute;top: 30%;right: -0.55rem;display: flex;align-items: center;justify-content: center;width: 2.4rem;height: 2.4rem;color: #cccccc;font-size: 1.25rem;line-height: 1;text-align: center;margin-top: -1.2rem;border: none;outline: none;transition: all .35s;}
.mini-cart-footer {display: flex;display: -webkit-flex;}
.mini-cart-footer .table-total {width: 100%;}
.mini-cart-footer .table-total tbody tr.trTotal td {font-size: 0.8rem;font-weight: 700;padding-bottom: 1rem;}
.mini-cart-footer .linktocart {color: #FFF;border-radius: 0px;background-color: #0c581e!important;border-color: #0c581e!important;box-shadow: none;font-size: 0.9rem;min-width: 110px;padding-top: 0.25rem;padding-bottom: 0.35rem;}
.mini-cart-footer .linktocheckout {border-radius: 0px;color: #cb3537;background-color: transparent;background-image: none;border-color: #fcb941;box-shadow: none;font-size: 0.9rem;min-width: 110px;padding-top: 0.35rem;padding-bottom: 0.35rem;}
.mini-cart-footer .linktocheckout:hover {color: #fff;background-color: #CB3537;border-color: #CB3537;box-shadow: none;}
.d-item-account {display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;}
/** NAV **/
    .bottomHeader {position: relative;height: auto;background: #76BB44;}  
    .bottomHeader .container{padding-left: 15px!important;padding-right: 15px!important;}  
    .bottomHeader .navbar{padding: 0px!important;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: .75rem;padding-left: .75rem;padding-top: 0.75rem;padding-bottom: .95rem;color: #FFFFFF;font-weight: 500;letter-spacing: 0.3px;text-transform: uppercase;}
    .bottomHeader .navbar-nav .nav-item.active .nav-link, .bottomHeader .navbar-nav .nav-link:hover, .bottomHeader .navbar-nav .nav-link:focus, .bottomHeader .navbar-nav .dropdown.show .nav-link {background-color: #0054A6!important; color: #FFFFFF;text-align: center;}
    .navbar-nav .nav-link {text-transform: none;}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;}
}
.navbar-nav .dropdown-menu {margin: 0px;padding: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;width: 220px!important;max-width: 220px!important;border: none;}
.navbar-nav .dropdown-menu li {-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;border-bottom: 0px solid #fff;}
.navbar-nav .dropdown-menu li:last-child {border-bottom: 0px;}
.navbar-nav .dropdown-menu .dropdown-item {font-family: "Arial",sans-serif;padding: .55rem 0.75rem;background: #0C6DC8;color: #FFF;font-size: 13.5px;}
.navbar-nav .dropdown-menu .dropdown-item:hover {background: #76BB44;color: #FFF!important;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: .5rem;padding-left: .5rem;font-size: .9rem;text-align: center;}
}
@keyframes textclip {
    to {background-position: 200% center}
}
.nav-link.link-checkorder{display: inline-block;padding: 5px 15px 7px !important;font-weight: normal!important;border: 0px solid #0054A6;border-radius: 5px;font-size: 16px;background-image: linear-gradient(-225deg,#dd3737 0%,#0054a6 29%,#edd23c 67%,#eb041b 100%); background-size: auto auto;background-clip: border-box;background-size: 200% auto; background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: textclip 3s linear infinite;}
.btn-quotation{background-color: #FFFFFF!important;border-radius: 4px;border: 1px solid #0C6DC8;}
/** HOME SLIDER SECTION **/
    .stnBanner{position: relative;padding-top: 1rem;padding-bottom: 2rem;}
    .stnBanner div[class*='col-']{padding-left: 5px!important;padding-right: 5px!important;}    
@media (max-width: 991px) {
    .stnBanner{padding-top: 1rem;}
    .stnBanner div[class*='col-']{padding-left: 15px!important;padding-right: 15px!important;}    
}   
@media (max-width: 559px) {
    .stnBanner{padding-top: 0rem;}
} 
/** SET BACKGROUND **/
    .homeborder{position: relative;height: 5px;background-color: #08639C;z-index: 3;overflow: hidden;}
    .homeborder.show{height: 0px!important;}
    .homeborder:after{position: absolute;top: 0;bottom: 0;right: 0;width: 85%;content: ''; background: #44BA46;z-index: -1;-webkit-transform: matrix(1, 0, -0.9, 1, 100, 0);-ms-transform: matrix(1, 0, -0.9, 1, 100, 0);transform: matrix(1, 0, -0.9, 1, 100, 0);}
    .bg-gradient-topheader{background: rgb(200,199,197);background: linear-gradient(90deg, rgba(200,199,197,1) 0%, rgba(173,173,173,1) 41%, rgba(243,244,246,1) 76%, rgba(255,255,255,1) 100%);}
    .Background-OnePage{background-position: top center; background-size: cover; background-repeat: no-repeat;}
    .bg-grey{background-color: #F0F4FF!important;}
    .wrapBody{position: relative;background-color: #DBECF3!important;}
    .bg-gradient-br{background: rgb(118,187,68);background: linear-gradient(310deg, rgba(118,187,68,1) 0%, rgba(12,109,200,1) 25%, rgba(118,187,68,1) 67%, rgba(12,109,200,1) 100%);}
/** SET GENERAL **/
    .nadiWrapper{position: relative;}
    .nadibtn{display: inline-block;line-height: 26px;font-weight: 700;font-size: 1.1rem; text-align: center;-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;position: relative;z-index: 1;border: none; padding: 8px 15px 8px;border-radius: 0;color: #fff;overflow: hidden;white-space: nowrap;}
    .nadibtn:focus{box-shadow: none!important;outline: none!important;}
    .nadibtn:before{position: absolute;top: 0;left: 0;content: "";width: 50%;height: 0;visibility: hidden;opacity: 0;z-index: -1;border-radius: 0 50% 50% 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
    .nadibtn:after{border-radius: 50% 0 0 50%;position: absolute;bottom: 0;right: 0;content: "";width: 50%;height: 0;visibility: hidden;opacity: 0;z-index: -1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
    .nadibtn.styleone{background-color: #08639C;font-weight: 500;border-radius: 5px;color: #fff!important;margin-top: 10px;}
    .nadibtn.styleone:before,.nadibtn.styleone:after{background-color: #76BB44;}
    .nadibtn:hover:before,
    .nadibtn:hover:after{visibility: visible;opacity: 1;width: 100%!important;height: 100%!important;}   
    /** MOBILE CSS **/
.mb-isfixed {position: fixed !important;top: 0;left: 0;right: 0;margin: auto;z-index: 999;-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);box-shadow: 0 8px 6px -6px rgba(0,0,0,.4);-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: all .5s;transition: all .5s;width: 100% !important;max-width: 100%;}
.stnMNav {position: relative;background-color: #f5faf2;border-bottom: 1px solid #FDFBF3;}
.mrow {display: flex;display: -webkit-flex;-ms-flex-direction: row!important;flex-direction: row!important;-ms-flex-wrap: nowrap;flex-wrap: nowrap;padding-bottom: 0px;padding-top: 5px;height: 60px;}
.mrow .mfcol, .mrow .mnfcol, .mrow .mnlcol, .mrow .mlcol {width: 45px;flex: 0 0 45px;}
.mrow .mccol {width: calc(100% - 135px);}
.nav-mmenu {position: relative;display: block;}
.btn-mmenu {border-radius: 5px;background-color: transparent;cursor: pointer;width: 45px;height: 45px;padding: 10px;}
.btn-mmenu span {position: relative;display: block;height: 3px;width: 100%;margin-top: 4px;background-color: #0054A6;transition: all .25s;}
.mm-wrapper_opening .btn-mmenu span:first-child {transform: rotate(45deg) translate(4.8px, 4.8px);}
.mm-wrapper_opening .btn-mmenu span:nth-child(2) {width: 0%;opacity: 0;}
.mm-wrapper_opening .btn-mmenu span:last-child {transform: rotate(-45deg) translate(4.8px, -4.8px);}
.brand-logo {display: flex;display: -webkit-flex;-ms-flex-direction: row!important;flex-direction: row!important; -ms-flex-line-pack: center !important;align-content: center !important;-ms-flex-pack: center !important;justify-content: center !important;height: 100%!important;}
.brand-logo img {max-height: 40px;}
@media only screen and (max-width: 991.999999px) {
    .brand-logo img {max-height: 55px;}
}
.mboxprofile {position: relative;}
.mbox-search {position: relative;padding: 5px;cursor: pointer;}
.mboxcheckout {position: relative;}

.mboxcheckout a span.fa {font-size: 2.2rem;color: #CB3537;}
.mboxcheckout a .mcartcounter {position: absolute;width: 16px;height: 16px;line-height: 15px;top: 0;left: 50%;background: #fff;color: #CB3537;text-align: center;border-radius: 50px;border: 1px solid #CB3537;font-size: 10px;}

.mboxprofile a, .mboxcheckout a {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;-ms-flex-pack: center!important;justify-content: center!important;position: relative;}
.mboxprofile a i, .mboxcheckout a i {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;-ms-flex-pack: center!important;justify-content: center!important;background-color: #0054A6;border-radius: 50%;width: 40px;height: 40px;color: #fff;font-size: 1.1rem;}
.mboxcheckout .mccart {position: absolute;display: block;top: 0px;left: 0px; width: 20px;height: 20px;background-color: #fff;color: red;font-size: 10px;border-radius: 25px;text-align: center;vertical-align: middle;line-height: 21px;}
/** BANNER ADS **/
.boxadht{display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;}
.boxadht > a{display: block;}
.boxadht > a:first-child{margin-bottom: 8px;}
@media (min-width: 768px) and (max-width: 1099px) {
    .boxadht{display: flex;display: -webkit-flex;-ms-flex-direction: row!important;flex-direction: row!important;-ms-flex-pack: justify!important;justify-content: space-between!important;}
    .boxadht > a:first-child{margin-right: 8px;}
}
/** CAT HOME **/
.stnCHome{position: relative;padding-bottom: 2rem;}
@media (min-width: 768px) {
    .stnCHome .container {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.boxcathome{background-color: #fff;}
.boxcathome div[class*='col-']{padding-left: 15px!important;padding-right: 15px!important;}    
@media (max-width: 767px) {
    .boxcathome div[class*='col-']{padding-left: 15px!important;padding-right: 15px!important;}    
}    
.item-chome{padding: 20px 0;text-align: center;background-color: #fff;}
.item-chome a{display: block; text-align: center;}
.item-chome .chome-icon{margin-bottom: 10px; text-align: center;}
.item-chome .chome-icon img{display: inline-block;max-width: 40px!important;}
.item-chome .chome-text{margin-bottom: 0;font-size: 15px;text-transform: none;color: #0c581e;}
.item-chome:hover .chome-text{color: #d71921!important;}
.stnCHome .owl-theme .owl-nav [class*=owl-]:hover,
.stnCHome .owl-theme .owl-nav [class*=owl-]:focus,
.stnWhy .owl-theme .owl-nav [class*=owl-]:focus,
.stnWhy .owl-theme .owl-nav [class*=owl-]:hover,
.stnPartner .owl-theme .owl-nav [class*=owl-]:focus,
.stnPartner .owl-theme .owl-nav [class*=owl-]:hover{background: #d4e7d9;color: #0c581e;box-shadow: none!important;outline: none!important;}
/** CATEGORY **/
.stnCategory {position: relative;padding: 0 0 1.5rem;}
@media (min-width: 768px) {
    .stnCategory .container,.stnProductPage .container{padding-left: 0px;padding-right: 0px;}   
} 
.homecat__list {position: relative;display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important; background-color: #fff;border-radius: 8px!important;}
.homecat-header__list {background: #fff;border-bottom: 1px solid rgba(0,0,0,.05);padding: 1.25rem 1.25rem 0 1.25rem; display: flex;align-items: start;-ms-flex-direction: column!important;flex-direction: column!important;border-top-left-radius: 8px!important;border-top-right-radius: 8px!important;}
.homecat-header__list h3 {font-family: "Oswald",sans-serif;line-height: 1.4;color: #333;font-size: 22px;margin-bottom: 15px;text-transform: uppercase;position: relative;padding-bottom: 20px;}
.homecat-header__list h3:before{content: '';position: absolute;background-color: #d71921!important;height: 2px;width: 50%;left: 0px;bottom: 16px;}
.homecat-header__list h3:after{content: '';position: absolute;background-color: #d71921!important;height: 2px;width: 30%;left: 0px;bottom: 12px;}
.homecat-body__list,.inner-homecat {padding: 0;margin: 0px;}
.cat-item {position: relative;margin: 0px;padding: 0px;}
.innercat-item {position: relative;display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;}
.innercat-item > a {display: block;position: relative;padding:20px 10px;border-bottom: 1px solid rgba(0,0,0,.05);}
.owl-item:not(:first-child) > .cat-item a {border-left: 1px solid rgba(0,0,0,.05);}
.innercat-item .itemcat-image {position: relative;overflow: hidden;text-align: center;}
.innercat-item .itemcat-image:after{content: "";display: inline-block;width: 148px;height: 148px;position: absolute;top: 50%;left: 50%;z-index: -1;background: #f7f7f7;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.innercat-item .itemcat-image img {display: inline-block;max-width: 150px;margin: 0 auto;transition: all 400ms ease-in-out;z-index: 2;}
.innercat-item > a:hover {box-shadow: 0px 6px 10px 0px rgba(0,0,0,.05) inset;border-bottom: 1px solid #CB3537!important;}
.innercat-item > a:hover .itemcat-image img {transform: scale(1.1);}
.innercat-item .itemcat-text {position: relative;padding: 5px 0px;}
.innercat-item .itemcat-text h4 {word-break: break-word;height: 2.5rem;margin: 0px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: center;text-transform: none;font-size: 0.85rem;line-height: 1.25rem;color: rgba(0,0,0,.8);font-weight: 500;}
.innercat-item a:hover .itemcat-text h4{color: #0C6DC8!important;}
.stnCategory .owl-nav .owl-prev {box-shadow: none;}
.stnCategory .owl-theme .owl-nav [class*=owl-] {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 50px;margin: 0px;border-radius: 0!important;transition: all 400ms ease;visibility: hidden;opacity: 0;}
.stnCategory .owl-theme .owl-nav [class*=owl-]:hover {background: transparent!important; border: none!important; outline: none!important;}
.stnCategory .owl-theme .owl-nav .owl-prev {left: 5px;}
.stnCategory .owl-theme .owl-nav .owl-next {right: 5px;}
.stnCategory .owl-nav .nadiprev {display: inline-block;width: 40px;height: 50px; background: #0c581e url(../icon/arrow-left-white.png);background-size: cover; background-repeat: no-repeat; background-position: bottom center; box-shadow: none!important;}
.stnCategory .owl-nav .nadinext {display: inline-block;width: 40px;height: 50px;background: #0c581e url(../icon/arrow-right-white.png);background-size: cover;background-repeat: no-repeat;background-position: center center; box-shadow: none!important;}
.rowpolicy:hover .owl-theme .owl-nav [class*=owl-] {visibility: visible;opacity: 1;}
.nadiCategory.owl-theme .owl-nav .nadinext ,.nadiCategory.owl-theme .owl-nav .nadiprev {width: 30px;height: 40px;}
.nadiCategory.owl-theme .owl-nav [class*=owl-] {visibility: visible;opacity: 1;outline: none!important;box-shadow: none!important;}
.nadiCategory.owl-theme .owl-nav .owl-prev.disabled, .nadiCategory.owl-theme .owl-nav .owl-next.disabled {display: none!important;}
/** WHY **/
.stnWhy{position: relative;padding-bottom: 3rem;}
.header-section{border-bottom: 0px solid rgba(0,0,0,.05);padding: 0 1.25rem 0 0; display: flex;align-items: start;-ms-flex-direction: column!important;flex-direction: column!important;}
.header-section .header-title-h2{font-family: "Oswald",sans-serif;line-height: 1.4;color: #333;font-size: 22px;margin-bottom: 15px;text-transform: uppercase;position: relative;padding-bottom: 20px;}
.header-section .header-title-h2:before{content: '';position: absolute;background-color: #d71921!important;height: 2px;width: 50%;left: 0px;bottom: 16px;}
.header-section .header-title-h2:after{content: '';position: absolute;background-color: #d71921!important;height: 2px;width: 30%;left: 0px;bottom: 12px;}
.header-section.header-center .header-title-h2:before{left: 50%;transform: translateX(-50%);}
.header-section.header-center .header-title-h2:after{left: 50%;transform: translateX(-50%);}


.item-why{color: #777;text-align: center;padding: 15px;margin: 0 auto;position: relative;z-index: 1;margin-bottom: 15px;}    
.item-why:before, .item-why:after {content: ""; background: #01BFE1;position: absolute;top: 20px;left: 0;right: 0;bottom: 20px;z-index: -1;clip-path: polygon(13% 0%,87% 0%,100% 50%,87% 100%,13% 100%,0% 50%);}   
.item-why:after {background: #fff;top: 0;left: 10px;right: 10px;bottom: 0;clip-path: polygon(20% 0%,80% 0%,100% 50%,80% 100%,20% 100%,0% 50%);} 
.item-why .icon-why {font-size: 35px;line-height: 35px;margin: 0 0 10px;color: #4b9b79;}
.item-why h3 {font-family: "Oswald",sans-serif;color: #01BFE1;font-size: 18px;font-weight: 500;letter-spacing: .5px;text-transform: uppercase;margin: 0 0 8px;}
.item-why .counter-value {font-size: 30px;line-height: 30px;font-weight: 600;display: block;}
.item-why.purple:before {background: #2A1C71;}
.item-why.pink:before {background: #FE3653;}
.item-why.green:before {background: #31ad26;}
@media (max-width: 599px) {
    .item-why h3 {font-size: 12px;}
    .item-why .counter-value{font-size: 22px;}
}
@media (max-width: 991px) {
    .item-why h3 {font-size: 15px;}
    .item-why .counter-value{font-size: 25px;}
}
/** PROJECT SECTION **/
.stnProject,.stnBlogs{position: relative;padding-bottom: 2rem;}
.boxnews{background: #FFFFFF;padding: 15px;}
.main-news{position: relative;margin-bottom: 15px;}
.main-news a{display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;}
.main-news .image-news{position: relative;overflow: hidden;border-radius: 6px;}
.main-news .image-news img{display: block;border-radius: 6px;transition: all 300ms ease;}
.main-news:hover .image-news img{transform: scale(1.1);}
.main-news .title-news{font-family: "Oswald",sans-serif;font-size: 1.1rem;line-height: 1.5; margin-top: 10px;text-transform: none;color: #0054A6;margin-bottom: 5px;}
.main-news .desc-news{margin-bottom: 5px;color: #333;font-size: 14px;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.meta-news{display: -ms-flexbox!important;display: flex!important;-ms-flex-pack: justify!important;justify-content: space-between!important;-ms-flex-align: center!important;align-items: center!important;font-size: 12px;font-family: "Roboto",sans-serif;}
.meta-news .meta-date{color: #7A7A7A;}.meta-news .meta-readmore,.meta-news .meta-read{color: #ccc;}
.meta-news .meta-date i,.meta-news .meta-date span,.main-news:hover .meta-news .meta-readmore{color: #d71921;}
.meta-news .meta-date i,.meta-news .meta-date span{margin-right: 2px;}

.list-news{display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;}
.list-news li{margin-bottom: 15px;}
.list-news a{display: flex;display: -webkit-flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.list-image-news{width: 120px;flex:0 0 120px;position: relative;overflow: hidden;border-radius: 6px;}
.list-image-news img{display: block;border-radius: 6px;transition: all 300ms ease-in-out;}
.list-info-news{width: calc(100% - 120px);flex:0 0 calc(100% - 120px); padding-left: 15px;}
.list-info-news h5{text-transform: none;line-height: 1.5;margin-bottom: 5px;font-weight: 400;font-size: 15px;color: #0054A6;margin-top: 0;text-rendering: optimizeSpeed; font-family: "Oswald",sans-serif;}
.list-news a:hover .meta-news .meta-read{color: #d71921;}
.list-news a:hover .list-image-news img{transform: scale(1.1);}
/** Partner **/
.stnPartner{position: relative;padding-bottom: 2rem;}
.item-partner{display: block;padding: 4px;margin-bottom: 0px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd; border-radius: 4px;-webkit-transition: border .2s ease-in-out;-o-transition: border .2s ease-in-out;transition: border .2s ease-in-out}
.item-partner a{display: block;}
.item-partner img{display: block;margin-left: auto;margin-right: auto;width: auto!important;}    
/** Footer **/
.wrapFooter{padding: 30px 0 0;background-color: #f3f3f3;border-top: 5px solid #cb3537;color: #333;}
.single-widget{display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;padding-bottom: 1.2rem;}
.single-widget .footer-logo{position: relative;margin-bottom: 15px;text-align: center;}.single-widget .footer-logo img{display: inline-block;max-width:130px;}
.single-widget .footer-tagline p{font-size: 14px;font-family: 'Roboto',Arial, sans-serif;}
.single-widget h3{font-family: 'Oswald',Arial, sans-serif;font-size: 19px;font-weight: 500;margin-bottom: 20px;color: #0054A6;}
.single-widget > ul{display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;}
.single-widget > ul > li{margin-bottom: 5px;font-family: Arial, sans-serif;line-height: 1.35;}
.stnCopyright{background-color: #343a40;text-align: center;color: #fff;padding: 10px;}
.stnCopyright p{font-size: 14px;font-family: Arial, sans-serif;line-height: 1.35;margin: 0px!important;}.stnCopyright a{color: #FFFFFF;}
/** CUSTORMIZE MODAL **/
.ndmodal .modal-body {padding: 0px;}
.modal-row {display: flex;display: -webkit-flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;position: relative;}
.modal-row .modal-lcol, .modal-row .modal-rcol {width: 50%;flex: 0 0 50%;}
.modal-row .modal-col {width: 100%;flex: 0 0 100%;}
.modal-form {padding: 1rem 1.5rem;}
.modal-form h2 {text-transform: none;font-size: 1.8rem;}
.modal-form h6 {font-weight: 500;text-transform: none;font-size: 0.9rem;line-height: 1;}
.modal-form .boxFormModal {margin-top: 3rem;}
.modal-form .boxFormModal .form-control {font-family: 'Roboto',Arial,sans-serif;font-size: 14px;background-color: #f9f9f9;border: 1px solid #ededed;padding: 15px 20px;min-height: 40px;}
.modal-form .boxFormModal .btn-primary {background-color: #0054A6!important;display: block;line-height: 1; padding: 15px 40px;color: #ffffff;position: relative;z-index: 1;width: 100%;outline: 0 !important;border: 0 !important; border-radius: 0 !important;}
.modal-form .boxFormModal .btn-primary:focus {outline: none!important;box-shadow: none!important;}
.modal-form .btn-primary::before {content: "";position: absolute;top: 0;left: 4px; height: 100%;width: 1px;background-color: #76BB44;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: -1;}
.modal-form .btn-primary::after {content: "";position: absolute;top: 0;left: 10px;height: 100%;width: 1px;background-color: #76BB44;}
.modal-form .btn-primary:hover::before {width: 100%;}
.modal-form .modal-expand {margin-top: 1rem;}
.modal-form .modal-expand p {margin: 0px;}
.modal-form .modal-expand a {color: #724F0A;}
.single-login-image {position: relative;}
.single-login-image img {width: 100%;height: 100%;object-fit: cover;background-repeat: no-repeat;background-position: center center;border-bottom-right-radius: .3rem;}
.modal-row .box-modal-close {position: absolute;top: 5px;right: 15px;height: 30px;width: 30px;}
.modal-row .box-modal-close .btn-default {background-color: #fff;border-radius: 50px;}
.modal-row .box-modal-close .btn-default:focus {outline: none!important;box-shadow: none!important;}
.modal-row .box-modal-close .btn-default span {color: #724F0A;font-size: 1.2rem;}
@media (max-width: 991px) {
    .modal-row .modal-lcol {width: 100%;flex: 0 0 100%;}
    .modal-row .modal-rcol {width: 0px;flex: 0 0 0;display: none;visibility: hidden;}
}
.FBox-social {display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-direction: row!important;flex-direction: row!important; margin-bottom: 2rem;}
.FBox-social li {margin-right: 1rem;position: relative;margin-top: 0px!important;}
.FBox-social li a {display: block;position: relative;width: 40px;height: 40px;border-radius: 50%;background: #fff;color: #08551a!important;line-height: 40px;text-align: center;transition: all 0.8s ease, background 0.4s ease-in-out;z-index: 1;}
.FBox-social li a:hover span {color: #fff;z-index: 10;}
.FBox-social li a:before {position: absolute;content: '';width: 100%;height: 100%;left: 0px;top: 0px;right: 0px;border-radius: 50%;z-index: -1;transform: scale(0,0);transition: all 500ms ease;}
.FBox-social li a:before {background-image: linear-gradient(to right, #08551a, #88c700, #88c700, #08551a, #08551a);}
.FBox-social li a:hover:before {transform: scale(1,1);}
/** POPUP SEARCH **/
.modal-search .modal.left .modal-dialog {position: fixed;margin: auto;width: 100%;height: 100vh;-webkit-transform: translate3d(0%,0,0);transform: translate3d(0%,0,0);}
.modal-search .modal.left.fade .modal-dialog {left: -100%; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.modal-search .modal.left.fade.show .modal-dialog {left: 0;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.modal-search .modal.left .modal-content {height: 100vh!important;width: 100vw!important;overflow-y: auto;border-radius: 0;border: none;background: rgba(0,0,0,.5);}
.modal-search .modal-header { display: inline;  padding: 0;  border: none; min-height: 45px;}
.modal-search .modal-header .close {height: 30px;width: 30px;color: #FFF;margin: 0px;padding: 0px;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border: none;position: absolute;top: 0;right: 0;opacity: 1;}
.modal-search .modal-header h2 {background-color: #08294b;padding: 10px 15px;}
.modal-search .modal-header img {max-width: 120px;}
.modal-search .modal.left .modal-body {padding: 20px 5px;}
.DHead-search-form {margin-top: 0px;}
.DHead-search-form .frmSearching {position: relative;display: block;border: 1px solid #6C757D;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 24px;width: 100%;background-color: #fff;box-shadow: 0 2px 5px 1px rgba(64,60,67,0.16);padding-right: 3rem;overflow: hidden;}
.DHead-search-form .frmSearching .txtinput {font-family: 'Roboto','Arial,sans-serif';width: 100%;height: 40px;padding: 5px;border: none;outline: none;margin: 3px 15px;}
.DHead-search-form .frmSearching .btnsearch {position: absolute;width: 45px;top: 2px;right: 0;background: transparent;border: none;outline: none;border-top-right-radius: 4px;border-bottom-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius: 4px;}
.DHead-search-form .frmSearching .btnsearch i {color: #256935;font-size: 1.5rem;font-weight: 900;}
/** OWL-C **/
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{width: 30px;height: 30px;border-radius: 50%;background: #fff;line-height: 26px;box-shadow: 0 0 20px 5px rgba(61,63,153,.08);outline: none;}
/** PAGE **/
.oneStnPage{position: relative;}
.onePage{background-size: cover;background-position: center right;height: 200px;margin-top: 30px;margin-bottom: 30px;position: relative;overflow: hidden;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;position: relative;display: flex;align-items: center;justify-content: center;padding: 1rem;}
.nadiPAGE-head {position: relative;}
.nadiPAGE-head .page-title {font-family: 'Oswald',Arial, sans-serif;font-size: 2rem;font-weight: 500;letter-spacing: 0.01rem;color: #fff;text-transform: capitalize;margin: 0px;text-align: center;line-height: 30px;}
.nadi-breadcrumb {position: relative;text-align: center;}
.nadi-breadcrumb .breadcrumb {background: transparent!important;margin: 0px;padding: 0.5rem 0px;}
.nadi-breadcrumb.nadicenter .breadcrumb{justify-content: center;}
.nadi-breadcrumb .breadcrumb li, .nadi-breadcrumb .breadcrumb li a {font-family: 'Roboto',Arial, sans-serif;font-size: 0.9rem;color: #fff;}
.nadi-breadcrumb .breadcrumb-item+.breadcrumb-item{padding-left: 1rem;}
.nadi-breadcrumb .breadcrumb-item{position: relative;}
.nadi-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before {color: #fff!important;}
.nadi-breadcrumb .breadcrumb-item+.breadcrumb-item::before {content: "";width: 10px;height: 10px;border-top: 2px solid #FFFFFF;border-right: 2px solid #FFFFFF;transform: rotate(45deg);position: absolute;left: 1px;top: 6px;}
/** CATEGORY **/
.pageStnCate{position: relative;}
.sidebar-left {background: #fff;padding: 15px;margin-bottom: 20px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.sidebar-left .sidebar:first-child{margin-bottom: 15px;padding-bottom: 25px;border-bottom: 1px solid #E5E5E6;}
.sidebar-left .sidebar .sidebar-header{position: relative;margin-bottom: 5px;}
.sidebar-left .sidebar .sidebar-header h3{text-transform: none;color: #0054A6;margin: 0;text-rendering: optimizeSpeed;font-weight: 500;font-family: "Oswald",sans-serif;font-size: 1.5em;line-height: 1.5;}
.sidebar-body{position: relative;}
.sidebar-body.menubody .mnsidebar{padding: 0;margin: 0;list-style: none;border-right: 1px solid #E5E5E6;border-left: 1px solid #E5E5E6;border-bottom: 1px solid #E5E5E6;}
.sidebar-body.menubody .submenubar{padding: 0;margin: 0;list-style: none;}
.sidebar-body.menubody .mnsidebar > li,.sidebar-body.menubody .submenubar > li{position: relative;}
.sidebar-body.menubody ul li a{font-family: 'Roboto', Arial, sans-serif; padding: 10px 10px 10px 25px;color: #333;font-weight: 700;border-top: 1px solid rgba(0,0,0,.2);transition: ease all 0.5s;-webkit-transition: ease all 0.5s;-moz-transition: ease all 0.5s;-o-transition: ease all 0.5s;-ms-transition: ease all 0.5s;display: block;}
.sidebar-body.menubody ul.mnsidebar>li>a:before {content: "\f144";position: absolute;font-family: FontAwesome;left: 5px;top: 11px;color: #0054A6;}
.sidebar-body.menubody .arrow {position: absolute;right: 5px;top: 5px;color: #fff;cursor: pointer;text-align: center;width: 30px;line-height: 30px;text-align: center;background: rgba(0,0,0,.15);border-radius: 14px;-webkit-border-radius: 14px;font-size: 18px;}
.sidebar-body.menubody .fa.arrow:before {content: "\f107 ";}
.sidebar-body.menubody .arrow:hover {background: #0054A6;}
.sidebar-body.menubody .show>.arrow {background: #0054A6;}
.sidebar-body.menubody .show>.fa.arrow:before {content: " \f106";}
.sidebar-body.menubody ul ul a {padding: 10px 10px 10px 25px;background-color: #f9f9f9;font-weight: 400;transition: ease all 0.5s;-webkit-transition: ease all 0.5s;-moz-transition: ease all 0.5s;-o-transition: ease all 0.5s;-ms-transition: ease all 0.5s;}
.collapse.in{display: block;}
.sidebar-body.menubody ul.submenubar>li>a:before {content: "\f178";position: absolute;font-family: FontAwesome;left: 5px;top: 11px;color: #0054A6; margin-right: 5px;}
.sidebar-body.menubody ul a:hover, .sidebar-body.menubody ul a:focus, .sidebar-body.menubody ul a:active {color: #0054A6;background-image: linear-gradient(to right,#0054A6 4px,rgba(0,0,0,0) 4px);padding-left: 30px;}
.sidebar-body.menubody ul ul a:hover, .sidebar-body.menubody ul ul a:focus, .sidebar-body.menubody ul ul a:active {background-image: linear-gradient(to right,#0054A6 4px,rgba(0,0,0,0) 4px);padding-left: 30px;color: #0c581e;}
.newslist{position: relative;}.newslist li{margin-bottom: 15px;}
.newslist li a{display: flex;}.leftcol{width: 30%;flex:0 0 30%;}.rightcol{width: 70%;flex:0 0 70%;}
.newslist li .inner-image{position: relative;overflow: hidden;border-radius: 5px;-webkit-border-radius: 5px;}
.newslist li .inner-image img{display: block;transition: all 300ms ease-in-out;border-radius: 5px;-webkit-border-radius: 5px;}
.newslist li a:hover .inner-image img{transform: scale(1.1);}
.newslist .inner-info{position: relative;padding-left: 15px;}
.newslist .inner-info .inner-meta{font-size: 12px;margin-bottom: 5px;}.newslist .inner-info .inner-meta span{color: #7A7A7A;margin-left: 5px;font-family: 'Roboto', Arial, sans-serif;}
.newslist .inner-info .inner-title{font-family: Arial, sans-serif;color: #555;text-transform: none;font-weight: 600;font-size: 13px;line-height: 1.4;}
.newslist li a:hover .inner-info .inner-title{color: #76BB44;}

.nadicat{display: -ms-flexbox;display: flex;-ms-flex-direction: column!important;flex-direction: column!important; margin-bottom: 2rem;}
.nadicat-header{position: relative;}
.inner-header{display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-direction: row!important;flex-direction: row!important;}
.inner-header{-ms-flex-pack: justify!important;justify-content: space-between!important;}
.inner-header .header-title{line-height: 1.4;color: #333;font-size: 22px;margin-bottom: 15px;text-transform: uppercase;position: relative;padding-bottom: 20px;display: inline-block;}
.inner-header .header-title:before {content: '';position: absolute;background-color: #d71921!important;height: 2px;width: 50%;left: 0px;bottom: 16px;}
.inner-header .header-title:after {content: '';position: absolute;background-color: #d71921!important;height: 2px;width: 30%;left: 0px;bottom: 12px;}
.inner-header .header-title a{color: #0c581e;}.inner-header .header-title a:hover,.inner-header .header-readmore a:hover{color: #d71921!important;}
.inner-header .header-readmore a{color: #333;font-family: Arial, sans-serif;}
.nadicat.nadired-text .inner-header .header-title a{color: #d71921;}
.nadicat.nadigreen-text .inner-header .header-title a{color: #0c581e;}
.nadicat.nadiblue-text .inner-header .header-title a{color: #1021a1;}
.nadicat.border-top{margin-top: 1rem;border-top: 1px solid rgba(0,0,0,.2);padding-top: 15px;}

.catlog-item{background: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;margin-bottom: 20px;padding: 12px;}
.catlog-item a{display: -ms-flexbox;display: flex;-ms-flex-direction: column!important;flex-direction: column!important;}
.catlog-item .cat-item-img{overflow: hidden;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.catlog-item .cat-item-img img{max-width: 100%;height: auto;object-fit: cover;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s; -o-transition: all 0.5s;}
.catlog-item:hover .cat-item-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.catlog-item .cat-item-info{position: relative;}.catlog-item .cat-item-info .cat-item-title{height: 40px;text-transform: none;font-size: 14px;font-weight: 400;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-family: Arial;margin-bottom: 0;text-align: center;}
.catlog-item:hover .cat-item-info .cat-item-title{color: #d71921;}
/** PAGINATION SECTION **/
.pagination .page-item {margin-right: 15px;}
.pagination .page-item .page-link {display: block;width: 38px;height: 38px;line-height: 20px;text-align: center;color: #666;border-radius: 5px;font-size: 0.9rem;box-shadow: 0 0px 30px 5px #e4e4ee;transition: all 500ms ease;border: 0px;padding: 0.5rem;text-align: center;vertical-align: middle;}
.pagination .page-item.active .page-link {background-color: #0c581e!important;transition: all 600ms ease;color: #fff;}
.pagination .page-item .page-link:hover {background-color: #76BB44;color: #fff;border-color: #76BB44 ;}

.decatBox{margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);border-color: #ddd;overflow: hidden;max-height: 300px;position: relative;border-top: 2px solid #57c3b6;}
.decatBox:after {content: "";position: absolute;height: 100px;right: 0;bottom: 0;left: 0;background-image: linear-gradient(to top,#fff,rgba(255,255,255,.5));z-index: 2;}
.decatBox.show{max-height: 100%;}.decatBox.show:after{position: relative;}
.decatContent{padding: 15px;position: relative;}
.decatExpand{position: relative;text-align: center;margin-bottom: 3rem;}
.decatExpand .btn{font-family:'Roboto', Arial, sans-serif; color: #de3168;font-size: 14px;background-color: #F0F0F0;}
.decatExpand .btn:focus, .decatExpand .btn:hover{outline: none;box-shadow: none;}
.decatContent h1,.decatContent h2,.decatContent h3,.decatContent h4,.decatContent h5,.decatContent h6{text-transform: none;}
.decatContent p img, .decatContent img{display: block; margin: 0.6rem auto; max-width: 100%;max-height: 100%!important;}
.decatContent ul, .decatContent ol{margin: 0px; padding: 0px; margin-left: 10px; margin-bottom: 1rem;}
.decatContent ul > li{padding: 3px 0 3px 5px; list-style-type: square; margin-left: 10px;}
.decatContent ol > li{padding: 3px 0 3px 5px; list-style-type: decimal; margin-left: 10px;}
/** BREADCRUMB **/
.pageBreadcrumb{position: relative;}
.pageBreadcrumb .nadiPAGE-head{background-color: #e9ecef;padding: 0 10px;margin-bottom: 20px;}
.pageBreadcrumb .nadi-breadcrumb .breadcrumb li, .pageBreadcrumb .nadi-breadcrumb .breadcrumb li a {font-family: 'Roboto',Arial, sans-serif;font-size: 0.9rem;color: #2b2b2b;}
.pageBreadcrumb .nadi-breadcrumb .breadcrumb-item+.breadcrumb-item::before{transform: none!important; border-top: 0px solid #2b2b2b;border-right: 2px solid #767676;height: 14px;top: 3px;}
.pageBreadcrumb .nadi-breadcrumb .breadcrumb li.active{color: #ff6900;}
.pageBreadcrumb .nadi-breadcrumb .breadcrumb{padding: 0.65rem 0 0.7rem;}

.boxDPGallery {position: relative;cursor: pointer;border: 0px solid #535353;}
.lSSlideOuter .lSPager.lSGallery li {border: 1px solid #FFF7E0;transition: color 700ms ease;}
.lSSlideOuter .lSPager.lSGallery li:hover {border-color: #535353;}
#imageGallery > li > img{width: 100%!important;}
.single-qty {padding: 5px 0 15px;margin-top: 15px;}.box-qty {display: inline-block;position: relative;border: 1px solid #ccc;float: left;margin-right: 10px;min-width: 125px !important;}.box-qty button:focus {outline: none !important;}.box-qty button {background-color: #fff;border: none;text-align: center;float: left;padding: 12px 11px 9px 11px;}.box-qty input {text-align: center;font-size: 16px;padding: 3px;float: left;border: none;vertical-align: middle;width: 55px;height: 41px;background-color: #fff;outline: none;}.box-qty input:focus {border: none!important;outline: none !important; box-shadow: none!important;}.box-qty::after {content: '';clear: both;}.btn-nadi {padding: 8px 10px 10px;border-radius: 0;background-image: linear-gradient(to right, #0c581e, #44BA46, #44BA46, #0c581e);text-align: center;color: #fff;font-weight: 700;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;overflow: hidden;background-size: 300% 100%;box-shadow: 0 10px 50px rgba(46,202,127,.4);border: none;}.btn-nadi:hover, .btn-nadi:focus {background-position: right center;color: #ffffff;outline: none!important;text-decoration: none!important;}.single-submit {position: relative;padding: 10px 0;}.single-submit .btn-addtocart {display: block;overflow: hidden;width: 100%;border-radius: 5px;background-image: linear-gradient(-180deg,#e52025 2%,#d81116 96%);color: #FFFFFF;padding: 8px 10px;font-size: 18px;font-weight: bold;text-transform: uppercase;}.single-submit .btn-addtocart p {margin: 0;text-transform: none!important;font-size: 14px;}
.infoBox{position: relative;}/**
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .single-qty{display: -ms-flexbox;display: flex;-ms-flex-direction: column!important;flex-direction: column!important;}
    .btn-nadi{display:block; margin-top: 5px;}.box-qty{display: block;float: none!important;border: none;}
}**/
@media only screen and (max-width: 991.999999px) {
    .infoBox{margin-top:2rem;}
}
.infoBox .product-title{color: #0c581e;font-size: 22px;line-height: 1.5;text-transform: none;margin-top: 0;margin-bottom: 10px;text-rendering: optimizeSpeed;font-weight: 500;font-family: "Oswald",sans-serif;}
.infoBox .rowNewPrice{margin-bottom: 0.5rem;}.infoBox .rowNewPrice .new-price{color: red;font-size: 26px; line-height: 26px; letter-spacing: .06rem;}
.infoBox .rowOldPrice{margin-bottom: 5px;}.infoBox .rowOldPrice .old-price{color: #724F0A;text-decoration: line-through;font-size: 1.2rem;}
.infoBox .rowOldPrice .percent-price{color: #C82333; font-size: 1.2rem;}
.infoBox .product-info{padding: 10px 15px;margin-bottom: 15px;background: #e9ecef;border-radius: 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;font-size: 15px;}
.infoBox .product-info .product-spec {padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #ccc;}
.infoBox .product-info .product-spec p{margin-bottom: 5px;line-height: 20px;}
.infoBox .product-info .product-desc p{margin-bottom: 10px;}
.infoBox .product-info .product-social{position: relative;}
.product-social ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;width: 100%;}
.product-social ul li:not(:last-child) {margin-right: 5px;}
.product-social li span {font-family: 'Roboto',Arial, sans-serif;font-size: 12px;color: #7A7A7A;}
.product-social ul li a {color: #7A7A7A;border: 1px solid #7A7A7A;width: 25px;height: 25px;text-align: center;display: inline-block;font-size: 11px;line-height: 22px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.product-social ul li a:hover {background-color: #d71921;color: #fff;border-color: #d71921}
.product-policy{border: solid 2px #d71921;border-radius: 25px;padding: 0px 18px 15px 18px;margin-top: 30px;margin-bottom: 20px;}
.product-policy .poli-title{font-family: 'Roboto',Arial, sans-serif;text-transform: uppercase;background: #d71921;color: #fff;font-size: 15px;font-weight: 700;line-height: 30px;height: 30px;border-radius: 30px;margin-bottom: -5px;padding: 0 15px;position: relative;text-align: center;top: -18px;display: inline-block;vertical-align: middle;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.product-policy .poli-content{position: relative;}
.product-policy .poli-content ul li{margin-bottom: 3px;font-family: 'Roboto',Arial, sans-serif;}
.product-policy .poli-content ul li i {color: #d71921;font-size: 16px;width: 18px;}
/** COMMENT BOX **/
.commbox{margin-bottom: 20px;padding:25px 15px;background-color: #fff;border: 1px solid #818285;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.commbox-header{position: relative;margin-bottom: 15px;}
.commbox-header .commbox-title{font-family: 'Oswald',Arial, sans-serif;margin-bottom: 10px;}
.input-item{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column!important;  flex-direction: column!important; margin-bottom: 15px;}
.input-item label{font-family: 'Roboto', Arial, sans-serif; font-weight: 400; color: #555; font-size: 14px; margin-bottom: .2rem!important;}
.input-item label span{color: #EE1A26; margin-left: 5px;}
.input-item p{font-family: 'Roboto', Arial, sans-serif; margin: 0px; font-style: italic;}
.inner-input-item{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row!important;  flex-direction: row!important;}
.inner-input-item .form-control{font-family: 'Roboto', Arial, sans-serif;font-size: 14px; border: none; border-radius: 0px; height: 40px; line-height: 38px; border: 1px solid #818285;}
.inner-input-item .form-control.nadi-form{height: auto; line-height: normal;}
.input-item-icon{width: 35px; flex:0 0 40px; text-align: center;}.input-item-text{width: calc(100% - 40px); flex: 0 0 calc(100% - 40px);}
.input-item-icon span{display: block; background: rgba(12,88,30,1);padding-top: 9px;background: linear-gradient(to right, #76BB44 0%, rgb(0 84 166) 100%); height: 40px; width: 40px; color: #fff; font-size: 1.2rem;}
.input-item.box-btn{-ms-flex-direction: initial!important;  flex-direction: initial!important;}
.btn-register{max-width: 200px; border: none; padding: 10px 15px 10px;}

.inner-input-item span{display: inline-block; margin-right: 3rem;}

.box-register{position: relative; text-align: center; margin-top: 3rem;}
.box-register > a{border: none; font-family: 'Roboto', Arial, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.5rem; padding: 10px 15px;}
.box-radio {display: block;position: relative;padding-left: 35px;margin-bottom: 12px !important;cursor: pointer;font-size: 15px !important;-webkit-user-select: none !important;-moz-user-select: none !important;-ms-user-select: none!important;user-select: none!important;}
/* Hide the browser's default radio button */
.box-radio input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius: 3px;}
/* On mouse-over, add a grey background color */
.box-radio:hover input ~ .checkmark {background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.box-radio input:checked ~ .checkmark {background-color: #0054A6;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.box-radio input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.box-radio .checkmark:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 3px;background: white;}

.btn-register{background: -webkit-gradient(linear, right top, left top, from(#76BB44), to(#0054a6));background: linear-gradient(to left, #76BB44, #0054a6);}
.btn-register:hover{background: -webkit-gradient(linear, right top, left top, from(#76BB44), to(#0054a6));background: linear-gradient(to right, #76BB44 0%, #0054a6 100%);opacity: 0.8;}
/** CHECKBOX CSS **/
.genderList {display: flex;display: -webkit-flex;-ms-flex-direction: row!important;flex-direction: row!important;}
.genderList .boxcheck {display: flex;padding: 0;font-size: 18px;cursor: pointer;min-width: 100px;margin: 0px!important;}
.genderList .boxcheck:not(:first-child) {margin-left: 5px!important;}
.genderList input[type="radio"] {opacity: 0;width: 0px;}
.genderList .genderval {font-family: 'Roboto', Arial, sans-serif;font-size: 15px;position: relative;display: flex;align-items: center;padding: 5px 10px 5px 40px;border-radius: 5px;overflow: hidden;min-width: 100px!important;}
.genderList .genderval:hover {background: rgba(118, 187, 68, 1);color: #fff!important;}
.genderList .genderval::before {content: "";position: absolute;left: 15px;width: 10px;height: 10px;border-radius: 50%;outline-offset: 3px;outline: 2px solid #0c581e;}
.genderList .genderval::after {content: "";position: absolute;left: 15px;top: -15px;width: 10px;height: 10px;border-radius: 50%;transition: 0.2s;}
.genderList .genderval:hover::before {outline-color: #fff!important;}
.genderList input[type="radio"]:checked~.genderval {color: #FFF;border-width: 5px;background: #0054A6;transition: 0.4s;}
.genderList input[type="radio"]:checked~.genderval::before {outline-color: #fff!important;}
.genderList input[type="radio"]:checked~.genderval::after {top: 11px;background: #FFF; animation: shake .15s 2;}
/** PAGE: CONTACT PAGE **/
.nadibox{padding: 20px 15px;background-color: #FFFFFF;margin-bottom: 20px;border: 1px solid #ddd;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.nadiContact {position: relative;}
.nadiSTNLHead > h3 {text-transform: none;font-size: 26px;line-height: 1.12!important;color: #0054A6;margin-bottom: 5px;}
.box-inner {position: relative;margin-top: -3px;}
.box-inner .inner-line {display: inline-block;position: relative;width: 150px;height: 2px;background-color: #0054A6;}
.box-inner .inner-line .inner-squares {position: absolute;content: '';height: 16px;width: 16px;border-radius: 50px;background-color: #0054A6;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.box-inner .inner-line:before, .box-inner .inner-line:after {position: absolute;content: '';height: 10px;width: 10px;background-color: #0c581e;border-radius: 50px;}
.box-inner .inner-line:before {left: 38%;top: 50%;transform: translate(-38%,-50%);}
.box-inner .inner-line:after {left: 62%;top: 50%;transform: translate(-62%,-50%);}
.nadiContactbody {position: relative;padding: 2rem 0 1rem;}
.frmcontact {position: relative;}
.frmcontact .form-control {font-family: 'Roboto', Arial, sans-serif;font-size: 15px;padding: .55rem .75rem .65rem;height: auto;box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);border: 1px solid #08639C;}
.frmcontact .btn-primary {background-color: transparent;background-image: linear-gradient(to right, #0C6DC8, #76BB44, #76BB44, #0C6DC8);background-size: 300% 100%;color: #fff;font-weight: 700;border: none;}
.frmcontact .btn-primary {display: inline-block;padding: 10px 60px 12px 40px;transition: all 0.4s;position: relative;box-shadow: none;}
.frmcontact .btn-primary:hover {background-position: right center;}
.frmcontact i {position: absolute;top: 0;bottom: 0;right: 40px;line-height: 40px;transition: all 0.3s ease-in-out 0s;}
.frmcontact .btn-primary:hover i {right: 20px;}
.contactFooter {display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;}
.contactFooter > li {padding: 0px 0px 0px 40px;position: relative;margin-bottom: 5px;line-height: 25px;}
.contactFooter > li > span:first-child {color: #555;position: absolute;left: 0px;top: 0px;width: 35px;}
.contactFooter > li [class^="nadiicon-"]:before, .contactFooter > li [class*=" nadiicon-"]:before, .contactFooter > li [class^="nadiicon-"]:after, .contactFooter > li [class*=" nadiicon-"]:after { font-size: 22px !important;}
.contactFooter > li > span:last-child {font-family: 'Roboto', Arial, sans-serif;color: #555;font-size: 1rem;}
.contactFooter > li > span > a {font-family: 'Roboto', Arial, sans-serif;color: #555;}
.contactFooter > li > h5 {font-family: 'Roboto', Arial, sans-serif;margin: 0px;font-weight: 700;color: #555;font-size: 1.15rem;text-transform: none;}
.nadiSTNMaps {position: relative;border-top: 2px solid #08639C;}
/** NEWS PAGE **/
.pageStnNews{padding-bottom: 2rem;position: relative;}
.pageStnNews .item-link{position: relative;overflow: hidden;border-radius: 5px;margin-bottom: 15px;}
.pageStnNews .item-link img{display: block;transition: all 300ms ease-in-out;border-radius: 5px;}
.info-news{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column!important;  flex-direction: column!important; }
@media (max-width: 767px) {
    .info-news{margin-top:1.35rem;}    
}
.info-news .info-news-meta{font-family: 'Roboto', Arial, sans-serif;margin-bottom: 5px;color: #7A7A7A;}
.info-news .info-news-meta i{color: #d71921;margin-right: 10px;}
.info-news .info-news-text{font-family: 'Roboto', Arial, sans-serif; font-weight: 600;margin-bottom: 5px;font-size: 1.2rem; }
.info-news .info-news-text a{color: #555;}
.info-news:hover .info-news-text a{color: #0054A6;}
.info-news .info-news-desc{font-family: 'Roboto', Arial, sans-serif;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.info-news .info-news-readmore{position: relative;}
.info-news .info-news-readmore a{font-family: 'Roboto', Arial, sans-serif;font-size: 14px;color: #d71921;font-size: 15px;}    
/** DENEWS **/
.pagebox{padding: 10px 15px 20px;background-color: #FFFFFF;margin-bottom: 20px;border: 1px solid #ddd;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}    
.pagebox{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column!important;  flex-direction: column!important;}  
.pagebox-header{position: relative;padding-bottom: 5px;margin-bottom: 15px;border-bottom: 1px solid #e9ecef;}  
.pagebox-meta{font-family: 'Roboto', Arial, sans-serif;font-size: 14px;}  
.pagebox-meta span{color: #d71921;margin-right: 5px;}  
.pagebox-social {position: relative;}
.pagebox-social ul {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;width: 100%;}
.pagebox-social ul li:not(:last-child) {margin-right: 5px;}
.pagebox-social li span {font-family: 'Roboto',Arial, sans-serif;font-size: 12px;color: #7A7A7A;}
.pagebox-social ul li a {color: #7A7A7A;border: 1px solid #7A7A7A;width: 25px;height: 25px;text-align: center;display: inline-block;font-size: 11px;line-height: 22px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.pagebox-social ul li a:hover {background-color: #d71921;color: #fff;border-color: #d71921}
.pagebox-title{position: relative;margin-bottom: 15px;}
.pagebox-title .title{text-transform: none;margin: 0px;font-family: 'Roboto',Arial, sans-serif;color: #0054A6;}
.pagebox-body{position: relative;}
.pagebox-content img{display: block; max-width: 100%;margin-left: auto; margin-right: auto;margin-bottom: 15px;margin-top: 15px;}
.pagebox-content h1, .pagebox-content h2,.pagebox-content h3,.pagebox-content h4,.pagebox-content h5,.pagebox-content h6{
    text-transform: none;
}   
.pagebox-content ul{margin-top: 15px;}
.pagebox-content ul li{padding-left: 30px;margin-bottom: 10px;position: relative;}
.pagebox-content ul li:before{content: '';position: absolute;top: 6px; left: 6px;height: 6px;width: 6px;background-color: #cccccc;}
.relation-items{counter-reset: my-awesome-counter;}
.relation-items li{position: relative; padding-left: 10px;margin-bottom: 5px;counter-increment: my-awesome-counter;}
.relation-items li:before{content: counter(my-awesome-counter) ". ";}
.relation-items li a{font-family: 'Roboto',Arial, sans-serif;color: #0054A6;}
.relation-items li a:hover{color: #d71921;}

.project-item{background: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;margin-bottom: 20px;padding: 12px;}
.project-item:hover{box-shadow: 0 10px 20px 0 rgba(0,0,0,.1), 0 6px 20px 0 rgba(0,0,0,.1);-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1), 0 6px 20px 0 rgba(0,0,0,.1);}    
.project-item a{display: block;}
.project-item-image{overflow: hidden;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.project-item-image img{max-width: 100%;height: auto;object-fit: cover;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.project-item:hover .project-item-image img{transform: scale(1.1);}
.project-item-info{position: relative;}
.project-item-info .project-item-title{height: 40px;text-transform: none;font-size: 14px;font-weight: 400;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-family: Arial;margin-bottom: 0;text-align: center;line-height: 1.5;}
.pagebox.background-green{background-color: #e9ecef;padding-bottom: 10px;}
.pagebox.background-green .pagebox-title{margin: 0px;}
.pagebox.background-green .pagebox-header{border-bottom-color: #cccccc;}
.project-item.gallery{height: 205px;}.project-item.gallery a{display: block; height: 100%;overflow: hidden;} .project-item.gallery img{display: block; width: 100%;height: 100%;object-fit: cover; object-position: bottom; transition: all 300ms;}
.project-item.gallery:hover img{transform: scale(1.1);}
.stnTPage {position: relative;}
.breadcrumb-title {display: flex;align-items: flex-end;}
.breadcrumb-title {padding-bottom: 0.8rem; padding-top: 0rem;border-bottom: 1px solid #4d4d4d!important;}
.breadcrumb-title .title-page {margin: 0px; line-height: 24px; text-transform: none;}
.breadcrumb-title .title-page a {display: inline-block;color: #0c581e!important;font-size: 22px;line-height: 22px;}
.title-parent {text-transform: none;margin: -3px 0;font-size: 24px;line-height: 34px;font-weight: 400;color: #222!important;}
.title-parent a,.title-parent a:focus,.title-parent a:hover {color: #a0a4a8!important;}
.title-subpage {display: flex;align-items: center;text-transform: none!important;margin: 0;font-size: 24px;line-height: 28px;font-weight: 600;}
.title-subpage::before {content: "›";position: relative;margin: 0 10px 0 12px;font-weight: 500;color: gray!important;}
.title-subpage a,.title-subpage a:hover,.title-subpage a:focus {color: #222!important;}
.nadiDProduct{position: relative;padding-bottom: 2rem;}
.boxInfoOrder{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column!important;  flex-direction: column!important;}
.boxInfoBiz {position: relative;overflow: hidden;margin-bottom: 5px;}
.boxInfoBiz .headerCart, .boxInfoOrder .headerCart {margin: 0;padding: 5px;background-color: #fbfbfb;border: 1px solid #eee;}
.boxInfoBiz .headerCart > h4, .boxInfoOrder .headerCart > h4 {margin: 0;padding: 5px 10px;text-transform: none;color: #D61921;}
.boxInfoBiz .bodyCart, .boxInfoOrder .bodyCart {background-color: #fff;border: 1px solid #eee;border-top: none;padding: 6px 10px;}
.boxInfoBiz .bodyCart .form-group {padding-left: 0px;padding-right: 0px;}
.boxInfoBiz .bodyCart .form-control {font-family: 'Roboto',Arial, sans-serif;border-radius: 0;border: 1px solid #535353;}
.boxInfoBiz .bodyCart .form-control:focus {box-shadow: none;}
.boxInfoBiz .bodyCart .btn-cart {border-radius: 0;background-color: #D83F24;border-color: #D83F24;}
.boxInfoBiz .bodyCart .btn-cart:hover,.boxInfoBiz .bodyCart .btn-cart:focus {background-color: #0c581e!important;border-color: #0c581e!important;outline: none;box-shadow: none;}
.boxInfoBiz .bodyCart span {color: red;}
.boxInfoOrder .bodyCart a {color: #555;}
.boxInfoOrder .bodyCart a:hover {color: #EFD22C;}
.boxInfoOrder .bodyCart a.btn-empty {color: #ffffff!important;background: linear-gradient(90deg,rgba(31,177,120,1) 0,rgba(3,145,158,1) 100%,rgba(0,212,255,1) 100%);}
.boxInfoOrder .bodyCart table {min-width: 630px;}
.box-qty {display: flex;position: relative;border: 1px solid #ccc;background-color: #fff;float: left;margin-right: 20px;min-width: 100px !important;}
.box-qty button:focus {outline: none !important;}
.box-qty button {background-color: #fff;border: none;text-align: center;width: 31px;}
.box-qty input {width: calc(100% - 62px);text-align: center;padding: 3px;border: none;vertical-align: middle;height: 35px;background-color: #fff;}.box-qty input:focus {border: none;outline: none !important;}
.box-qty::after {content: ''; clear: both;}
.boxInfoOrder .bodyCart {padding: 6px 10px;}
.boxInfoBiz .bodyCart label {font-family: 'Roboto',Arial, sans-serif;font-weight: normal;font-size: 14px;text-align: right;}
.boxInfoBiz .bodyCart.bodyContact {padding: 15px 0;}
.boxInfoOrder .footerCart {margin: 0;padding: 5px;background-color: #fbfbfb;border: 1px solid #eee;}
.boxInfoOrder .footerCart a.btn-continue, .boxInfoOrder .footerCart a.btn-continue:focus {border-radius: 0;background-color: #0c581e!important;border-color: #0c581e!important;outline: none; box-shadow: none;color: #FFFFFF!important;}
.boxInfoOrder .footerCart a.btn-continue.btn-checkout {background-color: #535353;}
.boxInfoOrder .footerCart a.btn-print {border-radius: 0;}
.bodyCart table thead tr th,.bodyCart table tbody tr td,.bodyCart table tbody tr td a,.bodyCart table tfoot tr td{font-family: 'Roboto',Arial, sans-serif;}
.bodyCart table tfoot tr td{font-weight: 600;}
/** ====================================================== *
 * PAGE: EMPTY CART 
 * ========================================================*/
.boxEmpty {position: relative;overflow: hidden;padding: 50px 0;text-align: center;}
.boxEmpty > span {display: inline-block;width: 150px;}
.boxEmpty > p {font-size: 15px;color: #535353;font-weight: bold;}
.boxEmpty > .btn-empty {background-color: #2878d7;color: #fff;}
.boxInfoOrder .bodyCart a.btn-empty {color: #ffffff!important;background-image: linear-gradient(to right, #0C6DC8, #76BB44, #76BB44, #0C6DC8);background-size: 300% 100%;border-radius: 0px; padding: 8px 30px 9px;}
.boxInfoOrder .bodyCart a.btn-empty:hover {background-position: right center;}
/** ADS **/
.sidebar.boxads{padding-bottom: 0px!important;margin-bottom: 0px!important;border: none!important;}
.sideads{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column!important;  flex-direction: column!important;}
.sideads li{flex:1;}.sideads li:not(:first-child){margin-top: 10px;}

    /**.mm-panel, .mm-panels{background: rgb(194, 166, 24); background: linear-gradient(90deg , rgb(194, 166, 24) 0%, rgb(208, 139, 62) 34%, rgb(186, 173, 16) 69%, rgb(163, 127, 29) 100%);}**/
    .mm-panel, .mm-panels{background: #0054A6;}
    .mm-navbar__title{text-transform: uppercase !important; color: #FFFFFF!important;}
    .mm-listitem__text{padding-bottom: 8px; padding-top: 8px;}
    .mm-navbar {background: #76BB44; border-bottom: 1px solid #76BB44;}
    .mm-navbar a, .mm-navbar a:hover {color: #fff; font-weight: bold; font-size: 2rem;}
    .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited{font-family: 'Roboto',Arial,sansans-serif; color: #FFFFFF; text-transform: none; font-size: 15px;} 
    .mm-btn_next:after, .mm-btn_prev:before {border-left: 2px solid #fff; border-top: 2px solid #fff;}
    .mm-listitem{border-bottom: 1px solid #fff;}    
    .mm-listitem::after{border-bottom: none !important;}
    .mm-listitem_selected > .mm-listitem__text{background: transparent;}
    .mm-listitem_divider{background-color: #6c757d; color: #fff; font-weight: bold;}
    .mm-listitem__btn:not(.mm-listitem__text){border-color: #fff;}

 
/**
 * Css for social
 */
    .box-social{margin-top: 15px;}
    .box-social .fa{padding: 7px; font-size: 15px; width: 30px; text-align: center; text-decoration: none; margin-right: 5px; margin-bottom: 5px; border-radius: 5px;}
    .box-social .fa:hover {opacity: 0.7;}
    .box-social .fa-facebook {background: #3B5998; color: white;}
    .box-social .fa-linkedin {background: #007bb5; color: white;}
    .box-social .fa-youtube {background: #bb0000; color: white;}
    .box-social .fa-youtube-play {background: #bb0000; color: white; border: 1px solid #edcc5d;}
    .box-social .fa-instagram {background: #125688; color: white;}
    .box-social .fa-pinterest {background: #cb2027; color: white;}
    .box-social .fa-snapchat-ghost {background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
    .box-social .fa-skype {background: #00aff0; color: white;}
    .box-social .fa-android {background: #a4c639; color: white;}
    .box-social .fa-dribbble {background: #ea4c89; color: white;}
    .box-social .fa-vimeo {background: #45bbff; color: white;}
    .box-social .fa-tumblr {background: #2c4762; color: white;}
    .box-social .fa-vine {background: #00b489; color: white;}
    .box-social .fa-foursquare {background: #45bbff; color: white;}
    .box-social .fa-stumbleupon {background: #eb4924; color: white;}
    .box-social .fa-flickr {background: #f40083; color: white;}
    .box-social .fa-yahoo {background: #430297; color: white;}
    .box-social .fa-soundcloud {background: #ff5500; color: white;}
    .box-social .fa-reddit {background: #ff5700; color: white;}
    .box-social .fa-rss {background: #ff6600; color: white;}
    .box-social .fa-twitter {background: #55ACEE; color: white;}
/** ==============================================
 * BUTTON HOTLINE
 * ===============================================*/    
    ul.box-hotline-fix{position: fixed; right: 8px; bottom: 80px; margin: auto; z-index: 999;}
    ul.box-hotline-fix li{padding: 0px; margin: 0px 0px 15px 0px;}
    ul.box-hotline-fix li a{display: block; text-indent: -9999px; z-index: 10000; cursor: pointer;}
    ul.box-hotline-fix li.zalo-hot a{background: url(../icon/zalo-icon.png) center center no-repeat; background-color: #3178df; background-size: 100% !important; border-radius: 100%; width: 55px; height: 55px; text-indent: -9999px;}
    ul.box-hotline-fix li.fb-hot a{background: url(../icon/message-icon.png) center center no-repeat; background-size: 100% !important; border-radius: 100%; width: 55px; height: 55px; text-indent: -9999px;}
    
    ul.box-hotline-fix li.phone-hot .call-animation{background: transparent; width: 55px; height: 55px; position: relative; margin: 0 auto; border-radius: 100%; border: solid 0px red;  animation: play 2s ease infinite; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;  backface-visibility: hidden;}
    @keyframes play {0% {transform: scale(1);} 15% {box-shadow: 0 0 0 5px rgba(203, 15, 64, 0.4);} 25% {box-shadow: 0 0 0 10px rgba(188, 16, 16, 0.4), 0 0 0 20px rgba(221, 43, 70, 0.86);} 35% {box-shadow: 0 0 0 15px rgba(190, 16, 16, 0.4), 0 0 0 30px rgba(180, 17, 92, 0.2);}}
    ul.box-hotline-fix li.phone-hot .call-animation a{height: 55px; width: 55px;}
    ul.box-hotline-fix li.phone-hot .call-animation img{position: absolute; height: 55px; width: 55px; top: 0px; right: 0px; border-radius: 100%;}
/** CONSULTANT BOX **/
    .consultantBox .listBox li{border-top-left-radius: 5px;border-bottom-left-radius: 5px;margin-bottom: 10px;width: 200px;display: flex;align-items: center;position: fixed;z-index: 1010;overflow: hidden; right: -160px;-webkit-transition: background .2s ease,all linear .3s;-moz-transition: background .2s ease,all linear .3s;-ms-transition: background .2s ease,all linear .3s;transition: background .2s ease,all linear .3s; padding: 0;background-color: #dcdcdc;cursor: pointer;}
    .consultantBox .listBox li:hover {right: 0;-webkit-transition: background .2s ease,all linear .3s;-moz-transition: background .2s ease,all linear .3s;-ms-transition: background .2s ease,all linear .3s;transition: background .2s ease,all linear .3s;color: unset;}
    .consultantBox .listBox li:nth-child(1) {top: 145px;}
    .consultantBox .listBox li:nth-child(2) {top: 190px;}
    .consultantBox .listBox li:nth-child(3) {top: 235px;}
    .consultantBox .listBox li:nth-child(4) {top: 280px;}
    .consultantBox .listBox li .boxtitle{display: flex;color: #535353;text-transform: unset; padding: 10px 5px 10px 10px;font-size: 16px; font-weight: 700;}
    .consultantBox .listBox li:hover .boxtitle{color: #aa221d;}
    .consultantBox .listBox li span{font-size: 1.35rem; margin-right: 25px;}
/**
 * OnTop
 */
    .loadTop{} 
    .loadTop.show{bottom: 15px;}
    .loadTop{position: fixed; bottom: 110%; left: 15px; transition: 1s ease; z-index: 999;}
    .loadTop > .imgMTop{position: relative;}
    .loadTop > .imgMTop:hover{cursor: pointer;}
    .loadTop > .imgMTop > img{width: 50px;}