@font-face {
	font-family: 'Raleway';
	src: url('../fonts/raleway.woff') format('woff'),
		 url('../fonts/raleway.otf') format('opentype'),
		 url('../fonts/raleway.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RalewayB';
	src: url('../fonts/ralewayB.woff') format('woff'),
		 url('../fonts/ralewayB.otf') format('opentype'),
		 url('../fonts/ralewayB.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rosario';
	src: url('../fonts/rosario.woff') format('woff'),
		 url('../fonts/rosario.otf') format('opentype'),
		 url('../fonts/rosario.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body {
	color: #161616;
	font: 15px "Raleway", Arial, Helvetica;
	margin: 0px;
	padding: 0px;
	top: 0px !important;
}
html.inside, body.inside { padding: 0px 0px 0px 43px; }
html.mobile body.inside { padding: 0px; }
@media only screen and (max-width: 972px) {
	html.inside, body.inside { padding: 0px; }
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, img { display: block; }
table { border:none; border-collapse:collapse; }
object { height:0px; width:0px; position:absolute; }
a {
	outline: none;
	text-decoration: none;
	color: #1e8188;
	cursor:pointer;
}
a:hover {
	text-decoration: none;
	color: #161616;
}
p, form, input, ul, h1, h2, h3, h4, h5, figure, hr { margin: 0px; padding: 0px; }
ul li { list-style-type: none; list-style-position: outside; font-weight: normal; }
img { border: 0px; max-width:100%; height:auto; }
input, textarea, select {
	font: 100% "Raleway", Arial, Helvetica;
	outline: none;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	resize: none;
	border-radius: 0px;
}
input[type="text"], input[type="password"], textarea { -webkit-appearance: none; }
input[type="submit"], input[type="button"] { cursor: pointer; }
h1, h2, h3, h4 { font-family: "Rosario", Arial, Helvetica; font-weight: normal; }
h2 {
	color: #339ca3;
	font-size: 211%;
	line-height: 110%;
	margin-bottom: 17px;
}
@media only screen and (max-width: 480px) {
	h2 { font-size: 200%; }
}
h3 { font-size: 180%; }
p { font-weight: normal; }
p strong { font-family: "RalewayB"; }
iframe { border:0; }
hr {
	border: 0;
	width: 100%;
	color: #f00;
	background-color: #e6e6e6;
	height: 1px;
	margin: 24px 0px;
}
.clear {
	height: 0px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	float: none;
	border-width: 0px;
	border-style: none;
}
.boxSize, .boxSize2 ul, .boxSize3 li, .boxSize4 a, .boxSize5 span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.generalWrap {
	margin: auto;
	position: relative;
	max-width: 1216px;
	width: auto;
}
@media only screen and (max-width: 1304px) {
	.generalWrap {  margin: 0px 22px; }
}
.noPad { margin: 0px auto; }


/* ----------- SearchBox -----------*/
#searchBox {
	background: rgba(51,156,163,0.95);
	position: fixed;
	left: 0px;
	top: 0px;
	text-align: center;
	height: 140%;
	width: 100%;
	z-index: 30002;
	padding: 15% 0px 0px;
	display: none;
}
#searchBox > div {
	margin: auto;
	width: 70%;
}
@media only screen and (max-width: 654px) {
	#searchBox > div { width: 90%; }
}
#searchBox input[type="text"] {
	font-size: 35px;
	padding: 10px;
	width:80%;
}
#searchBox input[type="submit"] {
	background: #222222;
	color: #fff;
	font-size: 35px;
	padding: 10px 16px;
	width:20%;
}
@media only screen and (max-width: 1264px) {
	#searchBox input[type="text"] { width:100%; }
	#searchBox input[type="submit"] { width:100%; }
}
@media only screen and (max-width: 654px) {
	#searchBox input[type="text"], #searchBox input[type="submit"] { font-size: 25px; }
}
@media only screen and (max-width: 422px) {
	#searchBox input[type="text"], #searchBox input[type="submit"] { font-size: 19px; }
}
#searchBox input[type="submit"]:hover { background: #000; }
#searchBox a {
	border-radius: 26px;
	height: 54px;
	width: 54px;
	display: block;
	background: #1d838a;
	color: #FFF;
	font-size: 30px;
	line-height: 53px;
	margin: 30px auto 0px;
}
#searchBox a:hover {
	background: #fff;
	color: #e73f24;
}
#searchBox a:before { content: "X"; font:"RalewayB" }
.advanced {
	color:#fff;
	margin:0px auto;
	padding:17px 0px;
	text-align: left;
}
#searchBox .searchLabel {
	display: inline-block;
	font-size: 17px;
}
@media only screen and (max-width: 422px) {
	#searchBox .searchLabel { font-size: 15px; }
}


/* ----------- Header -----------*/
header.main {
	background:
		url(../img/blackBack.png) repeat-y,
		url(../img/tnBig.png) no-repeat right center;
	background-color:#e9e7e7;
	overflow: hidden;
}
@media only screen and (max-width: 498px) {
	header.main { overflow:visible; }
}
header.inside {
	background: url(../img/blackBack.png) repeat-y;
	background-color: #222;
	position:relative;
}
#menuButton {
	background: #dedede;
	cursor: pointer;
	display: none;
	font-size: 29px;
	height: 40px;
	left: 0px;
	position: fixed;
	text-align: center;
	top: 0px;
	width: 43px;
	z-index: 10001;
}
html.mobile #menuButton { display: block; background: #339ca3; }
#menuButton.inside { display: block; }
#menuButton:before {
	content: "";
	display: block;
	width: 25px;
	height: 0.125em;
	border-top: 0.375em double #339ca3;
	border-bottom: 0.125em solid #339ca3;
	margin: 11px auto 0px;
}
html.mobile #menuButton:before { border-color:#fff; }
@media only screen and (max-width: 972px) {
	#menuButton { display: block; background: #339ca3; }
	#menuButton:before { border-color:#fff; }
}
@media only screen and (max-width: 498px) {
	#menuButton { position: absolute; }
}


/* ----------- topNav -----------*/
#topNav {
	background: rgba(0,0,0,0.8);
	height: 42px;
	position: absolute;
	right:0px;
	width: 665px;
	z-index: 100;
	font-size: 14px;
	color:#fff;
}
#topNav.inside { background: rgba(44,44,44,0.8); }
@media only screen and (max-width: 1264px) {
	#topNav.main { width: 52.4%; }
}
@media only screen and (max-width: 952px) {
	#topNav { display: none; }
}
#topNav > ul > li {
	float: left;
	position: relative;
}
#topNav > ul > li > a {
	color: #FFF;
	display: block;
	height: 42px;
	line-height: 41px;
	text-align: center;
}
@media only screen and (max-width: 1090px) {
	#topNav > ul > li > a { font-size: 13px; }
}
#topNav > ul > li > a:hover { background-color:#fff !important; color:#000; }
#topNav ul li:nth-child(1) > a:before, #topNav ul li:nth-child(2) > a:before {
	content: '';
	display: inline-block;
	width:16px;
	height: 16px;
	position: relative;
	top: 3px;
	background: url(../img/topNavIcons.png) 0px top;
}
#topNav ul li:nth-child(2) > a:before { margin-right: 6px; }
#topNav > ul > li > a:hover:before { background-position: 0px bottom; }
#topNav ul li:nth-child(2) a:before { background-position: 16px 0px; }
#topNav ul li:nth-child(2) a:hover:before { background-position: 16px bottom; }
#topNav ul li > a:after {
	background-color: #464646;
	content: '';
	display: block;
	width:1px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 0px;
}
#topNav.inside ul li > a:after { background-color: #656565; }
#topNav ul li a:hover:after { display: none; }
#topNav ul li:nth-child(1) { width: 8%; background-color:#434343; }
#topNav ul li:nth-child(2) { width: 29%; }
#topNav ul li:nth-child(3) { width: 20%; }
#topNav ul li:nth-child(4) { width: 20%; }
#topNav ul li:nth-child(5) { width: 23%; }
#topNav ul li:nth-child(5) a { background-color:#339ca3; font:16px "RalewayB"; line-height: 51px; height: 52px; }
@media only screen and (max-width: 1090px) {
	#topNav ul li:nth-child(5) a { font-size:14px; }
}
#topNav ul li:nth-child(1) a:after, #topNav ul li:nth-child(4) a:after, #topNav ul li:nth-child(5) a:after { display: none; }

#topNav ul li:nth-child(2) > div {
	background-color:#fff;
	padding: 20px 24px;
	position: absolute;
	width: 240px;
	top:42px;
	display: none;
	border-right: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
}
#topNav ul li a.action { display:block; padding:4px 0px; }
#topNav ul li:nth-child(2) input[type="text"], #topNav ul li:nth-child(2) input[type="password"] {
	background-color:#f2f2f2;
	border: 1px solid #f2f2f2;
	margin-bottom: 14px;
	padding: 8px;
	width: 100%;
}
#topNav ul li:nth-child(2) input[type="text"]:focus, #topNav ul li:nth-child(2) input[type="password"]:focus {
	background-color:#fff;
	border: 1px solid #339ca3;
}
#topNav ul li:nth-child(2) input[type="submit"] {
	border-radius: 2px;
	background-color:#339ca3;
	color:#fff;
	font: 14px "RalewayB";
	padding: 8px;
	margin-right: 8px;
}
#topNav ul li:nth-child(2) input[type="submit"]:hover { background-color:#000; }
#topNav .active { background-color:#fff !important; color:#000; border-left: 1px solid #bebebe; }
#topNav ul li a#account.active:before { background-position: 16px bottom; }
#topNav ul li a.active:after, #topNav ul li a.forget:after { display: none; }
#topNav ul li:nth-child(4) > div {
	background-color:#fff;
	padding: 16px 14px;
	position: absolute;
	width: 170px;
	top:42px;
	right:0px;
	display: none;
}

