body, html {
	background-color: #fff;
	color:#1f282d;
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size: 1em;
	font-weight: 400;
	margin:0px;
	padding:0px;
	top: 0 !important;
}
body {
	min-height: auto !important;
	padding-top: 200px;
	position: static !important;
	transition:all 0.3s ease;
}
body.linesBack {
	background-image: url(../img/linesBack.jpg);
	background-repeat: no-repeat;
	background-position: center 70px;
}
body.linesBack.v2 { background-position: center 96px }
body.change { padding-top: 170px }
body.userPad { padding-top: 241px }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, img { display:block }
table { border:none; border-collapse:collapse }
a {
	color:#00aeef;
	cursor:pointer;
	text-decoration:none;
	outline:none;
}
a:focus {
	background-color: rgba(61,73,80,.2);
	outline: 1px dashed #3e494f;
	outline-offset: -1px;
	transition: none !important;
}
a:focus:hover { outline: none !important }
p, form, input, ul, ol, h1, h2, h3, h4, h5, h6, figure, hr, span, blockquote, fieldset {
	margin:0px;
	padding:0px;
}
ul li { list-style-type:none; list-style-position:outside }
ol li { list-style-position: inside }
img { border:0px; display:inline-block }
input, textarea, select {
	border:none;
	border-radius:0px;
	color:#1f282d;
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size: 1em;
	font-weight: 400;
	resize:none;
	outline: none;
}

strong { font-weight: 600 }
input[type='text'], input[type='password'], input[type='button'], input[type='submit'], textarea, select {
	-webkit-appearance:none;
	-moz-appearance: none;
}
input[type="submit"], input[type="button"] { cursor:pointer }
input::-moz-focus-inner { border:0; padding:0 }
fieldset { border: 0 }
input[type="radio"] {
	background-color: #fff;
	border:1px solid #3f4a50;
	border-radius: 50%;
	cursor: pointer;
	height: 14px;
	margin-right: 10px;
	position: relative;
	top: 1px;
	transition:all 0.3s ease;
	width: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="radio"]:hover { background-color: #efefef }
input[type="radio"]:checked {
	background-color: #00aeef;
	border:3px solid #fff;
	box-shadow: 0 0 1px 1px rgba(15,15,15,0.4);
}

input[type="checkbox"] {
	background-color: #fff;
	border:1px solid #3f4a50;
	cursor: pointer;
	height: 14px;
	margin-right: 10px;
	position: relative;
	top: 1px;
	width: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="checkbox"]:checked {
	background-color: #00aeef;
	border:3px solid #fff;
	box-shadow: 0 0 1px 1px rgba(15,15,15,0.3);
}

::selection { background:#000; color:#fff; padding:20px }
::-moz-selection { background:#000; color:#fff }
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
hr {
	background-color: #dedede;
	border: 0;
	height: 1px;
	margin: 16px 0;
	width: 100%;
}
.generalWrap {
	margin:auto;
	max-width:1216px;
	position:relative;
	width: inherit;
}
@media only screen and (max-width:1274px) {
	.generalWrap { margin:0 20px }
}
@media only screen and (max-width:1000px) {
	body { padding-top: 0 !important }
}
@media only screen and (max-width:882px) {
	body.linesBack { background-position: center 118px }
	/*body.linesBack.v2 { background-position: center 138px }*/
}
@media only screen and (max-width:800px) {
	a:focus { outline: none !important }
}


/*----------- header -----------*/
header {
	left: 0;
	position: fixed;
	top: 0;
	transition:all 0.3s ease;
	width: 100%;
	z-index: 8000;
}
#topBar {
	height: 42px;
	overflow: hidden;
	position: relative;
	transition:all 0.3s ease;
}
#topBar:after {
	background-color: rgba(62,73,80,.92);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}
header.change #topBar {
	height: 0;
}

#topBar .generalWrap {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 58px 68px auto 66px 112px;
	position: relative;
	z-index: 200;
}
#topBar a {
	color: #fff;
	display: block;
	font-size: .8em;
	font-weight: 500;
	height: 42px;
	line-height: 40px;
}
#topBar a span {
	border-bottom: 1px solid transparent;
	padding-bottom: 1px;
	transition:all 0.3s ease;
}
#topBar a:hover span {
	border-bottom-color: #fff
}
#topBar a i { margin-right: 7px }
#topBar a:nth-child(1) i { color: #f99d2d }
#topBar a:nth-child(2) i { color: #32c5f4 }
#topBar a:nth-child(4) i { color: #fed82d }
#topBar a:nth-child(5) i { color: #8dc468 }

#logo {
	position: relative;
	z-index: 100
}
#logo svg {
	height: 156px;
	left: 50%;
	position: absolute;
	top: -44px;
	transform: translateX(-50%);
	transition:all 0.2s ease;

	-webkit-filter: drop-shadow(0 0 14px rgba(255,255,255,0.46));
	filter: drop-shadow(0 0 14px rgba(255,255,255,0.46));
}
#logo:hover svg {
	-webkit-filter: drop-shadow(0 0 14px rgba(100,100,100,0.26));
	filter: drop-shadow(0 0 14px rgba(100,100,100,0.26));
}
header.change #logo svg {
	height: 136px;
	top: -38px;
}
#muniLogo {
	background-image: url(../img/muni.svg);
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
	height: 42px;
	left: 50%;
	position: absolute;
	top: 10px;
	transform: translateX(-50%);
	width: 74px;
	z-index: 400;
}
@media only screen and (max-width:1000px) {
	header { position: relative }
	#topBar { height: 62px; padding: 0 0 0 64px }
	header.change #topBar { height: 62px }
	#topBar a { height: 62px; line-height: 60px }
	#muniLogo { display: block }
}
@media only screen and (max-width:700px) {
	#topBar { padding: 0 0 0 50px }
	#topBar .generalWrap { grid-gap: 18px; grid-template-columns: 17px 17px auto 17px 17px }
	#topBar a span { display: none }
	#topBar a { font-size: 1em }
	#topBar a i { margin-right: 0 }
}
@media only screen and (max-width:490px) {
	#topBar .generalWrap { grid-template-columns: 17px auto 17px 17px }
	#topBar a:nth-child(1) { display: none }
}


/*----------- midMenu -----------*/
#midMenu {
	background-color: rgba(63,74,80,1);
	height: 74px;
}
header.change #midMenu {
	height: 53px;
}
#midMenu:after {
	background-image: url(../img/colorBar.svg);
	background-position: center top;
	background-size: 1920px;
	content: "";
	height: 100%;
	left: 0;
	opacity: .8;
	position: absolute;
	top: 0;
	width: 100%;
}
#midMenu .generalWrap {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: 88px 78px auto 92px 116px;
	z-index: 100;
}
#midMenu a {
	align-items: center;
	color: #fff;
	display: grid;
	font-size: .84em;
	font-weight: 600;
	grid-gap: 10px;
	grid-template-columns: 30px auto;
	line-height: 1.4em;
	padding: 17px 0 0 0;
	text-shadow: 0 0 12px rgba(35,31,32,0.3);
	transition:all 0.3s ease;
}
header.change #midMenu a {
	font-size: .8em;
	grid-template-columns: 26px auto;
	padding: 8px 0 0 0;
}
#midMenu a:hover {
	color: #ffeea3;
}
#midMenu a i {
	font-size: 1.7em;
	transition:all 0.3s ease;
}
header.change #midMenu a i {
	font-size: 1.5em;
}
@media only screen and (max-width:882px) {
	#midMenu,
	header.change #midMenu { height: auto }
	#midMenu .generalWrap {
		grid-gap: 0 30px;
		grid-template-columns: repeat(2, auto);
		justify-content: center;
		padding: 14px 0;
	}
	#midMenu:after { background-size: 2220px }
	#midMenu p { display: none }
	#midMenu a,
	header.change #midMenu a { font-size: .84em; grid-template-columns: 30px auto; padding: 12px 0 }
	header.change #midMenu a i { font-size: 1.7em }
}
@media only screen and (max-width:628px) {
	#midMenu a { font-size: .76em !important; grid-gap: 6px }
	#midMenu a i { font-size: 1.55em !important }
}
@media only screen and (max-width:500px) {
	#midMenu .generalWrap {
		grid-gap: 0 10px;
		grid-template-columns: repeat(2, 1fr);
		padding: 4px 0;
	}
	#midMenu:after { background-size: 2460px }
	#midMenu a { display: block; text-align: center }
	#midMenu a i { display: block; font-size: 1.2em; margin: 0 auto 4px auto }
}


/* ----------- nav -----------*/
#navButton {
	background-color: rgba(47,56,61,.92);
	border-radius: 4px;
	color: #fff;
	display:none;
	font-size: 1.1em;
	left:10px;
	height: 42px;
	line-height: 42px;
	position:fixed;
	text-align: center;
	top:10px;
	width: 42px;
	z-index: 10000;
}
#closeMenu {
	color: #c5cbce;
	display: none;
	font-size: 1.2em;
	height: 46px;
	left:13px;
	line-height: 46px;
	position: absolute;
	text-align: center;
	top:0px;
	width: 46px;
	z-index: 9999999
}
#homeBtn {
	display: none;
	font-size: 1.2em;
	height: 46px;
	line-height: 46px;
	position: absolute;
	right:13px;
	text-align: center;
	top:0px;
	width: 46px;
	z-index: 9999999
}
#homeBtn a { color: #c5cbce }
nav {
	box-shadow: 0 0 40px rgba(76,76,76,0.2);
	height: 84px;
	position: relative;
	transition:all 0.2s ease;
	z-index: 1100;
}
header.change nav {
	height: 74px;
}
nav > ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 130px 1fr 1fr 1fr 1fr;
	height: 100%;
}
nav > ul > li {
	position: relative;
}
nav > ul > li > a {
	align-items: center;
	background-color: rgba(255,255,255,1);
	border-right: 1px solid #d1d2d1;
	color: #2a363d;
	cursor: default;
	display: grid;
	font-size: .84em;
	font-weight: 500;
	height: 100%;
	padding-left: 12px;
	padding-right: 12px;
	position: relative;
	text-align: center;
	transition:all 0.2s ease;
	width: 100%;
}
nav > ul > li:nth-child(9) > a { border-right: none }
nav > ul > li > a:hover,
nav > ul > li:hover > a {
	color: #00aeef
}
nav > ul > li > a:hover:after,
nav > ul > li:hover > a:after {
	background-color: #00aeef;
	bottom: 0px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 100%;
}
nav > ul > li:nth-child(5) > a:hover:after { display: none }

nav > ul > li > a:last-child { cursor: pointer }

nav > ul > li > a .svg {
	fill: rgba(42,54,61,0.9);
	max-height: 26px;
	margin: 2px 0 1px 0;
	transition:all 0.3s ease;
	width: 40px
}
header.change nav > ul > li > a .svg {
	max-height: 18px;
	width: 30px
}
nav > ul > li > a:hover .svg,
nav > ul > li:hover > a .svg { fill: #00aeef }

nav > ul > li > a.current .svg,
nav > ul > li > a.current p {
	color: #e63e2f !important;
	fill: #e63e2f !important;
}
nav > ul > li > a.current:hover .svg,
nav > ul > li > a.current:hover p {
	color: #00aeef;
	fill: #00aeef;
}
nav > ul > li > a.current:after {
	background-color: #e63e2f !important;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 100%;
}
nav > ul > li > a.current:hover:after { background-color: #00aeef }

nav > ul > li > ul {
	background-color: rgba(31,34,35,0.88);
	border-radius: 0 0 14px 14px;
	display: none;
	left: 0;
	min-width: 230px;
	padding: 20px 24px;
	position: absolute;
	top: 84px;
	transition:all 0.2s ease;
	z-index: 200;
}
header.change nav > ul > li > ul {
	top: 74px;
}

nav > ul > li:nth-child(8) > ul {
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 20px;
}

nav > ul > li:nth-child(6) > ul,
nav > ul > li:nth-child(7) > ul,
nav > ul > li:nth-child(8) > ul,
nav > ul > li:nth-child(9) > ul { left: initial; right: 0 }


nav > ul > li.open > ul { display: grid }

nav > ul > li > ul > li .title {
	color: #32c6f4;
	font-size: .86em;
	font-weight: 600;
	padding: 10px 0 4px 10px;
}
nav > ul > li > ul > li > a,
nav > ul > li > ul > li > ul > li > a {
	color: #fff;
	display: block;
	font-size: .86em;
	font-weight: 400;
	line-height: 1.35em;
	padding: 6px 18px 6px 25px;
	position: relative;
	text-shadow: 0 0 4px rgba(33,50,58,0.5);
	transition:all 0.3s ease;
	white-space: nowrap;
}
nav > ul > li > ul > li > a span,
nav > ul > li > ul > li > ul > li > a span {
	border-bottom: 1px solid transparent;
	padding-bottom: 2px;
	transition:all 0.3s ease;
}
nav > ul > li > ul > li > a:hover span,
nav > ul > li > ul > li > ul > li > a:hover span,
nav > ul > li > ul > li a.current span,
nav > ul > li > ul > li > ul > li > a.current span {
	border-bottom-color: #fff
}
nav > ul > li > ul > li > a:focus:hover { background-color: rgba(66,83,92,0.8) !important }
nav > ul > li > ul > li > a:before,
nav > ul > li > ul > li > ul > li > a:before {
	background-color: #32c6f4;
	content: "";
	height: 2px;
	left: 10px;
	position: absolute;
	top: 14px;
	width: 6px;
}
/* focus nav */
nav > ul > li > a:focus { background-color: #3f4a50 !important; outline: none; }
nav > ul > li > a:focus .svg,
nav > ul > li > a:focus p {
	color: #fff !important;
	fill: #fff !important;
}
nav > ul > li > a:focus:before { background-color: #3f4a50 !important }
nav > ul > li > ul > li > a:focus,
nav > ul > li > ul > li > ul > li > a:focus { outline: 1px dashed #f8951d }
/* focus nav */

@media only screen and (max-width:1212px) {
	nav > ul > li > a { font-size: .74em }
}
@media only screen and (max-width:1000px) {
	#navButton, #closeMenu, #homeBtn { display: block }
	nav {
		height: auto !important;
		z-index: 999999
	}
	header.rMenu .backMenu {
		background-color: rgba(34,34,34,0.4);
		content: "";
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000
	}
	nav > ul {
		background-color: rgba(255,255,255,1);
		display: block;
		height:100vh;
		left:-100%;
		max-width: 270px;
		overflow-y: auto;
		padding:47px 0 60px 0;
		position:fixed;
		top:0px;
		width:80%;
		z-index:20000
	}
	nav > ul > li > a {
		background-color: transparent;
		border-top: 1px solid #e2e4e2;
		display: block; 
		font-size: .84em;
		height: auto; 
		padding: 10px 16px !important;
		position: relative;
		text-align: left;
		width: 100%;
	}
	header.change nav > ul > li > a .svg {
		max-height: 26px;
		width: 40px
	}
	nav > ul > li > a > div {
		align-items: center;
		display: grid;
		grid-template-columns: 44px auto;
		grid-column-gap: 12px;
	}
	nav > ul > li:nth-child(5) {
		display: none;
	}

	nav > ul > li > a:hover:after,
	nav > ul > li:hover > a:after {
		height: 100%;
		width: 4px;
	}
	nav > ul > li > a.current:after {
		height: 100%;
		width: 4px;
	}

	nav > ul > li > ul {
		background-color: transparent;
		border-radius: 0;
		display: none;
		padding: 8px 20px 14px 20px;
		position: static;
	}

	nav > ul > li.open > ul { display: block }

	nav > ul > li > ul > li > a,
	nav > ul > li > ul > li > ul > li > a {
		color: #2a363d;
		padding: 6px 18px 6px 14px;
		text-shadow: none;
		white-space: initial;
	}


	nav > ul > li > ul > li > a:before,
	nav > ul > li > ul > li > ul > li > a:before {
		left: 0;
		top: 14px;
	}

	nav > ul > li > ul > li .title {
		padding: 12px 0 4px 0
	}

	nav > ul > li > ul > li > a:hover span,
	nav > ul > li > ul > li > ul > li > a:hover span,
	nav > ul > li > ul > li a.current span,
	nav > ul > li > ul > li > ul > li > a.current span {
	    border-bottom-color: #2a363d
	}
}


/* ----------- logBar -----------*/
#logBar {
	background-color: rgba(245,245,245,1);
	border-bottom: 1px solid #e4e4e4;
	position: absolute;
	text-align: right;
	width: 100%;
	z-index: 1000;
}
#logBar p {
	cursor: pointer;
	font-size: .8em;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 12px 4px 13px 0;
	text-transform: uppercase;
	transition:all 0.3s ease;
	user-select: none;
}
#logBar p:hover {
	color: #f88e0c;
}
#logBar p i {
	color: #f99d2d;
	margin-right: 10px;
}
#logBar .mDisplay {
	background-color: #fff;
	border-top: 1px solid #f99d2d;
	border-radius: 0 0 8px 8px;
	cursor: default;
	display: none;
	filter: drop-shadow(0 10px 10px rgba(50,50,50,.1));
	padding: 8px 24px;
	position: absolute;
	right: 0;
	top: 41px;
	width: 210px;
}
#logBar .mDisplay a {
	border-bottom: 1px solid #ebeaea;
	color: #3a3d4f;
	display: block;
	font-size: .9em;
	font-weight: 500;
	padding: 13px 0;
	text-align: left;
	transition:all 0.3s ease;
}
#logBar .mDisplay a:last-of-type { border-bottom: none }
#logBar .mDisplay a:hover {
	color: #f99d2d;
}
@media only screen and (max-width:1274px) {
	#logBar .generalWrap { margin: auto }
}
@media only screen and (max-width:1244px) {
	#logBar p { padding: 12px 20px 13px 0 }
	#logBar .mDisplay { right: 14px }
}
@media only screen and (max-width:1000px) {
	#logBar { position: relative }
}


/* ----------- breadcrumb -----------*/
#breadcrumb, #breadcrumbDC {
	background-color: #ededed;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	height: 44px;
	line-height: 40px;
	padding: 0 18px;
	position: relative;
}
#mainContent.withoutImg #breadcrumb,
#mainContent.v2 #breadcrumb {
	border-left: none;
	border-right: none;
	padding: 0 5px;
}
#mainContent.v2 #breadcrumb {
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	padding: 0 18px;
}
#microsite #breadcrumb, #msContent #breadcrumb.bcDC {
	background-color: transparent;
	border:none;
	height: 34px;
	line-height: 30px;
	padding: 0;
	position: absolute;
	text-align: right;
	top: -34px;
	width: 100%;
}
#breadcrumb a {
	color: #2a363d;
	display: inline-block;
	font-size: .8em;
	font-weight: 500;
	position: relative;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
#microsite #breadcrumb a { color: #fff }
#breadcrumb a:hover { color: #00aeef }
#breadcrumb a:not([href]) { color: #2a363d; cursor: default }
#breadcrumb a span {
	border-bottom: 1px solid #2a363d;
	padding-bottom: 1px;
	transition:all 0.3s ease;
}
#microsite #breadcrumb a span { border-bottom: 1px solid rgba(255,255,255,0.7) }
#breadcrumb a:hover span { border-bottom-color: #00aeef  }
#breadcrumb .arrow {
	display: inline-block;
	font-size: .9em;
	opacity: 0.4;
	padding: 0 5px;
}
#microsite #breadcrumb .arrow { color: #fff }

@media only screen and (max-width:1000px) {
	#mainContent.withoutImg #breadcrumb { padding: 0 18px }
	#microsite #breadcrumb { display: none }
}
@media only screen and (max-width:650px) {
	#breadcrumb { height: auto; line-height: 1.4em; padding: 10px 16px }
	#mainContent.withoutImg #breadcrumb,
	#mainContent.v2 #breadcrumb { padding: 10px 16px }
	#breadcrumb a, #breadcrumb span { text-transform: none }
}
@media only screen and (max-width:600px) {
	#breadcrumb { border-left: 3px solid #fff; border-right: 3px solid #fff }
}


