/* Custom styles */

/* Website IP Addon Hack */

div[class*="websiteIP"] { width: auto !important; }

/* Logo */

.logo { width: 100px; height: 35px; }
.logo.large { width: 145px; height: 50px; }
.logo.big { width: 215px; height: 75px; }
.symbol { width: 35px; height: 35px; }
.symbol.large { width: 50px; height: 50px; }
.symbol.big { width: 75px; height: 75px; }

/* Others */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h7 { letter-spacing: -1px; }
p { font-size: 14px !important; }
.circle { height: 125px !important; min-height: 125px !important; width: 125px !important; min-width: 125px !important; }
.circle.medium { height: 100px !important; min-height: 100px !important; width: 100px !important; min-width: 100px !important; }
.circle.small { height: 75px !important; min-height: 75px !important; width: 75px !important; min-width: 75px !important; }
.icon.giant, .icon.giant svg  { height: 200px; width: 200px; }
.height200px { height: 200px !important; }
.height250px { height: 250px !important; }
.maxwidth100\% { max-width: 100% !important; }
.width125\% { width: 125% !important; max-width: 125% !important; }
@media (max-width: 600px) { .phone\/height300px { height: 300px !important; } }
@media (max-width: 600px) { .margintop-200px { margin-top: -125px !important; } }
@media (min-width: 601px) and (max-width: 992px) { .margintop-200px { margin-top: -150px !important; } }
.minheightauto { min-height: auto !important; }
.dropdown > aside[data-name="solutions.dropdown"] { min-width: 290px !important; }
.dropdown > aside[data-name="language.dropdown"] { min-width: 100% !important; }
html, body, main, html.popup, html.modal, html.alert { background-color: var(--darkredcolor) !important; }
html.modal header:not([data-show]), html.modal header[data-show].show, html.alert.mandatory header:not([data-show]), html.alert.mandatory header[data-show].show { opacity: 0 !important; }
aside[data-name="preferences"].modal input[type="checkbox"]:disabled { background-color: var(--darkerredcolor) !important; }
.textcenterlast { text-align-last: center !important; }
@media (max-width: 600px) { .fullscreen, section.fullscreen, .fullheight, section.fullheight { height: auto !important; } }
aside.modal > div:first-of-type { overflow-x: hidden; }
aside.modal > div:first-of-type::-webkit-scrollbar { display: none !important; }
aside[data-name="contact"] ul > li { list-style: none !important; }

/* Animation */

.introduction { position: relative; display: block; top: -5vh; }
.introduction .hexagons, .introduction .waves, .introduction .links { top: 0; left: 50%; }
.introduction [class*="animation/"] { opacity: 0; top: 0; left: 0; animation-duration: 15s !important; animation-delay: 0.5s; animation-iteration-count: infinite; animation-fill-mode: forwards; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; will-change: transform; perspective: 1000; }

.introduction .animation\/main { animation-name: main; }
.introduction .animation\/main .animation\/first { animation-name: first; }
.introduction .animation\/main .animation\/second { animation-name: second; }
.introduction .animation\/main .animation\/third { animation-name: third; }
.introduction .animation\/main .animation\/fourth { animation-name: fourth; }
.introduction .animation\/main .animation\/fifth { animation-name: fifth; }
.introduction .animation\/central { animation-name: central; }
.introduction .animation\/central:nth-child(1) { animation-delay: 0.1s !important; transition-delay: 0.1s !important; }
.introduction .animation\/central:nth-child(2) { animation-delay: 0.2s !important; transition-delay: 0.2s !important; }
.introduction .animation\/central:nth-child(3) { animation-delay: 0.3s !important; transition-delay: 0.3s !important; }
.introduction .animation\/central:nth-child(4) { animation-delay: 0.4s !important; transition-delay: 0.4s !important; }
.introduction .animation\/central:nth-child(5) { animation-delay: 0.5s !important; transition-delay: 0.5s !important; }
.introduction .animation\/central:nth-child(6) { animation-delay: 0.6s !important; transition-delay: 0.6s !important; }
.introduction .animation\/central:nth-child(7) { animation-delay: 0.7s !important; transition-delay: 0.7s !important; }
.introduction .animation\/central:nth-child(8) { animation-delay: 0.8s !important; transition-delay: 0.8s !important; }
.introduction .animation\/central:nth-child(9) { animation-delay: 0.9s !important; transition-delay: 0.9s !important; }
.introduction .animation\/central:nth-child(10) { animation-delay: 1s !important;  transition-delay: 1s !important; }
.introduction .animation\/central:nth-child(11) { animation-delay: 1.1s !important; transition-delay: 1.1s !important; }
.introduction .animation\/central:nth-child(12) { animation-delay: 1.2s !important; transition-delay: 1.2s !important; }
.introduction .animation\/central:nth-child(13) { animation-delay: 1.3s !important; transition-delay: 1.3s !important; }
.introduction .animation\/near { animation-name: near; }
.introduction .animation\/near:nth-child(even) { animation-delay: 0.5s !important; transition-delay: 0.5s !important; }
.introduction .animation\/outside { animation-name: outside; }
.introduction .animation\/outside:nth-child(even) { animation-delay: 0.5s !important; transition-delay: 0.5s !important; }
.introduction .animation\/wave { animation-name: wave; }
.introduction .animation\/wave:nth-child(even) { animation-delay: 0.5s !important; transition-delay: 0.5s !important; }
.introduction .animation\/radar { animation-name: radar; }
.introduction .animation\/link { animation-name: link; }
.introduction .animation\/link:nth-child(even) { animation-delay: 0.5s !important; transition-delay: 0.5s !important; }
.introduction .animation\/connection { animation-name: connection; }
.introduction .animation\/connection:nth-child(even) { animation-delay: 0.5s !important; transition-delay: 0.5s !important; }

