@charset "utf-8";
/*
	Copyright 2012. Azamat Umarov.
*/
/*
	LIST OF SECTION ::::::::::::	
		1 ---- BASE STYLES
		2 ---- NAVIGATION (MENU)
		3 ---- CONTENT
		4 ---- SOCIAL ICONS
		5 ---- BLOG
		6 ---- CONTACT
		7 ---- ABOUT
		8 ---- PORTFOLIO
		9 ---- ISOTOPE FILTER
		10 ---- RIGHT SIDEBAR
		11 ---- FOOTER
		12 ---- FOR IPAD, IPHONE AND MOBILE DEVICES
	
Columns styles are in column.css. 	
*/

/*:::::::::: BASE STYLES ::::::::::*/
body{
	padding:0;	
	margin:0;	
	width:100%;	
	height:100%;
}
@font-face {
	font-family: 'Century Gothic';
	/*Gnuolane  baskerville old face*/
	src: url('../fonts/ufonts.com_century-gothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}
*{
	outline:none;
	border:none;
	/* Spacing */
	line-height:1.5;
	text-align:center;
}
h3{
	/*font-family:'Arial';*/
	
	margin: 0 0 0 0 ;
	font-weight:normal;
	line-height:1.2;
	font-family:'Century Gothic';
    letter-spacing: 4px;
    

}
.spacer{
	clear:both;	
	width:100%;	
	height:0;
	
}
.wrapper {
	/* Original width:960px; */
	width:auto;	
	height:auto;	
	/* margin:0 auto;*/
	margin:0 auto;
	padding:0 ;
}
.controller {
	width:100%; 
	height:auto; 
	margin:0;	
	padding:0; 
	/*float:left;	*/
}
.header{
	width:100%;	
	height:85px;	
	/*float:left;	*/
		
	padding:0;
	margin-left: auto;
    margin-right: auto;
	
	
	
	
	
	background-color: #090C0D   ;
	
	
	
	/*background:url('../img/blackBG.png') repeat;*/
	
	
	
	
	
	
	
	
	
	
	
	
	
}
.logo{
	/*width:100%;
	height:100%;*/
	/*float:left; */
	padding: 15px;
	margin:0 0 0 0;
	margin-left: auto;
    margin-right: auto;
	/*margin:0 10px;*/
	
}




/*:::::::::BUY ONLINE::::::::::*/




ul.buy {
	list-style: none;
	font-size: 0px;
	margin: 0 0 0 0;
	text-align:center;
	
}
ul.buy li {
	display: inline-block;
	/*padding: 10px;*/
	
	
	
	vertical-align: top;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
ul.buy li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 0 0;
}


ul.buy li {
	width: 50%; /* this value + 2.5 should = 50% */
}






/*.image {
    background;
    width: 100%;
    height: 100%;
    position:relative;
}
.image:hover > .overlay {
    width:100%;
    height:100%;
    position:absolute;
    background-color:#000;
    opacity:0.5;
    border-radius:30px;
}*/










.image {
    background;
    width: 100%;
    height: 100%;
    position:relative;
    
}





.image:hover > .overlay {
    width:100%;
    height:100%;
    position:relative;
    background-color:#000;
    opacity:0.5;
    border-radius:30px;
    
}













h2 span { 
   color: white; 
   font: normal 45px 'Century Gothic'; 
   
   
   
   padding: 10px; 
}




h2
{
display:none;
}
.image:hover h2{


display:block;
margin: 60% 0 0 0;
}


h2 { 
   position: absolute; 
   top: 0%; 
   left: 0; 
   width: 100%; 
}















/*:::::::::: NAVIGATION (MENU) ::::::::::*/
#smoothmenu1{
	/* width:660px; */
	/*width:1500px;
	/*height:80px;*/
	/*height:80px;
	float:left;
	margin:0 0 0 0px;
	background:url('../img/blackBG.png') repeat;
	z-index:99;
	position:relative;*/
	
	
	   list-style-type: none;
    margin:0 0 0 0px;
    padding: 0px;
   /* overflow: hidden;*/
    height:45px;
   
	
	
	background-color: #090C0D  ;
	
	
	
	/*background:url('../img/blackBG.png') repeat;*/
	
	
	
	
	
	
	
	
	
    z-index:99;
    position: relative;
    
    
}
#smoothmenu1 ul{
	list-style-type:none;
	margin:0 0 0 0px;
	
    padding: 0px;
    width: 100%;
}
ul.nav{
	margin:0 0 0 0px;
	list-style-type:none;
	padding:0;
	width:100%;
	text-align:center;
	padding: 0px;

}
ul.nav li{
	/*float:auto;*/
	
	/* margin:25px 8px 0 15px; */
	margin:25px 40px 0 0;
	  
	vertical-align: center;
	
display:inline;
padding: 0px;
	
	font-family:'Century Gothic';
	
	font-weight:normal;
	font-size:15px;
	    letter-spacing: 4px;

	
}


.ddsmoothmenu ul li{
/*    position: relative;*/
    
    display: inline;
    z-index: 9999 !important;
}


