/*/?@charset "UTF-8";*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/** -------------------------------------------
 * media
 * -------------------------------------------*/
@media only screen and (min-width: 1367px){.container {width: 1360px;}}
@media (min-width: 1200px){
    .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;width: 100%!important;border-radius: 8px;}
    .ismb {display: none; }.isbanner-mb{display: none;width: 100%!important;border-radius: 8px;}
@media (max-width: 991px) {
    .ispc {display: none!important; } 
    .ismb {display: block!important;}
}
@media (max-width: 767px) {
    .isbanner-pc {display: none; } 
    .isbanner-mb {display: block;}
}
/** RESET CARD CSS */
    body{background-color: #fff; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 1.4; color: #555;}
/* Typography */
    h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; -webkit-font-smoothing:antialiased; color: #282828; text-transform: uppercase;}
    h1{font-size: 30px; font-weight: 700; line-height: 1.5; margin: 0 0 10px; letter-spacing: -0.04em;}
    h2{font-size: 24px; 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: 17px;}
    h4{font-size: 15px;}
    h5,h6{font-size: 14px; 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: 'Montserrat', sans-serif; transition: all 0.4s ease-in-out 0s; outline: none!important;text-decoration: none!important;}
    a:focus,a:hover{color: #76BB44;}
    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{display: block; list-style: none; padding: 0; margin: 0;}  
    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: 'Montserrat', sans-serif; font-size: 14px;}
    .overlay-layer{overflow: visible!important;}    
    .object-cover {object-fit: cover;}
    .rounded-2xl {border-radius: 1rem;}
/*---------------------------------
        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;}
/** SET BACKGROUND **/
    .homeborder{position: relative;height: 1px;background-color: #ccc;z-index: 3;overflow: hidden;}
    .homeborder.show{height: 0px!important;}
    .homeborder:after{position: relative;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;}
/** SET GENERAL **/
    .nadiWrapper{position: relative;background-color: #FCFCFD!important;}
    .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;}
/** 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: #2C3D94; transition:  all 600ms ease; color: #fff;}
    .pagination .page-item .page-link:hover{background-color: #F6CD4C; color: #fff; border-color: #76BB44 ;}
/** ====================================================== *
 * GENERAL: BREADCRUMB
 * ========================================================*/
    .stnBreadCrumb{position: relative; background-color: #fff;}    
    .stnBreadCrumb .breadcrumb{border-radius: 0px;  margin: 0px; background: transparent; padding: 0px!important;-ms-flex-wrap: nowrap;flex-wrap: nowrap;overflow-x: scroll;}
    .stnBreadCrumb .breadcrumb li {position: relative; padding: 5px 0;}
    .stnBreadCrumb .breadcrumb li a {display: block; color: #535353!important;font-size: 0.9rem!important;padding: 8px 0 6px;}
    .stnBreadCrumb .breadcrumb > li.home a{color: #724F0A;}
    .stnBreadCrumb .breadcrumb > li.active {}
    .stnBreadCrumb .breadcrumb-item+.breadcrumb-item{padding-left: 20px;}
    .stnBreadCrumb .breadcrumb-item+.breadcrumb-item::before{content:"";width: 10px;height: 10px;border-top: 2px solid #535353;border-right: 2px solid #535353;transform: rotate(45deg);position: absolute;left: 2px;top: 18px;}
    
    .nadi-breadcrumb{position: relative;border-bottom: 1px solid #ebebeb;overflow: hidden;white-space: nowrap;}
    .nadi-breadcrumb .breadcrumb{background: transparent!important; margin: 0px; padding: 0.5rem 0px;}
    .nadi-breadcrumb .breadcrumb::-webkit-scrollbar{display: none;}
    .nadi-breadcrumb .breadcrumb li, .nadi-breadcrumb .breadcrumb li a{font-size: 1.1rem; color: #fff;}
    .nadi-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before {color: #fff!important;}    
/** BREADCRUMB TITLE **/
    .stnTPage{position: relative;}.breadcrumb-title{display: flex;align-items: flex-end;}
    .breadcrumb-title{padding-bottom: 20px;padding-top: 20px;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: #2C3D94!important;font-size: 24px;line-height: 24px;text-transform: uppercase;}
    .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;}


/** SET HEADER **/
    .wrapHeader{display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important;}
    .wrapHeader{position: relative;z-index: 999;}
    
    .stnDHeader{display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important;}
    .topHeader{background-image: linear-gradient(90deg, #08639C 10%, #0e73e4 100%); padding: 0; position: relative; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; color: #fff; }
    .HTop-contact-list{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important;}
    .HTop-contact-list > li {line-height: 40px;}
    .HTop-contact-list > li > i{font-size: 14px; color: #fff; margin-right: 6px; vertical-align: middle;}
    .HTop-contact-list > li > a {transition: all 0.4s ease-in-out 0s; color: #fff; border-right: 1px solid #2a8af5; margin-right: 20px; padding-right: 20px;}
    
    .HTop-share-list{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important;}
    .HTop-share-list{ -webkit-box-pack: end!important; -ms-flex-pack: end!important; justify-content: flex-end!important; }
    .HTop-share-list > li {font-size: 14px; line-height: 40px; }
    .HTop-share-list > li.opening{border-color: #2a81e1 !important;}
    .HTop-share-list > li.opening > span{border-right: 1px solid #2a8af5;margin-right: 5px;padding-right: 20px;font-style: normal;}
    .HTop-share-list > li.opening > span > i {margin-right: 8px; line-height: 20px;}
    .HTop-shase ul li + li {margin-left: 15px;}
    .HTop-share-list > li a {display: block; color: #0a0a0a; transition: all 0.4s ease-in-out 0s; text-decoration: none;}
    .HTop-share-list > li a i{text-align: center; display: inline-block; color: #fff;}
    .HTop-share-list > li a:hover i, .HTop-share-list > li a i:hover{color: #f7f8f9;}
    /** bottomHeader css **/
    .bottomHeader{position: relative;background: #FFFFFF;min-height: 61px;-webkit-box-shadow: 0 3px 6px 0px rgba(0,0,0,.1);  box-shadow: 0 3px 6px 0px rgba(0,0,0,.1);padding-bottom: 2px;padding-top: 2px;}
    .bottomHeader.is-sticky{position: fixed!important; width: 100%; z-index: 999; -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;-webkit-box-shadow: 0 15px 15px 0px rgba(0,0,0,.1);  box-shadow: 0 15px 15px 0px rgba(0,0,0,.1);background-color: #f5f9fd!important;}
/** LOGO TOP AND NAV **/
@media (min-width: 992px){    
    .navbar-expand-lg .navbar-collapse {-webkit-box-pack: end!important; -ms-flex-pack: end!important; justify-content: flex-end!important;}
} 
    /** Desktop NAV **/
    .bottomHeader .navbar{padding: 0px;}
    .navbar-nav .nav-link{text-transform: uppercase;}    
    .navbar-nav .dropdown-menu{margin: 0px; padding: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; min-width: 220px!important;border: none!important;}
    .navbar-nav .dropdown-menu li{border-bottom: 1px solid #FFF; border-right: 0px!important;}
    .navbar-nav .dropdown-menu li:last-child{border-bottom: 0px;}
    .navbar-nav .dropdown-menu .dropdown-item{padding: .45rem 0.75rem; background: #2C3D94;color: #FFF;}
    .navbar-nav .dropdown-menu .dropdown-item:hover{background: #F6CD4C;color: #2C3D94;}
    .navbar-brand{padding: 3px;}
    .navbar-brand img{max-width: 160px;max-height: 50px;}   
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: .75rem;  padding-left: .75rem; padding-top: 1rem; padding-bottom: 1rem; color: #333; font-weight: 500;font-size: .875rem;line-height: 1.375rem; text-transform: none; }
    .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: transparent!important;color: #2C3D94!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: .75rem; }
}
    .navbar-right{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;margin-left: 15px;}
    .navbar-right:before{position: absolute;top: 50%;left: 0;content: "";width: 1px;height: 25px;background-color: rgba(0, 0, 0, 0.18);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
    .navbar-right .navopt-item{margin: 0 0 0 20px;}
    .btndsearch{background-color: transparent;border: none;padding: 0;position: relative;}
    .btndsearch:focus{text-decoration: none;outline: none!important;}
    .btndsearch i{font-weight: 900;color: #000;}
    /** 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: #FFFFFF;border-bottom: 1px solid #2C3D94;}
    .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: 0px; height: 60px;}
    .mrow .mfcol,
    .mrow .mnfcol,
    .mrow .mnlcol,
    .mrow .mlcol{width: 45px; flex: 0 0 45px;}
    .mrow .mccol{width: calc(100% - 180px);}
    
    .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: #2C3D94;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: start !important; justify-content: start !important;padding-top: 3.5px;}
    .brand-logo img{max-height: 40px;}
@media only screen and  (max-width: 991.999999px){
    .brand-logo{margin-top:10px;}
    .brand-logo img{max-height: 35px;}
}    
    .mboxprofile, .mboxcheckout{position: relative;}
    .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: #FFF; border-radius: 50%;width: 40px;height: 40px;color: #2C3D94;font-size: 1.1rem;font-weight: 700;}
    .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;}
 /** css menu */ 
    /**.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: #2C3D94;}
    .mm-navbar__title{text-transform: uppercase !important; color: #2C3D94!important;}
    .mm-listitem__text{padding-bottom: 8px; padding-top: 8px;}
    .mm-navbar {background: #F6CD4C; border-bottom: 1px solid #EEEFEF;}
    .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{color: #FFFFFF; text-transform: none; font-size: 15px;} 
    .mm-btn_prev:before {border-left: 2px solid #2C3D94; border-top: 2px solid #2C3D94;}
    .mm-btn_next:after{border-left: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF;}
    .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;}
/** SLIDER SECTION **/  
    .stnBanner{position: relative;}.box-banner{padding-top: 2rem;}
    .carousel-control-prev-icon {background-image: url(../icon/arrow-left-white.png);}
    .carousel-control-next-icon {background-image: url(../icon/arrow-right-white.png);}
    .carousel-control-next-icon, .carousel-control-prev-icon{width: 50px; height: 60px;}
    .carousel-control-prev:hover .carousel-control-prev-icon, .carousel-control-next:hover .carousel-control-next-icon{background-color: rgba(238,239,239,.5);}
    .carousel-control-next, .carousel-control-prev{width: 80px;}
/** PRODUCT **/
    .stnProduct{padding-bottom: 0.5rem;padding-top: 3rem;}
    .panel-product{position: relative;display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;margin-bottom: 2rem;box-shadow: 0px 5px 20px rgba(0,0,0,0.05);}
    .panel-product.notshadow{box-shadow: none!important;}
    .panel-product::last-child{margin-bottom: 0px;}
    .panel-product-header{border-bottom: 2px solid #007CC2;}
    .inner-header{display: flex;display: -webkit-flex;align-items: center;-webkit-box-pack: justify!important;-ms-flex-pack: justify!important;justify-content: space-between!important;}
    .inner-header .header-lcol,.inner-header .header-rcol{position: relative;}
    .inner-header .header-title{position: relative;margin: 0px;background-color: #007CC2;color: #FFFFFF;padding: 8px 5px 8px 10px;text-transform: none;font-size: 1rem;border-top-left-radius: 5px;border-top-right-radius: 5px;}
    .inner-header .header-title:after {content: '';position: absolute;left: 99%;bottom: 0px;width: 0;height: 0;border-bottom: 38px solid #007CC2;border-right: 38px solid transparent;}
    .inner-header .header-rcol a{display: inline-block;padding: 5px 15px 6px;color: #555;transition: all 400ms ease;font-weight: 700;}
    .panel-product-body{position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 10px 0px!important;}
    .product-item{position: relative;}
    .product-item .card{border: 1px solid rgba(0,0,0,0.05);}.product-item .card-header{border-bottom-color: rgba(0,0,0,0.05);background: transparent!important;}
    .product-item .card-title{color: #121212;font-size: 1.1rem;display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;min-height: 38px;overflow: hidden;line-height: 1.1;font-weight: 500;text-align: justify;text-transform: none;margin-bottom: 5px;letter-spacing: -0.02rem;}
    .product-item .card-price{display: flex;align-items: center;flex-flow: wrap;margin-bottom: 5px;}
    .card-price .price-new{font-size: 0.9rem;font-weight: 600;color: #fa3c4c;margin-right: 0.5rem;}
    .card-price .price-old{font-size: 1.1rem;color: #cccccc;text-decoration: line-through;font-weight: 400!important;}
    .product-item .card-model{padding: 0px;margin: 0px;font-size: 0.9rem;color: #252525;}
    .product-item .card:hover{box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1), 0 6px 20px 0 rgba(0,0,0,0.1);}
    .owl-homecat.owl-carousel .owl-nav button.owl-next, 
    .owl-homecat.owl-carousel .owl-nav button.owl-prev{padding: 4px 7px!important;text-decoration: none;box-shadow: no!important;background-color: #08639C;color: #fff;}
    .owl-homecat.owl-carousel .owl-nav button.owl-next:focus,.owl-homecat.owl-carousel .owl-nav button.owl-next:hover,
    .owl-homecat.owl-carousel .owl-nav button.owl-prev:focus,.owl-homecat.owl-carousel .owl-nav button.owl-prev:hover{box-shadow: none;outline: none!important;background-color: #76BB44;}
    
    .headerBox{background: url('../images/background/background-special.jpg') center center / cover no-repeat;padding: 2.8rem 30px;margin: 0px auto;width: 100%;border: 0px solid rgb(153, 153, 153);border-radius: 16px;margin-top: 1rem;margin-bottom: 1.5rem;}
    .headerBox .headerBox-Title{-webkit-flex-grow: 1;flex-grow: 1;font-size: 24px;text-align: start;font-weight: 700;color: rgb(44, 61, 148);margin-bottom: 0px;resize: none;width: auto;height: auto;overflow-wrap: break-word;text-transform: uppercase;}
    .headerBox .headerBox-Desc{font-size: 16px;text-align: start;font-weight: 400;color: rgb(44, 61, 148);margin-bottom: 0px;resize: none;width: auto;height: auto;overflow-wrap: break-word;}
    
    .cardBox{position: relative;height: auto;border-width: 1px;border-style: solid;border-color: rgba(242,242,242,1);border-radius: 0.75rem;background-color: #FFFFFF!important;}
    .cardInBox{position: relative; display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important;-ms-flex-pack: center!important;justify-content: center!important;}
    .cardBox-Thumb{padding: 0.5rem;}
    .cardBox-Thumb > a{position: relative;display: block;border-radius: 0.75rem;}
    .cardBox-Thumb .imgThumb{display: block;position: relative; overflow: hidden;border-radius: 0.625rem;width: 100%;padding-top: 100%;}
    .cardBox-Thumb img{vertical-align: middle;border-style: none;border-radius: 0.625rem;height: 100%;object-fit: cover;overflow: hidden;position: absolute;top: 0;width: 100%;-webkit-transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);transition-duration: 1s;}
    .cardBox .cardBox-Thumb:hover img{-webkit-transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1.1) scaleY(1.1);transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1.1) scaleY(1.1);}
    .cardBox-Info{position: relative;padding: 0.5rem;}
    .cardBox-Info > a{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;padding: 0.5rem;gap: 0.5rem;}
    .cardBoxContent{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;gap: 0.5rem;}
    .cardBoxContent .cardBox-icon{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
    .cardBoxContent .cardBox-icon span{display: block;}
    span.w-5{width: 1.5rem;}span.h-5{height: 1.5rem;}
    .cardBoxContent .cardBox-Text{font-weight: 700;height: 2.75rem;font-size: .875rem;line-height: 1.375rem;--tw-text-opacity: 1;color: rgba(51,51,51,1);overflow-wrap: break-word;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .cardBoxContent .cardBox-Text .textTitle{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .cardBoxRate{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;font-size: .75rem;line-height: 1rem;padding-left: 2rem;padding-right: 2rem;width: 100%;gap: 0.125rem;}
    .cardBoxRate .boxStar{display: inline-block;color: inherit;font-style: normal;line-height: 0;text-align: center;text-transform: none;vertical-align: -0.125em;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
    .cardBoxRate .textStar{color: #555;}
    .cardBox-Cate{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;padding: 0.5rem;width: 100%;border-top: 1px solid rgb(230, 230, 230);height: 60px;}
    .cardBox-Catalog{display: -webkit-flex;display: flex;}
    .cardBox-Catalog > li{box-sizing: border-box;font-variant: tabular-nums;list-style: none;-webkit-font-feature-settings: "tnum","tnum";font-feature-settings: "tnum","tnum";display: inline-block;height: auto;margin: 0 8px 0 0;background: #fafafa;border: 1px solid #e6e6e6; opacity: 1;transition: all .3s;border-color: transparent;padding: 4px 8px;border-radius: 8px;font-style: normal;font-weight: 500;font-size: 12px;line-height: 20px;color: rgba(44,61,148,1);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background-color: rgb(234, 236, 244);max-width: 10.25rem;}
    .cardBox-Catalog > li > span{font-size: .75rem;line-height: 1rem;}
    
    [type=reset], [type=submit], button, html [type=button] {-webkit-appearance: button;}
    .cardBox-Btn{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;padding-left: 0.5rem;padding-right: 0.5rem;padding-bottom: 0.75rem;gap: 1rem;}
    .cardBox-Btn > a{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;line-height: 1.5715;position: relative;font-weight: 500;white-space: nowrap;text-align: center;cursor: pointer;transition: all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select: none;-ms-user-select: none;touch-action: manipulation;border: 1px solid #2c3d94;height: 32px;padding: 5.6px 7px;font-size: 12px;border-radius: 0.75rem;color: #fff;background: #2c3d94;border-color: #2c3d94;text-shadow: 0 -1px 0 rgba(0,0,0,0.12);box-shadow: none;width: 100%;}

/** SERVICES **/
    .stnServices{position: relative;background-color: #F0F4FF;padding-bottom: 3rem;padding-top: 3rem;}
    .stnHeader{position: relative; display: flex; display: -webkit-flex; -ms-flex-direction: column!important;  flex-direction: column!important; margin-bottom: 2rem;-ms-flex-pack: center!important;justify-content: center!important;}
    .stnHeader .header-title-h4{text-align: center; font-size: 1.45rem; color: #FEBF12; font-weight: 700; text-transform: capitalize;}
    .stnHeader .header-title-h2{text-align: center; font-size: 1.6rem; color: #2C3D94; font-weight: 700; text-transform: capitalize;}
    .stnHeader .header-divider{text-align: center;}
    .stnHeader .header-divider .header-inner-divider{display: inline-block; position: relative; z-index: 1;}
@media (min-width: 600px) and (max-width: 991px) {
    .stnHeader .header-title-h4{font-size: 1.4rem;}.stnHeader .header-title-h2{font-size: 1.8rem;}
}
@media (max-width: 599px) {
    .stnHeader .header-title-h4{font-size: 1.2rem;}.stnHeader .header-title-h2{font-size: 1.5rem;}
} 
    .serviceCard{margin: 15px 0; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);box-shadow: 0 0 15px rgba(0,0,0,0.1);border-radius: 10px;background-color: #fff;cursor: pointer;}
    .serviceCard .service-images{position: relative;}
    .serviceCard .service-images a{display: block;position: relative;overflow: hidden;border-radius: 10px 10px 0 0;}
    .serviceCard .service-images img{display: block; transition: all 400ms ease-in-out;}    
    .serviceCard .service-images .service-icon{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: absolute;width: 65px;height: 65px;-webkit-transition: 0.4s;transition: 0.4s;bottom: -25px;right: 25px;background-color: #08639C;border-radius: 5px;}
    .serviceCard .service-images .service-icon i{font-size: 32px;line-height: 0.8;margin: 0 auto;color: #fff;-webkit-transition: 0.4s;transition: 0.4s;}
    .serviceCard .service-info{padding: 30px 25px 20px;}    
    .serviceCard .service-info h3{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 53px!important;}
    .serviceCard .service-info h3{margin-bottom: 8px;text-transform: none;}
    .serviceCard .service-info h3 a{color: #000;font-size: 22px;line-height: 1.2;}
    .serviceCard .service-info p{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 48px!important;}
    .serviceCard .service-info p{font-size: 16px;line-height: 1.5; color: #666;}
    .serviceCard:hover .service-images .service-icon{background-color: #76BB44;}
    .serviceCard:hover .service-info h3 a,.serviceCard .service-info h3 a:hover{color: #08639C!important;}
    .serviceCard .service-info .ndwlink{font-weight: 500;line-height: 26px;display: inline-block;position: relative;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
    .serviceCard .service-info .ndwlink.styles1{color: #000;font-size: 1.15rem;}
    .serviceCard .service-info .ndwlink:after {position: absolute;bottom: 0;left: 0;content: "";width: 0;height: 1px;background: #14467B;visibility: hidden;opacity: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
    .serviceCard .service-info .ndwlink.styles1:hover{color: #76BB44;}
    .serviceCard .service-info .ndwlink.styles1:hover:after{visibility: visible;opacity: 1;width: 100%;background: #76BB44;}
    .link-footer{position: relative;padding: 2rem 0 0;text-align: center;}
    .link-footer .flink{color: #FFF!important;font-weight: 500!important;padding-left: 2rem;padding-right: 2rem;}
/** ABOUT US **/
@-webkit-keyframes moveHorizontal {
    0% {-webkit-transform: translateX(0px);transform: translateX(0px)}
    50% {-webkit-transform: translateX(-20px);transform: translateX(-20px)}
    100% {-webkit-transform: translateX(0px);transform: translateX(0px)}
}
@keyframes moveHorizontal {
    0% {-webkit-transform: translateX(0px);transform: translateX(0px)}
    50% {-webkit-transform: translateX(-20px);transform: translateX(-20px)}
    100% {-webkit-transform: translateX(0px);transform: translateX(0px)}
}
@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}
@keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}
    .stnAboutus{position: relative;padding: 3rem 0;}
    .intro-box{position: relative;display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;padding-top: 2rem;}
    .intro-box .intro-header{margin-bottom: 1.6rem;}
    .intro-box .intro-header .header-title-h4{font-size: 1.6rem; color: #76BB44; font-weight: 700; text-transform: capitalize;}
    .intro-box .intro-header .header-title-h2{font-size: 3rem; color: #08639C; font-weight: 700; text-transform: capitalize;}
@media (min-width: 992px) and (max-width: 1100px) {
    .intro-box .intro-header{margin-bottom: 1.15rem;}
    .intro-box .intro-header .header-title-h2{font-size: 2rem;margin-bottom: 0px;}
}
@media (min-width: 600px) and (max-width: 991px) {
    .intro-box{padding-top:0px;}
    .intro-box .intro-header .header-title-h4{font-size: 1.4rem;}.intro-box .intro-header .header-title-h2{font-size: 1.8rem;}
}
@media (max-width: 599px) {
    .intro-box{padding-top:0px;}
    .intro-box .intro-header .header-title-h4{font-size: 1.2rem;}.intro-box .intro-header .header-title-h2{font-size: 1.5rem;}
}
    .intro-box .intro-body{position: relative;margin-bottom: 1.5rem;}
    .intro-box .intro-body p{color: #666666;}
    .intro-box .intro-footer{position: relative;}
    .intro-box .intro-footer .btn-intro{color: #ffffff!important;}
    .intro-image-box{position: relative;z-index: 1;}
@media (max-width: 991px) {.intro-image-box{margin-top:1.6rem;}}
    .intro-image-box .hero-main{display: block;position: relative;z-index: 1;width: calc(100% - 100px);border-radius: 10px; margin-left: 70px; margin-right: 30px;}
    .intro-image-box .hero-one{position: absolute;z-index: -1;top: -20px;left: 30px;max-width: 200px;-webkit-animation: moveHorizontal 3000ms infinite ease-in-out; animation: moveHorizontal 3000ms infinite ease-in-out;}
    .intro-image-box .hero-two{position: absolute;z-index: -1;bottom: -20px;right: 10px;max-width: 80px;-webkit-animation: rotation 20s infinite linear;animation: rotation 20s infinite linear;}
/** DOCTOR SECTION **/
    .stnDoctors{position: relative;padding: 3rem 0;z-index: 1;}
    .stnDoctors:before{content: '';position: absolute;z-index: -1;top: 0;left: 0;right: 0;width: 100%;height: 80%;background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(8,99,156,.2) 61%); background-image: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(8,99,156,.15) 61%);}
    .stnDoctors{background-image: url(../images/background/background-doctors.png);background-position: center bottom;background-size: cover;background-repeat: no-repeat;}
    .staff-item{position: relative; overflow: hidden;margin-bottom: 30px; background: transparent; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;cursor: pointer;}
    .staff-item .staff-image-item .inner-staff-image{height: 200px;width: 200px;display: block;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;position: relative;border-radius: 50%;margin: 0 auto;border: 10px solid #f8f9fa;overflow: hidden;}
    .staff-item .staff-image-item .inner-staff-image img{display: block;object-fit: cover;object-position: center;width: 100%;height: 100%;}
    .staff-item .staff-info-item{text-align: center;position: relative;background: #fff;padding: 110px 30px 75px 30px;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;margin-top: -100px;z-index: -1;border-bottom: 2px solid #76BB44;border-radius: 5px;}
    .staff-item .staff-info-item .doctor-name{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 48px!important;line-height: 1.2;}
    .staff-item .staff-info-item .doctor-name{font-size: 20px;font-weight: 600;margin-bottom: 0;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;color: #000;margin-bottom: .5rem;text-transform: none;}
    .staff-item .staff-info-item .doctor-position{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 34px!important;line-height: 1.2;}
    .staff-item .staff-info-item .doctor-position{color: #08639C;display: block;font-weight: 500;text-transform: uppercase;letter-spacing: 2px;font-size: 14px;margin-bottom: .2rem;}
    .staff-item .staff-info-item .doctor-desc{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;min-height: 68px!important;color: #666;}
    .staff-item .staff-info-item .doctor-social{position: relative;text-align: center;margin-bottom: 1rem;}
    .doctor-social-list{-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;padding: 0px;}
    .doctor-social-list li{list-style: none;margin-right: 10px;display: inline-block;}
    .doctor-social-list li a{width: 34px; height: 34px;border: 1px solid rgba(0, 0, 0, 0.1);color: #08639C;}
    .doctor-button{position: absolute;left: 0px;right: 0px;bottom: 30px;width: 100%;height: auto;z-index: 10;}
    .doctor-button .inner-doctor-button{position: relative;text-align: center;}
    .btn-style-one{position: relative;display: inline-block;vertical-align: middle;width: auto;outline: 0;line-height: 1em;font-weight: 500;box-sizing: border-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: 0;-webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;-moz-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;padding: 0;font-size: 14px;cursor: pointer;color: #fff;background-color: #F6CD4C;overflow: hidden;z-index: 10;}
    .btn-style-one .btn-text{padding: 0 18px 0 23px;font-size: 1.1rem;color: #2C3D94!important;}
    .btn-style-one .btn-addon{display: inline-block;line-height: 40px;font-size: 14px;width: 39px;text-align: center;border-radius: 0 5px 5px 0;-webkit-transition: border-color .2s ease-in-out,background-color .2s ease-in-out;-moz-transition: border-color .2s ease-in-out,background-color .2s ease-in-out;transition: border-color .2s ease-in-out,background-color .2s ease-in-out;background-color: #08639C;}
    .btn-style-one .btn-addon .btn-icon-normal{display: block;position: relative;-webkit-transition: transform .2s ease-out;-moz-transition: transform .2s ease-out;transition: transform .2s ease-out;}
    .btn-style-one .btn-addon .btn-icon-flip{position: absolute;top: 0;line-height: 40px;font-size: 14px;width: 39px;opacity: 0;text-align: center;right: 39px;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);-webkit-transition: transform .2s ease-out,opacity .1s;-moz-transition: transform .2s ease-out,opacity .1s;transition: transform .2s ease-out,opacity .1s;}
    .btn-style-one:hover .btn-icon-normal,.btn-style-one:focus .btn-icon-normal{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%)}
    .btn-style-one:hover .btn-icon-flip,.btn-style-one:focus .btn-icon-flip{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);opacity:1;-webkit-transition:transform .2s ease-out,opacity .1s .1s;-moz-transition:transform .2s ease-out,opacity .1s .1s;transition:transform .2s ease-out,opacity .1s .1s; color: #fff;}
    .btn-style-one:hover{background-color: rgba(8,99,156,0.8);color: #fff!important;}
    .btn-style-one:hover .btn-text{color: #FFFFFF!important;}
    .staff-item .staff-info-item:before,.staff-item .staff-info-item:after{position: absolute;z-index: -1;content: '';background-color: #76BB44;top: 0;bottom: 0;width: 0;height: 100%;transition: all 400ms ease-in-out;border-radius: 5px;opacity: 0;visibility: hidden;}
    .staff-item:hover .staff-info-item:before{visibility: visible;opacity: 1;left: 0; width: 60%;}  
    .staff-item:hover .staff-info-item:after{visibility: visible;opacity: 1;right: 0; width: 60%;}  
    .staff-item:hover .staff-info-item .doctor-name,.staff-item:hover .staff-info-item .doctor-position,.staff-item:hover .staff-info-item .doctor-desc{color: #fff!important;}    
    .staff-item:hover .doctor-social-list li a{color: #fff!important; border-color: rgba(255, 255, 255, 0.5);}  
    .nadiCollection.owl-carousel .owl-nav button.owl-next, 
    .nadiCollection.owl-carousel .owl-nav button.owl-prev{padding: 4px 7px!important;text-decoration: none;box-shadow: no!important;background-color: #08639C;color: #fff;}
    .nadiCollection.owl-carousel .owl-nav button.owl-next:focus,.nadiCollection.owl-carousel .owl-nav button.owl-next:hover,
    .nadiCollection.owl-carousel .owl-nav button.owl-prev:focus,.nadiCollection.owl-carousel .owl-nav button.owl-prev:hover{box-shadow: none;outline: none!important;background-color: #76BB44;}
    
    .boxmorespec{position: relative; text-align: right;}
@media only screen and (max-width: 575px){ 
    .boxmorespec{text-align: left;margin-top: 15px!important;}
} 
/** PROSPEC **/
    .stnProspec{position: relative;padding-bottom: 2rem;padding-top: 1rem;}
    .sbLeft{width: 25%;flex: 0 0 25%;}.sbRight{width:75%;flex:0 0 75%;}
    .sbLeft,.sbRight{padding-left: 15px;padding-right: 15px;}
    .sidebarBox{position: relative;border-radius: 1rem;padding: 1rem;background: rgb(248, 248, 248);height: 100%;}
    .sbmmBox{display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;}
    .mmBox-Header{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;gap: 1rem;font-size: 20px;font-weight: 700;color: rgb(44, 61, 148);margin: 16px 0px;padding: 0px;}
    .mmBox-Header .mmBox-title{padding-left: 15px;}
    .mmBox-Body{position: relative;}
    .mmBox-List{box-sizing: border-box;font-variant: tabular-nums;-webkit-font-feature-settings: "tnum","tnum";font-feature-settings: "tnum","tnum";margin: 0;padding: 0;color: rgba(0,0,0,.85);font-size: 1rem;line-height: 0;text-align: left;list-style: none;background: #fff;outline: none;box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12), 0 6px 16px 0 rgba(0,0,0,0.08), 0 9px 28px 8px rgba(0,0,0,0.05);transition: background .3s,width .3s cubic-bezier(.2,0,0,1) 0s;background-color: unset !important;border-right: none !important;box-shadow: none;}
    .mmBox-List > .nadi-menu-item{position: relative;display: block;margin: 0;white-space: nowrap;cursor: pointer;transition: border-color .3s,background .3s,padding .3s cubic-bezier(.645,.045,.355,1);font-size: .875rem; margin-top: 4px;margin-bottom: 4px;padding: 0 16px;overflow: hidden;text-overflow: ellipsis;height: 40px;line-height: 40px;margin-bottom: 8px;border-right: none;border-radius: 12px;}
    .mmBox-List > .nadi-menu-item a{color: #333;}
    .mmBox-List > .nadi-menu-item.mmitem-selected{color: #fff!important; background-color: #2c3d94;}
    .mmBox-List > .nadi-menu-item.mmitem-selected a{color: #fff!important;}
    .mmBox-List > .nadi-menu-item:not(.mmitem-selected):hover{background-color: #D8E0F5;color: #333;}
    
    .contentWrap{display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;}
    .cWrap-header{margin-bottom: 15px;}
    .gridRow{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));height: 100%;padding: 0px;margin: 0px auto 32px;width: 100%;gap: 30px;border: 0px none rgb(153, 153, 153);border-radius: 0px;}
    .gridcol6{padding: 0px;margin: 0px auto;display: flex;flex-direction: column;border: 0px none rgb(153, 153, 153);border-radius: 0px;align-items: center;width: 100%;}
    .gridcol6.colLeft{grid-column: span 8/span 12;}
    .gridcol6.colRight{grid-column: span 4/span 12;}
    .gridcol6.colFull{grid-column: span 12;}
    .formSearch{display: block;width: 100%!important;}
    .ndw-input-group{position: relative;display: inline-block;width: 100%;min-width: 0;padding: 8px 11px;color: rgba(0,0,0,.85);font-size: 14px;line-height: 1.5715;background-color: #fff;background-image: none;border: 1px solid #e6e6e6;border-radius: 0.75rem;transition: all .3s;display: -webkit-inline-flex;display: inline-flex;}
    .ndw-input-group.ndw-input-focus{border: 1px solid #2C3D94;box-shadow: 0 0 0 2px rgba(44,61,148,0.2);}
    .ndw-input-group:hover{border: 1px solid #2C3D94;}
    .ndw-input-group .ndw-input{box-sizing: border-box;margin: 0;font-variant: tabular-nums;list-style: none;-webkit-font-feature-settings: "tnum","tnum";font-feature-settings: "tnum","tnum";position: relative;display: block;width: 100%;min-width: 0;color: rgba(0,0,0,.85);font-size: 14px;line-height: 1.5715;background-color: #fff;background-image: none;border: 1px solid #e6e6e6;transition: all .3s;padding: 0;border: none!important;outline: none!important;box-shadow: none!important;border-radius: 0;}
    .ndw-input-group .ndw-input:placeholder-shown {text-overflow: ellipsis;}
    .ndw-input-group .ndw-input:focus{ outline: none!important;box-shadow: none!important;border: 0px!important;}
    .ndw-input-suffix{display: -webkit-flex;display: flex;-webkit-flex: none;flex: none;-webkit-align-items: center;align-items: center;margin-left: 4px;}
    .ndw-input-suffix .ndw-input-auto{margin-top: auto;margin-bottom: auto;color: rgb(102, 102, 102);}
    .ndw-input-suffix .ndw-input-auto .ndwicon{display: inline-block;color: inherit;font-style: normal;line-height: 0;text-align: center;text-transform: none;vertical-align: 0.125em;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

    .ndwdrop{position: relative;width: 100%;}
    .ndwdrop-header{display: flex;display: -webkit-flex;-ms-flex-direction: column!important;flex-direction: column!important;width: 100%;}
    .ndwdrop-select{width: 100%;box-sizing: border-box;margin: 0;padding: 0;color: rgba(0,0,0,.85);font-size: 14px;font-variant: tabular-nums;line-height: 1.5715;list-style: none;-webkit-font-feature-settings: "tnum","tnum";font-feature-settings: "tnum","tnum";position: relative;display: inline-block;cursor: pointer;}
    .ndwdrop-select .ndwdrop-selected{display: -webkit-flex;display: flex;align-items: center;width: 100%;height: 40px;padding: 0 11px;position: relative;background-color: #fff;border: 1px solid #e6e6e6;border-radius: 0.75rem;transition: all .3s cubic-bezier(.645,.045,.355,1);}
    .ndwdrop-select .ndwdrop-selected:hover{border: 1px solid #2C3D94;}
    .ndwdrop-select.ndwdrop-selected .ndwdrop-selected{border: 1px solid #2C3D94;box-shadow: 0 0 0 2px rgba(44,61,148,0.2);}
    .ndwdrop-closed{position: absolute;top: 45%;right: 11px;z-index: 1;display: inline-block;width: 12px;height: 12px;margin-top: -6px;color: rgba(0,0,0,.55);font-size: 12px;font-style: normal;line-height: 1;text-align: center;text-transform: none;background: #fff;cursor: pointer;opacity: 0;transition: color .3s ease,opacity .15s ease;text-rendering: auto;}
    .ndwdrop-select.ndwdrop-selected .ndwdrop-closed{opacity: 1;}
    
    .cWrap-body{position: relative;}.inWrapbody{position: relative; width: 100%;}
    .girdWrap{display: grid;width: 100%;grid-template-columns: repeat(4,minmax(0,1fr));gap: 30px;}
    
    .cWrap-footer{position: relative;margin-top: 2rem;}.cWrap-inFooter{text-align: center;}
    .btn-moreview{border: 1px solid #2C3D94!important;color: #2C3D94;border-radius: 12px;}.btn-moreview:focus{box-shadow: none!important;outline: 0!important;}.btn-moreview:hover{background-color: #2C3D94!important;color: #FFFFFF!important;}
@media only screen and (max-width: 1199px){ 
    .girdWrap{grid-template-columns: repeat(3,minmax(0,1fr));}
}
@media only screen and (max-width: 991px){ 
    .sbLeft{width: 100%;flex: 0 0 100%;display: none!important;}.sbRight{width:100%;flex:0 0 100%;}
}
@media only screen and (max-width: 599px){ 
    .gridRow{gap:5px;}
    .girdWrap{grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;}
    .gridcol6.colLeft{grid-column: span 7/span 12;}
    .gridcol6.colRight{grid-column: span 5/span 12;}
}
    .ndwdrop-body{position: absolute;z-index: 10;top: calc(100% + 5px);left: 0px;right: 0px;height: auto;width: 100%;}
    .ndwdrop-body{outline: none;border-radius: 8px;box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,0.05);transition: all 300ms ease-in-out;visibility: hidden;opacity: 0;}
    .ndwdrop.show .ndwdrop-body{visibility: visible;opacity: 1;}
    .ndwdrop-inbody{background-color: #FFFFFF;padding: 8px;border-radius: 8px;}
    .ndwdrop-options{display: flex;flex-direction: column;}
    .ndwdrop-options > li{display: -webkit-flex;display: flex;position: relative;min-height: 2.5rem;padding: 5px 12px;font-weight: 400;font-size: 14px;line-height: 28px;color: rgba(0,0,0,.85);cursor: pointer;transition: background .3s ease; -webkit-flex: auto;flex: auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-radius: 8px;  margin: 2px 0;}
    .ndwdrop-options > li.option-selected{color: rgba(0,0,0,.85);font-weight: 600; background-color: #eaecf4;}
    .ndwdrop-options > li:not(.option-selected):hover{background-color: #f2f2f2;}
    
    
/** EMPTY SECTION **/
    .stnEmpty{background: url(../images/background/bg-contact.svg) center top / cover no-repeat;width: 100%;padding: 0px;margin-left: unset;margin-right: unset;}
    .empty-loading{position: relative;}
    .empty-container{position: relative;transition: opacity .3s;}
    .empty-container:after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 10;display: none;width: 100%;height: 100%;background: #fff;opacity: 0;transition: all .3s;content: "";pointer-events: none;}
    .empty-margin-top{position: relative;width: 100%;padding-top: 6rem;}
    .empty-hw{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));height: 100%;padding: 0px 0px 32px;margin: 0px auto;width: 100%;gap: 30px;border: 0px none rgb(153, 153, 153);border-radius: 0px;}
/** DETAIL PRODUCT SECTION **/
    .dcol-left{width: 33.3333333%;flex:0 0 33.3333333%;}
    .dcol-right{width: 66.6666667%;flex:0 0 66.6666667%;}
    .dcol-left,.dcol-right{padding-left: 15px;padding-right: 15px;}
    .dpro-thumb{position: relative;}
    .dpro-inthumb{position: relative;overflow: hidden;border-radius: 1.5rem;}
    .dpro-inthumb > img{width: 100%;}
    .dpro-info{position: relative;}
    .ininfo-title{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;gap: 1.5rem;}
    .dpro-info-logo{min-width: 56px;width: 4rem;height: 4rem;overflow: hidden;border-radius: 0.75rem;}
    .dpro-info-logo img{display: block;border-radius: 0.75rem;}
    .dpro-info-title{margin-top: auto;margin-bottom: auto;text-transform: none;font-weight: 700;font-size: 1.5rem;line-height: 2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 380px;}
.dpro-info-btn{display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;justify-items: end;margin-top: auto;margin-bottom: auto;margin-left: 5rem;}
@media only screen and (max-width: 1199px){
    .dpro-info-btn{margin-left: 0rem;}
}
.btnregnow{-webkit-appearance: button;outline: none!important;height: 40px;padding: 6.4px 1.5rem;font-size: 16px;border-radius: 0.75rem;background-color: rgb(246, 205, 76);color: rgb(51, 51, 51);border: none;}
.btnregnow:hover,.btnregnow:focus{background-color: rgb(246, 205, 76)!important;color: rgb(51, 51, 51)!important;box-shadow: none!important;}

.ininfo-ratestar{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;font-size: .875rem;line-height: 1.375rem;margin-top: 1rem;margin-bottom: 2rem;}
.ratestar-author{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;font-weight: 600;}
.author-image{display: inline-block;margin-right: 0.5rem;font-style: normal;line-height: 0;text-align: center;font-size: 22px;color: rgb(51, 51, 51);text-transform: none;vertical-align: -0.125em;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.author-name{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;color: rgba(102,102,102,1);font-size: .875rem;font-weight: 500;max-width: 15rem;line-height: 1.375rem;}

.star-box{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;margin-right: calc(1.5rem*0);margin-left: calc(1.5rem*(1 - 0));}
.star-image{display: inline-block;color: inherit;font-style: normal;line-height: 0;text-align: center;text-transform: none;vertical-align: -0.125em;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 22px;}
.star-num{font-weight: 500;font-size: .875rem;line-height: 1.375rem;margin-left: 0.5rem;color: rgba(153,153,153,1);}

.like-box{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;margin-right: calc(1.5rem*0);margin-left: calc(1.5rem*(1 - 0));}
.like-image{display: inline-block;color: inherit;font-style: normal;line-height: 0;text-align: center;text-transform: none;vertical-align: -0.125em;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 22px;}
.like-text{font-weight: 500;font-size: .875rem;line-height: 1.375rem;margin-left: 0.5rem;color: rgba(102,102,102,1);}
.like-num{font-weight: 500;font-size: .875rem;line-height: 1.375rem;margin-left: 0.5rem;color: rgba(153,153,153,1);}

.cat-meta{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;margin-right: calc(1.5rem*0);margin-left: calc(1.5rem*(1 - 0));}
.cat-meta-text{display: inline-block;font-weight: 500;font-size: .75rem;line-height: 1.25rem;margin-right: 0.5rem;padding: 0.25rem 0.75rem;background-color: rgb(234, 236, 244);border-radius: 8px;color: #2c3d94;}

.ininfo-kindbiz{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;margin-top: 0.25rem;margin-bottom: 0.25rem;}
.kindbiz-item{display: inline-block;font-weight: 500;font-size: .75rem;line-height: 1.25rem;margin-right: 0.5rem;margin-bottom: 0.5rem;border-radius: 8px;color: #2c3d94;padding: 0.25rem 0.75rem;background-color: rgb(234, 236, 244);}
.kindbiz-icon{display: inline-block;color: inherit;font-style: normal;line-height: 0;text-align: center;text-transform: none;vertical-align: 0.125em;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 0.5rem;}
.btnreg-mobi{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;margin-top: 0.5rem;}
@media only screen and (min-width: 992px){
    .btnreg-mobi{display:none;} 
}
@media only screen and (max-width: 599px){
    .ininfo-ratestar{-webkit-flex-direction: column;flex-direction: column;-webkit-align-items: flex-start;align-items: flex-start;}
   .star-box,.like-box,.cat-meta{margin-left: 0px;margin-top: 5px;}
}
.ininfo-social{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;margin-top: 1.5rem;padding-bottom: 1.25rem;}
.social-title{font-size: 1rem;line-height: 1.5rem;margin-right: 1rem;color: rgba(102,102,102,1);}
.social-icon{font-weight: 500;margin-bottom: 0.5rem;border-radius: 8px;color: #2c3d94;padding: 0.25rem 0.75rem;background-color: rgb(234, 236, 244);margin-right: 0.75rem;line-height: 1rem;font-size: .625rem;}
.sol-icon{display: inline-block;color: inherit;font-style: normal;text-align: center;text-transform: none;vertical-align: 0.125em;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 1rem;line-height: 1.5rem;cursor: pointer;}

@media only screen and (max-width: 991px){ 
    .dcol-left{width:100%;flex:0 0 100%;}
    .dcol-right{width: 100%;flex:0 0 100%;}
    .dpro-thumb{margin-bottom: 1rem;}
    .dpro-inthumb{margin-left: auto;margin-right: auto;max-width: 480px;}
    .dpro-info-btn{display:none!important;}
}

.detailpage{margin-top: 2rem;}
.wrapper-tablist{position: relative;}
.wrapper-header{position: relative;display: -webkit-flex;display: flex;-webkit-flex: auto;flex: auto;-webkit-align-self: stretch;align-self: stretch;overflow: hidden;white-space: nowrap;-webkit-transform: translate(0);transform: translate(0);background: #f8f8f8;border-radius: 12px;font-weight: 600;border: none;height: 52px;}
.wrapper-tablist .nav-tabs{border-bottom: none!important;}
.wrapper-tablist .nav{-ms-flex-wrap: nowrap;flex-wrap: nowrap;overflow-x: scroll;scroll-behavior: smooth;scrollbar-width: none;white-space: nowrap;}
.wrapper-tablist .nav::-webkit-scrollbar{display: none;}
.wrapper-tablist .nav-tabs .nav-link{line-height: 2rem;color: #555;border: 0px solid;transition: all 300ms ease-in-out;}
.wrapper-tablist .nav-tabs .nav-item.show .nav-link,.wrapper-tablist  .nav-tabs .nav-link.active{color: #2c3d94;background-color: transparent;border-top: none!important;border-left: none!important;border-right: none!important; border-bottom: 1px solid #2c3d94;}
.wrapper-body{position: relative;padding-top: 1.5rem;}
.colfull{position: relative;padding: 15px 0;border-radius: 12px;}
.colfull.bg-ray{background-color: #F4F5FA;}
.colfull:not(:first-child){margin-top: 2rem;}
.tabrow{    display: -webkit-flex;
    display: flex;    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;-webkit-align-items: center;
    align-items: center;}
.tabcol-small{width: 33.3333333%;flex:0 0 33.3333333%;padding-left: 15px;padding-right: 15px;}
.tabcol-large{width: 66.6666667%;flex:0 0 66.6666667%;padding-left: 15px;padding-right: 15px;}
@media only screen and (max-width: 991px){ 
  .tabcol-small,.tabcol-large  {width: 100%;flex:0 0 100%;}
  .ndw-order-1{-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}
  .ndw-order-12{-webkit-box-ordinal-group: 14;-ms-flex-order: 13;order: 13;}
}
.tabtext-info{position: relative;}
.tabinfo{position: relative;}
.tabinfo .tabinfo-title{margin: 0px;font-weight: 700;font-size: 1.5rem;line-height: 2rem;text-transform: uppercase;margin-bottom: 1rem;color: rgba(0,0,0,.85);}
.tabinfo-desc{margin-bottom: 1.5rem;position: relative;overflow-x: hidden;overflow-y: auto;max-height: 320px;}
/* custom scrollbar */
.tabinfo-desc::-webkit-scrollbar {width: 20px;}
.tabinfo-desc::-webkit-scrollbar-track {background-color: transparent;}
.tabinfo-desc::-webkit-scrollbar-thumb {background-color: #d6dee1;border-radius: 20px;border: 6px solid transparent;background-clip: content-box;}
.tabinfo-desc::-webkit-scrollbar-thumb:hover {background-color: #2C3D94;}
.tabinfo-desc p {font-weight: 500;font-size: .875rem;overflow-wrap: break-word;line-height: 22px;}
.tabinfo-desc h1,.tabinfo-desc h2, .tabinfo-desc h3, .tabinfo-desc h4{text-transform: none;letter-spacing: 0;}
.tabinfo-desc ul > li {
    padding: 3px 0 3px 5px;
    list-style-type: square;
    margin-left: 10px;
}
.tabpic-thumb{position: relative;overflow: hidden;border-radius: 12px;}.tabpic-thumb img{width: 100%!important;}
.tabpic-thumb.embed-media{height: 23.75rem;}
@media only screen and (max-width: 1169px){ 
    .tabpic-thumb.embed-media{height: 25.313rem;}
}
@media only screen and (max-width: 991px){ 
    .tabinfo-desc{max-height: 100%!important;}.tabpic-thumb{margin-bottom: 1rem;}   
}
@media only screen and (max-width: 767px){ 
    .tabinfo-desc{max-height: 100%!important;}.tabpic-thumb{margin-bottom: 1rem;}
    .tabpic-thumb.embed-media{height: 12.375rem;}
}
/** TESTI SECTION **/
    .stnTesti{position: relative;padding: 3rem 0;z-index: 1;background-color: #F0F4FF;}
    .stnTesti:before{position: absolute;top: 0;left: 0;content: "";width: 100%;height: 50%;background-color: #08639C;z-index: -1;}
    .header-section{margin-bottom: 1.6rem;}
    .header-section .tagline-h4{font-size: 1.45rem; color: #FFFFFF; font-weight: 700; text-transform: capitalize;}
    .header-section .title-h2{font-size: 1.6rem; color: #FFFFFF; font-weight: 700; text-transform: capitalize;}
@media only screen and (max-width: 575px){ 
        .header-section .tagline-h4{font-size: 1.2rem;}.header-section .title-h2{font-size: 1.5rem;}
}     
    .testi-card{background-color: #fff;border-radius: 5px;margin: 0 0 25px;position: relative; -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.07);box-shadow: 0 0px 15px rgba(0,0,0,0.07);z-index: 1;padding: 25px 25px 22px;border-radius: 10px;margin: 15px 0;}
    .testi-card .ratedOption{margin-bottom: 12px;}
    .testi-card .ratedOption .boxrate{margin: 0;padding: 0;list-style: none;}
    .boxrate li{list-style: none!important;display: inline-block;}
    .client-quote{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; min-height: 68px!important;color: #666;}
    .client-quote{margin-bottom: 20px;font-size: 16px;color: #666666; -webkit-transition: 0.4s;transition: 0.4s;}
    .client-info{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;-lex-wrap: wrap; -webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;}
   
    .client-info .client-info-wrap{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;width: calc(100% - 40px);}
    .client-info .quote-icon i{display: inline-block;position: relative;top: 3px;font-size: 40px;line-height: 0.8;color: #76BB44;opacity: 0.4;-webkit-transition: 0.4s;transition: 0.4s;}
    .client-info .client-info-wrap .client-avatar{width: 65px;height: 65px;border-radius: 50%;}
    .client-info .client-info-wrap .client-avatar img{display: block;width: 100%;border-radius: 50%;}
    .client-info .client-info-wrap .client-text{width: calc(100% - 90px);margin-left: 15px;}
    .client-info .client-info-wrap .client-text h3{text-transform: none;font-size: 20px;line-height: 1.2;margin-bottom: 8px;-webkit-transition: 0.4s;transition: 0.4s;}
    .client-info .client-info-wrap .client-text h5{text-transform: none;font-size: 14px;display: block;line-height: 1;-webkit-transition: 0.4s;transition: 0.4s;}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .client-info .client-info-wrap{width: calc(100% - 30px);}
    .client-info .quote-icon i{font-size: 30px;}
    .client-info .client-info-wrap .client-avatar{width: 55px;height: 55px;}
    .client-info .client-info-wrap .client-text{width: calc(100% - 105px);margin-left: 10px;}
    .client-info .client-info-wrap .client-text h3{font-size: 18px;}
    .client-info .client-info-wrap .client-text h5{font-size: 12px;}
}
    .testimonial-slider.owl-carousel .owl-nav button.owl-next, 
    .testimonial-slider.owl-carousel .owl-nav button.owl-prev{padding: 4px 7px!important;text-decoration: none;box-shadow: no!important;background-color: #08639C;color: #fff;}
    .testimonial-slider.owl-carousel .owl-nav button.owl-next:focus,.testimonial-slider.owl-carousel .owl-nav button.owl-next:hover,
    .testimonial-slider.owl-carousel .owl-nav button.owl-prev:focus,.testimonial-slider.owl-carousel .owl-nav button.owl-prev:hover{box-shadow: none;outline: none!important;background-color: #76BB44;}
    .cta-contact{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;}
    .cta-contact .cta-calendar{flex: 0 0 95px;width: 95px;}
    .cta-contact .cta-calendar{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;}
    .cta-contact .cta-info{flex: 0 0 calc(100% - 95px); width: calc(100% - 95px);padding-left: 15px;}
    .cta-contact .cta-calendar .cta-inner-calendar{display: block;position: relative;padding: 15px; z-index: 1;}
    .cta-contact .cta-calendar .cta-inner-calendar:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: -1;width: 100%;height: 100%;background-color: #76BB44;border-radius: 50%;}
    .cta-contact .cta-calendar 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;}
    .cta-contact .cta-calendar i{background-color: #08639C; border-radius: 50%; width: 65px;height: 65px;color: #fff;}
    .cta-calendar .cta-inner-calendar .flaticon-time-call:before{font-size: 2.8rem;}
    .cta-contact .cta-info .cta-info-title{text-transform: none;font-size: 1.65rem;color: #000;}
    .cta-contact .cta-info-desc{color: #666666;}
    .btn-style-one.btn-contact{border-radius: 0px;color: #FFFFFF!important;}
@media only screen and (max-width: 991px){    
    .cta-button{margin-top: 2rem;}
}    
@media only screen and (max-width: 575px){ 
    .cta-contact .cta-calendar{width: 100%;flex: 0 0 100%;align-items: center;-ms-flex-pack: center!important;justify-content: center!important;padding-bottom: 2rem;}
    .cta-contact .cta-info{width: 100%;flex: 0 0 100%;padding-left: 0px!important;}    
}
/** DEPARTMENT **/
    .stnDepartment{position: relative;z-index: 1;padding: 3rem 0;}
    .nadipolicy.owl-carousel .owl-item img{max-width: 120px;}
    .poli-item{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;}
    .poli-item .poli-item-img{margin-bottom: 10px;}
    .poli-item .poli-item-info{padding: 10px;}
    .poli-item .poli-item-info .poli-title{text-align: center;color: #333;font-weight: 600;font-size: 1.1rem;margin-bottom: 5px;}
    .poli-item .poli-item-info .poli-desc{text-align: center;color: #777;font-size: 1rem;}
    
    .nadipolicy.owl-carousel .owl-nav button.owl-next, 
    .nadipolicy.owl-carousel .owl-nav button.owl-prev{padding: 4px 7px!important;text-decoration: none;box-shadow: no!important;background-color: #08639C;color: #fff;}
    .nadipolicy.owl-carousel .owl-nav button.owl-next:focus,.nadipolicy.owl-carousel .owl-nav button.owl-next:hover,
    .nadipolicy.owl-carousel .owl-nav button.owl-prev:focus,.nadipolicy.owl-carousel .owl-nav button.owl-prev:hover{box-shadow: none;outline: none!important;background-color: #76BB44;}
    
/** NEWS SECTION **/
    .stnBlogs{position: relative; background-color: #F0F4FF;padding: 3rem 0;}
    .header-content{margin-bottom: 1.6rem;}
    .header-content h4{font-size: 1.6rem; color: #FEBF12; font-weight: 700; text-transform: capitalize;}
    .header-content h2{font-size: 2rem; color: #2C3D94; font-weight: 700; text-transform: capitalize;}
    .blog-carousel{position: relative;}
    .blog-item{position: relative;padding: 15px 10px;cursor: pointer;}
    .inner-blog-item{-webkit-box-shadow: 0px 2px 16px 0px rgba(0,0,0,.11);box-shadow: 0px 2px 16px 0px rgba(0,0,0,.11);    margin-bottom: 25px;-webkit-transition: 0.4s;transition: 0.4s; border-radius: 8px;position: relative;background-color: #fff;}
    .blog-image{position: relative;border-radius: 10px 10px 0 0;overflow: hidden;z-index: 1;}
    .blog-image img{display: block;object-fit: cover;object-position: center;width: 100%;height: 100%;transition: all 400ms ease-in-out;}
    .blog-image a{position: absolute;z-index: 2;top: 0;left: 0;bottom: 0;right: 0;transition: all 400ms ease-in-out;}
    .blog-item:hover .inner-blog-item .blog-image a{background: rgba(0,0,0,.1);}
    .blog-item:hover .inner-blog-item .blog-image img{transform: scale(1.1,1.1);}
    .blog-info{ position: relative;padding: 30px 25px 25px;border-radius: 0 0 8px 8px;}
    .post-cat{position: absolute;z-index: 10;top: -15px;right: 2rem;width: auto;height: auto;}
    .post-cat a{font-size: 15px;background-color: #08639C;padding: 8px 15px;border-radius: 5px;color: #fff;-webkit-transition: 0.3s;transition: 0.3s;}
    .post-meta{margin-bottom: 13px;}
    .post-meta li{display: inline-block;position: relative;padding-left: 20px;margin-right: 20px;font-size: 15px;-webkit-transition: 0.3s;transition: 0.3s;}
    .post-meta li i{position: absolute;top: 5px;left: 0;font-size: 16px;line-height: 0.8;color: #76BB44;-webkit-transition: 0.3s;transition: 0.3s;}
    .blog-info h3{text-transform: none;}
    .blog-info h3 a{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 46px!important;color: #000;}
    .blog-item:hover .blog-info h3 a, .blog-info h3 a:hover{color: #08639C!important;}
    .post-link{position: relative;}
    .post-link a{font-weight: 500;line-height: 26px;font-size: 16px; display: inline-block;position: relative;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;color: #000;}
    .post-link i{position: relative;top: 3px;margin-left: 5px;font-size: 14px;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
    .post-link a:after{position: absolute;bottom: 0;left: 0;content: "";width: 0;height: 1px;background: #76BB44; visibility: hidden;opacity: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;background-color: #2490EB;}
    .post-link a:hover:after{visibility: visible;opacity: 1;width: 100%;}
    .blog-carousel.owl-carousel .owl-nav button.owl-next, 
    .blog-carousel.owl-carousel .owl-nav button.owl-prev{padding: 4px 7px!important;text-decoration: none;box-shadow: no!important;background-color: #08639C;color: #fff;}
    .blog-carousel.owl-carousel .owl-nav button.owl-next:focus,.blog-carousel.owl-carousel .owl-nav button.owl-next:hover,
    .blog-carousel.owl-carousel .owl-nav button.owl-prev:focus,.blog-carousel.owl-carousel .owl-nav button.owl-prev:hover{box-shadow: none;outline: none!important;background-color: #76BB44;}
    
/** FOOTER SECTION **/
    .wrapFooter{position: relative;}
    .stnFooter{position: relative; padding-top: 3rem;  padding-bottom: 20px;background-color: #2C3D94;z-index: 1;}
    .footer-intro-box{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-direction: column!important;  flex-direction: column!important;}
    .footer-intro-logo{max-width: 200px;margin-bottom: 2rem;}
    .footer-intro-desc{margin-bottom: 13px;color: #fff;}
    .footer-intro-social{position: relative;}
    .footer-intro-social h5{font-size: 1.35rem; color: #fff;text-transform: none;}
    
    .single-widget{margin-bottom: 30px;}
    .single-widget .brand-footer {font-size: 22px;color: #F8FCFF;font-weight: 600;margin-bottom: 20px;display: inline-block;line-height: 1; width: 100px;}
    .single-widget p {color: #F8FCFF;margin-bottom: 5px;line-height: 30px;}
    .single-widget h3 {position: relative; font-size: 16px;color: #F8FCFF;text-transform: capitalize;margin-bottom: 20px;border-bottom: 1px solid rgba(243,244,246,0.4);padding-bottom: 10px;}
    .single-widget h3:before{position: absolute;bottom: -1.5px;left: 0;content: "";width: 70px;height: 2px;background-color: rgba(118, 167, 68, 1);}
    .single-widget ul li {color: #F8FCFF;font-weight: 500;line-height: 1;margin-top: 5px;}
    .single-widget ul li a {display: block;position: relative; color: #F8FCFF;font-size: 15px;padding: 5px 1px 6px 15px;}
    .single-widget ul li a:before{position: absolute; content: "\f113";font-family: Flaticon;font-size: 12px;font-style: normal; top: 5px;left: 0;width: 20px;height: 20px;transition: all 400ms ease-in-out;padding-top: 1px;}
    .single-widget ul li a:hover{color: #F8FCFF;font-weight: 600;}
    .single-widget ul li.address {position: relative;padding-left: 30px;line-height: 1.5; margin-top: 15px;}
    .single-widget ul li.address i {font-size: 20px;position: absolute;top: 0px;left: 3px;}
    .single-widget ul li.address a{padding: 0!important;position: static!important;}
    .single-widget ul li.address a:before{content: "";width: 0!important;}
    .single-widget ul li.addcom {position: relative; padding-left: 30px;line-height: 1.5;}
    .single-widget ul li.addcom i{font-size: 28px;position: absolute;top: -15px;left: 0;}
    .single-widget ul li.addcom h4{color: #F8FCFF; margin: 0px;}
    
    .stnCopyright{position: relative; overflow: hidden; background-color: #212D6E; border-top: 1px solid #F3F4F6;}
    .stnCopyright .container{padding: 10px 0;}
    .stnCopyright p {color: #fff;font-size: 14px; margin: 0px;}
    .stnCopyright p a{color: #fff;}
    .stnCopyright .single-conditions, .stnCopyright .singe-copyright{padding: 5px 0;}
    .stnCopyright .single-conditions{text-align: right;}
    .single-conditions ul li{display: inline-block;margin-left: 20px;position: relative;}
    .single-conditions ul li:not(:last-child):before {content: "";position: absolute;top: 3px; right: -12px; width: 1px;height: 12px;background-color: #fff;}
    .single-conditions ul li a{color: #fff;}.single-conditions ul li a:hover{color: #eabb38;}
    
    .FBox-social{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; 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: #08639C!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, #08639C, #76BB44, #76BB44, #08639C, #08639C);}
    .FBox-social li a:hover:before{transform: scale(1,1);}
@media (max-width: 991px) {
    .wrapFooter{padding-top: 2rem;}
    .stnCopyright .single-conditions, .stnCopyright .singe-copyright{text-align: center;}
}
/** 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{text-transform: none; font-size: 1rem; line-height: 1;}
    .modal-form .boxFormModal{margin-top: 1.5rem;}
    .modal-form .boxFormModal .form-control {font-size: 14px; background-color: #f9f9f9; border: 1px solid #ededed; padding: 10px 20px; min-height: 45px;}
    .modal-form .boxFormModal .btn-primary{background-color: #313132;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;box-shadow: none!important;}
    /**
    .modal-form .btn-primary::before {content: "";position: absolute;top: 0;left: 4px; height: 100%;width: 1px;background-color: #F3F4F6;-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: #F3F4F6;}
    .modal-form .btn-primary:hover::before{width: 100%;}
    .modal-form .btn-primary:hover{color: #6C757D;}
    **/
    .modal-form .btn-primary{background-color: transparent; background-image: linear-gradient(to right, #2c3d94, #0066b3, #0066b3, #2c3d94); background-size: 300% 100%; color: #fff; font-weight: 700; border: none;}
    .modal-form .btn-primary{display: inline-block; padding: 10px 60px 12px 40px; transition: all 0.4s; position: relative; box-shadow: none;} 
    .modal-form .btn-primary:hover{background-position: right center;}    
    .modal-form .btn-primary i{position: absolute; top: 0; bottom: 0; right: 40px; line-height: 40px; transition: all 0.3s ease-in-out 0s;}
    .modal-form .btn-primary:hover i{right: 20px;}
    
    .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 span{color: #724F0A;}
@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;}
}
/** PROFILE FOR MOBILE **/
    .mprofile-modal .modal.right .modal-dialog { position: fixed; margin: auto; width: 300px; height: 100%;-webkit-transform: translate3d(0%,0,0);transform: translate3d(0%,0,0);}
    .mprofile-modal .modal.right.fade .modal-dialog {right: -320px; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
    .mprofile-modal .modal.right.fade.show .modal-dialog {right: 0;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
    .mprofile-modal .modal.right .modal-content {height: 100%;overflow-y: auto;border-radius: 0;border: none;}
    .mprofile-modal .modal-header {display: inline;padding: 0;border: none;}
    .mprofile-modal .modal-header .close {height: 30px; width: 30px; color: #4d0322; 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;}
    .mprofile-modal .modal-header h2 { background-color: #FFF7E0; padding: 10px 15px;}
    .mprofile-modal .modal.right .modal-body {padding: 20px;}
    .mprofile-modal .modal.right .modal-body .sidebar-modal-widget {margin-bottom: 25px;}
    .mprofile-modal .modal.right .modal-body .sidebar-modal-widget .title {font-size: 16px;font-weight: 700;position: relative;z-index: 1; margin-bottom: 25px;color: #555555; text-transform: none;}
    .mprofile-modal .modal.right .modal-body .sidebar-modal-widget .title::before {position: absolute;left: 0;bottom: -7px;width: 70px;height: 2px;border-radius: 5px;background: #4d0322;content: '';}
    .mprofile-modal .modal.right .modal-body .sidebar-modal-widget ul {padding: 0;margin: 0;list-style-type: none;}
    .mprofile-modal .modal.right .modal-body .sidebar-modal-widget ul li {position: relative; margin-bottom: 10px; padding-left: 20px;}
    .mprofile-modal .modal.right .modal-body .sidebar-modal-widget ul li::before{content: ''; position: absolute; top: 7px;left: 5px; width: 5px; height: 5px; background-color: #8C5289;}
    .mprofile-modal .modal.right .modal-body .sidebar-modal-widget ul li a {margin-bottom: 10px;font-size: 14px;color: #724F0A;font-weight: 600;text-transform: capitalize;}
    .mprofile-modal .modal.right .modal-body .sidebar-modal-widget ul li a:hover{color: #E49F15;}
/** POPUP SIDEBARD-MENU **/
    .sidebar-modal .modal.right .modal-dialog { position: fixed; margin: auto; width: 360px; height: 100%;-webkit-transform: translate3d(0%,0,0);transform: translate3d(0%,0,0);}
    .sidebar-modal .modal.right.fade .modal-dialog {right: -360px; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
    .sidebar-modal .modal.right.fade.show .modal-dialog {right: 0;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
    .sidebar-modal .modal.right .modal-content {height: 100%;overflow-y: auto;border-radius: 0;border: none;}
    .sidebar-modal .modal-header {display: inline;padding: 0;border: none;}
    .sidebar-modal .modal-header .close {height: 30px; width: 30px; color: #4d0322; 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;}
    .sidebar-modal .modal-header h2 { background-color: #F3F4F6; padding: 10px 15px;}
    .sidebar-modal .modal-header img{max-width: 120px; margin: 0 auto;}
    .sidebar-modal .modal.right .modal-body {padding: 20px 5px;}
    
    .cart-view table{ width: 100%;}
    .cart-view table:not(.table-total):not(.table-clone-cart){max-height: 50vh;overflow:auto; 	display: inline-block; }
    .cart-view table td.img img{width: 70px; margin: 5px; border: 1px solid #d7d7d7;max-width: none;}
    .cart-view table td a{font-size: 14px; color: #333; float: left; width: 100%; }
    .cart-view table td span{font-size: 14px; float: left; width: 100%; color: #666;}
    .cart-view .line {float: left; width: 100%; border-top: 1px dashed #dfdfdf;	margin: 10px 0px;}
    .cart-view a.linktocart {color: #6C757D; background: #fff; border: 1px solid #6C757D; font-size: 10px; text-align: center; text-transform: uppercase; padding: 4px 4px; position: relative; float: left; width: 90%; white-space: nowrap; margin-top: 10px;}
    .cart-view .line { float: left; width: 100%; border-top: 1px dashed #dfdfdf; margin: 10px 0px;}
    .cart-view a.linktocheckout { color: #fff; background: #6C757D; border: 1px solid #6C757D; font-size: 10px; text-align: center; text-transform: uppercase; padding: 4px 4px; position: relative; float: right;  width: auto; width: 90%; white-space: nowrap; margin-top: 10px; }

/** 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{width: 100%; height: 45px; padding: 5px; border: none; outline: none; margin: 3px 25px;}
    .DHead-search-form .frmSearching .btnsearch{position: absolute; width: 45px; top: 0; right: 0; bottom: -1px; 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: #6C757D; font-size: 1.5rem;}
/** INTRO PAGE **/
    .wrapOnePage{position: relative;}
    .nadiONEPage{position: relative; overflow: hidden;  padding: 5rem 0rem 8rem 0rem; z-index: 1;}    
    .nadiONEPage:before{position: absolute; content: ""; top: 0; bottom: 0; left: 0; width: 80%; background: linear-gradient(to right, #08639C,transparent); z-index: -1;}
    .nadiPAGE-head{position: relative;}
    .nadiPAGE-head .page-title{color: #fff; text-transform: none; margin: 0px;}
    
/** ABOUT US PAGE **/
    .stnAboutus{position: relative;}
    .pb-15rem{padding-bottom: 15rem!important;}
    
    .stnVision{position: relative;z-index: 1;background-image: url(../images/background/shape-8.svg);background-position: center center;background-repeat: no-repeat;background-size: contain;}
    .mvc-item{position: relative;height: 100%;margin: 3rem 0;cursor: pointer;}
    .mvc-item .inner-mvc-item{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;-ms-flex-direction: column!important;flex-direction: column!important;}
    .mvc-item .inner-mvc-item{position: relative;background: #fff;border-radius: 5px;padding: 48px 30px 40px 30px;box-shadow: 0 0 15px rgba(0,0,0,0.1);transition: all .5s ease;}
    
    .mvc-item .inner-mvc-item:before{position: absolute;content: '';background: #fff;width: calc(100% - 20px);height: 100%;left: 10px;top: 0;border-radius: 5px;z-index: -1;transition: all .5s ease;box-shadow: 0 10px 30px 5px rgba(0,0,0,.1);}
    .mvc-item .inner-mvc-item:hover:before{top: 10px;}
    .mvc-item .inner-mvc-item .mvc-item-image{position: relative;margin-bottom: 10px;text-align: center;}
    .mvc-item .inner-mvc-item .mvc-item-image img{max-width: 180px;border-radius: 50%;transition: all 400ms ease-in-out;}
    .mvc-item .inner-mvc-item:hover .mvc-item-image img{transform: scale(0.9,0.9);}
    .mvc-item .inner-mvc-item h3{position: relative;display: block;margin-bottom: 15px;font-size: 22px;line-height: 30px;font-weight: 600; }
    .mvc-item .inner-mvc-item h3 a{display: inline-block;text-transform: none;color: #08639C;-webkit-box-shadow: none;box-shadow: none;text-decoration: none;}
    .mvc-item .inner-mvc-item h3 a:hover{color: #76BB44!important;}
    .mvc-item .inner-mvc-item p{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 43px!important;}
    .mvc-item .inner-mvc-item p{position: relative;text-align: center;font-size: 16px;line-height: 1.35em;font-weight: 500;  color: #666;margin: 0;transition: all .5s ease;margin-bottom: 1.2rem;}
    .mvc-item .inner-mvc-item .mvc-link a{-webkit-box-shadow: none;box-shadow: none;text-decoration: none;}
    .mvc-item .inner-mvc-item .mvc-link a{position: relative;display: inline-block;font-size: 16px; font-weight: 700;color: #555;}
    .mvc-item .inner-mvc-item .mvc-link a i {position: relative;top: 1px;margin: 0 8px;}
    .mvc-item .inner-mvc-item:hover .mvc-link a{color: #76BB44;}
    .owl-partner.owl-carousel .owl-nav button.owl-next, 
    .owl-partner.owl-carousel .owl-nav button.owl-prev{padding: 4px 7px!important;text-decoration: none;box-shadow: no!important;background-color: #08639C;color: #fff;}
    .owl-partner.owl-carousel .owl-nav button.owl-next:focus,.owl-partner.owl-carousel .owl-nav button.owl-next:hover,
    .owl-partner.owl-carousel .owl-nav button.owl-prev:focus,.owl-partner.owl-carousel .owl-nav button.owl-prev:hover{box-shadow: none;outline: none!important;background-color: #76BB44;}

    
/** PAGE: BLOGS PAGE SECTION **/
    .nadiNEPage{position: relative; padding-bottom: 2rem; padding-top: 1rem;}
    .single-news{display: flex; display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px;}
    .single-news{padding: 10px; cursor: pointer; transition: all 400ms ease-in-out;}
    .single-news: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);}
    .single-news .single-news-images{width: 35%; flex: 0 0 35%;}
    .single-news .single-news-content{width: 65%; flex: 0 0 65%; padding-left: 15px;}
@media only screen and (max-width: 599px){
    .single-news .single-news-images{width: 100%; flex: 0 0 100%;}
    .single-news .single-news-content{width: 100%; flex: 0 0 100%; padding-left: 0px; padding-top: 15px;}
}
    .single-news .single-news-images a{display: block; overflow: hidden;}
    .single-news .single-news-images img{margin: 0 auto; transition: all 400ms ease-in-out;}
    .single-news:hover .single-news-images img{transform: scale(1.2,1.2);}
    .single-news .single-news-content .single-news-cat{margin-bottom: 5px;}
    .single-news .single-news-content .single-news-cat a{text-transform: uppercase; color: #76BB44;}
    .single-news .single-news-content h3{font-size: 1.25rem; text-transform: none; line-height: 1.2!important;}
    .single-news .single-news-content h3 a{color: #333 !important;}
    .single-news:hover .single-news-content h3 a{color: #6C757D !important;}
    
    .box-meta-cat-date{position: relative; margin-bottom: 5px; text-align: left;}
    .box-meta-cat-date span:first-child{position: relative; font-weight: 700; text-transform: uppercase; color: #777; display: inline-block; font-size: .7rem; line-height: 1;}
    .box-meta-cat-date span:last-child{position: relative; font-weight: 400; margin-left: 5px; color: #777; display: inline-block; font-size: .7rem; line-height: 1;}
    .box-meta-cat-date span:last-child:before {content: "/"; margin-right: 5px;}
    .box-meta-cat-date span a{color: #777;}
    .colright-featured-sidebar h4 a{color: #222; font-size: 1rem; text-transform: none; letter-spacing: -.02em; line-height: 1.2; }
    .row-featured-sidebar:hover h4 a{opacity: 1;}
    .feature-item{position: relative; margin-bottom: 10px;}
    .feature-item .feature-item-image{position: relative; overflow: hidden;}
    .feature-item .feature-item-image img{margin: 0 auto; transition: all 400ms ease;}
    .feature-item:hover .feature-item-image img{transform: scale(1.1,1.1);}
    .feature-item .feature-item-content{padding-top: 10px;}
    .feature-item .feature-item-content h3{font-size: 1.25rem; text-transform: none; line-height: 1.2!important;}
    .feature-item .feature-item-content h3 a{display: block; color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 40px!important;}
    .feature-item .feature-item-content h3 a:hover{color: #76BB44;}
    .feature-item .feature-item-content  .feature-item-content-cat a{text-transform: uppercase; color: #724F0A;}
    .feature-item .feature-item-content  .feature-item-content-cat a:hover{font-weight: 700;}
    
    .news-item-meta{display: flex; display: -webkit-flex; -ms-flex-direction: row!important; -ms-flex-wrap: nowrap; flex-wrap: nowrap; flex-direction: row!important;-ms-flex-pack: start!important; justify-content: start!important;}
    .news-item-meta{padding: 0 10px 10px 0; font-size: 13px; color: #666;}
    .news-item-meta .post-icon{margin-right: 5px;}
/** BLOG PAGE: THEGIOIKANGEN **/
    .nav-page{position: relative;border-bottom: 1px solid #ebebeb;}
    .navblog{padding: 0px;margin: 0px;display: block;overflow-x: scroll;scroll-behavior: smooth;scrollbar-width: none;white-space: nowrap; }.navblog::-webkit-scrollbar{display: none;}
    .navblog li{display: inline-block;}
    .navblog li a{display: block;padding: 10px 16px 8px 0px;font-size: 14px;color: #2C2C2C;}
    .navblog li.actived a{color: #000;font-weight: 600;}
@media (max-width: 767px) {
    .navblog{padding-bottom: 5px;border-bottom: 1px solid #d9d9d9;}
    .navblog li a{padding-left: 0px;}
}  
    .rfeat{border-bottom: 2px solid #ebebeb;}
    .article-gfea{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important; flex-wrap: nowrap; -ms-flex-wrap: nowrap; }
    .article-item{position: relative;}.article-item:not(:first-child){margin-top: 10px;}.article-item:last-child{margin-bottom: 15px;}
    .article-item .article-thumb{margin-bottom: 5px;overflow: hidden;}
    .article-item .article-thumb a{display: block;}.article-item .article-thumb img{display: block;width: 100%!important;}
    .article-item .article-info{display: flex;flex-direction: column!important;}
    .article-item .article-info .article-title{margin: 0px;text-transform: none;font-size: 16px;font-weight: 600; line-height: 22px;}
    .article-item .article-info .article-title a{color: #333;}.article-item .article-info .article-title a:hover{color: #08639C!important;}
    .article-item .article-info .article-title.fz-20{font-size: 20px!important;}
    .article-item .article-info .aricle-short{padding-top: 10px;font-size: 14px;}.article-item .article-info .aricle-short a{color: #888!important;}
    
    .postList{overflow-y: scroll;max-height: 580px!important;}
@media (min-width: 992px) and (max-width: 1190px) {
    .postList{max-height: 480px!important;}
}
    .postList::-webkit-scrollbar {width: 5px;}
    .postList::-webkit-scrollbar-track {background: transparent;}
    .postList::-webkit-scrollbar-thumb {background: transparent;}
    .postList:hover::-webkit-scrollbar-thumb {background: #08639C;cursor: pointer;}
    .postList > li{border-bottom: 1px solid #e0e0e1; padding-bottom: 5px;}
    .postList > li > h3{text-transform: none; font-size: 15px;text-transform: uppercase;}
    .postList > li > a{display: block; position: relative; padding: 6px 5px 6px 30px;color: #333;font-size: 16px;font-weight: 500;}
    .postList > li > a > label{position: absolute; width: 25px; height: 25px; line-height: 25px; background-color: #2878d7; border-radius: 50%; top: 8px; left: 0; color: #fff; font-weight: bold; text-align: center; margin: 0;}
    .postList > li:hover label{background-color: #44BA46;}
    .postList > li > a:hover{color: #08639C!important;}
    
    .nerow,.subrow{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .nerow{margin-top: 2rem;margin-left: -10px;margin-right: -10px;}.necol-left,.necol-right{width: 50%;flex:0 0 50%;padding-left: 10px;padding-right: 10px;}
    .sub-nerow{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-bottom: 20px;}
    .sub-nerow a{display: block;}
    .subl-col{width: 250px;flex:0 0 250px;}
    .subr-col{width: calc(100% - 250px);flex:0 0 calc(100% - 250px);padding-left: 20px;}
@media (min-width: 992px) and (max-width: 1190px) {
    .necol-left{width: 70%;flex:0 0 70%;}.necol-right{width: 30%;flex:0 0 30%;}
}
@media (max-width: 991px) {
    .necol-left{width: 100%;flex:0 0 100%;}.necol-right{width: 100%;flex:0 0 100%;}
}

    .box-pic{overflow: hidden;}.box-pic > img{display: block;transition: hover 400ms ease;}
    .sub-nerow:hover .box-pic > img{transform: scale(1.1);}
    .box-info{position: relative;}
    .box-info .blog-title{text-transform: none;font-size: 16px;line-height: 20px;}
    .box-info .blog-title:hover{color: #08639C!important;}
    .box-info .blog-text{color: #888!important;text-align: justify;}
@media (max-width: 599px) {
    .subl-col{width: 100%;flex:0 0 100%;}
    .subr-col{width: 100%;flex:0 0 100%;padding-left: 0px;}
    .box-info{margin-top: 15px;}
}
    .box-expand{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important;}
    .exbox-header{border-left: 5px solid #08639C;}.exbox-header h4{margin: 0px;line-height: 22px;color: #08639C;padding: 5px 0 5px 15px;}
    .exbox-body{position: relative;padding: 10px 0;}
    .exboxlist{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .exboxlist > li{width: 50%;flex:0 0 50%;padding: 5px;}
@media (min-width: 992px) and (max-width: 1190px) {
    .exboxlist li{width: 100%;flex:0 0 100%;}
}
/** SIDEBAR RIGHT AND LEFT **/
    .sidebar-right{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important; flex-wrap: nowrap; -ms-flex-wrap: nowrap; margin-bottom: 30px;padding: 10px;border-radius: 12px;}
    .sidebar-right{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);background-color: #fff;}
    .sidebar-right .sidebar-right-header{position: relative; margin-bottom: 5px;}
    .sidebar-right-header .sidebar-right-header-title{margin: 0px; position: relative;text-transform: none;font-size: 16px;border-bottom: 1px solid #6C757D;margin-bottom: 5px;}    
    .sidebar-right-header .sidebar-right-header-title span.title{position: relative; display: inline-block; padding: 8px 15px 7px 5px; color: #08639C;text-transform: uppercase;}
    .sidebar-right-header .sidebar-right-header-title span.title i{margin-right: 5px; color: #08639C;}
    
    .sidebar-body-list{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important;}
    .sidebar-body-list li{margin-bottom: 5px;}
    .sidebar-body-list li:not(:last-child){border-bottom: 1px solid #e2e2e2;}
    .sidebar-body-list li a{display: block; position: relative; padding: 5px 10px 8px 25px; color: #555; z-index: 1; transition: all 800ms ease;font-size: 15px;}
    .sidebar-body-list li a:hover{padding-left: 20px; color: #535353; font-weight: 700;}
    .sidebar-body-list li a:before{position: absolute; content: "\f113";font-family: Flaticon;font-size: 16px;font-style: normal; top: 5px;left: 0;width: 20px;height: 20px;transition: all 400ms ease-in-out;}
    .sidebar-body-list li a:hover:before{left: 5px;font-weight: 900;}
    .row-featured-sidebar{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .row-featured-sidebar{padding-top: 1rem;padding-bottom: 1rem;}
    .row-featured-sidebar:not(:last-child){border-bottom: 1px solid #d7d7d7;}
    .colleft-featured-sidebar{flex: 0 0 40%; width: 40%;padding-left: 15px;}
    .colright-featured-sidebar{flex: 0 0 60%; width: 60%; padding-left: 10px;}   
    
    .colright-featured-sidebar h4 a{color: #535353; font-size: 1rem; text-transform: none; letter-spacing: -.02em; line-height: 1.2;}
    .row-featured-sidebar:hover h4 a{opacity: 1;}
    .colright-featured-sidebar .priceBox{}
    .colright-featured-sidebar .priceBox span{display: inline-block;font-weight: 700;}
    .colright-featured-sidebar .priceBox span.price-old{font-size: 12px;color: #9e9e9e;text-decoration: line-through;margin-right: 5px;}
    .colright-featured-sidebar .priceBox span.price-new{font-size: 15px;color: #ED1C24;}
/** DOCTORS PAGE **/
    .stnOnePage{position: relative;padding: 3rem 0;}
    .rowprofile{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;border-radius: 15px;}
    .rowprofile{padding: 15px 0;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);}
    .rowprofile:not(:first-child){margin-top: 3rem;}
    .colleft-profile{width: 25%; flex: 0 0 25%;padding-left: 15px;padding-right: 15px;}.colright-profile{width: 75%;flex: 0 0 75%;padding-left: 15px;padding-right: 15px;}.colmain-profile{width:100%;flex:0 0 100%;padding-left: 15px;padding-right: 15px;}
    .profile-image{position: relative;overflow: hidden;border-radius: 15px;padding: 10px;z-index: 1;}
    .profile-image:before{content: '';position: absolute;z-index: -1;top: 0;left:0;bottom:0;right:0;width:100%;height: 100%;background-color: #76BB44;}
    .profile-image img{background-color: #08639C;padding: 5px;border-radius: 100%;}
    .profile-info{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important;}
    .profile-info .profile-info-position{margin-bottom: 10px;}
    .profile-info .profile-info-position span{display: inline-block; background-color: #76BB44;color: #fff;padding: 5px 10px 6px;border-radius: 5px;font-size: 1.15rem;}
    .profile-info .profile-info-name{text-transform: none;color: #08639C;}
    .profile-info .profile-indo-short{font-size: 16px;color: #666;margin-bottom: 1.5rem;line-height: 1.5;}
    .profile-info .profile-info-social{position: relative;}
    .profile-info .profile-info-social h5{color: #555;font-weight: 900;font-size: 1rem;}
    .profile-info .profile-info-social ul li{display: inline-block;}
    .profile-info .profile-info-social ul li:not(:first-child){margin-left: 15px;}
    .profile-info-social ul li a{display: block;position: relative;width: 40px;height: 40px;border-radius: 50%;background: #08639C;color: #fff;line-height: 40px;text-align: center;transition: all 0.8s ease, background 0.4s ease-in-out;z-index: 1;}
    .profile-info-social ul li a:hover{background-color: #76BB44;}
@media only screen and (max-width: 599px){    
    .colleft-profile{width: 100%; flex: 0 0 100%;}.colright-profile{width: 100%;flex: 0 0 100%;}
    .profile-image{margin-bottom: 2rem;}
}
    .profile-content{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important;}
    .profile-content h5{text-transform: none;}
    .profile-content h5 span{display: inline-block; background-color: #76BB44; color: #fff;font-size: 1.35rem;padding: 6px 10px;border-radius: 5px;}
    .profile-desc{position: relative;margin-top: 1.6rem;}
    .profile-desc img{display: block; margin: 0.6rem auto; max-width: 100%;height: auto!important;}
    .profile-desc ul, .profile-desc ol{margin: 0px; padding: 0px; margin-left: 10px; margin-bottom: 1rem;}
    .profile-desc ul > li{padding: 3px 0 3px 5px; list-style-type: square; margin-left: 10px;}
    .profile-desc ol > li{padding: 3px 0 3px 5px; list-style-type: decimal; margin-left: 10px;}
/** KNOWLEDGE PAGE **/
    .rowKnowledge div[class*='col-']{padding-left: 8px;padding-right: 8px;}
    
    .gallery-grid{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .gallery-grid-item{width:25%;flex: 0 0 25%;padding: 5px;}
@media only screen and (max-width: 991px){
    .gallery-grid-item{width:33.333333%;flex: 0 0 33.333333%;}
}
@media only screen and (max-width: 599px){  
    .gallery-grid-item{width:50%;flex: 0 0 50%;}
}
/** PAGE: PRODUCT **/
    .pageProduct{position: relative;padding: 1rem 0 2rem;}
    .prorow{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;}
    .sidebar-left{width: 280px;}
    .inner-sidebar{position: sticky;top: 70px; overflow-y: scroll; max-height: 100vh; display: flex;flex-direction: column;font-size: 14px;line-height: 20px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
    .inner-sidebar::-webkit-scrollbar {width: 0px;} 
    .inner-sidebar::-webkit-scrollbar-track {background: transparent;}
    .inner-sidebar::-webkit-scrollbar-thumb {background: transparent;}
    .inner-sidebar::-webkit-scrollbar-thumb:hover {background: transparent;}
    .sidebox{position: relative;display: flex;margin-bottom: 16px;flex-direction: column;background-color: rgb(255, 255, 255);border-radius: 8px;}
    .sidebox-header{position: relative;border-bottom: 1px solid #ebebeb;}
    .sidebox-header-title{margin: 0px; padding: 10px 8px;font-weight: 700;font-size: 16px;line-height: 150%;color: rgb(39, 39, 42);}
    .sidebox-body{position: relative;padding: 10px 8px 10px 10px;}
    .sidenav{margin: 0px;margin: 0px;}
    .sidenav li{display: block;border-bottom: 1px dotted #ededed;}
    .sidenav li a{display: block;position: relative; font-size: 16px;line-height: 22px; padding: 5px 0px; color: #555;}
    .sidenav li a:hover{color: #08639C!important;font-weight: 600;}
    .sidenav li ul.subnav{padding-left: 10px; display: none;transition: all 400ms ease-in-out;}.sidenav li ul li a{padding-left: 15px;}.sidenav li ul li a:before{content: '';position: absolute;z-index: 1;background-color: #555;width: 5px;height: 5px;left: 0px;top: 13px;}
    .sidenav li.show > ul.subnav{display: block;}
    .sidenav .subtitle{align-content: stretch;align-items: stretch;box-sizing: border-box;display: flex;width: 100%;}
    .sidenav .subtitle .icon-box{width: 32px; height: 32px; position: relative;}
    .subtitle .icon-menu{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;text-align: center;line-height: 32px;transform: rotate(90deg);transition: rotate 400ms ease;cursor: pointer;}
    
    .sidenav .subtitle .text-menu{width:calc(100% - 32px);flex:0 0 calc(100% - 32px);}
    .sidenav li.show > .subtitle .icon-menu{transform: rotate(270deg);}
    .wrap-right{width: calc(100% - 280px);overflow-x: hidden;padding: 0 15px;}
    .wpro-top{position: relative;}.wpro-title{margin: 0px;font-size: 1.5rem;text-transform: none;font-weight: 500;line-height: 2;}
    .wpro-header{display: flex;display: -webkit-flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: justify!important;justify-content: space-between!important;-ms-flex-align: center!important;align-items: center!important;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #e8e8e8;}
    .wpro-counter{font-size: 1.1rem;}
    .wpro-counter span{color: #fa3c4c!important;}
    
    .wpro-orderby{position: relative;transition: all 300ms ease;min-width: 240px;border: 1px solid #737373;}
    .wpro-orderby .orderby-header{position: relative; background-color: #FFF; padding: 8px 25px 8px 10px; font-size: .9rem; color: #333; cursor: pointer; height: 36.5px;}
    .wpro-orderby .orderby-header span.icon-orderby{position: absolute; top: 3px; right: 3px; height: 28px; width: 28px; line-height: 30px; font-size: 1.6rem; text-align: center; transition: all 400ms ease;}
    .wpro-orderby.show .orderby-header span.icon-orderby{-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
    .orderby-dropdown{position: absolute; display: none; visibility: hidden; opacity: 0;  top: 100%; left: -1px;right: -1px; width: calc(100% + 2px); height: 0; z-index: 10; background-color: #FFF; padding: 5px 10px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); transition: all 400ms ease;}
    .orderby-dropdown li{padding: 3px 0; color: #555; cursor: pointer; transition: all 300ms ease;}
    .orderby-dropdown li:hover{color: #724F0A;}
    .wpro-orderby.show .orderby-dropdown{display: block; visibility: visible; opacity: 1; height: auto;border: 1px solid #737373;border-top: none!important;}
    .wpro-body{position: relative;}.wpro-main{position: relative;}
    .wpro-grid{margin: 0;padding: 0;display: flex;display: -webkit-flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -ms-flex-pack: justify!important;}
    .wpro-grid li{padding: 5px;}
@media only screen and (min-width: 1200px){
    .wpro-grid li{flex: 0 0 33.333333%; width: 33.333333%;}
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .wpro-grid li{flex: 0 0 50%;width: 50%;}    
}
@media only screen and (max-width:991px) {
    .sidebar-left{display: none!important;}.wrap-right{width: 100%!important;padding: 0px!important;}
    .wpro-grid li{flex: 0 0 50%;width: 50%; }    
}
@media only screen and (max-width:599px) {
    .wpro-grid li{flex: 0 0 100%;width: 100%;}
    .inner-wpro-right > span{display: none!important;}
    .wpro-hehe-left,.wpro-hehe-right{width: 100%;flex:0 0 100%;}
    .wpro-orderby{width: 100%;}
}
    .wpro-footer{position: relative;padding-top: 2rem;}
    
/** ATTRIBUTES **/
    .attlist{margin: 0px;padding: 0px;}
    .attlist li{position: relative; display: inline-block; margin-right: 10px; margin-bottom: 5px;}
    .attlist li:last-child{margin-right: 0px;}
    .attlist li .chkattri{position: relative;display: inline-block;width: 100%;font-weight: 400;padding: 2px 2px 4px 28px;font-size: 16px;margin: 1px;border: 1px solid #ebebeb;color: #242933;cursor: pointer;}
    .attlist li .chkattri input[type=checkbox], .attlist li .chkattri input[type=radio] {display: none;position: absolute;left: 0px;top: 0px;}
    .attlist li .chkattri > span{position: absolute;cursor: pointer;border-radius: 3px;width: 18px;height: 18px; border: none; background-color: #fff; background-image: none;left: 5px;top: 5px;}
    label.chkattri > span:before {content: "";position: absolute; display: none;width: 10px;height: 10px;top: 1px;left: 3px;border: solid #ff0000;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
    label.chkattri input:checked + span:before {display: block;}
    .attlist li.show .chkattri{border: 1px solid #ff0000;}
/** PAGE: SUPPORT PAGE **/
    .nadiSTNSupport{position: relative; background-color: #FFF;}
    .support-item{padding: 40px 20px; text-align: center; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; margin: 0 auto 30px; }   
    .support-item{-webkit-box-shadow: 0px 2px 16px 0px rgba(0,0,0,.11);box-shadow: 0px 2px 16px 0px rgba(0,0,0,.11);}
    .support-item:hover{-webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); border-bottom: 5px solid #76BB44;}
    .support-item .support-img{text-align: center; margin-bottom: 1rem;}
    .support-item .support-img img{width: 80px;}
    .support-item .support-content .support-content-title{font-weight: 700;text-transform: capitalize;margin-bottom: 13px;font-size: 16px;line-height: 28px;margin-top: -7px; }
    .support-item .support-content p{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; min-height: 48px!important;}
    .support-item .support-content p{color: #555;font-size: 14px;line-height: 24px;margin-bottom: -7px !important; }
    .support-item:hover .support-content .support-content-title{color: #08639C;}
/** PAGE: CONTACT PAGE **/
    .nadiContact{position: relative;}
    .nadiSTNLHead > h3{text-transform: none; font-size: 26px; line-height: 1.12!important; color: #08639C; 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: #08639C;}
    .box-inner .inner-line .inner-squares{position:absolute; content: ''; height: 16px; width: 16px; border-radius: 50px; background-color: #2c3d94; 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: #08639C; 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;}
    .frmcontact{position: relative;}
    .frmcontact .form-control{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, #2c3d94, #0066b3, #0066b3, #2c3d94); 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: 10px; min-height: 30px; line-height: 30px;}
    .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{color: #555; font-size: 1rem;}
    .contactFooter > li > span > a{color: #555;}
    .contactFooter > li > h5{margin: 0px; font-weight: 700; color: #555; font-size: 1.35rem; text-transform: none;}
    .nadiSTNMaps{position: relative; border-top: 2px solid #08639C;}
/** SHOPPING PAGE **/
    .nadiShopping{position: relative; background-color: #F3F4F6;}
    .stnCheckout [class^="col-"], .stnCheckout [class*="col-"]{padding-left: 5px; padding-right: 5px;}
    .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: #08639C;}
    .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{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: #08639C;border-color: #08639C;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-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: #44BA46!important; border-color: #44BA46!important; outline: none; box-shadow: none;}
    .boxInfoOrder .footerCart a.btn-continue.btn-checkout{background-color: #535353;}
    .boxInfoOrder .footerCart a.btn-print{border-radius: 0;}
/** ====================================================== *
 * 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, #2c3d94, #0066b3, #0066b3, #2c3d94); background-size: 300% 100%; border-radius: 0px; padding: 8px 30px 9px;}
    .boxInfoOrder .bodyCart a.btn-empty:hover {background-position: right center;}
/** DETAIL PAGE **/
    .nadiDePage{position: relative;padding-bottom: 3rem;padding-top: 2rem;}
    .nadiDePage .news-item-title{padding-top: 10px;}
    .nadi-article{position: relative; margin-bottom: 3rem;}
    .nadi-article .nadi-article-title{font-size: 1.8rem; text-transform: none;line-height: 35px;}
    .nadi-article .nadi-article-meta{margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #EFEBE3;}
    .nadi-article .nadi-article-meta span.meta-times{color: #757575;}.nadi-article .nadi-article-meta span.meta-times i{margin-right: 10px;}
    .nadi-article-meta ul{display: flex; display: -webkit-flex; ms-flex-direction: row!important; flex-direction: row!important; flex-wrap: wrap; -ms-flex-wrap: wrap;}
    .nadi-article-meta ul li{margin-right: 1rem; color: #37499C;}
    .nadi-article-meta ul li i{margin-right: 5px;}    
    .nadi-article-content .nadi-article-bold{margin-bottom: 1rem; font-size: 16px; font-weight: 700;}
    .block-content-body h1,
    .block-content-body h2,
    .block-content-body h3,
    .block-content-body h4,
    .block-content-body h5,
    .block-content-body h6{text-transform: none;}
    .block-content-body h2{font-size: 14pt;line-height: 1.3;color: #293e93;}
    .block-content-body h3{font-size: 13pt;line-height: 1.25;color: #293e93;}
    .block-content-body h4{font-size: 12pt;line-height: 1.2;color: #293e93;}
    .block-content-body h5{font-size: 11pt;line-height: 1.15;color: #293e93;}
    .block-content-body h6{font-size: 10pt;line-height: 1.1;color: #293e93;}
    .block-content-body,.nadi-article-content{position: relative;}
    .block-content-body p img, .block-content-body img{display: block; margin: 0.6rem auto; max-width: 100%;height: auto!important;}
    .block-content-body ul, .block-content-body ol,.nadi-article-content ul,.nadi-article-content ol{margin: 0px; padding: 0px; margin-left: 10px; margin-bottom: 1rem;}
    .block-content-body ul > li,.nadi-article-content ul > li{padding: 3px 0 3px 5px; list-style-type: square; margin-left: 10px;}
    .block-content-body ol > li,.nadi-article-content ol > li{padding: 3px 0 3px 5px; list-style-type: decimal; margin-left: 10px;}
    
    .block-content-body table thead tr th, .block-content-body table tbody tr td{padding: 5px;}
    
    .PostRelation{position: relative;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #6C757D;}
    .PostRelation .relation-title{font-size: 1.35rem;color: #6C757D;}
    .PostRelation .relation-title span{font-weight: 700;margin-right: 10px;}
    
    .rowNews{position: relative;} .rowNews div[class*="col-"]{padding-right: 5px;padding-left: 5px; padding-bottom: 2rem;}
    .rowNews .news-item{padding: 0px!important;}
    .rowNews .news-item{height: 100%;position: relative;border-radius: 5px; background-color: #fff;transition: all 0.4s ease 0s;}
    .rowNews .news-item:hover{box-shadow: 0 5px 20px rgba(0,0,0,.5);}
    .rowNews .news-item-image{border-top-left-radius: inherit;border-top-right-radius: inherit;overflow: hidden;height: 240px;}
    .rowNews .news-item-image img{display: block; height: 100%;width: 100%;object-fit: cover;object-position: center;transition: all 400ms ease;}
    .rowNews .news-item:hover .news-item-image img{transform: scale3d(1.1,1.1,1.1);}
@media (min-width: 992px) and (max-width: 1079px) { 
    .rowNews .news-item-image{height: 260px;}
}
    .rowNews .news-item-meta{display: flex; display: -webkit-flex; -ms-flex-direction: row!important; -ms-flex-wrap: nowrap; flex-wrap: nowrap; flex-direction: row!important;-ms-flex-pack: start!important; justify-content: start!important;}
    .rowNews .news-item-meta{padding: 10px; font-size: 13px; color: #666;}
    .rowNews .news-item-meta .post-icon{margin-right: 5px;}
    .rowNews .news-item-title{padding: 10px 5px 10px;}
    .rowNews .news-item-title .post-title{margin: 0px;text-transform: none;font-size: 18px;line-height: 1.35; transition: all .5s ease;}
    .rowNews .news-item-title .post-title{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; min-height: 50px!important;font-weight: 600;}
    .rowNews .news-item:hover .news-item-title .post-title{color: #6C757D;}
/** ====================================================== *
 * PAGE: PRODUCT DETAIL PAGE SECTION
 * ========================================================*/
    .nadiDProduct{position: relative; background-color: #F0F4FF!important; padding-bottom: 1rem; padding-top: 1rem;}
    .rowSingle{background-color: #fff; margin-bottom: 15px; padding-bottom: 15px;margin-left: 0px;margin-right: 0px;border-radius: 15px;}
    .boxDPGallery{position: relative; cursor: pointer; padding: 10px; border: 0px solid #535353; margin-left: -5px; margin-right: -5px; margin-top: 10px;}
    .lSSlideOuter .lSPager.lSGallery li{border: 1px solid #FFF7E0; transition: color 700ms ease;}
    .lSSlideOuter .lSPager.lSGallery li:hover{border-color: #535353;}
/** product information **/
    .boxDPInfo{position: relative; margin-top: 10px; margin-bottom: 10px;}
    .boxDPInfo .single-title{color: rgb(36, 36, 36);font-size: 24px;font-weight: 300;line-height: 32px; text-transform: none;}
    .boxDPInfo .single-code{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #FFD967;}
    .boxDPInfo .single-code .code-title{font-size: 18px;}.boxDPInfo .single-code .code-text{font-size: 18px; font-weight: 600;}
    
    .boxDPInfo .rowNewPrice{margin-bottom: 0px;}.boxDPInfo .rowNewPrice .new-price{color: red;font-size: 32px; line-height: 40px; letter-spacing: .06rem;}
    .boxDPInfo .rowOldPrice{margin-bottom: 5px;}.boxDPInfo .rowOldPrice .old-price{color: #724F0A;text-decoration: line-through;font-size: 1.2rem;}
    .boxDPInfo .rowOldPrice .percent-price{color: #C82333; font-size: 1.2rem;}
    
    .boxFeature{position: relative; margin-bottom: 10px;}
    .boxFeature li{display: flex; display: -webkit-flex; ms-flex-direction: row!important; flex-direction: row!important; flex-wrap: nowrap; -ms-flex-wrap: nowrap;}
    .boxFeature li{position: relative; padding-left: 20px; padding-top: 3px; padding-bottom: 3px; font-size: 15px;}
    .boxFeature li:before {content: "\f101";font-family: FontAwesome;position: absolute;top: 5px;left: 5px;font-size: 14px;}
    .boxFeature li .feaTitle{width: 120px; flex: 0 0 120px; font-weight: 600;}.boxFeature li .feaDesc{width: calc(100% - 120px); flex: 0 0 calc(100% - 120px);}
    
    .single-subtitle{position: relative; margin-bottom: 5px;}
    .single-subtitle .subtitle{color: #2d3e50;font-size: 1.15rem;position: relative;margin-bottom: 10px;padding-bottom: 10px;margin-top: 10px;}
    .single-subtitle .subtitle:before{content: '';position: absolute;bottom: 5px;left: 0px;height: 3px;background-color: #08639C;width: 50px;}
    .single-subtitle .subinfo p{font-size: 1rem;}
    .single-subtitle .subinfo.desc ul{position: relative; margin-bottom: 10px;}
    .single-subtitle .subinfo.desc ul li{display: flex; display: -webkit-flex;}
    .single-subtitle .subinfo.desc ul li{position: relative; padding-left: 20px; padding-top: 3px; padding-bottom: 3px; font-size: 15px;}
    .single-subtitle .subinfo.desc ul li:before {content: "\f101";font-family: FontAwesome;position: absolute;top: 5px;left: 5px;font-size: 14px;}
    .single-subtitle .subinfo.desc ul li .feaTitle{width: 120px; flex: 0 0 120px; font-weight: 600;}.boxFeature li .feaDesc{width: calc(100% - 120px); flex: 0 0 calc(100% - 120px);}
    
    
    .boxDPInfo .single-qty{padding: 5px 0 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, #08639C, #44BA46, #44BA46, #08639C);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;}
    
    .nadibox-innerbody.boxshadow{overflow: hidden;max-height: 350px; -webkit-mask-image: -webkit-gradient(linear, 20% 65%,20% 100%, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));transition: all 800ms ease;}
    .nadibox-body.show  .nadibox-innerbody{max-height: 100%!important;-webkit-mask-image: none;}
    
    .nadibox-footer{position: relative; padding: 15px 0;}
    .nadibox-footer .btn{border: 1px solid #08639C; color: #08639C;}
    .nadibox-body  .nadibox-footer .btn-readmore{display: inline-block; visibility: visible}
    .nadibox-body.show  .nadibox-footer .btn-readmore{display: none; visibility: hidden;}
    .nadibox-footer .btn-lostmore{display: none; visibility: hidden;}
    .nadibox-body.show  .nadibox-footer .btn-lostmore{display: inline-block; visibility: visible;}
    
    .nadibox{display: flex; display: -webkit-flex; ms-flex-direction: column!important; flex-direction: column!important; flex-wrap: nowrap; -ms-flex-wrap: nowrap; margin-bottom: 30px; }
    .nadibox .nadibox-header{position: relative;}
    .nadibox-header .nadibox-header-title{margin: 0px; position: relative; border-bottom: 1px solid #08639C;}    
    .nadibox-header .nadibox-header-title span.title{position: relative; display: inline-block; padding: 8px 15px 7px 5px; background-color: #08639C; color: #fff; font-weight: 700; font-size: 16px;}
    .nadibox-header .nadibox-header-title span.title i{margin-right: 5px; color: #FFF;}
    .nadibox-header .nadibox-header-title span:after {border-color: #08639C rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);position: absolute; content: " "; width: auto; height: auto; bottom: -20px; margin-left: -10px; left: 50%; border-width: 10px;border-style: solid;}
    
    .nadibox-body{background-color: #fff; padding: 15px 10px;border-radius: 15px;}
    .nadibox-body.notradius{border-top-left-radius: 0px;border-top-right-radius: 0px;}
    .nadibox-innerbody.depro{overflow: hidden;max-height: 350px;-webkit-mask-image: -webkit-gradient(linear, 20% 65%,20% 100%, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));transition: all 800ms ease;}
/** DETAIL NEWS PAGE **/
    .nadiDNews{position: relative;background-color: #FFF;padding-bottom: 1rem;padding-top: 1rem;}
    .nadibox.bordertop-2{border-top: 0px solid #535353;}
    .nadibox .nadibox-body.boxshowdown{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); padding-left: 15px; padding-right: 15px;}
    .feature-item.boxsame .feature-item-content h3{font-size: 1rem;}
/** VIDEOS CHANEL **/
    .box2-featured-list{position: relative; margin-bottom: 1rem;}
    .box2-featured-item{position: relative;border-radius: 5px;}
    .box2-featured-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);background-color: #fff;}
    .box2-featured-item .box2-featured-item-img{position: relative; overflow: hidden; background: #000; margin-bottom: 0.5rem;border-top-left-radius: 5px;border-top-right-radius: 5px;}
    .box2-featured-item .box2-featured-item-img img{transition:  all 0.2s ease;}
    .box2-featured-item .box2-featured-item-info{position: relative;padding: 10px;}
    .box2-featured-item .box2-featured-item-info h3{text-transform: none;}
    .box2-featured-item-info h3 a{display: flex;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #222;font-size: 14px;overflow: hidden;}
    .box2-featured-item-info h3 a:hover,.box2-featured-item-info h3 a:focus{text-decoration: none!important;color: #08639C!important;}
    .box2-featured-item:hover .box2-featured-item-img img{opacity: .8;}
    .box2-featured-item:hover .box2-featured-item-info h3 a{text-decoration: none!important;color: #08639C!important;}
    .post-thumb-overlay-wrap {position: absolute;width: 100%;height: 100%;overflow: hidden;}
    .post-thumb-overlay-wrap .post-thumb-overlay {position: absolute;width: 100%;height: 100%;z-index: 3;background: rgba(35,38,42,0.8);-webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);transition: 0.4s;opacity: 0;}   
    .post-thumb-overlay-wrap .post-thumb-overlay {background: transparent;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
    .post-thumb-overlay-wrap .post-thumb-overlay {display: block;}
    .post-thumb-overlay .fa-play {position: absolute;left: 50%;top: 50%;bottom: auto;right: auto; -webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);color:#ffffff;text-align: center;font-size: 32px;z-index: 8;}
    .post-thumb-overlay .fa-play:before {border: 2px solid #ffffff;border-radius: 50%;width: 40px;height: 40px;line-height: 36px;display: block; text-align: center;font-size: 17px; background: rgba(0,0,0,0.3); transition: 0.3s; z-index: 2;}
    .post-thumb-overlay .fa-play:before {letter-spacing: -3px;  background: rgba(0,0,0,0);}
    .post-thumb-overlay .fa-play:before{width: 50px; height: 50px; line-height: 46px;}
    .box2-featured:hover .post-thumb-overlay .fa-play:before {background: rgba(0,0,0,0.6);}
/** VIDEO SECTION **/
    .video-container {position: relative; padding-bottom: 56.25%; height: 0;margin-bottom: 15px;}
    .video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
/** 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{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 #08639C; }
    .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: rgba(8, 99, 156, 1);transition: 0.4s;}
    .genderList input[type="radio"]:checked~.genderval::before {outline-color: #fff!important;}
    .genderList input[type="radio"]:checked~.genderval::after {top: 12.8px;background: #FFF;animation: shake .15s 2;}
    .modalList{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important;}
    .modalList .boxcheck{display: flex;padding:0;font-size: 18px;cursor: pointer;min-width: 100px;margin: 0px!important;}
    .modalList .boxcheck:not(:first-child){margin-left: 5px!important;}
    .modalList input[type="radio"] {opacity: 0;width: 0px;}
    .modalList .genderval{position: relative;display: flex; align-items: center;padding: 5px 10px 5px 40px; border-radius: 5px;overflow: hidden;min-width: 100px!important; }
    .modalList .genderval:hover {background: rgba(246,205,76,1)!important;color: #fff!important; }
    .modalList .genderval::before {content: "";position: absolute;left: 15px; width: 10px;height: 10px; border-radius: 50%; outline-offset: 3px; outline: 2px solid #08639C; }
    .modalList .genderval::after {content: "";position: absolute;left: 15px;top: -15px;width: 10px;height: 10px; border-radius: 50%; transition: 0.2s;}
    .modalList .genderval:hover::before {outline-color: #fff!important;}    
    .modalList input[type="radio"]:checked~.genderval {color: #FFF;border-width: 5px; background:#2C3D94;transition: 0.4s;}
    .modalList input[type="radio"]:checked~.genderval::before {outline-color: #fff!important;}
    .modalList input[type="radio"]:checked~.genderval::after {top: 12.8px;background: #FFF;animation: shake .15s 2;}
@keyframes shake {
    0%{ transform: translateX(0); }
    25%{ transform: translateX(5px); }
    50%{ transform: translateX(0); }
    75%{ transform: translateX(-5px); }
    100%{ transform: translateX(0); }
}
    .gj-timepicker-md [role=right-icon] {right: 5px!important;top: 50%!important;transform: translateY(-50%)!important;}
    .gj-datepicker-bootstrap [role=right-icon] button{border-color: #ededed!important;box-shadow: none!important;outline: none!important;}
    /** COMMENT AND RATING PRODUCT PAGE **/
    .nadibox-innerbody.autoheight{max-height: 100%!important;}
    .boxRowBody {display: flex;display: -webkit-flex;-ms-flex-direction: row!important;flex-direction: row!important;}
    .flex-column {-ms-flex-direction: column!important; flex-direction: column!important;}

    .ratedHeader{display: flex; display: -webkit-flex; -ms-flex-direction: row!important;  flex-direction: row!important; -ms-flex-pack: start!important; justify-content: flex-start!important; -ms-flex-align: center!important; align-items: center!important;}
    .ratedHeader .ratedTitle{font-size: 1.5rem; font-weight: 700; color: #EDB867; margin-right: 15px;}
    .ratedHeader .ratedOption{-ms-flex-align: center!important; align-items: center!important; margin-right: 15px;}
    .br-theme-fontawesome-stars .br-widget a {font: normal normal normal 25px/1 FontAwesome;}
    .ratedHeader .ratedText{font-size: 1.35rem; font-weight: 700; padding-top: 3px;}
    .ratedBody{display: flex; display: -webkit-flex; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; border-bottom: 1px solid #01529D;}
    .ratedBody .rated-col-60{flex: 0 0 60%; width: 60%;}.ratedBody .rated-col-40{flex: 0 0 40%; width: 40%;}
    .ratedRow{display: flex; display: -webkit-flex; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; margin-bottom: 10px;}
    .ratedRow .rated1{width: 50px; margin-right: 5px; font-size: 1.2rem; color: #724F0A;}
    .ratedRow .rated3{width: 120px; margin-left: 5px; font-size: 1rem; color: #333; font-weight: 700;}
    .ratedRow .rated2{width: calc(100% - 180px); padding-top: 5px;}
@media only screen and (max-width: 768px){
    .ratedHeader .ratedTitle{font-size: 1.2rem;}
    .ratedHeader .ratedOption{padding-top: 10px;}
    .br-theme-fontawesome-stars .br-widget a {font: normal normal normal 20px/1 FontAwesome;}
    .ratedBody .rated-col-60, .ratedBody .rated-col-40{flex: 0 0 100%; width: 100%;}
    .ratedHeader .ratedText{font-size: 1.2rem; font-weight: 700; padding-top: 8px;}
}
    .ratedBody .btn-rated{background-image: linear-gradient(to right, #08639C, #44BA46, #44BA46, #08639C); background-size: 300% 100%; color: #fff; text-align: center; border-radius: 3px; padding: 8px 12px; border: 1px solid #08639C; text-transform: uppercase;}
    .ratedBody .btn-rated{moz-transition: all .4s ease-in-out;  -o-transition: all .4s ease-in-out;  -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
    .ratedBody .btn-rated:hover{background-position: 100% 0;}
    .btn-rated h4{margin: 0px; color: #fff;}
    .btn-rated p{margin: 0px; text-transform: none; font-size: 14px;}
/** comment css **/
    .boxComment{position: relative;}
    .boxComment .commTitle{font-size: 16px;}
    .boxComment .media{margin-top: 15px;}
    .media .media-left{margin-right: 10px;}
    .media-body > .media-heading{text-transform: none; font-size: 14px;}
    .media-body > p{font-size: 13px;}
    .media-body > .boxreply{position: relative;}
    .media-body > .boxreply > a{color: #333; font-size: 14px; font-weight: 700;}
    .media-body > .boxreply > a:hover{color: #01529D;}
/** popup comment **/
    .nadiModal .modal-content{border: none;}
    .nadiModal .modal-header{background-color:#08639C; border-color:#08639C;}
    .nadiModal .modal-header .close{opacity: 1 !important; font-size: 1.2rem !important; text-shadow: none; height: 62px; outline: none !important;}
    .nadiModal .modal-header .close span{border: 1px solid #fff; color: #fff; border-radius: 100%; padding: 0 8px 2px;}
    .nadiModal .modal-title{width: calc(100% - 47px); color: #fff; text-align: center; text-transform: none; font-size: 1.5rem;}
    .nadiModal .modal-body{padding: 15px 30px;}
    .nadiModal .modal-body .boxModalRadio{margin-bottom: 2rem;}
    .nadiModal .modal-body .boxModalRadio li{width: 50%; margin-bottom: 15px;}
    .nadiModal .modal-body .boxModalRadio li{width: 100%;}
    .nadiModal .modal-body .boxFormModal.mrl-10{margin-left: 10rem; margin-right: 10rem;}
    .nadiModal .modal-body .boxFormModal .form-group{display: flex; display: -ms-flexbox!important; -ms-flex-direction: column!important; flex-direction: column!important; padding-left: 5px; padding-right: 5px; }
    .nadiModal .modal-body .boxFormModal .form-group label{color: #000;}
    .nadiModal .modal-body .boxFormModal .form-group  .modal-input{width: 100%; padding: .25rem .75rem .34rem;}
    .nadiModal .modal-footer {padding-left: 30px; padding-right: 30px;}
    .nadiModal .modal-footer .btn{border-radius: .15rem; padding: .275rem .75rem .475rem !important;}
    .nadiModal .modal-footer .btn.btn-secondary{background-color: #969696;}
@media only screen and (max-width: 599px){
    .nadiModal .modal-body .boxModalRadio li{width: 100%; }
}
    .nadiModal .modal-title.pl-50{padding-left: 90px;}
    .nadiModal .modal-title > h5{text-align: left; font-weight: 900; color: #fff; text-transform: none; font-size: 1.2rem; letter-spacing: 1px; margin-bottom: 5px;}
    .nadiModal .modal-title > p{text-align: left; color: #fff; font-size: .8rem; margin: 0;}
    .nadiModal .modal-body-content .btn-primary{background-image: linear-gradient(to right, #08639C, #44BA46, #44BA46, #08639C); background-size: 300% 100%; padding-top: .275rem; padding-bottom: .375rem; font-family: 'UTMHelve', sans-serif;}   
    .nadiModal .modal-body-content .btn-primary:hover,.nadiModal .modal-body-content .btn-primary:focus{background-position: 100% 0;outline: none!important;box-shadow: none!important;}
    .nadiModal .modal-body-content .btn-secondary{background: transparent; color: #b0b0b0 !important; font-family: 'UTMHelve', sans-serif; border: none !important;}
    .nadiModal .modal-body-content .btn-secondary:hover, .nadiModal  .modal-body-content .btn-secondary:focus{background: transparent !important; border: none !important}
@media only screen and (max-width: 770px){
    .modal-title.pl-50{padding-left:15px;}
    .modal-body .boxFormModal.mrl-10{margin-left: 0px; margin-right: 0px;}
}
/**
 * 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;}