/* ----------- footer -----------*/
footer {
	display: inline-grid;
	grid-column-gap: 36px;
	grid-template-columns: auto auto auto auto auto;
	justify-content: center;
	padding: 44px 20px;
	position: relative;
	width: 100%;
}
footer:after {
	background-image: url(../img/colorBar.svg);
	background-position: center bottom;
	background-size: 2420px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: -1px;
	width: 100%;
}
footer:before {
	background-image: url(../img/linesBack.jpg);
	background-position: bottom;
	content: "";
	height: 130px;
	position: absolute;
	top: -131px;
	transform: scaleY(-1) scaleX(-1);
	width: 100%;
}
footer div {
	border-right: 1px dashed #d6d6d6;
	padding-right: 36px;
	position: relative;
}
footer div:last-child {
	border-right: none;
	padding-right: 0
}
footer div:nth-child(3) { padding-left: 50px }
footer div:nth-child(5) { border-right: none; padding-right: 0 }

footer div p {
	font-weight: 500;
	line-height: 1.3em;
	padding: 2px 0;
}
footer div p.big { font-size: 1.3em }
footer div p.small {
	font-size: .92em;
	font-weight: 400
}
footer div p.pad1 { padding-left: 32px }
footer div a {
	color: #2a363d;
	transition:all 0.3s ease;
}
footer div a:hover { color: #69a242 }
footer div p i {
	color: #69a242;
	margin-right: 12px
}
footer div img {
	left: 0;
	margin-right: 14px;
	position: absolute;
	width: 36px
}
footer div a.facebook {
	background-color: #00aeef;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	height: 38px;
	line-height: 37px;
	text-align: center;
	transition:all 0.3s ease;
	width: 38px;
}
footer div a:hover.facebook { background-color: #31bef3 }
footer .counterTxt {
	border-radius: 3px;
	display: block;
	font-size: .78em;
	font-weight: 600;
	text-align: center;
	transition:all 0.3s ease;
}
footer .counterTxt span {
	color: #69a242;
	display: block;
	font-size: 1.46em;
	font-weight: 400;
	font-variant-numeric: tabular-nums;
	transition:all 0.3s ease;
}
footer .counterTxt:hover { color: #2a363d }
footer .counterTxt:hover span {
	color: #00aeef;
}

.footNav {
	background-color: #eff0f0;
	background-image: url(../img/colorBar.svg);
	background-position: center bottom;
	background-size: 2420px;
	display: grid;
	font-size: 1em;
	font-weight: 400;
	grid-gap: 50px;
	grid-template-columns: repeat(4,auto);
	justify-content: center;
	position: relative;
}
.footNav:after {
	background-color: rgba(47,56,61,.2);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}
.footNav a {
	color: #fff;
	font-weight: 500;
	padding: 26px 0;
	text-shadow: 0 0 12px rgba(35,31,32,0.3);
	z-index: 200;
}
.footNav a:hover {
	text-decoration: underline;
}

#policy {
	background-color: #ededed;
	color: #2a363d;
	font-size: .9em;
	font-weight: 400;
	line-height: 1.45em;
	padding: 14px 20px;
	position: relative;
	text-align: center;
}
#policy a {
	color: #69a242;
	font-weight: 500;
}
#policy a:hover { text-decoration: underline }


@media only screen and (max-width:1000px) {
	footer { grid-template-columns: auto auto }
	footer div:nth-child(2), footer div:nth-child(4) { border-right:none; padding-right: 0 }
	footer div:nth-child(3), footer div:nth-child(4) { padding-top: 20px }
	footer div:nth-child(4) { text-align: center }
	footer div:nth-child(5) { grid-column: span 2 }
	footer div:nth-child(5) { border-top: 1px dashed #d6d6d6; margin-top: 22px; padding-top: 22px }
}
@media only screen and (max-width:770px) {
	.footNav { grid-gap: 0; grid-template-columns: repeat(2,1fr); text-align: center }
}
@media only screen and (max-width:530px) {
	footer { padding: 26px 20px }
}
@media only screen and (max-width:530px) {
	.footNav { grid-template-columns: repeat(1,1fr); padding: 14px 0; }
	.footNav a { font-size: .96em; padding: 14px 0 }
}
@media only screen and (max-width:500px) {
	footer { grid-template-columns: auto; padding: 16px 20px }
	footer div {
		border-bottom: 1px dashed #d6d6d6;
		border-right:none;
		padding-bottom: 14px !important;
		padding-right: 0;
		padding-top: 14px !important
	}
	footer div:nth-child(5) { border-bottom: none; border-top: none; grid-column: span 1; margin-top: 0 }
}


/* ----------- misc -----------*/
.imgCover {
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.embedContainer {
	height: 0;
	margin-bottom: 22px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
}
.embedContainer.v2 { margin-bottom: 12px }
.embedContainer iframe, .embed-container object, .embed-container embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.aCenter { text-align: center !important }
.aLeft { text-align: left !important }
.aRight { text-align: right !important }
.aCenter { text-align: center !important }
.infoQuery {
	font-size: .94em;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}
.infoQuery span {
	color: #ced3ce;
	padding: 0 8px
}
.detailTxt {
	border-bottom: 1px solid #62a833;
	border-top: 1px solid #62a833;
	color: #62a833;
	font-weight: 600;
	margin-bottom: 16px;
	padding: 18px 0;
	text-align: center;
}
.detailTxt.yellow {
	border-color: #f8951d;
	color: #f8951d;
}
.detailTxt.red {
	border-color: #eb3e2e;
	color: #eb3e2e;
}
.detailTxt span {
	color: #2a363d;
	display: block;
	font-size: .94em;
	font-weight: 500;
	padding-top: 6px;
	text-transform: uppercase;
}

.querytList li {
	border-bottom: 1px solid #d6d6d6;
	display: grid;
	grid-template-columns: 106px auto;
	padding: 12px 0 !important;
	text-align: left;
}
.querytList li:before { display: none }
.querytList li:last-of-type { border-bottom: none }
.regulation { margin: 18px 0 }

.printBtn {
	background-color: #00aeef;
	border:none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: table;
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-size: 1em;
	font-weight: 600;
	margin: auto;
	padding: 8px 30px;
	transition: all 0.3s ease;
}
.printBtn:hover { opacity: .8 }
.acceptWrap { margin-top: 30px }
.acceptWrap label { cursor: pointer }
.acceptWrap a { margin-left: 4px; text-decoration: underline }
.helpModal {
	color: #b9c2c6;
	margin-right: 8px;
	transition:all 0.3s ease;
}
.helpModal:hover {
	color: #f8951d;
}
.btnSeemap {
	background-color: #03a9e7;
	border-radius: 4px;
	color:#fff !important;
	display: inline-block;
	font-weight: 600;
	margin-top: 21px;
	padding: 11px 24px;
	text-align: center;
}
.btnSeemap i { margin-right: 8px }

.payName {
	color: #a1abb0;
	font-size: 1.3em;
	font-weight: 600;
	margin-bottom: 6px;
	text-align: center;
}
.eyeLink {
	color: #69a242 !important;
	transition:all 0.3s ease;
}
.eyeLink:hover {
	color: #00aeef !important;
}
.forgot {
	display: table;
	font-weight: 500;
	margin-top: 15px;
}
.forgot:hover {
	text-decoration: underline;
}
.tLegend {
	grid-column: span 2;
}
@media only screen and (max-width:580px) {
	.infoQuery span { color: #fff; display: block; height: 3px }
}
@media only screen and (max-width: 780px) {
	.tLegend {
	  grid-column: span 1;
	}
}


/* ----------- google translate -----------*/
.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 > div > div { display: none }
#google_translate_element .goog-te-gadget span { display: none }
#google_translate_element .goog-te-combo {
	background-color: #fff;
	background-image: url(../img/arrow2.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 23px;
	border:1px solid #989898;
	border-radius: 0;
	color: #202020;
	cursor: pointer;
	font-family: 'Encode Sans Semi Condensed', sans-serif;
	font-weight: 400;
	margin-top: 12px;
	padding:8px 20px 8px 8px;
}


/* ----------- layout -----------*/
#firstPage {
	background-color: #eee;
	height: calc(100vh - 200px);
	overflow: hidden;
	position: relative;
}
#firstPage .backImg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;

	animation: imgAni 15s infinite;
}
#firstPage .backImg[href$="javascript:void(0);"] { cursor: default }
#firstPage .backImg:after {
	bottom: 0;
	content: "";
	height: 446px;
	left: 0;
	position: absolute;
	width: 100%;

	background: -moz-linear-gradient(top, rgba(20,20,20,0) 0%, rgba(20,20,20,0.4) 100%);
	background: -webkit-linear-gradient(top, rgba(20,20,20,0) 0%,rgba(20,20,20,0.4) 100%);
	background: linear-gradient(to bottom, rgba(20,20,20,0) 0%,rgba(20,20,20,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00141414', endColorstr='#a6222222',GradientType=0 );
}
#firstPage .backImg:before {
	background-color: rgba(20,20,20,0.1);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition:all 0.3s ease;
	width: 100%;
}
#firstPage .backImg:hover:before { background-color: rgba(20,20,20,0.3) }
#firstPage .backImg[href$="javascript:void(0);"]:before { display: none }
#firstPage .backImg:focus:before { background-color: rgba(0,174,239,0.5) }
#firstPage .backImg p {
	content: "";
	color: #fff;
	font-size: 3em;
	font-weight: 600;
	left: 50%;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 16px rgba(56,56,56,0.6);
	top: 52.5%;
	transform: translate(-50%, -50%);
	z-index: 100;

	animation: pAni 1.4s;
}
#firstPage .explore {
	bottom: 40px;
	color: #fff;
	display: none;
	font-size: 1.1em;
	font-weight: 600;
	left: 50%;
	padding: 10px 20px 0 20px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 16px rgba(56,56,56,0.6);
	text-transform: uppercase;
	transform: translateX(-50%);
	transition:all 0.3s ease;
	z-index: 1000;

	animation: simpleMove 2s infinite;
}
#firstPage .explore:hover { color: #fdd829 }
#firstPage .explore:focus { outline: 1px dashed #fed82d }
#firstPage .explore i {
	display: block;
	font-size: 1.8em;
}
@keyframes simpleMove {
	0% { padding-bottom: 0 }
	50% { padding-bottom: 10px }
	100% { padding-bottom: 0 }
}
@keyframes imgAni {
	0% { transform: scale(1) }
	50% { transform: scale(1.05) }
	100% { transform: scale(1) }
}
@keyframes pAni {
	0% { margin-top: 60px; opacity: 0 }
	100% { margin-top: 0; opacity: 1 }
}

#secondPage {
	position: relative;
	z-index: 100;
}
#secondPage .secondBackground {
	height: 100%;
	left: 0;
	opacity: 0.4;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.micrositesBoxes {
	margin: 0 auto;
	max-width: 1020px;
	padding: 70px 20px;
	position: relative;
	text-align: center;
	z-index: 100;

	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 38px;
	grid-row-gap: 38px;
}
.micrositesBoxes a {
	background-color: #989898;
	border: 5px solid #fff;
	display: block;
	height: 230px;
	max-width: 304px;
	overflow: hidden;
	position: relative;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}
.micrositesBoxes a > svg {
	fill:#fff;
	left: 50%;
	position: absolute;
	top: 39%;
	transform: translate(-50%, -50%);
	transition:all 0.5s ease;
	width: 84px;
	z-index: 100;

	-webkit-filter: drop-shadow(0 0 12px rgba(35,31,32,0.2));
	filter: drop-shadow(0 0 12px rgba(35,31,32,0.2));
}
.micrositesBoxes a:hover > svg { width: 94px }
.micrositesBoxes a p {
	background-color: rgba(41,54,62,1);
	bottom: 0;
	color: #fff;
	font-weight: 600;
	padding: 12px;
	position: absolute;
	text-shadow: 0 0 28px rgba(35,31,32,0.8);
	transition:all 0.3s ease;
	width: 100%;
}

.micrositesBoxes a:hover p { background-color: rgba(41,54,62,0); padding: 12px 12px 56px 12px; }
.micrositesBoxes a:nth-child(1) { background-color: #76d2f6; border-radius: 80px 0 0 0 }
.micrositesBoxes a:nth-child(2) { background-color: #f7961d; border-radius: 0 80px 0 0 }
.micrositesBoxes a:nth-child(3) { background-color: #08122c; border-radius: 80px 0 0 0 }
.micrositesBoxes a:nth-child(4) { background-color: #f7961d; border-radius: 0 0 80px 0 }
.micrositesBoxes a:nth-child(5) { background-color: #f7961d; border-radius: 0 0 0 80px }
.micrositesBoxes a:nth-child(6) { background-color: #0b8748; border-radius: 0 0 80px 0 }

.micrositesBoxes a .svgBg {
	background-image: url(../img/colorbg.svg);
	background-size: cover;
	height: 400px;
	position: absolute;
	transition:all 1s ease;
	width: 240px;
}
.micrositesBoxes a:nth-child(1) .svgBg {
	height: 983px;
	left: -143px;
	top: -496px;
	width: 590px;
}
.micrositesBoxes a:nth-child(2) .svgBg {
	height: 1533px;
	left: -202px;
	top: -296px;
	width: 920px;
}
.micrositesBoxes a:nth-child(3) .svgBg {
	height: 750px;
	left: -72px;
	top: -174px;
	transform: scale(-1, 1) rotate(0deg);
	width: 450px;
}
.micrositesBoxes a:nth-child(3):hover .svgBg { transform: scale(-1, 1) rotate(28deg) }
.micrositesBoxes a:nth-child(4) .svgBg {
	height: 800px;
	left: -88px;
	top: -454px;
	transform: scale(1, -1) rotate(0deg);
	width: 480px;
}
.micrositesBoxes a:nth-child(4):hover .svgBg { transform: scale(1, -1) rotate(28deg) }
.micrositesBoxes a:nth-child(5) .svgBg {
	height: 1366px;
	left: -627px;
	top: -713px;
	transform: rotate(90deg);
	width: 820px;
}
.micrositesBoxes a:nth-child(5):hover .svgBg { transform: rotate(72deg) }
.micrositesBoxes a:nth-child(6) .svgBg {
	height: 666px;
	left: -39px;
	top: -221px;
	width: 400px;
}
.micrositesBoxes a:hover .svgBg { transform: rotate(-28deg) }
@media only screen and (max-width:934px) {
	.micrositesBoxes { grid-template-columns: auto auto; justify-content: center }
	.micrositesBoxes a { min-width: 304px }
}
@media only screen and (max-width:730px) {
	.micrositesBoxes { grid-column-gap: 20px; grid-row-gap: 20px; padding: 50px 20px }
	.micrositesBoxes a { height: 190px; min-width: 274px }
	.micrositesBoxes a > svg { width: 54px }
	.micrositesBoxes a:hover > svg { width: 64px }
	.micrositesBoxes a .svgBg { transform: scale(0.8) }
	.micrositesBoxes a p { font-size: .9em; padding: 9px }
}
@media only screen and (max-width:680px) {
	#firstPage { height: auto; padding-bottom: 70% }
	#firstPage .explore { display: none }
	#firstPage .backImg p { font-size: 2em }
}
@media only screen and (max-width:630px) {
	.micrositesBoxes { justify-content: initial; padding: 30px 20px }
	.micrositesBoxes a { min-width: auto }
	.micrositesBoxes a:nth-child(1) { background-color: #76d2f6; border-radius: 30px 0 0 0 }
	.micrositesBoxes a:nth-child(2) { background-color: #f7961d; border-radius: 0 30px 0 0 }
	.micrositesBoxes a:nth-child(3) { background-color: #08122c; border-radius: 30px 0 0 0 }
	.micrositesBoxes a:nth-child(4) { background-color: #f7961d; border-radius: 0 0 30px 0 }
	.micrositesBoxes a:nth-child(5) { background-color: #f7961d; border-radius: 0 0 0 30px }
	.micrositesBoxes a:nth-child(6) { background-color: #0b8748; border-radius: 0 0 30px 0 }
	#secondPage .secondBackground { background-color: #f2f2f2; background-image: none !important; opacity: 1 }
}
@media only screen and (max-width:480px) {
	#firstPage { padding-bottom: 96% }
	#firstPage .backImg p { font-size: 1.8em }

	.micrositesBoxes { grid-column-gap: 12px; grid-row-gap: 12px }
	.micrositesBoxes a { height: 150px }
	.micrositesBoxes a p { font-weight: 500 }
	.micrositesBoxes a .svgBg { transform: scale(0.7) }

	.micrositesBoxes a:nth-child(1) .svgBg { left: -216px; top: -508px }
	.micrositesBoxes a:nth-child(2) .svgBg { left: -281px; top: -452px }
	.micrositesBoxes a:nth-child(3) .svgBg { left: -76px; top: -124px; height: 555px; width: 333px }
	.micrositesBoxes a:nth-child(4) .svgBg { left: -71px; top: -445px; height: 705px; width: 423px }
	.micrositesBoxes a:nth-child(6) .svgBg { left: -91px; top: -259px }
}


/* ----------- mainContent -----------*/
#insideBanner {
	background-color: #cbcbcb;
	background-position: center center;
	background-size: cover;
	height: 345px;
	position: absolute;
	width: 100%;
}
#insideBanner.withoutImg { position: relative }
#insideBanner:after {
	background-color: rgba(30,40,45,0.3);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#insideBanner.withoutImg:after { display: none }
#insideBanner.withoutImg:before {
	background-color: #ededed;
	bottom: -44px;
	content: "";
	height: 44px;
	position: absolute;
	width: 100%;
}

#mainContent {
	margin: 0 auto;
	max-width: 1006px;
	padding: 50px 0 64px 0;
	position: relative;
	z-index: 100;
}
#mainContent.smallW {
	max-width: 840px;
}
#mainContent.smallW2 {
	max-width: 520px;
}
#mainContent.shadow {
	border-radius: 0 14px 14px 0;
	box-shadow: 0 0 40px rgba(76,76,76,0.15);
	margin: 50px auto 50px auto;
	max-width: 640px;
	padding: 44px 50px;
	position: relative;
}
#mainContent.shadow:after {
	background-image: url(../img/colorBar2.svg);
	background-size: 180px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 3px;
}

#mainContent.login {
	display: grid;
	grid-gap: 0 50px;
	grid-template-columns: repeat(2, 1fr);
	margin: 0 auto;
	max-width: 940px;
	position: relative;
}
#mainContent.login h1 {
	color: #8f9ba0;
	grid-column: span 2;
	margin: 18px 0 14px 0;
}
#mainContent.login .generalForm {
	border-radius: 14px 14px 0 0;
	box-shadow: 0 0 40px rgba(76,76,76,0.15);
	margin-top: 14px;
	overflow: hidden;
	padding: 20px 46px 36px 46px;
	position: relative;
}
#mainContent.login .generalForm p:first-of-type .title {
	margin: 8px 0 7px 0;
}
#mainContent.login .generalForm figure {
	background-color: #eee;
	background-size: cover;
	display: grid;
	left: -46px;
	padding-bottom: 50%;
	position: relative;
	top: -20px;
	width: calc(100% + 92px);
}
#mainContent.login .generalForm figure span {
	color: #fff;
	font-size: 1.6em;
	font-weight: 600;
	left: 50%;
	position: absolute;
	text-shadow: 0 0 10px rgba(50,50,50,.3);
	top: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}

#mainContent.login #logBox1 {
	border-bottom: 2px solid #00aeef;
}
#mainContent.login #logBox2 {
	border-bottom: 2px solid #6aa741;
}
#mainContent.login #logBox2 input[type="submit"] {
	background-color: #6aa741;
}

#mainContent.pay {
	display: grid;
	grid-template-columns: 220px auto;
	max-width: 680px;
}
#mainContent.pay .generalForm {
	border-radius: 0 14px 14px 0;
	box-shadow: 0 0 40px rgba(76,76,76,0.15);
	margin-top: 0;
	padding: 44px 50px;
	position: relative;
}
#mainContent.pay .generalForm:after {
	background-image: url(../img/colorBar2.svg);
	background-position: 0 center;
	background-size: 180px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 4px;
}
#mainContent.pay h1 { margin: 0 0 14px 0 }
#mainContent .payImg {
	background-image: url(../img/payImg.jpg);
	background-position: center;
	background-size: cover;
	border-radius: 14px 0 0 14px;
}

