/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.product-availability-date{text-align: center; color: red}
.product-availability-date label{color: red;}
.delivery-option img{width: 50px;}
.form-control-comment{display: none !important}
.wishlistTable .no_data{display: none !important;}
.block-categories .category-sub-menu li[data-depth="0"]>a{font-size:13px;}
.footermenu .h3 a{font-size: 14px;}
.footermenu {margin-top: 20px;}
.map.spcustom_html p{    margin: 0;
    float: left;
    width: 100%;}
.map.spcustom_html iframe{     border: 0;
    width: 100%;
    float: left; }   
#product .tabs{display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

#subcategories {
    margin-bottom: 20px;
    border-top: 1px solid #f6f6f6
}

#subcategories .subcategory-heading {
    margin-bottom: 20px;
    font-weight: 500
}

#subcategories ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 -10px;
    background-color: transparent;
    border-radius: 20px
}

#subcategories ul li {
    width: calc(100% / 4 - 20px);
    min-width: 200px;
    margin: 10px;
    text-align: center;
    background: #fff;
    min-height: 50px;
    border-radius: 10px;
    padding: 7px;
    transition: all .3s;
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%)
}

#subcategories ul li>div {
    background: #fa8b05;
    height: 100%;
    float: left;
    border-radius: 15px;
    width: 100%;
    min-height: 70px;
    padding: 20px 0;
    line-height: 20px
}

#subcategories ul li:hover {
    border: none;
    box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
    transform: translateY(-3px)
}

#subcategories ul li .subcategory-image {
    padding: 0 0 8px
}

#subcategories ul li .subcategory-image a {
    display: block;
    padding: 9px;
    border: 1px solid #fff
}

#subcategories ul li .subcategory-image a img {
    max-width: 100%;
    vertical-align: top;
    height: auto
}

#subcategories ul li .subcategory-name {
    text-transform: uppercase;
    color: #fff;
    line-height: 100%;
    font-size: 15px
}

#subcategories ul li .subcategory-name:hover {
    color: #fff
}

#subcategories ul li .cat_desc {
    display: none
}

#subcategories ul li:hover .subcategory-image a {
    padding: 5px;
    border: 5px solid #000
}
#supplier h1{margin-top: 15px;}
#supplier .brand{display: inline-block; width: 24%;}
#supplier .brand img{display: inline-block; width: 100%;}

#supplier .main ul{text-align: center;}
#top-menu > .category > a.dropdown-item{padding-left: 40px; font-size: 17px;}
#top-menu > .category:nth-child(1) > a.dropdown-item{background: url("../img/icon1.png") no-repeat; background-position: 5px;}
#top-menu > .category:nth-child(2) > a.dropdown-item{background: url("../img/icon2.png") no-repeat; background-position: 5px;}
#top-menu > .category:nth-child(3) > a.dropdown-item{background: url("../img/icon3.png") no-repeat; background-position: 5px;}
#top-menu > .category:nth-child(4) > a.dropdown-item{background: url("../img/icon4.png") no-repeat; background-position: 5px;}
#top-menu > .category:nth-child(5) > a.dropdown-item{background: url("../img/icon5.png") no-repeat; background-position: 5px;}
#top-menu > .category:nth-child(6) > a.dropdown-item{background: url("../img/icon6.png") no-repeat; background-position: 5px;}
#top-menu > .category:nth-child(7) > a.dropdown-item{background: url("../img/icon7.png") no-repeat; background-position: 5px;}
@media(max-width: 767px)
{ 
    #supplier .brand{display: inline-block; width: 49%;}
     #subcategories ul {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
    div.block-promo .promo-code-button {
    padding-left: 1.25rem;
    margin-bottom: 0.25rem;
    display: inline-block;
    }
    .cart-voucher p{margin-bottom: 0;}
    .cart-voucher{text-align: center;}
    .cart-item .product-line-actions .col-md-10{width: 83.33333%;}
    .cart-item .product-line-actions .hidden-md-up{display: none;}  
    .cart-item .product-line-actions{width: 66.66667%;}
    .checkout.cart-detailed-actions.card-block a{width: 100%;}
    .checkout.cart-detailed-actions.card-block{margin-top: 10px;}
    .cart-detailed-totals > .card-block{padding: 5px;}    
    .featured-products h1{font-size: 18px;}
    .map.spcustom_html{padding: 0 !important;}
    #footer > .container > .row{margin: 0;}
  #footer > .container {
    padding: 0px;
    width: 100%;
}
    div#custom-text-main{margin: 10px -15px;}
    .map.spcustom_html iframe{height: auto; width: 100%;}  
    div.footermenu {
    margin-top: 5px;
    }
    .links .title{padding: 0 10px;}
	#_desktop_language_selector1{float: right;}
	.right-nav .links{display: none;}
	#header .header-top .position-static{margin: 0px;}
	#product #main .tabs{margin-bottom: 20px}
	.products .product-miniature .thumbnail-container{    width: 100%;
    text-align: center;
    height: auto;
	}
	.products .product-miniature {
    margin: 0 auto 10px;
    width: calc(50% - 10px);
    float: left;
    text-align: center;
	}
	.category-products > h2 {
    font-size: 15px;
    margin-bottom: 20px;
    padding: 7px;
    }
    .category-products.mt-3{margin-top: 1rem!important;}
    #product .products .product-miniature .product-title a {
    font-size: 11px;
    line-height: 15px;
	}
    div#new_comment_form{width: 100%;}
    #authentication h2{text-align: center; font-size: 1.5rem;}
    
}
#rssfeed {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
#rssfeed h3 {
    font-size: 30px;
    margin-bottom: 20px;
}
#rssfeed ul {
    display: inline-block;
    width: 100%;
}
#rssfeed li {
    display: inline-block;
    text-align: left;
}
#rssfeed .feed_img {
    text-align: center;
}
#rssfeed img {
    max-width: 100%;
}
#rssfeed .feed_title {
    margin: 5px 0 0;
    display: inline-block;
    height: 50px;
    font-weight: 700;
}
#rssfeed p {
    font-size: 15px;
    line-height: 18px;
    height: 110px;
    font-family: "Roboto";
    font-style: italic;
}
#product p.features{margin:0}
#product p.features span{color:#2fb5d2}
#remaining_amount_free_shipping {
  -webkit-animation: alertblink 1s infinite;  /* Safari 4+ */
  -moz-animation: alertblink 1s infinite;  /* Fx 5+ */
  -o-animation: alertblink 1s infinite;  /* Opera 12+ */
  animation: alertblink 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes alertblink {
  0%, 49% {
    background-color: #fff;
    border-color: 3px solid #fff;
  }
  50%, 100% {
    background-color: #d9edf7;
    border-color: #bcdff1;
  }
}
#payment-option-3-container img{max-width:40px;}
#login-form .form-control-label{display: none;}
#login-form .col-md-6{width: 100% !important;}
#authentication h3{
    color: #208094;
    text-align: center;
    font-size: 1.5rem;
    font-style: italic;
}
#authentication h2{
    color: #208094;
    font-size: 2.2rem;
   }