.ddsmoothmenu ul li ul{
    /*
    position: absolute;
    */
    left: 0 !important;
    display: inline; /*collapse all sub menus to begin with*/
    
    visibility: hidden;
   
	
	
	background-color: #090C0D   ;
	
	
	
	/*background:url('../img/blackBG.png') repeat;*/		
}
ul.nav li a{
	text-decoration:none;
	color:#eee;
	

	
	display:inline-block;
  padding:10px;
}
ul.nav li ul li a{
	font-family:Arial;
	font-size:13px;
	
}
a.mobile-menu-button{
	display:none;
}
.header-hider{
	/*width:40px;
	height:80px;*/
	float:right;
	margin:0 10px 0 0;
	position:relative;
	z-index:99;
}





.hidden { display: none; }
.unhidden { display: block; }






ul.nav2{
	margin:20px 0 0 0px;
	list-style-type:none;
	padding:20px;
	width:100%;
	text-align:center;
	padding: 0px;

}
ul.nav2 li{
	/*float:auto;*/
	
	/* margin:25px 8px 0 15px; */
	margin:25px 40px 0 0;
	  
	vertical-align: center;
	
display:inline;
padding: 0px;
	
	font-family:'Century Gothic';
	
	font-weight:normal;
	font-size:15px;
	    letter-spacing: 4px;

	
}
ul.nav2 li a{
	text-decoration:none;
	color:#eee;
	

	
	display:inline-block;
  padding:10px;
}
ul.nav2 li ul li a{
	font-family:Arial;
	font-size:13px;
	
}












/*.header-hider a.hider{
	background:url('../img/controllers.png') no-repeat left top;
	width:100%;
	height:100%;
	display:block;
} */
/* .header-hider a.opener{
	display:none;
	background:url('../img/controllers.png') no-repeat top right;
	width:100%;
	height:100%;
} */

/*:::::::::: CONTENT ::::::::::*/
.content{
	width:100%;
	height:auto;
	float:left;
	
	margin:0 0 0 0;
	padding:0;
	font-family:Arial;
	font-size:13px;
}





















.title-block{
	/*width:940px;*/
	width:auto;
	height:auto;
	/*margin:0 10px 20px 10px;*/
	margin:0 0 0 0;
	padding: 0 0 0 0;
	background-color: #0D1517;
	/*background:url('../img/blackBG.png') repeat;*/
	
}



















.title-block h3{
	margin:0px 0 0 0px;
	padding:10px;
	font-size:25px;
	color:#FFF;
	text-align:center;
}
.content-hider{
	width:40px;
	height:80px;
	float:right;
	position:relative;
}
.content-hider a.c-hider{
	background:url('../img/controllers.png') no-repeat bottom left;
	width:100%;
	height:100%;
	display:block;
}
.content-hider a.c-opener{
	display:none;
	background:url('../img/controllers.png') no-repeat bottom right;
	width:100%;
	height:100%;
}

/*:::::::::: SOCIAL ICONS ::::::::::*/
.social-icons{
	height:100%;
	width:auto;
	float:right;
	margin:0 5px 0 0;
}
a.social-mobile{
	text-decoration:none;
	color:#eee;
	float:right;
	margin:22px 0;
	width:50px;
	text-align:center;
	display:none;
}
.social-icons a{
	text-decoration:none;
	width:30px;
	height:50px;
	display:block;
	float:left;
	margin:15px 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
}
.social-icons a.twitter{background:url('../img/icons/twitter.png') no-repeat center;}
.social-icons a.facebook{background:url('../img/icons/facebook.png') no-repeat center;}
.social-icons a.dribble{background:url('../img/icons/dribble.png') no-repeat center;}
.social-icons a.youtube{background:url('../img/icons/youtube.png') no-repeat center;}
.social-icons a.skype{background:url('../img/icons/skype.png') no-repeat center;}


/*:::::::: BLOG :::::::::*/
.blog-block{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0 20px 0;
	padding:0;
	background:url('../img/blackBG.png') repeat;
}
.blog-block img{
	width:100%;
	height:auto;
	margin:0;
}
.blog-block h3{
	margin:15px 20px 15px 20px;
	padding:0;
	color:#eee;
	font-size:24px;
}
.blog-block h3 a{
	color:#eee;
	text-decoration:none;
}
.blog-block h3 a:hover{
	color:#FFF;
}
.blog-block p{
	margin:0 20px 15px 20px;
	padding:0;
	color:#e5e5e5;
}
ul.slides p{
	margin:0;
	padding:5px 0;
	color:#eee;
}
ul.slides p span{
	padding:5px 20px;
}
.descrip{
	float:left;
	width:430px;
}
span.bottom-line{
	width:150px;
	height:auto;
	margin:20px 0;
	display:block;
	font-size:12px;
	float:right;
	border-left:1px solid #222222;
}
span.bottom-line span{
	margin:5px 10px 5px 20px;
	padding:0 0 0 20px;
	display:inline-block;
}
span.bottom-line a{
	text-decoration:none;
	color:#999999;
	padding:0 0 2px 0;
	background:url('../img/link-border-grey.png') repeat-x bottom;
}
span.bottom-line a:hover{
	color:#999999;
}
span.comment-link{background:url('../img/icon-comment.png') no-repeat left center;}
span.author-link{background:url('../img/icon-author.png') no-repeat left center;}
span.time-link{background:url('../img/icon-time.png') no-repeat left center;}
span.permalink-link{background:url('../img/icon-permalink.png') no-repeat left center;}

