@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Mono&display=swap');
@import url('https://fonts.cdnfonts.com/css/cascadia-code');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@700&display=swap');
* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
@font-face {
    font-family: 'adlib_btregular';
    src: url('tt1154m-webfont.woff2') format('woff2'),
         url('tt1154m-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body,
html {
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden;
    -webkit-text-size-adjust: 100%;
	min-height: 100vh;
	min-height: -webkit-fill-available;
}
body {
    background: #fff;
}
img {
    max-width: 100%;
	pointer-events: none;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
	font-size: calc(15px + 0.390625vw);
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    font-family: 'Courier Prime', monospace;
    font-size: 15px;
    line-height: 18px;
}
body,
h1 {
    color: #231f20;
}
h1 {
	font-family: 'adlib_btregular';
}
h1 span {
    display: block;
    text-align: center;
}
h1 span:before {
    margin-right: 15px;
}
h1 span:after,
h1 span:before {
    content: "";
    width: calc(50% - 102.5px);
    height: 2px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
}
h1 span:after {
    margin-left: 15px;
}
.fullpage-wrapper {
	min-height: 100vh;
	min-height: -webkit-fill-available;
}
.btn {
    background: #e11d28;
    color: #e4e4e4;
    font-size: 19px;
    line-height: 26px;
    text-transform: uppercase;
    padding: 14px 32px;
    border-radius: 28px;
    text-decoration: none;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    outline: none;
}
.btn:hover {
    background: #1a1818;
    color: #fff;
}
.fancybox-active .btn {
    opacity: 0;
}
@media (min-height: 801px) {
    .fancybox-active h1 {
        margin-top: 10vh;
    }
    .fancybox-active #flip_timer {
        bottom: 8vh;
    }
}
@media (max-height: 800px) {
    .fancybox-active h1 {
        margin-top: 30px;
    }
    .fancybox-active #flip_timer {
        bottom: 30px;
    }
}
@media (max-width: 1024px) {
    .fancybox-active .quote {
        opacity: 0;
    }
}
.fancybox-is-open .fancybox-bg {
    background: #000;
}
@media (max-width: 575px) {
    body,
    html {
        overflow: auto;
    }
    .logo img {
        margin: 0 auto;
        display: block;
    }
    @-webkit-keyframes fader {
        0% {
            opacity: 0;
        }
        03.33% {
            opacity: 1;
        }
        06.66% {
            opacity: 1;
        }
        09.99% {
            opacity: 1;
        }
        13.33% {
            opacity: 1;
        }
        16.65% {
            opacity: 0;
        }
        to {
            opacity: 0;
        }
    }
    @keyframes fader {
        0% {
            opacity: 0;
        }
        03.33% {
            opacity: 1;
        }
        06.66% {
            opacity: 1;
        }
        09.99% {
            opacity: 1;
        }
        13.33% {
            opacity: 1;
        }
        16.65% {
            opacity: 0;
        }
        to {
            opacity: 0;
        }
    }
    .fancybox-active h1 {
        opacity: 0;
    }
}
.content {
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    max-height: 100%;
    max-width: 1200px;
    margin: auto;
	width: 70vw;
	min-height: -webkit-fill-available;
}
.bar_privacy {
    background: #212121;
    bottom: 0;
    color: #ccc;
    display: none;
    font-size: 14px;
    left: 0;
    line-height: 1;
    padding: 12px 10px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 99999;
}
.bar_privacy a {
    color: #fefefe;
    font-size: 14px;
}
.bar_privacy div.privacy_buttons, .bar_privacy p {
    display: inline-block;
}

body.confirm-privacy-open {
    height: calc(100% - 38px);
}
@media (max-width: 575px) {
	body.confirm-privacy-open {
		height: calc(100% - 86px);
	}
	.bar_privacy div.privacy_buttons {
		margin: 10px 0;
	}
}
#privacy .modal-footer button {
    background: #000;
    border: none;
    opacity: 1;
}
#privacy .modal-footer button:hover {
    opacity: 0.8;
}

body.privacy_content .logo {
	position: relative;
    display: block;
    transform: none;
    left: 0;
    margin: auto;
}
body.privacy_content .text-content, body.privacy_content .text-content h1 {
	color: #1a1818;
}
body.privacy_content .text-content h1 {
	width: 100%;
	text-align: center;
}