@keyframes main {
	0% { opacity: 1; -webkit-transform: scale(0.3,0.3); transform: scale(0.3,0.3); }
	2% {  }
	4% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	6% {  }
	8% {  }
	10% {  }
	12% {  }
	14% {  }
	16% {  }
	18% {  }
	20% {  }
	22% {  }
	24% {  }
	26% {  }
	28% {  }
	30% {  }
	32% {  }
	34% {  }
	36% {  }
	38% {  }
	40% {  }
	42% {  }
	44% {  }
	46% {  }
	48% {  }
	50% {  }
	52% {  }
	54% {  }
	56% {  }
	58% {  }
	60% {  }
	62% {  }
	64% {  }
	66% {  }
	68% {  }
	70% {  }
	72% {  }
	74% {  }
	76% {  }
	78% {  }
	80% {  }
	82% {  }
	84% {  }
	86% {  }
	88% {  }
	90% {  }
	92% {  }
	94% {  }
	96% {  }
	98% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	100% { opacity: 0; -webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5); }
}
@keyframes first {
	0% { opacity: 0; }
	2% {  }
	4% {  }
	6% { opacity: 1; }
	8% {  }
	10% {  }
	12% {  }
	14% {  }
	16% {  }
	18% { opacity: 1; }
	20% { opacity: 0; }
	22% {  }
	24% {  }
	26% {  }
	28% {  }
	30% {  }
	32% {  }
	34% {  }
	36% {  }
	38% {  }
	40% {  }
	42% {  }
	44% {  }
	46% {  }
	48% {  }
	50% {  }
	52% {  }
	54% {  }
	56% {  }
	58% {  }
	60% {  }
	62% {  }
	64% {  }
	66% {  }
	68% {  }
	70% {  }
	72% {  }
	74% {  }
	76% {  }
	78% {  }
	80% {  }
	82% {  }
	84% {  }
	86% {  }
	88% {  }
	90% {  }
	92% {  }
	94% {  }
	96% {  }
	98% {  }
	100% { opacity: 0; }
}
@keyframes second {
	0% { opacity: 0; }
	2% {  }
	4% {  }
	6% {  }
	8% {  }
	10% {  }
	12% {  }
	14% { }
	16% {  }
	18% { opacity: 0; }
	20% { opacity: 1; }
	22% {  }
	24% {  }
	26% {  }
	28% {  }
	30% {  }
	32% {  }
	34% {  }
	36% {  }
	38% {  }
	40% { opacity: 1; }
	42% { opacity: 0; }
	44% {  }
	46% {  }
	48% {  }
	50% {  }
	52% {  }
	54% {  }
	56% {  }
	58% {  }
	60% {  }
	62% {  }
	64% {  }
	66% {  }
	68% {  }
	70% {  }
	72% {  }
	74% {  }
	76% {  }
	78% {  }
	80% {  }
	82% {  }
	84% {  }
	86% {  }
	88% {  }
	90% {  }
	92% {  }
	94% {  }
	96% {  }
	98% {  }
	100% { opacity: 0; }
}
@keyframes third {
	0% { opacity: 0; }
	2% {  }
	4% {  }
	6% {  }
	8% {  }
	10% {  }
	12% {  }
	14% {  }
	16% {  }
	18% {  }
	20% {  }
	22% {  }
	24% {  }
	26% {  }
	28% {  }
	30% {  }
	32% {  }
	34% {  }
	36% {  }
	38% {  }
	40% { opacity: 0; }
	42% { opacity: 1; }
	44% {  }
	46% {  }
	48% {  }
	50% {  }
	52% {  }
	54% {  }
	56% {  }
	58% { opacity: 1; }
	60% { opacity: 0; }
	62% {  }
	64% {  }
	66% {  }
	68% {  }
	70% {  }
	72% {  }
	74% {  }
	76% {  }
	78% {  }
	80% {  }
	82% {  }
	84% {  }
	86% {  }
	88% {  }
	90% {  }
	92% {  }
	94% {  }
	96% {  }
	98% {  }
	100% { opacity: 0; }
}
@keyframes fourth {
	0% { opacity: 0; }
	2% {  }
	4% {  }
	6% {  }
	8% {  }
	10% {  }
	12% {  }
	14% {  }
	16% {  }
	18% {  }
	20% {  }
	22% {  }
	24% {  }
	26% {  }
	28% {  }
	30% {  }
	32% {  }
	34% {  }
	36% {  }
	38% {  }
	40% {  }
	42% {  }
	44% {  }
	46% {  }
	48% {  }
	50% {  }
	52% {  }
	54% {  }
	56% {  }
	58% { opacity: 0; }
	60% { opacity: 1; }
	62% {  }
	64% {  }
	66% {  }
	68% {  }
	70% {  }
	72% {  }
	74% {  }
	76% {  }
	78% { opacity: 1; }
	80% { opacity: 0; }
	82% {  }
	84% {  }
	86% {  }
	88% {  }
	90% {  }
	92% {  }
	94% {  }
	96% {  }
	98% {  }
	100% { opacity: 0; }
}
@keyframes fifth {
	0% { opacity: 0; }
	2% {  }
	4% {  }
	6% {  }
	8% {  }
	10% {  }
	12% {  }
	14% {  }
	16% {  }
	18% {  }
	20% {  }
	22% {  }
	24% {  }
	26% {  }
	28% {  }
	30% {  }
	32% {  }
	34% {  }
	36% {  }
	38% {  }
	40% {  }
	42% {  }
	44% {  }
	46% {  }
	48% {  }
	50% {  }
	52% {  }
	54% {  }
	56% {  }
	58% {  }
	60% {  }
	62% {  }
	64% {  }
	66% {  }
	68% {  }
	70% {  }
	72% {  }
	74% {  }
	76% {  }
	78% { opacity: 0; }
	80% { opacity: 1; }
	82% {  }
	84% {  }
	86% {  }
	88% {  }
	90% {  }
	92% {  }
	94% {  }
	96% { opacity: 1; }
	98% {  }
	100% { opacity: 0;  }
}
@keyframes central {
	0% { opacity: 0; -webkit-transform: scale(1,1); transform: scale(1,1); }
	2% {  }
	4% { opacity: 0; -webkit-transform: scale(0.3,0.3); transform: scale(0.3,0.3); }
	6% {  }
	8% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	10% {  }
	12% {  }
	14% {  }
	16% {  }
	18% {  }
	20% {  }
	22% {  }
	24% {  }
	26% {  }
	28% {  }
	30% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	32% {  }
	34% {  }
	36% {  }
	38% {  }
	40% { opacity: 0.25; -webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5); }
	42% {  }
	44% {  }
	46% {  }
	48% {  }
	50% {  }
	52% {  }
	54% {  }
	56% { opacity: 0.5; -webkit-transform: scale(1,1); transform: scale(1,1); }
	58% {  }
	60% {  }
	62% {  }
	64% {  }
	66% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	68% {  }
	70% {  }
	72% {  }
	74% {  }
	76% {  }
	78% {  }
	80% {  }
	82% {  }
	84% {  }
	86% {  }
	88% {  }
	90% {  }
	92% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	94% {  }
	96% {  }
	98% { opacity: 0; -webkit-transform: scale(1,1); transform: scale(1,1); }
	100% {  }
}
@keyframes near {
	0% { -webkit-transform: scale(0,0); transform: scale(0,0); }
	2% {  }
	4% { -webkit-transform: scale(0,0); transform: scale(0,0); }
	6% {  }
	8% {  }
	10% { -webkit-transform: scale(1,1); transform: scale(1,1); }
	12% { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
	14% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	16% {  }
	18% {  }
	20% {  }
	22% {  }
	24% {  }
	26% {  }
	28% {  }
	30% {  }
	32% {  }
	34% {  }
	36% {  }
	38% {  }
	40% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	42% {  }
	44% {  }
	46% {  }
	48% {  }
	50% { opacity: 0.5; -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); }
	52% {  }
	54% {  }
	56% {  }
	58% {  }
	60% {  }
	62% {  }
	64% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	66% {  }
	68% {  }
	70% { -webkit-transform: scale(0,0); transform: scale(0,0); }
	72% {  }
	74% {  }
	76% {  }
	78% { -webkit-transform: scale(0,0); transform: scale(0,0); }
	80% {  }
	82% {  }
	84% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	86% {  }
	88% {  }
	90% { -webkit-transform: scale(1,1); transform: scale(1,1); }
	92% {  }
	94% {  }
	96% { -webkit-transform: scale(0,0); transform: scale(0,0); }
	98% {  }
	100% {  }
}
@keyframes outside {
	0% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
	2% {  }
	4% {  }
	6% {  }
	8% {  }
	10% {  }
	12% {  }
	14% {  }
	16% {  }
	18% {  }
	20% {  }
	22% {  }
	24% {  }
	26% {  }
	28% {  }
	30% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
	32% {  }
	34% {  }
	36% {  }
	38% {  }
	40% {  }
	42% {  }
	44% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	46% {  }
	48% {  }
	50% { opacity: 1; -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); }
	52% {  }
	54% {  }
	56% {  }
	58% {  }
	60% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	62% {  }
	64% {  }
	66% {  }
	68% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
	70% {  }
	72% {  }
	74% {  }
	76% {  }
	78% {  }
	80% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
	82% {  }
	84% {  }
	86% { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
	88% {  }
	90% {  }
	92% {  }
	94% {  }
	96% {  }
	98% {  }
	100% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
}
@keyframes wave {
	0% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
	2% {  }
	4% {  }
	6% {  }
	8% {  }
	10% { opacity: 0; -webkit-transform: scale(0.3,0.3); transform: scale(0.3,0.3); }
	12% {  }
	14% {  }
	16% {  }
	18% {  }
	20% {  }
	22% {  }
	24% {  }
	26% {  }
	28% {  }
	30% { opacity: 1; -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5); }
	32% {  }
	34% {  }
	36% { opacity: 0.5; -webkit-transform: scale(1,1); transform: scale(1,1); }
	38% {  }
	40% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
	42% {  }
	44% {  }
	46% {  }
	48% {  }
	50% {  }
	52% {  }
	54% {  }
	56% {  }
	58% {  }
	60% {  }
	62% {  }
	64% {  }
	66% {  }
	68% {  }
	70% {  }
	72% {  }
	74% {  }
	76% {  }
	78% {  }
	80% {  }
	82% {  }
	84% {  }
	86% {  }
	88% {  }
	90% {  }
	92% {  }
	94% {  }
	96% {  }
	98% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
	100% { opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); }
}
@keyframes radar {
	0% { opacity: 0; -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5); }
	2% {  }
	4% {  }
	6% {  }
	8% {  }
	10% {  }
	12% {  }
	14% {  }
	16% {  }
	18% {  }
	20% {  }
	22% {  }
	24% {  }
	26% {  }
	28% { opacity: 0; }
	30% {  }
	32% {  }
	34% { opacity: 0.25; -webkit-transform: scale(0,0); transform: scale(0,0); }
	36% {  }
	38% {  }
	40% {  }
	42% {  }
	44% {  }
	46% {  }
	48% {  }
	50% { opacity: 1; -webkit-transform: scale(3.5,3.5); transform: scale(3.5,3.5); }
	52% {  }
	54% {  }
	56% {  }
	58% { opacity: 1; -webkit-transform: scale(3.25,3.25); transform: scale(3.25,3.25); }
	60% {  }
	62% {  }
	64% {  }
	66% {  }
	68% {  }
	70% { opacity: 0.5; -webkit-transform: scale(1.25,1.25); transform: scale(1.25,1.25); }
	72% {  }
	74% {  }
	76% {  }
	78% {  }
	80% { opacity: 1; -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5); }
	82% {  }
	84% {  }
	86% {  }
	88% {  }
	90% {  }
	92% {  }
	94% {  }
	96% {  }
	98% { opacity: 1; -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5); }
	100% { opacity: 0; -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5); }
}
@keyframes link {
	0% { opacity: 0; }
	2% {  }
	4% {  }
	6% {  }
	8% {  }
	10% {  }
	12% {  }
	14% {  }
	16% {  }
	18% {  }
	20% {  }
	22% {  }
	24% {  }
	26% {  }
	28% {  }
	30% {  }
	32% {  }
	34% {  }
	36% { opacity: 0; }
	38% {  }
	40% {  }
	42% {  }
	44% {  }
	46% { opacity: 1; }
	48% {  }
	50% {  }
	52% {  }
	54% {  }
	56% {  }
	58% { opacity: 1; }
	60% {  }
	62% {  }
	64% { opacity: 0; }
	66% {  }
	68% {  }
	70% {  }
	72% {  }
	74% {  }
	76% {  }
	78% {  }
	80% { opacity: 0; }
	82% {  }
	84% {  }
	86% {  }
	88% {  }
	90% { opacity: 1; }
	92% {  }
	94% { opacity: 0; }
	96% {  }
	98% {  }
	100% { opacity: 0; }
}
@keyframes connection {
	0% { opacity: 0; }
	2% {  }
	4% {  }
	6% {  }
	8% {  }
	10% { opacity: 1; }
	12% {  }
	14% {  }
	16% {  }
	18% {  }
	20% {  }
	22% {  }
	24% {  }
	26% {  }
	28% {  }
	30% {  }
	32% {  }
	34% {  }
	36% {  }
	38% {  }
	40% {  }
	42% {  }
	44% {  }
	46% {  }
	48% {  }
	50% {  }
	52% {  }
	54% {  }
	56% {  }
	58% {  }
	60% {  }
	62% {  }
	64% {  }
	66% {  }
	68% {  }
	70% {  }
	72% {  }
	74% {  }
	76% {  }
	78% {  }
	80% { opacity: 1; }
	82% {  }
	84% { opacity: 0; }
	86% {  }
	88% {  }
	90% {  }
	92% {  }
	94% {  }
	96% {  }
	98% {  }
	100% { opacity: 0; }
}