.vimeo-video{
	width:100%;
	/*height:350px;*/
	height:100%;
}
/*.youtube-video{
	width:100%;
	/*height:370px;*/
/*	height:auto;
}*/




.youtube-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.youtube-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}







.pager{
	width:100%;
	float:left;
	clear:both;
	margin:0 0 20px 0;
}
.pager a{
	width:60px;
	height:25px;
	display:block;
	float:left;
	padding:5px 0 0 0;
	margin:0 20px 0 0;
	text-align:center;
	background:url('../img/blackBG.png') repeat;
	color:#999;
	text-decoration:none;
	font-size:12px;
}
.pager a:hover{
	color:#FFF;
}
.comment-block{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	background:url('../img/blackBG.png') repeat;
}
.left-comments{
	margin:20px 20px 0 20px;
	float:left;
	clear:both;
	display:block
}
.left-comments img{
	width:60px;
	height:60px;
	margin:0 10px 5px 0;
}
.comment-block p{
	color:#999;
}
.left-comments a{
	color:#FFF;
	border-bottom:1px dotted #FFF;
	text-decoration:none;
}
.left-comments a:hover{
	color:#999;
	border-bottom:1px dotted #999;
}
.comment-block p span{
	font-size:11px;
	color:#484848;
}
.comment-block form{
	float:left;
	clear:both;
}
input.com-text{
	width:167px;
	height:24px;
	margin:20px 0 20px 20px;
	padding:3px 5px;
	background:#070707;
	color:#999;
}
.comment-block textarea{
	width:560px;
	height:130px;
	margin:0 0 20px 20px;
	background:#070707;
	color:#999;
	padding:10px;
	font-family:Arial;
	font-size:13px;
}
input.com-submit{
	background:#000;
	border:1px solid #070707;
	margin:0 0 20px 20px;
	color:#999;
	padding:8px 20px;
	cursor:pointer;
	text-align:center;
}
input.com-submit:hover{
	color:#FFF;
}

/*:::::: CONTACT ::::::*/
.map{
	width:100%;
	height:400px;
}
.map1{
	width:100%;
	height:600px;
}













ul.stores {
	list-style: none;
	font-size: 0px;
	margin: 0 0 0 0;
	text-align:center;
	vertical-align: middle;
	
}
ul.stores li {
	display: inline-block;
	/*padding: 10px;*/
	
	
	
	vertical-align: top;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
ul.stores li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 0 0;
}


ul.stores li {
	width: 50%; /* this value + 2.5 should = 50% */
}











.store-block{
	width:100%;
	height:auto;
	float:left;
	/*margin:0 0 15px 0;*/
	margin:0 0 0 0;
	padding:0 0 25px 0;
	background:url('../img/blackBG.png') repeat;
}

.store-block img{
	width:100%;
	height:auto;
	margin:0;
}
.store-block h3{
	/*margin:15px 20px 15px 20px;*/
	margin:30px 20px 15px 20px;
	padding:0 0 50px 0;
	color:#eee;
	font-size:45px;
	text-align:center;
	font-family:'Century Gothic';
    letter-spacing: 5px;
}
.store-block h3 a{
	color:#eee;
	text-decoration:none;
}
.store-block h3 a:hover{
	color:#FFF;
}
.store-block p{
	margin:0 20px 15px 20px;
	padding:0;
	color:#e5e5e5;
	font-size:16px;
	text-align:center;
	font-family:'Century Gothic';
    letter-spacing: 3px;
}








.bgpic {
 position:fixed;
 top:128px;
 left:0px;
 width:100%
 ;height:100%;
 z-index:-1;
}





