/* ----- TIPOGRAFIA ----- */
/**{
font-variant: normal;
font-kerning: normal;
}*/

@font-face {
font-family: 'alex_brushregular';
src: url('../fonts/alexbrush-regular-webfont.eot');
src: url('../fonts/alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/alexbrush-regular-webfont.woff2') format('woff2'),
     url('../fonts/alexbrush-regular-webfont.woff') format('woff'),
     url('../fonts/alexbrush-regular-webfont.ttf') format('truetype'),
     url('../fonts/alexbrush-regular-webfont.svg#alex_brushregular') format('svg');
font-weight: normal;
font-style: normal;
}

h1, .h1{
font-family: "Helvetica Neue", Helvetica, 'Segoe UI', sans-serif; 
font-size: 42px;
font-weight: bold;
line-height: 50px;
color: #2A2A25;
}

h2, .h2{
font-family: "Helvetica Neue", Helvetica, 'Segoe UI', sans-serif; 
font-weight: bold;
font-size: 20px;
line-height: 24px;
color: #242424;
text-transform: uppercase;
}

h3, .h3{
font-family: "Helvetica Neue", Helvetica, 'Segoe UI', sans-serif; 
font-weight: medium;
font-size: 13px;
line-height: 18px;
color: #262626;
text-transform: uppercase;
}

h4, .h4{
font-family: "Helvetica Neue", Helvetica, 'Segoe UI', sans-serif; 
font-weight: medium;
font-size: 13px;
line-height: 18px;
color: #444;
}

body, p{
font-family: "Helvetica Neue", Helvetica, 'Segoe UI', sans-serif; 
font-weight: normal;
font-size: 13px;
line-height: 18px;
color: #666;
}

label{display:block;}
  
a{
font-family: "Helvetica Neue", Helvetica, 'Segoe UI', sans-serif; 
font-weight: normal;
font-size: 13px;
line-height: 18px;
color: #262626;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}
 
textarea,
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=search],
select{
font-family: "Helvetica Neue", Helvetica, 'Segoe UI', sans-serif; 
font-size: 13px;
color: #A1A1A5;
border: 1px solid #BCBCBC;
padding: 8px 9px;
}

