/* ================== Reset CSS ================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin:0; padding:0; border:0; outline:0; font-size:100%; /*vertical-align:baseline;*/ background:transparent }
ol, ul {list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
:focus {outline:none;}
a {outline:none;text-decoration:none;}
a img {outline:0;}
ul li a {outline:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {border: 0;outline : 0;}


/* fonts */
@font-face { font-family: 'opensans'; font-weight: 300; font-style: normal; src: url('fonts/opensans-light-webfont.eot'); src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-light-webfont.woff2') format('woff2'), url('fonts/opensans-light-webfont.woff') format('woff'), url('fonts/opensans-light-webfont.ttf') format('truetype'), url('fonts/opensans-light-webfont.svg#open_sansitalic') format('svg'); }
@font-face { font-family: 'opensans'; font-weight: 400; font-style: italic; src: url('fonts/opensans-italic-webfont.eot'); src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-italic-webfont.woff2') format('woff2'), url('fonts/opensans-italic-webfont.woff') format('woff'), url('fonts/opensans-italic-webfont.ttf') format('truetype'), url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg'); }
@font-face { font-family: 'opensans'; font-weight: 400; font-style: normal; src: url('fonts/opensans-regular-webfont.eot'); src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff2') format('woff2'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); }
@font-face { font-family: 'opensans'; font-weight: 600; font-style: normal; src: url('fonts/opensans-semibold-webfont.eot'); src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibold-webfont.woff2') format('woff2'), url('fonts/opensans-semibold-webfont.woff') format('woff'), url('fonts/opensans-semibold-webfont.ttf') format('truetype'), url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); }
@font-face { font-family: 'opensans'; font-weight: 600; font-style: italic; src: url('fonts/opensans-semibolditalic-webfont.eot'); src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'), url('fonts/opensans-semibolditalic-webfont.woff') format('woff'), url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'), url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg'); }
@font-face { font-family: 'opensans'; font-weight: 700; font-style: normal; src: url('fonts/opensans-bold-webfont.eot'); src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold-webfont.woff2') format('woff2'), url('fonts/opensans-bold-webfont.woff') format('woff'), url('fonts/opensans-bold-webfont.ttf') format('truetype'), url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); }
@font-face { font-family: 'opensans'; font-weight: 800; font-style: normal; src: url('fonts/opensans-extrabold-webfont.eot'); src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-extrabold-webfont.woff2') format('woff2'), url('fonts/opensans-extrabold-webfont.woff') format('woff'), url('fonts/opensans-extrabold-webfont.ttf') format('truetype'), url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg'); }

/* jquery-filestyle - doc: http://markusslima.github.io/jquery-filestyle/ - github: https://github.com/markusslima/jquery-filestyle - Copyright (c) 2015 Markus Vinicius da Silva Lima - Version 1.5.1 - Licensed under the MIT license. */
.jfilestyle { display: block; margin: 0px 0px 10px 0px; padding: 0px; position: relative; border-collapse: separate; }
div.jfilestyle label, div.jfilestyle input { font-family: sans-serif; }
div.jfilestyle input { border: 1px solid #c0c0c0; background: #fff; margin: 0px -5px 0px 0px; vertical-align: middle; padding: 9px 14px; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #8d8d8d; cursor: default; line-height: normal; }
div.jfilestyle label { display: inline-block; background: #ffffff; padding: 9px 11px; color: #0662ba; vertical-align: middle; line-height: normal; text-align: center; margin: 0 0 0 5px; font-size: 14px; width: auto; font-weight: normal; border: 1px solid #ccc; }
div.jfilestyle label[disabled] { pointer-events: none; opacity: 0.6; filter: alpha(opacity=65); cursor: not-allowed; }  
div.jfilestyle label:hover { cursor: pointer; opacity: 0.9; }
div.jfilestyle .count-jfilestyle { background: #303030; color: #fff; border-radius: 50%; padding: 1px 5px; font-size: 12px; vertical-align: middle; }
div.jfilestyle .focus-jfilestyle { float: left; margin-top: 1px; }


/* slick jquery plugin - css base */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }


/* breakpoint classes for necessary images */
.slick-slide img.tablet, .tablet,
.slick-slide img.desktop, .desktop { display: none; }
.slick-slide img.mobile, .mobile { display: block; }


/* general styles */
input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; }
::-webkit-input-placeholder { color: #8c8c8c; }
:-moz-placeholder { color: #8c8c8c; } /* Firefox 18- */
::-moz-placeholder { color: #8c8c8c; } /* Firefox 19+ */
:-ms-input-placeholder { color: #8c8c8c; }


.clear { clear: both; }
span.clear { display: block; clear: both; height: 0; }
.visuallyhidden,
.hide { display: none; }
.highlight { background-color: #eee; padding: 1px 3px; }
.obriga { color: #c22536; }
#security_code { letter-spacing: 3px; padding: 7px 0px 7px 18px; width: 89px; font-weight: bold; }

/* ========================== Generic CSS ========================== */
body, html { position: relative; height: 100%; font: normal 17px 'opensans', sans-serif; color: #666; background: #fff; }
input, textarea { font: normal 17px 'opensans', sans-serif; color: #666; }

a { color: #666; text-decoration: none; }
a:hover { text-decoration: none; }


h1 { color: #1086ca; font-size: 27px; font-weight: 400; text-align: center; }
h1 a { color: #1086ca; }
h2 { color: #6c6a6a; font-size: 20px; font-weight: 400; }
h3 { color: #2a2a2a; font-size: 17px; font-weight: 600; }

img { max-width: 100%; height: auto; }


/* msgs */
.erro, .sucesso { padding: 10px 15px; display: inline-block; color: #fff; }
.erro { background: #cd5252; }
.sucesso { background: #21a88d; }


/* magnific popup */
.mfp-figure figure { padding: 0 10px; background: #fff; }
.mfp-figure figure figcaption { position: relative; top: 15px; }


/* pagination */
.general .block .navbar { text-align: right; }
.general .block .navbar ul { padding: 0; margin: 0; }
.general .block .navbar ul li { display: inline-block; }
.general .block .navbar ul > li::before { display: none; }
.general .block .navbar ul li a, .general .block .navbar ul li span { display: block; padding: 2px 12px; margin: 1px; text-decoration: none; background: #eaebec; }
.general .block .navbar ul li.active span { background: #007fcb; color: #fff; }


/*********************/
/* COOKIE DISCLAIMER	*/
/*********************/
.cookie-bar{display:block; z-index: 1050; position: fixed; bottom: 0; right: 0; padding: 5px 15px 5px 5px; background: rgba(0, 0, 0, 0.8); width: auto; }
.cookie-bar .area-util{ line-height: 16px; font-size: 13px; padding: 5px 10px; width: auto; margin: 0 auto; text-align: left; }
.cookie-bar .text{ color: #fff; display: block; }
.cookie-bar .text a{ color: #fff; text-decoration: underline; }
.cookie-bar .button{ font-size: 12px; display:inline-block; margin: 5px 0 0 0; text-decoration: none; color: #fff; background: #187ed1; border-width: 0 0 2px; border-style: solid; border-color: #0B4C82; border-radius: 5px; padding: 3px 10px; }
.cookie-bar .button:active{ border-width: 1px 0 0; }
.cookie-bar span.clear { display: block; height: 1px; }
@media screen AND (min-width: 480px) {
.cookie-bar{ bottom: 15px; border-right: 8px solid #000; }
.cookie-bar .area-util{ text-align: right; }
.cookie-bar .text a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.cookie-bar .button:hover { background: #4DA5DA; }
}


/* ========================== Structural CSS ========================== */


.global_container { }
.wrapper { position: relative; }


header { }
header .wrapper { }
header .top_bar { display: none; background: #f2f3f0; }
header .top_bar::after { content: ''; display: block; clear: both; }
header .social { float: left; margin: 14px 0 12px 0; position: relative; }
header .social::after { content: ''; display: block; clear: both; background: #ddd; width: 1px; height: 21px; position: absolute; top: 8px; right: 0; }
header .social li { float: left; margin-left: 8px; }
header .social li:first-child { margin-left: 14px; }
header .social li:last-child { margin-right: 25px; }
header .social li a { display: block; padding: 10px 8px; }
header .languages { width: 62px; height: 36px; float: left; margin: 16px 0 17px 15px; font-size: 12px; position: relative; z-index: 1000; }
header .languages ul { position: absolute; top: 6px; background: #f2f3f0; }
header .languages li { display: none; }
header .languages.open ul {
	-webkit-box-shadow: 2px 3px 5px -2px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 3px 5px -2px rgba(0,0,0,0.4);
	box-shadow: 2px 3px 5px -2px rgba(0,0,0,0.4);
}
header .languages.open li { display: block; }
header .languages li.active { display: block; }
header .languages li.active::after { width: 5px; height: 3px; display: block; content: ''; position: absolute; top: 11px; right: 4px; background: url(../img/sprite.png) no-repeat -58px -97px; }
header .languages li a { display: block; padding: 4px 13px 5px 10px; }
header .languages li img { margin-left: 6px; float: right; margin-top: 4px; }
header .second_bar { padding: 0; }
header .second_bar::after { content: ''; display: block; clear: both; }
header .logo { width: 150px; float: left; margin: 17px 0 15px 16px; }
header .search { display: none; text-align: center; }
header .search::after { content: ''; display: block; clear: both; }
header .search input[type=text] { border: none; font-size: 14px; color: #8c8c8c; padding: 17px 5px 19px 23px; width: 76.5%; letter-spacing: 0.5px; display: block; float: left; }
header .search input[type=submit] { width: 18px; height: 18px; background: url(../img/sprite.png) no-repeat -2px -88px; border: none; text-indent: -9999px; padding: 11px; position: relative; top: 17px; right: 0; }
header .second_bar nav { background: #f7f7f5; }
header.open .second_bar nav { padding: 31px 0 300px; background: #f2f3f0; 
  /* can be treated like a fallback */
  background-color: #f2f3f0;

  /* will be "on top", if browser supports it */
  background-image: linear-gradient(#f2f3f0, #fff);

  /* these will reset other properties, like background-position, but it does know what you mean */
  background: #f2f3f0;
  background: linear-gradient(#f2f3f0, #fff);
}
header .open_menu { margin: 31px 15px 16px 0; width: 33px; height: 26px; background: #187ed1; float: right; position: relative; display: block; text-indent: -9999px; }
header .open_menu::before,
header .open_menu::after { content: ''; display: block; background: #fff; width: 109%; height: 7px; position: absolute; left: -2px; }
header .open_menu::before { top: 4px; }
header .open_menu::after { top: 15px; }
header .close_menu { position: absolute; top: -52px; right: 10px; width: 37px; height: 37px; text-indent: -9999px; display: block; margin: 0; float: right; margin-left: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
header .open_menu.hide,
header .close_menu.hide { display: none; }
header .close_menu::before,
header .close_menu::after { content: ''; display: block; position: absolute; background: #187ed1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
header .close_menu::before { width: 4px; height: 34px; left: 15px; }
header .close_menu::after { width: 34px; height: 4px; top: 15px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
header .main_menu { display: none; clear: both; }
header .main_menu li { }
header .main_menu li a { display: block; }
header .main_menu ul.lvl2 { }
header .main_menu ul.lvl2 li { }
header .main_menu ul.lvl2 li a { position: relative; z-index: 10; }

header .main_menu { clear: both; z-index: 1500; width: 100%; }
header .main_menu li { text-transform: uppercase; text-align: center; padding-bottom: 10px; }
header .main_menu li a { text-decoration: none; display: block; font-size: 20px; color: #545454; font-weight: 600; padding: 10px 0 10px 0; }
header .main_menu li a.hide { display: none; }
header .main_menu li ul { display: none; }
header .main_menu ul.open { display: block; }
header .main_menu li li:first-child a { padding-top: 6px; }
header .main_menu li.parent li.parent,
header .main_menu li.parent { margin-top: 0; }
header .main_menu li.parent li.parent > a,
header .main_menu li.parent > a { padding: 0 10px; text-decoration: none; }
header .main_menu li.parent > a::before { margin: 0px auto 27px; content: ''; display: block; width: 34px; height: 28px; background: url(../img/sprite.png) no-repeat -72px -24px; }
header .main_menu li.parent li.hide { display: none; }
header .main_menu li.parent > a { margin-bottom: 26px; color: #187ed1; font-weight: 300; font-size: 24px; }
header .main_menu > li.parent .wrapper { position: inherit; }

header .main_menu ul.lvl2 li .info { }
header .second_bar nav > .info.hide, 
header .second_bar nav .info { display: none; position: absolute; bottom: 0px; width: 100%; }
header .second_bar nav > .info { }
header .second_bar nav .info.show { display: block; }
header .second_bar nav h2 { display: none; }
header .second_bar nav .info .text { display: none; }
header .second_bar nav .info .text p { }
header .second_bar nav .info .text blockquote { }
header .second_bar nav .info .text cite { }
header .second_bar nav .imgs { margin: 0 auto; }
header .second_bar nav figure { }
header .second_bar nav figure img { margin: 0 auto; }

header .main_menu ul.lvl3 { display: none; }
header .main_menu ul.lvl3.open { display: block; margin-top: 10px; }
header .main_menu ul.lvl3.open li a { font-weight: 300; position: relative; z-index: 10; }


header.open nav > .info, 
header.open .contacts,
header.open .search,
header.open .main_menu,
header.open .top_bar { display: block; }
header.open .logo { display: none; }

header nav > .info { display: none; }
header.open nav > .info { position: absolute; bottom: 0; z-index: 2; }
header.open nav > .info.hide { display: none; }
header .contacts { max-width: 300px; margin: 0 auto; display: none; position: absolute; left: 0; right: 0; margin-top: -260px; text-align: center; width: 100%; }
header .contacts a { font-size: 15px; color: #3b3b3b; display: inline-block; margin-bottom: 13px; border-left: 1px solid #ddd; padding-left: 10px; }
header .contacts a::before { margin-right: 8px; width: 10px; height: 11px; content: ''; display: inline-block; background: url(../img/sprite.png) no-repeat -91px -58px; }
header .contacts .tel { }
header .contacts .tel::before { }
header .contacts .email { font-size: 14px; }
header .contacts .email::before { width: 14px; background-position: -72px -58px; }

body.menu_open .brands, body.menu_open .stores, body.menu_open .newsletter, 
body.menu_open main, body.menu_open footer { display: none; }


main { }

.cancel, .continue, .submit, .download,  .newbtnsubmit,
.more { font-weight: 400; font-size: 15px; background: #007fcb; color: #fff; text-transform: uppercase; display: block; padding: 11px 10px; margin: 0 auto; text-align: center; cursor: pointer; border: none; }
.continue, .download { background: #fff; border: 1px solid #dde8ef; color: #1089ca; }
.search_box .submit { display: inline-block; text-align: left; }


footer { background: #f4f4f4; }
footer .wrapper { padding-top: 52px; padding-bottom: 40px; }
footer nav { margin: 0px 0 73px 0; }
footer nav ul { }
footer nav ul li { margin-bottom: 5px; color: #636363; text-transform: uppercase; font-size: 17px; font-weight: 400; }
footer nav ul li a { color: #636363; padding: 15px 22px; display: block; }
footer p { padding: 0; margin-bottom: 30px; text-align: center; color: #5c798d; font-size: 12px; font-weight: 400p; }
footer .seara { margin: 30px auto 0 auto; width: 43px; height: 13px; background: url(../img/sprite.png) no-repeat -72px -79px; display: block; text-indent: -9999px; }


/* ========================== Feature ========================== */

.destaque { margin-bottom: 60px; }
.destaque .wrapper_out { background: #007ece; }
.destaque .wrapper { padding: 70px 20px 60px; }
.destaque .info { text-align: center; }
.destaque .info h2 { color: #fff; font-size: 24px; font-weight: 400; line-height: 30px; width: 90%; margin: 0 auto; }
.destaque .info h2 a { color: #fff; }
.destaque .info .more { color: #000; font-size: 21px; margin-top: 30px; display: block; text-transform: none; }
.destaque figure { display: none; }
.destaque figure img { }


/* ========================== Brands ========================== */

.brands { margin: 60px 0; }
.brands .wrapper { }
.brands h2 { color: #007ece; font-size: 32px; font-weight: 600; text-transform: uppercase; text-align: center; letter-spacing: -1px; }
.brands h2 span { color: #aaa; text-transform: none; font-size: 18px; font-weight: 400; display: block; letter-spacing: normal; }
.brands .clients { margin: 35px 0; position: relative; }
.brands .clients::after { content: ''; display: block; clear: both; }
.brands .clients .client { }
.brands .clients .client a { display: block; height: 125px; position: relative; overflow: hidden; }
.brands .clients .client a figure { display: table; height: 125px; width: 100%; }
.brands .clients .client a figure span { display: table-cell; vertical-align: middle; width: 100%; }
.brands .clients .client img { display: block; margin: 0 auto; max-width: inherit; max-height: 100%; }
.brands .clients .slick-list { width: 60%; position: absolute; left: 0; right: 0; margin: 0 auto; }
.brands .clients .slick-arrow { top: 37px; position: absolute; width: 28px; height: 55px; background: url(../img/sprite.png) no-repeat -4px -30px; border: none; text-indent: -9999px; }
.brands .clients .slick-prev { left: 4%; }
.brands .clients .slick-next { right: 4%; background-position: -37px -30px; }
.brands p { clear: both; text-align: center; }
.brands p a { font-size: 18px; color: #007bd1; }
.brands p a::before { content: ''; width: 6px; height: 11px; background: url(../img/sprite.png) no-repeat -4px -4px; display: inline-block; margin-right: 10px; }
.brands .clients, .brands .clients .client a span { height: 125px; }


/* ========================== Stores and newsletter  ========================== */

.stores { margin: 0 auto; width: 92%; text-align: center; }
.stores .wrapper { }
.stores h2 { color: #007ece; font-size: 32px; font-weight: 600; text-transform: uppercase; letter-spacing: -1px; }
.stores h3 { font-weight: 400; font-size: 18px; color: #878787; text-align: center; margin: 5px 0 15px; line-height: 18px; }
.stores h3::after { content: ''; display: block; background: url(../img/bag.png) no-repeat; width: 102px; height: 98px; background-size: 100%; margin: 23px auto 0 auto; }
.stores .sell h3::after { background-image: url(../img/gato.png); width: 157px; height: 190px; position: relative; left: -20px; }
.stores .more { display: inline-block; padding: 11px 45px; margin-top: 38px; }
.stores .sell .more { margin-top: 0px; }
.stores form { display: none; }
.stores form select { }
.stores .map { display: none; }
.stores .map img { }
.stores .buy { background: #efefef; padding: 60px 20px; }
.stores .sell { background: #fff; padding: 60px 20px; }
	

.newsletter { text-transform: uppercase; background: #e7d3a7 url(../img/coelho-tablet-mobile.jpg) no-repeat right bottom; background-size: 100%; padding: 75px 25px 46%; text-align: center; }
.newsletter .wrapper { }
.newsletter h2 { font-size: 17px; color: #444; font-weight: 600; letter-spacing: -0.5px; }
.newsletter h3 { font-size: 38px; font-weight: 600; color: #444; letter-spacing: -1px; margin: 19px 0 17px; line-height: 33px; text-align: center; }
.newsletter h4 { font-size: 28px; font-weight: 600; color: #fff; letter-spacing: -1px; line-height: 30px; }
.newsletter .more { display: inline-block; padding: 11px 75px; margin: 50px 0 0 0; }
.newsletter form { display: none; border: 1px solid #fff; margin: 25px 0; width: 410px; }
.newsletter input[type=text] { font-style: italic; color: #fff; font-size: 20px; font-weight: 400; background: transparent; border: none; padding: 21px 10px 19px 29px; width: 56%; }
.newsletter input[type=submit] { border: none; text-transform: uppercase; font-size: 15px; font-weight: 600; color: #444; background: transparent url(../img/submit.png) no-repeat left center; padding: 21px 10px 19px 25px; }
.newsletter ::-webkit-input-placeholder { color: #fff; }
.newsletter :-moz-placeholder { color: #fff; } /* Firefox 18- */
.newsletter ::-moz-placeholder { color: #fff; } /* Firefox 19+ */
.newsletter :-ms-input-placeholder { color: #fff; }


/* ========================== Stores and newsletter - interior pages  ========================== */

.interior .stores { }
.interior .stores .wrapper { }
.interior .stores h2 { }
.interior .stores h3 { }
.interior .stores h3::after { display: none; }
.interior .stores .sell h3::after { }
.interior .stores .more { display: block; }
.interior .stores .sell .more { margin-top: 38px; display: block; }
.interior .stores form { }
.interior .stores form select { }
.interior .stores .map { }
.interior .stores .map img { }
.interior .stores .buy { }
.interior .stores .sell { }
	

.interior .newsletter { }
.interior .newsletter .wrapper { }
.interior .newsletter h2 { }
.interior .newsletter h3 { }
.interior .newsletter h4 { display: none; }
.interior .newsletter .more { margin-top: 22px; }
.interior .newsletter form { }
.interior .newsletter input[type=text] { }
.interior .newsletter input[type=submit] { }


/* ========================== Hero ========================== */

.hero { position: relative; width: 100%; margin-bottom: 10px; }
.hero .each_hero { position: relative; padding-bottom: 200px; }
.hero .each_hero figure { }
.hero .each_hero figure img { max-width: inherit; }
.hero_text { position: absolute; top: 287px; left: 0; right: 0; width: 90%; margin: 0 auto; background: rgba(255, 255, 255, 0.8); }
.hero_text .info { padding: 23px 5px; text-align: center; }
.hero_text .info .icon { margin: 0 auto 10px; width: 70px; }
.hero_text .info h2 { max-height: 66px; overflow: hidden; width: 90%; margin: 0 auto 15px; font-size: 30px; font-weight: 700; color: #333; text-transform: uppercase; line-height: 35px; }
.hero_text .info h2 a { color: #333; }
.hero_text .info p { max-height: 114px; padding-bottom: 2px; overflow: hidden; color: #333; font-size: 19px; line-height: 21px; margin: 0 auto 30px auto; width: 86%; }
.hero_text .info .more { }


.hero_inside { position: relative; }
.hero_inside .wrapper { position: absolute; top: 0; height: 100%; width: 100%; display: block; padding: 0; margin: 0 auto; left: 0; right: 0; }
.hero_inside .wrapper_out { position: relative; overflow: hidden; }
.hero_inside .text { position: absolute; z-index: 10; bottom: 20px; left: 0; right: 0; margin: 0 auto; }
.hero_inside .text h1 { color: #fff; text-transform: uppercase; font-size: 29px; }
.hero_inside .text p { display: none; }
.hero_inside figure { position: relative; }
.hero_inside figure::before { background: url(../img/mascara-ambiente-listagem-mobile.png) repeat-x; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; content: ''; }
.hero_inside.maskless figure::before { display: none; }
.hero_inside figure img { max-width: inherit; display: block; }


.hero_brand { overflow: hidden; }
.hero_brand .wrapper { background: rgba(0, 0, 0, 0.4); z-index: 10; height: 100%; }
.hero_brand .wrapper_out { }
.hero_brand figure::before { display: none; }
.hero_brand .logo { position: absolute; top: 0px; left: 0; right: 0; width: 50%; max-width: 150px; margin: 0 auto; padding: 15px 3% 20px; z-index: 10; text-align: center; }
.hero_brand .logo figure { width: 70%; margin: 0px auto 5px; max-height: 90px; max-width: 112px; }
.hero_brand .logo img { margin: 0 auto; max-width: 100%; }
.hero_brand .logo a { color: #fff; text-transform: uppercase; font-size: 13px; display: block; line-height: 17px; }
.hero_brand .logo a.darkColor { color: #000; }
.hero_brand .logo a span { 
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
.hero_brand .text { }
.hero_brand .text h1 { }
.hero_brand .text p { }
.hero_brand figure { }
.hero_brand figure::before { }
.hero_brand figure img { }


/* ====================== Breadcrumbs and share ====================== */

.location_share { }
.location_share .wrapper { }
.breadcrumbs { display: none; }
.breadcrumbs .wrapper { }
.breadcrumbs ul { }
.breadcrumbs ul li { }
.breadcrumbs ul li.current { }
.breadcrumbs ul li a { }
.share { padding: 34px 0 31px; text-align: center; }



/* ========================== Tabs ========================== */

.tabs .wrapper > nav { display: none; }
.tabs .wrapper > nav ul { }
.tabs .wrapper > nav ul li { }
.tabs .wrapper > nav ul li.brand { }
.tabs .wrapper > nav ul li a { }
.tabs .cat { margin-bottom: 2px; clear: both; }
.tabs .cat h2 { }
.tabs .cat h2 a { padding: 19px 18px 18px 58px; width: auto; font-weight: 400; font-size: 15px; color: #8d8d8d; background: #eaebec; display: block; text-transform: uppercase; position: relative; }
.tabs .cat.active h2 a { color: #333; }
.tabs .cat h2 a::before { left: 19px; top: 29px; position: absolute; background: #949494; width: 20px; height: 2px; display: block; content: ''; }
.tabs .cat h2 a::after { left: 28px; top: 20px; position: absolute; background: #949494; width: 2px; height: 20px; display: block; content: ''; }
.tabs .cat.active h2 a::after { display: none; }
.tabs .cat .container { display: none; padding: 20px 0 25px; }
.tabs .cat.active .container { display: block; }
.tabs .cat .filter { border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; }
.tabs .cat .filter li { display: none; }
.tabs .cat .filter li.active { display: block; }
.selectBox-generic.selectBox-options .selectBox-optgroup, .selectBox-generic.selectBox-options li a,
.tabs .cat .filter.selectBox-dropdown .selectBox-label,
.tabs .cat .filter .btn { color: #333; font-size: 14px; font-weight: 600; padding: 12px 52px 12px 14px; display: block; font-family: 'opensans', sans-serif; }
.tabs .cat .filter.selectBox-dropdown { width: 100% !important; }
.tabs .cat .filter::after { width: 14px; height: 14px; position: absolute; right: 6%; top: 11px; display: block; border-left: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); content: ''; }
.selectBox-dropdown .selectBox-arrow { display: none; }
.tabs .cat .filter_desktop { display: none; }
.tabs .cat .filter_mobile { display: block; margin-bottom: 10px; }
.tabs .cat .table_mobile { margin-bottom: 30px; }

.tabs .cat .container { }
.tabs .cat .container h3 { font-size: 28px; color: #1088c4; font-weight: 400; text-transform: uppercase; margin: 35px 0 15px 0; line-height: 32px; }
.tabs .cat .container h4 { font-size: 16px; color: #1088ca; font-weight: 400; text-transform: uppercase; margin: 35px 0 15px; line-height: 100%; }
.tabs .cat .container div { font-size: 18px; color: #666; font-weight: 400; line-height: 30px; }
.tabs .cat .container p { margin-bottom: 20px; }
.tabs .cat .container table td { padding: 7px 10px; }


/* ========================== Product List ========================== */

.tabs_container, .product_list { position: relative; width: 92%; margin: 0 auto 68px; }
.product_list > h2 { display: none; }
.product_list .products { margin: 40px 0 0 0; }
.product_list .products::after { content: ''; display: block; clear: both; }
.product_list .products li { width: 100%; margin: 0 1% 50px; display: block; float: left; }
.product_list .products li a { display: block; width: 58%; margin: 0 auto; }
.product_list .products li a figure { width: 100%; max-width: 150px; margin: 0 auto; text-align: center; display: table; height: 270px; max-height: 270px; overflow: hidden; position: relative; }
.product_list .products li a figure span { display: table-cell; vertical-align: middle; }
.product_list .products li a figure img { display: block; max-width: 150px; max-height: 270px; margin: 0 auto; }
.product_list .products li a { }
.product_list .products li a .title { height: 71px; overflow: hidden; text-transform: uppercase; font-size: 19px; color: #2a2a2a; font-weight: 600; display: block; text-align: center; margin: 30px auto 10px; line-height: 23px; letter-spacing: -0.5px; }
.product_list .products li a .title .v_title_out { display: table; width: 100%; height: 71px;  }
.product_list .products li a .title .v_title_in { display: table-cell; vertical-align: middle; }
.product_list .products li a .desc { display: none; }
.product_list .products li a .brand { display: block; font-weight: 600; font-size: 14px; margin-bottom: 1px; }
.product_list .products li a .more { text-indent: -9999px; position: relative; width: 15px; height: 14px; background: transparent; padding: 0; margin: 0 auto; }
.product_list .products li a .more::before,
.product_list .products li a .more::after { background: #0082c8; position: absolute; display: block; content: '';  }
.product_list .products li a .more::before { left: 0; top: 6px; width: 15px; height: 2px; }
.product_list .products li a .more::after { left: 6px; top: 0; width: 2px; height: 15px; }


/* ========================== General pages ========================== */

.general { }
.general h1 { font-size: 26px; font-weight: 600; color: #1086ca; text-transform: uppercase; line-height: 29px; padding: 0 33px; margin-bottom: 12px; text-align: center; margin-top: 30px; }
.general .block.block_module,
.general .block { width: 92%; margin: 0 auto; font-size: 16px; font-weight: 400; color: #666; text-align: center; line-height: 28px; padding-bottom: 50px; }
.general .block.block_module { padding-bottom: 30px; }
.wrapper_2cols .general .block { padding-bottom: 0; }
.general .block h2 { font-size: 20px; font-weight: 400; color: #6c6a6a; text-transform: uppercase; text-align: center; margin: 10px 0 20px; line-height: 21px; }
.general .block h3 { font-size: 17px; font-weight: 600; color: #2a2a2a; margin: 40px 0 30px; text-align: center; line-height: 28px; }
.general .block p { margin-bottom: 20px; }

.general .block ol,
.general .block ul { margin: 10px; list-style: initial; list-style-position: inside; }
.general .block > ol > li,
.general .block > ul > li { margin-bottom: 9px; margin-left: 0px; }
.general .block ol ul,
.general .block ul ol,
.general .block ul ul,
.general .block ol ol { margin: 15px 20px 0; }
.general .block ol ul li,
.general .block ul ol li,
.general .block ul ul li,
.general .block ol ol li { margin-bottom: 9px; }

.tabs a,
.general .block a { color: #1086ca; }
.general .block a:hover { color: #aaa; }
.general.wide { float: none; }
aside { width: 75%; margin: 0 auto 65px auto; }

.back { font-size: 13px; color: #787878; font-weight: 400; text-transform: uppercase; display: block; text-align: center; padding: 4px 0; }
.back::before { content: '<'; display: inline-block; padding-right: 2px; }


/* ========================== Product Detail ========================== */

.product_detail { position: relative; border-top: 1px solid #eee; }
.product_detail .detail_top { clear: both; }
.product_detail .detail_top::after { content: ''; display: block; clear: both; }
.product_detail .back { position: absolute; top: 18px; left: 0; right: 0; margin: 0 auto; }
.product_detail .hero_inside { display: none; }
.product_detail figure.detail { max-width: 200px; margin: 0 auto; padding-top: 65px; }
.product_detail figure.detail img { }
.product_detail .location_share { }
.product_detail .location_share .wrapper { }
.product_detail .location_share nav { }
.product_detail .location_share .share { }


.sizes { background: #f0f1f2; color: #3d3d3c; border-collapse: collapse; margin: 0 auto; }
.sizes thead { background: #aac6d7; color: #fff; font-size: 17px; font-weight: 600; }
.sizes thead th { text-transform: uppercase; font-weight: 600; padding: 7px 5px; }
.sizes tbody th { color: #737272; }
.sizes tbody td { }
.sizes tbody td, .sizes tbody th { font-weight: 600; font-size: 15px; padding: 0; }
.sizes tbody span { display: block; padding: 8px 16px 7px; margin: 0 23px; position: relative; white-space: nowrap; }
.sizes tbody th span { border: 1px solid #9cabb6; border-top: none; margin-right: 0; }
.sizes tbody td span { border: 1px solid #9cabb6; border-top: none; margin-left: 0; }
.sizes tbody tr:first-child td span, .sizes tbody tr:first-child th span { margin-top: 5px; }
.sizes tbody tr:last-child td span, .sizes tbody tr:last-child th span { border-bottom: none; margin-bottom: 5px; }
.sizes tbody tr th span { border-left: none; border-right: none; padding-left: 0; padding-right: 20px; }
.sizes tbody tr td span { border-left: none; border-right: none; padding-left: 30px; padding-right: 0; }

.sizes tbody th span::after { content: ''; width: 1px; height: 38px; background: #9cabb6; display: block; position: absolute; right: -1px; bottom: -19px; }
.sizes tbody tr:last-child span::after { display: none; }

.sizes tfoot { background: #fff; text-align: center; }
.sizes tfoot td { font-size: 12px; font-weight: 400; color: #6c6a6a; padding: 7px 23px; }


.buttons { margin-top: 35px; }
.buttons li { }
.buttons li a { }
.buttons li a.submit,
.buttons li a.download { font-size: 13px; margin-bottom: 20px; padding: 13px 10px; }
.buttons li a.submit::before,
.buttons li a.download::before { display: inline-block; content: ''; margin-right: 15px; position: relative; top: 2px; }
.buttons li a.submit::before { width: 10px; height: 16px; background: url(../img/sprite.png) no-repeat -111px -24px; }
.buttons li a.download { font-weight: 600; }
.buttons li a.download::before { width: 14px; height: 15px; background: url(../img/sprite.png) no-repeat -103px -4px; margin-right: 10px; }


/* ========================== Gallery ========================== */

.gallery { margin: 49px 0; position: relative; }
.gallery .wrapper_out { background: #f0f1f4; padding: 0; }
.gallery .wrapper { }
.gallery .each { }
.gallery .each figure { }
.gallery .each img { max-width: inherit; max-height: 226px; margin: 0 auto; }
.gallery .slick-arrow { bottom: 17px; overflow: hidden; cursor: pointer; border: none; text-indent: -9999px; width: 38px; height: 65px; display: block; z-index: 10; position: absolute; background: transparent; }
.gallery .slick-arrow::after { content: ''; width: 25px; height: 25px; border: none; display: block; border: 2px solid #676767; border-bottom: none; position: relative; top: -7px; }
.gallery .slick-prev { left: 16%; }
.gallery .slick-prev::after { right: -7px; border-right: none; -webkit-transform: rotate(-53deg) skew(-20deg); -ms-transform: rotate(-53deg) skew(-20deg); transform: rotate(-53deg) skew(-20deg); }
.gallery .slick-next { right: 16%; }
.gallery .slick-next::after { left: -7px; border-left: none; -webkit-transform: rotate(53deg) skew(20deg); -ms-transform: rotate(53deg) skew(20deg); transform: rotate(53deg) skew(20deg); }
.gallery .legend { padding: 40px 0; width: 60%; margin: 0 auto; text-align: center; font-size: 13px; color: #888; }


/* ========================== List of brands ========================== */

.list_brands { }
.list_brands li { padding: 20px 0; border-bottom: 1px solid #ddd; list-style: none; }
.list_brands li:first-child { border-top: 1px solid #ddd; }
.list_brands a { margin: 0 auto; display: block;  max-height: 125px; position: relative; overflow: hidden; }
.list_brands a figure { display: table; height: 125px; width: 100%; }
.list_brands a figure span { display: table-cell; vertical-align: middle; width: 100%; height: 125px; }
.list_brands img { display: block; margin: 0 auto; max-width: 100%; max-height: 100%; }


/* ========================== Stores - detail page ========================== */

#map { width: 100%; height: 288px; }
.stores_result { text-align: left; }
.stores_result li { margin-bottom: 50px; list-style: none; }
.stores_result li:last-child { margin-bottom: 0; }
.stores_result h2 { background: url(../img/marker.png) left center no-repeat; padding-left: 30px; }
.general .block .stores_result h2 { text-align: left; line-height: 26px; }
.stores_result h2.destaque { background: url(../img/marker_destaque.png) left center no-repeat; }
.stores_result span { display: block; }
.stores_result .address { }
.stores_result .location { }
.stores_result .directions { display: inline; }
.stores_result .phone { }
.stores_result .email { }
.stores_result .coordinates { }
.stores_result .schedule { }

.stores_inside { background: #efefef; padding: 5px; margin: 0 0 50px; width: auto; }
.stores_inside form { display: block; }
.general .block .stores_inside .selectBox-dropdown { font-size: 20px; color: #666; background: #fff; font-weight: 400; width: 100% !important; margin: 0; }


.physicalStores { }
.onlineStores { margin-top: 60px; }
.general .block .onlineStores h2.generic { margin-bottom: 30px; font-weight: 600; }
.general .block .onlineStores .stores_result { margin: 10px 0; }
.general .block .onlineStores .stores_result h2,
.general .block .onlineStores .stores_result h2.destaque { background: none; padding-left: 0; margin-bottom: 0px; }

/* ========================== Forms ========================== */

main form.basic { width: 98%; margin: 60px 0 0 0; }
.search_box .inputs,
main .block form textarea,
main .block form input[type=text] { width: 98%; padding: 9px 5px; color: #8c8c8c; font: normal 13px 'opensans', sans-serif; border: 1px solid #e5e5e5; }
main .block form textarea { height: 100px; }
main .block form label { font: 600 16px 'opensans', sans-serif; display: block; margin: 0 10px 10px 0;  }
main .block form label.note { font-weight: 400; }
main .block form input[type=submit] { padding: 11px 15px; }
main .block form .line { margin-bottom: 20px; }
main .block form .cmt_nome { }
main .block form .cmt_email { }
main .block form .cmt_titulo { }
main .block form .cmt_comentario { }
main .block form .cmt_nota { }
main .block form input[type=file] { width: 50%; }
main .block form .jfilestyle input[type=text] { border: none; border-bottom: 1px solid #e5e5e5; }
main .block form .sep { border-bottom: 1px solid #ccc; margin: 30px 0 20px 0; }

/* ========================== Comentarios ========================== */

.comentar_container .comentarios_media { text-align: right; }
.tabs .cat .container .comentar_container article { margin-bottom: 30px; }
.tabs .cat .container .comentar_container article .each { margin-bottom: 50px; }
.tabs .cat .container .comentar_container article h3 { font-size: 26px; margin: 0 0 10px 0; text-transform: none; }
.tabs .cat .container .comentar_container article h4 { margin: 10px 0; text-transform: none; }
.tabs .cat .container .comentar_container article h4 .autor { color: #666; font-style: italic; }
.comentar_container article .comentario_autor { }


/* ========================== Glossario ========================== */

.glossario { display: block; }
.glossario .topo { display: block; width: 100%; text-align: right; }
.glossario .letras, .glossario .letras li { padding: 0; margin: 0; }
.glossario .letras { display: block; width: 100%; margin: 0 auto 40px auto; text-align: center; }
.glossario .letras li { display: inline-block; margin: 0 0 2px 0; }
.glossario .letras li a, .glossario .letras li span { display: block; font-size: 13px; width: 15px; padding: 2px 10px; text-align: center; background: #eaebec; }
.glossario .letras li a { font-weight: bold; color: #007fcb; }
.glossario .letras li a:hover, .glossario .letras li.selected a, .glossario .letras li.selected span { background: #007fcb; color: #fff; } 
.glossario .lista dt { font-weight: bold; font-size: 21px; }
.glossario .lista dd { display: block; margin: 10px 0 50px 0; font-weight: normal; }
.glossario .vazio { display: block; width: 100%; text-align: center; padding: 10px; }


/* ========================== FAQs ========================== */

.faqs_answers,
ul.faqs { margin: 0 0 40px 0; }
.general .block .faqs_answers li { list-style: none; }
.general .block .faqs_answers h2 a { padding: 18px 18px 17px 18px; width: auto; font-weight: 400; font-size: 17px; color: #8d8d8d; background: #eaebec; display: block; text-transform: uppercase; position: relative; }
.general .block .faqs_answers .open h2 a { color: #333; }
.general .block .faqs_answers .answer { padding: 10px 20px; margin-bottom: 20px; display: none; }
.general .block .faqs_answers .open .answer { display: block; }
.general .block .faqs_answers li.open h2 a::after { left: 45%; bottom: -9px; content: ''; background: #eaebec; width: 24px; height: 24px; display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; }


/* ========================== Resultados pesquisa ========================== */

.search_summary { margin: 20px 0; }
.search_results a { text-decoration: none; }
.search_results .link_search { font-size: 0.8rem; text-decoration: underline; }
.block_search .erro { margin: 20px 0; }
.block_search hr { border: none; border-bottom: 1px dotted #ccc; background: transparent; margin: 20px 0; padding: 0; }
#gca article .search_results h2 { font-size: 1.375rem; margin: 10px 0 10px 0px; width: auto; text-align: left; }
main .block .search_box form input[type=text].inputs { width: auto; font-size: 16px; padding: 9px 15px; }
.search_box input[type=submit] { margin-top: 10px; }
.search_img { width: 40%; display: block; margin: 0 auto; text-align: center; }
.search_resumo { width: 100%; margin: 15px 0; }


/* ========================== Noticias ========================== */

.news_sections { text-align: center; margin-bottom: 40px; }
.news_sections li { display: inline-block; margin-bottom: 4px; }
.news_sections li a { padding: 18px 18px 17px 18px; width: auto; font-weight: 400; font-size: 17px; color: #8d8d8d; background: #eaebec; display: inline-block; text-transform: uppercase; position: relative; }
.news_sections li i { font-style: normal; color: #666; }

.news_list { }
.news_list li { margin-bottom: 50px; list-style: none; }
.news_list li .title { font-weight: bold; display: block; }
.news_list li .desc,
.news_list li .date { display: block; color: #666; }
.news_list .thumb { }
.news_list .info { }

/* ========================== Bolsa emprego ========================== */

.list_ops { margin-bottom: 40px; }
.list_ops li { margin-bottom: 20px; }
.general .block p.deseja_espont { margin: 50px 0 0 0; }


/* ========================== Tabelas conteudo ========================== */
.general .block table th, .general .block table td { padding: 5px 10px; }