ul.locat {
	list-style: none;
	font-size: 0px;
	margin: 0 0 0 0;
	text-align:center;
	
}
ul.locat li {
	display: inline-block;
	/*padding: 10px;*/
	
	
	
	vertical-align: top;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
ul.locat li img {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
}


ul.locat li {
	width: 100%; /* this value + 2.5 should = 50% */
}













ul.stor {
	list-style: none;
	font-size: 0px;
	margin: 0 0 0 0;
	text-align:center;
	
}
ul.stor li {
	display: inline-block;
	/*padding: 10px;*/
	
	
	
	vertical-align: top;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
ul.stor li img {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
}


ul.stor li {
	width: 16.66%; /* this value + 2.5 should = 50% */
	text-align:center;
}
























ul.news {
	list-style: none;
	font-size: 0px;
	margin: 0 0 0 0;
	text-align:center;
	
}
ul.news li {
	display: inline-block;
	/*padding: 10px;*/
	
	
	
	vertical-align: top;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
ul.news li img {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
}


ul.news li {
	width: 50%; /* this value + 2.5 should = 50% */
}











.news-block{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 40px 0;
	padding:0 0 0 0;
	background:url('../img/blackBG.png') repeat;
}

.news-block img{
	width:100%;
	height:auto;
	margin:0;
}
.news-block h3{
	/*margin:15px 20px 15px 20px;*/
	margin:30px 20px 0 20px;
	padding:0 0 35px 0;
	color:#eee;
	font-size:30px;
	text-align:center;
	font-family:'Century Gothic';
    letter-spacing: 5px;
}
.news-block h3 a{
	color:#eee;
	text-decoration:none;
}
.news-block h3 a:hover{
	color:#FFF;
}
.news-block p{
	margin:20px 0 0 0;
	padding:0 0 0 0;
	color:#e5e5e5;
	font-size:16px;
	text-align:center;
	font-family:'Century Gothic';
    letter-spacing: 3px;
}












ul.nstore {
	list-style: none;
	font-size: 0px;
	margin: 0 0 0 0;
	text-align:center;
	
}
ul.nstore li {
	display: inline-block;
	/*padding: 10px;*/
	
	margin: 0 0 0 0;
	
	vertical-align: top;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
ul.nstore li img {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
}


ul.nstore li {
	width: 50%; /* this value + 2.5 should = 50% */
}











.nstore-block{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url('../img/blackBG.png') repeat;
}

.nstore-block img{
	width:100%;
	height:auto;
	margin:0;
}
.nstore-block h3{
	/*margin:15px 20px 15px 20px;*/
	margin:10px 20px 0 20px;
	padding:30px 0 0 0;
	color:#eee;
	font-size:30px;
	text-align:center;
	font-family:'Century Gothic';
    letter-spacing: 5px;
}
.nstore-block h3 a{
	color:#eee;
	text-decoration:none;
}
.nstore-block h3 a:hover{
	color:#FFF;
}
.nstore-block p{
	margin:20px 0 20px 0;
	padding:0 0 0 0;
	color:#e5e5e5;
	font-size:16px;
	text-align:center;
	font-family:'Century Gothic';
    letter-spacing: 3px;
}
















.blog-block{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0 20px 0;
	padding:0;
	background:url('../img/blackBG.png') repeat;
}
.blog-block img{
	width:100%;
	height:auto;
	margin:0;
}
.blog-block h3{
	margin:15px 20px 15px 20px;
	padding:0;
	color:#eee;
	font-size:24px;
}
.blog-block h3 a{
	color:#eee;
	text-decoration:none;
}
.blog-block h3 a:hover{
	color:#FFF;
}
.blog-block p{
	margin:0 20px 15px 20px;
	padding:0;
	color:#e5e5e5;
}








a.send{
	background:#000;
	border:1px solid #070707;
	margin:0 0 20px 20px;
	color:#999;
	padding:8px 20px;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	float:left;
	clear:both;
}
a.send:hover{
	color:#FFF;
}
.alertMessage{
	margin:10px 0 20px 20px;
	color:#999;
}
.alertMessage ul{
	list-style-type:circle;
	margin:0 0 20px 20px;
	padding:0;
	color:#999;
}

/*:::::: ABOUT :::::::*/
.about-block{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	background:url('../img/blackBG.png') repeat;
}

.about-block img{
	width:100%;
	height:auto;
	margin:0;
}
.about-block h3{
	/*margin:15px 20px 15px 20px;*/
	margin:15px 20px 15px 20px;
	padding:0;
	color:#eee;
	font-size:24px;
}
.about-block h3 a{
	color:#eee;
	text-decoration:none;
}
.about-block h3 a:hover{
	color:#FFF;
}
.about-block p{
	margin:0 20px 15px 20px;
	padding:0;
	color:#e5e5e5;
}
.section{
	margin:0 0 20px 0;
	float:left;
	clear:both;
}
.block{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	background:url('../img/blackBG.png') repeat;
}
.block h3{
	margin:15px 20px 15px 20px;
	padding:0;
	color:#eee;
	font-size:24px;
}
.block h3 a{
	color:#eee;
	text-decoration:none;
}
.block h3 a:hover{
	color:#FFF;
}
.block p{
	margin:0 20px 15px 20px;
	padding:0;
	color:#e5e5e5;
}
.slides img{
	width:100%;
}
.errorPage{
	font-size:200px;
	color:#eee;
	margin:0 auto;
	text-align:center;
	font-family:'Gnuolane';
}












/*:::::: PORTFOLIO ::::::*/
#portfolio{
	/*width: 100%;*/
	width: 100%;
	margin-left: auto;
    margin-right: auto;
	
}
.portfolio-list{
	/*margin:0;
	padding:0;
	/*width:960px;*/
	width:auto;
	
	list-style-type:none;
	/*float:left;*/
/*	float:left;
	display:block;*/
	margin-left: auto;
    margin-right: auto;
    
}



























/*.portfolio-list h3{
	margin:0;
	padding:7px 20px;
	background:#e5e5e5;
	font-size:16px;
	
}
.portfolio-list h3 a{
	text-decoration:none;
	color:#484848;
	
}
.portfolio-list h3 a:hover{
	color:#000;
}
.portfolio-4 img{
	/*width:100%;*/
	/*width:100%;

	
}
.portfolio-4 h3{
	/*width:180px;*/
	/*width: auto;
	
}*/

 .viewport{
	/*position:relative;
	
	/*width: 100%;*/
	/*width:700px;
	/*height:298px;*/
	/*height:auto;
	/*overflow:hidden;*/
	
	/*width: calc(50%);*/
	
	
}
#col {
margin-left: auto;
    margin-right: auto;
    }


/*.column-5
{
    -moz-column-count:2;
    -webkit-column-count:2;
    column-count:2;
    height: 145px;
    width: 80px;
}*/

/*.side-1 {

clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}

.side-2 {

float:left;
	width:100%;
	position:relative;
	right:50%;
}*/

#photos {
  /* Prevent vertical gaps */
  /*line-height: 0;
   
  -webkit-column-count: 2;
  -webkit-column-gap:   0px;
  -moz-column-count:    2;
  -moz-column-gap:      0px;
  /*-webkit-column-width: 700px;*/
  /*column-count:         2;
  column-gap:           0px; */ 
  
  
}

#photos img {
  /* Just in case there are inline attributes */
  /*max-width: 100% !important;
  height: auto !important;*/
  
}









