/*Estilo hotsite Gift Card v1.0*/

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;900&display=swap');

.lp-warner {width:100%; font-family: 'Mulish', sans-serif; text-align: center; background-color: #fff;}
.lp-warner .container-content {width:1280px; margin: 0 auto;}
.mobile-only {display: none!important;}

section.hero {width: 100%;}

section.hero .container-content {padding-bottom: 50px;}

section.cards .container-content ul {display: flex; flex-wrap: wrap; justify-content:space-around;}
section.cards .container-content ul li {width: calc(50% - 2px); padding: 5px 0;}
section.cards .container-content ul li img {width: 98%;}
section.cards .container-content ul li img:hover {-webkit-filter: drop-shadow(1px 5px 5px #b4b4b4);filter: drop-shadow(1px 5px 5px #b4b4b4);transition: 0.5s; transform: translateY(-5px); opacity: 0.95;}

section.banner a img:hover {-webkit-filter: drop-shadow(1px 5px 5px #b4b4b4);filter: drop-shadow(1px 5px 5px #b4b4b4);transition: 0.5s; transform: translateY(-5px); opacity: 0.95;}

section.slots .container-content ul {display: flex; flex-wrap: wrap; justify-content:space-around; padding:10px 0 50px 0;}
section.slots .container-content ul li {width: calc(50% - 2px);}
section.slots .container-content ul li img {width: 98%;}
section.slots .container-content ul li img:hover {-webkit-filter: drop-shadow(1px 5px 5px #b4b4b4);filter: drop-shadow(1px 5px 5px #b4b4b4);transition: 0.5s; transform: translateY(-5px); opacity: 0.95;}

section.banner {padding: 10px 0;}

/* Styles mobile */
@media screen and (max-width: 768px) {
.mobili{ display: block !important; }
.deski { display: none !important; visibility: none; }
.mobile-only{ display: block !important; }
.desk-only { display: none !important; visibility: none; }


section.hero .container-content {width: 100%; padding-bottom: 20px;}

section.cards .container-content {width: 100%;}
section.cards .container-content ul {padding: 0 10px;}

section.banner {padding: 4px 10px;}
section.banner a img {width: 100%;}

section.slots .container-content {width: 100%;}
section.slots .container-content ul {padding-bottom: 0;}
section.slots .container-content ul li {width: 100%; padding: 0 10px; margin-bottom: 10px;}
section.slots .container-content ul li img {width: 100%;}
}


/*BANNER-TV-CARROSSEL*/
.deski{ display: block !important; }
.mobili{ display: none !important; visibility: none; } 
section.hero {width: 100%; max-width: 1920px; text-align: center; background-color: #fff; margin: 0 auto;}
section.hero img {width: 100%;}
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slider:after { content: ""; display: table; clear: both; }
.slick-list { position: relative; z-index: 1; display: block; overflow: hidden; margin: 0; padding: 0; background: none;}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; height: inherit; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; outline: 0; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; outline: 0; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Setas de navegacao */
.slick-prev, .slick-next { position: absolute; top: 50%; z-index: 50; width: 30px; height: 57px; margin-top: -54px; text-indent: -999em; background:none; border: none; border-radius: 10%; cursor: pointer;-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
outline: none !important;}
.slick-prev:hover, .slick-next:hover { opacity: 0.2; -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
outline: none !important;}
.slick-prev button, .slick-next button { width: 30px; height: 57px; outline: none !important;}
.slick-prev { left: 10px; outline: none !important;}
.slick-next { right: 10px; outline: none !important;}
.slick-prev:after, .slick-next:after { content: ""; position: absolute; top: 40%; outline: none !important;}
.slick-prev:after { right: 0px; width: 30px; height: 50px; background: url(https://www.pontofrio-imagens.com.br/criacao/03-hotsite/2021/10-out/giftcard/images/arrow-left.svg); outline: none !important;}
.slick-next:after { left: -6px; width: 30px; height: 50px; background: url(https://www.pontofrio-imagens.com.br/criacao/03-hotsite/2021/10-out/giftcard/images/arrow-right.svg); outline: none !important;}
.slick-prev.slick-disabled, .slick-next.slick-disabled { filter: alpha(opacity=0); opacity: 0; cursor: default; outline: none !important;}

/* Bullets */
.slick-dots { position: absolute; bottom: 0px; width: 100%; text-align: center; z-index: 99; margin-bottom: 20px; }
.slick-slider .slick-dots li { float: none; width: 30px; display: inline-block; padding: 0; vertical-align: middle; border: medium none; }
.slick-dots li button {
    display: block;
    width: 5px;
    height: 12px;
    text-indent: -999em;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    outline: 0;
}
.slick-dots li.slick-active button { background-color: #ff7800; }