html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
       margin: 0;
    padding: 0;
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
    padding: 0;
    background: #00152a;
     font-family: "proxima-nova";
     overflow-x: hidden;

}

#nav {
	position: fixed;
	top: 20px;
	height: 40px;
	width: 100%;
	background: #fff;
	text-align: center;
	z-index: 9999998;
	-webkit-transition: top .3s ease-in-out;
	-moz-transition: top .3s ease-in-out;
	transition: top .3s ease-in-out;
	border-top: 2px solid #000;


}
#nav.downnav {
	top: 68px;
}


.post #nav.downnav {
	top: 20px!important;
}

#nav.sofardownnav {
	top: 300px;
}

#nav a, #nav li {
	text-align: center;
	color: #000;
	margin: 0 40px;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 40px;
	list-style: none;
	display: inline-block;
	font-weight: 900;
}


#nav li ul{
	display: none;
	position: fixed;
	top: 100px;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 300px;

}
#nav li ul a {
	display: block;
	text-align: center;
	margin: 0;
	padding:0px;
	background: #fff;
	width: 100%;
	height: 100px;
	line-height: 100px;
	font-size: 60px;
	text-transform: uppercase;
	position: relative;
}

a#tickets_link { color: red !important; }

#castsection {
	position: fixed;
	top: -800px;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;	
	background: #fff;
	color: #fff;	
	z-index: 999997;
	transition: top .7s ease-in-out;
	-moz-transition: top .7s ease-in-out;
	-webkit-transition: top .7s ease-in-out;
	border-bottom: 6px solid #fff;
}

#castsection.caston {
	display: block;
	top: 110px;
}

#castsection img {
	height: 100%;
	width: 16.6666%;
	float: left;
}

#grid2 {
	width: 100%;
	height: 1px;
	position: absolute;
	display: none;
}
#grid2 .grid-sizer {
	display: none;
}
#cast {
	cursor: pointer;
}

.logo {
	width: 623px;
	height: 80px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -280px;
	top: -2px;
	background: url(assets/logo.png) no-repeat;
}


#loadsite {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #00152a;
	top: 60px;
	left: 0;
	right: 0;
	z-index: 9999998;
	transition: top .7s ease-in-out;
	-moz-transition: top .7s ease-in-out;
	-webkit-transition: top .7s ease-in-out;
	color: #fff;
	font-weight: 900;
}
#loadsite #loader {
	top: 50%;
	position: relative;
	margin-top: -90px;
	left: 50%;
	margin-left: -60px;
	opacity: 1;
	display: block;
	z-index: 999999999;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;   
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}
#loadsite p {
	position: absolute;
	top: 50%;
	margin-top: 30px;
	text-align: center;
	width: 100%;
}




video{
	width: 106%!important;
	margin-left: -3%!important
}

#loader {
	opacity: 1!important;
	top: 70px;
	z-index: 9999999;
	opacity: 0;
	background: #d92006 url(assets/loader.png) no-repeat -44px -24px;
	position: fixed;
	width: 120px;
	height: 120px;
	display: none;
	border-radius: 60px;
	
	
	
}
.notes {
	text-align: left;
	color: #fff;
}
.notes .action a {
	color:  #d92006!important;
	text-decoration: none;
}
.note img {
	width: 16px!important;
	margin-right: 4px;
	margin-top: 4px!important;
}
.note {
	list-style: none;
	text-align: left;
}
.post #grid {
	left:	-1400px;
	-webkit-transition: left 1.2s ease-in-out;
	-moz-transition: left 1.2s ease-in-out;
	transition: left 1.2s ease-in-out;
	
}

.masonry {
  max-width: 100%;
}

.masonry .element,
.masonry .grid-sizer {
  width:  25%;
  list-style: none;
}

.masonry .element,
.masonry .grid-sizer {
  float: left;
}


.element.biggif, .element.rect { width:  50%!important; }


.loading  #loader{
	left: 50%;
	margin-left: -60px;
	opacity: 1;
	display: block;
	z-index: 999999999;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;   
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

#grid .post {
	overflow: hidden;
}


.loading #innerperm {
	opacity: 0;
}


