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

#hiddencontainer {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;}

#bottomborder {
    position: absolute;
	background: -moz-linear-gradient(left,  rgba(31,53,111,1) 0%, rgba(31,53,111,1) 11%, rgba(31,53,111,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,53,111,1)), color-stop(11%,rgba(31,53,111,1)), color-stop(100%,rgba(31,53,111,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f356f', endColorstr='#001f356f',GradientType=1 ); /* IE6-9 */
    width: 32%;
    bottom: 0px;
    height: 6%;
    left: 0px;
    z-index: 10;
	}
#menuheader {
    position: absolute;
    left: 41%;
    top: 7%;
    width: 54%;
		    z-index: 4;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
#bgimage {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#LoaderContainer {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 3;
		}
#apDiv1 {
    position: fixed;
    width: 396px;
    height: 300px;	
	  z-index: 999999;
		top: 0px;
    left: 0%;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	-webkit-transform-origin: top left;
	    background-color: #fff;
	border-bottom-right-radius: 58%;
}
#apDiv2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #312D2E 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#312D2E ));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#312D2E 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%,#1f356f 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%,#312D2E 100%);
    background: linear-gradient(135deg, #ffffff 0%,#312D2E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1f356f',GradientType=1 );
}
.contentloader{
	animation-name: contentloader;
	-webkit-animation-name: contentloader;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
		animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-fill-mode: forwards;
	visibility: visible !important;			
}

@keyframes contentloader {
	0% {
	}
	100% {
	opacity: .96;
}
	}

@-webkit-keyframes contentloader {
	0% {
	}
	100% {
	opacity: .96;
	}
	}
.contentloader2{
	animation-name: contentloader2;
	-webkit-animation-name: contentloader2;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
		animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-fill-mode: forwards;
	visibility: visible !important;			
}
.subdueLeft{
	animation-name: subdueLeft;
	-webkit-animation-name: subdueLeft;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
		animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-fill-mode: forwards;
	visibility: visible !important;			
}

@keyframes contentloader2 {
	0% {
	}
	100% {
	opacity: .6;
}
	}

@-webkit-keyframes contentloader2 {
	0% {
	}
	100% {
	opacity: .6;
	}
	}

@keyframes subdueLeft {
	0% {
	}
	99% {
	top: 0px;
    left: 0%;
	transform: translateX(0%);
	opacity: 1;
 -moz-transform: scale(.56);
    -webkit-transform: scale(.56);
    transform: scale(.56);
    transform-origin: top left;
	background-color: rgba(255, 255, 255, 0.05);
}
	100% {
    box-shadow: 17px 9px 20px rgba(27, 39, 51, 0.1);
		top: 0px;
    left: 0%;
	transform: translateX(0%);
	opacity: 1;
 -moz-transform: scale(.56);
    -webkit-transform: scale(.56);
    transform: scale(.56);
    transform-origin: top left;
	    background-color: #fff;
    border-bottom-right-radius: 58%;
}


	}

@-webkit-keyframes subdueLeft {
	0% {
	}
	99% {
	top: 0px;
    left: 0%;
	transform: translateX(0%);
	opacity: 1;
 -moz-transform: scale(.56);
    -webkit-transform: scale(.56);
    transform: scale(.56);
    transform-origin: top left;
	background-color: rgba(255, 255, 255, 0.05);
	}
	100% {
    box-shadow: 17px 9px 20px rgba(27, 39, 51, 0.1);
		top: 0px;
    left: 0%;
	transform: translateX(0%);
	opacity: 1;
 zoom: .36; /* Old IE only */
 -moz-transform: scale(.56);
    -webkit-transform: scale(.56);
    transform: scale(.56);
	    transform-origin: top left;
	    background-color: #fff;
    border-bottom-right-radius: 58%;
	}
	}
#title {
	float: left;
    
	width: 25%;
    
	height: 40px;
    box-shadow: 2px 6px 19px #1B2747;
    margin-bottom: 30px;
	font-family: 'Oswald', sans-serif;
	    letter-spacing: 8px;
	color: #fff;
	line-height: 42px;
	font-size:18px;
	    text-shadow: 0px 10px 13px #97B9D9;
	background: -moz-linear-gradient(left,  rgba(31,53,111,1) 0%, rgba(31,53,111,1) 11%, rgba(31,53,111,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,53,111,1)), color-stop(11%,rgba(31,53,111,1)), color-stop(100%,rgba(31,53,111,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f356f', endColorstr='#001f356f',GradientType=1 ); /* IE6-9 */
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
#title:hover {
	line-height: 60px;
	height: 60px;
	    letter-spacing: 8px;
		    text-shadow: 0px 10px 13px #1F356F;
}
}

