.camera_wrap h4 , .camera_wrap h2 , .camera_wrap h5 , .camera_wrap p{
	
	}
	img { -ms-interpolation-mode: bicubic; }
	.camera_wrap p{
	font-size:17px;
	}
	
	.cert
	{
		display:inline-block;
    background-repeat: no-repeat;
    background-size: contain;
     background-position: 50%;
		 margin-bottom: 35px;      
		  padding: 5px;
		 width: 100%;
		 -ms-interpolation-mode: bicubic;
    }
	
	.cert-partners
	{
		display:inline-block;
    background-repeat: no-repeat;
    background-size: contain;
     background-position: 50%;
		 margin-bottom: 30px;      
		  padding: 5px;
		  -ms-interpolation-mode: bicubic;
    }

    a.cert:active, a.cert:focus, a.cert-partners:active, a.cert-partners:focus{
        background: auto !important;
    }

   
	
	.cscs
	{
		background-image:url(/images/CSCS-Logo-Ready.png);
	}
	
	.carl{
		background-image:url(/images/Carl_Stahl_logo2.png);
	}
	
	.pasma{
		background-image:url(/images/2014PASMAlogo.jpg);
	}
	
	.matrix{
		background-image:url(/images/Matrix-QM-RGB.jpg);
    }
    
    .alcumus{
		background-image:url(/images/safe-contractor-1.jpg);
    }
    
    .avetta{
		background-image:url(/images/avetta-logo-white-400.jpg);
    }
    
    .leea{
		background-image:url(/images/leea-logo-1.jpg);
	}
	
	.cert1{    
	height: 450px !important;
    width: 100% !important;
    border: 0px solid #1f2430;
    background-color: inherit;
    border-radius: 4px;
		background-image:url(/images/britannia-cert-002.JPG);
	}
	
	.cert2{
		 height: 450px !important;
         width: 100% !important;
    border: 0px solid #1f2430;
    background-color: inherit;
    border-radius: 4px;
		background-image:url(/images/averta-002.jpg);
	}
	
	.cert3{
		 height: 450px !important;
         width: 100% !important;
    border: 0px solid #1f2430;
    background-color: inherit;
    border-radius: 4px;
		background-image:url(/images/AlcumusCert-page-002.jpg);
    }
    
    .cert4{
        height: 450px !important;
   width: 100% !important;
   border: 0px solid #1f2430;
   background-color: inherit;
   border-radius: 4px;
       background-image:url(/images/leea-cert-004.jpg);
   }
	
	.cert figure, .cert-partners figure{
	height: 120px;
    width: 200px;	
	}
	
	.sun-screen{
	      position: absolute;
    right: 10px;
    left: 10px;
    top: 0px;
    background: black;
    opacity: 0.3;
    bottom: 0;
	  }
	  .camera_caption .container{
	  position:relative;
	      padding: 50px;
	  }
	  
	  .navbar-header {
    margin-top: 22px;
    font-size: 40px;
    color: #1f2430;
    text-transform: uppercase;
   /* background: url(images/blt-logo.png) 0 14px no-repeat !important;*/
    padding: 10px 0 25px;
    padding-left: 63px;
}

.brand-logo{

		display:inline-block;
    background-repeat: no-repeat;
    background-size: contain;
     background-position: 50%;
     background-image: url(/images/logo-blt-2-1.png);
		width: 220px;
    height: 90px;
margin-right:10px;
-ms-interpolation-mode: bicubic;
}

.brand-logo p{
display:none;
}

.navbar-header {
    margin-top: 2px;
    font-size: 40px;
    color: #1f2430;
    text-transform: uppercase;
  background: none !important;
    padding: 13px 0 0px;
    padding-left: 1px;
}
@media (max-width: 991px) {
.navbar-header {
    margin-top: 22px;
	padding: 10px 0 25px;
  }
}
@media (max-width: 1199px){
.navbar-nav > li > a {
    font-size: 14px !important;
	max-width: 143px;
    text-align: center;
	    padding: 40px 10px;
}

}
@media (min-width: 1200px){

h2, .h2 {
    font-size: 84px;
}

h3, .h3 {
    font-size: 60px;
    letter-spacing: -0.6px;
}
}

