/* ------ BOILERPLATE TEMPLATE ------ */
#Grid p{width:100%; margin:0; text-align:left; line-height: 1.5;}
.controls{displayinline-block; display:block;	width:100%; color:#000000; border-bottom:3px double #525151;}
.controls ul { float:left; text-align:left;}
.controls li{margin-left:0px; float:right; color:#525151; font:400 16px/16px 'Roboto Condensed'; padding:5px 15px; cursor:pointer; list-style:none; margin-bottom:-4px; background-image:none;}
.controls li:hover, .controls li.active {padding:5px 15px; border-bottom: 5px solid #E84C3D; color:#E84C3D; /*background: url(images/port_nav_hover.png) top center; height:22px;*/}
.portfolio-arrow {display:none;}
hr{	margin: 0 0 30px; height:0; border:0 none; border-top: 1px solid #eee;}
#Grid{ width: 100%; text-align: justify; font-size: 0.1px;}
#Grid:after{ content: ''; display: inline-block; width: 100%;}
#Grid .mix {display: none; opacity: 0; vertical-align: top;	margin: 0px 17px 28px 12px;	padding: 4px 0px 0px 0px; color: #000; overflow:hidden;	font-size: 12px; text-align: center; cursor: pointer;}
#Grid li{ display:block; opacity: 1;}
#Grid .mix .img-box {display:block; margin:0px; padding:0px; }
#Grid .mix .img-box img {display:block; width:100%; height:auto; }
.mix-hover-image, .mix-hover-video{	display: none; height: 160px;width: 295px;}
.mix-hover-image {background:url(images/magnifier.png) no-repeat center center; background-color: rgba(255, 255, 255, 0.5); opacity: 1; position:absolute; }
.mix-hover-video { background:url(images/play.png) no-repeat center center; background-color: rgba(255, 255, 255, 0.5); opacity: 1; position:absolute;}

#Grid .mix-details { cursor:text; display:block; padding:10px 0px; text-align:center;  color:#525151; font:400 26px/26px 'Roboto Condensed';  border-top: none; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; background:#f0f0f0;}
#Grid .mix:hover { 	background:#E84C3D; }
#Grid .mix:hover .mix-details { background:#E84C3D;  border-top: none; border-right: 1px solid #3b3b3b; border-left: 1px solid #3b3b3b; border-bottom:1px solid #3b3b3b; color:#FFFFFF;}

#Grid .img-box:hover .blur-box{ display:block !important; }
#Grid .gap{display: inline-block; width: 200px;}