body img { margin-bottom:2rem; } p { clear:both ; padding:0 0 0.2% 0; -moz-hyphens:auto; -epub-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; } .onMobileShow{ display:none; } .onMobileHide{ display:block; } img { display:block; width:100%; } .browser-upgrade a { width:100%; position:fixed; bottom:0; left:0; padding:10px; font-size:14px; color:#6d6647; text-align:center; background:#FAF4AF; border-bottom:1px solid #ccc; z-index:1000; } .browser-upgrade a:focus, .browser-upgrade a:hover { background: #f9f2a5 ; } .vertical-spacer { clear:both; width:48%; margin:7% 23% 5% 25%; padding:0 0 ; text-align:center; } .vertical-spacer-line { clear:both; width:48%; border-top:solid 1px silver; margin:7% 23% 5% 25%; padding:0 0 ; text-align:center; } .seperator-line { border-top: solid 1px ; padding: 2vh 0; } .seperator-spacer { margin-top: 2vh; } #headerNavigation .nav-content {background-color:#fff;} #mainNavigation .nav-content {background-color:#fff;} #additionalNavigation .nav-content {background-color:#fff;} #langNavigation{ clear:both; display:block; position:relative; } #langNavigation::after{ clear:both; } #langNavigation > #top-left. #langNavigation > #bottom-left{ float: left; position: relative; width: auto; height: 2%; display: block; } #top-left > #lang-select, #top-right > #lang-select, #bottom-left > #lang-select, #bottom-right > #lang-select{ display: block; width: 15%; height: auto; } #langNavigation > #top-right, #langNavigation > #bottom-right{ float: right; position: relative; width: auto; height: 2%; display: block; } #top-left > #lang-select, #bottom-left > #lang-select{ float: left; display:block; width:auto; } #top-right > #lang-select, #bottom-right > #lang-select{ float: right; display:block; width:auto; } img.iso-flag{ margin: 5pt 10pt; position: relative; width: auto; height: 1.5em; display: block; border-radius: 50%; padding: 0.5pt; box-shadow: 0pt 2pt 4pt #999; } #breadcrumps { position: relative; text-align:left; display: block; width: 100%; font-size: 1.1vw; color: grey; text-decoration: none; left: 1.8%; margin-bottom:2%; } #breadcrumps a.parent { color: grey; text-decoration: none; } #breadcrumps a#active-child { } } #breadcrumps a:hover#active-child { text-decoration:underline; } .header-section-wrapper { position:relative; display:block; width:100%; } #footerNavigation .nav-item p{width:100%;} .button, input[type='submit'] { display: table; } .button > a:link, .button > a:visited, .label.button > a:link , .label.button > a:visited , input[type='submit'] { -webkit-appearance: none; -ms-appearance: none; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; transition-duration:0.4s; color:inherit; } .button > a:hover, .button > a:focus, .button > a:active, label .button > a:hover, label .button > a:focus, label .button > a:active, input.custom:hover, input.custom:focus, input.custom:active { } .copyrights { clear: both; min-width:20%; word-break:keep-all; float: left; font-size: small; color: #5A5A5A; padding: 0.2% 2% 2% 5%; list-style-type: none; } .copyrights a { color: #5A5A5A; } #invisible, { display: none; } #nav-container, #nav, .nav-content { } #lang_flags { z-index: 998; position: fixed !important; bottom: 2rem; right: 2%; } .lang{ display: inline-block; width: 100%; } #lang_flags img { display: block; width: 1.5rem; height: auto; margin-bottom: 1rem; } img #flags { height: 1.5rem; color: black; width: auto; float:right; } .scrolling { opacity: 0.8 !important; } /* .nav-content { display: none; } .nav-active > .nav-content { } a.nav-active:link .nav-content, a.nav-active:visited .nav-content, a.nav-active:hover .nav-content, a.nav-active:focus .nav-content, a.nav-active:active .nav-content { /*display: block;*/ } */ #nav-container #nav-ul li, #nav-container li a:link, #nav-container li a:visited { } #nav-content a:link, #nav-content a:visted { } .nav-content:hover { display: block; } .nav-item, .nav-active { width:100%; } .nav-item a, .nav-active a { } .nav-item:focus { background-color: #444; } .nav-item:hover~.nav-content, .nav-item:active~.nav-content, .nav-item:focus~.nav-content, .nav-item~.nav-content:target { z-index: 999; display: block; } .nav-content:hover, .nav-content:focus, .nav-content:target { display: block; } */ #headerNavigation .nav-item, #headerNavigation .nav-item a, #headerNavigation .nav-active, #headerNavigation .nav-active a, #legalNavigation .nav-item, #legalNavigation .nav-item a, #legalNavigation .nav-active, #legalNavigation .nav-active a {float:right;} #headerNavigation .nav-item:hover~.nav-content, #headerNavigation .nav-item:active~.nav-content, #headerNavigation .nav-item:focus~.nav-content, #headerNavigation .nav-item~.nav-content:target, #headerNavigation .nav-active:hover~.nav-content, #headerNavigation .nav-active:active~.nav-content, #headerNavigation .nav-active:focus~.nav-content, #headerNavigation .nav-active~.nav-content:target, #mainNavigation .nav-item:hover~.nav-content, #mainNavigation .nav-item:active~.nav-content, #mainNavigation .nav-item:focus~.nav-content, #mainNavigation .nav-item~.nav-content:target, #mainNavigation .nav-active:hover~.nav-content, #mainNavigation .nav-active:active~.nav-content, #mainNavigation .nav-active:focus~.nav-content, #mainNavigation .nav-active~.nav-content:target, #additionalNavigation .nav-item:hover~.nav-content, #additionalNavigation .nav-item:active~.nav-content, #additionalNavigation .nav-item:focus~.nav-content, #additionalNavigation .nav-item~.nav-content:target, #additionalNavigation .nav-active:hover~.nav-content, #additionalNavigation .nav-active:active~.nav-content, #additionalNavigation .nav-active:focus~.nav-content, #additionalNavigation .nav-active~.nav-content:target { display: block; } #mainNavigation .nav-content:hover, #mainNavigation .nav-content:target { display: block; } #leftNavigation{ height:100%; } #leftNavigation .nav-item, #leftNavigation .nav-active { display: block; clear:both; } #leftNavigation .nav-item:hover~.nav-content, #leftNavigation .nav-item:active~.nav-content, #leftNavigation .nav-item:focus~.nav-content, #leftNavigation .nav-item~.nav-content:target { display: block; clear:both; } /* .nav-content:hover, .nav-content:target { display: block; }*/ #nav img { display:block; float: left; } /* #nav li, #nav li:link, #nav li:visited { display: inline-block; padding:0 0.4rem 0.4rem; } */ #nav-container #nav-ul li a:hover, #nav-container #nav-ul li a:active, #nav-container #nav-ul li a:focus { } #nav-content a:hover, #nav-content a:active, #nav-content a:focus { } #top { display: none; } #nav-title a#nav-img, #nav-title a#nav-img img, #top #nav-title a#nav-img, #top #nav-title a#nav-img img { display: inline-block; /*max-height: 5rem;*/ width:230px; width: auto; max-width: 23vw !important; /*max-width: 20vw !important; */ /*margin: 5% auto 5% 1rem;*/ margin: 0 auto 0.4rem auto; max-height: 10.7rem !important; } #nav-mob-img, #nav-mob-img img { display:none; max-height:50px !important; height:50px; width:auto; max-width:250px !important; margin:3px auto 0 5px; } #top #btn-open { display:block; } #nav #btn-close { height:0; width:0; } .navColumn-1-100{} .navColumn-1-50,.navColumn-2-50{float:left;width:50%} .navColumn-1-33,.navColumn-2-33,.navColumn-3-33{float:left;width:33.33%} .navColumn-1-25,.navColumn-2-25,.navColumn-3-25,.navColumn-4-25{float:left;width:25%} .navColumn-1-20,.navColumn-2-20,.navColumn-3-20,.navColumn-4-20,.navColumn-5-20{float:left;width:20%} .navColumn-1-17,.navColumn-2-17,.navColumn-3-17,.navColumn-4-17,.navColumn-5-17,.navColumn-6-17{float:left;width:16.66%} .navColumn-1-14,.navColumn-2-14,.navColumn-3-14,.navColumn-4-14,.navColumn-5-14,.navColumn-6-14,.navColumn-7-14{float:left;width:14.25%} .navColumn-1-13,.navColumn-2-13,.navColumn-3-13,.navColumn-4-13,.navColumn-5-13,.navColumn-6-13,.navColumn-7-13,.navColumn-8-13{float:left;width:12.50%} .header-section-wrapper .section-1-100 {width:100%;margin:0;padding:0;} .section-1-100 {width:100%;clear:both;} .section-1-75 {float:left;width:75%;} .section-1-50,.section-2-50 {float:left;width:50%;} .section-1-33, .section-2-33, .section-3-33{float:left;width:33.33%;} .section-1-25, .section-2-25, .section-3-25, .section-4-25 {float:left;width:25%;} .section-1-20, .section-2-20, .section-3-20, .section-4-20, .section-5-20 {float:left;width:20%;} .section-1-17, .section-2-17, .section-3-17, .section-4-17, .section-5-17, .section-6-17 {float:left;width:16.5%;} .section-1-14, .section-2-14, .section-3-14, .section-4-14, .section-5-14, .section-6-14, .section-7-14 {float:left;width:14.25%;} .section-1-13, .section-2-13, .section-3-13, .section-4-13, .section-5-13, .section-6-13, .section-7-13, .section-8-13 {float:left;width:12.5%;} .split-1-100 {width:100%;} .split-1-75 {float:left;width:75%;} .split-1-67 {float:left;width:66.67%;} .split-1-50, .split-2-50 {float:left;width:50%;} .split-1-33, .split-2-33, .split-3-33 {float:left;width:33.33% ;} .split-1-25, .split-2-25, .split-3-25, .split-4-25 {float:left;width:25%;} .split-1-20, .split-2-20, .split-3-20, .split-4-20, .split-5-20 {float:left;width:20%;} .no_star { float:left; line-height:32px; color:#F1541B; font-size:20px; width:16px; margin:0px; visibility:hidden; } .input { display:block; /*width:96% !important;*/ font-size:medium; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } input:matches([type='date']) { display: block; font-size: large; width: 96% !important; float: left; margin-right: 1%; padding:5px; line-height: 2.5rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .input span { position:absolute; z-index:1; cursor:text; /*pointer-events:none;*/ color:#999; padding:7px; line-height:xx-large; margin-left:2px; } .input input, .input select { z-index:0; padding:0px; margin:0.5% 0; font:inherit; line-height:xx-large; /*width:96% !important;*/ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px lightgrey; background-color:white; font-size:medium; } .input textarea { z-index:0; padding: 6px 0px 6px 18px; margin:0.5% 0% 0.5% 0%; font:inherit; line-height:xx-large; width:92% !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px lightgrey; background-color:white; /*font-size:medium;*/ } .input select { padding:5px; height:31px; } .button_holder { width:100%; } #captcha-feld { width:220px; float:left; margin-top:5px; margin-right:0px; margin-left:11px; } p.errormsg { display :none; margin:5px; margin-left:0px; color:lightsteelblue; height:35px; } .error { font-weight: 400; /*font-size: 20px;*/ color: #ff6666; visibility: hidden; opacity: 0; transition: visibility 0s 4s, opacity 4s linear; } @keyframes pulse_animation { 0% { transform: scale(1); } 30% { transform: scale(1.01); } 40% { transform: scale(1.01); } 50% { transform: scale(1); } 60% { transform: scale(1); } 70% { transform: scale(1.01); } 80% { transform: scale(1.01); } 100% { transform: scale(1); } } .pulse:hover { animation-name: pulse_animation; animation-duration: 4s; transform-origin:70% 75%; animation-iteration-count: infinite; animation-timing-function: linear; } .tooltip .tooltiptext { visibility: hidden; min-width: 10vw; max-width: 30vw; background-color: black; color: #fff; text-align: left; border-radius: 6px; padding: 0.5vw; opacity: 0.95; position: fixed; z-index: 1; font-size: 1rem; margin: -2vw 3vw 0 -10vw; } .tooltip:hover .tooltiptext { visibility: visible; display:block; } .tooltip .tooltiptext p{ color:#fff; } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0); transform:translateY(0); } 40% { -moz-transform:translateY(-30px); transform:translateY(-30px); } 60% { -moz-transform:translateY(-15px); transform:translateY(-15px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform:translateY(0); transform:translateY(0); } 40% { -webkit-transform:translateY(-30px); transform:translateY(-30px); } 60% { -webkit-transform:translateY(-15px); transform:translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); } 40% { -moz-transform:translateY(-30px); -ms-transform:translateY(-30px); -webkit-transform:translateY(-30px); transform:translateY(-30px); } 60% { -moz-transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px); transform:translateY(-15px); } } #fader { width:25px; height:25px; position:absolute; bottom:2%; margin:0 auto 0 -15px; left:49%; } .arrow { border:solid 1px white; border-radius:100%; padding:1px; opacity:0.9; width:45px; height:45px; background-color:rgba(0,0,0,0.1); background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=); background-size:contain; } .bounce { -moz-animation:bounce 2s infinite; -webkit-animation:bounce 2s infinite; animation:bounce 2s infinite; z-index: 997; position: absolute; } [class*='parallax_'] { min-height: 45rem; width:100%; text-indent:-9999px; background-attachment:fixed; background-position: center center; background-size: cover; &:nth-child(2n) { box-shadow: inset 0 0 1em #111; } } .parallax_1 { } .parallax_2 { } .parallax_3 { } .parallax_4 { } body, .lang{color:#000000;font-family:"Lato", sans-serif;font-weight:400;Lato:"Lato", sans-serif;font-size:36px;font-size:calc(6 * 0.18rem);font-size:calc(6 * 0.25vw);font-weight:400;margin:0% ;padding:0% ;}#headerNavigation, #headerNavigation p{color:#060606;background-color:#ffffff;font-family:"Lato", sans-serif;font-weight:300;Lato:"Lato", sans-serif;font-size:30px;font-size:calc(5 * 0.18rem);font-size:calc(5 * 0.25vw);font-weight:300;opacity:0.9;width:95%;margin:0% ;padding:1% 1% 1% 4% ;position:fixed;z-index:999;}#headerNavigation .nav-item, #headerNavigation .nav-item a{color:#060606;font-weight:400;font-weight:400;margin:0% ;padding:0% ;}#headerNavigation .nav-active #nav-bullet:hover, #headerNavigation .nav-item #nav-bullet:hover{color:#c63f99;font-weight:400;font-weight:400;margin:0% ;padding:0% ;}#headerNavigation .nav-active, #headerNavigation .nav-active a{color:#cf3f99;font-weight:400;font-weight:400;margin:0% ;padding:0% ;text-decoration:none;}h2{font-weight:400;font-size:60px;font-size:calc(10 * 0.18rem);font-size:calc(10 * 0.25vw);font-weight:400;margin:0% 0% 3% 0% ;padding:1% 0% 0% 0% ;}p, input, button, #p{color:#1c1c1c;font-family:"Lato", sans-serif;font-weight:400;Lato:"Lato", sans-serif;font-size:30px;font-size:calc(5 * 0.18rem);font-size:calc(5 * 0.25vw);font-weight:400;margin:0% ;padding:0% 1% 0% 0% ;}h3{font-family:"Lato", sans-serif;font-weight:300;Lato:"Lato", sans-serif;font-size:60px;font-size:calc(10 * 0.18rem);font-size:calc(10 * 0.25vw);font-weight:300;width:98%;margin:0% ;padding:0% 2% 2% 0% ;}.button, .button:visited, input[type='button'], input[type='submit']{color:#ffffff;background-color:#b6004c;font-family:"Lato", sans-serif;font-weight:300;LatoText-Align:"Lato", sans-serif;font-size:36px;font-size:calc(6 * 0.18rem);font-size:calc(6 * 0.25vw);font-weight:300;border:1px solid #ffffff;margin:5% auto ;padding:2% 4% ;text-decoration:none;}#footerNavigation{color:#d0d0d0;background-color:#2c2930;font-family:"Lato", sans-serif;Lato:"Lato", sans-serif;font-size:30px;font-size:calc(5 * 0.18rem);font-size:calc(5 * 0.25vw);border-top:1px solid #d0d0d0;width:94%;margin:0% ;padding:4% 3% 25% 3% ;}h4{font-family:"Lato", sans-serif;font-weight:300;Lato:"Lato", sans-serif;font-size:42px;font-size:calc(7 * 0.18rem);font-size:calc(7 * 0.25vw);font-weight:300;margin:0% ;padding:0% 0% 2% 0% ;}h1{color:#ffffff;font-family:"Lato", sans-serif;font-weight:600;Lato:"Lato", sans-serif;font-size:90px;font-size:calc(15 * 0.18rem);font-size:calc(15 * 0.25vw);font-weight:600;width:94%;margin:0% ;padding:4% 3% 2% 3% ;}#additionalNavigation{color:#404040;font-family:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:300;Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-size:42px;font-size:calc(7 * 0.18rem);font-size:calc(7 * 0.25vw);font-weight:300;margin:0% ;padding:0% ;}#additionalNavigation .nav-item, #additionalNavigation .nav-item a{color:#404040;font-family:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:200;Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-size:42px;font-size:calc(7 * 0.18rem);font-size:calc(7 * 0.25vw);font-weight:200;margin:0% ;padding:0% ;}.button:hover, .button:focus, input[type='button']:hover, input[type='button']:focus, input[type='submit']:hover, input[type='submit']:focus{color:#ffffff;background-color:#000000;font-family:"Lato", sans-serif;font-weight:300;LatoText-Align:"Lato", sans-serif;font-size:36px;font-size:calc(6 * 0.18rem);font-size:calc(6 * 0.25vw);font-weight:300;border:1px solid #ffffff;margin:5% auto ;padding:2% 4% ;text-decoration:none;}.split{width:96%;margin:0% ;padding:0% 2% ;} .split-1-100 {float:left;width:96%;margin:0% ;padding:0% 2% ;;} .split-1-50, .split-2-50 {float:left;width:46%;margin:0% ;padding:0% 2% ;;} .split-1-33, .split-2-33, .split-3-33 {float:left;width:29.33%;margin:0% ;padding:0% 2% ;;} .split-1-25, .split-2-25, .split-3-25, .split-4-25 {float:left;width:21%;margin:0% ;padding:0% 2% ;;} .split-1-20, .split-2-20, .split-3-20, .split-4-20, .split-5-20 {float:left;width:16%;margin:0% ;padding:0% 2% ;;} .section{margin:0% ;padding:0% ;} .section-1-100 {width:100%;margin:0% ;padding:0% ;;} .section-1-50, .section-2-50 {float:left;width:50%;margin:0% ;padding:0% ;;} .section-1-33, .section-2-33, .section-3-33 {float:left;width:33.33%;margin:0% ;padding:0% ;;} .section-1-25, .section-2-25, .section-3-25, .section-4-25 {float:left;width:25%;margin:0% ;padding:0% ;;} .section-1-20, .section-2-20, .section-3-20, .section-4-20, .section-5-20 {float:left;width:20%;margin:0% ;padding:0% ;;} .section-1-17, .section-2-17, .section-3-17, .section-4-17, .section-5-17, .section-6-17 {float:left;width:16.5%;margin:0% ;padding:0% ;;} .section-1-14, .section-2-14, .section-3-14, .section-4-14, .section-5-14, .section-6-14, .section-7-14 {float:left;width:14.25%;margin:0% ;padding:0% ;;} .section-1-13, .section-2-13, .section-3-13, .section-4-13, .section-5-13, .section-6-13, .section-7-13, .section-8-13 {float:left;width:12.5%;margin:0% ;padding:0% ;;} #footerNavigation .nav-item, #footerNavigation .nav-item p, #footerNavigation .nav-item a:link, #footerNavigation .nav-item a{color:#d0d0d0;font-family:"Lato", sans-serif;font-weight:200;Lato:"Lato", sans-serif;font-size:30px;font-size:calc(5 * 0.18rem);font-size:calc(5 * 0.25vw);font-weight:200;margin:0% ;padding:0% ;}#footerNavigation .nav-active, #footerNavigation .nav-active a{color:#ffffff;font-family:"Lato", sans-serif;font-weight:200;Lato:"Lato", sans-serif;font-size:30px;font-size:calc(5 * 0.18rem);font-size:calc(5 * 0.25vw);font-weight:200;margin:0% ;padding:0% ;}#footerNavigation .nav-active:hover, #footerNavigation .nav-item:hover, #footerNavigation .nav-active a:hover, #footerNavigation .nav-item a:hover{color:#ffffff;font-family:"Lato", sans-serif;font-weight:200;Lato:"Lato", sans-serif;font-size:30px;font-size:calc(5 * 0.18rem);font-size:calc(5 * 0.25vw);font-weight:200;margin:0% ;padding:0% ;}.split-2-50{margin:0% ;padding:0% ;padding:0% 4% 0% 1% !important;width:45% !important;} .split-1-100 {float:left;width:100%;margin:0% ;padding:0% ;;} .split-1-50, .split-2-50 {float:left;width:50%;margin:0% ;padding:0% ;;} .split-1-33, .split-2-33, .split-3-33 {float:left;width:33.33%;margin:0% ;padding:0% ;;} .split-1-25, .split-2-25, .split-3-25, .split-4-25 {float:left;width:25%;margin:0% ;padding:0% ;;} .split-1-20, .split-2-20, .split-3-20, .split-4-20, .split-5-20 {float:left;width:20%;margin:0% ;padding:0% ;;} .split-1-50{margin:0% ;padding:0% ;padding:0% 1% 0% 4% !important;width:45% !important;} .split-1-100 {float:left;width:100%;margin:0% ;padding:0% ;;} .split-1-50, .split-2-50 {float:left;width:50%;margin:0% ;padding:0% ;;} .split-1-33, .split-2-33, .split-3-33 {float:left;width:33.33%;margin:0% ;padding:0% ;;} .split-1-25, .split-2-25, .split-3-25, .split-4-25 {float:left;width:25%;margin:0% ;padding:0% ;;} .split-1-20, .split-2-20, .split-3-20, .split-4-20, .split-5-20 {float:left;width:20%;margin:0% ;padding:0% ;;} .box-1,.box-2,.box-3,.box-4,.box-5,.box-6,.box-7,.box-8{background-color:#ffffff;border-radius:4px 4px 0px 0px ;opacity:0.98;width:96%;margin:0% ;padding:7% 2% 6% 2% ;border:none;box-shadow:0px -6px 6px #888;transition-duration:0.4s;transition-delay:0.2s;}#subscription-pricing-boxes{background-image: url('/images/clothing-store-984396-1280-895684215.jpg');background-size: 100% auto, contain;background-position: center;margin:0% ;padding:0% ;position: relative; z-index: 1;transition-duration:0.4s;background-size:cover;background-repeat: no-repeat;} .section-1-100 {width:100%;margin:0% ;padding:0% ;;} .section-1-50, .section-2-50 {float:left;width:50%;margin:0% ;padding:0% ;;} .section-1-33, .section-2-33, .section-3-33 {float:left;width:33.33%;margin:0% ;padding:0% ;;} .section-1-25, .section-2-25, .section-3-25, .section-4-25 {float:left;width:25%;margin:0% ;padding:0% ;;} .section-1-20, .section-2-20, .section-3-20, .section-4-20, .section-5-20 {float:left;width:20%;margin:0% ;padding:0% ;;} .section-1-17, .section-2-17, .section-3-17, .section-4-17, .section-5-17, .section-6-17 {float:left;width:16.5%;margin:0% ;padding:0% ;;} .section-1-14, .section-2-14, .section-3-14, .section-4-14, .section-5-14, .section-6-14, .section-7-14 {float:left;width:14.25%;margin:0% ;padding:0% ;;} .section-1-13, .section-2-13, .section-3-13, .section-4-13, .section-5-13, .section-6-13, .section-7-13, .section-8-13 {float:left;width:12.5%;margin:0% ;padding:0% ;;} #subscription-pricing-boxes .box-1 p, #subscription-pricing-boxes .box-2 p{color:#2f2c00;font-weight:300;font-size:30px;font-size:calc(5 * 0.18rem);font-size:calc(5 * 0.25vw);font-weight:300;border-radius:4px 4px 0px 0px ;margin:0% ;padding:0% ;}#subscription-pricing-boxes .box-1{color:#000000;margin:0% ;padding:0% 0% 8% 0% ;margin:0 -45% 0 60%; z-index:1001; position:relative;transition-duration:0.4s;transition-delay:0.2s;width:85%;}#subscription-pricing-boxes .box-2{color:#000000;margin:0% ;padding:0% ;margin:-11% 59.4% 0 -44.5%; position:relative;transition-duration:0.4s;transition-delay:0.2s;width:85%;}#subscription-pricing-boxes .box-2:hover{margin:0% ;padding:0% ;z-index:1002; position:relative; margin:-11% 59.4% 0 -44.5% !important; padding-bottom:10%; opacity:0.98;}#company-banner{margin:0% ;padding:0% ;box-shadow:0px 4px 4px #333;position:relative;z-index:2;margin:0; } .section-1-100 {width:100%;margin:0% ;padding:0% ;;} .section-1-50, .section-2-50 {float:left;width:50%;margin:0% ;padding:0% ;;} .section-1-33, .section-2-33, .section-3-33 {float:left;width:33.33%;margin:0% ;padding:0% ;;} .section-1-25, .section-2-25, .section-3-25, .section-4-25 {float:left;width:25%;margin:0% ;padding:0% ;;} .section-1-20, .section-2-20, .section-3-20, .section-4-20, .section-5-20 {float:left;width:20%;margin:0% ;padding:0% ;;} .section-1-17, .section-2-17, .section-3-17, .section-4-17, .section-5-17, .section-6-17 {float:left;width:16.5%;margin:0% ;padding:0% ;;} .section-1-14, .section-2-14, .section-3-14, .section-4-14, .section-5-14, .section-6-14, .section-7-14 {float:left;width:14.25%;margin:0% ;padding:0% ;;} .section-1-13, .section-2-13, .section-3-13, .section-4-13, .section-5-13, .section-6-13, .section-7-13, .section-8-13 {float:left;width:12.5%;margin:0% ;padding:0% ;;} #subscription-pricing-boxes .box-2:hover h2{margin:0% ;padding:0% ;padding:6% 0 2% 0;transition-duration:0.4s;}#subscription-pricing-boxes h4{color:#ffffff;font-weight:300;font-size:42px;font-size:calc(7 * 0.18rem);font-size:calc(7 * 0.25vw);font-weight:300;margin:0% ;padding:0% 0% 6% 0% ;/*padding:0 0 3% 0;*/}#header-sign-up > .section-1-100 > .rectangle{margin:0% ;padding:0% ;position: relative; width: 75vw; height: 48vw; background-color: #da4181; transform: skew(-10deg, 5deg); top: -11vw; left: -4vw; border-radius: 50px; overflow: hidden;}.rectangle > .Mrectangle{margin:0% ;padding:0% ;position: relative; width: 50vw; height: 22vw; background-color: #c43b74; top: -1vw; left: -7vw; border-radius: 30px; transform: skew(3deg, 3deg);}.rectangle > .Mrectangle2{margin:0% ;padding:0% ;position: relative; width: 62vw; height: 17vw; background-color: #df4987; transform: skew(10deg, -5deg); top: 18vw; left: -4vw; border-radius: 30px;}.section-1-100 > .header-item{margin:0% ;padding:0% ;position: absolute; margin-top: -60vw; right: -19vw; width: 84vw;}