/** grid layout from Telsso **/
*,
*:before,
*:after {box-sizing: border-box;}
div[class*="xg-box"] {overflow:hidden;display: flex;flex-direction: row;flex-wrap: wrap;}
.xg-box {padding:0px;}
.xg-box3 {overflow: hidden;}
.xg-box3 > div {width:33%;padding:0px;}
.xg-box3 > div:nth-child(2) {width:34%}
.xg-box2 {overflow: hidden}
.xg-box2 > div {padding:0px}
.xg-box2 > div:nth-child(odd) {width:50%;padding:0px}
.xg-box2 > div:nth-child(even) {width:50%;padding:0px}
.xg-box4 {overflow: hidden;}
.xg-box4 > div {width:25%;padding:0px;}
.xg-box5 > div {width:20%;padding:0px;}
.xg-box50-50 {overflow:hidden;}
.xg-box50-50 > div {width:50%;}
.xg-box30 {overflow:hidden}
.xg-box30 > div {width:33.33333%;}
.xg-box75-25 {overflow:hidden;}
.xg-box75-25 > div {position:relative}
.xg-box75-25 > div:nth-child(1) {width:75%;}
.xg-box75-25 > div:nth-child(2) {width:25%;}
.xg-box25-75 {overflow:hidden;}
.xg-box25-75 > div {position:relative}
.xg-box25-75 > div:nth-child(1) {width:25%;}
.xg-box25-75 > div:nth-child(2) {width:75%;}
.xg-box70-30 {overflow:hidden;}
.xg-box70-30 > div {position:relative}
.xg-box70-30 > div:nth-child(1) {width:70%;}
.xg-box70-30 > div:nth-child(2) {width:30%;}
.xg-box30-70 {overflow:hidden;}
.xg-box30-70 > div {position:relative}
.xg-box30-70 > div:nth-child(1) {width:30%;}
.xg-box30-70 > div:nth-child(2) {width:70%;}
.xg-box66-33 {overflow:hidden;}
.xg-box66-33 > div {position:relative}
.xg-box66-33 > div:nth-child(1) {width:67%;}
.xg-box66-33 > div:nth-child(2) {width:33%;}
.xg-box30-66 {overflow:hidden;}
.xg-box33-66 > div {position:relative}
.xg-box33-66 > div:nth-child(1) {width:33%;}
.xg-box33-66 > div:nth-child(2) {width:67%;}
.xg-box60-40 {overflow:hidden;}
.xg-box60-40 > div {position:relative}
.xg-box60-40 > div:nth-child(1) {width:60%;}
.xg-box60-40 > div:nth-child(2) {width:40%;}
.xg-box40-60 {overflow:hidden;}
.xg-box40-60 > div {position:relative}
.xg-box40-60 > div:nth-child(1) {width:40%;}
.xg-box40-60 > div:nth-child(2) {width:60%;}
.xg-box20-80 > div {position:relative}
.xg-box20-80 > div:nth-child(1) {width:20%;}
.xg-box20-80 > div:nth-child(2) {width:80%;}
.xg-box80-20 > div {position:relative}
.xg-box80-20 > div:nth-child(1) {width:80%;}
.xg-box80-20 > div:nth-child(2) {width:20%;}
.xg-box10-90 > div, .xg-box90-10 {float:left;position:relative}
.xg-box10-90 > div:nth-child(1), .xg-box90-10 > div:nth-child(2) {width:10%}
.xg-box10-90 > div:nth-child(2), .xg-box90-10 > div:nth-child(1) {width:90%}
.margintop {margin-top:40px !important;}
.marginbottom {margin-bottom:40px !important;}
.float-right {float:right}
.float-left {float:left}
.float-center {text-align: center}
.float-center > div {display: inline-block}
/* objects */
.xg-o-pbox3 {}
.xg-o-pbox3 * {font-size: 12px}
.xg-o-pbox3 *:nth-child(2), .xg-o-pbox3 *:nth-child(2) * {font-size: 25px}
.xg-o-pbox3 *:nth-child(3), .xg-o-pbox3 *:nth-child(3) * {font-size: 13px}
.xg-o-col2, .xg-o-col3, .xg-o-col4, .xg-o-col5 {width:100%;overflow: hidden;display: flex;flex-wrap: wrap;}
.xg-o-col2 > div {width:50%;padding:20px;text-align: left;}
.xg-o-col3 > div {width:33.3333333333%;padding:20px;text-align: left;}
.xg-o-col4 > div {width:25%;padding:20px;text-align: left;}
.xg-o-col5 > div {width:20%;padding:20px;text-align: left;}
.xg-o-num1 {}
.xg-o-num1 > span:nth-child(1) {font-size: 80px}
.xg-o-num1 > span:nth-child(2) {font-size: 25px}
/** positions **/
.xg-pos-left-top {position:relative !important;}
.xg-pos-left-top > * {position:absolute !important;left:0px;top:0px;-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);transform: translate(0px,0px)}
.xg-spos-left-top{position:absolute !important;left:0px;top:0px;-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);transform: translate(0px,0px)}
.xg-pos-left-middle {position:relative !important;}
.xg-pos-left-middle > * {position:absolute !important;left:0px;top:50%;-webkit-transform: translate(0px,-50%);-moz-transform: translate(0px,-50%);transform: translate(0px,-50%)}
.xg-spos-left-middle {position:absolute !important;left:0px;top:50%;-webkit-transform: translate(0px,-50%);-moz-transform: translate(0px,-50%);transform: translate(0px,-50%)}
.xg-pos-left-bottom {position:relative !important;}
.xg-pos-left-bottom > * {position:absolute !important;left:0px;bottom:0px;-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);transform: translate(0px,0px)}
.xg-spos-left-bottom {position:absolute !important;left:0px;bottom:0px;-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);transform: translate(0px,0px)}
.xg-pos-center-top {position:relative !important;}
.xg-pos-center-top > * {position:absolute !important;left:50%;top:0px;-webkit-transform: translate(-50%,0px);-moz-transform: translate(-50%,0px);transform: translate(-50%,0px)}
.xg-spos-center-top {position:absolute !important;left:50%;top:0px;-webkit-transform: translate(-50%,0px);-moz-transform: translate(-50%,0px);transform: translate(-50%,0px)}
.xg-pos-center-middle {position:relative !important;}
.xg-pos-center-middle > * {position:absolute !important;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.xg-spos-center-middle {position:absolute !important;left:50%;top:50%;-webkit-transform: translate(-50%,-50%) !important;-moz-transform: translate(-50%,-50%) !important;transform: translate(-50%,-50%) !important}
.xg-pos-center-bottom {position:relative !important;}
.xg-pos-center-bottom > * {position:absolute !important;left:50%;bottom:0px;-webkit-transform: translate(-50%,0px);-moz-transform: translate(-50%,0px);transform: translate(-50%,0px)}
.xg-spos-center-bottom {position:absolute !important;left:50%;bottom:0px;-webkit-transform: translate(-50%,0px);-moz-transform: translate(-50%,0px);transform: translate(-50%,0px)}
.xg-pos-right-top {position:relative !important;}
.xg-pos-right-top > * {position:absolute !important;right:0px;top:0px;-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);transform: translate(0px,0px)}
.xg-spos-right-top {position:absolute !important;right:0px;top:0px;-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);transform: translate(0px,0px)}
.xg-pos-right-middle {position:relative !important;}
.xg-pos-right-middle > * {position:absolute !important;right:0px;top:50%;-webkit-transform: translate(0px,-50%);-moz-transform: translate(0px,-50%);transform: translate(0px,-50%)}
.xg-spos-right-middle {position:absolute !important;right:0px;top:50%;-webkit-transform: translate(0px,-50%);-moz-transform: translate(0px,-50%);transform: translate(0px,-50%)}
.xg-pos-right-bottom {position:relative !important;}
.xg-pos-right-bottom > * {position:absolute !important;right:0px;bottom:0px;-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);transform: translate(0px,0px)}
.xg-spos-right-bottom {position:absolute !important;right:0px;bottom:0px;-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);transform: translate(0px,0px)}
.xg-video-container {position: relative;overflow: hidden;}
/** grid layout end **/
/** Development mode : 0. **/
@media (min-width:300px) and (max-width: 700px) {
.xg-o-col2 {overflow: hidden;width:100%  !important;}
.xg-o-col2 > div {float:none;width:100% !important;}
.xg-o-col4 > div {width:50%;padding:20px;text-align: left;}
.xg-o-col3 {overflow:hidden;}
.xg-o-col3 > div {width:100% !important;margin-bottom:50px;}
*[class*="xg-box"] {width:100%}
*[class*="xg-box"] > div {width:100% !important;}
.xg-image-container {min-height: 300px}
.invert-on-mobile {display: flex !important;flex-direction:column-reverse !important;width:100%;flex:1}
.invert-on-mobile > div {width: auto !important}
}
/** grid layout end **/
html * {font-family: 'DexaPro-Light';line-height: 175%;font-size:16px;touch-action: manipulation; /* modern browsers */}
*,
*:before,
*:after {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
.languages {position: absolute;right:10%;top:10px;}
.languages > a {text-decoration: none;margin-left:5px;margin-right:5px;}
.languages > a > span:nth-child(2) {display:none}
.languages > a > span:nth-child(1) {font-family: 'DexaPro-SemiBold' !important;text-decoration:none;}
.languages > a.selected {border-bottom:solid black 1px;}
.languages {display: none}
.language-bar {position: relative;text-align: left;display: block;float:left;padding:5px;margin-top:5px;padding-left:30px;padding-right:30px;background-color:rgba(0,0,0,0.1);border-radius: 20px;cursor: pointer;color:white}
.language-bar > div {width:18px;height:18px;position:absolute;top:10px;border-radius:50px;background-size: cover;background-position: center center;color:white;}
.language-bar > span {margin-left:30px;color:white;}
.languages-popup {position: fixed;left:100px;top:100px;z-index:90000000000000;background-color:rgba(0,0,0,0.9);border-radius:10px;box-shadow: 0px 10px 20px rgba(0,0,0,0.1);display: none;overflow:hidden;box-shadow: 0px 2px 20px rgba(0,0,0,0.9)}
.languages-popup > a {display: block;padding:10px;padding-left:30px;padding-right:30px;color:white;text-decoration: none}
.languages-popup > a > span:nth-child(1) {display: none} 
.languages-popup > a > span:nth-child(2) {color:white} 
.languages-popup > a:hover {background-color:white;color:back}
.languages-popup > a:hover * {color:#fc248c !important}
.mobile-menu {display:block;border:solid black 0px;position:absolute;left:30px;top:20px;height:70px;width:30px;border-top:solid black 5px !important;z-index:10100 !important}
.mobile-menu:after {width:30px;height:5px;background-color:black;content:' ';position: absolute;left:0px;top:5px;width:100%;	-webkit-transition:all 0.1s linear;
-moz-transition:all 0.1s linear;
-o-transition:all 0.1s linear;
transition:all 0.1s linear;}
.mobile-menu:before {width:30px;height:5px;background-color:black;content:' ';position: absolute;left:0px;top:15px;width:100%;	-webkit-transition:all 0.1s linear;
-moz-transition:all 0.1s linear;
-o-transition:all 0.1s linear;
transition:all 0.1s linear;}
.mobile-menu.active {border-top:solid rgba(255,255,255,0) 5px !important}
.mobile-menu.active:after {width:30px;height:5px;background-color:black;content:' ';position: absolute;left:5px;top:5px;width:20px;rotate: 45deg}
.mobile-menu.active:before {width:30px;height:5px;background-color:black;content:' ';position: absolute;left:5px;top:5px;width:20px;rotate:-45deg}
.popup-menu {border-radius:0px;left:0px;right:0px;top:-500px;max-width: 100%;width:100%;height:400px;transition:linear 0.2s;position: fixed;background-color:black;padding-top:50px;z-index:10000 !important}
.popup-menu.slide,body {transition:linear 0.2s}
.popup-menu > a {font-size: 28px}
.page-header.menuon {top:400px}
.popup-menu > a {border-bottom:solid rgba(255,255,255,0.2) 1px;color:white;display: block !important;font-size:22px;text-align: center;font-family:'DexaPro-SemiBold';padding:10px;padding-left:20px;padding-right:20px;}
.fixed iframe {
width: 0;
height: 0;
min-width: 100%;
min-height: 100%;
}
.mobile-menu {height:40px;left:auto;right:10px;top:40px;display:none}
.popup-menu {border-radius:0px;left:0px;right:0px;top:-500px;max-width: 100%;width:100%;height:400px;transition:linear 0.2s;position: fixed;background-color:rgba(241, 241, 241, 0.92);padding-top:150px;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);transition: all ease-in 0.5s;padding-bottom:50px !important}
.popup-menu > a {border-bottom:solid rgba(0,0,0,0.01) 1px;color:black;display: block !important;font-size:22px;text-align: left;font-family:'DexaPro-SemiBold';padding:10px;padding-left:50px;padding-right:20px;}
.popup-menu > a:visited, .popup-menu > a:link {color:black !important}
.mobile-menu-languages {display:none}
li {color:#444444}
li b {color:black;font-weight: normal;background-color:rgba(0,0,0,0.06)}
i[class^="icon-"] {font-family: 'telsso' !important;line-height: 100% !important;}
h1 {font-size:60px;font-weight: normal;font-family: 'DexaPro-SemiBold';margin:0px;padding:0px;text-align: center;letter-spacing: -2px;}
h2 {font-size:30px;font-weight: normal;font-family: 'DexaPro-SemiBold';text-align: center;letter-spacing: -1px}
h2.big {font-size: 60px}
h2 * {font-size: 30px;font-weight: normal;font-family: 'DexaPro-SemiBold'}
h3 {font-size: 20px;font-weight: normal;font-family: 'DexaPro-SemiBold';text-align: left}
h3 * {font-size:20px;font-weight: normal;font-family: 'DexaPro-SemiBold'}
h4 {font-size: 20px;font-weight: normal;font-family: 'DexaPro-SemiBold';text-align: left}
h4 * {font-size:20px;font-weight: normal;font-family: 'DexaPro-SemiBold'}
h2 .color {color:#FF3B30}
.middle {position: relative;overflow: hidden;margin-top:150px}
.middle > div {text-align: center;}
.logos {display: inline-block;margin-top:0px;}
.logos > div {float: left;width:200px;height:100px;position: relative;margin-right:50px;margin-left:50px;}
.logos > div > svg {max-height:70px;max-width: 200px;width:auto;max-width: 200px;position: absolute;bottom:0px;left:0px;}
.logos > div:nth-child(1) > svg {bottom:-10px;}
.logos > div:nth-child(3) > svg {bottom:-15px}
.svg-medium {text-align: center}
.svg-medium svg {max-width: 200px;max-height: 300px}
.ios-emoji {font-size: 100px !important;}
.logo {position: relative;left:-20px;top:10px;transition: all ease-in 0.5s}
.logo > img {overflow: hidden;border-radius:20px;box-shadow:0px 2px 2px rgba(0,0,0,0.2)}
.header {background-color:rgba(241, 241, 241, 0.92);overflow: visible;position: fixed;right:0px;height:80px;left:0px;top:0px;z-index: 150000000;border-bottom:solid rgba(0,0,0,0.0) 2px;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);transition: all ease-in 0.5s}
.header > div {overflow:hidden;position: relative;overflow:visible}
.header > div > div {text-align: left;overflow:hidden;height:100%;overflow: visible}
.header > div > div:nth-child(1) {float:left;width:20%;}
.header > div > div:nth-child(1) img {height:120px !important;margin-top:0px;}
.header > div > div:nth-child(2) {float:left;width:60%;text-align: left;position: relative;padding-top:25px;}
.header > div > div:nth-child(3) {float:left;width:20%;right:0px;top:10px;}
.div-language {overflow:hidden;margin-top:30px;text-align: right;padding-right:20px}
.div-language * {display: inline-block}
.div-language > a {margin-right:5px;margin-left:5px;}
.div-language > a > span:nth-child(2) {display:none}
.div-language > a.selected {border-bottom:solid black 2px}
.div-login {position: absolute;right:25px;bottom:45px;}
#main_div {background: transparent;margin-top:50px;margin-bottom:50px;position: relative}
.margin-top {margin-top:100px !important}
.margin-top.big {margin-top:200px !important}
.big-margins {margin-top:150px !important;margin-bottom:100px !important}
.margins.big {margin-top:200px !important;margin-bottom:200px !important}
.margins.small {margin-top:150px !important;margin-bottom:20px !important;}
.center {text-align: center}
section {padding-bottom:50px}
.white {padding:50px;background-color:white;border-radius:50px}
.big-round-button {position: relative;display: inline-block;background-color:rgba(0,0,0,0.8);border-radius:300px;padding-right:100px;margin-top:50px;margin-bottom:50px;box-shadow: 0px 10px 20px rgba(0,0,0,0.4)}
.big-round-button * {color:white}
.big-round-button > div:nth-child(1) {width:100px;height:100px;float:left;background-repeat: no-repeat;background-size: cover;background-position: center center;
border-radius:300px;margin:5px;border:solid white 3px}
.big-round-button > div:nth-child(2) {float:left;font-size: 20px;margin-left:30px;padding-top:35px}
.big-round-button:hover {background-color:black;box-shadow: 0px 10px 20px rgba(0,0,0,0.8)}
.big-round-button span {font-size: 40px;position: absolute;right:40px;top:18px;}
.button, .button:link, .button:visited {display:inline-block;background-color:black;border-radius:15px;padding:5px;padding-left:20px;padding-right: 20px;bordeR:solid black 1px;color:white}
.supervideo > div {background-color:rgba(255,255,255,0.2);position: absolute;top:0px;left:60%;width:40%;height:100%;border-radius:50px}
.supervideo > div * {color:black;text-align: left}
.supervideo > div > div {background-color:rgba(255,255,255,0.8);position: absolute;top:50%;-webkit-transform:translateY(-50%);transform: translateY(-50%);padding:50px;border-radius: 50px;width:90%}
select {
padding:0px;
padding-left:10px;padding-right:10px;
margin: 0;
background: rgba(0,0,0,0.05);
color:black;
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
height:30px;line-height: 30px;
}
select:hover {background-color:rgba(0,0,0,0.03)}
.menu {text-align: center;}
.menu a:link, .menu a:visited {font-size:14px;font-family: 'DexaPro-SemiBold';color:#4A4A4A !important;margin-left:20px;margin-right:20px;text-decoration: none;padding:5px;padding-left:0px;padding-right:0px;padding-bottom:10px;border-radius: 0px;}
.menu a:hover {color:#FF3B30 !important;text-decoration: none;border-bottom:solid #FF3B30 2px}
.menu > div {font-size:14px;color:white !important;display: inline}
.rightside {position:relative;background-color:transparent;text-align: right}
.language-bar {float:right !important;margin-top:10px !important;color:black !important;background-color:rgba(0,0,0,0.1) !important}
.language-bar > span {color:black !important}
a:link, a:visited {color:gray;text-decoration: none}
a:hover {color:#FF3B30;text-decoration: none}
body {background-color:#f1f1f1;background-size: cover !important;margin:0px;background-repeat: no-repeat;overflow:auto !important}
.headtitle {position:relative;top:50px;padding-top:0px !important;height:600px;background-repeat: no-repeat;
background-size: cover;background-position: center center;margin-bottom: 50px;text-align: center;border-radius: 20px;overflow: hidden;margin-bottom:100px;
}
.headtitle > video {position: absolute;left:0px;top:0px;width:100%;height:100%;object-fit: cover;z-index:100;max-width: 100%;left:0px;border-radius: 20px}
.headtitle > div {background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%, rgba(255,255,255,0) 100%);position: absolute;left:0px;top:0px;right:0px;bottom:20px;height:100%;z-index:100000;border-radius:10px}
.headtitle > div > div {position:absolute;left:0px;width:100%;max-width: 100%;margin-left:auto !important;margin-right:auto;text-align: center !important;padding:20px;padding-left:0px;border-radius: 0px;z-index: 200;color:white;margin-left:0px !important;overflow: hidden;top:50%;-webkit-transform:translateY(-50%)}
.headtitle > div > div > span:nth-child(1) {display: block !important;text-transform: uppercase;font-size:14px;}
.headtitle > div > div > span a {color:white;}
.headtitle > div > div h1 {max-width: 100%;line-height: 125%;margin-top:50px;margin-bottom:0px;padding-bottom:0px;color:white;}
.headtitle > div > div h2 {max-width: 100%;letter-spacing: 0px;}
.headtitle > div > div  * {text-align: center}
.headtitle.small > video {left:40%;width:55%;}
.headtitle.small {border:solid white 0px !important}
.headtitle.small > div > * {display:inline-block;color:black;text-shadow: none;}
.headtitle.small.white > div {background-color:rgba(255, 255, 255, 0.9);height:100%;top:0px;position: relative;border-radius:20px;width:100%;max-width: 90%}
.headtitle.small.white > div > div {border:none}
.headtitle.margin-top {margin-top:100px}
.headtitle.small.side {border:solid rgba(0,0,0,0.0) 1px !important}
.headtitle.small.side > video {border:solid rgba(0,0,0,0.0) 1px}
.headtitle.small.side > div {width:45% !important;max-width:40% !important;background:none !important;}
.headtitle.small.side > div *{text-align: left !important;color:black !important;background:none !important}
.headtitle.small.side > video {left:45% !important;width:55% !important}
.width.switch-video > div:nth-child(odd) {background-color:#f5f5f5}
.width.switch-video > div:nth-child(odd) > div {margin-left:40px}
.width.switch-video > div:nth-child(even) {background-color:white}
.width.switch-video > div:nth-child(even) > div {left:55%;margin-left:40px !important}
.width.switch-video > div:nth-child(even) > video {left:0px !important}
.switch-video.bigbig h2 {font-size:40px}
.bigbig .fancy {font-size:120%}
.headtitle h1_old {background: linear-gradient(to right, #f32170, #ff6b08,#cf23cf, #eedd44);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;}
.video-bg {overflow:hidden;position: relative;min-height: 750px}
.video-bg > div {position:relative;color:white;position:absolute;left:40px;bottom:30px;width:70%;}
.video-bg > video {position:absolute;left:0px;top:0px;width:100%; object-fit: cover;border-radius:20px;overflow:hidden;height:100%;}
.div-videos {width:100%;overflow: auto;display:flex;flex-wrap: nowrap;flex-direction: row;padding:20px;margin-bottom:20px;background-color:transparent;border-radius:10px}
.div-videos > div {position:relative;left:0px;top:0px;height:750px;}
.div-videos > div > div {position:absolute;left:0px;top:0px;margin-riht:20px}
.div-videos img {width:100%}
.div-videos p {position:absolute;color:white;left:calc(50% - 20px);top:50%;-webkit-transform:translate(-50%,-50%)}
.div-videos span {position:absolute;color:white;left:0px;top:15%;display: none}
.div-videos span > img {height:100px;width:100%;}
.div-videos video {max-width:360px;height:740px;margin-right:20px;border-radius:10px;position:relative;object-fit: cover}
.div-faq {}
.div-faq > div {border-bottom:solid rgba(0,0,0,0.1) 1px;padding:20px;margin-bottom:50px}
.div-faq > div > span {display: block}
.div-faq > div > span:nth-child(1) {font-weight: bolder;font-size:120%;}
.xg-box2 {margin-top:40px}
.xg-box2 > div {padding-right:100px;padding-left:50px;}
.xg-box2 > div:nth-child(odd) {padding-right:100px;padding-left:40px;}
.xg-box2 > div:nth-child(even) {padding-right:100px;}
.xg-box2.videos {margin-bottom:100px}
.xg-box2.xg-box60-40.videos > div:nth-child(2),.xg-box2.xg-box40-60.videos > div:nth-child(1) {background-color:rgba(255,255,255,0.2);border-radius:20px;margin:0px !important;padding:0px !important;min-height:650px}
.xg-box2.xg-box60-40.videos > div:nth-child(1) {padding-right:100px}
.xg-box2.xg-box40-60.videos > div:nth-child(2) {padding-left:100px}
.xg-box2.videos video {max-height:100%;height:600px;border-radius:20px;box-shadow: 0px 0px 5px rgba(0,0,0,0.4);margin-top:0px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%)}
.concept h2 {padding:0px;padding-left:20px;margin:0px;font-size: 30px}
.concept h3 {padding:0px;padding-left:20px;margin:0px;}
.concept p,.concept ul {padding:0px;margin:0px;line-height: 150%;background-color:rgba(0,0,0,0.4);padding-left:20px;padding-top:10px;padding-bottom:10px;padding-right:20px;font-size: 16px}
.concept li {margin-left:20px;font-size: 16px}
.concept.left > div:nth-child(1) {padding-left:10%;padding-right:50%}
.concept.left > div:nth-child(2) {padding-left:10%;padding-right:50%}
.headpromo.features {background-image:url('https://www.megatims.gr/de/imgs/features_de.png');background-color:#b7c19b;background-size: contain !important}
.headpromo.marketing {background-color:red;background-image:url('https://www.telsso.de/imgs/marketing.png')}
.headpromo.apps {background-color:#34AADC}
.headpromo.apps *{color:white}
.headpromo.app {background-color:#F7F7F7}
.headpromo.app * {color:black}
.multiselect {overflow: hidden}
.multiselect > span {display:inline-block;background-color:white;padding:5px;padding-left:20px;padding-right:20px;border-radius: 30px;margin-bottom:5px;border:solid white 2px}
.multiselect > span:hover {background-color:rgb(183, 225, 236);cursor: pointer}
.multiselect .selected {border:solid rgb(10, 123, 152) 2px !important}
.headpromo.download {background-color:#D1EEFC;min-height:200px;margin-bottom: 50px;margin-top:100px}
.headpromo.download * {color:black}
.width {width:95%;max-width: 1800px;margin-left:auto;margin-right:auto;}
.width.transparent {background-color:transparent}
.width.middle {text-align: left;padding-top:100px;margin-bottom:100px;}
.width.middle.small {text-align: center;padding-top:50px;margin-bottom:50px;}
.width.big {max-width: 1600px;width:100%;}
.width.middle h2 {font-size: 30px}
.width.center {}
.width-left {width:100%;padding-left:10%;}
.scroll-width {width:100%;position: relative;padding-left:12%;top:-50px;overflow: hidden;display: flex;flex-wrap: nowrap;flex-direction: row;overflow:auto;padding-bottom:100px;padding-right:100px}
.scroll-width > div {float:left;width:300px;}
.scroll-width .phone:nth-child(even) {margin-top:150px}
.scroll-width.placeholders {top:0px;padding-left:5%;}
.hx-loading {width:100% !important;height:100% !important;position:absolute;left:0px;top:0px;right:0px;bottom:0px;z-index:1000000;padding:0px !important;margin:0px !important;}
.hx-loading > div {position:absolute;left:50%;top:50%;padding:0px !important;margin:0px !important;-webkit-tranform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32px;height:32px;background-color:transparent !important}
.hx-loading i {color:silver}
.hx-loading svg {width:32px;height:32px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
animation:linear rotate infinite 1s;animation-duration: 1s;animation-iteration-count: infinite;fill:black}
@keyframes rotate {
0% {transform: rotate(0deg)}
50% {transform: rotate(180deg)}
100% {transform: rotate(360deg)}
}
.phone {border:solid black 7px;border-radius:30px;min-width:370px;min-height: 700px;max-height: 700px;margin-right:50px;position: relative;box-shadow: 0px 2px 5px rgba(0,0,0,1);overflow: hidden}
.phone:after {position: absolute;left:calc(50% - 50px);width:100px;top:15px;border-radius:20px;content:' ';background-color:black;height:25px;z-index:1000000}
.placeholder {border:solid transparent 7px;border-radius:30px;min-width:400px;min-height: 700px;max-height: 700px;margin-right:50px;position: relative;box-shadow: 0px 2px 5px rgba(0,0,0,0.5);overflow: hidden}
.placeholders.small .placeholder {min-height:500px}
.biggo .mlive {padding:10px}
.biggo .mlive > div {border:solid red 1px;float:left}
.biggo svg {max-width: 200px;max-height: 200px}
.img-cluster {padding-left:0px;}
.product {padding-top:50px;position: relative}
.product > * {}
.product .small {font-size:35px !important;margin-top:50px}
.product > div:nth-child(1) {font-family: 'DexaPro-SemiBold';font-size:60px;padding-left:20px;color:white;margin:0px;}
.product > div:nth-child(2) {padding-left:20px;color:white;font-size:12px}
.product > div:nth-child(3) {position: absolute;right:20px;top:240px;z-index:111111111;color:white;font-size:30px;font-family: 'DexaPro-SemiBold';}
.product > div:nth-child(4) {height:380px;position: absolute;left:4px;bottom:4px;width:calc(100% - 8px);background-size: cover;background-position: center center;background-repeat: no-repeat;border-radius:20px;}
.product button {position: absolute;left:20px;bottom:20px;width:calc(100% - 40px);background-color:white;color:black;font-size: 19px;line-height: 300%;font-family: 'DexaPro-SemiBold';border-radius:20px;border:none;}
.placeholder.product > div:nth-child(1) {font-size:14px;text-transform: uppercase;font-family: 'DexaPro-Light'}
.placeholder.product > div:nth-child(2) {font-size:30px;font-family: 'DexaPro-SemiBold';padding-right:20px}
.placeholder.product > div:nth-child(3) {font-family: 'DexaPro-Light';padding-left:20px;font-weight: normal;font-size:18px;padding-right:0px;position: absolute !important;top:auto !important;left:0px;bottom:50px;}
.product.c0, .c0 {background-color:#E84A5F}
.product.c1, .c1 {background-color:#A7D676}
.product.c1 *, .c1 * {color:black !important}
.placeholder.c1 * {color:white !important}
.product.c2, .c2 {background-color:#E8175D}
.product.c3, .c3 {background-color:#594F4F}
.product.c4, .c4 {background-color:#F7DB4F}
.product.c4 *, .c4 * {color:#3C4CAD !important}
.product.c5, .c5 {background-color:#3C4CAD}
.product.c6, .c6 {background-color:#56C596}
.product.c7, .c7 {background-color:#DDDDDA}
.product.c7 *, .c7 * {color:gray !important}
.fullcenter {font-size: 80px;font-family: 'DexaPro-SemiBold';color:white;justify-content: center;align-items: center;display:flex;}
.choices > * {display:block !important;float:left;width:25%;}
.choices > a:link, .choices > a:visited {color:black}
.choices > a:hover p {text-decoration: underline}
.choices > * > div > div:nth-child(1) {width:calc(100% - 40px);height:400px;border-radius: 20px;background-size: cover;background-position: center center;background-repeat: no-repeat;margin:20px}
.choices > * > div > div:nth-child(2) {font-family: 'DexaPro-SemiBold';text-align: center;font-size: 120%}
.choices > * > div > p {text-align: center;display: block;color:#FF3B30}
.circles {overflow:hidden;width:100%;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%)}
.circles > div {float:left;margin-left:20px;margin-right:20px}
.circle {width:150px;height:150px;border:solid gray 5px;border-radius:200px}
.circle > div:nth-child(1) {font-size: 40px;text-align: center;font-family: 'DexaPro-Light';position: relative;top:25px;letter-spacing: -2px}
.circle > div:nth-child(2) {font-size:14px;text-align: center;text-transform: uppercase;position: relative;top:0px;}
.circle.white {border:solid rgba(255,255,255,0.9) 5px;background-color:rgba(0,0,0,0.2);color: white !important}
.big-circles {overflow: hidden;white-space:nowrap;width:auto !important;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);}
.big-circles > div {display: inline-block;margin-left:50px;margin-right:50px;
width:200px;height:200px;border-radius: 200px;
border:solid white 5px;
}
.big-circles > div > div:nth-child(1) {text-align: center;font-size: 30px;line-height: 100%;}
.big-circles > div > div:nth-child(2) {text-align: center;font-size: 40px;height:100px;line-height: 150px}
.big-circles > div > div:nth-child(2) > i {font-size: 60px;}
.big-circles > div > div:nth-child(3) {white-space:nowrap;text-align: center;font-size: 13px;text-transform: uppercase}
.animation {
-webkit-transition:all 0.1s linear;
-moz-transition:all 0.1s linear;
-o-transition:all 0.1s linear;
transition:all 0.1s linear;
}
a.orange:link,a.orange:visited {display:inline-block;color:white !important;text-decoration: none;border:solid #FF9500 1px;padding:5px !important;padding-left:15px !important;padding-right: 15px !important;border-radius: 5px;background-color:#FF9500;}
a.orange:hover {background-color:#FF5E3A}
a.black:link,a.black:visited {display:inline-block;color:white !important;text-decoration: none;border:solid white 1px;padding:5px !important;padding-left:15px !important;padding-right: 15px !important;border-radius: 5px;background-color:rgba(0,0,0,0.7)}
a.black:hover {background-color:rgba(0,0,0,0.9);color:white !important}
.title {font-size:30px;font-family: 'DexaPro-SemiBold'}
.bigtitle {font-size:30px;text-align: center}
.bigtitle.white {color:white}
.bigtitle.center {text-align:center;margin-top:200px}
.footnotes {padding-left:20px}
.footnotes * {font-size:12px}
.footer {position:relative;overflow:hidden;z-index:50000000;padding-top:20px;padding-bottom:50px;margin-top:0px;margin-left:auto;margin-right:auto;border-top:solid rgba(0,0,0,0) 1px;padding-left:20px;padding-right:20px;}
.footer * {font-size:14px;line-height: 200%}
.footer > div {width:100%;max-width: 100%;margin-left: auto;margin-right: auto;}
.footer > div > div:nth-child(1) {float:left;width:100%;padding-left:-20px !important;}
.ah {display: flex;flex-direction: row;flex-wrap: nowrap;width:100%;margin-top:50px;padding-top:40px;padding-bottom:20px;border-top:solid rgba(191, 191, 191, 0.627) 1px;border-bottom:solid rgba(191, 191, 191, 0.627) 1px}
.ah > div {width:25%;min-width: 25%;}
.ah > div > div {font-size:120%;font-family: 'DexaPro-SemiBold'}
.ah a {display:block}
.international {position:relative;overflow:hidden;z-index:50000000;padding-top:20px;padding-bottom:0px;margin-top:10px;margin-bottom:0px}
.international * {font-size:14px}
.international > div {max-width: 1600px;width:90%;margin-left: auto;margin-right: auto;text-align: center}
.international a {display:inline-block;border-bottom:solid transparent 1px;color:black;border-radius:0px;padding:10px;padding-left:20px;padding-right:20px;}
.footer a {padding-left:0px;padding-right:10px;font-size:14px}
.footer a:link, .footer a:visited {color:black}
.footer a:link > span, .footer a:visited > span {display: inline-block;padding-bottom:2px;border-bottom:solid transparent 1px}
.footer a:hover > span {color:#FF2A68;border-bottom:solid #FF2A68 1px}
.country-def {padding-bottom:5px;margin-bottom:5px;height:130px}
.country-def.right a {padding-left:10px;padding-right:0px;}
.country-office {font-size:150% !important}
.website-def {overflow:hidden;border-bottom: solid silver 1px;padding-bottom:5px;margin-bottom:5px;text-align: right;height:130px;}
.website-def img {height:20px;margin-left:10px;}
.website-def > div:nth-child(1) {font-size: 16px;margin-right:10px}
.payments-box {overflow: hidden;text-align: center;background-color:transparent;padding-top:30px;padding-bottom:10px;width:100% !important;position: relative;}
.payments-box > div:nth-child(1) {text-align: center;}
.payments-box > div:nth-child(1) * {text-align: center}
.payments-box > div:nth-child(2) {display:flex;flex-direction:row;flex-wrap:nowrap;overflow: auto;margin-top:30px;padding-bottom:20px;width:auto !important;text-align: center;align-items: center;
justify-content: center;}
.payments-box > div:nth-child(2) > div {text-align: center;padding-top:10px;padding-bottom:10px;align-self: center}
.payments-box > div:nth-child(2) > div > div {align-self:center;}
.payments-box svg {width:auto;height:50px;display: inline-block;margin-left:30px;margin-right:30px;}
.payments-box > div:nth-child(2) > div > div:nth-child(2) {font-size:12px;opacity:0}
.payments-box > div:nth-child(2) > div:hover > div:nth-child(2) {opacity:1}
a.big-button:link, a.big-button:visited {font-size:25px;background-color:rgba(137, 43, 226, 0.734);padding:20px;padding-left:50px;padding-right:50px;color:white;margin-top:20px;display: inline-block;border-radius:30px;}
a.big-button:after {content:'→';font-size:110%;margin-left:20px}
a.big-button:hover {background-color:blueviolet}
.center {text-align: center;padding-top:10px;padding-bottom:10px}
span.center {display:block}
.text-right, .text-right * {text-align: right !important}
.text-left, .text-left * {text-align: left !important}
.text-center, .text-center * {text-align: center !important}
button, button.round, a.round {display:inline-block;
background-image: linear-gradient(45deg, #ff5da5, #fa308a);border:solid #8E8E93 0px;color:white;
border-radius: 50px;
padding:10px;padding-left:40px;padding-right:40px;
font-weight: normal;
font-size: 18px;transition: all 0.5s ease;}
button:hover, button.round:hover,a.round:hover {background-image: linear-gradient(45deg, #ff5da5, #ff5da5);;color:white;cursor: pointer;scale:1.01}
button.round.big {font-size: 20px !important}
button.simple, button.white {display:inline-block;
background-image:none;
background-color:transparent;border:solid #8E8E93 1px !important;color:gray;
border-radius: 5px;
padding:3px;padding-left:20px;padding-right:20px;
font-weight: normal;
font-size: 14px !important}
button.simple:hover {background-color:#8E8E93;color:white;cursor: pointer;scale:1}
button.white {background-color:white;border:none !important;border-radius:20px;font-size: 20px !important}
button.white:hover {background-color:white;color:black;cursor: pointer;scale:1}
a.round i {font-size: 25px;position: relative;top:5px}
a.round.white {font-size:18px;padding:7px;padding-left:30px;padding-right:30px;font-weight:normal;background-color:rgba(255,255,255,0.8);color:black !important;border:none;}
a.round.white:hover {background-color:#4A4A4A;color:white !important;border:none;}
a.round.orange {background-color:transparent;color:orange !important;border:solid orange 1px}
a.round.orange:hover {background-color:orange;color:white !important;border:solid orange 1px}
.buttons {overflow: hidden}
.buttons * {margin-left:10px;margin-right:10px}
div.space {display: inline-block;width:200px;height:5px;content: ' '}
.biggo, .form {padding-top:200px;padding-bottom:200px;background-color:white;border-radius:20px;position: relative;top:40px;text-align: center !important}
.form {padding-top:50px;padding-bottom:50px;top:0px;}
.biggo > h1, .form > h1 {font-size: 70px;text-align: center;background: linear-gradient(to right, #f32170, #ff6b08,#cf23cf, #eedd44);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;padding:0px;margin:0px;line-height: 175%}
.biggo > h2, .biggo > h2 *, .biggo > h4, .form > h2, .form > h2 *, .form > h4 {font-size:50px;text-align: center;padding:0px;margin:0px;line-height: 175%}
.biggo > h4, .form > h4 {font-size:30px}
.biggo > h3 {font-size:68px !important;text-align: center;background: linear-gradient(to right, #f32170, #ff6b08,#cf23cf, #eedd44);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;padding:0px;margin:0px;line-height: 175%}
.biggo > h3.small {font-size: 40px !important;max-width: 70%}
.biggo > span, .form > span {font-size:20px;}
.biggo > h3.black {background-image: linear-gradient(225deg, #28d8ff, #032eff);
filter: drop-shadow(0 20px 30px #28d8ff33);
color: black;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-box-decoration-break: clone;}
.form > div {width:100%;max-width: 700px;margin-left:auto;margin-right:auto;}
.form > div > div {margin-top:20px;margin-bottom:20px;}
.form > div > div > div {text-align: left}
.form > div > div > input, .form > div > div > textarea {width:100%;appearance: none;-webkit-appearance: none;background-color:#f0f0f0;border:none;border-radius:10px;padding:5px;}
.form > div > div > textarea {min-height: 200px}
.form button {width:100%;max-width: 100%;padding-top:15px !important;padding-bottom:15px !important}
.form select {width:100%;padding:5px;height: auto !important}
.promo {position: relative;overflow: visible;margin-bottom:0px;height:750px;}
.promo video {position: absolute;left:0px;top:0px;right:0px;width:100%;height:820px;object-fit: cover; border-radius:20px;overflow: hidden}
.promo > div {position: absolute;left:0px;top:0px;width:100%;height:100%;z-index: 100000;background-color:transparent}
.appbox {display: inline-block;width:140px;height:160px;overflow: hidden;}
.appbox > div {margin:10px;margin-left:0px;margin-right:25px;margin-left:25px}
.appbox > div:nth-child(1) {height:100px;width:100px;background-size: cover;
background-size:40%;background-position:center center;background-repeat: no-repeat;border:solid #f0f0f0 1px;
border-radius: 100px;border:solid #f0f0f0 1px;opacity: 0.5;background-color: transparent}
.appbox > div:nth-child(2) {text-align: center;font-size: 13px;padding-left:10px;position:relative;top:-10px}
.appbox:hover > div:nth-child(1) {opacity: 1;background-color: #fdfdfd}
.appbox:hover > div:nth-child(2) {color:;cursor: default}
.form-sales {background-color:white;padding:40px;border-radius: 20px;}
.form-sales > div > span {display: block;width:100%;}
.form-sales > div > span:nth-child(1) {font-size: 120%;font-family: 'DexaPro-SemiBold';margin-bottom:20px}
.form-sales > div > span:nth-child(2) {padding-bottom:20px}
.form-sales > div > div > div:nth-child(1) {font-size: 12px;margin-top:10px}
.form-sales > div > div > input {width:100%;border:solid #f0f0f0 1px;background-color:white;padding:3px;border-radius: 0px;outline:none}
.form-sales > div > div > button {margin-top:20px}
.ad4 {overflow: hidden}
.ad4 > div {float:left;width:25%;height:100%;overflow:hidden;}
.contact {float:left;width:50%;padding-right:30px;padding-bottom:30px;padding-top:30px}
.contact > div:nth-child(1) {font-size:120%;font-family: 'DexaPro-SemiBold'}
.img-cluster {overflow: hidden;overflow: hidden;padding:50px;}
.img-cluster > * {float:left;background-repeat: no-repeat;background-size:cover;height:700px;background-position: center center;border-radius:10px;margin-right:40px;margin-bottom:40px;box-shadow: 0px 10px 10px rgba(0,0,0,0.3);transition: all ease 0.2s;border:solid #f0f0f0 1px}
.img-cluster > *:hover {scale:1.02}
.img-cluster > *:nth-child(1) {width:calc(25% - 40px) !important;border-radius:20px;max-width: 50%;height:calc(550px - 20px)}
.img-cluster > *:nth-child(2) {width:calc(25% - 40px);height:calc(350px - 20px)}
.img-cluster > *:nth-child(3) {width:calc(25% - 40px) !important;height:calc(350px - 20px) !important}
.img-cluster > *:nth-child(4) {width:calc(25% - 40px);height:50%;height:calc(350px - 20px) !important}
.img-cluster > *:nth-child(5) {width:calc(25% - 40px);height:calc(500px - 20px) !important}
.img-cluster > *:nth-child(6) {width:calc(25% - 40px);height:calc(350px - 20px)}
.img-cluster > *:nth-child(7) {width:calc(25% - 40px) !important;height:calc(350px - 20px) !important}
.div-cluster {margin-top:100px;margin-bottom:100px;overflow: auto;display: flex;flex-wrap: nowrap;flex-direction: row;padding-bottom:50px}
.div-cluster > div {width:calc(22% - 40px);max-width: 22%;min-width: 20%;}
.div-cluster > div > div:nth-child(1) {background-color:#fefefe;height:400px;border:solid #f0f0f0 1px;margin-right:20px !important;margin-left:20px !important;border-radius: 10px;background-size: contain;background-repeat:no-repeat;background-position: center center;border-radius:20px}
.div-cluster > div > div:nth-child(2) {text-align: center;max-width: 80%;margin-left:auto;margin-right:auto;margin-top:20px}
.div-cluster.col4 {align-items: center;
justify-content: center;}
.div-cluster.col4 > div {width:calc(25% - 20px);max-width:calc(25% - 20px)}
.wide-page {background-color:rgba(255,255,255,0.5);margin-top:100px;padding-top:100px;padding-bottom:100px}
.vod-languages {text-align: center;display: block}
.vod-languages > div {display:inline-block;}
.vod-languages > div > a {display:inline-block;margin-right:40px}
.small-footnote {display:block;text-align:center;font-size:12px;}
.generic-block {margin-top:20px;margin-bottom:40px;}
.generic-block > div:nth-child(1) {margin-bottom:10px;padding-left:20px;}
.generic-line {margin-bottom:20px;}
.generic-line > input {border:solid white 1px;border-radius:20px;padding:10px;background-color:white;width:100%;max-width:800px}
.generic-line > div {padding-left:20px !important}
.generic-line > textarea {border:solid white 1px;border-radius:20px;padding:10px;background-color:white;width:100%;max-width:800px;height:100px;}
.products {overflow: hidden;display: flex;flex-wrap: nowrap;flex-direction: row}
.products > div {background-color:white;overflow: hidden;padding:0px}
.products > div:nth-child(1) {border-top-left-radius: 20px}
.products > div:nth-child(5) {border-top-right-radius: 20px}
.products > div svg {height:20px;position:absolute;top:calc(50% - 10px)}
.products > div > div {position:relative;border-bottom:solid rgba(0,0,0,0.1) 1px;padding:10px;padding-left:20px;}
.products ul {list-style-type: none;
margin: 0;
padding: 0;}
.products ul > li {margin-left:40px}
.products .bestbuy {background-color:rgba(232, 74, 95, 0.1)}
.products .bestbuy > div:nth-child(1):after {content:'BEST BUY';background-color:#E84A5F;font-size: 13px;padding:5px;padding-left:10px;padding-right:10px;color:white;position: absolute;left:50%;-webkit-transform:translateX(-50%);top:-20px}
.product-desc button:hover {background-color:#E84A5F;color:white;border:solid #E84A5F 2px}
.tso-pheader {margin-bottom:0px !important;position: relative}
.tso-pheader > div > div:nth-child(4):after {content:'BEST BUY';background-color:#E84A5F;font-size: 13px;padding:5px;padding-left:10px;padding-right:10px;color:white;position: absolute;left:50%;-webkit-transform:translateX(-50%);top:-5px;border-radius:5px;}
.tso-section {border-left:solid rgba(0,0,0,0.1) 1px;border:solid rgba(0,0,0,0.1) 1px;border-radius:10px !important;margin-top:20px;margin-bottom:20px;background-color:#fafafa}
.tso-ai {background-color:rgba(255,255, 255, 0.9);border-radius:10px;margin-top:20px;margin-bottom:20px}
.tso-payments {background-color:rgba(255,255, 255, 0.9);border-radius:10px;margin-top:20px;margin-bottom:20px}
.tso-section > div {border-bottom:solid rgba(0,0,0,0.1) 1px}
.tso-section > div:last-child {border-bottom:solid transparent 1px !important}
.products-row {display: flex;flex-wrap: nowrap;flex-direction: row;overflow:hidden}
.products-row > div {border-bottom:solid rgba(0,0,0,0.0) 1px;border-right:solid rgba(0,0,0,0.1) 1px;width:16.6666666666%;padding:10px;position: relative;text-align: center}
.products-row > div > ul {text-align: left}
.products-row > div:nth-child(1) {text-align: left}
.products-row > div:nth-child(5) {border-right:solid transparent 1px}
.products-row svg {height:20px;position: relative;top:calc(50% - 10px)}
.products-row a:link, .products-row a:visited {color:black;}
.products-row a:after {content:'→';padding-left:5px}
.products-row > div:nth-child(4) {background-color:rgba(232, 74, 95, 0.1)}
.xg-box4 {display: flex;flex-direction: row;flex-wrap: nowrap;}
.xg-box4 > div {width:calc(25% - 10px);min-width: calc(25% - 10px);max-width: calc(25% - 10px);}
.price-unit {background-color:rgba(255, 255, 255, 0.52);border-radius: 20px;margin:5px;}
.price-unit:hover {background-color:rgba(255, 255, 255, 0.7);box-shadow: 0px 2px 2px rgba(0,0,0,0.3);border-radius: 20px}
.product-desc {margin-left:20px;margin-right:20px}
.product-features svg {height:20px;margin-top:5px}
.product-features {background-color: rgba(255,255,255,0.0);margin-left:20px;margin-right:20px}
.product-features > div > div {display: flex;flex-direction: row;flex-wrap: nowrap;}
.product-features > div > div > div {padding:10px}
.product-features .product-section {background-color:white;margin-bottom:20px;border-radius:10px}
.product-desc.empty {opacity: 0 !important;visibility: hidden !important;}
.product-desc {min-height:200px;margin-top:20px}
.product-desc > div:nth-child(1) {text-transform:uppercase;text-align: center;font-size: 14px;margin-bottom:30px;}
.product-desc > div:nth-child(2) {text-align: center;font-size:40px;font-family: 'DexaPro-SemiBold'}
.product-desc > div:nth-child(3) {text-align: center;font-size: 14px}
.product-desc button {width:100%;border-radius:20px;color:black;font-size:16px;border:solid black 2px;margin-top:20px;margin-bottom:20px;padding:10px}
.product-desc button:after {content:'→';padding-left:20px;font-size:16px}
.vouchers {display: flex;flex-direction: row;flex-wrap: nowrap}
.vouchers > div { width: calc(25%);
aspect-ratio: 2 / 3; /* keeps height proportional to width */
text-align: center
}
.voucher {
width:calc(100% - 40px);
aspect-ratio: 2 / 3;
margin: 20px;
padding: 20px;
border-radius: 15px;
color: #fff;
text-align: center;
font-family: Arial, sans-serif;
box-shadow: 0 5px 2px rgba(0,0,0,0.1);
position:relative;
transform: perspective(1500px) rotateY(15deg);
box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
transition: all 0.5s ease 0s;
cursor: default;
&:hover {
transform: perspective(3000px) rotateY(5deg); scale:1.1
}
}
.voucher:before {position: absolute;background-color:white;width:150px;height:20px;content: ' ';left:calc(50% - 75px);top:30px;border-radius: 20px}
.voucher:after {position: absolute;background-color:white;width:30px;height:30px;content: ' ';left:calc(50% - 15px);top:20px;border-radius:50px}
.voucher svg {width:100px;height:100px;position: absolute;bottom:100px;left:calc(50% - 50px);}
.voucher-header {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 15px;
position: absolute;
bottom:20px;left:20px;right:20px;
font-family: 'DexaPro-SemiBold'
}
.voucher-body {margin-top:60px}
.voucher-body p {
margin: 5px 0;
}
.voucher-body p:nth-child(1) {font-size: 60px;font-family: 'DexaPro-SemiBold'}
.voucher-body p:nth-child(2) {font-size: 30px}
.voucher-body p:nth-child(3) {font-size: 18px !important;border:solid rgba(0,0,0,0.1) 1px}
.voucher-btn {
margin-top: 15px;
border: none;
border-radius: 8px;
cursor: pointer;
font-weight: bold;
}
.voucher.connect {background: #FF0075;  /* fallback for old browsers */
background: -webkit-linear-gradient(45deg, #FF0075, #FF8100);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(45deg, #FF0075, #FF8100); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.voucher.gold {background: #E6C16A;  /* fallback for old browsers */
background: -webkit-linear-gradient(45deg, #CE9F56, #E6C16A);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(45deg, #CE9F56, #E6C16A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
transform: perspective(1500px) rotateY(-15deg);
box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
transition: all 0.5s ease 0s;
&:hover {
transform: perspective(3000px) rotateY(5deg); scale:1.1
}
}
.voucher.silver { background: #dddddd; color: #000; }
.voucher.platinum {background: #1E2327;  /* fallback for old browsers */
background: -webkit-linear-gradient(45deg, #1E2327, #6e757b);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(45deg, #1E2327, #6e757b);
transform: perspective(1500px) rotateY(-15deg);
box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
transition: all 0.5s ease 0s;
&:hover {
transform: perspective(3000px) rotateY(5deg); scale:1.1
}
&:hover {
transform: perspective(3000px) rotateY(5deg); scale:1.1
}
}
.voucher-btn:hover {
opacity: 0.9;
}
.small.middle {font-size:13px;text-align: center;color:#FF0075;display: block;text-transform: uppercase;margin-bottom: 30px}
.small.middle span {border-bottom:solid #ff0075 2px;}
.headtitle .middle {color:white !important;margin-block: 10px}
.headtitle .middle span {border-bottom:solid white 2px}
.voucher-terms {padding-top:200px;display: flex;flex-direction: row;justify-content: center; align-items: center;}
.voucher-terms > div {max-width: 1500px;}
.voucher-terms big {font-size: 60px;display: block;text-align: center}
.voucher-terms ul {padding:0px;margin:0px;padding-right:50px;columns: 2;
-webkit-columns: 2;
-moz-columns: 2;}
.voucher-terms li {list-style: none;color:black;padding-top:5px;padding-bottom:5px}
.voucher-terms li:before {content:'✢';margin-right:10px}
.voucher-terms strong {font-weight: normal;color:gray;margin-top:100px;padding:20px;display: block}
.sections {display: flex;flex-direction: row;flex-wrap: nowrap;margin-top:50px}
.sections > div {background-color:white;padding:30px;font-size: 16px;background-color:#faf9f9;max-width: 50%;margin:20px;border-radius: 30px;}
.sections > div big {display: block;font-size: 150%;font-family: 'DexaPro-SemiBold';margin-top:50px;margin-bottom:20px}
.width.small {max-width: 1500px}
@media  (max-width: 800px) {
.mobile-menu {display:block;margin-right:20px}
.logo-big {z-index:150000050}
html * {font-family: 'DexaPro-Light';line-height: 150%;font-size:25px;}
h1 {font-size:40px;font-weight: normal;font-family: 'DexaPro-SemiBold';margin:0px;padding:0px;}
h2, h2 * {font-size:30px !important;font-weight: normal;text-align: center !important;font-family: 'DexaPro-SemiBold'}
h3, h3 * {font-size: 25px;line-height: 175%;font-weight: normal;font-family: 'DexaPro-SemiBold' !important}
.width {width:100%;max-width: 100%;margin-left:0px;margin-top:0px;padding-left:0px !important;padding-right:0px !important;}
.width.big {width:100%;max-width:100%}
.width.small {width:100%;max-width: 100%}
.width.no-padding {padding-left:0px !important;padding-right:0px !important}
div.space {display: block;width:100%;height:20px;content: ' '}
.biggo {padding-top:100px;padding-bottom:100px;background-color:white;border-radius:0px;position: relative;top:40px;text-align: center !important}
.biggo > h1 {font-size: 44px;text-align: center !important}
.biggo > h2 {font-size:30px !important;text-align:center !important}
.biggo > h3 {font-size:38px !important;text-align:center !important}
.logos {display: block}
.logos > div {float:left;width:50%;text-align: center;margin:0px !important;margin-bottom:80px !important;}
.logos > div > svg {position:relative;}
.choices {display: flex;flex-wrap: nowrap !important;flex-direction: row !important;overflow:auto !important}
.choices > a {min-width: 60%;width:60%;}
.choices > a:link, .choices > a:visited {color:black}
.choices > a:hover p {text-decoration: underline}
.choices > a > div > div:nth-child(1) {width:calc(100% - 20px);height:400px;border-radius: 20px;background-size: cover;background-position: center center;background-repeat: no-repeat;margin:10px}
.choices > a > div > div:nth-child(2) {font-family: 'DexaPro-SemiBold';text-align: center;font-size: 120%}
.choices > a > div > p {text-align: center;display: block;color:#FF3B30}
.width {border-radius:0px;padding-left:20px;padding-right:20px;}
.big-margins {padding-left:20px !important;padding-right:20px !important}
.ah {display: flex;flex-direction: row;flex-wrap: nowrap;width:100%;margin-top:50px;padding-bottom:20px;border-top:solid rgba(191, 191, 191, 0.627) 1px;border-bottom:solid rgba(191, 191, 191, 0.627) 1px;overflow: auto;padding-left:20px !important;padding-right:20p !important}
.ah > div {width:70%;min-width: 70%;text-align: left;}
.ah > div > div {font-size:170%;font-family: 'DexaPro-SemiBold'}
.ah a {display:block;font-size:150% !important}
.header {overflow: visible;position: fixed;width:100%;max-width:100%;height:100px;left:0px;top:0px;}
.header > div {overflow:hidden;position: relative;padding-bottom:0px;max-width: 100%;width:100%;}
.header > div > div {text-align: left;overflow:hidden;}
.header > div > div:nth-child(1) {float:none;clear:both;width:100%;height:100px;text-align: center;margin:0px;position: relative}
.header > div > div:nth-child(1) img {height:80px !important;margin-top:10px;}
.header > div > div:nth-child(2) {display:none;float:left;width:85%;right:25px;bottom:45px;position: absolute;text-align: left;}
.header > div > div:nth-child(3) {display:none;position: absolute;right:0px;top:10px;margin-right:25px;}
.logo {position: absolute;left:30px;top:0px}
.div-login {display:none;bottom:10px}
.footer {padding:0px}
.footer > div {overflow: hidden}
.footer > div > div {float:none;clear:both;text-align: left;width:100% !important;}
.footer > div > div > div {float:none;width:100%;text-align: left}
.biggo > h3.small {max-width: 95%}
.country-def {border-bottom: solid silver 1px;padding-bottom:5px;margin-bottom:5px;height:auto !important;text-align: center;margin-bottom: 50px;padding-bottom:50px;}
.website-def {overflow:hidden;border-top:solid silver 1px;border-bottom: solid silver 1px;margin-top:50px;padding-top:50px;padding-bottom:50px;margin-bottom:50px;height:auto !important;text-align: center;}
.promo {position: relative;overflow: visible;margin-bottom:0px;height:750px;}
.promo video {position: absolute;left:0px;top:0px;right:0px;width:100%;height:820px;object-fit: cover; border-radius:0px;overflow: hidden}
.promo > div {position: absolute;left:0px;top:0px;width:100%;height:100%;z-index: 100000;background-color:transparent}
ul.tabs {overflow:hidden;text-align: center; list-style-type: none;display: block;
padding: 0px !important;
margin: 0px;margin-top:20px;margin-bottom: 40px;position: relative}
ul.tabs li {border:solid #e0e0e0 1px;width:auto !important;display:inline-block;position:relative;margin:0px !important;padding:0px 50px !important;cursor: pointer;background-color:rgba(255,255,255,0.2)}
ul.tabs li:hover {background: rgba(255,255,255,0.6)}
ul.tabs li a:link,ul.tabs li a:visited {color:gray;text-decoration: none}
ul.tabs li a:hover {color:orange;text-decoration: none}
ul.tabs li:nth-child(1) {border-right:none;border-top-left-radius:5px;border-bottom-left-radius: 5px}
ul.tabs li:nth-last-child(1) {border-left:none;border-top-right-radius: 5px;border-bottom-right-radius: 5px}
.width.separator {border-top:solid #e0e0e0 1px;margin-top:25px;padding-top:25px;}
strong {font-weight: normal;color:#aa732f}
.demop {font-size:16px;text-align: center;color:black;margin-top:20px;margin-bottom:20px;color:#444444}
.demop.left {text-align: left !important;margin-right:20px;font-size: 16px}
.demop.white {color:white}
a.rbtn:link, a.rbtn:visited {border:solid #4A4A4A 1px;padding:2px !important;border-radius: 3px;text-decoration: none;font-size:14px;font-style: normal;padding-bottom: 3px !important}
a.rbtn:hover {background-color:#4A4A4A;border:solid #4A4A4A 1px;}
a.rbtn:hover > span {color:white !important;}
a.rbtn > span {padding:3px !important;padding-left:20px !important;padding-right:20px !important;color:#4A4A4A;margin: 0px !important;font-size: 14px;font-style: normal;}
a.rbtn.big:link,a.rbtn.big:visited {padding:5px !important;border:solid white 1px;color:white !important;-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
border-radius: 3px;}
a.rbtn.big > span {font-size: 18px;padding-top:20px !important;padding-left: 20px !important;padding-right: 20px !important;color:white;}
.gray_menu {overflow: hidden;background-color:#fafafa;border-radius:5px;list-style-type:none}
.gray_menu > li {padding:5px;}
.gray_menu > li > a:link, .gray_menu > li > a:visited {text-decoration: none;color:gray;}
.gray_menu > li > a:hover {color:#3366CC}
.gray_menu.simple {list-style-type: none;margin:0px !important;padding:0px !important;width:100%;}
.gray_menu.simple > li {padding-left:0px;}
div.contact {width:50%;float:left;margin-bottom: 25px;margin-top:25px}
div.contact > div:nth-child(1) {font-size:18px}
.xg-box2 > div:nth-child(odd) {padding-right:0px;}
.xg-box2 > div:nth-child(even) {padding-right:0px;}
.xg-box2.xg-box60-40.videos > div {padding-right:0px !important;padding-left:0px !important;}
.xg-box2.xg-box40-60.videos > div:nth-child(2) {padding-left:0px !important}
.big-round-button {margin-left:40px;margin-right:40px;margin-top:100px;position:relative;height:300px;width:calc(100% - 80px);box-shadow: none;background-color:transparent}
.big-round-button > div:nth-child(1) {width:150px;height:150px;float:none;position:absolute;left:calc(50% - 75px);top:0px;;background-repeat: no-repeat;background-size: cover;background-position: center center;
border-radius:300px;margin:5px;border:solid white 3px;z-index:10000}
.big-round-button > div:nth-child(2) {float:none;position: absolute;left:0px;right:0px;top:70px;width:100% !important;font-size: 40px;margin-left:0px;padding-top:85px;
background-color:#444444;border-radius:30px}
.big-round-button:hover {background-color: transparent !important;box-shadow: none}
.big-round-button:hover > div:nth-child(2) {background-color:black}
.headtitle {position:relative;top:50px;padding-top:0px !important;height:500px;overflow: hidden;background-repeat: no-repeat;border-bottom:solid #f0f0f0 2px !important;background-size: cover;background-position: top center;margin-bottom: 50px;text-align: center;border-radius: 0px;margin-bottom:100px;}
.headtitle > div {width:100% !important;min-width: 100% !important;max-width: 100% !important;height:auto !important}
.headtitle > video {position: absolute;top:0px;right:0px;left:0px;width:100% !important;left:0px !important;max-width: 100% !important;margin:0px !important;border-radius:0px;object-fit: cover !important}
.headtitle.small > div {left:0px !important;padding:0px !important;}
.headtitle > div > div {width:100% !important;max-width: 100% !important;top:200px !important;background-color:transparent;position:relative;padding-left:20px}
.headtitle > div > div > span:nth-child(1) * {font-size: 16px}
.big-margins {margin-bottom:20px}
.img-cluster {display:flex;flex-direction: row !important;flex-wrap: nowrap;overflow: auto !important;margin:0px}
.img-cluster > div {width:70%;max-width: 70%;min-width: 70%;height:300px !important;min-height:300px !important;}
.div-cluster> div {min-width:300px}
.big-round-button > div:nth-child(2) {padding-bottom:20px;font-size:22px !important}
.small-footnote {text-align: left}
.placeholder.product > div:nth-child(3) {font-size:24px !important}
.headtitle {height:auto !important}
.headtitle.small.side > div {width:100% !important;max-width:100% !important;background:none !important;position: relative !important;top:auto !important;margin:0px !important;left:0px !important;top: 100px ;}
.headtitle.small.side > video {left:auto !important;width:100% !important;position: relative !important}
.products-row {display: flex;flex-wrap: wrap;flex-direction: row;overflow:hidden;}
.products-row > div {border-bottom:solid rgba(0,0,0,0.0) 1px;border-right:solid rgba(0,0,0,0.1) 1px;width:20%;min-width: 20%;padding:10px;position: relative;font-size: 16px;min-height:40px;text-align: center;border-top:solid rgba(0,0,0,0.0) 1px;border-right:solid rgba(0,0,0,0.0) 1px}
.products-row > div:nth-child(1) {min-width:100%;}
.products-row > div > * {text-align:left}
.tso-pheader {}
.products-row span {font-weight: bold;display: block;text-align: center;padding:20px}
.products-row > div:nth-child(4) {background-color: transparent !important}
.products-row svg {height:30px;top:0px;}
.xg-box4 {display: flex;flex-direction: row;flex-wrap: nowrap;}
.xg-box4 > div {width:calc(100% - 10px);min-width: calc(100% - 10px);max-width: calc(100% - 10px);}
.vouchers {display: block}
.vouchers > div { width: calc(100%)}
.voucher-terms big {font-size: 160px !important;display: block;text-align: center}
.voucher-terms ul {padding:0px;margin:0px;padding-right:50px;columns: 1;
-webkit-columns: 1;
-moz-columns: 1;}
.voucher-terms li {margin-bottom:10px}
.sections {
flex-direction: column; /* stack vertically */
}
.sections > div {
max-width: 100%; /* full width */
margin: 10px 0; /* reduce spacing */
}
.voucher {
width:calc(80% - 40px);
aspect-ratio: 2 / 3;
margin: 20px;
padding: 20px;
border-radius: 15px;
color: #fff;
margin-left:calc(10% + 20px);
text-align: center;
box-shadow: 0 5px 2px rgba(0,0,0,0.1);
position:relative;
transform: perspective(0px) rotateY(0deg) !important;
box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
transition: all 0.5s ease 0s;
cursor: default;
&:hover {
transform: perspective(0px) rotateY(0deg); scale:1
}
}
button.simple {font-size: 20px !important}
.popup-menu {background-color:rgba(250,250,250,0.9);padding-top:120px;padding-bottom:50px;z-index:15000001 !important}
}