@media only screen and (max-width : 1430px) {

#hiddencontainer {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;}

#bottomborder {
    position: absolute;
	background: -moz-linear-gradient(left,  rgba(31,53,111,1) 0%, rgba(31,53,111,1) 11%, rgba(31,53,111,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,53,111,1)), color-stop(11%,rgba(31,53,111,1)), color-stop(100%,rgba(31,53,111,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f356f', endColorstr='#001f356f',GradientType=1 ); /* IE6-9 */
    width: 32%;
    bottom: 0px;
    height: 6%;
    left: 0px;
    z-index: 10;
	}
#menuheader {
    position: absolute;
    left: 41%;
    top: 7%;
    width: 54%;
		    z-index: 4;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
#bgimage {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#LoaderContainer {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 3;
		}
#apDiv1 {
    position: absolute;
    width: 396px;
    height: 290px; 
	   z-index: 9999999;
  box-shadow: 17px 9px 20px rgba(27, 39, 51, 0.1);
    left: 87%;
    top: 48px;
    height: 160px;
    overflow: hidden;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
		-webkit-transform-origin: top left;
	    background-color: #fff;
}
#apDiv2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #312D2E 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#312D2E ));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#312D2E 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%,#1f356f 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%,#312D2E 100%);
    background: linear-gradient(135deg, #ffffff 0%,#312D2E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1f356f',GradientType=1 );
}
.contentloader{
	animation-name: contentloader;
	-webkit-animation-name: contentloader;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
		animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-fill-mode: forwards;
	visibility: visible !important;			
}

@keyframes contentloader {
	0% {
	}
	100% {
	opacity: .96;
}
	}

@-webkit-keyframes contentloader {
	0% {
	}
	100% {
	opacity: .96;
	}
	}
.contentloader2{
	animation-name: contentloader2;
	-webkit-animation-name: contentloader2;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
		animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-fill-mode: forwards;
	visibility: visible !important;			
}
.subdueLeft{
	animation-name: subdueLeft;
	-webkit-animation-name: subdueLeft;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
		animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-fill-mode: forwards;
	visibility: visible !important;			
}

@keyframes contentloader2 {
	0% {
	}
	100% {
	opacity: .6;
}
	}

@-webkit-keyframes contentloader2 {
	0% {
	}
	100% {
	opacity: .6;
	}
	}

@keyframes subdueLeft {
	0% {
	}
	99% {
	top: 0px;
    left: 0%;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	background-color: rgba(255, 255, 255, 0.05);
}
	100% {
  box-shadow: 17px 9px 20px rgba(27, 39, 51, 0.1);
		top: 0px;
    left: 87%;
    top: 48px;
    height: 160px;
    overflow: hidden;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	    background-color: #fff;

}


	}

@-webkit-keyframes subdueLeft {
	0% {
	}
	99% {
	top: 0px;
    left: 0%;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	background-color: rgba(255, 255, 255, 0.05);
	}
	100% {
  box-shadow: 17px 9px 20px rgba(27, 39, 51, 0.1);
		top: 0px;
    left: 87%;
	transform: translateX(0%);
	opacity: 1;
 zoom: .36; /* Old IE only */
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	    background-color: #fff;
}
	}
#title {
	float: left;
    
	width: 25%;
    
	height: 40px;
    box-shadow: 2px 6px 19px #1B2747;
    margin-bottom: 30px;
	font-family: 'Oswald', sans-serif;
	    letter-spacing: 8px;
	color: #fff;
	line-height: 42px;
	font-size:18px;
	    text-shadow: 0px 10px 13px #97B9D9;
	background: -moz-linear-gradient(left,  rgba(31,53,111,1) 0%, rgba(31,53,111,1) 11%, rgba(31,53,111,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,53,111,1)), color-stop(11%,rgba(31,53,111,1)), color-stop(100%,rgba(31,53,111,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f356f', endColorstr='#001f356f',GradientType=1 ); /* IE6-9 */
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
#title:hover {
	line-height: 60px;
	height: 60px;
	    letter-spacing: 8px;
		    text-shadow: 0px 10px 13px #1F356F;
}
}