ul.col {
	list-style: none;
	font-size: 0px;
	margin: 0 0 0 0;
	text-align:center;
	
}
ul.col li {
	display: inline-block;
	/*padding: 10px;*/
	
	
	
	vertical-align: top;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
ul.col li img {
	/*max-width: 100%;*/
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
}


ul.col li {
	width: 50%; /* this value + 2.5 should = 50% */
}





















ul.col1 {
	list-style: none;
	font-size: 0px;
	margin: 0 0 0 0;
	text-align:center;
	
}
ul.col1 li {
	display: inline-block;
	/*padding: 10px;*/
	
	
	
	vertical-align: top;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
ul.col1 li img {
	/*max-width: 100%;*/
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
}


ul.col1 li {
	width: 33.33%; /* this value + 2.5 should = 50% */
}





























ul.coll {
	list-style: none;
	font-size: 0px;
	margin: 0 0 0 0;
	text-align:center;
	
}
ul.coll li {
	display: inline-block;
	/*padding: 10px;*/
	
	
	
	vertical-align: top;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
ul.coll li img {
	/*max-width: 100%;*/
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
}


ul.coll li {
	width: 100%; /* this value + 2.5 should = 50% */
}
















.portfolio-4 li {


display:inline;
    /*padding: 0 450px 0 0;*/
    padding: 0 0 0 0;
    margin-left: auto;
    margin-right: auto;

}



.viewport span {
	
	display: none;
	font-size: 1.0em;
	font-weight: bold;
	/*height: 100%;*/
	/*position: absolute;*/
	text-align: center;
	text-decoration: none;
	/*width: 100%;*/
	
	z-index: 100;
}
.viewport img {
	
	
	position: relative;
	/*width: 100%;*/
	/*width: 100%;
  height: auto;*/
  
}
.dark-background {
	
	background-color: rgba(01, 01, 01, 0.8);
	color: #fff;
	text-shadow: #000 0px 0px 20px;
}
.dark-background em {
	color: #ccc;
}
a.zoom{
	
	background:url(../img/zoom.png) no-repeat;
	width:80px;
	height:80px;
	display:block;
	float:left;
	margin:60px 0 0 70px;
}
a.more{
	background:url('../img/permalink.png') no-repeat;
	width:20px;
	height:20px;
	display:block;
	float:left;
	margin:60px 0 0 40px;
}
/*a.img{
	position:relative;
	display:block;
	/*width: 100%;*/
	/*width:100%;
	
}*/
/*#portfolio-filter{
	list-style-type:none;
	margin:0 10px 10px 10px;
	padding:0;
	float:left;
	clear:both;
	width:940px;
	
}*/



/*#portfolio-filter li{
	float:left;
	margin:0;
	padding:0;
}
#portfolio-filter li a{
	margin:0 10px 10px 0;
	padding:8px 15px;
	text-decoration:none;
	color:#999999;
	display:block;
	background:#070707;
}*/
/*#portfolio-filter li a.current{
	color:#111;
	background:#e5e5e5;
}*/

/*:::::: Isotope filtering :::::::*/
/*.isotope-item {	z-index: 2;}
.isotope-hidden.isotope-item {	pointer-events: none;	z-index: 1;}
.isotope, .isotope .isotope-item {	-webkit-transition-duration: 0.7s;	-moz-transition-duration: 0.7s;	transition-duration: 0.7s;}
.isotope {-webkit-transition-property: height, width;	-moz-transition-property: height, width;	transition-property: height, width;}
.isotope .isotope-item {	-webkit-transition-property: -webkit-transform, opacity;	-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity;}
*/
/*:::::: RIGHT SIDEBAR ::::::*/
/*.search-block{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	background:url('../img/blackBG.png') repeat;
	padding:10px 0;
	margin:0 0 20px 0;
}
.search-block form{
	width:280px;
	height:40px;
	margin:0 10px;
	background:#070707;
	
}
.search-block input{
	margin:13px 0 0 10px;
	width:260px;
	background:none;
	border:none;
	color:#999;
	font-size:13px;
}
.right-block{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	background:url('../img/blackBG.png') repeat;
	padding:0;
	margin:0 0 20px 0;
}
.right-block h3{*/
	/*margin:20px 0 0 0;*/
	/*font-size:24px;
	color:#484848;
	background:#e5e5e5;
	padding:10px 20px;
}
.right-block ul{
	list-style-type:none;
	padding:10px 0 5px 0;
}
.right-block ul.archive li{
	margin:10px 20px;
	padding:0 0 10px;
	color:#555;
}
.right-block ul.archive li a{
	color:#999;
	text-decoration:none;
	margin:0 10px 0 0;
	border-bottom:1px dotted #999;
	padding:0 0 2px 0;
}
.right-block ul.archive li a:hover{
	color:#FFF;
	border-bottom:1px dotted #fff;
}
.right-block ul.last-work{
	padding:0;
}
.right-block ul.last-work li{
	margin:20px 0 0 20px;
	padding:0;
}
.right-block ul.last-work li img{
	width:260px;
	height:100px;
}
.right-block p{
	color:#999;
	margin:20px;
}
.right-block p span{
	color:#FFF;
}*/

/*:::::::: FOOTER :::::::::*/
.footer{
	width:130px;
	height:35px;
	margin:0 0 0 415px;
	padding:0;
	position:fixed;
	bottom:0;
}
.mask {
	background: url('../img/overlay2.png') repeat;
	display: block;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -998;
}
.jp-play, .jp-pause{
	width: 22px;
	height: 20px;
	text-indent: -9999px;
	opacity: 1;
	z-index:999;
	position:relative;
	float:left;
	margin:6px 0 0 0;
}
.jp-pause{
	background:transparent url('../img/audio-on.png') no-repeat left center;
}
.jp-play{
	background:transparent url('../img/audio-off.png') no-repeat left center;
}
#jp_container_1{
	position:relative;
	float:left;
	margin:0;
}
#jquery_jplayer_1{
	width:0;
	display:none;
	float:left;
}
#video-wrap{
	position:fixed;
	left:0;
	top:0;
	z-index:-99;
}
@media only screen and (min-width: 768px) and (max-width: 959px){
.wrapper{
	/*width:750px;*/
	width:auto;
}

.bgpic {

 top:128px;

left: -310px;
 width:1440px;
 height:100%; 

}






ul.news li {
	width: 50%; /* this value + 2.5 should = 50% */
}












.news-block h3{
	/*margin:15px 20px 15px 20px;*/
	margin:10px 20px 0 20px;
	padding:0 0 10px 0;
	color:#eee;
	font-size:25px;
	text-align:center;
	font-family:'Century Gothic';
    letter-spacing: 5px;
}

.news-block p{
	margin:10px 0 0 0;
	padding:0 0 0 0;
	color:#e5e5e5;
	font-size:12px;
	text-align:center;
	font-family:'Century Gothic';
    letter-spacing: 3px;
}











ul.col1 li {
	width: 100%; /* this value + 2.5 should = 50% */
}




#smoothmenu1{
	/*width:460px;*/
	width:auto;
	margin:0;
	
}
ul.nav li{
	margin:25px 15px 0 15px;
	font-family:'Arial';
	font-weight:normal;
	font-size:15px;
}
.title-block{
	/*width:730px;*/
	width:auto;
}
.footer{
	width:160px;
	height:40px;
	margin:0 0 0 295px;
}
#controls-wrapper{
	width:150px;
}
#prevslide, #nextslide{
	width:30px;
	height:30px;
	margin:0;
	padding:5px 0 0 0;
	background-position:center;
}
#play-button{
	width:20px;
	height:30px;
	padding:12px 3px 0 12px;
	margin:0;
}
#controls{
	width:100px;
}
.jp-play, .jp-pause{
	width:20px;
	height:30px;
	padding:1px 5px 5px 5px;
	margin:0;
	background-position:center;
}
.column-2{
	/*width:410px;*/
	width:auto;
}
.column-1{
	width:730px;
}
/*.column-5{
	margin: 0 15px 20px 15px;
}*/
input.com-text{
	width:360px;
	margin:20px 0 0 20px;
}
.comment-block textarea{
	width:350px;
	margin:20px 0 20px 20px;
}
/*.portfolio-list{
	width:750px;
}
#portfolio-filter{
	width:750px;
}*/
.youtube-video{
	width:100%;
	height:270px;
}
.descrip{
	width:410px;
}
span.bottom-line{
	width:410px;
	border:none;
	border-top:1px solid #222;
	padding:10px 0;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.wrapper{
	/*width:470px;*/
	width:auto;
}





ul.news li {
	width: 100%; /* this value + 2.5 should = 50% */
}












.news-block h3{
	/*margin:15px 20px 15px 20px;*/
	margin:10px 20px 0 20px;
	padding:0 0 30px 0;
	color:#eee;
	font-size:30px;
	text-align:center;
	font-family:'Century Gothic';
    letter-spacing: 5px;
}

.news-block p{
	margin:10px 0 0 0;
	padding:0 0 15px 0;
	color:#e5e5e5;
	font-size:16px;
	text-align:center;
	font-family:'Century Gothic';
    letter-spacing: 3px;
}








.bgpic {

 top:128px;

left: -450px;
 width:1440px;
 height:100%; 

}










ul.col1 li {
	width: 100%; /* this value + 2.5 should = 50% */
}



ul.stores li {
	width: 100%; /* this value + 2.5 should = 50% */
}




ul.col1 li {
	width: 100%; /* this value + 2.5 should = 50% */
}





.logo{
	margin:0;
	margin-left: auto;
    margin-right: auto;
    padding: 15px;
}
#smoothmenu1{
	/*width:200px;*/
	width:auto;
	margin:0 0 0 0px;
	height:45px;
	text-align:center;
}
#smoothmenu1 ul.nav{
	display:none;
	margin:0 0 0 0px;
	text-align:center;
	/*width:460px;*/
	width:auto;
	
	
	background:url('../img/blackBG.png') repeat;
}
#smoothmenu1 ul.menu-open, #smoothmenu1 ul.menu-open ul, #smoothmenu1 ul.menu-open ul ul{
	display:block;
}
#smoothmenu1 ul.menu-open{
	/*margin:-6px 0 0 -230px;*/
	margin:-23px 0 0 0;
}
#smoothmenu1 ul.menu-open ul{
	background:none;
	margin:4px 0 0 0;
}
ul.nav{
	padding:10px 0 10px 0;
}
ul.nav li{
	margin:5px 15px 0 15px;
	float:none;
	display:block;
}
ul.nav li a{
	width:auto;
	display:block;
}
ul.nav li a:hover{
	text-decoration:underline;
}
ul.nav li ul{width:440px;}
ul.nav li ul ul{width:420px;}
ul.nav li ul ul ul{width:400px;}
ul.nav li ul ul ul ul{width:380px;}

