/*PORTFOLIOS*/
.portfolio_box {
	float: left;
	width: 32.66%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	position: relative;	
	overflow: hidden;
}
/*portfolio for THREE style width*/
.portfolio_box:nth-of-type(3n+1){
	margin-left: 0%;
}
.portfolio_box:nth-of-type(3n){
	margin-right: 0%;
}

/*portfolio for TWO style width*/
/*.services_container .portfolio_box{
	width:49.5%;
}
.services_container .portfolio_box:nth-of-type(2n+1){
	margin-left: 0%;
	margin-right: 0.5%;
}
.services_container .portfolio_box:nth-of-type(2n){
	margin-right: 0%;
	margin-left: 0.5%;
}*/

/*portfolio for ONE style width*/
.awards_container .portfolio_box{
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
}
.awards_container .portfolio_box:hover .portfolio-image{
	opacity:1;
}

/*hovering over the portfolio*/
.portfolio_box:hover .portfolio-image,
.portfolio_box:active .portfolio-image,
.portfolio_box.no_hover .portfolio-image  {
	opacity:0.9;
}
.portfolio_box:hover .portfolio-outer .description,
.portfolio_box:active .portfolio-outer .description,
.portfolio_box.no_hover .portfolio-outer .description{
	bottom:0%;
	opacity: 1;
}

.portfolio_box .portfolio-image-container{
	/*border:1px solid #BEBEBE;*/
}

.portfolio-image{
	width:100%;
	height:0;
	background-size:cover;
	padding-bottom: 60%;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}
/*.services_container .portfolio-image{
	padding-bottom: 47%;
	
}*/
.portfolio-video{
	width:100%;
	height:100%;
	min-height: 172px;
	margin-bottom: -6px;
	background:#000;
}

.single-video .media_box .portfolio-image-container .portfolio-video{
	min-height:300px;
}

.portfolio-image-container, .portfolio_box .portfolio-image {
	overflow: hidden;
}
.portfolio_box .portfolio-outer{
	width: 100%;
	padding: 0px;
	font-size:0.9em;
	/*background: rgba(0, 0, 0, 0.50);*/
	color: #000;
}
.award_box .portfolio-outer{
	margin-top:1em;
	height: 155px;
}

/*content*/
.portfolio-outer .title {
	padding: 7px 0;
	margin:0;
}

.portfolio-outer .title a {
	color: inherit;	
}

/* single portfolios */
.image_slider{
	width:100%;
	overflow: visible;
	white-space:nowrap;
	
	max-width:1000px;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	
	/*position:relative;
	left:0px;*/
	
	-ms-transform: translate(0px,0);
	-webkit-transform: translate(0px,0);
	transform: translate(0px,0);
	
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
}

.page-id-13 .image_slider{
	max-width:380px;
	margin-bottom:0em;
}
.page-id-13 .entry-title{
	margin-bottom:1.5em;
	font-size:1.1em;
	font-weight:bold;
	
}
.page-id-13 .entry-content{
	overflow:hidden;
}

.image_slider .slide{
	display:inline-block;
	height:100%;
	width:100%;
	vertical-align: top;
	margin:0 auto;
	text-align:center;
	opacity:0.5;
	cursor:pointer;
	padding: 1%;
	position:relative;
	
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.image_slider .slide.unloaded{
	opacity:0 !important;
}
.image_slider .slide .slide_content{
	position:absolute;
	bottom: 3em;
	right: 0;
	/*width: 70%;*/
	white-space: normal;
	margin: 1%;
}
.slide_content .slide_overlay{
	margin:0 auto;
	padding:2em 3em;
	text-align: left;
	color:#fff;
	background-color:rgba(0,0,0,0.8);
}
.image_slider .slide.active_slide{
	opacity:1;
	cursor:default;
}

.image_slider .slide .slide_img{
	width: 100%;
	max-width: 1020px;
}

.overlay_slide{
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);*/
}