.logo {
	text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    height: 100%;
	position: relative;
}
.logo-container {
    padding-bottom: 0;
    padding-top: calc(10vh - 2.5%);
    display: block;
    width: 100%;
	max-height: 60vh;
}
.logo img {
	pointer-events: none;
    display: block;
    position: relative;
	max-height: 90%;
	align-self: flex-end;
	margin: 0 auto;
	bottom: -100%;
	transform: scale(0);
    transition: bottom 1.5s ease, transform 1.5s ease;
}
h1.main-heading {
	color: #1a1818;
    font-size: calc(1.5rem + 2vmin);
    line-height: calc(1em + 1vmin);
    width: 100%;
    text-align: left;
    margin-bottom: 2%;
    margin-top: 3%;
    padding-left: 20%;
    padding-right: 10%;
	/*height: 5%;*/
}
.sec-3 h1.main-heading {
	color: #1a1818;
    font-size: calc(1.5rem + 2vmin);
    line-height: calc(1em + 1vmin);
    width: 100%;
    text-align: left;
    margin-bottom: 2%;
    margin-top: 3%;
    padding-left: 15%;
    padding-right: 10%;
}
.sec-5 h1.main-heading {
	color: #1a1818;
    font-size: calc(1.5rem + 2vmin);
    line-height: calc(1em + 1vmin);
    width: 100%;
    text-align: left;
    margin-bottom: 2%;
    margin-top: 3%;
    padding-left: 15%;
    padding-right: 10%;
}
.sec-6 h1.main-heading {
	color: #1a1818;
    font-size: calc(1.5rem + 2vmin);
    line-height: calc(1em + 1vmin);
    width: 100%;
    text-align: left;
    margin-bottom: 2%;
    margin-top: 3%;
    padding-left: 15%;
    padding-right: 10%;
}
h1.main-heading.video-heading {
	margin: 0;
    color: #fff;
    z-index: 10;
	width: auto;
    height: auto;
    position: absolute;
    top: -8%;
	padding-left: calc(10% + 10px);
}
.video-heading-bg {
	position: absolute;
    width: 100%;
    height: 200%;
    left: 10%;
    top: -30%;
    z-index: -1;
    padding-right: 20%;
}
span.main-desc {
	font-family: 'Courier Prime', monospace;
    font-size: calc(0.75em + 0.67vmin);
    padding-left: 23%;
    padding-right: 20%;
    line-height: calc(1em + 0.67vmin);
    margin-top: 10vmin;
}
span.second-desc {
	font-family: 'Courier Prime', monospace;
	font-size: calc(0.75em + 0.67vmin);
	padding-left: 15%;
    padding-right: 20%;
    line-height: calc(0.75em + 0.67vmin);
	width: 100%;
	/*height: 5%;*/
}
.block-container {
	width: 100%;
    position: relative;
    display: block;
	text-align: center;
	height: 60%;
	margin-top: 5%;
}
.sec-3 .block-container {
	width: 100%;
    position: relative;
    display: block;
	text-align: center;
	height: 60%;
}
.sec-5 .block-container {
	width: 100%;
    position: relative;
    text-align: center;
    height: 60%;
    margin-top: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
	max-height: 60vh;
}
.sec-6 .block-container {
    margin-top: 7.5%;

}
.sec-7 .block-container {
    margin-top: 5%;

}
.svg-star {
	position: absolute;
    width: 20%;
    left: 0;
    transform-origin: 50% 0%;
    transition: height 500ms ease, width 500ms ease, transform 500ms ease, left 500ms ease, top 500ms ease;
    transform: rotate(60deg) scale(0.5) translate3d(0, -50%, 0);
    z-index: 99;
}
.sec-3 .svg-star {
    left: unset;
	right: -3%;
}
.sec-5 .svg-star {
    left: unset;
	right: -5%;
    top: 0;
}
.sec-6 .svg-star {
    left: unset;
	right: -5%;
    top: 0;
}
.sec-7 .svg-star {
    left: unset;
	right: -2%;
    top: 0;
}
.svg-star.anim-star {
	transform: rotate(0deg) scale(1) translate3d(0, -50%, 0);
}
.Path1 {
	position: absolute;
    width: 20%;
	top: 100%;
    left: 2%;
    transform-origin: 50% 0%;
    transition: all 1000ms ease;
    height: 0;
    transform: rotate(0deg) translate3d(0, 0, 0);
	margin-top: -2.5vmin;
}
.Path1.loaded {
    height: calc(100vh - 80%);
}
.Path1.anim {
    height: 100vh !important;
    transform: rotate(-2deg) translate3d(0, 0, 0);
}
.sec-2 .Path1 {
	left: unset;
    right: 1.5%;
    transform: rotate(4deg) translate3d(0, 0, 0) scaleX(-1);
    margin-top: calc(-10% - 10vh);
}
.sec-2 .Path1.anim {
    height: 100vh !important;
    transform: rotate(4deg) translate3d(0, 0, 0) scaleX(-1);
}
.sec-4 .Path1 {
	left: unset;
    right: 1.5%;
    transform: rotate(4deg) translate3d(0, 0, 0) scaleX(-1);
    margin-top: -20%;
    z-index: -1;
    height: calc(100vh - 80%);
}
.sec-4 .Path1.anim {
    height: 100vh !important;
    transform: rotate(-2deg) translate3d(0, 0, 0) scaleX(-1);
}
.sec-5 .Path1 {
	position: absolute;
    width: 20%;
    top: 100%;
    left: -5%;
    transform: rotate(0deg) translate3d(0, 0, 0);
    margin-top: -3.5vmin;
}
.sec-5 .Path1.anim {
    height: 60vh !important;
    transform: rotate(-13deg) translate3d(0, 0, 0) scaleX(1);
	left: -3%;
}
.sec-6 .Path1 {
	left: unset;
    right: 1.5%;
    transform: rotate(4deg) translate3d(0, 0, 0) scaleX(-1);
    margin-top: calc(-10% - 10vh);
}
.sec-6 .Path1.anim {
    height: 80vh !important;
    transform: rotate(4deg) translate3d(0, 0, 0) scaleX(-1);
}
.Path_52 {
	width: 90%;
    max-height: 100%;
    z-index: 10;
    padding: 0 20px;
    margin-top: -1%;
    fill: #231f20;
    left: 50%;
    top: 0;
    transform: translate3d(-50%, 0, 0);
    position: absolute;
    height: 100%;
}
.sec-5 .Path_52 {
	width: 100%;
    z-index: 10;
    padding: 0;
    margin-top: 0;
	fill: #231f20;
	left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
	height: 100%;
}
.selector-container {
	background-color: #D9D4D4;
	width: 95%;
	height: 95%;
	display: block;
	position: relative;
	z-index: 10;
	max-height: 95%;
}
.Path2 {
	width: 90%;
    height: 100%;
    z-index: 10;
    margin-top: -1%;
    fill: #231f20;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
	    z-index: -1;
}
.sec-4 .Path2 {
	margin-top: 0;
}
.abivideo_Class {
	cursor: pointer;
	pointer-events: all;
}
.logo-bar {
	position: absolute;
    bottom: 0;
    transform: translate(-50%, 50%);
    width: 0;
    left: 50%;
	max-height: 60px;
	transition: width 1.5s ease;
}
.logo-bar.loaded {
    width: 85%;
}
.logo img.loaded {
	bottom: 0;
	transform: scale(1);
}
.logo-wrapper {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.video-container {
	position: relative;
    height: 90%;
    overflow: hidden;
    z-index: 10;
    left: 50%;
    top: 3%;
    transform: translate3d(-50%, 0, 0);
    max-width: 80%;
    max-height: 100%;
}
.abivideo_Class {
	position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
	width: 100%;
	height: auto;
	max-height: 100%;
	background-color: black;
}
iframe.abivideo{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}
.playpause {
    background-image:url(../videos/media_play_pause_resume.png);
    background-repeat:no-repeat;
    width:50%;
    height:50%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
	z-index: 99;
	cursor: pointer;
}
.elements-overlay {
	position: absolute;
    width: 100vw;
    height: 100%;
	pointer-events: none;
	z-index: 99;
	min-height: 715px;
}
.animation-element {
	max-width: 45vw;
}
.animation-element.left {
    transition: all 1s ease;
    left: -50%;
}
.animation-element.right {
    transition: all 1s ease;
    right: -50%;
}
.animation-element.left.start {
    transform: rotate(-160deg) translate3d(0, 0, 0) !important;
}
.animation-element.right.start {
    transform: rotate(160deg) translate3d(0, 0, 0) !important;
}
.animation-element.elem-left-1 {
	position: absolute;
    top: 45%;
	width: calc(100vw - 70%);
	margin-left: -5%;
    transform: rotate(0deg) translate3d(0, 0, 0);
}
.animation-element.elem-left-2 {
	position: absolute;
    top: 0%;
	width: calc(100vw - 80%);
    transform: rotate(0deg) translate3d(0, 0, 0);
}
.animation-element.elem-left-3 {
	position: absolute;
    bottom: 5%;
    width: calc(100vw - 55%);
    margin-left: -5%;
    transform: rotate(0deg) translate3d(0, 0, 0);
}
.animation-element.elem-left-4 {
	position: absolute;
    top: 15%;
    width: calc(100vw - 75%);
    margin-left: -5%;
    transform: rotate(45deg) translate3d(0, 0, 0);
}
.animation-element.elem-left-5 {
	position: absolute;
    bottom: 0%;
    width: calc(100vw - 65%);
    margin-left: -5%;
    transform: rotate(-5deg) translate3d(0, 0, 0);
}
.animation-element.elem-left-6 {
	position: absolute;
    top: 1%;
    width: calc(100vw - 80%);
    margin-left: -2.5%;
    transform: rotate(0deg) translate3d(0, 0, 0);
}
.animation-element.elem-left-7 {
	position: absolute;
    top: 1%;
    width: calc(100vw - 80%);
    margin-left: -2.5%;
    transform: rotate(0deg) translate3d(0, 0, 0);
}
.animation-element.elem-right-1 {
	position: absolute;
    top: -2%;
    transform: rotate(-10deg) translate3d(0, 0, 0);
	width: calc(100vw - 65%);
}
.animation-element.elem-right-2 {
	position: absolute;
    top: 0%;
    transform: rotate(-45deg) translate3d(0, 0, 0);
	width: calc(100vw - 80%);
}
.animation-element.elem-right-3 {
	position: absolute;
    bottom: calc(-10em + 0.67vmin);
    transform: rotate(-12deg) translate3d(0, 0, 0);
    width: calc(100vw - 60%);
    margin-right: -5%;
}
.animation-element.elem-right-4 {
	position: absolute;
    top: 0%;
    transform: rotate(-5deg) translate3d(0, 0, 0);
    width: calc(100vw - 65%);
	margin-right: calc(-3% - 3vmax);
}
.animation-element.elem-right-5 {
	position: absolute;
    bottom: -30%;
    transform: rotate(-5deg) translate3d(0, 0, 0);
    width: calc(100vw - 65%);
    margin-right: -15%;
}
.animation-element.elem-right-6 {
	position: absolute;
    bottom: 2%;
    transform: rotate(-5deg) translate3d(0, 0, 0);
    width: calc(100vw - 80%);
	margin-right: calc(2% - 3vmax);
}
.animation-element.elem-right-7 {
	position: absolute;
    top: 0%;
    transform: rotate(-45deg) translate3d(0, 0, 0);
	width: calc(100vw - 80%);
}
.animation-element.elem-right-8 {
	position: absolute;
    bottom: -10%;
    transform: rotate(-5deg) translate3d(0, 0, 0);
    width: calc(100vw - 60%);
    margin-right: calc(-5% - 3vmax);
}
.element-right-anim {
	right: 0 !important;
}
.element-left-anim {
	left: 0 !important;
}

.privacy_content img {
    max-width: 100%;
}
.privacy_content .logo img {
    width: 230px;
    height: auto;
	transform: scale(1);
	margin-top: 20px;
}
.privacy_content .text-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 15px;
}
.privacy_content .text-content h1 {
    margin: 0 0 30px;
    padding-top: 60px;
    font-size: 50px;
}
.privacy_content .text-content p {
    margin-bottom: 30px;
}
.privacy_content .text-content ul {
    margin-left: 25px;
}
.privacy_content .text-content li {
    margin-bottom: 30px;
    list-style: circle;
}
.colored {
	position: absolute;
	width: 100vw;
	height: 100%;
	background-color: #EFEFEF;
	z-index: -2;
}