a.mobile-menu-button{
	display:block;
	font-family:'Arial';
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
	color:#eee;
	/*padding:25px 0 31px 0;*/
	padding:10px 0 31px 0;
	
	width:100%;
}
.header-hider{
	position:absolute;
	margin:0 0 0 420px;
}
.title-block{
	/*width:460px;*/
	width:auto;
	
	/*margin:0 0 20px 0;*/
	margin:45px 0 0 0;
}
.social-icons{
	background:url('../img/blackBG.png') repeat;
	position:absolute;
	height:auto;
	padding:0 13px 10px 13px;
	margin:80px 0 0 364px;
	z-index:999;
	display:none;
	float:right;
}
.open-social, a.social-mobile{display:block;}

.social-icons a{
	float:none;
	height:40px;
	margin:0;
}
.footer{
	width:160px;
	height:40px;
	margin:0 0 0 155px;
}
#controls-wrapper{
	width:150px;
}
#prevslide, #nextslide{
	width:30px;
	height:30px;
	margin:0;
	padding:5px 0 0 0;
	background-position:center;
}
#play-button{
	width:20px;
	height:30px;
	padding:12px 3px 0 12px;
	margin:0;
}
#controls{
	width:100px;
}
.jp-play, .jp-pause{
	width:20px;
	height:30px;
	padding:1px 5px 5px 5px;
	margin:0;
	background-position:center;
}
.column-2{
	/*width:460px;*/
	width:auto;
	margin:0;
}
.column-4{
	width:460px;
	margin:0;
}
.column-1{
	width:460px;
	margin:0;
}
/*.column-5{
	margin:0 5px 20px 5px;
}*/
.right-block ul.last-work li{
	margin:20px 0 0 100px;
}
.search-block form{
	width:440px;
	
}
.search-block input{
	width:420px;
}
input.com-text{
	width:410px;
	margin:20px 0 0 20px;
}
.comment-block textarea{
	width:400px;
	margin:20px 0 20px 20px;
}
/*.portfolio-list{
	width:470px;
}
#portfolio-filter{
	width:470px;
	margin:0 0 10px 0;
}*/
.youtube-video{
	width:100%;
	height:300px;
} 
.descrip{
	width:460px;
}
span.bottom-line{
	width:460px;
	border:none;
	border-top:1px solid #222;
	padding:10px 0;
}
}


