/*--------------------------------------------------------------------------------------
/*--------------------------------------------------------------------------------------

	Theme Name: Brackets
	Theme URI: http://themeforest.net/user/LosBastardos/portfolio?ref=LosBastardos
	Description: A Portfolio Wordpress Theme
	Author: LosBastardos
	Author URI: http://themeforest.net/user/LosBastardos/portfolio?ref=LosBastardos
	Version: 1.0
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

-------------------------------------------------------------------------------------*/

/* __________________________________________________________________________________________________________
01. GENERAL STYLES 
   _______________________________________________________________________________________________________ */
   
  
/* --------  1. CSS Reset - http://meyerweb.com/eric/tools/css/reset/ ------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/* --------- 2. Basic HTML --------- */
body{
	font: 12px/18px Courier,Courier New,monospace;
	background:#F5F5F5!important;
	color:#555; 
} 

a {text-decoration: none;color:#808080;} 
a:hover {color:#141414;text-decoration:none}
.entry-content a{text-decoration: underline;}
.entry-content a:hover{text-decoration: underline;}
a img {border: none;}
a > img { vertical-align: bottom; }

p{margin-bottom:18px;}
.entry-content p{text-align:justify;}

.clear {
	clear:both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}
.hidden { display: none; }
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
    padding:0;
    text-transform:uppercase;
    color:#141414;
    font-family: Courier,Courier New,monospace;
}
h1{font-size:28px;line-height:34px;}
h2{font-size:18px;line-height:22px;}
h3{font-size:16px;line-height:20px;}
h4{font-size:14px;line-height:18px;}
h5{font-size:12px;line-height:16px;}
h6{font-size:10px;line-height:14px;}
.entry-content h1{margin-bottom:20px;}
.entry-content h2{margin-bottom:16px;margin-top:30px;}
.entry-content h3{margin-bottom:12px; margin-top:26px;}
.entry-content h4{margin-bottom:2px;margin-top:20px;}
.entry-content h5{margin-bottom:0px;margin-top:20px;}
.entry-content h6{margin-bottom:0px;}
h1.entry-title,h1.page-title{ 
	margin-bottom:22px;
	font-size:28px;
	line-height:34px;
	font-weight: normal;
	font-family: Roboto Slab;
	text-transform: none;
}
h2.entry-title{ 
	font-size:19px; 
	line-height:24px; 
	font-weight: normal;
	font-family: Roboto Slab;
	text-transform: none;	
}

img.alignleft {float: left;margin:10px 20px 10px 0;} 
img.alignright {display: block;	margin: 10px 0 10px 20px;} 
img.aligncenter {margin: 10px auto;display: block;clear: both;}
img.alignnone {margin:10px 0;display: block;}

.wp-caption {
	text-align: center;
	font-family: Georgia, Times, serif;
	max-width:100%;
	font-size:10px;
	text-transform:uppercase;
}
.wp-caption.alignleft {margin:0px 10px 5px 0;text-align:left;}
.wp-caption.alignright {margin: 0px 0 5px 10px;text-align:right;}
.wp-caption.aligncenter{margin:10px auto;}
.wp-caption.alignnone{margin:10px 0;text-align:left;}
.wp-caption img,.wp-caption img a {margin: 0;padding: 0;border: 0 none;}
.wp-caption,.wp-caption-text {margin: 0;padding:0;}

.wp-smiley {margin: 0;}

input,textarea {
	font:12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; 
	padding: 10px;
	font-weight:normal;		
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    border-style: none none solid;
    transition: all 0.2s linear 0s;
    background: none repeat scroll 0% 0% rgb(247, 247, 248);
    border: 1px solid rgb(247, 247, 248);
    color: rgb(178, 178, 182);
    padding: 5px 10px;
}

input:focus,textarea:focus{
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border-color: rgb(207, 207, 207);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
    color: rgb(85, 85, 85);
}
input{height:30px;}
label{display:inline-block;margin-bottom:5px;}
button {padding: 2px 10px;cursor: pointer;}
select {border: 1px solid #ccc;}

blockquote { padding:0 20px;font: 14px/20px;border-left: 4px solid #333;color:#333; font-style:italic; }

dl,dd,pre,ul,ol,blockquote,address,table,fieldset,form{ margin-bottom: 20px;}

strong {font-weight: bold;}
em,cite {font-style: italic;}
table {text-align: left;padding: 0 5px;border: 1px solid #d3d3d3;}
caption { text-align: left; }
tr {border-bottom: 1px solid #d3d3d3;}
th,td {padding: 5px 8px;vertical-align: middle;text-align:center;}
pre,code{font: 12px/18px  'andale mono', 'lucida console', monospace;display: block;word-wrap: break-word;overflow:auto;padding:10px;color: #555;background:#d3d3d3;}
small {font-size: 11px;}

.entry-content ul{list-style-type: disc;}
.entry-content ol {list-style-type: decimal;}
.entry-content ul, .entry-content ol {margin-left: 25px;}

.blog, .archive,.search,.page-template-template-archives-php,.page-template-template-portfolio-php ,.page-template-template-gallery-php,.page-template-template-bg-php { 
	background:#fff;
}

.gallery {clear: both;overflow: hidden;margin: 20px auto 10px auto;}
.gallery p,.gallery br {display:none;}
img.attachment-thumbnail {border: none;}
.gallery .gallery-item {overflow: hidden;float: left;margin: 0 5px 5px 0;list-style: none;width:125px;}
.gallery-icon{display:block;width:100%;}
.gallery-icon a, .gallery-icon a img{float:left;display:block;width:100%;height:auto;}
.gallery-caption {font-size: 11px/16px Georgia, Times, serif;}

img {max-width: 100%; height: auto;}
.fluid-video {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.fluid-video iframe,.fluid-video object,.fluid-video embed {position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;}


/* ________________________________________________________________________________________________________________
02. GENERAL LAYOUT  
   ______________________________________________________________________________________________________________*/

   
/* --------- 1. General Structure --------- */
#container {	width: 100%;padding: 0;margin:0;}
#content {margin: 0px 0px 0px 280px;	position: relative;}
#sidebar{
	position: fixed;
	left: 0;top: 0;
	bottom: 0;
	z-index: 100;
	width: 200px;
	padding:40px;
	text-align: center;
}
.mobile #sidebar{width:199px;}


/* --------- 2. sidebar --------- */
#logo{margin-bottom:60px;}
#logo h1 a{color:#141414;font-size:36px;text-transform:uppercase;}

#primary-nav{width:280px;margin-left:-40px;margin-bottom:35px;}
#main-nav{ }
#main-nav > li { display: block; margin: -1px 0 0 0; }

#main-nav a:hover{text-decoration:none;}
#main-nav > li a {
	color: #141414;
	font-size: 12px;
	font-family: Courier,Courier New,monospace;
	display: block;
	line-height: 15px;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:7px 40px; 
}
#main-nav > li a:hover { color:#141414;}

#main-nav ul {display:none;margin:0;padding:0;}
#main-nav li > ul li {background: url(images/border-h.png) left bottom repeat-x;}
#main-nav li > ul li:last-child{border:none;}
#main-nav li > ul li a {padding:5px 46px 7px 46px;letter-spacing:1px;text-transform:none;font-style:italic;font-weight:bold;font-size:12px;color:#141414;}
#main-nav li > ul li a:hover,#main-nav li > ul li.current-menu-item a{background:none;color: #808080;}

#main-nav > li.current-menu-item > a ,#main-nav > li.current-menu-ancestor > a,#main-nav > li.current-menu-parent > a,
#main-nav > li.current_page_parent > a,#main-nav > li.down > a{background: none; color:#141414;  text-decoration: line-through;}


#main-nav > li.down > a{font-weight:normal;}
#main-nav > li.current-menu-parent.down > a{font-weight:bold;}
#main-nav > li.down > ul > a{font-weight:bold;}

#sidebar-footer{bottom:38px;position:absolute;width:200px;padding:0;}
#copyright{
	text-align:left;
	font-size:10px;
	line-height:12px;
	text-transform:uppercase;
}

#socials-menu a{ text-align:center;}
#socials-menu li{ float:left; margin:0 10px 10px 0; width:70px; }
#socials-menu li a:before{ content:"["; opacity: 0.0; filter: alpha(opacity=0); }
#socials-menu li a:hover:before{ content:"["; opacity: 1; filter: alpha(opacity=100); }
#socials-menu li a:after{ content:"]"; opacity: 0.0; filter: alpha(opacity=0); }
#socials-menu li a:hover:after{ content:"]"; opacity: 1; filter: alpha(opacity=100); }

#sidebar select{display: block;width:100%;padding:5px;}
#sidebar select.select-menu{ display: none }


/* Effect 1: Brackets on Menu */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}


/* __________________________________________________________________________________________________________
03. PAGE SPECIFIC STYLES
   _______________________________________________________________________________________________________ */  
 
/* ------------ 1. Background Image, Full Width & Fullscreen Video ---------- */

#fullbg{
	position: fixed ;
	height:100%;
	width:100%;
	top:0; 
	left:0;
	overflow:hidden;
	background-position: center center;	
	background-attachment: fixed;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
#small-page{position:absolute;top:40px;right:40px;width:520px;}
#small-page .hentry{
	margin-bottom:40px;
	background:rgba(255, 255, 255, 0.8);
	padding:32px 40px 18px 40px;
	border-radius: 5px;
}		
#small-page .sep,#full-page .sep{
	margin-bottom:24px;
	margin-left:2px;
	width: 60px;
	border-bottom: 2px solid #EF6250;
}
#full-page{padding:32px 40px 20px 40px;}
#full-page .entry-content p,#small-page .entry{text-align:justify;}

.page-template-template-video-php{overflow:hidden;background:#000;}
.page-template-template-video-php .fluid-video{overflow:visible;background:#000;}

/* ---------------------- 2. Gallery ------------------------ */

.page-template-template-gallery-php{overflow-y:scroll;}
.item-photo{margin: 0; float: left; overflow:hidden; height:auto; width:0px;}
.item-photo a{display:block;position:relative; padding:2px;}
.item-photo img{
	vertical-align:bottom;
	width:100% !important;
	height:auto;
	border-radius: 5px;
}

.item-photo .photo-overlay {
    position:absolute; 
    width: 99%;
	height: 99%;
	top: 2px;
	left: 2px;
    z-index: 2; 
	opacity: 0;
	border-radius: 5px;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/    
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zNiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 55%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(55%,rgba(0,0,0,0.36)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 55%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 55%,rgba(0,0,0,0.65) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 55%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.36) 55%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.item-photo a:hover .photo-overlay{ 
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.item-photo.media-video .photo-overlay {	background:url(images/zoom-video.png) no-repeat center center;}

.photo-header{background: #141414;color:#f7f7f7;}
.photo-header p{text-align:justify;}
.photo-header h1,.gallery-password-protected h1{color:#fff;font-size:19px; line-height:24px;margin-bottom:10px;}
.photo-header-inner{padding:18px 15px 0px 15px;}
.photo-header-inner .sep,.gallery-password-protected .sep{border-color:#fff;}

#ajax-loading{
	width:100%;
	height:9px;
	z-index:199;
	position:absolute;
	bottom:15px;
	background:url(images/gallery-loader.gif) no-repeat center center;
	display:none;
}

.password-protected{
	position:fixed; 
	height:100%;
	width:100%;
	background:#f1f1f1;
	margin-left:-280px;
}
.gallery-password-protected{
	position:absolute;
	left:50%;
	top:50%;
	background: #141414;
	color:#f7f7f7;
	padding:18px 15px 5px 15px;
	width:320px;
	margin-left:-50px;
	margin-top:-75px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	box-sizing: border-box;
}
.protected-post-form{margin:0;}
.gallery-password-protected input[type='password']{
	background:#333;
	color:#fff;
	width:175px;
	margin-right:8px;
}
.gallery-password-protected input[type='submit']{
	background:#fff;
	color:#141414;
	font-weight:bold;
	cursor: pointer;
	width:auto;
	height:auto;
	padding: 6px 10px;
}

/* ------------------  3. Archives Page ----------------------*/

.archives-post{
    float:left;
    width:0;
    overflow:hidden;
    background:#fff;
	margin: 2px;
	border-radius: 4px;
}	
.archives-post a{display:block;color:#555;}
.archives-post a:hover{color:#555;}
.archives-post-inner{
	padding:8px 10px 10px 10px;
	height:130px;
}
	
.archives-post-inner:hover{

}

.archives-post:hover{
	-webkit-box-shadow: 0px 0px 2px 0px rgba(160, 160, 160, 0.5);
	-moz-box-shadow:    0px 0px 2px 0px rgba(160, 160, 160, 0.5);
	box-shadow:         0px 0px 2px 0px rgba(160, 160, 160, 0.5);
	transition: All 0.4s linear;
	-webkit-transition: All 0.4s linear;
	-ms-transition: All 0.4s linear;
}

.month-header .archives-post-inner:hover{
	background:none;
}

.archives-content{overflow:hidden;height:130px;font-size:11px;line-height:14px;}
.archives-content h3{margin-bottom:3px;font-size:12px;line-height:14px;}

.month-header .archives-post-inner{padding:10px;height:128px;}
.hentry-heading{
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}
.heading-title{display: table-cell;vertical-align: middle;}
.heading-title h1{
	padding:0 5%;
	font-size: 18px;
	line-height: 24px;
	margin-bottom:2px;
}
.heading-title span.count{
	padding:0 5%;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
	color: #808080;
	display:block;
}

.archives-post .heading-title h2{padding:0 5%;font-size:12px;line-height:16px;margin-bottom:3px;color: #808080;}
.archives-post .heading-title span.count{font-size:11px;}
.archives-post img{width:100%;height:auto;margin-top:5px;}

.archives .format-quote blockquote{color:#555;font-size: 11px;line-height: 15px;margin:0;}
.archives .format-quote .quote-meta{font-size:10px;line-height:14px;margin-top:2px;}
.archives .format-status p{font-family: Georgia, Times, serif;font-size: 11px;line-height: 15px;}

span.post-format {background: transparent url(images/post-format.png) no-repeat; display: inline-block;height: 10px;margin: 0 5px 0 0;text-align: left;text-indent: -9999px;	}
.format-standard span.post-format {width: 8px; background-position: 0 0; }
.format-image span.post-format {width: 13px; background-position: -8px 0; }
.format-gallery span.post-format {width: 13px; background-position: -21px 0; }
.format-video span.post-format {width: 10px; background-position: -34px 0; }
.format-audio span.post-format {width: 12px; background-position: -44px 0; }
.format-link span.post-format {width: 10px; background-position: -56px 0; }
.format-quote span.post-format {width: 12px; background-position: -66px 0; vertical-align:-1px;}
.format-status span.post-format {width: 13px; background-position: -78px 0; vertical-align:-1px;}   
   
   
/* ---------------------- 4. Contact Page------------------------ */  
#map{
	width:100%; 
	height:400px; 
	position:relative;
	border-radius: 0 0 0 5px;
}
#map img{max-width:none;} /* Fix map buttons */
 
#contact-content{}
#contact-form{
	float:left;
	padding:35px 40px 20px 20px;
	width:67%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	box-sizing: border-box;
	margin: 20px 0;
	background: #FFF;
	border-radius: 5px;
}
#contact-infos{float:left;padding:35px 0 20px 40px;width:33%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#contact-infos h2,#contact-form h2{
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	margin-bottom:22px;
	font-family: Roboto Slab;
}
#contact-form p{text-align:justify;}
#contact-form em{font-size:14px;line-height:20px;font-family: Georgia, Times, serif;}
#contact-details span {display: block;margin-bottom: 12px;}
#contact-details span strong{color:#141414;}
#contact-details a{color:#555;}
#contact-infos a:hover{color:#141414;}

div.wpcf7 p{margin-bottom:17px;font-weight:bold;color:#141414;}
span.wpcf7-form-control-wrap{display:block;margin-top:5px;}
.wpcf7-form input {width:60%;display:block;}
.wpcf7-form textarea {width:100%;height:185px;display:block;}
.wpcf7-form input.wpcf7-submit {
    display:inline-block;
    cursor:pointer;
    width:auto;
    height:auto;
    padding: 8px 18px;
    margin:6px 0 0 0;
    font-weight:bold;
    background: #FFF;
    color:#2A2D30;
    border: 1px solid #2A2D30;
} 
.wpcf7-form input.wpcf7-submit:hover{background:#2A2D30; color: #FFF;}
span.wpcf7-not-valid-tip {position:relative !important;top:0 !important;left:0 !important;background:none !important;border:none !important;
	width:auto !important;padding:8px 0 0 0 !important;font-size:12px !important;
	color:#808080; font-weight:normal;display:block;line-height:12px}
div.wpcf7 img.ajax-loader {margin-left: 8px !important;}
div.wpcf7-response-output {margin: 20px 0 0 0 !important;padding: 0px !important;}
div.wpcf7-mail-sent-ok ,div.wpcf7-mail-sent-ng,div.wpcf7-spam-blocked,div.wpcf7-validation-errors{border:none !important;}   
   
   
/* __________________________________________________________________________________________________________
04. PORTFOLIO STYLES
   _______________________________________________________________________________________________________ */
      	
.page-template-template-portfolio-php{overflow-y:scroll;}

#portfolio-grid .portfolio-item{
	float:left;
	position:relative;
	width:0px;
	overflow:hidden;
	margin:2px;
	border-radius:4px;
}
#portfolio-grid .entry-link{display:block;}
.portfolio-thumb img{vertical-align:bottom;width:100% ;height:auto;}
.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	z-index:99;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
}
.overlay-inner{display: table;position: absolute;width: 100%;height: 100%;}

.overlay-content {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    padding-bottom: 25px;
}

.overlay h2{
	width:90%;
	padding:0 5%;
	color:#EF6250;
	margin-bottom: 5px;
	font-family: Roboto Slab;
	text-transform: none;
	font-size:22px;
}
.overlay .portfolio-subtitle{
	width:90%;
	padding:0 5%;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	line-height:16px;
	text-transform:normal;
}

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* ---------  Portfolio Filter --------- */
ul#filter {margin:0;padding:0;}
#filter li {margin-bottom:9px;line-height:12px;}
#filter li a {padding-left:20px;background: url(images/checkbox-off.png) left center no-repeat;color:#555;font-size:12px;}
#filter li a.active {background: url(images/checkbox-on.png) left center no-repeat;}
#filter li a.active,#filter li:hover a{color:#555;}


/***************** Single portfolio *****************/
.portfolio-content {	 }
.portfolio-media{overflow:hidden;}
.portfolio-description{
	width:67%;
	float:left;
	padding:30px 40px 20px 20px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #FFF;
	border-radius: 5px;
}
.portfolio-description .sep{
	margin-bottom:24px;
	margin-left:2px;
	width: 60px;
	border-bottom: 2px solid #EF6250;
}
.portfolio-meta{padding:40px 0 35px 40px;float:left;width:33%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.portfolio-meta span{display:block;margin-bottom:12px;}
.portfolio-meta span strong{color:#141414;}
.portfolio-meta a{color:#555;}
.portfolio-meta a:hover{color:#141414;}

/*************** Navigation for Portfolio & Blog *********************/
.portfolio-navigation a,.blog-navigation a{color:#555;}
.portfolio-navigation a:hover,.blog-navigation a:hover{color:#555;}
span.nav-sep{display:inline-block;margin:0 6px;color:#808080;}
span.btn-back, span.btn-prev,span.btn-next{display:inline-block;margin-bottom:2px !important;}
span.btn-back:hover,span.btn-prev:hover,span.btn-next:hover { opacity: 0.7; }
.separator{
	height:1px;
	margin:18px 0 17px 0;
	border-top: 1px solid #E0E0E0;
}


/* __________________________________________________________________________________________________________
05. BLOG STYLES
   _______________________________________________________________________________________________________ */
 
/* -------------  1. Blog Page ------------- */

#blog-grid .post {
	position: relative;
    margin: 5px 0 0 5px;
	float: left;
	background:#fff;
	width:0px;
	overflow:hidden;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: box-shadow 0.4s ease;
	-webkit-transition: box-shadow 0.4s ease;
	-moz-transition: box-shadow 0.4s ease;
	-o-transition: box-shadow 0.4s ease;
	-ms-transition: box-shadow 0.4s ease;
}
#blog-grid .post:hover{
	-webkit-box-shadow: 0px 0px 2px 0px rgba(160, 160, 160, 0.5);
	-moz-box-shadow:    0px 0px 2px 0px rgba(160, 160, 160, 0.5);
	box-shadow:         0px 0px 2px 0px rgba(160, 160, 160, 0.5);
	transition: box-shadow 0.4s ease;
	-webkit-transition: box-shadow 0.4s ease;
	-moz-transition: box-shadow 0.4s ease;
	-o-transition: box-shadow 0.4s ease;
	-ms-transition: box-shadow 0.4s ease;
}
#blog-grid .post.hentry-header:hover{background:none;}

#blog-grid .hentry-header .hentry-inner{height:150px;padding:17px 15px;}
#blog-grid .hentry-inner{
    padding:17px 15px 1px 15px;
	border-width: 1px;
    margin: 5px;
}

.entry-title a{color:#141414;}
.entry-title a:hover{color:#555;}
.sep{
	width: 40px;
	border-bottom: 1px solid #888;
	margin: 11px 0px 11px 1px;
}

.post-video, .post-image , .post-gallery, .post-audio{margin-bottom:12px;}

.entry-meta{margin-bottom:7px;font-size:11px;}
.entry-meta a {color: #808080;}
.entry-meta a:hover {color:#141414;}
.meta-sep{font-weight:bold;}

.hentry .twitter-tweet-rendered {max-width: 100%!important;margin: 3px 0 1px 0 !important;}
.hentry .twt-border {max-width: 100% !important;min-width: 100px!important;}
#blog-grid .hentry .twt-border{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;border:none !important;background:none !important;}
#blog-grid .hentry .twt-border .twt-tweet {padding: 0px!important;-webkit-font-smoothing: antialiased;}

.format-quote .quote-wrap {margin-bottom:12px; }
.format-quote blockquote {padding: 0; margin: 0;font-size: 16px;line-height: 22px;border:none;font-style:normal;margin-bottom:6px;color:#333;}
.format-quote .quote-meta{display:block;margin:0 0 6px 0;font-family: Georgia, Times, serif;}
.format-status blockquote {border:none;font-style:normal;font-size:16px;line-height:22px;padding:0;}
.format-link .entry-title span.icon{width:14px;height:14px;background: url(images/link-icon.png) no-repeat;display:inline-block;margin-right:3px;}

.navigation{display:none;}
#load-more{display: none;position:relative;z-index:99; margin: 20px 0;}
#load-more a {
    width:100%;
    cursor:pointer;
    position:absolute;
    top:-1px;
    display: block;
    height:40px;
    text-align: center;
    padding: 12px 0 8px 0;
    color: #141414;
	font-weight:bold;
    letter-spacing:2px;
    text-transform:uppercase;
    background:#fff;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#load-more #load-btn-icon{
    display:inline-block;
    width:11px;
    height:11px;
    margin-right:10px;
    vertical-align:-1px;
}
#load-more a:hover,#load-more a.active {background:#141414 ;color:#fff;}
#load-more a:hover #load-btn-icon ,#load-more a.active #load-btn-icon {background-position:-11px 0;}
#load-more a span#posts-count{position: absolute;top: 12px;right: 15px;text-transform:none;font-weight:normal;-webkit-font-smoothing: antialiased;letter-spacing:1px;}

.bypostauthor{}
.sticky {}

/* -------------  2. Single Post ------------- */

#single-blog{
	float:left;
	padding:0 40px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.single-post .hentry{
	float:left;
	position:relative;
	padding:35px 40px 0 20px;
	width:67%;
	overflow:hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	margin: 20px 0;
	background: #FFF;	
	border-radius: 5px;
}

.entry-meta-single{float:right;padding:40px 0 40px 40px;width:33%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.single-post .hentry .sep{
	width: 40px;
	border-bottom: 1px solid #888;
	margin: 11px 0px 11px 1px;
}
.single-post .entry-content{margin-bottom:35px;}

.single .post-video, .single .post-image , .single .post-gallery, .single .post-audio{margin:5px 0 22px 0;}
.post-image{position:relative;}
.post-image img{width:100%;vertical-align:bottom;}

.entry-meta-single span{display:block;margin-bottom:12px;}
.entry-meta-single span strong{color:#141414;}
.entry-meta-single .post-meta a{color:#555;}
.entry-meta-single .post-meta a:hover{color:#141414;}
.entry-twitter,.entry-facebook {margin-bottom:8px;}
.entry-twitter  strong,.entry-facebook  strong{height:22px;line-height:22px;display:inline-block;float:left;margin-right:5px;color:#141414;}
.entry-meta-single .twitter-btn,.entry-meta-single .facebook-btn{overflow:hidden;width:105px;height:22px;display:inline-block;margin:0;padding:0;float: left;}
.entry-meta-single .facebook-btn{width:90px;}

.blog-navigation span{display:inline-block;}

.single-post .format-link .entry-title  span.icon {width:20px;height:20px;background: url(images/link-icon-big.png) no-repeat;display: inline-block;margin-right:8px;}
.single .format-quote blockquote{font-size:28px;line-height: 34px;}
.single .format-quote .quote-meta{margin-top:12px;}

.post-meta { margin-top: 15px; }


/* -------------  3. Comments ------------- */

#comments{
	float:left;
	width:67%;
	padding:0px 40px 25px 0;
	overflow:hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#reply-title,.comments-title {
	font-size:18px;
	line-height:22px;
	text-transform:uppercase;
	margin-bottom:30px;
	font-weight: normal;
}
.comments-title{
	padding-top:36px; 
}

.commentlist {margin-bottom:18px;}
.comment {margin-top:10px;position: relative;}
.comment-wrap {margin-left:80px;}
ul .comment-wrap {margin-left:60px;}

.pingback {margin:10px 0 30px;}
.moderation {display: block;padding: 0 0 8px 0;}
.children {margin-left:80px; margin-bottom:0px;}
.children ul{margin-left:60px !important;}
.comment .avatar {
	position: absolute;
	left:0;
	top:0;
	border-radius: 50%;
}
.comment-meta{margin-bottom:8px;color:#808080;}
.comment-author,.comment-author a {color:#141414;font-weight: bold;margin-bottom:2px;}
.comment-author a:hover{color:#555;}
a.comment-reply-link:hover,a.cancel-comment-reply-link:hover{color:#141414;}
.nocomments {text-align:center;}

#respond {
	padding-top:36px;
	border-top: 1px solid #E0E0E0;
}
#reply-title{margin-bottom:24px;}
#cancel-comment-reply-link{text-transform:none;font-size:12px;font-weight:normal;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }

#commentform {display:block;margin: 20px 0 0 0;}
.comment #respond{margin:18px 0 40px 0;}
.comment #respond #commentform{background:url(images/border-h.png) bottom left repeat-x;padding-bottom:25px;}
#commentform p{float:left;margin-bottom:16px;padding-right: 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width:33.3333333%;}
#commentform p.comment-form-comment{width:100%;clear: left;float:none;padding-right: 0;}
#commentform label{font-weight:bold;color:#141414;}
#commentform span.required {font-weight:bold;}
#commentform p.form-submit{float:none;}
#commentform #submit {
    display:inline-block;
    cursor:pointer;
    width:auto;
    height:auto;
    padding: 8px 18px;
    margin:6px 0 0 0;
    font-weight:bold;
    background: #FFF;
    color:#2A2D30;
    border: 1px solid #2A2D30;
	transition: all 0.2s linear 0s;
} 
#commentform #submit:hover{
    background:#2A2D30;
    color:#FFF;
    transition: all 0.2s linear 0s;
}
#commentform input {width:100%; border: 1px solid #ddd;}
#commentform textarea { width:100%; height:185px; border: 1px solid #ddd; }

/* author bio */
.author-bio {
    border-bottom: 1px solid rgb(224, 224, 224);
    min-height: 110px;
    height: auto;
}
.author-social-icons li {
	display: inline-block;
}
.author-social-icons li a {
    margin:10px 0px; 
	text-decoration: none;
    line-height:2; 
    font-size:12px; 
    text-align:center; 
    font-weight:400; 
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.author-social-icons li a:hover {
    color:#141414; 
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.author-social-icons li:after { padding: 0 8px; content:" /"; font-size:12px; }
.author-social-icons li:last-child:after { content:""; }
.author-bio .avatar {
    float: left;
    margin-right: 10px;
}

/* __________________________________________________________________________________________________________
06. WIDGETS
   _______________________________________________________________________________________________________ */
   
 /* --------- 1. Basic --------- */ 

.widget-title{
    font-size: 14px;
    font-weight:normal;
    text-transform:uppercase;
    margin:0;
}
#sidebar .widget{margin-bottom:26px;}
#sidebar .sep{ width: 4px; border-bottom: 1px solid #141414; margin: 10px auto 14px auto; }
.widget ul {margin:0;}
.widget ol {list-style-type: decimal;}

/* --------- 2. Search Widget --------- */
.search-wrapper{position:relative;width:100%;}
.search-wrapper #search-input:focus {
	border-color: rgb(207, 207, 207);
	box-shadow: none;
}
.search-wrapper #search-input {
	width: 100%;
	padding: 5px 33px 5px 5px;
	color:#555;
	background: #fff;
	border-radius: 4px;
	font-style: italic;
}
.search-wrapper form{margin:0;}
#searchsubmit{
	border:0;
	height:28px;
	display:block;
	background:#FFF;
	position:absolute;
	top:1px;
	right:1px;
}
#searchsubmit:hover{cursor:pointer;}

/* --------- 3. Twitter Widget --------- */
.twitter_update_list li {padding: 0 0 10px 0px;margin:0;}
.twitter_update_list li span {display:block;}
#twitter-link {display: block;margin-bottom:12px;padding: 0 0 0 18px;background: url(images/twitter_widget.png) no-repeat left center;}

/* --------- 4. Flickr Widget--------- */
#flickr_badge_wrapper{width:210px;margin:18px 0 13px 0;}
.flickr_badge_image {float:left;margin:0 10px 10px 0;}
.flickr_badge_image a {display:block;}
.flickr_badge_image a:hover {opacity: 0.8;}
.flickr_badge_image img{
	width:60px;
	height:60px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

 /* --------- 5. Slideout Widgetized Panel  --------- */ 
#slideout-wrap {
    position:fixed;
    z-index: 100;top: 0;
    left: 0;
    margin-left:-280px;
    width:280px;
    height:100%;
    background:#141414;
    overflow-x: hidden;
    overflow-y: scroll;
}
#slideout-button {
    position:fixed;
    left: 0px;
    top:0;
    z-index: 10000000;
}
#slideout-button a {width:33px;height:33px;display: block;text-indent: -9999px;background: url(images/slide_btn.png) 0 0 ;}
#slideout-button a.close { background-position: 0 -33px; }
#slideout-container {position: relative;padding:33px 0;color:#f7f7f7;background:#141414;}
#slideout-container .widget {
    padding:0 20px;
    margin-bottom:10px;
}
#slideout-container .widget-title {
    width:200px;
    margin-left:-40px;
    margin-bottom:12px;
    padding:7px 40px 6px 40px;
    color: #fff;
}
#slideout-container .widget ul, #slideout-container .widget ol{margin-bottom:18px;}
#slideout-container ul.twitter_update_list{margin-bottom:6px;}
#slideout-container ul.twitter_update_list a{color:#555;}
#slideout-container ul.twitter_update_list span a{color:#808080;}
#slideout-container ul.twitter_update_list span a:hover{color:#fff;}
#slideout-container a:hover{color:#fff;}

#slideout-container select {
    width: 100%;
}

#slideout-container .widget_calendar {
    padding: 0 20px 0 20px!important;
}


/* __________________________________________________________________________________________________________
07. EXTRAS
   _______________________________________________________________________________________________________ */

/* -------------  1. jPlayer (Audio/Video) ------------- */

div.jp-jplayer{width:100%;height:0;padding-bottom:56.25%;position:relative;background:#000;} 
div.jp-video .jp-jplayer img, div.jp-video .jp-jplayer video,div.jp-video .jp-jplayer object {position:absolute;top:0;left:0; width: 100%; height: 100%;}
.audio-poster img,.jp-jplayer-audio img{width:100%;height:auto;vertical-align:bottom;}
div.jp-audio,div.jp-video {background:#000;position:relative;}

div.jp-video-full {width:100%;height:100%;position:static !important;position:relative;}
div.jp-video-full div.jp-jplayer {
	top: 0;	left: 0;position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
	overflow: hidden;z-index:1000;
	padding:0;
}
div.jp-video-full .jp-jplayer object  {position:absolute;top:0;left:0; width: 100%; height: 100%;}
div.jp-video-full div.jp-gui {
	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:1000;
}
div.jp-video-full div.jp-interface {
	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
	bottom: 0;
	left: 0;
	z-index:1000;
}

div.jp-video div.jp-video-play {position: absolute;top: 0;left: 0;width: 100%;height:100%;cursor: pointer;}
a.jp-video-play-icon {position: relative;display: block;text-indent: -9999px;width:100%;height:100%;overflow:hidden;}

div.jp-interface {
		background-color: rgba(255, 255, 255, 0.6);
		bottom: 0;
		height: 35px;
		position: absolute;
		width: 100%;
}
div.jp-interface a {cursor:pointer;}

.jp-controls , .jp-toggles{list-style: none;padding: 0;margin: 0;}
.jp-controls li,.jp-toggles li  {display: inline;}
.jp-controls a ,.jp-toggles a {display: block;overflow: hidden;text-indent: -9999px;position: absolute;}

a.jp-play,a.jp-pause {width: 25px;height: 25px;z-index: 1;outline: none;top: 5px;left: 8px;}
a.jp-play {background: url(images/jplayer.png) 0 0 no-repeat;}
a.jp-pause {background: url(images/jplayer.png) -25px 0 no-repeat;display: none;}

.jp-current-time, .jp-duration {	position: absolute;top: 0;font-size: 12px;width: 46px;padding-top: 8px;color: #fff;	font-weight: bold;}
.jp-current-time {left: 52px;}
.jp-duration {right: 95px;}

div.jp-progress{position:absolute;height:5px;left:99px;top: 14px;right:157px;background: #5E5E5E;}
div.jp-seek-bar {width: 0px;height: 100%;cursor: pointer;background: #5E5E5E;}
div.jp-play-bar {width: 0px;height: 100%;background:#fff;}
div.jp-seeking-bg {background: url(images/jplayer.seeking.gif);}

a.jp-mute, a.jp-unmute {width: 10px;height:15px;z-index:1;outline: none;background: url(images/jplayer.png) 0 -25px no-repeat;top:9px;right:76px;}
a.jp-unmute {display: none;}

div.jp-volume-bar {position: absolute;top: 10px;right: 41px;width: 30px;height: 13px;cursor: pointer;overflow: hidden;background: url(images/jplayer.png) 0 -53px no-repeat;}
.jp-volume-bar-value {width: 0px;height: 13px;background: url(images/jplayer.png) 0 -40px no-repeat;}

a.jp-full-screen, a.jp-restore-screen {width: 15px;height: 15px;z-index: 1;outline: none;right: 14px;top: 9px;}
a.jp-full-screen {background: url(images/jplayer.png) -10px -25px no-repeat;}
a.jp-restore-screen {background: url(images/jplayer.png) -25px -25px no-repeat;display: none;}

a.jp-repeat,a.jp-repeat-off {width: 15px;height: 15px;z-index: 1;outline: none;right: 14px;top:9px;}
a.jp-repeat {background: url(images/jplayer.png) -30px -40px no-repeat;}
a.jp-repeat-off {background: url(images/jplayer.png) -30px -55px no-repeat;display: none;}

div.jp-video.minimal div.jp-progress{left:40px;right:75px;}
div.jp-video.minimal div.jp-volume-bar{right:14px;}
div.jp-video.minimal a.jp-mute, div.jp-video.minimal a.jp-unmute{right:49px;}
div.jp-video.minimal a.jp-full-screen,  div.jp-video.minimal .jp-current-time,  div.jp-video.minimal .jp-duration {display:none !important;}

div.jp-audio.minimal div.jp-progress{left:40px;right:75px;}
div.jp-audio.minimal div.jp-volume-bar{right:14px;}
div.jp-audio.minimal a.jp-mute, div.jp-audio.minimal a.jp-unmute{right:49px;}
div.jp-audio.minimal a.jp-repeat, div.jp-audio.minimal .jp-current-time,  div.jp-audio.minimal .jp-duration {display:none !important;}

.jp-no-solution {position:absolute;width:390px;margin-left:-202px;left:50%;top: 10px;padding:5px;font-size:.8em;background-color:#f1f1f1;border:2px solid #009be3;color:#000;display:none;}
.jp-no-solution a {color:#000;}
.jp-no-solution span {font-size:1em;display:block;text-align:center;font-weight:bold;}   
      
   
/* ---------  2 . Fancybox --------- */
.fancybox-bg{display:none !important;}
#fancybox-loading div {background-image: url(images/fancy-loading.png) !important;}
#fancybox-close {top: -54px !important; right: -54px !important;width: 54px !important;	height: 54px !important;background: url(images/fancy-close.png) !important;}
#fancybox-left-ico, #fancybox-right-ico {width: 46px !important;	height: 50px !important;margin-top: -25px !important;}
#fancybox-left-ico {left: -46px !important; background: url(images/fancy-left.png) 0 0 !important;} 
#fancybox-right-ico {right: -46px !important;left: auto !important;background: url(images/fancy-right.png) 0 0 !important;} 
.fancybox-title-outside {text-align:center;color:#141414 !important;text-transform:uppercase;background:#fff;}
	

/*
 * 3. jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 


/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none ; -webkit-backface-visibility: hidden;position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;margin:0 auto;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* FlexSlider Custom Theme
*********************************/
.flexslider {position: relative;  zoom: 1;overflow:hidden;}
.flexslider .slides > li:first-child{display:block;}
.single .flexslider .slides > li:first-child img{opacity:0;}
.single .flexslider{
	background:#222 url(images/ajax-loader.gif) no-repeat center center;
	border-radius: 0px 0px 0px 5px;
}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.flex-container {zoom: 1; position: relative;}

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav a {width: 19px; height: 19px; display: block; background:url(images/slider-sprite.png) no-repeat -60px 0; position: absolute; top: 10px; right:10px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav .flex-prev {right: 34px;background-position:-40px 0;}
.flex-direction-nav .flex-prev:hover{background-position:-80px 0;}
.flex-direction-nav .flex-next:hover{background-position:-100px 0;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.single .flex-direction-nav a {
	width: 61px; 
	height: 64px; 
	margin: -32px 0 0; 
	display: block; 
	background:url(images/slider-sprite.png) no-repeat 0 -20px; 
	position: absolute; 
	top: 50%; 
	cursor: pointer; 
	text-indent: -9999px; 
	opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;
}
.single .flex-direction-nav .flex-next {background-position: -62px -20px; right: -61px;}
.single .flex-direction-nav .flex-prev {left: -61px;}
.single .flex-direction-nav .flex-prev:hover{background-position: 0 -20px;}
.single .flex-direction-nav .flex-next:hover{background-position:-62px -20px;}
.single .flexslider:hover .flex-next {opacity: 1; filter: alpha(opacity=100); right: 0;}
.single .flexslider:hover .flex-prev {opacity: 1; filter: alpha(opacity=100); left: 0;}
.single .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav { position: absolute; bottom:0px; right:20px;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-paging li a {
    text-align: center;
    color: #FFF;
    font-size: 14px;
    width: 17px;
    height: 20px;
    padding: 0px 2px 0px 0px;
    display: block;
    background: #2D2D2D;
    cursor: pointer;
    line-height: 20px;
    border-radius: 2px 2px 0 0;
    font-weight: bold;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;
}
.flex-control-paging li a:hover {
	background: #F5F5F5; 
	color:#000;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;
}
.flex-control-paging li a.flex-active {background: #F5F5F5; color:#000;cursor: default;}

.flex-caption { padding: 6px 10px; position: absolute; left: 0; bottom: 0; background: #000; color: #fff;text-align: left;  font-size: 12px; line-height: 18px;margin-bottom:0;}
.fullscreen{width:19px;height:19px;position:absolute;bottom:20px;right:20px;background:url(images/slider-sprite.png) no-repeat 0 0;text-indent:-9999px;display:block;}
.fullscreen:hover{background-position:-20px 0;}


/* --------- 4. Shortcodes --------- */

/*** 1. Dropcap, Highlight & Button ***/
.dropcap {display: block;float: left;font-size: 40px;line-height: 36px;margin: 0 6px 0 0;}
.highlight {background:#ffff7f;}
a.button {width:auto;font-size: 12px;padding:6px 10px;margin: 0 10px 10px 0;font-weight:bold;display: inline-block;color: #fff;text-decoration:none;} 
a.button.black {background:#141414;}
a.button.blue {background:#1e499e;}
a.button.darkblue {background:#0c1652;}
a.button.green {background:#7bc560;}
a.button.yellow {background:#ffc71a;color:#141414;}
a.button.red {background:#b40244;}
a.button.orange {background:#fe2b13;}
a.button.khaki {background:#958470;}
a.button:hover{text-decoration:none; opacity: 0.8;color:#fff;}
a.button.yellow:hover{color:#141414;}

/*** 2. Columns ***/
.one_half {width: 48%;}
.one_third {width: 30.66%;}
.two_third {width: 65.33%;}
.one_fourth {width: 22%;}
.three_fourth {width: 74%;}
.one_half,.one_third,.two_third,.one_fourth, .three_fourth{position:relative; margin-right:4%; float:left; margin-bottom: 20px;text-align:justify;}
.last{margin-right:0px !important;}

/*** 2. Toggle Content ***/
.toggle_container{margin-bottom:20px;}
h4.toggle{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:none;font-size:12px;line-height:28px;height:29px;padding:0 9px;margin:0;background: #e3e3e3;border:1px solid #d3d3d3;}
.toggle.active {background: #d3d3d3;}
.toggle a {text-decoration: none;display:block;background: url(images/toggle-closed.png) right no-repeat;color:#808080;}
.toggle a:hover{text-decoration: none;color:#141414;}
.toggle.active a {background: url(images/toggle-open.png) right no-repeat;color:#141414;}
.toggle_content .block{ padding: 10px;}

/*** 4. Accordion Content ***/
.accordion { margin-bottom:20px;}
.accordion .acc_title {padding:0 9px;background: #e3e3e3;border:1px solid #d3d3d3;margin-top:-1px;}
.accordion .acc_title h4 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:none;margin:0;cursor:pointer;font-size:12px;height:29px;line-height:28px;color:#808080;background:url(images/toggle-closed.png) right no-repeat;}
.accordion .current {background:#d3d3d3;}
.accordion .current h4 {cursor:default !important;background:url(images/toggle-open.png) right no-repeat;color:#141414;}
.accordion .acc_content {display:none;overflow:hidden;padding:10px;}

/*** 5. Tabs Content ***/
.tabs_container {margin-bottom:20px ;}
ul.tabs {overflow:hidden;list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #d3d3d3;margin-top:-1px;}
ul.tabs li {float:left;margin-right:1px;}
ul.tabs a {text-decoration:none;display: block;padding:0 9px;font-weight:bold;line-height: 28px;height:29px;font-size:12px;color:#808080;background: #e3e3e3;border: 1px solid #d3d3d3;border-bottom:none;}
ul.tabs li a.current {cursor: default;color:#141414;background:#d3d3d3;}
ul.tabs a:hover{text-decoration:none;color:#141414;}
.tabs_container .panes {margin:0;padding:10px;}
.tabs_container .panes > div {display:none;}


/* __________________________________________________________________________________________________________
08. MOBILE / TABLET
   _______________________________________________________________________________________________________ */

/*  #Mobile (Portrait & Landscape)
================================================== */

@media only screen and (max-width: 767px) {
	#content{width:100%;margin:0;}
	#sidebar{width:100%;margin:0;position:relative;padding:20px 40px 5px 40px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}		
	.mobile #sidebar{width:100%;border-right:none;border-bottom:1px solid #d5d5d5;}
	#primary-nav{width:100%;margin:0 0 35px 0;}
	#main-nav { display: none ;}
	#sidebar select.select-menu{display: block;}
	#logo,#socials-menu{text-align:center;}
	#logo{margin-bottom:20px;}
	#sidebar-footer{position:relative;width:100%;bottom:auto;margin-bottom:10px;}
	#socials-menu{width:100%;}
	#socials-menu li{float:none;display:inline-block;margin:0 7px 10px 0;}
	#copyright{display:none;}	
	#slideout-wrap{
		/*display: none !important; */
	}	
	#widgets-section,#portfolio-filter .widget-title, #portfolio-filter .sep {display:none;}
	#sidebar #portfolio-filter{margin-bottom:18px;}
	#filter li {float:left;margin-right:20px;}
	#filter li a {width:auto;}	
	.portfolio-description{width:100%;background:none;padding:32px 0 0 0;}
	.portfolio-meta{width:100%;padding-left:0;padding-top:35px;margin-top:18px;background:url(images/border-h.png) top left repeat-x;}
	.portfolio-meta .separator,.entry-meta-single .separator{display:none;}	
	.single-post .hentry{width:100%;background:none;padding:35px 0 0 0;}
	.entry-meta-single{width:100%;padding:35px 0 0 0;background:url(images/border-h.png) top left repeat-x;}
	.blog-navigation{margin-top:10px;}
	#comments{background:none;width:100%;margin-top:34px;padding-right:0;}
	#commentform p{width:60%;padding-right: 0px;}	
	.fullscreen{display:none;}		
	#contact-form{width:100%;background:none;padding:35px 0 0 0;}
	#contact-infos{width:100%;padding-left:0;margin-top:20px;background:url(images/border-h.png) top left repeat-x;}
	#map{height:200px; }
	#small-page{width:100%;position:relative;top:auto;right:auto;}
	#small-page .hentry {margin-bottom:0px;}
	#fullbg{display:none;background-image:none !important;}	
	.page-template-template-video-php{background:#fff;overflow:auto;}
	.page-template-template-bg-php{background:#f1f1f1;}		
	.password-protected{position:relative;margin:0;background:none;}
	.gallery-password-protected{position:relative;top:0;left:0;margin:40px auto;max-width:100%;}	
	.one_half,.one_third,.two_third,.one_fourth, .three_fourth{	width:100%;margin-right:0;}
}

/* Note: Design for a width of 320px */   
@media only screen and (max-width: 479px){
	#sidebar{padding:20px 20px 5px 20px;}
	h1{font-size:22px !important;line-height:26px !important;}
	.single-post .hentry .sep , .portfolio-description .sep ,#small-page .sep, #full-page .sep{width:6px;border-width:3px;margin-bottom:20px;}
	.portfolio-content {padding: 0 20px;}
	#load-more a{text-align:left;padding-left:15px;}	
	#single-blog{padding: 0 20px;}
	#commentform p{width:100%;}	
	#full-page{padding:32px 20px 20px 20px;}
	#small-page .hentry{padding:32px 20px 18px 20px;}
	#contact-content{padding : 0 20px;}
	div.jp-video div.jp-progress,div.jp-audio div.jp-progress{left:40px;right:75px;}
	div.jp-video div.jp-volume-bar,div.jp-audio div.jp-volume-bar{right:14px;}
	div.jp-video a.jp-mute, div.jp-video a.jp-unmute,div.jp-audio a.jp-mute, div.jp-audio a.jp-unmute{right:49px;}
	div.jp-video a.jp-full-screen, div.jp-video .jp-current-time, div.jp-video .jp-duration,
	div.jp-audio a.jp-repeat, div.jp-audio .jp-current-time, div.jp-audio .jp-duration {display:none !important;}
	.wpcf7-form input {width:100%;}	
	.gallery-password-protected{width:100%;margin:0;}	
	.single .format-quote blockquote{font-size:22px;line-height:26px ;}
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media screen and (min-width: 768px) and (max-width: 959px)  {	
	.single-post .hentry{width:100%;background:none;padding:35px 0 0 0;}
	.entry-meta-single{width:100%;padding:35px 0 0 0;background:url(images/border-h.png) top left repeat-x;}
	.portfolio-meta .separator,.entry-meta-single .separator{display:none;}	
	#comments{background:none;width:100%;margin-top:34px;padding-right:0;}		
	.portfolio-description{width:100%;background:none;padding:32px 0 0 0;}
	.portfolio-meta{width:100%;padding-left:0;padding-top:35px;margin-top:18px;background:url(images/border-h.png) top left repeat-x;}	
	#contact-form{width:100%;background:none;padding:35px 0 0 0;}
	#contact-infos{width:100%;padding-left:0;margin-top:20px;background:url(images/border-h.png) top left repeat-x;}
	#small-page{max-width:80%;}
}