/* ----------- Register -----------*/
a.register {
	border-radius: 2px;
	color: #fff;
	display:block;
	margin-top: 12px;
	font: 16px "RalewayB";
	text-align: center;
	padding: 8px 0px;
	background: #75a32d;
}
a.register:hover { background-color:#679422; color: #fff; }


/* ----------- nav main -----------*/
nav.main {
	background: #000;
	color:#fff;
	height: 659px;
	position: absolute;
	width: 280px;
	z-index: 10000;
	overflow: hidden;
}
@media only screen and (max-width: 1264px) {
	nav.main { width: 25%; }
}
@media only screen and (max-width: 952px) {
	nav.main { position: fixed; height: 1080px; width: 271px; left:-271px; }
}
@media only screen and (max-width: 498px) {
	nav.main { position:absolute; height: auto; width: 100%; left:-100%; }
}
nav.main .tn { display: block; margin: 42px auto; width: 235px; }
@media only screen and (max-width: 1112px) {
	nav.main .tn { margin: 26px auto; width: 200px; }
}
@media only screen and (max-width: 952px) {
	nav.main .tn { margin: 16px auto; width: 180px; }
}
@media only screen and (max-width: 1264px) {
	nav.main > ul { margin-left: 20px; }
}
nav.main > ul { margin-right: 20px; }
nav li.title {
	color: #4ebdc4;
	font: 17px "RalewayB";
	margin: 0px 0px 12px 20px;
	padding-top: 10px;
}
nav li.title span {
	border-radius: 2px;
	position: absolute;
	background: #3b3b3b;
	color: #FFF;
	height: 20px;
	width: 22px;
	line-height: 16px;
	text-align: center;
	right: 20px;
	top: 10px;
	cursor:pointer;
}
nav li.title span:hover { background: #339ca3; }
nav.main > ul > li > a {
	color: #fff;
	display: block;
	height: 43px;
	line-height: 42px;
	position:relative;
	border-top: 1px solid #242424;
}
@media only screen and (max-width: 1112px) {
	nav.main > ul > li > a { height: 38px; line-height:37px; }
}
nav.main > ul > li > a:hover { color: #4ebdc4; }

nav > ul > li.hide { display: none; }
@media only screen and (max-width: 952px) {
	nav > ul > li.hide { display: block; }
}
nav.main > ul > li > a:before {
	content: '';
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url(../img/navIcons.png);
	position: relative;
	top: 3px;
	margin-right: 12px;
}
@media only screen and (max-width: 1112px) {
	nav.main > ul > li > a:before { top:4px; }
}
nav.main > ul > li.item1 > a:before { background-position: 0px 0px; }
nav.main > ul > li.item2 > a:before { background-position: 0px -16px; }
nav.main > ul > li.item3 > a:before { background-position: 0px -32px; }
nav.main > ul > li.item4 > a:before { background-position: 0px -48px; }
nav.main > ul > li.item5 > a:before { background-position: 0px -64px; }
nav.main > ul > li.item6 > a:before { background-position: 0px -80px; }
nav.main > ul > li.item7 > a:before { background-position: 0px -96px; }
nav.main > ul > li.item8 > a:before { background-position: 0px -112px; }
nav.main > ul > li.item9 > a:before { background-position: 0px -128px; }
nav.main > ul > li.item10 > a:before { background-position: 0px -144px; }
nav.main > ul > li > ul {
	width: 100%;
	position: absolute;
	top: 170px;
	left: 100%;
}
@media only screen and (max-width: 1112px) {
	nav.main > ul > li > ul { top: 127px; }
}
@media only screen and (max-width: 952px) {
	nav.main > ul > li > ul { top: 100px; }
}

nav.main > ul > li > ul > li > a {
	color: #fff;
	display: block;
	padding: 10px 0px;
	border-top: 1px solid #242424;
	margin: 0px 20px;
}
nav.main > ul > li > ul > li:last-child > a { border-bottom: 1px solid #242424; }
nav.main > ul > li > ul > li > a:hover { color: #adadad; }


/* ----------- nav inside -----------*/
nav.inside {
	background: #dedede;
	position: fixed;
	width: 280px;
	z-index: 10000;
	padding-bottom: 16px;
	padding-right: 43px;
	left: -280px;
	top: 0px;
	height:1080px;
	overflow: hidden;
}
html.mobile nav.inside { background-color:#F3F3F3; padding-right:0px; }
nav:hover.inside { background-color:#F3F3F3; }
@media only screen and (max-width: 972px) {
	nav.inside { background-color:#F3F3F3; padding-right:0px; }
}
@media only screen and (max-width: 498px) {
	nav.inside { width: 100%; left: -100%; position:absolute; height:auto; border-right:0; }
}
nav.inside .tn { display: block; margin: 22px auto; width: 235px; }
nav.inside > ul { margin: 0px 20px; }
nav.inside li.title { color: #339ca3; font-family:"RalewayB"; }
nav.inside li.title span { background: #339ca3; }
nav.inside li.title span:hover { background: #adadad; }
nav.inside > ul > li > a {
	color: #161616;
	display: block;
	height: 42px;
	line-height: 43px;
	position:relative;
	border-top: 1px solid #d1d1d1;
}
@media only screen and (max-width: 1112px) {
	nav.inside > ul > li > a { height: 38px; line-height:37px; }
}
nav.inside > ul > li > a:hover { color: #339ca3; }

nav.inside > ul > li > a:before {
	content: '';
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url(../img/navIcons.png);
	position: relative;
	top: 1px;
	margin-right: 12px;
}
@media only screen and (max-width: 1112px) {
	nav.inside > ul > li > a:before { top:3px; }
}
nav.inside > ul > li:nth-child(2) > a:before { background-position: 0px -16px; }
nav.inside > ul > li:nth-child(3) > a:before { background-position: 0px -32px; }
nav.inside > ul > li:nth-child(4) > a:before { background-position: 0px -48px; }
nav.inside > ul > li:nth-child(5) > a:before { background-position: 0px -64px; }
nav.inside > ul > li:nth-child(6) > a:before { background-position: 0px -80px; }
nav.inside > ul > li:nth-child(7) > a:before { background-position: 0px -96px; }
nav.inside > ul > li:nth-child(8) > a:before { background-position: 0px -112px; }
nav.inside > ul > li:nth-child(9) > a:before { background-position: 0px -128px; }
nav.inside > ul > li > ul {
	width: 100%;
	position: absolute;
	top: 133px;
	left: 100%;
}
@media only screen and (max-width: 1112px) {
	nav.inside > ul > li > ul { top: 130px; }
}
nav.inside > ul > li > ul > li > a {
	color: #161616;
	display: block;
	padding: 10px 0px;
	border-top: 1px solid #d1d1d1;
	margin: 0px 20px;
}
nav.inside > ul > li > ul > li:last-child > a { border-bottom: 1px solid #d1d1d1; }
nav.inside > ul > li > ul > li > a:hover { color: #939393; }

nav .ticket {
	background: #339ca3;
	display: none;
	width: 89%;
	color: #fff;
	padding: 11px 12px;
	font-size: 16px;
	margin: auto;
}
@media only screen and (max-width: 952px) {
	nav .ticket { display:block; }
}


/* ----------- google -----------*/
.goog-te-banner-frame.skiptranslate {display: none !important;}
#google_translate_element .goog-te-gadget { font-size: 0px; text-align: center; }
#google_translate_element .goog-te-gadget span { display: none; }
#google_translate_element .goog-te-combo { background: #eeeeee; font: 14px "Raleway"; padding:4px 0px; border:0; cursor: pointer; }
@media only screen and (max-width: 952px) {
	#google_translate_element .goog-te-combo { background: #2b2b2b; color: #fff; margin-top:16px; }
}
#translate2 { display:none; margin:auto; }
@media only screen and (max-width: 952px) {
	#translate2 { display: block; }
}
nav.inside #translate2 .goog-te-combo { background: #fff; color:#161616; margin:14px auto 0 auto; }


/* ----------- Social links -----------*/
#socialLinks {
	margin-top: 42px;
	text-align: center;
}
#socialLinks.inside {
	margin-top: 17px;
}
@media only screen and (max-width: 1112px) {
	#socialLinks { margin-top: 26px; }
}
@media only screen and (max-width: 952px) {
	#socialLinks { margin: 16px 0px; }
}
#socialLinks a {
	height: 22px;
	width: 22px;
	display: inline-block;
	background: url(../img/social.png);
	background-position: left 0px;
	margin-right: 14px;
	font-size: 0px;
}
@media only screen and (max-width: 1112px) {
	#socialLinks a { margin-right: 9px; }
}
#socialLinks a:hover { background-position: right 0px; }
#socialLinks a:nth-child(1) { background-position: left -22px;}
#socialLinks a:hover:nth-child(1) { background-position: right -22px;}
#socialLinks a:nth-child(2) { background-position: left -44px;}
#socialLinks a:hover:nth-child(2) { background-position: right -44px;}
#socialLinks a:nth-child(4) { background-position: left -66px;}
#socialLinks a:hover:nth-child(4) { background-position: right -66px;}
#socialLinks a:nth-child(5) { background-position: left -110px;}
#socialLinks a:hover:nth-child(5) { background-position: right -110px;}


/* ----------- main banner -----------*/
#wrapBanner {
	font-size: 0px;
	text-align: right;
}
#wrapBanner .bx-wrapper {
	position: relative;
	display: inline-block;
	width: 936px;
}
@media only screen and (max-width: 1264px) {
	#wrapBanner .bx-wrapper { width: 75%; }
}
@media only screen and (max-width: 952px) {
	#wrapBanner .bx-wrapper { width: 100%; }
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
	width: 100%;
}
.bx-wrapper .bx-viewport { display:block; }
#wrapBanner .bx-wrapper .bx-viewport { background-color:#e6e6e6; }
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: #fff url(../img/bx_loader.gif) no-repeat center center;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-controls-direction {
	position: absolute;
	z-index: 999;
	bottom: 34px;
	right: 34px;
}
@media only screen and (max-width: 794px) {
	.bx-wrapper .bx-controls-direction { top: 20px; right: 20px; }
}
.bx-wrapper .bx-controls-direction a {
	display: inline-block;
	width: 38px;
	height: 38px;
	background: rgba(0,0,0,0.85);
	text-align: center;
	font: normal 48px/28px Georgia;
	color: #fff;
}
.bx-wrapper .bx-prev { margin-right: 5px; }
.bx-wrapper .bx-prev:before { content:"‹"; }
.bx-wrapper .bx-next:before { content:"›"; }
.bx-wrapper .bx-controls-direction a:hover { color: #339ca3; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-caption {
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(255,255,255,0.9);
	height: 659px;
	width: 271px;
	text-align: left;
}
@media only screen and (max-width: 1264px) {
	.bx-wrapper .bx-caption { width: 30%; }
}
@media only screen and (max-width: 952px) {
	.bx-wrapper .bx-caption { width: 271px; }
}
.bx-wrapper .bx-caption span {
	display: block;
	padding: 164px 26px 0px;
}
@media only screen and (max-width: 1112px) {
	.bx-wrapper .bx-caption span { padding: 119px 26px 0px; }
}
@media only screen and (max-width: 952px) {
	.bx-wrapper .bx-caption span { padding: 200px 26px 0px; }
}
.bx-wrapper .bx-caption span h1 {
	font: 45px/42px "Rosario";
	letter-spacing: -1px;
	margin-bottom: 20px;
}
.bx-wrapper .bx-caption span p { font-size: 16px; line-height:140%; }
@media only screen and (max-width: 1112px) {
	.bx-wrapper .bx-caption span h1 { font-size:38px; line-height:35px; } 
	.bx-wrapper .bx-caption span p { font-size: 14px; }
}
@media only screen and (max-width: 952px) {
	.bx-wrapper .bx-caption span p { font-size: 15px; }
}
@media only screen and (max-width: 794px) {
	.bx-wrapper .bx-caption { background-color:#e6e6e6; position: static; width: auto; height: auto; }
	.bx-wrapper .bx-caption span { padding: 20px; }
	.bx-wrapper .bx-caption span h1 { margin-bottom: 14px; }
}
@media only screen and (max-width: 586px) {
	.bx-wrapper .bx-caption span p { font-size: 14px; }
	.bx-wrapper .bx-controls-direction a { width: 30px; height: 30px; font: normal 40px/22px Georgia, "Times New Roman", Times, serif; }
}


/* ----------- inside banner -----------*/
#insideBanner {
	text-align: right;
	border-right: 1px solid #3A3A3A;
}
@media only screen and (max-width: 1256px) {
	#insideBanner { border-right:0; }
}
#insideBanner img { float: right; }
#insideBanner .update {
	color: #808080;
	position: absolute;
	bottom: 52px;
	left:0px;
	z-index:100;
	text-transform: lowercase;
	font: 13px "RalewayB";
}
#insideBanner h1 {
	color: #fff;
	font-size: 87px;
	position: absolute;
	left: 0px;
	bottom: 40px;
	padding: 8px 24px 24px 0px;
	text-shadow: 1px 1px 14px #161616;
}
@media only screen and (max-width: 1304px) {
	#insideBanner h1 { padding: 8px 24px 24px 24px; }
	#insideBanner .update { padding-left:24px; }
}
@media only screen and (max-width: 695px) {
	#insideBanner h1 { font-size: 66px; }
}
@media only screen and (max-width: 544px) {
	#insideBanner h1 { padding: 4px 24px; bottom:14px; width: 100%; text-align: left; background-color:rgba(22,22,22,0.6); }
	#insideBanner .update { display:none; }
}
@media only screen and (max-width: 440px) {
	#insideBanner h1 { font-size: 45px; }
}
#insideBanner h1 a { color: #fff; display:block; }
#insideBanner a:hover { color: #5dbcc2; }


/* ----------- Section -----------*/
section {
	padding: 50px 0px;
	min-height: 465px;
}
@media only screen and (max-width: 892px) {
	section { min-height: 200px; }
}
@media only screen and (max-width: 680px) {
	section { padding: 22px 0px; }
}
section p strong { font-family: "RalewayB"; }
section p.highlight {
	font: 130% "RalewayB";
	margin-bottom: 6px;
}
section p.highlight span {
	padding: 0px 6px;
	color: #b4b4b4;
}
section .location {
	display:inline-block;
	color: #a9a9a9;
	font: 130% "RalewayB";
}
section .location:hover { color: #339ca3; }
section .buy {
	background: #339ca3;
	border-radius:2px;
	color: #FFF;
	display: inline-block;
	padding: 10px 14px;
	font: 18px "RalewayB";
}
section .buy:hover { background: #000; }
section .buy.down {
	background-image: url(../img/download2.png);
	background-repeat: no-repeat;
	background-position: 15px 11px;
	padding-left: 42px;
}
#CartStatus {
	background: #c7f6f9;
	border-radius: 2px;
	display: none;
	padding: 10px 14px;
	font-size: 16px;
	color: #14757b;
}

.calCircles {
	text-align: center;
	position:relative;
}
.calCircles h2 {
	margin-bottom: 24px;
	color: #339ca3;
}
.calCircles > div > a {
	background: #161616;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font: 18px/36px Verdana;
	height: 37px;
	text-align: center;
	position: relative;
	z-index: 9000;
	width: 37px;
	margin: 0px 0px 36px;
}
.calCircles > div > a:hover {
	background: #878787;
	color: #fff;
}
.calCircles > div > a:hover span { color: #248c93; }
.calCircles > div > a span {
	font: 11px "Raleway";
	left: -1px;
	position: absolute;
	top: 44px;
	width: 40px;
	color: #161616;
}
.calCircles > div > a.disable {
	background: #f2f2f2;
	color: #4f4f4f;
	cursor: default;
}

.calArrows { position: relative; }
@media only screen and (max-width: 1250px) {
	.calArrows .bx-viewport { width:80% !important; margin: auto; }
}
.calArrows .bx-prev, .calArrows .bx-next {
	position: absolute;
	top: 50%;
	width:19px;
	height:36px;
	margin-top: -5px;
	z-index: 4000;
}
.calArrows .bx-prev { left: 0px; }
.calArrows .bx-next { right: 0px; }
.calArrows .bx-prev:after, .calArrows .bx-next:after {
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(51, 156, 163, 0);
	border-width: 19px;
	margin-top: -19px;
}
.calArrows .bx-prev:after {
	right: 0px;
	border-right-color: #161616;
}
.calArrows .bx-prev:hover:after { border-right-color: #339ca3; }
.calArrows .bx-next:after {
	left: 0px;
	border-left-color: #161616;
}
.calArrows .bx-next:hover:after { border-left-color: #339ca3; }
.calArrows .bx-prev.disabled, .calArrows .bx-next.disabled { display:none; }

.changeArrow1, .changeArrow2 {
	display: block;
	font-size:0px;
	height: 36px;
	width: 19px;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	z-index:1000;
}
.changeArrow1 { left: 0px; }
.changeArrow2 { right: 0px; }
.changeArrow1:after, .changeArrow2:after {
	top: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-width: 19px;
}
.changeArrow1:after {
	right: 0px;
	border-right-color: #161616;
}
.changeArrow1:hover:after { border-right-color: #339ca3; }
.changeArrow2:after {
	left: 0px;
	border-left-color: #161616;
}
.changeArrow2:hover:after { border-left-color: #339ca3; }

#indexMain {
	float: right;
	width: 71%;
	margin-top: 30px;
}
.column1, .column2 { display: inline-block; vertical-align: top; }
.column1 { width: 48%; margin-right: 3%; }
.column2 { width: 48%; }
@media only screen and (max-width: 754px) {
	.column1, .column2 { display: block; margin: auto; }
	.column1, .column2 { width: 60%; }
}
@media only screen and (max-width: 564px) {
	.column1, .column2 { width: 84%; }
}
@media only screen and (max-width: 480px) {
	.column1, .column2 { width: 100%; }
}
.showBox { margin-bottom: 22px; overflow: hidden; }
.showBox, .mainInfo {
	border: 1px solid #dddddd;
	width: 100%;
	vertical-align: top;
}
.showBox img, .tvcBanner img, .escarreBanner img { width: 100%; transition: all 4s ease; -webkit-transition: all 4s ease; -ms-transition: all 4s ease; }
.showBox img:hover, .escarreBanner img:hover { -moz-transform:scale(1.1) rotate(2deg); -webkit-transform:scale(1.1) rotate(2deg); -ms-transform:scale(1.1) rotate(2deg); }
.showBox img.biggerImg {
	max-width:103%;
	width:103%;
}
.showBox img.biggerImg2 {
	max-width:135%;
	width:135%;
	margin-left:-50px;
}
.showBox div {
	background: rgba(255,255,255,0.8);
	width: 78%;
	position: absolute;
	bottom: 34px;
	padding: 9px 18px 14px;
}
.showBox h3 { font-size: 24px; line-height: 26px; margin-bottom:0px; }
@media only screen and (max-width: 1126px) {
	.showBox h3 { font-size: 25px; line-height: 26px; }
}
.showBox span {
	border-radius: 2px;
	background: rgba(0,0,0,0.85);
	color: #FFF;
	display: inline-block;
	padding: 5px 8px;
	margin-top: 7px;
	font-family: "RalewayB";
}
.showBox a.title {
	display:block;
	position: relative;
	color: #000;
}
.showBox a:hover.title div {
	background: rgba(0,0,0,0.8);
	color: #fff;
}
.showBox a:hover span {
	background: rgba(51,156,163,0.8);
}
.showBox p {
	padding: 20px 30px;
	line-height: 20px;
	background: #fff;
	position: relative;
}
.showBox a.read, .showBox a.buy {
	border-radius: 2px;
	display: inline-block;
	color: #fff;
	padding: 7px 11px;
	font: 13px "RalewayB";
}
.showBox a.read {
	background: #6e6e6e;
	margin: 0px 1px 24px 30px;
}
.showBox a:hover.read { background: #6b6b6b; }
.showBox a.buy { background: #339ca3; }
.showBox a:hover.buy { background: #41b1b9; }
.mainInfo { position: relative; }
@media only screen and (max-width: 754px) {
	.mainInfo { margin-bottom: 22px; }
}
@media only screen and (max-width: 480px) {
	.mainInfo { margin-top: 22px; }
}
.mainInfo div {
	position: absolute;
	top: 20px;
	left: 30px;
}
.mainInfo h3 {
	font-size: 36px;
	margin-bottom: 20px;
}
.mainInfo h4 {
	font-size: 19px;
	color: #339ca3;
	margin-bottom: 2px;
}
.mainInfo p {
	font-size: 17px;
	margin-bottom: 14px;
}
@media only screen and (max-width: 1126px) {
	.mainInfo h3 { font-size: 32px; margin-bottom: 10px; }
	.mainInfo h4 { font-size: 16px; }
	.mainInfo p { font-size: 15px; }
}
.tvcBanner { position: relative; }

aside {
	float: left;
	width: 24%;
	margin-top: 30px;
}
aside h3 { font: 36px "Rosario"; margin-bottom:0px; }
@media only screen and (max-width: 900px) {
	#indexMain { float: none; width: auto; }
	aside { float: none; margin: 30px auto 0px auto; width:44%; }
}
@media only screen and (max-width: 690px) {
	aside { width:56%; }
}
@media only screen and (max-width: 554px) {
	aside { width:66%; }
}
@media only screen and (max-width: 480px) {
	aside { width:100%; }
}
.indicates-required {
	padding-bottom: 12px;
}
.mailMessage {
	color:#339ca3;
	font-size: 13px;
	margin-bottom:11px;
}
#mailing input[type="text"], #mailing input[type="email"] {
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	padding: 10px 8px;
	width: 100%;
	margin-bottom: 12px;
}
#mailing input[type="text"]:focus, #mailing input[type="email"]:focus {
	background-color:#fff;
	border: 1px solid #339ca3;
}
#mailing input[type="submit"] {
	background: #339ca3;
	border-radius: 2px;
	color: #fff;
	font-family: "RalewayB";
	padding: 7px 12px;
}
#mailing input[type="submit"]:hover {
	background: #248c93;
}
.escarreBanner {
	margin-top: 22px;
	font-family: "Rosario", Arial, Helvetica;
}
.escarreBanner a {
	display: block;
	position: relative;
	color: #000;
	overflow: hidden;
}
.escarreBanner div {
	background-color: rgba(255,255,255,0.8);
	width: 80%;
	position: absolute;
	padding: 10px 14px;
	bottom: 30px;
}
.escarreBanner a:hover div {
	background-color: rgba(51,156,163,0.8);
	color: #fff;
}
.escarreBanner h3 {
	font-size: 28px;
	margin-bottom: 5px;
}
.escarreBanner h4 {
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 4px;
}
.escarreBanner h5 { font-size: 17px; }
.escarreBanner p {
	background: #000;
	color: #FFF;
	padding: 12px 22px;
	font: 25px "Rosario";
}
.mainAd {
	border: 1px solid #dddddd;
	margin-top: 22px;
	text-align: center;
	font-size: 14px;
}

/* ----------- Footer -----------*/
#footerBar {
	background: #181818;
	color:#fff;
	text-align: center;
	position: relative;
	z-index: 1000;
}
#footerBar a {
	display: inline-block;
	color: #fff;
	padding: 15px;
}
#footerBar a:hover { color: #878787; }
#footerBar a.tncr {
	background: #339ca3;
}
#footerBar a:hover.tncr { background: #3c3c3c; color:#fff; }
@media only screen and (max-width: 480px) {
	#footerBar { text-align: left; padding: 5px 0px 16px 0px; }
	#footerBar a { display: block; padding:10px 0px; }
	#footerBar a.tncr { padding-left:10px; }
}

footer {
	background-color:#000;
	color:#fff;
	border-bottom: 26px solid #000;
	position: relative;
	z-index: 1000;
	overflow: hidden;
	line-height: 19px;
}
footer ul, #socialLinks2 {
	display: inline-block;
	vertical-align: top;
	width: 16.66%;
	margin: 26px 0px 0px;
	padding: 0px 20px;
	position:relative;
}
footer ul:after, #socialLinks2:after {
	content:"";
	width: 1px;
	background: #1f1f1f;
	height: 400%;
	position: absolute;
	right:0px;
	top:0px;
}
footer ul:nth-child(6):after {
	display: none;
}
@media only screen and (max-width: 1248px) {
	footer ul, #socialLinks2 { width:25%; }
}
@media only screen and (max-width: 925px) {
	footer ul, #socialLinks2 { width:33.33%; }
}
@media only screen and (max-width: 736px) {
	footer ul, #socialLinks2 { width:50%; }
}
@media only screen and (max-width: 490px) {
	footer ul, #socialLinks2 { width:100%; margin: 26px 0px 6px 0px; padding: 0px 0px; }
	footer ul:after, #socialLinks2:after { display: none; }
}
footer .title {
	color: #339ca3;
	padding-bottom: 5px;
}
footer ul a {
	color: #fff;
	display: block;
	padding: 4px 0px;
}
footer ul a:hover { color: #a3a3a3; }
@media only screen and (max-width: 480px) {
	footer ul a { padding: 8px 0px; }
}

#socialLinks2 div { margin-bottom: 12px; }
#socialLinks2 div a { color:#fff; display: block; padding: 4px 0px; }
#socialLinks2 div a:hover { color:#339ca3; }
#socialLinks2 > a {
	height: 34px;
	width: 34px;
	display: inline-block;
	background: url(../img/social2.png);
	background-position: left 0px;
	margin: 0px 8px 10px;
	font-size: 0px;
}
#socialLinks2 > a:hover { background-position: right 0px; }
#socialLinks2 > a:nth-child(1) { background-position: left -34px;}
#socialLinks2 > a:hover:nth-child(1) { background-position: right -34px;}
#socialLinks2 > a:nth-child(2) { background-position: left -68px;}
#socialLinks2 > a:hover:nth-child(2) { background-position: right -68px;}
#socialLinks2 > a:nth-child(4) { background-position: left -102px;}
#socialLinks2 > a:hover:nth-child(4) { background-position: right -102px;}
#socialLinks2 > a:nth-child(5) { background-position: left -170px;}
#socialLinks2 > a:hover:nth-child(5) { background-position: right -170px;}


/* ----------- Calendar -----------*/
#fullCalendar h2 {
	display:inline-block;
}
#calMonths {
	border-bottom: 1px solid #dddddd;
	padding: 0px 0px 12px;
	margin-bottom: 18px;
	text-align: center;
}
#calMonths li {
	display: inline-block;
	font-size: 17px;
	text-align: center;
	padding: 0px 14px;
	color: #a0a0a0;
	cursor: pointer;
}
#calMonths li em { display: none; font-style: normal; }
@media only screen and (max-width: 1260px) {
	#calMonths li { padding: 0px 11px 7px 11px; }
}
@media only screen and (max-width: 1194px) {
	#calMonths li span { display: none; }
	#calMonths li em { display: block; }
}
#calMonths li:hover, #calMonths li.current {
	color: #161616;
	font-family: "RalewayB";
}
#catYear {
	float:right;
	position: relative;
	text-align:right;
}
.calCategory, .calYear {
	display:inline-block;
	position: relative;
}
@media only screen and (max-width: 584px) {
	#catYear { float:none; width: 100%; margin-bottom: 20px; margin-top:0; }
	.calCategory { display:block; margin-bottom:9px; }
	.calYear { display:block; }
}
#calDays {
	border-bottom: 2px solid #dddddd;
	border-top: 3px solid #dddddd;
	padding: 12px 0px;
	margin-top: 8px;
}
@media only screen and (max-width: 972px) {
	#calDays { display: none; }
}
#calDays li {
	display: inline-block;
	width: 14.28%;
	text-align: center;
	font: 14px "RalewayB";
}
#calDays li.current { color: #339ca3; }
#calendar {
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
}
@media only screen and (max-width: 392px) {
	#calendar { border: 0; }
}
#calendar li {
	display: inline-block;
	font-size: 20px;
	width: 14.285%;
	vertical-align: top;
	padding: 10px 16px 6px;
	min-height: 156px;
	height: auto;
	position: relative;
}
@media only screen and (max-width: 998px) {
	#calendar li { width: 20%; }
	#calendar li.hide { display: none; }
}
@media only screen and (max-width: 850px) {
	#calendar li { width: 25%; }
}
@media only screen and (max-width: 720px) {
	#calendar li { width: 33.33%; }
}
@media only screen and (max-width: 560px) {
	#calendar li { width: 50%; }
}
@media only screen and (max-width: 392px) {
	#calendar li { width: 100%; padding: 10px 0px; min-height: 90px; }
}
#calendar li:before, #calendar li:after {
    content:'';
    position: absolute;
    top: 0px;
}
#calendar li:before {
    left: 0px;
	width: 500%;
    border-top: 1px solid #dddddd;
}
#calendar li:after {
    right: 0px;
	height: 250%;
	width: 1px;
    border-right: 1px solid #dddddd;
}
@media only screen and (max-width: 392px) {
	#calendar li:after { border-right: 0; }
}
#calendar li.disable { background: url(../img/disable.png); }
#calendar span {
	color: #7e7e7e;
	padding-right: 5px;
	display: none;
}
@media only screen and (max-width: 972px) {
	#calendar span { display: inline-block }
}
#calendar article {
	display: block;
	font-size: 13px;
	cursor: pointer;
	padding: 0px 0px 4px;
	position: relative;
	margin: 6px 0px 18px;
}
#calendar h3 {
	color: #2c949b;
	font: 130%/112% "Rosario";
	margin-bottom: 0px;
}
#calendar h3:hover { color:#136b71; }
#calendar em {
	display: block;
	color: #5a5a5a;
	font-style: normal;
	font-size: 14px;
	padding-bottom: 2px;
}
.toolBox p { line-height:16px; padding: 8px 0px; }
.toolBox img { margin-top: 8px; height: 148px; }
.toolBox a.more, .toolBox a.buy {
	border-radius: 2px;
	color: #fff;
	display: block;
	float: left;
	padding: 6px 10px;
	margin: 2px 1px 6px 0px;
	font: 13px "RalewayB";
}
.toolBox a:hover.more, .toolBox a:hover.buy {
	color: #fff;
	background: #404040;
}
.toolBox a.more { background: #4dbbc2; }
.toolBox a.buy { background: #c2eef1; color:#18868d; }

#calendar a.book {
	border-radius: 3px;
	display: block;
	font-size: 14px;
	border: 1px solid #ddd;
	text-align: center;
	padding: 4px 0px;
	background: #fff;
	position: absolute;
	bottom: 14px;
	width:70%;
	left: 50%;
	margin-left:-35%;
}
#calendar a.event {
	display:block;
	color: #fff;
	padding: 4px 0px;
}
#calendar a:hover.event { color:#8fe2e8; }
@media only screen and (max-width: 392px) {
	#calendar a.event { color: #161616; }
	#calendar a:hover.event { color:#339ca3; }
}

