/*
Theme Name: Fashion
Theme URI: http://themeforest.net/user/demdous/portfolio
Description: For creative individuals.
Author: Azamat Umarov
Author URI: http://themeforest.net/user/demdous
Version: 1.0
License: Located in 'licensing' folder
*/
/*
	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: 'Gnuolane';
	src: url('http://legenepi-courchevel.com/wp-content/themes/fashion/fonts/gnuolane_free-webfont.eot#iefix') format('embedded-opentype'),
		 url('fonts/gnuolane_free-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}
*{
	outline:none;
	border:none;
	line-height:1.5;
}
.wp-caption, .wp-caption-text,
.sticky, .gallery-caption,
.bypostauthor{}
.alignright{ float: right; }
.alignleft{ float: left; }
.aligncenter{ margin: 0 auto 0; }

h3{
	font-family:'Gnuolane';
	font-weight:normal;
	line-height:1.2;
}
.spacer{
	clear:both;	
	width:100%;	
	height:0;
}
.wrapper {
	width:960px;	
	height:auto;	
	margin:0 auto;	
	padding:0;
	z-index:99;
	position:relative;
}
.controller {
	width:100%; 
	height:auto; 
	margin:0;	
	padding:0; 
	float:left;	
}
.header{
	width:100%;	
	height:80px;	
	float:left;	
	margin:0;	
	padding:0;
}
.logo{
	width:220px;
	height:80px;
	float:left;
	margin:0 10px;
}

/*:::::::::: NAVIGATION (MENU) ::::::::::*/
#smoothmenu1{
	width:660px;
	height:80px;
	float:left;
	margin:0 0 0 10px;
	background:url('img/blackBG.png') repeat;
	z-index:99;
	position:relative;
}
#smoothmenu1 ul{
	list-style-type:none;
}
ul#menu-main{
	margin:0;
	list-style-type:none;
	padding:0;
	width:100%;
}
ul#menu-main li{
	float:left;
	margin:25px 15px 0 30px;
	font-family:'Gnuolane';
	font-weight:normal;
	font-size:20px;
}
ul#menu-main li{
    position: relative;
    z-index: 9999 !important;
}
ul#menu-main li ul{
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
    background:url('img/blackBG.png') repeat;
}
ul#menu-main li a{
	text-decoration:none;
	color:#eee;
}
ul#menu-main li ul li a{
	font-family:Arial;
	font-size:13px;
}
a.mobile-menu-button{
	display:none;
}
/*MOBILE MENU*/
ul#menu-mobile{
	background:url('img/blackBG.png') repeat;
	margin:80px 0 0 0;
	position:absolute;
	width:100%;
}
ul#menu-mobile li{
	margin:5px;
}
ul#menu-mobile li a{
	font-family:Arial;
	font-size:13px;
}


.header-hider{
	width:40px;
	height:80px;
	float:right;
	margin:0 10px 0 0;
	position:relative;
	z-index:99;
}
.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:20px 0 0 0;
	padding:0;
	font-family:Arial;
	font-size:13px;
}
.title-block{
	width:940px;
	height:80px;
	margin:0 10px 20px 10px;
	background:url('img/blackBG.png') repeat;
}
.title-block h3{
	margin:13px 0 0 20px;
	padding:0;
	font-size:45px;
	color:#FFF;
	float:left;
}
.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: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;}
.social-icons a.flickr{background:url('img/icons/flickr.png') no-repeat center;}
.social-icons a.vimeo{background:url('img/icons/vimeo.png') no-repeat center;}


/*:::::::: BLOG :::::::::*/
.blog-block{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	background:url('img/blackBG.png') repeat;
}
.single-image 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;
	padding-bottom:10px;
}
.descrip ul, .descrip ol{
	color:#CCC;
	margin:20px 40px;
}
.descrip ul li, .descrip ol li{
	margin:5px 0;
}
.section ul, .section ol{
	color:#CCC;
	margin:20px 40px;
}
.section ul li, .section ol li{
	margin:5px 0;
}

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 span span{
	margin:0;
	padding:0;
	
}
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:#FFF;
}
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:400px;
}
.youtube-video{
	width:100%;
	height:370px;
}
.pager{
	width:100%;
	float:left;
	clear:both;
	margin:0 0 20px 0;
}
.pager a{
	width:auto;
	height:25px;
	display:block;
	float:left;
	padding:5px 10px 0 10px;
	margin:0 10px 0 0;
	text-align:center;
	background:url('img/blackBG.png') repeat;
	color:#999;
	text-decoration:none;
	font-size:12px;
}
.pager span{
	width:auto;
	height:25px;
	display:block;
	float:left;
	padding:5px 10px 0 10px;
	margin:0 10px 0 0;
	text-align:center;
	background:#e5e5e5;
	color:#484848;
	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;
}
.content .comment-block p{
	color:#999;
	margin:0;!important
}
.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;
}
.comment-block form label{
	color:#999999;
	clear:both;
	width:70%;
}
.lab{
	width:177px;
	height:auto;
	float:left;
	margin:20px 0 20px 20px;
}
input.com-text{
	width:167px;
	height:24px;
	margin:5px 0 0 0;
	padding:3px 5px;
	background:#FFFFFF;
	color:#59493F;
}
.comment-block textarea{
	width:560px;
	height:130px;
	margin:0 0 20px 20px;
	background:#FFFFFF;
	color:#59493F;
	padding:10px;
	font-family:Arial;
	font-size:13px;
}
input.com-submit, #submit{
	background:#FFFFFF;
	border:1px solid #070707;
	margin:0 0 20px 0;
	color:#59493F;
	padding:8px 20px;
	cursor:pointer;
	text-align:center;
}
input.com-submit:hover, #submit:hover{
	color:#FFF;
}
#respond h3#reply-title{
	color:#999;
	margin:0 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
