/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 12px; line-height: 1.431; height:100%; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #000; outline:0; }
a:focus { outline: thin dotted; outline:0; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input:focus, textarea:focus {outline: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ==|== non-semantic helper classes ======================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== primary styles =====================================================
   Author: Creative Motion Design
   ========================================================================== */

html { overflow: hidden; height:100%; width:100%; }
body { display:block; height:100%; width:100%; }
.social-bar-top { margin-top:30px; }
.site-container { display:block; height:100%; position:relative; }
.overlay {
	background:#FFF;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:19;
}

.img-overlay { position:absolute; width:100%; height:100%; z-index:1; }
.img-overlay-custom { position:absolute; z-index:1; }

/**
 * Header
 */
header {
	left:0;
	position:relative;
	top:0;
	width:100%;
	z-index:3000;
}

#page-1 header {
	-moz-animation-duration: 1s;
	-moz-animation-name: slidein;
	-webkit-animation: slidein 1s;
}

@-moz-keyframes slidein {
	from {
		top: -60px;
	} to {
		top:0;
	}
}

@-webkit-keyframes slidein {
	0% {
		top: -60px;
	}
	100% {
		top:0;
	}
}

header .inner { padding:0px 60px 0px 60px; }

h1 {
	float:left;
	font-size:20px;
	font-weight:normal;
	line-height: 24px;
    padding-top:20px;
	margin:0;
}
h1 a { text-decoration: none; }

.icons { float:right; display:none; }

nav { float:right; margin-top:3px; display:none; }
nav li { float:left; margin-right:20px; }
nav a, nav a:active, nav a:visited {
	color:#000;
	font-size:14px;
	line-height:15px;
	text-decoration:none;
}
nav a:hover {  }
nav li li { margin:0; }
nav a { display:inline-block; overflow:hidden; height: 20px; }
nav span { display:block; margin-top:1px;}
nav .dupe { margin-top:-16px; }
nav a.selected span { margin-top:0; }

nav ul li { position:relative; }
nav ul ul {
	background:#fff;
	display:none;
	left:-10px;
	padding:10px 10px 5px 10px;
	position:absolute;
	top:20px;
}
nav.default ul li:hover ul { display:block; }
nav ul li.li-submenu:hover ul { display:block; }
nav ul ul li { display:block; float:none; white-space: nowrap; }

.thumbs-wrapper a { float:left; margin-right:3px; }
.thumbs-wrapper a.last { margin-right:0; }


.facebook-link {
	float:left;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	margin:1px 4px;
	text-decoration: none;
}

.facebook-link span {
	background:url(images/eve-facebook.png) no-repeat;
	display:block;
	height:16px;
	margin-top:2px;
	text-indent:-9999px;
	width:16px;
}

.twitter-link {
	float:left;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	margin:1px 4px;
	text-decoration: none;
}

.twitter-link span {
	background:url(images/eve-twitter.png) no-repeat;
	display:block;
	height:16px;
	margin-top:2px;
	text-indent:-9999px;
	width:16px;
}

.linkedin-link {
	float:left;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	margin:1px 4px;
	text-decoration: none;
}

.linkedin-link span {
	background:url(images/eve-linked.png) no-repeat;
	display:block;
	height:16px;
	margin-top:2px;
	text-indent:-9999px;
	width:16px;
}

#thumbsRight, #thumbsLeft {
	background:url(images/eve-next.png) no-repeat;
	display:block;
    visibility:hidden;
	height:16px;
	margin-top:7px;
	text-indent:-9999px;
	width:17px;
}

#thumbsLeft { background:url(images/eve-back.png) no-repeat; }

#thumbsRight:hover, #thumbsLeft:hover {opacity:.5;}

.arrow-left {
    cursor: url(images/back-button.cur), url(cms/templates/html/58/css/images/back-button.cur), pointer;
    height:100%;
    left:0;
    position:fixed;
    width:50%;
    z-index:101;
}
.arrow-right {
    cursor: url(images/next-button.cur), url(cms/templates/html/58/css/images/next-button.cur), pointer;
    height:100%;
    left:50%;
    position:fixed;
    width:50%;
    z-index:101;
}