.calCol1, .calCol2, .calCol3, .calCol4 {
	display: inline-block;
	vertical-align: top;
}
.calCol1 {
	width: 35%;
	padding-right: 3%;
}
@media only screen and (max-width: 980px) {
	.calCol1 { width:41%; }
}
.calCol1 img { margin-bottom: 20px; width: 100%; }
.calCol1 p, .calCol2 p, .calCol4 p { line-height:140%; margin-bottom: 17px; }
.calCol2 {
	width: 43%;
	border-right: 1px solid #E6E6E6;
	padding-right: 3%;
}
.calCol2.v2 { width:78%; }
@media only screen and (max-width: 980px) {
	.calCol2 { width:59%; border: none; padding: 0px; }
}
@media only screen and (max-width: 980px) {
	.calCol2.v2 { width:100%; }
}
@media only screen and (max-width: 750px) {
	.calCol1, .calCol2 { padding:0px; width:100%; }
}
.calCol3 {
	width: 22%;
	padding-left: 3%;
}
@media only screen and (max-width: 980px) {
	.calCol3 { width:100%; margin-top: 22px; border-top: 1px solid #E6E6E6; padding:14px 0px 0px 0px; }
}
.calCol3 > a {
	display: block;
	padding: 3px 0px;
	color: #161616;
	font-family: "RalewayB";
	color: #444;
}
.calCol3 > a:hover { color: #339ca3; }
.calCol3 > a:before {
	content:"";
	width:6px;
	height:6px;
	background: #DFDFDF;
	display:inline-block;
	position: relative;
	margin-right: 8px;
	top: -2px;
}
.calCol4 { width: 65%; }
@media only screen and (max-width: 980px) {
	.calCol4 { width:56%; }
}
@media only screen and (max-width: 750px) {
	.calCol4 { width: 100%; }
}


/* ----------- Gallery -----------*/
#mainGallery img { width:100%; transition: all 4s ease; -webkit-transition: all 4s ease; -ms-transition: all 4s ease; }
#mainGallery a:hover img { -moz-transform:scale(1.1) rotate(2deg); -webkit-transform:scale(1.1) rotate(2deg); -ms-transform:scale(1.1) rotate(2deg); }
#mainGallery > a, #mainGallery > li {
	width: 23%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	margin: 0px 2.66% 2.66% 0px;
}
@media only screen and (max-width: 980px) {
	#mainGallery > a, #mainGallery > li { width: 31%; margin: 0px 3.5% 3.5% 0px; }
}
@media only screen and (max-width: 742px) {
	#mainGallery > a, #mainGallery > li { width: 48%; margin: 0px 4% 4% 0px; }
}
@media only screen and (max-width: 480px) {
	#mainGallery > a, #mainGallery > li { width: 100%; margin: 0px 0% 6% 0px; }
}
#mainGallery li a { display:block; position:relative; overflow:hidden; }
#mainGallery span {
	height: 64px;
	width: 64px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -32px 0px 0px -32px;
}
#mainGallery span.photo { background-image: url(../img/zoom.png); }
#mainGallery span.video { background-image: url(../img/play.png); }
#mainGallery h2 {
	background: #fff;
	position: relative;
}
#mainGallery li a > em {
	position: absolute;
	right: 12px;
	bottom: 12px;
	font: normal 10px Arial;
	color: #FFF;
	background: rgba(0,0,0,0.5);
	padding: 3px 7px;
	text-transform: uppercase;
}
#mainGallery a h2 {
	color: #161616;
	font-size: 140%;
	line-height: 110%;
	background: rgba(255,255,255,0.85);
	position: absolute;
	bottom: 21px;
	width: 77%;
	padding: 8px 10px 9px;
}
#mainGallery a:hover h2 {
	background: rgba(0,0,0,0.8);
	color: #FFF;
}
#mainGallery.v2 a h2 {
	font-size: 130%;
	line-height: 110%;
}
#mainGallery.v3 a h2 {
	font-size: 125%;
	bottom: 8px;
}
#mainGallery a p {
	position: absolute;
	bottom: 14px;
	display: inline-block;
	background: rgba(0,0,0,0.8);
	font: 14px "RalewayB";
	color: #FFF;
	padding: 4px 9px;
}
#mainGallery a:hover p {
	background: rgba(51,156,163,0.8);
}
#mainGallery.v2 a p {
	font-size:16px;
	bottom:-6px;
}
#mainGallery li h2 {
	background-color:#fff;
	font-size: 140%;
	line-height: 110%;
	padding: 10px 0px 0px;
	position: relative;
}
#mainGallery li p { font-size: 90%; }
#mainGallery li p.caption {
	position: relative;
	min-height:28px;
	padding: 15px 0px 0px 38px;
	font: 105% "RalewayB";
}
#mainGallery li p.caption.v2 {
	padding: 15px 0px 0px 0px;
}
#mainGallery li p.caption em {
	font-size:13px;
	font-style: normal;
	color: #999;
	display: block;
	margin-top: 2px;
}
#mainGallery li a.down {
	display: block;
	height: 28px;
	width: 28px;
	background: #bcbcbc url(../img/download2.png) no-repeat center center;
	position: absolute;
	left: 0px;
	top: 8px;
}
#mainGallery li a:hover.down { background-color:#339ca3; }
.galText p {
	font-size:100%;
	line-height: 140%;
    margin-bottom: 17px;
}
.galText h2 { color:#161616; }

/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10002;
	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-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;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: white;
	font: normal 28px/44px Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.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;
	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; }
