/*
Theme Name: Portfolium
Author URI: http://www.wpshower.com
Description: Portfolium is a clean and flexible Wordpress grid-based portfolio theme designed in a modern & minimalist style. Portfolium is ideal for designers, artists, photographers, and other creative specialists who require a professional portfolio theme. Portfolium theme is coded in valid CSS and HTML and compatible with all browsers. It supports all Wordpress 3.0 features and gives you extra flexibility.
Author: WPSHOWER
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Tags: grids, portfolio, modern, stylish, minimalistic
Copyright: (c) 2010 WPSHOWER
*/

/*** 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:top;background:transparent;}
body{line-height:1;text-align:left;}
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;}

/*** clipping ***/
.magnifyarea{ box-shadow: 5px 5px 7px #818181; -webkit-box-shadow: 5px 5px 7px #818181; -moz-box-shadow: 5px 5px 7px #818181; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true); background: white;
}

/*** Main ***/

html, body {height: 100%;}
/*** cor original #333 ***/
body {font: 62.5% Helvetica, Arial, sans-serif; background: #333;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.signature {margin-top: 3px;}
.signature img{margin-top: -2px;}
.logo-dex {margin-top: -3px;}
.left {float: left; margin-top: 3px;}
.right {float: right; width: 337px;}
.social-media {float: left; margin-right: 10px; }
.social-media img {margin-right: 5px; }
.wrapper {width: 90%; max-width: 975px; position: relative; margin:0 auto;  margin-top:50px;}

/*** Header ***/

.header {}
.home .header{position:fixed; top:0; left:0; width:100%;  z-index:995; background:rgba(51,51,51,0.8); }
.header  .wrapper{border-bottom:solid 1px #505050; overflow:hidden;}
.home .header .wrapper{border:none;}

@media (max-width: 980px) {
	.header{position:fixed; top:0; left:0; width:100%;  z-index:995; padding:20px 0; background:#333 !important; }
	.header  .wrapper{border-bottom:none;}

}

.header  .wrapper{margin-top:0;}
.logo {font-size: 19px; margin-top:10px; line-height: 0.95; width: 185px; height: 65px; padding:0;  float: left; position: relative;}
.logo a {width: 100%; color: #ccc; text-decoration: none;}
.logo a:hover {color: #9d5778;}
.logo a img {width: 100%;}

/*** Navigation ***/

.nav {vertical-align: baseline; float: left; margin-left: 15px; position: relative; z-index: 100;}
.nav li {float: left; margin-left: 24px;  text-align:right;}
.nav li.current a {color: #f2f2f2;}
.nav a {color: #ccc; font-size: 17px; text-decoration: none; height:90px; line-height:90px; display: block; }
.nav a:hover, .nav li.current a:hover, .jsddm_hover a, .sub-menu li a:hover {color: #9d5778;}
li.parent a {background: url("i/folder.gif") 138px 27px no-repeat;}
li.parent a:hover, li.jsddm_hover a {background: url("i/folder_active.gif") 100% 27px no-repeat;}
ul.sub-menu {position: absolute; visibility: hidden; z-index: 100; width: 145px; background: #333; margin-top: 15px; padding: 10px 0;}
ul.sub-menu li {margin-left: 0; height: auto; padding: 0 !important; border: none; float: none; background: none; width: 125px;}
ul.sub-menu li a {background: none !important; font-size: 12px; padding: 0; color: #ccc; width: 125px;}
#menu-header {float: right;}


@media (max-width: 1070px) {
	#menu-header {
		margin-left: 0;
		float: right;
	}
}


@media (max-width: 980px) {
	.toggle-menu {
		display: block !important;
	}

	#menu-header {
		position: fixed;
		top: 0;
		right: 0;
		width: 200px;
		background: #222;
		height: 100%;
		padding: 20px;
		transition: all 200ms ease;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		transform: translateX(100%);
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
	}

	#menu-header.open {
		transform: translateX(0%);
		-moz-transform: translateX(0%);
		-webkit-transform: translateX(0%);
	}

	#menu-header li {
		color: #333;
		display: block;
		float: none;
		text-align: left;
		margin: 0;
	}
}

/*** Content ***/

.middle {padding: 0 15px 20px 0;}
.container {padding-bottom: 80px;}
.content {float: right;}
.content img {float:right;} 

#show {margin-bottom: 10px; overflow:hidden; max-height: 354px; position: relative !important; width:auto;}
#show img {max-height:400px; width:auto !important; height:auto !important; cursor: pointer; position: absolute !important; right: 0 !important;
    left: auto !important;}
#show_nav {float:right;}
#show_nav a {font-size: 11px; color: #b8b8b8; text-decoration: none; margin-right: 10px;}
#show_nav a:hover, #show_nav .activeSlide {color: #9d5778;}

.slide-home{
	width:100%;
	height:100%;
}
.slide-home-item{
	position:relative;
	float:left;
	width:50%;
	height:100%; 
	overflow:hidden;
} 

.slide-home-slide{
	height:100%;
	width:100%;
	z-index:0;
}
.slide-home-item .image{
	display:block;
	height:100%;
	width:100%;
	background-size: cover!important;
	background-position:center center !important;
 }
 .slide-home-item .label{
	position:absolute; 
	color:#fff; 
	font-size:15px;
	display:block;
	background:rgba(51,51,51,0.8);
	right:0;
	margin-top:40px;
	top:50%;
	width:80px;
	height:40px;
	line-height:40px;
	text-align:center;
	z-index:99;
 }
 .slide-home-item:nth-child(2):before{
	 display:block;
	 content:"";
	 position:absolute;
	 left:0;
	 width:5px;
	 height:100%;
	 background:#333;
	 z-index:99;
	 
 }
.slide-home-item:nth-child(2) .label{
	left:0;
	right:auto;
	top:50%;
	margin-top:0px;
}

@media (max-width: 980px) {
	.slide-home{
		margin-top:105px;
		max-height:calc(100% - 105px);
	}
	.slide-home-item{
		width:100%;
		float:none;
		height:50%; 
	}
	
	.slide-home-item:nth-child(2):before{display:none;}
	
	.slide-home-item .label{right:50%; left:auto; top:auto; bottom:0;}
	.slide-home-item:nth-child(2) .label{right:50%; margin-right:-80px; left:auto; top:0; }
}

.title-diferencial{
	font-family:helvetica,arial;
	margin:90px 0; 
	text-align:center;
	color:#aaa; 
	font-size:23px;
	font-weight:300;
}
@media (max-width: 980px) {
	.title-diferencial{
		margin:0;
		margin-bottom:50px;
		font-size:20px;
	}
	
}

.post_home_wrapper{width:50%; float:left;}
.post_home { width: 24.5%; display: inline-block; margin: 0 0.25%; /*margin-bottom: -2px;*/}
.post_home_wrapper .post_home{width: 49%;margin: 0 0.5%;}

.post_home .image {position: relative;}
.post_home .text {position: absolute; top: 87%; height:13%;background-color: black; width:100%; opacity: 0.6}
.post_home .text:hover{background-color: #828282; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;}

.post_home img { width: 100%; height: auto; display: block;}
.thumb {display: block; width: 100%; height: auto; margin-bottom: 5px; position: relative; color: #333;}
.thumb img {display: block; position: relative;}
.thumb span {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #828282;}
.post_home h2, .post_home h3 {margin-top: 10px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; font-size: 15px; font-weight: bold;}
.post_home h2 a, .post_home h3 a {color: white; text-decoration: none; font-size: 11px;}
/*.post_home h2 a:hover, .post_home h3 a:hover {color: #9d5778;}*/
div.wpcf7-validation-errors {
	border: 1px solid #f2f2f2 !important;
    color: #FFF;
    font-size: 11px;
}
span.wpcf7-not-valid-tip {
    color: #9d5778 !important;
    font-size: 1em !important;
    display: block !important;
}

@media (max-width: 960px) {
	.post_home {}
	.post_home_wrapper{width:100%; float:none;}

}

@media (max-width: 870px) {
	.post_home .text {
		top:75%;
	    height: 25%;
	}
}

@media (max-width: 700px) {
	.post_home .text {
		top:70%;
	    height: 30%;
	}
}

@media (max-width: 660px) {
	.post_home .text {
		top:60%;
	    height: 40%;
	}
}

@media (max-width: 510px) {
	.post_home .text {
		top:40%;
	    height: 60%;
	}
}

@media (max-width: 768px) {
	.post_home,.post_home_wrapper .post_home {
		width: 24.64%;
		margin: 0 0.24% !important; 
		/*margin-bottom: 30px !important;*/
	}
	

	.post_home:nth-child(4n+1) { margin-left: 0 !important; }
	.post_home:nth-child(4n+4) { margin-right: 0 !important; }
}

@media (max-width: 480px) {
	.post_home,.post_home_wrapper .post_home {
		width: 48%;
		margin: 0 1.24% !important; 
		margin-bottom: 30px !important;
	}

	.post_home:nth-child(2n+1) { margin-left: 0 !important; }
	.post_home:nth-child(2n+2) { margin-right: 0 !important; }
}

@media (max-width: 415px) {
	.post_home,.post_home_wrapper .post_home {
		width: 100%;
		margin: 0 !important; 
		margin-bottom: 2px !important;
	}
}

@media (max-width: 415px) {
	.post_home .text {
		top:90%;
	    height: 10%;
	}
}

/* ========================================================================= */

.recent h3 {font-size: 16px; font-weight: bold; color: #ccc; margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 1px solid #4d4d4d;}

.grid {
	font-size: 0;
	width: 100%;
	display: block;
	position: relative;
}

.page_meta {height: 100px;}
.page_meta a {color: #ccc; text-decoration: none;}
.page_meta a:hover {color: #9d5778;}
.rss, .tags, .search {width: 145px; height: 100px; float: left; margin-left: 15px; font-size: 11px; font-weight: bold; line-height: 85px; color: #ccc; border-bottom: 1px solid #4d4d4d;}
.heading {width: 465px; height: 100px; float: left; margin-left: 15px; font-size: 31px; font-weight: bold; line-height: 85px; color: #ccc; border-bottom: 1px solid #4d4d4d;}
.tags {position: relative;}
.tags a {background: url("i/tags.gif") 100% 50% no-repeat; padding-right: 10px;}
.tags a:hover {background: url("i/tags.gif") 100% 50% no-repeat;}
.taglist {margin-top: 16px; background: #333; position: absolute; left: -15px; width: 145px; padding: 15px 0 15px 15px; visibility: hidden;}
.taglist li {line-height: 1.5;}
.taglist li a {color: #ccc !important; background: none !important; font-weight: normal; display: block;}
.taglist li a:hover {color: #9d5778 !important;}
.tags .jsddm_hover a {color: #9d5778; background: url("i/tags.gif") 100% 50% no-repeat; padding-right: 10px;}

.search input {background: none; border: none; color: #ccc; font: bold 11px Helvetica, Arial, sans-serif; width: 145px;}

.post_list, .post_single {padding: 10px 0 5px; border-bottom: 1px dotted #4d4d4d; background: url("i/post_list.gif") 0 100% no-repeat;}
.post_single {background: none;}
.post_list a, .post_single a {color: #9d5778; text-decoration: none;}
.post_list a:hover, .post_single a:hover {text-decoration: underline;}
.post_list h2, .post_single h2, .page h2 {font-size: 17px; color: #f2f2f2; font-weight: normal; margin-bottom: 15px; padding-left: 16px;}
.page {padding-top: 15px;}

@media (max-width: 980px) {
	.logo{margin-top:0;}
	.wrapper {overflow:auto;}
	.grid {padding-top: 90px;}
	.home .grid{padding-top: 0px;}
}
.page h2 {padding-left: 0;}
.post_list h2 a, .post_single h2 a, .page h2 a {color: #f2f2f2; text-decoration: none;}
.post_list h2 a:hover, .post_single h2 a:hover, .page h2 a:hover {color: #9d5778; text-decoration: none;}
.post_list_meta, .post_single_meta {width: 145px; margin-left: 15px; float: left;}
.post_list_meta p, .post_single_meta p, .post_share {color: #ccc; font-size: 11px; margin-bottom: 11px; line-height: 1.7;}
.post_date {margin-bottom: 0 !important;}
.post_share {line-height: normal;}
.sharelist {display: none; margin-top: 11px;}
.sharelist li {margin-bottom: 3px;}

@media (max-width: 768px) {
	.post_list h2, .post_single h2, .page h2,
	.post_list p, .post_single p, .page p {
		padding: 0 !important;
	}

	.post_list_meta, .post_single_meta {
		width: 100%;
		display: block;
		float: none;
		margin: 0;
	}
}

.post_content img.wp-image-1485 {width: 420px;}

.post_content {width: 100%;  }
.post_content img {}
.post_content img.img-responsive {width:100% !important;}
.post_content .sobre {width: 100%;}
.more {margin-bottom: 0; font-weight: bold;}

.imagem_sobre {float: right; margin-top: 20px;}
.imagem_sobre img {width: 8% !important; float: left; border: 0;}
.imagem_sobre span {color: #c0c0c0; margin-left: 6px;}
.imagem_sobre p {margin-bottom: -3px !important;}

@media (max-width: 960px) {
	.imagem_sobre img {width: 3% !important;}
	.imagem_sobre p {margin-bottom: 3px;}
}

@media (max-width: 600px) {
	.imagem_sobre img {width: 5% !important;}
	.imagem_sobre p {margin-bottom: 7px;}
}

.post_imagem {display: inline-block; width: 20%; margin-bottom: 20px;}
.post_imagem img {width: 97%;  margin: 5px; margin-top: 20px; -webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%); 
            -o-filter: grayscale(100%);}
.post_imagem img:hover {filter: grayscale(0); -webkit-filter: grayscale(0); -ms-filter: grayscale(100%); 
            -o-filter: grayscale(100%); transition: all 200ms ease; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease;}
.post_imagem p {display: block; font-size: 12px; color: #ccc; margin-left: 10px;}
.post_imagem h2 {display: block; font-size: 11px; font-weight: normal; color: #ccc; margin-top: 4px; margin-left: 8px; margin-right: 8px; margin-bottom: 10px;} 

.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {color: #F2F2F2; margin: 15px 0; font-weight: normal;}
.post_content h1, .post_content h2 {font-size: 26px;}
.post_content h3 {font-size: 24px;}
.post_content h4 {font-size: 22px;}
.post_content h5 {font-size: 20px;}
.post_content h6 {font-size: 18px;}

.post_content p {color: #f2f2f2; font-size: 12px; line-height: 1.5; margin-bottom: 12px;}
.post_content a {color: #9d5778; display: inline-block;}
.post_content a:hover {text-decoration: none;}
.post_content ul, .post_content ol {margin-bottom: 12px; padding-left: 40px;}
.post_content li {color: #f2f2f2; font-size: 12px; line-height: 1.5;}
.post_content ul li {list-style: circle;}
.post_content ol li {list-style: decimal;}
.post_content blockquote {color: #ccc; font: italic 16px Georgia, Geneva, "Times New Roman", times; padding-left: 70px; margin: 15px 0;}
.post_content blockquote p {color: #ccc; font: italic 16px Georgia, Geneva, "Times New Roman", times;}

@media (max-width: 960px) {
}

@media (max-width: 768px) {
	.post_content {
		width: 100%;
	}

	.post_imagem {
		width: 33.3%;
	}
}

@media (max-width: 551px) {
	#gallery-1 {
		text-align: center;
	}	

	#gallery-1 .gallery-item {
		width: 80% !important;
	}

	.post_content a {
		margin: -3px;
	}
}

@media (max-width: 480px) {
	.post_imagem {
		width: 50%;
	}
}

@media (max-width: 320px) {
}

.toggle-menu {
	width: 50px;
	height: 50px;
	display: block;
	position: fixed;
	top: 30px;
	right: 10px;
	background: url('toggle-menu.png') top left no-repeat;
	cursor: pointer;
	z-index: 999;
	transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	display: none;
}

.toggle-menu.open {
	right: 250px;
}

p a[rel="attachment wp-att-1485"] {
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

p a[rel="attachment wp-att-1485"] img {
	max-width: 350px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



/*** Images ***/

.post_content img { margin: 0; height: auto; max-width: 100%;}
.post_content .attachment img {  max-width: 100%;}
.post_content .alignleft, .post_content img.alignleft { display: inline; float: left; margin-right: 15px; margin-top: 4px; }
.post_content .alignright, .post_content img.alignright { display: inline; float: right; margin-left: 15px; margin-top: 4px; }
.post_content .aligncenter, .post_content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.post_content img.alignleft, .post_content img.alignright, .post_content img.aligncenter { margin-bottom: 12px; }
.post_content .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; }
.post_content .wp-caption img { margin: 5px 5px 0; }
.post_content .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; }
.post_content .wp-smiley { margin: 0; }
.post_content .gallery { width: 100% !important; margin: 0 auto 18px; clear: both; margin-bottom: 10px !important; }
.post_content .gallery .gallery-item { float: none !important; display: inline-block; margin-top: 0; text-align: center; width: 25% !important; margin: 0 10px; }
.post_content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 15px; }
.post_content .gallery dl { margin: 0; }
.post_content .gallery br+br { display: none; }
.post_content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto;}
.post_content .gallery-item img.attachment-thumbnail {width: 200px;}
.attachment-medium {width: 100%;}
#gallery-1 .gallery-item {width: 30% !important;}

@media (max-width: 556px) {
	.post_content.revista .gallery dl, #gallery-1 .gallery-item {
		width: 100% !important;
	}
}
/*** Pagination ***/

.pagination {padding: 15px 0 15px 15px;height: 30px; position: relative;}
.pagination_ctrl {height: 30px; width: 145px; float: left; background: url("i/pagination_ctrl.gif") 50% 50% no-repeat; position: relative;}
.nextpostslink, .previouspostslink {display: block; width: 63px; height: 30px; position: absolute; color: #f2f2f2; font-size: 12px;     line-height: 30px;text-decoration: none; }
.next-posts-link, .prev-posts-link {position: relative; z-index: 3;}
.nextpostslink {background: url("i/pagination_arr.gif") 100% 10px no-repeat; right: 7px;}
.previouspostslink {background: url("i/pagination_arr.gif") 0 10px no-repeat; left: 7px; padding-left: 13px; }
.nextpostslink:hover {background-position: 100% -39px; text-decoration: underline; }
.previouspostslink:hover {background-position: 0 -39px;text-decoration: underline; }
.prev-next-posts {text-align: right;}
.pagination_pages {height: 30px; line-height: 30px; float: right; margin-left: 15px;}
.pagination_pages a, .pagination_pages span {margin: 0 6px; padding: 5px; color: #9d5778; text-decoration: none; font-size: 11px;}
.pagination_pages a:hover {text-decoration: underline;}
.pagination_pages .current {color: #ccc;}
.pagination_numbers {color: white; font-size: 12px; margin-top: 4px; margin-right: 13px;}
.pagination_numbers a{text-decoration: none; color: white; font-size: 12px; margin: 5px; 
	border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
    margin: 1px 2px;
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: smaller;
    background-color: #4e5458;;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e5458', EndColorStr='#eaeaea'); }
.selected_page {
	border-color: #61788a;
    background-color: #4d6374;
    background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(black));
    background-image: -webkit-linear-gradient(top, black, black);
    background-image: -moz-linear-gradient(top, black, black);
    background-image: -ms-linear-gradient(top, black, black);
    background-image: -o-linear-gradient(top, black, black);
    background-image: linear-gradient(top, black, black);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='black', EndColorStr='black');}

@media(max-width: 400px) {
	.pagination_numbers {
		margin-top: 35px;
	}
}

/*** Comments ***/

.comments_heading {padding-bottom: 10px;}
.add_comment {width: 145px; height: 25px; float: left; margin-left: 15px; font-size: 11px; border-bottom: 1px solid #4d4d4d;}
.add_comment a {color: #9d5778; text-decoration: none;}
.add_comment a:hover {text-decoration: underline;}
.comment_qty {width: 785px; height: 25px; margin-left: 15px; float: left; border-bottom: 1px solid #4d4d4d; color: #ccc; font-size: 12px;}
.nopassword {color: #ccc; font-size: 12px; padding-left: 15px;}

.comment_item {padding: 15px 0; background: url("i/post_list.gif") 0 100% no-repeat;}
.comment_meta {float: left; width: 145px; margin-left: 15px; color: #ccc; font-size: 11px; line-height: 1.7;}
.comment_meta a {color: #9d5778; text-decoration: none; font-style: normal;}
.comment_meta a:hover {text-decoration: underline;}
.comment_text {width: 785px; margin-left: 15px; float: left; color: #ccc; font-size: 12px; line-height: 1.5;}

#respond {margin-top: 30px;}
.respond_meta {float: left; width: 145px; margin-left: 15px; color: #ccc; font-size: 12px; font-weight: bold;}
.comment_form {padding-bottom: 60px; width: 785px; float: left; margin-left: 15px;}
.comment_fields {margin-bottom: 25px;}
#author, #email, #url {width: 225px; float: left; margin: 0 15px 0 0; padding: 0; color: #ccc; font-size: 12px; border: none; border-bottom: 1px solid #4d4d4d; background: none; padding-bottom: 8px; overflow: hidden;}
#url {width: 305px; margin: 0;}
.comment_form textarea {width: 785px; height: 125px; overflow: auto; border: none; border-bottom: 1px solid #4d4d4d; background: none; color: #ccc; font: 12px Helvetica, Arial, sans-serif; margin-bottom: 15px;}
.comment_submit {text-align: right;}
#submit {width: 170px; height: 40px; padding: 0 15px; background: #4d4d4d url("i/comment_submit.gif") 146px 17px no-repeat; border: none; text-align: left; color: #f2f2f2; font: 12px Helvetica, Arial, sans-serif; cursor: pointer;}
#submit:hover {background: #9d5778 url("i/comment_submit.gif") 146px -26px no-repeat; color: #4d4d4d;}
.comment_message {color: #f2f2f2; font-size: 12px; margin-bottom: 12px;}
.comment_message a {color: #9d5778; text-decoration: none;}
.comment_message a:hover {text-decoration: underline;}

/*** Left column ***/

.portfolio-infos {
	width: 20%;
	display: inline-block;
}

.portfolio-infos .post_portfolio h2 {color: #b8b8b8; font-size: 14px; font-weight: bold;}
.post_divider {font-size: 11px; color: #b8b8b8;}
.portfolio-infos .post_portfolio p {color: #b8b8b8; line-height: 1.3; margin-bottom: 15px; font-size: 11px;}
.portfolio-infos .post_portfolio a {color: #9d5778; text-decoration: none;}
.portfolio-infos .post_portfolio a:hover {text-decoration: underline;}

.image-slider {
	width: 80%;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.slides-list {
	height: 350px;
	position: relative;
	width: 100%;
	display: inline-block;
	text-align: right;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left: 5%;
}

.slide {
	width:100%;
	max-width: 100%;
	text-align: right;
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	display: inline-block;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	transition: all 400ms ease;
	z-index:-1;
}
.slide:after{
	position: absolute;
	width:100%;
	height: 100%;
	background: url('i/animation.png?v2') no-repeat center; 
	content:"";
	top:0;
	right:0;
}

.slide a {	
	max-width: 100%;
	text-align: right;
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	display:inline-block;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	transition: all 400ms ease;
	position: relative;
	overflow: hidden;
}

.slide a:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .8) url('zoom.png') center center no-repeat;
	-webkit-background-size: 50px auto;
	background-size: 50px auto;
	transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	opacity: 0;
	visibility: hidden;
}

.slide a:hover:after {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	opacity: 1;
	visibility: visible;
}

.slide.current {
	opacity: 1;
	visibility: visible;
	position: relative;
	transform: translateX(0%);
}

.slide.next {
	opacity: 0;
	visibility: hidden;
	transform: translateX(10%);
}

.slide.prev {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-10%);
}

.slide img {
	width: auto;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
	display: none;
	background: #3d3d3d;
	padding: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	user-drag: none;
	-webkit-touch-callout: none;
}
.slide.done{
	z-index:auto;
}
.slide.done:after{
	display:none;
}
.slide.done img{
	display:block;
}
.prev-btn, 
.next-btn {
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: top;
	background-image: url('next-btn.png');
	background-color: #4D4D4D;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	transition: all 200ms ease;
}

.prev-btn:hover, 
.next-btn:hover {
	background-color: #3d3d3d;
}

.prev-btn {
	background-image: url('prev-btn.png');
}

.slide-counter {
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
	line-height: 30px;
	background-color: #4D4D4D;
	color: #ABB8AB;
}

@media (max-width: 768px) {
	.portfolio-infos {
		width: 100%;
		display: block;
	}

	.image-slider {
		width: 100%;
		display: block;
		text-align: center;
	}

	.slides-list {
		padding: 0;
		text-align: center;
	}

	.img-caption {
		top: 112% !important;
		right: 0 !important;
		width: 100% !important;
		display: block !important;
		text-align: center !important;
	}
}



.modal {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(51, 51, 51, .9);
	top: 0;
	left: 0;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	transition: all 200ms ease;
}

.modal.show {
	opacity: 1;
	visibility: visible;
}

.modal .inner {
	margin: auto;
	top: 50%;
	left: 50%;
	max-width: 80vw;
	max-height: 80vh;
	transform: translate3d(-50%, -50%, 0);
	display: block;
	position: absolute;
	text-align: right;
}

.modal .inner img {
	/*max-width: 100%;*/
	height: 50vh;
	object-fit: cover;
	display: block;
	background: #3d3d3d;
	padding: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.modal .close {
	font-size: 12px;
	line-height: 14px;
	color: #C7B19A;
	display: inline-block;
	text-transform: uppercase;
	cursor: pointer;
	padding: 5px;
	background: transparent;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	transition: all 200ms ease;
	position: fixed;
	top: -25px;
	right: 0;
}

.modal .close:hover {
	background: #222;
}

.modal .close .icon {
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	background: url('close-icon.png') center center no-repeat;
}

/*** Footer ***/
.footer {width: 90%; max-width: 975px; position: relative; margin:0 auto;}
.footer_inn {margin: 20px 15px; border-top: 1px solid #4d4d4d; height: 36px; padding-top: 10px;}
.footer_inn p {font-size: 11px; color: #ccc;}
.footer_inn a {color: #fff; text-decoration: none;}
.footer_inn a:hover {color: #9d5778;}
.wpshower_logo {background: url("i/wpshower_logo.png") 0 2px no-repeat; padding: 0 0 0 9px;}
element.style {widht:auto !important; }
.logodex {float:right; margin-top:20px; }
.logo-dex {margin-left: 20px;}

@media (max-width: 960px) {
	.post_content {
		width: 100%;
	}
	
	.post_content div,
	.post_content textarea {
		width: 100% !important;
		margin-bottom: 30px;
		display: block;
	}
}

@media (max-width: 768px) {
	.footer {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.footer_inn .left,
	.footer_inn .right {
		width: 100%;
		display: block;
		float: none;
	}

	.footer_inn p {
		display: block;
		width: 100%;
		text-align: center;
		float: none;
	}

	.footer_inn p.social-media {
		margin: 20px 0;
	}

	.footer_inn .logo-dex {
		display: block;
		margin: 20px auto;
	}
}

@media (max-width: 480px) {
}

@media (max-width: 320px) {
	.modal .inner img {
		height: 40vh;
		width: 80vw;
	}
}

.fs0 {
	font-size: 0;
}

.post_single:last-child {
    border-bottom: none;
}

.wpcf7-form {
	width: 100%;
	display: block
}

.wpcf7-form, .wpcf7-form > * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.wpcf7-form p {
	width: 100%;
	display: block;
}

.wpcf7-form input {
	width: 100%;
}

span.img-caption {
	width: 590px;
    display: block;
    color: #b8b8b8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: right;
    font-size: 12px;
    position: absolute;
    top: 100%;
    right: 140px;
    line-height: 30px;
}

.tags-portfolio {
	margin-top: 115px;
}

.tags-portfolio p a {
	font-size: 11px;
	color: #ABB8AB !important;
	background-color: #4D4D4D;
	padding: 7px 12px;
	display: inline-block;
    margin-bottom: 3px;
}

.tag-list {
	width: 100%;
    height: 80px;
    float: left;
    margin-left: 15px;
    font-size: 31px;
    font-weight: bold;
    line-height: 85px;
    color: #ccc;
    border-bottom: 1px solid #4d4d4d;
    margin-bottom: 20px;
}