@charset "utf-8";


 body  { 

background : url(../images/bg1.png) 0 0 repeat; 

color : #666; 

font-family : Open sans, sans-serif; 

font-size : 13px; 

line-height : 1.7; 

margin : 0; 

overflow-x : hidden; 
} 
 h1, h2, h3, h4  { 

font-weight : 400; 

color : #666; 

margin : 0; 
} 
 h1  { 

font-size : 40px; 

font-weight : 700; 

margin : 10px; 

padding : 10px 0; 
} 
 h2  { 

font-size : 22px; 

font-weight : 700; 
} 
 h3  { 

font-size : 18px; 

font-weight : 700; 
} 
 h4  { 

font-size : 16px; 

font-weight : 700; 
} 
 p, ul, ol  { 

line-height : 140%; 

text-align : inherit; 
} 
 a  { 

color : #0078ff; 

text-decoration : none; 
} 
 .top  { 

background : url(../images/bg3.png) 0 0 repeat; 

width : 100%; 

height : 10px; 
} 
 header  { 

width : 1000px; 

margin : 0 auto; 

height : 90px; 

font-size : 12px; 

text-align : left; 
} 
 .headl  { 

float : left; 

margin-top : 40px; 
} 
 .headr  { 

float : right; 

margin-top : 5px; 
} 
 .nav  { 

margin-top : 55px; 

float : right; 

display : inline; 

height : 44px; 

width : 550px; 

padding : 0; 
} 
 .nav ul  { 

list-style : none; 

list-style-position : outside; 

position : absolute; 
} 
 .nav ul li  { 

float : left; 

font-family : Open sans, sans-serif; 

font-size : 20px; 

font-weight : 500; 

padding : 0 5px; 
} 
 .nav ul li:first-child  { 

padding-left : 0; 
} 
 .nav ul li a  { 

color : #4a4a4a; 

display : block; 

height : 40px; 

line-height : 40px; 

border : transparent solid 2px; 

padding : 0 7px; 
} 
 .nav ul li.active a, .nav ul li a:hover  { 

border : #029cdb solid 2px; 

background : url(../images/nav-btn.png) 0 0 repeat-x; 

color : #fff; 
} 
 .content  { 

width : 1000px; 

margin : 0 auto; 
} 
 div.one-col, div.two-col, div.three-col  { 

overflow : hidden; 
} 
 div.separator  { 

border-bottom : 1px solid gray; 

margin-bottom : 18px; 
} 
 div.one-col div.col  { 

width : 100%; 
} 
 div.two-col div.col  { 

width : 465px; 

float : left; 

margin-right : 30px; 
} 
 div.three-col div.col  { 

width : 300px; 

float : left; 

margin-right : 30px; 
} 
 div.four-col div.col  { 

width : 220px; 

float : left; 

margin-right : 10px; 
} 
 .wide-col  { 

width : 650px; 

float : left; 

margin-right : 10px; 
} 
 .slim-col  { 

width : 250px; 

float : left; 

margin-right : 10px; 
} 
 div.col p  { 

font-size : 14px; 

line-height : 1.5em; 

margin-bottom : 1.5em; 
} 
 footer  { 

background : url(../images/bg2.png) 0 0 repeat; 

width : 100%; 

height : 20px; 
} 
 .footer p  { 

text-align : left; 

font-size : 14px; 

border : 0; 

margin : 10px; 

padding : 0; 
} 
 .cols  { 

width : 1000px; 

margin : 0 auto; 

float : inherit; 
} 
 .cols ul li  { 

display : block; 

border-bottom : 1px dotted #bfbfbf; 

width : 100px; 
} 
 .bottomleft  { 

float : left; 

width : 670px; 

margin-left : 20px; 

margin-top : 15px; 

display : inline; 

color : #fff; 
} 
 .bottomleft a  { 

color : #00BFFF; 
} 
 .bottomright  { 

float : right; 

width : 200px; 

margin-top : 9px; 

display : inline; 

color : #fff; 
} 
 .bottomright a  { 

color : #00BFFF; 
} 
 .bottom  { 

background : url(../images/bg3.png) 0 0 repeat; 

width : 100%; 

height : 50px; 
} 
 .slider  { 

width : 900px; 

margin : 0 auto; 
} 
 #slider  { 

