.slick-next, .slick-prev{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; } .slideexibicao.slick-slider{ /*padding-bottom:var(--sizeicons); */ } .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent; } .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0; height: 100%; } .slick-list:focus{outline:none}.slick-list.dragging{ cursor: pointer; cursor: hand; } .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0); height: 100%; }.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{ visibility: hidden; } .slick-slide{ position: relative; display: none; float: left; height:100%; min-height:1px; } [dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display: none}.slick-slide.dragging img{pointer-events: none}.slick-initialized .slick-slide{ display: block; }.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent; }.slick-arrow.slick-hidden{ display: none; } /******* [CUSTOM PROPERTIES] *******/ .galeriaconte.slick-slider, .slicknossos.slick-slider, .slidenoticias.slick-slider{ padding-bottom: 0; } .slideinstagram.slick-slider{ padding-bottom: 0; } .slick-disabled{ opacity: 0.3; } .slick-next, .slick-prev{ z-index: 1; width:var(--sizeicons); height: var(--sizeicons); appearance:none; -webkit-appearance: none; -moz-appearance:none; color:transparent; border:0px; position: absolute; cursor: pointer; transform: translateY(-50%); right: -27px; } .slick-prev{background: url(../../imgs/plataformasetaesqslide.png) no-repeat center center/8px; top: calc(50% - 12px); } .slick-next{background: url(../../imgs/plataformasetadirslide.png) no-repeat center center/8px; top: calc(50% + 12px); } .testemunhos .slick-next, .testemunhos .slick-prev{ filter: brightness(200); } /* #test-sliderev .slick-prev{ bottom: 20px; top: auto; left: 10px; right:auto; background: url(../../imgs/plataformasetabaixobr.png) no-repeat center center/8px; transform: translate(0, 0); } #test-sliderev .slick-next{ bottom: 20px; top: auto; right: 10px; left: auto; background: url(../../imgs/plataformasetabaixobr.png) no-repeat center center/8px; transform: translate(0, 0); } */ .slidenoticias .slick-prev, .slideinstagram .slick-prev, .galeriaconte .slick-prev, .slicknossos .slick-prev, .slickexperiencias .slick-prev, .slidenoticias .slick-prev, .slideinstagram .slick-prev, .slideexibicao .slick-prev{ width:var(--sizeicons); height: var(--sizeicons); appearance:none; -webkit-appearance: none; -moz-appearance:none; color:transparent; background: url(../../imgs/setaesqp.png) no-repeat center center/8px; border:0px; position: absolute; cursor: pointer; top: 50%; right: calc(100% + var(--margindefault)/2);} .slidenoticias .slick-next, .slideinstagram .slick-next, .galeriaconte .slick-next, .slicknossos .slick-next, .slickexperiencias .slick-next, .slidenoticias .slick-next, .slideinstagram .slick-next, .slideexibicao .slick-next{ width:var(--sizeicons); height: var(--sizeicons); appearance:none; -webkit-appearance: none; -moz-appearance:none; color:transparent; background: url(../../imgs/setadirp.png) no-repeat center center/8px; border:0px; position: absolute; top: 50%; left: calc(100% + var(--margindefault)/2); cursor: pointer; } #main-slider .slick-prev{ bottom: 20px; top: auto; right: -16px; background: url(../../imgs/setaesqaz.png) no-repeat center center/contain; padding: 0; position: absolute; appearance:none; -webkit-appearance: none; -moz-appearance:none; color:transparent; border: 0px; width: 9px; height: 15px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #main-slider .slick-next{ bottom: 45px; top: auto; right: -16px; background: url(../../imgs/setadiraz.png) no-repeat center center/contain; padding: 0; position: absolute; appearance:none; -webkit-appearance: none; -moz-appearance:none; color:transparent; border: 0px; width: 9px; height: 15px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #main-slider .slick-prev::after{content: ''; position: absolute; width: 20px; height: 25px; left: -7px; top: -6px;} #main-slider .slick-next::after{content: ''; position: absolute; width: 20px; height: 25px; left: -7px; top: -6px;} .slicknoticias .slick-prev{ top: calc(50% + 8px); transform: translateY(calc(50% + 4px)); right: -16px; background: url(../../imgs/setaesqaz.png) no-repeat center center/contain; padding: 0; position: absolute; appearance:none; -webkit-appearance: none; -moz-appearance:none; color:transparent; border: 0px; width: 9px; height: 15px; cursor: pointer;} .slicknoticias .slick-next{ top: calc(50% - 8px); transform: translateY(calc(50% - 4px)); right: -16px; background: url(../../imgs/setadiraz.png) no-repeat center center/contain; padding: 0; position: absolute; appearance:none; -webkit-appearance: none; -moz-appearance:none; color:transparent; border: 0px; width: 9px; height: 15px; cursor: pointer;} .slickinstagram .slick-prev{ top: 20px; top: auto; right: -30px; background: url(../../imgs/setaesqaz.png) no-repeat center center/contain; padding: 0; position: absolute; appearance:none; -webkit-appearance: none; -moz-appearance:none; color: transparent; border: 0px; width: 9px; height: 15px;} .slickinstagram .slick-next{ top: 20px; top: auto; right: -30px; background: url(../../imgs/setadiraz.png) no-repeat center center/contain; padding: 0; position: absolute; appearance:none; -webkit-appearance: none; -moz-appearance:none; color: transparent; border: 0px; width: 9px; height: 15px;} .sliderelacionados .slick-prev{ bottom: 20px; top: auto; left: 10px; right:auto; background: url(../../imgs/setaesq.png) no-repeat center center/8px; transform: translate(0, 0); } .sliderelacionados .slick-next{ bottom: 20px; top: auto; right: 10px; left: auto; background: url(../../imgs/setadir.png) no-repeat center center/8px; transform: translate(0, 0); } .galeriaconte .slick-prev{ bottom: auto; top: 50%; transform: translateY(-50%); left: -11px; right: auto; background: url(../../imgs/setaesqpr.png) no-repeat center center/contain; width: 7px; height: 14px; transform: translate(0, 0); } .galeriaconte .slick-next{ bottom: auto; top: 50%; transform: translateY(-50%); right: -11px; left: auto; background: url(../../imgs/setadirpr.png) no-repeat center center/contain; transform: translate(0, 0); width: 7px; height: 14px; } .slicknossos .slick-prev{ bottom: auto; top: auto; bottom: -5px; left: auto; right:22px; background: url(../../imgs/setadirpreta.png) no-repeat center center/contain; width: 7px; height: 11px; transform: translate(0, 0) rotate(180deg); } .slicknossos .slick-next{ bottom: auto; top: auto; bottom: -5px; right: -1px; left: auto; background: url(../../imgs/setadirpreta.png) no-repeat center center/contain; transform: translate(0, 0); width: 7px; height: 11px; } .slickexperiencias .slick-prev{ bottom: auto; top: -23px; bottom: auto; left: auto; right: 37px; background: url(../../imgs/setadirpreta.png) no-repeat center center/contain; width: 7px; height: 11px; transform: translate(0, 0) rotate(180deg); } .slickexperiencias .slick-next{ bottom: auto; top: -23px; bottom: auto; right: 14px; left: auto; background: url(../../imgs/setadirpreta.png) no-repeat center center/contain; transform: translate(0, 0); width: 7px; height: 11px; } @media only screen and (min-width: 769px){ .galeriaconte .slick-prev{ bottom: auto; top: 50%; transform: translateY(-50%); left: -55px; right: auto; background: url(../../imgs/setaesqpr.png) no-repeat center center/contain; width: 7px; height: 14px; transform: translate(0, 0); } .galeriaconte .slick-next{ bottom: auto; top: 50%; transform: translateY(-50%); right: -55px; left: auto; background: url(../../imgs/setadirpr.png) no-repeat center center/contain; transform: translate(0, 0); width: 7px; height: 14px; } .sliderelacionados .slick-prev{ left: 20px; bottom: 0px; } .sliderelacionados .slick-next{ right: 20px; left: auto; bottom: 0px; } #main-slider .slick-prev{ bottom: 20px; right: -25px; cursor: pointer;} #main-slider .slick-next{ bottom: 45px; right: -25px; cursor: pointer;} #main-slider .slick-prev:hover{ bottom: 20px; right: -21px; cursor: pointer;} #main-slider .slick-next:hover{ bottom: 45px; right: -29px; cursor: pointer;} .slicknoticias .slick-prev{ top: calc(50% + 8px); transform: translateY(calc(50% + 8px)); right: -54px; cursor: pointer;} .slicknoticias .slick-next{ top: calc(50% - 8px); transform: translateY(calc(50% - 8px)); right: -54px; cursor: pointer;} .slickinstagram .slick-prev{ top: calc(50% - 15px); transform: translateY(calc(50% - 15px)); right: -27px; cursor: pointer;} .slickinstagram .slick-next{ top: calc(50% - 30px); transform: translateY(calc(50% - 30px)); right: -27px; cursor: pointer;} .slickinstagram .slick-prev:hover{ top: calc(50% - 15px); transform: translateY(calc(50% - 15px)); right: -23px; cursor: pointer;} .slickinstagram .slick-next:hover{ top: calc(50% - 30px); transform: translateY(calc(50% - 30px)); right: -31px; cursor: pointer;} .slick-prev, .slick-next{right: calc(var(--margindefault) * -0.6); } } /* Para rodar quando chega ao fim */ /*.slick-next.slick-disabled{ transform: translate(-50%, -50%) rotate(180deg); transform-origin: center center;}*/ @media only screen and (min-width: 1024px){ #main-slider .slick-prev{ bottom: 20px; right: -30px; cursor: pointer;} #main-slider .slick-next{ bottom: 45px; right: -30px; cursor: pointer;} #main-slider .slick-prev:hover{ bottom: 20px; right: -26px; cursor: pointer;} #main-slider .slick-next:hover{ bottom: 45px; right: -34px; cursor: pointer;} } /******* [/CUSTOM PROPERTIES] *******/