/*
	Theme Name: Envy Pro
	Description: This is the custom style sheet for custom plugin CSS code.
	Author: VIAIR Corp
	Author URI: https://viaircorp.com/
	Version: 2.0
	Template: Genesis Framework
	Template Version: 2.0
 
*/

/* Table of Contents 
This is the Custom CSS file for all dequed plugin CSS files, to combine into 1 file, copy and paste plugin title into the "Find" (Cmd + F) and hit enter, this will take you directly to the title line.

- WOOCOMMERCE PRODUCT COMPARE CUSTOM CSS 
- BB SPOILER CUSTOM CSS
- GENESIS CUSTOM HEADERS CUSTOM CSS ADMIN
- GENESIS CUSTOM HEADERS CUSTOM CSS FRONTEND
- NIVO LIGHTBOX CUSTOM CSS
- NIVO LIGHTBOX DEFAULT THEME CUSTOM CSS
- JUSTIFIED GALLERY PHOTOSWPE CUSTOM CSS
- JUSTIFIED GALLERY PHOTOSWPE DEFAULT CUSTOM CSS
- JUSTIFIED GALLERY CUSTOM CSS
- JUSTIFIED GALLERY MAIN CUSTOM CSS
- RESPONSIVE LIGHTBOX LITE CUSTOM CSS
- STRONG TESTIMONIALS CUSTOM CUSTOM CSS
- STRONG TESTIMONIALS MASONRY CUSTOM CSS
- METASLIDER CUSTOM CSS STYLES
- FLEXSLIDER CUSTOM CSS STYLES

/*
Add Your Custom CSS Below This Line
---------------------------------------------------------------- */

/* WOOCOMMERCE PRODUCT COMPARE CUSTOM CSS ---------------------------------------------------------------- */

#compare-products-basket {}
	#compare-products-basket .compare-products-basket-inner { margin: 15px auto; padding: 10px 15px; border: 1px solid #f7f7f7; }
	#compare-products-basket .compare-product, #compare-products-basket .compare-product-placeholder { display: inline-block; position: relative; margin-right: 15px; }
	#compare-products-basket .compare-product-placeholder { width: 48px; height: 48px; border: 2px dashed #dcdcdc; }
	#compare-products-basket img { max-width: 50px; }
	#compare-products-basket .compare-product-remove { display: block; position: absolute; width: 9px; height: 9px; top: -4px; right: -4px; background: url( ../img/remove.png ); border-radius: 1px; }
	.widget #compare-products-basket .compare-product, .widget #compare-products-basket .compare-product-placeholder { display: block; margin-bottom: 10px; }
	.widget #compare-products-basket .compare-products-basket-inner { padding: 0; border: none; }
	.widget #compare-products-basket .compare-product-placeholder { width: 99%; height: 24px; }
	.widget .compare-products-button { display: block; text-align: center; margin-top: 15px; }
	.widget .compare-product-remove { font-size: 0.9em; text-decoration: none; font-weight: normal; }

