/*!
Theme Name: Haughton Hall
Theme URI: http://www.haughtonhall.com/
Author: Useful Digital
Author URI: http://useful.digital
Description: HTML5 theme. Based on static build supplied by Dewynters.
Version: 1.0
Tags: html5
*/

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles:opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color:#222;
}

body {
	font-size:62.5%;
	line-height:1;
	text-align:center;
}

/*
 * Remove text-shadow in selection highlight:h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */



::-moz-selection {
    background:#3FB8AE;
    color:#ffffff;
    text-shadow:none;
}

::selection {
    background:#3FB8AE;
    color:#ffffff;
    text-shadow:none;
}


hr {
    display:block;
	width:96%;
    height:1px;
    border:0;
    border-top:2px solid #C3C4BF;
    margin:1em 0;
    padding:0;
}
img {
    vertical-align:middle;
}
fieldset {
    border:0;
    margin:0;
    padding:0;
}

textarea {
    resize:vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin:0.2em 0;
    background:#ccc;
    color:#000;
    padding:0.2em 0;
}


/* ==========================================================================
   Culled from Eric Meyer's Reset
   ========================================================================== */
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, sub, 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 {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	display:block;
	position:relative;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
blockquote {
	quotes:none;
}
blockquote:before, blockquote:after {
	content:'';
	content:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a img {
	border:none;
	outline:none;
}
select:focus,
input:focus,
a:focus {
  outline:0 none !important;
}



/* telephone numbers */
a[href*="tel:"] {
	white-space:nowrap;
	cursor:default;
	color:inherit !important
}


/* ==========================================================================
   Author's custom styles
   
   • BASE CONTAINERS
   • BASE MODIFIERS
   • TYPEKIT MODS
   • SOCIALS
   • HEADER
   • CONTAINERS
   • TYPOGRAPHY
   • LEGALS
   • CAROUSEL
   • FOOTER
   • MOBILE MODIFIERS
   • IE CLASSES

   ========================================================================== */
   
html, body { height:100%; background:#FFF; }
body {
	color:#033;
	position:relative;
	text-align:center;
	font-family:"futura-pt-n4","futura-pt",sans-serif;
	font-style:normal;
	font-weight:normal;
	font-weight:400;
}



/* ==========================================================================
   BASE CONTAINERS
   ========================================================================== */

#container { display:block; position:relative; margin:0; padding:0; }
#wrapper, .container {
	clear:both;
	display:block;
	position:relative;
	margin:0 auto;
	width:100%;
	/*z-index:1;*/
}

section {
	position:relative;
	display:block;
	margin:0 auto;
	padding:1em 0 0;
	width:100%;
	/*max-width:1030px;*/
	text-align:center;
	/*overflow-x:hidden !important;*/
}

article { display:block; position:relative; margin:2em auto !important; width:96%; max-width:1260px; }

aside { display:inline-block; zoom:1; *display:inline; position:relative; width:50%; float:left; margin:0; border:16px solid #FFF; border-top:none; border-left:none; vertical-align:top; z-index:1; }
aside a i { display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:url(img/backgrounds/opal.png) 0 0 repeat; z-index:1; }
.desktop aside a:hover i { background:url(img/backgrounds/opal-white.png) 0 0 repeat; }



/* ==========================================================================
   BASE MODIFIERS
   ========================================================================== */

* {
	-o-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

a { color:#FFF; text-decoration:none; }
article a, .desktop a:hover, a.selected, li.current-menu-item > a { color:#3FB8AE; }

a#loader,
#strap a img,
section a,
.social li,
.social li a,
.social li a img,
header a,
footer a,
.owl-theme .owl-controls .owl-buttons div,
#about section ul li a,
.mfp-title,
h2 a,
.blockFloat .social li span,
.owl-dot {
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

img { position:relative; display:block; margin:0 auto; width:100%; height:auto; }

img.logos { position:relative; display:block; text-align:left!important; width:100%; height:auto; }
img.staticImg { border:2px solid #033; }

.hidethis {
	/*visibility:hidden;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;*/
	border:1px solid #C3C4BF;
	background:none !important;
}

.blury {
	filter:blur(6px); 
	-webkit-filter:blur(6px); 
	-moz-filter:blur(6px);
	-o-filter:blur(6px); 
	-ms-filter:blur(6px);
	filter:url(blur.svg#blur);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
}

.sml { display:block; position:relative; float:left; margin:0 0.6em 0.3em 0; width:88px; height:31px; }

p.spons { text-transform:uppercase; font-weight:400; }
p.spons img { display:block; margin:0.2em 0; max-width:200px; }

.fancybox-title { font-size:1.4em !important; line-height:115% !important;}
.xmob {display:block;}

/* ==========================================================================
   TYPEKIT MODS
   ========================================================================== */

#wrapper,
.wf-loading #wrapper {
	visibility:hidden;
}
.wf-active #wrapper {
	visibility:visible;
}



/* ==========================================================================
   SOCIALS
   ========================================================================== */

.social {
	position:relative;
	margin:0;
	padding:0;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:middle;
	text-align:left;
	float:right;
}

.social li, .social li a {
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:middle;

	/*border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;*/
	overflow:hidden !important;
	margin:0;
}

.social li a img { display:block; width:100%; height:auto; }

.social li a {
	background-image:url(img/icons/socials.png);
	background-repeat:no-repeat;
	background-size:130px 52px !important;
	vertical-align:middle;
	width:26px;
	height:26px;
	margin:0 0.6em;
}

.social li a.fb { background-position:0px 0px; }
.social li a.tw { background-position:-26px 0px; }
.social li a.in { background-position:-52px 0px; }
.social li a.st { background-position:-78px 0px; }
.social li a.yt { background-position:-104px 0px; }

.desktop .social li a:hover.fb { background-position:0px -26px; }
.desktop .social li a:hover.tw { background-position:-26px -26px; }
.desktop .social li a:hover.in { background-position:-52px -26px; }
.desktop .social li a:hover.st { background-position:-78px -26px; }
.desktop .social li a:hover.yt { background-position:-104px -26px; }



/* ==========================================================================
   HEADER
   ========================================================================== */

header { display:block; position:absolute; width:100%; top:0; left:0; right:0; margin:0; background:url(img/backgrounds/opal-green.png) 0 0 repeat; z-index:1000; }
header nav { display:block; position:relative; background:url(img/backgrounds/opal-dark.png) 0 0 repeat; border-top:1px solid #FFF; border-bottom:1px solid #FFF; font-size:2.1em; font-weight:400; height:40px !important; max-height:40px !important; z-index:100; }
header nav ul { display:block; position:relative; margin:0 auto; text-align:center; }
header nav ul li { display:inline-block; zoom:1; *display:inline; padding:0; vertical-align:top; }
header nav ul li a { display:block; position:relative; padding:0.4em 0.75em; margin:0; }
.desktop header nav ul li a:hover, .desktop header nav ul li.menu-item-has-children:hover > a { color:#3FB8AE; }

header nav ul li.menu-item-has-children { position:inherit; }
header nav ul li.menu-item-has-children li a { padding:0.4em 0.8em; position:relative; margin:0; cursor:pointer; }
.desktop header nav ul li.menu-item-has-children li a:hover { color:#FFF; }
header nav ul li.menu-item-has-children li a span { font-size:84%; }
	
header nav ul li.menu-item-has-children ul {
	display:none;
	position:absolute;
	top:42px;
	left:50%;
	right:0;
	margin:-2px auto 0 -106px;
	/*padding-top:0.6em;*/
	width:186px;
	width:212px;
	border-top:1px solid #FFF;
	background:rgba(116,116,116,0.7) url(img/backgrounds/bg-nav.png) top center no-repeat;
	/*-webkit-box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.3);
	box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.3);*/
}
header nav ul li.menu-item-has-children ul li, header nav ul li.menu-item-has-children ul li a { display:block; position:relative; margin:0; padding:0; width:100%; text-align:left; }
header nav ul li.menu-item-has-children ul li a { background:url(img/backgrounds/opal.png) 0 0 repeat; padding:0.6em 0 0.6em 8px; width:auto; /*border-top:2px solid #FFF;*/ }
.desktop header nav ul li.menu-item-has-children ul li a:hover, header nav ul li.menu-item-has-children ul li.current-menu-item > a { background:url(img/backgrounds/green.png) 0 0 repeat; color:#FFF; }


header #sitetickerhold { background:#E0DAD4; overflow:hidden !important; }
header #siteticker { background:#E0DAD4; font-size:1.6em; font-weight:400; padding:0.4em 0; color:#3FB8AE; width:3120px !important; min-width:3120px !important; height:16px !important; max-height:16px !important; overflow:hidden; }
header #siteticker li { display:inline-block; zoom:1; *display:inline; padding-right:28px; padding-left:8px; background:url(img/icons/bullet.png) right center no-repeat; }
header #siteticker li.last { padding-right:0 !important; background:none !important; }
header #siteticker a { color:#3FB8AE; }
.desktop header #siteticker a:hover { color:#A79D92; }

hgroup { display:block; position:relative; margin:-5.6em auto 1.4em; width:96%; max-width:1100px; }

#hero, #heroBlur { display:block; position:relative; margin-top:-1em; border-bottom:4px solid #033; height:100%; background:#033; }

.btn {
	border:none;
	text-decoration:none;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:middle;
	width:100px;
	margin:0;
	padding:4px 12px;
	color:#FFF;
	font-size:1.8em;
	font-weight:400;
	text-transform:uppercase;
	background:transparent;
	border:1px solid #FFF;
	float:left;
}
.desktop .btn:hover { background:#FFF; color:#033; text-decoration:none; cursor:pointer; }



/* ==========================================================================
   ACCOMODATION LIST
   ========================================================================== */

#accList { 
	display:block; 
	position:relative;

	/*add flexbox layout for browsers that support it*/
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: flex-start;

}
#accList li {
	position:relative;
	display:inline-block;
	zoom:1;
	*display:inline;
	float:left;
	width:25%;
	margin:1em 0;
	font-size:1.8em;
	line-height:130%;
	font-family:"futura-pt-n4","futura-pt",sans-serif;
	font-style:normal;
	font-weight:normal;
	font-weight:200;
	text-align:left;
	vertical-align:top;
}

#accList b { display:block; position:absolute; left:0; bottom:0; width:90%; margin-bottom:-1em; border-bottom:1px solid #C3C4BF; }
#accList strong { font-weight:500; }
#accList a { padding:3px 0; }
#accList a:hover { text-decoration:underline; }






/* ==========================================================================
   DATES & TIMES LIST
   ========================================================================== */

.timeList { display:block; position:relative; }
.timeList li {
	position:relative;
	display:inline-block;
	zoom:1;
	*display:inline;
	float:left;
	width:25%;
	margin:0 auto;
	color:#FFF;
	text-align:left;
	vertical-align:top;
}
.timeList li big, .timeList li small { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.timeList li big { font-size:1.4em; margin:0 5px !important; padding:10px 10px 5px; background:#3FB8AE; }
.timeList li small { font-size:1.2em; margin:0 5px 10px !important; padding:0 10px 10px; background:#3FB8AE; }

big a:hover { text-decoration:underline; }


/* ==========================================================================
   COLUMN STYLES
   ========================================================================== */
   
.col, .col > li > div, .col > div { display:inline-block; zoom:1; *display:inline; margin:0 auto; padding:0; vertical-align:top; }
.col, .col > li > div, .col > div > div { display:block; position:relative; margin:0 auto; padding:0; width:96%; }
.lft > li > div, .lft > div { margin:0 !important; }

.one > li, .one > div { width:100%; }
.two > li, .two > div { width:50%; }
.three > li, .three > div { width:33.333333%; }
.four > li, .four > div { width:25%; }

.two > li.onethird, .two > div.onethird { width:40%; }
.two > li.threethirds, .two > div.threethirds { width:60%; }

.col > li, .col > div { float:left; }
.page-template-page-homepage .col > li, .col > div { float:none !important; }
.col > div { padding-bottom:3em; }
.wide { width:100% !important; }



/* ==========================================================================
   GRID STYLES
   ========================================================================== */
   
.grid li a,
.grid li a em,
.trailer i,
aside a i,
#mobnav {
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}

.grid li a i {
	-webkit-transition:height 0.6s ease, background 0.6s ease;
	-moz-transition:height 0.6s ease, background 0.6s ease;
	-o-transition:height 0.6s ease, background 0.6s ease;
	transition:height 0.6s ease, background 0.6s ease;
}

.grid li a b {
	-webkit-transition:width 0.6s ease;
	-moz-transition:width 0.6s ease;
	-o-transition:width 0.6s ease;
	transition:width 0.6s ease;
}
   
.grid { display:block; position:relative; margin:3em auto; padding:3em 0 0; border-top:4px solid #C3C4BF;; }
.col .grid { margin:0 auto; padding:0; border-top:none; }
.grid li { display:inline-block; zoom:1; *display:inline; position:relative; overflow:hidden; }

.grid li a span { display:block; position:absolute; left:0; bottom:0; right:0; margin:0; padding:0.4em 1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; font-size:2.4em; background:url(img/backgrounds/opal-black.png) 0 0 repeat; z-index:2; color:#FFF !important; }

.grid li a { position:relative; display:block; margin:10px; padding:0; text-align:center; }
.grid li a em { background:rgba(0,51,51,0); }
.grid li a i, .grid li a b, .grid li a em { position:absolute; display:block; top:0; right:0; left:0; bottom:0; margin:auto; padding:0; z-index:1; }
.grid li a i { width:0; height:0; border-top:1px solid #FFF; border-bottom:1px solid #FFF; background:url(img/backgrounds/opal.png) center center no-repeat; }
.grid li a b { width:0; height:0; border-left:1px solid #FFF; border-right:1px solid #FFF; }

.desktop .grid li a:hover em { background:rgba(0,51,51,0.6); }
.desktop .grid li a:hover i { width:90%; height:84%; background:url(img/icons/mag.png) center center no-repeat; }
.desktop .grid li a:hover b { width:84%; height:90%; }



/* ==========================================================================
   TABLES
   ========================================================================== */

article table { position:relative; margin:0 0 2em;; width:100%; border:1px solid #C3C4BF; }
article table th, article table td {
	text-align:left;
	margin:0 0 1.4em;
	padding:8px;
	position:relative;
	border-right:1px solid #C3C4BF;
	border-bottom:1px solid #C3C4BF;
}
article table td { width:20%; }
article table th { background:#C3C4BF; color:#033; font-weight:400; border-style:solid !important; }



/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
	display:block;
	position:relative;
	text-align:left;
	font-family:"futura-pt-n4","futura-pt",sans-serif;
	font-style:normal;
	font-weight:normal;
	font-weight:400;
}

h1, h2 { margin:0 auto; text-align:center; }

h1, #logo { width:98%; max-width:380px; margin:1em auto; }
#logo { display:block; position:relative; max-width:380px; }	
	
h2 { font-size:3.6em; margin-top:0.6em; margin-bottom:0.4em; padding-bottom:0.8em; background:url(img/icons/underline.png) bottom center no-repeat; }

h3, h4 { font-size:1.7em; text-align:left; margin:0; padding:0; }

h3 { color:#033; text-transform:uppercase; margin-bottom:0.6em; padding-bottom:0.6em; border-bottom:1px solid #C3C4BF; font-weight:500; }
h3 span { display:block; margin:0; font-size:1em; line-height:120%; font-weight:200; font-style:italic; text-transform:none; }
p span.cap {color:#033; text-transform:uppercase!important; margin-bottom:0.6em; padding-bottom:0.6em; font-style:normal; font-weight:500!important; border-bottom:0px solid #ffffff;}

h4 { font-size:1.8em; margin-bottom:0.6em; padding-bottom:0.6em; border-bottom:1px solid #C3C4BF; font-weight:200; }

h6 {
	font-size:2.4em;
	line-height:130%;
	font-weight:400;
	margin:0 0 0.6em;
	text-align:left;
	display:block;
	font-family:"futura-pt-n5","futura-pt",sans-serif;
	font-style:normal;
	font-weight:normal;
	font-weight:500;
}

p, big, small, table { font-size:1.5em; line-height:120%; font-weight:400; margin:0 auto 1.2em; text-align:left; }
p, big, small { display:block; margin-left:0; }
p a { text-decoration:none; }
.desktop p a:hover { text-decoration:underline; }
p.cent { text-align:center; }
p.qlist { line-height:160%; }

p { font-weight:200; }
big { font-size:1.2em; font-weight:600; }
small { font-size:1.2em; }
strong { font-weight:400; }

.panels { display:block; font-size:2.4em; font-weight:400; font-style:italic; }
.panels b { font-style:normal !important; }
.panels span { font-size:60%; }
article div div .panels { text-align:center !important; }
.page-template-page-homepage article div div .panels { text-align:left !important; }

.nbp div { padding-bottom:0 !important; margin-bottom:0; }
	
.multicol {
	-moz-column-count:2;
	-moz-column-gap:40px;
	-webkit-column-count:2;
	-webkit-column-gap:40px;
	column-count:2;
	column-gap:40px;
	text-align:left;
	margin:0 auto 30px;
	width:92%;
	max-width:1120px
}

.port { display:none; }

.ico { background-position:left center; background-repeat:no-repeat; display:block; position:relative; padding-left:30px; font-weight:500; line-height:160%; }
.car { background-image:url(img/icons/car.png); }
.rail { background-image:url(img/icons/rail.png); }
.park { background-image:url(img/icons/park.png); }

.soldoutTop, .soldoutBot { display:block; position:absolute; margin:-2.6%; width:50%; max-width:170px; height:auto; max-height:170px; z-index:10; pointer-events:none !important; }
.soldoutTop { top:0; left:0; }
.soldoutBot { right:0; bottom:0; }

/*homepage*/
.page-template-page-homepage article .col1 img {
	max-width:45%;
	/*float:right;
	
	margin:0 0 5px 10px;*/
}


/* ==========================================================================
   VIDEOS
   ========================================================================== */

.trailer { border:2px solid #300; cursor:pointer; }
.trailer, .trailer img { display:block; position:relative; margin:0 auto; max-width: 500px;}
.trailer iframe, .trailer i { display:block; position:absolute; top:0; right:0; left:0; bottom:0; margin:0; padding:0; width:100%; height:100%; z-index:0; }
.trailer i { background:rgba(255,255,255,0) url(img/icons/play.png) center center no-repeat; z-index:1; }
.desktop .trailer:hover i { background:rgba(255,255,255,0.6) url(img/icons/play.png) center center no-repeat; }



/* ==========================================================================
   PHOTOS
   ========================================================================== */   
   
   
   
   

/* ==========================================================================
   GOOGLE MAPS
   ========================================================================== */

#map { display:block; position:relative; }
#map_div {
	width:100%;
	height:400px;
	clear:both;
	background:#CCC;	
	position:relative;
	display:block;
	margin:2.6em 0 0.6em;
	z-index:1;
	border:2px solid #033;
	/*border-left:2px solid #033;*/
	padding:1px 0 0 1px;
	background:#033 url(img/spacers/maps.jpg) center center no-repeat;
	background-size:cover !important;
	overflow:hidden !important;
}

#map_div .gm-style-cc,
#map_div .gmnoprint,
#map_div .gm-style div:nth-of-type(2) a div {display:none !important;}

#map .marker {
	position:absolute;
	display:block;
	z-index:10;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:70px;
	height:54px;
	margin:auto;
	text-align:center;
}



/* ==========================================================================
   LEGALS
   ========================================================================== */

.page-template-page-legals .col.two {
	max-width: 1120px;
}
.page-template-page-legals section table {
	-webkit-column-span:all;
	column-span:all;
	position:relative;
	font-size:80%;
	margin:0 auto 30px;
	width:100%;
}

.page-template-page-legals section table td {
	vertical-align:top;
	text-align:left;
	line-height:130%;
	padding:1%;
	font-size: 1.5em;
	font-weight: 200;
}

.page-template-page-legals section table td p {
	font-size: 1em;
}

.page-template-page-legals section h4 { font-weight:700; }

.page-template-page-legals section ul { margin:0 auto 2em 2em; clear:both; list-style:disc; display:block; width:auto; padding:0}
.page-template-page-legals section ol { margin:0 auto 2em 2em; clear:both; list-style:upper-alpha;}
.page-template-page-legals section li { font-size:1.5em; line-height:130%; font-weight:400; margin:0 auto 0.8em; padding:0 0 0 0.4em; text-align:left !important ; display:list-item !important; }
.page-template-page-legals section li ul { margin-top:1em; }
.page-template-page-legals section li ul li { font-size:100%; }
.page-template-page-legals section li ul li a:hover { text-decoration:underline; }



/* ==========================================================================
   CAROUSEL STYLES
   ========================================================================== */

.owl-carousel .animated {
  -webkit-animation-duration:1000ms;
  animation-duration:1000ms;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}
.owl-carousel .owl-animated-in {
  z-index:0;
}
.owl-carousel .owl-animated-out {
  z-index:1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name:fadeOut;
  animation-name:fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
  }
}
@keyframes fadeOut {
  0% {
    opacity:1;
  }

  100% {
    opacity:0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -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;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  width:100%;
  height:auto;
  -webkit-tap-highlight-color:transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position:relative;
  z-index:1;
}
.owl-carousel .owl-stage {
  position:relative;
  -ms-touch-action:pan-Y;
}
.owl-carousel .owl-stage:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}
.owl-carousel .owl-stage-outer {
  position:relative;
  overflow:hidden;
  height:auto !important;
  padding-bottom:50px;
  /* fix for flashing background */
  -webkit-transform:translate3d(0px, 0px, 0px);
}


.owl-carousel .owl-controls, .owl-carousel .owl-controls .owl-nav {
	display:block;
	position:absolute;
	margin:auto;
	padding:0;
	height:0;
	width:99%;
	top:auto;
	left:0;
	right:0;
	bottom:0;
	overflow:visible !important;
	z-index:100;
}
.owl-carousel .owl-controls .owl-nav { top:0; }

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

.owl-prev, .owl-next {
	position:relative;
	display:block;
	margin:0;
	z-index:100;	
	cursor:pointer !important;
	text-transform:uppercase;
	text-align:center;
	width:40px;
	height:40px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	text-indent:-1000000px;
	
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	top:6em;
}
.owl-prev { background:url(img/buttons/arr-l.png) center center no-repeat; background-size:contain !important; left:-40px; }
.owl-next { background:url(img/buttons/arr-r.png) center center no-repeat; background-size:contain !important; right:-44px; }

#thumbs .owl-prev, #thumbs .owl-next { top:-220px; }

.desktop .owl-prev:hover, .desktop .owl-next:hover {
	color:#000;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

.owl-prev { float:left; }
.owl-next { float:right; }

.owl-carousel.owl-loaded {
  display:block;
}
.owl-carousel.owl-loading {
  opacity:0;
  display:block;
}
.owl-carousel.owl-hidden {
  opacity:0;
}
.owl-carousel .owl-refresh .owl-item {
  display:none;
}
.owl-carousel .owl-item {
  position:relative;
  min-height:1px;
  float:left;
  /*margin-left:-5px;  MsM */
  -webkit-backface-visibility:hidden;
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.owl-carousel .owl-item img {
  display:block;
  width:100%;
  -webkit-transform-style:preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select:auto;
  -moz-user-select:auto;
  -ms-user-select:auto;
  user-select:auto;
}
.owl-carousel .owl-grab {
  cursor:move;
  cursor:-webkit-grab;
  cursor:-o-grab;
  cursor:-ms-grab;
  cursor:grab;
}
.owl-carousel.owl-rtl {
  direction:rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float:right;
}

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

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity:0;
  -webkit-transition:opacity 400ms ease;
  -moz-transition:opacity 400ms ease;
  -ms-transition:opacity 400ms ease;
  -o-transition:opacity 400ms ease;
  transition:opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style:preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position:relative;
  height:100%;
  background:#000;
}
.owl-carousel .owl-video-play-icon {
  position:absolute;
  height:80px;
  width:80px;
  left:50%;
  top:50%;
  margin-left:-40px;
  margin-top:-40px;
  /*background:url(owl.video.play.png) no-repeat;*/
  cursor:pointer;
  z-index:1;
  -webkit-backface-visibility:hidden;
  -webkit-transition:scale 100ms ease;
  -moz-transition:scale 100ms ease;
  -ms-transition:scale 100ms ease;
  -o-transition:scale 100ms ease;
  transition:scale 100ms ease;
}
.desktop .owl-carousel .owl-video-play-icon:hover {
  -webkit-transition:scale(1.3, 1.3);
  -moz-transition:scale(1.3, 1.3);
  -ms-transition:scale(1.3, 1.3);
  -o-transition:scale(1.3, 1.3);
  transition:scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display:none;
}
.owl-carousel .owl-video-tn {
  opacity:0;
  height:100%;
  background-position:center center;
  background-repeat:no-repeat;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  -webkit-transition:opacity 400ms ease;
  -moz-transition:opacity 400ms ease;
  -ms-transition:opacity 400ms ease;
  -o-transition:opacity 400ms ease;
  transition:opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position:relative;
  z-index:1;
}

#unsupported {
	display:block !important;
	position:fixed !important;
	top:0 !important;
	right:0 !important;
	left:0 !important;
	bottom:0 !important;
	width:100% !important;
	height:100% !important;
	background:#000000 !important;
	z-index:999999 !important;
}

#unsupported a, #unsupported img {
	position:relative !important;
	display:block !important;
	margin:0 auto !important;
	text-align:center !important;
}

#unsupported img { width:100% !important; max-width:680px !important; height:auto !important; max-height:680px!important; }



/* ==========================================================================
   HERO CAROUSEL & MODS
   ========================================================================== */

.picSlides {
	display:block;
	position:relative;
	margin:0 auto;
	
	/*-webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.2);*/
}



.picSlides .item span { display:block; position:absolute; left:0; bottom:0; right:0; margin:0; padding:1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; font-size:1.4em; font-weight:600; background:url(img/backgrounds/opal-black.png) 0 0 repeat; }

.picSlides.owl-carousel .owl-controls, .picSlides.owl-carousel .owl-controls .owl-nav { top:0 !important; width:93% !important; }
.picSlides.owl-carousel .owl-stage-outer { padding-bottom:0 !important; }

.owl-item { background-color:#033 !important; }

.owl-dots { display:block; position:relative; margin-top:26%; }
.owl-dot {
	display:inline-block;
	zoom:1;
	*diplay:inline;
	width:14px;
	height:14px;
	margin:0 2px;
	background:#033;
	border:2px solid #FFF;
	border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.desktop .owl-dot:hover, .owl-dot.active {
	background:#3FB8AE;
	border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

#blurSlides {
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	width:100%;
	height:100%;
	background:red;
	overflow:hidden !important;
	
	filter:blur(6px);
	-webkit-filter:blur(6px);
	-moz-filter:blur(6px);
	-o-filter:blur(6px);
	-ms-filter:blur(6px);
	filter:url(#blur);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
}
i#blurBg {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	width:100%;
	display:block;
	background:url(img/backgrounds/opal-green.png) 0 0 repeat;
}




/* ==========================================================================
   TICKER
   ========================================================================== */

#carousel { margin-top:-100px; }
#carousel div { text-align:center; width:200px; height:250px; float:left; position:relative; }
#carousel div img { border:none; }
#carousel div span { display:none; }
.desktop #carousel div:hover span {
	background-color:#333;
	color:#fff;
	font-family:Arial, Geneva, SunSans-Regular, sans-serif;
	font-size:14px;
	line-height:22px;
	display:inline-block;
	zoom:1;
	*display:inline;
	width:100px;
	padding:2px 0;
	margin:0 0 0 -50px;
	position:absolute;
	bottom:30px;
	left:50%;
	border-radius:3px;
}



/* ==========================================================================
   REGISTRATION FORM
   ========================================================================== */

.TxtField, .goBtn {
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    -ms-appearance:none !important;
    -o-appearance:none !important;
    appearance:none !important;
	box-shadow:none !important;
	
	font-family:"futura-pt-n4","futura-pt",sans-serif;
	font-style:normal;
	font-weight:normal;
	font-weight:400;

	transition:all 0.25s linear;
	-o-transition:all 0.25s linear;
	-ms-transition:all 0.25s linear;
	-moz-transition:all 0.25s linear;
	-webkit-transition:all 0.25s linear;
	
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:top;
}

.TxtField {
	text-align:left;
	outline:none;
	background:none;
	border:1px solid #FFF;
	color:#FFF;
	margin:0 2% 0 0;
	padding:0px 1%;
	font-size:1.6em;
	font-weight:200;
	width:62%;
	height:22px;
	float:left;
}
.TxtField:focus {
 	color:#FFF; 
}
.goBtn {
	border:none;
	text-decoration:none;
	margin:0 0 0 2%;
	padding:2px 1%;
	color:#033;
	font-size:1.6em;
	font-weight:400;
	text-transform:uppercase;
	background:#FFF;
	width:30%;
}
.desktop .goBtn:hover { background:#3FB8AE; color:#FFF; text-decoration:none; cursor:pointer; }

.wpcf7 .ajax-loader {
	width: 16px;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	text-align: left;
	top: 30px;
	color: #fff;
	font-size: 16px;
	width: 200px;
}

div.wpcf7-validation-errors {
	display: none !important;
}

div.wpcf7-response-output {
	border: none;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin: 0.5em 0;
}

#msg { display:block; position:relative; margin:0.6em 0; }
.errorMsg, .general-error { font-size:1.4em; color:#3FB8AE; }

/* ==========================================================================
   REVIEW
   ========================================================================== */

img.review { position:relative; display:block; margin:0 auto; width:73%; height:auto; }
span.review {font-family:"CaslonFSMediumBold", "Times New Roman", Times, serif; text-transform:uppercase; font-weight:1200; font-size:2.2em; color:#000;}
span.reviewTitle { font-size:2.5em; margin-top:0.6em; margin-bottom:0.4em; padding-bottom:0.8em; text-align:center;}
p.cap{font-size:1.5em; margin-left:13%;}
a.review{ margin-left:20px; font-size:0.6em; border:1px solid #3FB8AE; padding:2px 4px;}
a.review:hover { background:#3FB8AE; color:#FFF; text-decoration:none; cursor:pointer; }
span.reviewBtn {
	border:none;
	text-decoration:none;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:middle;
	width:100px;
	margin:0;
	padding:4px 12px;
	color:#3FB8AE;
	font-size:1.8em;
	font-weight:400;
	text-transform:uppercase;
	background:#3FB8AE;
	border:1px solid #3FB8AE;
	float:left;
}



/* ==========================================================================
   FOOTER
   ========================================================================== */

footer { display:block; position:relative; background:#033; color:#FFF; padding:1em 0 2em; border-top:4px solid #C3C4BF;; }
footer article { max-width:940px; margin:0 auto; padding:0; }
footer a { color:#FFF; }
footer p { margin:0 auto 0.6em; }

footer nav { display:block; margin:0 auto; width:96%; max-width:920px; position:relative; }
footer nav ul, footer nav ul li, footer nav p { display:inline-block; zoom:1; *display:inline; margin:0 auto; vertical-align:middle; }
footer nav ul li, footer nav p { font-size:1.3em; line-height:120%; font-weight:200; }
footer nav ul li { text-align:center; margin-right:0.8em; padding-right:0.8em; border-right:1px solid #FFF; }
footer nav ul li:last-of-type { margin-right:0 !important; padding-right:0 !important; border-right:none !important; }
footer nav p { text-align:right; float:right; }
footer nav ul { float:left; }



/* ==========================================================================
   MOBILE MODIFIERS
   ========================================================================== */

.xmob {display:block; zoom:1;}
.mob {display:none; width:90%; max-width:400px; margin:1em auto 0; }



/* ==========================================================================
   IE CLASSES
   ========================================================================== */

.lt-ie9 #vidFrame { overflow:hidden !important; background:#FFF372; border:10px solid #FFF;  }

.lt-ie8 .xmob,
.lt-ie8 #wrapper section ul li,
.lt-ie8 footer ul li,
.lt-ie8 header nav li {display:inline;}



/* ==========================================================================
   OLD UNSUPPORTED BROWSERS
   ========================================================================== */

#unsupported {
	display:block !important;
	position:fixed !important;
	top:0 !important;
	right:0 !important;
	left:0 !important;
	bottom:0 !important;
	width:100% !important;
	height:100% !important;
	background:#000000 !important;
	z-index:999999 !important;
}

#unsupported a, #unsupported img {
	position:relative !important;
	display:block !important;
	margin:0 auto !important;
	text-align:center !important;
}

#unsupported img { width:100% !important; max-width:680px !important; height:auto !important; max-height:680px!important; }



/* ==========================================================================
   MSM MODS
   ========================================================================== */

.centered, .centered h3, .centered h4, .centered p, .centered strong, .centered big { text-align:center !important; }

.tohide { border-color:transparent !important; }



/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color:transparent;
    border:0;
    overflow:hidden;
    /* IE 6/7 fallback */
    *text-indent:-9999px;
}
.ir:before {
    content:"";
    display:block;
    width:0;
    height:100%;
}
.hidden {
    display:none !important;
    visibility:hidden;
}
.visuallyhidden {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto;
}
.invisible {
    visibility:hidden;
}
.clearfix:before,
.clearfix:after {
    content:" "; /* 1 */
    display:table; /* 2 */
}

.clearfix:after {
    clear:both;
}
.clearfix {
    *zoom:1;
}



/* Responsive breakpoints */
@media (max-width:1140px) {
	header nav ul li a { padding:0.4em 0.6em; }
}

@media (max-width:1080px) {
	header nav ul li a { padding:0.4em 0.4em; }
}

@media (max-width:1050px) {
	header nav { font-size:1.6em; height:29px !important; max-height:29px !important; }
}

@media (max-width:1040px) {
	article .gallery li { width:50%%; }
}

@media (max-width:910px) {
	footer { display:block; position:relative; background:#033; color:#FFF; padding:1em 0 2em; border-top:4px solid #C3C4BF;; }
	footer article { max-width:940px; margin:0 auto; padding:0; }
	footer a { color:#FFF; }
	footer p { margin:0 auto 0.6em; }
	
	footer nav ul, footer nav p { display:block; float:none; text-align:center; margin:1em auto; vertical-align:middle; }
	footer nav ul li { margin-top:0.6em; margin-bottom:0.4em; }
	
	#accList li { width:33.333333%; }
}

@media (min-width:781px) {
	#overlay, #mobnav { display:none !important; }
	header nav ul li.menu-item-has-children ul { height:auto !important; margin-top:-13px !important; }
	h1, #logo { z-index:999999; }
}

@media (min-width:1049px) {
	header nav ul li.menu-item-has-children ul { margin-top:-2px !important; }
}

@media (max-width:796px) {
	.timeList li { width:33.333333%; }
}

@media (max-width:780px) {
	header { position:relative !important; background-color:#033; }
	header nav { position:relative; display:block; width:auto; height:0 !important; z-index:100; margin:0; background:none; border-bottom:none; }
	header nav li a { text-align:left; }
	
	.focused { display:block !important; }
	
	h1 { margin:0 auto 1.2em; padding-top:0.2em; }
	#logo { max-width:300px; }
	hgroup { margin:-1.4em auto 1.4em; }
	
	.picSlides.owl-carousel .owl-controls .owl-nav { margin-top:-8em; }
	
	#overlay { display:none; position:fixed; top:0; left:0; right:0; bottom:0; margin:0; padding:0; background:url(img/backgrounds/opal-black.png) /*background:rgba(0,0,0,0.6);*/ 0 0 repeat; z-index:-1; }

	#navbox { display:block; }
	#mobnav { margin:0;}
	.desktop #mobnav:hover { background:#033; }
	
	#mobnav { 
		position:absolute;
		display:block;
		top:0;
		right:0;
		left:0;
		margin:-11.2em 1.2em auto auto;
		border:1px solid #FFF;
		height:36px; 
		width:36px; 
		z-index:100;
		cursor:pointer;
	}
	#mobnav:before { 
		border-bottom:17px double #FFF;
		border-top:6px solid #FFF;    
		content:"";
		height:5px; 
		position:absolute; 
		right:3px;  
		top:4px; 
		width:30px; 
	}

	#navbox { background:#033; display:block; position:relative; font-size:1.2em; /*overflow:hidden !important;*/ height:auto !important; }
	#navbox {
		-webkit-box-shadow:5px 0px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:5px 0px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow:5px 0px 10px 0px rgba(0, 0, 0, 0.5);
	}
		
	header nav ul { margin:0; width:100%; text-align:left; }
	header nav ul li { display:block; margin:0.4em 0; float:none; border-bottom:1px solid #FFF; }
	header nav ul li > a { padding:0.4em 0 0.6em 0.6em; }
	
	header nav ul li.menu-item-has-children ul li a { padding-left:0.6em; }

	header nav ul li.menu-item-has-children ul {
		position:relative;
		top:0;
		left:0;
		margin:0 auto;
		padding:0;
		width:100%;
		background:url(img/backgrounds/opal-black.png) top center repeat;
	}
	header nav ul li.menu-item-has-children ul { opacity:1 !important; }
	#menu8 { margin-bottom:0 !important; }
	
	.owl-dots { display:none !important; }
	
	.two > li.onethird, .two > div.onethird,
	.two > li.threethirds, .two > div.threethirds,
	.two > li, .two > div { width:100%; }
	.three > li, .three > div { width:50%; }
	.four > li, .four > div { width:33.333333%; }
	
	footer .two > li, footer .two > div { width:50%; }
			
	#map_div { margin-top:0; }
	ul.grid.col.three.gallery { width:100%; }
	.col > div.threethirds > div { width:100%; }
	
	.tohide { display:none !important; }

}

@media (max-width:666px) {
	.multicol {
		-moz-column-count:1;
		-moz-column-gap:0px;
		-webkit-column-count:1;
		-webkit-column-gap:0px;
		column-count:1;
		column-gap:0px;
		margin:0 auto;
	}
	
	.owl-prev { left:-20px; }
	.owl-next { right:-24px; }
	
	#accList li { width:50%; }
}

@media (max-width:600px) {
	.mob {display:block}	
	
	.sml {font-size:8px !important; line-height:9px !important; display:inline-block;}
	.timeList li { width:50%; }
}

@media (max-width:520px) {
	body { font-size:55%; }
	header #siteticker { width:3000px !important; min-width:3000px !important; height:14px !important; max-height:14px !important; }
	
	#mobnav { margin:-12.6em 1.2em auto auto; }
	
	.land { display:none; }
	.port { display:inline-block; zoom:1; *display:inline; }
	
	.TxtField { display:block; width:99.5%; text-align:center; padding:0.3em 0; margin:0 auto 0.6em; }
	.goBtn { display:block; width:99.6%; text-align:center; padding:0.6em 0; margin:0 auto; }
	.gallery li { width:50%; }
	
	.col > div { padding-bottom:2em; }
	.pages > li, .three > div { width:100%; }
	
	.btn { margin:0 auto; }
	
	#map { width:95%; margin:0 auto; }
	#map_div { height:160px; }
	
	aside { width:40%; }
}

@media (min-width:401px) {
	#accList li { min-height:207px !important; }
}


@media (max-width:400px) {
	footer .two > li, footer .two > div { width:100%; }
	footer p { text-align:center; }
	
	#accList li { width:100%; height:auto !important; border-bottom:1px solid #C3C4BF; padding-bottom:1em; margin-bottom:0; text-align:center; }
	#accList b { display:none; }
}


@media (max-width:360px) {
	body { font-size:52%; }

	.timeList li { width:100%; }
}


/* iPad 1 */
@media only screen and (min-device-width :768px)
		and (max-device-width :1024px)
		and (-webkit-min-device-pixel-ratio:1){

}

/* iPad 2 */
@media only screen and (min-device-width :768px)
		and (max-device-width :1024px) {

}

/* iPad 3 */
@media only screen and (min-device-width :768px)
		and (max-device-width :1024px)
		and (-webkit-min-device-pixel-ratio:2) {

}

/* iPad Retina */
@media only screen and (min-device-width :768px)
		and (max-device-width :1024px)
		and (-webkit-min-device-pixel-ratio:1) {

}

/* iPhone 6+ */
@media only screen and (min-device-width :540px)
		and (max-device-width :960px) {

}

/* iPhone 6 */
@media only screen and (min-device-width :375px)
	and (max-device-width :667px) {

}

/* iPhone 5 / iPhone 5S */
@media only screen and (min-device-width :320px)
		and (max-device-width :568px) {
}

/* iPhone 2G / iPhone 3G / iPhone 4 / iPhone 4S */
@media only screen and (min-device-width :320px)
and (max-device-width :480px) {

}




/* ==========================================================================
   Print styles.
   ========================================================================== */

@media print {
    * {
        background:transparent !important;
        color:#000 !important; /* Black prints faster:h5bp.com/s */
        box-shadow:none !important;
        text-shadow:none !important;
    }

    a,
    a:visited {
        text-decoration:underline;
    }

    a[href]:after {
        content:" (" attr(href) ")";
    }

    abbr[title]:after {
        content:" (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }

    pre,
    blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }

    thead {
        display:table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside:avoid;
    }

    img {
        max-width:100% !important;
    }

    @page {
        margin:0.5cm;
    }

    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }

    h2,
    h3 {
        page-break-after:avoid;
    }
}

div.fb-activity.fb_iframe_widget, iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered { width:90% !important; max-width:1030px !important; position:relative !important; display:block !important; margin:4em auto 2em !important; }
div.fb-activity.fb_iframe_widget { color:#000 !important; }









/* ==========================================================================
   POPUP STYLES
   ========================================================================== */

/* Magnific Popup CSS */
.mfp-bg { top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:url(img/backgrounds/opal-black.png) 0 0 repeat; /*opacity:0.8; filter:alpha(opacity=80);*/ }
.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:86%; left:0; top:0; padding:3em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.mfp-container:before { content:''; display:inline-block; zoom:1; *display:inline; height:100%; vertical-align:middle; }
.mfp-align-top .mfp-container:before { display:none; }
.mfp-content { position:relative; display:inline-block; zoom:1; *display:inline; 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:pointer; }
.mfp-zoom { cursor:pointer; cursor:pointer; }
.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; }
.desktop .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 { line-height:44px; right:0; top:0; }
.desktop .mfp-close:hover, .desktop .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:#FFF; text-align:right; width:100%; font-size:6em; padding:0.2em 0; }
.mfp-counter { position:absolute; display:block; height:1px; top:0; right:0; bottom:0; margin:auto 0.6em; font-size:1.3em; font-weight:500; color:#033; word-wrap:break-word; padding:1em 0.8em; }

.mfp-image-holder .mfp-close { width:auto; float:right; font-size:2em; font-weight:400; background:#033; padding:0 0.5em; line-height:1.5em; z-index:999999; display:block; position:relative; border:1px solid #FFF; border-bottom:none; }

.mfp-arrow {
	position:absolute;
	opacity:0.65;
	filter:alpha(opacity=65);
	margin:0;
	top:60%;
	margin-top:-55px;
	padding:0;
	width:70px;
	height:70px;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	
	background:#033 !important;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
}
.mfp-arrow:active { margin-top:-54px; }
.desktop .mfp-arrow:hover, .desktop .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;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:25px;
	border:medium inset transparent;
}
.mfp-arrow-right:after { left:5px; }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width:13px; border-bottom-width:13px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width:21px; border-bottom-width:21px; opacity:0.7; }

/*.mfp-arrow-left { left:0; background:url(img/buttons/arr-l.png) center center no-repeat !important; }*/
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right:17px solid white; margin-left:20px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left:20px; }

.mfp-arrow-left::after, .mfp-arrow-left .mfp-a { border-right:17px solid #FFF; border-top:17px solid transparent; border-bottom:17px solid transparent; border-left:17px solid transparent; margin-left:6px; }

/*.mfp-arrow-right { right:0; background:url(img/buttons/arr-r.png) center center no-repeat !important; }*/
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left:17px solid white; margin-left:25px; }

.mfp-arrow-right::after, .mfp-arrow-right .mfp-a { border-right:17px solid transparent; border-top:17px solid transparent; border-bottom:17px solid transparent; border-left:17px solid #FFF; }

.mfp-close, .mfp-arrow-left, .mfp-arrow-right {
	-webkit-transition:all 0.3s ease-out; 
	-moz-transition:all 0.3s ease-out; 
	-o-transition:all 0.3s ease-out; 
	transition:all 0.3s ease-out;
	z-index:1000;
}
.mfp-arrow-left:hover, .mfp-arrow-right:hover { color:#FFF; background:url(../img/backgrounds/opal-white.png) 0 0 repeat; }
.mfp-close { top:0; right:0; }
.mfp-arrow-left { left:2em; }
.mfp-arrow-right { right:2em; }


.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; max-height:100% !important; display:block; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; border:1px solid #FFF; 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);*/ }
.mfp-figure small {
color:#bdbdbd; display:block; font-size:12px; line-height:14px; }
.mfp-figure figure { margin:0; }
.mfp-bottom-bar { background:#FFF; position:relative; top:100%; left:0; width:100%; cursor:auto; }
.mfp-title { width:86%; text-align:left; /*font-size:2.8em;*/ font-size:1.4em; line-height:1em; font-weight:400; color:#033; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0.6em 0 0.8em 0.6em; }
.mfp-image-holder .mfp-content { max-width:100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor:pointer; }



/* overlay at start */
.mfp-fade.mfp-bg {
opacity:0;

-webkit-transition:all 0.15s ease-out;
-moz-transition:all 0.15s ease-out;
transition:all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready { opacity:0.8;}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing { opacity:0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
	opacity:0;
	
	-webkit-transition:all 0.15s ease-out;
	-moz-transition:all 0.15s ease-out;
	transition:all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity:1; }
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity:0; }  

/* overlay Zoom */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity:0;
-webkit-backface-visibility:hidden;
/* ideally, transition speed should match zoom duration */
-webkit-transition:all 0.3s ease-out; 
-moz-transition:all 0.3s ease-out; 
-o-transition:all 0.3s ease-out; 
transition:all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container { opacity:1; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity:0.8; }

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg { opacity:0; }



@-webkit-keyframes fadeIn {
	0% {opacity:0;}	
	100% {opacity:1;}
}

@-moz-keyframes fadeIn {
	0% {opacity:0;}	
	100% {opacity:1;}
}

@-o-keyframes fadeIn {
	0% {opacity:0;}	
	100% {opacity:1;}
}

@keyframes fadeIn {
	0% {opacity:0;}	
	100% {opacity:1;}
}
.mfp-figure { 
  -webkit-animation-name:fadeIn;
	-moz-animation-name:fadeIn;
	-o-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-duration:.3s;
	-moz-animation-duration:.3s;
	-ms-animation-duration:.3s;
	-o-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
}



@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-container {
    padding-left:0;
    padding-right:0; }
	img.mfp-img { border-left:none; border-right:none; }
	/*.mfp-title { font-size:2.4em; }*/
}

@media all and (max-width:670px) {
  /*.mfp-title { font-size:2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .mfp-counter { font-size:1.6em; }*/
}


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

.postmsg img { max-width:15px; max-height:15px; }


.logosub { display:block; position:relative; margin:0 auto 1em; }
.logosub img { display:block; position:relative; max-width:300px; margin:0 auto; }

#navregister { display:none !important; }

@-moz-document url-prefix() { 
  #brdmenu ul li em { margin:-0.6em 0px auto !important; }
  .mfp-image-holder .mfp-close { margin-top:-31px; border-bottom:1px solid #FFF; }
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}