394 lines
7.8 KiB
CSS
394 lines
7.8 KiB
CSS
/*
|
|
* jQuery FlexSlider v2.0
|
|
* http://www.woothemes.com/flexslider/
|
|
*
|
|
* Copyright 2012 WooThemes
|
|
* Free to use under the GPLv2 license.
|
|
* http://www.gnu.org/licenses/gpl-2.0.html
|
|
*
|
|
* Contributing author: Tyler Smith (@mbmufffin)
|
|
*/
|
|
|
|
/* Flex Slider
|
|
=========================================================*/
|
|
.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 {
|
|
margin:0;padding:0;
|
|
}
|
|
.flexslider .slides>li {
|
|
display:none;
|
|
-webkit-backface-visibility:hidden;
|
|
}
|
|
.flexslider .slides img{
|
|
max-width:100%;display:block;
|
|
}
|
|
.flex-pauseplay span{
|
|
text-transform:capitalize;
|
|
}
|
|
.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, .flexslider4{
|
|
position:relative;
|
|
zoom:1;
|
|
}
|
|
.flexslider .slides{
|
|
zoom:1;
|
|
}
|
|
|
|
.flexslider .slides>li{
|
|
position:relative;
|
|
}
|
|
.flex-container{
|
|
zoom:1;
|
|
position:relative;
|
|
}
|
|
.flex-direction-nav{
|
|
height:0;
|
|
}
|
|
.flex-direction-nav li a{
|
|
margin:0;
|
|
display:block;
|
|
position:absolute;
|
|
top:45%;
|
|
cursor:pointer;
|
|
z-index:7;
|
|
background-color: rgba(75,78,83,.3);
|
|
margin: 0;
|
|
padding: 30px 3px;
|
|
color: #fff;
|
|
font-size: 34px;
|
|
}
|
|
.flex-direction-nav li a:hover {
|
|
opacity:1; filter:alpha(opacity=100);
|
|
background-color: rgba(75,78,83,.6);
|
|
}
|
|
.flex-direction-nav li .flex-next{
|
|
right:0;
|
|
}
|
|
.flex-direction-nav li .flex-next:before{
|
|
content: "\e232";
|
|
font-family: "linea-icons" !important;
|
|
font-style: normal !important;
|
|
font-weight: normal !important;
|
|
font-variant: normal !important;
|
|
text-transform: none !important;
|
|
speak: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.flex-direction-nav li .flex-prev{
|
|
left:0;
|
|
}
|
|
.flex-direction-nav li .flex-prev:before{
|
|
content: "\e226";
|
|
font-family: "linea-icons" !important;
|
|
font-style: normal !important;
|
|
font-weight: normal !important;
|
|
font-variant: normal !important;
|
|
text-transform: none !important;
|
|
speak: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.flex-direction-nav li .disabled{
|
|
opacity:.3;
|
|
filter:alpha(opacity=30);
|
|
cursor:default;
|
|
}
|
|
.slider-1 .flex-direction-nav li .flex-next{
|
|
position:absolute;
|
|
right:-30px;
|
|
opacity:0; filter:alpha(opacity=0);
|
|
-webkit-transition: all .3s ease;
|
|
}
|
|
.slider-1:hover .flex-direction-nav li .flex-next {
|
|
opacity:1; filter:alpha(opacity=100);
|
|
right:0;
|
|
}
|
|
.slider-1 .flex-direction-nav li .flex-prev{
|
|
position:absolute;
|
|
left:-30px;
|
|
opacity:0; filter:alpha(opacity=0);
|
|
-webkit-transition: all .3s ease;
|
|
}
|
|
.slider-1:hover .flex-direction-nav li .flex-prev{
|
|
opacity:1; filter:alpha(opacity=100);
|
|
left:0;
|
|
}
|
|
.flex-control-nav{
|
|
width:100%;
|
|
position:absolute;
|
|
bottom:-32px;
|
|
text-align:center;
|
|
-webkit-transition: all .3s ease;
|
|
}
|
|
.slider-1:hover .flex-control-nav {
|
|
bottom:18px;
|
|
}
|
|
.flex-control-nav li{
|
|
margin:0 0 0 5px;
|
|
display:inline-block;
|
|
zoom:1;
|
|
*display:inline;
|
|
}
|
|
.flex-control-nav li:first-child{
|
|
margin:0;
|
|
}
|
|
.slider-1 {
|
|
overflow:hidden;
|
|
}
|
|
.slider-1 .slides li .contain, .slider-1 .loading {
|
|
position:relative;
|
|
min-height:600px;
|
|
}
|
|
.flex-top-bot, .flex-bot-top, .slider-1 .slides li .links {
|
|
width:550px;
|
|
}
|
|
.flex-top-bot, .flex-bot-top, .slider-1 .slides li .links, .slider-1 .slides li .item , .slider-1 .slides li .fade-flex{
|
|
position:absolute;
|
|
}
|
|
.flex-top-bot {
|
|
left:0;
|
|
top:-100%;
|
|
opacity:0;
|
|
z-index:50;
|
|
font-family: 'Lato', Arial, Helvetica, sans-serif;
|
|
font-size:50px;
|
|
line-height:54px;
|
|
font-weight:100;
|
|
min-width:50px;
|
|
color:#fff;
|
|
display: inline-block !important;
|
|
padding: 14px 20px 15px;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
.norm-50-wide {
|
|
width:100%;
|
|
font-size:50px;
|
|
line-height:54px;
|
|
font-weight:normal;
|
|
letter-spacing:12px;
|
|
}
|
|
.norm-43-wide {
|
|
width:100%;
|
|
font-size:43px;
|
|
line-height:54px;
|
|
font-weight:normal;
|
|
letter-spacing:10px;
|
|
}
|
|
.norm-40 {
|
|
font-size:40px;
|
|
line-height:44px;
|
|
}
|
|
.slider-caption-border {
|
|
border:4px solid #fff;
|
|
padding:20px;
|
|
padding-left:25px;
|
|
}
|
|
.light-52{
|
|
font-family: 'Lato', Arial, Helvetica, sans-serif;
|
|
font-size: 50px;
|
|
line-height: 54px;
|
|
font-weight: 100;
|
|
color: #fff;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.light-72{
|
|
font-family: 'Lato', Arial, Helvetica, sans-serif;
|
|
font-size: 70px;
|
|
line-height: 64px;
|
|
font-weight: 100;
|
|
color: #fff;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.light-100{
|
|
font-family: 'Lato', Arial, Helvetica, sans-serif;
|
|
font-size: 90px;
|
|
line-height: 100px;
|
|
font-weight: 100;
|
|
color: #fff;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.flex-bot-top {
|
|
left:0;
|
|
bottom:-50%;
|
|
opacity:0;
|
|
z-index:50;
|
|
}
|
|
.slider-1 .loading{
|
|
background: #999da1 url(../images/loading.gif) no-repeat center center;
|
|
}
|
|
.slider-1 .slides li .item .video-wrap {
|
|
min-width: 425px;
|
|
min-height: 244px;
|
|
}
|
|
.slider-1.iphone li {
|
|
background:url(../images/img/sliders/pattern.png) repeat;
|
|
}
|
|
.slider-1.iphone li img {
|
|
margin-top:37px;
|
|
}
|
|
.font-black {
|
|
color:#4b4e53 !important;
|
|
}
|
|
|
|
/* #Tablet (Portrait)
|
|
================================================== */
|
|
|
|
@media only screen and (max-width: 959px) {
|
|
.no-border-959 {
|
|
border:none;
|
|
padding:0;
|
|
}
|
|
}
|
|
|
|
/* #Tablet (Portrait)
|
|
================================================== */
|
|
/* Note: Design for a width of 768px */
|
|
|
|
@media only screen and (min-width: 768px) and (max-width: 959px) {
|
|
/* Direction Nav */
|
|
.caption-18-wide-767 {
|
|
top:44% !important;
|
|
font-size:33px;
|
|
line-height:36px;
|
|
font-weight:normal;
|
|
letter-spacing:5px;
|
|
}
|
|
.norm-40-768-959 {
|
|
width:100%;
|
|
font-size:40px;
|
|
line-height:50px;
|
|
font-weight:normal;
|
|
letter-spacing:0;
|
|
}
|
|
|
|
}
|
|
|
|
/* #Mobile (Portrait)
|
|
================================================== */
|
|
/* Note: Design for a width of 320px */
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
.slider-1 .slides li .contain, .slider-1 .loading {
|
|
position:relative;
|
|
min-height:216px;
|
|
}
|
|
.display-none-767 {
|
|
display: none !important;
|
|
}
|
|
.flexslider ul.slides .display {
|
|
display: block !important;
|
|
}
|
|
.slider-1 .slides li .item {
|
|
display: none !important;
|
|
}
|
|
.norm-50-wide, .norm-43-wide {
|
|
font-size:25px;
|
|
line-height:29px;
|
|
font-weight:normal;
|
|
letter-spacing:1px;
|
|
}
|
|
.norm-20-767 {
|
|
font-size:20px;
|
|
line-height:25px;
|
|
font-weight:normal;
|
|
letter-spacing:1px;
|
|
}
|
|
.top-28-767 {
|
|
top:28% !important;
|
|
}
|
|
.top-34-767 {
|
|
top:34% !important;
|
|
}
|
|
.bot-15-767 {
|
|
bottom:15% !important;
|
|
}
|
|
.bot-25-767 {
|
|
bottom:25% !important;
|
|
}
|
|
.bot-34-767 {
|
|
bottom:34% !important;
|
|
}
|
|
.font-40{
|
|
top:35% !important;
|
|
font-size:20px;
|
|
line-height:29px;
|
|
}
|
|
.caption-18-wide-767 {
|
|
top:44% !important;
|
|
font-size:16px;
|
|
line-height:25px;
|
|
font-weight:normal;
|
|
letter-spacing:0px;
|
|
}
|
|
.slider-caption-border-767 {
|
|
border:2px solid #fff;
|
|
padding:12px;
|
|
}
|
|
.light-52 {
|
|
font-size:15px;
|
|
line-height:29px;
|
|
}
|
|
.light-72 {
|
|
font-size:25px;
|
|
line-height:28px;
|
|
}
|
|
.light-100 {
|
|
font-size:33px;
|
|
line-height:35px;
|
|
}
|
|
.flex-direction-nav {
|
|
visibility:hidden;
|
|
}
|
|
}
|
|
|
|
/* #Mobile (Landscape)
|
|
================================================== */
|
|
/* Note: Design for a width of 480px */
|
|
|
|
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
|
.slider-1 .slides li .contain, .slider-1 .loading {
|
|
position:relative;
|
|
min-height:250px;
|
|
}
|
|
.slider-1 .slides li .item {
|
|
max-width: 40%;
|
|
display:block !important;
|
|
}
|
|
.flex-direction-nav {
|
|
visibility:visible;
|
|
}
|
|
.bot-30-480-767 {
|
|
bottom:30% !important;
|
|
}
|
|
|
|
} |