@media (min-width: 601px) and (max-width: 992px) {  }
@media (max-width: 600px) { .introduction { top: 0px; -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); } }

/* Hexagons */

/*.hexagonnew { position: absolute; }
.hexagonnew:before { content: "\002B23"; color: var(--whitecolor); vertical-align: middle; text-align: center; line-height: 100%; margin-top: -20%; text-shadow: 0 25px 100px var(--blackcolor) !important; }
.hexagonnew .icon { position: absolute; }
.hexagonnew.big { width: 100px; height: 100px; margin: 0; }
.hexagonnew.big:before { width: 100px; height: 100px; font-size: 100px; }*/

.hexagon { position: absolute; }
.hexagon:before, .hexagon:after { content: ""; position: absolute; width: 0; }
.hexagon:before { left: 100%; }
.hexagon:after { right: 100%; }
.hexagon.giant { width: 202.07px; height: 350px; margin: 0; }
.hexagon.giant:before, .hexagon.giant:after { border-top: 175px solid transparent; border-bottom: 175px solid transparent; }
.hexagon.giant:before { border-left: 101.78px solid transparent; }
.hexagon.giant:after { border-right: 101.78px solid transparent; }
.hexagon.huge { width: 115.47px; height: 200px; margin: 0; }
.hexagon.huge:before, .hexagon.huge:after { border-top: 100px solid transparent; border-bottom: 100px solid transparent; }
.hexagon.huge:before { border-left: 58.16px solid transparent; }
.hexagon.huge:after { border-right: 58.16px solid transparent; }
.hexagon.big { width: 72.17px; height: 125px; margin: 0; }
.hexagon.big:before, .hexagon.big:after { border-top: 62.5px solid transparent; border-bottom: 62.5px solid transparent; }
.hexagon.big:before { border-left: 36.08px solid transparent; }
.hexagon.big:after { border-right: 36.08px solid transparent; }
.hexagon.large { width: 57.74px; height: 100px; margin: 0; }
.hexagon.large:before, .hexagon.large:after { border-top: 50px solid transparent; border-bottom: 50px solid transparent; }
.hexagon.large:before { border-left: 28.87px solid transparent; }
.hexagon.large:after { border-right: 28.87px solid transparent; }
.hexagon.medium { width: 43.30px; height: 75px; margin: 0; }
.hexagon.medium:before, .hexagon.medium:after { border-top: 37.5px solid transparent; border-bottom: 37.5px solid transparent; }
.hexagon.medium:before { border-left: 21.65px solid transparent; }
.hexagon.medium:after { border-right: 21.65px solid transparent; }
.hexagon.small { width: 28.87px; height: 50px; margin: 0; }
.hexagon.small:before, .hexagon.small:after { border-top: 25px solid transparent; border-bottom: 25px solid transparent; }
.hexagon.small:before { border-left: 14.3px solid transparent; }
.hexagon.small:after { border-right: 14.3px solid transparent; }
.hexagon.backgroundwhite:before { border-left-color: var(--whitecolor); }
.hexagon.backgroundwhite:after { border-right-color: var(--whitecolor); }
.hexagon.backgrounddarkerred:before { border-left-color: var(--darkerredcolor); }
.hexagon.backgrounddarkerred:after { border-right-color: var(--darkerredcolor); }
.hexagon.backgrounddarkred:before { border-left-color: var(--darkredcolor); }
.hexagon.backgrounddarkred:after { border-right-color: var(--darkredcolor); }
.hexagon.backgroundred:before { border-left-color: var(--redcolor); }
.hexagon.backgroundred:after { border-right-color: var(--redcolor); }
.hexagon.backgroundlightred:before { border-left-color: var(--lightredcolor); }
.hexagon.backgroundlightred:after { border-right-color: var(--lightredcolor); }
.hexagon.backgroundlighterred:before { border-left-color: var(--lighterredcolor); }
.hexagon.backgroundlighterred:after { border-right-color: var(--lighterredcolor); }
.hexagon.backgroundlightestred:before { border-left-color: var(--lightestredcolor); }
.hexagon.backgroundlightestred:after { border-right-color: var(--lightestredcolor); }

