@import url(http://fonts.googleapis.com/css?family=Exo+2:400,700,400italic,700italic);
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}
html,body {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset { 
border:0;
}
input {
font-family: 'Exo 2', Arial, Helvetica, sans-serif; 
letter-spacing:1px;
background-color:#7dd1e0;
font-size:17px; font-weight:700;
border:0;
padding:5px; margin:5px 0;
color:rgba(15,32,50,1);
}
address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1 {
font-size:24px;
font-weight:700;
line-height:30px;
}
h2 {
font-size:20px;
font-weight:700;
line-height:30px;
}
h3 {
font-size:18px;
font-weight:700;
line-height:30px;
}
h4 {
font-size:14px;
font-weight:700;
line-height:20px;
}
h6 { 
font-size: 14px; 
color: #99ff99;
line-height:20px;
}
p {
	font-family: 'Exo 2', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:26px;
	padding-bottom:20px;
}
.stern {
	font-weight: bold;
	font-size: 18px;
	color: #99ff99;
}
q:before,q:after {
content:'';
}

/* General Style */
body {
font-size:14px;	
font-family: 'Exo 2', Arial, Helvetica, sans-serif; 
letter-spacing:1px;
background: #0a1f32;
color: #7dd1e0;
overflow-y: scroll;
overflow-x: hidden;
}
.ie7 body{
overflow:hidden;
}

a{
color: #000;
text-decoration: none;
background-color: #7dd1e0; padding: 2px 5px;
}

.container{
position: relative;
text-align: center; z-index: 50;
width:98%; margin: 0 auto; 
}


.forms { 
	position: relative;
	text-align: center;
	color: #7dd1e0;
	background: rgba(15,32,50,0.9);
	border: 0;
	margin:0 5em; 
	padding: 1em; 
	height:100%;}
.forms p { padding:10px 0; }
.forms img { border:1px dotted #7dd1e0; margin-right:20px; width:30%; }
.centeredtext img, .centeredtext img a:link { border:1px dotted #7dd1e0; margin-right:20px; background-color:transparent; }
.homebox { 
position: relative;
text-align: center;
color: #7dd1e0;
border: 0;
height:auto; 
margin:0 5em; 
padding: 1em;
}
.homebox a { 
border: 0; color: #7dd1e0; text-decoration: underline; background-color:transparent!important; vertical-align:top!important;;
}
.pressbox { 
position: relative;
text-align: left;
color: #7dd1e0;
border: 0;
height:100%; width:auto;
background: rgba(15,32,50,0.9);
margin:0 5em; 
padding: 2em;
}
.pressbox #col {
column-count:2;
-moz-column-count:2;
-webkit-column-count: 2; 
column-gap: 2em;
-moz-column-gap: 2em;
-webkit-column-gap: 2em; 
}
.text { 
position: relative;
text-align: left;
color: #7dd1e0;
background: rgba(15,32,50,0.9);
border: 0;
height:100%; 
margin:0 5em; 
padding: 1em;
}

.centeredtext { 
position: relative;
text-align: center;
color: #7dd1e0;
background: rgba(15,32,50,0.9);
border: 0;
margin:0 5em; padding: 1em; height:100%;
}
.gallery { 
position: relative;
text-align: center;
color: #7dd1e0;
background: rgba(15,32,50,0.9);
border: 0;
height:100%; 
margin:0 5em; 
padding: 1em; 
}
.gallery #col {
column-count:2;
-moz-column-count:2;
-webkit-column-count: 2; 
column-gap: 0;
-moz-column-gap: 0;
-webkit-column-gap: 0; 
}
.gallery #col img { padding: 10px; width:80% !important;
}

.videos {
	text-align:center;
	position: relative;
color: #7dd1e0;
background: rgba(15,32,50,0.9);
border: 0;
margin:0 1em; padding: 1em;
}
.videos iframe { padding: 1em;
}
.clr{
clear: both;
}

a:hover, p a:hover {
color: #7dd1e0;
background-color:#0f2032;}

.container > header{
padding: 5px 10px 5px 10px;
margin: 0px 5px 5px 5px;
position: relative;
display: block;
    text-align: center;
}


/* Header Style */


p.content{
padding: 0; 
color: #7dd1e0;
height:auto;
}

p.content a{
display: inline-block; vertical-align:bottom;
border: 0; margin: 2px 2px; 
padding: 6px 12px 7px;
font-size: 17px;
line-height: 18px;
font-weight: 400;
color: #0f2032;
background: rgba(125,209,224,0.7);
}

p.content a:hover{
color: #7dd1e0;
background: rgba(15,32,50,0.7);
}
p.content a:active{
color: #7dd1e0;
background: rgba(15,32,50,0.7);
}
p.content a.current-content,
p.content a.current-content:hover{
color: #7dd1e0;
background: rgba(15,32,50,0.7);
}
p.content img {
border: 0; padding:0; 
}
.fb img{ width:19px; 
}

/* fon */
@media only screen and (max-width: 767px) { 
body {
font-size:24px;	
font-family:  'Exo 2', Arial, Helvetica, sans-serif; 
letter-spacing:1px;
background: #0a1f32;
color: #7dd1e0;
overflow-y: scroll;
overflow-x: hidden;
}	
.container > header{
text-align: center;
padding: 10px 10px 10px 10px;
margin: 0px 5px 10px 5px;
position: relative;
display: block;
}
.container{
position: relative;
text-align: center; z-index: 50;
width:100% !important; 
}

h1 {
font-size:30px;
font-weight:700;
line-height:35px;
}
h2 {
font-size:24px;
font-weight:700;
line-height:35px;
}
h3 {
font-size:18px;
font-weight:700;
line-height:35px;
}
h4 {
font-size:14px;
font-weight:700;
line-height:24px;
}
h6 { 
font-size: 14px; 
color: #99ff99;
line-height:24px;
}
p {
	font-family: 'Exo 2', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:14pt;
	line-height:26px;
	padding-bottom:20px;
}

.text img, .gallery img, .forms img, .centeredtext img { width:100% !important; height:auto !important; }
.text, .videos, .forms, centeredtext, gallery p, .text, .forms, .centeredtext, .gallery, .homebox, .pressbox   {
text-align: center;
font-size:24px;
line-height:16px;
margin:0 5px; padding: 5px; 
}
.pressbox #col {
column-count:1;
-moz-column-count:1;
-webkit-column-count: 1;
}
.gallery #col {
column-count:1;
-moz-column-count:1;
-webkit-column-count: 1; 
}

.videos iframe { padding:0;  width:100% !important; 
}
}