#mainContent.withoutImg {
	margin: 0 auto;
	padding: 0 0 64px 0;
}
#mainContent h1 {
	color: #00aeef;
	font-family: 'Courgette', cursive;
	font-size: 2.1em;
	font-weight: 600;
	letter-spacing: -.5px;
	margin: 34px 0 14px 0;
	text-align: center;
}
#mainContent h1.grey {
	color: #6d7a82;
}
#mainContent.shadow h1 {
	margin: 0 0 14px 0;
}
#mainContent h1.lM { margin: 34px 0 4px 0 }
#mainContent h1.v2 {
	color: #2a363d;
	font-size: 1.1em;
	font-family: 'Encode Sans Semi Condensed';
	font-weight: 500;
	letter-spacing: 0;
	margin: 34px 0 0 0;
	text-transform: uppercase;
}
#mainContent h1.missing { padding: 70px 0 }
#mainContent h1 span {
	padding-bottom: 4px
}
#mainContent h1 .backLink, #msContent h1 .backLink {
	color: #babfc2;
	margin-right: 10px;
	transition:all 0.3s ease;
}
#mainContent h1 .backLink:hover, #msContent h1 .backLink:hover { color: #727e84 }
#mainContent > h2 {
	font-size: 1.4em;
	font-weight: 500;
	margin-top: 5px;
	text-align: center;
}
.txtBox {
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	columns: 2;
	column-gap: 86px;
	column-rule: 1px solid #d6d6d6;
	margin-bottom: 8px;
	position: relative;
	text-align: justify;
	overflow-wrap: break-word;
	word-break: break-word;
}
.txtBox.oneCol {
	columns: initial;
	margin-bottom: 0;
	word-break: initial;
}
.txtBox.clearF:after {
	content: "";
	clear: both;
	display: table;
}
#msContent .txtBox { border: none }
#newsGrid.oneCol .txtBox.oneCol { padding-top: 0 }
.txtBox h2, .txtBox blockquote > h2, #contentTruncate > h2 {
	color: #00aeef;
	font-size: 1.4em;
	margin-bottom: 6px;
	text-align: left;
}
.txtBox.oneCol h2,
.txtBox.oneCol blockquote > h2,
.oneCol #contentTruncate > h2 { border-top: 1px dashed #d6d6d6; margin-top: 10px; padding-top: 28px }
.txtBox.oneCol h2:first-child,
.txtBox.oneCol blockquote > h2:first-child,
.oneCol #contentTruncate > h2:first-child,
#msContent .txtBox.oneCol h2,
#msContent .txtBox.oneCol blockquote > h2,
#msContent .oneCol #contentTruncate > h2,
.txtBox .imgLeft + h2:first-of-type,
.txtBox .imgRight + h2:first-of-type { border-top: none; margin-top: 0; padding-top: 0 }

.clearBox {
	content: "";
	clear: both;
	display: table;
}

.txtBox h2 + a.imgLeft, .txtBox h2 + a.imgRight { margin-top: 6px }

.txtBox h3, .txtBox blockquote > h3, #contentTruncate > h3 {
	font-size: 1.2em;
	margin-bottom: 4px;
	text-align: left;
}
.txtBox h4, .txtBox blockquote > h4, #contentTruncate > h4 {
	border-bottom: 1px solid #2a363d;
	color: #2a363d;
	display: table;
	font-size: 1em;
	margin-bottom: 8px;
	padding-bottom: 3px;
	text-align: left;
}
.txtBox h4.pay {
	border-bottom: none;
	color: #69a242;
	display: block;
	font-size: 1.4em;
	margin-top: 30px;
	text-align: center;
}
.txtBox h4.titleCenter, .txtBox blockquote > h4.titleCenter, #contentTruncate > h4.titleCenter {
	border-bottom: none;
	color: #00aeef;
	margin: 0 auto 8px auto;
}
.txtBox > p, .txtBox blockquote > p, #contentTruncate > p, .txtBox table p {
	line-height: 1.54em;
	margin-bottom: 22px;
}
.txtBox > p:last-of-type { margin-bottom: 0 }
.txtBox > p:last-of-type + .img100 { margin-top: 22px }
.txtBox > p:last-of-type + h2,
.txtBox > p:last-of-type + h3,
.txtBox > p:last-of-type + h4,
.txtBox > p:last-of-type + .clearBox,
.txtBox > p:last-of-type + ul,
.txtBox > p:last-of-type + .embedContainer { margin-top: 22px !important }
.txtBox > h2 + h3,
.txtBox > h2 + h4,
.txtBox > h3 + h4 { margin-top: 22px }
.txtBox.oneCol blockquote + h2 { border-top: none; margin-top: 20px }
.txtBox h2 + .embedContainer { margin-top: 16px }
.txtBox > p:last-of-type + h2 { margin-top: 28px }
.txtBox.oneCol table + h2,
.txtBox.oneCol table + .clearBox + h2 { border-top: none; margin-top: 16px; padding-top: 0 }

.txtBox > ul, .txtBox blockquote > ul, #contentTruncate > ul, .txtBox table ul,
.txtBox > ol, .txtBox blockquote > ol, #contentTruncate > ol, .txtBox table ol { margin: 18px 0 12px 0 }