header#masthead {
	width: 100%;
	position: fixed;
	height: 70px;
	left: 0;
	right: 0;
	top:0;
	background: #00152a;
	z-index: 9999999;
	transition: top .3s ease-in-out;
	-webkit-transition: top .3s ease-in-out;
	-moz-transition: top .3s ease-in-out;

}

body.post{
	overflow: hidden;
}

.socials-marlon {
	width: 119px;
	height: 50px;
	display: block;
	position: absolute;
	left: 30px;
	top: 6px;
}
.socials h5, .socials-marlon h5 {
	margin: 5px 0;
	padding: 0;
	line-height: 12px;
	color: #fff;
	text-align: center;
}
.socials {
	width: 119px;
	height: 50px;
	display: block;
	position: absolute;
	right: 30px;
	top: 22px;
}
.socials a, .socials-marlon a {
	background: url(assets/socials-red.png) no-repeat;	
	width: 32px;
	height: 34px;
	margin: 0 2px;
	display: inline-block;
}
.socials a.tw, .socials-marlon a.tw {
	background-position: -33px 0;
}
.socials a.ig, .socials-marlon a.ig {
	background-position: -66px 0;
}
.socials a:hover, .socials-marlon  a:hover {
	opacity: .8;
}

nav #icon {
	color: #fff;
	font-weight: 900px;
	font-size: 26px;
	line-height: 56px;
}
#navbar {
	float: left;
}
nav #icon span {
	height: 8px;
	width: 50px;
	background: #fff;
	margin: 7px;
	display: block;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}

.hoveron span{
margin: 0!important;
}
.hoveron #icon {
	margin-top: 8px;
}
.hoveron span:nth-child(2) {
	display: none!important;
}
.hoveron span:nth-child(1) {
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); /* IE 9 */
-webkit-transform:rotate(-45deg); /* Opera, Chrome, and Safari */	
	margin-top: 10px!important;
}
.hoveron span:nth-child(3)  {
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
	margin-top: -8px!important;

}



nav {
	position: absolute;
	top: 10px;
	left: 162px;
	cursor: pointer;
}

div#grid {
	width: 100%;
	height: auto;
	top: 0px;
	margin: 0 auto;
	position: relative;
	transition: left .6s ease-in-out;
	-webkit-transition: left .6s ease-in-out;
	-moz-transition: left .6s ease-in-out;
	left: 0;
	z-index: 11;
}

div#grid li {
opacity: 0;
overflow: hidden!important;
line-height: 0;
position: absolute;

}

div#grid2 li {
	width: 25%;
	height:  auto;
	position: relative!important;
	float: left;
	overflow: hidden!important;
	opacity: 1!important;

	

}
div#grid2 #archive {
	display: none;
}

#grid2 .big, #grid2 .rect, #grid2 .about {
	display: none!important;
}

#archive {
	width: 100%;
	height: 100px;
	font-size: 90px;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	display: block;
	line-height: 100px!important;
	background: #00152a;
	color: #d92006;
	position: absolute;
	z-index: 9999999;
	opacity: 1!important;
	cursor: pointer;

}
#archive:hover {
	cursor: pointer;
}


.open #grid li, .open div#slides{
	opacity: 0!important;
}

#about_text {
	position: absolute;
	right: 3%;
	width: 40%;
	bottom: 130px;
	line-height: 24px;
	color: #fff;
	font-weight: 900;
	text-shadow: 1px 1px 1px black;
	font-size: 17px;
	text-align: justify;
	letter-spacing: 1px;
	margin-top: 30px;
	overflow: hidden;
}
#synopsis {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: fixed;
	left: -100%;
	top: 60px;
	z-index: 999998;
	background: url('http://dev.digitalmediamanagement.com/ahh2/full/assets/about.jpg') no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
}
#synopsis.syn_open {
	left:	0;
}

#video_page {
	width: 100%;
	height: 100%;
	position: fixed;
	left: -100%;
	top: 60px;
	z-index: 999998;
    background: #035984 url(assets/postbg.png) repeat;
 	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	overflow-y: scroll!important;

}
#video_page.video_open {
	left:	0;
}

