@font-face{font-family:'Kanit';src:url('../../assets/fonts/Kanit/Kanit-Regular.ttf');}
@font-face{font-family:'Kanit-Light';src:url('../../assets/fonts/Kanit/Kanit-Light.ttf');}
@font-face{font-family:'Kanit-Bold';src:url('../../assets/fonts/Kanit/Kanit-Bold.ttf');}
footer{padding:0;}
body.wide .wrapper {
    width: 100%;
    margin: 0;
    margin-top: -24px;
}
#header.header-modern{background:rgba(255,255,255,0.68);}
#priceRange_amount{color:#0c0c0c !important;}
ul.main-list a:hover{cursor:pointer;}
.color-span a:hover span{border-color:#fff!important;}
.topbar-dropdown .title i{color:#fff;}
.topbar-dropdown .title{font-family:'Kanit-Light';}
#mainMenu > ul > li > a{font-family:'Kanit-Light';color:#515050;}
#mainMenu > ul > li > a:hover{color:#15396d;}
.sidebar .widget i.fa-paper-plane{color:#fff;}
.boxed-slider{height:auto !important;width:100%;}
.boxed-slider .owl-item{height:auto;}
#slider-carousel .owl-bg-img img{width:100%;height:auto;}
.sidebar .widget i{margin-right:5px;}
h4.widget-title {
    text-transform: uppercase;
    color: #111;
    background-color: #fff;
}
.sidebar .widget-title::after {
    border-top: 4px solid #ffbd59;
    width: 100%;
}
.widget-tags .tags a:hover, .widget-tags .tags a.active{border:1px solid #15396d;background-color:#15396d;color:#fff;}
.color-span{margin-left:-15px;margin-top:15px;}
.color-span a span{height:25px;width:25px;display:inline-block;margin-left:15px;border-radius:50px;}
.color-span a span:hover{}
.color-span span.f7cbca{background-color:#f9cfce;}
.color-span span.a2a8d1{background-color:#fa8b7e;}
.color-span span.b76a5f{background-color:#a1b5d8;}
.color-span span.e3eaa5{background-color:#1c6193;}
.color-span span.d32d3b{background-color:#ba9b78;}
.product-title {
    min-height: unset;
    width: 100%;
}
span.facebook {
    color: #3a5795;
}
span.visitor-stat {
    position: absolute;
    top: 212px;
    left: 21%;
}
span.line-chat {
    color: #00c300;
}
.fa-line:before {
    content: "\f3c0";
}

.topbar-dropdown .title a {
    color: #fff;
}
#topbar .topbar-dropdown .title {
    border: none;
    padding: 0 25px 0 15px;
    color: #fff;
}
.biginfoboxtopic {
    margin: 0px;
    margin-bottom: 20px;
    padding: 19px;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Oswald',arial;
    font-size: 11pt;
    color: white;    height: 66px;
    /* border-bottom: 1px solid #999999; */
    /* box-shadow: 0px 0px 7px #363636; */
}
.biginfoboxtopic span {
    font-size: 18pt;
    width: 50%;    font-family: 'Kanit';
}
.biginfoboxtopic a {
    float: right;
    margin-top: 0px;
    position: relative;
    top: -10px;
}
.blackbutton {
    font-family: 'kanit',Arial;
    font-size: 13pt;
    text-align: center;
    padding: 10px;
    color: white;
    margin-top: 3px;
    width: auto;
    /* background: -webkit-linear-gradient(#1c1c1c, #363636, #1c1c1c); */
    background: -o-linear-gradient(#1c1c1c, #363636, #1c1c1c);
    background: -moz-linear-gradient(#1c1c1c, #363636, #1c1c1c);
    /* background: linear-gradient(#1c1c1c, #363636, #1c1c1c); */
    border-radius: 7px;
}
.product-button ul {
    list-style: none;padding-left: 0;
}
li.product-button-addtocart {
    background-color: #ffa708;
    padding: 5px 10px;
    border-radius: 30px;
}
.product .product-title h3, .product .product-title h3 a {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.product .product-title h3, .product .product-title h3 a{color:#15396d;}
.product .product-title h3 a:hover{color:#f8b98c;}
.product .product-overlay a{background-color:#f8b98c;}
.product .product-overlay a:hover{background-color:#15396d;}
.product .product-price{}
.product .product-price {
    width: 70%;
    float: unset;
    margin-bottom: unset;
    margin-top: unset;
    text-align: right;
}
.product .product-description{text-align: center;margin-top:0px;padding:10px;border:1px solid #eee;}
.product .product-addcart{margin-top:15px;}
.product .product-addcart .button{border-color:#15396d;color:#15396d;}
.product .product-addcart .button:hover{border-color:#15396d;background-color:#15396d;color:#fff;}
.delivery-info{background:#f5f5f5;}
.delivery-info .icon-box.small > h3{color:#452b2d;}
.icon-box.medium > h3 span{color:#15396d;}
.icon-box.medium > h3{margin:0 12px 10px 110px;color:#452b2d;text-transform:uppercase;line-height:30px;}
.icon-box.medium > h4{margin:0 12px 10px 110px;color:#c8c8c8;text-transform:uppercase;font-size:11px;}
.icon-box.border .icon{border:3px solid #15396d;}
.icon-box.border .icon i{color:#15396d;}
.icon-box.effect .icon i:after{box-shadow:0 0 0 3px #989898;}
.icon-box.small > p{font-size:12px;color:#7c7c7c;}
.post-item {
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
    padding-bottom: 0px;
    position: relative;
    display: block;
}
.post-thumbnail .post-image, .post-thumbnail .post-video, .post-thumbnail .post-audio, .post-thumbnail .post-embed, .post-thumbnail .post-slider {
    float: left;
    width: 100%;
}
.post-thumbnail .post-content-details {
    width: 100%;
    padding-left: 20px;
    float: left;
}
section.contact-sec {
    background-color: #042450;
}
.uk-grid > * {
    margin: 0;
    padding-left: 20px;
    float: left;
}
.uk-width-medium-1-3 {
    width: 33.333%;
}
.btn.btn:not(.btn-xs):not(.btn-sm):not(.btn-lg) {
    padding: 10px;
}
.btn-contact-footer {
    color: #FFF;
    transition: all 0.5s;
    position: relative;
    background: #ff7300;
    /* height: 47px; */
    line-height: 2.3;
    border-radius: 0px;
    font-size: 20px;
    text-transform: unset;
    width: 100%;
    margin-bottom: 0px;
}
.contact-footer-home h2 {
    color: #fff;
}
.contact-footer-home p {
    color: #fff;
}

.btn-contact-footer a {
    color: #fff;
}

/* 4. about */
.about-img {
    margin-left: -50px;
}
.about-text {
    position: absolute;
    bottom: 0px;
    right: 30px;
    text-align: center;
    border-radius: 10px;
    background-image: -moz-linear-gradient( 90deg, rgb(118,194,27) 0%, rgb(167,218,66) 100%);
    background-image: -webkit-linear-gradient( 90deg, #ff7300 0%, #ff7300 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(118,194,27) 0%, rgb(167,218,66) 100%);
    box-shadow: 1px 1.732px 60px 0px rgb(0 0 0 / 10%);
    padding: 30px;
    width: 130px;
    height: 115px;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    line-height: 17px;
    color: #fff;
    font-weight: 500;
}
.about-area {
    padding-bottom: 30px;
}
.about-area .about-btn a {
    color: #fff;
    width: 145px;
    height: 45px;
    font-weight: 700;
    line-height: 45px;
    margin-right: 0px;
    background-color: #ff7300;
    border-radius: 5px;
}
  .about-area .about-btn a:nth-child(2) {
    background-color: #323232; }
  .about-area .about-btn a:nth-child(2):after {
    background-color: #ff7300; }
.about-area .about-btn a, .before-after-section .before-after-content .archi-btn, .get-quote-section .get-quote-content .get-quote-form .sub-button button, .pricing-plan-inner .pricing-btn a, .newslatter-section .newslatter-form-area .sub-button button, .slider-content-box .slider-btn a {
  z-index: 1;
  overflow: hidden;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .about-area .about-btn a:after, .before-after-section .before-after-content .archi-btn:after, .get-quote-section .get-quote-content .get-quote-form .sub-button button:after, .pricing-plan-inner .pricing-btn a:after, .newslatter-section .newslatter-form-area .sub-button button:after, .slider-content-box .slider-btn a:after {
    left: 0;
    top: -100%;
    content: '';
    height: 100%;
    z-index: -1;
    width: 100%;
    position: absolute;
    background-color: #323232;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out; }

  .about-area .about-btn a:hover, .before-after-section .before-after-content .archi-btn:hover, .get-quote-section .get-quote-content .get-quote-form .sub-button button:hover, .pricing-plan-inner .pricing-btn a:hover, .newslatter-section .newslatter-form-area .sub-button button:hover, .slider-content-box .slider-btn a:hover {
    -webkit-box-shadow: none;
    box-shadow: none; }
    .about-area .about-btn a:hover:after, .before-after-section .before-after-content .archi-btn:hover:after, .get-quote-section .get-quote-content .get-quote-form .sub-button button:hover:after, .pricing-plan-inner .pricing-btn a:hover:after, .newslatter-section .newslatter-form-area .sub-button button:hover:after, .slider-content-box .slider-btn a:hover:after {
      top: 0; }
 .d-inline-block {
    display: inline-block!important;
}
.s-about-content {
    margin-left:55px;
}     

.about-text span {
    font-size: 50px;
    color: #fff;
    position: relative;
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 0%;
    font-family: 'Rubik', sans-serif;
}
.about-text span sub {
    font-size: 24px;
    color: #76c21b;
    font-weight: 400;
    margin-left: -20px;
}
.about-title > span {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background: #76c21b;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    margin-bottom: 30px;
}
.about-title h2 {
    font-size:60px;
    margin-bottom: 0 !important;
}
.about-title h5{
   color: #ff7300;
    font-size: 22px;
       margin-bottom: -15px;
}
.about-title .title-strong{
    color: #4f4f4f;
    font-weight: 500;
    font-size: 18px;
}
.about-title .title-strong span {
    padding: 3px 12px;
    background: #ff7300;
    border-radius: 5px;
    color: #fff;
}
.about-title p span {
    display: inline-block;
    height: 2px;
    width: 40px;
    background: #ff7300;
    margin-right: 20px;
    position: relative;
    top: -5px;
}
.about-title p {
    margin-bottom: 0;
}
.about-content p {
    margin-bottom: 45px;
}
.about-content li {
    display: flex;
    margin-bottom: 10px;
}
.about-title h2 span {
    color: #76c21b;
}
.about-content li .icon i {
    width: 60px;
height: 60px;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 2px solid #EEEEEE;
border-radius: 50%;
text-align: center;
line-height: 60px;
margin-right: 20px;
color: #76c21b;
}
.about-content .exprince{
      border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);
    text-align: center;
    padding: 30px 0;
}
.about-content .exprince h5 {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 25px;
    font-weight: 500;
    color: #0595b8;
}
.about-content .exprince p{
    margin-bottom: 0;
}

.ab-ul {
    margin-top: 30px;
}
.ab-ul li{
float: left;
width: 50%;
}
.ab-ul li .icon i {
    width: 40px;
    height: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EEEEEE;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    margin-right: 20px;
    color: #76c21b;
}
.sr-ul {
    margin-top: 30px;
}
.sr-ul li {
    float: left;
    width: 46.2%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
    margin: 0 20px 30px 0;
    padding: 15px 20px;
}
.sr-ul li .icon i {
     width: inherit;
    height:inherit;
    background: inherit;
    border: inherit;
    border-radius: inherit;
     line-height: inherit;
   font-size: 30px;
    color: #4cc3c1;
}
.sr-ul li .text{
  font-size: 14px;
  font-weight: bold;
  color: #181e23;
}

.sr-tw-ul {
    margin-top: 30px;
    position: relative;
    z-index: 1;
}
.sr-tw-ul h4{
    font-size: 25px;
}
.sr-tw-ul li {
float: left;
width: 100%;
padding: 20px;
}
.sr-tw-ul li:hover{
    background: url(../img/bg/sr-hover-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 1px 59px 0px rgba(0, 0, 0, 0.11);
     border-radius: 4px;
}

.sr-tw-ul li .icon {
    display: inline-block;
    text-align: center;
    margin-top: 15px;
    margin-right: 15px;
    width: 140px;
}
.sr-tw-ul li .icon-right{
 display: inline-block;
text-align: center;
margin-top: 15px;
margin-left: 15px;
width: 130px;

}
.figcaption h4 {
    line-height: 32px;
    margin-bottom: 0px;
}
.number-block-three{position:relative;}
.number-block-three .figcaption{
    position:relative;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;    background-color: #0d213c;text-align: center;
}
.number-block-three .figcaption p {
    color: #fff;
    padding: 0 5px 10px;
    line-height: 18px;
}
.number-block-three .figcaption a {
    color: #fff;
}
.number-block-three .figcaption a:hover {
    color:#ff6600;
}

.number-block-three .figcaption:after{
    content:"";
    position:absolute;
    left:0%;
    top:0px;
    background-color:#ff6600;
    width:0px;
    height:2px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;        
}
.number-block-three .figcaption-number{
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: -73px;
    opacity:0.5;
    
-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    
    -webkit-text-fill-color: rgba(0,0,0,0.5);
    -ms-text-fill-color: rgba(0,0,0,0.5);
    -moz-text-fill-color: rgba(0,0,0,0.5);
    -o-text-fill-color: rgba(0,0,0,0.5);
    
    -webkit-text-stroke-width: 1px;
    -ms-text-stroke-width: 1px;
    -moz-text-stroke-width: 1px;
    -o-text-stroke-width: 1px;
    
    -webkit-text-stroke-color: #fff;
    -ms-text-stroke-color: #fff;
    -moz-text-stroke-color: #fff;
    -o-text-stroke-color: #fff; 
}
.number-block-three .figcaption-number span{
    font-size: 60px;
    line-height: 60px;
    font-weight: 600;
    display: block;
}

.number-block-three:hover .figcaption{
    -webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);
    box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);

}

.number-block-three:hover .figcaption:after{
    width:100%;
    right:0%;       
}
.section-t h2 {
    font-size: 350px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: -1;
    color: #010f2e;
    opacity: .05;
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    font-style: italic;
    top: -35px;
    line-height: 1;
}
/*---------------------------------------------------- */
/*case-study
/*----------------------------------------------------*/
.case-title {
    padding-bottom: 20px;
}
.case-studye-areafix{padding-bottom: 60px;    padding-top: 60px;}
.case-studye-areafix .container-fluid {padding-left: 0px;padding-right: 0px;}
.case-study-content {
    padding: 30px 40px;
   background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 16px 32px #181E230A;
}
.case-study-img img {
    width: 100%;
}
.case-study-content h5 {
    font-size: 16px;
}
.case-study-content span{
   margin-bottom: 10px;
display: inline-block;
}
.case-study-content02 {
    padding: 30px 30px;
   background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 16px 32px #181E230A;
}
.case-study-content02 span{
   margin-bottom: 10px;
display: inline-block;
    color: #fe576b;
}
.case-study-content02 .ss-btn{
    display: none;
    transition: all 0.5s ease 0s;
}

.case-study-box:hover .case-study-content02 .ss-btn{
  display: inline-block;
} 
.case-study-box .case-study-content02{
    transition: all 0.5s ease 0s;
}
.case-study-box:hover .case-study-content02 {
    transform: translate(0,-62px);
}
.case-study-box-2{
    display: flex;
}
.case-study-box-2 li {
    position: relative;
    list-style: none;
}

.case-study-content-hover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 50px 25px;
    background-color: rgb(19, 31, 43);
    opacity: 0;
    color: #fff;
    transition: opacity .4s ease, visibility .2s ease;
}

.case-study-content-hover h5 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 24px;
}
.case-study-content-hover p{line-height: 16px;}
.case-study-content-hover h5 a{
    color: #fff;
}
.case-study-content-hover a{
    color: #fff;
    font-weight: 600;
}
.case-study-box:hover .case-study-content-hover{
     opacity: 0.8;
}
.case-study-box:hover .case-study-content-hover h2{color: #fff;font-size: 20px;}
.case-study-box:hover .case-study-content-hover a:hover{color: #ff8100;}
.case-study-content-hover p {
    color: #fff;
}
.second-about {
top: inherit;
transform: translate(8%,30px);
left: inherit;
right: 0;
bottom: 0;
}
.second-atitle > span {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #76c21b;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 20px;
    background: transparent;
}
.s-about-content p {
    font-size: 16px;
    margin-bottom: 15px;
    font-family: kanit;
}
.about-content strong{
    color: #76c21b;
}
.sinature-box {
    float: left;
    width: 100%;
    box-shadow: 0px 16px 32px #0000000A;
    padding: 25px 30px 15px 30px;
    margin-top: 50px;
}
.sinature-box h2{
    font-size: 20px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
    color: #010f2e;
    margin-bottom: 5px;
}
.sinature-box h3{
    font-size: 14px;
    font-family: 'Rubik', sans-serif;
    color: #4CC3C1;
}
.sinature-box .user-box{
    display: flex;
}
.sinature-box .user-box .text{
    padding-top: 10px;
    padding-left: 15px;
}
.signature-text{font-size: 22px; color: #76c21b;font-family: 'Playfair Display', serif;font-weight: 600;}
.circle-right{
    display: inline-block;
}
.ab-coutner li {
    display: inline-block;
    margin-right: 22px;
}
.ab-coutner .single-counter {
    background-color: rgb(250, 162, 146);
    box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);
     border-radius: 10px;
    padding: 70px 0;
}
.ab-coutner .single-counter p{
margin-top: 15px;
color: #4f4f4f;
font-family: 'Playfair Display', serif;
font-size: 20px;
font-weight: 600;
}
.clinet-abimg {
    position: absolute;
    bottom: -76px;
    right: 0;
    animation: alltuchtopdown 3s infinite;
-webkit-animation: alltuchtopdown 3s infinite;
animation-delay: 0s;
-webkit-animation-delay: 1s;
}
.s-about-img {
    margin-left: -70px;
    margin-top: -60px;
}
.s-about-img img {
    width: 100%;
}
.about-area .about-feature-list li {
    width: 50%;
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;
}
footer{background-color:#a2a2a2;color:#fff;}
.footer-content, .footer-content p, .footer-content a, .footer-content h4{color:#fff;}
#footer .widget-categories a{color:#fff;}
.copyright-content{border-top:none;background-color:#4b4a4b;}
.copyright-content .copyright-text a{color:#fff;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color:#f8b98c;border-color:#f8b98c;color:#fff;}
.gototop-button{background:#f8b98c !important;border-radius:50%;margin-right:10px;}
.gototop-button:hover{background:#15396d !important;opacity:1;}
.sidebar .widget-categories{border-bottom:none;margin-bottom:0;}
.custom-vertical-nav ul{list-style:none;position:relative;}
ul.dropdown-list li:first-child{border-top:1px solid rgba(0,0,0,0.1);}
ul.main-list li:not(:last-child) {
    position: relative;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    padding: 0 10px;
}
div#sh_index_side_banner h4 {
    padding-top: 10px;
    margin-bottom: -15px;
}
.side-img-inner {
    margin-bottom: -15px;
}
ul.main-list a > img{position:absolute;top:0;left:0;padding:7px 0;}
ul.main-list li.dropdown > a.btn-show-subcategory{position:absolute;top:0;right:0;display:inline-block;height:34px;width:25px;padding:0;}
ul.main-list li.dropdown > a.btn-show-subcategory:after{font-family:fontawesome;content:"\f107";position:absolute;top:0;right:0;width:100%;text-align:center;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
ul.main-list li.dropdown.active > a.btn-show-subcategory:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
ul.main-list a {
    width: 100%;
    padding: 0 25px 0 25px;
    display: inline-block;
    color: #fff;
    word-wrap: break-word;
    position: relative;
    line-height: 34px;
}}
ul.main-list a.hasCategoryImage{padding:0 25px 0 30px;}
ul.dropdown-list a{padding-left:30px;}
ul.dropdown-list ul.dropdown-list a{padding-left:40px;}
ul.dropdown-list ul.dropdown-list ul.dropdown-list a{padding-left:50px;}
li.dropdown.active > ul.dropdown-list{display:block;}
ul.dropdown-list{display:none;}
#topbar.topbar-transparent + #header.header-transparent + #slider{    margin-bottom: 0px;
    top: 0px;}
#topbar{border:none;height:40px;line-height:40px;background-color:#15396d;color:#fff;position:relative;z-index:5500;font-family:'Raleway', 'Kanit-Light', sans-serif;}
#topbar.topbar-transparent {
    background-color: #1e3968!important;
    border-bottom: 1px solid rgba(180, 180, 180, 0.2);
}
#header.header-transparent {
    background-color: white;
    border-bottom: 0;    box-shadow: 0 12px 6px rgb(0 0 0 / 6%);
}
/*-------- sidebar -----------*/
.sidebar {
    padding-right: 25px;
    background-color: #14396d;
}
.sidebar {
    /* padding-right: 25px; */
    background-color: #14396d;
    padding: 0px;
}

#topbar .topbar-dropdown{color:#fff;}
#topbar .topbar-dropdown .title{border:none;padding:0 25px 0 15px;}
#topbar .topbar-dropdown:first-child .title{padding-left:0;}
#topbar .topbar-dropdown .title.hasChild::after{content:'\f107';font-family:FontAwesome;position:absolute;top:0;right:10px;line-height:40px;height:auto;}
#topbar .topbar-dropdown:not(:first-child) .title::before{position:absolute;content:"";background:#2D2D2D;width:1px;height:12px;top:14px;left:0px;}
#topbar .topbar-dropdown .dropdown-list{border:none;border-radius:0;box-shadow:0 0 1px #9A9A9A;width:auto;min-width:120px;padding:0;}
#topbar .topbar-dropdown .dropdown-list a{padding:0 10px;line-height:30px;background:#fff;}
#topbar .topbar-dropdown .dropdown-list a:hover{}
#topbar .topbar-dropdown .dropdown-list a.active{background-color:#DADADA;}
#topbar .system-button{float:left;height:100%;overflow:hidden;}
#topbar .system-button ul{height:40px;}
#topbar .system-button ul li{margin:0;}
#topbar .system-button ul li:not(:last-child):after{position:absolute;content:"";background:#2D2D2D;width:1px;height:12px;top:14px;right:0px;}
#topbar .system-button ul li a{padding:0 15px;border-radius:0;color:#fff;height:40px;line-height:40px;}
#topbar .system-button ul li a i{line-height:40px;}
#topbar .system-button ul li:last-child a{padding-right:0;}
#topbar .system-button ul li a:hover,
#topbar .system-button ul li a:focus{background-color:transparent;}
.ui-slider-horizontal .ui-slider-range{height:100%;}
.ui-widget-header{background-color:#15396d;}
.button.custom-button{padding:0 20px;line-height:32px;color:#15396d;font-weight:400;font-size:12px;height:32px !important;border-color:#15396d;}
.button.custom-button.effect.fill:hover{background-color:#15396d;border-color:#15396d;}
#priceRange span.ui-slider-handle.ui-state-default{background:#fff;border:2px solid #15396d;}
#priceRange span.ui-slider-handle.ui-corner-all{border-radius:50%;}
#priceRange span.ui-slider-handle:focus{outline:none;}
a:hover{color:#15396d;}
nav .main-menu .dropdown-menu{border-color:#15396d;}
#header.header-transparent #mainMenu.menu-type-1 > ul > li > a:hover,
#header:not(.header-transparent) #mainMenu.menu-type-1 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-1 > ul > li.current-menu > a{color:#15396d;cursor:pointer;}
#header.header-transparent #mainMenu.menu-type-2 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-2 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-2 > ul > li.current-menu > a{background:#15396d;color:#fff;cursor:pointer;}
#header.header-transparent #mainMenu.menu-type-3 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-3 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-3 > ul > li.current-menu > a{border-bottom:3px solid #624672;cursor:pointer;}
#header.header-transparent #mainMenu.menu-type-4 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-4 > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu.menu-type-4 > ul > li.current-menu > a{border-top:3px solid #624672;cursor:pointer;}
#header.header-transparent #mainMenu > ul > li > a {
    color: #222222;
    font-family: 'Kanit';
    font-size: 18px;
}
#header.header-transparent #top-search a:hover i{color:#624672;}
#header.header-transparent #shopping-cart a:hover i{color:#624672;}
.btn-primary:hover{border-color:#624672;background-color:#624672;}
.custom-product-type-1 .custom-product-percentdiscount span:before{border-top:10px solid #624672;}
.custom-product-type-1 .custom-product-percentdiscount span{background-color:#15396d;}
.custom-product-type-1 .custom-product-percentdiscount span:after{border-top:24px solid #15396d;}
#topbar .topbar-dropdown:not(:first-child) .title::before,
#topbar .system-button ul li:not(:last-child):after{background:#d6d6d6;}
#topbar .topbar-dropdown,
#topbar .system-button ul li a{color:#d6d6d6;}
#topbar .system-button ul li a:hover,
#topbar .system-button ul li a:focus{color:#ffffff;cursor:pointer;}
#topbar .topbar-dropdown .dropdown-list a:hover{background:#15396d;color:#ffffff;}
.custom-product-type-1 .custom-product-button-list li:hover{background:#15396d;}
.custom-product-type-1 .custom-product-button-list li:hover a i{color:#ffffff;}

.product .product-price del {
    display: unset; 
    padding-right: 10px;
    font-size: 12px;
    font-weight: 400;
    margin: -20px 0 -4px;
    opacity: 0.6;
}
/*footer{background:#101010;clear:both;position:relative;width:100%;}
.footer-content{padding:60px 0 40px 0;}
.footer-content .first-column,
.footer-content .second-column,
.footer-content .third-column,
.footer-content .fourth-column{display:inline-block;}
footer.footer-type-3 .footer-top .footer-logo img,
footer.footer-type-4 .footer-content .first-column .footer-logo img,
footer.footer-type-5 .footer-top .footer-logo img{max-height:90px;}
.copyright-text{font-size:12px;text-transform:uppercase;}
footer, footer a, footer h4{color:#fff;}
footer .footer-bottom .social-icons a{padding:0 10px;}
footer .footer-bottom .social-icons{margin-top:7px;}
.footer-type-1 .footer-top,
.footer-type-1 .element-type-2,
.footer-type-1 .element-type-3,
.footer-type-1 .element-type-4,
.footer-type-1 .social-icons{display:none;}
.footer-type-1 .footer-content .first-column,
.footer-type-1 .footer-content .second-column,
.footer-type-1 .footer-content .third-column,
.footer-type-1 .footer-content .fourth-column{width:25%;display:inline-block !important;}
.footer-type-1 .footer-content .fourth-column .element-type-1 img{max-height:80px;}
.footer-type-1 .footer-bottom .card-wrapper{float:left;display:inline;clear:none;}
.footer-type-1 .footer-bottom .card-wrapper .card-icons{float:right;}
.footer-type-1 .footer-bottom .card-wrapper .card-icons a{padding:0 2px;}
footer.footer-type-2 .footer-top{text-align:center;margin:0;}
footer.footer-type-2 .footer-top .footer-logo{border:none;margin:0;}
footer.footer-type-2 .footer-top .footer-logo img{max-height:120px;margin-top:20px;}
footer.footer-type-2 .footer-content .element-type-1,
footer.footer-type-2 .footer-content .element-type-3,
footer.footer-type-2 .footer-content .element-type-4,
footer.footer-type-2 .footer-bottom .card-wrapper{display:none !important;}
footer.footer-type-2 .footer-content .element-type-2{display:block;}
footer.footer-type-3{padding:40px 0 0 0;}
footer.footer-type-3 .footer-top .footer-logo{float:left;}
footer.footer-type-3 .footer-content .element-type-3{display:block;}
footer.footer-type-3 .footer-content .element-type-1,
footer.footer-type-3 .footer-content .element-type-2,
footer.footer-type-3 .footer-content .element-type-4,
footer.footer-type-3 .footer-bottom .card-wrapper{display:none !important;}
footer.footer-type-3 .footer-bottom .social-icons{margin-top:14px;}
footer.footer-type-4 .footer-top,
footer.footer-type-4 .element-type-1,
footer.footer-type-4 .element-type-2,
footer.footer-type-4 .element-type-3,
footer.footer-type-4 .social-icons,
footer.footer-type-4 .footer-content .third-column,
footer.footer-type-4 .footer-content .fourth-column,
footer.footer-type-4 .footer-bottom .card-wrapper{display:none !important;}
footer.footer-type-4 .footer-content .first-column,
footer.footer-type-4 .footer-content .second-column,
footer.footer-type-4 .footer-bottom{display:inline-block;}
footer.footer-type-4 .footer-content{padding:40px 0 10px 0;}
footer.footer-type-4 .footer-content .first-column{width:66.66666667%;}
footer.footer-type-4 .footer-content .second-column{width:33.33333333%;}
footer.footer-type-4 .footer-bottom .copyright-text{width:100% !important;text-align:center;}
.footer-type-5 .footer-top .footer-logo{border:none;padding:0;text-align:center;margin:0;}
.footer-type-5 .footer-bottom .copyright-content{border:none;padding:0;}
.footer-type-5 .copyright-text,
.footer-type-5 .social-icons{width:100%;text-align:center !important;}
.footer-type-5 .social-icons{padding:20px 0;}
.footer-type-5 .footer-top .footer-logo img{margin-top:20px;}
.footer-type-5 .footer-top .company-desc,
.footer-type-5 .footer-top .seperator,
.footer-type-5 .footer-content,
.footer-type-5 .element-type-1,
.footer-type-5 .element-type-2,
.footer-type-5 .element-type-3,
.footer-type-5 .element-type-4,
footer.footer-type-5 .footer-bottom .card-wrapper{display:none;}*/
.sidebar .widget {
    border-bottom: 1px solid #eee;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.content-inner-video {
    margin-top: 40px;
}
.side-img-inner img{width: 100%;}
.video-sec{padding-top:0px;padding-bottom: 0px;}
.inner-video {
    margin-bottom: 20px;
}
.video-sec .fluid-width-video-wrapper {
    padding-top: 0px!important;
    text-align: center;
}
.video-sec iframe {
    border: none;
    width: 100%;height: 300px;
}
footer {
    background: #14396d;
    padding-bottom: 0px;
}
.footer-content{ padding: 40px 0 0 0;}
.footer-content .col-left .htitle{
  color: #009eff;
  font-size: 34px;
  margin-bottom: 10px;
}
.footer-content .contact-box h5{color: #009eff;}
.footer-content .col-left p{ color: #fff; font-size: 16px;}

.footer-content .contact-box{
  background: #042450;
  padding: 52px 40px;
  margin-top: -40px;
}
.footer-content .contact-box{ color: #ccc;}
.footer-content .contact-box a{ color: #fff; font-weight: 500;}
.footer-content .contact-box a:hover{ text-decoration: underline;}
.footer-content .contact-box ul li{ margin-bottom: 4px;}
.footer-content .contact-box ul li span{
  display: inline-block;
  min-width: 80px;
  font-size: .88em;
  color: #959e99;
}
.footer-content .contact-box img.social-icon{
  width: 20px;
  margin-right: 7px;
}

footer .footer-bottom{ 
  position: relative;
  padding: 12px 0;
  background:#042450;
}
footer .footer-bottom .col-left{ color: rgba(255, 255, 255, 0.59);}
footer .footer-bottom .col-right{ text-align: right;}
footer .footer-bottom .col-right ul{ margin: 0;}
footer .footer-bottom .col-right ul li{ display: inline-block; margin-left: 10px;}
footer .footer-bottom, footer .footer-bottom .col-right ul li a{ 
  color: #ccc;
  font-family: sans-serif;
  font-weight: lighter;
  font-size: 13px;
}
footer .footer-bottom a:hover{ text-decoration: underline;}
.img-map{
  height: 30px;
  margin-top: -20px;
  margin-left: 5px;
}
.copyright {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 2.04px;
    color: #0F0F0F;
}

.engine_by_shopup_bottom {
    z-index: 3000;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 5px;
    background-color: #ffb836;
}


/*----- CUSTOM ----------*/
#topbar .social-icons li, #topbar .social-icons li a {
    float: left;
    list-style: outside none none;
    border: 0px;
}
li.social-youtube {background-color: #f00;}
li.social-facebook {background-color:#5d82d1;}
li.social-tiktok {background-color: #000;}



@media (max-width:991px){.footer-content{padding:20px 15px 15px 15px;}
.footer-type-1 .footer-bottom .card-wrapper .card-icons{float:left;}
.footer-type-2 .copyright-text,
.footer-type-2 .social-icons,
.footer-type-3 .copyright-text,
.footer-type-3 .social-icons{display:inline;width:initial;}
.footer-type-2 .social-icons,
.footer-type-3 .social-icons{margin-right:15px;padding-top:8px;}
footer.footer-type-4 .footer-content .first-column .footer-logo{text-align:center;}
.footer-type-3 .footer-content .first-column,
.footer-type-3 .footer-content .second-column{width:50% !important;}
}
@media (max-width:768px){footer.footer-type-1 .footer-content .first-column,
footer.footer-type-1 .footer-content .second-column,
footer.footer-type-1 .footer-content .third-column{width:50% !important;}
footer.footer-type-1 .footer-content .fourth-column{width:100% !important;padding:0 15px;}
footer.footer-type-2 .social-icons{width:100%;text-align:center !important;}
.footer-type-3 .footer-content .first-column
.footer-type-3 .copyright-text{width:100%;padding:0;text-align:center;}
.footer-type-3 .social-icons{width:100%;text-align:center !important;padding:10px 0;margin:0;}
}

@media(max-width:480px){
body.wide .wrapper {
    width: 100%;
    margin: 0;
    margin-top: -50px;
}
#logo img {
    padding: 0px;
}
.post-3-columns .post-item{    margin-right: 0%;
    width: 49%;
    padding: 0px 6px;
}
.case-study-content-hover {
    padding: 10px;width: 93%;
}
.footer-content .contact-box {
    background: #042450;
    padding: 52px 40px;
    margin-top: 0px;
}
footer .footer-bottom, footer .footer-bottom .col-right ul li a {text-align: center;}
footer .footer-bottom .col-right ul {text-align: center;}
.footer-type-3 .footer-content .first-column,
.footer-type-3 .footer-content .second-column{width:100% !important;padding:10px 15px;}
.uk-width-medium-1-3 {
    width: 100%;
    margin-bottom: 15px;
}
.s-about-img {
    margin-left: 0px;
    margin-top: -35px;
}
.about-text span {
    font-size: 32px;
    color: #fff;
    position: relative;
    display: block;
    font-weight: 600;
    margin-bottom: 11px;
    margin-top: 0%;
    font-family: 'Rubik', sans-serif;
}
.second-about {
    top: inherit;
    transform: translate(8%,30px);
    left: inherit;
    right: 18px;
    bottom: 0;
}
.about-text {
    position: absolute;
    bottom: 0px;
    right: 30px;
    padding: 11px;
    width: 107px;
    height: 84px;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    line-height: 17px;
    color: #fff;
    font-weight: 500;
}
.s-about-content {
    margin-left: 0px;    margin-top: 30px;
}
.about-title h2 {
    font-size: 40px;
    margin-bottom: 0 !important;
}
.btn-contact-footer {
    height: 68px;
}
.btn-contact-footer a {
    color: #fff;
    position: absolute;
    left: 30%;
}
.btn-contact-footer img {
    position: absolute;
    left: 30px;
}



}
@media(max-width:414px){.footer-content{padding:20px 0px 15px 0px !important;}
.first-column,
.second-column,
.third-column,
.fourth-column{padding-bottom:15px;}
.footer-type-2 .copyright-text,
.footer-type-3 .copyright-text{width:100%;padding:0;text-align:center;}
.footer-type-2 .social-icons,
.footer-type-3 .social-icons{width:100%;text-align:center !important;padding:10px 0;margin:0;}
footer.footer-type-4 .footer-content .first-column,
footer.footer-type-4 .footer-content .second-column{width:100%;}
footer.footer-type-4 .footer-content .first-column .copyrights-menu{padding-bottom:20px;}
footer.footer-type-4 .footer-content .first-column .copyrights-menu a{display:inline;padding:0 4px;}
footer.footer-type-4 .footer-bottom .copyright-content{padding:15px 0;}
}
@media(max-width:320px){footer.footer-type-4 .footer-content .first-column .copyrights-menu a{display:-webkit-inline-box;padding:0 4px;}
.footer-type-1 .footer-bottom .card-wrapper .card-icons a{padding:0;}
}
#shopping-cart .shopping-cart-items{display:block;position:absolute;right:-18px;z-index:1;top:20px;font-size:12px;font-weight:bold;background:#eee;color:#29283b;height:23px;width:23px;border-radius:23px;text-align:center;font-family:'Open Sans' !important;}
#header.header-sticky:not(.header-static) #shopping-cart .shopping-cart-items{top:5px;}
div.sys-member-order-list button.btn.btn-theme-all.btn-search,div.sys-search_result button.btn.btn-theme-all.btn-search {padding: 7px 12px !important;margin-top: 0px !important;}