@font-face {
font-family: 'DIN Bold';
font-weight: normal;
src: url('../fonts/53.eot') format('embedded-opentype');
src: local('☺'), url('../fonts/53.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face{
font-family: 'DIN Bold IE';
font-weight: normal;
src: url('../fonts/53.eot');
font-weight: normal;
font-style: normal;
}

body{
background-color: #212121;
width:100%;
height:100%;
margin:0px;
padding:0px;
font-family: 'Open Sans', sans-serif;
position:relative;
}

h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
}

ul, li{
list-style:none;
padding:0px;
margin:0px;
}

p{
font-size:13px;
line-height:22px;
}

a {
outline: 0;
text-decoration:none;
color:#cccccc;
}

a:hover{
outline: 0;
text-decoration:none;
color:#ccc;
}

a img{
border:none;
color:#000;
}

img{
z-index:99;
}


/*default light header*/

header{
height:90px;
width:100%;
padding:0px;
position:fixed;
top:0px;
left:0px;
z-index:999;
background: url(../images/arch.png) repeat-x bottom left;;

}

header nav{
width:1100px;
margin:0px auto;
height:45px;
padding:20px 75px;
}

header nav #logo{
float:left;
padding:0px 15px;
}

header nav #logo h1{
font-size:34px;
text-transform:uppercase;
position:relative;
font-family: 'Russo One', sans-serif;
}

header nav #menu ul{
list-style:none;
margin:0px;
padding:15px 200px 5px 0px;
margin-right:0px;
float:right;
}

header nav #menu ul li{
display:inline;
margin:0px;
padding:0px;
}

header nav #menu ul li a{
font-family: 'Open Sans', sans-serif;
font-size:13px;
text-transform:uppercase;
padding:20px 30px 0px 0px;
margin:0px;
position:relative;
font-weight:700;
}



/*dark header*/

header.dark{
background-color:#212121;
box-shadow: 0px 1px #101010;
}

header.dark nav #logo h1{
color:#ededec;
text-shadow:0px 1px #101010;
}



header.dark nav #menu ul li a{
color: #a5a5a5;
}

header.dark nav #menu ul li a:hover{
color:#ffffff;
}

header.dark nav #menu ul li a.active{
color:#cccccc;
}

header.dark nav #menu ul li a.active:after{
background-color:#cccccc;
}

section#slider{
background-color:#f1f1f1;
width:100%;
height:600px;
overflow:hidden;
position:relative;
margin:0px;
padding:80px 0px 0px 0px;
}

section#slider .info{
color:#000;
height:241px;
width:241px;

-moz-border-radius:241px;
-webkit-border-radius:241px;
border-radius:241px;
text-align:center;
}

section#slider  h2{
line-height:1;
font-size:44px;
margin-top:80px;
text-align:center;
margin-bottom:10px;
font-family: 'DIN Bold', 'DIN Bold IE', helvetica;
font-weight:400;
text-transform:uppercase;
}


section#slider .info p{
font-size:14px;
line-height:20px;
margin:0px;
margin:0px 20px;
padding:5px;
text-transform:none;
font-weight:400;
font-family:'Lato', helvetica;
border-top:3px solid #000;
}

section#slider .info.blue{
color:#fff;
background:rgba(0, 142, 180, 0.9);
}

section#slider .info.blue p{
border-top:3px solid #fff;
}

section#slider .more{
color:#fff;
width:100px;

text-align:center;
float:right;
padding:10px 10px;
font-family: 'Open Sans', sans-serif;
font-size:16px;
text-transform:uppercase;
}

/*flexslider*/

#content-slider{
width:100%;
height:100%;
margin:0px;
padding:0px 0px 0px 0px;
position: fixed;

}

#content-slider img{
min-height:100%;
}

.flex-direction-nav li a{
position:absolute;
background-image:url();
background-position:0 0;
width:35px;
height:100px;
top:50%;
}

.flex-direction-nav li .next{
background-image:url(../images/next.png);
background-position:0 0;
right:0px;

}

.flex-direction-nav li .prev{
background-image:url(../images/prev.png);
background-position:0 0;
left:0px;
}

.container{
width:100%;
}






/*Colors*/

.light{
background-color:#f4f4f4;
color:#424242;
}

.dark{
background-color:#2a2a2a;
color:#f1f1f1;
}

.dark p{
color:#3a3a3a;
}

.dark p{
color:#dddddd;
}


.light .title h1{
color:#424242;
text-shadow:0px 1px #fff;
}

.dark .title h1{
color:#ededec;
text-shadow:0px 1px #010101;
}

.light .title h1 span{

border-left:2px dotted #f67c05;
padding:0px 0px 0px 20px;
text-shadow:0px 1px #fff;
}

.dark .title h1 span{

border-left:2px dotted #f67c05;
padding:0px 0px 0px 20px;
text-shadow:0px 1px #010101;
}




/*divider*/
.divider{
margin:30px 0px;
clear:both;
}



.footer{
background-color:#212121;
border-top: 3px solid #4d4d4d;
height:20px;
width:100%;
padding:10px 0px;
margin:0px;
position: fixed;
bottom:0px;
left:0px;
z-index:999;
}

.footer p{
margin:0px auto;
width:100%;
text-transform:uppercase;
color:#fff;
font-size:11px;
text-align:center;
}