.compare-product-link .be-compare-error { font-size: 0.9em; text-align: center; border: 1px solid #B20000; color: #B20000; padding: 3px; }

.compare-clear-items { text-align: right; font-size: 0.9em; text-decoration: none; margin: 0; }
.basket.compare-products-button input { position: relative; top: 0; }
.print-link { display: none; /* text-align: right; margin: 0 !important; padding: 0 10px 0 0; */}
.compare-products-filter { cursor: pointer; text-align: right; }
	.compare-products-filter span { background: #f7f7f7; padding: 5px 8px; border-radius: 5px; }

#be_compare_features_table_container { overflow-x: scroll; }
.be_compare_features_table, .sticky-thead { border: 1px solid #c2c2c2; border-collapse: collapse; table-layout: auto; width: 100%; background: #fff; }
	.be_compare_features_table tbody td,
	.be_compare_features_table th,
	.be_compare_features_table td,
	.sticky-thead th { border: 1px solid #c2c2c2; vertical-align: middle; }

	.be_compare_features_table tbody th,
	.sticky-wrap .sticky-col tbody th,
	.sticky-wrap .sticky-intersect th { padding: 3px 5px; text-align: left; }

	.be_compare_features_table thead th,
	.sticky-thead th { text-align: center; padding: 2.5em 1em 2em 1em; background: #fff; }
		.sticky-thead th { padding-top: 0 !important; padding-bottom: 0 !important; }

	.be_compare_features_table tbody td { text-align: center; }
	.be_compare_features_table tr.alternate { background: #f7f7f7; }
	.be_compare_features_table tr.subcategory { width: 100%; text-align: center; background: #e2e2e2; font-weight: bold; font-size: 1.2em; border: 1px solid #c2c2c2; }
	.be_compare_features_table tr.subcategory td { font-weight: bold; border: 1px solid #c2c2c2; }

	.be_compare_features_table tfoot th { padding: 15px; text-align: center; background: #fff; }
	.be_compare_features_table tfoot th p { margin: 0 0 8px 0; padding: 0; text-align: center; }
	.be_compare_features_table tfoot .amount { display: none; }

	.be_compare_features_table th.product { position: relative; }
	.be_compare_features_table .compare-product-remove { position:absolute; top:4px; right:3px; display:block; width:12px; height:12px; background-repeat: no-repeat; background-position: -42px 1px; font-size:1px; }
	.be_compare_features_table .compare-product-remove:hover { cursor: pointer; background-position: -42px -10px; }

.be_compare_features_table .products img { max-width: 150px !important; }
.be_compare_features_table .star-rating { float: none !important; margin: 0 auto 10px auto !important; text-align: center !important; display: block; clear: both; }
.be_compare_features_table .add_to_cart_inline a, .sticky-thead th.product .add_to_cart_button { display: none; /* display: block; margin-top: 20px; width: auto; */}
.sticky-thead th.product { text-align: center; }

/* For appearance */
.sticky-wrap { overflow-x: auto; overflow-y: hidden; position: relative; width: 100%; }
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
	opacity: 1;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out;
	z-index: 50;
	width: auto; /* Prevent table from stretching to full size */
}
	.sticky-wrap .sticky-thead {
		box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
		z-index: 100;
		width: 100%;
	}
	.sticky-wrap .sticky-intersect {
		opacity: 1;
		z-index: 150;
	}
		.sticky-wrap .sticky-intersect th {
			background-color: #fff;
			color: #eee;
		}
.sticky-thead li.product .star-rating { float: none !important; margin: 0 auto; }

.sticky-thead th.product span,
.sticky-thead th.product img,
.sticky-thead th.product .star-rating { display: none; }


/* BB SPOILER CUSTOM CSS ---------------------------------------------------------------- */

.sp-wrap {
	padding: 0px;
    border-image: none;
    border-top:1px solid #C3CBD1;
    border-right:1px solid #C3CBD1;
    border-bottom:1px solid #C3CBD1;
    clear: both;
	margin-bottom:25px;
}
.sp-head {
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin-left: 6px;
	padding: 10px 14px 10px 30px;
	text-align: left;
    padding-left: -30px;
}

.sp-wrap-default .sp-head {
    padding-left: 3em;
    text-indent: -1.4em;
}

.sp-body {
	padding: 2px 6px;
	height:auto;
}
.spdiv {
	width: 98%;
    margin: 0px auto;
    text-align: right;
    font-size: 0.8em;
    padding-left:25px;
	cursor: pointer;
	display:block;
	text-indent: -1em;
  padding-left: 1em;
}


.sp-wrap-default {
	background: none repeat scroll 0% 0% #000
    border-color: #C3CBD1;
}
.sp-wrap-default .sp-head {
	background: url(https://www.viaircorp.com/v/wp-content/uploads/2017/06/plus.gif) no-repeat left center;
    margin-left: 10px;
    padding-right: 40px;
}
.sp-wrap-default {
    border-left:3px solid #eb212e;
    padding-left: -30px;
}


.sp-wrap-default .sp-head.unfolded {
	background: url(https://www.viaircorp.com/v/wp-content/uploads/2017/06/minus.gif) no-repeat left center;
	padding-left: -30px;	
}

.sp-wrap-default .sp-body {
	background: #F5F5F5;
	border-top:1px solid #C3CBD1;
	border-left: 1px solid #C3CBD1;
	padding: 10px 10px 10px 5px;
}
.sp-wrap-default .spdiv {
    color: #444;
}

/* GENESIS CUSTOM HEADERS CUSTOM CSS ADMIN---------------------------------------------------------------- */

/* Metabox CSS */

#gch-metabox .form-table {
	margin-top: 0;
}

#gch-metabox .form-table td,
#gch-metabox .form-table td label,
#gch-metabox .form-table th {
	font-size: 13px !important; 
}

#gch-metabox .form-table th {
	padding: 12px 10px 10px 0;
	width: 160px;
}

#gch-metabox .form-table td {
	padding: 10px 10px;
	vertical-align: top;
}

#gch-metabox textarea {
	width: 100%;
}

.gch-radio label{
	margin-bottom: .5em;
	display: inline-block;
}
.gch-radio .last{
	margin-bottom: 0;
}

.gch-meta-separator {
	border-top: 1px solid #eee;
	margin-top: 1em;
	margin-right: -20px;
	margin-left: -20px;
	padding-top: .8em;
}



.gch-image-preview-wrapper {
		border: 1px solid #e5e5e5;
		margin-top: 1.2em;
		display: inline-block;
}
.gch-image-preview-inner {
		border: 1px solid #e5e5e5;
		margin: .5em;
		display: inline-block;        
}
.gch-image-preview-inner img {
		vertical-align: top;
		max-width: 100%;
}
.gch_force_hidden {
	display: none !important;
}

/* Misc CSS */
.gch-code-textbox {
	width:100%;
	max-width:100%;
	font-family: Consolas,Monaco,monospace;
	font-size: 13px;
	background: #f9f9f9;
	outline: 0;
}

.gch-css pre,
.gch-html pre {
	border: 1px solid #ddd;
	background: #f9f9f9;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
	padding: 2%;
	width: 96%;
}

.gch-description {
	color: #666;
	font-size: 13px;
	font-style: italic;
	line-height: 1.5;
	margin-top: 5px;
}

.gch-error {
	color: #a00;
	font-size: 13px;
	font-style: italic;
	margin-top: 5px;
}

/* Styling for alerts */
.gch-alert {
	color: #444;
	padding: 15px;
	margin: 10px 0px 10px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #ffe2da;
	border-color: #e4a697;
}

.gch-alert-warning {
	background-color: #fffae7;
	border-color: #ede0a9;
}

@media screen and (max-width: 782px) {
	#gch-metabox .form-table td,
	#gch-metabox .form-table th {
		padding: 8px 0 5px 0;
		font-size: 14px;
	}
}

/* GENESIS CUSTOM HEADERS CUSTOM CSS FRONTEND---------------------------------------------------------------- */

/* Default Image and Caption Styles */

.gch-header-image {
	margin: 0 auto;
	text-align: center;
}

.gch-header-image-inner {
	display: inline-block;
	position: relative;
}

.gch-header-image-inner img {
	vertical-align: top; 
}

.gch-caption {
	bottom: 0px;
	position: absolute;
	text-align: right;
	width: 100%;
}

.gch-caption-inner {
	background: rgba(0, 0, 0, .4);
	color: #fff;
	padding: 10px 20px;
}

/* NIVO LIGHTBOX CUSTOM CSS---------------------------------------------------------------- */

/*
 * Nivo Lightbox v1.2.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

.nivo-lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0.8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open {
	visibility: visible;
	opacity: 1;
}
.nivo-lightbox-wrap  {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
}
.nivo-lightbox-content {
	width: 100%;
	height: 100%;
}
.nivo-lightbox-title-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	text-align: center;
}
.nivo-lightbox-nav { display: none; }
.nivo-lightbox-prev {
	position: absolute;
	top: 50%;
	left: 0;
}
.nivo-lightbox-next {
	position: absolute;
	top: 50%;
	right: 0;
}
.nivo-lightbox-close {
	position: absolute;
	top: 2%;
	right: 2%;
}

.nivo-lightbox-image { text-align: center; }
.nivo-lightbox-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
}
.nivo-lightbox-content iframe {
	width: 100%;
	height: 100%;
}
.nivo-lightbox-inline,
.nivo-lightbox-ajax {
	max-height: 100%;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
}
.nivo-lightbox-error {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
	display: table-cell;
	vertical-align: middle;
}

/* Effects
 **********************************************/
.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

/* fadeScale */
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	-webkit-transform: scale(0.7);
	   -moz-transform: scale(0.7);
	    -ms-transform: scale(0.7);
	        transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

/* slideLeft / slideRight / slideUp / slideDown */
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	   -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	    -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	     -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	        transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
	-webkit-transform: translateX(-10%);
	   -moz-transform: translateX(-10%);
	    -ms-transform: translateX(-10%);
	        transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
	-webkit-transform: translateX(10%);
	   -moz-transform: translateX(10%);
	    -ms-transform: translateX(10%);
	        transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transform: translateY(-10%);
	   -moz-transform: translateY(-10%);
	    -ms-transform: translateY(-10%);
	        transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
	-webkit-transform: translateY(10%);
	   -moz-transform: translateY(10%);
	    -ms-transform: translateY(10%);
	        transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

/* fall */
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
	        perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
	-webkit-transform: translateZ(300px);
	   -moz-transform: translateZ(300px);
	    -ms-transform: translateZ(300px);
	        transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	        transform: translateZ(0);
}

/* NIVO LIGHTBOX DEFAULT THEME CUSTOM CSS---------------------------------------------------------------- */

/*
 * Nivo Lightbox Default Theme v1.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
.nivo-lightbox-theme-default.nivo-lightbox-overlay { 
	background: #666;
	background: rgba(0,0,0,0.6); 
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(loading.gif) no-repeat 50% 50%; }

.nivo-lightbox-theme-default .nivo-lightbox-nav {
	top: 10%;
	width: 8%;
	height: 80%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover { 
	opacity: 1; 
	background-color: rgba(0,0,0,0.5);
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
	background-image: url(prev.png); 
	border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
	background-image: url(next.png); 
	border-radius: 3px 0 0 3px;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
	display: block;
	background: url(close.png) no-repeat 5px 5px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	padding: 5px;
	opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
.nivo-lightbox-theme-default .nivo-lightbox-title {
	font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	background: #000;
	color: #fff;
	padding: 7px 15px;
	border-radius: 30px;
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
	background: #fff;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	        box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
	background: #fff;
	padding: 40px;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	        box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

@media (-webkit-min-device-pixel-ratio: 1.3),
       (-o-min-device-pixel-ratio: 2.6/2),
       (min--moz-device-pixel-ratio: 1.3),
       (min-device-pixel-ratio: 1.3),
       (min-resolution: 1.3dppx) {

	.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { 
		background-image: url(loading@2x.gif); 
		background-size: 32px 32px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-prev { 
		background-image: url(prev@2x.png); 
		background-size: 48px 48px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-next { 
		background-image: url(next@2x.png); 
		background-size: 48px 48px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-close { 
		background-image: url(close@2x.png); 
		background-size: 16px 16px;
	}
	
}

/* RESPONSIVE LIGHTBOX LITE CUSTOM CSS---------------------------------------------------------------- */

/* Responsive Lightbox Lite settings */
.wa-credits { float: right; width: 280px; background: #fff; margin: 20px -300px 20px 20px; position: relative; }
.wa-credits .inner { padding-left: 10px; padding-right: 10px; }
.wa-credits h3 { font-size: 14px; line-height: 1.4; margin: 0;  padding: 8px 12px; border-bottom: 1px solid #eee; }
.wa-credits .wa-link { font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; font-style:italic; padding-bottom: 10px; margin: 0; }
.wa-credits .wa-link a { vertical-align: middle; padding: 5px 0 0 4px; }

.responsive-lightbox-settings { margin-right: 300px; }
.responsive-lightbox-settings hr { border: solid #eee; border-width: 1px 0 0; clear: both; height: 0; }
.responsive-lightbox-settings form { float: left; min-width: 463px; width: auto; }
.responsive-lightbox-settings fieldset span.description { margin-bottom: 8px; margin-top: 4px; display: block; }

@media only screen and (max-width: 959px) {
	.responsive-lightbox-settings { width: 100%; float: none; margin: 20px 0; }
	.responsive-lightbox-settings { margin-right: 0; }
}

/* JUSTIFIED GALLERY PHOTOSWPE CUSTOM CSS---------------------------------------------------------------- */

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = 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: 1500;
  -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;
  transform: translateZ(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; }

/* 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__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; }

/* JUSTIFIED GALLERY PHOTOSWPE DEFAULT CUSTOM CSS---------------------------------------------------------------- */

/*! 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(default-skin.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(default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

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

button.pswp__button--close:hover {
  background: url(default-skin.png) 0 -44px no-repeat #000;
}

.pswp__button--share{
  background-position: -44px -44px;
}
button.pswp__button--share:hover {
  background: url(default-skin.png) -44px -44px no-repeat #000;
}

button.pswp__button--fs:hover {
  background: url(default-skin.png) 0 0 no-repeat #000;
}

.pswp__button--fs {
  display: none; }

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

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp--fs button.pswp__button--fs:hover {
  background: url(default-skin.png) -44px 0 no-repeat #000;
}


.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }
button.pswp__button--zoom:hover {
  background: url(default-skin.png) -88px 0 no-repeat #000;
}

.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:hover,
.pswp__button--arrow--right:hover {
  background-color: transparent;
}

.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; }

.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 h4 {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #eee;
  margin: 0  0 6px 0;
  padding: 0;
  line-height: 20px;
}
.pswp__caption .dgwt-jg-item-desc {
  text-align: center;
  color: #e8e8e8;
  line-height: 120%;
  font-size: 13px;
}
.pswp__caption .dgwt-jg-item-desc a {
  color: #fff;
  text-decoration: underline;
}
.pswp__caption .dgwt-jg-item-desc a:hover, .pswp__caption .dgwt-jg-item-desc a:active {
  color: #fff;
  opacity: 0.7;
}

.pswp__caption__center {
  text-align: left;
  max-width: 800px;
  margin: 0 auto;
  font-size: 12px;
  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(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.45); }

/* 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; }

.pswp button {
  background-color: transparent;
}


/* JUSTIFIED GALLERY CUSTOM CSS---------------------------------------------------------------- */
/*!
 * Justified gallery
 * http://damiangora.com/
 * Copyright (c) 2016 Damian Góra
 * Licensed under the MIT license.
 */.dgwt-jg-caption{
 		background:rgba(0,0,0,.7);
 		box-sizing:border-box;
 		color:#fff;
 		cursor:
 		pointer;
 		height:100%;
 		opacity:0;
 		overflow:hidden;
 		padding:1em;
 		position:absolute;
 		text-align:center;
 		transform-style:preserve-3d;
 		width:100%;
 		word-wrap:break-word;
 		z-index:2;
 }
 .dgwt-jg-gallery .dgwt-jg-caption{
 	display:none;
 	opacity:1;
 	transition:none 0s ease 0s;
 }
 .dgwt-jg-gallery .dgwt-jg-caption span{
 	color:#fff;
 	display:block;
 	font-size:19px;
 	font-weight:900;
 	letter-spacing:8px;
 	line-height:120%;
 	opacity:.9;
 	padding:0 5%;
 	position:relative;
 	top:50%;
 	-moz-transform:translateY(-50%);
 	-webkit-transform:translateY(-50%);
 	-o-transform:translateY(-50%);
 	-ms-transform:translateY(-50%);
 	transform:translateY(-50%);
 }
 .dgwt-jg-gallery.dgwt-jg-style1 .hover-in-top .dgwt-jg-caption{
 	animation:.2s ease 0s normal none 1 running dgwt-jg-in-top;
 	-webkit-animation:.2s ease 0s normal none 1 running dgwt-jg-in-top;
 	-moz-animation:.2s ease 0s normal none 1 running dgwt-jg-in-top;
 	-ms-animation:.2s ease 0s normal none 1 running dgwt-jg-in-top;
 	bottom:auto;display:block;top:0;
 }
 .dgwt-jg-gallery.dgwt-jg-style1 .hover-out-top .dgwt-jg-caption{
 	animation:.2s ease 0s normal none 1 running dgwt-jg-out-top;
 	-webkit-animation:.2s ease 0s normal none 1 running dgwt-jg-out-top;
 	-moz-animation:.2s ease 0s normal none 1 running dgwt-jg-out-top;
 	-ms-animation:.2s ease 0s normal none 1 running dgwt-jg-out-top;
 	bottom:auto;
 	display:block;top:-100%;
 }
 .dgwt-jg-gallery.dgwt-jg-style1 .hover-in-bottom .dgwt-jg-caption{
 	animation:.2s ease 0s normal none 1 running dgwt-jg-in-bottom;
 	-webkit-animation:.2s ease 0s normal none 1 running dgwt-jg-in-bottom;
 	-moz-animation:.2s ease 0s normal none 1 running dgwt-jg-in-bottom;
 	-ms-animation:.2s ease 0s normal none 1 running dgwt-jg-in-bottom;
 	bottom:0;
 	display:block;
 	top:auto;
 }
 .dgwt-jg-gallery.dgwt-jg-style1 .hover-out-bottom .dgwt-jg-caption{
 	animation:.2s ease 0s normal none 1 running dgwt-jg-out-bottom;
 	-webkit-animation:.2s ease 0s normal none 1 running dgwt-jg-out-bottom;
 	-moz-animation:.2s ease 0s normal none 1 running dgwt-jg-out-bottom;
 	-ms-animation:.2s ease 0s normal none 1 running dgwt-jg-out-bottom;
 	bottom:-100%;
 	display:block;
 	top:auto;
 }
 .dgwt-jg-gallery.dgwt-jg-style1 .hover-in-left .dgwt-jg-caption{
 	animation:.2s ease 0s normal none 1 running dgwt-jg-in-left;
 	-webkit-animation:.2s ease 0s normal none 1 running dgwt-jg-in-left;
 	-moz-animation:.2s ease 0s normal none 1 running dgwt-jg-in-left;
 	-ms-animation:.2s ease 0s normal none 1 running dgwt-jg-in-left;
 	display:block;
 	left:0;
 	right:auto;
 }
 .dgwt-jg-gallery.dgwt-jg-style1 .hover-out-left .dgwt-jg-caption{
 	animation:.2s ease 0s normal none 1 running dgwt-jg-out-left;
 	-webkit-animation:.2s ease 0s normal none 1 running dgwt-jg-out-left;
 	-moz-animation:.2s ease 0s normal none 1 running dgwt-jg-out-left;
 	-ms-animation:.2s ease 0s normal none 1 running dgwt-jg-out-left;
 	display:block;left:-100%;right:auto;
 }
 .dgwt-jg-gallery.dgwt-jg-style1 .hover-in-right .dgwt-jg-caption{
 	animation:.2s ease 0s normal none 1 running dgwt-jg-in-right;
 	-webkit-animation:.2s ease 0s normal none 1 running dgwt-jg-in-right;
 	-moz-animation:.2s ease 0s normal none 1 running dgwt-jg-in-right;
 	-ms-animation:.2s ease 0s normal none 1 running dgwt-jg-in-right;
 	display:block;
 	left:auto;right:0;
 }
 .dgwt-jg-gallery.dgwt-jg-style1 .hover-out-right .dgwt-jg-caption{
 	animation:.2s ease 0s normal none 1 running dgwt-jg-out-right;
 	-webkit-animation:.2s ease 0s normal none 1 running dgwt-jg-out-right;
 	-moz-animation:.2s ease 0s normal none 1 running dgwt-jg-out-right;
 	-ms-animation:.2s ease 0s normal none 1 running dgwt-jg-out-right;
 	display:block;
 	left:auto;
 	right:-100%
 }
 @keyframes dgwt-jg-in-right{0%{right:-100%}100%{right:0}}@keyframes dgwt-jg-in-left{0%{left:-100%}100%{left:0}}@keyframes dgwt-jg-out-right{0%{right:0}100%{right:-100%}}@keyframes dgwt-jg-out-left{0%{left:0}100%{left:-100%}}@keyframes dgwt-jg-in-top{0%{top:-100%}100%{top:0}}@keyframes dgwt-jg-in-bottom{0%{bottom:-100%}100%{bottom:0}}@keyframes dgwt-jg-out-top{0%{top:0}100%{top:-100%}}@keyframes dgwt-jg-out-bottom{0%{bottom:0}100%{bottom:-100%}}.dgwt-jg-gallery{width:100%;position:relative;overflow:hidden}.dgwt-jg-gallery>a,.dgwt-jg-gallery>div{position:absolute;display:inline-block;overflow:hidden;margin:0;padding:0;border:none}.dgwt-jg-gallery>a>a>img,.dgwt-jg-gallery>a>img,.dgwt-jg-gallery>div>a>img,.dgwt-jg-gallery>div>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0}.dgwt-jg-gallery>.jg-filtered{display:none}.dgwt-jg-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;opacity:initial;filter:initial;overflow:initial}.dgwt-jg-gallery>.spinner>span{display:inline-block;opacity:0;filter:alpha(opacity=0);width:8px;height:8px;margin:0 4px;background-color:#000;border-radius:6px}body .pswp--open{z-index:100040}


/* JUSTIFIED GALLERY MAIN CUSTOM CSS---------------------------------------------------------------- */

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = 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: 1500;
  -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-transform: translateZ(0);
          transform: translateZ(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; }

/* 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__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; }


/* STRONG TESTIMONIALS CUSTOM CUSTOM CSS-----------------------------------------------*/

.clear {
  clear: both;
}

/**
Minimum paragraph width means no short words in skinny space next to image
in columns or small screens.

This workaround is needed until we can use flexbox properly
or CSS offers container queries.

Thanks https://css-tricks.com/minimum-paragraph-widths/
*/
.maybe-clear {
  content: "";
  /* this value seems to work well in both responsive and Masonry */
  width: 6em;
  display: block;
  overflow: hidden;
}

  /* Base
-----------------------------------------------*/
.strong-view.default {
  display: block;
  /* setting a width handles short content */
  width: 100%;
}
.strong-view.default * {
  box-sizing: border-box;
}
.strong-view.default .testimonial.t-slide {
  margin-top: 0;
  margin-bottom: 0;
}
.strong-view.default .testimonial-inner {
  display: block;
  /* fill horizontal & vertical space */
  width: 100%;
  height: 100%;
}
.strong-view.default .testimonial-image {
  max-width: 100%;
}
.strong-view.default .testimonial-field-before {
  margin-right: 0.5em;
}

.strong-view .screen-reader-text {
  /* copied from Twenty Sixteen theme */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  /* many screen reader and browser combinations announce broken words as they would appear visually */
  word-wrap: normal !important;
}

/* Simple pagination
-----------------------------------------------*/
.strong-view.default.strong-pager {
  display: none;
}

.simplePagerList {
  /* match .strong-content container */
  margin: 20px auto;
  text-align: center;
}

.strong-view ul.simplePagerNav {
  margin: 0 auto;
  padding: 0;
  display: inline-block;
}
.strong-view ul.simplePagerNav li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.strong-view ul.simplePagerNav li a {
  margin: 0 0.2em;
  padding: 0.1em 0.3em;
  outline: none;
  text-decoration: none;
  transition: background 0.2s ease;
}
.strong-view ul.simplePagerNav li a:hover {
  background: #BBB;
  color: #FFF;
}
.strong-view ul.simplePagerNav li.currentPage a {
  text-decoration: none;
  background: #999;
  color: #FFF;
}

.strong-view.rtl ul.simplePagerNav li {
  float: right;
}

/* Standard pagination
-----------------------------------------------*/
.strong-view .nav-links {
  margin: 20px auto;
  text-align: center;
}
.strong-view .nav-links a, .strong-view .nav-links span {
  display: inline-block;
  line-height: 1.5;
  margin: 0 0.2em;
  padding: 0.1em 0.3em;
  transition: background 0.2s ease;
}
.strong-view .nav-links a.current, .strong-view .nav-links span.current {
  background: #999;
  color: #FFF;
}
.strong-view .nav-links a {
  outline: none;
  text-decoration: none;
}
.strong-view .nav-links a:hover,
.strong-view .nav-links a.prev:hover,
.strong-view .nav-links a.next:hover,
.strong-view .nav-links span:hover {
  background: #BBB;
  color: #FFF;
}

/* Template
-----------------------------------------------*/
.strong-view.default .strong-content {
  margin: 20px auto 0;
}
.strong-view.default .testimonial {
  margin: 20px auto;
  padding: 0;
  text-align: left;
  width: 100%;
  border: none !important;
}
.strong-view.default .testimonial:first-child {
  margin-top: 0;
}
.strong-view.default .testimonial:last-child {
  margin-bottom: 0;
}
.strong-view.default .testimonial-inner {
  /*border: 1px solid #FFFFFF;
  padding: 20px;
  text-align: left;
  */
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #696969;
  padding: 15px 15px;
  border: 1px solid #d3d3d3;
  border-left: 3px solid #ea2530;
  margin-bottom: 25px;
  box-shadow: 5px 5px 25px #888888;
}

.strong-view.default .testimonial-inner:after {
  /*border: 1px solid #FFFFFF;
  padding: 20px;
  text-align: left;
  */
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  border-style: none none solid solid;
  border-width: 0 0 1px 1px;
  border-color: #d3d3d3;
  position: absolute;
  bottom: -11px;
  left: 85%;
  transform: rotateY(180deg) skewY(-45deg);
}

.strong-view.default .testimonial-heading {
  background: url("https://www.viaircorp.com/v/wp-content/uploads/2017/12/quotes.png") no-repeat scroll left center transparent;
  margin-top: 0;
  padding-left: 40px;
  text-align: left;
}

.strong-view.default .testimonial-content p:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
.strong-view.default .testimonial-content p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.strong-view.default .testimonial-image {
  margin-top: .25em;
  margin-right: 1em;
  margin-bottom: 0.25em;
  float: left;
}
.strong-view.default .testimonial-image img {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #EFEFEF;
  padding: 6px;
  margin: 0 auto;
}
.strong-view.default .testimonial-image a {
  text-decoration: none;
  box-shadow: none;
}
.strong-view.default .testimonial-client {
  margin-top: 1em;
  text-align: right;
}
.strong-view.default .testimonial-name {
  font-weight: bold;
}
.strong-view.default .readmore {
  margin-top: 1em;
}
.strong-view.default .strong-view-footer {
  margin-bottom: 20px;
}
.strong-view.default .readmore-page {
  margin-top: 20px;
  padding: 1em;
  text-align: center;
  border: 1px solid #E6E6E6;
}

/* Slideshow
-----------------------------------------------*/
.strong-view.default.slider-container {
  /* If vertical or fade slideshow, move border from individual testimonials to viewport. */
}
.strong-view.default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport {
  border: 1px solid #E6E6E6;
}
.strong-view.default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .testimonial {
  border: 0;
}
.strong-view.default.slider-container .strong-content {
  margin: 0 auto;
}
.strong-view.default.slider-container .testimonial:not(:first-child) {
  display: none;
}
.strong-view.default.nav-position-inside .testimonial-inner {
  padding-bottom: 48px;
}
.strong-view.default.controls-type-sides .testimonial-inner {
  padding-left: 50px;
  padding-right: 50px;
}
.strong-view.default.slider-stretch .testimonial-inner {
  /* to force same height for all slides */
  height: 100%;
}

/* Responsive
-----------------------------------------------*/
@media only screen and (max-width: 320px) {
  .strong-view.default .testimonial-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
/* Remove quote background image */
@media only screen and (max-width: 320px) and (orientation: portrait) {
  .strong-view.default .testimonial-heading {
    background: none;
    padding-left: 0;
  }
}
/* RTL
-----------------------------------------------*/
.strong-view.default.rtl .testimonial,
.strong-view.default.rtl .testimonial-inner,
.strong-view.default.rtl .testimonial-heading {
  text-align: right;
}
.strong-view.default.rtl .testimonial-image {
  float: right;
  margin-left: 1em;
}
.strong-view.default.rtl .testimonial-client {
  text-align: left;
}

.strong-view.default.rtl .testimonial-heading {
  padding-right: 40px;
  background-position: right;
}

/* STRONG TESTIMONIALS MASONRY CUSTOM CSS-----------------------------------------------*/

/**
 * To add Masonry to any template.
 *
 * Element sizing for responsive layouts with percentage widths.
 * 2 columns --> 2 x grid-sizer + 1 x gutter-sizer = 100%
 * 3 columns --> 3 x grid-sizer + 2 x gutter-sizer = 100%
 * 4 columns --> 4 x grid-sizer + 3 x gutter-sizer = 100%
 */

/*----------------------------------------------------------
 * global tweaks
 *----------------------------------------------------------*/
.strong-content.strong-masonry .testimonial {
	margin-top: 0;
}

/*----------------------------------------------------------
 * default: 1 column
 *----------------------------------------------------------*/
.strong-masonry .testimonial,
.strong-masonry .grid-sizer {
	width: 100%;
}

.strong-masonry .gutter-sizer {
	width: 0;
}

.strong-masonry .testimonial.grid-item--width2 {
	width: 100%;
}

/*----------------------------------------------------------
 * responsive
 *----------------------------------------------------------*/
@media only screen and (min-width: 480px) {

	/*----------------------------------------------------------
	 * 2 columns
	 *----------------------------------------------------------*/
	.strong-masonry.columns-2 .testimonial,
	.strong-masonry.columns-2 .grid-sizer {
		width: 48.5%;
	}

	.strong-masonry.columns-2 .gutter-sizer {
		width: 3%;
	}

	.strong-masonry.columns-2 .testimonial.grid-item--width2 {
		width: 97%;
	}

	/*----------------------------------------------------------
	 * 3 columns
	 *----------------------------------------------------------*/
	.strong-masonry.columns-3 .testimonial,
	.strong-masonry.columns-3 .grid-sizer {
		width: 31.33%;
	}

	.strong-masonry.columns-3 .gutter-sizer {
		width: 3%;
	}

	.strong-masonry.columns-3 .testimonial.grid-item--width2 {
		width: 62.66%;
	}

	/*----------------------------------------------------------
	 * 4 columns
	 *----------------------------------------------------------*/
	.strong-masonry.columns-4 .testimonial,
	.strong-masonry.columns-4 .grid-sizer {
		width: 22.75%;
	}

	.strong-masonry.columns-4 .gutter-sizer {
		width: 3%;
	}

	.strong-masonry.columns-4 .testimonial.grid-item--width2 {
		width: 45.5%;
	}
}

/* METASLIDER CUSTOM CSS STYLES *********************************************************************/

/**
 * The files in /assets are unmodified.
 * This file contains
 *    - resets, in an attempt to ensure sliders display properly in all themes
 *    - modifications to the default sliders CSS
 */

 /* general resets */
.metaslider {
    position: relative;
    z-index: 0;
}

.metaslider .caption {
    padding: 20px 10px;
    word-wrap: break-word;
}

.metaslider .caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background: black;
    color: white;
    opacity: 0.7;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
}

.metaslider img {
    height: auto;
    padding: 0;
    margin: 0;
    -moz-user-select: none;
}

.metaslider a {
    outline: none;
}

.metaslider .theme-default .nivoSlider {
   -webkit-box-shadow: 0 0 0;
      -moz-box-shadow: 0 0 0;
           box-shadow: 0 0 0;
}

.metaslider.ms-left {
    float: left;
    margin: 0 20px 20px 0;
}

.metaslider.ms-right {
    float: right;
    margin: 0 0 20px 20px;
}

.metaslider li:before,
.metaslider li:after {
    content: "" !important;
    display: none !important;
    bottom: auto !important;
    margin: 0 !important;
}

.metaslider .caption-wrap .caption img {
    width: auto;
}

/** quick resets **/
.article .metaslider ul,
.article .metaslider ol,
.article .metaslider li,
.article .metaslider img,
.art-article .metaslider ul,
.art-article .metaslider ol,
.art-article .metaslider li,
.art-article .metaslider img,
#widgets .metaslider ul,
#widgets .metaslider ol,
#widgets .metaslider li,
#widgets .metaslider img,
.entry .metaslider ul,
.entry .metaslider ol,
.entry .metaslider li,
.entry .metaslider img,
#content .metaslider ul,
#content .metaslider ol,
#content .metaslider li,
#content .metaslider img,
.entry-content .metaslider ul,
.entry-content .metaslider ol,
.entry-content .metaslider li,
.entry-content .metaslider img,
.metaslider .flexslider ul,
.metaslider .flexslider .slides li,
.metaslider .flexslider .slides ul,
.metaslider .flexslider .slides ol,
.metaslider .flexslider .flex-direction-nav,
.metaslider .flexslider .flex-direction-nav li,
*[class*='-article'] .metaslider img {
    border: 0;
    margin: 0;
    list-style-type: none;
    list-style: none;
    padding: 0;
    line-height: normal;
    max-width: none;
    max-height: none;
}

.metaslider .slides img {
	width: 100%;
	display: block;
}

/* FLEXSLIDER CUSTOM CSS STYLES *********************************************************************/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
/*.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {cursor: default; pointer-events: none;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #999; /* background: rgba(255,255,255,0.5); */ cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.8);}
.flex-control-paging li a:hover { background: #777; background: rgba(255,255,255,0.7); }
.flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {}
.flex-control-thumbs img {margin: 10px 5px 0; display: inline-block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/** Custom Meta Slider CSS **/
.metaslider .flexslider {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: 0;
    margin: 0 0 0 0;
    max-width: none;
    max-height: none;
}

.flex-control-nav {
	bottom: -30px;
	line-height: 11px;
}

/** move margin from list items to anchors */
.flex-control-nav li {
	margin: 0;
	margin-bottom: 35px;
}

.flex-control-nav li a {
	margin: 0 6px;
	padding: 0;
}

.flexslider .slides li {
    position: relative;
    height: auto;
}

/** fix for users with RTL languages */
.flex-viewport {
    direction: ltr;
}

/** add transition effects to firefox **/
.flex-direction-nav a {
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.flexslider .slides p {
    margin: 0;
}

.flex-control-nav {
	margin: auto;
	margin-bottom: 0px;
    z-index: 999;
}
}

.metaslider .flexslider.filmstrip {
	margin-top: 10px;
}

.metaslider .flexslider.filmstrip .slides li {
    cursor: pointer;
    opacity: 0.5;
}

.metaslider .flexslider.filmstrip .slides li.flex-active-slide,
.metaslider .flexslider.filmstrip .slides li:hover,
.metaslider .flexslider.filmstrip .slides li:focus {
    opacity: 1.0 !important;
}

.metaslider .flex-control-thumbs li {
    width: auto;
}

.metaslider ol.flex-control-thumbs img,
#content .metaslider ol.flex-control-thumbs img {
    margin: 10px 5px 0;
    width: auto;
}

.metaslider.nav-hidden .flexslider {
    margin-bottom: 0;
}

.metaslider.nav-hidden.add-margin .flexslider {
    margin-bottom: 40px;
}