/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.no-border {
   border: none !important;
}

#wrapper {
   background-color: #EFEFEF;
   background-image: url(banner_vn_sostennis_S.jpg);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center 37px top 37px;
   padding: 0;
}

.carousel {
   margin-bottom: 1rem;
}

.footer-container {
   background-color: #2E86C1 !important;
}

.footer-container a {
   color: #fff !important;
}

.footer-container .block-contact .block-contact-title,
.footer-container .linklist .blockcms-title a,
.footer-container .h1,
.footer-container .h2,
.footer-container .h3 {
   color: #fff !important;
}

#wrapper .breadcrumb {
   background: #EFEFEF;
}

#content-wrapper {
   background: #EFEFEF;
   padding-top: 1rem;
}

.carousel .carousel-inner {
   height: 380px;
}

.search-widget form input[type=text] {
   min-width: 382px;
}

#header .header-nav .search-widget {
   margin-top: .7rem;
}

.search-widget form {
   top: 5px;
}

#content-wrapper {
   padding-top: 0;
}

#header .header-nav {
   background: #2E86C1;
   color: #fff;
}

#header .headers-nav {
   background: transparent;
   color: #fff;
}

#header .header-nav .material-icons {

   color: #fff;
}

#header .header-nav .cart-preview .shopping-cart {

   color: #fff;
}
#products .thumbnail-container,.featured-products .thumbnail-container,.product-accessories .thumbnail-container,.product-miniature .thumbnail-container {
   height: 218px;
   width: 165px;
} 

#products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
   width: 165px;
   bottom: 0;
   height: 100px;
} 
#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {
   width: 165px;
   height: 3.125rem;
}  
#products img, .featured-products img, .product-accessories img, .product-miniature img {
   margin-left: 0;
   width: 100%;
}

.carousel .carousel-inner {
   height: 300px;
}
@media (min-width: 768px) {
   #header .header-nav {
      background: #fff;
   }

   #header .header-nav .material-icons {

      color: #7a7a7a;
   }

   #header .header-nav .cart-preview .shopping-cart {

      color: #7a7a7a;
   }
   #header .header-nav .blockcart{
      color:  #7a7a7a;
   }
   #products .thumbnail-container,.featured-products .thumbnail-container,.product-accessories .thumbnail-container,.product-miniature .thumbnail-container {
      height: 318px;
      width: 257px;
      background: #fff;
   }   
   #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
      width: 257px;
      height: 70px;
  }   
  #products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {
      width: 257px;
      height: 3.125rem;
  }  

}
@media (min-width: 992px) {
   .search-widget form input[type=text] {
      min-width: 532px !important;
   }

   .search-widget form {
      top: 12px;
   }

   #content-wrapper {
      padding-top: 0.1rem;
      background: #fff;
   }
   .carousel .carousel-inner {
      height: 380px;
   }

}
@media (max-width: 767px) {
   #cus_arrao{

       left: 44% !important;
      }  
      #wrapper{

         background-color: #EFEFEF!important;
    background-image: none;
   }
}
.block-contact {
   color: #fff !important;
}
.homeslider-container_2{
   margin-bottom: 20px;
}

.material-symbols-outlined {
   font-variation-settings:
   'FILL' 0,
   'wght' 400,
   'GRAD' 0,
   'opsz' 48
 }
#featured_home_cf{
   float: left;
}

#featured_home_cf .products-section-title{
   width: 372px;
   padding: 0.5rem;
   background: #FF8333;
   color: #fff;
   font-size: 1rem;
}
#cus_arrao{
   position: absolute;
    margin-top: 5px;
    color: #FF8333;
    font-size: 3rem;
    left: 30%;
}
#main .page-content, #main .page-header{
   text-align: center;
}
.top-menu a.dropdown-submenu {
   font-size: 13px;
   font-weight: bold;
}

.float-icon-hotline {
   display: block;
   width: 40px;
   position: fixed;
   bottom: 17px;
   right: 17px;
   z-index: 999999;
}

.float-icon-hotline ul {
   display: block;
   width: 100%;
   padding-left: 0;
   margin-bottom: 0;
}
.float-icon-hotline ul li {
   display: block;
   width: 100%;
   position: relative;
   margin-bottom: 10px;
   cursor: pointer;
}
.float-icon-hotline ul li .material-icons, .float-icon-hotline ul li .fa {
   background-color: var(--bg_callnow_color_icon,#ed1c24);
   display: block;
   width: 40px;
   height: 40px;
   text-align: center;
   line-height: 36px;
   -moz-box-shadow: 0 0 5px #888;
   -webkit-box-shadow: 0 0 5px #888;
   box-shadow: 0 0 5px #888;
   color: #fff;
   font-weight: 700;
   border-radius: 50%;
   position: relative;
   z-index: 2;
   border: 2px solid #fff;
}
.float-icon-hotline ul li .fa-zalo {
   background: transparent url(zalo.png) center center no-repeat;
   background-size: 100%!important;
}
.float-icon-hotline ul li .fa-fb {
   background: transparent url(messenger.jpg) center center no-repeat!important;
   background-size: 100%!important;
}
.float-icon-hotline ul li span {
   display: inline-block;
   padding: 0;
   color: #fff;
   border: 2px solid #fff;
   border-radius: 20px;
   height: 40px;
   line-height: 36px;
   position: absolute;
   top: 0;
   left: 15px;
   z-index: 0;
   width: 0;
   overflow: hidden;
   -webkit-transition: all 1s;
   transition: all 1s;
   background-color: var(--bg_callnow_color,#ff6a00);
   -moz-box-shadow: 0 0 5px #888;
   -webkit-box-shadow: 0 0 5px #888;
   box-shadow: 0 0 5px #888;
   font-weight: 400;
   white-space: nowrap;
   opacity: 0;
}