

/* Start:/local/templates/regatta/assets/styles/styles.css?162123858595519*/
/*
waitMe - 1.19 [31.10.17]
Author: vadimsva
Github: https://github.com/vadimsva/waitMe
*/
.waitMe_container:not(body) {-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
body.waitMe_container .waitMe {position:fixed;height:100vh;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
body.waitMe_container .waitMe .waitMe_content {top:50%!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}
.waitMe_container .waitMe {position:absolute;top:0;left:0;right:0;bottom:0;z-index:9989;text-align:center;overflow:hidden;cursor:wait}
.waitMe_container .waitMe * {font-family:inherit;font-size:inherit;font-weight:initial;font-style:initial;line-height:initial;color:initial;text-decoration:initial;text-transform:initial;padding:initial;margin:initial}
.waitMe_container .waitMe .waitMe_content {position:absolute;left:0;right:0;top:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.waitMe_container .waitMe .waitMe_content.horizontal > .waitMe_progress {display:inline-block;vertical-align:middle}
.waitMe_container .waitMe .waitMe_content.horizontal > .waitMe_text {display:inline-block;margin:0 0 0 20px;vertical-align:middle}
.waitMe_container .waitMe .waitMe_progress {position:relative;font-size:0;line-height:0}
.waitMe_container .waitMe .waitMe_progress > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.waitMe_container .waitMe .waitMe_text {position:relative;margin:20px 0 0}

/* before load animation */
body.waitMe_body {overflow:hidden;height:100%}
body.waitMe_body.hideMe {-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;opacity:0}
body.waitMe_body .waitMe_container:not([data-waitme_id]) {position:fixed;z-index:9989;top:0;bottom:0;left:0;right:0;background:#fff}
body.waitMe_body .waitMe_container:not([data-waitme_id]) > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}
body.waitMe_body .waitMe_container.progress > div {width:0;height:3px;top:0;left:0;background:#000;-webkit-box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);-webkit-animation:progress_body 7s infinite ease-out;animation:progress_body 7s infinite ease-out}
body.waitMe_body .waitMe_container.working > div {width:10%;height:3px;top:0;left:-10%;background:#000;-webkit-box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);box-shadow:-5px 0 5px 2px rgba(0,0,0,.2);-webkit-animation:working_body 2s infinite linear;animation:working_body 2s infinite linear}
body.waitMe_body .waitMe_container.progress > div:after {content:'';position:absolute;top:0;bottom:60%;right:0;width:60px;border-radius:50%;opacity:.5;-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);-webkit-box-shadow:#000 1px 0 6px 1px;box-shadow:#000 1px 0 6px 1px}
body.waitMe_body .waitMe_container.img > div {width:100%;height:100%;text-align:center;background-position:center!important;background-repeat:no-repeat!important}
body.waitMe_body .waitMe_container.text > div {width:100%;top:45%;text-align:center}
@-webkit-keyframes progress_body {
	0% {width:0}
	100% {width:100%}
}
@keyframes progress_body {
	0% {width:0}
	100% {width:100%}
}
@-webkit-keyframes working_body {
	0% {left:-10%}
	100% {left:100%}
}
@keyframes working_body {
	0% {left:-10%}
	100% {left:100%}
}


/* bounce */
.waitMe_container .waitMe_progress.bounce > div {width:20px;height:20px;border-radius:50%;-webkit-animation:bounce 1.4s infinite ease-in-out;animation:bounce 1.4s infinite ease-in-out}
.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1 {-webkit-animation-delay:-.32s;animation-delay:-.32s}
.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2 {-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes bounce {
	0%, 80%, 100% {-webkit-transform:scale(0);transform:scale(0)}
	40% {-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounce {
	0%, 80%, 100% {-webkit-transform:scale(0);transform:scale(0)}
	40% {-webkit-transform:scale(1);transform:scale(1)}
}


/* rotateplane */
.waitMe_container .waitMe_progress.rotateplane > div {width:30px;height:30px;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out;-webkit-backface-visibility:visible;backface-visibility:visible}
@-webkit-keyframes rotateplane {
  0% {-webkit-transform:perspective(120px);transform:perspective(120px)}
  50% {-webkit-transform:perspective(120px) rotateY(180deg);transform:perspective(120px) rotateY(180deg)}
  100% {-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg);transform:perspective(120px) rotateY(180deg) rotateX(180deg)}
}
@keyframes rotateplane {
  0% {-webkit-transform:perspective(120px);transform:perspective(120px)}
  50% {-webkit-transform:perspective(120px) rotateY(180deg);transform:perspective(120px) rotateY(180deg)}
  100% {-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg);transform:perspective(120px) rotateY(180deg) rotateX(180deg)}
}


/* stretch */
.waitMe_container .waitMe_progress.stretch {height:60px}
.waitMe_container .waitMe_progress.stretch > div {width:1px;height:100%;margin:0 4px;-webkit-animation:stretch 1.2s infinite ease-in-out;animation:stretch 1.2s infinite ease-in-out}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2 {-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3 {-webkit-animation-delay:-1s;animation-delay:-1s}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4 {-webkit-animation-delay:-.9s;animation-delay:-.9s}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5 {-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes stretch {
  0%, 40%, 100% {-webkit-transform:scaleY(.4);transform:scaleY(.4)}
  20% {-webkit-transform:scaleY(1);transform:scaleY(1)}
}
@keyframes stretch {
  0%, 40%, 100% {-webkit-transform:scaleY(.4);transform:scaleY(.4)}
  20% {-webkit-transform:scaleY(1);transform:scaleY(1)}
}


/* orbit */
.waitMe_container .waitMe_progress.orbit {width:40px;height:40px;margin:auto;position:relative}
.waitMe_container .waitMe_progress.orbit > div {width:100%;height:100%;margin:auto;top:0;left:0;position:absolute;-webkit-animation:orbit_rotate 2s infinite linear;animation:orbit_rotate 2s infinite linear}
.waitMe_container .waitMe_progress.orbit > div > div {width:50%;height:50%;border-radius:50%;top:10%;left:10%;position:absolute;-webkit-animation:orbit 2s infinite ease-in-out;animation:orbit 2s infinite ease-in-out}
.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2 > div {top:auto;bottom:10%;left:auto;right:10%;-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes orbit_rotate {
	0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes orbit_rotate {
	0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes orbit {
  0%, 100% {-webkit-transform:scale(0);transform:scale(0)}
	50% {-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes orbit {
  0%, 100% {-webkit-transform:scale(0);transform:scale(0)}
	50% {-webkit-transform:scale(1);transform:scale(1)}
}


/* roundBounce */
.waitMe_container .waitMe_progress.roundBounce {width:60px;height:60px;margin:auto}
.waitMe_container .waitMe_progress.roundBounce > div {width:24%;height:24%;border-radius:50%;position:absolute;-webkit-animation:roundBounce 1.2s infinite ease-in-out;animation:roundBounce 1.2s infinite ease-in-out}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1 {top:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {top:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {bottom:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {bottom:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {top:-3%;left:50%;margin-top:-12%;margin-left:-12%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {top:50%;right:-3%;margin-top:-12%;margin-right:-12%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {bottom:-3%;left:50%;margin-bottom:-12%;margin-left:-12%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {top:50%;left:-3%;margin-top:-12%;margin-left:-12%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {top:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {bottom:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {bottom:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {top:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {-webkit-animation-delay:-1s;animation-delay:-1s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {-webkit-animation-delay:-.9s;animation-delay:-.9s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {-webkit-animation-delay:-.8s;animation-delay:-.8s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {-webkit-animation-delay:-.7s;animation-delay:-.7s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {-webkit-animation-delay:-.6s;animation-delay:-.6s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {-webkit-animation-delay:-.5s;animation-delay:-.5s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {-webkit-animation-delay:-.4s;animation-delay:-.4s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {-webkit-animation-delay:-.3s;animation-delay:-.3s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {-webkit-animation-delay:-.2s;animation-delay:-.2s}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {-webkit-animation-delay:-.1s;animation-delay:-.1s}
@-webkit-keyframes roundBounce {
  0%, 80%, 100% {-webkit-transform:scale(0);transform:scale(0)}
	40% {-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes roundBounce {
  0%, 80%, 100% {-webkit-transform:scale(0);transform:scale(0)}
	40% {-webkit-transform:scale(1);transform:scale(1)}
}


/* win8 */
.waitMe_container .waitMe_progress.win8 {width:40px;height:40px;margin:auto}
.waitMe_container .waitMe_progress.win8 > div {width:100%;height:100%;opacity:0;position:absolute;margin:auto;left:0;right:0;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);-webkit-animation:win8 5.5s infinite;animation:win8 5.5s infinite}
.waitMe_container .waitMe_progress.win8 > div > div {width:15%;height:15%;border-radius:50%;position:absolute}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2 {-webkit-animation-delay:.24s;animation-delay:.24s}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3 {-webkit-animation-delay:.48s;animation-delay:.48s}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4 {-webkit-animation-delay:.72s;animation-delay:.72s}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5 {-webkit-animation-delay:.96s;animation-delay:.96s}
@-webkit-keyframes win8 {
  0% {-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 
  7% {opacity:1;-webkit-transform:rotate(345deg);transform:rotate(345deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}
  30% {-webkit-transform:rotate(455deg);transform:rotate(455deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
  39% {-webkit-transform:rotate(690deg);transform:rotate(690deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}
  70% {opacity:1;-webkit-transform:rotate(815deg);transform:rotate(815deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  75% {-webkit-transform:rotate(945deg);transform:rotate(945deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  76% {opacity:0;-webkit-transform:rotate(945deg);transform:rotate(945deg)}
  100% {opacity:0;-webkit-transform:rotate(945deg);transform:rotate(945deg)} 
}
@keyframes win8 {
  0% {-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 
  7% {opacity:1;-webkit-transform:rotate(345deg);transform:rotate(345deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}
  30% {-webkit-transform:rotate(455deg);transform:rotate(455deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
  39% {-webkit-transform:rotate(690deg);transform:rotate(690deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}
  70% {opacity:1;-webkit-transform:rotate(815deg);transform:rotate(815deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  75% {-webkit-transform:rotate(945deg);transform:rotate(945deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
  76% {opacity:0;-webkit-transform:rotate(945deg);transform:rotate(945deg)}
  100% {opacity:0;-webkit-transform:rotate(945deg);transform:rotate(945deg)} 
}


/* win8_linear */
.waitMe_container .waitMe_progress.win8_linear {margin:auto;width:150px;height:6px}
.waitMe_container .waitMe_progress.win8_linear > div {width:100%;height:100%;left:0;opacity:0;position:absolute;-webkit-animation:win8_linear 3s infinite;animation:win8_linear 3s infinite}
.waitMe_container .waitMe_progress.win8_linear > div > div {width:4%;height:100%;border-radius:50%}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2 {-webkit-animation-delay:.3s;animation-delay:.3s}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3 {-webkit-animation-delay:.6s;animation-delay:.6s}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4 {-webkit-animation-delay:.9s;animation-delay:.9s}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5 {-webkit-animation-delay:1.2s;animation-delay:1.2s}
@-webkit-keyframes win8_linear {
  0%, 100% {-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 
  10% {opacity:1;-webkit-transform:translateX(33.333%);transform:translateX(33.333%);-webkit-animation-timing-function:linear;animation-timing-function:linear}
  50% {opacity:1;-webkit-transform:translateX(53.333%);transform:translateX(53.333%);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
  60% {opacity:0;-webkit-transform:translateX(86.666%);transform:translateX(86.666%)}
}
@keyframes win8_linear {
  0%, 100% {-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 
  10% {opacity:1;-webkit-transform:translateX(33.333%);transform:translateX(33.333%);-webkit-animation-timing-function:linear;animation-timing-function:linear}
  50% {opacity:1;-webkit-transform:translateX(53.333%);transform:translateX(53.333%);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
  60% {opacity:0;-webkit-transform:translateX(86.666%);transform:translateX(86.666%)}
}


/* ios */
.waitMe_container .waitMe_progress.ios {margin:auto;width:40px;height:40px}
.waitMe_container .waitMe_progress.ios > div {width:10%;height:26%;position:absolute;left:44.5%;top:37%;opacity:0;border-radius:50px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-animation:ios 1s infinite linear;animation:ios 1s infinite linear}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1 {-webkit-transform:rotate(0deg) translate(0, -142%);-ms-transform:rotate(0deg) translate(0, -142%);transform:rotate(0deg) translate(0, -142%);-webkit-animation-delay:0s;animation-delay:0s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2 {-webkit-transform:rotate(30deg) translate(0, -142%);-ms-transform:rotate(30deg) translate(0, -142%);transform:rotate(30deg) translate(0, -142%);-webkit-animation-delay:-.9167s;animation-delay:-.9167s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3 {-webkit-transform:rotate(60deg) translate(0, -142%);-ms-transform:rotate(60deg) translate(0, -142%);transform:rotate(60deg) translate(0, -142%);-webkit-animation-delay:-.833s;animation-delay:-.833s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4 {-webkit-transform:rotate(90deg) translate(0, -142%);-ms-transform:rotate(90deg) translate(0, -142%);transform:rotate(90deg) translate(0, -142%);-webkit-animation-delay:-.75s;animation-delay:-.75s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5 {-webkit-transform:rotate(120deg) translate(0, -142%);-ms-transform:rotate(120deg) translate(0, -142%);transform:rotate(120deg) translate(0, -142%);-webkit-animation-delay:-.667s;animation-delay:-.667s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6 {-webkit-transform:rotate(150deg) translate(0, -142%);-ms-transform:rotate(150deg) translate(0, -142%);transform:rotate(150deg) translate(0, -142%);-webkit-animation-delay:-.5833s;animation-delay:-.5833s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7 {-webkit-transform:rotate(180deg) translate(0, -142%);-ms-transform:rotate(180deg) translate(0, -142%);transform:rotate(180deg) translate(0, -142%);-webkit-animation-delay:-.5s;animation-delay:-.5s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8 {-webkit-transform:rotate(210deg) translate(0, -142%);-ms-transform:rotate(210deg) translate(0, -142%);transform:rotate(210deg) translate(0, -142%);-webkit-animation-delay:-.41667s;animation-delay:-.41667s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9 {-webkit-transform:rotate(240deg) translate(0, -142%);-ms-transform:rotate(240deg) translate(0, -142%);transform:rotate(240deg) translate(0, -142%);-webkit-animation-delay:-.333s;animation-delay:-.333s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10 {-webkit-transform:rotate(270deg) translate(0, -142%);-ms-transform:rotate(270deg) translate(0, -142%);transform:rotate(270deg) translate(0, -142%);-webkit-animation-delay:-.25s;animation-delay:-.25s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11 {-webkit-transform:rotate(300deg) translate(0, -142%);-ms-transform:rotate(300deg) translate(0, -142%);transform:rotate(300deg) translate(0, -142%);-webkit-animation-delay:-.1667s;animation-delay:-.1667s}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12 {-webkit-transform:rotate(330deg) translate(0, -142%);-ms-transform:rotate(330deg) translate(0, -142%);transform:rotate(330deg) translate(0, -142%);-webkit-animation-delay:-.0833s;animation-delay:-.0833s}
 @-webkit-keyframes ios {
	0% {opacity:1}
	100% {opacity:.25}
}
 @keyframes ios {
	0% {opacity:1}
	100% {opacity:.25}
}


/* facebook */
.waitMe_container .waitMe_progress.facebook {margin:auto}
.waitMe_container .waitMe_progress.facebook > div {width:6px;height:25px;margin-left:3px;border-radius:20px;-webkit-transform:scaleY(.7);-ms-transform:scaleY(.7);transform:scaleY(.7);opacity:.1;-webkit-animation:facebook 1.3s infinite ease-in-out;animation:facebook 1.3s infinite ease-in-out}
.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem1 {-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-transform:scaleY(.7);-ms-transform:scaleY(.7);transform:scaleY(.7)}
.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem2 {-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-transform:scaleY(.85);-ms-transform:scaleY(.85);transform:scaleY(.85)}
.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem3 {-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
@-webkit-keyframes facebook {
	0% {-webkit-transform:scaleY(.7);transform:scaleY(.7);opacity:.1}
	50% {-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}
	100% {-webkit-transform:scaleY(.7);transform:scaleY(.7);opacity:.1}
}
@keyframes facebook {
	0% {-webkit-transform:scaleY(.7);transform:scaleY(.7);opacity:.1}
	50% {-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}
	100% {-webkit-transform:scaleY(.7);transform:scaleY(.7);opacity:.1}
}


/* rotation */
.waitMe_container .waitMe_progress.rotation > div {width:60px;height:60px;margin:auto;border-radius:100%;border-width:6px;border-style:solid;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;-webkit-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear}
@-webkit-keyframes rotation {
	0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotation {
	0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}


/* timer */
.waitMe_container .waitMe_progress.timer {width:40px;height:40px;margin:auto;border-width:2px;border-style:solid;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;text-indent:-9999px}
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem1,
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {border-radius:3px;position:absolute;width:2px;height:48%;left:50%;top:50%;margin-left:-1px;margin-top:-1px;-webkit-animation:timer 1.25s infinite linear;animation:timer 1.25s infinite linear;-webkit-transform-origin:1px 1px;-ms-transform-origin:1px 1px;transform-origin:1px 1px}
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {height:40%;-webkit-animation:timer 15s infinite linear;animation:timer 15s infinite linear}
@-webkit-keyframes timer {
  0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes timer {
  0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
  100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}


/* pulse */
.waitMe_container .waitMe_progress.pulse {width:30px;height:30px;margin:auto;position:relative}
.waitMe_container .waitMe_progress.pulse > div {margin:auto;top:0;left:0;right:0;bottom:0;border-width:3px;border-style:solid;border-radius:50%;position:absolute;opacity:0;-webkit-animation:pulsate 1s infinite ease-out;animation:pulsate 1s infinite ease-out}
@-webkit-keyframes pulsate {
	0% {-webkit-transform:scale(.1);transform:scale(.1);opacity:0}
	50% {opacity:1}
	100% {-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
}
@keyframes pulsate {
	0% {-webkit-transform:scale(.1);transform:scale(.1);opacity:0}
	50% {opacity:1}
	100% {-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
}


/* progressBar */
.waitMe_container .waitMe_progress.progressBar {width:200px;height:20px;margin:auto;background:rgba(0,0,0,.1);padding:5px;border-radius:20px;line-height:0;max-width:100%}
.waitMe_container .waitMe_progress.progressBar > div {width:100%;height:100%;overflow:hidden;border-radius:20px;background-size:50px 50px;-webkit-box-shadow:inset 0 2px 9px rgba(255,255,255,.3), inset 0 -2px 6px rgba(0,0,0,.4);box-shadow:inset 0 2px 9px rgba(255,255,255,.3), inset 0 -2px 6px rgba(0,0,0,.4);background-image:-o-linear-gradient(135deg, rgba(240,240,240,.4) 26%, transparent 25%, transparent 51%, rgba(240,240,240,.4) 50%, rgba(240,240,240,.4) 76%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(240,240,240,.4) 26%, transparent 25%, transparent 51%, rgba(240,240,240,.4) 50%, rgba(240,240,240,.4) 76%, transparent 75%, transparent);-webkit-animation:progressBar 2s linear infinite;animation:progressBar 2s linear infinite}
@-webkit-keyframes progressBar {
  0% {background-position:0 0}
  100% {background-position:50px 50px}
}
@keyframes progressBar {
  0% {background-position:0 0}
  100% {background-position:50px 50px}
}


/* bouncePulse */
.waitMe_container .waitMe_progress.bouncePulse > div {width:20px;height:20px;margin-right:1px;display:inline-block;border-radius:50%;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-animation:bouncePulse 1.4s infinite ease-in-out;animation:bouncePulse 1.4s infinite ease-in-out}
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem1,
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem3 {-webkit-animation-delay:.1s;animation-delay:.1s}
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem2 {-webkit-animation-delay:.4s;animation-delay:.4s}
@-webkit-keyframes bouncePulse {
	0%, 80%, 100% {-webkit-transform:scale(.5);transform:scale(.5)}
	40% {-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bouncePulse {
	0%, 80%, 100% {-webkit-transform:scale(.5);transform:scale(.5)}
	40% {-webkit-transform:scale(1);transform:scale(1)}
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    -webkit-transition-duration: inherit;
         -o-transition-duration: inherit;
            transition-duration: inherit;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
         -o-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
            transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
         -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
            transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    -o-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    -o-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
            animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -ms-transform-origin: 0;
    -webkit-transform-origin: 0;
            transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: -o-linear-gradient(bottom,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear,
        left bottom, left top,
        from(rgba(0, 0, 0, .85)),
        color-stop(50%, rgba(0, 0, 0, .3)),
        color-stop(65%, rgba(0, 0, 0, .15)),
        color-stop(75.5%, rgba(0, 0, 0, .075)),
        color-stop(82.85%, rgba(0, 0, 0, .037)),
        color-stop(88%, rgba(0, 0, 0, .019)),
        to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
            animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
         -o-transition-timing-function: cubic-bezier(0, 0, .25, 1);
            transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
         -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
            transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
            transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
            transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
            transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
            transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.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: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
            box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
@charset "UTF-8";
/*!
 * Bootstrap Reboot v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #1E68CA;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #144687;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
}

/**
* Метод дополняет svg-sprite.scss.
* Позволяет получить чистый урл элемента спрайта для использования в псевдоэлементах или backgroung-image
* Example: content: url(/local/templates/regatta/assets/styles/get-svg-url('checkmark', $user-variables: (fill: 'tomato)));
* Example: background-image: url(/local/templates/regatta/assets/styles/get-svg-url('heart', $user-variables: (stroke: 'red', fill: 'pink)));
*/
/**
needs bootstrap function str-replace()
 */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("/local/templates/regatta/assets/styles/../fonts/Roboto/Light/RobotoLight.eot?") format("eot"), url("/local/templates/regatta/assets/styles/../fonts/Roboto/Light/RobotoLight.ttf") format("truetype"), url("/local/templates/regatta/assets/styles/../fonts/Roboto/Light/RobotoLight.svg#Roboto") format("svg"), url("/local/templates/regatta/assets/styles/../fonts/Roboto/Light/RobotoLight.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/regatta/assets/styles/../fonts/Roboto/Regular/RobotoRegular.eot?") format("eot"), url("/local/templates/regatta/assets/styles/../fonts/Roboto/Regular/RobotoRegular.ttf") format("truetype"), url("/local/templates/regatta/assets/styles/../fonts/Roboto/Regular/RobotoRegular.svg#Roboto") format("svg"), url("/local/templates/regatta/assets/styles/../fonts/Roboto/Regular/RobotoRegular.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("/local/templates/regatta/assets/styles/../fonts/Roboto/Medium/RobotoMedium.eot?") format("eot"), url("/local/templates/regatta/assets/styles/../fonts/Roboto/Medium/RobotoMedium.ttf") format("truetype"), url("/local/templates/regatta/assets/styles/../fonts/Roboto/Medium/RobotoMedium.svg#Roboto") format("svg"), url("/local/templates/regatta/assets/styles/../fonts/Roboto/Medium/RobotoMedium.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/local/templates/regatta/assets/styles/../fonts/Roboto/Bold/RobotoBold.eot?") format("eot"), url("/local/templates/regatta/assets/styles/../fonts/Roboto/Bold/RobotoBold.ttf") format("truetype"), url("/local/templates/regatta/assets/styles/../fonts/Roboto/Bold/RobotoBold.svg#Roboto") format("svg"), url("/local/templates/regatta/assets/styles/../fonts/Roboto/Bold/RobotoBold.woff") format("woff");
}
html, body {
  min-height: 100vh;
  background: -o-linear-gradient(left, #81CBFB 15%, #6BB8ED 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(15%, #81CBFB), to(#6BB8ED));
  background: linear-gradient(90deg, #81CBFB 15%, #6BB8ED 100%);
  min-width: 1100px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-weight: 400;
}

.hidden {
  display: none !important;
}

.abutton {
  max-width: 100%;
  outline: 0;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.abutton:focus {
  outline: none !important;
}
.abutton--md-rounded {
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  min-width: 152px;
}
.abutton--blue {
  color: #fff;
  background-color: #1E68CA;
}

.aicon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  overflow: hidden;
}
.aicon::after {
  content: "";
  width: 16px;
  height: 16px;
}
.aicon--28 {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.aicon--30 {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.aicon--blue {
  background-color: #1E68CA;
}
.aicon--red {
  background-color: #FE2C04;
}
.aicon__text {
  text-align: center;
  color: #fff;
  font-size: 19px;
  font-weight: 500;
}
.aicon__text::after {
  display: none;
}
.aicon__user::after {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 20'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M.916 17.431a8.438 8.438 0 0116.27-.073A13.937 13.937 0 019 20c-3.011 0-5.8-.95-8.084-2.569z' fill='white'/%3e%3ccircle cx='9' cy='4.963' fill='white' r='4.667'/%3e%3c/svg%3e") center no-repeat;
  width: 22px;
  height: 22px;
  position: relative;
  top: 4px;
}
.aicon__cup::after {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3cpath d='M13.764 2.588a.75.75 0 00-.572-.255H10.77v-.875c0-.4-.132-.744-.395-1.03A1.249 1.249 0 009.424 0H4.576c-.37 0-.687.143-.95.428a1.465 1.465 0 00-.396 1.03v.875H.808a.75.75 0 00-.572.255.88.88 0 00-.236.62v1.167c0 .431.116.866.35 1.303.232.438.546.833.941 1.185.396.353.881.649 1.456.889a5.33 5.33 0 001.813.406c.236.328.502.616.8.865.213.207.36.427.441.661.081.234.122.506.122.816 0 .328-.085.605-.257.83-.17.224-.444.337-.82.337-.42 0-.795.138-1.123.414a1.308 1.308 0 00-.492 1.044v.583c0 .085.025.155.075.21.051.055.115.082.194.082h7a.252.252 0 00.194-.082.298.298 0 00.075-.21v-.583c0-.42-.164-.767-.492-1.044a1.695 1.695 0 00-1.123-.414c-.376 0-.65-.113-.82-.338-.172-.224-.257-.5-.257-.829 0-.31.04-.582.122-.816a1.71 1.71 0 01.442-.66 4.69 4.69 0 00.799-.866 5.33 5.33 0 001.813-.406 5.143 5.143 0 001.456-.889c.395-.352.71-.747.942-1.185.233-.437.349-.872.349-1.303V3.208a.882.882 0 00-.236-.62zM1.872 5.851c-.53-.51-.795-1.002-.795-1.476V3.5h2.154c0 1.27.207 2.397.622 3.381-.79-.176-1.45-.52-1.981-1.03zm11.05-1.476c0 .474-.264.966-.794 1.477-.53.51-1.19.853-1.981 1.03.415-.985.622-2.112.622-3.382h2.154v.875z' fill='white'/%3e%3c/svg%3e") center no-repeat;
}
.aicon__exit::after {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16'%3e%3cpath d='M10.5 8.667a.66.66 0 00-.652.666V12a.66.66 0 01-.651.667H7.24v-10c0-.57-.354-1.078-.887-1.268l-.193-.066h3.036c.36 0 .651.3.651.667v2a.66.66 0 00.652.667.66.66 0 00.652-.667V2c0-1.103-.877-2-1.955-2H2.19c-.025 0-.046.011-.07.015C2.089.012 2.059 0 2.028 0 1.308 0 .724.598.724 1.333v12c0 .57.355 1.078.888 1.268l3.922 1.337c.133.042.265.062.404.062.719 0 1.303-.598 1.303-1.333V14h1.956c1.078 0 1.955-.897 1.955-2V9.333a.66.66 0 00-.652-.666z' fill='white'/%3e%3cpath d='M15.987 6.12L13.46 3.4a.6.6 0 00-.688-.148.684.684 0 00-.39.628v2.04H9.852c-.35 0-.632.305-.632.68 0 .376.283.68.632.68h2.527v2.04c0 .275.155.523.39.628a.6.6 0 00.69-.147l2.527-2.72a.716.716 0 000-.962z' fill='white'/%3e%3c/svg%3e") center no-repeat;
  position: relative;
  left: 2px;
}

.atooltip {
  position: absolute;
  z-index: 1;
  bottom: 105%;
  right: -27px;
  color: #fff;
  line-height: 20px;
  border-radius: 40px;
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.atooltip::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: 20px;
  height: 20px;
  background-color: inherit;
}
.atooltip--blue {
  background-color: #1E68CA;
}
.atooltip--red {
  background-color: #FE2C04;
}

.fancybox-bg {
  background-color: #1E68CA;
  opacity: 0.8;
}

.amodal {
  background: -o-linear-gradient(310deg, #C8EBFF 0%, #80CBFB 90%);
  background: linear-gradient(140deg, #C8EBFF 0%, #80CBFB 90%);
  -webkit-box-shadow: 0 10px 30px #0959AC;
          box-shadow: 0 10px 30px #0959AC;
  border-radius: 15px;
  min-width: 350px;
  padding: 0;
}
.amodal__wrapper {
  padding: 30px 45px 50px;
}
.amodal__header {
  margin-bottom: 30px;
}
.amodal__title {
  font-weight: 700;
  font-size: 19px;
  line-height: 22px;
  text-align: center;
  color: #1E68CA;
}
.amodal__subtitle {
  padding-top: 10px;
  text-align: center;
  color: #1E68CA;
}
.amodal__back {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 20px;
  height: 20px;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none !important;
  overflow: visible;
  padding: 0;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M17 10H3M2.5 10l7.5 8M10 2l-7.5 8' stroke='%231E68CA' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e") center no-repeat;
}
.amodal__back:hover {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M17 10H3M2.5 10l7.5 8M10 2l-7.5 8' stroke='white' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e") center no-repeat;
}
.amodal .fancybox-button.fancybox-close-small {
  margin: 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  opacity: 1;
}
.amodal .fancybox-button.fancybox-close-small::before, .amodal .fancybox-button.fancybox-close-small::after {
  content: "";
  position: absolute;
  width: 24px;
  left: 0;
  top: 50%;
  height: 2px;
  border-radius: 2px;
  background-color: #1E68CA;
}
.amodal .fancybox-button.fancybox-close-small::before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.amodal .fancybox-button.fancybox-close-small::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.amodal .fancybox-button.fancybox-close-small:hover::before, .amodal .fancybox-button.fancybox-close-small:hover::after {
  background-color: #fff;
}
.amodal .fancybox-button.fancybox-close-small svg {
  display: none;
}

.form__alert {
  display: none;
  margin-bottom: 20px;
  color: #FE2C04;
}
.form__alert.show {
  display: block;
}
.form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form__row:not(:last-child) {
  margin-bottom: 20px;
}
.form__field {
  width: 100%;
}
.form__field input, .form__field textarea {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 12px;
  background-color: #fff;
  position: relative;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  color: #000;
  outline: none !important;
  border: none;
  height: 32px;
  line-height: 32px;
  border-radius: 32px !important;
  padding: 0 20px;
  width: 100%;
}
.form__field input.placeholder, .form__field textarea.placeholder {
  color: #BDBDBD;
}
.form__field input:-moz-placeholder, .form__field textarea:-moz-placeholder {
  color: #BDBDBD;
}
.form__field input::-moz-placeholder, .form__field textarea::-moz-placeholder {
  color: #BDBDBD;
}
.form__field input:-ms-input-placeholder, .form__field textarea:-ms-input-placeholder {
  color: #BDBDBD;
}
.form__field input::-webkit-input-placeholder, .form__field textarea::-webkit-input-placeholder {
  color: #BDBDBD;
}
.form__button {
  margin: 0 auto;
}

.regatta {
  height: 100%;
  position: relative;
}
.regatta__wrapper {
  max-width: 1400px;
  width: 95%;
  height: 100vh;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.regatta__main {
  width: 100%;
  height: 90%;
  border-radius: 15px;
  -webkit-box-shadow: 0 4px 20px #0672F7, 0 2px 0 #7CBBED;
          box-shadow: 0 4px 20px #0672F7, 0 2px 0 #7CBBED;
  overflow: hidden;
}

.regatta__header {
  position: relative;
  z-index: 11;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 140px;
  -webkit-box-shadow: 0 4px 20px #0672F7, 0 2px 0 #7CBBED;
          box-shadow: 0 4px 20px #0672F7, 0 2px 0 #7CBBED;
}

.regatta__controls {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: -o-linear-gradient(320deg, #81CBFB 15%, #6BB8ED 100%);
  background: linear-gradient(130deg, #81CBFB 15%, #6BB8ED 100%);
}

.regatta__user {
  width: 350px;
}
.regatta__user__wrapper {
  background: -o-linear-gradient(240deg, #C8EBFF -45%, #80CBFB 145%);
  background: linear-gradient(210deg, #C8EBFF -45%, #80CBFB 145%);
  -webkit-box-shadow: 2px 0 0 #7CBBED;
          box-shadow: 2px 0 0 #7CBBED;
  height: 100%;
  padding: 24px 30px;
}
.regatta__user__row {
  position: relative;
  padding-left: 48px;
  color: #1E68CA;
  font-weight: 700;
}
.regatta__user__row .aicon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.regatta__user__name {
  font-size: 19px;
  line-height: 22px;
  margin-bottom: 10px;
}
.regatta__user__rank {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}
.regatta__user__location {
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}

.regatta__menu {
  -webkit-box-shadow: 0 3px 0 #99D0F8, 0 2px 0 rgba(112, 177, 231, 0.7), 0 1px 0 #81C0F0;
          box-shadow: 0 3px 0 #99D0F8, 0 2px 0 rgba(112, 177, 231, 0.7), 0 1px 0 #81C0F0;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.regatta__menu__button {
  border: none;
  outline: none !important;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #1E68CA;
  font-weight: 500;
  padding: 0 40px;
}
.regatta__menu__button:hover {
  color: #FE2C04;
  text-decoration: none;
}
.regatta__menu__button:hover .aicon {
  background-color: #FE2C04;
}
.regatta__menu__button .aicon {
  margin-right: 10px;
}

.regatta__map {
  height: 100px;
}
.regatta__map__wrapper {
  position: relative;
  padding: 0 40px;
  height: 100%;
}
.regatta__map__stages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 1px;
      flex-basis: 1px;
  height: 100%;
}
.regatta__map__stage {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 1px;
      flex-basis: 1px;
  height: 100%;
  color: #1E68CA;
  cursor: pointer;
}
.regatta__map__stage.active {
  background: -o-linear-gradient(bottom, rgba(40, 133, 240, 0.5) 20%, rgba(30, 104, 202, 0) 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(40, 133, 240, 0.5)), to(rgba(30, 104, 202, 0)));
  background: linear-gradient(0deg, rgba(40, 133, 240, 0.5) 20%, rgba(30, 104, 202, 0) 100%);
}
.regatta__map__stage:hover {
  background: -o-linear-gradient(bottom, rgba(40, 133, 240, 0.2) 20%, rgba(30, 104, 202, 0) 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(40, 133, 240, 0.2)), to(rgba(30, 104, 202, 0)));
  background: linear-gradient(0deg, rgba(40, 133, 240, 0.2) 20%, rgba(30, 104, 202, 0) 100%);
}
.regatta__map__stage.active {
  pointer-events: none;
}
.regatta__map__stage__number {
  font-weight: 500;
  padding-top: 70px;
}
.regatta__map__stage__number span {
  display: inline-block;
  text-align: center;
  width: 20px;
  margin-left: -10px;
}
.regatta__map__stage__icon {
  display: block;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  background-image: url("/upload/_base/regatta/start.svg");
  background-size: cover;
}
.regatta__map__line {
  position: absolute;
  top: 50%;
  left: 40px;
  right: 40px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 6px;
  background-color: #8DD1FC;
  pointer-events: none;
}
.regatta__map__line::before, .regatta__map__line::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 10px;
  background-color: #8DD1FC;
  top: -2px;
  border-radius: 2px;
}
.regatta__map__line::before {
  left: -2px;
}
.regatta__map__line::after {
  right: -2px;
}
.regatta__map__player {
  position: absolute;
  top: -2px;
  margin-left: -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  pointer-events: all;
}
.regatta__map__player:hover {
  z-index: 101 !important;
}
.regatta__map__player:hover:not(.current) {
  background-color: #1E68CA;
}
.regatta__map__player.current {
  z-index: 100 !important;
  background-color: #FE2C04;
}
.regatta__map__player.current .regatta__map__player__mark {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 27'%3e%3cpath d='M19.741 16.875C21.158 15.107 22 12.898 22 10.5 22 4.701 17.075 0 11 0S0 4.701 0 10.5c0 2.398.842 4.607 2.259 6.375L11 27l8.741-10.125z' fill='%23FE2C04'/%3e%3c/svg%3e") center no-repeat;
}
.regatta__map__player__mark {
  position: absolute;
  left: -6px;
  bottom: calc(100% + 4px);
  width: 22px;
  height: 27px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 27'%3e%3cpath d='M19.741 16.875C21.158 15.107 22 12.898 22 10.5 22 4.701 17.075 0 11 0S0 4.701 0 10.5c0 2.398.842 4.607 2.259 6.375L11 27l8.741-10.125z' fill='%231E68CA'/%3e%3c/svg%3e") center no-repeat;
}
.regatta__map__player__mark.winner {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 27'%3e%3cpath d='M19.741 16.875C21.158 15.107 22 12.898 22 10.5 22 4.701 17.075 0 11 0S0 4.701 0 10.5c0 2.398.842 4.607 2.259 6.375L11 27l8.741-10.125z' fill='%23fada01'/%3e%3c/svg%3e") center no-repeat;
}
.regatta__map__player__mark.winner-local {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 27'%3e%3cpath d='M19.741 16.875C21.158 15.107 22 12.898 22 10.5 22 4.701 17.075 0 11 0S0 4.701 0 10.5c0 2.398.842 4.607 2.259 6.375L11 27l8.741-10.125z' fill='%237ce536'/%3e%3c/svg%3e") center no-repeat;
}
.regatta__map__player__mark > div {
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  padding-top: 3px;
}

.regatta__body {
  position: relative;
  height: calc(100% - 140px);
  background-color: #0080c4;
}

.regatta__scene {
  position: relative;
}
.regatta__scene__coast {
  position: absolute;
  background-image: url("/upload/_base/regatta/coast.jpg");
  width: 42000px;
  height: 36%;
  background-position-y: 100%;
  background-repeat: repeat-x;
  background-size: contain;
  -webkit-animation: coastscroll 1800s linear infinite;
          animation: coastscroll 1800s linear infinite;
}

@-webkit-keyframes coastscroll {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-95%);
            transform: translateX(-95%);
  }
}

@keyframes coastscroll {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-95%);
            transform: translateX(-95%);
  }
}
.regatta__scene__nav {
  position: absolute;
  z-index: 10;
  bottom: 40px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #8DD1FC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  outline: none;
}
@media (max-width: 1600px) {
  .regatta__scene__nav {
    width: 60px;
    height: 60px;
    bottom: 30px;
  }
}
@media (max-width: 1400px) {
  .regatta__scene__nav {
    width: 40px;
    height: 40px;
    bottom: 20px;
  }
}
.regatta__scene__nav.swiper-button-disabled {
  opacity: 0.1;
}
.regatta__scene__nav::before {
  position: relative;
  z-index: 1;
  content: "";
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: -o-linear-gradient(320deg, #C8EBFF -20%, #80CBFB 90%);
  background: linear-gradient(130deg, #C8EBFF -20%, #80CBFB 90%);
  -webkit-box-shadow: 0 5px 5px rgba(14, 84, 123, 0.4);
          box-shadow: 0 5px 5px rgba(14, 84, 123, 0.4);
}
.regatta__scene__nav--prev {
  left: 30px;
}
.regatta__scene__nav--prev i {
  left: 47%;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 32'%3e%3cpath d='M16.018 3.019L3 16l12.588 12.553' fill='transparent' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center no-repeat;
}
.regatta__scene__nav--prev:hover i {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 32'%3e%3cpath d='M16.018 3.019L3 16l12.588 12.553' fill='transparent' stroke='%231E68CA' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center no-repeat;
}
.regatta__scene__nav--next {
  right: 30px;
}
.regatta__scene__nav--next i {
  left: 53%;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 32'%3e%3cpath d='M2.982 28.981L16 16 3.412 3.447' fill='transparent' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center no-repeat;
}
.regatta__scene__nav--next:hover i {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 32'%3e%3cpath d='M2.982 28.981L16 16 3.412 3.447' fill='transparent' stroke='%231E68CA' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center no-repeat;
}
.regatta__scene__nav i {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  width: 30px;
  height: 30px;
}
@media (max-width: 1400px) {
  .regatta__scene__nav i {
    width: 20px;
    height: 20px;
  }
}

.regatta__stage {
  padding-left: 130px;
  padding-right: 130px;
}
.regatta__stage__background {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 66%;
  background-position-y: 0;
  background-repeat: no-repeat;
}
.regatta__stage__background::before {
  display: none;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position-y: 0;
  background-repeat: no-repeat;
}
.regatta__stage__background.sea-1 {
  background-image: url("/upload/_base/regatta/sea_1.jpg");
}
.regatta__stage__background.sea-1::before {
  background-image: url("/upload/_base/regatta/sea_1.jpg");
}
.regatta__stage__background.sea-2 {
  background-image: url("/upload/_base/regatta/sea_2.jpg");
}
.regatta__stage__background.sea-2::before {
  background-image: url("/upload/_base/regatta/sea_2.jpg");
}
.regatta__stage__background.sea-3 {
  background-image: url("/upload/_base/regatta/sea_3.jpg");
}
.regatta__stage__background.sea-3::before {
  background-image: url("/upload/_base/regatta/sea_3.jpg");
}
.regatta__stage.swiper-slide-active .regatta__stage__background::before {
  display: block;
  -webkit-filter: url("#filter-turbulence");
          filter: url("#filter-turbulence");
}
.regatta__stage--0 .regatta__boat__rank {
  display: none;
}
.regatta__stage__boats {
  position: absolute;
  height: 90%;
  left: 150px;
  right: 190px;
  bottom: 0;
}
.regatta__stage__boats--0 {
  left: 0;
}
.regatta__stage__boats--last {
  right: 0;
}

.regatta__bui {
  position: absolute;
  bottom: 35%;
  width: 73px;
  height: 126px;
  background-image: url("/upload/_base/regatta/buy.png");
  background-repeat: no-repeat;
}
@media (max-width: 1600px) {
  .regatta__bui {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    bottom: 30%;
  }
}
@media (max-width: 1400px) {
  .regatta__bui {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    bottom: 25%;
  }
}
.regatta__bui--left {
  left: 3%;
}
.regatta__bui--right {
  right: 3%;
}
.regatta__bui--finish {
  background-image: url("/upload/_base/regatta/buy-finish.png");
}
.regatta__bui > div {
  font-weight: 500;
  color: #FE2C04;
  -webkit-transform: matrix(1, 0.4, -0.3, 0.9, 0, 0);
      -ms-transform: matrix(1, 0.4, -0.3, 0.9, 0, 0);
          transform: matrix(1, 0.4, -0.3, 0.9, 0, 0);
  position: absolute;
  top: 4px;
  right: 12px;
  width: 20px;
  height: 20px;
  text-align: center;
}

.regatta__finish {
  position: absolute;
  right: 130px;
  bottom: 80px;
  width: 320px;
  height: 360px;
}
@media (max-width: 1600px) {
  .regatta__finish {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    right: 70px;
    bottom: 20px;
  }
}
@media (max-width: 1400px) {
  .regatta__finish {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    right: 0;
    bottom: -30px;
  }
}
.regatta__finish__bui {
  background-image: url("/upload/_base/regatta/buy-finish.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.regatta__finish__bui--left {
  position: absolute;
  left: 20px;
  top: 0;
  width: 36px;
  height: 63px;
}
.regatta__finish__bui--right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 73px;
  height: 126px;
}
.regatta__finish__text {
  width: 320px;
  text-align: center;
  font-size: 72px;
  line-height: 84px;
  opacity: 0.8;
  color: #fff;
  position: absolute;
  top: 120px;
  right: -20px;
  -webkit-transform: matrix(0.49, 0.51, -1.58, 0.37, 0, 0);
      -ms-transform: matrix(0.49, 0.51, -1.58, 0.37, 0, 0);
          transform: matrix(0.49, 0.51, -1.58, 0.37, 0, 0);
}

.regatta__animal {
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  pointer-events: none;
}
@media (max-width: 1600px) {
  .regatta__animal {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media (max-width: 1400px) {
  .regatta__animal {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
}

.regatta__boat {
  position: absolute;
  width: 210px;
  height: 360px;
  background-image: url("/upload/_base/regatta/boat.png");
  margin-left: -105px;
}
.regatta__boat:hover .atooltip {
  visibility: visible;
  opacity: 1;
}
.regatta__boat--winner {
  background-image: url("/upload/_base/regatta/boat_winner.png");
}
.regatta__boat--winner-local {
  background-image: url("/upload/_base/regatta/boat_winner_local.png");
}
.regatta__boat.line-0 {
  bottom: -80px;
}
@media (max-width: 1600px) {
  .regatta__boat.line-0 {
    bottom: -100px;
  }
}
@media (max-width: 1400px) {
  .regatta__boat.line-0 {
    bottom: -120px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
}
@media (max-width: 1400px) {
  .regatta__boat.line-0 .atooltip {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.regatta__boat.line-1 {
  bottom: -30px;
}
@media (max-width: 1600px) {
  .regatta__boat.line-1 {
    bottom: -70px;
  }
}
@media (max-width: 1400px) {
  .regatta__boat.line-1 {
    bottom: -100px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
}
@media (max-width: 1400px) {
  .regatta__boat.line-1 .atooltip {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.regatta__boat.line-2 {
  bottom: 60px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
@media (max-width: 1600px) {
  .regatta__boat.line-2 {
    bottom: 0;
  }
}
@media (max-width: 1400px) {
  .regatta__boat.line-2 {
    bottom: -40px;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
  }
}
.regatta__boat.line-2 .atooltip {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
@media (max-width: 1400px) {
  .regatta__boat.line-2 .atooltip {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.regatta__boat.line-3 {
  bottom: 140px;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
@media (max-width: 1600px) {
  .regatta__boat.line-3 {
    bottom: 70px;
  }
}
@media (max-width: 1400px) {
  .regatta__boat.line-3 {
    bottom: 10px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
  }
}
.regatta__boat.line-3 .atooltip {
  -webkit-transform: scale(1.25);
      -ms-transform: scale(1.25);
          transform: scale(1.25);
}
@media (max-width: 1400px) {
  .regatta__boat.line-3 .atooltip {
    -webkit-transform: scale(1.6);
        -ms-transform: scale(1.6);
            transform: scale(1.6);
  }
}
.regatta__boat.line-4 {
  bottom: 210px;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}
@media (max-width: 1600px) {
  .regatta__boat.line-4 {
    bottom: 140px;
  }
}
@media (max-width: 1400px) {
  .regatta__boat.line-4 {
    bottom: 50px;
    -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
            transform: scale(0.4);
  }
}
.regatta__boat.line-4 .atooltip {
  -webkit-transform: scale(1.4);
      -ms-transform: scale(1.4);
          transform: scale(1.4);
}
@media (max-width: 1400px) {
  .regatta__boat.line-4 .atooltip {
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
  }
}
.regatta__boat__rank {
  position: absolute;
  top: 140px;
  left: 150px;
}
.regatta__boat__name {
  position: absolute;
  top: 216px;
  left: 40px;
  width: 140px;
  height: 24px;
  color: #1E68CA;
  font-size: 11px;
  line-height: 10px;
  font-weight: 500;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.regatta__boat .atooltip {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
  width: 100%;
}

.regatta__filter {
  position: absolute;
  top: 15px;
  left: 75px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.regatta__filter__button {
  color: #1E68CA;
  font-weight: 500;
  line-height: 24px;
  padding: 0 10px;
  border-radius: 24px;
  background: -o-linear-gradient(285deg, #C8EBFF -20%, #80CBFB 90%);
  background: linear-gradient(165deg, #C8EBFF -20%, #80CBFB 90%);
  margin-right: 15px;
}
.regatta__filter__button.current, .regatta__filter__button:hover {
  color: #fff;
  background: #1E68CA;
  text-decoration: none;
}

.regatta__event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #1E68CA;
  height: 24px;
  padding: 0 10px;
  border-radius: 24px;
  cursor: pointer;
}
.regatta__event:hover {
  background-color: #1E68CA;
  color: #fff;
}
.regatta__event__name {
  font-weight: 500;
}
.regatta__event__status {
  font-size: 12px;
  margin-left: 25px;
}

.regatta__leaderboards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.regatta__leaderboard {
  width: 250px;
}
.regatta__leaderboard:not(:first-child) {
  margin-left: 70px;
}
.regatta__leaderboard__wrapper {
  max-height: 560px;
  overflow-y: scroll;
  scrollbar-color: #1E68CA #8DD1FC;
  scrollbar-width: thin;
  scrollbar-face-color: #1E68CA;
  scrollbar-track-color: #8DD1FC;
}
.regatta__leaderboard__wrapper::-webkit-scrollbar {
  border-radius: 5px;
  width: 5px;
  height: 5px;
  background: #8DD1FC;
}
.regatta__leaderboard__wrapper::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #1E68CA;
}
.regatta__leaderboard__wrapper::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #8DD1FC;
}
@media (max-width: 1600px) {
  .regatta__leaderboard__wrapper {
    max-height: 460px;
  }
}
@media (max-width: 1400px) {
  .regatta__leaderboard__wrapper {
    max-height: 400px;
  }
}
.regatta__leaderboard__division:not(:first-child) {
  margin-top: 25px;
}
.regatta__leaderboard--division .regatta__leaderboard__wrapper {
  max-height: 600px;
}
@media (max-width: 1600px) {
  .regatta__leaderboard--division .regatta__leaderboard__wrapper {
    max-height: 500px;
  }
}
@media (max-width: 1400px) {
  .regatta__leaderboard--division .regatta__leaderboard__wrapper {
    max-height: 440px;
  }
}
.regatta__leaderboard__title {
  color: #1E68CA;
  letter-spacing: 0.5px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 1400px) {
  .regatta__leaderboard__title {
    margin-bottom: 10px;
  }
}
.regatta__leaderboard__player {
  color: #1E68CA;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1400px) {
  .regatta__leaderboard__player {
    font-size: 12px;
    margin-bottom: 8px;
  }
}
.regatta__leaderboard__player span {
  max-width: 200px;
}
.regatta__leaderboard__player i {
  font-style: normal;
  color: #fff;
  font-weight: 500;
  font-size: 11px;
  line-height: 10px;
  padding: 5px 10px;
  background-color: #FE2C04;
  margin: 0 10px;
}

/* End */


/* Start:/local/modules/is_pro.img2picture/lib/css/img2picture.css?176300878534*/
img {
    object-fit: contain;
}
/* End */
/* /local/templates/regatta/assets/styles/styles.css?162123858595519 */
/* /local/modules/is_pro.img2picture/lib/css/img2picture.css?176300878534 */