.video_wrap {
	position: absolute;
	width: 860px;
	height: 2500px!important;
	margin: 60px auto;
	left: 50%;
	margin-left: -430px;
}
#redbandtwo #age-gate, #redbandtwo p {
	height: 330px;
	width: 853px;
	background: #000;
	margin: 0!important;
	color: #fff;
	padding-top: 150px;
}
#redbandtwo p{text-align: center; text-transform: uppercase;font-size: 12px;}
#redbandtwo iframe {
	height: 480px!important;
	width: 853px!important;	
	border: 0;
}
.noscroll {
	overflow: hidden;
}

.video_wrap h1 {
	text-align: center;
	color: #d92006;
	font-size: 30px;
	font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
	z-index: 99999999;
	text-shadow: 1px 1px 1px black;
}
#syn_back, #vid_back {
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -30px;
	color: #d92006;
	font-size: 30px;
	font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
	z-index: 99999999;
text-shadow: 1px 1px 1px black;
cursor: pointer;	
}
#vid_back {
	position: fixed;
}
#about_text h2 {
	color: #d92006;
	font-size: 40px;
	margin-bottom: 30px;
}


div#grid img {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.count1, .count2, .count3, .count4 {
	opacity: 1!important;
	margin-top: 0!important;
}
#overlaybg {
    background:  url(assets/postbg.png) repeat;
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 100%;
	top: 70px;
	z-index: -1;
	transition: .5s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	overflow: hidden;
	display: block;
	opacity: .8;
	
}
#permalink {
background: #035984; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #035984 0%, #002038 68%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#035984), color-stop(68%,#002038)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #035984 0%,#002038 68%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #035984 0%,#002038 68%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #035984 0%,#002038 68%); /* IE10+ */
background: linear-gradient(135deg,  #035984 0%,#002038 68%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#035984', endColorstr='#002038',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
position: fixed;
bottom: 0px;
top: 70px;
z-index: 99997;
transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
overflow: hidden;
display: block;
}

.post #permalink {
	right: 0px!important;
	z-index: 99997;
	overflow-y: scroll;
	
}



.bigpostimg {
	width: 600px;
	height: auto;
	position: relative;
}

#innerperm {
	width: 600px;
	background: transparent;	
	position: relative;
	margin: 40px auto;
	overflow: hidden;
	text-align: center;
	padding-bottom: 100px
}
#innerperm .caption {
	position: relative;
	width: 600px;
	display: block!important;
	margin: 20px auto;
	color: #fff;
	font-weight: 900;
	letter-spacing: 1px;
	text-align: center;
}
#innerperm img {
width: 500px;
height: auto;
margin-top: 50px;
}
#permlike {
	display: block;
	width: 240px;
	margin:  0 auto;
}

#permlike div {
	display: inline-block;
	margin: 0 16px;
}
.openup {
	overflow: hidden;
}

li.post {
	overflow: hidden;
}
li.post:hover img {

z-index: -1;

}
li.post img {
	transition: .4s;	
	-webkit-transition: .4s;	
	-moz-transition: .4s;	

transform:rotate(0deg);
-ms-transform:rotate(0deg); /* IE 9 */
-webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */	
	margin-left: 0;
	margin-top:  0;
}
#overlay {
	position: absolute;
	top: 0px;
	opacity: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #d92006;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
	z-index: 999;
}
#overlay span {
	display: inline-block;
	float: left;
	margin-right: 20px;
}
li.post:hover #overlay{
opacity: 1;	
background: rgba(217,30,6,0.7);
cursor: pointer;

}

li.post:hover img{
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-webkit-transform:rotate(30deg); /* Opera, Chrome, and Safari */	
width: 150%!important;
height: 150%!important;
margin-left: -25%!important;
margin-top: -25%!important;
}

li.post.biggif:hover img{
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-webkit-transform:rotate(30deg); /* Opera, Chrome, and Safari */	
width: 180%!important;
height: 180%!important;
margin-left: -45%!important;
margin-top: -23%!important;
}

#linkme {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right:0;
	top: 0;
	bottom: 0;
	z-index: 998;
}