#authentication .login-form {
    margin-top: 0px;
    max-width: 350px;
}   
#authentication .client-form-main{border-left: 1px solid rgba(0, 0, 0, .2);     padding-left: 50px;     min-height: 300px;}
#authentication .client-form-main.active{    border: none;
    padding-left: 0;
    margin: 0 auto;
    float: none;}
#authentication .client_block .col-xs-6{width: auto;    display: inline-block;}
#authentication .client_block a{display: inline-block;
    width: 100%;
    text-align: center;}
#authentication .client_block a img{min-height: 89px;}
#authentication .client_block a span{    display: inline-block;
    width: 100%;}
#authentication p{color: #208094; text-align: center; font-size: 1rem}
#authentication .form-control {
    background: #f1f1f1;
    color: #7a7a7a;
    border: 0px solid rgba(0, 0, 0, .25);
    padding: .6rem 1rem;
    border-radius: 20px;
}
#authentication .form-control.js-visible-password{border-radius: 20px 0 0 20px;}
#authentication .captcha_login, #authentication .captcha_login label {margin: 0}
#authentication .alert span{    color: #fff;
    padding: 5px;
    display: inline-block;}
.client_block{}    
.colegios_block{display: none;}
#_desktop_user_info{display: inline-block; float: right;     margin-top: 23px;}
@media(max-width: 999px)
{
    #authentication .client-form-main {
    border-left: 0px solid rgba(0, 0, 0, .2);
    padding-left: 0;
    min-height: 300px;
    text-align: center;
    }
    #authentication .client_block .col-xs-6 {
    width: auto;
    display: inline-block;
    float: none;
    }
    #authentication .login-form {
    margin: 0px auto;
    max-width: 350px;
    }
}
@media(max-width: 767px)
{ 
    #authentication .form-group.row{margin-bottom: 0}
    #authentication .form-control{margin-bottom: 1rem} 
    #authentication .input-group .input-group-btn {
    height: 100%;
    vertical-align: top;
    }
    #authentication .page-content > .col-md-3{margin-bottom: 2rem;}
    .page-authentication #content{padding: 0}

    #authentication .form-check-label {
    padding-left: 0;
    margin-bottom: 0;
    cursor: pointer;
    }
    #customer-form .h3{text-align: center;}
    #customer-form .h3 span {
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    #authentication h3{font-size: 1rem;}
    #authentication h2 {
    font-size: 1.5rem;
    }
    #customer-form .form-footer{display: inline-block; margin-top: 10px;}
}