@media only screen and (max-width : 980px) {

#hiddencontainer {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;}

#bottomborder {
    position: absolute;
	background: -moz-linear-gradient(left,  rgba(31,53,111,1) 0%, rgba(31,53,111,1) 11%, rgba(31,53,111,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,53,111,1)), color-stop(11%,rgba(31,53,111,1)), color-stop(100%,rgba(31,53,111,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f356f', endColorstr='#001f356f',GradientType=1 ); /* IE6-9 */
    width: 32%;
    bottom: 0px;
    height: 6%;
    left: 0px;
    z-index: 10;
	}
#menuheader {
    position: absolute;
    left: 41%;
    top: 7%;
    width: 54%;
		    z-index: 4;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
#bgimage {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#LoaderContainer {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 3;
		}
#apDiv1 {
    position: absolute;
    width: 396px;
    height: 290px; 
	   z-index: 99999;
    left: 2%;
    top: 48px;
    height: 160px;
    overflow: hidden;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	-webkit-transform-origin: top left;
	    background-color: #fff;
			border-bottom-right-radius: 0%;

}
#apDiv2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #312D2E 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#312D2E ));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#312D2E 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%,#1f356f 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%,#312D2E 100%);
    background: linear-gradient(135deg, #ffffff 0%,#312D2E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1f356f',GradientType=1 );
}
.contentloader{
	animation-name: contentloader;
	-webkit-animation-name: contentloader;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
		animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-fill-mode: forwards;
	visibility: visible !important;			
}

@keyframes contentloader {
	0% {
	}
	100% {
	opacity: .96;
}
	}

@-webkit-keyframes contentloader {
	0% {
	}
	100% {
	opacity: .96;
	}
	}
.contentloader2{
	animation-name: contentloader2;
	-webkit-animation-name: contentloader2;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
		animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-fill-mode: forwards;
	visibility: visible !important;			
}
.subdueLeft{
	animation-name: subdueLeft;
	-webkit-animation-name: subdueLeft;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
		animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-fill-mode: forwards;
	visibility: visible !important;			
}

@keyframes contentloader2 {
	0% {
	}
	100% {
	opacity: .6;
}
	}

@-webkit-keyframes contentloader2 {
	0% {
	}
	100% {
	opacity: .6;
	}
	}

@keyframes subdueLeft {
	0% {
	}
	99% {
	top: 0px;
    left: 0%;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	background-color: rgba(255, 255, 255, 0.05);
}
	100% {
 box-shadow: 17px 9px 20px rgba(27, 39, 51, 0.1);
    left: 2%;
    top: 48px;
    height: 160px;
    overflow: hidden;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	    background-color: #fff;
}


	}

@-webkit-keyframes subdueLeft {
	0% {
	}
	99% {
	top: 0px;
    left: 0%;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	background-color: rgba(255, 255, 255, 0.05);
	}
	100% {
 box-shadow: 17px 9px 20px rgba(27, 39, 51, 0.1);
    left: 2%;
    top: 48px;
	transform: translateX(0%);
	opacity: 1;
 zoom: .36; /* Old IE only */
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	    background-color: #fff;
}
	}
#title {
	float: left;
    
	width: 25%;
    
	height: 40px;
    box-shadow: 2px 6px 19px #1B2747;
    margin-bottom: 30px;
	font-family: 'Oswald', sans-serif;
	    letter-spacing: 8px;
	color: #fff;
	line-height: 42px;
	font-size:18px;
	    text-shadow: 0px 10px 13px #97B9D9;
	background: -moz-linear-gradient(left,  rgba(31,53,111,1) 0%, rgba(31,53,111,1) 11%, rgba(31,53,111,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,53,111,1)), color-stop(11%,rgba(31,53,111,1)), color-stop(100%,rgba(31,53,111,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f356f', endColorstr='#001f356f',GradientType=1 ); /* IE6-9 */
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
#title:hover {
	line-height: 60px;
	height: 60px;
	    letter-spacing: 8px;
		    text-shadow: 0px 10px 13px #1F356F;
}
}

