@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600|Oswald:300,400,700);
/*
font-family: 'Open Sans', sans-serif;
font-family: 'Oswald', sans-serif;
*/
.font-slab{
font-family: 'Kelly Slab', sans-serif;
font-weight:400;
}
.font-size-2{
font-size:18px;
}
body{
position:relative;
font-family:Arial, Sans-Serif;
font-weight: 200;
-webkit-font-kerning: auto;
-webkit-font-smoothing: antialiased;
}
#nav
{ border-top:7px solid #1583c3;
background: rgba(0,10,0,0.4);
width: 100%; /* 1000 */
font-family: 'Oswald', sans-serif;
font-weight: 300;
position: absolute;
top: 0;
left: 0;
margin-left: 0; /* 30 480 */
z-index:99999;
}
#nav > span
{
display: none;
}
#nav > a
{
display: none;
}
#nav li
{
position: relative;
}
#nav li a
{
color: #fff;
display: block;
}
#nav span:after
{
width: 0;
height: 0;
border: 0.313em solid transparent; /* 5 */
border-bottom: none;
border-top-color: #efa585;
content: '';
vertical-align: middle;
display: inline-block;
position: relative;
right: -0.313em; /* 5 */
}
/* first level */
#nav > ul
{
margin:0px auto;
width: 60em;
height: 5em; /* 60 */
background: transparent;
}
#nav > ul > li
{
width: 20%;
height: 100%;
float: left;
}
#nav > ul > li > a
{
height: 100%;
font-size: 1.1em; /* 24 */
line-height: 4em; /* 60 (24) */
text-align: center;
text-transform:uppercase;
text-decoration:none;
}
#nav > ul > li:not( :last-child ) > a
{
border-right: 1px solid #4a4a4a;
}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a
{
background: rgba(0,0,0,0.2);
}
#nav > ul > li:nth-child(3)
{
position:relative;
background-color: #1583c3;
}
#nav > ul > li:nth-child(3) div{margin:0px auto;padding:0;position:absolute;width:12em;height: 7em;background-color: #1583c3;}
#nav > ul > li:nth-child(3) div:after
{
content:"";
width: 0;
height: 0;
bottom:-20px;
position:absolute;
border-left: 6em solid transparent;
border-right: 6em solid transparent;
border-top: 20px solid #1583c3;
}
#nav > ul > li:nth-child(3) div a b
{
display:inline-block;margin:5px 0 0 0;
padding:3px 6px;background:#fff;
color: #1583c3;font-weight: 400;
text-align:center;
}
/* second level */
#nav li ul
{
background-color: #cc470d;
display: none;
position: absolute;
top: 100%;
}
#nav li:hover ul
{
display: block;
left: 0;
right: 0;
}
#nav li:not( :first-child ):hover ul
{
left: -1px;
}
#nav li ul a
{
font-size: 1.25em; /* 20 */
border-top: 1px solid #e15a1f;
padding: 0.75em; /* 15 (20) */
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
{
background-color: #e15a1f;
}
@media ( max-width: 62.5em ) /* 1000 */
{
#nav
{
width: 100%;
position: static;
margin: 0;
}
}
@media ( max-width: 900px ) /* 640 */
{
html
{
font-size: 75%; /* 12 */
}
.af_bgr{background-color: #1583c3!important;}
#nav
{background-color: #1583c3;
position: relative;
top: auto;
left: auto;
}
#nav > span
{
display: block;
text-align:center;
margin-top:-36px;
padding-bottom:6px;
}
#nav span:after
{
width: 0;
height: 0;
border: 0px; /* 5 */
content: '';
}
#nav > span b
{
display:inline-block;margin:5px 0 0 0;
padding:3px 6px;background:#fff;
color: #1583c3;font-weight: 400;
text-align:center;
}
#nav > a
{
width: 3.125em; /* 50 */
height: 3.125em; /* 50 */
text-align: left;
text-indent: -9999px;
background-color: #1583c3;
position: relative;
}
#nav > a:before,
#nav > a:after
{
position: absolute;
border: 2px solid #fff;
top: 35%;
left: 25%;
right: 25%;
content: '';
}
#nav > a:after
{
top: 60%;
}
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
display: block;
}
#nav > ul > li:nth-child(3) div{display:none;}
/* first level */
#nav > ul
{
height: auto;
display: none;
position: absolute;
left: 0;
right: 0;
}
#nav:target > ul
{
display: block;background-color: #1583c3;
}
#nav > ul > li
{
width: 100%;
float: none;
}
#nav > ul > li > a
{
height: auto;
text-align: left;
padding: 0 0.833em; /* 20 (24) */
}
#nav > ul > li:not( :last-child ) > a
{
border-right: none;
border-bottom: 1px solid #23456c;
}
/* second level */
#nav li ul
{
position: static;
padding: 1.25em; /* 20 */
padding-top: 0;
}
}
/* SLIDER STYLES */
.slider-wrapper{
position:relative;
overflow:hidden;
width:100%;
margin:0px auto;
border-bottom:7px solid #1583c3;
background:#262626 url(sll4.jpg) center top;
background-size:cover;
}
.slider{
position:relative;
width:100%;
/* height:400px; when responsive, comment this out */
margin:0 auto;
}
.slider a {display:inline-block;}
@media only screen and (min-width: 1000px){
.slider{
width:1000px;
}
}
@media only screen and (min-width: 1440px){
.slider{
width:1440px;
}
}
@media (max-width: 768px){
.slider{
width:900px;
height:auto;
}
.img-slider{display:none !important;}
.bgr-slider{height:50%;}
}
/* ELEMENT STYLES */
.slider p{
position:absolute;
top:0px;
z-index:8000;
padding:1% 3%;
font-size:24px;
line-height:100%
color:#fff;
white-space: nowrap;
text-transform:uppercase;
}
.claim{
line-height:100%
}
.teaser{
padding:0.5% 1.5%;
font-size:14px;
line-height:100%
}
.small{
width:250px;
padding-left:0; padding-right:0px;
text-align:center;
}
.light-green{background:#95C542;color:#fff}
.green{background:#7CB761}
.orange{background:#EF7D00;color:#fff}
.turky{background:#348E8A}
.white{background:#fff; color:#333}
.af_fixed {
position: fixed !important;
top: 0 !important;
}
.af_bgr{
background: rgb(76,76,76)!important;
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 0%, rgba(89,89,89,1) 0%, rgba(20,20,20,1) 0%, rgba(48,48,48,1) 100%)!important;
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 0%,rgba(89,89,89,1) 0%,rgba(20,20,20,1) 0%,rgba(48,48,48,1) 100%)!important;
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 0%,rgba(89,89,89,1) 0%,rgba(20,20,20,1) 0%,rgba(48,48,48,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#303030',GradientType=0 )!important;
}
.bgr-category{background:url(../images/category_bgr.jpg) center top no-repeat;}
.bgr-category{background-attachment: fixed}
.bgr-category{background-size: cover;}