.hexagon.animation\/main .h3 { width: 175px !important; overflow: visible; z-index: 9999 !important; }
@media (max-width: 600px) { .hexagon.animation\/main .h3 { font-size: 20px !important; } }

.link { position: absolute; width: 2px; -webkit-transform-origin: top; transform-origin: top; }
.link.animation\/connection { height: 60vh; width: 10px !important; }
.dot { position: absolute; height: 35px !important; min-height: 35px !important; width: 35px !important; min-width: 35px !important; }
.gradientwhitedarkred { background: linear-gradient(to bottom, var(--whitecolor) 0%, var(--darkredcolor) 100%); }

.wave, .radar { position: absolute; }
.wave.huge { height: 700px !important; min-height: 700px !important; width: 700px !important; min-width: 700px !important; }
.wave.big { height: 550px !important; min-height: 550px !important; width: 550px !important; min-width: 550px !important; }
.wave.large { height: 500px !important; min-height: 500px !important; width: 500px !important; min-width: 500px !important; }
.wave.medium { height: 450px !important; min-height: 450px !important; width: 450px !important; min-width: 450px !important; }
.wave.small { height: 400px !important; min-height: 400px !important; width: 400px !important; min-width: 400px !important; }

/* Shadows */

.shadowhuge { box-shadow: 0 25px 100px 0 var(--blackcolor) !important; }
.shadowbig { box-shadow: 0 20px 50px 0 var(--blackcolor50\%) !important; }

