@charset "UTF-8";
/* CSS Document */

div.portfolio_list_empty {font-size:16px; color:#999; text-align:center; font-weight:100; height:calc(100vh - 430px); line-height:calc(100vh - 430px);}

div#portfolio div.container {min-height:400px;}
div.portfolio_list_item_wrap {display:inline-block; width:calc(100% / 3 - 20px); margin:0 20px 24px 0; padding:10px; border:1px solid #ccc; cursor:pointer; background:#fff; box-shadow:0 0 1px #ccc;}
div.portfolio_list_item_wrap:nth-child(3n) {margin-right:0;}
div.portfolio_list_item_wrap:hover {}
div.portfolio_list_item_image {height:200px; background-size:100%;}
div.portfolio_list_item_info {padding:10px; text-align:center; font-weight:400; height:200px; margin:-200px 0 0 0; background:rgba(0,0,0,.8); color:#fff; display:flex; flex-direction:column; justify-content:center; opacity:0;}
div.portfolio_list_item_wrap:hover div.portfolio_list_item_info {opacity:1;}
div.portfolio_list_item_info_cliente {font-size:11px; text-transform:uppercase;}
div.portfolio_list_item_info_split {margin:20px auto; border-top:1px dotted #fff; width:100px;}
@media(max-width:767px){
	div.portfolio_list_item_wrap {display:block; width:100%;}
	div.portfolio_list_item_image {height:250px;}
	div.portfolio_list_item_info {height:250px; margin:-250px 0 0 0;}
}

div#portfolio_content {display:none;}
div#portfolio_content_voltar_wrap {display:inline-block; text-transform:uppercase; font-size:14px; font-weight:300; cursor:pointer;}
div#portfolio_content_voltar {background:#666; color:#fff;}
div#portfolio_content_voltar {padding:12px 20px;}
div#portfolio_content_voltar_icon {display:inline-block; vertical-align:middle; width:25px; height:20px; background:url(../../img/pages/portfolio/back.svg) right center no-repeat; background-size:15px; margin:0 15px 0 0;}
div#portfolio_content_voltar_text {display:inline-block; vertical-align:middle; letter-spacing:2px;}

div#portfolio_content_voltar:hover
div#portfolio_content_voltar_icon {background-position:left center;}

div#portfolio_content_split {border-top:1px solid #999; margin:30px 0;}

div#portfolio_content_image img {width:100%;}

div#portfolio_content_info_cliente_title,
div#portfolio_content_info_desc_title,
div#portfolio_content_info_link_title {font-size:12px; text-transform:uppercase; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #ccc;}
div#portfolio_content_info_cliente_content,
div#portfolio_content_info_desc_content,
div#portfolio_content_info_link_content {font-weight:400;}
@media(max-width:767px){
	div#portfolio_content_info {margin:0 0 30px 0;}
}

div#portfolio_content_info_link_content a:hover {border-bottom:1px dotted #000;}

div#portfolio_content_info_desc,
div#portfolio_content_info_link {margin:30px 0 0 0;}