.txtBox > ol, .txtBox blockquote > ol, #contentTruncate ol {
	counter-reset: myCounter
}
.txtBox > ul:first-child, .txtBox table ul:first-child { margin: 0 }
.txtBox > ul:first-child + p { margin-top: 12px }
.txtBox blockquote > ul:first-child { margin: 0 0 12px 0 }
.txtBox > ul > li, .txtBox blockquote > ul > li, #contentTruncate > ul > li, .txtBox table ul li,
.txtBox > ol > li, .txtBox blockquote > ol > li, #contentTruncate > ol > li, .txtBox table ol li {
	line-height: 1.5em;
	padding: 0 0 12px 30px;
	position: relative;
}
.txtBox > ol > li, .txtBox blockquote > ol > li, #contentTruncate > ol > li, .txtBox table ol li {
	counter-increment: myCounter;
	list-style: none;
	padding: 0 0 12px 42px;
}
.txtBox > ul > li:before, .txtBox blockquote > ul > li:before, #contentTruncate > ul > li:before, .txtBox table ul li:before {
	background-color: #00aeef;
	border-radius: 50%;
	content: "";
	height: 8px;
	left: 12px;
	position: absolute;
	top: 8px;
	width: 8px;
}
.txtBox > ol > li:before, .txtBox blockquote > ol > li:before, #contentTruncate > ol > li:before, .txtBox table ol li:before {
	content: counter(myCounter)".";
	font-weight: 500;
	left: 12px;
	position: absolute;
	text-align: right;
	top: 0px;
	width: 22px;
}
.txtBox a:hover { text-decoration: underline }
.txtBox table {
	margin: 10px 0 22px 0;
	width: 100%;
}
.txtBox table.endT { margin-bottom: 20px !important }
.txtBox table:last-of-type { margin-bottom: 0 }
.txtBox table:last-of-type + p,
.txtBox table:last-of-type + h3,
.txtBox table:last-of-type + h4 { margin-top: 22px }
.txtBox table th {
	background-color: #00aeef;
	color: #fff;
	font-size: .9em;
	font-weight: 600;
	padding: 8px 12px;
}
.txtBox table.green th {
	background-color: #69a242;
}
.txtBox table td {
	border-bottom: 1px solid #00aeef;
	border-top: 1px solid #00aeef;
	font-size: .9em;
	padding: 10px 12px;
	text-align: left;
	vertical-align: top;
}
.txtBox table.green td { border-color: #69a242 }
.txtBox table .noLine td { border-bottom: none }

.txtBox table .total td {
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	font-weight: 600;
}
.txtBox table .total:last-of-type td {
	border-bottom: none;
	color: #69a242;
}
.txtBox table .total span {
	margin-right: 7px;
}
.txtBox table .totalFinal td {
	background-color: #69a242;
	background-clip: padding-box;
	border-color: #fff;
	color: #fff;
	font-weight: 600;
}
.txtBox table .totalFinal span {
	margin-right: 7px;
}

.txtBox table .number {
	font-variant-numeric: tabular-nums;
	position: relative;
}
.txtBox table .number span {
	display: inline-block;
	text-align: right
}
.txtBox table .number .total { font-weight: 500 }
.txtBox table .number .total:before {
	content: "Total:";
	margin-left: -42px;
	padding-right: 6px;
	position: absolute;
}

#contentTruncate {
	display: none;
	margin-top: 22px;
}
.txtBox h5 {
	cursor: pointer;
	font-size: 1em;
	font-weight: 500;
	padding-top: 10px;
	position: relative;
	text-align: center;
}
.txtBox h5 a {
	border-bottom: 1px solid transparent;
	color: #00aeef;
	display: inline-block;
	padding-bottom: 1px;
	transition:all 0.3s ease;
}
.txtBox h5 a:hover { text-decoration: none }
.txtBox h5:hover a { border-color: #00aeef }
.txtBox h5 i { margin-right: 6px }
.txtBox h5.open a { color: #a5a5a5 }
.txtBox h5:hover.open a { border-color: #a5a5a5 }
.txtBox h5:before {
	background-image: url(../img/degradation.png);
	background-position: bottom;
	background-repeat: repeat-x;
	content: "";
	cursor: pointer;
	height: 90px;
	left: -2px;
	position: absolute;
	top: -91px;
	width: 101%;
}
.txtBox h5.open:before { display: none }

.txtBox h6 {
	border-top: 1px solid #d6d6d6;
	cursor: pointer;
	font-size: 1.05em;
	font-weight: 600;
	line-height: 1.36em;
	padding: 16px 26px 16px 0;
	position: relative;
	text-align: left;
	transition:all 0.3s ease;
}
.txtBox a {
	color: #2a363d;
	transition:all 0.3s ease;
}
.txtBox h6:hover a { color: #00aeef; text-decoration: none }
.txtBox h6:first-of-type { margin-top: 22px }
.txtBox h2 + h6 { margin-top: 22px }
.txtBox h6:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	color: #00aeef;
	font-size: 1.2em;
	position: absolute;
	right: 0;
	top: 17px;
}
.txtBox h6.symbol:before { content: "\f106" }
.txtBox h6.symbol { color:#00aeef }
.txtBox blockquote { display: none }

.txtBox .img100,
.txtBox .img100 img,
.txtBox a.zoomImage.img100:before {
	border-radius: 0 30px 0 0
}
.txtBox .img100 { margin-bottom: 22px }
.txtBox .imgLeft, .txtBox .imgRight { width: 48% }
.txtBox .imgLeft {
	border-radius: 0 30px 0 0;
	float: left;
	margin: 6px 24px 24px 0;
}
.txtBox .imgLeft img { border-radius: 0 30px 0 0 }
.txtBox .imgRight {
	border-radius: 30px 0 0 0;
	float: right;
	margin: 6px 0 24px 24px;
}
.txtBox .imgRight img { border-radius: 30px 0 0 0 }
.txtBox a.zoomImage {
	border-bottom: 7px solid #c2c2c2;
	display: block;
	position: relative;
}
.txtBox a.zoomImage:before {
	background-color: rgba(35,45,50,0);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	transition:all 0.3s ease;
	top: 0;
	width: 100%;
}
.txtBox a.zoomImage:hover:before {
	background-color: rgba(35,45,50,0.3);
}
.txtBox a.zoomImage.imgRight:before { border-radius: 30px 0 0 0 }
.txtBox a.zoomImage.imgLeft:before { border-radius: 0 30px 0 0 }

.txtBox a.zoomImage.imgLeft:after,
.txtBox a.zoomImage.imgRight:after {
	background-color: #fff;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	width: 24px;
}
.txtBox a.zoomImage.imgLeft:after { right: -24px }
.txtBox a.zoomImage.imgRight:after { left: -24px }
.txtBox img {
	display:block;
	width: 100%
}

.update {
	color: #7d8286;
	font-size: .84em;
	margin-bottom: 20px;
	position: relative;
	top: -9px;
	text-align: center;
}
.update i {
	color: #9ba1a5;
	margin-right: 5px;
}
.update.v2 {
	margin-bottom: 0;
	margin-top: 20px;
	text-align: left;
	top: 0;
}
.update.v3 {
	margin: 4px 0 4px 0;
	text-align: center;
	top: 0;
}
@media only screen and (max-width:1050px) {
	#mainContent, #mainContent.withoutImg { margin: 0 20px }
	#mainContent.smallW,
	#mainContent.withoutImg.smallW, 
	#mainContent.smallW2,
	#mainContent.pay { margin: 0 auto }
}
@media only screen and (max-width:1000px) {
	#mainContent { padding: 20px 0 34px 0 }
	#mainContent.withoutImg { padding: 20px 0 34px 0 }
	#insideBanner { height: auto; padding-bottom: 30% }
	#insideBanner.withoutImg:before { display: none }
}
@media only screen and (max-width:980px) {
	#mainContent.login { grid-gap: 0 30px; margin: 0 20px }
}
@media only screen and (max-width:878px) {
	#mainContent.smallW,
	#mainContent.withoutImg,
	#mainContent.withoutImg.smallW { margin: 0 20px }
	#mainContent h1 .backLink, #msContent h1 .backLink { display: block; margin-bottom: 4px; margin-right: 0 }
}
@media only screen and (max-width:850px) {
	.txtBox .wrapTable { overflow-x: auto }
}
@media only screen and (max-width:780px) {
	#mainContent.login { grid-gap: 20px; grid-template-columns: repeat(1, 1fr) }
	#mainContent.login h1 { grid-column: span 1; margin: 18px 0 0 0 }
}
@media only screen and (max-width:740px) {
	#insideBanner { padding-bottom: 36% }
}
@media only screen and (max-width:720px) {
	#mainContent.pay { margin: 0 20px }
}
@media only screen and (max-width:680px) {
	.txtBox { columns: 1 }
}
@media only screen and (max-width:646px) {
	#mainContent.pay { grid-template-columns: 1fr }
	#mainContent .payImg { background-image: url(../img/payImg2.jpg); border-radius: 14px 14px 0 0; padding-bottom: 40% }
	#mainContent.pay .generalForm { border-radius: 0 0 14px 14px }
	#mainContent.pay .generalForm:after { display: none }
}
@media only screen and (max-width:640px) {
	#mainContent.shadow { border-radius: 0; margin: 0 }
}
@media only screen and (max-width:600px) {
	.txtBox { border-left: 3px solid #fff; border-right: 3px solid #fff }
}
@media only screen and (max-width:580px) {
	#mainContent h2, #msContent h2 { font-size: 1.3em }
	#mainContent h3, #msContent h3 { font-size: 1em }
	#mainContent h1.v2 { font-size: 1em !important }
}
@media only screen and (max-width:560px) {
	#mainContent.smallW2 { margin: 0 20px }
}
@media only screen and (max-width:480px) {
	#mainContent.shadow,
	#mainContent.pay .generalForm { padding: 24px 30px }
	#mainContent.login .generalForm { padding: 12px 28px 24px 28px }
	#logBox1 { margin-top: 0 !important }
}
@media only screen and (max-width:420px) {
	#mainContent.login .generalForm figure span { font-size: 1.4em }
}


/*-----------icons-----------*/
.icons {
	font-size: 1.35em;
	position: absolute;
	right: 0;
	top: 1px;
}
.icons a {
	color: #a5a5a5;
	display: inline-block;
	margin-right: 10px;
	transition:all 0.3s ease;
}
.icons a:last-child { margin-right: 0 }
.icons a:hover {
	color: #69a242;
}
@media only screen and (max-width:480px) {
	.icons { margin: 6px 0 16px 0; position: relative; text-align: center; top: initial }
}


/* ----------- activityInfo -----------*/
.activityInfo {
	align-items: center;
	display: inline-grid;
	grid-template-columns: auto auto auto auto auto auto auto auto;
	justify-content: center;
	margin: 10px 0 26px 0;
	overflow: hidden;
	width: 100%;
}
.activityInfo p {
	font-size: .8em;
	text-align: center;
	position: relative;
}
.activityInfo .title {
	color: #00aeef;
	display: block;
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
}
.activityInfo .title.pad { padding: 10px 10px 10px 0 }
.activityInfo .month {
	color: #6b767c;
	font-size: 1.1em;
	font-weight: 600;
	letter-spacing: .4em;
	padding-left: 6px;
	text-transform: uppercase;
}
.activityInfo .number {
	color: #6b767c;
	display: block;
	font-size: 3.4em;
	font-weight: 600;
	line-height: .94em;
}
.activityInfo .time {
	color: #6b767c;
	display: block;
	font-size: 1.2em;
	padding-left: 10px;
}
.activityInfo .place {
	color: #6b767c;
	font-size: 1.3em;
	font-weight: 500;
}
.activityInfo .divisor {
	margin-left: 26px;
	padding-left: 26px;
}
.activityInfo .divisor:after {
	background-color: #e0e0e0;
	content: "";
	left: 0;
	height: 200%;
	position: absolute;
	top: -50%;
	width: 1px;
}
/*ms fix */
.activityInfo.ms { grid-template-columns: auto auto auto auto auto auto }
.activityInfo.ms .number { font-size: 3em }
.activityInfo.ms .time { font-size: 1.1em }
.activityInfo.ms .place {
	font-size: 1.1em;
	font-weight: 400;
}
.activityInfo.ms p:before {
	font-weight: 600;
	text-transform: uppercase;
}
.activityInfo.ms p:nth-child(1):before { content: "inicio:" }
.activityInfo.ms p:nth-child(3):before { content: "final:" }
@media only screen and (max-width:840px) {
	.activityInfo { grid-template-columns: auto auto auto auto auto auto }
	.activityInfo p:nth-child(7),
	.activityInfo p:nth-child(8) { grid-column: span 6 }
	.activityInfo p.divisor:nth-child(7),
	.activityInfo p.divisor:nth-child(8) { margin-left: 0; padding-left: 0 }
	.activityInfo p.divisor:nth-child(7):after,
	.activityInfo p.divisor:nth-child(8):after { display: none }
	.activityInfo p.divisor:nth-child(7) { border-top: 1px solid #e0e0e0; margin-top: 24px; padding: 14px 0 }
}
@media only screen and (max-width:720px) {
	.activityInfo .divisor { overflow: hidden }
	.activityInfo.ms p.divisor:nth-child(5) { border-top: 1px solid #e0e0e0; margin-top: 16px; padding: 14px 0 }
	.activityInfo.ms p:nth-child(5),
	.activityInfo.ms p:nth-child(6) { background-color: #fff; grid-column: span 4; margin-left: 0; padding-left: 0 }
	.activityInfo.ms p:nth-child(5):after,
	.activityInfo.ms p:nth-child(6):after { display: none }
}
@media only screen and (max-width:470px) {
	.activityInfo { grid-template-columns: auto auto auto auto }

	.activityInfo p:nth-child(1),
	.activityInfo p:nth-child(4) { display: none }

	.activityInfo.ms p:nth-child(1),
	.activityInfo.ms p:nth-child(4) { display: block }

	.activityInfo p:before {
		color: #00aeef;
		font-weight: 600;
		text-transform: uppercase;
	}
	.activityInfo p:nth-child(2):before { content: "inicio:" }
	.activityInfo.ms p:nth-child(2):before { display: none }
	.activityInfo p:nth-child(5):before { content: "final:" }
	.activityInfo.ms p:nth-child(5):before { display: none }

	.activityInfo p:nth-child(5) { border-left: 1px solid #e0e0e0; margin-left: 20px; padding-left: 20px }
	.activityInfo.ms p:nth-child(5) { border-left: none }

	.activityInfo p:nth-child(7),
	.activityInfo p:nth-child(8) { grid-column: span 4 }

	.activityInfo p.divisor:nth-child(7) { margin-top: 15px }
}


/* ----------- share -----------*/
#share {
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	display: grid;
	grid-template-columns: 36px 36px 36px 36px 36px auto 36px 36px 36px;
	margin-bottom: 22px;
}
#share a {
	color: #afb9be;
	display: block;
	padding: 8px;
	position: relative;
	text-align: center;
	transition:all 0.3s ease;
}
#share a:hover { color: #00aeef }
#share a:nth-child(1):hover { color: #1365c1 }
#share a:nth-child(3):hover { color: #f5941e }
#share a:nth-child(4):hover { color: #68a242 }
#share a:nth-child(8):hover, #share a:nth-child(9):hover, #share a:nth-child(10):hover { color: #3f4a50 }
#share a .float {
	font-size: .5em;
	position: absolute;
	top: 12px;
}
#newsGrid #share.wide { grid-column: span 2 }
#newsGrid.oneCol #share.wide { grid-column: span 1 }
@media only screen and (max-width:450px) {
	#share { grid-template-columns: 30px 30px 30px 30px 30px auto 30px 30px 30px }
	#share a { font-size: .9em }
}


/* ----------- slider -----------*/
.wrapInfoslider { position: relative }
.wrapInfoslider p {
	bottom: 40px;
	color: #fff;
	font-size: 1.6em;
	font-weight: 500;
	padding: 0 30px;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 12px rgba(35,31,32,0.3);
	width: 100%;
}
.wrapInfoslider a[href$="javascript:void(0);"] {
	cursor: default
}
.wrapInfoslider .sImage:before {
	background: -moz-linear-gradient(top, rgba(0,30,40,0) 0%, rgba(0,30,40,0.7) 100%);
	background: -webkit-linear-gradient(top, rgba(0,30,40,0) 0%,rgba(0,30,40,0.7) 100%);
	background: linear-gradient(to bottom, rgba(0,30,40,0) 0%,rgba(0,30,40,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00001e28', endColorstr='#b3001e28',GradientType=0 );

	bottom: 0;
	content: "";
	height: 40%;
	left: 0;
	position: absolute;
	width: 100%;
}
.infoSlider {
	background-color: #d9d9d9
}
.infoSlider a figure {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition:all 0.4s ease;
}
.infoSlider a:hover figure { transform: scale(1.1) }
.infoSlider a:focus figure:after {
	background-color: #ff5505;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
}
.infoSlider a:focus:hover figure:after { display: none }
.infoSlider a:focus p { color: #ff5505 }
.infoSlider a:hover p { color: #fff }


.sImage {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 44%;
	position: relative;
}
.sImage.v2 { padding-bottom: 70% }
.sImage.v3 { padding-bottom: 60% }
.sImage.v4 { padding-bottom: 55% }
#mainContent.smallW .sImage { padding-bottom: 52% }
.sImage:hover { transform: scale(1.02) }
.sImage:hover[href$="javascript:void(0);"] {
	transform: scale(1)
}
.sImage:focus:after {
	background-color: #00aeef;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.4;
	position: absolute;
	top: 0;
	width: 100%;
}
.sImage:hover:focus:after { background-color: transparent }
.playIcon {
	color: #fff;
	font-size: 4.2em;
	height: 51px;
	left: 50%;
	line-height: 0;
	opacity: 0.9;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 73px;
}
.playIcon i { text-shadow: 0 0 20px rgba(20,20,20,.25) }

@media only screen and (max-width:740px) {
	.sImage, #mainContent.smallW .sImage { padding-bottom: 54% }
}
@media only screen and (max-width:560px) {
	.wrapInfoslider p { bottom: 22px; font-size: 1.3em }
}
@media only screen and (max-width:500px) {
	.sImage, #mainContent.smallW .sImage { padding-bottom: 64% }
}


/*! lightslider - v1.1.6 - 2016-10-25
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2016 Sachin N; Licensed MIT */
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 
.lSSlideOuter {
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
#mainContent .lSSlideOuter { /* fcc */
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	border-top: 5px solid #fff;
	border-radius: 80px 0 0 0;
}
#mainContent.v2 .lSSlideOuter { /* fcc */
	border: none;
	border-radius: 50px 0 50px 0;
}
#msContent .lSSlideOuter { /* fcc */
	margin-bottom: 20px
}
#microsite .lSSlideOuter { /* fcc */
	border-radius: 0 60px 0 0;
}
@media only screen and (max-width:880px) {
	#microsite .lSSlideOuter { border-radius: 0 30px 0 0 }
}
@media only screen and (max-width:600px) {
	#mainContent .lSSlideOuter {
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		border-top: 3px solid #fff;
		border-radius: 30px 0 0 0;
	}
	#mainContent.v2 .lSSlideOuter { border-radius: 30px 0 30px 0 }
}

.lightSlider:before, .lightSlider:after {
	content: " ";
	display: table;
}
.lightSlider {
	overflow: hidden;
	margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
#mainContent .lSSlideWrapper.usingCss .lSFade > *,
#msContent .lSSlideWrapper.usingCss .lSFade > * { transition:all 0.6s ease !important }
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
	bottom: 14px;
	margin: 10px 0 0;
	padding: 0;
	position: absolute;
	right: 14px;
	text-align: center;
	z-index: 200
}
.lSSlideOuter .lSPager.lSpg > li {
	cursor: pointer;
	display: inline-block;
	padding: 0 6px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: rgba(255,255,255,0.4);
    border-radius: 30px;
    box-shadow: 0 0 1px 2px rgba(30,40,45,1);
    display: inline-block;
    height: 12px;
    overflow: hidden;
    text-indent: -999em;
    width: 12px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: #eb3e2e;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after { clear: both }
/* End of Gallery*/

/* slider actions */
.lSAction > a {
	background-color: rgba(42,54,61,0.7);
	border-radius: 50%;
	box-shadow: 0 0 1px 2px rgba(255,255,255,0.6);
	color: #fff;
	cursor: pointer;
	font-size: 1.74em;
	display: block;
	height: 38px;
	line-height: 1.28em;
	margin-top: -19px;
	opacity: 0.9;
	position: absolute;
	text-align: center;
	transition:all 0.3s ease;
	top: 50%;
	width: 38px;
	z-index: 99;
}
.lSAction > a:hover { background-color: rgba(42,54,61,0.95) }
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 28px;
    outline: none;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    outline: none;
    right: 28px;
}
.lSAction > .lSPrev i { padding-right: 2px }
.lSAction > .lSNext i { padding-left: 2px }
.lSAction > a i {
	text-shadow: 0 0 18px rgba(20,20,20,.9)
}
.lSAction > .lSPrev:focus, .lSAction > .lSNext:focus { background-color: #03aeed }
.lSAction > a.disabled { pointer-events: none }
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
@media only screen and (max-width:700px) {
	.lSAction > a { font-size: 1.2em; height: 30px; margin-top: -14px; width: 30px }
	.lSAction > a i { line-height: 1.6em }
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl { direction: rtl }
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
	padding-left: 0;
	list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0 }
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li { float: left }
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li { float: right !important }
/* Rtl */

@-webkit-keyframes rightEnd {
	0% { left: 0 }
	50% { left: -15px }
	100% { left: 0 }
}
@keyframes rightEnd {
	0% { left: 0 }
	50% { left: -15px }
	100% { left: 0 }
}
@-webkit-keyframes topEnd {
	0% { top: 0 }
	50% { top: -15px }
	100% { top: 0 }
}
@keyframes topEnd {
	0% { top: 0 }
	50% { top: -15px }
	100% { top: 0 }
}
@-webkit-keyframes leftEnd {
	0% { left: 0 }
	50% { left: 15px }
	100% { left: 0 }
}
@keyframes leftEnd {
	0% { left: 0 }
	50% { left: 15px }
	100% { left: 0 }
}
@-webkit-keyframes bottomEnd {
	0% { bottom: 0 }
	50% { bottom: -15px }
	100% { bottom: 0 }
}
@keyframes bottomEnd {
	0% { bottom: 0 }
	50% { bottom: -15px }
	100% { bottom: 0 }
}
.lSSlideOuter .rightEnd {
	-webkit-animation: rightEnd 0.3s;
	animation: rightEnd 0.3s;
	position: relative;
}
.lSSlideOuter .leftEnd {
	-webkit-animation: leftEnd 0.3s;
	animation: leftEnd 0.3s;
	position: relative;
}
.lSSlideOuter.vertical .rightEnd {
	-webkit-animation: topEnd 0.3s;
	animation: topEnd 0.3s;
	position: relative;
}
.lSSlideOuter.vertical .leftEnd {
	-webkit-animation: bottomEnd 0.3s;
	animation: bottomEnd 0.3s;
	position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
	-webkit-animation: leftEnd 0.3s;
	animation: leftEnd 0.3s;
	position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
	-webkit-animation: rightEnd 0.3s;
	animation: rightEnd 0.3s;
	position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}
.lightSlider.lsGrabbing > * {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
}
@media only screen and (max-width:560px) {
	.lSSlideOuter .lSPager.lSpg { display: none }
}


/* ----------- fontChange -----------*/
#fontChange {
	font-size: 0;
	position: absolute;
	right: 30px;
	top: 17px;
	z-index: 100;
}
#fontChange a {
	border: 1px solid #e4e4e4;
	border-radius: 50%;
	color: #718f99;
	display: inline-block;
	font-size: 11.5px;
	font-weight: 700;
	height: 28px;
	line-height: 25px;
	margin-left: 5px;
	text-align: center;
	transition:all 0.3s ease;
	width: 28px;
}
#fontChange a:hover {
	border: 1px solid #d0d0d0;
	color: #0098e6
}
@media only screen and (max-width:580px) {
	#fontChange { margin: 0 0 10px 15px; position: relative; right: 0 }
}


/* ----------- cols -----------*/
.col50,
.col33,
.col25,
.col20,
.col16 {
	display: grid;
	grid-column-gap: 22px;
	position: relative;
}
.col50 { grid-template-columns: repeat(2, 1fr) }
.col33 { grid-template-columns: repeat(3, 1fr) }
.col25 { grid-template-columns: repeat(4, 1fr) }
.col20 { grid-template-columns: repeat(5, 1fr) }
.col16 { grid-template-columns: repeat(6, 1fr) }
.cSpan { grid-column: span 2 }
@media only screen and (max-width:850px) {
	.col50,
	.col33,
	.col25,
	.col20,
	.col16 { grid-template-columns: auto }
	.cSpan { grid-column: span 1 }
	.col33.end { grid-template-columns: repeat(3, 1fr) }
}


/* ----------- generalForm -----------*/
.generalForm {
	margin-top: 24px;
	padding: 0 0 0 1px;
}
.generalForm fieldset {
	margin-top: 80px;
	position: relative;
}
.generalForm fieldset:first-of-type { margin-top: 40px }
.generalForm legend {
	color: #00aeef;
	display: table;
	font-size: 1.3em;
	font-weight: 600;
	margin: auto;
	padding: 0 12px;
	text-align: center;
	width: auto;
}
.generalForm h2 {
	color: #a1abb0;
	display: table;
	font-size: 1em;
	font-weight: 600;
	margin: 30px auto 0 auto;
	padding-bottom: 2px;
	position: relative;
	text-transform: uppercase;
	top: 14px;
}
.generalForm h2 i { margin-right: 8px }

.generalForm h3 {
	color: #00aeef;
	display: table;
	font-size: 1.2em;
	font-weight: 600;
	margin: 38px auto 0 auto;
	padding: 0 12px;
	text-align: center;
}
.generalForm p {
	position: relative;
}
.generalForm .title {
	color: #5d6d76;
	display: block;
	font-size: .9em;
	font-weight: 600;
	margin: 30px 0 7px 0;
	padding: 0;
	position: relative;
	z-index: 100;
}
.generalForm .error .title { color: #eb3e2e }
.generalForm .title span {
	font-weight: 500
}
.generalForm .mandatory:after {
	content: "*";
	color: #00aeef;
	font-size: 1.45em;
	margin: -5px 0 0 6px;
	position: absolute;
}
.generalForm .error .mandatory:after { color: #eb3e2e }

.generalForm input[type="text"],
.generalForm input[type="number"],
.generalForm input[type="email"],
.generalForm input[type="password"],
.generalForm textarea,
.generalForm select {
	background-color:#fff;
	border: 1px solid #2a363d;
	border-radius: 3px;
	color: #1f282d;
	font-size: 1em;
	display: block;
	padding: 10px 12px;
	position: relative;
	width: 100%;
	outline: none;
}
.generalForm input[type="text"]:read-only,
.generalForm input[type="number"]:read-only,
.generalForm input[type="email"]:read-only,
.generalForm input[type="password"]:read-only,
.generalForm textarea:read-only {
	border-color: #b7c1c6 !important;
	color: #6c7f89;
	cursor: default;
}

.generalForm .error input[type="text"],
.generalForm .error input[type="number"],
.generalForm .error input[type="email"],
.generalForm .error input[type="password"],
.generalForm .error textarea,
.generalForm .error select,
.generalForm .error input[type="radio"],
.generalForm .error input[type="checkbox"] {
	border-color: #eb3e2e
}
.generalForm .redTxt {
	color: #e73f2f;
	display: block;
	font-size: .8em;
	font-weight: 500;
	padding-top: 6px;
}
.generalForm select {
	background-image: url(../img/arrow2.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 23px;
	text-indent: 0;
}
.generalForm textarea {
	overflow: hidden;
	overflow-y: auto;
	padding: 10px 12px;
}
.generalForm input[type="file"]{
	border: 1px solid #2a363d;
	border-radius: 3px;
	font-size: .92em;
	padding: 10px 12px;
	width: 100%;
}
.generalForm .captchaTxt {
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}
.generalForm .option {
	cursor: pointer;
	display: block;
	font-size: 1em;
	padding: 8px 0 0 0;
}
.generalForm .option:nth-child(2) {
	padding: 5px 0 0 0;
}
.generalForm .option2 {
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	margin-left: 16px;
	padding: 8px 0 0 0;
}
.generalForm .option2:nth-child(2) { margin-left: 0 }

.generalForm .option a {
	color: #69a242;
	font-weight: 600;
}

.generalForm input[type="text"]:focus,
.generalForm input[type="number"]:focus,
.generalForm input[type="email"]:focus,
.generalForm input[type="password"]:focus,
.generalForm textarea:focus,
.generalForm select:focus {
	border-color: #00aeef
}
.generalForm .error input[type="text"]:focus,
.generalForm .error input[type="number"]:focus,
.generalForm .error input[type="email"]:focus,
.generalForm .error input[type="password"]:focus,
.generalForm .error textarea:focus,
.generalForm .error select:focus {
	border-color: #eb3e2e
}
.generalForm input[type="submit"],
.generalForm input[type="button"] {
	background-color: #00aeef;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 1.05em;
	font-weight: 600;
	margin-top: 20px;
	padding: 10px 30px;
	transition:all 0.3s ease;
}
.generalForm input[type="submit"]:disabled {
	background-color: #a6a6a6;
	cursor: default;
}
.generalForm input[type="submit"]:hover,
.generalForm input[type="button"]:hover,
.generalForm input[type="submit"]:focus,
.generalForm input[type="button"]:focus { opacity: .8 }

.generalForm input[type="submit"].green,
.generalForm input[type="button"].green {
	background-color: #69a242;
}

.generalForm .colones {
	display: block;
	position: relative;
}
.generalForm .colones:after {
	bottom: 10px;
	content: "₡";
	font-family: 'Kodchasan', sans-serif;
	font-size: 1em;
	font-weight: 400;
	left: 10px;
	position: absolute;
}
.generalForm .colones input { padding: 8px 10px 10px 28px }

.txtMandatory {
	color: #a0a6aa;
	font-size: .72em;
	font-weight: 500;
	padding-left: 15px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: -20px;
}
.txtMandatory:before {
	content: "*";
	color: #00aeef;
	font-size: 1.6em;
	margin: -1px 0 0 -14px;
	position: absolute;
}
.txtMandatory2 {
	color: #a0a6aa;
	font-size: .78em;
	font-weight: 500;
	margin: 4px 0 14px 0;
	text-align: center;
	text-transform: uppercase;
}
.txtMandatory2.pad { margin: 18px 0 0 0 }
.txtMandatory2 span {
	color: #00aeef;
	font-size: 1.5em;
}

.generalForm .lineIn {
	background-color: #f2f2f2;
	border-radius: 6px;
	margin: 22px 0 30px 0;
	padding: 0 50px 24px 50px;
	position: relative;
}
.generalForm .lineIn:last-of-type { margin: 22px 0 10px 0 }
.generalForm .lineIn input[type="text"],
.generalForm .lineIn input[type="number"],
.generalForm .lineIn select,
.generalForm .lineIn textarea {
	background-color: #f2f2f2;
	border-bottom: 1px solid #2a363d;
}
.generalForm .lineIn input[type="text"]:focus,
.generalForm .lineIn input[type="number"]:focus,
.generalForm .lineIn textarea:focus {
	border-bottom: 1px solid #00aeef;
}
.generalForm .lineIn .number {
	background-color: #fff;
	border-radius: 50%;
	color: #00aeef;
	font-size: .8em;
	font-weight: 600;
	left: -12px;
	line-height: 1.9em;
	height: 30px;
	position: absolute;
	text-align: center;
	top: -12px;
	width: 30px;
}
.generalForm .lineIn .delete {
	background-color: #fff;
	border-radius: 50%;
	color: #eb3e2e;
	cursor: pointer;
	font-size: .8em;
	font-weight: 600;
	line-height: 2.3em;
	height: 30px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -12px;
	width: 30px;
}

.generalForm .addLine {
	display: table;
	font-size: .9em;
	font-weight: 600;
	margin: 8px 0 0 auto;
	text-align: right;
	width: auto;
}
.generalForm .addLine i { margin-right: 2px }
.generalForm .addLine span {
	border-bottom: 1px solid transparent;
	padding-bottom: 1px;
	transition:all 0.3s ease;
}

.msjAd { padding-top: 15px }
.finalMessage {
	font-size: .9em;
	line-height: 1.4em;
	margin-top: 21px;
	text-align: center;
}
.finalMessage.v2 {
	margin-top: 4px
}
.finalMessage i {
	color: #f8951d;
	margin-right: 8px;
}
.finalMessage.left {
	line-height: 1.6em;
	text-align: left;
}
.wrapDoc {
	border-bottom: 1px solid #d6d6d6;
	padding: 20px 0 50px 0;
}
.wrapDoc a {
	background-color: #fafafa;
	border: 1px dashed #d6d6d6;
	color: #2a363d;
	display: table;
	font-size: .9em;
	font-weight: 500;
	margin: auto;
	padding: 12px 16px 13px 16px;
}
.wrapDoc a:hover { text-decoration: underline }
.wrapDoc a i { margin-right: 8px }

.generalForm .addLine:hover span { border-bottom-color: #00aeef }

.generalForm h6 {
	background-color: #f7f7f7;
	border: 1px solid #d6d6d6;
	border-radius: 5px;
	color: #3e4950;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 500;
	margin: 18px 0 0 0;
	padding: 14px 52px 14px 22px;
	position: relative;
	transition: all 0.3s ease;
	z-index: 100;
}
.generalForm h6:first-of-type {
	margin: 0;
}
.generalForm h6:hover {
	background-color: #f6f6f6;
}
.generalForm h6.open {
	background-color: #00aeef;
	border-color: #00aeef;
	border-radius: 5px 5px 0 0;
	color: #fff;
}
.generalForm h6:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	color: #00aeef;
	font-size: 1.1em;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.generalForm h6.open:before {
	content: "\f106";
	color: #fff;
}
.generalForm fieldset.carousel {
	border: 1px solid #d8d8d8;
	border-top: none;
	border-radius: 0 0 5px 5px;
	display: none;
	margin-top: 0;
	padding: 0 32px 32px 32px;
	position: relative;
	top: -2px;
}
.fillBtn {
	background-color: #00aeef;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: .8em;
	font-weight: 600;
	padding: 5px 10px;
	position: absolute;
	right: 6px;
	text-transform: uppercase;
	top: 59px;
}
.fillBtn.v2 { top: 29px }

@media only screen and (max-width:850px) {
	.generalForm fieldset { margin-top: 50px }
	.generalForm .txtMandatory { padding-left: 0; position: relative; text-align: center; top: 5px }
}
@media only screen and (max-width:620px) {
	.generalForm .lineIn { padding: 0 30px 24px 30px }
}
@media only screen and (max-width:580px) {
	.generalForm input[type="submit"], .generalForm input[type="button"] { width: 100% }
}
@media only screen and (max-width:470px) {
	.generalForm fieldset.carousel { padding: 0 24px 24px 24px }
}


/*! lightgallery - v1.6.9 - 2018-04-03
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2018 Sachin N; Licensed GPLv3 */
.lslide { position: relative }

@font-face {
  font-family: 'lg';
  src: url("../fonts/lg.eot?n1z373");
  src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF }
.lg-actions .lg-next { right: 20px }
.lg-actions .lg-next:before { content: "\e095" }
.lg-actions .lg-prev { left: 20px }
.lg-actions .lg-prev:after { content: "\e094" }

@-webkit-keyframes lg-right-end {
  0% { left: 0 }
  50% { left: -30px }
  100% { left: 0 }
}
@-moz-keyframes lg-right-end {
  0% { left: 0 }
  50% { left: -30px }
  100% { left: 0 }
}
@-ms-keyframes lg-right-end {
  0% { left: 0 }
  50% { left: -30px }
  100% { left: 0 }
}
@keyframes lg-right-end {
  0% { left: 0 }
  50% { left: -30px }
  100% { left: 0 }
}
@-webkit-keyframes lg-left-end {
  0% { left: 0 }
  50% { left: 30px }
  100% { left: 0 }
}
@-moz-keyframes lg-left-end {
  0% { left: 0 }
  50% { left: 30px }
  100% { left: 0 }
}
@-ms-keyframes lg-left-end {
  0% { left: 0 }
  50% { left: 30px }
  100% { left: 0 }
}
@keyframes lg-left-end {
  0% { left: 0 }
  50% { left: 30px }
  100% { left: 0 }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover { color: #FFF }
.lg-toolbar .lg-close:after { content: "\e070" }
.lg-toolbar .lg-download:after { content: "\e0f2" }

.lg-sub-html {
  background-color: rgba(31,54,61,0.86);
  bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  left: 0;
  padding: 14px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
	border-radius: 6px 6px 0 0;
	box-shadow: 1px 1px 24px rgba(23,44,51,0.94);
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}
.lg-outer .lg-thumb-outer {
	background-color: #172c33;
	bottom: 0;
	position: absolute;
	width: 100%;
	z-index: 1080;
	max-height: 350px;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
	.lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #ff5505 }
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px }
.lg-outer.lg-can-toggle .lg-item { padding-bottom: 0 }
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px }
.lg-outer .lg-toogle-thumb {
  background-color: #172c33;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after { content: "\e1ff" }
.lg-outer .lg-toogle-thumb:hover { color: #FFF }

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent }
.lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent }
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object { visibility: hidden }
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none }
.lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible }

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress { width: 100% }
.lg-show-autoplay .lg-progress-bar { opacity: 1 }
.lg-autoplay-button:after { content: "\e01d" }
.lg-show-autoplay .lg-autoplay-button:after { content: "\e01a" }

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in { display: none }
#lg-zoom-in:after { content: "\e311" }
#lg-actual-size {
	display: none;
	font-size: 20px;
}
#lg-actual-size:after { content: "\e033" }

#lg-zoom-out {
	display: none;
	opacity: 0.5;
	pointer-events: none;
}
#lg-zoom-out:after { content: "\e312" }
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible }
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset }
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset }
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}
.lg-fullscreen { display: none }
.lg-fullscreen:after { content: "\e20c" }
.lg-fullscreen-on .lg-fullscreen:after { content: "\e20d" }

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share { color: #FFF }
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px }
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333 }
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer #lg-share {
	display: none;
	position: relative;
}
.lg-outer #lg-share:after { content: "\e80d" }
.lg-outer #lg-share-facebook .lg-icon { color: #3b5998 }
.lg-outer #lg-share-facebook .lg-icon:after { content: "\e901" }
.lg-outer #lg-share-twitter .lg-icon { color: #00aced }
.lg-outer #lg-share-twitter .lg-icon:after { content: "\e904" }
.lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39 }
.lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902" }
.lg-outer #lg-share-pinterest .lg-icon { color: #cb2027 }
.lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903" }
.lg-group:after {
  content: "";
  display: table;
  clear: both;
}
.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9991050;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url("../img/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete { background-image: none }
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html { display: none }
.lg-outer.lg-hide-download #lg-download { display: none }

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991040;
  background-color: #1f363d;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in { opacity: 1 }

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item { opacity: 0 }
.lg-css3.lg-fade .lg-item.lg-current { opacity: 1 }
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0 }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100% }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100% }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}


