.slick-slide img.mobile, .mobile,
.slick-slide img.desktop, .desktop { display: none; }
.slick-slide img.tablet, .tablet { display: block; }



/* ========================== Structural CSS ========================== */


.global_container { }
.wrapper { }


header { }
header .wrapper { }
header .top_bar { background: #f6f6f6; display: block; height: 32px; }
header .top_bar::after { }
header .social { position: absolute; right: 15%; margin: 0; }
header .social::after { display: none; }
header .social li { }
header .social li:first-child { margin-left: 0; }
header .social li:last-child { }
header .social li a { padding: 5px 8px; }
header .languages { font-size: 11px; position: absolute; right: 20px; top: 0; margin: 0; }
header .languages ul { background: #f6f6f6 }
header .languages li { }
header .languages.open li { }
header .languages li.active { }
header .languages li.active::after { top: 9px; }
header .languages li a { padding-top: 2px; }
header .languages li a::after { content: ''; display: block; clear: both; }
header .languages li span { display: block; float: left; }
header .languages li img { }
header .second_bar { }
header .second_bar::after { }
header .logo { width: 180px; margin: 25px 32px; }
header.open .logo { margin-bottom: 15px; }
header .second_bar.open .logo { margin-bottom: 46px; }
header .search { display: block; border: 1px solid #e5e5e5; width: 253px; margin: 38px 0 0 86px; float: left; }
header .search input[type=text] { width: 80%; font-size: 13px; padding: 9px 5px 9px 16px; }
header .search input[type=submit] { top: 8px; right: 1px; }
header .second_bar.open .search { display: none; }
header .second_bar nav { }
header .second_bar.open,
header .second_bar nav.open { background: #f2f3f0; }
header.open .second_bar nav { padding-bottom: 123px; }
header .open_menu { margin-right: 36px; margin-top: 43px; }
header .open_menu::before,
header .open_menu::after { }
header .open_menu::before { }
header .open_menu::after { }
header .close_menu { top: 42px; right: 35px; }
header .open_menu.hide,
header .close_menu.hide { }
header .close_menu::before,
header .close_menu::after { }
header .close_menu::before { }
header .close_menu::after { }
header .main_menu { padding-top: 0px; padding-bottom: 0px; background: transparent; position: relative; }
header .main_menu li { }
header .main_menu > li:first-child { padding-top: 32px; }
header .main_menu li a { }
header .main_menu ul.lvl2 { padding-bottom: 144px; position: relative; z-index: 1000; }
header .main_menu ul.lvl2 li { }
header .main_menu ul.lvl2 li a { }

header .main_menu li a.hide { }
header .main_menu li ul { }
header .main_menu ul.open { }
header .main_menu li li:first-child a { }
header .main_menu li.parent li.parent,
header .main_menu li.parent { }
header .main_menu li.parent li.parent > a,
header .main_menu li.parent > a { }
header .main_menu li.parent > a::before { margin-bottom: 30px; }
header .main_menu li.parent li.hide { }
header .main_menu li.parent > a { font-size: 30px; position: relative; z-index: 5; }

header .main_menu ul.lvl2 li .info { }
header .main_menu .info { }
header .main_menu .info h2 { }
header .main_menu .info .text { }
header .main_menu .info .text p { }
header .main_menu .info .text blockquote { }
header .main_menu .info .text cite { }
header .main_menu .imgs { }
header .main_menu figure { }
header .main_menu figure img { }

header.open .logo,
header.open .main_menu,
header.open nav > .info { display: block; }
header.open .search { display: none; }

header nav > .info { position: absolute; bottom: 71px; }
header nav.open > .info { }
header .contacts { max-width: none; margin: 0; display: block; bottom: initial; top: 0px; left: 23px; text-align: left; width: 55%; }
header .contacts a { padding-right: 20px; margin-top: 7px; }
header .contacts a::before { }
header .contacts .tel { font-size: 12px; }
header .contacts .tel::before { }
header .contacts .email { font-size: 12px; padding-right: 0; }
header .contacts .email::before { }


footer { border: 1px solid #fff; }
footer .wrapper { padding-top: 40px; padding-bottom: 37px; }
footer nav { margin-bottom: 40px; }
footer nav ul { display: table; width: 100%; text-align: center; }
footer nav u::after { content: ''; display: block; clear: both; }
footer nav ul li { display: block; float: left; font-size: 14px; position: relative; }
footer nav ul li::after { width: 1px; height: 15px; background: #636363; content: ''; position: absolute; top: 37%; right: 0; }
footer nav ul li:last-child::after { display: none; }
footer nav ul li a { padding: 5px 22px; }
footer p { margin-bottom: 25px; }
footer .seara { margin-top: 25px; }


/* ========================== Feature ========================== */

.destaque { padding: 0; max-height: 324px; position: relative; overflow: hidden; }
.destaque .wrapper { padding: 0; }
.destaque .wrapper::after { display: block; content: ''; clear: both; }
.destaque .info { text-align: left; float: left; width: 43%; padding: 9% 3% 0 4%; }
.destaque .info h2 { width: auto; margin: 0; font-size: 23px; line-height: 29px; }
.destaque .info h2 a { }
.destaque .info .more { display: inline-block; margin-top: 28px; }
.destaque figure { float: left; width: 50%; display: block; }
.destaque figure a { display: block; }
.destaque figure img { max-width: 194%; display: block; }


/* ========================== Brands ========================== */

.brands { margin-top: 76px; margin-bottom: 50px; }
.brands .wrapper { }
.brands h2 { font-size: 36px; line-height: 37px; }
.brands h2 span { font-size: 22px; }
.brands .clients { margin: 70px 0; }
.brands .clients::after { }
.brands .clients .client { }
.brands .clients .client a { width: 90%; }
.brands .clients .client a figure { }
.brands .clients .client a figure span { }
.brands .clients .client img { max-width: 100%; }
.brands .clients .slick-list { width: 80%; }
.brands .clients .slick-arrow { }
.brands .clients .slick-prev { }
.brands .clients .slick-next { }
.brands p { }
.brands p a { }
.brands p a::before { }
.brands .clients, .brands .clients .client a span { }


/* ========================== Stores and newsletter  ========================== */

.stores { text-align: left; }
.stores .wrapper { }
.stores h2 { font-size: 37px; }
.stores h3 { text-align: left; padding-left: 3px; width: 260px; font-size: 19px; line-height: 21px; }
.stores h3::after { width: 144px; height: 155px; position: absolute; top: 2%; right: 15%; }
.stores .sell h3 { width: auto; }
.stores .sell h3::after { width: 173px; height: 204px; position: absolute; top: 1%; right: 2%; left: inherit; }
.stores .more { display: none; }
.stores .sell .more { padding: 11px 20px; margin-top: 30px; display: block; display: inline-block; }
.stores form { display: block; }
.stores form select { }
.stores .selectBox-dropdown { margin-top: 40px; color: #666; background: #fff; font-size: 20px; font-weight: 400; width: 100% !important; border: none; }
.stores .selectBox-dropdown .selectBox-label { width: 90% !important; padding: 22px 28px 20px; }
.stores .selectBox-dropdown .selectBox-arrow { width: 23px; height: 12px; background: url(../img/sprite.png) no-repeat -28px -4px; content: ''; display: block; top: 45%; right: 4%; }
.stores .map { display: block; position: relative; }
.stores .map::before { content: ''; display: block; width: 25px; height: 25px; background: #efefef; position: absolute; top: -13px; left: 48%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.stores .map img { }
.stores .buy { padding: 64px 47px 74px; position: relative; }
.stores .sell { padding: 64px 47px; position: relative; }


.newsletter { padding: 10% 0 0 4%; text-align: left; height: 247px; position: relative; overflow: hidden; background: #e7d3a7 url(../img/coelho-desktop.jpg) no-repeat -80% -1px; background-size: 125%; }
.newsletter .wrapper { }
.newsletter h2 { font-size: 20px; }
.newsletter h3 { text-align: left; font-size: 32px; margin: 5px 0 0 0; position: relative; left: -2px; }
.newsletter h4 { font-size: 22px; letter-spacing: -0.5px; }
.newsletter .more { display: none; }
.newsletter form { display: block; }
.newsletter input[type=text] { }
.newsletter input[type=submit] { }


/* ========================== Stores and newsletter - interior pages  ========================== */

.interior .stores { }
.interior .stores .wrapper { }
.interior .stores h2 { font-size: 33px; letter-spacing: inherit; line-height: 100%; margin-bottom: 8px; }
.interior .stores h3 { width: auto; font-size: 18px; }
.interior .stores h3::after { display: block; right: 7%; top: 5%; }
.interior .stores .sell h3::after { display: block; right: 6%; top: 0; }
.interior .stores .more,
.interior .stores .sell .more { display: inline-block; margin-top: 3px; padding: 12px 23px; }
.interior .stores form { display: none; }
.interior .stores form select { }
.interior .stores .map { display: none; }
.interior .stores .map img { }
.interior .stores .buy { background: #b3cbe6; padding: 61px 50px 46px; }
.interior .stores .buy h2 { color: #fff; }
.interior .stores .buy h3 { color: #fff; }
.interior .stores .sell { padding: 53px 50px 65px; }
	

.interior .newsletter { width: 92%; margin: 0 auto; padding: 0; }
.interior .newsletter .wrapper_out { }
.interior .newsletter .wrapper { padding: 60px 51px 0; }
.interior .newsletter h2 { }
.interior .newsletter h3 { }
.interior .newsletter h4 { }
.interior .newsletter .more { display: inline-block; padding: 12px 23px; }
.interior .newsletter form { display: none; }
.interior .newsletter input[type=text] { }
.interior .newsletter input[type=submit] { }


/* ========================== Hero ========================== */

.hero { margin-bottom: 0; }
.hero .each_hero { padding-bottom: 0; }
.hero .each_hero figure { }
.hero .each_hero figure img { max-width: 300%; }
.hero_text { background: transparent; margin: 0; top: 112px; width: 384px; margin-left: 24px; }
.hero_text .info { text-align: left; padding: 0; }
.hero_text .info .icon { margin: -60px 0 10px; width: 165px; }
.hero_text .info h2 { margin-bottom: 20px; width: auto; font-size: 49px; line-height: 48px; max-height: inherit; padding-top: 5px; }
.hero_text .info h2 a { }
.hero_text .info p { width: auto; font-size: 21px; line-height: 24px; }
.hero_text .info .more { display: inline-block; padding: 12px 20px; margin-top: 15px; }

.light .hero_text .info h2,
.light .hero_text .info h2 a,
.light .hero_text .info p { color: #fff; }


.hero_inside { }
.hero_inside .wrapper_out { }
.hero_inside .text { width: 47%; right: -290px; bottom: 0%; left: inherit; }
.hero_inside .text.titleonly { bottom: 40%; }
.hero_inside .text h1 { text-align: left; font-size: 34px; margin-bottom: 5px; left: -7px; position: relative; }
.hero_inside .text p { display: block; color: #fff; font-size: 15px; height: 120px; position: relative; overflow: hidden; }
.hero_inside figure { }
.hero_inside figure::before { background: url(../img/mascara-ambiente-listagem-tablet.png) repeat-y 240px center; }
.hero_inside.maskless figure::before { display: none; }
.hero_inside figure img { max-width: 100%; }

.hero_brand { }
.hero_brand .wrapper { }
.hero_brand .wrapper_out { }
.hero_brand figure::before { }
.hero_brand .logo { right: initial; left: 4%; height: 101%; margin: 0; width: 20%; padding: 1% 5% 0; top: 0; }
.hero_brand .logo figure { width: 90%; max-height: 100px; max-width: 122px; }
.hero_brand .logo img { }
.hero_brand .logo a { }
.hero_brand .logo a span { }
.hero_brand .text { right: -160px; bottom: 20px; }
.hero_brand .text h1 { }
.hero_brand .text p { }
.hero_brand figure { }
.hero_brand figure::before { }
.hero_brand figure img { }

.hero_brand .logo { display: table; }
.hero_brand .acenter { display: table-cell; vertical-align: middle; }

/* ====================== Breadcrumbs and share ====================== */

.location_share { }
.location_share .wrapper { width: 92%; margin: 0 auto; }
.breadcrumbs { }
.breadcrumbs .wrapper { }
.breadcrumbs ul { }
.breadcrumbs ul li { }
.breadcrumbs ul li.current { }
.breadcrumbs ul li a { }
.share { text-align: right; padding: 21px 0 21px; }


/* ========================== Tabs ========================== */

.tabs .wrapper > nav { }
.tabs .wrapper > nav ul { }
.tabs .wrapper > nav ul li { }
.tabs .wrapper > nav ul li.brand { }
.tabs .wrapper > nav ul li a { }
.tabs .cat { }
.tabs .cat h2 { }
.tabs .cat h2 a { font-size: 18px; padding: 17px 18px 16px 58px; }
.tabs .cat.active h2 a { }
.tabs .cat h2 a::before { }
.tabs .cat h2 a::after { }
.tabs .cat.active h2 a::after { }
.tabs .cat .container { }
.tabs .cat.active .container { }
.tabs .cat .filter { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 18px; }
.tabs .cat .filter li { display: inline-block; }
.tabs .cat .filter li:first-child { }
.tabs .cat .filter li.active { }
.tabs .cat .filter li.remove input,
.tabs .cat .filter li.remove .btn { position: relative; padding-right: 15px; background-color: #EAEBEC; }
.tabs .cat .filter li.remove .btn::before,
.tabs .cat .filter li.remove .btn::after { content: ''; display: block; width: 2px; height: 9px; position: absolute; top: 4px; right: 7px; content: ''; display: block; background: #187ed1; }
.tabs .cat .filter li.remove .btn::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.tabs .cat .filter li.remove .btn::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.tabs .cat .filter .btn { font-size: 13px; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 7px 12px; margin: 0 7px 7px 0; }
.tabs .cat .filter .btn .icheckbox_minimal-grey,
.tabs .cat .filter .btn input { display: none; }
.tabs .cat .filter::after { display: none; }

.tabs .cat .filter_desktop { display: block; }
.tabs .cat .selectBox-label,
.tabs .cat .selectBox { display: none !important; }
.tabs .cat .filter_mobile { display: none; }
.tabs .cat .table_mobile { display: none; }

.tabs .cat .container { }
.tabs .cat .container h3 { font-size: 28px; margin: 47px 0 20px; line-height: 30px; }
.tabs .cat .container h4 { font-size: 16px; margin: 70px 0px 20px; }
.tabs .cat .container div { font-size: 16px; }
.tabs .cat .container p { }
.tabs .cat .container table td { padding: 10px; }


/* ========================== Product List ========================== */

.tabs_container, .product_list { }
.product_list > h2 { }
.product_list .products { margin-top: 50px; }
.product_list .products li { width: 31%; }
.product_list .products li a { width: 100%; }
.product_list .products li a figure { }
.product_list .products li a figure img { }
.product_list .products li a .title { }
.product_list .products li a .desc { }
.product_list .products li a .more { }
.product_list .products li a .more::before,
.product_list .products li a .more::after { }
.product_list .products li a .more::before { }
.product_list .products li a .more::after { }


/* ========================== General pages ========================== */

.general { margin: 30px auto; }
.general h1 { text-align: left; font-size: 35px; padding: 0; margin-bottom: 5px; letter-spacing: -1px; }
.general .block.block_module,
.general .block { text-align: left; }
.general .block h2 { font-size: 26px; text-align: left; line-height: 28px; margin: 5px 0; }
.product_detail .general .block h2 { margin-bottom: 30px; }
.general .block h3 { text-align: left; margin: 30px 0; }
.general .block p { text-align: left; }
.general .block a { }
.general .block a:hover { }
.general.wide { }
aside { }
aside::after { content: ''; display: block; clear: both; }

.back { }
.back::before { }

/* ========================== Product Detail ========================== */

.product_detail { }
.product_detail .detail_top { margin-bottom: 45px; }
.product_detail .back { position: relative; float: left; margin-left: 35px; top: 25px; }
.product_detail .hero_inside { display: block; }
.product_detail .hero_inside figure::before { display: none; }
.product_detail figure.detail { position: relative; z-index: 5; margin: -25% 0 0 68px; float: left; padding-top: 0; display: table; height: 316px; }
.product_detail figure.detail span { display: table-cell; vertical-align: bottom; height: 316px; }
.product_detail figure.detail img { }
.product_detail .location_share { float: right; width: 40%; }
.product_detail .location_share .wrapper { height: 65px; }
.product_detail .location_share nav { }
.product_detail .location_share .share { }

.product_detail aside { margin: 0 auto; width: 65%; }

.sizes { float: left; }
.sizes thead { }
.sizes thead th { }
.sizes tbody th { }
.sizes tbody td { }
.sizes tbody td, .sizes tbody th { }
.sizes tbody tr:first-child td, .sizes tbody tr:first-child th { }
.sizes tbody tr:last-child td, .sizes tbody tr:last-child th { }
.sizes tbody tr th { }
.sizes tbody tr td { }
.sizes tfoot { }
.sizes tfoot td { text-align: left; padding-left: 0; padding-right: 0; }

.sizes, .buttons { width: 47%; }

.buttons { float: right; margin-top: 0; }
.buttons li { }
.buttons li a { }
.buttons li a.submit,
.buttons li a.download { text-align: left; padding-left: 15px; }
.buttons li a.submit { margin-bottom: 26px; }
.buttons li a.submit::before,
.buttons li a.download::before { }
.buttons li a.submit::before { }
.buttons li a.download { }
.buttons li a.download::before { }

/* ========================== Gallery ========================== */

.gallery { }
.gallery .wrapper_out { padding: 61px 0 10px 0; }
.gallery .wrapper { }
.gallery .each { }
.gallery .each figure { }
.gallery .each img { max-height: 298px; }
.gallery .slick-arrow { bottom: inherit; top: 116px; }
.gallery .slick-prev { left: 3%; }
.gallery .slick-next { right: 3%; }
.gallery .legend { padding: 25px 0; }


/* ========================== List of brands ========================== */

.list_brands { }
.list_brands::after { content: ''; clear: both; display: block; }
.list_brands li { width: 49%; display: inline-block; }
.list_brands li:nth-child(2) { border-top: 1px solid #ddd; }
.list_brands a { }
.list_brands a figure { }
.list_brands a figure span { }
.list_brands img { }


/* ========================== Stores - detail page ========================== */

.stores_result h2,
.general .block .stores_result h2 { line-height: 35px; }

.stores_inside { padding: 5px; }
.stores_inside form { }
.general .block .stores_inside .selectBox-dropdown { }


.physicalStores { }
.onlineStores { }


/* ========================== Resultados pesquisa ========================== */

.search_box input[type=submit] { margin-top: 0px; }
.search_img { width: auto; margin-top: 10px; float: left; padding-right: 15px; text-align: left; }
.search_img { width: 100px; }
.search_resumo { width: 78%; float: left; text-align: left; }

/* ========================== Noticias ========================== */

.news_list { }
.news_list li { margin-bottom: 40px; list-style: none; }
.news_list .thumb { width: 23%; float: left; margin-right: 1%; position: relative; top: 10px; }
.news_list .info { width: 76%; float: right; }