#overlaylike {
	width: 158px;
	position: absolute;
	left: 50%;
	margin-left: -79px;
	top: 50%;
	margin-top: -222px;
	z-index: 9999999;
	-webkit-transition:  .3s ease-in-out .3s;
	-moz-transition:  .3s ease-in-out .3s;
	transition:  .3s ease-in-out .3s;

}
#slides .selectvid {
	display: block;
	width: 260px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -130px;
	z-index: 9999;
}
#slides .selectvid li {
	width: 66px;
	height: 66px;
	margin: 10px;;
	display: inline-block;
	float: left;
	border-radius: 35px;
	box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.3)
}

#slides .selectvid li.doll {
	background: url(assets/cedric.png) no-repeat center center;
}
#slides .selectvid li.chicken {
	background: url(assets/marlon.png) no-repeat center center;
}
#slides .selectvid li.closet {
	background: url(assets/gabriel.png) no-repeat center center;
}
#slides .selectvid li:hover{
	cursor: pointer;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
}


#overlay:hover #overlaylike {
	margin-top: -22px;
}

#overlay span#viewperm {
	float: right;
	font-size:70px;
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;	
	padding-top: 20px;
	margin-right: 0!important;
}
div#slides {
	position: relative;
	margin: 0;
	padding:  0;
	overflow: hidden;
	background: #000;
	width: 100%!important;
	height: 620px;
	z-index: 9;
}


.slide {
	position: absolute;
	left: 0px;
	top: 0px!important;
	width: 100%!important;
	height: 550px;

}
.slide img {
	width: 100%!important;
	
}

/*
* image caption style
*/

/*
* slides control buttons style
*/

.navslide {
	position: relative;
	margin: 0px auto;
	padding: 0;
	text-align: center;
}

.navslide p span {
	margin: 0px 10px;
	cursor: pointer;
}

.start, .stop {
	display: none;
}


.top-right {
width: 130px;
height: 130px;
display: block;
position: absolute;
top: 30px;
right: 30px;
background: url(../top-right.png) no-repeat;
opacity: .7;
}
.bottom-right {
width: 270px;
height: 130px;
display: block;
position: absolute;
bottom: 30px;
right: 30px;
background: url(../bottom-right.png) no-repeat;opacity: .7;

}

.top-left {
width: 330px;
height: 130px;
display: block;
position: absolute;
top: 30px;
left: 30px;
background: url(../top-left.png) no-repeat;opacity: .7;

}
.top-left .dot {
width: 42px;
height: 42px;
position: absolute;
top: 26px;
left: 25px;
background: url(../dot.png) no-repeat;
}
				.top-left .dot.on {
					visibility: visible;
				}
				.top-left .dot.off {
					visibility: hidden;
				}
			.bottom-left {
				width: 130px;
				height: 130px;
				display: block;
				position: absolute;
				bottom: 30px;
				left: 30px;
				background: url(../bottom-left.png) no-repeat;opacity: .7;

			}
			
			
			#play_btn {
				width: 480px;
				height: 80px;
				display: block;
				position: absolute;
				margin-top: -60px;
				margin-left: -240px;
				left: 50%;	
				background: url(assets/play_btn.png) no-repeat left center;		
				font-weight: 900;
				text-transform: uppercase;
				color: #d92006;
				font-size: 40px;
				text-align: right;
				line-height: 80px;
			}
			#play_btn.play_btn{
			width: 440px;
			margin-left: -220px;
				
			}
			
			#play_btn:hover {
				cursor: pointer;
			}
			
			#play_btn.exor {
				width: 550px;
				margin-left: -275px;

			}


			


.top-right-post {
width: 80px;
height: 80px;
display: block;
position: absolute;
top: 20px;
right: 20px;
background: url(assets/posts/top-right.png) no-repeat;
opacity: .7;

}
.bottom-right-post {
width: 80px;
height: 80px;
display: block;
position: absolute;
bottom: 20px;
right: 20px;
background: url(assets/posts/bottom-right.png) no-repeat;opacity: .7;

}