/* ----------- Paginator -----------*/
.paginatorPage {
	margin-top: 20px;
	text-align: center;
}
.paginatorPage a {
	background-color: #ededed;
	color: #515151;
	display: inline-block;
	font-size: .9em;
	height: 30px;
	line-height: 30px;
	margin-bottom: 6px;
	margin-right: 6px;
	text-align: center;
	transition:all 0.3s ease;
	width: 34px;
}
.paginatorPage a:hover {
	background-color: #03a9e7;
	color: #fff;
}
.paginatorPage .active a {
	background-color: #03a9e7;
	color: #fff;
	font-weight: 600;
}


/* ----------- Magnific -----------*/
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200000;
	overflow: hidden;
	position: fixed;
	background-color: #45565c;
	opacity: 0.66;
	filter: alpha(opacity=66);
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200002;
	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;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow {
	background-color: transparent;
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#modalBox2 button.mfp-close {
	background-color: rgba(255,255,255,0.9);
	border-radius: 0 0 0 14px;
}
button::-moz-focus-inner { padding: 0; border: 0 }
.mfp-close {
	cursor: pointer;
	font-size: 13px;
	height: 34px;
	line-height: 33px !important;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	width: 34px;
}
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close-btn-in .mfp-close { color: #a8b1b6 }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	text-shadow: 0 0 10px rgba(0,0,0,0.9);
	width: 100%;
}
.mfp-counter {
	color: #334b98;
	font-size: 12px;
	position: absolute;
	top: 7px;
	right: 10px;
	line-height: 18px;
	white-space: nowrap;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; 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 #FFF; 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: #000;
}
/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	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 14px rgba(41, 41, 41, 0.4);
    background: #444;
}
.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar {
	margin-top: -40px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-title {
	background-color: #fff;
	box-shadow: 0 0 14px rgba(41, 41, 41, 0.4);
	color: #303030;
	font-size: 13px;
	font-weight: 400;
	min-height: 34px;
	text-align: left;
	line-height: 18px;
	word-wrap: break-word;
	padding: 8px 36px 10px 14px;
}
.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; }
	.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; }
}


/* ----------- modalBox -----------*/
#modalBox, .inlineBox, #modalC {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 0 20px rgba(64,64,64,0.2);
	margin: 26px auto;
	max-width: 500px;
	padding: 28px 34px;
	position: relative;
}
.inlineBox { text-align: justify }
#modalBox.v2, .inlineBox.v2 { max-width: 380px }
#modalBox.v3, .inlineBox.v3 { max-width: 680px }
#modalBox.v3, .inlineBox.v5 { max-width: 980px }
.inlineBox.v4 {
	background-color: rgba(27,34,38,0.85);
	max-width: 640px;
	padding: 24px;
}
#modalBox h1, .inlineBox h1 {
	color: #00aeef;
	font-size: 1.5em;
	margin-bottom: 10px;
	text-align: center;
}
#modalBox p {
	margin-top: 4px;
}
.inlineBox h3 {
	color: #00aeef;
	font-size: 1.4em;
	margin: 24px 0 6px 0;
}
.inlineBox h3.green { color: #69a242 }
.inlineBox h4 {
	font-size: 1.1em;
	margin: 24px 0 6px 0;
	text-decoration: underline;
	text-transform: uppercase;
}
.inlineBox p {
	line-height: 1.55em;
	margin-bottom: 18px;
}
.inlineBox p:last-of-type { margin-bottom: 0 }
.inlineBox img {
	margin: 20px 0;
	width: 100%;
}
.inlineBox img.original {
	display: block;
	margin: 20px auto;
	max-width: 100%;
	width: initial;
}
#modalBox form {
	margin-top:16px
}
#modalBox label {
	color: #a6abae;
	display: block;
	font-size: .84em;
	font-weight: 600;
	margin-bottom: 6px;
}
#modalBox input[type="text"], #modalBox textarea {
	border: 1px solid #d6d6d6;
	color: #2a363d;
	font-size: .9em;
	margin: 0 0 18px 0;
	padding: 8px 10px;
	width:100%;
}
#modalBox input[type="text"]:focus, #modalBox textarea:focus {
	border-color: #00aeef
}
#modalBox .captchaTxt {
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: contain;
}
#modalBox input[type="text"].requiredField, #modalBox textarea.requiredField {
	background-color: #fff4f3;
	border-color: #ffa39a;
}
#modalBox input[type="submit"] {
	background-color: #00aeef;
	border-radius: 4px;
	color: #fff;
	display:block;
	font-weight: 600;
	padding: 8px 30px;
	text-transform: uppercase;
	transition: all 0.4s ease;
	width: 100%;
}
#modalBox input[type="submit"]:hover, #modalBox input[type="submit"]:hover:focus { background-color:#1ec1fe }
#modalBox input[type="submit"]:focus { background-color:#1ec1fe }
.errors, .success {
	color: #fff;
	font-size: .9em;
	font-weight: 500;
	line-height: 1.4em;
	margin: 20px 0 0 0;
	padding: 7px 0;
	text-align: center;
}
.errors i,
.success i {
	margin-right: 8px;
}
.errors { background-color: #eb3e2e }
.success { background-color: #69a242 }
.errors p, .success p { margin: 10px 0 }
.messageTxt {
	color: #898f93;
	display: block;
	font-size: .85em;
	line-height: 1.5em;
	margin-top: 5px;
	text-align: center;
}
.messageTxt i {
	color: #b0b7bb;
	margin-right: 8px;
}
@media only screen and (max-width:1366px) {
	.inlineBox.v4 { max-width: 400px }
}
@media only screen and (max-width:580px) {
	#modalBox h1, .inlineBox h1 { font-size: 1.3em }
}
@media only screen and (max-width:480px) {
	.inlineBox h3.green { text-align: center }
}


/* ----------- newsBox -----------*/
#newsBox {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 38px;
	grid-row-gap: 38px;
	margin-top: 31px;
}
#newsBox a {
	color: #2a363d
}
#newsBox a figure {
	background-color: #e6e6e6;
	border-radius: 0 50px 0 50px;
	box-shadow: 0 0 1px 4px #fff;
	margin-bottom: 12px;
	padding-bottom: 64%;
	transition:all 0.3s ease;
}
#newsBox a:hover figure {
	box-shadow: 0 0 1px 4px #62a833
}
#newsBox a .title {
	color: #00aeef;
	font-size: 1.24em;
	font-weight: 600;
	margin-bottom: 2px;
	transition:all 0.3s ease;
}
#newsBox a:hover .title{
	color: #62a833
}
#newsBox a .date {
	color: #898f93;
	font-size: .8em;
	text-transform: uppercase;
}
#newsBox a .text {
	font-size: .94em;
	line-height: 1.3em;
	margin-top: 8px
}

#newsGrid {
	display: grid;
	grid-template-columns: auto 54%;
	grid-column-gap: 30px;
}
#newsGrid > div:first-of-type { margin-top: 18px }
#newsGrid.oneCol {
	grid-template-columns: 66%;
	justify-content: center;
}
.datePub {
	color: #898f93;
	font-size: .8em;
	margin-bottom: 26px;
	margin-top: -10px;
	text-align: center;
	text-transform: uppercase;
}

#extraNews {
	background-color: #fafafa;
	border-bottom: 1px dashed #d6d6d6;
	border-left: 1px dashed #d6d6d6;
	border-right: 1px dashed #d6d6d6;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 30px;
	padding: 20px 30px 30px 30px;
}
#extraNews a {
	color: #2a363d;
	display: block;
	font-size: 1.1em;
	font-weight: 600;
	transition:all 0.3s ease;
}
#extraNews a figure {
	background-color: #eee;
	border-radius: 50px 0 50px 0;
	margin-bottom: 9px;
	padding-bottom: 60%;
	transition:all 0.3s ease;
}
#extraNews a:hover figure {
	box-shadow: 0 0 1px 4px #62a833
}
.titleExtra {
	background-color: #fafafa;
	border-top: 1px dashed #d6d6d6;
	border-left: 1px dashed #d6d6d6;
	border-right: 1px dashed #d6d6d6;
	color: #00aeef;
	font-size: 1.3em;
	font-weight: 600;
	margin: 42px 0 0 0;
	padding: 20px 0 0 0;
	text-align: center;
	text-transform: uppercase;
}
@media only screen and (max-width:850px) {
	#newsBox { grid-template-columns: repeat(2, 1fr) }
	#newsBox a figure { border-radius: 0 30px 0 30px }
	#extraNews a figure { border-radius: 30px 0 30px 0 }
	#extraNews { grid-template-columns: repeat(2, 1fr) }
	#extraNews a { margin-bottom: 20px }
	#extraNews a:nth-child(3) { display: none }
}
@media only screen and (max-width:840px) {
	#newsGrid { display: block }
}
@media only screen and (max-width:580px) {
	#newsBox { grid-template-columns: repeat(1, 1fr) }
	#extraNews { grid-template-columns: repeat(1, 1fr) }
}


/* ----------- docBox -----------*/
#docBox {
	background-color: #fafafa;
	border:1px dashed #d6d6d6;
	margin-top: 20px;
	padding: 24px 30px;
}
#docBox.v2 { margin-top: 10px }
#docBox .title {
	font-weight: 600;
	margin-bottom: 12px;
	text-transform: uppercase;
}
#docBox .title i { margin-right: 10px }

.file-list, .file-list ul {
	border-left:1px dotted #aaa;
	font-size:1em;
	list-style-type: none;
	margin-left:8px;
	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 { 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 .folder-root.open > a {
	font-weight: 500
}
.file-list .folder-root.open:before{
	content: "\f07c"
}
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;
}

#boxAttaches {
	margin-top: 22px;
	text-align: left;
}
#boxAttaches a {
	background-color: #e7ebed;
	border-radius: 6px;
	color: #2a363d;
	display: inline-block;
	font-size: .9em;
	margin: 0 5px 8px 0;
	max-width: 168px;
	overflow: hidden;
	padding: 8px 11px;
	text-overflow: ellipsis;
	transition:all 0.3s ease;
	white-space: nowrap;
}
#boxAttaches a i {
	color: #9ea4a7;
	margin-right: 6px
}
#boxAttaches a:hover {
	background-color: #fff;
	box-shadow: 0 0 12px #c8ced1;
}
@media only screen and (max-width:600px) {
	#docBox { background-color: #f4f4f4; margin-top: 20px; padding: 15px 20px }
}


/* ----------- activityBox -----------*/
.actCategory {
	display: inline-block;
	margin-top: -48px;
	position: absolute;
	right: 0;
}
.actCategory select {
	border: 1px solid #d6d6d6;
	cursor: pointer;
	font-size: .9em;
	font-weight: 500;
	-moz-appearance: none;
	padding: 7px 50px 7px 10px;
	-webkit-appearance: none;
}

.actCategory:after {
	background-color: #f5f5f5;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	content: "\f0d7";
	color: #00aeef;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	height: 100%;
	line-height: 2.1em;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 30px;
}
/* ms fix */
.actCategory.ms {
	margin-top: 0;
	position: relative;
	width: 100%;
}
.actCategory.ms select { width: 100% }

#activityBox { margin-top: 31px }
#activityBox a {
	align-items: center;
	border-top: 1px solid #e0e0e0;
	color: #2a363d;
	display: grid;
	grid-template-columns: 100px 140px auto 200px;
	padding: 28px 0;
	transition:all 0.3s ease;
}
#activityBox a:hover { background-color: #f8f8f8 }
#activityBox a:last-child { border-bottom: 1px solid #e0e0e0 }
#activityBox a figure {
	background-color: #e6e6e6;
	border-radius: 0 10px 0 10px;
	padding-bottom: 74%;
	transition:all 0.3s ease;
}
#activityBox a .date {
	color: #6b767c;
	font-size: 2.8em;
	font-weight: 600;
	line-height: .7em;
	text-align: center;
}
#activityBox a .date span {
	display: block;
	font-size: .32em;
	letter-spacing: .4em;
	line-height: 1em;
	margin-top: 12px;
	padding-left: 5px;
}
#activityBox a .title {
	color: #00aeef;
	font-size: 1.24em;
	font-weight: 600;
	padding-left: 20px;
	transition:all 0.3s ease;
}
#activityBox a .title span {
	color: #2a363d;
	display: block;
	font-size: .8em;
	font-weight: 400;
	margin-top: 2px;
}
#activityBox a .time {
	color: #898f93;
	font-weight: 500;
	padding-right: 20px;
	text-align: right
}
/* ms fix */
#activityBox.ms a { grid-template-columns: 82px auto 200px }
#activityBox.ms a .date { border-right: 1px solid #e0e0e0 }

@media only screen and (max-width:750px) {
	.actCategory { margin-top: 0; position: relative; width: 100% }
	.actCategory select { width: 100% }
	#activityBox a { align-items: start; grid-template-columns: 60px auto; padding: 20px 0 }
	#activityBox a figure { display: none }
	#activityBox a .title { padding-bottom: 10px; padding-left: 16px }
	#activityBox a .time { grid-column: span 2; padding-left: 76px; text-align: left }

	#activityBox.ms a { grid-template-columns: 74px auto }
	#activityBox.ms a .time { padding-left: 90px }
}


/* ----------- projectBox -----------*/
#projectBox {
	margin-top: 22px;
	text-align: justify;
}
#projectBox a {
	align-items: start;
	border-top: 1px solid #d6d6d6;
	color: #2a363d;
	display: grid;
	grid-template-columns: 290px auto;
	grid-column-gap: 30px;
	padding: 28px 0;
}
#projectBox a figure {
	background-color: #e6e6e6;
	border-radius: 50px 0 50px 0;
	box-shadow: 0 0 1px 4px #fff;
	padding-bottom: 68%;
	transition:all 0.3s ease;
}
#projectBox a:hover figure {
	box-shadow: 0 0 1px 4px #62a833
}
#projectBox a .title {
	color: #00aeef;
	font-size: 1.34em;
	font-weight: 600;
	margin-bottom: 2px;
	transition:all 0.3s ease;
}
#projectBox a:hover .title{
	color: #62a833
}
#projectBox a .year {
	color: #898f93;
	font-size: .9em;
	font-weight: 500;
	text-transform: uppercase;
}
#projectBox a .text {
	line-height: 1.5em;
	margin-top: 10px
}
@media only screen and (max-width:840px) {
	#projectBox a { grid-template-columns: 200px auto }
	#projectBox a figure { border-radius: 30px 0 30px 0; padding-bottom: 76% }
}
@media only screen and (max-width:580px) {
	#projectBox a { grid-template-columns: auto }
	#projectBox a .title { margin-top: 14px }
	#projectBox a figure { padding-bottom: 66% }
}


/* ----------- squareGallery -----------*/
#squareGallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 24px 0 10px 0;
}
#squareGallery a {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #fff;
	display: block;
	overflow: hidden;
	padding-bottom: 19%;
	position: relative;

	flex-grow: 1;
	flex-basis: 25%;
	max-width: 100%;
}
#squareGallery a:before {
	background-color: rgba(38,49,55,0);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition:all 0.3s ease;
	width: 100%;
}
#squareGallery a:hover:before { background-color: rgba(38,49,55,0.5) }
#squareGallery a:first-child { border-top-left-radius: 50px }
#squareGallery a.oneElm { padding-bottom: 58% }
#squareGallery a.twoElm { padding-bottom: 34% }
#squareGallery a.thrElm { padding-bottom: 24% }
#squareGallery a.fitElm:nth-child(5) { padding-bottom: 60% }
#squareGallery a:last-child { border-bottom-right-radius: 50px }
@media only screen and (max-width:840px) {
	#squareGallery a { flex-basis: 25%; padding-bottom: 20% }
	#squareGallery a:first-child { border-top-left-radius: 30px }
	#squareGallery a:last-child { border-bottom-right-radius: 30px }
}
@media only screen and (max-width:650px) {
	#squareGallery a { flex-basis: 50%; padding-bottom: 32% }
}


/* ----------- searchResults -----------*/
#searchResults { margin-top: 40px }
#searchResults a {
	border-top: 1px solid #d6d6d6;
	color: #303030;
	display: block;
	padding: 24px 32px;
	position: relative;
	text-align: justify;
	transition:all 0.3s ease;
}
#searchResults a:hover { background-color: #f8f8f8 }
#searchResults a:before {
	background-color: #00aeef;
	content: "";
	height: 2px;
	left: 16px;
	position: absolute;
	top: 33px;
	width: 6px;
}
#searchResults .title {
	color: #00aeef;
	font-weight: 600;
	margin-bottom: 2px;
}
#searchResults .url {
	color: #9d9d9d;
	font-size: .9em;
	font-style: italic;
	margin-bottom: 8px;
}
#searchResults em { text-decoration: underline }
#searchResults .text { font-size: .9em }


/* ----------- orgChart -----------*/