select{height: 33px;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
select::-ms-expand {display: none;}
.select{position: relative;display: block;color: #000;background: #FFF;border: 1px solid #CCC;overflow-x: hidden;}
.select select{position: relative;width: 100%;height: 31px;padding: 6px 7px;border: 0px !important;background: transparent;z-index: 10;-moz-appearance: none;-webkit-appearance: none;appearance: none;padding-right: 20px;}
.select::after{content: '';position: absolute;top: 50%;margin-top: -7px;right: 0;width: 15px;height: 15px;background: url(../sysimages/sys19.png) no-repeat left top;}
.select.disabled{border: 1px solid #CCC !important;  opacity: 0.5 !important;}
.select select:disabled{background: none;}
.select:hover{border-color: #000;}
.select:not(.disabled):hover::after{border-color: #000;background-position: left bottom;}

input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=tel]:hover,
input[type=search]:hover,
textarea:hover,
select:hover,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=search]:focus,
textarea:focus,
select:focus{
border: 1px solid #000;
}

input[type=text]:disabled,
input[type=email]:disabled,
input[type=password]:disabled,
input[type=tel]:disabled,
input[type=search]:disabled,
textarea:disabled,
select:disabled{
background-color: #F0F0F0;
border: 1px solid #CCC;
}

.button{display: inline-block;line-height: normal;text-align: center;text-decoration: none !important;}

.button,button,input[type=submit]{
font-family: "Helvetica Neue", Helvetica, 'Segoe UI', sans-serif; 
padding: 13px 17px;
font-size: 13px;
color: #FFF;
border: 1px solid #242424;
background: #242424;
text-transform: uppercase;
}

.button:hover,button:hover,input[type=submit]:hover{
background: #FFF;
color: #262626;
}

.button.btn2,button.btn2,input[type=submit].btn2{border-color: #D70002;background: #D70002;}

.button.btn2:hover,button.btn2:hover,input[type=submit].btn2:hover{border-color: #C3CACF;background: #C3CACF;color: #262626;}

.button.btn3,button.btn3,input[type=submit].btn3,
.bt_estilo2{
background: #FFF;
color: #262626;
}

.button.btn3:hover,button.btn3:hover,input[type=submit].btn3:hover,
.bt_estilo2:hover{
background: #242424;
color: #FFF;
}

/* -- ESTILOS GERAIS -- */
body{
background: url(../sysimages/bg_site.jpg) repeat left top;
}

#containerSite,#main,.wrapper-page{position: relative;}
#containerSite{max-width: 1391px;padding-left: 221px;background: #FFF;-webkit-box-shadow: 5px 0 5px 0 rgba(21,20,19,0.75);-moz-box-shadow: 5px 0 5px 0 rgba(21,20,19,0.75);box-shadow: 5px 0 5px 0 rgba(21,20,19,0.75);}

@media screen and (min-width: 768px){
#containerSite{min-width: 1200px;}
#main{padding-top: 40px;}
}



.container{padding: 0 26px;}
.wrapper-page{padding: 57px 26px 100px;}

.title{text-align: center;padding-bottom: 30px;border-bottom: 1px solid #E4E4E4;}

.title h1,
.title-popup h1,
.title-account h1,
.title-contacts h1,
.products-nav h1,
.search-nav h1,
.title-retailers h1,
.title-news h1{font-size: 20px;line-height: 24px;color: #242424;text-transform: uppercase;}





.title h3{margin-top: 21px;}


.anim{-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}



.inputError{padding:0px; margin-bottom:13px;position:relative; }
.inputError label > span{display: block;padding-bottom: 2px;}
.displayError .errorToolTip{ display: block;}
.errorToolTip{display: none;position:absolute; top: auto; left:-3px; width:auto;height: 26px;white-space: nowrap;}
.imgError{height:9px; width:15px; background:url(../sysimages/bgToolTipError.png) no-repeat top left; float:left;position: absolute;top:26px;left: 10px;}
.bgError{background-color:rgb(156,31,47);}
.errorToolTip .bgError p{color:#fff; font-size: 12px;line-height: 26px;margin: 0 10px;}
/* -------------------- */




/* ----- MENU LATERAL ----- */
.side-menu ul li:not(.initial) .fa{font-size: 18px;font-weight: bold;visibility: hidden;}
.side-menu ul li a{color: #666;text-decoration: none;}

.side-menu ul li.sel > a > .fa{visibility: visible;font-weight: bold;}
.side-menu ul li.sel > a{color: #000;font-weight: bold;}
.side-menu > ul > li:first-child > a{font-size: 21px;color: #000;font-weight: normal;}
.side-menu ul li:not(.sel) a:hover{color: #DE332C;}


.side-menu ul li a.active {color: #DE332C;}
.side-menu ul li .secondLevelMenu li.sel2 > a,
.side-menu ul li .thirdLevelMenu li.sel2 > a,
.side-menu ul li .fourthLevelMenu li.sel2 > a{color: #DE332C; font-weight: bold;}


.side-menu ul.secondLevelMenu,
.side-menu ul.thirdLevelMenu,
.side-menu ul.fourthLevelMenu { display:none;}
.side-menu ul li.sel > ul{display:block;}

/* ---------------------- */







/* ----- SOCIAL ----- */
.social a{
display: inline-block;
width: 21px;
height: 21px;
background: url(../sysimages/social.png) no-repeat;
}
.social a.fb{background-position: left top;}
.social a.vm{background-position: -21px top;}
.social a.pi{background-position: -42px top;}
.social a.yt{background-position: -63px top;}
.social a.gp{background-position: -84px top;}
.social a.lk{background-position: -105px top;}
.social a.tw{background-position: -126px top;}
.social a.tm{background-position: -147px top;}
.social a.in{background-position: -168px top;}
.social a.fb:hover{background-position: left bottom;}
.social a.vm:hover{background-position: -24px bottom;}
.social a.pi:hover{background-position: -48px bottom;}
.social a.yt:hover{background-position: -72px bottom;}
.social a.gp:hover{background-position: -96px bottom;}
.social a.lk:hover{background-position: -120px bottom;}
.social a.tw:hover{background-position: -144px bottom;}
.social a.tm:hover{background-position: -192px bottom;}
.social a.in:hover{background-position: -168px bottom;}
/* ------------------ */

/* ----- RRHE15 ----- */
.nav-top ul li a{
font-size: 10px;
line-height: 16px;
letter-spacing: 0.5pt;
color: #BFBFBF;
text-transform: uppercase;
text-decoration: none;
}

.nav-top > ul > li:hover > a,.nav-top > ul > li.sel > a,.drop-country ul li a:hover,.drop-country ul li.sel a{color: #FFF;}


.nav-top > ul > li.search .container-search input{
font-size: 10px;
letter-spacing: 0.5pt;
color: #888;
text-transform: uppercase;
}


.menu-mobile ul li a{
font-size: 11px;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
}
.menu-mobile ul li a span{
font-size: 13px;
}
.menu-mobile ul:first-child li a{
font-size: 12px;
}

/* ------------------ */

/* ----- RRHE17 ----- */
.menu ul li a{
font-size: 14px;
line-height: 17px;
color: #262626;
text-decoration: none;
text-transform: uppercase;
}

.menu ul li a:hover,
.menu ul li.sel a{
color: #E34150;  
}

.slogan p{
font-family: "alex_brushregular", Helvetica, 'Segoe UI', sans-serif;
font-size: 30px; 
line-height: 36px;
color: #292929;
}

.social > p{
font-weight: bold;
line-height: 16px;
font-size: 10px;
color: #BFBFBF;
text-transform: uppercase;
letter-spacing: .4pt;
}
/* ------------------ */

/* ----- RRF15 ------ */
.nav-footer p,
.nav-footer a{
font-size: 10px;
line-height: 16px;
letter-spacing: 0.5pt;
color: #858585;
text-decoration: none;
text-transform: uppercase;
}
.nav-footer a:hover{color: #FFF;}
/* ------------------ */

/* ------ RRL19 ----- */
.products .num-products p{font-size:10px;letter-spacing: .5pt;line-height: 16px;color: #7F7F7F;text-transform: uppercase;}
.products .num-products p span{font-weight: bold;}

.products .products-nav ul li a{
text-decoration: none;
text-transform: uppercase;
}
.products .products-nav ul li a:hover,
.products .products-nav ul li a.active{
color: #DA0014;
}



.top-lst .filters .box-filter a{text-decoration: none;}
.top-lst .filters .wrapper-order a{text-decoration: none;}
.top-lst .filters > div > p,.top-lst .filters .order p,.top-lst .filters .clear-filters a{color: #999;}
.top-lst .filters .box-filter .cnt-filters a:hover,.top-lst .filters .order .cnt-order a:hover{color: #FFF;}
.top-lst .filters .clear-filters a:hover{color: #262626;text-decoration: none;}



/* ------------------ */

/* ----- TERMOS E CONDICOES ----- */
.terms .container-rub h3{
color: #DA0014;
}
/* ------------------ */




/* ----- PRODUCT ----- */
.product{display: block;padding: 14px;}
.product .image{position: relative;}
.product .image img{width: 100%;}
.product .image .img-default{display: block;}
.product .image .img-hover{display: none;}
.product .desc{padding: 13px 18px 6px;}

.product .desc p{color: #666;}
.product .desc p.name{color: #262626;font-weight: bold;text-transform: uppercase;padding-bottom: 2px;}


.product .flags{padding-top: 1px;}
.product .flag{display: inline-block;color: #FFF;text-transform: uppercase;font-size: 10px;padding: 0 8px;line-height: 17px;margin: 0 1px;height: 19px;}
.product:hover{text-decoration: none;background: url(../sysimages/bg_product.png) no-repeat left bottom;background-size: 100%;}
.product:hover .image .img-default{display: none;}
.product:hover .image .img-hover{display: block;}
/* ------------------ */

/* ----- DETALHE ----- */
.product-desc p.ref{
color: #999;
}
.related-products .controls a{
font-size: 13px;
color: #262626;
font-weight: medium;
text-transform: uppercase;
}
#product-info .wrapper-info .wrapper-submit p{
color: #999;
}

.related-products .controls a:hover{
text-decoration: none;
color: #DA0014;
}
/* ------------------- */

/* ----- PESQUISA ----- */
.top-lst .search-nav ul li h3{color: #DA0014;}
.top-lst .search-nav ul li.new-search a{
font-family: "Helvetica Neue", Helvetica, 'Segoe UI', sans-serif; 
font-weight: medium;
font-size: 13px;
line-height: 18px;
color: #B2B2B2;
text-transform: uppercase;
text-decoration: none; 
}
.top-lst .search-nav ul li.new-search a:hover{
color: #DA0014;
}
/* -------------------- */

/* ----- PESQUISA s/RESULTADOS----- */
.no-results p:first-child{
color: #FFF;
text-transform: uppercase;
}
.no-results ul li,
.no-results ul li p{
color: #AAA;
}

.title-related h1{

}
/* -------------------- */


/* ----- BREADCRUMB ----- */
.breadcrumb{min-height: 50px;background: #F2F2F2;}
.breadcrumb ul{list-style: none;margin-left: 0;}
.breadcrumb ul li{list-style: none;float: left;margin-right: 4px;}
.breadcrumb ul li::before{content: '/';margin-right: 4px;}
.breadcrumb ul li:first-child::before{display: none;}
.breadcrumb ul li,.breadcrumb ul li a{font-size: 10px;line-height: 16px;color: #6E6E6E;text-transform: uppercase;text-decoration: none;}
.breadcrumb ul li a{display: inline-block;}
.breadcrumb ul li a:hover{text-decoration: underline;}
.breadcrumb ul li a[href="javascript:void(0);"]{color: #999;cursor:default;text-decoration: none;}

/* ---------------------- */

/* ----- DOWNLOADS ----- */
.downloads .box-download{min-height: 50px;padding: 10px 0 2px 64px;}
.downloads .box-download.pdf{background: url(../sysimages/pdf.png) no-repeat left top;}
.downloads .box-download p{color: #999;padding-top: 2px;}
/* --------------------- */




/* ----- LOJAS ----- */
.store-search p{color: #999;}
.store-search .select select{font-size: 13px;color: #262626;}
/* ----------------- */

/* ----- WISHLIST ----- */
.wishlist .num-products p{font-size:10px;letter-spacing: .5pt;line-height: 16px;color: #7F7F7F;text-transform: uppercase;}
.wishlist .num-products p span{font-weight: bold;}

.wishlist .title a{
color: #262626;
text-transform: uppercase;
}

/* -------------------- */



/* ----- POP NEWSLETTER ----- */
.title-popup h3{color: #D90013;}
.check-email p{
color: #999;
}
/* -------------------------- */

/* ---------- ABOUT TEAM--------- */
.wrapper-about h1{
font-family: "Helvetica Neue", Helvetica, 'Segoe UI', sans-serif; 
font-weight: bold;
font-size: 10px;
line-height: 16px;
color: #A5A5A5;
text-transform: uppercase;
}
.wrapper-about .content{
line-height: 21px;
color: #525252;
}
/* -------------------------- */

/* ----- TIMELINE ----- */
#years a{
color: #5D5D5D;
text-decoration: none;
}
#years a.active,
#years a.hdate{color: #FFF;}
#years a.hdate:hover::after,
#years a.active::after{background: #FFF;}

#desc-year p{
line-height: 21px;
}
/* -------------------------- */



/* ----- ACCOUNT ----- */
.wrapper-buttons p{color: #999;}
/* -------------------------- */

/* ----- CONTACTS ----- */
.contacts .wrapper-contacts .column .content-column .tit_H2{
color: #FFF;
}
.contacts .wrapper-contacts .column .content-column p{
color: #FFF;
opacity: .7;
line-height: 21px;
}
/* -------------------- */


/* ----- RETAILERS ----- */
.title-retailers h3{color: #D90013;}
/* -------------------- */

@media screen and (max-width: 768px) {
#containerSite{padding: 0;}


.container{padding: 0 15px;}
.wrapper-page{padding: 40px 15px 80px;}

.wrapper-page .title,
.pagina_bag .title{padding: 0 15px 30px;}
}