@media (min-width: 991px) {
  .row .col-md-4 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.blt-products figure figcaption{
background-color:white;
position: relative;

}

.blt-products figure figcaption h6{
    color: #2051b9;
    font-size: 18px;
    line-height: 30px;
}

.blt-products figure figcaption.mod1 {
    padding: 20px 10px 20px 10px;
}

/*.row {
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.contact-list h6 {
    font-size: 20px;
    font-weight: 500;
}

.contact-list h6 i {
    font-size: 23px;
    color: #1d71f7;
    margin-top: -33px;
    display: inline-block;
    margin-right: 14px;
    margin-left: -11px;
}
*/
.fw-m{
color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    font-style: normal;
	}
	
@media (min-width: 1200px)
{
	h4, .h4 {
		font-size: 27px;
	}

	
	h2, .h2 {
		font-size: 65px;
	}
}

@media (min-width: 991px) and (max-width: 1199px)
{
	#camera-static h4, #camera-static .h4 {
		font-size: 23px;
	}

	
	#camera-static h2, #camera-static .h2 {
		font-size: 53px;
	}
}

.isStuck .navbar-nav > li > a {
    padding: 36px 8px 41px;
}

.flip-container
{
    position:relative;
    -webkit-perspective:1000;
    perspective:1000;
}