.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;
	opacity: 0.7;
}
.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) {
	.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: 6px; padding-right: 6px; }
}


/* ----------- Rental -----------*/
#rentalMenu {
	margin: 0px 0% 32px;
	border-bottom: 1px solid #ddd;
}
#rentalMenu a {
	display: inline-block;
	font-size: 30px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 9px 20px;
	background: #f3f3f3;
	color: #B0B0B0;
	position: relative;
}
#rentalMenu a:first-child { border-left: 1px solid #ddd; }
@media only screen and (max-width: 1186px) {
	#rentalMenu a { font-size: 25px; }
}
@media only screen and (max-width: 1092px) {
	#rentalMenu a { font-size: 21px; }
}
@media only screen and (max-width: 720px) {
	#rentalMenu a { background: #fff; width: 100%; font-size: 20px; padding: 9px 14px; top: 0px; }
}
#rentalMenu a:hover {
	background: #B9B9B9;
	color: #fff;
}
#rentalMenu a.current {
	background: #FFF;
	color: #339ca3;
	top: 1px;
	padding: 10px 20px 9px;
	cursor: default;
	border-top: 1px solid #339ca3;
}
@media only screen and (max-width: 720px) {
	#rentalMenu a { border-left: 1px solid #ddd; }
	#rentalMenu a.current { font-family:"RalewayB"; padding: 9px 14px; top: 0px; border-top: 1px solid #ddd; }
}