/* new crap changes that they'll probably hate */
.award_box .portfolio-image-container, .media_box .portfolio-image-container{
	width:20%;
	width:-webkit-calc( 275px + 1px );
	width:-moz-calc( 275px + 1px );
	width:calc( 275px + 1px );
	display:block;
	float:left;
}
.media_box .portfolio-image-container{
	
	width:-webkit-calc( 165px + 1px );
	width:-moz-calc( 165px + 1px );
	width:calc( 165px + 1px );
	min-height: 120px;
	
	-webkit-transition-property: height ease 0.6s;
	transition-property: height ease 0.6s;
	
	-webkit-transition-property: width ease 0.6s;
	transition-property: width ease 0.6s;
	
	-webkit-transition-property: margin ease 0.6s;
	transition-property: margin ease 0.6s;
}
.portfolio-image-container.playing{
	width:100%;
	margin-bottom:85px;
}
.award_box .portfolio-outer, .media_box .portfolio-outer{
	width:80%;
	width:-webkit-calc( 100% - 276px );
	width:-moz-calc( 100% - 276px );
	width:calc( 100% - 276px );
	height:auto;
	display:block;
	float:left;
	
	position:absolute;
	bottom:0;
	right:0;
}
.media_box .portfolio-outer{
	width:-webkit-calc( 100% - 166px );
	width:-moz-calc( 100% - 166px );
	width:calc( 100% - 166px );
}
.single-video .media_box .portfolio-image-container{
	width:100%;
}
body .awards_container .description, body .media_box .content{
	padding-left:20px;
	border-top:0;
	margin-top:0;
	padding-top:0;
	width:100%;
}
.media_box, .award_box{
	position:relative;
}

.awards_container .description p, .awards_container .description p, .media_box .content p{
	text-align:left !important;
	width:100% !important;
}
.awards_container .description .entry-title, .media_box .content .title{
	width:100% !important;
	padding-bottom:0;
	margin-bottom:18px;
	
	font-weight: bold;
	font-size: 1.2em;
}
.awards_container .description p, .media_box .content p{
	margin-bottom:18px;
}
.awards_container .description p:last-of-type, .media_box .description p:last-of-type, .media_box .content p:last-of-type{
	margin-bottom:0;
	margin-bottom: -0.3em;
}
.awards_container .description h2{
	margin-bottom:0;
	margin-bottom: -0.3em;
}
.portfolio_navigation{
	max-width:85%;
	margin:0 auto;
	position:relative;
	top:1.5em;
}
/*.portfolio_navigation{
	max-width:100%;
	margin:0 auto;
}*/

.portfolio_navigation .port_nav_link {
	padding: 0 0.5em;
	color: #444;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.8em;
	display: inline-block;
	cursor:pointer;
}
.portfolio_navigation .port_nav_link[rel="next"]{
	float:right;
	width:2em;
}
.portfolio_navigation .port_nav_link[rel="prev"]{
	float:left;
	width:2em;
}
.port_nav_link i:before{
	font-size:2em;
}

/* end new crap */
/* fix for IE */
.ie.entry-content {
	min-height:600px;
	position:relative;
}
.entry-content .ie.portfolio_navigation {
	margin-top: 56%;
}
.image_slider.ie {
	position:absolute;
}
/* end fix for IE */
@media screen and (max-height:700px){
	.image_slider{
		max-width:860px;
	}
}
@media screen and (max-height:600px){
	.image_slider{
		max-width:740px;
	}
}
@media screen and (max-height:500px){
	.image_slider{
		max-width:620px;
	}
}
@media screen and (max-width:870px){
	.image_slider{
		padding-left: 10px;
		padding-right: 10px;
		padding-left: 8mm;
		padding-right: 8mm;
	}
}

@media screen and (max-width:766px){
	/* new crap changes that they'll probably hate */
	.award_box .portfolio-image-container, .media_box .portfolio-image-container{
		width:100%;
	}
	.award_box .portfolio-outer, .media_box .portfolio-outer{
		width:100%;
		position:static;
	}
	
	.portfolio_box {
		width: 100%;
		margin: 0 0 0 0;
		
	}
	.portfolio_box {
		display:block;
		width:100% !important;
	}
	
	.portfolio_box .portfolio-outer,
	.portfolio_box:hover .portfolio-outer,
    .portfolio_box:active .portfolio-outer,
    .portfolio_box.no_hover .portfolio-outer {
		position: static;
		border: 0px;
	}
	.portfolio_box .portfolio-outer .tags {
		border-bottom: solid 1px #ccc;
		padding-bottom: 10px;
	}
	.portfolio_box .portfolio-outer .tags .tag {
	
		
	}
	.portfolio_box .portfolio-outer .tags .tag a{
		color: #B8B8B8;
		
		padding: 0px;
	}
	.portfolio_box .portfolio-outer .title{
		margin-bottom: 0px;
		width:100%;
	}
	.portfolio_box .portfolio-outer .description{
		bottom: auto;
		top: 0%;
		opacity: 1;
		position: relative;
		padding: 0px;
		padding: 15px;
		max-height:none;
	}
	.portfolio_box .description{
		width:100% !important;
	}
	.slide_content .slide_overlay{
		padding:5px
		padding:2mm
	}
}