.flip-cards
{
    width:100%;
    height:291px;
    position:relative;
    float:left;    
    margin-left:5px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


.flip-cards:hover
{
    transform: rotateY( 180deg );
    -webkit-transform: rotateY(180deg);
}

.flip-cards div
{
    width:100%;
    height:291px;
    position:absolute;
    border-radius:0px;    
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.front-card
{
    z-index: 2;
    background-image: url('/images/page3_pic4.jpg');
}

.reverse-card
{
    -webkit-transform: rotateY(180deg);
    transform: rotateY( 180deg );
}

#card1
{
    background-image: url('/images/Hydrajaws-Pull-Tester.jpg');
}
.blt-plist h6{
	height: 85px;
}

.partners figure{
	width:370px;
	height:292px;
}

@media (min-width: 1199px)
{
.partners figure figcaption.mod1 h6 {
    font-size: 18px;
    line-height: 25px;
}
}
@media (max-width: 1199px)
{
.partners figure figcaption.mod1 h6 {
    font-size: 15px;
    line-height: 20px;
}
}

.swim-container 
{
	height:312px !important;
}

figcaption.mod1{
	    background-color: #343944;
    color: white;
    padding:24px 9px 25px 30px;
}

figcaption.mod1 h6 {
    color: #fff;
}


header .top_header p{
    color: #fff;
    font-size: 18px !important;
    font-weight: 500;
    margin-right: 33px;
    margin-top: 0px !important;
}

header .top_header p i{
font-size:21px !important;
}
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-loading .slick-list {
	background: #fff url("./../images/ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 48px;
	vertical-align: middle;
	text-align: center;
	font-size: 0;
	cursor: pointer;
	color: transparent;
	background-color: #fff;
	top: 50%;
	margin-top: -10px \9;
	/*lte IE 8*/
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: 300ms ease-in-out;
	padding: 0;
	border: none;
	outline: none;
	z-index: 9;
}

.slick-prev:before,
.slick-next:before {
	transition: 300ms ease-in-out;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
	color: #1d70f6;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 1;
}

.slick-prev:before,
.slick-next:before {
	font-family: "Linearicons";
	font-size: 27px;
	color: #000;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: 0;
	border-radius: 0 4px 4px 0;
}

[dir="rtl"] .slick-prev {
	left: auto;
	right: 0;
}

.slick-prev:before {
	content: "<";
}

[dir="rtl"] .slick-prev:before {
	content: ">";
}

@media (min-width: 1500px) {
	.slick-prev {
		left: 0px;
	}
}

.slick-next {
	right: 0;
	border-radius: 4px 0 0 4px;
}

[dir="rtl"] .slick-next {
	left: 0;
	right: auto;
}

.slick-next:before {
	content: ">";
}

[dir="rtl"] .slick-next:before {
	content: "<";
}

@media (min-width: 1500px) {
	.slick-next {
		right: 0px;
	}
}

/* Dots */
.slick-slider {
	margin-bottom: 20px;
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: "Lato", Arial, sans-serif;
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	color: black;
	opacity: 1;
}

.carousel-parent .item {
	padding-left: 1px;
	padding-right: 1px;
}

.child-carousel .item {
	opacity: .2;
	transition: 280ms ease-in-out;
	cursor: pointer;
}

.child-carousel .item:hover,
.child-carousel .slick-current {
	opacity: 1;
}

.slick-gallery {
	width: 100%;
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
}

.slick-gallery .carousel-parent {
	margin-bottom: 35px;
}

.slick-gallery .child-carousel {
	margin-left: 0;
	margin-right: 0;
}

.slick-gallery .child-carousel .item {
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 1200px) and (min-height: 880px) {
	.slick-gallery {
		max-width: 100%;
	}
}

.stepper {
	position: relative;
	display: inline-block;
	max-width: 83px;
	width: 83px;
}

.stepper input[type="number"] {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	-moz-appearance: textfield;
}

.stepper input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.stepper:hover .stepper-arrow.up,
.stepper:hover .stepper-arrow.down {
	transform: translateX(0);
}

.stepper-arrow {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-family: "Linearicons";
	cursor: pointer;
	color: #333;
	transition: .3s all ease;
}

.stepper-arrow:hover {
	color: #f9b707;
}

.stepper-arrow.up {
	right: 0;
	text-align: left;
}

.stepper-arrow.up:before {
	content: '\e939';
}

.stepper-arrow.down {
	left: 0;
	text-align: right;
}

.stepper-arrow.down:before {
	content: '\e93a';
}

.stepper.disabled .stepper-arrow {
	pointer-events: none;
	opacity: .5;
}

.range-lg-reverse {
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	
	
	
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
	transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
	cursor: pointer;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
	display: none;
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

/* No Js */
.no-js .owl-carousel {
	display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	font: 400 40px/80px 'FontAwesome';
	cursor: pointer;
	z-index: 1;
	transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:before {
	content: '\f144';
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
}

/*
 * Owl Navigation
 */
@media (min-width: 768px) {
	.owl-carousel[data-nav='true'] {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.owl-prev,
.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'Linearicons';
	color: #c7c7c7;
}

.owl-prev:hover,
.owl-next:hover {
	color: #f9b707;
}

.owl-prev {
	left: 0;
}

.owl-prev:before {
	content: '\e93b';
}

.owl-next {
	right: 0;
}

.owl-next:before {
	content: '\e93c';
}

/*
 * Owl Pagination
 */
.owl-dots {
	text-align: center;
	margin-top: 30px;
}

.owl-dot {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	background-color: #d9d9d9;
	transition: .2s;
}

.owl-dot:only-child {
	display: none;
}

.owl-dot:hover, .owl-dot.active {
	background-color: #f9b707;
}

.owl-dot + .owl-dot {
	margin-left: 15px;
}

.owl-carousel.owl-carousel-light-dots .owl-dot {
	border-color: #fff;
}

.owl-carousel.owl-carousel-light-dots .owl-dot:hover, .owl-carousel.owl-carousel-light-dots .owl-dot:focus {
	background-color: #fff;
}

.owl-carousel.owl-carousel-light-dots .owl-dot.active {
	background-color: #fff;
}

.carousel-post-gallery {
	overflow: hidden;
}

.carousel-post-gallery[data-nav='true'] {
	padding-left: 0;
	padding-right: 0;
}

.carousel-post-gallery[data-nav='true'] .owl-dots {
	position: absolute;
	width: 100%;
	bottom: 30px;
}

.carousel-post-gallery .item .img-thumbnail-variant-1 {
	width: 100%;
}

.carousel-post-gallery .owl-prev,
.carousel-post-gallery .owl-next {
	display: none;
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	line-height: 52px;
	text-align: center;
	margin-top: -25px;
	z-index: 10;
	cursor: pointer;
	color: #ececee;
	transition: .33s;
	font-size: 30px;
}

.carousel-post-gallery .owl-prev:hover,
.carousel-post-gallery .owl-next:hover {
	color: #f9b707;
}

@media (min-width: 768px) {
	.carousel-post-gallery .owl-prev,
	.carousel-post-gallery .owl-next {
		display: block;
	}
}

.carousel-post-gallery .owl-prev {
	left: 0;
	border-radius: 0 4px 4px 0;
	transform: translateX(-100%);
}

.carousel-post-gallery .owl-next {
	right: -1px;
	border-radius: 4px 0 0 4px;
	transform: translateX(100%);
}

.carousel-post-gallery:hover .owl-prev,
.carousel-post-gallery:hover .owl-next {
	transform: translateX(0);
}

.carousel-blog-post-minimal {
	max-height: 320px;
}

.carousel-blog-post-minimal .item {
	position: relative;
	z-index: 1;
	padding-bottom: 75%;
	overflow: hidden;
	margin-left: -1px;
	margin-right: -1px;
}

.carousel-blog-post-minimal .item > * {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-height: 100%;
	min-width: 100%;
}

@media (min-width: 992px) {
	.carousel-blog-post-minimal .item {
		padding-bottom: 36%;
	}
}

@media (max-width: 767px) {
	.owl-carousel-spacing-1 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.owl-carousel-spacing-1 .owl-prev {
		left: -5px;
	}
	.owl-carousel-spacing-1 .owl-next {
		right: -5px;
	}
}



.img-thumbnail-variant-1 {
	position: relative;
}

.img-thumbnail-variant-1 .caption {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(39, 39, 39, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: scale(0.8);
	transition: 350ms ease-in-out;
	color: #fff;
}

.img-thumbnail-variant-1:hover .caption {
	opacity: 1;
	transform: scale(1);
}



/*
*
* Photoswipe
* --------------------------------------------------
*/
.pswp {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 999999;
	-webkit-text-size-adjust: 100%;
	/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
	-webkit-backface-visibility: hidden;
	outline: none;
}

.pswp * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pswp img {
	max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
	/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
	opacity: 0.001;
	will-change: opacity;
	/* for open/close transition */
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
	display: block;
}

.pswp--zoom-allowed .pswp__img {
	/* autoprefixer: off */
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
	/* autoprefixer: off */
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--dragging .pswp__img {
	/* autoprefixer: off */
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	will-change: opacity;
}

.pswp__scroll-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
	-ms-touch-action: none;
	touch-action: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.desktop .pswp__container, .desktop
.pswp__zoom-wrap {
	transition: 450ms ease-in-out;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.pswp__zoom-wrap {
	position: absolute;
	width: 100%;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	/* for open/close transition */
	-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
	will-change: opacity;
	/* for open/close transition */
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
	-webkit-transition: none;
	transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
	-webkit-backface-visibility: hidden;
}

.pswp__item {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
}

.pswp__item .video-warp,
.pswp__item .post-video-warp {
	position: absolute;
	top: 50%;
	width: 600px;
	max-width: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pswp__img {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
	-webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
	background: #222;
}

.pswp--ie .pswp__img {
	width: 100% !important;
	height: auto !important;
	left: 0;
	top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	margin-top: -8px;
	color: #CCC;
}

.pswp__error-msg a {
	color: #CCC;
	text-decoration: underline;
}

[data-photo-swipe] [data-inner-html] iframe {
	pointer-events: none;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
	width: 44px;
	height: 44px;
	position: relative;
	background: none;
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	opacity: 0.75;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
	opacity: 1;
}

.pswp__button:active {
	outline: none;
	opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
	opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background: url(../images/photoswipe-controls.png) 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
	/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
	.pswp--svg .pswp__button,
	.pswp--svg .pswp__button--arrow--left:before,
	.pswp--svg .pswp__button--arrow--right:before {
		background-image: url(../images/photoswipe-controls.svg);
	}
	.pswp--svg .pswp__button--arrow--left,
	.pswp--svg .pswp__button--arrow--right {
		background: none;
	}
}

.pswp__button--close {
	background-position: 0 -44px;
}

.pswp__button--share {
	background-position: -44px -44px;
}

.pswp__button--fs {
	display: none;
}

.pswp--supports-fs .pswp__button--fs {
	display: block;
}

.pswp--fs .pswp__button--fs {
	background-position: -44px 0;
}

.pswp__button--zoom {
	display: none;
	background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
	display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
	visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
	background: none;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute;
}

.pswp__button--arrow--left {
	left: 0;
}

.pswp__button--arrow--right {
	right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	content: '';
	top: 35px;
	background-color: rgba(0, 0, 0, 0.3);
	height: 30px;
	width: 32px;
	position: absolute;
}

.pswp__button--arrow--left:before {
	left: 6px;
	background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
	right: 6px;
	background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__share-modal {
	display: block;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	z-index: 1600;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;
	-webkit-backface-visibility: hidden;
	will-change: opacity;
}

.pswp__share-modal--hidden {
	display: none;
}

.pswp__share-tooltip {
	z-index: 1620;
	position: absolute;
	background: #FFF;
	top: 56px;
	border-radius: 2px;
	display: block;
	width: auto;
	right: 44px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
	-webkit-backface-visibility: hidden;
	will-change: transform;
}

.pswp__share-tooltip a {
	display: block;
	padding: 8px 12px;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
}

.pswp__share-tooltip a:hover {
	text-decoration: none;
	color: #000;
}

.pswp__share-tooltip a:first-child {
	/* round corners on the first/last list item */
	border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
	border-radius: 0 0 2px 2px;
	display: none;
	pointer-events: none;
}

.pswp__share-modal--fade-in {
	opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
	padding: 16px 12px;
}

a.pswp__share--facebook:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -12px;
	right: 15px;
	border: 6px solid transparent;
	border-bottom-color: #FFF;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none;
}

a.pswp__share--facebook:hover {
	background: #3E5C9A;
	color: #FFF;
}

a.pswp__share--facebook:hover:before {
	border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
	background: #55ACEE;
	color: #FFF;
}

a.pswp__share--pinterest:hover {
	background: #CCC;
	color: #CE272D;
}

a.pswp__share--download:hover {
	background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	color: #FFF;
	opacity: 0.75;
	padding: 0 10px;
}

/*

	4. Caption

 */
.pswp__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 44px;
}

.pswp__caption small {
	font-size: 11px;
	color: #BBB;
}

.pswp__caption__center {
	text-align: left;
	max-width: 420px;
	margin: 0 auto;
	font-size: 13px;
	padding: 10px;
	line-height: 20px;
	color: #CCC;
}

.pswp__caption--empty {
	display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
	visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -22px;
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;
	will-change: opacity;
	direction: ltr;
}

.pswp__preloader__icn {
	width: 20px;
	height: 20px;
	margin: 12px;
}

.pswp__preloader--active {
	opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
	/* We use .gif in browsers that don't support CSS animation */
	background: url(../images/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
	opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
	-webkit-animation: clockwise 500ms linear infinite;
	animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
	-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
	animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
	background: none;
	opacity: 0.75;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 15px;
	top: 15px;
	margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
	/*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
	position: relative;
	width: 7px;
	height: 14px;
	overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	border: 2px solid #FFF;
	border-radius: 50%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	margin: 0;
}

@media screen and (max-width: 1024px) {
	.pswp__preloader {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
		float: right;
	}
}

@-webkit-keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes clockwise {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@keyframes donut-rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	50% {
		-webkit-transform: rotate(-140deg);
		transform: rotate(-140deg);
	}
	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
	-webkit-font-smoothing: auto;
	visibility: visible;
	opacity: 1;
	z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	-webkit-backface-visibility: hidden;
	will-change: opacity;
	-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
	visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
	background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
	background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
	opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
	opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
	/* Force paint & create composition layer for controls. */
	opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
	display: none;
}

.pswp__element--disabled {
	display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
	background: none;
}