.twitter-link span:hover, .copyright span:hover, .facebook-link span:hover, .linkedin-link span:hover{ background-position:0 -16px; }

.copyright { float:left; margin:1px 4px; position:relative; }
.copyright span {
	background:url(images/eve-copyright.png) no-repeat;
    font-family:"Arial";
    font-size:18px;
    line-height:18px;
	display:block;
	height:35px;
    width:35px;
	margin-top:2px;
	text-indent:-9999px;
}
.copyright span:hover{ background-position:0 -35px; }

.addthis_toolbox { width:16px; height:16px; float:left; margin:3px 4px; }
.addthis_toolbox .at300bs {
	background:url(images/eve-addthis.png) no-repeat;
	display:block;
	height:16px;
	margin:0;
	position:relative;
	text-indent:-9999px;
	width:16px;
}
.addthis_toolbox .at300bs:hover { background-position:0 -16px;   }

.addthis_default_style .at300b, .addthis_default_style .at300m { padding:0; }

.icons a { position:relative; }
.copyright:hover em, .copyright a:hover em { display:block; margin-top: 10px; }
.icons div em, .icons a em {
	background:#fff;
	box--shadow:0 0 5px #666;
	-moz-box--shadow:0 0 5px #666;
	-webkit-box--shadow:0 0 5px #666;
	display:none;
	font-family:Arial;
	font-size:10px;
	font-weight: normal;
	position:absolute;
	font-style: normal;
	right:-3px;
	white-space: nowrap;
}

/**
 * Text Based Content
 */
.content-area
{
	margin:5px 0 10px 60px;
	position:relative;
	top:0;
	left:0;
}

.text-wrapper {
	background:#FFF;
	box-shadow: 0 0 5px #666;
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow:0 0 5px #666;
	overflow: hidden;
	padding:5px; }
.text-block {
	float:left;
	height:100%;
	margin: 10px 15px 10px 10px;
	outline:none;
	width:38%;
}
.text-block .inner { overflow:auto; margin:5%; height:90%; }
.text-block p:first-child, .text-block h2:first-child, .text-block h3:first-child, .text-block h4:first-child, .text-block h5:first-child, .text-block h6:first-child { margin-top:0; }
.text-block-padding { padding:0 10px 0 0; }
.text-photos {
	display:block;
	float:right;
	height:100%;
	position:relative;
	width:60%;
}
.text-block-switch {float:right;}
.text-photos-switch {float:left;}
.slide img {
	display:none;
	max-height:100%;
	max-width: 100%;
	position:absolute;
	top:0;
}
.text-wrapper .slide img { }
.slide img:first-child { display:block; }

.home-page img { opacity:1;filter:alpha(opacity=0); }

/**
 * Home Content
 */

.box-shadow {
	box-shadow: 0 0 0px #666;
	-moz-box-shadow:0 0 0px #666;
	-webkit-box-shadow:0 0 0px #666;
}

.home-wrapper img {
	background-color:white;
	margin:0 auto;
}

.caption {
	background:#FFF;
	box-shadow: 0 0 5px #666;
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow:0 0 5px #666;
	color:#555;
	font-size:11px;
	margin:0;
	padding:8px 10px;
	position:absolute;
	z-index:1000;
}

.music-player {
    /*background:transparent url(./images/musicplayer.png) no-repeat;*/
    display:none;
    height:89px;
    padding-bottom:45px;
    padding-right:10px;
    position:absolute;
    bottom:0px;
    right: 0px;
    width:220px;
    z-index:1500;
}

#musicIcon {
    background:url(./images/musicicon.png) no-repeat 0px -35px;
    width:35px;
    height:35px;
    top:0;
    cursor:pointer;
    float:left;
    z-index:1501;
    display:none;
    margin-top:3px;
}

#musicIcon.off {
    background-position:0px 0px;
}

#music-on,#music-off {
    bottom:5px;
    color:#FFF;
    display:none;
    cursor:pointer;
    font-weight:bold;
    position:absolute;
    right:48px;
    z-index:1501;
}
#music-on { right:83px; }

#music-on.off, #music-off.off { color:#7f7e7e; }

/**
 * Gallery Page
 */