.listing2 {
	background: rgba(22,22,22,0.8);
	color: #fff;
	display: block;
	padding: 9px 14px;
	font-size: 16px;
	border: 1px solid #707070;
	position: absolute;
	right:18px;
	top:-104px;
}
.listing2 span { color:#4dcad2; }
@media only screen and (max-width: 890px) {
	.listing2 { position:static; margin-bottom:24px; }
}
.listing2:hover {
	background: #fff;
	color: #161616;
	border: 1px solid #A0A0A0;
}
.listingView { margin-top: 24px; border-top: 1px solid #dddddd; padding-top:18px; }
.listingView li {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 18px;
	padding-bottom: 18px;
	position: relative;
}
.listingView li em.delete {
	display: none;
	position: absolute;
	height: 26px;
	width: 26px;
	background: #c3363b;
	border-radius: 14px;
	color: #FFF;
	text-align: center;
	right:0px;
	top: 50%;
	margin-top: -22px;
	cursor: pointer;
	font: normal 14px/26px "RalewayB";
}
html.mobile .listingView li em.delete { display:block; }
@media only screen and (max-width: 432px) {
	.listingView li em.delete { display: block; }
}
.listingView li em.delete:after { content: 'X'; }
.listingView li:hover em.delete { display:block; }
.listingView img, .listingView h3, .listingView p {
	display: inline-block;
	vertical-align: middle;
}
.listingView img {
	width:10%;
	margin-right: 2%;
}
.listingView h3 {
	width:67%;
	font: 21px/22px "RalewayB";
}
.listingView h3 span {
	display: none;
	font-family: "Raleway";
}
@media only screen and (max-width: 432px) {
	.listingView h3 span { display:block; }
}
.listingView p {
	width:16%;
	font-size: 18px;
	text-align: right;
}
@media only screen and (max-width: 946px) {
	.listingView h3 { width:62%; }
	.listingView p { width:20%; }
}
@media only screen and (max-width: 812px) {
	.listingView img { width:17%; }
	.listingView h3 { width:54%; }
}
@media only screen and (max-width: 646px) {
	.listingView h3 { width:53%; font-size:16px; line-height:17px; }
	.listingView p { width:20%; }
}
@media only screen and (max-width: 545px) {
	.listingView h3 { width:50%; }
	.listingView img { margin-right: 4%; }
}
@media only screen and (max-width: 480px) {
	.listingView h3 { width:44%; }
	.listingView p { width:26%; }
}
@media only screen and (max-width: 432px) {
	.listingView img { width:30%; }
	.listingView h3 { width:54%; }
	.listingView p { display: none; }
}
p.listingTotal {
	border-radius: 2px;
	border: 1px solid #339ca3;
	display: block;
	font-size: 18px;
	float: right;
	padding: 8px 14px;
	margin-right: 2%;
}
@media only screen and (max-width: 432px) {
	p.listingTotal { float: none; margin-bottom: 17px; }
}

/* ----------- Release -----------*/
#releases a {
	display: inline-block;
	width: 50%;
	color: #161616;
	vertical-align: top;
	padding: 0px 46px 36px 0px;
	position: relative;
	min-height: 126px;
	height: auto;
}
@media only screen and (max-width: 652px) {
	#releases a { width:100%; }
}
#releases a.withImg {
	padding-left: 16%;
}
@media only screen and (max-width: 652px) {
	#releases a.withImg { padding-left: 30%; }
}
#releases h2 {
	font-size: 140%;
	line-height: 27px;
	margin-bottom: 4px;
	color: #161616;
}
#releases a:hover {
	color: #626262;
}
#releases a:hover h2 {
	color: #626262;
}
#releases h2 span {
	font: 14px "Raleway";
	color: #999;
	display:block;
	margin: 2px 0px 10px;
}
#releases p { margin-bottom:0px !important; }
#releases p span {
	font-family: "RalewayB";
	color: #27939a;
	padding-left: 4px;
}
#releases img {
	position:absolute;
	width: 26%;
	left: 0px;
	top: 0px;
}

.thumbs { margin-bottom: 18px; }
.thumbs img {
	display: block;
	width: 25%;
	float: left;
}
@media only screen and (max-width: 388px) {
	.thumbs img { width:50%; }
}

/* ----------- Resume / Program -----------*/
.resume, .program {
	border: 1px solid #dddddd;
	text-align: center;
	padding: 16px;
}
.resume { margin: 20px 0px; }
.program { margin: 0px 0px 20px; }
.resume h3, .program h3 {
	font-size: 18px;
	text-transform: uppercase;
}
.resume p { margin-bottom: 2px !important; }

/* ----------- photoDownloads -----------*/
.photoDownloads {
	margin-top:10px;
}
.photoDownloads li {
	display:inline-block;
	vertical-align:top;
	width: 47%;
	margin-right: 3%;
}
.photoDownloads img { width:100%; margin-bottom:0px; }
.photoDownloads a {
	display: block;
	position: relative;
}
.photoDownloads p { font-size:13px !important; line-height:15px !important; padding-top: 6px; }
.photoDownloads span.download {
	height: 56px;
	width: 56px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -28px 0px 0px -28px;
	background: rgba(22,22,22,0.9) url(../img/download.png) no-repeat center center;
}
.photoDownloads a:hover span { background-color: rgba(51,156,163,0.9); }