text-align : center; 
} 
 label, a  { 

color : teal; 

cursor : pointer; 

text-decoration : none; 
} 
 label:hover, a:hover  { 

color : #000 !important ; 
} 
 *  { 

box-sizing : border-box; 
} 
 .catch  { 

display : block; 

height : 0; 

overflow : hidden; 
} 
 #slider  { 

margin : 0 auto; 
} 
 input  { 

display : none; 
} 
 #slide1:checked ~ #slides .inner  { 

margin-left : 0; 
} 
 #slide2:checked ~ #slides .inner  { 

margin-left : -100%; 
} 
 #slide3:checked ~ #slides .inner  { 

margin-left : -200%; 
} 
 #slide4:checked ~ #slides .inner  { 

margin-left : -300%; 
} 
 #slide5:checked ~ #slides .inner  { 

margin-left : -400%; 
} 
 #overflow  { 

width : 100%; 

overflow : hidden; 
} 
 article img  { 

width : 100%; 
} 
 #slider  { 

text-align : center; 
} 
 label, a  { 

color : teal; 

cursor : pointer; 

text-decoration : none; 
} 
 label:hover, a:hover  { 

color : #000 !important ; 
} 
 *  { 

box-sizing : border-box; 
} 
 .catch  { 

display : block; 

height : 0; 

overflow : hidden; 
} 
 #slider  { 

margin : 0 auto; 
} 
 input  { 

display : none; 
} 
 #slide1:checked ~ #slides .inner  { 

margin-left : 0; 
} 
 #slide2:checked ~ #slides .inner  { 

margin-left : -100%; 
} 
 #slide3:checked ~ #slides .inner  { 

margin-left : -200%; 
} 
 #slide4:checked ~ #slides .inner  { 

margin-left : -300%; 
} 
 #slide5:checked ~ #slides .inner  { 

margin-left : -400%; 
} 
 #overflow  { 

width : 100%; 

overflow : hidden; 
} 
 article img  { 

width : 100%; 
} 
 #slides .inner  { 

width : 500%; 

line-height : 0; 
} 
 #slides article  { 

width : 20%; 

float : left; 
} 
 #controls  { 

margin : -25% 0 0 0; 

width : 100%; 

height : 50px; 
} 
 #controls label  { 

display : none; 

width : 50px; 

height : 50px; 

opacity : 0.300000011920928955078125; 
} 
 #active  { 

margin : 23% 0 0; 

text-align : center; 
} 
 #active label  { 

border-radius : 5px; 

display : inline-block; 

width : 10px; 

height : 10px; 

background : #bbb; 
} 
 #active label:hover  { 

background : #ccc; 

border-color : #777 !important ; 
} 
 #controls label:hover  { 

opacity : 0.800000011920928955078125; 
} 
 #slide1:checked ~ #controls label:nth-child(2), #slide2:checked ~ #controls label:nth-child(3), #slide3:checked ~ #controls label:nth-child(4), #slide4:checked ~ #controls label:nth-child(5), #slide5:checked ~ #controls label:nth-child(1)  { 

background : url('../images/next.png') no-repeat; 

float : right; 

margin : 0 -70px 0 0; 

display : block; 
} 
 #slide1:checked ~ #controls label:nth-child(5), #slide2:checked ~ #controls label:nth-child(1), #slide3:checked ~ #controls label:nth-child(2), #slide4:checked ~ #controls label:nth-child(3), #slide5:checked ~ #controls label:nth-child(4)  { 

background : url('../images/prev.png') no-repeat; 

float : left; 

margin : 0 0 0 -70px; 

