@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,800&subset=latin-ext"); @font-face {
font-family: 'eticon';
src:  url(//icygelato.com.br/wp-content/themes/Icy/assets/icons/fonts/eticon.eot?sjb0i);
src:  url(//icygelato.com.br/wp-content/themes/Icy/assets/icons/fonts/eticon.eot?sjb0i#iefix) format('embedded-opentype'),
url(//icygelato.com.br/wp-content/themes/Icy/assets/icons/fonts/eticon.ttf?sjb0i) format('truetype'),
url(//icygelato.com.br/wp-content/themes/Icy/assets/icons/fonts/eticon.woff?sjb0i) format('woff'),
url(//icygelato.com.br/wp-content/themes/Icy/assets/icons/fonts/eticon.svg?sjb0i#eticon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'eticon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-activity:before {
content: "\e901";
}
.icon-airplay:before {
content: "\e902";
}
.icon-alert-circle:before {
content: "\e903";
}
.icon-alert-octagon:before {
content: "\e904";
}
.icon-alert-triangle:before {
content: "\e905";
}
.icon-align-center:before {
content: "\e906";
}
.icon-align-justify:before {
content: "\e907";
}
.icon-align-left:before {
content: "\e908";
}
.icon-align-right:before {
content: "\e909";
}
.icon-anchor:before {
content: "\e90a";
}
.icon-aperture:before {
content: "\e90b";
}
.icon-archive:before {
content: "\e90c";
}
.icon-arrow-down:before {
content: "\e90d";
}
.icon-arrow-down-circle:before {
content: "\e90e";
}
.icon-arrow-down-left:before {
content: "\e90f";
}
.icon-arrow-down-right:before {
content: "\e910";
}
.icon-arrow-left:before {
content: "\e911";
}
.icon-arrow-left-circle:before {
content: "\e912";
}
.icon-arrow-right:before {
content: "\e913";
}
.icon-arrow-right-circle:before {
content: "\e914";
}
.icon-arrow-up:before {
content: "\e915";
}
.icon-arrow-up-circle:before {
content: "\e916";
}
.icon-arrow-up-left:before {
content: "\e917";
}
.icon-arrow-up-right:before {
content: "\e918";
}
.icon-at-sign:before {
content: "\e919";
}
.icon-award:before {
content: "\e91a";
}
.icon-bar-chart:before {
content: "\e91b";
}
.icon-bar-chart-2:before {
content: "\e91c";
}
.icon-battery:before {
content: "\e91d";
}
.icon-battery-charging:before {
content: "\e91e";
}
.icon-bell:before {
content: "\e91f";
}
.icon-bell-off:before {
content: "\e920";
}
.icon-bluetooth:before {
content: "\e921";
}
.icon-bold:before {
content: "\e922";
}
.icon-book:before {
content: "\e923";
}
.icon-book-open:before {
content: "\e924";
}
.icon-bookmark:before {
content: "\e925";
}
.icon-box:before {
content: "\e926";
}
.icon-briefcase:before {
content: "\e927";
}
.icon-calendar:before {
content: "\e928";
}
.icon-camera:before {
content: "\e929";
}
.icon-camera-off:before {
content: "\e92a";
}
.icon-cast:before {
content: "\e92b";
}
.icon-check:before {
content: "\e92c";
}
.icon-check-circle:before {
content: "\e92d";
}
.icon-check-square:before {
content: "\e92e";
}
.icon-chevron-down:before {
content: "\e92f";
}
.icon-chevron-left:before {
content: "\e930";
}
.icon-chevron-right:before {
content: "\e931";
}
.icon-chevron-up:before {
content: "\e932";
}
.icon-chevrons-down:before {
content: "\e933";
}
.icon-chevrons-left:before {
content: "\e934";
}
.icon-chevrons-right:before {
content: "\e935";
}
.icon-chevrons-up:before {
content: "\e936";
}
.icon-chrome:before {
content: "\e937";
}
.icon-circle:before {
content: "\e938";
}
.icon-clipboard:before {
content: "\e939";
}
.icon-clock:before {
content: "\e93a";
}
.icon-cloud:before {
content: "\e93b";
}
.icon-cloud-drizzle:before {
content: "\e93c";
}
.icon-cloud-lightning:before {
content: "\e93d";
}
.icon-cloud-off:before {
content: "\e93e";
}
.icon-cloud-rain:before {
content: "\e93f";
}
.icon-cloud-snow:before {
content: "\e940";
}
.icon-code:before {
content: "\e941";
}
.icon-codepen:before {
content: "\e942";
}
.icon-command:before {
content: "\e943";
}
.icon-compass:before {
content: "\e944";
}
.icon-copy:before {
content: "\e945";
}
.icon-corner-down-left:before {
content: "\e946";
}
.icon-corner-down-right:before {
content: "\e947";
}
.icon-corner-left-down:before {
content: "\e948";
}
.icon-corner-left-up:before {
content: "\e949";
}
.icon-corner-right-down:before {
content: "\e94a";
}
.icon-corner-right-up:before {
content: "\e94b";
}
.icon-corner-up-left:before {
content: "\e94c";
}
.icon-corner-up-right:before {
content: "\e94d";
}
.icon-cpu:before {
content: "\e94e";
}
.icon-credit-card:before {
content: "\e94f";
}
.icon-crop:before {
content: "\e950";
}
.icon-crosshair:before {
content: "\e951";
}
.icon-database:before {
content: "\e952";
}
.icon-delete:before {
content: "\e953";
}
.icon-disc:before {
content: "\e954";
}
.icon-dollar-sign:before {
content: "\e955";
}
.icon-download:before {
content: "\e956";
}
.icon-download-cloud:before {
content: "\e957";
}
.icon-droplet:before {
content: "\e958";
}
.icon-edit:before {
content: "\e959";
}
.icon-edit-2:before {
content: "\e95a";
}
.icon-edit-3:before {
content: "\e95b";
}
.icon-external-link:before {
content: "\e95c";
}
.icon-eye:before {
content: "\e95d";
}
.icon-eye-off:before {
content: "\e95e";
}
.icon-facebook:before {
content: "\e95f";
}
.icon-fast-forward:before {
content: "\e960";
}
.icon-feather:before {
content: "\e961";
}
.icon-file:before {
content: "\e962";
}
.icon-file-minus:before {
content: "\e963";
}
.icon-file-plus:before {
content: "\e964";
}
.icon-file-text:before {
content: "\e965";
}
.icon-film:before {
content: "\e966";
}
.icon-filter:before {
content: "\e967";
}
.icon-flag:before {
content: "\e968";
}
.icon-folder:before {
content: "\e969";
}
.icon-folder-minus:before {
content: "\e96a";
}
.icon-folder-plus:before {
content: "\e96b";
}
.icon-gift:before {
content: "\e96c";
}
.icon-git-branch:before {
content: "\e96d";
}
.icon-git-commit:before {
content: "\e96e";
}
.icon-git-merge:before {
content: "\e96f";
}
.icon-git-pull-request:before {
content: "\e970";
}
.icon-github:before {
content: "\e971";
}
.icon-gitlab:before {
content: "\e972";
}
.icon-globe:before {
content: "\e973";
}
.icon-grid:before {
content: "\e974";
}
.icon-hard-drive:before {
content: "\e975";
}
.icon-hash:before {
content: "\e976";
}
.icon-headphones:before {
content: "\e977";
}
.icon-heart:before {
content: "\e978";
}
.icon-help-circle:before {
content: "\e979";
}
.icon-home:before {
content: "\e97a";
}
.icon-image:before {
content: "\e97b";
}
.icon-inbox:before {
content: "\e97c";
}
.icon-info:before {
content: "\e97d";
}
.icon-instagram:before {
content: "\e97e";
}
.icon-italic:before {
content: "\e97f";
}
.icon-layers:before {
content: "\e980";
}
.icon-layout:before {
content: "\e981";
}
.icon-life-buoy:before {
content: "\e982";
}
.icon-link:before {
content: "\e983";
}
.icon-link-2:before {
content: "\e984";
}
.icon-linkedin:before {
content: "\e985";
}
.icon-list:before {
content: "\e986";
}
.icon-loader:before {
content: "\e987";
}
.icon-lock:before {
content: "\e988";
}
.icon-log-in:before {
content: "\e989";
}
.icon-log-out:before {
content: "\e98a";
}
.icon-mail:before {
content: "\e98b";
}
.icon-map:before {
content: "\e98c";
}
.icon-map-pin:before {
content: "\e98d";
}
.icon-maximize:before {
content: "\e98e";
}
.icon-maximize-2:before {
content: "\e98f";
}
.icon-menu:before {
content: "\e990";
}
.icon-message-circle:before {
content: "\e991";
}
.icon-message-square:before {
content: "\e992";
}
.icon-mic:before {
content: "\e993";
}
.icon-mic-off:before {
content: "\e994";
}
.icon-minimize:before {
content: "\e995";
}
.icon-minimize-2:before {
content: "\e996";
}
.icon-minus:before {
content: "\e997";
}
.icon-minus-circle:before {
content: "\e998";
}
.icon-minus-square:before {
content: "\e999";
}
.icon-monitor:before {
content: "\e99a";
}
.icon-moon:before {
content: "\e99b";
}
.icon-more-horizontal:before {
content: "\e99c";
}
.icon-more-vertical:before {
content: "\e99d";
}
.icon-move:before {
content: "\e99e";
}
.icon-music:before {
content: "\e99f";
}
.icon-navigation:before {
content: "\e9a0";
}
.icon-navigation-2:before {
content: "\e9a1";
}
.icon-octagon:before {
content: "\e9a2";
}
.icon-package:before {
content: "\e9a3";
}
.icon-paperclip:before {
content: "\e9a4";
}
.icon-pause:before {
content: "\e9a5";
}
.icon-pause-circle:before {
content: "\e9a6";
}
.icon-percent:before {
content: "\e9a7";
}
.icon-phone:before {
content: "\e9a8";
}
.icon-phone-call:before {
content: "\e9a9";
}
.icon-phone-forwarded:before {
content: "\e9aa";
}
.icon-phone-incoming:before {
content: "\e9ab";
}
.icon-phone-missed:before {
content: "\e9ac";
}
.icon-phone-off:before {
content: "\e9ad";
}
.icon-phone-outgoing:before {
content: "\e9ae";
}
.icon-pie-chart:before {
content: "\e9af";
}
.icon-play:before {
content: "\e9b0";
}
.icon-play-circle:before {
content: "\e9b1";
}
.icon-plus:before {
content: "\e9b2";
}
.icon-plus-circle:before {
content: "\e9b3";
}
.icon-plus-square:before {
content: "\e9b4";
}
.icon-pocket:before {
content: "\e9b5";
}
.icon-power:before {
content: "\e9b6";
}
.icon-printer:before {
content: "\e9b7";
}
.icon-radio:before {
content: "\e9b8";
}
.icon-refresh-ccw:before {
content: "\e9b9";
}
.icon-refresh-cw:before {
content: "\e9ba";
}
.icon-repeat:before {
content: "\e9bb";
}
.icon-rewind:before {
content: "\e9bc";
}
.icon-rotate-ccw:before {
content: "\e9bd";
}
.icon-rotate-cw:before {
content: "\e9be";
}
.icon-rss:before {
content: "\e9bf";
}
.icon-save:before {
content: "\e9c0";
}
.icon-scissors:before {
content: "\e9c1";
}
.icon-search:before {
content: "\e9c2";
}
.icon-send:before {
content: "\e9c3";
}
.icon-server:before {
content: "\e9c4";
}
.icon-settings:before {
content: "\e9c5";
}
.icon-share:before {
content: "\e9c6";
}
.icon-share-2:before {
content: "\e9c7";
}
.icon-shield:before {
content: "\e9c8";
}
.icon-shield-off:before {
content: "\e9c9";
}
.icon-shopping-bag:before {
content: "\e9ca";
}
.icon-shopping-cart:before {
content: "\e9cb";
}
.icon-shuffle:before {
content: "\e9cc";
}
.icon-sidebar:before {
content: "\e9cd";
}
.icon-skip-back:before {
content: "\e9ce";
}
.icon-skip-forward:before {
content: "\e9cf";
}
.icon-slack:before {
content: "\e9d0";
}
.icon-slash:before {
content: "\e9d1";
}
.icon-sliders:before {
content: "\e9d2";
}
.icon-smartphone:before {
content: "\e9d3";
}
.icon-speaker:before {
content: "\e9d4";
}
.icon-square:before {
content: "\e9d5";
}
.icon-star:before {
content: "\e9d6";
}
.icon-stop-circle:before {
content: "\e9d7";
}
.icon-sun:before {
content: "\e9d8";
}
.icon-sunrise:before {
content: "\e9d9";
}
.icon-sunset:before {
content: "\e9da";
}
.icon-tablet:before {
content: "\e9db";
}
.icon-tag:before {
content: "\e9dc";
}
.icon-target:before {
content: "\e9dd";
}
.icon-terminal:before {
content: "\e9de";
}
.icon-thermometer:before {
content: "\e9df";
}
.icon-thumbs-down:before {
content: "\e9e0";
}
.icon-thumbs-up:before {
content: "\e9e1";
}
.icon-toggle-left:before {
content: "\e9e2";
}
.icon-toggle-right:before {
content: "\e9e3";
}
.icon-trash:before {
content: "\e9e4";
}
.icon-trash-2:before {
content: "\e9e5";
}
.icon-trending-down:before {
content: "\e9e6";
}
.icon-trending-up:before {
content: "\e9e7";
}
.icon-triangle:before {
content: "\e9e8";
}
.icon-truck:before {
content: "\e9e9";
}
.icon-tv:before {
content: "\e9ea";
}
.icon-twitter:before {
content: "\e9eb";
}
.icon-type:before {
content: "\e9ec";
}
.icon-umbrella:before {
content: "\e9ed";
}
.icon-underline:before {
content: "\e9ee";
}
.icon-unlock:before {
content: "\e9ef";
}
.icon-upload:before {
content: "\e9f0";
}
.icon-upload-cloud:before {
content: "\e9f1";
}
.icon-user:before {
content: "\e9f2";
}
.icon-user-check:before {
content: "\e9f3";
}
.icon-user-minus:before {
content: "\e9f4";
}
.icon-user-plus:before {
content: "\e9f5";
}
.icon-user-x:before {
content: "\e9f6";
}
.icon-users:before {
content: "\e9f7";
}
.icon-video:before {
content: "\e9f8";
}
.icon-video-off:before {
content: "\e9f9";
}
.icon-voicemail:before {
content: "\e9fa";
}
.icon-volume:before {
content: "\e9fb";
}
.icon-volume-1:before {
content: "\e9fc";
}
.icon-volume-2:before {
content: "\e9fd";
}
.icon-volume-x:before {
content: "\e9fe";
}
.icon-watch:before {
content: "\e9ff";
}
.icon-wifi:before {
content: "\ea00";
}
.icon-wifi-off:before {
content: "\ea01";
}
.icon-wind:before {
content: "\ea02";
}
.icon-x:before {
content: "\ea03";
}
.icon-x-circle:before {
content: "\ea04";
}
.icon-x-square:before {
content: "\ea05";
}
.icon-youtube:before {
content: "\ea06";
}
.icon-zap:before {
content: "\ea07";
}
.icon-zap-off:before {
content: "\ea08";
}
.icon-zoom-in:before {
content: "\ea09";
}
.icon-zoom-out:before {
content: "\ea0a";
}
.icon-google-plus:before {
content: "\ea8b";
}
.icon-google-plus2:before {
content: "\ea8c";
}
.icon-google-plus3:before {
content: "\ea8d";
}
.icon-facebook3:before {
content: "\ea90";
}
.icon-facebook2:before {
content: "\ea91";
}
.icon-instagram2:before {
content: "\ea92";
}
.icon-whatsapp:before {
content: "\ea93";
}
.icon-twitter2:before {
content: "\ea96";
}
.icon-rss2:before {
content: "\ea9b";
}
.icon-rss22:before {
content: "\ea9c";
}
.icon-youtube3:before {
content: "\ea9d";
}
.icon-youtube2:before {
content: "\ea9e";
}
.icon-vimeo:before {
content: "\eaa0";
}
.icon-vimeo2:before {
content: "\eaa1";
}
.icon-file-pdf:before {
content: "\eadf";
}
.relative {
position: relative;
}
header,
footer,
article,
section,
hgroup,
nav,
figure { display: block;
}
*,
*::after,
*::before {
box-sizing: border-box;
outline: none;
}
button {
cursor: pointer;
}
img{ max-width: 100%;
height: auto;}
body {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 1em;
color: #2d2d2d;
background-color: #eeedea;
}
article{
background-color: inherit;
}
a, a:after {
text-decoration: none;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
a:hover {
text-decoration: none;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.centertable {
display: table;
width: 100%;
height: 100%;
}
.borda-v, .borda-h{
position: fixed;
background-color: #eeedea;
z-index: 9;
}
.borda-v{
height: 100%;
top: 0;
width: 120px;
}
.borda-h{
width: 100%;
left: 0;
height: 120px;
}
.borda-top{
top: 0;
}
.borda-bottom{
bottom: 0;
}
.borda-left{
left: 0;
}
.borda-right{
right: 0;
}
.centertablecell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.easy{
-moz-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.easy-fast{
-moz-transition: all .15s;
-webkit-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.easy-slow{
-moz-transition: all .6s;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
margin-bottom: 1em;
padding: 0;
font-weight: normal;
}
h1 {
font-size: 2.2em;
line-height: 1.2em;
}
h2 {
font-size: 1.6em;
line-height: 1.2em;
margin-bottom: .5em;
}
h3 {
font-size: 1.4em;
line-height: 1.2em;
margin-bottom: .5em;
}
p {
font-size: 1.26em;
line-height: 1.56em;
font-weight: 400;
margin-bottom: 1.2em;
}
.rodape-box {
padding: 20px 0;
}
section,
footer{
padding: 0;
width: 100%;
overflow: hidden;
position: relative;
}
section, .bg{
height: 100vh;
min-height: 800px;
box-sizing: border-box;
}
section .bg:before{
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
display: block;
background-size: cover;
z-index: -1;
min-height: 100vh;
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
section .container{
height: 100%;
}
section .content{
width: 40%;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-left: 200px;
}
section .content-image, section .detalhe{
width: 50%;
left: auto;
right: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-right: 200px;
}
section .detalhe{
padding-right: 0;
z-index: 2;
}
section .content-image.reverse, section .detalhe.reverse{
left: 0;
right: auto;
padding-right: 0;
padding-left: 200px;
}
.esconder{
display: none;
visibility: hidden;
}
section .content.reverse{
left: auto;
right: 0;
padding-right: 200px;
padding-left: 0;
}
.find_field{
background-color: transparent;
border: none;
padding: .75em;
font-size: 1.5em;
color: #fff200;
width: calc(100% - 210px);
box-shadow: inset 0 -2px 0 0px #fff200;
}
#home {
padding: 0;
}
.ondeencontrar{
background-color: #92D7E7;
padding: 8em 0;
}
.maps-ondecomprar .map{
height: 400px;
box-shadow: 1em 1em 0 0 #fff200;
}
.loja{
margin-bottom: 3em;
}
.ondeencontrar h1, .ondeencontrar h2.lojas{
color: #FFF200;
font-size: 2.5em;
}
.maps_ondecomprar_form{
padding: 1em 0;
}
.maps_ondecomprar_form input[type=submit]{
background-color: #fff200;
padding: 1em 3em;
border: none;
border-radius: 30px;
color: #91d7e7;
font-weight: 700;
font-size: 1em;
display: inline-block;
cursor: pointer;
}
.block-ponto-venda .veja-no-mapa{
color: #2d2d2d;   
border-bottom: 1px solid #d5f0f6;
display: block;
margin-bottom: .5em;
padding-bottom: .5em;
}
.block-ponto-venda .veja-no-mapa.active{
color: #fff100;
}
.block-ponto-venda h3{
margin-bottom: 0;
}
.block-ponto-venda p{
font-size: 1em;
margin-bottom: 0;
}
.block-ponto-venda .veja-no-mapa.hide{
display: none;
}
#contact{
background-color: #f27cab;
}
#contact h3{
font-family: 'Neuton', serif;
font-size: 2.5em;
font-weight: 800;
line-height: 1.2em;
color: #2d2d2d;
font-style: italic;
text-align: center;
text-transform: uppercase;
max-width: 50%;
margin: 0 auto;
}
#contact-img{
width: 600px;
max-width: 90%;
display: block;
margin: 3em auto 0;
}
#header {
position: fixed;
z-index: 90;
top: 0;
right: 0;
text-align: right;
height: 100%;
width: 150px;
mix-blend-mode: difference;
}
#contato .inner b{
font-size: 1.4em;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
a[href^="tel"] {
color: #fff;
}
.mail{
color: #781858;
font-size: 2.4em;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
text-align: center;
line-height: 1em;
}
.mail span{
color: #fff;
display: block;
text-align: center;
font-size: .5em;
font-weight: 400;
}
#header.solid {
width: 100%;
height: 110px;
position: fixed;
box-shadow: 0 0 5px rgba(0, 0, 0, .35);
top: -50px;
}
#header> ul {
position: absolute;
z-index: 2;
top: 60px;
left: 0;
width: 100%;
background-color: #ffffff;
display: none;
}
#header> ul a { display: block;
height: 50px;
line-height: 50px;
padding-left: 5%;
color: #25283D;
font-size: 1.8rem;
border-top: 1px solid #f2f2f2;
}
#header> ul a:hover {
color: #8F3985;
}
.menu-menu-container{
display: block;
max-width: 800px;
margin: 0 auto;
}
#navigation {
overflow: visible;
top: 2em;
right: 2em;
display: block;
float: none;
z-index: 999;
position: absolute;
box-sizing: border-box;
margin: 0 auto;
padding: 0;
}
#navigation ul{
display: block;
text-align: right;
z-index: 10;
}
#navigation.menu-white ul{
z-index: 11;
}
#navigation li {
display: block;
margin-bottom: 0;
}
#navigation a {
font-size: 1.16em;
padding: .5em 0;
position: relative;
border-radius: 1.5em;
line-height: 1em;
cursor: pointer;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0);
margin: 0;
color: #eeedea;
font-weight: 800;
font-family: 'Montserrat', sans-serif;
display: inline-block;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}
#navigation.menu-white a{
color: #eeedea;
}
#navigation .light a{
font-weight: 400;
}
#navigation .divide{
margin-top: 2em;
}
#navigation a:before {
display: block;
content: "";
background: #eeedea;
width: 2px;
height: 3px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
margin-top: 0;
right: -100%;
bottom: 2px;
position: absolute;
}
#navigation a:hover:before {
width: 200%;
}
#navigation .active a:before,
#navigation .current-menu-item a:before{
width: 220%;
height: 100%;
z-index: -1;
}
#navigation .active a,
#navigation .current-menu-item a{
color: #2d2d2d;
}
#navigation .search-box{
width: 64px;
margin-left: .5em;
}
#navigation .search-form {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: -1;
}
#navigation .search-action{
cursor: pointer;
float: right;
width: 64px;
height: 64px;
background-color: #d4d4d4;
color: #fff;
font-size: 1.4em;
text-align: center;
line-height: 64px; 
position: relative;
right: 0;
}
#navigation .search-action:hover{
background-color: #9f9f9f;
}
#navigation .search-visible{
overflow: hidden;
margin: 0;
height: 0;
font-size: 1em;
color: #2d2d2d;
text-transform: uppercase;
padding: 0 4em;
box-sizing: border-box;
font-family: 'Montserrat', sans-serif;
top: 64px;
left: 0;
position: absolute;
background-color: #cecece;
width: 100%;
}
#navigation .search-field {
border: 0;
margin: 0;
font-size: 1em;
color: #2d2d2d;
text-transform: uppercase;
background-color: transparent;
padding: 0;
width: calc(100% - 200px);
height: 110px;
line-height: 2em;
box-sizing: border-box;
font-family: 'Montserrat', sans-serif;
}
#navigation .search-open .search-visible{
height: 110px;
}
#navigation .search-field:focus {
cursor: text;
outline: 0;
}
#navigation .search-box .search-form input[type="submit"]{
background-color: #2d2d2d;
color: #fff;
margin-top: 1.6em;
width: 200px;
padding: 0 3em;
font-size: 1em;
text-transform: uppercase;
font-weight: 800;
float: right;
cursor: pointer;
}
.icy-brand, .icy-brand-white{
position: fixed;
z-index: 11;
top: 25px;
left: 25px;
display: block;
width: 110px;
height: 110px;
background: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/icy-gelato.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
mix-blend-mode: color;
}
.icy-brand-white{
background: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/icy-gelato-white.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
mix-blend-mode: difference;
z-index: 10;
}
.icy-social{
position: fixed;
left: 2em;
bottom: 4em;
z-index: 999;
}
.icy-social a{
display: block;
font-size: 1.1em;
line-height: 1em;
margin: .2em 1.5em;
color: #e3dfd9;
padding: .4em;
border-radius: 100%;
background-color: #2d2d2d;
}
.icy-social a:hover{
background-color: #fff100;
color: #2d2d2d;
}
a.button {
display: inline-block;
float: none;
margin: 0 0 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
box-shadow: none;
height: 40px;
border: 0;
line-height: 40px;
box-shadow: inset 0 0 0 2px #2d2d2d;
border-radius: 20px;
padding: 0 2.5em;
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
transition: all .25s ease 0s;
}
a.button:hover{
background: #2d2d2d;
color: #fff;
}
a.button.yellow {
background: #ffde0e;
box-shadow: none;
}
a.button.yellow:hover {
background: #ffde0e;
box-shadow: inset 0 0 0 2px #2d2d2d;
}
a.button.black {
background: #2d2d2d;
color: #fff;
}
a.button.black:hover {
background: #fff;
color: #2d2d2d;
}
.title-section{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 3.8em;
line-height: 1em;
margin-top: 0;
margin-bottom: 1em;
text-transform: uppercase;
}
.title-section span{
font-size: .5em;
display: block;
margin-bottom: .5em;
}
.title-section b{
font-weight: 400;
display: block;
}
.intro{
color: #fff;
font-size: 1.6em;
width: 100%;
max-width: 320px;
display: block;
margin: 0 auto;
line-height: 1.6em;
}
.image-intro{
margin-left: calc(50% - 50vw);
margin-right: 0;
margin-bottom: 50px;
width: auto;
display: block;
height: 900px;
background-size: cover;
background-position: center center;
left: 0;
position: relative;
}
.down{
width: 60px;
height: 60px;
background-color: #2d2d2d;
position: absolute;
z-index: 9;
display: block;
bottom: -20px;
right: -35px;
color: #fff;
font-size: 1.6em;
text-align: center;
line-height: 60px;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0);
}
.down:hover{
box-shadow: inset 0 0 0 2px rgba(0,0,0,1);
background-color: #fff;
color: #2d2d2d;
}
#footer .intro{
width: 80%;
margin: 0 auto;
}
#footer .image-intro{
width: 100%;
max-width: 300px;
margin: 50px auto 20px;
}
#footer .btn{
background-color: #fb7272;
padding: .5em 1em;
font-size: .8em;
font-weight: 700;
color: #fff;
border-radius: 3px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
}
#footer .btn:hover{
background-color: #ffffff;
color: #000;
}
.go{
color: #2d2d2d;
}
.go:after, .go span:before,
.go span:after {
background-color: #2d2d2d;
}
.go{
display: block;
font-weight: 800;
padding: 1em 0;
font-size: 1em;
line-height: 1em;
position: relative;
z-index: 10;
text-transform: uppercase;
}
.go:after {
position: absolute;
content: "";
height: 2px;
width: 25%;
top: 22px;
display: block;
left: 0;
margin-left: 120px;
-moz-transition: all .35s ease-in-out;
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.go span {
position: absolute;
display: block;
width: 25%;
height: 44px;
left: 0;
top: 0;
margin-left: 120px; -moz-transition: all .35s ease-in-out;
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.go span:before,
.go span:after {
position: absolute;
content: "";
height: 1em;
width: 2px;
top: 15px;
display: block;
right: 0;
transform: rotate(-45deg) translateY(-.5em);
-moz-transition: all .35s ease-in-out;
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.go span:after {
transform: rotate(45deg) translateY(.5em);
right: 0;
left: auto;
}
.go:hover:after, .go:hover span {
left: 0;
width: 50%;
-moz-transition: all .15s ease-in-out;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
#antidesign {
float: right;
margin-top: -2px;
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/antidesign.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
height: 36px;
width: 80px;
margin: 20px auto;
font: 0/0 a;
text-shadow: none;
color: transparent;
}
#antidesign:hover {
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/antidesign.svg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
}
.flex-container {
padding: 20px 0;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 24em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-flow: row wrap;
justify-content: stretch;
}
.product-container {
list-style: none;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: stretch;
}
.product{
display: block;
width: 370px;
height: 370px;
padding: 0;
margin: 15px;
box-sizing: border-box;
text-align: left;
background-color: #fff;
position: relative;
box-shadow: inset 0 0 0 2px #2d2d2d;
}
.product.download-product{
box-shadow: none;
background-color: transparent;
}
.product.download-product h1{
font-size: 2.5em;
margin-top: 2em;
}
.product.download-product .inner{
padding: 35px;
}
.product{
position: relative;
} .product .inner, .box-wide .inner{
padding: 35px;
display: inline-block;
}
.product .inner{
padding-right: 85px;
}
.product-icon{
position: absolute;
right: 30px;
bottom: 20px;
width: 30%;
}
.product.destaque{
display: block;
width: 770px;
background-color: #ffde0e;
box-shadow: none;
}
.product.destaque .inner{
width: 50%;
}
.product.destaque .product-icon{
display: none;
}
.product.destaque .product-img{
position: absolute;
display: block;
top: 0;
right: 0;
width: 370px;
}
.image_interno_content{
max-height: 500px;
position: relative;
z-index: 9;
}
.image_extra_interno{
box-shadow: 20px 20px 0 0 #000;
position: relative;
margin-bottom: 3em;
}
.image-extra{
position: relative;
}
.image-extra:before{
content: "";
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/ondas.svg);
display: block;
width: 30%;
padding-bottom: 10%;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 20%;
left: -20%;
z-index: 9;
}
.fullimage{
margin: 8em 0;
display: block;
width: 100%;
position: relative;
text-align: center;
}
.fullimage:after{
content: "";
position: absolute;
z-index: 2;
width: 50%;
left: 10%;
top: -65%;
padding-bottom: 50%;
display: inline-block;
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/details.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
overflow: visible;
visibility: visible;
}
.fullimage.extra_slider{
margin-bottom: 0;
text-align: left;
}
.product h1, .slick-slider h1, .box-wide h1, .product-cat{
font-size: 1.5em;
font-weight: 800;
color: #2d2d2d;
font-family: 'Montserrat', sans-serif;
margin-bottom: .75em;
text-align: left;
}
.product-cat{
font-weight: 400;
font-size: .78em;
margin-bottom: .75em;
display: block;
}
.product-title{
text-transform: uppercase;
}
.product p, .box-wide p{
color: #2d2d2d;
text-align: left;
}
.product .mail{
position: absolute;
background-color: transparent;
font: 0px/0 a;
text-shadow: none;
color: transparent;
z-index: 10;
bottom: 20px;
left: 20px;
display: block;
width: 35px;
height: 24px;
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/mail.svg);
background-repeat: no-repeat;
background-size: contain;
}   .tab-group {
margin: 1em auto;
max-width: 40em;
width: 100%;
} .tab {
position: relative;
width: 100%;
} .tab input {
position: absolute;
left: 0;
top: 0;
z-index: -999;
visibility: hidden;
opacity: 0;
} .slider_produto.slick-initialized .slick-slide{
margin: 8px;
}
.slider_produto{
padding-bottom: 20em;
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/details-yellow.svg);
background-position: -5% 95%;
background-repeat: no-repeat;
background-size: 25%;
}
.slider_produto .slick-slide{
min-height: 500px;
}
.slider_produto .slick-slide .image-xyz img{
position: absolute;
width: 120%;
max-width: 120%;
left: -10%;
top: -10%;
transition: top 300ms ease;
}
.slider_produto .slick-slide .image-xyz{
transition: padding 300ms ease;
overflow: hidden;
width: 100%;
padding-bottom: 100%;
position: relative;
}
.slider_produto .slick-active .image-xyz{
padding-bottom: 110%;
}
.slider_produto .slick-active .image-xyz img{
top: -5%;
}
.slider_produto .slick-center .image-xyz{
padding-bottom: 120%;
transition: all 300ms ease;
}
.slider_produto .slick-center .image-xyz img{
top: 0;
}
.slider_produto.slick-initialized .slick-slide h2{
font-size: 1em;
font-weight: 600;
text-transform: none;
margin: .5em 0;
}
.slider_produto.slick-initialized .slick-slide p{
font-size: .85em;
font-weight: 400;
}
.slick-prev, .slick-next{
opacity: 1;
}
.slide_extra .slick-next:after{
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/arrow_r_black.svg);
}
.slide_extra .slick-prev:after{
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/arrow_black.svg);
}
.slide_extra .slick-prev:before, .slide_extra .slick-next:before{
background-color: transparent;
}
.slick-prev, .slick-slider:hover .slick-prev,
.slick-next, .slick-slider:hover .slick-next{
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 150px;
height: 60px;
width: 160px
}
.slick-prev, .slick-slider:hover .slick-prev{
left: 160px;
}
.slick-next, .slick-slider:hover .slick-next{
right: 160px;
}
.slick-prev:before, .slick-next:before{
width: 60px;
height: 60px;
line-height: 60px;
background-color: #2d2d2d;
color: #fff;
font-size: 0;
position: absolute;
top: 0;
transition: background 300ms ease;
}
.slick-prev:hover:before, .slick-next:hover:before{
background-color: #ff0e58;
}
.slick-prev:after, .slick-next:after{
content: "";
width: 150px;
height: 60px;
line-height: 60px;
background-color: transparent;
color: #fff;
font-size: 0;
position: absolute;
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/arrow.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 9;
top: 0;
}
.slick-next:after{
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/arrow_r.svg);
}
.slick-prev:before, .slick-prev:after{
left: 0;
}
.slick-next:before, .slick-next:after{
right: 0;
}
.slide_extra{
display: block;
width: 1200px;
margin: 0 auto;
padding: 10em 0 15em 0;
max-width: 100%;
}
.slide_extra h1{
font-size: 2em;
font-weight: 600;
margin-bottom: 2em;
text-transform: uppercase;
}
.slide_extra .image-xyz{
width: 48%;
float: right;
position: relative;
}
.gelatos .slide_extra .image-xyz:before{
content: "";
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/tracos.svg);
display: block;
width: 60%;
padding-bottom: 48%;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 0;
left: -10%;
z-index: 9;
}
.slide_extra .slide-content{
width: 40%;
float: left;
}
.slide_extra .slide-content p{
font-size: 1.3em;
}
.slide_extra .slide-content h2{
color: #fff;
font-size: 6em;
margin-bottom: .5em;
display: inline-block;
}
.slide_extra .slide-content h2:after{
content: "";
width: 100%;
height: .2em;
background-color: #fff;
display: block;
}
.slide_extra .slick-prev, 
.slide_extra.slick-slider:hover .slick-prev, 
.slide_extra .slick-next, 
.slide_extra.slick-slider:hover .slick-next
{
top: auto;
height: 60px;
width: 160px;
bottom: 150px;
left: 0;
right: 0;
}
.slide_extra .slick-next, 
.slide_extra.slick-slider:hover .slick-next{
left: 26%;
} .arrow-down{
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/arrow-down.svg);
background-position: left top;
background-size: contain;
background-repeat: no-repeat;
display: block;
height: 90px;
width: 30px;
margin-top: 30px;
}
.arrow-down.right{
margin-left: auto;
margin-right: 0;
}
.loja .arrow-down{
transform: rotate(-90deg);
left: 30px;
position: relative;
top: -50px;
}
.eventos .slide_extra{
padding: 0;   
max-height: 500px;
}
.eventos .slide_extra .image-xyz{
width: 100%;
float: none;
overflow: hidden;
height: 0;
padding-bottom: 100%;
}
.eventos .slide_extra .slick-next, .eventos .slide_extra.slick-slider:hover .slick-next{
left: auto;
bottom: 0;
}
.eventos .slide_extra .slick-prev, .eventos .slide_extra.slick-slider:hover .slick-prev{
bottom: 0;
}
.icones-propriedades{
margin: 0;
text-align: left;
}
.icone{
display: inline-block;
width: 62px;
height: 62px;
margin: 2em 20px 2em 0;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.icone.iconvegano{
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/vegano.svg);
}
.icone.icongluten{
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/gluten.svg);
}
.icone.iconacucar{
background-image: url(//icygelato.com.br/wp-content/themes/Icy/assets/design/acucar.svg);
}
.tab label {
display: block;
font-weight: 600;
font-size: 1.6em;
line-height: 1.6em;
padding: 0.35em 50px .35em 0;
border-top: dotted 1px rgba(45,45,45,.15);
cursor: pointer;
clear: both;
}
.tab label .icon-x{
float: right;
width: 30px;
height: 30px;
border-radius: 100%;
box-shadow: inset 0 0 0 1px #2d2d2d;
text-align: center;
line-height: 30px;
font-size: 20px;
position: absolute;
right: 0;
top: 15px;
transform: rotate(45deg);
}
.tab label:hover .icon-x{
background-color: #2d2d2d;
color: #fff;
}
.picoles-row{
padding: 6em 0;
}
.picoles-row .imagem{
position: relative;
z-index: 1;
}
.picoles-row .detalhe-img{
position: absolute;
z-index: 2;
top: 35%;
right: -80%;
width: 100%;
}
.picoles-row .reverse.detalhe-img{
right: auto;
left: -80%;
} .tab input:focus + label,
.tab label:hover {
transform: rotate(0);
}
.tab-content { max-height: 0;
overflow: hidden; }
.tab-content p {
margin-bottom: 1em;
font-size: 1em;
}
.tab input:checked ~ .tab-content { max-height: 30em; }
.tab input:checked ~ label .icon-x {
transform: rotate(0);
background-color: #2d2d2d;
color: #fff;
}
.front{
padding-bottom: 8em;
}
.front-sub{
padding-bottom: 4em;
}
.front .offset-by-one.column, .front .offset-by-one.columns, .eventos-row .offset-by-one.columns,
.front-sub .offset-by-one.column, .front-sub .offset-by-one.columns{
margin-left: 12.666667%;
}
.extra_content{
padding: 8em 0
}
.video{
margin: 6em 0 12em;
}
.embed-container {
position: relative;
padding-bottom: 55%;
overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.box-container{
overflow: hidden;
overflow-y: scroll;
height: 400px;
}
.box-container .block-ponto-venda{
margin-right: 20px;
}
.box-container::-webkit-scrollbar {
width: 15px;
}
.box-container::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.2);
}
.box-container::-webkit-scrollbar{
width: 6px;
}
.box-container::-webkit-scrollbar-track {
border-radius: 3px;
}
.box-container::-webkit-scrollbar-thumb {
background-color: #2d2d2d;
}
.box-container::-webkit-scrollbar-thumb:hover {
background-color: #fff200;
}
.more{
position: absolute;
font-family: 'Montserrat', sans-serif;
font-size: .78em;
bottom: 35px;
font-weight: 800;
left: 35px;
color: #2d2d2d;
height: 40px;
padding: 0 1.6em 0 4em;
border-radius: 20px;
line-height: 40px;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0);
}
.more.download-button .icon{
color: #fff;
background-color: #2d2d2d;
}
.more:hover{
box-shadow: inset 0 0 0 2px rgba(0,0,0,1);
}
.more:hover .icon{
color: #2d2d2d;
background-color: transparent;
}
.more .icon, .slider-area .more:before{
position: absolute;
width: 40px;
height: 40px;
line-height: 38px;
left: 0;
top: 0;
font-size: 1.8em;
display: block;
background-color: #dedede;
border-radius: 100%;
text-align: center;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.slider-area .more:before{
font-family: 'eticon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e9b2";   
}
.product.destaque .more .icon, .box-wide .more .icon{
background-color: #fff;
}
.more:hover .icon, .product.destaque .more:hover .icon{
background-color: transparent;
color: #2d2d2d;
}
.product-home{
background-color: #fff;
display: inline-block;
margin-bottom: 20px;
position: relative;
width: 340px;
max-width: 100%
}
.product-home .product-img{
width: 200px;   
}
.product-home .inner{
padding: 15px;   
width: 50%;
display: block;
float: left;
}
.product-home .inner a{
color: #2d2d2d;
font-family: 'Montserrat', sans-serif;
line-height: 1.2em;
}
.product-home .product-img{
display: block;
float: right;
width: 50%;
}
.product-home .more {
position: absolute;
bottom: auto;
left: auto;
top: 15px;
right: 15px;
background-color: #fff;
color: #2d2d2d;
text-align: center;
height: 40px;
width: 40px;
padding: 0;
border-radius: 20px;
line-height: 38px;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0);
}
.product-home .more .icon{
background-color: #fff;
color: #2d2d2d;
}
.product-home .more:hover .icon{
background-color: #ffde0e;
}
.product-content{
padding-top: 14em;
margin-bottom: 0;
height: auto;
min-height: inherit;
}
.product-content p+h3{
margin-top: 2em;
}
.product-content h1, .product-content h2, .product-content h3{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
}
.product-content h2{
margin-bottom: .5em;
font-size: 2.6em;
text-transform: uppercase;
}
.social{
text-align: right;
padding: 1em 0;
}
.social h4{
font-size: .96em;
line-height: 1em;
}
.product-alt{
padding: 1em 0;
}
.social li{
display: inline-block;
margin: 0 .1em;
}
.social li a{
color: #fff;
background-color: #2d2d2d;
padding: .35em;
border-radius: 100%;
font-size: .9em;
}
.social li a:hover{
color: #2d2d2d;
background-color: #ffde0e;
}
#wmatic{
text-align: center;
}
.box-wide{
width: 560px;
height: 360px;
background-color: #ffde0e;
display: inline-block;
margin: 10px;
position: relative;
}
.box-wide .inner{
display: block;
width: 65%;
}
.box-wide:nth-child(2){
background-color: #ff8e07;
}
.box-wide .empresa-img{
height: 80px;
width: auto;
max-width: 220px;
margin: 0 0 1em 0;
display: block;
}
.shake:hover .mail{
animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
.flex-product .product:nth-child(9){
margin-left: 310px;
}
.flex-product .product:nth-child(11){
margin-left: 310px;
}
.flex-product .product:nth-child(14){
margin-left: 610px;
}
.flex-product .product:nth-child(9):before, .flex-product .product:nth-child(9):after{
text-align: right;
content: "QUEM SOMOS";
width: 360px;
color: #fff;
position: absolute;
left: -380px;
font-weight: 800;
top: 0;
margin-top: 20px;
font-size: 5.5em;
font-family: 'Montserrat', sans-serif;
}
.flex-product .product:nth-child(9):after{
width: 220px;
height: 17px;
left: -240px;
background-color: #fff;
content: "";
top: auto;
bottom: 20px;
margin-top: 20px;
}
.title-areas{
margin-top: 20px;
font-size: 3.5em;
font-family: 'Montserrat', sans-serif;
color: #2d2d2d;
text-align: center;
font-weight: 800;
line-height: 1em;
text-transform: uppercase;
}
.sub-title-areas{
margin-top: 20px;
font-size: 1.6em;
font-family: 'Montserrat', sans-serif;
color: #2d2d2d;
text-align: center;
font-weight: 800;
line-height: 1em;
text-transform: uppercase;
}
.relaction{
margin-top: 1em;
border-top: 2px solid;
}
.box-black{
background-color: #2d2d2d;
padding: 15px;
color: #fff;
}
.box-black a, .box-black h2{
color: #fff;
}
.box-black h2{
margin-bottom: .5em;
font-size: 1.2em;
}
.download{
display: block;
font-weight: 800;
color: #2d2d2d;
text-decoration: none;
padding: 1em 0;
}
.download span{
width: 33px;
height: 33px;
display: inline-block;
text-align: center;
background-color: #2d2d2d;
border-radius: 100%;
color: #fff;
line-height: 33px;
margin-right: .75em;
}
.download:hover span{
background-color: #ffde0e;
color: #2d2d2d;
}
.product-list, .product-list li {
margin: 0;
}
.product-list a{
font-size: .8em;
font-weight: 800;
display: inline-block;
padding: .25em 0;
}
.product-list a span{
margin-left: .35em;
font-size: 1.2em;
position: relative;
top: .1em;
}
.product-list a:hover span{
margin-left: .75em;
color: #ffde0e;
}
.product-list a:hover{
color: #ffde0e;
}
.newsletter{
text-align: center;
}
.newsletter input, .newsletter .button.call-action, .falecom textarea, .falecom input, .falecom .button.call-action, .search-box .search-form input[type="submit"] {
display: inline-block;
float: none;
margin: 0;
font-size: .78em;
font-family: 'Montserrat', sans-serif;
box-shadow: none;
height: 60px;
width: 550px;
max-width: 100%;
border: none;
box-shadow: inset 0 0 0 1px #2d2d2d;
border-radius: 30px;
padding: 0 2.5em;
}
.falecom .button.call-action {
box-shadow: none;
background-color: #ffde0e;
color: #2d2d2d;
margin: 20px auto;
width: 200px;
display: block;
}
#falecom{
padding: 0;
}
#falecom-form{
width: 550px;
display: block;
margin: 0 auto;
}
.falecom textarea{
height: 130px;
margin: 20px 0;
}
.newsletter input, .newsletter .button.call-action{
position: relative;
left: 30px;
top: 0;
box-shadow: inset 0 0 0 2px #2d2d2d;
}
.newsletter .button.call-action {
background-color: #2d2d2d;
color: #fff;
width: 150px;
left: -30px;
font-weight: 800;
}
.newsletter .button.call-action:hover{
background-color: #ffde0e;
color: #2d2d2d;
}
.lista{
padding-left: 20px;
padding-top: 30px;
}
.lista p{
color: #2d2d2d;
font-size: 1em;
line-height: 1.2em;
}
footer{
padding: 8em 0;
}
#contato{
background-color: #2d2d2d;
color: #fff;
text-align: left;
}
.title-contato{
margin-top: 20px;
font-size: 3.5em;
font-family: 'Montserrat', sans-serif;
color: #fff;
text-align: left;
font-weight: 800;
line-height: 1em;
text-transform: uppercase;
}
.title-contato:after{
width: 220px;
height: 17px;
background-color: #fff;
content: "";
bottom: 20px;
display: block;
margin-top: 20px;
margin-right: auto;
}
#contato .inner{
margin-left: 20px;
}
#contato p{
margin-bottom: 1em;
}
#contato hr{
border: 0;
height: 1px;
background-color: #fff;
width: 300px;
margin: 0;
margin-bottom: 1em;
}
#contato input, #contato textarea{
border: none;
background-color: #e5e5e5;
padding: .75em;
color: #5d5d5d;
font-weight: 400;
font-size: 1em;
display: block;
box-sizing: border-box;
width: 100%;
max-width: 400px;
font-family: 'Montserrat', sans-serif;
margin-bottom: .5em;
-webkit-appearance: none;
border-radius: 0;
}
#contato textarea{
margin-bottom: 0;
}
#contato input[type="submit"]{
background-color: #79242F;
text-align: left;
color: #fff;
border-radius: 0;
padding: .75em 1.2em;
cursor: pointer;
text-transform: uppercase;
font-weight: 800;
}
#contato input[type="submit"]:hover{
background-color: #2d2d2d;
}
.map-container{
height: 50vh;
width: 100%;
min-height: 800px;
}
.map {
width: 100%;
z-index: 2;
height: 400px
}
footer {
background-color: #2d2d2d;
}
footer .container {
background-color: #2d2d2d;
color: #fff;
}
footer h3{
color: #ffde0e;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
text-transform: uppercase;
font-size: .86em;
line-height: 1.1em;
}
footer .big{
font-size: 2em;
margin-top: 1em;
margin-bottom: 1em;
display: block;
font-weight: 800;
}
footer .mail{
font-size: 1.4em;
margin-bottom: 3em;
display: block;
font-style: italic;
color: #fff;
text-align: left;
}
footer a[href^="tel"] {
color: #fff;
font-weight: 400;
}
footer h1{
font-weight: 800;
display: block;
margin-bottom: .25em;
font-size: 1.6em;
}
footer b, b{
font-weight: 800;
display: block;
margin-bottom: .25em;
}
footer p{
margin-bottom: 2.2em;
margin-top: 1em;
font-size: 1.1em;
}
footer a{
color: #fff;
text-transform: none;
}
footer .logo-footer{
width: 300px;
margin: 0 auto;
display: block;
max-width: 80%;
vertical-align: middle;
top: 50%;
position: relative;
transform: translateY(-50%);
}
footer #custom_html-3, footer #nav_menu-3{
margin-top: 1em;
padding-top: 1em;
border-top: 1px solid #fff;
}
footer #nav_menu-3{
border-top: none;
}
footer .sub-title-areas{
color: #fff;
text-align: left;
font-size: 1.2em;
}
footer .newsletter{
text-align: left;
margin-bottom: 40px;
}
footer .newsletter input{
width: 70%;
left: 0;
box-shadow: none;
}
footer .newsletter .button.call-action{
background-color: #ffde0e;
left: -60px;
color: #2d2d2d;
box-shadow: none;
}
.yellow-full{
background-color: #ffde0e;
display: inline-block;
width: 40%;
float: left;
flex: 1;
}
.black-full{
margin: 4em 0 4em 30px;
flex: 1.5;
}
.black-full img{
width: 200px;
}
.yellow-full:before{
content: "";
position: absolute;
width: 300%;
height: 100%;
background-color: #ffde0e;
top: 0;
right: 95%;
}
.slider-area .slick-slide{
padding: 0 1em;
}
.slider-area .after h2{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 1.4em;
line-height: 1.2em;
margin-bottom: .35em;
}
.slider-area .after{
position: relative;
width: 100%;
top: auto;
transform: none;
padding: 20px 20px 60px;
height: 100%;
max-height: 240px;
overflow: hidden;
cursor: pointer;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.slider-area .open.after{
height: 100%;
max-height: 800px;
background-color: #ffde0e;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.slider-area .after .more{
bottom: 20px;
left: 20px;
z-index: 0;
cursor: pointer;
}
.slider-area .open.after .more{
color: #ffde0e;
}
.slider-area .open.after .more:before{
content: "\e997";
background-color: #2d2d2d;
color: #fff;
}
.slider-area .after .more:after{
position: absolute;
content: "";
border-bottom: 2px solid #2d2d2d;
top: -20px;
left: -20px;
width: 300%;
height: 80px;
background-color: #f4f4f4;
z-index: -1;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.slider-area .open.after .more:after{
background-color: #ffde0e;
}
.slider-area .slick-slider h1, .slider-area .slick-slider h2, .slider-area .slick-slider h3, .slider-area .slick-slider a, .slider-area .slick-slider p{
text-align: left;
}
.slider-area .slick-slide img{
margin-bottom: 0;
}
.slider-content .slick-slider p{
font-size: 1em;
}
.slider-area{
margin: 0 8em;
}
.slick-slide .inner .more{
left: 0;
}
.thumbs.slick-initialized .slick-slide{
margin: 20px;
}
.cd-primary-nav, .responsive-logo {
display: none;
}
.slide_extra .slick-slide img{
width: 100%;
}
.strips {
min-height: 300px;
text-align: center;
overflow: hidden;
}
.strips__strip {
position: relative;
overflow: hidden;
cursor: pointer;
-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
} @media screen and (max-width: 1440px) {
.title-section{
font-size: 2.6em;
}
p {
font-size: 1em;
}
.slide_extra h1, .product-content h2{
font-size: 1.6em;
}
section, .bg{
height: 100vh;
min-height: 600px;
box-sizing: border-box;
}
.product-content{
padding-top: 5em;
}
}
@media screen and (max-width: 1220px) {
.title-section, .ondeencontrar h1, .ondeencontrar h2.lojas{
font-size: 2em;
}
p {
font-size: 1em;
}
footer p {
font-size: 1em;
}
section, .bg{
min-height: 400px;
}
.slide_extra h1, .product-content h2, footer h1, .block-ponto-venda h3{
font-size: 1.5em;
}
.slide_extra .slide-content h2{
font-size: 4em;
}
.tab label{
font-size: 1.2em;
padding: .5em 40px .5em 0;
}
.tab label .icon-x {
float: right;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 14px;
top: 10px;
}
.front{
padding-bottom: 2em;
}
.front-sub{
padding-bottom: 2em;
}
} @media only screen and (max-width: 959px) {
.front .product-img{
margin-bottom: 1em;
}
.esconder{
display: block;
visibility: visible;
}
section .bg:before{
background-image: none;
}
.fullimage:after{
display: none;
}
.ondeencontrar h1, .ondeencontrar h2.lojas{
font-size: 1.6em;
}
.block-ponto-venda h3{
font-size: 1em;
}
.block-ponto-venda p, footer p {
font-size: .78em;
}
.maps_ondecomprar_form input[type=submit]{
font-size: .75em;
margin: 10px auto;
}
.find_field{
width: 100%;
font-size: 1.2em;
}
section .content, section .content-image, section .content.reverse, section .content-image.reverse, .slide_extra {
width: 600px;
max-width: 100%;
position: relative;
padding: 0;
transform: none;
margin: 0 auto 30px;
}
section .content, section .content.reverse{
width: 400px;
max-width: 100%;
}
.flex-container{
width: 600px;
padding-top: 0;
}
#advogados .title-areas{
display: block;
}
section, .bg{
height: auto;
min-height: 0;
}
.bg, .slide_extra{
padding: 8em 0;
}
.front{
padding-bottom: 0;
}
.front-sub{
padding-bottom: 2em;
}
.product-content{
padding-top: 7.5em;
}
.slider_produto{
padding-bottom: 4em;
}
.lista{
padding: 0;
}
.icy-social{
left: auto;
right: 120px;
bottom: auto;
top: 2.6em;
}
.icy-social a{
margin: .2em 0;
padding: .2em;
display: inline-block;
}
.nav-trigger { display: table;
height: 100%;
padding: 1em;
font-size: .58em;
text-transform: uppercase;
color: #fff;
font-weight: normal;
right: 2em;
top: 1.2em;
bottom: auto;
position: absolute;
}
.nav-trigger span { display: table-cell;
vertical-align: middle;
}
.nav-trigger em,
.nav-trigger em::after,
.nav-trigger em::before { display: block;
position: relative;
height: 3px;
width: 27px;
background-color: #c1c1c1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.nav-trigger em { margin: 10px auto 14px;
-webkit-transition: background-color .2s;
transition: background-color .2s;
}
.nav-trigger em::before,
.nav-trigger em::after {
position: absolute;
content: '';
left: 0;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
.nav-trigger em::before { -webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
.nav-trigger em::after { -webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
}
.nav-open .nav-trigger em { background-color: rgba(255, 255, 255, 0);
}
.nav-open .nav-trigger em::before { -webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-open .nav-trigger em::after { -webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.responsive-logo{
display: block;
float: left;
margin-left: 5%;
}
.cd-primary-nav {
display: inline-block;
float: right;
height: 100%;
padding-right: 5%;
}
.cd-primary-nav ul {
position: absolute;
z-index: 2;
top: 100px;
left: auto;
width: 200px;
right: -200px;
-webkit-transition: all .2s;
transition: all .2s;
transition: all .2s;
transition: all .2s,all .2s;
}
.cd-primary-nav ul a { display: inline-block;
text-align: right; line-height: 1.4em;
padding: .5em 2em .5em 1em; color: #2d2d2d;
background-color: #eeedea;
font-size: 1.16em;
}
.cd-primary-nav ul a:hover,
.cd-primary-nav ul a.active {
color: #2d2d2d;
background-color: #f0cf08;
}
.nav-open .cd-primary-nav ul,
.cd-primary-nav ul:target {
display: block;
right: 0;
}
.cd-primary-nav ul li{
left: 3%;
position: relative;
transition: all .35s cubic-bezier(0.42,0,.58,1);
opacity: 0;
margin: 0;
}
.cd-primary-nav ul li:nth-child(1){
transition-delay: .05s;
}
.cd-primary-nav ul li:nth-child(2){
transition-delay: .1s;
}
.cd-primary-nav ul li:nth-child(3){
transition-delay: .15s;
}
.cd-primary-nav ul li:nth-child(4){
transition-delay: .2s;
}
.cd-primary-nav ul li:nth-child(5){
transition-delay: .25s;
}
.cd-primary-nav ul li:nth-child(6){
transition-delay: .3s;
}
.cd-primary-nav ul li:nth-child(7){
transition-delay: .35s;
}
.cd-primary-nav ul li:nth-child(8){
transition-delay: .4s;
}
.cd-primary-nav ul li:nth-child(8){
transition-delay: .45s;
}
.nav-open .cd-primary-nav ul li{
left: 0;
opacity: 1;
}
#navigation {
display: none;
}
#header{
top: 0;
height: 100px;
width: 100%;
left: 0;
right: auto;
mix-blend-mode: normal;
background-color: #2d2d2d;
}
.icy-brand, .icy-brand-white{
top: 0;
left: 1em;
z-index: 91;
mix-blend-mode: normal;
width: 100px;
height: 100px;
}
.icy-brand{
display: none;
}
.slide_extra .image-xyz{
display: none;
}
.slide_extra .slide-content{
width: 100%;
}
.slide_extra .slick-prev, .slide_extra.slick-slider:hover .slick-prev, .slide_extra .slick-next, .slide_extra.slick-slider:hover .slick-next{
bottom: 50px;
visibility: visible;
}
.slide_extra .slick-next, .slide_extra.slick-slider:hover .slick-next{
left: auto;
bottom: 50px
}
.slide_extra .slide-content h2 {
font-size: 4em;
float: left;
margin-right: 1em;
margin-bottom: 1.2em;
}
.slide_extra .slide-content p{
font-size: 1em;
}
.image_interno_content{
max-width: 100%;
width: 200px;
margin: 0 auto 3em;
display: block;
}
.fullimage{
margin: 2em 0;
}
.slick-prev, .slick-slider:hover .slick-prev, .slick-next, .slick-slider:hover .slick-next{
display: none;
visibility: hidden;
}
.slider_produto.slick-initialized .slick-slide{
margin: 4px;
}
.slider_produto .slick-slide{
min-height: 200px;
}
.icone{
margin: 10px 10px 0 0;
width: 40px;
height: 40px;
}
.picoles-row{
padding: 4em 0;   
}
.tab label{
font-size: 1em;
}
.product-content h1, .product-content h2, .product-content h3{
font-size: 1.68em;
}
.front .offset-by-one.column, .front .offset-by-one.columns, .eventos-row .offset-by-one.columns, .front-sub .offset-by-one.column, .front-sub .offset-by-one.columns{
margin-left: 0;
}
footer, .extra_content{
padding: 2em 0;
}
.video{
margin: 2em 0 4em;
}
footer .footer-content{
padding-bottom: 1em;
border-bottom: 1px solid rgba(255,255,255,.1);
margin-bottom: 1em;
}
.loja .arrow-down{
transform: rotate(0deg); 
left: 0;
position: relative;
top: 0;
}
} @media only screen and (min-width: 768px) and (max-width: 959px) {} @media only screen and (max-width: 767px) {
.front .offset-by-one.column, .front .offset-by-one.columns, .eventos-row .offset-by-one.columns, .front-sub .offset-by-one.column, .front-sub .offset-by-one.columns{
margin-left: 0;
}
.eventos-row .arrow-down{
transform: rotate(0deg); 
left: 0;
position: relative;
top: 0;
}
.front .offset-by-one.column, .front .offset-by-one.columns, .eventos-row .offset-by-one.columns{
margin-left: 0;
}
#advogados, #atuacao{
background-image: none;
}
.slider_produto.slick-initialized .slick-slide h2{
font-size: .75em;
}
.slider_produto.slick-initialized .slick-slide{
margin: 2px;
}
.slider_produto .slick-slide{
min-height: 150px;
}
#atuacao{
background-size: 60%;
}
.flex-container{
width: 420px;
justify-content: center;
}
#contato .map-container{
position: relative;
width: 100%;
height: 60vh;
}
.title-contato{
font-size: 2.8em;
}
.intro{
max-width: 170px;
}
.image-intro, .picoles-row .imagem{
margin: 0 auto 20px 0;
}
.picoles-row .reverse.detalhe-img, .picoles-row .detalhe-img{
display: none;
}
section, footer{
min-height: 0;
}
.container {
padding: 0 20px;
}
.picoles-row{
padding: 2em 0;   
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {} @media only screen and (max-width: 479px) {
.flex-container{
width: 300px;
justify-content: center;
}
p , .tab-content p{
font-size: .88em;
line-height: 1.36em;
font-weight: 400;
margin-bottom: 1.3em;
}
.box{
margin: 10px auto;
}
#contato .inner{
margin-left: 0;
}
.container {
padding: 0 20px;
}
} @media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
}