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

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

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




body{background-color: #fafafa;}

h1, .h1{
font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
font-size: 44px;
font-weight: 300;
line-height: 50px;
color: #333;
}
.h1.detail,h1.detail{font-size:25px;color:#333;line-height: 30px;font-weight: 500;}

h2, .h2, .h2red{
font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 27px;
color: #333;
}



h3, .h3, .h3red{
font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 22px;
color: #333;
}



h4, .h4{
font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19px;
color: #333;
}

h5, .h5, .h5red{
font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 17px;
color: #333;
}

.h3red, .h2red,.tit_H2, .h5red{
color:#d80418;
margin-bottom:10px;
}

p strong{
    color: #333;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
.h2white, .h4white{color:#fff}
body, p{
font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
font-weight: normal;
font-size: 14px;
/*font-size: 15px;*/
line-height: 17px;
color: #333;

}

label{display:block;}
  
a{
font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 20px;
text-decoration: underline;
color: #333;
}

a:hover{
color: #d80418;
text-decoration: none;
}
 
textarea,
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=search],
select{
font-size: 12px;
color: #333;
border: 1px solid #d8d8d8;
padding: 8px 11px;
height: 36px;
border-radius: 4px;
background-color: white;
}

textarea{line-height: 20px;}

select{ height: 34px;}

.select{position: relative;display: block;color: #000;background: #FFF;border: 1px solid #CCC;overflow-x: hidden;border-radius:4px;}
.select select{position: relative;width: 118%;height: 32px;padding: 9px 11px;border: 0px !important;background: transparent;z-index: 10;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
.select::after{content: '';position: absolute;top: 0;right: 0;width: 31px;height: 100%;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: #f8f8f8;
border: 1px solid #d8d8d8;
}

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

.button,
button,
input[type=submit]{
font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
padding: 12px 30px;
font-size: 13px;
font-weight: 500;
line-height: 16px;
color: white;
background-color: #666;
text-decoration: none !important;
border-radius: 4px;
border:none;
}

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

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

.button.btn2:hover,
button.btn2:hover,
input[type=submit].btn2:hover,
.button.btn2:active,
button.btn2:active,
input[type=submit].btn2:active{
background-color: #999;
color: #FFF;
}

.button.btn3,
button.btn3,
input[type=submit].btn3{
background-color: #333;
color: #FFF;
padding: 12px 30px;
}

.button.btn3:hover,
button.btn3:hover,
input[type=submit].btn3:hover,
.button.btn3:active,
button.btn3:active,
input[type=submit].btn3:active{
background-color: #666;
color: #FFF;
}

.btn-peq{color: white !important;font-family: 'Helvetica Neue', 'Segoe UI', Arial, sans-serif !important;font-size: 10px !important;font-weight: 400 !important;line-height: 12px !important;padding: 8px 10px !important;}

.btn-wish{display: block;float: left;width: 41px;height: 41px;padding: 12px 0;margin-left: 10px;border: 1px solid #999;text-align: center;margin-top: 8px;border-radius: 4px;text-decoration: none;background-image: url('../sysimages/wish2.svg');background-position: center;background-repeat: no-repeat; }
.btn-wish:hover{background-image: url(../sysimages/wish.svg);background-color: #999;}

/* GRID STATIC */
/*.container { max-width: 912px }
.container2{ max-width: 985px }
.container3{ max-width: 1280px }
.container4{ max-width: 1024px }*/

.container { max-width: 1232px }
.container2{ max-width: 1305px }
.container3{ max-width: 1600px }
.container4{ max-width: 1344px }

/* -- ESTILOS GERAIS -- */
#containerSite,#main,.wrapper-page{position: relative;    background: #fafafa;}
#overlay{display: none;content: '';position: absolute;top: 0;left: 0;width:100%;height: 100%;background: rgba(0, 0, 0, .20);z-index: 15;}
.wrapper-page{padding: 77px 15px 100px;}
.title{text-align: center;}
.subtitle{text-align: center;margin-top:30px;margin-bottom:20px}
.desc{margin-top:30px;font-size: 14px;font-weight: 400;line-height: 20px;padding:0 15px}
.upper{text-transform: uppercase;}
.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;}
.back-top{display: none;position: fixed;width: 39px;height: 39px;right: 34px;bottom: 100px;background: #333333;color: #FFF;text-align: center;z-index: 100;border-radius: 4px;}
.back-top .fa{font-size: 23px;line-height: 37px;}
.back-top:hover{background: #9f000f;;color:#ffffff}

.inputError{padding:0px; margin-bottom:14px;float: left; padding-right: 20px;position: relative;width: 100%; }
.inputError label > span{display: block;}
.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;}
input.required,select.required,textarea.required{padding-left: 12px !important;}
.select select.required{padding-left: 18px !important;}

/* HEADER */
.container-header{margin:auto;max-width: 1600px;}

/* PRODUCT */
a.product{position: relative;display: block;text-decoration: none;}
.product .remove{display: none;position: absolute;top: 10px;right: 15px;text-transform: uppercase;z-index: 2;font-size: 11px;color: #666;}
.product .image{position: relative;}
.product .image img{width: 100%;}
.product .image .img-default{display: block;}
.product .image .img-hover{display: none;}
.product .desc{text-align: center;min-height: 133px;padding: 18px 0;border-top: 1px solid #ddd;}
.product .desc p.price{font-size: 14px;font-weight: 400;line-height: 16px;padding-top: 1px;color: #d80418;}
.product .desc p.price .old-price{display: inline-block;line-height: 30px;margin-left: 7px;background: url(../sysimages/line.png) no-repeat left center;color: #999;}
.product .desc p.price .discountPrice{display: inline-block;line-height: 30px;margin-left: 7px;color: #212332;}
.product .desc p{font-size: 14px;}
.product .desc .name{padding-bottom: 6px;}
.product .desc .price{font-size: 14px;}
.product .flags{padding-top: 5px;}
.product .flags .flag{height: 25px;overflow: hidden;}
.product .flags .colors + div{padding-top: 7px;}
.product .flags > div{padding-top: 4px;}
.product .flag{display: inline-block;color: #FFF;text-transform: uppercase;font-size: 11px;padding: 0 8px;line-height: 21px;margin: 0 1px;}
.product .price .discountPrice{font-size: 12px;line-height: 14px;color: #D8213B;margin-left: 9px;}
a.product:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);text-decoration: none;background: #fff;}
.product:hover .remove{display: block;}
.product:hover .image .img-default{display: none;}
.product:hover .image .img-hover{display: block;}

.container-form{margin-top:10px;}

.return{
    color: #d80418;
    font-family: "Helvetica Neue", 'Segoe UI', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 14px !important;
    text-decoration: none;
}

.return:hover{color:#333}
.container-account{background-color: #fafafa !important;}

@media (min-width: 768px) {
.chosen-select.required + .chosen-container .chosen-single{background: url(../sysimages/sys22.png) no-repeat 6px 7px;padding-left: 22px !important;}


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;
}

}
/* -------------------- */
/* do not group these rules */

/*
*::-webkit-input-placeholder {
    color: white;
}
*:-moz-placeholder {

    color: white;
}
*::-moz-placeholder {

    color: white;
}
*:-ms-input-placeholder {
    /* IE 10+ 
    color: white;
}*/