/** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; width: 100%;} .bx-wrapper img { max-width: 100%; display: block;} /** THEME ===================================*/ .bx-wrapper .bx-viewport {/*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 10px; width: 100%; left: 0;} .eduction-section2 .bx-wrapper .bx-pager, .eduction-section2 .bx-wrapper .bx-controls-auto{bottom: -20px; text-align: center;} .home-ongoing-slider .bx-wrapper .bx-pager, .home-ongoing-slider .bx-wrapper .bx-controls-auto{bottom: -20px; text-align: center;} /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background:url(images/bx_loader.gif) center center no-repeat #FFF; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;} /* PAGER */ .bx-wrapper .bx-pager { font-size: .0em; font-family: Arial; font-weight: bold; color: #666; padding-top: 10px;} .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 {-moz-box-shadow: 0 0 5px #ccc;/* -webkit-box-shadow: 0 0 5px #ccc; *//* box-shadow: 0 0 5px #ccc; */border: 0px solid #fff;left: -5px;background: #959595;text-indent: -9999px;display: block;width: 11px;height: 11px;margin: 0 3px;outline: 0;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #f99525;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 14px; background: url(images/controls.png) no-repeat 5px 0;} .bx-wrapper .bx-next {right: 14px;background: url(images/controls.png) no-repeat -46px 0;} .arrowslim .bx-wrapper .bx-prev {left: -50px; background:url(images/controls2.png) no-repeat 0 0; } .arrowslim .bx-wrapper .bx-next {right: -50px; background:url(images/controls2.png) no-repeat -65px 0;} .arrowslim .bx-wrapper .bx-next:hover { background-position: -65px 0;} .arrowslim1 .bx-wrapper .bx-prev {left: -10%; background:url(images/controls3.png) no-repeat 0 0; } .arrowslim1 .bx-wrapper .bx-next {right: -10%; background:url(images/controls3.png) no-repeat -35px 0;} .arrowslim1 .bx-wrapper .bx-next:hover { background-position: -35px 0;} .arrowslim2 .bx-wrapper .bx-prev {left: -10%; background:url(images/controls3.png) no-repeat 0 0; } .arrowslim2 .bx-wrapper .bx-next {right: -10%; background:url(images/controls3.png) no-repeat -35px 0;} .arrowslim2 .bx-wrapper .bx-next:hover { background-position: -35px 0;} .bx-wrapper .bx-controls-direction a {position: absolute;top:50%;outline: 0;width: 54px;height: 62px;text-indent: -9999px;z-index: 99999;} .flor-plan-intro .bx-wrapper .bx-controls-direction a {position: absolute;top:35%;outline: 0;width: 54px;height: 62px;text-indent: -9999px;z-index: 9;} .slick-disabled, .slick-dots { display: none!important} .slick-next.slick-disabled:before, .slick-next:focus:before, .slick-next:hover:before, .slick-prev.slick-disabled:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 9} .bx-next:before, .bx-prev:before { font-size: 20px; line-height: 1; opacity: 8; color: #fff} .award-slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 34%; outline: 0; width: 40px; height: 40px; text-indent: -9999px; z-index: 9;} .arrowslim .bx-wrapper .bx-controls-direction a {bottom: 25%; height: 65px;} .arrowslim1 .bx-wrapper .bx-controls-direction a {top: 45%; bottom: 25%; height: 65px; width: 35px;} .arrowslim2 .bx-wrapper .bx-controls-direction a {top: 45%; bottom: 25%; height: 65px; width: 35px;} .bx-wrapper .bx-controls-direction a.disabled { display: none;} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center;} .bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;} .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;} @media only screen and (min-width:1000px) and (max-width:1366px){ .arrowslim1 .bx-wrapper .bx-prev {left: -4%; background:url(images/controls3.png) no-repeat 0 0; } .arrowslim1 .bx-wrapper .bx-next {right: -4%; background:url(images/controls3.png) no-repeat -35px 0;} } @media only screen and (min-width:0px) and (max-width:1000px){ .arrowslim1 .bx-wrapper .bx-prev, .arrowslim .bx-wrapper .bx-prev { left: -12px; background:url(images/controls.png) no-repeat 0 0;} .arrowslim1 .bx-wrapper .bx-next, .arrowslim .bx-wrapper .bx-next { right: -12px; background:url(images/controls.png) no-repeat -45px 0;} .arrowslim1 .bx-wrapper .bx-prev:hover, .arrowslim .bx-wrapper .bx-prev:hover {background-position: 0 0;} .arrowslim1 .bx-wrapper .bx-next:hover, .arrowslim .bx-wrapper .bx-next:hover{ background-position: -45px 0;} .arrowslim1 .bx-wrapper .bx-controls-direction a, .arrowslim .bx-wrapper .bx-controls-direction a { position: absolute; top: 40%; outline: 0; width: 40px; height: 40px; text-indent: -9999px; z-index: 9;} .bx-wrapper .bx-next {right: 5px;} .bx-wrapper .bx-prev {left: 5px;} .bx-wrapper .bx-controls-direction a{top: 35%;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 6px; } }