@media only screen and (min-width: 200px) and (max-width: 479px){
.wrapper{
	/*width:300px;*/
	width:auto;
}





ul.news li {
	width: 100%; /* this value + 2.5 should = 50% */
}












.news-block h3{
	/*margin:15px 20px 15px 20px;*/
	margin:10px 20px 0 20px;
	padding:0 0 30px 0;
	color:#eee;
	font-size:30px;
	text-align:center;
	font-family:'Century Gothic';
    letter-spacing: 5px;
}

.news-block p{
	margin:10px 0 0 0;
	padding:0 0 15px 0;
	color:#e5e5e5;
	font-size:16px;
	text-align:center;
	font-family:'Century Gothic';
    letter-spacing: 3px;
}











.bgpic {

 top:128px;

left: -530px;
 width:1440px;
 height:100%; 

}
ul.col1 li {
	width: 100%; /* this value + 2.5 should = 50% */
}




ul.stores li {
	width: 100%; /* this value + 2.5 should = 50% */
}




ul.col1 li {
	width: 100%; /* this value + 2.5 should = 50% */
}






.logo{
	margin:0;
	margin-left: auto;
    margin-right: auto;
    padding: 15px;
}
#smoothmenu1{
	/*width:50px;*/
	width:auto;
	height: 45px;
	margin:0;
}
#smoothmenu1 ul.nav{
	display:none;
	/*width:300px;*/
	width:auto;
	background:url('../img/blackBG.png') repeat;
}
#smoothmenu1 ul.menu-open, #smoothmenu1 ul.menu-open ul, #smoothmenu1 ul.menu-open ul ul{
	display:block;
}
#smoothmenu1 ul.menu-open{
	/*margin:-6px 0 0 -230px;*/
	margin:-23px 0 0 0;
}
#smoothmenu1 ul.menu-open ul{
	background:none;
}
#smoothmenu1 ul li{
	float:none;
}
ul.nav li{
	margin:5px 0 0 0;
	padding:0 15px;
	display:block;
}
ul.nav li a{
	width:auto;
	display:block;
}
ul.nav li a:hover{
	text-decoration:underline;
}
ul.nav li ul{width:280px;}
ul.nav li ul ul{width:260px;}
ul.nav li ul ul ul{width:240px;}
ul.nav li ul ul ul ul{width:220px;}

