.slider-container { position: relative; margin: 128px 0 0 0; width: 100%; height: 380px; } .products-slider-container { position: relative; width: 1119px; height: 336px; margin: 0 0 0 -18px; } .products-slider-container .products-row { position: relative; margin: 0 auto; width: 1000px; } .products-slider-container .products-single { position: relative; float: left; padding: 18px; width: 20%; height: 325px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .products-slider-container .products-single img{ margin: 0 0 10px 0; } .products-slider-container .products-single span { color: #d82926; } .products-slider-container .products-single .more { position: absolute; bottom: 0; display: block; width: 164px; padding: 8px 0; text-align: center; color: #d82926; font: normal 1.2em 'Myriad Pro Regular', Helvetica, Arial, sans-serif; text-decoration: none; border: #d82926 3px solid; border-radius: 3px; } .products-slider-container .products-single .more:hover { color:#fff; background: #d82926; } .slider-container .slide-container { background: url(../images/slides/img-natal.jpg) no-repeat center center; } .slider-container .slide-container2 { background: url(../images/slides/img-002.jpg) no-repeat center center; } .slider-container .slide-container3 { background: url(../images/slides/img-003.jpg) no-repeat center center; } .slider-container .slide-holder { position: relative; margin: 0 auto; width: 1106px; height: 370px; background: } .slider-container .slide-text { position: absolute; top: 56px; right: 0; width: 475px; height: auto; color: #fff; text-align: right; } .slider-container .slide-text h1 { display: block; margin: 0; font: normal 4.2em 'Myriad Pro Regular', Helvetica, Arial, sans-serif; } .slider-container .slide-text h2 { display: block; margin: 0 0 20px 0; font: normal 2.2em 'Myriad Pro Regular', Helvetica, Arial, sans-serif; } .slider-container .slide-text p { font: normal .9em/1.8em 'Myriad Pro Regular', Helvetica, Arial, sans-serif; } .slider-container .slide-text p strong { font: normal 1em 'Myriad Pro Regular', Helvetica, Arial, sans-serif; } .slider-container .slide-more { position: absolute; top: 220px; right: 0; } .slider-container .slide-more a { display: inline-block; padding: 15px 40px; color: #fff; font: normal 1.2em 'Myriad Pro Regular', Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; background: #a4c401; border-radius: 6px; -ms-transform: skew(-10deg,0deg); /* IE 9 */ -webkit-transform: skew(-10deg,0deg); /* Chrome, Safari, Opera */ transform: skew(-10deg,0deg); transition: all 0.2s ease-in-out; } .slider-container .slide-more span { margin: 0 0 0 20px; } .slider-container .slide-more a:hover { color: #1b6623; background: #fff; } .slider-container .slide-more a span:hover { color: #d82827; } /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ .slider-container .bx-wrapper { position: relative; margin: 0 auto 60px auto; padding: 0; height: 370px; *zoom: 1; } .products-slider-container .bx-wrapper { position: relative; margin: 0 auto 60px auto; padding: 0; height: 336px; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* bxSlider Loading */ .bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx-slider/loading.gif) center center no-repeat #140101; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; position: absolute; z-index:9999 !important; bottom:20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: none; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: solid 1px #fff; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; } /* bxSlider directions navigation */ .slider-container .bx-wrapper .bx-prev { left: 10px; } .slider-container .bx-wrapper .bx-next { right: 10px; } .slider-container .bx-wrapper .bx-controls-direction a { width:50px; height:50px; padding:14px; font-family: 'ouro'; font-size: 1.4em; text-align:center; background: #a4c401 !important; color: #fff; text-decoration: none; position: absolute; z-index:9999 !important; top:160px; border-radius: 100px; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; -webkit-backface-visibility: hidden; } .slider-container .bx-wrapper .bx-prev:hover, .slider-container .bx-wrapper .bx-next:hover { background: #1c6520 !important; } .products-slider-container .bx-wrapper .bx-prev { left: 0; background: url(../images/products-slider-prev.png) no-repeat; } .products-slider-container .bx-wrapper .bx-next { right: 0; background: url(../images/products-slider-next.png) no-repeat; } .products-slider-container .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -35px; outline: 0; width: 48px; height: 70px; text-indent: -9999px; z-index: 9999; } .products-slider-container .bx-wrapper .bx-prev:hover, .products-slider-container .bx-wrapper .bx-next:hover { background-position: 0 -70px; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .text-dark { color: #666 !important; }