body{ margin:0px; }
.btn{
    border-radius:5px;
    text-transform:none;
}
.btn-default:hover { color: #fff; background: #222222; cursor:pointer;}

/* Header */

.bodyWrap>header{
    height:200px;
}

.xvBlogPost header{
    height:auto;
}

.head{ height:35px; }
.products .head{ margin-bottom:30px; }
.col-lg-12 .products .head h4{ color:#222222; font-weight:bold; }

.top-info-nav{
    background-color: #ffffff;
    height:50px;
}

.top-info-nav .container{
    text-transform:uppercase;
 }
.top-points ul li{ color:#222222; font-size:12px; }
.top-logout .nav-top li{ font-size:14px; margin-top:5px; }
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color:#222222;
}
.nav>li>a { padding: 10px 0px; }

.middle-nav{
    background-color:white;
    color: #222222;
    height:100px;
}

.pages-nav{
    background-color: #ffffff;
    color: #222222;
    height:50px;
}

.quickLinks li{
    display:inline-block;
    margin-top: 30px;
    margin-left: 30px;
}
.quickLinks li a{
    font-size:26px;
    text-decoration:none;
}
.quickLinks li a:hover{ text-decoration:none; color:#c5003e; }

.topSearch{
    margin-top:30px;
    left:0px;
}
.topSearch form input{ border:none; }
.topSearch form button i{ font-weight:bold; }

.res-menu-top{ background-color:#ebebd8; height:35px;}

.res-menu-bottom{
    font-size:24px;
    text-align:center;
    position:fixed;
    bottom:0px;
    z-index:1;
    background-color:#222222;
    padding:5px;
    z-index: 10000;
}

.res-pages-ham{
    z-index:100000;
    position: fixed;
    bottom: 47px;
    right: 0px;
    font-size:12px;
    text-transform:uppercase;
    background-color:white;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align:center;
    width: 100vw;
}

.res-pages-ham>li{
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 50px 10px 50px;
}

.res-pages-ham>li>a{
    position: relative;
    text-decoration: none;
    font-weight:bold;
}

.mainNav > li > ul{
    z-index:10000;
    margin-top:-3px;
}

/* END - Header */

#menu-bottom{
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 20px;
    border-radius: 50%;
}

/* Login */

.login-frame{
    border:1px solid rgb(135,135,135);
    border-radius:3px;
    margin-top:40px;
}

.login-frame a{
    color:#222222;
    font-size:13px;
    font-weight:bold;
    margin-bottom:10px;
    cursor:pointer;
}
.login-frame a:hover, .login-frame a:focus{
    text-decoration:none;
}

.login-frame .active-ext{ box-shadow: 0px 3px #222222; }

.login-frame .form-group{
    margin-top:15px;
}

.login-frame label, signup-frame label{
    font-size:12px;
    font-weight:bold;
    text-transform:none;
}

input[type="text"], input[type="password"], input[type="email"], textarea, input[type="textarea"], input[type="date"], select{
    border:1px solid rgb(135,135,135);
    color:#222222;
    background-color:white;
    border-radius:3px;
    font-size: 1.6rem!important;
}

.input-login:focus{
    border-color:#222222;
    box-shadow:0 0 0 0.2rem rgba(241, 89, 34, 0.25);
}

.option-links{
    margin-bottom:20px;
}

.login-frame a:hover{
    text-decoration:underline;
}

/* END - Login */

/* MI CUENTA */
.xvAccountInfo .tabss li a{ color:#333; }


.xvAccountInfo .tabss li.active{
    border-left: 3px solid #222222;
}
.xvAccountInfo .tabss li.active a{
    color:#222222;
}
.xvAccountInfo .tabss li.active i{
    color:#222222;
}

.xvAccountInfo .tabss li a:hover{
    color:#222222;
}

.myAccount .myaddress .address a.edit{
    background:white;
    color:#222222;
    border:1px solid #222222}

.myAccount .myaddress .address a.edit:hover{
    background:#222222;
    color:white;
}

.accorContent h4{
    font-weight:bold;
}

.aboutMe p, .addresses-panel p{
    font-size:16px;
}

/* END - MI CUENTA */

/* CATALOGO */

.change-prod-style li{
    padding-left:5px;
}

.sideNav, .sideNav h4{
    font-weight: bold;
}

.pagination > li:hover a, .pagination > li.active a {
    background: #222222;
    color: #fff;
}

.reference{
    display:none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/* END - CATALOGO */

/* NEWS */

.latest-blog h4{ font-weight:bold; }

.xvBlogWrap.postSm .xvBlogPost h6 {
    height: 0px;
}

.xvBlogPost header a{
    font-weight:bold;
}

.xvPromoLine{
    display:none;
}

.xvBlogWrap .xvBlogPost .links { margin-bottom: 0px; }

.xvBlogWrap .xvBlogPost .links li { color: #222222; }

/* END - NEWS

/* Footer */

footer{ height:auto; }
.footer-right{ text-align:right; }

/* END - Footer */

.legal-page-title{
    padding-top:190px;
}

/* BUTTONS */

#btn_cart_continue_shopping, #btn_cart_update_shopping_bag{
    background-color:#222222;
    color:white;
    font-weight:bold;
}

#btn_cart_continue_shopping:hover, #btn_cart_update_shopping_bag:hover{
    background-color:#222222;
}

.btn-purple{
    background-color:#222222;
    color:white;
    font-weight:bold;
}
.btn-purple:hover{ color:white; }

.custome-select b{
    display:none;
}

#floating-cart>form{
    bottom:50px;
}


/* END - BUTTONS */

@media (max-width: 992px){
    .header-ext{ margin-top:20px; }
    .login-frame{
        margin-top:0px;
    }

    .bodyWrap>header{
        height:125px;
    }

    footer{
        margin-bottom:35px;
    }

    .res-menu-bottom a{
       text-decoration:none;
       color:white;
    }
    .res-menu-bottom a:focus{
        color:#222222;
    }

    .footer-left{ text-align:center; margin-bottom: 10px; margin-bottom:25px; }
    .footer-right{ text-align:center; }
    .legal-page-title{ padding-top:60px; }

    .breadcrumb{
        display:none;
    }

    .xvBlogHead h6{
        font-weight:bold;
    }

    .tabss{
        display:block;
        width:100% !important;
    }
}