/*
 * jQuery OrgChart Plugin
 * https://github.com/dabeng/OrgChart
 *
 * Copyright 2016, dabeng
 * https://github.com/dabeng
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.orgchart {
	font-size: .98em;
	min-height: 202px;
	min-width: 202px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-x: auto;
	position: relative;
}
.orgchart .hidden, .orgchart~.hidden { display: none }
.orgchart.b2t { transform: rotate(180deg) }
.orgchart.l2r {
	position: absolute;
	transform: rotate(-90deg) rotateY(180deg);
	transform-origin: left top;
}
.orgchart .verticalNodes ul {
	list-style: none;
	margin: 0;
	padding-left: 18px;
	text-align: left;
}
.orgchart .verticalNodes ul:first-child { margin-top: 2px }
.orgchart .verticalNodes>td::before {
	content: '';
	border: 1px solid #819ba3;
	line-height: 25px !important;
}
.orgchart .verticalNodes>td>ul>li:first-child::before {
	box-sizing: border-box;
	top: -4px;
	height: 27px; /*fcc*/
	width: calc(50% - 2px);
	border-width: 2px 0 0 2px;
	margin-top: -2px;
}
.orgchart .verticalNodes ul>li { position: relative }
.orgchart .verticalNodes ul>li::before,
.orgchart .verticalNodes ul>li::after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	left: -6px;
	border-color: #819ba3;
	border-style: solid;
	border-width: 0 0 2px 2px;
}
.orgchart .verticalNodes ul>li::before {
	top: -4px;
	height: 27px; /*fcc*/
	width: 15px; /*fcc*/
}
.orgchart .verticalNodes ul>li::after {
	top: 1px;
	height: 100%;
}
.orgchart .verticalNodes ul>li:first-child::after {
	box-sizing: border-box;
	top: 21px; /*fcc*/
	width: 15px; /*fcc*/
	border-width: 2px 0 0 2px;
}
.orgchart .verticalNodes ul>li:last-child::after {
	box-sizing: border-box;
	border-width: 2px 0 0;
}

.orgchart.r2l {
	position: absolute;
	transform: rotate(90deg);
	transform-origin: left top;
}
.orgchart>.spinner {
	font-size: 100px;
	margin-top: 30px;
	color: rgba(68, 157, 68, 0.8);
}
.orgchart table {
	border-spacing: 0;
	border-collapse: separate;
}
.orgchart>table:first-child { margin: 20px auto }
.orgchart td {
	text-align: center;
	vertical-align: top;
	padding: 0;
}
.orgchart .lines:nth-child(3) td {
	box-sizing: border-box;
	height: 20px;
}
.orgchart .lines .topLine { border-top: 2px solid #819ba3 }
.orgchart .lines .rightLine {
	border-right: 1px solid #819ba3;
	float: none;
	border-radius: 0;
}
.orgchart .lines .leftLine {
	border-left: 1px solid #819ba3;
	float: none;
	border-radius: 0;
}
.orgchart .lines .downLine {
	background-color: #819ba3;
	margin: 0 auto;
	height: 20px;
	width: 2px;
	float: none;
}

/* node styling */
.orgchart .node {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 3px;
	border: 2px dashed transparent;
	text-align: center;
	/*width: 130px;*/
}
.orgchart.l2r .node, .orgchart.r2l .node {
	width: 50px;
	height: 130px;
}
.orgchart .node>.spinner {
	position: absolute;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	vertical-align: middle;
	font-size: 30px;
	color: rgba(68, 157, 68, 0.8);
}
.orgchart .node:hover {
	/*background-color: rgba(238, 217, 54, 0.5);*/
	transition: .5s;
	cursor: default;
	z-index: 20;
}
.orgchart .node.focused { /*background-color: rgba(227, 227, 227, 0.8)*/ }
.orgchart .ghost-node {
	position: fixed;
	left: -10000px;
	top: -10000px;
}
.orgchart .ghost-node rect {
	fill: #ffffff;
	stroke: #bf0000;
}
.orgchart .node.allowedDrop { border-color: rgba(68, 157, 68, 0.9) }

.orgchart .node .title {
	background-color: #3f4a50;
	border-radius: 3px;
	color: #fff;
	font-size: .85em;
	font-weight: 500;
	/*height: 20px;*/
	line-height: 20px;
	overflow: hidden;
	padding: 6px 12px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 4px;
}
.orgchart .node .title a { color: #fff; display: block; }
.orgchart .node .title i { display: none }

.orgchart > table .nodes .node .title {
	background-color: #00aeef;
}
.orgchart .l01 .title {
	background-color: #6fa84a !important;
	font-size: .8em;
}
.orgchart .l02 .title {
	background-color: #f28c10 !important;
}
.orgchart .l03 .title {
	background-color: #718f99 !important;
}

.orgchart.b2t .node .title {
	transform: rotate(-80deg);
	transform-origin: center bottom;
}
.orgchart.l2r .node .title {
	transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
	transform-origin: bottom center;
	width: 120px;
}
.orgchart.r2l .node .title {
	transform: rotate(-90deg) translate(-40px, -40px);
	transform-origin: bottom center;
	width: 120px;
}
.orgchart .node .title .symbol {
	float: left;
	margin-top: 4px;
	margin-left: 2px;
}
.orgchart .node .content {
	box-sizing: border-box;
	width: 100%;
	height: 20px;
	font-size: 11px;
	line-height: 18px;
	border: 1px solid rgba(217, 83, 79, 0.8);
	border-radius: 0 0 4px 4px;
	text-align: center;
	background-color: #fff;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.orgchart.b2t .node .content {
	transform: rotate(180deg);
	transform-origin: center top;
}
.orgchart.l2r .node .content {
	transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg);
	transform-origin: top center;
	width: 120px;
}
.orgchart.r2l .node .content {
	transform: rotate(-90deg) translate(-40px, -40px);
	transform-origin: top center;
	width: 120px;
}
.orgchart .node .edge {
	font-size: 15px;
	position: absolute;
	color: rgba(68, 157, 68, 0.5);
	cursor: default;
	transition: .2s;
}
.orgchart.noncollapsable .node .edge { display: none }
.orgchart .edge:hover {
	color: #449d44;
	cursor: pointer;
}
.orgchart .node .verticalEdge {
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	left: 5px;
}
.orgchart .node .topEdge { top: -4px }
.orgchart .node .bottomEdge { bottom: -4px }
.orgchart .node .horizontalEdge {
	width: 15px;
	height: calc(100% - 10px);
	height: -webkit-calc(100% - 10px);
	height: -moz-calc(100% - 10px);
	top: 5px;
}
.orgchart .node .rightEdge { right: -4px }
.orgchart .node .leftEdge { left: -4px }
.orgchart .node .horizontalEdge::before {
	position: absolute;
	top: calc(50% - 7px);
}
.orgchart .node .rightEdge::before { right: 3px }
.orgchart .node .leftEdge::before { left: 3px }
.orgchart .node .topEdge,
.orgchart .node .bottomEdge,
.orgchart .node .rightEdge,
.orgchart .node .leftEdge { display: none }

.orgchart .node .toggleBtn {
	background-color: #718f99;
	border:1px solid #718f99;
	color: #fff;
	display: block;
	line-height: .92em;
	position: absolute;
	left: 0;
	bottom: 11px;
	width: 14px;
	z-index: 99999;
}
/*path { pointer-events: none }*/
.orgchart .node .toggleBtn:hover { background-color: #334b98 }

.oc-export-btn {
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	color: #fff;
	background-color: #5cb85c;
	border: 1px solid transparent;
	border-color: #4cae4c;
	border-radius: 4px;
}
.oc-export-btn[disabled] {
	cursor: not-allowed;
	box-shadow: none;
	opacity: 0.3;
}
.oc-export-btn:hover,.oc-export-btn:focus,.oc-export-btn:active  {
	background-color: #449d44;
	border-color: #347a34;
}
.orgchart~.mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	text-align: center;
	background-color: rgba(0,0,0,0.3);
}
.orgchart~.mask .spinner {
	position: absolute;
	top: calc(50% - 54px);
	left: calc(50% - 54px);
	color: rgba(255,255,255,0.8);
	font-size: 108px;
}
.orgchart .node { transition: transform 0.3s, opacity 0.3s }
.orgchart .slide-down {
	opacity: 0;
	transform: translateY(40px);
}
.orgchart.l2r .node.slide-down, .orgchart.r2l .node.slide-down {
	transform: translateY(130px)
}
.orgchart .slide-up {
	opacity: 0;
	transform: translateY(-40px);
}
.orgchart.l2r .node.slide-up, .orgchart.r2l .node.slide-up {
	transform: translateY(-130px)
}
.orgchart .slide-right {
	opacity: 0;
	transform: translateX(130px);
}
.orgchart.l2r .node.slide-right, .orgchart.r2l .node.slide-right {
	transform: translateX(40px);
}
.orgchart .slide-left {
	opacity: 0;
	transform: translateX(-130px);
}
.orgchart.l2r .node.slide-left, .orgchart.r2l .node.slide-left {
	transform: translateX(-40px);
}


/* ----------- contacts -----------*/
.contactTitle {
	border-top: 1px solid #d6d6d6;
	cursor: pointer;
	font-size: 1.24em;
	font-weight: 600;
	padding: 20px 26px 20px 0;
	position: relative;
	text-align: left;
}
.contactTitle a {
	color: #2a363d;
	transition:all 0.3s ease;
}
.contactTitle:hover a { color: #00aeef }
.contactTitle:first-of-type { margin-top: 22px }
.contactTitle:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	color: #00aeef;
	font-size: 1.1em;
	position: absolute;
	right: 0;
	top: 20px;
}
.contactTitle.symbol:after { content: "\f106" }
.contactTitle.symbol { color:#00aeef }

.contactBox { display: none }
.contactBox.visible {
	display: block;
	font-size: .9em
}
.contactBox .people {
	display: grid;
	grid-template-columns: 94px auto;
	grid-column-gap: 20px;
	padding: 6px 0 22px 0;
}
.contactBox .people figure {
	background-color: #e7e7e7;
	border-radius: 50%;
	height:94px;
	width:94px;
}
.people2 { text-align: center }
.people2 figure {
	background-color: #e7e7e7;
	border-radius: 50%;
	display: inline-block;
	height:94px;
	margin-bottom: 4px;
	width:94px;
}
.contactBox .people .name {
	font-weight: 500;
	margin-bottom: 1px;
}
.contactBox .position {
	color: #898f93;
	font-size: .84em;
	font-weight: 500;
	margin-bottom: 8px;
	text-transform: uppercase;
}
.contactBox .email {
	color: #00aeef;
	display: block;
	font-weight: 500;
	margin-bottom: 3px;
	transition:all 0.3s ease;
}
.contactBox .email:hover { text-decoration: underline }
.contactBox .phone span {
	color: #ddd;
	padding: 0 6px;
}
@media only screen and (max-width:490px) {
	.contactBox .people { grid-template-columns: auto; padding: 6px 0 26px 0; text-align: center }
	.contactBox .people figure { margin: 0 auto 6px auto }
}


/* ----------- cdtop -----------*/
.cdTop {
	background-color: #e03f30;
	border-radius: 50%;
	bottom: 72px;
	box-shadow: 0 0 0 2px rgba(255,255,255,.9);
	color: #fff;
	font-size: 1.5em;
	height: 40px;
	line-height: 38px;
	opacity: 0;
	position: fixed;
	right: 15px;
	text-align: center;
	transition: opacity .3s 0s, visibility 0s .3s;
	visibility: hidden;
	width: 40px;
	z-index: 9988;
}
.cdTop:hover { background-color: #eb5041 }
.cdTop.cd-is-visible, .cdTop.cd-fade-out, .no-touch .cdTop:hover { transition: opacity .3s 0s, visibility 0s 0s }
.cdTop.cd-is-visible {
	visibility: visible;
	opacity: 1;
}
.no-touch .cdTop:hover {
	background-color: #eb5041;
	opacity: 1;
}
.cdTop.cd-is-visible:focus { background-color: #00aeef }


/* ----------- boxesMs -----------*/
#boxesMs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
#boxesMs a {
	background-color: #3d4950;
	background-size: cover;
	color: #fff;
	overflow: hidden;
	padding: 50px 0;
	position: relative;
	text-align: center;
}
#boxesMs a:after {
	background-color: rgba(30,40,45,0.6);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition:all 0.3s ease;
	width: 100%;
	z-index: 0;
}
#boxesMs a:hover:after { background-color: rgba(30,40,45,0.1) }
#boxesMs a:before {
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.9;
	position: absolute;
	top: 0;
	transition:all 0.3s ease;
	width: 100%;
	z-index: 0;
}
#boxesMs a:nth-child(1) { border-radius: 0 0 0 60px }
#boxesMs a:nth-child(3) { border-radius: 60px 0 0 0 }
#boxesMs a:nth-child(4) { border-radius: 0 0 60px 0 }
#boxesMs i {
	font-size: 3em;
	position: relative;
	text-shadow: 0 0 12px rgba(35,31,32,0.3);
	z-index: 100;
}
#boxesMs p {
	font-weight: 600;
	margin-top: 12px;
	padding: 0 12px;
	position: relative;
	text-shadow: 0 0 12px rgba(35,31,32,0.3);
	z-index: 100;
}
@media only screen and (max-width:880px) {
	#boxesMs a:nth-child(1) { border-radius: 0 0 0 30px }
	#boxesMs a:nth-child(3) { border-radius: 30px 0 0 0 }
	#boxesMs a:nth-child(4) { border-radius: 0 0 30px 0 }
}
@media only screen and (max-width:500px) {
	#boxesMs a { padding: 26px 0 }
	#boxesMs p { font-size: .84em; font-weight: 500 }
	#boxesMs i { font-size: 2.3em }
}


/* ----------- microsite -----------*/
#microsite {
	background-color: #fff;
	border-radius: 50px 0 0 0;
	margin: 60px auto 30px auto;
	max-width: 1006px;
	position: relative;
	z-index: 100;

	align-items: start;
	display: grid;
	grid-template-columns: 320px auto;
}
#microsite div:nth-child(1) { grid-column: span 2 }
aside#submenu {
	padding: 34px 34px 0 34px;
	position: sticky;
	top: 110px;
}
aside#submenu h2 {
	border-radius: 30px 0 0 0;
	font-size: 1.2em;
	font-weight: 600;
	overflow: hidden;
	padding: 32px 14px;
	position: relative;
	text-align: center;
	text-shadow: 0 0 14px rgba(35,31,32,0.4);
	text-transform: uppercase;
}
aside#submenu h2 em { display: none }
aside#submenu h2:before, aside#submenu h2:after {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
aside#submenu h2:before {
	background-color: #344148;
	background-image: url(../img/colorbg.svg);
	background-position: center 64%;
	background-size: 180%;
	filter: contrast(1.5) hue-rotate(514deg);
}
aside#submenu h2:after { opacity: 0.85 }
aside#submenu h2 svg {
	display: inline-block;
	fill: #fff;
	height: 64px;
	margin-bottom: 4px;
	position: relative;
	z-index: 100;
	-webkit-filter: drop-shadow(0 0 12px rgba(35,31,32,0.2));
	filter: drop-shadow(0 0 12px rgba(35,31,32,0.2));
}
aside#submenu h2 span {
	color: #fff;
	display: block;
	position: relative;
	z-index: 100;
}
aside#submenu h2 em:after {
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
}
aside#submenu h2.open em:after { content: "\f0d8"; }

aside#submenu .accordion > a:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	font-size:1.3em;
	line-height: .4em;
	height:9px;
	position:absolute;
	right:0;
	text-align:right;
	top:20px;
	width:14px;
}
aside#submenu .accordion > a.symbol:after {
	content:"\f106";
	color: #bdbdbd;
}
aside#submenu ul {
	margin-bottom: 14px
}
aside#submenu > ul > li {
	border-bottom: 1px solid #d6d6d6;
	position: relative;
}
aside#submenu > ul > li:last-child {
	border-bottom: 4px solid #d6d6d6
}
aside#submenu > ul > li > a {
	color: #2a363d;
	display: block;
	font-size: .9em;
	font-weight: 500;
	line-height: 1.4em;
	padding: 14px 26px 14px 0;
	transition:all 0.3s ease;
}
aside#submenu > ul > li > ul {
	margin: 0 0 9px 8px;
	position: relative;
	top: -6px
}
aside#submenu > ul > li > ul > li > a {
	color: #2a363d;
	display: block;
	font-size: .9em;
	font-weight: 400;
	line-height: 1.4em;
	padding: 5px 0 5px 15px;
	position: relative;
}
aside#submenu > ul > li > ul > li > a span {
	border-bottom: 1px solid transparent;
	padding-bottom: 2px;
	transition:all 0.3s ease;
}
aside#submenu > ul > li > ul > li > a:hover span,
aside#submenu > ul > li > ul > li > a.current span {
	border-bottom-color: #596369;
}
aside#submenu > ul > li > ul > li > a:before {
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 15px;
	width: 7px;
}
aside#submenu li .content {
	display: none;
}

aside#submenu li.more > a:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f067";
	font-size: 1em;
	line-height: .4em;
	height: 9px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 14px;
	width:14px;
}
aside#submenu li.more > a.icon:after {
	content:"\f068";
	color: #bdbdbd;
}

aside#submenu li.more .content { 
	display: none;
	margin: 0px 0 5px 12px;
}
aside#submenu li.more .content li a {
	color: #596369;
	font-size: 0.9em;
	position: relative;
	padding: 0px 0 8px 14px;
	display: block;
}
aside#submenu li.more .content li a:before{
	content: "";
	width: 4px;
	height: 4px;
	position: absolute;
	left: 0;
	top: 7px;
	background-color: #596369;
	border-radius: 50%;
}
aside#submenu li.more .content li a.current {
	color: #4681a0;
}

section#msContent {
	min-height: 600px;
	overflow: hidden;
	padding: 34px 34px 34px 0;
}
section#msContent.v2 { 
	box-shadow: -6px -6px 10px rgba(50,50,50,0.06);
	margin-bottom: 34px;
	padding: 34px 34px 0 34px;
}
section#msContent h1 {
	font-size: 1.7em;
	font-weight: 600;
	margin: 0 0 16px 0;
	text-align: center;
}

#msBack {
	height: 481px;
	left: 0;
	position: absolute;
	top: 138px;
	transition:all 0.3s ease;
	width: 100%;
}
#msBack.change { top: 60px }
#msBack.v2 { height: 280px }
#msBack span {
	background-image: url(../img/colorBar.svg);
	background-position: center top;
	background-size: cover;
	filter: contrast(3) grayscale(1);
	height: 100%;
	position: absolute;
	width: 100%;
}
#msBack:after {
	content: "";
	height: 100%;
	left: 0;
	opacity: .9;
	position: absolute;
	top: 0;
	width: 100%;
}
@media only screen and (max-width:1040px) {
	#microsite { grid-template-columns: 290px auto; margin: 60px 20px 30px 20px }
}
@media only screen and (max-width:1000px) {
	#microsite { margin: 20px 20px 30px 20px }
	#msBack { top: 62px }
	aside#submenu { padding: 19px 13px 0 16px }
}
@media only screen and (max-width:880px) {
	#microsite { grid-template-columns: auto }
	aside#submenu { padding: 0; position: relative; top: 0 }
	aside#submenu ul { display: none }

	aside#submenu h2 {
		border-radius: 30px;
		padding: 12px;
		text-shadow: none;
	}
	aside#submenu h2 em {
		color: #70777b;
		display: block;
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
	}
	aside#submenu h2:before, aside#submenu h2:after { display: none }
	aside#submenu h2 svg { filter: drop-shadow(0 0 12px rgba(35,31,32,0)); height: 30px; margin-right: 10px; vertical-align: middle }
	aside#submenu h2 span { display: inline-block; vertical-align: middle }

	section#msContent { min-height: auto; padding: 20px 0 0 0 }
	#msBack { display: none }

	section#msContent.v2 {  box-shadow: none; margin-bottom: 0; padding: 20px 0 0 0 }
}
@media only screen and (max-width:480px) {
	aside#submenu h2 { font-size: 1.1em; text-transform: initial }
	aside#submenu h2 svg { height: 24px }
}