a.mobile-menu-button{
	display:block;
	font-family:'Arial';
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
	color:#eee;
	/*padding:25px 0 31px 0;*/
	padding:10px 0 31px 0;
	width:100%;
	text-align:center;
}
.header-hider{
	position:absolute;
	margin:0 0 0 270px;
	width:30px;
}
.title-block{
	/*width:300px;*/
	width:auto;
	/*margin:0 0 20px 0;*/
	margin:45px 0 0 0;
}
.content-hider{
	width:30px;
}
.social-icons{
	background:url('../img/blackBG.png') repeat;
	position:absolute;
	height:auto;
	padding:0 13px 10px 13px;
	margin:80px 0 0 214px;
	z-index:999;
	display:none;
}
.open-social, a.social-mobile{display:block;}

.social-icons a{
	float:none;
	height:40px;
	margin:0;
}
.footer{
	width:160px;
	height:40px;
	margin:0 0 0 70px;
}
#controls-wrapper{
	width:150px;
}
#prevslide, #nextslide{
	width:30px;
	height:30px;
	margin:0;
	padding:5px 0 0 0;
	background-position:center;
}
#play-button{
	width:20px;
	height:30px;
	padding:12px 3px 0 12px;
	margin:0;
}
#controls{
	width:100px;
}
.jp-play, .jp-pause{
	width:20px;
	height:30px;
	padding:1px 5px 5px 5px;
	margin:0;
	background-position:center;
}
.column-2{
	/*width:300px;*/
	width:auto;
	margin:0;
}
.column-4{
	margin:0;
}
.column-1{
	width:100%;
	margin:0;
}
/*.column-5{
	margin:0 0 20px 40px;
}*/
input.com-text{
	width:250px;
	margin:20px 0 0 20px;
}
.comment-block textarea{
	width:240px;
	margin:20px 0 20px 20px;
}
/*.portfolio-list{
	width:300px;
}#portfolio-filter{
	width:300px;
	margin:0 0 10px 0;
}*/
.youtube-video{
	width:100%;
	height:235px;
}
.header-hider a.hider{
	background-position:-5px 0;
}
.header-hider a.opener{
	background-position:-45px 0;
}
.content-hider a.c-hider{
	background-position:-5px -80px;
}
.content-hider a.c-opener{
	background-position:-45px -80px;
}
.descrip{
	width:300px;
}
span.bottom-line{
	width:300px;
	border:none;
	border-top:1px solid #222;
	padding:10px 0;
}
}
/* CUSTOM */
/* Main Page */
div#mainVideoWrapper
{
	width:60%;
	height:auto;
	display:block;
	margin:0 auto;
}
/* News */
section#articles
{
	max-width:800px;
	margin:0 auto;
}
section#articles article.short, section#articles article.full
{
	margin-bottom:20px;
	border-bottom:1px solid #444;
}
section#articles article.short div.articleWrapper
{
	padding-top:10px;
	padding-bottom:20px;
	background-color:rgba(30,30,30,0.4);
	transition: background-color 0.4s;
}
section#articles article.short div.articleWrapper:hover
{
	background-color:rgba(30,30,30,0.8);
}
.news-block h3
{
	font-size:16pt;
	font-weight:bold;
}
ul.subMenu
{
    width: 100% !important;
    position: absolute !important;
    top: 44px !important;
    background-color:black;
}
@media(max-width:767px)
{
ul.subMenu
{
	position:relative !important;;
	top:0 !important;
}
}