/* //////// FIX MAIN_BANNER //////// */ 
.boxed-slider { height: auto; width: 100%; }
.boxed-slider .owl-item { height: auto; }
#slider-carousel .owl-bg-img img { width: 100%; height: auto; }
/* //////// end: FIX MAIN_BANNER //////// */


/* //////// reset theme base/element //////// */
dl, ol, ul { padding-left: 20px; }
footer { padding: 0; }

.owl-theme .owl-dots { margin-top: -30px; }
.button.large { font-size: 14px; letter-spacing: 1px; font-weight: 400; }
/* //////// end: reset theme base/element //////// */


/* //////// header-wrap //////// */
#header { border-bottom: none; background-color: #19a9f0; }

#header,
#header-wrap,
#logo img,
#header.header-sticky:not(.header-static) nav#mainMenu ul.main-menu,
#mainMenu > ul,
#header.header-sticky:not(.header-static) .nav-main-menu-responsive,
#header .side-panel-button
 {
    height: 50px;
}

#mainMenu > ul > li > a { 
  height: 50px; line-height: 30px; 
  font-weight: 600; font-family: 'Kanit'; font-size: 14px; 
  padding: 10px 20px; 
  color: #fff;
  transition: none;
}
#mainMenu > ul > li > a:hover { color: #fff !important; background-color: #0b2443 !important; transition: none; }
/* //////// end: header-wrap //////// */


/* //////// contact //////// */
.contact { font-size: 11px; color: #858585; font-weight: 300; text-align: right; }
.contact h3 { font-weight: 400; font-size: 18px; }
.contact span { color: #19a9f0; }
.contact a { font-size: 11px; color: #808080; font-weight: 400; padding-left: 5px; }
.contact a:hover { color: #19a9f0; }
/* //////// end: contact //////// */


/* //////// news-ticker //////// */
.news-ticker { border: none; }
.news-ticker-title { background-color: #0b2443; }
.news-ticker-title h4 { color: #fff; }
/* //////// end: news-ticker //////// */


/* //////// welcome //////// */
.welcome {  }
.welcome h2 { font-size: 22px; font-weight: 400; }
.welcome h3 { font-size: 18px; font-weight: 300; color: #19a9f0; border-left: 4px solid #19a9f0; padding-left: 10px; }
.welcome p.lead { font-size: 15px; padding-top: 20px; margin-bottom: 10px; }
/* //////// end: welcome //////// */ 


/* //////// product //////// */ 
.product-index .product-description .product-category {  }
.product-index .product-description .product-title {  }
.product-index .product-description .product-price {  }

.product .product-title h3, .product .product-title h3 a { font-weight: 400; }
.product .product-price { margin-top: -34px; }
.product .product-price ins { font-weight: 400; }

.product .product-overlay a:hover { background-color: #19a9f0; }
/* //////// end: product //////// */ 


/* //////// call to action //////// */
.call-to-action h3 { font-size: 22px; font-weight: 400; }
.call-to-action h3 span { color: #19a9f0; }
/* //////// end: call to action //////// */


/* //////// footer //////// */
.footer-content { padding: 30px 0 20px 0; color: #505050; font-size: 12px; line-height: 20px; }
.footer-content h4 { color: #19a9f0; font-size: 16px; font-weight: 400; }
.footer-content h4.small { color: #808080; font-size: 13px; font-weight: 300; }
.footer-content a { color: #505050; font-size: 12px; font-weight: 300; }
.footer-content a:hover { color: #19a9f0; }

.copyright-text { padding-top: 0; text-align: center; }
.copyright-content { border-top: 1px solid #0b2443; min-height: 40px; padding: 10px 0; background-color: #0b2443; color: #fff; }
/* //////// end: footer //////// */


/* //////// subpage //////// */
.sidebar .widget h2 { font-size: 22px; font-weight: 400; }
.sidebar .widget h2 i.fa { color: #19a9f0; }
/* //////// end: subpage //////// */



/* //////// RESPONSIVE //////// */
@media(max-width: 991px) {
  .topbar .contact { position: absolute; top: 10px; right: 15px; }
  .welcome .welcome-content, .welcome .welcome-img { padding: 0px 10px; width: 50% !important; float: left; }
  .product-index .col-md-4 { padding: 0px 10px; width: 100% !important; float: left; }
}

@media(max-width: 768px) {
}

@media(max-width: 600px) {
  .welcome .welcome-content, .welcome .welcome-img { padding: 0px 10px; width: 100% !important; float: left; }
  .footer-content .col-md-3 { padding: 0px 10px; width: 50% !important; float: left; }
}

@media(max-width: 480px) {
/*  .sh_index_header_info { width: 40%; float: right; }
  .contact h3 { font-size: 12px; }*/
  .logo img { width: 175px; height: auto; padding-left: 10px; padding-bottom: 20px; }
  .sh_index_header_info > img { width: 15px !important; height: auto !important; }
}

@media(max-width: 420px) {
  .contact h3 { font-size: 12px; width: 35% !important; float: right; }
}

@media(max-width: 375px) {
  .contact h3 { font-size: 12px; width: 43% !important; float: right; }
}

@media(max-width: 320px) {
  /*.topbar .contact { display: none; }*/
  .contact h3 { font-size: 10px; width: 40% !important; float: right; }
  .footer-content .col-md-3 { padding: 0px 10px; width: 100% !important; float: left; }
}
/* //////// end: RESPONSIVE //////// */



/*SIDEBAR CATEGORY*/
.sidebar .widget-categories {
    border-bottom: none;
    margin-bottom: 0;
}
.custom-vertical-nav ul {
    list-style: none;
    position: relative;
}
.custom-vertical-nav ul li:first-child {
  border-top: 1px solid rgba(0,0,0,0.1);
}
.custom-vertical-nav ul li a:hover { color: #19a9f0; }
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 rgba(0,0,0,0.1);
}
ul.main-list li:last-child {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

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;*/
    padding: 0 25px 0 0;
    display: inline-block;
    color: #111;
    word-wrap: break-word;
    position: relative;
    line-height: 45px;
}
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;
    /*max-height: 500px;*/
}
ul.dropdown-list {
    display: none;
    /*height: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.8s;
    -o-transition: max-height 0.8s;
    transition: max-height 0.8s;*/
}



/*SLIDE*/
#slider-carousel {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 300ms ease-out 0ms;
  transition: opacity 300ms ease-out 0ms;
}
#slider-carousel.ready {
  opacity: 1;
  visibility: visible;
}
#slider-carousel .owl-bg-img:not(:first-child) {
  display: none;
}
/*.SLIDE*/