display : block; 
} 
 #slide1:checked ~ #active label:nth-child(1), #slide2:checked ~ #active label:nth-child(2), #slide3:checked ~ #active label:nth-child(3), #slide4:checked ~ #active label:nth-child(4), #slide5:checked ~ #active label:nth-child(5)  { 

background : #333; 

border-color : #333 !important ; 
} 
 .info  { 

line-height : 20px; 

margin : 0 0 -150%; 

position : absolute; 

font-style : italic; 

padding : 30px 30px; 

opacity : 0; 

color : #000; 

text-align : left; 
} 
 .info h3  { 

color : #333; 

margin : 0 0 5px; 

font-weight : normal; 

font-size : 22px; 

font-style : normal; 
} 
 #slides .inner  { 

transition : all 800ms cubic-bezier(0.770,0.000,0.175,1.000); 

transition-timing-function : cubic-bezier(0.770,0.000,0.175,1.000); 
} 
 #slider  { 

transition : all 0.5s ease-out; 
} 
 #controls label  { 

transition : opacity 0.2s ease-out; 
} 
 #slide1:checked ~ #slides article:nth-child(1) .info, #slide2:checked ~ #slides article:nth-child(2) .info, #slide3:checked ~ #slides article:nth-child(3) .info, #slide4:checked ~ #slides article:nth-child(4) .info, #slide5:checked ~ #slides article:nth-child(5) .info  { 

opacity : 1; 

transition : all 1s 0.6s ease-out; 
} 
 .info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile  { 

transition : all 0.5s ease-out; 
} 
 #tablet:checked ~ #slider #controls  { 

margin : -25% 0 0 12%; 

width : 76%; 

height : 50px; 
} 
 #tablet:checked ~ #slider #controls label  { 

transform : scale(0.8); 
} 
 #tablet:checked ~ #slider #slides, #mobile:checked ~ #slider #slides  { 

padding : 1% 0; 

border-radius : 0; 
} 
 #tablet:checked ~ #slider #active  { 

margin : 22% 0 0; 
} 
 @media only screen and (max-width:850px) and (min-width:450px)  { 

 #slider #controls  { 

margin : -25% 0 0 15%; 

width : 70%; 

height : 50px; 
} 
 #slider #controls label  { 

transform : scale(0.8); 
} 
 #slider #slides  { 

padding : 1% 0; 

border-radius : 0; 
} 
 #slider #active  { 

margin : 22% 0 0; 
} } 

 #mobile:checked ~ #slider #controls  { 

margin : -28% 0 0 24%; 

width : 50%; 

height : 50px; 
} 
 #mobile:checked ~ #slider #active  { 

margin : 23% 0 0; 
} 
 #mobile:checked ~ #slider #slides .info  { 

opacity : 0 !important ; 
} 
 #mobile:checked ~ #slider #controls label  { 

transform : scale(0.6); 
} 
 @media only screen and (max-width:450px)  { 

 #slider #controls  { 

margin : -28% 0 0 24%; 

width : 50%; 

height : 50px; 
} 
 #slider #active  { 

margin : 23% 0 0; 
} 
 #slider #slides  { 

padding : 1% 0; 

border-radius : 0; 
} 
 #slider #slides .info  { 

opacity : 0 !important ; 
} 
 #slider #controls label  { 

transform : scale(0.6); 
} } 


@media only screen and (min-width:850px) 




 @font-face  { 

 { 

font-family : "'Open Sans'"; 

font-style : normal; 

font-weight : 400; 

src : local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype'); 
} } 


 @font-face  { 

 { 

font-family : "'Open Sans'"; 

font-style : normal; 

font-weight : 600; 

src : local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype'); 
} } 


 @font-face  { 

 { 

font-family : "'Open Sans'"; 

font-style : normal; 

font-weight : 700; 

src : local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype'); 
} } 


 @font-face  { 

 { 

font-family : "'Open Sans'"; 

font-style : normal; 

font-weight : 800; 

src : local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format('truetype'); 
} } 

 body  { 

background-image : url(images/bg2.png); 
}