@font-face {
	font-family: 'DINPro';
	src: url("../fonts/DINPro-Regular.woff2") format("woff2"), url("../fonts/DINPro-Regular.woff") format("woff");
	font-weight: 400;
	font-display: swap;
	font-style: normal; }
  
  @font-face {
	font-family: 'DINPro';
	src: url("../fonts/DINPro-Medium.woff2") format("woff2"), url("../fonts/DINPro-Medium.woff") format("woff");
	font-weight: 500;
	font-display: swap;
	font-style: normal; }
  
  @font-face {
	font-family: 'DINPro';
	src: url("../fonts/DINPro-Bold.woff2") format("woff2"), url("../fonts/DINPro-Bold.woff") format("woff");
	font-weight: 700;
	font-display: swap;
	font-style: normal; 
}
#overlay {
	position: fixed;
	display: flex;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url("../images/green-bg-lq.jpg");
	background-color: #002f06;
	background-repeat: repeat;
	z-index: 9999;
	align-items: center;
	justify-content: center;
	width: 100vw;
    height: 100vh;
}
#overlay img {
	max-width: 100%;
	height: auto;
}
@font-face {
	font-family: 'You2013';
	src: url('../fonts/you_db_2013-webfont.eot');
	src: url('you_db_2013-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/you_db_2013-webfont.woff2') format('woff2'),
	url('../fonts/you_db_2013-webfont.woff') format('woff'),
	url('../fonts/you_db_2013-webfont.ttf') format('truetype'),
	url('../fonts/you_db_2013-webfont.svg#you2013bold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/* @font-face {
	font-family:'You2013';
	src: url('../fonts/You2013-Light.eot');
	src: url('../fonts/You2013-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/You2013-Light.woff2') format('woff2'),
	url('../fonts/You2013-Light.woff') format('woff'),
	url('../fonts/You2013-Light.ttf') format('truetype'),
	url('../fonts/You2013-Light.svg#You2013-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB02;
}
@font-face {
	font-family:'You2013';
	src: url('../fonts/You2013-Bold.eot');
	src: url('../fonts/You2013-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/You2013-Bold.woff2') format('woff2'),
	url('../fonts/You2013-Bold.woff') format('woff'),
	url('../fonts/You2013-Bold.ttf') format('truetype'),
	url('../fonts/You2013-Bold.svg#You2013-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB02;
} */
/* @font-face {
	font-family:'You2013-Medium';
	src: url('../fonts/You2013-Medium.eot');
	src: url('../fonts/You2013-Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/You2013-Medium.woff2') format('woff2'),
	url('../fonts/You2013-Medium.woff') format('woff'),
	url('../fonts/You2013-Medium.ttf') format('truetype'),
	url('../fonts/You2013-Medium.svg#You2013-Medium') format('svg');
	font-weight: 350;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB04;
}
@font-face {
	font-family:'You2013-Book';
	src: url('../fonts/You2013-Book.eot');
	src: url('../fonts/You2013-Book.eot?#iefix') format('embedded-opentype'),
	url('../fonts/You2013-Book.woff2') format('woff2'),
	url('../fonts/You2013-Book.woff') format('woff'),
	url('../fonts/You2013-Book.ttf') format('truetype'),
	url('../fonts/You2013-Book.svg#You2013-Book') format('svg');
	font-weight: 325;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB04;
} */
@font-face {
	font-family:'Unity-text';
	src: url('../fonts/TCCC-UnityText-Light.eot');
	src: url('../fonts/TCCC-UnityText-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/TCCC-UnityText-Light.woff') format('woff'),
	url('../fonts/TCCC-UnityText-Light.ttf') format('truetype'),
	url('../fonts/TCCC-UnityText-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB04;
	font-display: swap;
}
@font-face {
	font-family:'Unity-text';
	src: url('../fonts/TCCC-UnityText-Medium.eot');
	src: url('../fonts/TCCC-UnityText-Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/TCCC-UnityText-Medium.woff') format('woff'),
	url('../fonts/TCCC-UnityText-Medium.ttf') format('truetype'),
	url('../fonts/TCCC-UnityText-Medium.svg') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB04;
	font-display: swap;
}
@font-face {
	font-family:'Unity-headline';
	src: url('../fonts/TCCC-UnityHeadline-Bold.eot');
	src: url('../fonts/TCCC-UnityHeadline-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/TCCC-UnityHeadline-Bold.woff') format('woff'),
	url('../fonts/TCCC-UnityHeadline-Bold.ttf') format('truetype'),
	url('../fonts/TCCC-UnityHeadline-Bold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-FB04;
	font-display: swap;
}

/* General Reset */
img{border-style:none;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner{
	border: none;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
blockquote, q{quotes: none;}
q:before,
q:after {content: '';}
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus{outline:none;}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a{
	color: inherit;
	text-decoration:none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
a:hover{
	opacity: .8;
}
input,
textarea,
select{
	color:#fff;
	vertical-align:middle;
	font:100% "You2013", Arial, sans-serif;
}
/* Jolalestin 2018 */
body {
	background-image: url("../images/green-bg-lq.jpg");
	background-repeat: repeat;
}
section.intro {
	position: relative;
	background-image: url("../images/stripes.png");
	background-size: cover;
	min-width: 100vw;
    min-height: 100vh;
    padding: 35px;
}
section.intro .green-bg {
	position: relative;
	background-image: url("../images/green-bg-lq.jpg");
	background-repeat: repeat;
	max-width: calc(100vw - 90px);
    display: block;
    margin: 0 auto;
    min-height: calc(100vh - 70px);
    min-width: calc(100vw - 70px);
}
section.intro h2 {
	font-size: 20px;
	font-family: "You2013", sans-serif;
	line-height: 24px;
	background-color: #F40009;
	padding: 13px 71px;
	display: flex;
	max-width: 470px;
	margin: 0 auto;
	position: relative;
	border-bottom: 1px solid #910005;
}	
section.intro h1 {
	margin-top: 120px;
	font-size: 72px;
	line-height: 86px;
	position: relative;
}
section.intro h1:after {
	content: '';
    width: 100px;
    height: 3px;
    background-color: #F40009;
    position: absolute;
    left: 0px;
    bottom: -18px;
}
section.intro .txt-holder {
	padding-left: 40px;
}
section.intro img.santaimg {
	max-width: 472px;
    margin: 60px auto -3px auto;
    display: block;
}
section.intro .hashtag {
	font-size: 30px;
	line-height: 37px;
	font-family:"You2013", sans-serif;
	color: #F40009;
}
.countdown-wrapper span.time {
	font-size: 64px;
	line-height: 77px;
	font-family: "You2013", sans-serif;
}
.countdown-wrapper ul li {
	min-width: 90px;
    text-align: center;
}
.countdown-wrapper {
	margin-bottom: 40px;
	background-color: #AB011E;
	padding: 30px 0px;
	position: relative;
	z-index: 1;
}
.countdown-wrapper ul {
	display: flex;
	justify-content: space-around;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.countdown-wrapper ul li {
	position: relative;
}
.countdown-wrapper ul li + li:before  {
	content: '';
	width: 1px;
	height: 60px;
	position: absolute;
	background-color: #910005;
	left: -31px;
	top: 10px;
}	
.countdown-wrapper span.text {
	font: 600 11px/13px "Unity-headline", sans-serif;
	display: block;
	text-align: center;
	color: #910005;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}
.landing-page p {
	font: 300 18px/28px "Unity-text", Arial, sans-serif;
}
.btn-holder {
	text-align: center;
    display: block;
    width: 100%;
    margin: 30px 0px 100px;
}
.btn.btn-white {
	font: 600 12px/15px "Unity-headline", sans-serif;
    background-color: #fff;
    color: #F40009;
    text-transform: uppercase;
    border-radius: 63px;
    display: inline-block;
    max-width: 350px;
    padding: 20px 20px;
}
.landing-page #footer {
    position: relative;
    font-size: 20px;
    line-height: 43px;
}
#footer .bottom {
	background-image: url('../images/footer_pattern_seam.png');
	background-position: 50% 100%;
	background-repeat: repeat-x; 
	height: 49px;
	background-color: #F40009;
}
.landing-page #footer h4 {
	font: normal 72px/86px "You2013", sans-serif;
	text-transform: none;
	text-align: center;
	margin: 5px 0 43px;
	position: relative;
}
.landing-page #footer h4:after {
	content: '';
	width: 100px;
	height: 3px;
	background-color: #F40009;
	position: absolute;
	left:50%;
	bottom: -9px;
	transform: translate(-50%, -0%);
}	
.spot-box .spot-list .name, .spot-box .spot-list .time {
	font: 600 16px/19px "Unity-headline", sans-serif;
}
.spot-box .spot-list li {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	width: 28px;
	text-align: center;
	position: relative;
}
#footer .footer-img-holder {
	display: flex;
    align-items: center;
	justify-content: space-evenly;
	padding: 80px 0px;
	position: relative;
}
/* General settings */
html {
	height: 100%;
}
body {
	color: #fff;
	background:  #002f06;
	font: 300 16px/20px "You2013", Arial, sans-serif;
	min-width: 320px;
	margin: 0;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
a.sbi_photo {
	min-height: 165px;
}
h1 {
	font: 50px/56px "You2013", sans-serif;
	margin: 0 0 33px;
}
h2 {
	font-size: 36px;
	line-height: 40px;
	margin: 0 0 28px;
}
h2.date-logo {
	font: 50px/60px "You2013", sans-serif;
	margin: 25px 0 33px;
}
h3 {
	margin: 0 0 15px;
}
h4 {
	margin: 5px 0 43px;
}
h5 {
	margin: 0 0 15px;
}
h6 {
	margin: 0 0 15px;
}
p {
	margin: 0 0 15px;
}
p.hashtag2 {
    margin: 100px 0px 40px;
}
a.map-scroll {
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -25%;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.btn-scroll {
	display: inline-block;
	vertical-align: top;
	font-family:'You2013';
}
.btn-scroll .fa {
	display: block;
	padding-top: 10px;
}
.btn-scroll.map-scroll-top .fa {
	padding-top: 3px;
}
.btn-scroll.map-scroll-top {
	text-align: center;
	width: 100%;
	padding-bottom: 10px;
}
.clearfix {
	position: relative;
}
.clearfix:after {
	clear: both;
	content: '';
	display: table;
}
.landing-page p {
	margin-bottom: 43px;
}
.desktop-hidden {
	display: none;
}
.visual {
	background: no-repeat 50% 50%;
	background-size: cover;
	-webkit-background-size: cover;
}
.visual > img {
	display: none;
}
.logo {
	display: inline-block;
	vertical-align: top;
	width: 102px;
	height: 42px;
	font-size: 0;
	line-height: 0;
	background: url(../images/logo.svg) no-repeat 50% 50%;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
.logo a {
	display: block;
	height: 100%;
}
.landing-page .logo {
	display: inline-block;
	vertical-align: top;
	width: 260px;
    height: 110px;
	font-size: 0;
	line-height: 0;
	background: url(../images/logo.svg) no-repeat 50% 50%;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
.smalltext{
	padding-top: 5px;
	font-size: 16px;
}
/*header*/
#header {
	position: relative;
	padding: 19px 40px;
	border-bottom: 1px solid #b7111e;
}
.page-template-page-home #header {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9;
	background-color: #F40009;
	width: 520px;
	max-width: 100%;
	padding: 20px 30px;
	border-bottom: 0px solid #b7111e;
	margin-bottom: 0px;
	-webkit-box-shadow: 0px 2px 95px -14px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 95px -14px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 95px -14px rgba(0,0,0,0.75);
}
.page-template-page-home #header h1 {
	font-size: 32px;
	line-height: 38px;
	color: #fff; 
	display: inline-block;
	margin-bottom: 0px;
	position: relative;
	padding-left: 20px;
}	
.page-template-page-home #header h1:after {
	content: '';
	height: 78px;
	width: 1px;
	background-color: #910005;
	position: absolute;
	top: -20px;
    right: -55px;
}	
.page-template-page-home.menu-open #header h1:after {
	content: none;
}	
.page-template-page-home .menu-opener {
	margin-top: 0px;
}
.page-template-page-home .menu-opener > span {
	font-size: 18px;
	font-family: "You2013", sans-serif;
	text-indent: -112px;
	line-height: 10px;
}	
.page-template-page-home.menu-open #sidebar {
    right: 0;
	top: 78px;
	width: 520px;
	max-width: 100%;
	z-index: 99;
	position: fixed;
    height: 100%;
	background-color: #005d1e;
}
.page-template-page-home #header .stara01 {
	width: 16px;
    height: auto;
    position: absolute;
    left: 15px;
    top: 33px;
}
.page-template-page-home #header .stara02 {
	width: 23px;
    height: auto;
    position: absolute;
    left: 20px;
    top: 16px;
}
.page-template-page-home #header .stara03 {
	width: 23px;
    height: auto;
    position: absolute;
    right: -29px;
    bottom: 0;
}
a.menu-opener:hover {
	color: #fff;
}
body:not(.menu-open).page-template-page-home .menu-opener:after {
	width: 15px;
}
body:not(.menu-open).page-template-page-home .menu-opener > span {
	width: 25px;
	float: right;
}	
.page-template-page-home #footer {
	display: none !important;
	visibility: hidden !important;
}
.landing-page #header {
	padding: 61px 40px 47px;
	text-align: center;
	border: none;
}
#header .snow-top {
	position: absolute;
	left: 80px;
	top: 0;
}
.rotate {
	animation: rotate 20s infinite;
}
@keyframes rotate {
  0% {
    -webkit-transform: rotateY(0deg); /* Safari */
    transform: rotateY(0deg);
  }
  25% {
    -webkit-transform: rotateY(40deg); /* Safari */
    transform: rotateY(40deg);
  }
  50% {
    -webkit-transform: rotateY(0deg); /* Safari */
    transform: rotateY(0deg);
  }
  75% {
    -webkit-transform: rotateY(40deg); /* Safari */
    transform: rotateY(40deg);
  }
  100% {
    -webkit-transform: rotateY(0deg); /* Safari */
    transform: rotateY(0deg);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.20); /* Safari */
    transform: scale(0.20);
  }
  100% {
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
  }
}
.animation {
	visibility: hidden;
}
#header .snow {
	position: absolute;
    right: 112px;
    top: 61px;
}
#header img {
	width: auto;
	height: auto;
	vertical-align: top;
}
.menu-opener {
	margin-top: 11px;
	float: right;
	width: 172px;
	padding: 12px 4px 12px 133px;
	z-index: 10;
	position: relative;
	text-indent: -129px;
	font-size: 21px;
	line-height: 0px;
}
.menu-opener > span {
	height: 3px;
	border-radius: 3px;
	display: block;
	background: #fff;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
}
.menu-opener:before,
.menu-opener:after {
	content: '';
	position: absolute;
	right: 4px;
	height: 3px;
	width: 35px;
	background-color: #fff;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.menu-open .menu-opener > span{
	background: transparent;
	text-indent: -99999999px;
}
.menu-open .menu-opener:before {
	top: 12px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #fff;
}
.menu-open .menu-opener:after {
	bottom: 12px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #fff;
}
.menu-opener:before {
	top: 4px;
}
.menu-opener:after {
	bottom: 4px;
}
.menu-open .menu-opener {
	color: #F40009;
}
/*main*/
#main {
	position: relative;
	overflow: hidden;
	-webkit-transition: margin .3s;
	-o-transition: margin .3s;
	transition: margin .3s;
}
#main .santa {
	float: right;
	margin-right: -158px;
	margin-top: -188px;
	width: auto;
	height: auto;
}
.spot-box {
	white-space: nowrap;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
/* spot-nav */
.spot-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
.spot-nav li {
	font: 700 16px/18px "You2013", sans-serif;
	margin-bottom: 80px;
}
/* spot-list */
.spot-box .spot-list {
	display: inline-block;
	vertical-align: top;
	list-style: none;
	padding: 0 0 0 0px;
	margin: 0;
	font-size: 0;
	line-height: 0;
}
.spot-box .spot-list .name {
	top: 1px;
	position: absolute;
	width: 100px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
}
.spot-box .spot-list .time {
	display: block;
	position: relative;
	width: 100px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
}
.spot-box .spot-list .name:before {
	top: 25px;
}
.spot-box .spot-list .time:before,
.spot-box .spot-list .name:before {
    content: "";
    position: absolute;
    left: 50%;
    right: 0;
    bottom: 25px;
    width: 1px;
    height: 20px;
    background: #fff;
    transform: translate(-50%, 0%);
}
.spot-box .spot-list .ico-dot,
.spot-box .spot-list .ico-circle {
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	display: block;
	margin: 55px auto 36px;
	position: relative;
}
.spot-box .spot-list .ico-circle {
	background: #F40009;
}
.spot-box .spot-list .ico-circle:before {
	position: absolute;
    content: '';
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #fff;
    left: -5px;
    top: -4px;
}
/* sidebar */
#sidebar {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 400px;
	right: -400px;
	background-color: #fff;
	-webkit-transition: right .3s;
	-o-transition: right .3s;
	transition: right .3s;
	padding: 0 20px;
	z-index: 4;
}
.menu-open #sidebar {
	right: 0;
}
.menu-open {
	height: 100%;
}
/* tab-nav */
.tab-nav {
	list-style: none;
	padding: 0;
	margin: 0 -20px 35px;
	font-size: 0;
	line-height: 0;
}
.tab-nav li {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	text-align: center;
	text-transform: initial;
	font-family: "You2013", sans-serif;
	font-size: 18px;
	line-height: 24px;
}
.tab-nav li.full-width {
	width: 100%;
	border-top: 1px solid #fff;
}
.tab-nav a {
	display: block;
	padding: 18px 10px;
	position: relative;
	background: #901620;
	color: #61252a;
}
.tab-nav .active a {
	background: #F40009;
	color: #fff;
}
.tab-nav li a:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-top: 11px solid #F40009;
	top: 100%;
	left: 50%;
	margin-left: -11px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.tab-nav .active a:before {
	visibility: visible;
	opacity: 1;
}
.tab-nav a:hover {
	opacity: 1;
	background: #F40009;
	color: #fff;
}
/* tab-content */
.tab-content h2 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: #fff;
	text-transform: initial;
	text-align: center;
	font-family: "You2013", sans-serif;
	letter-spacing: 0.9px;
}
/* tab-header */
.tab-header {
	color: #F40009;
	font-weight: 700;
	font-size: 0.1px;
	line-height: 0;
	text-align: justify;
	padding: 5px 20px 0;
}
.tab-header:after {
	content: '';
	display: inline-block;
	width: 100%;
	line-height: 0;
}
.tab-header span {
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.2px;
}
/* tab-footer */
.tab-footer {
	position: absolute;
	bottom: 78px;
	right: 0px;
	left: 0;
	padding: 0px;
	background-color: #F40009;
	height: 60px;
	z-index: 99;
}
.tab-footer > img {
	width: 100%;
	vertical-align: top;
	height: auto;
	margin-bottom: 50px;
}
.social {
	list-style: none;
	padding: 19px 40px 0px;
	margin: 0;
	text-align: right;
	color: #fff;
	font-size: 0;
	line-height: 0;
}

