#index #wrapper {padding-top: 0;}
/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,200;0,300;0,400;0,500;0,600;1,200;1,300;1,400;1,500;1,600&display=swap');
body {font-family: 'Kanit', sans-serif;font-size: 16px;}
@media (min-width:1200px){
    .container {width:100%;max-width: 100%}
}
#header .menu {width:100%; background: #0877af; padding:10px 15px;}
#_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu {background: #f4fbff}
#header .menu a {color: #fff;}
#wrapper {background: #fafafa;}
#index #wrapper {padding-top: 0;}
.top-menu .sub-menu ul[data-depth="1"] > li {width:22%; margin:5px 0;}
.dropdown-item.dropdown-submenu {color: #333!important; font-weight: 400!important;}
.top-menu a[data-depth="2"] {font-size: .9rem;}
.top-menu .sub-menu ul[data-depth="1"] > li div {display: none;}
#header .top-menu a[data-depth="0"]:hover {color:#86ccd8 }
#header .header-nav .cart-preview .shopping-cart {color: #222;}
#header .header-nav .blockcart {background:#fff;}
.quickview .modal-footer {display: none;}
.btn-primary {background-color:#183b79}
.btn-primary:hover,.btn-primary:focus, .btn-primary.focus {background-color: #81cdd9}
#blockcart-modal .modal-header,#blockcart-modal .modal-body {border-top:6px solid #81cdd9; border-left:6px solid #81cdd9;border-right:6px solid #81cdd9}
#blockcart-modal .modal-body {border-top:none;border-bottom:6px solid #81cdd9;}
#blockcart-modal .product-name {color: #0877af}
.product-flags li.product-flag {font-size: .8rem; font-weight: 600;padding: .2rem;}
.product-miniature .product-flags li.product-flag {min-height:inherit;min-width: inherit;border-radius:0 5px 5px 0;}
.product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount {background-color: #ce3e12;}
.product-miniature .product-title a {color: #000;font-size: 1rem;}
.product-price {font-size: 1.35rem;font-style: italic;font-weight: 700;}
.carousel {margin-bottom: 0;}
.carousel .carousel-inner {height:auto;margin-bottom: 0;}
.carousel .carousel-item{width:100%;}
.carousel .carousel-item figure {width:100%;}
.btn.disabled, .btn:disabled {background:#555;}
@media (min-width: 992px){
    #search_widget {min-width: 23rem;}
}
#search_widget form i {padding: 0; font-size: 28px;top:9px; left:5px;cursor: pointer;}
.product-miniature {border: 1px solid #ddd; border-radius: 10px;background:#fff;}
..product-miniature {margin-bottom: 2rem;}
.has-discount .page-content.page-cms ul, .has-discount p, .has-discount.product-price, .page-content.page-cms .has-discount ul {color: #cc0000;}
.has-discount .discount {background: #cc0000;}
/*********footer********/
#main .page-footer {margin-bottom: 0;}
#footer {padding-top: 0;background: #fafafa}
.footer-container {background:#043e5c;padding-top:6.5rem;}
.footer-container .h3, .footer-container .h4, .footer-container li a, .block-contact,#block_myaccount_infos .myaccount-title a {color: #fff;}
.footer-container .h3:hover, .footer-container .h4:hover, .footer-container li a:hover {}
.footer-container .h3, .footer-container .h4 {font-size: 1.2rem;}
#footer .block_newsletter #block-newsletter-label {width:100%}
.block_newsletter form {width:80%; margin: auto;}
.block_newsletter {position: relative;top: 80px;min-width: 65%;border-radius: 10px;text-align: center;padding:10px;}
.footer-container .h3:after, .footer-container .h4:hover {position: absolute;content: "";background-color: #fff;width: 45px;height: 2px;top: 25px;left: 14px;}
.block-social {float: right; width: 25%;text-align: left;position: relative; top:-50px;display:none;}
.block-social ul li {background-color:#043e5c;border-radius: 50%;}
.block-social ul li:hover {background-color:#0877af;}
#footer-copyright p{text-align: center;}

@media (max-width:767px) {
    #search_widget form i.clear{left:90%;}
    .footer-container .h3::after, .footer-container .h4:hover {display: none;}
    .footer-container .add, .footer-container .remove,#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title,
    .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {color: #fff;}
    .footer-container .links ul > li {border-bottom:1px solid #ddd;}
    .block-social {top:20px; width:100%;}
    #footer-copyright p{text-align: center;}
    .block-contact #contact-infos {border-bottom:1px solid #fff; padding-top:.625rem!important; font-size:1rem;}
}