@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
/* bannertv css 1.9 */



.banner-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.slider-content{
    position: absolute;
    width: auto;
    top: 30%;
    max-width: 420px;
    color: #fff;
}

.slider-content.margin {
	top: 35%;
}

.slick-slide img{
    margin: 0 auto;
}

.slider .slider-content h2 {
    font-size: 32px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 34px;
    color: #fff;
    float: left;
}

.slider .slider-content p {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
}

.slider .price-from {
    font-size: 1.25vw;
    float: left;
    font-weight: lighter;
    clear: left;
}

.slider .price-for {
    font-size: 2vw;
    float: left;
    font-weight: lighter;
    clear: left;
    line-height: 2.5vw;
}

.slider .price-instalment {
    clear: left;
    font-size: 18px;
    float: left;
    margin-top: 5px;
}

.slider .discount {
    font-size: 1.25vw;
    color: #fff;
    font-weight: lighter;
    border: 1px solid #fff;
    padding: 15px;
    display: block;
    margin: 20px 0;
    border-radius: 3px;
    float: left;
    clear: left;
}
.slider .cta-button {
    margin-top: 20px;
    padding: 17px 34px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.7px;
    color: #FFF;
    background: #000;
    border-radius: 50px;
    float: left;
    clear: left;
    transition: all ease-out 0.25s;
    border: 4px solid rgba(0,0,0,0)
}

.slider .cta-button:hover {
    border: 4px solid #fff;
}

.slider .cta-button.color-red {background:#b60122; color: #ffffff;}
.slider .cta-button.color-white {background:#ffffff; color: #000000;}

/* Slider */
.slick-slider { 
    width: 100%;
    min-width: 1280px;
    margin: 0 auto; 
    position: relative; 
    display: block; 
    box-sizing: border-box; 
    -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-list { 
    width: 100%; 
    position: relative; 
    overflow: hidden; 
    display: block; 
    margin: 0 auto; 
    padding: 0; 
    z-index:1; }

.slick-list:focus { outline: none; }
.slick-loading .slick-list { }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { 
    /*-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; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide {position: relative; /*height: 512px;*/ width: 939px; margin: 0 auto; float: left; min-height: 1px; display: none;}
.slick-slide img { display: block; /*position: absolute;*/ filter: alpha(opacity=); right: 0; max-width: 100%;height: auto;width: 100%;}
.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; }



/* Arrows */
.slick-prev, .slick-next { width: 53px; height: 83px; z-index: 1000; position: absolute; display: block; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev, .slick-prev:before { background: url('https://www.aocloja-imagens.com.br/App_Themes/AOCLoja/img/slide-arrow-left.png') no-repeat; left: 20px; }

.slick-next, .slick-next:before { background: url('https://www.aocloja-imagens.com.br/App_Themes/AOCLoja/img/slide-arrow-right.png') no-repeat; right: 15px; }



/* Dots */
.slick-dots { 		    
    position: absolute;
    height: 20px;
    list-style: none;
    text-align: center;
    padding: 5px 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
    bottom: 0;
  }

.slick-dots li {
    vertical-align: middle;
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0 6px;
    padding: 0;
    cursor: pointer;
    background: #ffffff!important;
    border-radius: 100%;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.75);
}

.slick-dots li button {         
    border: 0;
    background: transparent;
    display: block;
    height: 13px;
    width: 13px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
        }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li.slick-active button:before { color: #FFF; opacity: 0.75; }
.slick-dots li.slick-active {background: #22C0F1!important; transform: scale(1.5);}

.item  .fullBnr{height: 100%}
.bnr1.fullBnr {background:#fff;}
.bnr1.fullBnr img {left: -800px;} 
.bnr2.fullBnr {background:#fff;}
.bnr2.fullBnr img {left: -800px;}
.bnr3.fullBnr {background:#fff;}
.bnr3.fullBnr img {left: -800px;}
.bnr4.fullBnr {background:#fff;}
.bnr4.fullBnr img {left: -800px;}
.bnr5.fullBnr {background:#fff;}
.bnr5.fullBnr img {left: -800px;}
.bnr6.fullBnr {background:#fff;}
.bnr6.fullBnr img {left: -800px;}
.bnr7.fullBnr {background:#fff;}
.bnr7.fullBnr img {left: -800px;}
.bnr8.fullBnr {background: #fff;}
.bnr8.fullBnr img {left: -800px;}
.bnr9.fullBnr {background: #fff;}
.bnr9.fullBnr img {left: -800px;}

@media(max-width: 1920px) {
    .slider .slider-content {max-width: 500px; left: 120px}
    .slider .slider-content h2 {font-size: 36px; line-height: 44px;}
    .slider .slider-content p {}
}

@media(max-width: 1400px) {
    .slider .slider-content {max-width: 450px; left: 90px}
    .slider .slider-content h2 {font-size: 26px; line-height: 34px;}
    .slider .slider-content p {}
}

@media(max-width: 1280px){
    .slider .slider-content {max-width: 450px; left: 90px}
    .slider .slider-content h2 {font-size: 18px; line-height: 26px;}
    .slider .slider-content p {}
}