@import url("../css/default.css");
* {margin: 0; padding: 0; outline: 0;}


body {
	font-family: Helvetica, Arial, Verdana, sans-serif!important;
	color: #999!important;
	font-size: 12px!important;
	background: #11293e!important;

	
}


h1, h2 {
	font-family: 'Open Sans', 'sans-serif'!important;
	font-weight: 300!important;
	margin:0 0 15px 0!important;
}


h1 {
    font-family: 'Open Sans', 'sans-serif'!important;
	font-size: 36px!important;
	letter-spacing: -2px!important;
	line-height: 100%!important;
	
}

h1.title {
	font-size: 46px!important;
	font-weight: 700!important;
	color: #6a6a6a!important;



}


h2 {
	font-size: 24px!important;
}

p {
	margin: 0 15px 15px 0!important;
	
}

.menuBtn {

	background: center center no-repeat transparent;
	background: #000;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;

}

.active {
	background: #072944;
}
.clear {
	clear: both;
}
.wrap {


		z-index: 10;
		

}



.section {
	width: 100%;
	max-width: 1140px;
	
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
	background-color: #000000;
}


.inner {

	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding:30px 0;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	padding:30px 0;
}
.story{
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

/* This is the selector i used for my menu, it needs to be set as position:absolute; */
.subMenu {
	/*position: absolute;*/
	top: 210px;
	min-height: 64px;
	height: auto;
	z-index: 1000;
	width: 100%;
	max-width: 1140px;
	background: #aabd46;
	background-color: #333333;
	padding-left: 10px;
}

.subMenu .inner {
	padding:0;
	font-weight: 400;
}

@media screen and (max-width: 500px) {
.subMenu {
    padding-bottom:15px;
    padding-left: 5px !important;
}
    
}
@media screen and (min-width: 768px) {
	.subMenu {
		max-width: 750px;
	}
}
@media screen and (min-width: 992px) {
	.subMenu {
		max-width: 970px;
	}
}
@media screen and (min-width: 1120px) {
	.subMenu {
		max-width: 1170px;
	}
}

.subNavBtn {
	display: block;
	height: 35px;
	width: 12%;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 14px;
	padding: 15px 2% 0 2%;
	text-align: center;
	color: #fff;
}

.end {
	margin: 0;
}


/* SECTIONS */
.sTop {
	/*min-height: 370px;*/
	background:#0f4d83;
	color: #09C;
	background-image: url(../images/topBackHolder.png);
	background-repeat: no-repeat;
	background-attachment: local;
	background-position-x: right;
	background-size: 100%;
	
}



.s1 {
	/* min-height: 600px; */
	background: #333;
	font-size: 18px;
}


.s2 {

	background: #000;
	font-size: 18px;
}


.s3 {

	background: #333;
	font-size: 18px;
}


.s4 {

	background: #000;
	color: white;
	background-position: bottom;
	background-repeat:no-repeat;
	font-size: 18px;
}

.s5 {
	min-height: 500px;
	background: #333;
	color: white;
	font-size: 18px;
	
}
.myimage{
	text-align: center;
	display: block;
	margin: auto;
	    width: 100%;
    height: auto;

}
.myimagelogo{
	text-align: center;
	display: block;
	margin: auto;
	    width: 100%;
    height: auto;
    max-width: 270px;
}
.row{
	padding: 10px !important;
}
.row {
    margin-right: 0px!important;
	margin-left: 0px!important; 
	    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.blueline {
    height: 90px;
    background-color: #0e4c7f;
}
.blueline1 {
    height: 20px;
    background-color: #11293E;
}

.sss {
    min-height: 50px;
    height: auto;
	width: 100%;
	max-width: 1170px;
	background: #aabd46;
	background-color: #333333;
	padding-left: 20px;
}
.center{
	text-align: center;
	display: block;
	margin: auto;
}
.fullmenu{
	background-image: url(../images/fonfullmenu.png);
	background-color: white;
	background-size: 220% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	-moz-background-size: 220% 100%; /* Firefox 3.6+ */
	-webkit-background-size: 220% 100%; /* Safari 3.1+ и Chrome 4.0+ */
	-o-background-size: 220% 100%; /* Opera 9.6+ */
	-moz-background-position: 50%;
	-webkit-background-position: 50%;
	-o-background-position: 50%;
}
.fullmenu2{
	background-image: url(../images/fonfullmenu.png);
	background-color: white;
	background-size: 220% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	
}
h2.menuh2 {
	font-size: 30px!important;
	text-decoration:underline;
}
@media screen and (max-width: 768px) {
    .fullmenu2 {
        background-size: 500% 100%;
    }
}
@media screen and (max-width: 768px) {
    .fullmenu {
        background-size: 500% 100%;
    }
}
.bodyfullmenu{
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 14px;
	color: #4d4d88
}
.bodyfullmenu2{
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 16px;
	color: #4d4d88
}
.bodyfullmenu .row{
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 14px;
	color: #4d4d88
}
.bodyfullmenu2 .row{
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 16px;
	color: #4d4d88
}
.bodyfullmenu p{
	margin: 0!important;
}
.bodyfullmenu2 p{
	margin: 0!important;
}
p.center {
	padding-bottom: 40px;
}

.xxx { 
border-width: 2px; 
border-style: solid; 
background-color: transparent; 
font-family: "Raleway"; 
font-size: 15px; 
letter-spacing: 3px; 
font-weight: 700; 
font-style: normal; 
padding: 21px 34px; 
text-transform: uppercase; 
}

.t
{ width :100%; }

.t1 
{
width: 30%;
min-width: 300px;
float: left;
margin: 10px;
}

.t2 
{
width: 45%;
min-width: 300px;
float: left;
margin: 10px;
}