/* ----------- sitemap -----------*/
#sitemap {
	columns: 2;
	column-gap: 86px;
	column-rule: 1px solid #d6d6d6;
	padding: 12px 30px 0 30px
}
#sitemap ul li { position: relative }
#sitemap > ul > li {
	font-weight: 600;
	padding: 10px 0;
}
#sitemap > ul > li > a { color: #2a363d; transition:all 0.3s ease }
#sitemap > ul > li > a:hover { color: #00aeef }
#sitemap > ul > li > a span {
	border-bottom: 1px solid #00aeef;
	padding-bottom: 1px;
}
#sitemap > ul > li > a span {
	border-bottom: 1px solid transparent;
	padding-bottom: 1px;
	transition:all 0.3s ease;
}
#sitemap > ul > li > a:hover span { border-bottom-color: #00aeef }
#sitemap > ul > li > ul { padding: 10px 0 6px 10px }
#sitemap > ul > li > ul > li {
	font-weight: 300;
	padding: 2px 0 2px 15px;
}
#sitemap > ul > li > ul > li a {
	color: #202020;
	transition:all 0.3s ease;
}
#sitemap > ul > li > ul > li a:hover { color: #00aeef }
#sitemap > ul > li > ul > li > a:before {
	background-color: #00aeef;
	content: "";
	display: block;
	height: 2px;
	margin-right: 9px;
	left: 0px;
	position: absolute;
	top: 11px;
	transition:all 0.3s ease;
	width: 6px;
}
#sitemap > ul > li > ul > li .title {
	border-bottom: 1px solid #2a363d;
	display: table;
	font-weight: 600;
	margin-bottom: 4px;
	padding: 8px 0 1px 0;
}
#sitemap > ul > li > ul > li > ul > li {
	padding: 2px 0 2px 26px
}
#sitemap > ul > li > ul > li > ul > li a:before {
	background-color: #00aeef;
	content: "";
	display: block;
	height: 2px;
	margin-right: 9px;
	left: 12px;
	position: absolute;
	top: 11px;
	transition:all 0.3s ease;
	width: 6px;
}
@media only screen and (max-width:680px) {
	#sitemap { columns: 1 }
}


/* ----------- holi -----------*/
#holi {
	background-image: url(../img/colorBar.svg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	height: 150px;
	left: 0;
	opacity: .96;
	position: fixed;
	top: -150px;
	width: 100%;
	z-index: 40000;

	animation-name: aniHoli;
	animation-duration: 2.2s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@keyframes aniHoli {
	0%   { top: -150px }
	50%   { top: 100% }
	100% { height: 500px; top: -550px }
}

#videoHome .btn {
	background-color: #00aeef;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: .8em;
	font-weight: 600;
	margin: auto;
	padding: 8px 20px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
#videoHome .btn:hover { opacity: .8 }
#videoHome .btn i { margin-right: 8px }
#videoHome img {
	border: 1px solid #434c4f;
	border-radius: 6px;
}


/* ----------- jobsBox & workerBox -----------*/
.msFilter {
	cursor: pointer;
	display: table;
	font-size: .8em;
	font-weight: 600;
	margin-left: auto;
	top: 10px;
	position: relative;
	text-transform: uppercase;
	transition:all 0.3s ease;
}
.msFilter i {
	margin-left: 3px;
}

#jobsBox { margin-top: 24px }
#jobsBox a {
	background: #fff;
	border-top: 1px solid #d6d6d6;
	color: #2a363d;
	display: block;
	padding: 16px 0;
	position: relative;
	transition:all 0.3s ease;
}
#jobsBox a:last-of-type { border-bottom: 1px solid #d6d6d6 }
#jobsBox a:hover {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=1 );
}
#jobsBox p {
	font-size: 1.1em;
	font-weight: 500;
}
#jobsBox p > span {
	color: #62727b;
	display: block;
	font-size: .8em;
	font-weight: 400;
	margin-top: 2px;
}
#jobsBox p > span em {
	color: #b8bfc3;
	padding: 0 10px;
}
#jobsBox .date {
	color: #62727b;
	font-size: .8em;
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
}


#workerBox { margin-top: 24px }
#workerBox > p {
	background: #fff;
	border-top: 1px solid #d6d6d6;
	color: #2a363d;
	display: block;
	padding: 16px 0;
	position: relative;
	transition:all 0.3s ease;
}
#workerBox > p:last-of-type { border-bottom: 1px solid #d6d6d6 }
#workerBox .title {
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1.3em;
}
#workerBox .cat {
	color: #62727b;
	display: block;
	font-size: .87em;
	font-weight: 400;
	margin-top: 2px;
}
#workerBox .download {
	background-color: #f2f2f2;
	border-radius: 6px;
	color: #62727b;
	font-size: .72em;
	font-weight: 600;
	padding: 6px 10px;
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	transition:all 0.3s ease;
}
#workerBox .download i { margin-right: 5px }
#workerBox .download:hover {
	background-color: #3f4a50;
	color: #fff;
}
#workerBox .info {
	color: #2a363d;
	display: block;
	font-size: .87em;
	font-weight: 400;
	margin-top: 12px;
}
#workerBox .info i {
	color: #62727b;
	margin-right: 7px
}
#workerBox .info em {
	color: #b8bfc3;
	padding: 0 10px
}
#workerBox .info a { color: #2a363d }
#workerBox .info a:hover { text-decoration: underline }

@media only screen and (max-width:780px) {
	#jobsBox .date { position: static }
	#workerBox .download {
		display: inline-block;
		margin-top: 12px;
		position: relative;
		right: 0;
		transform: none;
	}
	#workerBox .info em { color: #fff; display: block; height: 8px }
	#jobsBox p > span em { color: #fff; display: block; height: 2px }
}


/* ----------- counterStats -----------*/
#counterStats p {
	border-top: 1px solid #d6d6d6;
	font-size: .84em;
	font-weight: 500;
	margin-bottom: 0;
	padding: 12px 0;
	text-align: center;
	text-transform: uppercase;
}
#counterStats p:first-of-type { margin-top: 24px }
#counterStats p span {
	display: inline-block;
	font-weight: 600;
	text-align: left;
	width: 72px;
}
#counterStats p em {
	display: inline-block;
	font-style: normal;
	text-align: left;
	width: 52px;
}



/* ------------- Directorio Comercial ----------------*/
#msBack.colorDC:after {
	background-color: #f8951d;
}
#msContent .search {
	display: grid;
	grid-template-columns: auto 27%;
	margin-bottom: 10px;
}
#msContent .search.sport {
	display: initial;
	text-align: center;
}
#directoryList #frmSearch, 
#subDirectoryList #frmSearch {
	justify-self: end
}
#msContent .search p {
	color: #979797;
}
#msContent .search .inptS {
	border: 1px solid #d6d6d6;
	color: #2a363d;
	font-size: .9em;
	padding: 5px 10px;
}
#directoryList #msContent .search .inptS {
	width: 79%;
}
#msContent .btnSearch {
	background-color: #00aeef;
	border: none;
	color: #fff;
	cursor: pointer;
	padding: 8px 11px 6px;
}
#msContent .btnSearch:hover {
	background-color: #2fbff3;
}
#directoryList {
	background-color: #fff;
	border-radius: 50px 0 0 0;
	margin: 60px auto 30px auto;
	max-width: 1240px;
	position: relative;
	z-index: 100;
	align-items: start;
}
#subDirectoryList {
	background-color: #fff;
	border-radius: 50px 0 0 0;
	margin: 60px auto 30px auto;
	max-width: 1240px;
	position: relative;
	z-index: 100;
	align-items: start;
	display: grid;
	grid-template-columns: 300px auto;
}
#directoryList #msContent {
	padding: 20px 34px 34px 34px;
}
#msContent #breadcrumb.bcDC {
	left: 0;	
	text-transform: uppercase;
	font-size: 0.85em;
	font-weight: 500;
	color: #fff;
}
#msContent #breadcrumb.bcDC a {
	font-size: 1em;
	font-weight: 500;
	color: #fff;
}
#subDirectoryList #msContent { padding-top: 15px }
#subDirectoryList #msContent .search #frmSearch {
	top: 17px;
}
#subDirectoryList aside#submenu h2:after,
#detailStore aside#submenu h2:after {
	background-color: #00aeef;
}
#boxesDC, #subBoxesDC {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
#boxesDC.subBoxes{
	grid-template-columns: repeat(3, 1fr);
}
#boxesDC h2 {
	border-radius: 30px 0 0 0;
	font-size: 1.2em;
	font-weight: 600;
	overflow: hidden;
	padding: 63px 14px;
	position: relative;
	text-align: center;
	text-shadow: 0 0 14px rgba(35,31,32,0.4);
	text-transform: uppercase;
}
#boxesDC h2:before {
	background-color: #344148;
	background-image: url(../img/colorbg.svg);
	background-position: center 64%;
	background-size: 180%;
	filter: contrast(1.5) hue-rotate(514deg);
}
#boxesDC h2:before, #boxesDC h2:after {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;	
}
#boxesDC h2:after {
	opacity: 0.85;
	background-color: #05b0ef;
}
#boxesDC h2 span {
	color: #fff;
	display: block;
	position: relative;
	z-index: 100;
}
#boxesDC a {
	background-size: cover;
	color: #fff;
	overflow: hidden;
	padding: 64px 0;
	position: relative;
	text-align: center;
	border-radius:44px 0; 
}
#boxesDC a .svgBg {
	background-image: url(../img/colorbg.svg);
	background-size: cover;
	position: absolute;
	transition:all 1s ease;
	height: 750px;
	left: -202px;
	top: -296px;
	width: 792px;
}
#boxesDC a:nth-child(2) .svgBg {
	height: 1533px;
	left: -202px;
	top: -296px;
	width: 920px;
	transform: scale(-1, 1)
}
#boxesDC a:nth-child(2):hover .svgBg { transform: scale(-1, 1) rotate(52deg) }

#boxesDC a:nth-child(3) .svgBg {
	height: 750px;
	left: -72px;
	top: -174px;
	width: 450px;
}
#boxesDC a:nth-child(3):hover .svgBg { transform: rotate(28deg) }

#boxesDC a:nth-child(4) .svgBg {
	height: 800px;
	left: -88px;
	top: -454px;
	transform: scale(1, -1) rotate(0deg);
	width: 480px;
}
#boxesDC a:nth-child(4):hover .svgBg { transform: scale(1, -1) rotate(72deg) }

#boxesDC a:nth-child(5) .svgBg {
	height: 1366px;
	left: -627px;
	top: -713px;
	transform: rotate(90deg);
	width: 820px;
}
#boxesDC a:nth-child(5):hover .svgBg { transform: rotate(28deg) }
#boxesDC a:nth-child(6) .svgBg {
	height: 666px;
	left: -39px;
	top: -221px;
	width: 400px;
}
#boxesDC a:nth-child(6):hover .svgBg { transform: rotate(72deg) }

#boxesDC a:nth-child(7) .svgBg {
	height: 800px;
	left: -88px;
	top: -454px;
	transform: scale(1, -1) rotate(0deg);
	width: 480px;
}
#boxesDC a:nth-child(7):hover .svgBg { transform: scale(1, -1) rotate(72deg) }

#boxesDC a:nth-child(8) .svgBg {
	height: 666px;
	left: -39px;
	top: -221px;
	width: 400px;
}
#boxesDC a:nth-child(8):hover .svgBg { transform: scale(1, -1) rotate(72deg) }

#boxesDC a:nth-child(9) .svgBg {
	height: 1366px;
	left: -627px;
	top: -713px;
	transform: rotate(90deg);
	width: 820px;
}
#boxesDC a:nth-child(9):hover .svgBg { transform: rotate(28deg) }

#boxesDC a:nth-child(10) .svgBg {
	height: 1366px;
	left: -627px;
	top: -713px;
	transform: rotate(90deg);
	width: 820px;
}
#boxesDC a:nth-child(10):hover .svgBg { transform: rotate(28deg) }

#boxesDC a:nth-child(11) .svgBg {
	height: 1366px;
	left: -627px;
	top: -713px;
	transform: rotate(90deg);
	width: 820px;
}
#boxesDC a:nth-child(11):hover .svgBg { transform: rotate(28deg) }

#boxesDC a > svg {
	fill:#fff;
	left: 50%;
	position: absolute;
	top: 39%;
	transform: translate(-50%, -50%);
	transition:all 0.5s ease;
	width: 84px;
	z-index: 100;
	-webkit-filter: drop-shadow(0 0 12px rgba(35,31,32,0.6));
	filter: drop-shadow(0 0 12px rgba(35,31,32,0.6));
	height: 37px;
}
#boxesDC a:before {
	content: "";
	background-color: #31313138;
	height: 100%;
	left: 0;
	opacity: 0.9;
	position: absolute;
	top: 0;
	transition: all 0.3s ease;
	width: 100%;
	z-index: 0;
}
#boxesDC i {	
	font-size: 3em;
	position: relative;
	text-shadow: 0 0 12px rgba(35,31,32,0.3);
	z-index: 100;
}
#boxesDC h3 {
	font-weight: 600;
	padding: 0 12px;
	position: relative;
	text-shadow: 0 0 12px rgba(35, 31, 32, 0.8);
	top: 20px;
	z-index: 100;
}
@media only screen and (max-width: 1028px){
	#msContent .search { grid-template-columns: 100%; grid-gap: 11px }
}
@media only screen and (max-width:975px){
	#boxesDC { grid-template-columns: repeat(3, 1fr) }
}
@media only screen and (max-width:880px){
	#subDirectoryList { grid-template-columns: 100%; margin-top: 50px }
	#directoryList {margin-top: 96px;}
	#boxesDC.subBoxes { grid-template-columns: repeat(3, 1fr) }
	#subDirectoryList aside#submenu { display:none }
	#msContent #breadcrumb.bcDC, #msContent #breadcrumb.bcDC a { color: #919191 }
	#msContent .search { width: 96%; margin: 10px auto }
}
@media only screen and (max-width:785px){
	#boxesDC{ grid-template-columns: repeat(2, 1fr) }
	#boxesDC.subBoxes { grid-template-columns: repeat(2, 1fr) }
	#boxesDC h2 {
		padding: 13px 10px;
		text-shadow: none;
		grid-column: span 2;
	}
	#boxesDC h2:before {
		background-color: none;
		background-image: none;
		filter: none;
	}
	#boxesDC h2:before, #boxesDC h2:after { content:none }
	#boxesDC h2:after { background-color: transparent }
	#boxesDC h2 span { color: #00aeef }
}
@media only screen and (max-width:470px){
	#boxesDC { grid-template-columns: 100% }
	#boxesDC.subBoxes { grid-template-columns: 100% }
	#boxesDC h2 { padding: 13px 10px; text-shadow: none }
	#boxesDC h2 { grid-column: span 1 }
}

.termC {
	border-top: 1px solid #d6d6d6;
	color: #2a363d;
	display: block;
	margin-top: 12px;
	padding: 10px 0px;
	text-align: center;
}
.terms h2 {
	color: #00aeef;
	text-align: center;
}
.terms p { line-height: 1.5 }
#msContent .search p a.btnInscription:hover,
.termC:hover  {
	text-decoration: underline;
}
#subBoxesDC.subBoxes {
	grid-template-columns: repeat(3, 1fr);
}
#subBoxesDC { grid-column-gap: 27px }
#subBoxesDC a {
	overflow: hidden;
	-webkit-box-shadow: 2px 4px 11px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 4px 11px -6px rgba(0,0,0,0.75);
	box-shadow: 2px 4px 11px -6px rgba(0,0,0,0.75);
}
#subBoxesDC a:last-of-type {
	border-radius: 0px 0px 30px 0;
}
#subBoxesDC a > .imgCommercial {
	background-image: url(../img/default.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border: 16px solid transparent;
	padding: 100px 67px;
}
#subBoxesDC a > .info {
	background-color: #f6f6f6;
	padding: 15px 22px;
	height: 100%;
} 
#subBoxesDC a > .info h3 {
	color: #f8951d;
	display: block;
	margin-bottom: 10px;
	word-break: break-word;
}
#subBoxesDC a > .info p {
	padding-bottom: 8px;
	color: #575757;
}
#subBoxesDC a > .info p.tel,
#subBoxesDC a > .info p.time {
	font-size: 0.83em;
}
#subBoxesDC a > .info p.tel i,
#subBoxesDC a > .info p.time i {
	color: #f8951d;
	padding-right: 4px;
} 
#subDirectoryList #submenu > h2  span,
#detailStore #submenu > h2 span  {
	display: inline-block;
}
#subDirectoryList #submenu > h2 > a.backLink,
#detailStore #submenu > h2 > a.backLink, h2 > a.backLink {
	color: #fff;
	position: relative;
	z-index: 1000;
}

@media only screen and (max-width:990px){
	#subBoxesDC.subBoxes { grid-template-columns: repeat(2, 1fr) }
	aside#submenu { padding: 0 16px 0 16px }
}
@media only screen and (max-width:880px){
	#detailStore #subBoxesDC.subBoxes { grid-template-columns: repeat(3, 1fr); margin: auto; width: 96% }
}
@media only screen and (max-width:685px){
	#subBoxesDC.subBoxes { grid-template-columns: repeat(2, 1fr) }
}
@media only screen and (max-width:460px){
	#subBoxesDC.subBoxes { grid-template-columns: repeat(1, 1fr); margin: 0 auto; width: 86% }
}

/* solicitud de comercio */
#modalC h2 {
	color: #0fb2e8;
	margin-bottom: 20px;
}
#modalC .formComment input[type="text"],
#modalC .formComment input[type="email"] {
	border: 1px solid #e0e0e0;
	display: block;
	margin-bottom: 15px;
	padding: 6px;
	width: 100%;
}
#modalC .formComment input[type="text"].captcha,
#modalBox input[type="text"].captcha {
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 116px;
}
.btnEnviar {
	background-color: #00aced;
	display: block;
	color: #fff;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.btnEnviar:hover {
	background-color: #03a9e7;
	transition:all 0.3s ease;
}

/* detalle de comercio */
#detailStore {
	background-color: #fff;
	border-radius: 50px 0 0 0;
	display: grid;
	margin: 60px auto 30px auto;
	max-width: 1006px;
	position: relative;
	align-items: start;
	grid-template-columns: 320px auto;
	z-index: 100;
}
.txtBox .info {
	display: grid;
	grid-template-columns: 35% auto;
	grid-gap: 14px;
	margin-bottom: 24px;
}
.txtBox .info #data {
	padding-left: 14px;
	position: relative;
}
.txtBox .info #data:before {
	content:'';
	background-color: #d6d6d6;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
}
.txtBox .info p {
	color: #32c5f4;
	padding-bottom: 8px;
}
.sitiow { text-align: left }
.txtBox .info p a {
	color: #32c5f4;
	display: block;
	margin-top: 6px;
}
.txtBox .info p > i, .txtBox .info p a > i {
	color: #05b0ef;
	text-align: center;
	width: 26px;
}
#minimodal { padding-left: 32px }
#rating { display: inline-block }
@media only screen and (max-width:880px){
	#detailStore {
		grid-template-columns: 100%;
		margin: 0 auto 76px auto;
		justify-items: center;
		width: 97%;
	}
	#detailStore aside#submenu { display:none }
}

/* directorio comercial */
.calification.v2,
.txtBox .socials {
	margin-top: 7px;
}
.txtBox .tags {
	background-color: #fafafa;
	display: block;
	grid-column: span 2;
	padding: 8px 12px;
}
.txtBox .socials a, .txtBox .cards i {
	font-size: 1.3em;
	color: #05b0ef;
	margin-right: 7px;
}
.txtBox .info .socials h4, 
.txtBox .info .cards h4,
.txtBox .info .tags h4,
.txtBox .info h4 {
	color: #5f5f5f
}
.txtBox .location { margin: 10px 0px }
.txtBox .location p { padding: 6px 0 }
.txtBox iframe {
	margin-bottom: 10px;
	width: 100% !important;
}
.txtBox #docBox2 {
	background-color: #fafafa;
	margin-top: 10px;
	padding: 14px 20px;
}