.top-left-post {
width: 80px;
height: 80px;
display: block;
position: absolute;
top: 20px;
left: 20px;
background: url(assets/posts/top-left.png) no-repeat;opacity: .7;

}

.bottom-left-post {
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: url(assets/posts/bottom-left.png) no-repeat;opacity: .7;

}

.bigpostimg .bottom-left-post, .bigpostimg .bottom-right-post {
	bottom: -30px;		
}

.postab a {
	display: block;
}

#grid2 .postab {
	display: none!important
}

#inserttw ul, #inserttw2 ul {
	position: absolute;
}
#inserttw ul, #inserttw ul li, #inserttw2 ul, #inserttw2 ul li {
	height: 300px!important;
	color: #fff!important;
	line-height: 30px!important;
	opacity: 1!important;
}
#inserttw {
	z-index: 999999999;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 51%;
	right: 5%;
}

#inserttw2 {
	z-index: 999999999;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 51%;
	right: 3%;
}

.tweet {
color: #fff!important;
font-weight: 900;
text-transform: uppercase;
line-height: 20px!important;
text-align: center

}
.interact {
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
}
.interact a {
	padding: 4px;
}
#inserttw a, #inserttw2 a {
	color: #d92006;
	text-decoration: none;
}

.user, .timePosted  {
	display: none!important
}

.clr {
	display: block;
	width: 100%;
	height: 1px;
	clear: both;
}



#video_wrap {
	position:absolute;
	top: 70px;
	left: 0;
	width: 100%;
	height: 650px;
	background: #000;
	z-index: 10;
	display: none;
	padding-top: 40px;
}
#video_wrap #close_vid {
	position: absolute;
	top: 86px;
	width: 57px;
	height: 57px;
	left: 50%;
	margin-left: -500px;
	background: url(assets/close_btn.png) no-repeat;
	opacity: .9;

}
#video_wrap #close_vid:hover {
	cursor: pointer;
	opacity: 1;
}
#video_wrap .vid {
	margin: 0 auto;
	width: 853px;
}

#back, #back_post {
	position: fixed;
	top: 16px;
	left: 36px;
	color: #fff;
	font-size: 30px;
	font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
	z-index: 99999999;
}
#back_post, .direct-post #back, #back {
	display: none;
}

.direct-post #back_post,.post #back {
	display: block!important;
	z-index: 999999999;
}
.direct-post.post #back {
	display: none!important;
}
.direct-post #navbar, .post #navbar, .post .socials-marlon, .direct-post .socials-marlon {
	display: none;
}

::-webkit-scrollbar              { background: #00152a; width: 2px;}
::-webkit-scrollbar-button       { }
::-webkit-scrollbar-track        { background: transparent;}
::-webkit-scrollbar-track-piece  {}
::-webkit-scrollbar-thumb        { background: #d92006 }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }





/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 1325px) {
	
	#video_wrap {
		top: 30px;
	}

}
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1445px) {
	
	#video_wrap .vid{
	}

}



#age-restricted {
    position:absolute;
    left: 50%;
    top:50%;
    color:#fff;
    height:400px;
    width:844px;
    display:block;
    z-index:9999;
    margin-top: -270px;
    margin-left: -422px; 
    background: #000;
    opacity:1;
transition: .6s;
-webkit-transition: .6s;
-moz-transition: .6s;
}

#age-restricted.openbox {
    opacity:1;
    z-index:99999999999;
}

#age-gate {
    width: 320px;
    margin: 140px auto;
    font-weight:100;
    text-align: center;
    font-size:12px;
}
#age-gate
select {
    margin-right:6px;
}
#age-gate .submit {
    margin-top: 20px;
}

#age-restricted iframe {
    width:  844px;
    height: 400px;
    border:0!important;
}
#age-restricted p {
    text-align:center;
   font-size:12px;
   line-height:380px;
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 0) 
and (max-device-width : 1024px) {
	
	#slides, #icon {
		display: none!important;
	}
		div#grid li, div#grid2 li {
			opacity: 1!important;
		}
	#nav {
	top: 68px!important;
}
#nav a, #nav li {
	margin: 0 30px;
}
div#grid {
	top: 100px!important;
}
}