.social li {
	display: inline-block;
	vertical-align: middle;
}
.social li+li {
	margin-left: 19px;
}
.tab-footer .fa:before {
	font-size: 20px;
	line-height: 24px;
}
.sbi_meta, .sbi_caption_wrap {
	color: #fff !important;
}
.social li a:hover {
	color: #fff;
	opacity: 0.8;
}
/* spot-list */
.tab .spot-list {
	list-style: none;
	padding: 25px 20px;
	margin: 0;
	color: #ccc;
	font: 14px/14px "You2013", sans-serif;
}
.tab .spot-list li {
	margin-bottom: 6px;
	position: relative;
}
.tab .spot-list li:before {
	display: table;
	clear: both;
	content: '';
}
.tab .spot-list .time {
	color: #fff;
	float: right;
}
.tab .spot-list .ico-dot,
.tab .spot-list .ico-circle {
	width: 8px;
	height: 8px;
	background: #ccc;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: 4px;
}
.tab .spot-list .ico-circle:before {
	position: absolute;
	content: '';
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid #ccc;
	left: -5px;
	top: -5px;
}
.tab .spot-list .ico-dot.current{
	animation: pulse 1.5s infinite;
}	
.tab .spot-list span > span {
	display: inline-block;
	margin-left: 20px;
	background-color: #F40009;
	border-radius: 4px;
	padding: 5px;
}
.tab .spot-list .active .ico-dot,
.tab .spot-list .active .ico-circle {
	background: #F40009;
}
.tab .spot-list .active {
	color: #fff;
}
.tab .spot-list .active .ico-circle:before {
	border-color: #F40009
}
.tab-header+.scroll-area {
	bottom: 141px;
}
#sb_instagram #sbi_load .sbi_load_btn {
	background-color: #F40009;
	font-weight: 600;
}
.holder2 #sb_instagram #sbi_load .sbi_load_btn {
    background-color: #fff;
    font-weight: 600;
    color: #F40009;
    margin: 20px 0px;
}
/* scroll-area */
.scroll-area {
	position: absolute;
	top: 136px;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 5;
	width: auto !important;
	overflow-y: scroll !important; 
}
.nicescroll-cursors {
	right: 10px;
}
.jspPane {
	padding: 0 20px !important;
	width: 100% !important;
}
.jspVerticalBar {
	background: none;
	right: -4px;
}
.jspTrack {
	background: none;
}
.jspDrag {
	background: #ccc;
	width: 4px;
	border-radius: 2px;
}
/* gallery-list */
.gallery-list {
	list-style: none;
	padding: 0;
	margin: 0 -10px;
	font-size: 0;
	line-height: 0;
}
.gallery-list li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 10px 20px;
}
.tab-content .visual {
	display: block;
	height: 160px;
}
/*footer*/
#footer {
	position: relative;
	font-size: 0;
	line-height: 0;
}
#footer img {
	width: auto;
	height: auto;
	vertical-align: top;
}
#footer .holder {
	padding: 57px 72px 12px;
	font-size: 16px;
	line-height: 20px;
}
#footer .logo {
	width: 229px;
	height: 93px;
	float: left;
}
#footer .logo2{
	float: none;
	width: 270px;
    height: 119px;
}
#footer h4 {
	font-weight: 700;
	font-size: 42px;
	line-height: 48px;
	text-transform: uppercase;
	text-align: center;
	margin: 50px 229px 0 0;
}
#footer .snowflake-top {
	position: absolute;
	top: 0;
	right: 105px;
	width: 137px;
	height: auto;
}
#footer .snowflake-middle {
	position: absolute;
	bottom: 33.5%;
	right: 11.5%;
	left: 3%;
}
#footer .snowflake-middle img {
	width: 100%;
	height: auto;
}
#footer .footer-ground {
	width: 100%;
	height: auto;
	display: block;
}
/*footer*/
.landing-page #footer .holder {
	padding: 97px 91px 14px;
	font-size: 20px;
	line-height: 43px;
}
.landing-page #footer .holder2 {
	text-align: center;
}	
.landing-page #footer h4.center {
	text-align: center;
	margin-top: 120px;
	font-family: 'You2013';
	font-weight: 700;
}	
.landing-page #footer .snowflake-top {
	position: absolute;
	top: 0;
	right: 46px;
	width: 154px;
	height: auto;
}
.landing-page #footer .snowflake-middle {
	position: absolute;
	bottom: 23.5%;
	right: 9.5%;
	left: 5%;
}
.landing-page #footer .snowflake-middle2 {
	position: absolute;
	bottom: 229px;
	right: 9.5%;
	left: 5%;
}
.landing-page #footer .snowflake-middle img {
	width: 100%;
	height: auto;
}
#footer .copy {
	position: relative;
    text-align: center;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 20px;
}
ul.solli {
	display: flex;
    margin: 0px;
    padding: 0px;
    width: 100%;
    align-items: center;
	justify-content: center;
	list-style-type: none;
}
ul.solli li {
	padding: 0px 5px;
}	
ul.solli li a:hover{
	color: #F40009;
}	
.star-sm {
	max-width: 30px !important;
	height: auto;
}
.star-md {
	max-width: 57px !important;
	height: auto;
}
.star-lg {
	max-width: 77px !important;
	height: auto;
}
.star01 {
	position: absolute;
    top: 90px;
    left: 170px;
}
.star02 {
	position: absolute;
    top: 78px;
    left: 220px;
}
.star03 {
	position: absolute;
    top: 83px;
    right: 220px;
}
.star04 {
	position: absolute;
    top: 49px;
    right: 10px;
}
.star05 {
	position: absolute;
    top: 24px;
    right: 53px;
}
.star06 {
	position: absolute;
    bottom: 165px;
    left: 53px;
}
.star07 {
	position: absolute;
    top: 108px;
    left: -28px;
}
.star08 {
	position: absolute;
    top: 90px;
    left: 18px;
}
.star09 {
	position: absolute;
    top: 200px;
    left: -50px;
}
.star10 {
	position: absolute;
    top: 187px;
    left: -5px;
}
.star11 {
	position: absolute;
    bottom: 100px;
    right: -50px;
}
.star12 {
	position: absolute;
    top: 120px;
    right: -5px;
}
.star13 {
	position: absolute;
    bottom: 87px;
    right: -6px;
}
.star14 {
	position: absolute;
    bottom: -84px;
    left: -6px;
}
@media screen and (max-width: 1200px) {
	.spot-box .spot-list li {
		display: block;
		margin-bottom: 3px;
		font-size: 14px;
		width: auto;
		text-align: left;
	}
	.spot-box .spot-list {
		display: block;
		padding: 0;
	}
	.spot-box .spot-list .ico-dot, .spot-box .spot-list .ico-circle {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		display: inline-block;
		vertical-align: middle;
		margin: 0 25px 0 0;
		position: relative;
	}
	.spot-box .spot-list .ico-circle:after {
		content: '';
		position: absolute;
		width: 12px;
		height: 1px;
		top: 4px;
		left: 100%;
		margin-left: 10px;
	}
	.spot-box .spot-list .name {
		position: static;
		width: auto;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	.spot-box .spot-list .time {
		float: right;
		width: auto;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		position: static;
		margin-top: 0px;
	}
	.spot-box .spot-list .time:before, .spot-box .spot-list .name:before {
		display: none !important;
	}
}	
@media screen and (max-width: 991px) {
	section.intro img.santaimg {
		max-width: 100%;
	}
	.countdown-wrapper ul li + li:before {
		left: -10px;
	}
	section.intro h2 {
		padding: 13px 20px;
		text-align: center;
	}
	#footer .footer-img-holder {
		flex-direction: column;
	}
	#footer .footer-img-holder img {
		max-width: 100%;
		height: auto;
	}

}
@media screen and (max-width: 768px) {
	.countdown-wrapper ul li {
		min-width: 70px;
		text-align: center;
	}
	section.intro h2 {
		font-size: 24px;
		line-height: 28px;
		padding: 13px 20px;
		display: block;
		max-width: 470px;
		text-align: center;
	}
	.star {
		display: none;
		visibility: hidden;
	}
	section.intro h1 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.countdown-wrapper ul li + li:before {
		left: -32px;
	}
}	
@media screen and (max-width: 600px) {
	section.intro h1 {
		font-size: 38px;
		line-height: 48px;
	}
	.countdown-wrapper ul li + li:before {
		left: -13px;
		top: -2px;
	}
	body:not(.menu-open).page-template-page-home .menu-opener > span {
		text-indent: -999999px;
	}
}	
/* modal */
.modal-open {
	overflow: hidden;
}
.modal-hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
	overflow: hidden;
	height: 1px;
}
.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	display: none;
	background: rgba(0,0,0,.5);
	overflow-y: auto;
}
.modal .modal-holder {
	display: table-cell;
	vertical-align: middle;
	height: 100vh;
	width: 1%;
	padding: 15px;
}
.modal .modal-content {
	position: relative;
	max-width: 637px;
	margin: 0 auto;
	text-align: center;
	min-height: 250px;
	background: #fff;
}
.modal .visual {
	min-height: 487px;
}
.modal .modal-footer {
	background: #fff;
	display: table;
	width: 100%;
	color: #F40009;
	text-align: left;
	font: 12px/20px 'You2013', sans-serif;
}
.modal .modal-footer .cell {
	display: table-cell;
	vertical-align: middle;
	height: 65px;
	width: 1%;
	padding: 10px 28px 0;
}
.btn-like {
	float: right;
	position: relative;
	color: #F40009;
	width: 38px;
	height: 34px;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	top: -7px;
}
.btn-like:hover {
	text-decoration: none;
}
.btn-like:before,
.btn-like:after {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -.5em;
	text-indent: 0;
	text-align: center;
	font: 34px/1em 'FontAwesome';
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.btn-like:before {
	content: '\f08a';
}
.btn-like:after {
	content: '\f004';
	opacity: 0;
}
.btn-like:hover:before,
.liked.btn-like:before {
	opacity: 0;
}
.btn-like:hover:after,
.liked.btn-like:after,
.liked.btn-like:hover:before {
	opacity: 1;
}
/* map */
.map-wrap {
	height: 920px;
}
.landing-page .map-wrap {
	height: 100vh;
}
#map2,
#map {
	height: 100%;
	width: 100%;
}
.labels {
	text-transform: uppercase;
	padding: 10px 10px;
	font-size: 18px;
	line-height: 18px;
	width: 122px;
	display: inline-block;
	background: #dbdbdb;
	color: #414141;
	border-radius: 3px;
	position: relative;
	overflow: visible !important;
}
.labels:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 12px solid #dbdbdb;
	bottom: 100%;
	left: 50%;
	margin-left: -6px;
}
.labels.top:before {
	bottom: auto;
	top: 100%;
	border-top: 12px solid #dbdbdb;
	border-bottom: 0;
}
/* iw-box */

