/*--------------------------------------------------------------------
	
	Aylings Group
	Updated: 05.03.2020
	
--------------------------------------------------------------------*/


/*------------------------------------------------------------------*/
/*	1.	CSS Resets
/*------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

.hidden { display: none; }

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }

.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; }

section, article, header, footer, nav, aside, hgroup, video, audio { display: block; }



/*------------------------------------------------------------------*/
/*	2.	Common Styles
/*------------------------------------------------------------------*/

/*--------------------------------------------------------------------

	Font: Cabin
	Weights: 400 (reg), 500 (med), 600 (semibold), 700 (bold)
	
--------------------------------------------------------------------*/

* { margin: 0; }
html { -webkit-text-size-adjust: none; background-color: #000; }
body { min-width: 320px; height: 100%; font-family: 'Cabin', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; color: #53606E; background-color: #000; }

.left { float: left; }
.right { float: right; }
.half { width: 50%; }

img { max-width: 100%; height: auto; vertical-align: bottom; }
.ie8 img { width: auto; } /* IE8 */

/* Responsive images. Fluid images for posts, comments, and widgets */
.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption { max-width: 100%; }

/* Make sure images with WordPress-added height and width attributes are scaled correctly*/
.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img { height: auto; }

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img { height: auto; max-width: 100%; }

img.alignleft { max-width: 50%; margin: 0 4% 4% 0; }
img.alignright { max-width: 50%; margin: 0 0 4% 4%; }
img.aligncenter, img.aligncentre { margin: 0 auto; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video { margin-bottom: 24px; max-width: 100%; }

code, pre { font-family: Consolas, Monaco, "Courier New", Courier, monospace; color: #606872; }
pre { font-size: 12px; line-height: 1.3em; padding: 11px; margin-bottom: 22px; background: #f3f3f7; border: 1px solid #dedee3; overflow: auto; white-space: pre-wrap; word-wrap: break-word; }
pre a { font-weight: normal; }

hr { border: 0; height: 0; margin: 0 0 22px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

/* CSS Animation */
a,
.rsArrow {
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
}
input, button, .slidecontentwrap {
transition: background 0.2s ease-out;
-webkit-transition: background 0.2s ease-out;
-moz-transition: background 0.2s ease-out;
-ms-transition: background 0.2s ease-out;
-o-transition: background 0.2s ease-out;
}

a { color: #3567AB; text-decoration: none; }
a:hover,
a:active { color: #003366; }

b,
strong { font-weight: 700; }

em,
dfn,
cite,
i { font-style: italic; }

p { line-height: 1.4em; margin: 0 0 14px 0; }
p.intro { font-size: 1.2em; }
p.small { font-size: 0.75em; }

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.9em; font-weight: 300; margin: 0 0 20px 0; }
h2 { font-size: 1.9em; line-height: 1.2em; font-weight: 400; margin: 0 0 22px 0; }
h3 { font-size: 1.7em; line-height: 1.2em; font-weight: 300; }
h4 { }
h5 { }
h6 { }

/* Caption */
.wp-caption { overflow: hidden; }
.wp-caption.alignleft { margin: 0 5% 0 0; }
.wp-caption.alignright { margin: 0 0 0 5%; }
.wp-caption.aligncenter,
.wp-caption.aligncentre { margin: 0 auto; }
p.wp-caption-text { float: left; width: auto; color: #FFF; padding: 8px 12px; background-color: #602782; }

blockquote { font-size: 1.4em; font-style: italic; padding: 14px 30px 14px 24px; margin: 0 0 20px 0; border-left: 6px solid #602782; }
blockquote p { margin: 0; }

.thecontent ol { list-style: decimal; margin: 0 0 26px 20px; }
.thecontent ol li { margin: 0 0 8px 0; }

.thecontent ul { list-style: disc inside; margin: 16px 0 16px 0; }
.thecontent ul li { margin: 0 0 8px 0; padding: 0 0 0 20px; }

a.btn { display: inline-block; min-width: 150px; font-size: 1.3em; font-weight: 400; line-height: 38px; text-transform: uppercase; text-align: center; color: #FFF; padding: 0 10px; margin: 4px; border: 3px solid #FFF; }
a.btn:hover { color: #000; background-color: #FFF; }

a.backtoarticles { padding-left: 0; }
a.backtoarticles:before { content: '<'; display: inline-block; width: 38px; height: 38px; line-height: 38px; text-align: center; color: rgba(255,255,255,0); margin: 0 8px 0 0; background: #602782 url(_images/common/bkgd-backarrow.svg) no-repeat center center; }
.no-svg a.backtoarticles:before { background: #602782 url(_images/common/bkgd-backarrow.png) no-repeat center center; } /* NO SVG */



/*------------------------------------------------------------------*/
/*	3.	Universal Elements
/*------------------------------------------------------------------*/

/*--- Loading ---*/
.doc-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000; }
.doc-loader td { background-color: #131A1E; text-align: center; vertical-align: middle; }

/*------------------------------------------------------------------*/

/*--- Container ---*/
.container { padding: 0 20px; margin: 0 auto; overflow: hidden; }

/*------------------------------------------------------------------*/

/*--- 404 Page ---*/
html.errorpage { background-color: #000; }
body.errorpage { background-color: #000; }

.errorwrapper { position: relative; height: 100%; padding: 0; text-align: center; color: #FFF; background-color: #000; z-index: 999; overflow: hidden; }
.errorwrapper { position: relative; }
.errorcontent { position: absolute; left: 5%; top: 40%; width: 90%; overflow: hidden; }
.errorcontent h1 { font-size: 4em; line-height: 1.2em; font-weight: 800; margin: 0 0 12px 0; }
.errorcontent h2 { font-size: 2.6em; margin: 0 0 24px 0; }

/*------------------------------------------------------------------*/


html {
  display: block;
  width: 100%;
  min-height: 100%;
 }


.showposter { position: absolute; left: 0; bottom: 12%; width: 100%; }

.eventscarousel { width: 100%; text-align: center; padding: 20px 0; background-color: #333; }


/* RoyalSlider Version */
.showposter { height: 88%; overflow: hidden; }
/* .showposter img { max-width: inherit; } */

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}




#sync1 .item{
    /* padding: 80px 0px; */
    /* margin: 5px; */
    color: #FFF;
    text-align: center;
    background-position: center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
/* #sync1 .item img { width: 100%; } */
#sync2 .item{
    background: #C9C9C9;
    padding: 10px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

#sync2 .item h1{
  font-size: 18px;
}
#sync2 .synced .item{
  background: #0c83e7;
}


/* About / Contact Draw */
#contentdraws { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 99999; box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
#contentdraws img { max-width: 100%; }
#contentdraws h1 { font-size: 1.9em; text-transform: uppercase; margin: 0 0 14px 0; color: #3567AB; } /* FS */

.contentdraw { display: none; color: #1A1A1A; background-color: #FFF; }
.contentdraw .container { position: relative; padding-top: 30px; padding-bottom: 40px; }
.contentdraw .left { width: 56%; padding: 0 4% 0 0; }
.contentdraw .right { width: 40%; }
.contentdraw .teammember { float: left; width: 32%; padding: 0 1.3% 0 0; }
.contentdraw .teammember img { float: left; margin: 0 20px 0 0; }
.contentdraw .teammember h3 { font-size: 1.5em; text-transform: uppercase; margin: 8px 0; color: #003366; } /* FS */
.contentdraw .teammember p { font-size: 1.1em; margin: 0; } /* FS */
.contentdraw a.closebtn { position: absolute; top: 10px; right: 11px; width: 34px; height: 34px;  cursor: pointer; background-repeat: no-repeat; background-position: 0 0; background-image: url(_images/common/icon-close-btn-grey.svg); background-color: #FFF; border-radius: 17px; }
.no-svg .contentdraw a.closebtn { background-image: url(_images/common/icon-close-btn-grey.png); } /* NO SVG */
.contentdraw a.closebtn:hover,
.contentdraw a.closebtn:active { background-position: 0 -34px; }
.contentdraw .tabarrow { position: absolute; bottom: 0; left: 20px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #000; }

/* Footer */
.footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 12%; line-height: 50px; color: #B2B2B2; background-color: #000; overflow: hidden; z-index: 1; }
.footer .container { padding-top: 20px; }
.footer a { color: #B2B2B2; }
.footer a:hover { color: #FFF; }
.footer .right { overflow: hidden; }
.footer .right { font-size: 0.8em; color: #666; }
.footer .right a { color: #666; }
.footer .right a:hover { color: #FFF; }

.footer .logo { float: left; margin: 0 20px 0 0; }
ul#navigation { float: left; }
ul#navigation li { display: inline-block; text-transform: uppercase; margin: 0 20px 12px 0; }
ul#navigation li a { display: block; line-height: 22px; }


/*------------------------------------------------------------------*/
/*	4.	Homepage
/*------------------------------------------------------------------*/

html { position: relative; }
body { background-color: #000; }



.royalSlider { display: none; }
#homeslider { width: 100%; height: 100%; }

.rsImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  margin-top: 0px !important; z-index: 1; }

.filter { position: relative; height: 100%; background-image: url(_images/common/bkgd-photofilter.png); background-position: center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 2; }

.slidecontentwrap { position: relative; height: 100%; text-align: center; color: #FFF; background-color: rgba(18,25,30,0.26);  /* background-image: url(_images/common/bkgd-photofilter.png); */ background-position: center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 2; }
.slidecontentwrap .slidecontent { position: absolute; top: 35%; left: 0; width: 90%; padding: 0 5%; }
.slidecontentwrap .slidecontent h1 { text-shadow: 0 0 6px rgba(0, 0, 0, 1); }
.slidecontentwrap .slidecontent a.btn { box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
.slidecontentwrap .slidecontent .logo { padding: 0 0 30px 0; }
.slidecontentwrap .slidecontent .logo img { max-height: 120px; }

.slidecontentwrap.red a.btn:hover { color: #CB2027; }
.slidecontentwrap.green a.btn:hover { color: #128C3C; }
.slidecontentwrap.gold a.btn:hover { color: #C2A572; }

#homeslider:hover .slidecontentwrap { background-color: rgba(18,25,30,0.36); }

.clientname { position: absolute; top: 0; right: 0; padding: 0 20px; line-height: 48px; color: #FFF; background-color: #53606E; border-left: 4px solid #602782; z-index: 3; }

/* Arrows */
.rsArrow,
.rsNav,
.rsThumbsArrow { position: absolute; top: 50%; width: 40px; height: 40px; margin: -20px 0 0 0; opacity: 1; }
.rsArrow.rsArrowLeft { left: 10%; background-image: url(_images/common/bkgd-arrowleft.svg); background-repeat: no-repeat; background-position: 0 0; }
.no-svg .rsArrow.rsArrowLeft { background-image: url(_images/common/bkgd-arrowleft.png); } /* No SVG */
.rsArrow.rsArrowRight { right: 10%; background-image: url(_images/common/bkgd-arrowright.svg); background-repeat: no-repeat; background-position: -40px 0; }
.no-svg .rsArrow.rsArrowRight { background-image: url(_images/common/bkgd-arrowright.png); } /* No SVG */
.rsArrow.rsArrowLeft:hover { background-position: -40px 0; }
.rsArrow.rsArrowRight:hover { background-position: 0 0; }

/* Animated Block */
.rsABlock { position: relative; }


/*------------------------------------------------------------------*/

/*--- Event Content ---*/
/* .eventlayer { display: none; position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; color: #B2B2B2; background: url(_images/common/bkgd-contentlayer.png) repeat 0 0; background: rgba(0, 0, 0, 0.90); z-index: 99999; } */
/* .ie9 .eventlayer { position: fixed; } /* IE9 */
/* .ie8 .eventlayer { position: fixed; } /* IE8 */
/* .ie7 .eventlayer { position: fixed; } /* IE7 */
.eventlayer { position: relative; max-width: 980px; color: #B2B2B2; padding: 80px 0 40px 0; margin: 0 auto; }
.eventlayer h1 { text-transform: uppercase; margin: 0; }
.eventlayer h2 { color: #FFF; }
/* .eventlayer .container { position: relative; max-width: 980px; padding-top: 80px; padding-bottom: 40px; } */

.eventlayer a.closebtn { position: absolute; top: 40px; right: 11px; display: block; width: 34px; height: 34px; background-repeat: no-repeat; background-position: 0 0; background-image: url(_images/common/icon-close-btn-white.svg); }
.no-svg .eventlayer a.closebtn { background-image: url(_images/common/icon-close-btn-white.png); } /* NO SVG */
.eventlayer a.closebtn:hover,
.eventlayer a.closebtn:active { background-position: 0 -34px; }

.eventlayer.red h1,
.eventlayer.red a.btn:hover { color: #CB2027; }
.eventlayer.green h1,
.eventlayer.green a.btn:hover { color: #128C3C; }
.eventlayer.gold h1,
.eventlayer.gold a.btn:hover { color: #C2A572; }


.eventcontent { border-top: 1px solid #B2B2B2; overflow: hidden; }
.eventcontent .left { float: left; width: 55%; padding: 40px 0 0 0; }
.eventcontent .right { float: right; width: 42%; padding: 20px 0 0 0; text-align: right; }

.eventcontent .logo { padding: 0 0 30px 0; } 

.eventcontent ul.sociallinks li { display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; }
.eventcontent ul.sociallinks li a { display: block; width: 36px; height: 36px; background-color: #B2B2B2; border-radius: 18px; background-image: url(_images/common/icon-social.svg); background-repeat: no-repeat; background-position: 0 0; }
.no-svg .eventcontent ul.sociallinks li a { background-image: url(_images/common/icon-social.png); } /* NO SVG */
.eventcontent ul.sociallinks li a:hover,
.eventcontent ul.sociallinks li a:active,
.eventcontent ul.sociallinks li a:focus { background-color: #000; }
.eventcontent ul.sociallinks li a.twitter { background-position: 0 0; }
.eventcontent ul.sociallinks li a.facebook { background-position: -36px 0; }
.eventcontent ul.sociallinks li a.linkedin { background-position: -72px 0; }
.eventcontent ul.sociallinks li a.instagram { background-position: -108px 0; }

.eventcontent .links { display: inline-block; padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #B2B2B2; overflow: hidden; }
.eventcontent .links a.btn { margin: 0 4px 4px 0; }

.eventcontent .dateblock { float: left; width: 48%; margin: 1%; }

/* Red Variation */
.eventlayer.red ul.sociallinks li a { background-color: #CB2027; }
.eventlayer.red ul.sociallinks li a:hover,
.eventlayer.red ul.sociallinks li a:active,
.eventlayer.red ul.sociallinks li a:focus { background-color: #000; }

/* Green Variation */
.eventlayer.green ul.sociallinks li a { background-color: #128C3C; }
.eventlayer.green ul.sociallinks li a:hover,
.eventlayer.green ul.sociallinks li a:active,
.eventlayer.green ul.sociallinks li a:focus { background-color: #000; }

/* Gold Variation */
.eventlayer.gold ul.sociallinks li a { background-color: #C2A572; }
.eventlayer.gold ul.sociallinks li a:hover,
.eventlayer.gold ul.sociallinks li a:active,
.eventlayer.gold ul.sociallinks li a:focus { background-color: #000; }



/*------------------------------------------------------------------*/
/*	6.	Magnific Popup
/*------------------------------------------------------------------*/

/*--- Leave Below Unchanged - Overwrites Afterwards ---*/

/*- Fade-zoom animation for first dialog -*/

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}

/*- Magnific Popup CSS -*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #FFF;
  opacity: 0.7;
  /* filter: alpha(opacity=70); */
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  /* filter: alpha(opacity=65); */
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-weight: 100;
  -webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    /* filter: alpha(opacity=100); */ }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  /* filter: alpha(opacity=65); */
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    /* filter: alpha(opacity=100); */ }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
}

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*--- Overwrite Core Styling ---*/
.zoom-anim-dialog { position: relative; }
.mfp-bg { background: #000; opacity: 0.8; }
.my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.85; }
.mfp-container { padding: 0; }
.mfp-close-btn-in .mfp-close { top: 30px; right: 5px; color: #FFF; }