/* ------ Directorio QR ------ */
#directoryQRList {
	background-color: #fff;
	border-radius:0 20px 0 0;
	margin: 60px auto 30px auto;
	max-width: 1280px;
	position: relative;
	z-index: 100
}
#directoryQRList #msContent {
	padding: 34px;
}
#directoryQRList #msContent h1{
	color: #00aced;
}
#directoryQRList div.search {
	display: inline-block;
	position: absolute;
	top: 35px;
	right: 35px;
	text-align: right;
}
#directoryQRList div.search form {
	display: inline;
}
#directoryQRList #boxesDC {
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	align-items: center;
}
#directoryQRList #boxesDC a {
	padding: 0;
	background-color: transparent;
	transition: all .4s;
}
#directoryQRList #boxesDC a:nth-child(3){
	border-radius: 0 20px 0 0;
}
#directoryQRList #boxesDC a .photoBg {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 2s;
	padding-top: 198px;
}
#directoryQRList #boxesDC a:hover .photoBg{
	transform: scale(1.1);
}
#directoryQRList #boxesDC h3 {
	top: 0;
    /* position: absolute; */
	width: 100%;
	background-color: #6aa741;
	padding: 10px;
	text-transform: none;	
}
@media only screen and (max-width: 1000px){
	#directoryQRList { margin-top:50px }
}
@media only screen and (max-width: 920px){
	#directoryQRList #boxesDC { grid-template-columns: repeat(2, 1fr) }
	#directoryQRList #boxesDC a:nth-child(3){ border-radius: 0px }
}
@media only screen and (max-width: 880px){
	#directoryQRList { margin-top: 60px }
	#directoryQRList div.search {
		display: block;
		position: relative;
		top: 0;
		right: -15px;
	}
}
@media only screen and (max-width: 520px){
	#directoryQRList #boxesDC { grid-template-columns: repeat(1, 1fr) }
}

/*------- subcategorias qr------*/
#subDirectoryQRList {
	background-color: #fff;
	border-radius: 0 50px 0 0;
	margin: 226px auto 30px auto;
	max-width: 1280px;
	align-items: start;
	display: grid;
	grid-template-columns: 300px auto;
	position: relative;
	z-index: 100;
}
#subDirectoryQRList aside#submenu h2 {
	border-radius:0;
	padding: 62px 0;
	text-shadow: -1px 0px 6px rgba(0,0,0,0.63);
}
#subDirectoryQRList aside#submenu h2 > .bgCategory{
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 153px;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}
#subDirectoryQRList aside#submenu h2:before, #detailDirectoryQr aside#submenu h2:before { content: none }
#subDirectoryQRList #boxesQR {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
}
#subDirectoryQRList #boxesQR a {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color:#fff;
	overflow: hidden;
	padding: 84px 2px;
	position: relative;
	text-align: center;
	transition: all 6s ease;
}
#subDirectoryQRList #boxesQR a:hover:before {
	content: "";
	background-color: #10214b67;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	transition: all 9s ease-in;
}
#subDirectoryQRList #boxesQR a h3 {
	position: absolute;
	text-shadow: -1px 0px 6px rgba(0,0,0,0.63);
	width: 100%;
}
#subDirectoryQRList div.search {
	display: block;
	text-align: right;
}
@media only screen and (max-width:1064px){
	#subDirectoryQRList #boxesQR { grid-template-columns: repeat(2, 1fr) }
}
@media only screen and (max-width: 880px){
	#subDirectoryQRList {
		grid-template-columns: 100%;
		margin-top: 40px;
	}
	#subDirectoryQRList aside#submenu h2 > .bgCategory{ display: none }
	#subDirectoryQRList aside#submenu h2 { padding: 12px 0 }
	aside#submenu h2 span { color:#00aeef }
	h2 > a.backLink {
		position: relative;
		left: 20%;
		color:#00aeef;
		text-shadow: none;
		top: 3px;
		z-index: 1000;
	}
}


/*---------------- detalle QR --------------*/
#detailDirectoryQr {
	background-color: #fff;
	max-width: 1280px;
	display: grid;
	grid-template-columns:300px auto;
	border-radius: 50px 0 0 0;
	margin: 60px auto 30px auto;
	position: relative;
	z-index: 100;
	align-items: start;
}
#detailDirectoryQr aside#submenu h2 > .bgCategory {
	background-color: #f39a2e;
	height: 153px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
#detailDirectoryQr aside#submenu h2 span{
	color: #fff;
	display: inline-block;
	padding-left: 5px;
}
#detailDirectoryQr .point { margin: 0px 20px 20px 0px }
.txtBox .columns {
	display: grid;
	grid-template-columns: 1fr 200px;
	grid-gap: 44px;
}
#detailDirectoryQr #mainContent { padding: 0px}
#mainContent #qrBanner {
	background-color: #cbcbcb;
	background-position: center center;
	background-size: cover;
	height: 440px;
	left: 0;
	position: absolute;
	top: 42px;
	width: 100%;
}
#mainContent .codQr {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 200px;
	height: 200px;
	width: 102%;
	height: 244px;
	display: block;
	position: sticky;
	top: 116px;
}
#mainContent .map iframe { 
	width:100%;
	margin: 30px 0px;
}
.txtBox .columns > .inf a.btnVerMap {
	display: inline-block;
	padding: 9px 24px;
	text-align: center;
	background-color: #03a9e7;
	color:#fff;
	margin-top: 21px;
	border-radius: 4px;
}
#detailDirectoryQr .mapQR {
	position: relative;
	margin:20px 0px;
}
#detailDirectoryQr .mapQR #sectionPoint a {
	text-align: center;
}
#detailDirectoryQr .mapQR #sectionPoint img {
	display: inline;
	width: 20px;
}
#detailDirectoryQr .comment, #detailDirectoryQr .comment .boxComment {
	margin: 20px 0px;
}
#detailDirectoryQr .comment h3 {
	color: #03a9e7;
	margin-bottom: 10px;
}
#detailDirectoryQr .comment .generalForm {margin-bottom: 33px;}
#detailDirectoryQr .comment .boxComment {
	border-left: 1px solid #03a9e7;
	padding-left: 10px;
}
#detailDirectoryQr .comment .boxComment p.name {
	font-weight: 600;
	color: #03a9e7;
	padding-bottom: 10px;
}
#detailDirectoryQr .comment .boxComment p.name > span {
	color:rgb(156, 156, 156);
	font-size: .9em;
	font-weight: 400;
}
#detailDirectoryQr .comment .boxComment p.name > span i {
	font-size: .8em;
}

#detailDirectoryQr .comment .boxComment p.name > span.address i {
	color: #00aced;
}
#detailDirectoryQr .comment .boxComment p.name > span.address {
	color: #7a7a7a;
}
#detailDirectoryQr #hideBox {
	display: none;
}
#detailDirectoryQr .comment a.seeAll {
	border-bottom: 1px solid transparent;
	color: #00aeef;
	display: inline-block;
	padding-bottom: 1px;
	transition:all 0.3s ease;
}
#detailDirectoryQr .comment a:hover { text-decoration: none }
#detailDirectoryQr .comment a:hover a { border-color: #00aeef }
#detailDirectoryQr .comment a i { margin-right: 6px }
#detailDirectoryQr .comment a.open { color: #a5a5a5 }
#detailDirectoryQr .comment a:hover.open { border-color: #a5a5a5 }
#detailDirectoryQr .comment a.open:before { display: none }

@media only screen and (max-width: 880px){
	#detailDirectoryQr {
		grid-template-columns: 100%;
		margin-top: 20px;
	}
	.txtBox .columns { grid-template-columns: 100% }
	.txtBox .columns > .data { display: none }
	#detailDirectoryQr aside#submenu { display:none }
}


/* -------------------------------
		proyecto pruebe 
--------------------------------*/
#pruebeQR {
	background-color:#fff;
	border-radius: 50px 0 0 0;
	margin: 60px auto 30px auto;
	max-width: 1240px;
	position: relative;
	z-index: 100;
	align-items: start;
	display: grid;
	grid-template-columns: 500px auto;
}
#pruebeQR #mainContent {
	padding: 10px 31px;
	margin: 0 auto;
	width: 100%;
}
#pruebeQR #mainContent h1 .backLink {
	display: inline-block;
}
#pruebeQR #breadcrumb.bcDC {
	left: 0;
	text-transform: uppercase;
	font-size: 0.85em;
	font-weight: 500;
	color:#fff;
}
#pruebeQR #breadcrumb.bcDC {
	background-color: transparent;
	border: none;
	height: 34px;
	line-height: 30px;
	padding: 0 10px 0 0;
	position: absolute;
	text-align: right;
	top: -34px;
	width: 100%;
}
#pruebeQR .mapQR {
	border-radius: 50px 0 0 0;
	overflow: hidden;
}
#pruebeQR .mapQR > #sectionPoint a img {
	transition: all .4s;
}
#pruebeQR .mapQR > #sectionPoint a.hover img {
	transform: translateY(-10px);
}
#pruebeQR #boxesQR {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}
#pruebeQR #boxesQR a {
	position: relative;
	transition: all 3s ease;
}
#pruebeQR #boxesQR a figure {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 3px solid #6faa47;
	border-radius: 24px 0 0 0;
	padding-bottom: 62%;
}
#pruebeQR #boxesQR a h3 {
	background-color: #6faa47;
	border-radius: 0 0 24px 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: 500;
	padding: 4px 12px 10px 12px;
	text-align: center;
	width: 100%;
}
a.tooltip {
	position: relative;
}
a.tooltip:hover:before {
	background-color: rgba(0, 0, 0, 0.774);
	border-radius: 5px;
	color: #fff;
	content: attr(data-tooltip);
	font-size: .8em;
	left: 7px;
	padding: 5px 6px;
	position: absolute;
	text-align: center;
	top: 24px;
	transform: translateX(-50%);
	width: 110px;
	z-index: 100;
}
@media only screen and (max-width:1020px){
	#pruebeQR #boxesQR { grid-template-columns: repeat(2, 1fr) }
}
@media only screen and (max-width:950px){
	#pruebeQR { grid-template-columns: 382px auto }
}

@media only screen and (max-width:745px){
	#pruebeQR { grid-template-columns: 300px auto }
	#pruebeQR #boxesQR { grid-template-columns: repeat(1, 1fr) }
}
@media only screen and (max-width:615px){
	#pruebeQR { grid-template-columns: 100% }
	#pruebeQR #boxesQR { grid-template-columns: repeat(2, 1fr) }
	#pruebeQR .mapQR { display: none }
}
@media only screen and (max-width:400px){
	#pruebeQR #boxesQR { grid-template-columns: 100% }
}


/* ----------- newForms -----------*/
.newForms {
	margin: 0 auto;
	max-width: 600px;
	padding: 34px 0 64px 0;
	position: relative;
	z-index: 100;
}
.newForms h1 {
	color: #00aeef;
	font-family: 'Courgette', cursive;
	font-size: 1.94em;
	font-weight: 600;
	letter-spacing: -1px;
	margin: 34px 0 14px 0;
	text-align: center;
}
.newForms h1 span {
	display: block;
	font-family: 'Encode Sans Semi Condensed';
	font-size: .66em;
	font-weight: 500;
	letter-spacing: 0;
	margin-top: 2px;
	text-transform: uppercase;
}
.newForms .generalForm { margin-top: 16px }
.newForms .generalForm h2 {
	font-size: 1.2em;
	margin: 0 auto;
	top: 8px;
}
.div50 {
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
.div50 > :nth-child(1) {
	border-right: 1px solid #d1d2d1;
	padding-right: 46px;
}
.div50 > :nth-child(2) {
	padding-left: 46px;
}

.otherTables table {
	border-bottom: 2px solid #f2f2f2;
	margin: 26px 0 0 0;
	width: 100%;
}
.otherTables table caption {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 11px;
}
.otherTables table th {
	background-color: #6aa741;
	color: #fff;
	font-size: .9em;
	font-weight: 600;
	padding: 7px 12px 9px 12px;
	white-space: nowrap;
}
.otherTables table td {
	font-size: .9em;
	font-variant-numeric: tabular-nums;
	padding: 9px 12px 11px 12px;
	text-align: left;
	vertical-align: top;
}
.otherTables table tr:nth-child(odd) {
	background-color: #f2f2f2;
}
.otherTables .detail {
	color: #6aa741;
	font-weight: 500;
	white-space: nowrap;
}
.otherTables .detail i {
	margin-left: 8px;
}
.otherTables .detail:hover {
	text-decoration: underline;
}

.formResults {
	font-size: 1em;
	margin-top: 14px;
}
.formResults li {
	border-bottom: 1px solid #d1d2d1;
	padding: 16px 0;
}
.formResults li:first-of-type { border-top: 1px solid #d1d2d1 }
.formResults li strong { color: #6aa741 }

@media only screen and (max-width:1000px){
	.newForms { padding: 82px 0 34px 0 }
}
@media only screen and (max-width:644px) {
	.newForms { margin: 0 22px }
}
@media only screen and (max-width:730px) {
	.div50 { grid-template-columns: repeat(1,1fr) }
	.div50 > :nth-child(1) {
		border-bottom: 1px solid #d1d2d1;
		border-right: none;
		padding-bottom: 20px;
		padding-right: 0;
	}
	.div50 > :nth-child(2) { padding-left: 0 }
}
@media only screen and (max-width:580px) {
	.newForms h1 { font-size: 1.64em }
}
@media only screen and (max-width:480px) {
	.otherTables table { display: grid; overflow-x: scroll; width: 100% !important }
	.otherTables table.v2 { display: table }
	.linkBox { width: 160px }
}


/*-----------subsubmenu-----------*/
#subsubmenu {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 24px;
	margin-top: 26px;
}
#subsubmenu.portal { grid-gap: 32px }
#subsubmenu a {
	align-items: center;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 0 24px 0 24px;
	color: #3a3d4f;
	display: grid;
	font-weight: 400;
	padding: 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition:all 0.3s ease;
}
#subsubmenu.portal a {
	box-shadow: 0 0 0 6px #fff;
	border: none;
	color: #fff;
	overflow: hidden;
	padding: 40px 24px 50px 24px;
}
#subsubmenu.portal a:nth-child(1),
#subsubmenu.portal a:nth-child(7) {
	background-color: #69a441;
}
#subsubmenu.portal a:nth-child(2),
#subsubmenu.portal a:nth-child(8) {
	background-color: #f6941d;
}
#subsubmenu.portal a:nth-child(3),
#subsubmenu.portal a:nth-child(9) {
	background-color: #01adee;
}
#subsubmenu.portal a:nth-child(4),
#subsubmenu.portal a:nth-child(10) {
	background-color: #008649;
}
#subsubmenu.portal a:nth-child(5),
#subsubmenu.portal a:nth-child(11) {
	background-color: #e73e2f;
}
#subsubmenu.portal a:nth-child(6),
#subsubmenu.portal a:nth-child(12) {
	color: #3e4950;
	background-color: #fed82d;
}
#subsubmenu.portal a:nth-child(6) p,
#subsubmenu.portal a:nth-child(12) p { text-shadow: none }

#subsubmenu.portal a:after {
	background-image: url(../img/colorBar.svg);
	background-size: 1730px;
	bottom: 7px;
	content: "";
	height: 100%;
	mix-blend-mode: luminosity;
	left: 0;
	opacity: .3;
	position: absolute;
	transition:all 0.3s ease;
	width: 100%;
}
#subsubmenu.portal a:nth-child(2):after,
#subsubmenu.portal a:nth-child(5):after {
	background-size: 1700px;
	background-position: right;
}
#subsubmenu.portal a:nth-child(3):after,
#subsubmenu.portal a:nth-child(6):after,
#subsubmenu.portal a:nth-child(9):after {
	background-size: 1710px;
	background-position: center;
}
#subsubmenu.portal a:nth-child(8):after,
#subsubmenu.portal a:nth-child(9):after {
	background-size: 2200px;
}
#subsubmenu.portal a:nth-child(9):after {
	background-position: right;
}
#subsubmenu.portal a:hover:after {
	transform: scale(1.5);
}

#subsubmenu a p {
	font-weight: 500;
	line-height: 1.35em;
	position: relative;
	transition:all 0.3s ease;
	z-index: 100;
}
#subsubmenu.portal a p {
	font-weight: 600;
	letter-spacing: .4px;
	line-height: 1.5em;
	text-shadow: 0 0 4px rgba(40,40,40,.3);
}
#subsubmenu.portal a p:after {
	background-color: #fff;
	bottom: -10px;
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 22px;
}
#subsubmenu a i {
	color: #07b0ef;
	font-size: 2.7em;
	margin-bottom: 12px;
	transition:all 0.3s ease;
}
#subsubmenu a:hover {
	border-color: #69a441;
}
#subsubmenu a:hover i { color: #69a441 }
#subsubmenu a:hover p {
	color: #69a441;
}
#subsubmenu.portal a:hover p { color: #fff }
#subsubmenu.portal a:nth-child(6):hover p { color: #3e4950 }

@media only screen and (max-width:860px) {
	#subsubmenu { grid-template-columns: repeat(3,1fr) }
}
@media only screen and (max-width:640px) {
	#subsubmenu { grid-template-columns: repeat(2,1fr) }
}
@media only screen and (max-width:460px) {
	#subsubmenu { grid-template-columns: repeat(1,1fr) }
}


/*-----------culTourism-----------*/
#culTourism {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(300px, 1fr));
	grid-gap: 34px;
	margin-top: 26px;
}
#culTourism a {
	border-radius: 0 24px 0 24px;
	color: #fff;
	font-weight: 400;
	overflow: hidden;
	padding: 62px 26px 100px 26px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition:all 0.3s ease;
}
#culTourism a:nth-child(1) {
	background-color: #008649;
}
#culTourism a:nth-child(2) {
	background-color: #f7961d;
}
#culTourism a p {
	background-color: rgba(41,54,62,1);
	bottom: 0;
	font-size: 1.2em;
	font-weight: 500;
	left: 0;
	line-height: 1.35em;
	padding: 12px;
	position: absolute;
	transition:all 0.3s ease;
	width: 100%;
	z-index: 100;
}
#culTourism a .icon {
	fill: #fff;
	max-height: 70px;
	margin: 0 auto 12px auto;
	position: relative;
	transition:all 0.3s ease;
	z-index: 100;
}
#culTourism a .svgBg {
	background-image: url(../img/colorbg.svg);
	background-size: cover;
	position: absolute;
	transition: all 1s ease;
}
#culTourism a:hover .svgBg {
	transform: rotate(-8deg);
}
#culTourism a:nth-child(1) .svgBg {
	height: 1042px;
	left: -124px;
	top: -714px;
	width: 804px;
}
#culTourism a:nth-child(2) .svgBg {
	height: 1042px;
	left: -194px;
	top: -352px;
	width: 1078px;
}

#culTourism a span {
	color: #fff;
	display: grid;
	font-size: 1.15em;
	height: 100%;
	left: 0;
	line-height: 1.6em;
	opacity: 0;
	padding: 0 24px 20px 24px;
	position: absolute;
	text-shadow: 1px 1px 4px rgba(40,40,40,.2);
	top: 0;
	transition:all 0.3s ease;
	width: 100%;
	z-index: 100;
}
#culTourism a:hover span {
	background-color: rgba(41,54,62,.6);
	opacity: .92;
}
#culTourism a span em {
	font-style: normal;
	margin: auto;
}
@media only screen and (max-width:600px) {
	#culTourism a { padding: 32px 26px }
	#culTourism a p {
		background-color: rgba(41,54,62,.8);
		position: relative;
	}
	#culTourism a span {
		background-color: transparent !important;
		font-size: 1.1em;
		height: initial;
		margin-top: 10px;
		opacity: 1;
		padding: 0;
		position: relative;
	}
}


/*-----------boxesFC-----------*/
#boxesFC {
	display: grid;
	grid-gap: 24px;
	grid-template-columns: repeat(auto-fit,minmax(220px, 1fr));
	margin-top: 26px;
}
#boxesFC figure {
	background-position: center;
	background-size: cover;
	border-radius: 24px 0 0 0;
	padding-bottom: 58%;
	transition:all 0.3s ease;
}
#boxesFC a:hover figure {
	opacity: .85;
}
#boxesFC h3 {
	background-color: #404040;
	color: #fff;
	font-size: 1.2em;
	font-weight: 500;
	padding: 9px 16px 11px 16px;
	text-align: center;
}


/*-----------termsBox-----------*/
#termsBox {
	border: 1px solid #d1d2d1;
	border-radius: 3px;
	margin: 30px 0 8px 0;
	padding: 24px 28px;
}
#termsBox .titleTerms {
	color: #69a242;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 16px;
	text-align: center;
	text-transform: uppercase;
}
.tContent {
	font-size: .94em;
	height: 180px;
	overflow-y: auto;
	padding-right: 20px;
}
.tContent p {
	line-height: 1.5em;
	margin-bottom: 20px;
}
.tContent p:last-of-type {
	margin-bottom: 0;
}


/* ----------- aos -----------*/
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}