/* * jQuery FlexSlider v1.8 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider{width:100%; position:relative; zoom:1; margin:0; padding:0; background:;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} .flexslider .slides img {max-width:100%; /*display: block;*/ /*min-height:188px;*/ width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;} .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-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flex-container {zoom:1; position:relative;} /* Caption style */ /*.flexcaption{width:100%; position:absolute; z-index:99; left:0; top:50%; transform:translate(0,-50%);}*/ .flexcaption{width:100%; position:absolute; z-index:99; left:0; bottom:15%; /*transform:translate(0,-50%);*/ text-align:left;} .flexcaption_area{/*color:#FFFFFF; max-width:590px; float:right; padding:4% 4%; margin:auto; background:rgba(0,0,0,.6);*/} .flexcaption_style1{font-family: 'playfair_displayregular'; font-size:40px; line-height:1; color:#000000; margin-bottom:10px; display:block; /*text-shadow:4px 4px 2px rgba(0,0,0, .8);*/ /*-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;*/ } .flexcaption_style1 span{float:left; background-color:#FFFFFF; padding:5px 15px 0px 15px;} .flexcaption_style2{font-family: 'playfair_displayregular'; font-size:100px; line-height:1; color:#000000; text-transform:uppercase; margin-bottom:10px;} .flexcaption_style2 span{float:left; background-color:#FFFFFF; padding:5px 15px 0px 15px;} .flexcaption_style3{font-family: 'playfair_displayregular'; font-size:48px; line-height:1; color:#000000; margin-bottom:10px; display:block;} .flexcaption_style3 span{float:left; background-color:#FFFFFF; padding:5px 15px 5px 15px;} .flexcaption_style4{font-family: 'noto_serifbold'; font-size:24px; line-height:68px; text-transform:uppercase; text-align:center; float:left; width:184px; background-color:#000000;} .flexcaption_style4 a{color:#FFF; display:block;} @media only screen and (max-width:999px) { .flexcaption_style1{font-size:25px; line-height:1; margin-bottom:5px;} .flexcaption_style2{font-size:50px; line-height:1; margin-bottom:5px;} .flexcaption_style3{font-size:30px; line-height:1; margin-bottom:5px;} .flexcaption_style4{font-size:18px; line-height:40px; width:150px;} } @media only screen and (max-width:1023px) { } @media only screen and (max-width:767px) { .flexcaption{display:none;} } /* Direction Nav */ .flex-direction-nav{} .flex-direction-nav li a {width:48px; height:48px; margin: -24px 0 0 0px; display: block; cursor: pointer; text-indent: -999em;} .flex-direction-nav li .flex-next{background: url(../images/bg_direction_navnext.png) no-repeat right center; position:absolute; top:50%; right:2% !important;} .flex-direction-nav li .flex-prev{background: url(../images/bg_direction_navprev.png) no-repeat right center; position:absolute; top:50%; left:2%;} .flex-direction-nav li .disabled {opacity:0; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; /*bottom:40px;*/ text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width:20px; height:20px; display: block; cursor: pointer; text-indent: -9999px; background:url(../images/bg_control_nav.png) no-repeat;} .flex-control-paging li a:hover {background:url(../images/bg_control_nav-hover.png) no-repeat;} .flex-control-paging li a.flex-active { background:url(../images/bg_control_nav-hover.png) no-repeat; cursor:default;} .flexslider1 {width: 100%; margin: 0; padding:0px 0px 30px 0px; } .flexslider1 .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider1 {margin-bottom:0px; background:;position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;} .flexslider1 .slides {zoom: 1;} .flexslider1 .slides > li {position: relative;} /* Direction Nav */ .flexslider1 .flex-direction-nav { height: 0; } .flexslider1 .flex-direction-nav li a {width:22px; height:15px; margin:0px; display: block; cursor: pointer; text-indent: -999em;} .flexslider1 .flex-direction-nav li .flex-next{background: url(../images/bg_direction_navnext.png) no-repeat right center; position:absolute; top:100%; right:0%;} .flexslider1 .flex-direction-nav li .flex-prev{background: url(../images/bg_direction_navprev.png) no-repeat right center; position:absolute; top:100%; right:27px !important;} .flexslider1 .flex-direction-nav li .disabled {opacity:0; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flexslider1 .flex-control-nav {width: 100%; position: absolute; bottom:0px; text-align: center;} .flexslider1 .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width:11px; height:11px; display: block; cursor: pointer; text-indent: -9999px; background:url(../images/bg_control_nav.png) no-repeat;} .flexslider1 .flex-control-paging li a:hover {background:url(../images/bg_control_nav-hover.png) no-repeat;} .flexslider1 .flex-control-paging li a.flex-active { background:url(../images/bg_control_nav-hover.png) no-repeat; cursor:default;} .flexslider2 {width: 100%; margin: 0; padding:0px 0px 0px 0px; } .flexslider2 .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider2 {margin-bottom:0px; background:;position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;} .flexslider2 .slides {zoom: 1;} .flexslider2 .slides > li {position: relative;} /* Direction Nav */ .flexslider2 .flex-direction-nav { height: 0; } .flexslider2 .flex-direction-nav li a {width:47px; height:94px; margin:0px; display: block; cursor: pointer; text-indent: -999em;} .flexslider2 .flex-direction-nav li .flex-next{background:url(../images/direction_right.png) no-repeat right center; position:absolute; top:50%; left:100%; margin-top:-47px; margin-left:-47px;} .flexslider2 .flex-direction-nav li .flex-prev{background: url(../images/direction_left.png) no-repeat right center; position:absolute; top:50%; left:0px; margin-top:-47px;} .flexslider2 .flex-direction-nav li .disabled {opacity:0; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flexslider2 .flex-control-nav {width: 100%; position: absolute; bottom:0px; text-align: center;} .flexslider2 .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width:11px; height:11px; display: block; cursor: pointer; text-indent: -9999px; background:url(../images/bg_control_nav.png) no-repeat;} .flexslider2 .flex-control-paging li a:hover {background:url(../images/bg_control_nav-hover.png) no-repeat;} .flexslider2 .flex-control-paging li a.flex-active { background:url(../images/bg_control_nav-hover.png) no-repeat; cursor:default;} .flexslider3 {width:80%; margin: 0; padding:0px 10%; } .flexslider3 .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider3 {margin-bottom:0px; background:;position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;} .flexslider3 .slides {zoom: 1;} .flexslider3 .slides > li {position: relative;} @media only screen and (max-width:479px) { .flexslider3 {width:100%; margin: 0; padding:0px; } } /* Direction Nav */ .flexslider3 .flex-direction-nav { height: 0; } .flexslider3 .flex-direction-nav li a {width:47px; height:94px; margin:0px; display: block; cursor: pointer; text-indent: -999em;} .flexslider3 .flex-direction-nav li .flex-next{background:url(../images/direction_right1.png) no-repeat right center; position:absolute; top:50%; left:100%; margin-top:-47px; margin-left:-47px;} .flexslider3 .flex-direction-nav li .flex-prev{background: url(../images/direction_left1.png) no-repeat right center; position:absolute; top:50%; left:0px; margin-top:-47px;} .flexslider3 .flex-direction-nav li .disabled {opacity:0; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flexslider3 .flex-control-nav {width: 100%; position: absolute; bottom:0px; text-align: center;} .flexslider3 .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width:11px; height:11px; display: block; cursor: pointer; text-indent: -9999px; background:url(../images/bg_control_nav.png) no-repeat;} .flexslider3 .flex-control-paging li a:hover {background:url(../images/bg_control_nav-hover.png) no-repeat;} .flexslider3 .flex-control-paging li a.flex-active { background:url(../images/bg_control_nav-hover.png) no-repeat; cursor:default;}