/* Diagonal */

section:before, section:after { position: absolute; content: ''; pointer-events: none; }
section[class*="diagonal"][class*="after"] + section { padding-top: 20vh !important; }
section + section[class*="diagonal"][class*="before"] { /*padding-bottom: 20vh !important;*/ }
@media (min-width: 601px) and (max-width: 992px) {
	section[class*="diagonal"][class*="after"].tablet\/diagonalhide + section { padding-top: 100px !important; }
	section + section[class*="diagonal"][class*="before"].tablet\/diagonalhide { padding-bottom: 100px !important; }
}
@media (max-width: 600px) {
	section[class*="diagonal"][class*="after"].phone\/diagonalhide + section { padding-top: 100px !important; }
	section + section[class*="diagonal"][class*="before"].phone\/diagonalhide { padding-bottom: 100px !important; }
}

section[class*="diagonal"] { min-height: 40vh; overflow: visible !important; }
@media (min-width: 601px) and (max-width: 992px) { section[class*="diagonal"] { min-height: auto; } }
@media (max-width: 600px) { section[class*="diagonal"] { min-height: auto; } }
[class*="diagonal"]:before, [class*="diagonal"]:after { z-index: 1 !important; }
.diagonalrightbefore:before { top: 0; left: -25vw; z-index: -1; width: 150vw; height: 25vh; background: inherit; -webkit-transform: rotate(-5deg); transform: rotate(-5deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.diagonalrightafter:after { bottom: -11vw; left: -25vw; z-index: -1; width: 150vw; height: 25vh; background: inherit; -webkit-transform: rotate(-5deg); transform: rotate(-5deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.diagonalleftbefore:before { top: -11vw; left: -25vw; z-index: -1; width: 150vw; height: 25vh; background: inherit; -webkit-transform: rotate(5deg); transform: rotate(5deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.diagonalleftafter:after { bottom: 2vw; left: -25vw; z-index: -1; width: 150vw; height: 25vh; background: inherit; -webkit-transform: rotate(5deg); transform: rotate(5deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
@media (min-width: 601px) and (max-width: 992px) { section[class*="diagonal"].tablet\/diagonalhide:before, section[class*="diagonal"].tablet\/diagonalhide:after { display: none !important; } }
@media (max-width: 600px) { section[class*="diagonal"].phone\/diagonalhide:before, section[class*="diagonal"].phone\/diagonalhide:after { display: none !important; } }

/* Header */

header { background: linear-gradient(to top, var(--darkerredcolor0\%) 0%, var(--darkerredcolor) 100%) !important; }

header.reverse {  }
header.reverse .fillwhite, header.reverse .fillwhite svg { fill: var(--darkredcolor) !important; }
header.reverse .fillwhite50\%, header.reverse .fillwhite50\% svg { fill: var(--darkredcolor50\%) !important; }
header.reverse .fillwhite25\%, header.reverse .fillwhite25\% svg { fill: var(--greycolor75\%) !important; }
header.reverse .filllightred, header.reverse .filllightred svg { fill: var(--greycolor50\%) !important; }
header.reverse .textwhite { color: var(--redcolor) !important; }
header.reverse .textwhite50\% { color: var(--greycolor50\%) !important; }
header.reverse .textwhite75\% { color: var(--lightcolor) !important; }
header.reverse .backgroundwhite { background-color: var(--whitecolor) !important; }
header.reverse .backgroundred50\% { background-color: var(--lightcolor50\%) !important; }
header.reverse .backgroundred75\% { background-color: var(--whitecolor75\%) !important; }
header.reverse .backgroundred { background-color: var(--smokecolor) !important; }

/* Colors */

* { --darkerredcolor: rgba(142,26,43,1); --darkerredcolor75\%: rgba(142,26,43,0.75); --darkerredcolor50\%: rgba(142,26,43,0.50); --darkerredcolor25\%: rgba(142,26,43,0.25); --darkerredcolor0\%: rgba(142,26,43,0); }
.backgrounddarkerred { background-color: var(--darkerredcolor) !important; }
.backgrounddarkerred25\% { background-color: var(--darkerredcolor25\%) !important; }
.backgrounddarkerred50\% { background-color: var(--darkerredcolor50\%) !important; }
.backgrounddarkerred75\% { background-color: var(--darkerredcolor75\%) !important; }
.gradientdarkerredtop { background: linear-gradient(to top, var(--darkerredcolor0\%) 0%, var(--darkerredcolor) 100%) !important; }
.gradientdarkerredtopleft { background: linear-gradient(to top left, var(--darkerredcolor0\%) 0%, var(--darkerredcolor) 100%) !important; }
.gradientdarkerredtopright { background: linear-gradient(to top right, var(--darkerredcolor0\%) 0%, var(--darkerredcolor) 100%) !important; }
.gradientdarkerredbottom { background: linear-gradient(to bottom, var(--darkerredcolor0\%) 0%, var(--darkerredcolor) 100%) !important; }
.gradientdarkerredbottomleft { background: linear-gradient(to bottom left, var(--darkerredcolor0\%) 0%, var(--darkerredcolor) 100%) !important; }
.gradientdarkerredbottomright { background: linear-gradient(to bottom right, var(--darkerredcolor0\%) 0%, var(--darkerredcolor) 100%) !important; }
.gradientdarkerredleft { background: linear-gradient(to left, var(--darkerredcolor0\%) 0%, var(--darkerredcolor) 100%) !important; }
.gradientdarkerredright { background: linear-gradient(to right, var(--darkerredcolor0\%) 0%, var(--darkerredcolor) 100%) !important; }
.backgrounddarkerred::placeholder { color: var(--darkcolor75\%) !important; }
.placeholderdarkerred::placeholder { color: var(--darkerredcolor75\%) !important; }
.textdarkerred { color: var(--darkerredcolor) !important; }
.textdarkerred25\% { color: var(--darkerredcolor25\%) !important; }
.textdarkerred50\% { color: var(--darkerredcolor50\%) !important; }
.textdarkerred75\% { color: var(--darkerredcolor75\%) !important; }
.borderdarkerred25\% { border-color: var(--darkerredcolor25\%) !important; }
.borderdarkerred50\% { border-color: var(--darkerredcolor50\%) !important; }
.borderdarkerred75\% { border-color: var(--darkerredcolor75\%) !important; }
.borderdarkerred { border-color: var(--darkerredcolor) !important; }
.filldarkerred, .filldarkerred svg { fill: var(--darkerredcolor) !important; }
.filldarkerred25\%, .filldarkerred25\% svg { fill: var(--darkerredcolor25\%) !important; }
.filldarkerred50\%, .filldarkerred50\% svg { fill: var(--darkerredcolor50\%) !important; }
.filldarkerred75\%, .filldarkerred75\% svg { fill: var(--darkerredcolor75\%) !important; }
.filldarkerred.pagination .bullet { background-color: var(--darkerredcolor) !important; }

* { --darkredcolor: rgba(156,31,49,1); --darkredcolor75\%: rgba(156,31,49,0.75); --darkredcolor50\%: rgba(156,31,49,0.50); --darkredcolor25\%: rgba(156,31,49,0.25); --darkredcolor0\%: rgba(156,31,49,0); }
.backgrounddarkred { background-color: var(--darkredcolor) !important; }
.backgrounddarkred25\% { background-color: var(--darkredcolor25\%) !important; }
.backgrounddarkred50\% { background-color: var(--darkredcolor50\%) !important; }
.backgrounddarkred75\% { background-color: var(--darkredcolor75\%) !important; }
.gradientdarkredtop { background: linear-gradient(to top, var(--darkredcolor0\%) 0%, var(--darkredcolor) 100%) !important; }
.gradientdarkredtopleft { background: linear-gradient(to top left, var(--darkredcolor0\%) 0%, var(--darkredcolor) 100%) !important; }
.gradientdarkredtopright { background: linear-gradient(to top right, var(--darkredcolor0\%) 0%, var(--darkredcolor) 100%) !important; }
.gradientdarkredbottom { background: linear-gradient(to bottom, var(--darkredcolor0\%) 0%, var(--darkredcolor) 100%) !important; }
.gradientdarkredbottomleft { background: linear-gradient(to bottom left, var(--darkredcolor0\%) 0%, var(--darkredcolor) 100%) !important; }
.gradientdarkredbottomright { background: linear-gradient(to bottom right, var(--darkredcolor0\%) 0%, var(--darkredcolor) 100%) !important; }
.gradientdarkredleft { background: linear-gradient(to left, var(--darkredcolor0\%) 0%, var(--darkredcolor) 100%) !important; }
.gradientdarkredright { background: linear-gradient(to right, var(--darkredcolor0\%) 0%, var(--darkredcolor) 100%) !important; }
.backgrounddarkred::placeholder { color: var(--darkcolor75\%) !important; }
.placeholderdarkred::placeholder { color: var(--darkredcolor75\%) !important; }
.textdarkred { color: var(--darkredcolor) !important; }
.textdarkred25\% { color: var(--darkredcolor25\%) !important; }
.textdarkred50\% { color: var(--darkredcolor50\%) !important; }
.textdarkred75\% { color: var(--darkredcolor75\%) !important; }
.borderdarkred25\% { border-color: var(--darkredcolor25\%) !important; }
.borderdarkred50\% { border-color: var(--darkredcolor50\%) !important; }
.borderdarkred75\% { border-color: var(--darkredcolor75\%) !important; }
.borderdarkred { border-color: var(--darkredcolor) !important; }
.filldarkred, .filldarkred svg { fill: var(--darkredcolor) !important; }
.filldarkred25\%, .filldarkred25\% svg { fill: var(--darkredcolor25\%) !important; }
.filldarkred50\%, .filldarkred50\% svg { fill: var(--darkredcolor50\%) !important; }
.filldarkred75\%, .filldarkred75\% svg { fill: var(--darkredcolor75\%) !important; }
.filldarkred.pagination .bullet { background-color: var(--darkredcolor) !important; }

* { --redcolor: rgba(186,43,64,1); --redcolor75\%: rgba(186,43,64,0.75); --redcolor50\%: rgba(186,43,64,0.50); --redcolor25\%: rgba(186,43,64,0.25); --redcolor0\%: rgba(186,43,64,0); }
.backgroundred { background-color: var(--redcolor) !important; }
.backgroundred25\% { background-color: var(--redcolor25\%) !important; }
.backgroundred50\% { background-color: var(--redcolor50\%) !important; }
.backgroundred75\% { background-color: var(--redcolor75\%) !important; }
.gradientredtop { background: linear-gradient(to top, var(--redcolor0\%) 0%, var(--redcolor) 100%) !important; }
.gradientredtopleft { background: linear-gradient(to top left, var(--redcolor0\%) 0%, var(--redcolor) 100%) !important; }
.gradientredtopright { background: linear-gradient(to top right, var(--redcolor0\%) 0%, var(--redcolor) 100%) !important; }
.gradientredbottom { background: linear-gradient(to bottom, var(--redcolor0\%) 0%, var(--redcolor) 100%) !important; }
.gradientredbottomleft { background: linear-gradient(to bottom left, var(--redcolor0\%) 0%, var(--redcolor) 100%) !important; }
.gradientredbottomright { background: linear-gradient(to bottom right, var(--redcolor0\%) 0%, var(--redcolor) 100%) !important; }
.gradientredleft { background: linear-gradient(to left, var(--redcolor0\%) 0%, var(--redcolor) 100%) !important; }
.gradientredright { background: linear-gradient(to right, var(--redcolor0\%) 0%, var(--redcolor) 100%) !important; }
.backgroundred::placeholder { color: var(--darkcolor75\%) !important; }
.placeholderred::placeholder { color: var(--redcolor75\%) !important; }
.textred { color: var(--redcolor) !important; }
.textred25\% { color: var(--redcolor25\%) !important; }
.textred50\% { color: var(--redcolor50\%) !important; }
.textred75\% { color: var(--redcolor75\%) !important; }
.borderred25\% { border-color: var(--redcolor25\%) !important; }
.borderred50\% { border-color: var(--redcolor50\%) !important; }
.borderred75\% { border-color: var(--redcolor75\%) !important; }
.borderred { border-color: var(--redcolor) !important; }
.fillred, .fillred svg { fill: var(--redcolor) !important; }
.fillred25\%, .fillred25\% svg { fill: var(--redcolor25\%) !important; }
.fillred50\%, .fillred50\% svg { fill: var(--redcolor50\%) !important; }
.fillred75\%, .fillred75\% svg { fill: var(--redcolor75\%) !important; }
.fillred.pagination .bullet { background-color: var(--redcolor) !important; }

* { --lightredcolor: rgba(211,78,98,1); --lightredcolor75\%: rgba(211,78,98,0.75); --lightredcolor50\%: rgba(211,78,98,0.50); --lightredcolor25\%: rgba(211,78,98,0.25); --lightredcolor0\%: rgba(211,78,98,0); }
.backgroundlightred { background-color: var(--lightredcolor) !important; }
.backgroundlightred25\% { background-color: var(--lightredcolor25\%) !important; }
.backgroundlightred50\% { background-color: var(--lightredcolor50\%) !important; }
.backgroundlightred75\% { background-color: var(--lightredcolor75\%) !important; }
.gradientlightredtop { background: linear-gradient(to top, var(--lightredcolor0\%) 0%, var(--lightredcolor) 100%) !important; }
.gradientlightredtopleft { background: linear-gradient(to top left, var(--lightredcolor0\%) 0%, var(--lightredcolor) 100%) !important; }
.gradientlightredtopright { background: linear-gradient(to top right, var(--lightredcolor0\%) 0%, var(--lightredcolor) 100%) !important; }
.gradientlightredbottom { background: linear-gradient(to bottom, var(--lightredcolor0\%) 0%, var(--lightredcolor) 100%) !important; }
.gradientlightredbottomleft { background: linear-gradient(to bottom left, var(--lightredcolor0\%) 0%, var(--lightredcolor) 100%) !important; }
.gradientlightredbottomright { background: linear-gradient(to bottom right, var(--lightredcolor0\%) 0%, var(--lightredcolor) 100%) !important; }
.gradientlightredleft { background: linear-gradient(to left, var(--lightredcolor0\%) 0%, var(--lightredcolor) 100%) !important; }
.gradientlightredright { background: linear-gradient(to right, var(--lightredcolor0\%) 0%, var(--lightredcolor) 100%) !important; }
.backgroundlightred::placeholder { color: var(--darkcolor75\%) !important; }
.placeholderlightred::placeholder { color: var(--lightredcolor75\%) !important; }
.textlightred { color: var(--lightredcolor) !important; }
.textlightred25\% { color: var(--lightredcolor25\%) !important; }
.textlightred50\% { color: var(--lightredcolor50\%) !important; }
.textlightred75\% { color: var(--lightredcolor75\%) !important; }
.borderlightred25\% { border-color: var(--lightredcolor25\%) !important; }
.borderlightred50\% { border-color: var(--lightredcolor50\%) !important; }
.borderlightred75\% { border-color: var(--lightredcolor75\%) !important; }
.borderlightred { border-color: var(--lightredcolor) !important; }
.filllightred, .filllightred svg { fill: var(--lightredcolor) !important; }
.filllightred25\%, .filllightred25\% svg { fill: var(--lightredcolor25\%) !important; }
.filllightred50\%, .filllightred50\% svg { fill: var(--lightredcolor50\%) !important; }
.filllightred75\%, .filllightred75\% svg { fill: var(--lightredcolor75\%) !important; }
.filllightred.pagination .bullet { background-color: var(--lightredcolor) !important; }

* { --lighterredcolor: rgba(242,174,184,1); --lighterredcolor75\%: rgba(242,174,184,0.75); --lighterredcolor50\%: rgba(242,174,184,0.50); --lighterredcolor25\%: rgba(242,174,184,0.25); --lighterredcolor0\%: rgba(242,174,184,0); }
.backgroundlighterred { background-color: var(--lighterredcolor) !important; }
.backgroundlighterred25\% { background-color: var(--lighterredcolor25\%) !important; }
.backgroundlighterred50\% { background-color: var(--lighterredcolor50\%) !important; }
.backgroundlighterred75\% { background-color: var(--lighterredcolor75\%) !important; }
.gradientlighterredtop { background: linear-gradient(to top, var(--lighterredcolor0\%) 0%, var(--lighterredcolor) 100%) !important; }
.gradientlighterredtopleft { background: linear-gradient(to top left, var(--lighterredcolor0\%) 0%, var(--lighterredcolor) 100%) !important; }
.gradientlighterredtopright { background: linear-gradient(to top right, var(--lighterredcolor0\%) 0%, var(--lighterredcolor) 100%) !important; }
.gradientlighterredbottom { background: linear-gradient(to bottom, var(--lighterredcolor0\%) 0%, var(--lighterredcolor) 100%) !important; }
.gradientlighterredbottomleft { background: linear-gradient(to bottom left, var(--lighterredcolor0\%) 0%, var(--lighterredcolor) 100%) !important; }
.gradientlighterredbottomright { background: linear-gradient(to bottom right, var(--lighterredcolor0\%) 0%, var(--lighterredcolor) 100%) !important; }
.gradientlighterredleft { background: linear-gradient(to left, var(--lighterredcolor0\%) 0%, var(--lighterredcolor) 100%) !important; }
.gradientlighterredright { background: linear-gradient(to right, var(--lighterredcolor0\%) 0%, var(--lighterredcolor) 100%) !important; }
.backgroundlighterred::placeholder { color: var(--darkcolor75\%) !important; }
.placeholderlighterred::placeholder { color: var(--lighterredcolor75\%) !important; }
.textlighterred { color: var(--lighterredcolor) !important; }
.textlighterred25\% { color: var(--lighterredcolor25\%) !important; }
.textlighterred50\% { color: var(--lighterredcolor50\%) !important; }
.textlighterred75\% { color: var(--lighterredcolor75\%) !important; }
.borderlighterred25\% { border-color: var(--lighterredcolor25\%) !important; }
.borderlighterred50\% { border-color: var(--lighterredcolor50\%) !important; }
.borderlighterred75\% { border-color: var(--lighterredcolor75\%) !important; }
.borderlighterred { border-color: var(--lighterredcolor) !important; }
.filllighterred, .filllighterred svg { fill: var(--lighterredcolor) !important; }
.filllighterred25\%, .filllighterred25\% svg { fill: var(--lighterredcolor25\%) !important; }
.filllighterred50\%, .filllighterred50\% svg { fill: var(--lighterredcolor50\%) !important; }
.filllighterred75\%, .filllighterred75\% svg { fill: var(--lighterredcolor75\%) !important; }
.filllighterred.pagination .bullet { background-color: var(--lighterredcolor) !important; }

* { --lightestredcolor: rgba(253,221,226,1); --lightestredcolor75\%: rgba(253,221,226,0.75); --lightestredcolor50\%: rgba(253,221,226,0.50); --lightestredcolor25\%: rgba(253,221,226,0.25); --lightestredcolor0\%: rgba(253,221,226,0); }
.backgroundlightestred { background-color: var(--lightestredcolor) !important; }
.backgroundlightestred25\% { background-color: var(--lightestredcolor25\%) !important; }
.backgroundlightestred50\% { background-color: var(--lightestredcolor50\%) !important; }
.backgroundlightestred75\% { background-color: var(--lightestredcolor75\%) !important; }
.gradientlightestredtop { background: linear-gradient(to top, var(--lightestredcolor0\%) 0%, var(--lightestredcolor) 100%) !important; }
.gradientlightestredtopleft { background: linear-gradient(to top left, var(--lightestredcolor0\%) 0%, var(--lightestredcolor) 100%) !important; }
.gradientlightestredtopright { background: linear-gradient(to top right, var(--lightestredcolor0\%) 0%, var(--lightestredcolor) 100%) !important; }
.gradientlightestredbottom { background: linear-gradient(to bottom, var(--lightestredcolor0\%) 0%, var(--lightestredcolor) 100%) !important; }
.gradientlightestredbottomleft { background: linear-gradient(to bottom left, var(--lightestredcolor0\%) 0%, var(--lightestredcolor) 100%) !important; }
.gradientlightestredbottomright { background: linear-gradient(to bottom right, var(--lightestredcolor0\%) 0%, var(--lightestredcolor) 100%) !important; }
.gradientlightestredleft { background: linear-gradient(to left, var(--lightestredcolor0\%) 0%, var(--lightestredcolor) 100%) !important; }
.gradientlightestredright { background: linear-gradient(to right, var(--lightestredcolor0\%) 0%, var(--lightestredcolor) 100%) !important; }
.backgroundlightestred::placeholder { color: var(--darkerredcolor75\%) !important; }
.placeholderlightestred::placeholder { color: var(--lightestredcolor75\%) !important; }
.textlightestred { color: var(--lightestredcolor) !important; }
.textlightestred25\% { color: var(--lightestredcolor25\%) !important; }
.textlightestred50\% { color: var(--lightestredcolor50\%) !important; }
.textlightestred75\% { color: var(--lightestredcolor75\%) !important; }
.borderlightestred25\% { border-color: var(--lightestredcolor25\%) !important; }
.borderlightestred50\% { border-color: var(--lightestredcolor50\%) !important; }
.borderlightestred75\% { border-color: var(--lightestredcolor75\%) !important; }
.borderlightestred { border-color: var(--lightestredcolor) !important; }
.filllightestred, .filllightestred svg { fill: var(--lightestredcolor) !important; }
.filllightestred25\%, .filllightestred25\% svg { fill: var(--lightestredcolor25\%) !important; }
.filllightestred50\%, .filllightestred50\% svg { fill: var(--lightestredcolor50\%) !important; }
.filllightestred75\%, .filllightestred75\% svg { fill: var(--lightestredcolor75\%) !important; }
.filllightestred.pagination .bullet { background-color: var(--lightestredcolor) !important; }