/*:::::: CONTACT ::::::*/
.map{
	width:100%;
	height:300px;
}
a.send{
	background:#FFFFFF;
	border:1px solid #59493F;
	margin:0 0 20px 20px;
	color:#59493F;
	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;
	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%;
}
.portfolio-list{
	margin:0;
	padding:0;
	width:960px;
	list-style-type:none;
	float:left;
	display:block;
}
.portfolio-list h3{
	margin:0;
	padding:7px 20px;
	background:#FFFFFF;
	font-size:16px;
}
.portfolio-list h3 a{
	text-decoration:none;
	color:#59493F;
}
.portfolio-list h3 a:hover{
	color:#000;
}
.portfolio-4 img{
	width:100%;
}
.portfolio-4 .column-5 h3{
	width:180px;
}
.portfolio-4 .column-4 h3{
	width:260px;
}
.viewport{
	position:relative;
	width:100%;
	height:138px;
	overflow:hidden;
}
.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%;
}
.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:20px;
	height:20px;
	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%;
}
#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:#FFFFFF;
	display:block;
	background:#59493F;
}
/*#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;
}
.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{
	font-size:24px;
	color:#59493F;
	background:#FFFFFF;
	padding:10px 20px;
}
.right-block ul{
	list-style-type:decimal;
	padding:10px 0 5px 0;
	margin:0 10px 0 20px;
}
.right-block ol{
	padding:10px 0 5px 0;
	margin:0 10px 0 20px;
}
.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 ol.archive li{
	margin:10px 20px;
	padding:0 0 10px;
	color:#555;
}
.right-block ol.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 ol.archive li a:hover{
	color:#FFF;
	border-bottom:1px dotted #fff;
}
.widget ul li{
	margin:10px 20px;
	padding:0 0 10px;
	color:#555;
}
.widget ul li a{
	color:#FFFFFF;
	text-decoration:none;
	margin:0 10px 0 0;
	border-bottom:1px dotted #ad8d76;
	padding:0 0 2px 0;
}
.widget ul 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:#FFFFFF;
	margin:20px;
}
.right-block p span{
	color:#59493F;
}

/*:::::::: FOOTER :::::::::*/
.footer{
	width:130px;
	height:35px;
	margin:0 0 0 415px;
	padding:0;
	position:fixed;
	bottom:0;
}
.mask {
	background: url('http://legenepi-courchevel.com/wp-content/themes/fashion/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;
}
.flexslider img{
	height:350px;
}
ul#menu-mobile{
	display:none;
}
ul#menu-mobile li{
	padding:3px 0;
}
ul.menu a{
	color:#FFF;
	text-decoration:none;
}
ul.slides img{
	height:347px;
}
div.column-1 ul.slides img{
	height:528px;
}
@media only screen and (min-width: 768px) and (max-width: 959px){
.title-block h3{
	font-size:30px;
	margin-top:22px;
}
div.vimeo-video{
	width:100%;
	height:320px;
}
.wrapper{
	width:750px;
}

#smoothmenu1{
	width:460px;
	margin:0;
}
#smoothmenu1 ul#menu-main{
	display:none;
}
#smoothmenu1 ul#menu-mobile{
	text-align:left;
	width:730px;
	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;
}
#smoothmenu1 ul.menu-open ul{
	background:none;
	margin:4px 0 0 0;
}
ul#menu-mobile{
	padding:10px 0 10px 0;
}
ul#menu-mobile li{
	margin:5px 15px 0 15px;
	float:none;
	display:block;
}
ul#menu-mobile li a{
	width:auto;
	display:block;
}
ul#menu-mobile li a:hover{
	text-decoration:underline;
}

