/* * jQuery FlexSlider v1.8 * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ #container {width: 80%; max-width: 800px; margin: 0 auto;} /* Browser Resets */ .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 100%; margin: 0; padding: 0;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; width:100%; display:block; } .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { position: relative; zoom: 1; z-index:0; overflow:hidden;} .flexslider .slides {zoom: 1;position:relative;} .flexslider .slides > li {position: relative; } .flexslider .slides > li::after { content:""; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0; left:0; position: absolute;} .family-slider .flexslider .slides > li::after { background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 100%);} .quality-slider .flexslider .slides > li::after { background:none;} .novetat-slider .flexslider .slides > li::after { background:none;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none;zoom: 1; } .flex-caption {position:absolute; bottom:130px; text-align:left; width:100%; z-index:99;} .flex-caption img{width:auto !important;} /* Direction Nav */ .flex-direction-nav { display:block; } .banner-slider .flex-direction-nav li a {width:17px; height:24px; margin: 0px 0 0; display: block; position: absolute; top: 35%; cursor: pointer; text-indent: -9999px; z-index:9999;} .banner-slider .flex-direction-nav li a:hover{ opacity:0.7} .banner-slider .flex-direction-nav li .flex-next {background-position: -25px 0; background: url(../png/arrow-right.png) no-repeat 0 0; background-position: 0px 0; right:10%;} .banner-slider .flex-direction-nav li .flex-prev {left:10%; background: url(../png/arrow-left.png) no-repeat 0 0; background-position: 0px 0; } .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} .inner-banner-pad .flex-direction-nav li a {width:27px; height:45px; margin: 0px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; } /* Control Nav */ .flex-control-nav { width:100%; position:absolute; bottom:25px; z-index:9999; text-align:center; right:0; left:0;} .flex-control-nav li { margin:0px 3px 0 3px; display: inline-block; zoom: 1; } .flex-control-nav li a { width:7px; height:7px; display: block; background:#ffffff; cursor:pointer; text-indent:-9999999px; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; } .flex-control-nav li a:hover, .flex-control-nav li a.flex-active {background:#144d6b; } .quality-slider .flex-control-nav { text-align:right; left:-40px;} .banner-slider .flex-caption { top:130px; width:100%; left:0px; } .caption-txt { width:100%; text-align:center;} .caption-txt span { color:#fff; font-family: 'source_sans_probold'; font-size:16px; letter-spacing: 1px;} .banner-slider .flex-caption h1 { color:#fff; font-size:80px; line-height:60px; margin:40px 0 50px; font-family: 'Conv_SourceSansPro-Light';} .banner-slider .flex-caption a{ background:none; color:#fff; font-size:14px; line-height:15px; text-transform:inherit; padding:0; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; display: inline-block; text-decoration:underline; } .banner-slider .flex-caption a.btn-rightbg:hover { color:#ffffff; } .banner-slider .flex-control-nav { width:100%; position:absolute; bottom:40px; right:0; left:0px;} /*.banner-slider .slides > li > img { transform: scale(1.1); } .banner-slider li.flex-active-slide img { -webkit-animation:zoomout linear 1; -moz-animation:zoomout linear 1; -o-animation:zoomout linear 1; animation:zoomout linear 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:8s; -moz-animation-duration:8s; -o-animation-duration:8s; animation-duration:8s; } @-webkit-keyframes zoomout { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } @-moz-keyframes zoomout { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } @-o-keyframes zoomout { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } @keyframes zoomout { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }*/ .novetat-slider .flexslider .flex-control-nav { bottom: 0; float: left; left: 0; margin-top: 10px; position: relative; right: 0; text-align: left; width: 100%; z-index: 9999;} .novetat-slider .flexslider .flex-control-nav li { margin:0 18.4px 0 0; display: inline-block; zoom: 1; cursor: pointer;} .novetat-slider .flexslider .flex-control-nav li:nth-child(11n + 11) { margin:0;} .novetat-slider .flexslider .flex-control-nav li:nth-child(n + 11) { margin-top:12px;} .novetat-slider .flexslider .flex-control-nav li img { width:96px; height:auto;} .novetat-slider .flexslider .flex-control-nav li .flex-active { opacity:0.5;} .novetat-slider .flexslider .flex-control-nav li a { width:7px; height:7px; display: block; background:#ffffff; cursor:pointer; text-indent:-9999999px; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; } .novetat-slider .flexslider .flex-control-nav li a:hover, .flex-control-nav li a.flex-active {background:#144d6b; } .quality-slider .flexslider .flex-control-nav li a:hover, .flex-control-nav li a.flex-active {background:#567f95; } .touch .flexslider .flex-direction-nav { display: none !important; }