.iw-box:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -10px;
	width: 0;
	height: 0;
	border-top: 16px solid #F40009;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.gm-style-iw button {
	display: none !important;
	visibility: hidden !important;
}
.iw-box .gm-style-iw {
	top: 0 !important;
	left: 0 !important;
	overflow: visible;
	width: 162px !important;
	height: 54px !important;
}
.iw-box .gm-style-iw + * {
	display: none !important;
}
.iw-box .gm-style-iw > div,
.iw-box .gm-style-iw > div > div {
	overflow: visible !important;
	max-width: none !important;
}
.iw-box .ib-item {
	display: block !important;
	background: red !important;
	font: 13px/16px 'You2013', sans-serif;
}
.iw-box .ib-item .name,
.iw-box .ib-item .time {
	position: absolute;
	top: 0;
	bottom: 0;
	padding: 19px 5px;
	text-align: center;
}
.iw-box .ib-item .name {
	right: 54px;
	background: #F40009;
	min-width: 108px;
}
.iw-box .ib-item .name span {
	display: block;
    font-size: 12px;
    margin-top: -2px;
}
.iw-box .ib-item.green .name {
	background: #005D1D;
	padding: 5px 5px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}	
.iw-box .ib-item .time {
	right: 0;
	width: 54px;
	background: #fff;
	color: #F40009;
}
@media screen and (max-width: 1199px) {
	/*
	#main .santa {
		margin-right: -65px;
	}
	*/
	.landing-page #footer .snowflake-middle {
		bottom: 16.5%;
	}
}
@media screen and (max-width: 991px) {
	.countdown-wrapper span.time {
		font: 700 28px/34px "You2013", sans-serif;
	}
	#main .santa {
	float: right;
	margin-right: -66px;
	margin-top: -188px;
	width: auto;
	height: auto;
	max-width: 50%;
	}
	a.map-scroll {
	    text-align: center;
	    position: relative;
	    bottom: 0;
	    left: 0;
	    margin-left: 0px;
	}
	#header .snow-top {
		left: 50px;
	}
	#header .snow {
		right: 50px;
		top: 50px;
		max-width: 150px;
	}
	.landing-page #header {
		padding: 61px 40px 75px;
	}
	#footer .snowflake-middle {
		bottom: 25%;
	}
	#footer .holder {
		padding: 45px 40px 15px
	}
	#footer .logo {
		width: 102px;
		height: 42px;
	}
	#footer h4 {
		margin: 15px 102px 0 0;
		font-size: 26px;
		line-height: 40px;
	}
	#footer .snowflake-top {
		right: 50px;
		width: 85px;
	}
	.landing-page .map-wrap {
		height: 500px;
	}
	.landing-page #footer .holder {
		padding: 50px 15px 15px
	}
	.landing-page #footer h4 {
		margin-top: 25px;
	}
	.landing-page #footer .snowflake-top {
		width: 120px;
	}
}
@media screen and (max-width: 767px) {
	/*
	.scroll-area.jspScrollable {
		overflow: visible !important;
	}
	.jspContainer, .jspPane {
		min-height: 667px !important;
	}
	.tab-header + .scroll-area {
    	bottom: 0 !important;
	}
	.bot-img-1 {
		margin-top: 40px;
	}
	.bot-img {
		max-width: 100%;
	}
	*/
	.countdown-wrapper span.text {
		font: 400 28px/34px "Unity-headline", sans-serif;
	}
	.desktop-hidden {
		display: block;
	}
	.logo {
		width: 70px;
		height: 30px;
	}
	.landing-page .logo {
		width: 152px;
		height: 62px;
	}
	.menu-opener {
		margin-top: 5px;
		width: 120px;
		padding: 10px 4px 10px 90px;
		text-indent: -80px;
		font-size: 14px;
	}
	#sidebar {
		width: 100%;
		right: -100%;
	}
	.tab .spot-list {
		padding: 22px 40px 15px 0;
	}
	.gallery-list li {
		width: 100%;
	}
	#footer {
		display: none;
	}
	.modal .visual {
		min-height: 275px;
	}
	.modal .modal-footer .cell {
		height: 50px;
	}
	.btn-like {
		top: -5px;
	}
	.tab-header {
		padding-right: 40px;
		padding-left: 0;
	}
	.tab-content h2 {
		display: none;
	}
	.tab-nav {
		margin-bottom: 20px;
		position: relative;
		z-index: 3;
	}
	.tab-nav li {
		font-size: 12px;
		line-height: 16px;
	}
	.tab-nav .active a:before {
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-top: 9px solid #F40009;
		margin-left: -9px;
	}
	.tab-content .snow-top {
		position: absolute;
		top: 44px;
		right: 15px;
		width: 33px;
		height: auto;
	}
	.tab-footer > img {
		margin-bottom: 5px;
	}
	.tab-footer {
		padding: 50px 0 25px;
	}
	.tab-footer .snow {
		max-width: 155px;
		margin-left: 85px;
		margin-bottom: -50px;
	}
	.scroll-area {
		top: 94px;
	}
	.tab-header + .scroll-area {
		bottom: 275px;
	}
	.menu-opener > span {
		height: 2px;
	}
	.menu-opener:before,
	.menu-opener:after {
		height: 2px;
		width: 26px;
	}
	.menu-open .menu-opener:before {
		top: 10px;
	}
	.menu-open .menu-opener:after {
		bottom: 10px;
	}
	.menu-opener:before {
		top: 4px;
	}
	.menu-opener:after {
		bottom: 4px;
	}
	#header {
		padding: 9px 24px;
	}
	.landing-page #header {
		padding: 45px 20px 28px;
	}
	#header .snow-top {
		max-width: 51px;
		left: 13px;
	}
	#header .snow {
		max-width: 61px;
		right: 17px;
		top: 25px;
	}
	.landing-page {
		font-size: 14px;
		line-height: 24px;
	}
	h1 {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	h2 {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 15px;
	}
	.landing-page p {
		margin-bottom: 15px;
	}
	.tab-nav a {
		padding: 16px 0;
	}
	.landing-page .map-wrap {
		height: 332px;
	}
	.landing-page #footer .snowflake-top {
		max-width: 63px;
		right: 22px;
	}
	/*
	.landing-page #footer .holder img {
		max-width: 63px;
	}
	*/
	.landing-page #footer {
		display: block;
	}
	.landing-page #footer h4 {
		font-size: 26px;
		line-height: 30px;
		margin: 45px 0 15px;
	}
	.landing-page #footer .snowflake-middle {
		bottom: 10%;
	}
	#footer .copy {
		font-size: 8px;
		bottom: 0;
	}
	/* spot-nav */
	.spot-nav {
		display: block;
		overflow: hidden;
	}
	.spot-nav li {
		float: left;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.spot-nav li+li {
		float: right;
	}
	/* spot-list */
	.spot-box .spot-list {
		display: block;
		padding: 0;
	}
	.spot-box .spot-list li {
		display: block;
		margin-bottom: 3px;
		font-size: 14px;
		width: auto;
		text-align: left;
	}
	.spot-box .spot-list .name {
		position: static;
		width: auto;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	.spot-box .spot-list .time {
		float: right;
		width: auto;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		position: static;
		margin-top: 0px;
	}
	.spot-box .spot-list .name:before,
	.spot-box .spot-list .time:before  {
		display: none;
	}
	.btn-scroll .fa {
		padding-top: 19px;
	}
	#main .santa {
		height: auto;
		margin: -25px 0 0;
		max-width: 65%;
	}
	.iw-box {
		width: 100px !important;
		height: 34px !important;
		margin-left: -24px;
	}
	.iw-box .gm-style-iw {
		width: 100px !important;
		height: 34px !important;
	}
	.iw-box .ib-item {
		font-size: 9px;
		line-height: 14px;
	}
	.iw-box .ib-item .name,
	.iw-box .ib-item .time {
		padding: 10px 5px;
	}
	.iw-box .ib-item .name {
		right: 34px;
		min-width: 66px;
	}
	.iw-box .ib-item .time {
		width: 34px;
	}
}
@media screen and (max-width: 520px) {
	#map {
		margin-top: 78px;
	}
}
@media screen and (max-width: 479px) {
	.tab-header + .scroll-area {
		bottom: 0px !important;
	}
	.tab-footer {
	    padding: 50px 0 25px;
	    display: none !important;
	}

	.countdown-wrapper span.time {
		font: 700 28px/34px "You2013", sans-serif;
	}
	.countdown-wrapper span.text {
		font: 400 15px/19px "Unity-headline", sans-serif;
	}
	.scroll-area {
		top: 89px;
	}
	.tab-header span {
		font-size: 12px;
		line-height: 16px;
	}
	.tab-header + .scroll-area {
		bottom: 200px;
	}
	.tab-footer .snow {
		margin-bottom: -40px;
		max-width: 120px;
	}
	.tab-footer > img {
		margin-bottom: -25px;
	}
	.landing-page #footer .snowflake-middle {
		bottom: 3.5%;
	}
	#footer .copy {
		bottom: -15px;
	}
}
@media screen and (max-width: 500px) and (max-height: 500px) {
	.tab-header + .scroll-area {
		bottom: 120px;
	}
	.tab-footer {
		padding: 20px 0;
	}
	.tab-content .snow-top {
		top: 0px;
		right: 15px;
		width: 33px;
	}
}
@media screen and (min-width: 480px) and (max-height: 500px) {
	.tab-footer {
		padding: 20px 0;
	}
	.tab-content .snow-top {
		top: 0px;
		right: 15px;
		width: 33px;
	}
	.tab-header span {
		font-size: 12px;
		line-height: 16px;
	}
	.tab-header + .scroll-area {
		bottom: 100px;
	}
	.tab-footer .snow {
		margin-bottom: -65px;
		max-width: 80px;
	}
	.tab-footer > img {
		margin-bottom: -55px;
	}
}
a:hover {
	text-decoration: none !important;
}
.landing-2020 .main-banner {
	background-color: #f50008;
	position: relative;
	padding-top: 130px;
}
/*
.landing-2020 .main-banner::before {
	content: '';
	background-image: url('../images/Skraut.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100%;
	position: absolute;
	top: -53px;
	left: 20%;
	height: 286px;
    width: 201px;
	transition: all 1.5s ease-in;
}	
body:not(.ready) .landing-2020 .main-banner::before {
	top: -100%;
}
*/
.landing-2020 .main-banner img.santa {
	display: block;
	margin-bottom: -15px;
	max-width: 100%;
    height: auto;
}
.landing-2020 .main-banner h1  {
	color: #ffffff;
	font: 62px/72px "You2013", sans-serif;
	margin: 0 0 33px;
}
.landing-2020 .counter-holder {
	display: flex;
    width: 100%;
    flex-basis: auto;
    justify-content: flex-end;
    margin-top: -67px;
}
.landing-2020 .counter-holder .countdown-wrapper {
	position: relative;
	z-index: 1;
	max-width: calc(100% - 10%);
	width: 100%;
}
.landing-2020 .counter-holder .countdown-wrapper ul li {
    min-width: 90px;
    text-align: center;
    width: 25%;
}
.landing-2020 .counter-holder .countdown-wrapper ul li + li:before {
    left: 0;
}
.landing-2020 .counter-holder .countdown-wrapper span.text {
	color: #fff;
}
body {
	background-color: #32652d;
}
.landing-2020 .green-area {
	padding: 70px 0px 90px;
	position: relative;
}
.landing-2020 .green-area p {
	font-family: 'Unity-text';
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	margin-bottom: 25px;
}
.landing-2020 .green-area p.strong {
	font-family: 'Unity-headline';
	font-size: 28px;
	line-height: 38px;
}	
.landing-2020 .green-area img.starro01 {
	position: absolute;
	top: 0;
	right: 30px;
}
.landing-2020 .green-area img.starro02 {
	position: absolute;
	bottom: 10px;
	left: 30px;
}
.landing-2020 .bottom-area {
	background-color: #DE0B1C;
    /*background-image: url(../images/red-square.svg);*/
    background-size: 100px;
    background-repeat: repeat-x;
    padding: 0px 0px;
    background-position: 50% 100%;
}
.landing-2020 .bottom-area img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}	
@media screen and (max-width: 1199.98px) {
	.landing-2020 .main-banner h1 {
		font: 46px/58px "You2013", sans-serif;
		margin: 20px 0 0 33px;
		display: block;
	}
	/*
	.landing-2020 .main-banner::before {
		top: -92px;
	}
	*/
}	
@media screen and (max-width: 991.98px) {
	.landing-2020 .main-banner h1 {
		font: 32px/38px "You2013", sans-serif;
		margin: 20px 0 0 33px;
		display: block;
	}
}
@media screen and (max-width: 767.98px) {
	.landing-2020 .counter-holder {
		justify-content: center;
	}
	.landing-2020 .counter-holder .countdown-wrapper span.text {
		font: 400 18px/32px "Unity-headline", sans-serif;
	}
	.landing-2020 .main-banner h1 {
		text-align: center;
	}
	.landing-2020 .main-banner {
		padding-top: 170px;
	}
	/*
	.landing-2020 .main-banner::before {
		top: -127px;
		left: 50%;
		transform: translate(-50%, 0px);
	}
	*/
	.landing-2020 .main-banner img.santa {
		margin: auto;
		max-width: 80%;
	}
	.landing-2020 .green-area img.starro01, .landing-2020 .green-area img.starro02 {
		max-width: 51px;
		height: auto;
	}
	.landing-2020 .bottom-area {
		background-size: 66px;
	}
	.landing-2020 .bottom-area {
		padding-top: 80px;
	}	
}	
.bottom-area img.slogan {
	max-width: 400px;
}
.slogan-logo img{
	max-width: 500px;
	height: auto;
}
.gm-style .gm-style-iw-a {
	width: initial !important;
    height: initial !important;
}
.gm-style .gm-style-iw-t {
    position: initial !important;
    width: auto !important;
}
.map-wrap .alert-message {
	position: absolute;
	bottom: 0px;
	left: 50%; 
	transform: translate(-50%, 0px);
	background-color: #F40009;
	color: #fff;
	padding: 10px 15px 10px;
	text-align: center;
}
.map-wrap .alert-message p {
	margin-bottom: 0px;
}	
.map-wrap .alert-message p strong {
	font-size: 17px;
}
@media screen and (max-width: 600.98px) {
	.map-wrap .alert-message p strong {
		font-size: 15px;
	}
	.map-wrap .alert-message p {
		font-size: 13px;
	}
}	
body.page-id-459 {
	background-color: #DE0A1C;
}
body.page-id-459 header p {
	font-weight: 400;
}
body.page-id-459 #footer .footer-ground {
	margin-bottom: -1px;
}
body.page-id-459 #footer .copy {
	background: #fff;
	color: #DE0A1C;
	padding-bottom: 0.2rem;
}