.sec-3 .Path1 {
	margin-top: -6.5vmin;
    left: 5%;
}
.kaaries-text {
	display: block;
	color: #24FF00;
	text-align: left;
	margin-top: 5%;
	position: relative;
}
.kaaries-line {
	width: 75%;
    height: 0;
    border: 1px solid #24FF00;
    margin: 3px;
    display: inline-block;
    position: absolute;
    left: -85%;
    background-color: #24FF00;
    top: 5px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(36,255,0,0.5); 
box-shadow: 0px 0px 15px 0px rgba(36,255,0,0.5);
}
.kaaries-line::after{
	content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #24FF00;
    color: #24FF00;
    position: absolute;
    left: -19px;
    top: -9px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(36,255,0,0.5); 
box-shadow: 0px 0px 15px 0px rgba(36,255,0,0.5);
}
.kaaries-text.text-1 {
	margin-top: 5%;
}
.kaaries-text.text-2 {
	margin-top: 15%;
}
.kaaries-img {
	width: 55%;
    height: 100%;
    padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 10%;
    padding-right: 2%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
}
.kaaries-img img {
	max-height: 45vh;
    /*height: 100%;*/
    width: auto;
	/*filter:url(#pixelate);*/
}
.kaaries-text-wrapper {
	width: 45%;
    height: 100%;
    /*padding-top: 6%;*/
    /*padding-bottom: 6%;*/
    padding-right: 15%;
    padding-left: 2%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    flex-direction: column;
	font-size: calc(0.6em + 0.67vmin);
	line-height: calc(0.65em + 0.67vmin);
}

