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

@import "http://fonts.googleapis.com/css?family=Roboto:300,400,500,700";
.img-container {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 5.0000%;
	padding-right: 0.0000%;
	display: block;
	text-align:center;
	position: absolute;
	margin: 0px auto;
}
.img-position { clear: both; margin-left: auto; position: relative; margin-top: 0px; margin-right: auto; width: 100%;}
.panel { width:100%; position: relative; overflow: hidden; display: block; border-radius: 0 !important;  }

.panel .img-panel-body { position: relative; padding: 0 !important; overflow: hidden; width: auto; height: auto; text-align: center; }


.panel-default { border-color: #ebedef !important; }
.panel .img-panel-body a { overflow: hidden; }
.panel .img-panel-body a img { display: block; margin: 0; width: 100%; height: auto; 
    transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
}
.img-panel-body {
	border: 0px solid #000;
	}
.img-panel-body img{
	border: 5px solid #600;
	}
.panel .img-panel-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
.panel .img-panel-body a.zoom span.overlay {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0;
	transition: opacity .25s ease-out;
	-moz-transition: opacity .25s ease-out;
	-webkit-transition: opacity .25s ease-out;
	-o-transition: opacity .25s ease-out;
}     
.panel .img-panel-body a.zoom:hover span.overlay { display: block; visibility: visible; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; }  
.panel .img-panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.panel .panel-footer { left:3px; padding: 0px !important; background-color: # !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; }	
.panel .panel-footer h4 { display: inline; font: 400 normal 0.720em "Roboto",Arial,Verdana,sans-serif; color: #34495e margin: 0 !important; padding: 0 !important; }
.panel .panel-footer i.glyphicon { display: inline; font-size: 0.760em; cursor: pointer; }
.panel .panel-footer i.glyphicon-thumbs-up { color: #1abc9c; }
.panel .panel-footer i.glyphicon-thumbs-down { color: #e74c3c; padding-left: 5px; }
.panel .panel-footer div { width: 15px; display: inline; font: 300 normal 0.125em "Roboto",Arial,Verdana,sans-serif; color: #34495e; text-align: center; background-color: transparent !important; border: none !important; }	

.modal-title { font: 400 normal 1.625em "Roboto",Arial,Verdana,sans-serif; }
.modal-footer { font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; } 

@media (min-width: 320px) and (max-width: 481px) {
.img-container { width:120%; left:-30px; position: absolute; display: block;}
.img-position { position: relative; margin-top: 0px; }
 
}
@media (min-width: 481px) and (max-width: 769px) {
.img-container { width:100%; position: absolute; display: block;}
.img-position { clear: both; margin-left: auto; position: relative; margin-top: 20px; margin-right: auto; width: 95%;}

}
@media (min-width: 769px) and (max-width: 991px) {
.img-container { width:100%; position: absolute; display: block;}
.img-position { position: relative; margin-top: -30px; top:-80px; padding-bottom:100px; }
.img-position { clear: both; margin-left: auto; position: relative; margin-top: 200px; margin-right: auto; width: 98%;}
.img-panel-body {
	border: 0px solid #000;
	}

}
@media (min-width: 991px) and (max-width: 1199px) {
.img-container { width:100%; position: absolute; display: block;}
.img-position { position: relative; margin-top: 0px; }

  
}
/* ============================================ */