/* ----------- Paginator -----------*/
.paginatorPage { margin-bottom:26px; }
.paginatorPage a {
	border-radius: 20px;
	font-size: 22px;
	display: inline-block;
	background: #EBEBEB;
	color: #515151;
	height: 40px;
	line-height: 34px;
	width: 40px;
	text-align: center;
	margin-right: 5px;
}
.paginatorPage a:hover {
	background: #b2b2b2;
	color: #FFF;
}
.paginatorPage .active a {
	background: #339ca3;
	color: #FFF;
}

/* ----------- FormStyle -----------*/
.formStyle input[type="text"], .formStyle input[type="password"], .formStyle textarea, .formStyle select {
	width: 100%;
	padding: 10px;
	margin-bottom: 18px;
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
}
.formStyle input[type="text"]:focus, .formStyle input[type="password"]:focus, .formStyle textarea:focus { background-color:#fff; border: 1px solid #339ca3; }
.formStyle input[type="button"], .formStyle input[type="submit"] {
	border-radius: 2px;
	background: #339ca3;
	display: inline-block;
	font: 125% "RalewayB";
	color: #ffffff;
	padding: 6px 8px;
}
.formStyle input[type="button"]:hover, .formStyle input[type="submit"]:hover { background: #19848b; }
.formStyle > a { font-size:14px; }

/* ----------- Validation -----------*/
.validation {
	background: #fffccc;
	border-radius:2px;
	border: 1px solid #ebd49e;
	color: #161616;
	padding: 8px 16px;
	margin-bottom: 24px;
	display: none;
}
.validation p { margin: 5px 0px; }
.validation a { color: #161616; }
.validation a:hover { color: #533007; }

/* ----------- Add this -----------*/
.addthis_toolbox { margin-top: 18px; padding-bottom: 12px; }
.addthis_toolbox a { margin-bottom: 10px !important; }

/* ----------- Video wrap -----------*/
.videoWrap {
	position: relative;
	height: 0;
	overflow: hidden;
	padding: 30px 0px 56.25%;
	margin-bottom: 22px;
}
.videoWrap iframe, .videoWrap object, .videoWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videoMp4 {
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	text-align: center;
}
.videoMp4 p {
	color: #FFF;
	font-size: 18px;
	padding-bottom: 14px;
}
video {
	margin: auto;
	width: 95%;
}

/* ----------- Preload -----------*/
.preload {
	background: rgba(244,244,244,0.9) url(../img/preload.gif) no-repeat center center;
	height: 102%;
	position: fixed;
	width: 100%;
	z-index: 200000;
	left: 0px;
	top: 0px;
}

/* ----------- glossarySearch -----------*/
.glossarySearch {
	margin-bottom: 20px;
}
.glossarySearch input[type="text"] {
	width: 90%;
	border: 1px solid #339ca3;
	font-size: 16px;
	padding: 10px;
	margin-bottom: 18px;
}
@media only screen and (max-width: 466px) {
	.glossarySearch input[type="text"] { width:80%; }
}
.glossarySearch input[type="button"] {
	background: #339ca3;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFF;
	padding: 10px;
}
.glossarySearch input[type="button"]:hover { background: #19848b; }

/* ----------- Steps -----------*/
.steps {
	padding-top:14px;
}
.steps a {
	background:#f9f9f9;
	display: inline-block;
	margin: 0px 2.66% 2.66% 0px;
	position: relative;
	font: 150% "Rosario";
	line-height: 120%;
	padding: 24px 30px;
	min-height: 275px;
	width: 23%;
	vertical-align: top;
	border-bottom: 1px solid #339ca3;
}
.steps.v2 a { min-height:140px; }
.steps a:nth-child(3n+2) { background:#f5f5f5; }
.steps a:hover, .steps a:hover p { background: #339ca3; color:#fff; }
@media only screen and (max-width: 980px) {
	.steps a { width: 31%; margin: 0px 3.5% 3.5% 0px; }
}
@media only screen and (max-width: 742px) {
	.steps a { width: 48%; margin: 0px 4% 4% 0px; }
}
@media only screen and (max-width: 480px) {
	.steps a { min-height:100px; width: 100%; margin: 0px 0% 6% 0px; }
}
.steps p {
	color: #161616;
	font: 62%/130% "Raleway";
	margin-top:12px;
}

/* ----------- attach -----------*/
.attach a {
	border-radius: 2px;
	display: block;
	background: url(../img/download3.png) no-repeat 12px center;
	color: #1e8188;
	padding: 10px 12px 10px 38px;
	margin: 8px 1px 16px 0px;
	font-family: "RalewayB";
	border: 1px solid #dedede;
}
.attach a:hover { background-color: #f5f5f5; }

/* ----------- attach2 -----------*/
.attach2 {
	border: 1px solid #dedede;
	border-radius: 3px;
	font-family:"RalewayB";
	margin-bottom:16px;
}
.attach2 strong {
	cursor:pointer;
	display:block;
	padding: 12px 16px;
	position: relative;
}
.attach2 strong:hover { background:#f7f7f7; }
.attach2 a {
	display: block;
	background: url(../img/download3.png) no-repeat 16px center;
	color: #1e8188;
	padding: 10px 20px 10px 40px;
}
.attach2 a:hover { color:#161616; }
.attach2Content {
	display:none;
}
.attach2 strong:after {
	color:#39aab2;
	content:"+";
	font: 32px "Raleway";
	top: 3px;
	right: 12px;
	position: absolute;
}
.attach2 strong.symbol:after { content:"-"; }

/* ----------- TN -----------*/
#tncrButton {
	background: #339ca3;
	display: none;
	color: #FFF;
	padding: 9px 12px;
	position: relative;
	margin-bottom: 16px;
	font: 16px "RalewayB";
}
@media only screen and (max-width: 890px) {
	#tncrButton { display:block; }
}
#tncrButton:hover {
	background: #969696;
	color: #FFF;
}
#tncrButton:after {
	content: "+";
	position: absolute;
	top: 2px;
	right: 10px;
	font: 22px Tahoma, Geneva, sans-serif;
}
#tncrButton.symbol:after {
	content: "–";
}
#tnMenu {
	display: inline-block;
	width: 24%;
	vertical-align: top;
}
@media only screen and (max-width: 890px) {
	#tnMenu { width: 100%; margin-bottom:18px; display: none; }
}
#tnMenu a {
	display: block;
	color: #161616;
	font-size: 16px;
	padding: 10px 16px;
	text-transform: uppercase;
	margin-right: 40px;
	position: relative;
}
#tnMenu a:last-child {
	border-bottom: 0;
}
@media only screen and (max-width: 890px) {
	#tnMenu a { margin-bottom: 0px; margin-right: 0px; border-bottom: 1px solid #dddddd; padding: 7px 0px !important; }
}
#tnMenu a:hover { color: #959595; }
@media only screen and (max-width: 1096px) {
	#tnMenu a { font-size: 15px; }
}
#tnMenu a.current {
	font-family: "RalewayB";
}
#tnMenu a.current:before {
	content:"";
	width: 4px;
	height:13px;
	background-color:#d8d8d8;
	display:block;
	position: absolute;
	left: 2px;
	top: 13px;
}
@media only screen and (max-width: 890px) {
	#tnMenu a.current:before { display:none; }
}
#tnCol {
	display: inline-block;
	width: 76%;
	vertical-align: top;
	border-left: 1px solid #dddddd;
	min-height: 340px;
	height: auto;
	padding: 0px 0px 0px 4%;
}
@media only screen and (max-width: 890px) {
	#tnCol { width: 100%; border:0; padding:0; }
}
#tnCol h2 span {
	font: 60% "Raleway";
	color: #999;
	display:block;
	margin: 2px 0px 10px;
}
#tnCol h2 span.v2 {
	font-size: 26px;
	color: #000;
	display:table-cell;
}
#tnCol p {
	margin-bottom: 17px;
	line-height: 150%;
}