.page-id-9 .bottom-area img.slogan {
	max-width: 80%;
}
.bottom-area.bg-images {
	padding: 0px !important;
	margin: 0px !important;
}
.bottom-area.bg-images img {
	height: 600px;
    object-fit: cover;
    width: 100%;
}	
.landing-2020 .main-banner::before {
	content: '';
    background-image: url(../images/jolaskraut-left.svg);
    background-size: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 28%;
    background-repeat: no-repeat;
}
.landing-2020 .main-banner::after {
	content: '';
    background-image: url(../images/jolaskraut-right.svg);
    background-size: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 20%;
    background-repeat: no-repeat;
}
.landing-2020 .green-area img.skraut01 {
    position: absolute;
    width: 200px;
    top: -50px;
    left: 6%;
}
.landing-2020 .green-area img.skraut02 {
    position: absolute;
    width: 200px;
    top: 0px;
    right: 2%;
}
@media screen and (max-width: 1159.98px) {
	.landing-2020 .green-area img.skraut01 {
		width: 110px;
		left: 8%;
	}	
	.landing-2020 .green-area img.skraut02 {
		width: 170px;
	}	
}	
@media screen and (max-width: 990.98px) {
	.landing-2020 .green-area {
		padding: 110px 0px 180px;
	}
	.landing-2020 .green-area img.skraut01 {
		
	}	
	.landing-2020 .green-area img.skraut02 {
		position: absolute;
		width: 170px;
		top: auto;
		right: 6%;
		bottom: 14px;
	}	
}	
@media screen and (max-width: 767.98px) {
	.bottom-area.bg-images img {
		height: 400px;
	}	
}