@charset "utf-8";
/*
Theme Name: Omega Productions
Theme URI: https://www.omegaproductions.gr
Author: IWAYS.gr
Author URI: https://www.iways.gr
Description: Η Omega Productions εξειδικεύεται στο Imaging ραδιοφωνικών σταθμών & στη δημιουργία διαφημιστικών μηνυμάτων.
Version: 1.0
License: Αναφορά Δημιουργού - Μη Εμπορική Χρήση - Όχι Παράγωγα Έργα 4.0 Διεθνές / Attribution - NonCommercial - NoDerivatives 4.0 International
License URI: https://creativecommons.org/licenses/by-nc-nd/4.0/
Text Domain: omegaproductions
*/

/*============================ Basics ============================*/
@-ms-viewport { width: device-width; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-style:inherit;
	font-size:calc(15px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
	vertical-align:baseline;
}

*, *:after, *:before {
	margin:0;
	padding:0;
}

body {
	margin:0px;
	padding:0px;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	color:#444444;
	background:#ffffff;
}

.clear { clear:both; }

/* Media */
img {
	padding:0px;
	border:none;
	-ms-interpolation-mode:bicubic;
	user-select: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
}
img:hover, img:active, img:checked {
	user-select: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
}
img, video { max-width:100%; height:auto; }
svg {
	display: block;
	width:100% !important;
	height:auto !important;
	margin: 0px;
	padding: 0px;
	fill:#000000;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	user-select: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
}
svg:not(:root) { overflow: hidden; }
svg:before,
svg:after,
polygon,
path { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

iframe { width:100%; border:0px !important; }

/* Form - Button - Input - Label */
form {
	float:left;
	max-width:500px;
	margin:0px auto;
	padding:20px 30px 20px 30px;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	color:#888;
	border:1px solid #ddd;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
label {
	display:block;
	margin:0px 0px 5px 0px;
}
input { font-family:'Roboto', sans-serif; }
input[type="text"], input[type="email"], input[type="number"], input[type="tel"], textarea, select{
	width:70%;
	height:20px;
	line-height:15px;
	margin:2px 6px 16px 0px;
	padding:15px 10px;
	font-family:'Roboto', sans-serif;
	color:#888;
	border:1px solid #CCC;
	outline:0 none;
	-webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0); box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0);
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
select {
	width:70%;
	height:35px;
	line-height:15px;
}
textarea {
	width:100%;
	height:100px;
	padding:10px;
	font-family:'Roboto', sans-serif;
}
button {
	cursor:pointer;
	font-family:'Roboto', sans-serif;
}
.button, input[type="submit"] {
	padding:10px 25px 10px 25px;
	font-family:'Roboto', sans-serif;
	color:#333;
	background:#FFF;
	border:1px solid #ccc;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.button:hover, input[type="submit"]:hover {
	color:#333;
	background:#EBEBEB;
	border-color:#ADADAD;
}

/* Blockquote */
blockquote {
	display:block;
	quotes:"\201C""\201D""\2018""\2019";
	margin:1.5em 10px;
	padding:0.5em 10px;
	color:#111619;
	background:#f9f9f9;
	border-left:10px solid #ccc;
}
blockquote:before {
	content:open-quote;
	line-height:0.1em;
	margin-right:0.25em;
	vertical-align:-0.4em;
	font-size:4em;
	color:#ccc;
}
blockquote p { display:inline; color:#111619; }

/* Table */
table, tr, td { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
table {
	float:left;
	width:100%;
	margin:0 0 1.5em;
	border-collapse:collapse;
}
tr {}
td {
	padding:8px;
	border:1px solid #eee;
}

/* Fontastic.me */
.icon {
	display:inline-table;
	position:relative;
}
.icon:before { display:flex; }

/* Τυπογραφία - Typography */
h1, h2, h3, h4, h5, h6 { cursor: default; }
h1 { font-size:5.9vw; }
h2 { font-size:3.0vh; }
h3 { font-size:2.0vh; }
h4 { font-size:1.0vh; }
h5 { font-size:14px; }
h6 { font-size:12px; }
@media (max-width: 800px) {
	aside, section { width: auto; float: none; }
}

a {
	text-decoration:none;
	color:#e30016;
	cursor:pointer;
	-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;
}
a:hover { text-decoration:none; }
a:active, a:focus,input, input:active, input:focus { outline:0; outline-style:none; outline-width:0; }
a:active, a:focus,button::-moz-focus-inner { border:none; }
*:focus { outline: none !important; }

p, hr {
	cursor: default;
	margin-bottom:20px;
}
strong, b { font-weight:600; }
em { font-style:italic; }
pre { display:block; white-space:pre; margin:1em 0; }

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

header,
footer,
section,
div { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.col {
	position: relative;
	display: block;
	width: 90%;
	margin: 0px auto;
}
.col2 {
	float:left;
	width:50%;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
@media only screen and (max-width: 600px) { .col2 { width:100%; } }
.col3 {
	float:left;
	width:33.3333%;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
@media only screen and (max-width: 800px) { .col3 { width:100%; } }
.col4 {
	float:left;
	width:25%;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
@media only screen and (max-width: 1100px) { .col4 { width:33.3333%; } }
@media only screen and (max-width: 800px) { .col4 { width:50%; } }

.col-full {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	margin-right: 300px;
}
.client-login {
	float: right;
	margin-right: 300px;
}
/*
thin    { font-weight:100; }
light   { font-weight:300; }
regular { font-weight:400; }
medium  { font-weight:500; }
bold    { font-weight:700; }
black   { font-weight:900; }
*/
.scroll {
	position: absolute;
	z-index: -999999;
	width: 0px;
	height:0px;
	left: 0;
	bottom: 0;
}
#about { height: 160px; }
	@media only screen and (max-width:870px) { #about { height: 122px; } }

#demos { height: 94px; }
	@media only screen and (max-width:1000px) { #demos { height: 62px; } }
	@media only screen and (max-width:570px) { #demos { height: 40px; } }

#jingles { height: 247px; }
	@media only screen and (max-width:1245px) { #jingles { height: 210px; } }
	@media only screen and (max-width:1050px) { #jingles { height: 180px; } }
	@media only screen and (max-width:870px) { #jingles { height: 158px; } }
	@media only screen and (max-width:720px) { #jingles { height: 122px; } }
	@media only screen and (max-width:500px) { #jingles { height: 100px; } }
	@media only screen and (max-width:370px) { #jingles { height: 90px; } }
	@media only screen and (max-width:310px) { #jingles { height: 80px; } }

#videos { height: 99px; }
	@media only screen and (max-width:1100px) { #videos { height: 50px; } }
	@media only screen and (max-width:610px) { #videos { height: 40px; } }

#contact { height: 125px; }
	@media only screen and (max-width:930px) { #contact { height: 95px; } }
	@media only screen and (max-width:650px) { #contact { height: 70px; } }
	@media only screen and (max-width:480px) { #contact { height: 45px; } }
/*============================ /Basics ============================*/



/*============================ Header ============================*/
header {
	position: fixed;
	z-index: 9999;
	top: 9px;
	left:0;
	right: 0;
}
header .wrapper {
	display: table;
	position: relative;
	margin: 0px auto;
}
@media only screen and (max-width:400px) { header .wrapper { display: block; } }



header .wrapper svg.logo {
	position: absolute;
	z-index: 10;
	width: 219px !important;
	height: 71.19px !important;
	top: 0;
	left: 15px;
}
@media only screen and (max-width:370px) { header .wrapper svg.logo { left: 10px; } }
@media only screen and (max-width:330px) { header .wrapper svg.logo { left: 5px; } }
@media only screen and (max-width:320px) { header .wrapper svg.logo { left: 0px; } }



header .wrapper nav.menu {
	position: relative;
	z-index: 1;
	display: inline-block;
	float: left;
	width: auto;
	height: 37px;
	margin: 25px 0px 0px 217px;
	padding: 0px 0px 0px 16px;
	background:#414042;
	-webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; border-bottom-left-radius: 12px;
}
header .wrapper nav.menu:after {
	content: '';
	position: absolute;
	width: 35px;
	height: 37px;
	top: 0;
	margin: 0px 0px 0px -6px;
	background:url(images/header/menu-bg.svg) no-repeat center center;
}
header .wrapper nav.menu ul { float: left; }
header .wrapper nav.menu ul li {
	float: left;
	list-style: none;
}
header .wrapper nav.menu ul li a {
	float: left;
	line-height: 37px;
	margin: 0px 15px;
	font-weight:900;
	font-style: italic;
	font-size: 18px;
	color: #ffffff;
}
header .wrapper nav.menu ul li a:hover { color: #fbb040; }
header .wrapper nav.menu ul li a img {
	float: left;
	width: 9px;
	height: 13px;
	margin:11px 6px 0px 0px;
}
header .wrapper nav.menu ul li:first-child a { margin-left: 30px; }
header .wrapper nav.menu ul li:last-child a { margin-right: 22px; }
@media only screen and (max-width:1150px) {
	header .wrapper nav.menu ul li a { margin: 0px 10px; }
	header .wrapper nav.menu ul li:first-child a { margin-left: 15px; }
	header .wrapper nav.menu ul li:last-child a { margin-right: 12px; }
}
@media only screen and (max-width:1040px) {
	header .wrapper nav.menu ul li a { margin: 0px 5px; }
}
@media only screen and (max-width:990px) {
	header .wrapper nav.menu ul li a { font-size: 16px; }
}
@media only screen and (max-width:950px) {
	header .wrapper nav.menu ul li a { font-size: 14px; }
}
@media only screen and (max-width:900px) {
	header .wrapper nav.menu ul { display: none; }
}
@media only screen and (max-width:370px) {
	header .wrapper nav.menu { margin: 25px 0px 0px 212px; }
}
@media only screen and (max-width:360px) {
	header .wrapper nav.menu {
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}
	header .wrapper nav.menu:after { display: none; }
}
@media only screen and (max-width:330px) {
	header .wrapper nav.menu { margin: 25px 0px 0px 205px; }
}
@media only screen and (max-width:320px) {
	header .wrapper nav.menu { margin: 25px 0px 0px 200px; }
}
@media only screen and (max-width:318px) {
	header .wrapper nav.menu {
		margin: 25px 0px 0px 200px;
		padding: 0px 0px 0px 10px;
	}
}
@media only screen and (max-width:312px) {
	header .wrapper nav.menu {
		padding: 0px 0px 0px 5px;
	}
}



header .wrapper .login {
	position: relative;
	z-index: 2;
	display: inline-block;
	cursor: pointer;
	float: left;
	width: 180px;
	height: 37px;
	margin:25px 0px 0px 15px;
}
@media only screen and (max-width:540px) { header .wrapper .login { display: none; } }
header .wrapper .login .text {
	position: relative;
	z-index: 5;
	float: left;
	width: 100%;
	height: 37px;
	line-height: 37px;
	padding: 0px 0px 0px 17px;
	text-align: left;
	font-weight:900;
	font-size: 14px;
	color: #ffffff;
}
header .wrapper .login .text svg.icon {
	float: left;
	width: 9px !important;
	height: 10.84px !important;
	margin:12px 5px 0px 20px;
}

header .wrapper .login svg.bg {
	position: absolute;
	z-index: 4;
	float: left;
	width: 180px !important;
	height: 37px !important;
	top: 0;
	left: 0;
}

header .wrapper .login iframe.form {
	position: absolute;
	width: 220px;
	height: 0px;
	top: 37px;
	right: 0;
	background: none;
	border: 0px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
}
header .wrapper .loginopen iframe.form {
	height: 222px;
}



/*=== Mobile Menu ===*/
/* Trigger */
.menu-icon-wrapper {
	display: none;
	position: relative;
	float: left;
    width: 100px;
    height: 37px;
	pointer-events: none;
	transition: 0.1s;
}
@media only screen and (max-width:900px) { .menu-icon-wrapper { display: block; } }

.menu-icon-wrapper.scaled {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

.menu-icon-wrapper svg {
	position: absolute;
	width: auto !important;
	top: -12.5px;
	left: -10px;
	-webkit-transform: scale(0.06);
	-ms-transform: scale(0.06);
	transform: scale(0.06);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

.menu-icon-wrapper svg path {
	stroke: #fff;
	stroke-width: 50px;
	stroke-linecap: round;
    stroke-linejoin: round;
	fill: transparent;
}

.menu-icon-wrapper .menutext {
	float: left;
	line-height: 37px;
	margin: 0px 0px 0px 37px;
	font-weight:700;
	font-size: 18px;
	color: #fff;
}

.menu-icon-wrapper .menu-icon-trigger {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	pointer-events: auto;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.menu-icon-wrapper .menu-icon-trigger:hover,
.menu-icon-wrapper .menu-icon-trigger:focus {
	outline: none;
}

/* Mobile Menu Links*/
header .dummy {
	position: fixed;
	z-index: 0;
	float: left;
	width: 130px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	top: 0px;
	bottom: 0;
	right: -130px;
	padding: 79px 0px 0px 0px;
	transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
}
header .dummy--active { right: 0; }

@media only screen and (min-width:900px) {
	header .dummy,
	header .dummy--active { display: none !important; }
}

header .dummy .moblogin,
a.mobile-menu-links {
	position: relative;
	display: block;
	clear: both;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	top: 0;
	right: -100%;
	margin: 5px 0px;
	white-space: nowrap;
	font-style: italic;
	font-size: 16px;
	font-weight:700;
	color: #fff;
	cursor: pointer;
	background: rgba(43, 43, 43, 0.8);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
a.mobile-menu-links:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
a.mobile-menu-links:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
a.mobile-menu-links:nth-child(4) {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
a.mobile-menu-links:nth-child(5) {
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
a.mobile-menu-links:nth-child(6) {
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
a.mobile-menu-links:nth-child(7) {
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
a.mobile-menu-links:nth-child(8) {
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
a.mobile-menu-links:nth-child(9) {
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
a.mobile-menu-links:nth-child(10) {
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

header .dummy .moblogin {
	font-size: 14px;
	background: #fcb041;
	transition-delay: 0.6s;
		-webkit-transition-delay: 0.6s;
		-moz-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
}
@media only screen and (min-width:540px) { header .dummy .moblogin { display: none; } }
header .dummy .moblogin svg.icon {
	float: left;
	width: 9px !important;
	height: 10.83px !important;
	margin: 13px 5px 0px 13px;
}

header .dummy--active .moblogin,
header .dummy--active a.mobile-menu-links { right:0; }

a.mobile-menu-links img {
	float: left;
	width: 10px;
	margin:12px 4px 0px 11px;
}



.mobileform {
	cursor: pointer;
	display: none;
	position: fixed;
	z-index: 999999999999999;
	float: right;
	width: 0px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(65, 64, 66, 0.9);
	border-left: 0px solid #fcb041;
	transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
}
@media only screen and (max-width:540px) { .mobileform { display: block; } }
.mobileformopen {
	width: 230px;
	border-left: 3px solid #fcb041;
}
.mobileform iframe {
	float: left;
	width: 230px;
	height: 100%;
	min-height: 222px;
}

.mobileform-close {
	float: left;
	width: auto;
	height: 32px;
	line-height: 32px;
	padding: 0px 10px;
	margin: 10px auto 20px auto;
	text-align: center;
	font-weight:900;
	font-size: 16px;
	color: #fff;
	background: #fcb041;
}
.mobileform-close svg {
	float: left;
	width: 12px !important;
	height: 12px !important;
	margin: 9px 4px 0px 0px;
}
/*=== /Mobile Menu ===*/
/*============================ /Header ============================*/



/*============================ Slider ============================*/
.slider {
	position: relative;
	z-index: 1;
	float: left;
	width: 100%;
	height: auto;
}



.slider video {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	left: 0;
	background:transparent url('images/slider/slider-bg.jpg') no-repeat 0 0;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}
@media only screen and (min-width:1000px) {
	.slider video {
		width: 140%;
		min-width: 140%;
		left: -20%;
	}
}
@media only screen and (min-width:1272px) {
	.slider video {
		width: 130%;
		min-width: 130%;
		left: -15%;
	}
}
@media only screen and (min-width:1410px) {
	.slider video {
		width: 120%;
		min-width: 120%;
		left: -10%;
	}
}
@media only screen and (min-width:1700px) {
	.slider video {
		width: 100%;
		min-width: 100%;
		left: 0%;
	}
}



.slider iframe {
	float: left;
	width: 100%;
	overflow: hidden;
}



.slider .layers {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #a5d1ec;
}

.slider .layers .space {
	position: relative;
	float: left;
	width: 100%;
	height: 750px;
}
@media only screen and (max-width:1690px) { .slider .layers .space { height: 600px; } }
@media only screen and (max-width:1000px) { .slider .layers .space { height: 500px; } }
@media only screen and (max-width:850px) { .slider .layers .space { height: 400px; } }

.slider .layers img.buildings {
	position: absolute;
	z-index: 5;
	float: left;
	width: 100%;
	max-width: inherit;
	height: auto;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
@media only screen and (max-width:1660px) { .slider .layers img.buildings { width: 1448; left: -170px; } }
@media only screen and (max-width:1311px) {
	.slider .layers img.buildings {
		width: 1496px;
		left: -80px;
	}
}
@media only screen and (max-width:1000px) {
	.slider .layers img.buildings {
		width: 1340px;
		left: -80px;
	}
}
@media only screen and (max-width:850px) {
	.slider .layers img.buildings {
		width: 1104px;
		left: -80px;
	}
}
@media only screen and (max-width:650px) {
	.slider .layers img.buildings {
		width: 1029px;
		left: -109px;
	}
}
@media only screen and (min-width:1690px) {
	.slider .layers img.buildings {
		width: 100%;
	}
}



@-webkit-keyframes sliderlogo {
	from { background-position: 0px 0px; }
	to { background-position: 0px -7860px; }
}
@-moz-keyframes sliderlogo {
	from { background-position: 0px 0px; }
	to { background-position: 0px -7860px; }
}
@-o-keyframes sliderlogo {
	from { background-position: 0px 0px; }
	to { background-position: 0px -7860px; }
}
@keyframes sliderlogo {
	from { background-position: 0px 0px; }
	to { background-position: 0px -7860px; }
}
.slider .layers .logo {
	position: absolute;
	z-index: 9;
	width: 380px;
	height: 180px;
	top: 50%;
		transform: translateY(-65%);
	left: 0;
	right: 0;
	margin: 0px auto;
	background-image:url("images/slider/logo-animation.png");
	background-repeat: no-repeat;

	-webkit-animation: sliderlogo 1180ms 5s steps(44) 1 forwards;
	-moz-animation: sliderlogo 1180ms 5s steps(44) 1 forwards;
	-o-animation: sliderlogo 1180ms 5s steps(44) 1 forwards;
	animation: sliderlogo 1180ms 5s steps(44) 1 forwards;
}
@media only screen and (max-width:1400px) {
	.slider .layers .logo {
		zoom: 90%;
		transform: translateY(-60%);
	}
}
@media only screen and (max-width:1200px) {
	.slider .layers .logo {
		zoom: 80%;
		transform: translateY(-55%);
	}
}
@media only screen and (max-width:1000px) {
	.slider .layers .logo {
		zoom: 70%;
		transform: translateY(-50%);
	}
}
@media only screen and (max-width:700px) {
	.slider .layers .logo { display: none; }
}



.slider .shape-top {
	pointer-events: none;
	position: absolute;
	z-index: 10;
	float: left;
	width: 100%;
	height: auto;
	left: 0;
	right: 0;
	bottom: 0px;
}
/*============================ /Slider ============================*/



/*============================ About ============================*/
.about {
	position: relative;
	float: left;
	width: 100%;
}



.about .title {
	position: absolute;
	z-index: 11;
	top: -252px;
	right: -45px;
	cursor: default;
}
@media only screen and (max-width:1300px) {
	.about .title {
		right: -75px;
	}
}
@media only screen and (max-width:1000px) {
	.about .title {
		top: -240px;
		right: -100px;
	}
}
@media only screen and (max-width:750px) {
	.about .title {
		top: -225px;
		right: -110px;
	}
}
@media only screen and (max-width:575px) {
	.about .title {
		top: -225px;
		right: -120px;
	}
}
@media only screen and (max-width:480px) {
	.about .title {
		top: -213px;
		right: -129px;
	}
}

.about .title h1 {
	position: absolute;
	z-index: 5;
	float: left;
	left: 122px;
	bottom: 37px;
	font-weight:900;
	font-size: 39px;
	color: #fff;
}

.about .title svg.bg {
	position: relative;
	z-index: 4;
	float: left;
	width: 377px !important;
	height: 312px !important;
}

.about svg.bg-border-1 {
	position: absolute;
	z-index: 3;
	float: left;
	width: 377px !important;
	height: 210px !important;
	bottom: -38px;
	left: -53px;

	-webkit-animation-name: about-title-a; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	animation-name: about-title-a;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes about-title-a {
	0%   {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
	50%  {
		-ms-transform: rotate(4deg); /* IE 9 */
		-webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
		transform: rotate(4deg);
	}
	100% {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}
@keyframes about-title-a {
	0%   {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
	50%  {
		-ms-transform: rotate(4deg); /* IE 9 */
		-webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
		transform: rotate(4deg);
	}
	100% {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}
.about svg.bg-border-2 {
	position: absolute;
	z-index: 2;
	float: left;
	width: 377px !important;
	height: 236px !important;
	bottom: -28px;
	left: -35px;

	-webkit-animation-name: about-title-b; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	animation-name: about-title-b;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes about-title-b {
	0%   {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
	50%  {
		-ms-transform: rotate(-8deg); /* IE 9 */
		-webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
		transform: rotate(-8deg);
	}
	100% {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}
@keyframes about-title-b {
	0%   {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
	50%  {
		-ms-transform: rotate(-8deg); /* IE 9 */
		-webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
		transform: rotate(-8deg);
	}
	100% {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}
.about svg.bg-border-3 {
	position: absolute;
	z-index: 1;
	float: left;
	width: 310px !important;
	height: 227px !important;
	bottom: -20px;
	left: 17px;

	-webkit-animation-name: about-title-c; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	animation-name: about-title-c;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes about-title-c {
	0%   {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
	50%  {
		-ms-transform: rotate(-4deg); /* IE 9 */
		-webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
		transform: rotate(-4deg);
	}
	100% {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}
@keyframes about-title-c {
	0%   {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
	50%  {
		-ms-transform: rotate(-4deg); /* IE 9 */
		-webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
		transform: rotate(-4deg);
	}
	100% {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}



.about .space-top { height: 110px; }
.about .space-bottom { height: 90px; }
@media only screen and (max-width:1000px) {
	.about .space-bottom { height: 60px; }
}
@media only screen and (max-width:570px) {
	.about .space-top { height: 150px; }
	.about .space-bottom { height: 30px; }
}



.about p {
	position: relative;
	z-index: 22;
}
/*============================ /About ============================*/



/*============================ Demos ============================*/
.demos {
	position: relative;
	float: left;
	width: 100%;
	background:url(images/demos/bg.jpg) no-repeat center center fixed #282828;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}



.demos .title {
	position: absolute;
	z-index: 21;
	display: block;
	width: 100%;
	max-width: 397px;
	top: -100px;
	left: 0;
	right: 0;
	margin: 0px auto;
	cursor: default;
}
@media only screen and (max-width:930px) { .demos .title { top: -137px; } }
@media only screen and (max-width:640px) { .demos .title { top: -150px; } }

.demos .title h1 {
	position: relative;
	z-index: 5;
	float: left;
	width: 100%;
	top:211px;
	text-align: center;
	font-weight:900;
	font-size: 39px;
	color: #fff;
}

.demos .title svg.bg-border-1 {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: 310px !important;
	max-height: 310px !important;
	bottom: 60px;
	left: 0;
	right: 0;
	margin: 0 auto;

	-webkit-animation-name: demos-border-a; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	animation-name: demos-border-a;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes demos-border-a {
	0%   {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
	50%  {
		opacity:.20;
			-khtml-opacity:.20;
			-moz-opacity:.20;
			-ms-filter:"alpha(opacity=20)";
			filter:alpha(opacity=20);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	}
	100% {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
}
@keyframes demos-border-a {
	0%   {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
	50%  {
		opacity:.20;
			-khtml-opacity:.20;
			-moz-opacity:.20;
			-ms-filter:"alpha(opacity=20)";
			filter:alpha(opacity=20);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	}
	100% {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
}
.demos .title svg.bg-border-2 {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: 350px !important;
	max-height: 350px !important;
	bottom: 40px;
	left: 0;
	right: 0;
	margin: 0 auto;

	-webkit-animation-name: demos-border-b; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	animation-name: demos-border-b;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
}
@-webkit-keyframes demos-border-b {
	0%   {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
	50%  {
		opacity:.20;
			-khtml-opacity:.20;
			-moz-opacity:.20;
			-ms-filter:"alpha(opacity=20)";
			filter:alpha(opacity=20);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	}
	100% {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
}
@keyframes demos-border-b {
	0%   {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
	50%  {
		opacity:.20;
			-khtml-opacity:.20;
			-moz-opacity:.20;
			-ms-filter:"alpha(opacity=20)";
			filter:alpha(opacity=20);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	}
	100% {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
}
.demos .title svg.bg-border-3 {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: 397px !important;
	max-height: 397px !important;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;

	-webkit-animation-name: demos-border-c; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 2s;
	animation-name: demos-border-c;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-delay: 2s;
}
@-webkit-keyframes demos-border-c {
	0%   {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
	50%  {
		opacity:.20;
			-khtml-opacity:.20;
			-moz-opacity:.20;
			-ms-filter:"alpha(opacity=20)";
			filter:alpha(opacity=20);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	}
	100% {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
}
@keyframes demos-border-c {
	0%   {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
	50%  {
		opacity:.20;
			-khtml-opacity:.20;
			-moz-opacity:.20;
			-ms-filter:"alpha(opacity=20)";
			filter:alpha(opacity=20);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	}
	100% {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
}



.demos .demo-container {
	position: relative;
	z-index: 22;
	display: table;
	width:90%;
	/* max-width: 1080px; */
	max-width: 1330px;
	margin: 39px auto 0px auto;
	cursor: default;
}
@media only screen and (max-width:1200px) { .demos .demo-container { margin: 81px auto 0px auto; } }
@media only screen and (max-width:930px) { .demos .demo-container { margin: 60px auto 0px auto; } }
@media only screen and (max-width:397px) { .demos .demo-container { margin: 99px auto 0px auto; } }



.demos .demo-container .play-pause {
	position: absolute;
	z-index: 5;
	float: left;
	width: 109px;
	height: auto;
}
@media only screen and (max-width:930px) {
	.demos .demo-container .play-pause {
		width: 79px;
		padding: 15px 0px;
	}
}
.demos .demo-container .play-pause a,
.demos .demo-container .play-pause a svg {
	float: left;
	max-width: 109px !important;
	max-height: 109px !important;
}
@media only screen and (max-width:930px) {
	.demos .demo-container .play-pause a svg {
		max-width: 79px !important;
		max-height: 79px !important;
	}
}



.demos .jp-progress {
	position: relative;
	z-index: 4;
	float: left;
	width: 100%;
	height: 109px;
	overflow: hidden;
	padding: 0px 0px 0px 124px;
}
@media only screen and (max-width:930px) { .demos .jp-progress { padding: 0px 0px 0px 89px; } }
.demos .jp-audio .jp-progress {
	position: absolute;
	height: 15px;
	top: 32px;
}
.demos .jp-audio .jp-type-single .jp-progress {
	width: 186px;
	left: 110px;
}
.demos .jp-audio .jp-type-playlist .jp-progress {
	width: 130px;
	left: 166px;
}
.demos .jp-video .jp-progress {
	width: 100%;
	height: 10px;
	top: 0px;
	left: 0px;
}
.demos .jp-seeking-bg,
.demos .jp-seek-bar {
	width: 0px;
	height: 100%;
	cursor: pointer;
	background:url(images/demos/waveform.png) repeat-x left center;
}
.demos .jp-play-bar {
	width: 0px;
	height: 100%;
	background:url(images/demos/waveform-hover.png) repeat-x left center;
}



.demos .choice {
	display: inline-block;
	clear: both;
	width: 100%;
	margin-top: 60px;
	text-align:center;
		text-align-last:center;
		-moz-text-align-last:center;
}
.demos .choice a {
	display: inline-block;
	padding: 6px 13px;
	margin:0px 0px 20px 0px;
	font-weight:700;
	color: #fff;
	background: #00a5d9;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	transform: skewX(-25deg) skewY(0deg);
		-moz-transform: skewX(-25deg) skewY(0deg);
		-webkit-transform: skewX(-25deg) skewY(0deg);
		-o-transform: skewX(-25deg) skewY(0deg);
		-ms-transform: skewX(-25deg) skewY(0deg);
}
.demos .choice a div {
	float: left;
	width: 100%;
	transform: skewX(25deg) skewY(0deg);
		-moz-transform: skewX(25deg) skewY(0deg);
		-webkit-transform: skewX(25deg) skewY(0deg);
		-o-transform: skewX(25deg) skewY(0deg);
		-ms-transform: skewX(25deg) skewY(0deg);
}
@media only screen and (max-width:930px) {
	.demos .choice { margin-top: 42px; }
}
@media only screen and (max-width:400px) {
	.demos .choice a {
		width: 90%;
		margin: 0px auto 20px auto;
		text-align: center;
	}
	.demos .choice a div { text-align: center; }
}
/*============================ /Demos ============================*/



/*============================ Jingles ============================*/
.jingles {
	position: relative;
	float: left;
	width: 100%;
}



.jingles .title {
	position: absolute;
	z-index: 21;
	width: 100%;
	max-width: 397px;
	top: -100px;
	left: 0;
	right: 0;
	margin: 0px auto;
	cursor: default;
}
@media only screen and (max-width:1100px) { .jingles .title { top: -50px; } }
@media only screen and (max-width:810px) { .jingles .title { top: -30px; } }
@media only screen and (max-width:600px) { .jingles .title { top: -00px; } }

.jingles .title h1 {
	position: absolute;
	z-index: 5;
	float: left;
	width: 100%;
	top:8px;
	text-align: center;
	font-weight:900;
	font-size: 39px;
	color: #fff;
}

.jingles .title svg.bg {
	position: relative;
	z-index: 4;
	display: block;
	width: 242px !important;
	height: 58px !important;
	margin: 0px auto;
}

.jingles .title svg.bg-border-1 {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: 310px !important;
	max-height: 155px !important;
	bottom: 100px;
	left: 0;
	right: 0;
	margin: 0 auto;

	-webkit-animation-name: jingles-border-a; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	animation-name: jingles-border-a;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes jingles-border-a {
	0%   {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
	50%  {
		opacity:.20;
			-khtml-opacity:.20;
			-moz-opacity:.20;
			-ms-filter:"alpha(opacity=20)";
			filter:alpha(opacity=20);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	}
	100% {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
}
@keyframes jingles-border-a {
	0%   {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
	50%  {
		opacity:.20;
			-khtml-opacity:.20;
			-moz-opacity:.20;
			-ms-filter:"alpha(opacity=20)";
			filter:alpha(opacity=20);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	}
	100% {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
}
.jingles .title svg.bg-border-2 {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: 350px !important;
	max-height: 175px !important;
	bottom: 85px;
	left: 0;
	right: 0;
	margin: 0 auto;

	-webkit-animation-name: jingles-border-b; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	animation-name: jingles-border-b;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-delay: 1s;
}
@-webkit-keyframes jingles-border-b {
	0%   {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
	50%  {
		opacity:.20;
			-khtml-opacity:.20;
			-moz-opacity:.20;
			-ms-filter:"alpha(opacity=20)";
			filter:alpha(opacity=20);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	}
	100% {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
}
@keyframes jingles-border-b {
	0%   {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
	50%  {
		opacity:.20;
			-khtml-opacity:.20;
			-moz-opacity:.20;
			-ms-filter:"alpha(opacity=20)";
			filter:alpha(opacity=20);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	}
	100% {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
}
.jingles .title svg.bg-border-3 {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: 397px !important;
	max-height: 198px !important;
	bottom: 70px;
	left: 0;
	right: 0;
	margin: 0 auto;

	-webkit-animation-name: jingles-border-c; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 2s;
	animation-name: jingles-border-c;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-delay: 2s;
}
@-webkit-keyframes jingles-border-c {
	0%   {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
	50%  {
		opacity:.20;
			-khtml-opacity:.20;
			-moz-opacity:.20;
			-ms-filter:"alpha(opacity=20)";
			filter:alpha(opacity=20);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	}
	100% {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
}
@keyframes jingles-border-c {
	0%   {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
	50%  {
		opacity:.20;
			-khtml-opacity:.20;
			-moz-opacity:.20;
			-ms-filter:"alpha(opacity=20)";
			filter:alpha(opacity=20);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2);
	}
	100% {
		opacity:1;
			-khtml-opacity:1;
			-moz-opacity:1;
			-ms-filter:"alpha(opacity=100)";
			filter:alpha(opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	}
}



.jingles .wrapper {
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
	width: 90%;
    max-width: 1100px;
    margin: 70px auto;
}

.jingles .wrapper .jp-audio {
    flex: 1 1 calc((100% / 4) - 35px);
    text-align: center;
    box-sizing: border-box;
}
@media (max-width: 1100px) {
	.jingles .wrapper { margin: 120px auto 70px auto; }
    .jingles .wrapper .jp-audio { flex: 1 1 calc((100% / 2) - 35px); }
}

@media (max-width: 768px) {
	.jingles .wrapper { margin: 150px auto 70px auto; }
    .jingles .wrapper .jp-audio { flex: 1 1 100%; }
}







.jingles .jp-audio .logo {
	display: inline-block;
	position: relative;
	/* overflow: hidden; */
	width: 70px;
	height: 70px;
	margin:0px auto;
	border:1px solid #eaeaea;
	border-radius:20px;
	box-shadow: 0px 0px 24px rgb(0 0 0 / 6%);
	box-sizing: border-box;
}
.jingles .jp-audio .logo .new {
    display: block;
    position: absolute;
    z-index: 10;
    line-height: normal;
    max-width: 51px;
    top: 14px;
    left: -13px;
    padding: 0px 8px;
    margin: -12px auto 0px auto;
    font-size: 11px;
    color: #fff;
    background-color: #fcb041;
    border-radius: 100px;
    box-sizing: border-box;
    transform: rotate(-45deg);
}
.jingles .jp-audio .logo img {
	float:left;
	width:100%;
	height:auto;
	border-radius: 20px;
}




.jingles .jp-audio .year {
    display: block;
    position: relative;
    z-index: 10;
    line-height: normal;
    max-width: 51px;
    padding: 0px 10px;
    margin: -12px auto 0px auto;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    background-color: #00a5d9;
    border-radius: 100px;
    box-sizing: border-box;
}



.jingles .jp-audio .controls {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
    gap:15px;
    margin: -26px 0px 0px 0px;
    border: 1px solid #eaeaea;
    border-radius: 20px;
    box-shadow: 0px 0px 24px rgb(0 0 0 / 6%);
    box-sizing: border-box;
    margin-left:25px
}
.jingles .wrapper .jp-controls {
	flex: 0 0 45px;
	margin: 20px 0px 20px -25px;
	box-sizing: border-box;
}
.jingles .wrapper .jp-controls button {
	position: relative;
	float: left;
	width: 45px;
	height: 45px;
	padding: 0px;
	margin: 0px;
	background: none;
	border: none;
	outline: none;
	background-color: #00a5d9;
	border-radius: 100%;
}
.jingles .wrapper .jp-controls button.jp-play { display: block; }
.jingles .wrapper .jp-state-playing .jp-controls button.jp-play { display: none; }

.jingles .wrapper .jp-controls button.jp-stop,
.jingles .wrapper .jp-controls button.jp-pause { display: none; }
.jingles .wrapper .jp-state-playing .jp-controls button.jp-stop,
.jingles .wrapper .jp-state-playing .jp-controls button.jp-pause { display: block; }

.jingles .wrapper .jp-controls button.jp-play svg,
.jingles .wrapper .jp-controls button.jp-stop svg,
.jingles .wrapper .jp-controls button.jp-pause svg {
	display: inline-block;
	position: absolute;
	width: 27px !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	fill: #fff;
}

.jingles .wrapper .jp-audio .jp-progress {
	pointer-events:auto;
	flex: 1 1 auto;
	padding-right:15px;
	box-sizing: border-box;
}
.jingles .wrapper .jp-seek-bar {
	cursor: pointer;
	overflow:hidden;
	width: 0px;
	height: 10px;
	background-color: #d6d6d6;
	border-radius:10px;
}
.jingles .wrapper .jp-play-bar {
	width: 0px;
	height: 100%;
	background-color: #fcb041;
	border-radius:10px;
}
/*============================ /Jingles ============================*/



/*============================ Videos ============================*/
.videos {
	position: relative;
	float: left;
	width: 100%;
	background:url(images/videos/bg.png) repeat;
}



.videos .title {
	float: left;
	width: 100%;
	margin-top: 40px;
}
.videos .title h1 {
	float: left;
	width: 100%;
	text-align: center;
	font-weight:900;
	font-size: 39px;
	color: #fff;
}
.videos .title h2 {
	float: left;
	width: 100%;
	text-align: center;
	font-weight:900;
	font-size: 19px;
	color: #414042;
}



.videos ul {
	display:table;
	width: 90%;
	max-width: 980px;
	margin: 40px auto 20px auto;
}
.videos ul li {
	float: left;
	width: 33.3333%;
	padding: 15px;
	list-style: none;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
@media only screen and (max-width:700px) { .videos ul li { width: 50%; padding: 10px; } }
@media only screen and (max-width:300px) { .videos ul li { width: 100%; } }
.videos ul li a,
.videos ul li img {
	float: left;
	width: 100%;
	height: auto;
}
.videos ul li img {
	border: 4px solid #fff;
		-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
}
/*============================ /Videos ============================*/



/*============================ Contact ============================*/
.contact {
	position: relative;
	float: left;
	width: 100%;
}



.contact .title {
	position: absolute;
	z-index: 11;
	top: -44px;
	left: 69px;
	cursor: default;
}
@media only screen and (max-width:1100px) {
	.contact .title {
		top: -30px;
		left: 30px;
	}
}
@media only screen and (max-width:920px) {
	.contact .title {
		top: -30px;
		left: 0px;
	}
}
@media only screen and (max-width:760px) {
	.contact .title {
		top: -30px;
		left: -40px;
	}
}
@media only screen and (max-width:710px) {
	.contact .title {
		top: -16px;
		left:  20px;
	}
}
@media only screen and (max-width:590px) {
	.contact .title {
		top: -0px;
		left:  20px;
	}
}

.contact .title h1 {
	position: absolute;
	z-index: 5;
	float: left;
	left: 83px;
	bottom: 40px;
	font-weight:900;
	font-size: 39px;
	color: #fff;
}

.contact .title svg.bg {
	position: relative;
	z-index: 4;
	float: left;
	width: 299px !important;
	height: 140px !important;
}

.contact svg.bg-border-1 {
	position: absolute;
	z-index: 3;
	float: left;
	width: 299px !important;
	height: 167px !important;
	bottom: -13px;
	left: -34px;

	-webkit-animation-name: contact-title-a; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	animation-name: contact-title-a;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes contact-title-a {
	0%   {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
	50%  {
		-ms-transform: rotate(4deg); /* IE 9 */
		-webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
		transform: rotate(4deg);
	}
	100% {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}
@keyframes contact-title-a {
	0%   {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
	50%  {
		-ms-transform: rotate(4deg); /* IE 9 */
		-webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
		transform: rotate(4deg);
	}
	100% {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}
.contact svg.bg-border-2 {
	position: absolute;
	z-index: 2;
	float: left;
	width: 299px !important;
	height: 160px !important;
	bottom: -10px;
	left: -8px;

	-webkit-animation-name: contact-title-b; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	animation-name: contact-title-b;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes contact-title-b {
	0%   {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
	50%  {
		-ms-transform: rotate(-8deg); /* IE 9 */
		-webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
		transform: rotate(-8deg);
	}
	100% {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}
@keyframes contact-title-b {
	0%   {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
	50%  {
		-ms-transform: rotate(-8deg); /* IE 9 */
		-webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
		transform: rotate(-8deg);
	}
	100% {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}
.contact svg.bg-border-3 {
	position: absolute;
	z-index: 1;
	float: left;
	width: 252px !important;
	height: 146px !important;
	bottom: -12px;
	left: 52px;

	-webkit-animation-name: contact-title-c; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	animation-name: contact-title-c;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes contact-title-c {
	0%   {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
	50%  {
		-ms-transform: rotate(-4deg); /* IE 9 */
		-webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
		transform: rotate(-4deg);
	}
	100% {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}
@keyframes contact-title-c {
	0%   {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
	50%  {
		-ms-transform: rotate(-4deg); /* IE 9 */
		-webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
		transform: rotate(-4deg);
	}
	100% {
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
	}
}



.contact .wrapper {
	display: block;
	width: 90%;
	max-width: 1000px;
	margin: 60px auto;
}



.contact .wrapper .get-in-touch {
	float: left;
	width: 100%;
	margin:23px 0px 54px 0px;
	padding-right: 56px;
	text-align: right;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
@media only screen and (max-width:1060px) {
	.contact .wrapper .get-in-touch { padding-right: 0px; }
}
@media only screen and (max-width:950px) {
	.contact .wrapper .get-in-touch {
		margin:105px 0px 50px 0px;
		text-align: center;
	}
}
@media only screen and (max-width:710px) {
	.contact .wrapper .get-in-touch {
		margin:125px 0px 50px 0px;
	}
}
.contact .wrapper .get-in-touch h1 { font-size: 21px; color: #20528a; font-style: italic; font-weight:700; }
.contact .wrapper .get-in-touch h2 { font-size: 18px; color: #ff0030; font-style: italic; font-weight:700; }
.contact .wrapper .get-in-touch h3 { margin: 7px 0px; font-size: 17px; color: #00a5d9; font-style: italic; font-weight:700; }



.contact .wrapper .info {
	float: left;
	width: 100%;
	max-width: 240px;
	margin-top: 26px;
}
.contact .wrapper .info .a,
.contact .wrapper .info .b {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
@media only screen and (max-width:850px) {
	.contact .wrapper .info {
		display: table;
		float: none;
		width: auto;
		max-width: none;
		margin: 0px auto 50px auto;
	}
	.contact .wrapper .info .a,
	.contact .wrapper .info .b {
		display: flex;
		float: none;
		width: 240px;
		margin: 0px auto 30px auto;
	}
}

.contact .wrapper .info .a .icon,
.contact .wrapper .info .b .icon {
	float: left;
	width: 50px;
	height: 50px;
	padding: 8px;
	text-align: center;
	background:#d6d6d6;
	-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.contact .wrapper .info .a .icon svg {
	display: inline-block;
	width: 16px !important;
	height: 27px !important;
	margin-top: 2px;
}
.contact .wrapper .info .b .icon svg {
	display: inline-block;
	width: 28px !important;
	height: 25px !important;
	margin-top: 3px;
}
.contact .wrapper .info .c .icon svg {
	display: inline-block;
	width: 28px !important;
	height: 26px !important;
	margin-top: 3px;
}

.contact .wrapper .info .a .text,
.contact .wrapper .info .b .text {
	float: left;
	width: 190px;
	padding-left: 15px;
}
.contact .wrapper .info .c .text {
	width: 150px !important;
}
.contact .wrapper .info .a .text h4,
.contact .wrapper .info .b .text h4 {
	margin-bottom: 4px;
	font-weight:700;
	font-size: 16px;
	color: #00a5d9;
}
.contact .wrapper .info .a .text p,
.contact .wrapper .info .b .text p {
	margin-bottom: 4px;
	font-weight:700;
	font-size: 16px;
	color: #414042;
}
.contact .wrapper .info .a .text svg.flags,
.contact .wrapper .info .b .text svg.flags {
	display: inline-block;
	width: 20px !important;
	height: 13px !important;
	margin: 0px 0px -1px 0px;
}



.contact .wrapper form {
	float: right;
	width: 100%;
	max-width: 710px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
@media only screen and (max-width:1060px) { .contact .wrapper form { max-width: 610px; } }
@media only screen and (max-width:950px) { .contact .wrapper form { max-width: 510px; } }
@media only screen and (max-width:850px) {
	.contact .wrapper form {
		float: none;
		max-width: 100%;
		margin: 0px auto;
	}
}
.contact .wrapper form fieldset {
	float: left;
	width: 100%;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}

.contact .wrapper form input#name,
.contact .wrapper form input#email,
.contact .wrapper form input#phonenumber,
.contact .wrapper form textarea { font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))); }

.contact .wrapper form input#name,
.contact .wrapper form input#email,
.contact .wrapper form input#phonenumber {
	float: left;
	width: 31.333333%;
	height: auto;
	margin: 0px 1% 25px 1%;
	color: #184373;
	padding: 10px;
	border-top: 0px;
	border-bottom: 1px solid #446ea0;
	border-left: 0px;
	border-right: 0px;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}
@media only screen and (max-width:600px) {
	.contact .wrapper form input#name,
	.contact .wrapper form input#email,
	.contact .wrapper form input#phonenumber { width: 98%; }
}

.contact .wrapper form textarea {
	float: left;
	width: 98% !important;
	height: auto;
	min-height: 175px;
	margin: 0px 1% 30px 1%;
	color: #184373;
	border: 1px solid #446ea0;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}

.contact .wrapper form button#submit {
	position: relative;
	float: none;
	display: block;
	width: 121px;
	height: 41px;
	line-height: 40px;
	margin: 0px auto;
	background:none;
	border: 0px !important;
}
.contact .wrapper form button#submit .text {
	position: relative;
	z-index: 1;
	float: left;
	width: 121px;
	height: 41px;
	line-height: 40px;
	margin: 0px auto;
	text-align: center;
	font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
	font-weight:700;
	color: #fff;
}
.contact .wrapper form button#submit svg.submit-bg {
	position: absolute;
	z-index: -1;
	float: left;
	width: 121px !important;
	height: 41px !important;
	top: 0;
	left: 0;
}
/*============================ /Contact ============================*/



/*============================ Footer ============================*/
footer {
	position: relative;
	float: left;
	width: auto;
	height: auto;
}
@media only screen and (max-width:1100px) { footer { margin: 0px 0px 0px -70px; } }
footer .text {
	position: relative;
	z-index: 2;
	float: left;
	width: 550px;
	height: 37px;
	line-height: 42px;
	margin: 0px 0px 0px 0px;
	padding: 0px 68px 0px 79px;
	font-size: 12px;
	color: #fff;
	background:none;
}
@media only screen and (max-width:550px) {
	footer {
		width: 100%;
		margin: 0px;
	}
	footer .text {
		width: 100%;
		height: auto;
		line-height: normal;
		margin: 0px;
		padding: 10px;
		text-align: center;
		background: #414042;
		border-top: 4px solid #fcb041;
	}
}



.footer-space {
	display: none;
	height: 5px;
}
@media only screen and (max-width:550px) { .footer-space { display: block; } }



svg.footer-bg {
	position: absolute;
	z-index: 1;
	float: left;
	width: 550px !important;
	height: 37px !important;
	top: 0;
	left: 0;
}
@media only screen and (max-width:550px) { svg.footer-bg { display: none; } }
/*============================ /Footer ============================*/



/*============================ FancyBox ============================*/
body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);color:#ccc;transition:color .3s ease;cursor:pointer}.fancybox-button[disabled]{cursor:default;opacity:.6}.fancybox-button:hover:not([disabled]){color:#fff}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2),.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:33px;font-weight:700;text-align:center}.fancybox-share p{margin:0;padding:0;text-align:center}.fancybox-share_button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:10px 20px;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:3px;background:#fff;white-space:nowrap;font-size:16px;line-height:23px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:140px;color:#888;transition:all .2s}.fancybox-share_button:focus,.fancybox-share_button:hover{box-shadow:0 1px 2px rgba(0,0,0,.5);text-decoration:none;color:#555}.fancybox-share_button svg{margin-right:5px;width:23px;height:23px;vertical-align:top}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}