/* Import Fonts */
/*** @import url(http://fonts.googleapis.com/css?family=Coustard|Open+Sans); ***/

/* latin */
@font-face {
  font-family: 'Coustard';
  font-style: normal;
  font-weight: 400;
  src: local('Coustard'), url(https://aseeum.com/fonts/CiiNyGc8YnqCRxLykGN1ofesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://aseeum.com/fonts/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://aseeum.com/fonts/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://aseeum.com/fonts/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://aseeum.com/fonts/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://aseeum.com/fonts/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://aseeum.com/fonts/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://aseeum.com/fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 21px;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	color: #777;
	background: #000;	
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Coustard', serif;
	color:#fff;
	font-weight: normal;
	letter-spacing: 1px;
}

h1{font-size: 40px; line-height: 48px; padding: 0; margin: 0;}
h5{font-size: 28px; line-height: 30px; padding: 0; margin: 0; color: #b7b7b7;}
h6{font-size: 18px; line-height: 22px; padding: 0; margin: 0; color: #b7b7b7;}

a {
	color: #b7b7b7;
	text-decoration:none;
	font-weight: normal;
}

a:hover {text-decoration:underline;}

p {color: #e9e9e9;}

#maximage {
	display:none;
	position:fixed !important;
}

.gradient {
	left:0;
	height:100%;
	position:absolute;
	top:0;
	width:100%;
	z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

.dotbg {
	background:url(../images/gridtile.png) !important;
	height: 100%;
	width: 100%;
	position: absolute;
    	top: 0;
    	z-index:999;
}

.gradient30 {
	height: 100%;
	width: 100%;
	position: absolute;
    	top: 0;
    	z-index:999;
}

/***************************************************/
/**************** Set Page Elements ****************/
/*** Set Border Around Content To Set Responsive ***/
/*** border-style: grove;***************************/
/*** border-width: 3px;*****************************/
/***************************************************/

.content { 
	float:left;
	margin:40px;
	position:absolute;
	top:160px;
	width:750px;
	z-index:9999;
	-webkit-font-smoothing:antialiased;
	border-style:none;
	border-width:3px;
}

p.logo {
	font-family: 'Coustard', serif;
	font-size: 48px;
	bottom:0px;
	padding-top:10px;
	padding-right:4px;
	padding-bottom:6px;
	padding-left:0px;
	position:relative;		/*** Default="absolute"; ***/
	width:185px;			/*** Default="width:20%; ***/
	z-index:1000;
	color: #fff;	
	border-style:none;
	border-width:3px;
}

.main-nav{
	width:685px;	
	border-style:none;
	border-width:3px;
	position:relative;		/*** Default="absolute"; ***/
	bottom: 72px;
	left:180px;
	z-index:1001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}

.social-nav {
	position:absolute;
	top: 0px;
	left: 40px;
}
.social-nav ul {margin: 0; padding:0;}
.social-nav ul li{
	list-style: none;
	display:block;
	float: left;
	background: #393939;
	padding:100px 10px 5px 10px;
	margin: 1px;
	opacity: .5;
}
.social-nav ul li:hover {opacity: 1;}

button.full-screen{ 
	position: absolute;
	top: 0;
	right: 0;
	width: 31px;
	height: 31px;
	background: url("../images/full-screen-btn.png");
	border: 0;
	cursor: pointer;
	opacity: .7;
}
button.full-screen:hover {opacity: 1;}

#arrow_left, #arrow_right {
	bottom:30px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}

/****************************************************/
/************ Skip To Main Content ******************/
/****************************************************/

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}

/****************************************************/
/*** Smartphones & Tablets (Portrait & Landscape) ***/
/****************************************************/

@media screen and (min-width: 320px) and (max-width: 1024px){

	html { font-size:100%; }

	body {
  	-webkit-text-size-adjust: none;
	}

	.container {
		max-width: 100%;
		max-height:100%;
	}

	.social-nav ul li {
		display:block;
		padding:50px 10px 5px 10px;
		max-width:100%;
		max-height:80%;
	}

	.content {
		width: 85%;
		height: 100%;
		top: 17%;	
		z-index:1000;
	}

	img {
		max-width: none;		/*** Settings Must Be "None" Not "100%" For Width & Height To Cover For Smart Phone Portrait - JMM ***/
		max-height: none;
	}

	h1{
		font-size: 2.8em;
		line-height: 0.9em;
	}

	h5{
		font-size: 1.4em;
		line-height: 1.1em;
		width: 96%;
	}
	
	h6{
		font-size: 1.2em;
		line-height 0.8em;
		width: 94%;
	}

	p{
		font-size: 0.8em;
		line-height: 1.2em;
		width: 94%;
	}
	
	p.logo{
		font-size: 2.0em;
		position: relative;
		width: 118px;
		float: left;			
		border-style:none;
		border-width:3px;
	}
	
	a {
		color: #b7b7b7;
		text-decoration: none;
		font-weight: normal;
		font-size: 1.1em;		/*** Default=1.1em ***/
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	.main-nav {
		font-size: 0.8em;
		position: relative;
		left: 20px;
		top: 45px;			
		border-style:none;
		border-width:3px;	
	}
	
}