a.mobile-menu-button{
	display:block;
	font-family:'Gnuolane';
	font-weight:normal;
	font-size:20px;
	text-decoration:none;
	color:#eee;
	padding:22px 0 27px 0;
	width:100%;
	text-align:center;
}
.title-block{
	width:730px;
}
.footer{
	width:160px;
	height:40px;
	margin:0 0 0 295px;
}
div#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:0 7px 0 8px;
	margin:0;
}
div#controls{
	width:100px;
	margin-top:2px;
}
.jp-play, .jp-pause{
	width:20px;
	height:30px;
	padding:1px 5px 5px 5px;
	margin:0;
	background-position:center;
}
div.column-2{
	width:410px;
}
div.column-1{
	width:730px;
}
div.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;
}
ul.slides img{
	height:230px;
}
div.column-1 ul.slides img{
	height:410px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.title-block h3{
	font-size:23px;
	margin-top:25px;
}
div.vimeo-video{
	width:100%;
	height:320px;
}
.wrapper{
	width:470px;
}
.logo{
	margin:0;
}
#smoothmenu1{
	width:200px;
	margin:0 0 0 10px;
	height:80px;
	text-align:center;
}
#smoothmenu1 ul#menu-main{
	display:none;
}
#smoothmenu1 ul#menu-mobile{
	text-align:left;
	width:460px;
	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;
}
#smoothmenu1 ul.menu-open ul{
	background:none;
	margin:4px 0 0 0;
}
ul#menu-mobile{
	padding:10px 0 10px 0;
}
ul#menu-mobile li{
	margin:5px 15px 0 15px;
	float:none;
	display:block;
}
ul#menu-mobile li a{
	width:auto;
	display:block;
}
ul#menu-mobile li a:hover{
	text-decoration:underline;
}
a.mobile-menu-button{
	display:block;
	font-family:'Gnuolane';
	font-weight:normal;
	font-size:20px;
	text-decoration:none;
	color:#eee;
	padding:22px 0 27px 0;
	width:100%;
}
.header-hider{
	position:absolute;
	margin:0 0 0 420px;
}
.title-block{
	width:460px;
	margin:0 0 20px 0;
}
.social-icons{
	background:url('img/blackBG.png') repeat;
	position:absolute;
	height:auto;
	padding:0 10px 10px 10px;
	margin:80px 0 0 370px;
	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;
}
div#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:0 7px 0 8px;
	margin:0;
}
div#controls{
	width:100px;
	margin-top:2px;
}
.jp-play, .jp-pause{
	width:20px;
	height:30px;
	padding:1px 5px 5px 5px;
	margin:0;
	background-position:center;
}
div.column-2{
	width:460px;
	margin:0;
}
div.column-4{
	width:460px;
	margin:0;
}
div.column-1{
	width:460px;
	margin:0;
}
div.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;
}
ul.slides img{
	height:259px;
}
div.column-1 ul.slides img{
	height:259px;
}
}
@media only screen and (min-width: 200px) and (max-width: 479px){
.title-block h3{
	font-size:15px;
	margin:30px 0 0 10px;
}
div.vimeo-video{
	width:100%;
	height:270px;
}
.wrapper{
	width:300px;
}
.logo{
	margin:0;
}
#smoothmenu1{
	width:50px;
	margin:0;
}
#smoothmenu1 ul#menu-main{
	display:none;
}
#smoothmenu1 ul#menu-mobile{
	width:300px;
	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 -220px;
	padding:10px 0;
}
#smoothmenu1 ul.menu-open ul{
	background:none;
}
#smoothmenu1 ul li{
	float:none;
}
ul#menu-mobile li{
	margin:5px 0 0 0;
	padding:0 15px;
	display:block;
}
ul#menu-mobile li a{
	width:auto;
	display:block;
}
ul#menu-mobile li a:hover{
	text-decoration:underline;
}
a.mobile-menu-button{
	display:block;
	font-family:'Gnuolane';
	font-weight:normal;
	font-size:20px;
	text-decoration:none;
	color:#eee;
	padding:22px 0 27px 0;	
	width:100%;
	text-align:center;
}
.header-hider{
	position:absolute;
	margin:0 0 0 270px;
	width:30px;
}
.title-block{
	width:300px;
	margin:0 0 20px 0;
}
.content-hider{
	width:30px;
}
.social-icons{
	background:url('img/blackBG.png') repeat;
	position:absolute;
	height:auto;
	padding:0 10px 10px 10px;
	margin:80px 0 0 220px;
	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;
}
div#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:0 7px 0 8px;
	margin:0;
}
div#controls{
	width:100px;
	margin-top:2px;
}
.jp-play, .jp-pause{
	width:20px;
	height:30px;
	padding:1px 5px 5px 5px;
	margin:0;
	background-position:center;
}
div.column-2{
	width:300px;
	margin:0;
}
div.column-4{
	margin:0;
}
div.column-1{
	width:100%;
	margin:0;
}
div.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;
}
ul.slides img{
	height:168px;
}
div.column-1 ul.slides img{
	height:168px;
}
}



/*CUSTOM*/
#controls-wrapper {
    width: 99%!important;
}

.footer {
    width: 100%!important;
    margin: 0px!important;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity:0.8;
    z-index: 999;
}

.custom-mob > ul{
    margin:0 auto!important;
    width: 700px;
}

.custom-mob > ul > li{
    float: left;
    margin-left: 15px;
}

.custom-mob > ul > li a{
    color: #000;
    text-decoration: none;
}

li.yellow a{
    text-shadow: 0px 0px 3px #484848;
    color: yellow!important;
    transition: all 0.3s ease;
}

li.yellow a:hover{
    text-shadow: 0px 0px 3px #FFF;
    color: black!important;
}

.alertMessage > ul > li {
    color: white!important;
}

a.zoom {
    margin: 60px 0px 0px 90px!important;
}

#supersized img {
    background-size: 100% 100%;
}