.comm-pagination{display:block;text-align:center} .comm-pagination ul.page-numbers{display:inline-block;margin:20px 0;padding:0;list-style:none} .comm-pagination ul.page-numbers li{float:left;margin:0 10px} .comm-pagination ul.page-numbers li>span,.comm-pagination ul.page-numbers li a{display:block;width:40px;height:40px;font-size:18px;line-height:40px;text-decoration:none;border-radius:20px} .comm-pagination ul.page-numbers li a{color:#fff;background-color:#0a3460} .comm-pagination ul.page-numbers li a:hover,.comm-pagination ul.page-numbers li a:active{background-color:#39b0c3} .comm-pagination ul.page-numbers li span.current{color:#fff;background-color:#39b0c3} .comm-pagination ul.page-numbers li span.dots{color:#39b0c3;font-size:1.2em} .categorias-icon,#artigos_hash .excerpt-article .text-container .icon-cat{display:block;position:relative;overflow:hidden;background-image:url("../../../assets/sprite.png");background-size:1024px 1024px;background-repeat:no-repeat;content:"";display:block;width:36px;height:36px;border-radius:18px;z-index:20;background-size:328px} .categorias-icon.caes,#artigos_hash .excerpt-article .text-container .caes.icon-cat{background-position:-2px -64px;background-color:#4dbea5} .categorias-icon.gatos,#artigos_hash .excerpt-article .text-container .gatos.icon-cat{background-position:-45px -64px;background-color:#39b0c3} .categorias-icon.equinos,#artigos_hash .excerpt-article .text-container .equinos.icon-cat{background-position:-84px -64px;background-color:#168ccd} .categorias-icon.silvestres,#artigos_hash .excerpt-article .text-container .silvestres.icon-cat{background-position:-128px -64px;background-color:#763992} .categorias-icon.zoo,#artigos_hash .excerpt-article .text-container .zoo.icon-cat{background-position:-168px -64px;background-color:#763992} .categorias-icon.geral,#artigos_hash .excerpt-article .text-container .geral.icon-cat{background-position:-208px -64px;background-color:#07284e} .ext-block{display:block;position:relative;width:100%} .ext-noselect,.ext-formas #formasSlide,#formas_hash #formasSlide,#destaque{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .ext-formas>.tile,#formas_hash>.tile{padding:0} .ext-formas>.tile>.tile>.cell,#formas_hash>.tile>.tile>.cell{padding:0 0 40px 0} #formas_hash #formas-titulo-slide, #sabores_hash #sabores-titulo-slide{display:block;position:absolute;bottom:20px;left:50%;width:300px;height:40px;margin:0 0 0 -150px;padding:0;font-size:16px;text-align:center;line-height:40px;font-weight:500;color:#fff;z-index:90;cursor:pointer} .ext-formas #formasSlide,#formas_hash #formasSlide{padding:0;background-color:#0a3460;background:-webkit-linear-gradient(left,#0a3460 0,#0f639b 50%,#0a3460 100%);background:linear-gradient(to right,#0a3460 0,#0f639b 50%,#0a3460 100%)} .ext-formas #formasSlide:before,#formas_hash #formasSlide:before,.ext-formas #formasSlide:after,#formas_hash #formasSlide:after{display:block;position:absolute;top:0;width:40%;height:100%;z-index:10;content:"";pointer-events:none} .ext-formas #formasSlide:before,#formas_hash #formasSlide:before{left:0;background:-webkit-linear-gradient(right,rgba(10,52,96,0) 0,rgba(10,52,96,0.8) 60%);background:linear-gradient(to left,rgba(10,52,96,0) 0,rgba(10,52,96,0.8) 60%)} .ext-formas #formasSlide:after,#formas_hash #formasSlide:after{right:0;background:-webkit-linear-gradient(left,rgba(10,52,96,0) 0,rgba(10,52,96,0.8) 60%);background:linear-gradient(to right,rgba(10,52,96,0) 0,rgba(10,52,96,0.8) 60%)} .ext-formas #formasSlide .slick-list.draggable,#formas_hash #formasSlide .slick-list.draggable{padding:0 !important} .ext-formas #formasSlide .slick-prev,#formas_hash #formasSlide .slick-prev,.ext-formas #formasSlide .slick-next,#formas_hash #formasSlide .slick-next{width:64px;height:140px;z-index:20} .ext-formas #formasSlide .slick-prev:before,#formas_hash #formasSlide .slick-prev:before,.ext-formas #formasSlide .slick-next:before,#formas_hash #formasSlide .slick-next:before{display:block;position:relative;overflow:hidden;background-image:url("../../../assets/sprite.png");background-size:1024px 1024px;background-repeat:no-repeat;content:"";width:64px;height:64px;opacity:1} .ext-formas #formasSlide .slick-prev,#formas_hash #formasSlide .slick-prev{left:0;background:-webkit-linear-gradient(right,rgba(10,52,96,0) 0,#0a3460 60%);background:linear-gradient(to left,rgba(10,52,96,0) 0,#0a3460 60%)} .ext-formas #formasSlide .slick-prev:before,#formas_hash #formasSlide .slick-prev:before{background-position:0 -640px} .ext-formas #formasSlide .slick-next,#formas_hash #formasSlide .slick-next{right:0;background:-webkit-linear-gradient(left,rgba(10,52,96,0) 0,#0a3460 60%);background:linear-gradient(to right,rgba(10,52,96,0) 0,#0a3460 60%)} .ext-formas #formasSlide .slick-next:before,#formas_hash #formasSlide .slick-next:before{background-position:-64px -640px} .ext-formas #formasSlide .slide,#formas_hash #formasSlide .slide{outline:0;margin:0;height:140px;width:100px;cursor:pointer} .ext-formas #formasSlide .slide>.contents,#formas_hash #formasSlide .slide>.contents{display:block;position:relative;overflow:hidden;background-image:url("../../../assets/sprite-formas.png");background-size:1024px 1024px;background-repeat:no-repeat;content:"";display:block;position:relative;overflow:hidden;width:90px;height:90px;top:50%;left:50%;margin:-45px 0 0 -45px;border-radius:90px;background-color:rgba(22,140,205,0.5);background-size:720px 720px;-webkit-transition:background-color .5s,-webkit-transform .3s;transition:background-color .5s,-webkit-transform .3s;transition:transform .3s,background-color .5s;transition:transform .3s,background-color .5s,-webkit-transform .3s} .desktop .ext-formas #formasSlide .slide>.contents:hover,.desktop #formas_hash #formasSlide .slide>.contents:hover,.ext-formas #formasSlide .slide>.contents.hover,#formas_hash #formasSlide .slide>.contents.hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);background-color:#168ccd} .ext-formas #formasSlide .slide.biscoitos-medicamentosos>.contents,#formas_hash #formasSlide .slide.biscoitos-medicamentosos>.contents{background-position:-0 -45px} .ext-formas #formasSlide .slide.capsulas>.contents,#formas_hash #formasSlide .slide.capsulas>.contents{background-position:-90px -45px} .ext-formas #formasSlide .slide.colirios>.contents,#formas_hash #formasSlide .slide.colirios>.contents{background-position:-180px -45px} .ext-formas #formasSlide .slide.condicionadores>.contents,#formas_hash #formasSlide .slide.condicionadores>.contents{background-position:-270px -45px} .ext-formas #formasSlide .slide.emulsoes>.contents,#formas_hash #formasSlide .slide.emulsoes>.contents{background-position:-360px -45px} .ext-formas #formasSlide .slide.enemas>.contents,#formas_hash #formasSlide .slide.enemas>.contents{background-position:-450px -45px} .ext-formas #formasSlide .slide.florais>.contents,#formas_hash #formasSlide .slide.florais>.contents{background-position:-540px -45px} .ext-formas #formasSlide .slide.geis>.contents,#formas_hash #formasSlide .slide.geis>.contents{background-position:-630px -45px} .ext-formas #formasSlide .slide.geis-oftalmicos>.contents,#formas_hash #formasSlide .slide.geis-oftalmicos>.contents{background-position:-0 -135px} .ext-formas #formasSlide .slide.geis-otologicos>.contents,#formas_hash #formasSlide .slide.geis-otologicos>.contents{background-position:-90px -315px} .ext-formas #formasSlide .slide.geis-transdermicos>.contents,#formas_hash #formasSlide .slide.geis-transdermicos>.contents{background-position:-90px -135px} .ext-formas #formasSlide .slide.homeopatia>.contents,#formas_hash #formasSlide .slide.homeopatia>.contents{background-position:-540px -45px} .ext-formas #formasSlide .slide.injetaveis>.contents,#formas_hash #formasSlide .slide.injetaveis>.contents{background-position:-0 -315px} .ext-formas #formasSlide .slide.mousse>.contents,#formas_hash #formasSlide .slide.mousse>.contents{background-position:-630px -225px} .ext-formas #formasSlide .slide.pastas-orais>.contents,#formas_hash #formasSlide .slide.pastas-orais>.contents{background-position:-270px -135px} .ext-formas #formasSlide .slide.pomadas>.contents,#formas_hash #formasSlide .slide.pomadas>.contents{background-position:-360px -135px} .ext-formas #formasSlide .slide.pomadas-oftalmicas>.contents,#formas_hash #formasSlide .slide.pomadas-oftalmicas>.contents{background-position:-450px -135px} .ext-formas #formasSlide .slide.pomadas-otologicas>.contents,#formas_hash #formasSlide .slide.pomadas-otologicas>.contents{background-position:-180px -315px} .ext-formas #formasSlide .slide.pos-ou-saches>.contents,#formas_hash #formasSlide .slide.pos-ou-saches>.contents{background-position:-540px -135px} .ext-formas #formasSlide .slide.produtos-para-diagnostico>.contents,#formas_hash #formasSlide .slide.produtos-para-diagnostico>.contents{background-position:-630px -135px} .ext-formas #formasSlide .slide.solucoes>.contents,#formas_hash #formasSlide .slide.solucoes>.contents{background-position:-180px -225px} .ext-formas #formasSlide .slide.solucoes-otologicas>.contents,#formas_hash #formasSlide .slide.solucoes-otologicas>.contents{background-position:-540px -225px} .ext-formas #formasSlide .slide.sprays>.contents,#formas_hash #formasSlide .slide.sprays>.contents{background-position:-270px -225px} .ext-formas #formasSlide .slide.suspensoes>.contents,#formas_hash #formasSlide .slide.suspensoes>.contents{background-position:-360px -225px} .ext-formas #formasSlide .slide.xampus>.contents,#formas_hash #formasSlide .slide.xampus>.contents{background-position:-90px -225px} .ext-formas #formasSlide .slide.xaropes>.contents,#formas_hash #formasSlide .slide.xaropes>.contents{background-position:-450px -225px} .ext-formas #formasSlide .slide.slick-center,#formas_hash #formasSlide .slide.slick-center{width:130px;padding:0} .ext-formas #formasSlide .slide.slick-center>.contents,#formas_hash #formasSlide .slide.slick-center>.contents{-webkit-transform:scale(1.333);-ms-transform:scale(1.333);transform:scale(1.333);z-index:10;background-color:#fff} .desktop .ext-formas #formasSlide .slide.slick-center>.contents:hover,.desktop #formas_hash #formasSlide .slide.slick-center>.contents:hover,.ext-formas #formasSlide .slide.slick-center>.contents.hover,#formas_hash #formasSlide .slide.slick-center>.contents.hover{-webkit-transform:scale(1.56);-ms-transform:scale(1.56);transform:scale(1.56);background-color:white} #destaque{display:block;position:relative;height:400px;overflow:hidden;background-color:#0a3460} #destaque>.tile{width:1366px;position:absolute;left:50%;margin-left:-682.75px} #destaque .destaqueSlide,#destaque .embed-container{display:block;width:1365px;height:400px;margin:0 .25px;border:0;outline:0;overflow:hidden} #destaque img{display:block;width:1365px;height:400px;border:0;outline:0} #destaque .slick-dots{padding:0;margin:-40px 0 0 0} .anima{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } /* HOME - FAIXA MARQUEE */ #faixa-marquee{ width: 100%; padding: 30px; background:-webkit-linear-gradient(right,#0f2c59,#041a39); background:linear-gradient(to right,#0f2c59,#041a39); } #faixa-marquee div{ box-sizing: border-box; display: flex; height: 60px; width: 100%; background: transparent url('../../../assets/marquee.png') repeat-x; animation: marquee 30s infinite linear; } @keyframes marquee { 0% { background-position: 0; } 100% { background-position: -1190px; } } @keyframes escala { 0% { transform: scale(1); } 50% { transform: scale(.9); } 100% { transform: scale(1); } } /* HOME - START */ #home-start{ background: #fff !important; padding: 50px 20px; } #home-start figure img{max-width: 100%; height: auto; animation: escala 10s infinite linear;} #home-start .flex{ display: flex; flex-direction: row; } #home-start .column:first-child{ padding: 1%; } #home-start .column:last-child{ display: flex; flex-direction: column; padding: 6% 4%; justify-content: center; } #home-start h2{ font-size: 22px; color: #0f2c59; font-weight: 300; margin-bottom: 30px;} #home-start h2 strong{ font-weight: 700 !important; position: relative; padding-bottom: 2px; font-family:"Norpeth-Black";} #home-start h2 strong:after{ position: absolute; bottom: 0; left: 0; content: ""; display: block; background: #37afc3; width: 40px; height: 4px;} #home-start article{ color: #666; line-height: 140%;} #home-start article .btn{ color: #50b9ca; position: relative; font-family:"Norpeth-Bold"; text-decoration: none !important;} #home-start article .btn:hover{color: #0f2c59;} #home-start article .btn span{position: relative;} #home-start article .btn:hover span{padding:10px;} #home-start .two{overflow: hidden;} /*================================================== CARROSSEL ====================================================*/ #carrossel { width: 100%; display: flex; position: relative; overflow: hidden; z-index: 0; padding: 0 20px 100px 20px; margin-bottom: 30px; } #carrossel .slick-track { display: flex !important; } #carrossel .item{ width: 100%; border: 1px solid #162449; margin: 20px; padding: 30px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; list-style: none; height: 100%;} #carrossel .item h3{color: #0f2c59; } #carrossel .item p{ color: #666;} #carrossel .slick-slide { margin-bottom: 0; object-fit: cover; height: auto; } #carrossel .slick-arrow{ position: absolute; z-index: 9; bottom: 0%; left: 0%; top: auto; text-indent: -999px; overflow: hidden; outline: none; width: 50px; height: 50px; background-color:red; background-repeat: none !important; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } #carrossel .slick-prev{ left:45%; right: auto; background:#fff url("../../../assets/carrossel-left.png") no-repeat center center; } #carrossel .slick-prev:hover{ background:#a2dae3 url("../../../assets/carrossel-left.png") no-repeat center center; } #carrossel .slick-next{ right: 45%; left: auto; background:#fff url("../../../assets/carrossel-right.png") no-repeat center center; } #carrossel .slick-next:hover{ background:#a2dae3 url("../../../assets/carrossel-right.png") no-repeat center center; } /* HOME - FORMAS */ .home-part{ min-height: 70vh; background: linear-gradient(to bottom,#9bd7e1,#fff); padding: 50px 30px 60px 30px; } #part-one.home-part{ padding-bottom: 100px;} .home-part #formas-intro figure{ position: relative; margin-top: -120px; } .home-part #formas-intro figure img{max-width: 100%; height: auto;} .home-part #formas-intro article{ padding: 50px 20px 20px 20px;} .home-part h2.n2{ text-align: center !important; text-transform: uppercase; font-size: 16px; margin: 35px auto; color: #07224a; } .home-part h2.n2 strong{font-family:"Norpeth-Bold",Arial,Helvetica,sans-serif !important; font-weight: bold; } .home-part .clear{ clear: both; padding: 20px; display: block;} .home-part #formasSlide{ background: transparent !important;} .home-part #formas-titulo-slide{ background:transparent !important; top: 20px !important; position: relative !important; color: #07224a !important;} .home-part .contents { background-color: rgba(103,194,209,.5) !important;} .home-part .slick-active .contents { background-color: #67c2d1 !important;} .home-part #formasSlide .slick-prev,#formas_hash #formasSlide .slick-prev{left:37%; top: 180px; background-size: 10px !important; background:-webkit-linear-gradient(right,rgba(10,52,96,0) 0,rgba(10,52,96,0));background:linear-gradient(to left,rgba(10,52,96,0) 0,rgba(10,52,96,0)); } .home-part #formasSlide .slick-next,#formas_hash #formasSlide .slick-next{right:37%; top: 180px; background-size: 10px !important; background:-webkit-linear-gradient(left,rgba(10,52,96,0) 0,rgba(10,52,96,0));background:linear-gradient(to right,rgba(10,52,96,0) 0,rgba(10,52,96,0))} .home-part #formasSlide:before,#formas_hash #formasSlide:before{left:0;background:-webkit-linear-gradient(right,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 60%);background:linear-gradient(to left,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 60%)} .home-part #formasSlide:after,#formas_hash #formasSlide:after{right:0;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 60%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 60%)} /* HOME- SABORES */ #part-two{min-height: 70vh; background: linear-gradient(to bottom,#a8dfd3,#fff); padding: 30px 30px 80px 30px; } .home-part #sabores-intro figure{ position: relative; margin-top: -60px; position: relative; vertical-align: top; } .home-part #sabores-intro figure img{max-width: 100%; height: auto; display: block; position: relative; top: 0;} .home-part #sabores-intro article{ padding: 50px 20px 20px 20px;} #sabores_hash p{margin-top:0;padding:0 10%} #sabores_hash .saboresSliderContainer{display:block;position:relative;overflow:hidden;margin-top:40px;height:auto; padding-bottom: 70px;} #sabores_hash>.tile{padding:0} #sabores_hash>.tile>.tile>.cell{padding:0 0 40px 0} #sabores_hash #sabores-titulo-slide{ background:transparent !important; top: 155px !important; color: #07224a !important;} #sabores_hash #saboresSlide{padding:0;background:-webkit-linear-gradient(left,rgba(133,117,79,0.1) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.1) 100%);background:linear-gradient(to right,rgba(255,255,255,0.1) 0,rgba(255,255,255,0.4) 50%,rgba(133,117,79,0.1) 100%)} #sabores_hash #saboresSlide:before, #sabores_hash #saboresSlide:after{display:block;position:absolute;top:0;width:40%;height:100%;z-index:10;content:"";pointer-events:none} #sabores_hash #saboresSlide:before{left:0;background:-webkit-linear-gradient(right,rgba(133,117,79,0) 0,rgba(232,228,223,0.8) 60%);background:linear-gradient(to left,rgba(133,117,79,0) 0,rgba(232,228,223,0.8) 60%)} #sabores_hash #saboresSlide:after{right:0;background:-webkit-linear-gradient(left,rgba(133,117,79,0) 0,rgba(232,228,223,0.8) 60%);background:linear-gradient(to right,rgba(133,117,79,0) 0,rgba(232,228,223,0.8) 60%)} #sabores_hash #saboresSlide .slick-list.draggable{padding:0 !important} #sabores_hash #saboresSlide .slick-prev, #sabores_hash #saboresSlide .slick-next{width:64px;height:140px;z-index:20} #sabores_hash #saboresSlide .slick-prev:before, #sabores_hash #saboresSlide .slick-next:before{ display:block;position:relative;overflow:hidden;background-image:url("../../../assets/sprite.png");background-size:1024px 1200px;background-repeat:no-repeat;content:"";width:64px;height:64px;opacity:1} #sabores_hash #saboresSlide .slick-prev{left:0;background:-webkit-linear-gradient(right,rgba(232,228,223,0) 0,#e8e4df 60%);background:linear-gradient(to left,rgba(232,228,223,0) 0,#e8e4df 60%)} #sabores_hash #saboresSlide .slick-prev:before{background-position:0 -768px} #sabores_hash #saboresSlide .slick-next{right:0;background:-webkit-linear-gradient(left,rgba(232,228,223,0) 0,#e8e4df 60%);background:linear-gradient(to right,rgba(232,228,223,0) 0,#e8e4df 60%)} #sabores_hash #saboresSlide .slick-next:before{background-position:-64px -768px} #sabores_hash #saboresSlide .slick-prev,#sabores_hash #saboresSlide .slick-prev{left:37%; top: 180px; background-size: 10px !important; background:-webkit-linear-gradient(right,rgba(10,52,96,0) 0,rgba(10,52,96,0));background:linear-gradient(to left,rgba(10,52,96,0) 0,rgba(10,52,96,0)); } #sabores_hash #saboresSlide .slick-next,#sabores_hash #saboresSlide .slick-next{right:37%; top: 180px; background-size: 10px !important; background:-webkit-linear-gradient(left,rgba(10,52,96,0) 0,rgba(10,52,96,0));background:linear-gradient(to right,rgba(10,52,96,0) 0,rgba(10,52,96,0))} #sabores_hash #saboresSlide:before,#sabores_hash #saboresSlide:before{left:0;background:-webkit-linear-gradient(right,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 60%);background:linear-gradient(to left,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 60%)} #sabores_hash #saboresSlide:after,#sabores_hash #saboresSlide:after{right:0;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 60%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0.8) 60%)} #sabores_hash #saboresSlide .slide{outline:0;margin:0;height:140px;width:100px;cursor:pointer} #sabores_hash #saboresSlide .slide>.contents{display:block;position:relative;overflow:hidden;background-image:url("../../../assets/sprite-sabores-azul.png");background-size:1024px 1024px;background-repeat:no-repeat;content:"";display:block;position:relative;overflow:hidden;width:90px;height:90px;top:50%;left:50%;margin:-45px 0 0 -45px;border-radius:90px;background-color:rgba(255,255,255,0.3);background-size:720px 720px;-webkit-transition:background-color .5s,-webkit-transform .3s;transition:background-color .5s,-webkit-transform .3s;transition:transform .3s,background-color .5s;transition:transform .3s,background-color .5s,-webkit-transform .3s} .home-part #saboresSlide .contents { background-color: rgba(122,285,186,.5) !important;} .home-part #saboresSlide .slick-active .contents { background-color: #79cdba !important;} .desktop #sabores_hash #saboresSlide .slide>.contents:hover, #sabores_hash #saboresSlide .slide>.contents.hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);background-color:white} #sabores_hash #saboresSlide .slide.maca>.contents{background-position:0 -46px} #sabores_hash #saboresSlide .slide.mel>.contents{background-position:-90px -46px} #sabores_hash #saboresSlide .slide.cereja>.contents{background-position:-180px -46px} #sabores_hash #saboresSlide .slide.uva>.contents{background-position:-270px -46px} #sabores_hash #saboresSlide .slide.morango>.contents{background-position:-360px -46px} #sabores_hash #saboresSlide .slide.uva-passa>.contents{background-position:-450px -46px} #sabores_hash #saboresSlide .slide.figado>.contents{background-position:-540px -46px} #sabores_hash #saboresSlide .slide.bacon>.contents{background-position:-630px -46px} #sabores_hash #saboresSlide .slide.carne>.contents{background-position:0 -135px} #sabores_hash #saboresSlide .slide.salmao>.contents{background-position:-90px -135px} #sabores_hash #saboresSlide .slide.banana>.contents{background-position:-180px -135px} #sabores_hash #saboresSlide .slide.amendoim>.contents{background-position:-270px -135px} #sabores_hash #saboresSlide .slide.frango>.contents{background-position:-360px -135px} #sabores_hash #saboresSlide .slide.chocolate>.contents{background-position:-450px -135px} #sabores_hash #saboresSlide .slide.malte>.contents{background-position:-540px -135px} #sabores_hash #saboresSlide .slide.atum>.contents{background-position:-630px -135px} #sabores_hash #saboresSlide .slide.abacaxi>.contents{background-position:0 -224px} #sabores_hash #saboresSlide .slide.avela>.contents{background-position:-90px -224px} #sabores_hash #saboresSlide .slide.framboesa>.contents{background-position:-180px -224px} #sabores_hash #saboresSlide .slide.baunilha>.contents{background-position:-270px -224px} #sabores_hash #saboresSlide .slide.peixe>.contents{background-position:-360px -224px} #sabores_hash #saboresSlide .slide.oleo-bacalhau>.contents{background-position:-450px -224px} #sabores_hash #saboresSlide .slide.menta>.contents{background-position:-540px -224px} #sabores_hash #saboresSlide .slide.nozes>.contents{background-position:-630px -224px} #sabores_hash #saboresSlide .slide.cenoura>.contents{background-position:0 -360px} #sabores_hash #saboresSlide .slide.canela>.contents{background-position:-90px -360px} #sabores_hash #saboresSlide .slide.beijinho>.contents{background-position:-180px -315px} #sabores_hash #saboresSlide .slide.caramelo>.contents{background-position:-270px -310px} #sabores_hash #saboresSlide .slide.petit-suisse-de-morango>.contents{background-position:-360px -315px} #sabores_hash #saboresSlide .slide.slick-center{width:130px;padding:0} #sabores_hash #saboresSlide .slide.slick-center>.contents{-webkit-transform:scale(1.333);-ms-transform:scale(1.333);transform:scale(1.333);z-index:10;background-color:#fff} .desktop #sabores_hash #saboresSlide .slide.slick-center>.contents:hover, #sabores_hash #saboresSlide .slide.slick-center>.contents.hover{-webkit-transform:scale(1.56);-ms-transform:scale(1.56);transform:scale(1.56);background-color:white} /* SLIDER TIPOS */ #sec-amor .bloco{ background-color: #506380; min-height: 100vh; color: #fff;} #sec-amor, #sec-amor .relativo{position: relative;} #sec-amor .cab{ position: absolute; top: 30px; z-index: 4; width: 100%; padding: 30px; } #sec-amor .cab *{ text-align: center !important;} #sec-amor nav{ text-align: center; margin: 0px auto; max-width: 460px;} #sec-amor nav a{ display: inline-block; width: 72px !important; height: 72px !important; margin: 12px; border:2px solid transparent; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 2px; text-indent: -99px; overflow: hidden; } #sec-amor nav a.slick-current,#sec-amor nav a:hover{ cursor: pointer; border: 2px solid #fff; } #sec-amor nav a.pequenos { width: 220px !important;} #sec-amor nav a.pequenos { background: url('../../../assets/icon-pequenos-off.svg') no-repeat center center; } #sec-amor nav a.equinos { background: url('../../../assets/icon-equino-off.svg') no-repeat center center;} #sec-amor nav a.silvestres{ background: url('../../../assets/icon-silvestre-off.svg') no-repeat center center;} #sec-amor nav a.equinos.slick-current, #sec-amor nav a.equinos:hover{background: url('../../../assets/icon-equino-on.svg') no-repeat center center;} #sec-amor nav a.pequenos.slick-current, #sec-amor nav a.pequenos:hover{background: url('../../../assets/icon-pequenos-on.svg') no-repeat center center;} #sec-amor nav a.silvestres.slick-current, #sec-amor nav a.silvestres:hover{background: url('../../../assets/icon-silvestre-on.svg') no-repeat center center;} #sec-amor .bloco-slider{z-index: 0;} #sec-amor .bloco-slider .slider-amor li{min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; } .slider-amor .sl-subtitulo{ font-weight: bold; font-family:"Norpeth-Bold",Arial,Helvetica,sans-serif !important; font-size: 13px; padding-left: 10px; letter-spacing: 1px;} .slider-amor .flex{ display: flex; flex-direction: row; height: 100%;} .slider-amor .flex .col{ width: 50%; position: relative;} .slider-amor .flex .col.Left img{ display: block; max-width: 100%; height: auto;} .slider-amor .flex .col.Left{ display: flex; flex-direction: column; justify-content: flex-end; padding-top: 8%; } .slider-amor .flex .col.Right{ padding: 18% 30px 30px 30px;} .slider-amor .flex .col img.lettering{ max-width: 99%; height: auto;} /* artigos */ #artigos_hash{overflow:hidden;background:-webkit-linear-gradient(top,#e3e3e3 0,#efefef 100%);background:linear-gradient(to bottom,#e3e3e3 0,#efefef 100%)} #artigos_hash>.tile{max-width:1365px;padding:30px;} #artigos_hash>.tile>.tile>.cell{padding:0} #artigos_hash>.tile>.tile>.cell>h2{margin:12px; font-family:"Norpeth-Bold",Arial,Helvetica,sans-serif; font-size:20px; font-weight:300; line-height:100px;color:#0a3460;text-align:center; text-transform: uppercase;} #artigos_hash>.tile>.tile>.cell>h2 strong{ font-weight: bold;} #artigos_hash>.tile>.tile>.cell> a{ position: absolute; right: 10px; top: 40px; color:#5dbbca; text-transform: uppercase; font-weight: bold; font-size:14px; } #artigos_hash>.tile>.tile>.cell> a:hover{text-decoration: underline;} #artigos_hash #artigosSlide{margin-bottom:30px;} #artigos_hash article{outline:0; } #artigos_hash article a{outline:0; overflow:hidden;display:block;position:relative;border-radius:8px} #artigos_hash .excerpt-article{padding:10px} #artigos_hash .excerpt-article a{display:block;outline:0} #artigos_hash .excerpt-article a img{max-width:100%;height:auto;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s} .desktop #artigos_hash .excerpt-article a:hover,#artigos_hash .excerpt-article a.hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.3)} .desktop #artigos_hash .excerpt-article a:hover img,#artigos_hash .excerpt-article a.hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} #artigos_hash .excerpt-article .thumb-container{display:block;position:relative;overflow:hidden;width:100%;height:auto;max-height:286px;border-radius:8px;z-index:10;background-color:#ccc} #artigos_hash .excerpt-article .text-container{position:relative;height:170px;margin-top:-20px;padding:30px 20px;border-radius:8px;background:#fff;overflow:hidden} #artigos_hash .excerpt-article .text-container h2{font-size:18px;line-height:1.125em;margin-top:.5em;color:#0a3460} #artigos_hash .excerpt-article .text-container .date{color:#999;font-size:.75em;text-transform:uppercase} #artigos_hash .excerpt-article .text-container .icon-cat{position:absolute;top:0;right:10px} #artigos_hash .excerpt-article .date{font-size:11px} #artigos_hash .excerpt-article .icon-cat{top:-12px !important} #artigos_hash .excerpt-article h3{font-size:18px;color:#0a3460;font-weight:500} #artigos_hash .slick-prev,#artigos_hash .slick-next{width:64px;height:64px;z-index:20} #artigos_hash .slick-prev:before,#artigos_hash .slick-next:before{display:block;position:relative;overflow:hidden;background-image:url("../../../assets/sprite.png");background-size:1024px 1024px;background-repeat:no-repeat;content:"";width:64px;height:64px} #artigos_hash .slick-prev{left:-54px} #artigos_hash .slick-prev:before{background-position:0 -576px} #artigos_hash .slick-next{right:-54px} #artigos_hash .slick-next:before{background-position:-64px -576px} #artigos_hash .btnMais{display:block;position:relative;overflow:hidden;background-image:url("../../../assets/sprite.png");background-size:1024px 1024px;background-repeat:no-repeat;content:"";clear:both;width:40px;height:40px;border-radius:40px;background-color:#f8a531;margin:30px auto !important;text-indent:-9999px;background-position:-268px -716px} .desktop #artigos_hash .btnMais:hover,#artigos_hash .btnMais.hover{background-color:#e15a30} #dogtuber_hash{overflow:hidden;margin-bottom:80px;background-color:#0a3460;background-image:url(../../../assets/dogtuber-bg.jpg);background-size:cover;background-position:center bottom} #dogtuber_hash>.tile{max-width:1365px;padding:0} #dogtuber_hash>.tile>.tile>.cell{padding:0} #dogtuber_hash #dogtuberSlide{display:block;position:relative;padding-bottom:10px;margin-top:-20px} #dogtuber_hash article{padding:20px;outline:0} #dogtuber_hash article a{outline:0} #dogtuber_hash article a .thumb-container{display:block;position:relative;z-index:10;border-radius:8px;overflow:hidden} .desktop #dogtuber_hash article a:hover .thumb-container,#dogtuber_hash article a.hover .thumb-container{box-shadow:0 0 20px 0 #0a3460} .desktop #dogtuber_hash article a:hover img,#dogtuber_hash article a.hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .desktop #dogtuber_hash article a:hover h3,#dogtuber_hash article a.hover h3{background-color:#d82437;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} #dogtuber_hash article img{display:block;width:100%;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s} #dogtuber_hash article h3{display:inline-block;font-size:18px;color:#fff;font-weight:500;margin:18px 0;padding:.5em 1em;border-radius:3em;-webkit-transform:translateX(-1em);-ms-transform:translateX(-1em);transform:translateX(-1em);background-color:rgba(216,36,55,0);-webkit-transition:background-color .5s,-webkit-transform .5s;transition:background-color .5s,-webkit-transform .5s;transition:transform .5s,background-color .5s;transition:transform .5s,background-color .5s,-webkit-transform .5s} #dogtuber_hash h2{display:block;position:relative;overflow:hidden;background-image:url("../../../assets/sprite.png");background-size:1024px 1024px;background-repeat:no-repeat;content:"";text-indent:-9999px;width:256px;height:128px;margin:0 auto !important;background-position:0 -832px} #dogtuber_hash .slick-prev,#dogtuber_hash .slick-next{width:64px;height:64px;z-index:20} #dogtuber_hash .slick-prev:before,#dogtuber_hash .slick-next:before{display:block;position:relative;overflow:hidden;background-image:url("../../../assets/sprite.png");background-size:1024px 1024px;background-repeat:no-repeat;content:"";width:64px;height:64px} #dogtuber_hash .slick-prev{left:-54px} #dogtuber_hash .slick-prev:before{background-position:0 -640px} #dogtuber_hash .slick-next{right:-54px} #dogtuber_hash .slick-next:before{background-position:-64px -640px} #dogtuber_hash .btnMais{display:block;position:relative;overflow:hidden;width:260px;height:64px;line-height:64px;font-size:16px;color:#fff;font-weight:bold;margin:0 auto 30px auto !important;padding:0 0 0 64px;border-radius:64px;-webkit-transition:background-color .5s;transition:background-color .5s} #dogtuber_hash .btnMais:before{display:block;position:relative;overflow:hidden;background-image:url("../../../assets/sprite.png");background-size:1024px 1024px;background-repeat:no-repeat;content:"";width:64px;height:64px;position:absolute;left:0;top:50%;margin-top:-32px;background-size:512px 512px;background-position:-128px -416px} .desktop #dogtuber_hash .btnMais:hover,#dogtuber_hash .btnMais.hover{background-color:#d82437} .sabores-img-desk{display: block;} .sabores-img-mob{display: none;} @media only screen and (min--moz-device-pixel-ratio:2),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1){ .categorias-icon,#artigos_hash .excerpt-article .text-container .icon-cat{background-image:url("../../../assets/sprite@2x.png")} #saboresSlide .slick-prev:before,#sabores_hash #saboresSlide .slick-prev:before,#saboresSlide .slick-next:before,#sabores_hash #saboresSlide .slick-next:before, #formasSlide .slick-prev:before,#formas_hash #formasSlide .slick-prev:before,.ext-formas #formasSlide .slick-next:before,#formas_hash #formasSlide .slick-next:before{background-image:url("../../../assets/sprite@2x.png")} #saboresSlide .slide>.contents,#sabores_hash #saboresSlide .slide>.contents{background-image:url("../../../assets/sprite-sabores-azul.png")} #artigos_hash .slick-prev:before,#artigos_hash .slick-next:before{background-image:url("../../../assets/sprite@2x.png")} #artigos_hash .btnMais{background-image:url("../../../assets/sprite@2x.png")} #dogtuber_hash h2{background-image:url("../../../assets/sprite@2x.png")} #dogtuber_hash .slick-prev:before,#dogtuber_hash .slick-next:before{background-image:url("../../../assets/sprite@2x.png")} #dogtuber_hash .btnMais:before{background-image:url("../../../assets/sprite@2x.png")} } @media all and (min-width:365px){ .ext-formas>.tile>.tile>.cell,#formas_hash>.tile>.tile>.cell{padding:0 20px 40px 20px} .ext-formas #formasSlide, #formas_hash #formasSlide{border-radius:20px} .ext-formas #formasSlide:before, #formas_hash #formasSlide:before, .ext-formas #formasSlide .slick-prev, #formas_hash #formasSlide .slick-prev{border-top-left-radius:20px;border-bottom-left-radius:20px} .ext-formas #formasSlide:after, #formas_hash #formasSlide:after, .ext-formas #formasSlide .slick-next, #formas_hash #formasSlide .slick-next{border-top-right-radius:20px;border-bottom-right-radius:20px} #saboresSlide:before, #sabores_hash #saboresSlide:before, #saboresSlide .slick-prev, #sabores_hash #saboresSlide .slick-prev{border-top-left-radius:20px;border-bottom-left-radius:20px} #saboresSlide:after, #sabores_hash #saboresSlide:after, #saboresSlide .slick-next, #sabores_hash #saboresSlide .slick-next{border-top-right-radius:20px;border-bottom-right-radius:20px} } @media all and (max-width:1204px){ .home-part #sabores-intro figure{margin-top: -50px; } } @media all and (max-width:1024px){ .home-part #sabores-intro figure{margin-top: -50px; } #formas_hash #formasSlide .slick-prev, #sabores_hash #saboresSlide .slick-next{width:48px;height:110px} #formas_hash #formasSlide .slide, #sabores_hash #saboresSlide .slide{height:110px;width:76px} #formas_hash #formasSlide .slide>.contents, #sabores_hash #saboresSlide .slide>.contents{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75)} #formas_hash #formasSlide .slide>.contents.hover, #sabores_hash #saboresSlide .slide>.contents.hover{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)} #formas_hash #formasSlide .slide.slick-center, #sabores_hash #saboresSlide .slide.slick-center{width:98px} .ext-formas #formasSlide .slide.slick-center>.contents, #formas_hash #formasSlide .slide.slick-center>.contents{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .desktop .ext-formas #formasSlide .slide.slick-center>.contents:hover, .desktop #formas_hash #formasSlide .slide.slick-center>.contents:hover, .ext-formas #formasSlide .slide.slick-center>.contents.hover, #formas_hash #formasSlide .slide.slick-center>.contents.hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} #formas_hash #formas-titulo-slide, #sabores_hash #sabores-titulo-slide{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75); top: 30px !important;} #sabores_hash #sabores-titulo-slide{ top: 100px !important; } #sabores_hash #saboresSlide .slick-prev, #sabores_hash #saboresSlide .slick-next{width:48px;height:110px} #sabores_hash #saboresSlide .slide{height:110px;width:76px} #sabores_hash #saboresSlide .slide>.contents{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75)} .desktop #sabores_hash #saboresSlide .slide>.contents:hover, #sabores_hash #saboresSlide .slide>.contents.hover{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)} #sabores_hash #saboresSlide .slide.slick-center{width:98px} #sabores_hash #saboresSlide .slide.slick-center>.contents{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .desktop #sabores_hash #saboresSlide .slide.slick-center>.contents:hover, #sabores_hash #saboresSlide .slide.slick-center>.contents.hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)} #destaque{height:300px} #destaque>.tile{width:1024px;height:300px;position:absolute;left:50%;margin-left:-512px} #destaque .destaqueSlide,#destaque .embed-container,#destaque img,#destaque video{width:1024px;height:300px} #artigos_hash>.tile{padding:0 54px} #artigos_hash>.tile>.tile>.cell{padding:0} } @media all and (max-width:960px){ .home-part #formas-intro figure, .home-part #sabores-intro figure{ margin-top: -45px;} .home-part{padding-bottom: 40px !important;} .home-part #formasSlide .slick-prev,#formas_hash #formasSlide .slick-prev, .home-part #saboresSlide .slick-prev,#sabores_hash #saboresSlide .slick-prev{left:37%; top: 130px; } .home-part #formasSlide .slick-next,#formas_hash #formasSlide .slick-next, .home-part #saboresSlide .slick-next,#sabores_hash #saboresSlide .slick-next{right:37%; top: 130px; } .home-part{ padding-left: 0; padding-right: 0;} #carrossel .slick-prev{ left:42%; } #carrossel .slick-next{ right: 42%; } } @media all and (max-width:768px){ .sabores-img-desk{display: none;} .sabores-img-mob{display: block; margin: 0px auto; margin-top: -25px; width: 500px; max-width: 100%; height: auto;} #part-two.home-part{ padding: 0px 0px 60px 0px !important; } #carrossel .slick-prev{ left:40%; } #carrossel .slick-next{ right: 40%; } #sabores_hash #saboresSlide .slick-prev,#sabores_hash #saboresSlide .slick-next, #formas_hash #formasSlide .slick-prev,#formas_hash #formasSlide .slick-next{width:45px;height:94px; bottom: 0; top: 50%; } #sabores_hash #saboresSlide .slick-prev,#formas_hash #formasSlide .slick-prev{left: 0;} #sabores_hash #saboresSlide .slick-next,#formas_hash #formasSlide .slick-next{right: 0;} .ext-formas #formasSlide .slide,#formas_hash #formasSlide .slide, #sabores_hash #saboresSlide .slide{width:56px;height:94px} #formasSlide .slide, #saboresSlide .slide{ opacity: .7 !important;} #formasSlide .slide.slick-current, #saboresSlide .slide.slick-current{opacity: 1 !important;} #artigos_hash>.tile>.tile>.cell> h2{padding-bottom: 0 !important; margin-bottom: 0 !important;} #artigos_hash>.tile>.tile>.cell> a{ position: inherit; right: auto; top: auto;text-align: center; margin: 0 0 35px 0; width: 100%; display: block; } #sec-amor .cab{ position: relative; top: 0px; } #sec-amor nav{ max-width: 330px; } #sec-amor nav a{ width: 50px !important; height: 50px !important; background-size: 50px; } #sec-amor nav a { width: 50px !important; margin: 7px;} #sec-amor nav a.pequenos { width: 160px !important;} .slider-amor .flex, .slider-amor .flex .col{ display: block; padding: 0;} .slider-amor .flex .col{ width: 100%;} .slider-amor .flex .col.Right{padding: 30px;} .slider-amor .flex .col.Left{ padding-top: 1%; } #banners div.tile.w-1{display: block; margin-bottom: 20px; position: inherit; height: auto !important;} } @media all and (max-width:620px){ .ext-formas #formasSlide .slide>.contents, #formas_hash #formasSlide .slide>.contents, #sabores_hash #saboresSlide .slide>.contents{-webkit-transform:scale(0.5625);-ms-transform:scale(0.5625);transform:scale(0.5625)} .desktop .ext-formas #formasSlide .slide>.contents:hover, .desktop #formas_hash #formasSlide .slide>.contents:hover, .ext-formas #formasSlide .slide>.contents.hover, #formas_hash #formasSlide .slide>.contents.hover{-webkit-transform:scale(0.723);-ms-transform:scale(0.723);transform:scale(0.723)} .ext-formas #formasSlide .slide.slick-center,#formas_hash #formasSlide .slide.slick-center, #sabores_hash #saboresSlide .slide.slick-center{width:80px} .ext-formas #formasSlide .slide.slick-center>.contents, #formas_hash #formasSlide .slide.slick-center>.contents, #sabores_hash #saboresSlide .slide.slick-center>.contents{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)} .desktop .ext-formas #formasSlide .slide.slick-center>.contents:hover, .desktop #formas_hash #formasSlide .slide.slick-center>.contents:hover, .ext-formas #formasSlide .slide.slick-center>.contents.hover, #formas_hash #formasSlide .slide.slick-center>.contents.hover, .desktop #sabores_hash #saboresSlide .slide>.contents:hover, #sabores_hash #saboresSlide .slide>.contents.hover{-webkit-transform:scale(0.96);-ms-transform:scale(0.96);transform:scale(0.96)} } @media all and (max-width:568px){ #carrossel .slick-prev{ left:35%; } #carrossel .slick-next{ right: 35%; } .comm-pagination ul.page-numbers li{margin:0 5px} .comm-pagination ul.page-numbers li>span,.comm-pagination ul.page-numbers li a{width:30px;height:30px;font-size:14px;line-height:30px} .ext-formas h2 strong,#formas_hash h2 strong,.ext-formas h2 b,#formas_hash h2 b{display:block} #destaque{height:270px} #destaque .slick-dots{margin-top:-30px} #destaque>.tile{width:568px;height:270px;position:absolute;left:50%;margin-left:-284px} #destaque .destaqueSlide,#destaque .embed-container,#destaque img,#destaque video{width:568px;height:270px} #artigos_hash:before{width:360px;height:360px;margin:-94px 0 0 -180px} #artigos_hash>.tile{padding:0 35px} #artigos_hash .slick-prev,#artigos_hash .slick-next{width:45px;height:45px} #artigos_hash .slick-prev:before,#artigos_hash .slick-next:before{background-size:720px 720px;width:45px;height:45px} #artigos_hash .slick-prev{left:-35px} #artigos_hash .slick-prev:before{background-position:0 -405px} #artigos_hash .slick-next{right:-35px} #artigos_hash .slick-next:before{background-position:-45px -405px} #dogtuber_hash>.tile{padding:0 25px} #dogtuber_hash .slick-prev,#dogtuber_hash .slick-next{width:45px;height:45px} #dogtuber_hash .slick-prev:before,#dogtuber_hash .slick-next:before{background-size:720px 720px;width:45px;height:45px} #dogtuber_hash .slick-prev{left:-25px} #dogtuber_hash .slick-prev:before{background-position:0 -495px} #dogtuber_hash .slick-next{right:-25px} #dogtuber_hash .slick-next:before{background-position:-45px -495px} } article.slide.algodao-parafinado.slick-slide.slick-current.slick-active.slick-center > .contents { background-position-x: -630px; background-position-y: -405px; } article.slide.algodao-parafinado.slick-slide.slick-active > .contents { background-position-x: -630px; background-position-y: -405px; } article.slide.calda-doce-ou-molho-salgado.slick-slide.slick-current.slick-active.slick-center > .contents { background-position-y: -490px; background-position-x: 5px; } article.slide.calda-doce-ou-molho-salgado.slick-slide.slick-active > .contents { background-position-y: -490px; background-position-x: 5px; } article.slide.filme-oral.slick-slide.slick-current.slick-active.slick-center > .contents { background-position-y: -492px; background-position-x: -88px; } article.slide.filme-oral.slick-slide.slick-active > .contents { background-position-y: -492px; background-position-x: -88px; }