.thumbs {
	bottom:0;
	left:0;
	position:absolute;
	width:100%;
	z-index:1500;
}
.thumbs-container {
	height:106px;
	margin:0 auto;
	overflow: hidden;
	text-align: center;
	width:100%;
}
.thumbs-inner { min-width:100%; max-width: 140000px;}
.thumbs-wrapper { background:#FFF; display:inline-block; padding:3px; }
.thumbs img { filter:alpha(opacity=60); opacity:0.6; }
.thumbs img.selected, .thumbs img:hover { filter:alpha(opacity=100); opacity:1; }

.slideshow-controls {
	bottom:-43px;/*-55px;*/
	left:0;
	position:absolute;
	width:100%;
	z-index:1500;
}
.slideshow-controls-container {	margin:0 auto; text-align: center; width:100%; }
.slideshow-controls-inner { display:inline-block; padding:0; zoom:1; *display: inline; _height: 30px; }
.slideshow-controls a { display:none; float:left; font-size:14px; text-decoration:none; }
.thumbs-control {
	font-family: "Times New Roman";
	font-size:30px;
	font-weight: bold;
	line-height:18px;
}
.control-off { cursor:default; filter:alpha(opacity=50); opacity:0.5; }
.slideshow-status { margin: 5px 10px 7px 10px; }

.nav-icons { height:100%; position:absolute; top:0; left: 0;width:100%; z-index:40; }
.prev_image {
	background:url('images/back-button.cur') no-repeat top left;
	display:block;
	height:48px;
	left:0;
	outline:0;
	position:absolute;
	top:44%;
	width:48px;
    opacity:.5;
}
.next_image {
	background:url('images/next-button.cur') no-repeat top left;
	display:block;
	height:48px;
	outline:0;
	position:absolute;
	right:0px;
	top:44%;
	width:48px;
    opacity:.5;
}

/**
 * Forms
 */
.form-item { margin-bottom:10px; }
label {
	color:#999;
	display:block;
	font-size:14px;
	padding-left:3px;
}
input[type="text"], input[type="password"], textarea
{
	display: block;
    border-radius:3px;
    border:1px solid #999;
    font-size: 13px;
    color:#000;
    -webkit-appearance: none;
    margin-bottom: 10px;
    background: #FFF;
    width:96%;
    padding: 6px;
    max-width:457px;
}
textarea { height: 150px; max-width:457px; }
input.error, textarea.error   { border: 1px solid red; }
/*input.error, .error input, .error textarea {color:red;}
textarea.error { background:red; color:white;}*/
input.fade, textarea.fade { color:#999;}

label.error { color:red; }

input.button, input.clear, .success
{
    font-family:Arial;
    font-size: 13px;
    border-radius: 5px;
    -webkit-appearance: none;
    background: #666;
    /*box-shadow:0 0 3px #000;*/
    color:#fff;
    border:0;
    padding: 3px 18px;
    line-height:18px;
    margin:0 10px 3px 3px;
    float:left;
    clear:none;
}
.success { background:#444444; box-shadow:0; }

.clear { clear:both; }

input.button:hover, input.clear:hover { background-position:0 -21px; background:#999;}

/** Scroller **/
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 10px; background-color: #eee; }
.vscrollerbar { width: 10px; padding:10px 0 10px 0; background-color: #aaa; }
.vscrollerbasebeg { background: url(images/bar.jpg) no-repeat; width: 10px; height:10px; }
.vscrollerbaseend {	background: url(images/bar.jpg) no-repeat; width: 10px; height:10px; }
.scrollerjogbox { width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray; }
/** End **/

/** Video Page **/
.sections a { color:#000; display:block; margin:0 5px 20px 5px; float:left; text-decoration:none; width:422px;}
a.clearfix label, .sections a label{margin-top: 5px; width: 420px; height: 25px; display:block; /*float: left; font-family:BebasReg; font-size:18px; */line-height:25px;}

#videos {
    position:relative;
    height:100%;
    display:block;
    opacity:0;
}

#videos, .sections {
    position:absolute;
    top:20px;
    width:100%;
    z-index:2000;
}

#videos .center {
    position:relative;
    margin:0 auto;
    width:960px;
}

#videos span {
    background:#9d9d9d;
    border-color:#9d9d9d;
    color:white;
    display:block;
    font-family: TeXGyreAdventorBold;
    font-size:13px;
    margin-top:5px;
    padding:3px 0;
    text-align:center;
    width:300px;
}

.video { display:inline-block; margin:10px 20px 10px 0; vertical-align: top; }
.video a {
	-webkit-box-shadow:0 0 3px #333;
	-moz-box-shadow:0 0 3px #333;
	box-shadow:0 0 3px #333;
	background:#fff;
	display:inline-block;
	height:200px;
	width:300px;

	display: table-cell;
    text-align: center;
    vertical-align: middle;

	zoom: 1;
	*display: inline;
}
.video img { display:block; text-align: center; margin:0 auto; }
.video a:hover { -webkit-box-shadow:0 0 6px #555; -moz-box-shadow:0 0 6px #555; box-shadow:0 0 6px #555; }
#videos .center { position:relative; margin:0 auto; width:510px; }
#videos span {
	background:#9d9d9d;
	border-color:#9d9d9d;
	color:white;
	display:block;
	font-family:Arial, sans;
	font-size:13px;
	margin-top:5px;
	padding:3px 0;
	text-align:center;
	width:150px;
}
#video-controls { clear:both; }
#video-controls a {
	background:url(images/video.png) left bottom;
	color:#fff;
	display:inline-block;
	font-family:arial, sans;
	font-size:12px;
	line-height:12px;
	height:18px;
	margin-right:5px;
	padding:6px 8px 0px 8px;
	text-decoration: none;
	width:7px;

	zoom: 1;
	*display: inline;
}
#video-controls a:hover, #video-controls a#controlOn { background-position:left top; }
.clear { clear:both; }

.page .image { height:280px; overflow:hidden; width:420px; background:#989898; }
.page { border:1px solid transparent; }

.password-box {
    height:130px;
    margin:0 auto;
    padding:25px;
    width:320px;
    display:none;
}
.password-box input[type="password"] {
    border:1px solid white;
    border-radius:3px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin-bottom:12px;
    padding:3px 5px;
    width:100%;
}

.clickable:hover{cursor: pointer;}

.page-404 header, .page-404 .shadow, .page-404 .social-bar, .page-404 #footer { visibility:hidden; }
.page-404 .page-container, .page-404 .content-area, .page-404 #ajax { padding:0; }
.page-404 h1 {font-size:20px; margin:10px 0; line-height:50px; font-family: Arial, sanf-serif; font-weight: bold;}
.page-404 #ajax { margin:0; position:static; }
.page-404 .page-container,.page-404 .content-area { background:#FFF; position:fixed; top:0; left:0; height:100%; width:100%; }

			#photoSlider3  { position:absolute; left:0; padding:20px 0; width:100%; z-index:1000;}
			.sliderIn3     { padding:2px 30px; width: 98%; margin: 0 auto 0 auto; }
			.sliderIn3 img {
				border:1px solid transparent;
				cursor:pointer;
				display:block;
				float:left;
				margin:0 4px 4px 0;
			}
			.pages .sliderIn3 img { border:0; }

			.close3 {
				bottom:-40px;
				background-position:7px 8px;
				left:141px;
				opacity:0;
			}
			.close_label3 {
				left:109px;

			}


			#exit-wrapper {width: 50px; height: 50px;}
			#column-wrap {width: 100%;}
			.container {margin: auto; width: 100%; background: #fff}
			#image {}
			.left {float: left}
			.right {float: right}
			h1 { text-align: center}
			.image-grid { width: 100%; }
			.image-grid:hover { cursor: pointer}



			/*	6 columns*/
				#column-wrap6 .columns {width: 16%; float: left; }
				#column-wrap6 .col-1 { margin-right: .5%; display: block }
				#column-wrap6 .col-2 { margin-right: .5%; display: block }
				#column-wrap6 .col-3 { margin-right: .5%; display: block }
				#column-wrap6 .col-4 { margin-right: .5%; display: block }
				#column-wrap6 .col-5 { margin-right: .5%; display: block }
				#column-wrap6 .col-6 { margin-right: .5%; display: block}

			/*	5 columns*/
				#column-wrap5 .columns {width: 19.5%; float: left; }
				#column-wrap5 .col-1 { margin-right: .5%; display: block }
				#column-wrap5 .col-2 { margin-right: .5%; display: block }
				#column-wrap5 .col-3 { margin-right: .5%; display: block }
				#column-wrap5 .col-4 { margin-right: .5%; display: block }
				#column-wrap5 .col-5 { margin-right: .5%; display: block}
				#column-wrap5 .col-6 {display: none}

			/*  4 columns*/
				#column-wrap4 .columns {width: 24.5%; float: left; }
				#column-wrap4 .col-1 { margin-right: .5%; display: block }
				#column-wrap4 .col-2 { margin-right: .5%; display: block }
				#column-wrap4 .col-3 { margin-right: .5%; display: block }
				#column-wrap4 .col-4 { margin-right: .5%; display: block }
				#column-wrap4 .col-5 {display: none}
				#column-wrap4 .col-6 {display: none}

			/*	3 columns*/
				#column-wrap3 .columns {width: 32.9%; float: left; }
				#column-wrap3 .col-1 { margin-right: .5%; display: block }
				#column-wrap3 .col-2 { margin-right: .5%; display: block }
				#column-wrap3 .col-3 { margin-right: .5%; display: block }
				#column-wrap3 .col-4 {display: none}
				#column-wrap3 .col-5 {display: none}
				#column-wrap3 .col-6 {display: none}

			/*	2 columns*/
				#column-wrap2 .columns {width: 49.4%; float: left;  }
				#column-wrap2 .col-1 { margin-right: .5%; display: block }
				#column-wrap2 .col-2 { margin-right: .5%; display: block }
				#column-wrap2 .col-3 {display: none }
				#column-wrap2 .col-4 {display: none}
				#column-wrap2 .col-5 {display: none}
				#column-wrap2 .col-6 {display: none}

			.image-wrap{ margin-bottom: 5px}
			.overlay {width:100%; height:100%; background: #000; opacity: 1; position: fixed; top: 0px; left: 0px; z-index: 9999; display:none;}
/*			.zoom {z-index:10000; position: absolute; left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}*/
			.zoom {z-index:10000; position: fixed; display: none }
			#popup-exit { position: absolute; top: -20px; right: -20px; width: 50px; height: 50px; background: transparent url(/cms/images/exit_big.png) no-repeat; display: block; -webkit-transition: -webkit-transform 0.2s;transition: transform 0.2s; z-index: 10001}
			#popup-exit:hover {cursor: pointer;}
		    .zoom.arrowleft:hover, .overlay.arrowleft:hover {
			    cursor: url(images/back-button.cur), url(/cms/templates/html/58/css/images/back-button.cur), pointer;
			}
		    .zoom.arrowright:hover, .overlay.arrowright:hover {
			    cursor: url(images/next-button.cur), url(/cms/templates/html/58/css/images/next-button.cur), pointer;
			}
		    .zoom.thumb:hover, .overlay.thumb:hover {cursor: url(/cms/templates/html/58/css/images/thumbs.cur), pointer;}
			body.noScroll { overflow: hidden;}
			.image-box {width: 100%; position: relative }

			#photoSlider2, .vscrollerbase {background: rgba(0, 0, 0, 1);}
			#photoSlider2 {float: left; color: #FFFFFF; }
			#photoSlider2 { font-size: 12px; line-height: auto; background: #000; position: absolute; overflow-y: auto; overflow-x: hidden; overflow: auto; top:0px;  height: 100%; z-index: 1000;}

			#column-wrap2,#column-wrap3,#column-wrap4,#column-wrap5,#column-wrap6 { float: right; width: 100%; }
			#photoSlider2  { position:absolute; padding:20px 0; z-index:1000;}

			.sliderIn2 {
				padding: 2px 30px;
				width: 98%;
				margin: 0 auto 0 auto;
			}
			#caption{position:absolute; bottom:0px; width: 100%; z-index:10000; display: flex;}
			#caption-text{color: #000; background: #fff; z-index:10000; padding: 5px 20px 5px 20px; font-family: Arial; margin: auto; }