/*add fonts*/
@font-face { font-family: 'Styrene A Web Regular'; src: url("../fonts/StyreneAWeb-Regular.woff2") format("woff2"), url("../fonts/StyreneAWeb-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Styrene A Web Bold'; src: url("../fonts/StyreneAWeb-Bold.woff2") format("woff2"), url("../fonts/StyreneAWeb-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

/*variables*/
/*placeholders*/
.clearfix { display: block; clear: both; content: ''; }

.vAlignMiddle { display: inline-block; vertical-align: middle; }

.flex, .header { 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; }

.wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; max-width: 56vh; margin: 0 auto; padding: 3vh 1vh 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn { margin: 0 auto; display: inline-block; width: 100%; max-width: 20vh; padding: 2vh 2vh; font-size: 1.4vh; line-height: 1.4vh; text-decoration: none; color: #ffffff; font-family: "Styrene A Web Regular", Verdana, Arial, Helvetica, sans-serif; background: #ED1C24; border: none; outline: none; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }

.btn::before, .btn::after { content: ''; position: absolute; top: 0.4vh; /* half of the shadow width */ right: -0.7vh; /* negative shadow width */ width: 0.7vh; height: 100%; background: #333333; -webkit-transform: skewY(43deg); -ms-transform: skewY(43deg); transform: skewY(43deg); -webkit-box-sizing: border-box; box-sizing: border-box; border: none; outline: none; cursor: pointer; }

.btn::after { height: 0.7vh; width: 100%; bottom: -0.7vh; /* negative shadow height */ left: 0.4vh; /* half of the shadow height */ top: auto; right: auto; -webkit-transform: skewX(43deg); -ms-transform: skewX(43deg); transform: skewX(43deg); border: none; outline: none; cursor: pointer; }

.btn:hover { background: #4AC4D7; }

.btn:active { -webkit-transform: translateY(0.1rem); -ms-transform: translateY(0.1rem); transform: translateY(0.1rem); }

/*placeholders*/
body { -webkit-backface-visibility: hidden; }

/*placeholders*/
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-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.fancybox-bg { background: #1e1e1e; 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(0.47, 0, 0.74, 0.71); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { 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-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { 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; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 10px; position: absolute; text-align: center; top: 0; transition-property: opacity,-webkit-transform; -webkit-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--current, .fancybox-slide--next, .fancybox-slide--previous { 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(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 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; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity,-webkit-transform; -webkit-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-pan .fancybox-content, .fancybox-can-swipe .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 { 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 { 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%; z-index: 1; }

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }

.fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; }

.fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

.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; }

.fancybox-button { background: rgba(30, 30, 30, 0.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; color: #ccc; }

.fancybox-button:link, .fancybox-button:visited { color: #ccc; }

.fancybox-button:hover { color: #fff; }

.fancybox-button:focus { outline: none; }

.fancybox-button.fancybox-focus { outline: 1px dotted; }

.fancybox-button[disabled] { color: #888; cursor: default; outline: none; }

.fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }

.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--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1), .fancybox-button--play svg:nth-child(2) { display: none; }

.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform,-webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; }

.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; }

.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; padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; }

.fancybox-caption { bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px; right: 0; text-align: center; z-index: 99996; }

.fancybox-caption:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -44px; z-index: -1; }

.fancybox-caption a { color: #ccc; text-decoration: none; }

.fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; }

.fancybox-caption a:hover { color: #fff; text-decoration: underline; }

.fancybox-loading { -webkit-animation: a 1s linear infinite; animation: a 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 a { to { -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes a { to { -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

.fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

.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: translateZ(0); transform: translateZ(0); }

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

.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(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-1turn); -ms-transform: rotate(-1turn); transform: rotate(-1turn); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

.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: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); }

.fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); }

@media (max-height: 576px) { .fancybox-caption { padding: 12px; }
  .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-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; }

.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; 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:link, .fancybox-share__button:visited { 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; outline: none; padding: 10px 15px; width: 100%; }

.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; 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, 0.3); box-shadow: inset 0 0 6px rgba(0, 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, 0.1); background-position: 50%; 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 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }

.fancybox-thumbs__list a:focus:before { opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; }

@media (max-width: 576px) { .fancybox-thumbs { width: 110px; }
  .fancybox-show-thumbs .fancybox-inner { right: 110px; }
  .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }

/*style normalize*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; height: 100%; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

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

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input::-webkit-input-placeholder { color: #fff; font-size: 18px; }

input:hover::-webkit-input-placeholder { opacity: 0.5; }

input:hover::-moz-placeholder { opacity: 0.5; }

input:hover:-moz-placeholder { opacity: 0.5; }

input:hover:-ms-input-placeholder { opacity: 0.5; }

input { line-height: normal; opacity: 0.5; }

input:valid { opacity: 1; }

input:hover { opacity: 1; }

input:focus { opacity: 1; }

input:active #get-discount { opacity: 0.5; }

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

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

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

ul { margin: 0; list-style-type: none; padding: 0; }

p { margin: 0; }

html { height: 100%; }

body { font-family: "Styrene A Web Regular", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.45; margin: 0; color: #ffffff; height: 100%; }

a { color: #0b7dd6; text-decoration: underline; }

a:hover { text-decoration: none; }

img { border: none; max-width: 100%; }

h2, h3 { margin: 0; text-align: center; font: bold "Styrene A Web Regular", Verdana, Arial, Helvetica, sans-serif; }

h3 { font-size: 18px; }

sub, sup { font-size: 60%; }

input { outline: none; }

.page-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; overflow: hidden; background-color: #D4D8DB; }

.header { overflow: visible; position: fixed; top: 0; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 99; }

.header .logo { background-color: #ED1C24; position: relative; }

.header .logo:after { content: ""; position: absolute; top: 5.98vh; left: 0; border-top: 3vh solid #ED1C24; border-right: 17vh solid transparent; }

.header .logo svg { display: block; padding: 1vh 2vh 0; width: 13vh; height: 5vh; }

.bg-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; width: 100%; background-image: url(../images/bg-landing.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }

.bg-section .main-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100vh; width: 100%; -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; color: #333333; z-index: 0; overflow-y: scroll; }

.bg-section .main-section .decor-headtext { -webkit-animation: bounceInDown 0.5s ease 0.2s 1 both; animation: bounceInDown 0.5s ease 0.2s 1 both; -webkit-animation-backface-visibility: hidden; -moz-animation-backface-visibility: hidden; -ms-animation-backface-visibility: hidden; -o-animation-backface-visibility: hidden; animation-backface-visibility: hidden; z-index: 1000; margin-bottom: -6.5vh; }

@-webkit-keyframes bounceInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% { opacity: 1;
    -webkit-transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0px); } }

@keyframes bounceInDown { 0% { opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% { opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

.bg-section .main-section .decor-headtext h1 { margin: 0; display: inline-block; padding: 2vh; background-color: #333333; font-size: 2vh; line-height: 1.4; font-family: "Styrene A Web Bold", Verdana, Arial, Helvetica, sans-serif; -webkit-transform: skewY(-10deg); -ms-transform: skewY(-10deg); transform: skewY(-10deg); color: #FFFFFF; text-transform: uppercase; text-align: center; }

.bg-section .main-section .decor-headtext .title_bg { margin: -0.2vh auto 0; -webkit-transform: skewY(-10deg); -ms-transform: skewY(-10deg); transform: skewY(-10deg); }

.bg-section .main-section .decor-headtext .title_bg h2 { display: inline-block; padding: 1.5vh 2vh 1vh; background-color: #ED1C24; font-size: 4vh; line-height: 4vh; font-family: "Styrene A Web Bold", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center; }

.bg-section .main-section .text-main { text-align: center; color: #333333; font-size: 2vh; padding: 2vh 3vh; margin: 0 auto; }

.bg-section .main-section h3 { font-family: "Styrene A Web Bold", Verdana, Arial, Helvetica, sans-serif; font-size: 3vh; padding-bottom: 2vh; }

.bg-section .main-section .list-ruuls { padding: 0 2vh 0 5vh; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; }

.bg-section .main-section .list-ruuls li { font-size: 1.5vh; line-height: 1.8vh; padding-bottom: 1.5vh; }

.bg-section .main-section .list-ruuls li:before { content: "\2022"; font-size: 2vh; color: #ED1C24; font-weight: bold; display: inline-block; width: 2.5vh; margin-left: -2.5vh; }

.bg-section .main-section .list-ruuls li:last-child { padding-bottom: 3vh; }

.bg-section .main-section .btn { margin-bottom: 5vh; font-size: 1.8vh; }

.bg-section .main-section .relative-cont { background-color: #fff; -webkit-box-shadow: 0 0.5vh 3vh rgba(0, 0, 0, 0.1); box-shadow: 0 0.5vh 3vh rgba(0, 0, 0, 0.1); position: relative; padding-top: 9vh; width: 90%; }

.bg-section .main-section .relative-cont:before { content: ""; position: absolute; border: 1vh solid #ED1C24; width: 97%; height: 97%; left: 1.5vh; top: 1.7vh; z-index: -1; }

.bg-section .main-section .relative-cont .svg-icons { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: auto; z-index: 1; height: auto; }

.bg-section .main-section .relative-cont #decor-1 { -webkit-animation: fadeInRight 0.5s ease 0.2s 1 both; animation: fadeInRight 0.5s ease 0.2s 1 both; -webkit-animation-backface-visibility: hidden; -moz-animation-backface-visibility: hidden; -ms-animation-backface-visibility: hidden; -o-animation-backface-visibility: hidden; animation-backface-visibility: hidden; width: 17vh; top: -2vh; right: 1vh; height: 10vh; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(20vh); }
  100% { opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(20vh);
    transform: translateX(20vh); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.bg-section .main-section .relative-cont #decor-2 { -webkit-animation: fadeInLeft 0.5s ease 0.2s 1 both; animation: fadeInLeft 0.5s ease 0.2s 1 both; -webkit-animation-backface-visibility: hidden; -moz-animation-backface-visibility: hidden; -ms-animation-backface-visibility: hidden; -o-animation-backface-visibility: hidden; animation-backface-visibility: hidden; width: 6vh; top: 5vh; left: 3vh; height: 4vh; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-20vh); }
  100% { opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-20vh);
    transform: translateX(-20vh); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.bg-section .main-section .ruuls { font-size: 1.5vh; padding: 0 1vh 2vh; }

.bg-section .main-section .ruuls a { color: #333; }

.game-section { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background-color: #D4D8DB; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: auto; width: 100%; height: calc(100vw/1.77); overflow: hidden; }

.game-section .findPresents { background-color: #ED1C24; position: fixed; left: 0; top: 0; font-family: "Styrene A Web Bold", Verdana, Arial, Helvetica, sans-serif; font-size: 2.5vh; line-height: 1.2; padding: 2vh 4vh 1vh; z-index: 20; }

.game-section .findPresents:after { content: ""; position: absolute; bottom: -5vh; left: 0; border-top: 5vh solid #ED1C24; border-right: 33vh solid transparent; }

.game-section .findPresents h2 { text-align: left; }

.game-section .bg-game { background-image: url(../images/bg-game.jpg); background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative; width: 90%; height: 100%; }

.game-section .bg-game .wall { z-index: 10; width: 99%; height: 73%; position: absolute; top: 0; left: 0; }

.game-section .bg-game .wall svg { width: 100%; height: 100%; }

.game-section .bg-game .curbstone { z-index: 13; width: 27%; height: 23%; position: absolute; bottom: 26%; left: 14%; }

.game-section .bg-game .curbstone svg { width: 100%; height: 100%; }

.game-section .bg-game .curtain { z-index: 9; width: 25%; height: 66%; position: absolute; top: 0; right: 5%; }

.game-section .bg-game .curtain svg { width: 100%; height: 100%; }

.game-section .bg-game .desk { z-index: 15; width: 51%; height: 45%; position: absolute; bottom: 6%; left: 15%; }

.game-section .bg-game .desk svg { width: 100%; height: 100%; }

.game-section .bg-game .chear { width: 15%; height: 43%; position: absolute; bottom: 12%; right: 5%; z-index: 11; }

.game-section .bg-game .chear svg { width: 100%; height: 100%; }

.game-section .bg-game .present { position: absolute; }

.game-section .bg-game .present svg { width: 100%; height: 100%; }

.game-section .bg-game .present1 { width: 3.5%; height: 6.4%; bottom: 27%; left: 13%; z-index: 12; }

.game-section .bg-game #present1 { position: absolute; display: block; bottom: -25%; left: -25%; width: 150%; height: 150%; z-index: 36; }

.game-section .bg-game .present2 { width: 3%; height: 6%; top: 19.6%; right: 36.7%; z-index: 11; }

.game-section .bg-game #present2 { position: absolute; display: block; top: -25%; left: -25%; width: 150%; height: 150%; z-index: 36; }

.game-section .bg-game .present3 { width: 3.5%; height: 6.4%; bottom: 34%; right: 19.5%; }

.game-section .bg-game #present3 { position: absolute; display: block; bottom: -25%; left: -25%; width: 150%; height: 150%; z-index: 36; }

.game-section .bg-game .present4 { width: 3.5%; height: 6.4%; bottom: 27.4%; right: 5.1%; }

.game-section .bg-game #present4 { position: absolute; display: block; bottom: -25%; left: -25%; width: 150%; height: 150%; z-index: 36; }

.game-section .bg-game .present5 { width: 3.5%; height: 6.4%; bottom: 32%; right: 44%; }

.game-section .bg-game #present5 { position: absolute; display: block; bottom: -25%; left: -25%; width: 150%; height: 150%; z-index: 36; }

.game-section .rightPresentsBlock { width: 10%; height: 100%; background: #40414A; right: 0; }

.game-section .rightPresentsBlock ul { padding-top: 15%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.game-section .rightPresentsBlock ul li { padding: 10% 0; display: block; width: 45%; height: calc(10vw/1.77); }

.game-section .rightPresentsBlock ul li svg { width: 100%; height: 100%; }

.game-section .rotate-screen-box { display: none; z-index: 1200; background: #333333; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.game-section .rotate-screen-box #popup-decor1 { width: 26vh; height: 10vh; position: absolute; top: 10vh; left: 2vh; -webkit-animation: fadeInLeft 0.5s ease 0.2s 1 both; animation: fadeInLeft 0.5s ease 0.2s 1 both; -webkit-animation-backface-visibility: hidden; -moz-animation-backface-visibility: hidden; -ms-animation-backface-visibility: hidden; -o-animation-backface-visibility: hidden; animation-backface-visibility: hidden; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-20vh); }
  100% { opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-20vh);
    transform: translateX(-20vh); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.game-section .rotate-screen-box #popup-decor2 { width: 38vh; height: 10vh; position: absolute; bottom: 10vh; right: 2vh; -webkit-animation: fadeInRight 0.5s ease 0.2s 1 both; animation: fadeInRight 0.5s ease 0.2s 1 both; -webkit-animation-backface-visibility: hidden; -moz-animation-backface-visibility: hidden; -ms-animation-backface-visibility: hidden; -o-animation-backface-visibility: hidden; animation-backface-visibility: hidden; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(20vh); }
  100% { opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(20vh);
    transform: translateX(20vh); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.game-section .rotate-screen-box div { font-family: "Styrene A Web Regular", Verdana, Arial, Helvetica, sans-serif; font-size: 2vh; margin: auto; padding: 2vh; }

.game-section .rotate-screen-box div .rotate-ico-contain { width: 14vh; height: 14vh; }

.game-section .rotate-screen-box div .rotate-ico-contain svg { width: 100%; height: 100%; }

.game-section .rotate-screen-box .pumpkin { display: block; margin: 0 auto; }

@media screen and (orientation: portrait) { .game-section .rotate-screen-box { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media screen and (orientation: landscape) { .game-section .rotate-screen-box { display: none; } }

#popupEndGameHolder { display: none; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; overflow-x: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.7); z-index: 50; }

#popupEndGameHolder.show { display: -webkit-box; display: -ms-flexbox; display: flex; }

#popupEndGameHolder .bg { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

.popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 15vh auto 10vh; max-width: 70vh; width: 100%; text-align: center; color: #060606; position: relative; z-index: 50; }

.popup#popupEndGame { background-color: #ffffff; position: relative; }

.popup#popupEndGame #popup-decor3 { width: 12vh; height: 9vh; position: absolute; top: 3vh; left: 6vh; -webkit-animation: fadeInLeft 0.5s ease 0.2s 1 both; animation: fadeInLeft 0.5s ease 0.2s 1 both; -webkit-animation-backface-visibility: hidden; -moz-animation-backface-visibility: hidden; -ms-animation-backface-visibility: hidden; -o-animation-backface-visibility: hidden; animation-backface-visibility: hidden; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-20vh); }
  100% { opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-20vh);
    transform: translateX(-20vh); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.popup#popupEndGame #popup-decor4 { width: 18vh; height: 6vh; position: absolute; top: -6vh; right: 0; -webkit-animation: fadeInRight 0.5s ease 0.2s 1 both; animation: fadeInRight 0.5s ease 0.2s 1 both; -webkit-animation-backface-visibility: hidden; -moz-animation-backface-visibility: hidden; -ms-animation-backface-visibility: hidden; -o-animation-backface-visibility: hidden; animation-backface-visibility: hidden; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(20vh); }
  100% { opacity: 1;
    -webkit-transform: translateX(0); } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translateX(20vh);
    transform: translateX(20vh); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.popup#popupEndGame h2 { background-color: #ED1C24; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2.5vh 5vh; color: #fff; text-transform: uppercase; font-family: "Styrene A Web Bold", Verdana, Arial, Helvetica, sans-serif; font-size: 6.5vh; line-height: 1.2; -webkit-transform: skewY(-10deg); -ms-transform: skewY(-10deg); transform: skewY(-10deg); margin: -5vh 0 7vh; }

.popup#popupEndGame h2::before, .popup#popupEndGame h2::after { content: ''; position: absolute; top: 0.5vh; /* half of the shadow width */ right: -0.9vh; /* negative shadow width */ width: 1vh; height: 100%; background: #333333; -webkit-transform: skewY(45deg); -ms-transform: skewY(45deg); transform: skewY(45deg); }

.popup#popupEndGame h2::after { height: 1vh; width: 100%; bottom: -1vh; /* negative shadow height */ left: 0.5vh; /* half of the shadow height */ top: auto; right: auto; -webkit-transform: skewX(45deg); -ms-transform: skewX(45deg); transform: skewX(45deg); }

.popup#popupEndGame h3 { position: absolute; text-align: left; margin: 0; top: 3.5vh; right: 12vh; display: block; padding: 1vh 3vh; background-color: #4AC4D7; text-transform: uppercase; font-size: 2.2vh; font-family: "Styrene A Web Bold", Verdana, Arial, Helvetica, sans-serif; -webkit-transform: skewY(-10deg); -ms-transform: skewY(-10deg); transform: skewY(-10deg); }

.popup#popupEndGame .btn { font-size: 2.3vh; line-height: 1.1; max-width: 25vh; margin-bottom: 4vh; padding: 1.7vh; }

.popup#popupEndGame .promocode-cont { padding: 3vh 2vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.popup#popupEndGame .promocode-cont p { font-family: "Styrene A Web Bold", Verdana, Arial, Helvetica, sans-serif; padding-right: 3vh; font-size: 2.2vh; color: #000; }

.popup#popupEndGame .promocode-cont .promocode { position: relative; }

.popup#popupEndGame .promocode-cont .promocode:after, .popup#popupEndGame .promocode-cont .promocode:before { position: absolute; content: ""; background-image: -webkit-gradient(linear, left top, left bottom, from(#ED1C24), color-stop(50%, #ED1C24), color-stop(50%, transparent), to(transparent)); background-image: -webkit-linear-gradient(top, #ED1C24, #ED1C24 50%, transparent 50%, transparent 100%); background-image: -o-linear-gradient(top, #ED1C24, #ED1C24 50%, transparent 50%, transparent 100%); background-image: linear-gradient(180deg, #ED1C24, #ED1C24 50%, transparent 50%, transparent 100%); background-size: 0.2vh 2.5vh; width: 0.2vh; height: 100%; }

.popup#popupEndGame .promocode-cont .promocode:after { top: 0; left: 0; }

.popup#popupEndGame .promocode-cont .promocode:before { top: 0; right: 0; }

.popup#popupEndGame .promocode-cont .promocode strong { display: block; background-color: #fff; border: none; padding: 0.7vh 3vh; color: #ED1C24; font-family: "Styrene A Web Bold", Verdana, Arial, Helvetica, sans-serif; font-size: 3vh; }

.popup#popupEndGame .promocode-cont .promocode strong:after, .popup#popupEndGame .promocode-cont .promocode strong:before { position: absolute; content: ""; background-image: -webkit-gradient(linear, left top, right top, from(#ED1C24), color-stop(50%, #ED1C24), color-stop(50%, transparent), to(transparent)); background-image: -webkit-linear-gradient(left, #ED1C24, #ED1C24 50%, transparent 50%, transparent 100%); background-image: -o-linear-gradient(left, #ED1C24, #ED1C24 50%, transparent 50%, transparent 100%); background-image: linear-gradient(90deg, #ED1C24, #ED1C24 50%, transparent 50%, transparent 100%); background-size: 2.5vh 0.2vh; height: 0.2vh; width: 100%; }

.popup#popupEndGame .promocode-cont .promocode strong:after { top: 0; left: 0; }

.popup#popupEndGame .promocode-cont .promocode strong:before { bottom: 0; left: 0; }

.popup#popupEndGame .enter-text { text-align: center; font-size: 1.8vh; width: 100%; max-width: 35vh; padding: 0 2vh 3vh; }

.popup#popupEndGame .bgcontainer { padding: 2vh 4vh; 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; background-color: #333333; -webkit-box-sizing: border-box; box-sizing: border-box; }

.popup#popupEndGame .bgcontainer .socialDescribe { text-align: left; color: #fff; }

.popup#popupEndGame .bgcontainer .socialDescribe span { font-size: 2.1vh; font-family: "Styrene A Web Bold", Verdana, Arial, Helvetica, sans-serif; line-height: 1; display: block; padding-bottom: 1vh; }

.popup#popupEndGame .bgcontainer .socialDescribe p { font-size: 1.5vh; }

.popup#popupEndGame .icons-container { padding: 1vh 0 1.5vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.popup#popupEndGame .icons-container .social-icons { margin: 0 1vh; 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; width: 6vh; height: 6vh; border-radius: 50%; background-color: #ED1C24; overflow: hidden; }

.popup#popupEndGame .icons-container .social-icons:nth-child(1) img { width: 2.8vh; height: 2.8vh; }

.popup#popupEndGame .icons-container .social-icons:nth-child(2) img { width: 3vh; height: 3vh; }

.popup#popupEndGame .icons-container .social-icons:nth-child(3) img { width: 3vh; height: 2vh; }

.popup#popupEndGame .icons-container .social-icons img { margin-top: 0; }

.popup#popupEndGame .icons-container .social-icons:hover { background-color: #4AC4D7; }

.bg-hide { background-image: none; }

.hide-block { display: none; }

.visible-block { display: -webkit-box; display: -ms-flexbox; display: flex; }

.opacity-present { opacity: 0.3; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.present-hidden { -webkit-animation: fadeOut 0.5s ease 0.2s 1 both; animation: fadeOut 0.5s ease 0.2s 1 both; -webkit-animation-backface-visibility: hidden; -moz-animation-backface-visibility: hidden; -ms-animation-backface-visibility: hidden; -o-animation-backface-visibility: hidden; animation-backface-visibility: hidden; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

/*# sourceMappingURL=../maps/main.css.map */