.sec-4 .block-container {
	height: 70%;
    margin-top: 10%;
}
.niidi-text {
	display: block;
	color: #24FF00;
	text-align: left;
}
.niidi-text p {
	margin-top: 2.5%;
}
.niidi-text p:first {
	margin-top: 0;
}
.niidi-img {
	width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
	padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 10%;
    padding-right: 2%;
}
.niidi-img img {
	max-height: 45vh;
    /*height: 100%;*/
    width: auto;
	/*filter:url(#pixelate2);*/
}
.niidi-text-wrapper {
	width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
	/*padding-top: 6%;*/
    /*padding-bottom: 6%;*/
    padding-right: 15%;
    padding-left: 2%;
	font-size: calc(0.6em + 0.67vmin);
	line-height: calc(0.65em + 0.67vmin);
}

@media not all and (min-resolution:.001dpcm) { @media {

    .kaaries-img img, .niidi-img img  {
		filter:unset !important;
	}
}}

/* SWIPER */
 .swiper-container {
	 overflow: hidden;
	 width: 100%;
	 height: 100%;
	 margin-left: auto;
	 margin-right: auto;
	 position: relative;
}
 .swiper-container-wrapper {
	 display: flex;
	 flex-flow: row nowrap;
	 height: 100%;
	 width: 100%;
}
 .swiper-button-next, .swiper-button-prev {
	 color: #000;
}
@media (min-width: 1024px) {
	.sec-5 .swiper-button-prev {
		 left: 50% !important;
		 top: 5% !important;
		 transform: rotate(90deg);
		 transform-origin: left center;
	}
	.sec-5 .swiper-button-next {
		 left: 50% !important;
		 top: 90% !important;
		 transform: rotate(90deg);
		 transform-origin: left center;
	}
}
 .swiper-slide {
	 text-align: center;
	 background-size: cover;
	 background-position: center;
	/* Center slide text vertically */
	 display: flex;
	 flex-flow: column nowrap;
	 justify-content: center;
	 align-items: center;
	/* Slide content */
}
 .swiper-slide img {
	 display: block;
	 opacity: 0;
	 max-height: 100%;
	 transition: opacity 0.5s ease 0.5s;
}
 .swiper-slide-active img {
	 opacity: 1;
}
 .gallery-top {
	 position: relative;
	 width: 50%;
	 height: 100%;
	 background-color: #231f20;
}
 .gallery-thumbs {
	 width: 50%;
	 height: 100%;
	 padding: 0;
	 padding-left: 5%;
    padding-right: 5%;
}
 .gallery-thumbs .swiper-wrapper {
	 flex-direction: column;
}
 .gallery-thumbs .swiper-slide {
	 width: 100%;
	 flex-flow: column nowrap;
	 height: 100%;
	 opacity: 0.75;
	 cursor: pointer;
}
 .gallery-thumbs .swiper-slide-thumb-active {
	 opacity: 1;
}
.sec-5 .logo-bar {
	display: none;
}
/* SWIPER END */
.slider-mob {
	display: none;
}
.slider-desk {
	display: block;
}
.slides-container {
	width: 100%;
	height: 100%;
	position: relative;
}
.slides {
	width: 100%;
	height: 100%;
	position: relative;
	flex-flow: row nowrap;
	opacity: 0 !important;
}
.slides.swiper-slide-active {
	opacity: 1 !important;
}
.sec-4 .swiper-button-prev {
	 /*color: #fff;*/
}
.sec-4 .swiper-button-next {
	 /*color: #fff;*/
}
@media (max-width: 1025px) {
	.sec-4 .swiper-button-prev {
		 left: 50% !important;
		 top: 5% !important;
		 transform: rotate(90deg);
		 transform-origin: left center;
		 color: #24FF00;
	}
	.sec-4 .swiper-button-next {
		 left: 50% !important;
		 top: 90% !important;
		 transform: rotate(90deg);
		 transform-origin: left center;
		 color: #24FF00;
	}
}
@media (max-width: 1024px) {
	.content {
		width: 100vw;
	}
	.logo-bar.loaded {
		width: 100%;
	}
	.Path1 {
		display: none;
	}
	.Path_52 {
		width: 110%;
		padding: 0;
	}
	span.main-desc {
		font-size: calc(1em + 0.67vmin);
		padding-left: 20%;
		padding-right: 20%;
		line-height: calc(1em + 0.67vmin);
		margin-top: 15vmin;
	}
	h1.main-heading, span.second-desc {
		height: unset;
		font-size: calc(0.7em + 0.67vmin);
		line-height: calc(0.7em + 0.67vmin);
		padding-left: 15%;
		padding-right: 12%;
	}
	h1.main-heading {
		font-size: calc(1.25rem + 2vmin);
		line-height: calc(1em + 1vmin);
	}
	h1.main-heading, .sec-3 h1.main-heading, .sec-5 h1.main-heading, .sec-6 h1.main-heading {
		margin-top: 7.5%;
		margin-bottom: 5%;
		line-height: calc(0.75em + 1vmin);
	}
	.kaaries-text-wrapper, .niidi-text-wrapper {
		font-size: calc(0.55em + 0.67vmin);
		line-height: calc(0.65em + 0.67vmin);
		padding-right: 10%;
	}
	.video-heading-bg {
		padding-right: 0%;
		left: 0%;
	}
	h1.main-heading.video-heading {
		font-size: calc(1.5rem + 2vmin);
		top: 0;
		padding-left: 15%;
	}
	.sec-6 h1.main-heading.video-heading {
		margin-top: 5%;
	}
	.sec-3 .svg-star {
		left: unset;
		right: -1%;
		top: 2.5%;
	}
	.sec-3 .block-container {
		margin-top: 0%;
	}
	.sec-4 .block-container {
		height: 80%;
		margin-top: 15%;
	}
	.sec-6 .block-container {
		margin-top: 5%;
	}
	.animation-element {
		max-width: 100vw;
	}
	.animation-element.left {
		left: -100%;
	}
	.animation-element.right {
		right: -100%;
	}
	.animation-element.elem-left-1 {
		top: 75%;
		width: calc(100vw - 45%);
		margin-left: -10%;
	}
	.animation-element.elem-left-2 {
		top: -10%;
		width: calc(100vw - 60%);
	}
	.animation-element.elem-left-3 {
		bottom: 5%;
		width: calc(100vw - 10%);
		margin-left: -10%;
	}
	.animation-element.elem-left-4 {
		top: 15%;
		width: calc(100vw - 75%);
		margin-left: -5%;
		display: none;
	}
	.animation-element.elem-left-5 {
		bottom: 5%;
		width: calc(100vw - 35%);
		margin-left: -15%;
	}
	.animation-element.elem-left-6 {
		top: unset;
		bottom: -5%;
		width: calc(100vw - 55%);
	}
	.animation-element.elem-left-7 {
		top: -5%;
		width: calc(100vw - 60%);
	}
	.animation-element.elem-right-1 {
		top: -4%;
		width: calc(100vw - 45%);
		margin-right: -5%;
	}
	.animation-element.elem-right-2 {
		top: 0%;
		width: calc(100vw - 80%);
		display: none;
	}
	.animation-element.elem-right-3 {
		bottom: -10%;
		width: calc(100vw - 20%);
		margin-right: -10%;
	}
	.animation-element.elem-right-4 {
		top: 0%;
		width: calc(100vw - 65%);
		margin-right: calc(-3% - 3vmax);
		display: none;
	}
	.animation-element.elem-right-5 {
		bottom: -20%;
		width: calc(100vw - 30%);
		margin-right: -30%;
	}
	.animation-element.elem-right-6 {
		bottom: -10%;
		width: calc(100vw - 55%);
		transform: rotate(5deg) translate3d(0, 0, 0);
		margin-right: -10%;
	}
	.animation-element.elem-right-7 {
		top: 80%;
		width: calc(100vw - 50%);
	}
	.animation-element.elem-right-8 {
		bottom: -15%;
		width: calc(100vw - 35%);
		margin-right: -5%;
		transform: rotate(30deg) translate3d(0, 0, 0);
	}
	.gallery-thumbs {
		width: 100%;
		height: 85%;
		padding: 5%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.gallery-top {
		position: relative;
		width: 100%;
		height: 65%;
		background-color: #231f20;
	}
	.video-container {
		max-width: 100%;
	}
	.sec-5 .block-container {
		height: 65%;
		max-height: 65vh;
	}
	.swiper-container-wrapper {
		flex-flow: column-reverse nowrap;
	}
	.swiper-slide img {
		max-width: 80%;
		max-height: unset;
	}
	.gallery-top .swiper-slide {
		justify-content: flex-start;
	}
	.gallery-thumbs .swiper-wrapper {
		flex-direction: row;
	}
	.gallery-thumbs .swiper-slide embed {
		max-height: 100%;
	}
	.swiper-button-next, .swiper-button-prev {
		transform: scale(0.5);
	}
	.sec-5 .logo-bar {
		bottom: unset;
		z-index: 99;
		height: 10px;
		top: 40%;
		width: 102%;
		display: block;
	}
	.slider-mob {
		display: block;
	}
	.slider-desk {
		display: none;
	}
}
@media (max-width: 376px) {
	.animation-element.elem-right-5 {
		bottom: -8%;
		width: calc(100vw - 40%);
		margin-right: -30%;
	}
	.animation-element.elem-right-6 {
		bottom: -10%;
	}
	.animation-element.elem-left-6 {
		bottom: 2.5%;
	}
	.animation-element.elem-right-7 {
		top: 70%;
		width: calc(100vw - 40%);
	}
	.animation-element.elem-right-8 {
		bottom: -10%;
		width: calc(100vw - 35%);
		margin-right: -5%;
		transform: rotate(30deg) translate3d(0, 0, 0);
	}
	.sec-4 .spacer {
		height: 5% !important;
	}
	.sec-4 .block-container {
		height: 90%;
		margin-top: 10%;
	}
}
.sec-8 {
    /*padding: 40px 0 20px;*/
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    overflow: hidden;
}
.footer-logo img {
    display: block;
	vertical-align: middle;
	width: 90%;
    max-width: 100px;
    margin: 20px auto;
}
.sec-8 .old-campaigns a {
    display: block;
    color: #242424;
    text-decoration: none;
}
.sec-8 .old-campaigns a:hover {
    text-decoration: underline;
}
.sec-8 h1.smaller {
    font-size: 25px;
    line-height: 30px;
	margin-top: 10%;
	margin-bottom: 5%;
}
.sec-8 .stretched-row {
	margin-top: 20px;
}
.sec-8 .colored {
    position: absolute;
    width: 100vw;
    height: 100%;
    background-color: #EFEFEF;
    z-index: -2;
    top: 0;
    left: 0;
}
.sec-8 .elements-overlay {
    position: absolute;
    width: 100vw;
    height: 100%;
    pointer-events: none;
    z-index: 99;
    min-height: 715px;
    top: 0;
    left: 0;
}
@media (max-width: 415px) {
	.kaaries-line {
		width: 60%;
		height: 0;
		border: 1px solid #24FF00;
		margin: 3px;
		display: inline-block;
		position: absolute;
		left: -70%;
		background-color: #24FF00;
		top: 30px;
		-webkit-box-shadow: 0px 0px 15px 0px rgb(36 255 0 / 50%);
		box-shadow: 0px 0px 15px 0px rgb(36 255 0 / 50%);
	}
}
@media (min-width: 992px) {
	.sec-8 h1.smaller {
		font-size: 30px;
		line-height: 35px;
	}
}
@media (max-width: 1025px) {
	.sec-8 .old-campaigns a {
		display: block;
		color: #242424;
		text-decoration: none;
		line-height: 15px;
	}
}
@media (max-height: 550px) {
	span.main-desc {
		font-size: calc(0.9em + 0.67vmin);
	}
	.elements-overlay {
		min-height: 650px;
	}
	.kaaries-text-wrapper, .niidi-text-wrapper {
		font-size: calc(0.5em + 0.67vmin);
		line-height: calc(0.55em + 0.67vmin);
		padding-right: 7.5%;
		display: flex;
		padding-left: 0%;
	}
	.niidi-text-wrapper {
		width: 55%;
	}
}
@media (max-width: 320px) {
	span.main-desc {
		font-size: calc(0.75em + 0.67vmin);
		padding-left: 15%;
		padding-right: 15%;
	}
	.elements-overlay {
		min-height: 500px;
	}
	.sec-3 .elements-overlay {
		min-height: 515px;
	}
	h1.main-heading, span.second-desc {
		height: unset;
		font-size: calc(0.55em + 0.67vmin);
		line-height: calc(0.6em + 0.67vmin);
		padding-left: 10%;
		padding-right: 10%;
	}
	h1.main-heading, .sec-3 h1.main-heading, .sec-5 h1.main-heading, .sec-6 h1.main-heading {
		font-size: calc(1rem + 2vmin);
		margin-top: 7.5%;
		margin-bottom: 5%;
		line-height: calc(0.75em + 1vmin);
		padding-left: 10%;
		padding-right: 10%;
	}
	.kaaries-line {
		width: 45%;
		left: -55%;
	}
	.sec-6 h1.main-heading {
		font-size: calc(1rem + 2vmin);
		padding-left: 10%;
		padding-right: 10%;
	}
	.sec-3 .block-container {
		height: 65%;
	}
	.sec-4 .block-container {
		height: 100%;
		margin-top: 5%;
	}
	.sec-4 .swiper-button-prev {
		left: 50% !important;
		top: 5% !important;
		transform-origin: left center;
		color: #24FF00;
		transform: rotate(90deg) scale(0.6) translateX(-50%);
	}
	.sec-4 .swiper-button-next {
		left: 50% !important;
		top: 90% !important;
		transform-origin: left center;
		color: #24FF00;
		transform: rotate(90deg) scale(0.6) translateX(50%);
	}
	.sec-4 .spacer {
		height: 5% !important;
	}
	.sec-7 .spacer {
		height: 15% !important;
	}
	h1.main-heading.video-heading {
		font-size: calc(1rem + 2vmin);
		top: 0;
		padding-left: 10%;
		padding-top: 5px;
	}
	.sec-6 h1.main-heading.video-heading {
		margin-top: 0;
		padding-top: 5px;
	}
	.animation-element.elem-left-7 {
		top: -10%;
		width: calc(100vw - 60%);
	}
	.animation-element.elem-right-8 {
		bottom: -5%;
		width: calc(100vw - 35%);
		margin-right: -5%;
		transform: rotate(30deg) translate3d(0, 0, 0);
	}
}