/* ----------- Ddslick -----------*/
.dd-select {
	cursor: pointer;
	position: relative;
	font-size: 16px;
	background: #f5f5f5;
	padding-right: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (max-width: 558px) {
	.dd-select { width:100%; }
}
.dd-selected {
	display: block;
	overflow: hidden;
	padding: 10px;
	color:#161616;
	text-align:left;
}
.dd-pointer {
	height: 0;
	margin-top: -3px;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 0;
}
.dd-pointer-down {
	border-color: #339ca3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	border-image: none;
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 5px;
}
.dd-pointer-up {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #b1b1b1 !important;
    border-image: none !important;
    border-style: solid !important;
    border-width: 5px !important;
    margin-top: -8px;
}
.dd-options {
	display: none;
	overflow: auto;
	position: absolute;
	z-index: 2000;
	font-size: 16px;
	background: #fff;
	border: 1px solid #dddddd;
	text-align:left;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dd-option {
    border-bottom: 1px solid #dddddd;
    color: #333333;
    cursor: pointer;
    display: block;
    padding: 10px;
}
.dd-options > li:last-child > .dd-option { border-bottom: medium none; }
.dd-option:hover { background: #717171; color: #fff; }
.dd-option-selected { background:#339ca3; color:#fff; }
.dd-select label, .dd-options label { display:block; }

/* ----------- Climate -----------*/
.temperature, .deg, .unit {
	display:inline-block;
	vertical-align:top;
}
.temperature {
	font: 96px/90px Verdana;
	padding-bottom: 6px;
}
.deg { font: 74px Arial, Helvetica, sans-serif; }
.unit {
	font: 30px Verdana;
	margin-top: 3px;
}
.climate div.mainData {
	display: inline-block;
	background: #fff;
	vertical-align: top;
	border-radius: 2px;
	margin: 0px 24px 0px -4px;
}
.climate div.mainData p {
	margin-bottom:2px !important;
}
.climate div.forecast {
	display: inline-block;
	background: #F5F5F5;
	vertical-align: top;
	width: 19%;
	border: 1px solid #ddd;
	margin: 16px 1% 0px 0px;
	padding: 14px;
	min-height: 140px;
	height: auto;
	text-align: center;
	border-radius: 4px;
	font-size: 14px;
}
@media only screen and (max-width: 704px) {
	.climate div.forecast { margin: 0px 1% 1% -4px; width: 32.33%; }
}
@media only screen and (max-width: 522px) {
	.climate div.forecast { width: 49%; }
}
@media only screen and (max-width: 440px) {
	.climate div.forecast { margin: 0px 0px 2% -4px; width: 100%; }
}
.date {
	display: block;
	color:#339ca3;
	font: 17px "RalewayB";
	padding: 4px 0px 8px;
}
.temperature2 {
	font: 26px Verdana;
	display: block;
	margin-bottom: 10px;
}
.date2 {
	color: #909090;
	font-size: 12px !important;
	text-transform: uppercase;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 4px 0px;
}
.date2 span { color:#d1d1d1; margin:0px 6px; }

/* ----------- Prev, next -----------*/
#controls2 .bx-prev, #controls2 .bx-next {
	background: #868686;
	height: 38px;
	width: 38px;
	display: inline-block;
	color: #FFF;
	text-align: center;
	font: 38px/29px Georgia, "Times New Roman", Times, serif;
}
#controls2 .bx-next { background: #6F6F6F; }
#controls2 .bx-prev:hover, #controls2 .bx-next:hover { background: #339ca3; }
#controls2 .bx-prev:before { content:"‹"; }
#controls2 .bx-next:before { content:"›"; }
@media only screen and (max-width: 748px) {
	#controls2 { margin-bottom:20px; }
}


/* ----------- Tooltip -----------*/
.tooltipster-default {
	border-radius: 3px;
	background: #339ca3;
	color: #fff;
}
.tooltipster-default .tooltipster-content {
	font-size: 13px;
	line-height: 15px;
	padding: 8px 18px;
	overflow: hidden;
}
.tooltipster-content > a {
	color: #fff;
	display: block;
	border-top: 1px solid #21848b;
	padding: 11px 0px;
	font: 15px/18px "Raleway";
	text-align: left;
}
.tooltipster-content > a > em {
	border-radius: 2px;
	display: inline-block;
	font-size: 14px;
	background: #22868d;
	padding: 4px 8px 5px;
	margin-top: 6px;
	font-style: normal;
}
.tooltipster-content > a:first-child { border: 0px; }
.tooltipster-content > a:hover { color:#a2ebf0; }
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content { overflow: hidden; }

.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; }
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; }
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span { right: 6px; }
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; }
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show { opacity: 1; }
.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


/* ----------- statue -----------*/
#statue {
	box-shadow: 0px 1px 8px #CCC;
	position: fixed;
	height: 500px;
	width: 333px;
	background: url(../img/statue.gif);
	z-index:300000;
	left: 50%;
	top: 50%;
	margin-left: -186px;
	margin-top: -270px;
	border: 20px solid #FFF;
}


/* ----------- Directory -----------*/
.directory {
	border-left: 1px solid #dddddd;
	overflow: hidden;
	position: relative;
}
.directory:nth-child(odd) { background:#f6f6f6; }
.directory:last-child { border-bottom: 1px solid #dddddd; }
.directory span {
	display: inline-block;
	font-size: 105%;
	vertical-align: middle;
	padding: 12px 16px;
	position: relative;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.directory strong { font-family:"RalewayB"; }
.directory p { color:#606060; display:block; font-size:14px; margin-bottom:0px !important; padding-top:3px; }
.directory span:nth-child(1) { width:45%; }
.directory span:nth-child(2) { text-align:center; width:41%; }
.directory span:nth-child(3) { text-align:center; width:14%; }

.directory:before, .directory span:after {
    content:'';
    position: absolute;
    top: 0px;
}
.directory:before {
    left: 0px;
	width: 300%;
    border-top: 1px solid #dddddd;
}
.directory span:after {
	top: -40px;
    right: 0px;
	height: 350%;
	width: 1px;
    border-right: 1px solid #dddddd;
}
.directory em {
	color: #CCC;
	padding: 0px 6px;
}
@media only screen and (max-width: 786px) {
	.directory { border-left:0; border-bottom: 1px solid #dddddd; padding:14px; }
	.directory:nth-child(2) { background:#fff; }
	.directory span { display:block; font-size:105%; padding: 0px; }
	.directory span:nth-child(1), .directory span:nth-child(2), .directory span:nth-child(3) { text-align:left; width: auto; }
	.directory:before, .directory span:after { border:0; }
	.directory p { font-size:13px; padding-bottom:3px; }
}


/* ----------- Toolkit -----------*/
.toolkit {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2,1fr);
}
.toolkit a {
	background-color: #f1f1f1;
	border-bottom: 1px solid #339ca3;
	color: #161616;
	font-family: "Rosario";
	padding: 36px 10px;
	text-align: center;
}
.toolkit a:hover {
	background-color:#339ca3;
	color:#fff;
}
@media only screen and (max-width: 1154px) {
	.toolkit { grid-template-columns: repeat(1,1fr) }
}
@media only screen and (max-width: 460px) {
	.toolkit { grid-template-columns: repeat(2,1fr) }
}


/* ----------- FormWrap -----------*/
.formWrap {
	margin: auto;
	width: 80%;
}
@media only screen and (max-width: 670px) {
	.formWrap { width:100%; }
}

/* ----------- Item -----------*/
.galWrap { background:#515151; }
.galCol1, .galCol2 { display:inline-block; vertical-align:top; position:relative; }
.galCol1 {
	background: #5d5d5d;
	color: #fff;
	padding: 20px 26px;
	width: 32%;
}
.galCol1 h2 {
	color: #fff;
	margin-bottom: 4px;
}
.galCol1 h3 {
	font: 19px "RalewayB";
	color: #C4C4C4;
	margin-bottom: 22px;
}
.galCol1 p {
	margin-bottom: 7px;
}
.galCol1 hr {
	background:#4b4b4b;
}
.galCol2 { width:68%; }
@media only screen and (max-width: 800px) {
	.galCol1, .galCol2 { width:100%; }
}
.galCol2 li { position: relative; }
.galCol2 a.down {
	display: block;
	background: rgba(22, 22, 22, 0.9) url(../img/download2.png) no-repeat 12px 6px;
	position: absolute;
	right: 12px;
	bottom: 12px;
	font-size: 13px;
	color: #FFF;
	padding: 8px 12px 8px 38px;
}
.galCol2 a:hover.down { background-color:rgba(51, 156, 163, 0.9); }


/* ----------- Face -----------*/
.faceConnect {
	background: #3b5998 url(../img/facebook.png) no-repeat 12px 9px;
	border-radius: 2px;
	display: inline-block;
	text-transform: uppercase;
	color: #FFF;
	font: 16px "RalewayB";
	padding: 8px 14px 8px 38px;
	margin-top: 14px;
}
.faceConnect:hover {
	background-color: #29488a;
	color: #FFF;
}


/* ----------- Date Picker -----------*/
.Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before  { box-sizing: content-box !important }
.Zebra_DatePicker { position: absolute; background: #FFF; border: 1px solid #999; display: none; z-index: 100; padding: 10px; font: 12px Verdana; }
.Zebra_DatePicker * { margin: 0; padding: 0; color: #161616; background: transparent; border: none }
.Zebra_DatePicker table { border-spacing: 0 }
.Zebra_DatePicker td, .Zebra_DatePicker th { text-align: center; padding: 4px 0 }
.Zebra_DatePicker td { cursor: pointer }
.Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker { margin-top: 3px }
.Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td { width: 30px }
.Zebra_DatePicker, .Zebra_DatePicker .dp_header .dp_hover, .Zebra_DatePicker td.dp_selected, .Zebra_DatePicker .dp_footer .dp_hover, .Zebra_DatePicker td.dp_hover { border-radius: 3px }
.Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next { width: 30px }
.Zebra_DatePicker .dp_header .dp_caption { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover { background: #fff; }
.Zebra_DatePicker .dp_header .dp_blocked { color: #DEDEDE; cursor: default }
.Zebra_DatePicker .dp_daypicker th { font-weight: bold }
.Zebra_DatePicker td.dp_not_in_month { color: #DEDEDE; cursor: default }
.Zebra_DatePicker td.dp_weekend_disabled { color: #DEDEDE; cursor: default }
.Zebra_DatePicker td.dp_selected { background: #339ca3; color: #FFF !important }
.Zebra_DatePicker td.dp_week_number { cursor: text; font-weight: bold }
.Zebra_DatePicker .dp_monthpicker td { width: 33% }
.Zebra_DatePicker .dp_yearpicker td { width: 33% }
.Zebra_DatePicker .dp_footer { margin-top: 3px }
.Zebra_DatePicker td.dp_current { background-color:#7d7d7d; color: #fff; }
.Zebra_DatePicker td.dp_disabled_current { color: #3A87AD }
.Zebra_DatePicker td.dp_disabled { color: #DEDEDE; cursor: default }
.Zebra_DatePicker td.dp_hover { background: #f0f0f0; color:#161616 !important; }
button.Zebra_DatePicker_Icon { display: block; position: absolute; width: 16px; height: 16px; background: url('../img/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }
button.Zebra_DatePicker_Icon_Inside { left:auto !important; right:10px !important; }
.Zebra_DatePicker_Icon_Wrapper { display:block !important;}


/* ----------- Price table -----------*/
.price {
	width:100%;
	border: 1px solid #e6e6e6;
	margin: 10px 0px 17px;
}
.price tr {
	border-bottom: 1px solid #e6e6e6;
}
.price td {
	padding: 9px;
	text-align: center;
}
.price tr:last-child {
	border-bottom: 0;
}
.price strong {
	font-family: "RalewayB";
}
.price .tdFirst {
	padding-right: 20px;
	text-align: left;
}

/* ----------- Hightlight text -----------*/
.hightlightText { margin-bottom:16px; }
.hightlightText li {
	font: 110% "RalewayB";
	position: relative;
	padding: 0px 0px 5px 14px;
}
.hightlightText li:before {
	background-color:#161616;
	content:'';
	display:block;
	width:6px;
	height:6px;
	margin-right: 7px;
	top: 7px;
	left:0px;
	position: absolute;
}

/* ----------- Float img -----------*/
.floatLeft {
	float: left;
	margin: 0px 26px 15px 0px;
}
.textPadding {
	margin-left: 280px;
}
.textPadding p {
	font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px;
}
@media only screen and (max-width: 602px) {
	.floatLeft { float:none; width:100%; margin-bottom:14px; }
	.textPadding { margin-left: 0px; }
}

/* ----------- ContactBox -----------*/
.contactBox {
	font-size: 14px;
	padding: 14px 18px;
	background: #F8F8F8;
	margin: 30px 36px 0px 0px;
	word-wrap:break-word;
}
.contactBox .ocupation { font-size:12px; color:#6f6f6f; padding-bottom:4px; }
.contactBox .department { font-size:12px; }
@media only screen and (max-width: 890px) {
	.contactBox { margin: 20px 0px 0px 0px; }
}
.contactBox h4 { color:#b0b0b0; font-size:22px; margin-bottom:8px; }
.contactBox p { margin-bottom:2px; }
.contactBox hr { margin:15px 0px; }
.calCol3 .contactBox { margin-right:0px; }

/* ----------- modalBox -----------*/
.modalBox {
	background: #fff;
	margin:auto;
	max-width:800px;
	width: 100%;
	padding: 18px 32px 22px;
}
.modalBox h2 {
	color: #339ca3;
	font-size: 30px;
	margin-bottom:14px;
}

/* ----------- ChangeSize -----------*/
#changesize {
	position: absolute;
	left: 0px;
	top: 8px;
	z-index:1000;
}
@media only screen and (max-width: 1304px) {
	#changesize { left:26px; }
}
@media only screen and (max-width: 972px) {
	#changesize { left:56px; }
}
@media only screen and (max-width: 952px) {
	#changesize { left:auto; right:4px; }
}
#changesize a {
	display: inline-block;
	margin-right: 6px;
	font: 14px/31px Arial;
	text-align: center;
	height: 32px;
	width: 34px;
	color: #eaeaea;
	border: 1px solid #4f4f4f;
}
@media only screen and (max-width: 952px) {
	#changesize a { background: rgba(0,0,0,0.7) }
}
#changesize a:hover { color:#4ac5cd; border: 1px solid #339ca3; }

/* ----------- date and time -----------*/
#locationInfo {
	color: #a9a9a9;
	display:inline-block;
	border-right: 1px solid #dddddd;
	margin-right: 28px;
	padding-right: 28px;
}
@media only screen and (max-width: 606px) {
	#locationInfo { border-right:none; }
}
#timeInfo {
	font: 80px Verdana, Geneva, sans-serif;
}
#timeInfo em {
	font-size: 40px;
	font-style: normal;
}
#dateInfo {
	font-size: 18px;
	display:block;
}

/* ----------- Search page -----------*/
.searchResults .title {
	font:140% "RalewayB";
}
.searchResults p {
	line-height: 140%;
}

/* ----------- generalText -----------*/
.generalText h3 {
	margin-bottom:8px;
}
.generalText p {
	line-height: 140%;
	margin-bottom:17px;
}

/* ----------- Side button -----------*/
.sideButton {
	position: fixed;
	top: 50%;
	right: -50px;
	width: 141px;
	text-align: center;
	padding: 12px 0px;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	font: 16px "RalewayB";
	background: #c3363b;
	color: #fff;
	margin-top:-25px;
	z-index:10000;
}
.sideButton:hover { color:#fff; background:#2b2b2b; }

/* ----------- sitemap -----------*/
.sitemap > li {
	color: #339ca3;
	font: 130% "RalewayB";
	line-height: 130%;
}
.sitemap > li a {
	color:#161616;
	font: 75% "Raleway";
}
.sitemap > li a:hover { color:#339ca3; }
.sitemap li ul {
	padding-bottom: 26px;
}

/* ----------- Comments -----------*/
.comments h3 {
	font-family: "Raleway";
	margin-top: 7px;
	padding: 20px 0px 10px;
}
.comments ul li {
	margin-bottom: 26px;
}
.comments .line {
	color:#268d94;
	font: 105% "RalewayB";
	margin-bottom: 2px;
}
.comments .line span {
	color:#959595;
	font-family: "Raleway";
	padding-left: 2px;
}
.comments textarea {
	border: 1px solid #CCC;
	border-radius: 3px 3px 0px 0px;
	width:100%;
	padding: 10px;
}
.comments input[type=button] {
	border: 1px solid #CCC;
	border-radius: 0px 0px 3px 3px;
	font: 105% "RalewayB";
	width:100%;
	padding: 10px;
	margin: -3px 0px 28px;
}
.comments input[type=button]:hover { background-color:#818181; color:#fff; }

/* ----------- Raty -----------*/
#rate img {
	display: inline-block;
}

/* ----------- Exchange -----------*/
.exchange {
	background: #f8f8f8;
	border-radius: 4px;
	margin-top:28px;
}
.exchange p { margin-bottom:9px !important; line-height:normal !important; }
.exchange .title {
	color:#339ca3;
	display:block;
	font: 110% "RalewayB";
	cursor:pointer;
	padding: 10px 14px;
	position: relative;
}
.exchange .title:after {
	content:"+";
	position: absolute;
	top: 3px;
	right: 12px;
	font: 32px "Raleway";
}
.exchange .title.symbol:after { content:"-"; }
.exContent {
	display:none;
}
.exchange .detail {
	border-top: 1px solid #dedede;
	display: block;
	font-size:90%;
	padding: 10px 14px;
}
.exchange span.arrow {
	font-size: 140%;
	padding: 0px 4px;
}
.exchange em {
	color: #c1c1c1;
	padding: 0px 9px;
}

/* ----------- Various -----------*/
.dontShow {
	display: none;
}
.tx18 {
	font-size: 120%;
	margin-bottom: 2px !important;
}

/* ---------- Transparency  ---------- */
.colBoxs {
	margin: 0 auto;
	width: 100%;
	display: block
}

.colBoxs > p {
	padding-bottom: 20px;
}
.colBoxs > h2 {padding-top: 10px ;}
.rowGrid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 4%;
	margin-bottom: 100px;
	margin-top: 47px;
}
.cajasTransparency { 
	border: 1px solid #dddddd;
	border-top: 0px;
	transition: all 0.3s ease;
}
.cajasTransparency .boxTitle {
	color: #3d3d3d;
	background-color: #f2f2f2;
	min-height: 120px;
	padding: 20px 7%;
	position: relative;
	text-align: center;
}
.cajasTransparency:hover .boxTitle,
.cajasTransparency:hover .boxTitle i {
	color: #fff;
}
.cajasTransparency .boxTitle:before {
	background: #339ca3;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	transition: all 0.3s ease;
	width: 100%;
}
.cajasTransparency:hover .boxTitle:before {
	height: 100%;
}

.boxTitle > i {
	color: #3d3d3d;
    font-size: 36px;
	padding-top: 7%;
	position: relative;
	text-align: center;
	transition: all 0.3s ease;
}

.boxTitle h3 {
	font-size: 125%;
	position: relative;
	padding-top: 15px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.txtTransparency {
	padding: 10px 5% 0px 5%;
	position: relative;
}
.cajasTransparency:hover {
	background-color: #f2f2f2;
}

.cajasTransparency > .btnLeer {
	background: #6e6e6e;
	border-radius: 2px;
	color: #fff;
	font: 12px "RalewayB";
	margin-left: 5%;
	padding: 7px 11px;
	text-align: center;
	text-transform: uppercase;
	width: 28%;
}

@media only screen and (max-width:1044px) {
	.cajasTransparency > .btnLeer {
	width:35%;
	}
}
@media only screen and (max-width: 1078px){
	.cajasTransparency .boxTitle {
		min-height: 116px;	transition: all 0.4s ease;
	}
}
@media only screen and (max-width: 913px){
	.cajasTransparency .boxTitle {min-height: 116px; 	transition: all 0.4s ease;}
	.boxTitle h3 {font-size: 115%;}
	.rowGrid {
		grid-template-columns: repeat(3,32%);
		grid-gap: 2%;
		transition: all 2s ease;
	}
}
@media only screen and (max-width: 891px){
	.rowGrid {
		grid-template-columns: repeat(3, 32%);
		grid-gap: 2%;
		transition: all 2s ease;
	}
}
@media only screen and (max-width: 735px){
	.rowGrid {
		grid-template-columns: repeat(2, 48%);
		grid-gap: 2%;
		transition: all 2s ease-out;
	}
}
@media only screen and (max-width:440px){
	.rowGrid {
		grid-template-columns: 100%;
		transition: all 2s ease;
	}
}

.boxtransparency {
	background: #f2f2f2;
	padding: 15px 2%;
	margin-bottom: 35px;
}
.boxtransparency h5 {
	color: #161616;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 16px;
}
.boxtransparency i { color: #161616; font-size: 16px; padding-left: 1%;}

.boxtransparency > ul > li {
	color: #161616;
	display: inline-block;
	font-size: 15px;
	padding: 5px 2%;
	border-right: 1px solid #dddddd;
	margin-bottom: 6px;
}
.boxtransparency > ul > li:hover {background-color: #dddddd;}
.boxtransparency > ul > li:hover > a{
	color: #339ca3;
	text-decoration: underline;
}
.links {font-size: 0px;}

.divider {
	height: 1px;
	background-color: #dddddd;
	margin: 10px 0 30px 0;
}

/* ---------------------Documentos---------------------  */

.rowDocumnts {
	padding-left:2%; 
}

.file-list, .file-list ul {
	border-left:1px dotted #aaa;
	font-size:1em;
	list-style-type: none;
	margin-left:5px;
	padding-left:19px;
}
.fileTree ul { margin-left: -20px }
.file-list li {
	padding: 6px 0 6px 29px;
	position: relative;
}
.file-list li a {
	color:#2a363d;
	font-size: .94em;
	line-height: 1em;
}
.file-list li a:hover { color:#339ca3; text-decoration: underline }
.file-list li a:before{
	border-bottom:1px dotted #aaa;
	content: " ";
	display:block;
	height:1px;
	left:-14px;
	position:absolute;
	top:1em;
	width:10px;
}
.file-list li:before{
	color:#7a858b;
	content:'\f15b';
	display:block;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	height:20px;
	left:2px;
	list-style-type: none;
	position:absolute;
	text-align: center;
	top:6px;
	width:20px;
}
.file-list li.doc:before { content:'\f1c2' }
.file-list li.power:before { content:'\f1c4' }
.file-list li.pdf:before { content:'\f1c1' }
.file-list li.img:before { content:'\f1c5' }
.file-list li.excel:before { content:'\f1c3' }
.file-list li.csv:before { content:'\f6dd' }
.file-list li.code:before { content:'\f1c9' }
.file-list .folder-root:before{
	color:#8f999e;
	content: "\f07b";
	font-weight: 900;
}
.file-list li.doc:hover:before, .file-list li.power:hover:before, .file-list li.pdf:hover:before, .file-list li.excel:hover:before, .file-list li.csv:hover:before,.file-list li:hover:before{
	color:#339ca3;
}

.file-list .folder-root.open > a {
	font-weight: 500;
	color: #339ca3;
}
.file-list .folder-root.open:before{
	content: "\f07c";
	color: #339ca3;
}
li.folder-root ul{
	overflow:hidden;
	transition: all .3s ease-in-out;
}
li.folder-root.closed > ul {	
	max-height:0px;
	opacity:0;
}
li.folder-root.open > ul {
	display:block;
	opacity:1;
	padding-top: 6px;
}