@media only screen and (max-width : 767px) {

#hiddencontainer {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;}

#bottomborder {
    position: absolute;
	background: -moz-linear-gradient(left,  rgba(31,53,111,1) 0%, rgba(31,53,111,1) 11%, rgba(31,53,111,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,53,111,1)), color-stop(11%,rgba(31,53,111,1)), color-stop(100%,rgba(31,53,111,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f356f', endColorstr='#001f356f',GradientType=1 ); /* IE6-9 */
    width: 32%;
    bottom: 0px;
    height: 6%;
    left: 0px;
    z-index: 10;
	}
#menuheader {
    position: absolute;
    left: 41%;
    top: 7%;
    width: 54%;
		    z-index: 4;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
#bgimage {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#LoaderContainer {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;-
    z-index: 3;
		}
#apDiv1 {
    position: fixed;
    width: 80%;
	 min-width: 424px;
	 z-index: 99999;
    left: 0%;
    top: 0px;
    height: 250px;
    overflow: hidden;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.46);
    -webkit-transform: scale(.46);
    transform: scale(.46);
    transform-origin: top left;
	-webkit-transform-origin: top left;
	background-color: #fff;
	border-bottom-right-radius: 58%;
}
#apDiv2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #312D2E 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#312D2E ));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#312D2E 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%,#1f356f 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%,#312D2E 100%);
    background: linear-gradient(135deg, #ffffff 0%,#312D2E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1f356f',GradientType=1 );
}
.contentloader{
	animation-name: contentloader;
	-webkit-animation-name: contentloader;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
		animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-fill-mode: forwards;
	visibility: visible !important;			
}

@keyframes contentloader {
	0% {
	}
	100% {
	opacity: .96;
}
	}

@-webkit-keyframes contentloader {
	0% {
	}
	100% {
	opacity: .96;
	}
	}
.contentloader2{
	animation-name: contentloader2;
	-webkit-animation-name: contentloader2;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
		animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-fill-mode: forwards;
	visibility: visible !important;			
}
.subdueLeft{
	animation-name: subdueLeft;
	-webkit-animation-name: subdueLeft;	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
  -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
		animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	animation-fill-mode: forwards;
	visibility: visible !important;			
}

@keyframes contentloader2 {
	0% {
	}
	100% {
	opacity: .6;
}
	}

@-webkit-keyframes contentloader2 {
	0% {
	}
	99% {
	top: 0px;
    left: 0%;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	background-color: rgba(255, 255, 255, 0.05);
}
	100% {
	 box-shadow: 17px 9px 20px rgba(27, 39, 51, 0.1);
    left: 0%;
    top: 0px;
    height: 250px;
    overflow: hidden;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.46);
    -webkit-transform: scale(.46);
    transform: scale(.46);
    transform-origin: top left;
	    background-color: #fff;
		border-bottom-right-radius: 58%;
		}
	}

@keyframes subdueLeft {
	0% {
	}
	99% {
	top: 0px;
    left: 0%;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	background-color: rgba(255, 255, 255, 0.05);
}
	100% {
	 box-shadow: 17px 9px 20px rgba(27, 39, 51, 0.1);
    left: 0%;
    top: 0px;
    height: 250px;
    overflow: hidden;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.46);
    -webkit-transform: scale(.46);
    transform: scale(.46);
    transform-origin: top left;
	    background-color: #fff;
		border-bottom-right-radius: 58%;
		}


	}

@-webkit-keyframes subdueLeft {
	0% {
	}
	99% {
	top: 0px;
    left: 0%;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.36);
    -webkit-transform: scale(.36);
    transform: scale(.36);
    transform-origin: top left;
	background-color: rgba(255, 255, 255, 0.05);
	}
	100% {
 box-shadow: 17px 9px 20px rgba(27, 39, 51, 0.1);
    left: 0%;
    top: 0px;
    height: 250px;
    overflow: hidden;
	transform: translateX(0%);
	opacity: 1;
    -moz-transform: scale(.46);
    -webkit-transform: scale(.46);
    transform: scale(.46);
    transform-origin: top left;
	    background-color: #fff;
		}
	}
#title {
	float: left;
    
	width: 25%;
    
	height: 40px;
    box-shadow: 2px 6px 19px #1B2747;
    margin-bottom: 30px;
	font-family: 'Oswald', sans-serif;
	    letter-spacing: 8px;
	color: #fff;
	line-height: 42px;
	font-size:18px;
	    text-shadow: 0px 10px 13px #97B9D9;
	background: -moz-linear-gradient(left,  rgba(31,53,111,1) 0%, rgba(31,53,111,1) 11%, rgba(31,53,111,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(31,53,111,1)), color-stop(11%,rgba(31,53,111,1)), color-stop(100%,rgba(31,53,111,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(31,53,111,1) 0%,rgba(31,53,111,1) 11%,rgba(31,53,111,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f356f', endColorstr='#001f356f',GradientType=1 ); /* IE6-9 */
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
#title:hover {
	line-height: 60px;
	height: 60px;
	    letter-spacing: 8px;
		    text-shadow: 0px 10px 13px #1F356F;
}
}