@charset "UTF-8";

/*

 * Bootstrap Image Gallery CSS 3.0.0

 * https://github.com/blueimp/Bootstrap-Image-Gallery

 *

 * Copyright 2013, Sebastian Tschan

 * https://blueimp.net

 *

 * Licensed under the MIT license:

 * http://www.opensource.org/licenses/MIT

 */



#wrapper {

    display: block;

    margin: 0 auto;

    max-width: 1100px;

}



.clearfix::after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    line-height: 0;

    visibility: hidden;

}



#portfolio {

    display: block;

}





#portfolio li {

    display: block;

    float: left;

    margin-bottom: 20px;

    margin-right: 20px;

    max-width: 400px;

    width: 30%;

}



#portfolio li a {

    background: none repeat scroll 0 0 #fff;

    border-radius: 2px;

    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);

    display: block;

    padding: 8px;

}



.blueimp-gallery .modal-body {

	position: relative;

	text-align: center;

	padding: 0 0 56.25% 0;

	overflow: hidden;

	cursor: pointer;

}

.blueimp-gallery .modal-footer {

	margin: 0;

}

.blueimp-gallery .modal-body img,

.blueimp-gallery .modal-body .video-content video,

.blueimp-gallery .modal-body .video-content iframe,

.blueimp-gallery .modal-body .video-content a {

	max-width: 100%;

	max-height: 100%;

	margin: auto;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

}

.blueimp-gallery .modal-body .video-content video {

 	display: none;

}

.blueimp-gallery .modal-body .video-playing video {

	display: block;

}

.blueimp-gallery .modal-body .video-content iframe {

	width: 100%;

	height: 100%;

	border: none;

	left: 100%;

}

.blueimp-gallery .modal-body .video-playing iframe {

	left: 0;

}

.blueimp-gallery .modal-body .video-playing img,

.blueimp-gallery .modal-body .video-playing a {

 	display: none;

}

.blueimp-gallery .modal-body .video-content a {

	cursor: pointer;

}

.blueimp-gallery .modal-body .video-content a:after {

	font-family: "Glyphicons Halflings";

	-webkit-font-smoothing: antialiased;

	content: "\e029";

	font-size: 64px;

	line-height: 64px;

	width: 64px;

	height: 64px;

	position: absolute;

	top: 50%;

	margin: -32px 0 0 -32px;

}

.blueimp-gallery .modal-body .video-loading a {

	background: url(../img/loading.gif) center no-repeat;

	background-size: 64px 64px;

}

.blueimp-gallery .modal-body .video-loading a:after {

	content: none;

}



@media screen and (min-width: 768px) {

  .blueimp-gallery .modal-dialog {

    right: auto;

    left: auto;

	width: auto;

    max-width: 1200px;

    padding-left: 5%;

    padding-right: 5%;

  }

}