body {
	background:#000;
    font-family:'Poppins', sans-serif;
    margin:0px;
    color:#000;
    font-size:19px;
	font-weight:300;
    margin:0;
    padding:0;
	margin-top:0px;
    border:0; 
	line-height:1.6;
}

/**********************/
/* GENERAL */
/**********************/

.h1Big {
	font-size:40px;
}

.width100_300 {
	width:calc(100% - 300px)!important;
}

h1 {
	font-size:30px;
	font-weight:600;
	color:#000;
	margin:0;
	margin-bottom:0.67em;
}

.marginTopH1 {
	margin-top:0.67em;
	margin-bottom:0.67em;
}

h2 {
	font-size:24px;
	font-weight:400;
	color:#000;
}

h3 {
	font-size:18px;
	font-weight:400;
	color:#000;
}

.header {
	font-size:40px;
}

.hWhite h1, .hWhite h2, .hWhite {
	color:#FFF;
}

.footer h3 {
	font-size:14px;
	font-weight:500;
	color:#fff;
}

.footer {
	background:#000;
}

.each-event h3 {
	color:#fff!important;
	margin-top:0;
}

.image {
	width:100%;
}


.paddingTop150Left20vw {
	padding-left:20vw;
	padding-right:20vw;
	padding-bottom:150px;
	padding-top:150px;
}

.paddingTop50Left20vw {
	padding-left:20vw;
	padding-right:20vw;
	padding-bottom:50px;
	padding-top:50px;
}

.paddingTop0Left150 {
	padding:0px 150px 50px 150px;
}

.paddingTop50Left150 {
	padding:50px 150px 50px 150px;
}

.padding0 {
	padding:0;
}

.padding50 {
	padding:50px;
}

.paddingTopRight50 {
	padding-right:50px;
	padding-top:50px!important;
}

.padding10 {
	padding:10px;
}

.padding25 {
	padding:25px;
}

.padding100 {
	padding:100px;
}

.padding150 {
	padding:80px;
	padding-left:150px;
	padding-right:150px;
}

.paddingLeft130 {
	padding-left:130px!important;
}

.paddingRightLeft20 {
	padding-right:20px!important;
	padding-left:20px!important;
}

.paddingTop80Left20 {
	padding-left:20px;
	padding-right:20px;
	padding-top:80px;
	padding-bottom:80px;
}

.width100 {
	width:100%;
}

.paddingTopBottom0LeftRight150 {
	padding: 50px 150px 50px 150px;
    /* padding-top: 50px; */
    width: calc(100% - 300px);
}

.featureBlock {
	padding-bottom:80px;
	padding-top:80px;
}

.topText {
	text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 600;
    color: #63b2da;
	margin-top:-10px;
    margin-bottom: 45px;
}

.canvasBubble {
	border-radius: 10px;
    height: 8px;
    width: 8px;
    background: #63b2da;
    position: absolute;
}

.canvas1 {
	left: 4.25%; top: 61.4%;
}

.canvas2 {
	left: 9.77%; top: 64.8%;
}

.canvas3 {
	left: 15.1%;
    top: 65.4%;
}

.canvas4 {
	left: 20.6%; top: 53.2%;
}

.canvas5 {
	    left: 26%;
    top: 30%;
}

.canvas6 {
	left: 31.5%;
    top: 26.7%;
}

.canvas7 {
	left: 36.8%;
    top: 23.5%;
}

.canvas8 {
	    left: 42.1%;
    top: 23.9%;
}

.canvas9 {
	left: 47.6%;
    top: 28%;
}

.canvas10 {
	left: 53.1%;
    top: 21.7%;
}

.canvas11 {
	left: 58.4%;
    top: 23.5%;
}

.canvas12 {
	    left: 63.8%;
    top: 6.3%;
}

.canvas13 {
	left: 69.25%;
    top: 20.4%;
}

.canvas14 {
	left: 74.77%;
    top: 26.8%;
}

.canvas15 {
	left: 80%;
    top: 19.5%;
}

.canvas16 {
	left: 85.5%;
    top: 19.5%;
}

.canvas17 {
	left: 90.8%;
    top: 19.5%;
}

.canvas18 {
	left: 96.4%;
    top: 19.5%;
}

.greyedOut {
    width:100%;
    height:100%;
    background:#000000d6;
    position:fixed;
	z-index:100;
    top:0px;
    left:0;
}

.popupContainer {
	width: 60%;
    position: fixed;
    overflow-y: auto;
    z-index: 90000;
    left: 20%;
    top: 120px;
    border-radius:5px;
    box-shadow: 0 0 2px 0px #000;
    -moz-box-shadow:0 0 2px 0px #000;
    -webkit-box-shadow:0 0 2px 0px #000;
    display: none;
	max-height:calc(100% - 120px);
}

.popupContainerNoShadow {
	box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	height:100%;
}

.closeContainer {
	width: 30px;
    height: 30px;
    line-height: 30px;
    position: fixed;
    right: calc(20% - 50px);
    top: 120px;
    color: #6367ef;
    z-index: 10000;
    font-size: 30px;
    transition: all .2s;
}

.closeContainer:hover {
	color:#fff;
	cursor:pointer;
}

.isRespotRight {
	display:none;
}

.svgGrey {
	fill:#f6f6f9;
}

.svgGreen {
	fill:#000;
}

.svgWhite {
	fill:#FFFFFF;
}

.svgBlue {
	fill:#19214D;
}

. {
	box-shadow: 0 0 2px 0px #63b2da;
    -moz-box-shadow:0 0 2px 0px #63b2da;
    -webkit-box-shadow:0 0 2px 0px #63b2da;
}

.Big {
	box-shadow: 0 0 20px 0px #4d4d4d;
    -moz-box-shadow:0 0 20px 0px #4d4d4d;
    -webkit-box-shadow:0 0 20px 0px #4d4d4d;
}

.roundedBorder {
	border-radius:5px;
}

b, strong {
	font-weight:500;
}

.table { 
	display: table;
	width:100%;
}

.table-row {
	display: table-row; 
}

.table-cell {
	display: table-cell; 
}

.noPadding {
	margin:0;
	padding:0;
}

.featureCell {
	
    font-size: 16px;
    border-radius:5px;
    border: none;
    background: #8e95e5;
    color: #fff;
    padding: 10px;
    margin: 10px;
	padding:40px;
	display: table-cell;
}

.flex-container {
	display:flex;
	align-items:center;
	align-content:center;
	flex-wrap: wrap;
}

.flex-item {
	flex: 1 0 21%;
    height: 150px;
    border-radius:5px;
    background: #085582c2;
    display: grid;
    align-items: center;
	margin:10px;
	color:#fff;
	padding:10px;
	font-size:17px;
}

.flex-item-small {
	flex:1 0 21%;
	height:50px;
	font-size:17px;
}

.inputIcon {
	position:relative;
	right:35px;
	top:2px;
	z-index:2;
	font-size:16px;
	font-family:"Font Awesome 5 Free";
	font-weight:600;
	color:#fff;
	 -webkit-text-fill-color: #fff;
}

.inputIconDate:before {
	content: "\f073";
	display:none;
}

.inputIconTime:before {
	content: "\f017";
	display:none;
}

.inputIconDuration:before {
	content: "\f1da";
}

#statusMessage {
	color:#FFF; 
	font-family:Arial; 
	display:none; 
	position:fixed; 
	bottom:20px; 
	right:20px; 
	width:auto; 
	height:auto; 
	font-weight:400; 
	padding:20px; 
	background:#777fe1;
	border-radius:3px;
	text-align:center;
	z-index:100000;
}

.systemNotificationWrapper {
	position:fixed;
	right:40px;
	bottom:40px;
	display:block;
	width:auto;
	z-index:1000000;
	text-align:right;
}

.systemNotification {
	width:auto;
	line-height:20px;
	z-index:100000000;
	padding:20px;
	font-weight:400;
	color:#fff;
	background:#777fe1;
	border-radius:5px;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
	display:table;
	margin-top:10px;
	position:relative;
	margin-left:auto;
	font-size:15px;
}

.lightRedBg {
	background:#FFFFFF!important;
}

.redBg {
	background:#cb7c7a!important;
}

.redFont {
	color:#cb7c7a!important;
	font-weight:400;
}

.greenFont {
	color:#777fe1!important;
	font-weight:400;
}

.blueFont {
	color:#266678!important;
	font-weight:400;
}

.greenBg {
	background:#777fe1!important;
}

.whiteFont {
	color:#fff!important; 
}

.green {
	background:#777fe1!important; 
}

.green:hover {
	background:#66d2a6!important; 
	color:#fff!important; 
}

.yellow {
	background:#cda35f!important; 
}

.yellow:hover {
	background:#d0c262!important;
	color:#FFF!important;
}

.yellowFont {
	color:#cda35f!important; 
}

.red {
	background:#b94f54!important; 
}

.red:hover {
	background:#d87276!important; 
	color:#FFF!important;
}

.mandatoryField {
	border:1px solid #ffd6d6!important;
}

.error {
	background:#d8918f!important;
}

.preference-item {
	max-width: 600px;
    height: 60px;
    display: inline-flex;
}

.scheduleBtn {
	width:33%!important;
}

.demo-item:hover {
	box-shadow:0 0 5px 0px #edededfc;
    -moz-box-shadow:0 0 5px 0px #edededfc;
    -webkit-box-shadow:0 0 5px 0px #edededfc;
	transition:all .2s;
	
	cursor:pointer;
}

.demo-item-active {
	box-shadow:0 0 8px 0px #ededed80;
    -moz-box-shadow:0 0 8px 0px #ededed80;
    -webkit-box-shadow:0 0 8px 0px #ededed80;
	background:#13bdae;
}

::-webkit-calendar-picker-indicator {
	filter:invert(1);
}

::-webkit-calendar-picker-indicator:before {
	color:#fff!important;
}

.cell5 {
	width:5%;
}

.cell15 {
	width:15%;
}

.cell25 {
	width:25%;
}

.cell33 {
	width:33%;
}

.cell50 {
	width:50%;
}

.cell70 {
	width:70%;
}

.cell66 {
	width:66%;
}

.cell60 {
	width:60%;
}

.cell40 {
	width:40%;
}

.cell75 {
	width:75%;
}

.cell100 {
	width:100%;
}

.alignCenter {
	text-align:center!important;
}

.alignLeft {
	text-align:left!important;
}

.alignRight {
	text-align:right!important;
}

.topAligned {
	vertical-align:top!important;
}

.verticalAligned {
	vertical-align:middle!important;
}

.bottomAligned {
	vertical-align:bottom!important;
}

.centered {
	text-align:center!important;
}

.alignJustify {
	text-align:justify!important;
}

.font700 {
	font-weight:700;
}

.font32px {
	font-size:32px;
}

.topHeader {
	height: 450px;
    padding-top: 30px;
    margin-bottom: 60px;
}

.fixedTop {
	position:fixed;
	top:0px;
	z-index:-9999;
}


.loginButton {
	width:calc(100% + 2px)!important;
    padding: 10px;
	padding-top:15px;
	padding-bottom:15px;
	background:#000;
	border:1px solid #000;
	color:#fff;
	font-weight:18px;
	transition:all .2s;
	font-weight:400;
	margin-bottom:15px;
}


.imageBackground {
	margin-top:-60%;
}

ul {
	list-style-type: square; 
}

ul li::before {
	color: #63b2da; 
	display: inline-block; 
	width: 1em; 
	margin-left: -1em;
}

.ulWhite li::before {
	color: #FFF!important;
}

/**********************/
/* LOGO               */
/**********************/
.logo {
    background-repeat:no-repeat;
    background-position:left center;
	background-size:110px auto;
    width:200px;
    height:46px;
	z-index:20000;
	position:relative;
}

.logo:hover {
	cursor:pointer;
}

/**********************/
/* LINKS              */
/**********************/


.ctaContainer {
	padding:8px;
	border-radius:5px;
	background:#000;
	color:#fff;
	padding:12px;
}

.ctaColor > .table > .table-row > .table-cell > .ctaContainer {
	background:#fff;
	color:#63b2da;
}

.ctaColor > .table > .table-row > .table-cell > .ctaContainer:hover {
	background:#000;
	color:#fff;
}

.ctaColor > .table > .table-row > .table-cell > .ctaContainer > a {
	color:#fff;
}

.ctaContainer a {
	color:#fff!important;
}

.ctaColor a:hover {
	color:#000!important;	
}

.bgPink.ctaLink, .bgGreen.ctaLink, .bgPurpleDark.ctaLink, .bgBlack.ctaLink  {
	color:#fff!important;
	font-weight:500;
}

.bgPink.ctaLink:hover, .bgGreen.ctaLink:hover, .bgPurpleDark.ctaLink:hover, .bgBlack.ctaLink:hover  {
	color:#000!important;
	font-weight:500;
}

a:link {
	color:#000; 
	text-decoration:none;
	transition:all .2s;
}

a:focus {
	color:#000;
}

a:visited {	
	color:#000;
}

a:active {
	color:#000;
}

a:hover {	
	color:#888;
	cursor:pointer;
}

a.whiteLink  {
	color:#fff;
	font-weight:600;
}

a.whiteLink:hover {
	text-decoration:underline;
}

.menuBtn a {
	color:#000;
	padding:10px;
	transition:all .5s; 
	font-size:17px;
}

.menuBtn > a:hover {
	color:#000;
	border-radius: 5px;
    background: #63b2da29!important;
	padding:10px;
}

.menuBtnActive {
	color:#000!important;
	border-radius: 5px;
    background: #63b2da29;
	padding:10px;
}


.footer a {
	color:#fff;
	font-size:12px;
}

.footer a:hover {
	color:#fff;
	transition:all .2s;
}


/**********************/
/* NAVIGATION         */
/**********************/
.navigationContainer {
	background:transparent;
	padding:10px 150px 10px 150px;
	transition:all .4s;
	position:fixed;
	z-index:100;
	top:0px;
	width: calc(100% - 300px);
	margin-bottom:30px;
}

.navigationContainer.bgPurple > .navigationInner > .menuButtons > .linkButton > .button {
	box-shadow: 0 0 6px 0px #444444;
    -moz-box-shadow: 0 0 6px 0px #444444;
    -webkit-box-shadow: 0 0 6px 0px #444444;
}	

.navigationContainer.bgPurple > .navigationInner > .menuButtons > .linkButton > .button:hover {
	background:#fff;
	color:#000;
}

.navigationContainer.bgTransparent > .navigationInner > .menuButtons > .contentButton > .button {
	background:#fff;
	color:#63b2da;
}


.navigationContainer.bgTransparent > .navigationInner > .menuButtons > .contentButton > .g3Btn {
	background: #ff6ed6!important;
	color:#fff!important;
}
	
.navigationContainer.bgTransparent > .navigationInner > .menuButtons > .linkButton.g1Btn {
	background: #fff!important;
	color:#085582c2!important; 
}

.navigationContainer.bgTransparent > .navigationInner > .menuButtons > .contentButton > .g8Btn {
	background: #f8b463!important;
	color:#fff!important;
}

.navigationContainer.bgTransparent > .navigationInner > .menuButtons > .contentButton > .g7Btn {
	background: #6367ef!important;
	color:#fff!important;
}

.navigationContainer.bgTransparent > .navigationInner > .menuButtons > .contentButton > .button:hover {
	background:#aee2c3!important;
	color:#000!important;
}

.navigationContainer.whiteNavigationContainer > .navigationInner > .menuButtons > .contentButton > .button {
	background:#63b2da!important;
	color:#fff!important;
}	

.navigationContainer.whiteNavigationContainer > .navigationInner > .menuButtons > .contentButton > .button:hover {
	background:#aee2c3!important;
	color:#000!important;
}


.navigationContainer.whiteNavigationContainer > .navigationInner > .menuButtons > .contentButton > .g3Btn {
	background: #ff6ed6!important;
	color:#fff!important;
}

.navigationContainer.whiteNavigationContainer > .navigationInner > .menuButtons > .linkButton.g1Btn {
	background: #63b2da!important;
	color:#fff!important;
}

.navigationContainer.whiteNavigationContainer > .navigationInner > .menuButtons > .contentButton > .g7Btn {
	background: #6367ef!important;
	color:#fff!important;
}	

.navigationContainer.whiteNavigationContainer > .navigationInner > .menuButtons > .contentButton > .g8Btn {
	background: #f8b463!important;
	color:#fff!important;
}	

.navigationContainer.whiteNavigationContainer > .navigationInner > .menuButtons > .contentButton > .black {
	background: #000!important;
	color:#fff!important;
}

.navigationContainer.bgGrey > .navigationInner > .menu > .menuBtn a {
	color:#000!important;
}

.navigationContainer.bgGrey > .navigationInner > .menu > .menuBtn a:hover {
	color:#000!important;
}

.navigationContainer.bgGrey > .navigationInner > .menu > .menuBtn a.menuBtnActive {
	color:#000!important;
}

.navigationContainer.bgPurple > .navigationInner > .menu > .menuBtn a {
	color:#fff!important;
}

.navigationContainer.bgPurple > .navigationInner > .menu > .menuBtn a:hover {
	color:#000!important;
}

.navigationContainer.bgPurple > .navigationInner > .menu > .menuBtn a.menuBtnActive {
	color:#000!important;
}

.navigationContainer.bgPurpleDark > .navigationInner > .menu > .menuBtn a {
	color:#fff!important;
}

.navigationContainer.bgPurpleDark > .navigationInner > .menu > .menuBtn a:hover {
	color:#000!important;
}

.navigationContainer.bgPurpleDark > .navigationInner > .menu > .menuBtn a.menuBtnActive {
	color:#000!important;
}

.navigationContainer.bgPink > .navigationInner > .menu > .menuBtn a {
	color:#fff!important;
}

.navigationContainer.bgPink > .navigationInner > .menu > .menuBtn a:hover {
	color:#000!important;
}

.navigationContainer.bgPink > .navigationInner > .menu > .menuBtn a.menuBtnActive {
	color:#000!important;
}

.navigationContainer.bgGreen > .navigationInner > .menu > .menuBtn a {
	color:#fff!important;
}

.navigationContainer.bgGreen > .navigationInner > .menu > .menuBtn a:hover {
	color:#000!important;
}

.navigationContainer.bgGreen > .navigationInner > .menu > .menuBtn a.menuBtnActive {
	color:#000!important;
}

.navigationContainer.bgGradient > .navigationInner > .menu > .menuBtn a {
	color:#fff!important;
}

.navigationContainer.bgGradient > .navigationInner > .menu > .menuBtn a:hover {
	color:#000!important;
}

.navigationContainer.bgGradient > .navigationInner > .menu > .menuBtn a.menuBtnActive {
	color:#000!important;
}

.navigationContainer.bgTransparent > .navigationInner > .menu > .menuBtn a {
	color:#fff!important;
}

.navigationContainer.bgTransparent > .navigationInner > .menu > .menuBtn a:hover {
	color:#000!important;
	background:#fff!important;
}

.navigationContainer.bgTransparent > .navigationInner > .menu > .menuBtn a.menuBtnActive {
	color:#000!important;
	background:#fff!important;
}

.navigationContainer.whiteNavigationContainer > .navigationInner > .menu > .menuBtn a {
	color:#000!important;
}

.navigationContainer.whiteNavigationContainer > .navigationInner > .menu > .menuBtn a:hover {
	color:#000!important;
	background:#63b2da29!important;
}

.navigationContainer.whiteNavigationContainer > .navigationInner > .menu > .menuBtn a.menuBtnActive {
	color:#000!important;
	background:#63b2da29!important;
}

.navigationContainer.bgPurple > .navigationInner > .logo {
	background-image:url("../pictures/respot-logo-white.png");
}

.navigationContainer.bgPurpleDark > .navigationInner > .logo {
	background-image:url("../pictures/respot-logo-white.png");
}

.navigationContainer.bgPink > .navigationInner > .logo {
	background-image:url("../pictures/respot-logo-white.png");
}

.navigationContainer.bgGreen > .navigationInner > .logo {
	background-image:url("../pictures/respot-logo-white.png");
}

.navigationContainer.bgGradient > .navigationInner > .logo {
	background-image:url("../pictures/respot-logo-white.png");
}

.navigationContainer.bgTransparent > .navigationInner > .logo {
	background-image:url("../pictures/respot-logo-white.png");
}

.navigationContainer.whiteNavigationContainer > .navigationInner > .logo {
	background-image:url("../pictures/respot-logo-black.png");
}

.navigationContainer.bgWhite > .navigationInner > .logo {
	background-image:url("../pictures/respot-logo-black.png");
}

.navigationContainer.navigationContainerToggled > .navigationInner > .logo {
	background-image:url("../pictures/respot-logo-white.png");
}

.menuButtons > div > input:first-child {
	margin-right:10px;
}

.menuButtons > input:first-child {
	margin-right:10px;
}

.zIndex100 {
	z-index:100!important;
	position:relative;
}

.navigation {
	display:block;
}

.navigationInner	 {
	display:flex;
}

.noShow {
	display:none;
}

.menuBtnContainer {
	display:none;
}

.menu {
	position: relative;
	left:-20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.menuButtons {
	display: flex;
    float: right;
    position: absolute;
    right: 140px;
}

.menuBtn {
	display:block;
	position:relative;
	margin-left:2em;
	color:#000;
}

.menuBtn:first-child {
	margin-left:0;
}

.menuBtn:hover {
	color:#999999;
	cursor:pointer;	
}



.onlyMobile {
	display:none;
}

/**********************/
/* MOBILE MENU BUTTON */
/**********************/
.bar1, .bar2, .bar3 {
    width: 25px;
    height: 2px;
    color:#fff;
    margin: 5px 0;
    transition: 0.4s;
	background-color:#fff;
}

.bar3 {
	height:2px;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 6px);
    transform: rotate(-45deg) translate(-6px, 6px);
}

.change .bar2 {
	opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px, -4px);
    transform: rotate(45deg) translate(-4px, -4px);
}

.oeffnung {
	width:10%!important;
}


/**********************/
/* CONTENT            */
/**********************/
.card {
	border-radius:10px;
	box-shadow:0px 0px 16px 0px #d5d5d5;
    -moz-box-shadow:0px 0px 16px 0px #d5d5d5;
    -webkit-box-shadow:0px 0px 16px 0px #d5d5d5;
	background:#FFF;
	width:75%;
	height:300px;
	margin:0 auto;
}

.positionRelativeWave {
    position: relative;
    z-index: 1;
	margin-bottom:-250px;
}

.headerText {
	font-size:22px;
	padding-bottom:20px;
}

.button {
	width: auto;
    border-radius: 5px;
    padding: 12px 25px 12px 25px;
    background: #63b2da;
	border:none;
    color: #fff;
    transition: all .2s;
    font-weight: 400;
    cursor: pointer;
	font-family:'Poppins', sans-serif;
}

.button:hover {
	/*
	box-shadow: 0 0 6px 0px #444;
    -moz-box-shadow:0 0 6px 0px #444;
    -webkit-box-shadow:0 0 6px 0px #444;
	/*box-shadow:0 2px 0 rgba(54,45,89,0.15), -0.1875rem -0.1875rem 0 0.1875rem #f2b712, 0 0 0 0.375rem #e1567c;*/
	background: #a16db6;
	transition:all .2s;
}

.borderSpacing {
	border-spacing:20px;
}

.whiteButton {
	background:#FFF!important;
	color:#000!important;
}

.whiteButton:hover {
	background:#000!important;
	color:#FFF!important;
}

.blackButton {
	background:#000!important;
	color:#fff!important;
}

.blackButton:hover {
	background:#63b2da!important;
	color:#FFF!important;
}

.strong {
	font-weight:700;
}

.featureRow {
	line-height:60px;
}

.spacer {
	height:20px;
	width:100%;
}

.featureRow:nth-child(even) {
	
}

.featureRow:nth-child(odd) {
	background:#00030;
}

.price {
	font-size:40px;
	font-weight:300;
	padding:50px;
	border-radius:150px;
	background:#000;
	color:#FFF;
	margin-top:50px;
	width:auto;
	max-width:40%;
	margin:0 auto;
}

.priceCaption {
	font-size:30px;
	font-weight:700;
	margin-top:20px;
}

.feature {
	margin-bottom:15px;
}

.smallFont {
	font-size:10px;
	font-weight:300;
	color:#000;
}

.smallFont13 {
	font-size:13px;
}

.bgPurple .catcher {
	color:#fff!important;
}

.catcher {
	font-size:56px;
	font-weight:700;
	color:#000;
	width:100%;
	text-size-adjust: 200%;
}

.priceContainer {
	width: calc(90% - 40px);
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 auto;
	display: inline-block;
	transition:all .2s;
}

.priceInner {
	text-align:left;
}

.moveTop {
	/*
	position:relative;
	top:-310px;
	margin-bottom:-310px;
	*/
}

.wrapper {
	width: 100%;
	min-height: 100vh;
	height: 100%;
	color: #fff;
	box-shadowsizing: border-box;
	margin-top:40px;
	margin-bottom:100px;
}

.block {
	z-index: 1;
	position: relative;
}
.block:before {
	content: "";
	position: absolute;
	height: calc(100% - 40px);
	width: 1px;
	background-color: #000;
	left: 50%;
	margin-top: 90px;
}

.title {
	text-align: center;
	transition: all 0.8s ease-in-out;
	color:#000;
	font-size:50px;
	font-weight:500;
}

.event-description {
	border-radius:5px;
	background:#000;
	color:#fff;
	padding:20px;
}

.each-event {
  background-color: #000;
  color: #777;
  padding: 15px;
  margin: 60px 20px;
  width: 500px;
  position: relative;
  border-radius: 4px;
  box-shadowsizing: border-box;
  transition: all 0.3s ease-in-out;
}
.each-event:before {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: -27px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #000;
  box-shadow: 0 4px 20px -4px rgba(64, 64, 64, 0.8);
}
.each-event:nth-child(odd) {
  margin-left: calc(50% + 20px);
}
.each-event:nth-child(even) {
  margin-left: calc(50% - 521px);
}
.each-event:nth-child(even):before {
  left: calc(100% + 14px);
}

.title.non-focus {
  font-size: 24px;
  line-height: 34px;
  transition: all 0.8s ease-in-out;
}

.each-event.non-focus {
  color: #d2d2d2;
  background: #e6e6e6;
  margin-top: 90px;
  transform: rotateZ(45deg);
  transition: all 0.8s ease-in-out;
}
.each-event.non-focus:before {
  opacity: 0;
  background-color: #aaa;
}

.rotate90 {
	transform: rotate(90deg);
}

/**********************/
/* BOTTOM             */
/**********************/



.borderTop {
	border-top:1px solid #ddd;
}

.bgGrey {
	background:#f6f6f9!important;
}

.bgPurple {
	background:#000!important;
	color:#fff;
}

.bgGreen {
	background:#31665d!important;
}

.bgPink {
	background:#7c3e61!important;
}

.fontPink {
	color:#7c3e61!important;
}

.bgGradient {
	/*background:linear-gradient(45deg, #166898, #56b5d9d4);*/
	background:linear-gradient(45deg, #f4693fc4, #f4d03f);
}

.bgGradientStart {
	background:linear-gradient(45deg, #ec9dc9, #371786);
}

.bgGradientGreen {
	background:linear-gradient(45deg, #5a5d8a, #4d9068);
}

.g1 {
	background:linear-gradient(45deg, #97bd55, #29b2f8);
	/*background:linear-gradient(45deg, #29b2f8, #97bd55);*/
}

.g2 {
	background:linear-gradient(45deg, #d75edd, #f6963e);
}

.g3 {
	background:linear-gradient(45deg, #725eddd1, #e8c1ffe6);
}

.g4 {
	background:linear-gradient(45deg, #fb79d9eb, #f6ac3eeb)!important;
}

.g4b {
	background:linear-gradient(45deg, #f6ac3eeb, #fb79d9eb)!important;
}

.g4Btn {
	color:#9e425a!important;
}

.g5Btn:hover {
	color:#000!important;
	background:#f4d03f!important;
}

.g4Btn:hover {
	background:#9e425a!important;
}

.g7Btn {
	color:#fff!important;
	background:#6367ef!important;
}

.g7Btn:hover {
	color:#000!important;
	background:#9ae0cf!important;
}

.g3Btn {
	background:#ff6ed6!important; 
	color:#fff!important;
}

.g1Btn {
	background:#fff!important; 
	color:#63b2da!important;
}

.loginButtonStart {
	background:#ff6ed6!important; 
	color:#fff!important;
}

.g5 {
	background:linear-gradient(45deg, #acdd5efc, #3e7ff6f2)!important;
}

.g6 {
	background:linear-gradient(45deg, #f5518db0, #fff7fa)!important;
}

.g7 {
	background:linear-gradient(45deg, #ef6396, #84ffdd)!important;
}

.g7b {
	background:linear-gradient(45deg, #ef6396, #84ffdd)!important;
}

.g7c {
	background:linear-gradient(45deg, #b363ef, #84ffdd)!important;
}

.pageNotFoundBg {
	background:linear-gradient(45deg, #e49069, #c2c3c4)!important;
}

.g8 {
	/*background:linear-gradient(45deg, #ff0808, #f3f1b7)!important;
	background:linear-gradient(45deg, #ff7308, #f3f1b7)!important;*/
	background:linear-gradient(45deg, #d98a17, #ffeca0)!important;
}

.g9 {
	background:linear-gradient(45deg, #eeeeee, #b97a54)!important;
}

.g9b {
	background:linear-gradient(45deg, #b97a54, #eeeeee)!important;
}

.g10 {
	background: linear-gradient(45deg, #637b8a, #8b5735)!important;
}

.g11 {
	background: linear-gradient(45deg, #fdfdfd, #9f5454)!important;
}

.g12 {
	background: linear-gradient(45deg, #665edd, #3ef6ddeb)!important;
}

/*
	#bbe177, #29b2f8
 
	#d75edd, #f6963e
 
	bluegreen: 4886b0
 
*/

.loginPanelWrapper {
    width: 500px;
    margin: 0px auto;
    position: relative;
    top: 30px;
}

.loginPanel {
    border-radius: 10px;
    /*
	padding: 20px;
	border: 1px solid #e6e6e6;
	*/
}

.loginInput {
	width: calc(100% - 20px)!important;
    padding: 10px!important;
    margin-bottom: 15px!important;
	border:1px solid #e6e6e6!important;
	transition:all ease .2s;
	line-height:30px;
	color:#fff!important;
	/*margin-bottom: -20px;
	padding-left:40px;*/
}

input[type="text"], input[type="password"], input[type="number"], input[type="color"], input[type="file"], input[type="date"], input[type="time"], select, .custom-combobox-shadowinput {
    border-radius: 3px;
    outline: none;
    vertical-align: middle;
    display: inline-block;
    border-radius: 5px;
    font-weight: 300;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    transition: all ease 0.2s!important;
    width: 20vw;
    line-height: 30px;
    color: #000;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0.2s!important;
    -webkit-text-fill-color: #fff!important;
}

input[type="text"], input[type="password"], input[type="number"], input[type="color"], input[type="date"], input[type="time"] {
    padding-left: 15px;
    /*padding-top: 20px;
    padding-bottom: 4px;*/
    background: none;
}

input[type="date"], input[type="time"], input[type="number"], .textAsNumber {
	font-family: 'Poppins';
    color: #fff!important;
    font-size: 18px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="color"]:focus, input[type="file"]:focus, input[type="date"]:focus, input[type="time"]:focus, select:focus, .multi-select:focus, textarea:focus, .custom-combobox-shadowinput:focus {
	/*
	-webkit-box-shadow:0 0 0 1px #000,inset 0 1px 3px 0 rgba(33,34,36,0.07),inset 0 0 0 1px #000;
	box-shadow:0 0 0 1px #000,inset 0 1px 3px 0 rgba(33,34,36,0.07),inset 0 0 0 1px #000;
	*/
	border:1px solid #000!important;
	box-shadow:0 0 2px 0px #c1c1c1;
	
}

input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="color"]:hover, input[type="file"]:hover, input[type="date"]:hover, input[type="time"]:hover, select:hover, .multi-select:hover, textarea:hover, .custom-combobox-shadowinput:hover {
	box-shadow:0 0 2px 0px #c1c1c1;
} 

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:#ccc;
	 -webkit-text-fill-color: #ccc;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#ccc;
	-webkit-text-fill-color: #ccc;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#ccc;
	-webkit-text-fill-color: #ccc;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#ccc;
	-webkit-text-fill-color: #ccc;
}

.bodyLoading {
    width: 100%;
    height: 100%;
    background:linear-gradient(45deg, #000, #d9567e);
    -webkit-animation: bgGradientAnimation 0s ease infinite;
    -moz-animation: bgGradientAnimation 0s ease infinite;
    animation: bgGradientAnimation 0s ease infinite;
    position: fixed;
	display:none;
    vertical-align: middle;
    line-height: 100%;
    text-align: center;
    color: #fff;
    font-size: 34px;
    z-index: 90000;
}

.bodyLoadingIcon {
	margin: 0px auto;
    position: absolute;
    width: 20px;
    height: 20px;
    left: calc(50% - 10px);
    z-index: 2001;
    top: calc(50% - 10px);
}

.mandatoryField {
	border:1px solid #ffd6d6!important;
}

.error {
	background:#d8918f!important;
}

.successMessage {
	background:#7acbb6!important; 
	color:#fff!important;
}

.inputFieldError {
	-webkit-box-shadow:0 0 0 1px #f2e4e4,inset 0 1px 3px 0 rgba(33,34,36,0.07),inset 0 0 0 1px #f2e4e4;
	box-shadow:0 0 0 1px #f2e4e4,inset 0 1px 3px 0 rgba(33,34,36,0.07),inset 0 0 0 1px #f2e4e4;
	border:1px solid #f2e4e4;
}

.loginErrorMessage {
	width: calc(100% - 22px);
    background: #cb7c7a;
    color: #fff;
    font-weight:400;
	font-size:13px;
    padding: 12px;
    border-radius: 5px;
    text-align: center;
	line-height:30px;
}

.hidden {
	/*display:none;*/
	visibility:hidden;
}

.displayNone {
	display:none;
}

.borderGrey {
	border:1px solid #6367ef!important;
}

.successMessage {
	background:#fff;
}

::-webkit-scrollbar {
    width:0px;
	height:0px;
}
::-webkit-scrollbar-track {
    background-color:#eaeaea;
    border-left:1px solid #ddd;
}
::-webkit-scrollbar-thumb {
    background-color:#ccc;
}
::-webkit-scrollbar-thumb:hover {
    background-color:#aaa;
}

@-webkit-keyframes bgGradientAnimation {
    0%{background-position:0% 40%}
    50%{background-position:100% 61%}
    100%{background-position:0% 40%}
}
@-moz-keyframes bgGradientAnimation {
    0%{background-position:0% 40%}
    50%{background-position:100% 61%}
    100%{background-position:0% 40%}
}
@keyframes bgGradientAnimation {
    0%{background-position:0% 40%}
    50%{background-position:100% 61%}
    100%{background-position:0% 40%}
}

.fontGradient {
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bgPurpleDark {
	background:#4d5290!important;
}

.bgBlack {
	background:#000!important;
}

.bgWhite {
	background:#FFFFFF!important;
	/*
	position:relative;
	z-index:100;
	*/
}

.gradientPurple {
	background:linear-gradient(180deg, rgba(119, 127, 225, 0.3) 0,rgba(119,127,225,0) 43%) no-repeat top!important;
}

.fullPic {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.picture1 {
	background-image:url("../pictures/test1.png")!important;
	background-size:cover!important;
}

.picture2 {
	background-image:url("../pictures/test2.png")!important;
	background-size:cover!important;
}

.picture3 {
	background-image:url("../pictures/1.jpg")!important;
	background-size:cover!important;
}

.picture4 {
	background-image:url("../pictures/10.jpg")!important;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.picture5 {
	background-image:url("../pictures/references.jpg")!important;
}

.picture6 {
	background-image:url("../pictures/shoes.jpg")!important;
}

.picture7 {
	background-image:url("../pictures/telescope.jpg")!important;
}

.picture8 {
	background-image:url("../pictures/awesome.jpg")!important;
}

.picture9 {
	background-image:url("../pictures/hello.jpg")!important;
}

.picture10 {
	background-image:url("../pictures/manufacturing.jpg")!important;
}

.picture11 {
	background-image:url("../pictures/ice.jpg")!important;
	/*
	background-position: -190px center;
    background-size: auto 100%;
    background-repeat: no-repeat;
	*/
}

.picture20 {
	background-image:url("../pictures/20.jpg")!important;
}

.picture12 {
	background-image:url("../pictures/sign.jpg")!important;
}

.startIllustration {
	 left: 80px; 
	 position: relative;
}

.roundIcon {
	line-height:30px;
	width:30px;
	padding:10px;
	border-radius:50px;
	background:#63b2da;
}

.roundIconBorder {
	line-height:30px;
	width:30px;
	padding:10px;
	border-radius:50px;
	border:1px solid #fff;
}

.borderRightLight {
	border-right:1px solid #dfdfdf12;
}

.height500 {
	height:500px;
	width:100%;
}

.fixedTop {
	position:fixed;
	top:66px;
}

.fontWhite {
	color:#FFF;
}

.fontPurple {
	color:#000!important;
}

.fontPurpleDark {
	color:#d9567e!important;
}

.fontLightPurple {
	color:#f4f5ff;
}

.parallaxImage {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
	text-align: center;
    line-height: 300px;
    font-size: 50px;
    text-transform: uppercase;
    color: #000;
}

.bgTransparent {
	background:transparent!important;
}

.whiteNavigationContainer {
	background:#fff!important;
	box-shadow:0px 0px 5px 0px #686868;
    -moz-box-shadow:0px 0px 5px 0px #686868;
    -webkit-box-shadow:0px 0px 5px 0px #686868;
	position:fixed;
	z-index:9999;
}

.height100 {
    padding-bottom: 140vh;
}

.bigButton {
	padding:20px;
	width:100%;
}

.biggerButton {
	padding:20px;
	/*width:calc(50% - 40px);*/
	width:auto;
	font-size:17px;
}

.spaces {
	display:flex;
}

.spaceContainer {
    min-height: 120px;
    /* min-width: calc(100vh / 7); */
    /* min-height: calc(100vh / 7); */
    /* max-height: 137px; */
    font-size: 16px;
    border-radius:5px;
    border: none;
    display: table;
    background: #8e95e5;
	/*background: linear-gradient(45deg, #00000, #8e95e5);*/
    color: #fff;
    padding: 10px;
    margin: 10px;
}

.spaceContainer:last-child {
	margin-left:10px;
	margin-right:10px;
}


.innerSpaceContainer {
	vertical-align:middle;
	display:table-cell;
}

.visibleNone {
	visibility:hidden;
}

.paddingTop100 {
	padding-top:70px!important;
}

.paddingTopBottom150 {
	padding-top:100px;
	padding-bottom:100px;
}

.height100vh {
	height:calc(100vh - 150px);
}

.height100vh2 {
	height:100vh;
}

.paddingHeight100vh {
	
    padding-left: 150px;
    padding-right: 150px;
}

ul.custom_list  {
	padding-inline-start: 0px;
	width: calc(100% - 40px);
}

.custom_list li {
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	list-style-type:none;
	list-style:none;
	display: table-row;
	
}
.custom_list li:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f35a";
    font-size: 17px;
	font-weight:900;
	padding-right: 30px;
	display: table-cell;
	padding-bottom:20px;
}

.spacer {
	height:20px;
	width:100%;
}

.divAsInput {
	width: calc(100% - 100px); 
	margin: 0 auto; 
	min-height:100px; 
	border: 1px solid #fff; 
	border-radius: 5px; 
	padding:30px;
}

.desktop {
	display:none!important;
}


input[type="button"], input[type="date"], input[type="time"] {
	-webkit-appearance: none;
}


@-webkit-keyframes pulsateSmall {
  0% {
    box-shadow: 0 0 0 0px ##63b2da; }

  50% {
    box-shadow: 0 0 5px 1px #63b2da; }

  100% {
    box-shadow: 0 0 0 0px #63b2da; } 
}

@-moz-keyframes pulsateSmall {
  0% {
    box-shadow: 0 0 0 0px #63b2da; }

  50% {
    box-shadow: 0 0 5px 1px #63b2da; }

  100% {
    box-shadow: 0 0 0 0px #63b2da; } 
}

@keyframes pulsateSmall {
  0% {
    box-shadow: 0 0 0 0px #63b2da; }

  50% {
    box-shadow: 0 0 5px 1px #63b2da; }

  100% {
    box-shadow: 0 0 0 0px #63b2da; } 
}

.orange {
	background:#ebb65b!important;
	color:#fff!important;
}

.pink {
	background:#6367ef!important;
}

.blue {
	background:#136c99!important;
}

.green {
	background:#ff6ed6!important;
}

.black {
	background:#000!important;
}

.paddingTopLegal {
	padding-top:150px!important;
}

@media screen and (max-width: 1200px) {
	
	.priceContainer {
		padding-left:20px;
		padding-right:20px;
		width:calc(100% - 50px);
	}
	
	.moveTop {
		/*
		position:relative;
		top:-210px;
		margin-bottom:-210px;
		*/
	}
	
	
	body {
		
	}
	
	.logo {
		
	}
	
	.navigationContainer {
		padding:10px 20px 10px 20px;
		width:calc(100% - 40px);
	}
	
	.menuButtons {
		right:15px;
	}
	
	.padding50, .padding25 {
		padding:0px!important;
	}
	
	.padding150 {
		padding:20px!important;
	}
	
	.paddingTop0Left150 {
		padding:20px!important;
	}

	.paddingTop50Left150 {
		padding:20px!important;
	}
	
	.height100 {
		height: 100vh;
		height: calc(100vh + 160px)!important; 
		/*margin-bottom: 0px;*/
		padding-bottom: 40vh;
	}
	
	.spaceContainer {
		width:calc(100% - 10vw);
	}
}

.mobileGetToKnowUs {
	display:none;
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 1200px) {
	
	#surveyLogo {
		display:none;
	}

	
	body {
		/*margin-top:60px;*/
		font-size:17px;
	}
	
	.loginPanelWrapper {
		width: 90%;

	}
	
	.inputIcon {
		left:42%;
		top:-38px;
	}
	
	.svg {
		width:33%!important;
	}
	
	input[type="date"], input[type="time"], input[type="number"] {
		-webkit-appearance:none;
	}
	
	.inputIconDate:before {
		display:inline-block;
	}

	.inputIconTime:before {
		display:inline-block;
	}
	
	.canvasBubble {
		height:2px;
		width:2px;
	}
	
	.g8 {
		background:linear-gradient(45deg, #d98a17, #d8bd52)!important;
	}
	
	.g9 {
		background:linear-gradient(45deg, #b5b5b5, #b97a54)!important;
	}
	
	.height100vh2 {
		height:auto!important;
	}
	
	.height100vhMobile {
		height:calc(100vh - 100px)!important;
	}
	
	.navigationContainer.whiteNavigationContainer > .navigationInner > .logo {
		background-image:url("../pictures/respot-logo-white.png");
	}
	
	.displayNone {
		display:block;
		visibility:hidden;
	}

	.topText {
		padding-top:20px;
	}
	
	.startIllustration {
		left: 10px; 
		top:40px;
	}
	
	.svgContainer {
		width:100%!important;
	}
	
	.custom_list li {
		display:table;
		padding-top:15px;
	}
	
	.table-cell > img {
		padding-top:20px;
	}
	
	.imgPaddingTop {
		padding-top:50px!important;
		position:relative;
		left:10px;
	}
	
	.paddingLeft130 {
		padding-left:0px!important;
	}
	
	
	.svgPic {
		/*
		position:relative;
		left:10%;
		*/
	}
	
	.mobileCanvas {
		position:relative; 
		left:-75px; 
		top:-128px;
		display:none;
	}
	
	.flex-item-small {
		flex:1 0 25%;
	}
	
	.menuBtn a {
		font-size:20px;
	}
	
	.table-cell > img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	
	.g11 {
		background:linear-gradient(45deg, #e4d0d0, #663b3b)!important;
	}
	
	.g6 {
		background:linear-gradient(45deg, #f5518de3, #eac8d4)!important;
	}
	
	.canvas3 {
		left: 36.6%;
    top: 75px;
	}
	
	.canvas8 {
		left: 52.1%;
		top: 24%;
	}
	
	.canvas12 {
		left: 73.9%;
    top: 6%;
	}
	
	.canvas15 {
		left: 90%;
		top: 19.6%;
	}
	
	.canvas16 {
		left: 95.5%;
		top: 19.6%;
	}
	
	.canvas17 {
		left: 100.8%;
		top: 19.6%;
	}
	
	.canvas18 {
		left: 106.4%;
		top: 19.6%;
	}
	
	.mobileGetToKnowUs {
		display:block;
		position:fixed;
		top:18px;
		right:60px;
		z-index:9999999;
	}
	
	.mobileGetToKnowUsBtn {
		font-size: 12px!important;
		padding: 8px!important;
		/*background:#fff!important;*/
	}
	
	
	.mobileMenuBtnBlue {
		background:#085582c2!important;
		color:#fff!important;
	}
	
	.mobileMenuBtnWhite {
		background:#fff!important;
		color:#085582c2!important;
	}
	
	.mobileGetToKnowUsBtnWhite {
		background:#fff!important;
		color:#000!important;
	}
	
	
	
	@-webkit-keyframes pulsateSmall {
	  0% {
		box-shadow: 0 0 0 0px ##63b2da; }

	  50% {
		box-shadow: 0 0 2px 0px #63b2da; }

	  100% {
		box-shadow: 0 0 0 0px #63b2da; } 
	}

	@-moz-keyframes pulsateSmall {
	  0% {
		box-shadow: 0 0 0 0px #63b2da; }

	  50% {
		box-shadow: 0 0 2px 0px #63b2da; }

	  100% {
		box-shadow: 0 0 0 0px #63b2da; } 
	}

	@keyframes pulsateSmall {
	  0% {
		box-shadow: 0 0 0 0px #63b2da; }

	  50% {
		box-shadow: 0 0 2px 0px #63b2da; }

	  100% {
		box-shadow: 0 0 0 0px #63b2da; } 
	}
	
	.width100_300 {
		width:calc(100% - 40px)!important;
	}
	
    .container { display: flex!important; flex-flow: column; }
    .five { order: 5; }
    .four { order: 4;  }
    .three { order: 3; }
    
	.two { order: 2; }
    .one { order: 1 }
	
	.height100vh {
		height:auto;
	}
	
	.picture11 {
		background-position: center center;
	}
	
	.flexCell {
		display:flex!important;
	}
	
	.noMobileFlex {
		display:block!important;
	}
	
	.fullPic {
		padding-bottom: 60%;
	}
	
	.topHeader {
		height: 250px;
		padding-top: 20px;
		margin-bottom: 0px;
	}
	
	.priceContainer {
		padding-left:20px;
		padding-right:20px;
		width:calc(100% - 40px);
		margin-bottom:20px;
	}
	
	.divAsInput {
		width: calc(100% - 66px); 
	}
	
	.mobileLast {
		margin-bottom:-130px;
	}
	
	.moveTop {
		position: relative;
		
	}
	
	.paddingTop100 {
		padding-top: 0px!important;
	}
	
	.fixed {
		position:fixed;
		overflow:hidden!important;
	}
	
	.logo {
		background-size:100px auto;
		width:120px;
		height:50px;
		position:fixed;
		top:11px;
		left:20px;
	}
	
	.padding50 {
		padding:0px!important;
	}
	
	.padding150 {
		padding:20px!important;
		padding-bottom:60px!important;
		padding-top:40px!important;
	}
	
	img {
		width:100%!important;
	}
	
	.paddingTop0Left150 {
		padding:20px!important;
	}

	.paddingTop50Left150 {
		padding:20px!important;
	}
	
	.paddingTopRight50 {
		padding-right: 0px;
		padding-top:50px!important;
	}
	
	.mobileTop20 {
		padding-top:70px!important;
	}
	
	.mobileTop0 {
		padding-top:0px!important;
	}
	
	.navigationContainer {
		width:calc(100% - 40px);
		transition: all .4s;
		position: fixed;
		top: 0px;
		transition:background .2s ease-in-out;
	}
	
	.navigationContainerToggled {		
		background:linear-gradient(45deg, #97bd55, #29b2f8)!important;
		transition:all .8s;
	}
	
	.navigationInner {
		display:block;
		padding-top:40px;
	}
	
	.navigationInner > .logo {
		display:block;
	}
	
	.menu {
		display: block;
		text-align: center;
		padding-top:40px;
	}
	
	.menuBtn {
		line-height:50px;
		margin-left: 0em;
		font-size: 20px;
	}
	
	.button {
		font-size:20px;
		width:90%!important;
		text-align:center;
	}
	
	.bigButton, .biggerButton {
		width:100%!important;
	}
	
	.mobileButton100 {
		width:100%!important;
		margin-bottom:10px;
	}
		
	.menuButtons {
		float: left;
		position: relative;
		left: 15px;
		top:15px;
		width:calc(100% - 30px);
	}
	
	.spacer {
		height:5px;
		width:100%;
	}
	
	.menuButtons > .linkButton > .button {
		width:100%;
		margin-bottom:10px;
	}
	
	.menuButtons, .menu {
		display:none;
	}
	
	.menu {
		left:0px;
	}
	
	.whiteNavigationContainer {
		background:#000!important;
		padding: 0px 20px 30px 20px;
	}

	.menuBtnContainer {
		display: block;
		cursor: pointer;
		float:right;
		position:fixed;
		right:20px;
		top:23px;
		background:transparent!important;
		z-index:999999999;
	}
	
	
	
	.table {
		width:100%;
	}
	
	.table-row {
		width:100%;
		display:table;
	}

	.table-cell {
		display:table;
		width:100%!important;
		/*margin-bottom: 20px;*/
		/*padding-top: 30px;*/
	}
	
	.table-row-mobile {
		display:table-row;
	}
	
	.table-cell-mobile {
		display:table-cell;
	}
	
	.mobileCell25 {
		display:table-cell;
		width:25%!important;
		/*text-align:center;*/
	}
	
	.mobileCentered {
		text-align:center!important;
	}
	
	.mobileAlignRight {
		text-align:right!important;
	}
	
	.navigationContainer .table-cell {
		margin-bottom:0px!important;
	}
		
	.onlyMobile {
		display:block;
	}
	
	.button {
		width:100%;
		font-size:18px;
		padding:15px;
		
	}
	
	.price {
		font-size:26px;
		padding:20px;
		border-radius:50px;
		max-width:80%;
	}
	
	.whiteNavigationContainer > .bar, .bgPurple > .bar, .bgGradient > .bar, .bgGreen > .bar, .bgPurpleDark > .bar, .bgPink > .bar, .bgTransparent > .bar {
		color:#fff!important;
		background:#fff!important;
	}
	
	.bgWhite > .bar {
		color:#000!important;
		background:#000!important;
	}
	
	.menuBtnContainerGrey > .bar {
		background:#fff!important;
		color:#fff!important;
	}
	
	h1 {
		font-size:22px;
		margin-top:0.67em;
		margin-bottom:0.67em;
	}
	
	.header {
		font-size:24px;
	}
	
	.surveyHeader {
		margin-top:-140px;
	}
	
	.noMobile {
		display:none!important;
	}
	
	.desktop {
		display:block!important;
	}
	
	input {
		width:calc(100% - 30px)!important;
	}
	
	.popupContainer {
		width:100%;
		left:0px;
		top:120px;
		max-height:100%;
	}
	
	.closeContainer {
		right: calc(50% - 15px);
		top: 60px;
	}
	
	.systemNotificationWrapper {
		left:10%;
		right:0px;
		text-align:center;
	}
	
	.systemNotification {
		width:80%;
		margin-left:unset;
	}
}



.pulsateSmall {
    -webkit-animation: pulsateSmall 1.5s infinite;
    -moz-animation: pulsateSmall 1.5s infinite;
    -ms-animation: pulsateSmall 1.5s infinite;
    animation: pulsateSmall 1.5s infinite;
    -o-animation: pulsateSmall 1.5s infinite;
}



/* CHECKBOX */

label {
  display: inline-block;
  color: #fff;
  cursor: pointer;
  position: relative;
}
label span {
  display: inline-block;
  position: relative;
  background-color: transparent;
  width: 25px;
  height: 25px;
  transform-origin: center;
  border: 1px solid #fff;
  border-radius: 50%;
  vertical-align: -6px;
  margin-right: 10px;
  transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}
label span:before {
  content: "";
  width: 0px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  position: absolute;
  transform: rotate(45deg);
  top: 13px;
  left: 9px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
}
label span:after {
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  position: absolute;
  transform: rotate(305deg);
  top: 16px;
  left: 10px;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
}
label:hover span:before {
  width: 5px;
  transition: width 100ms ease;
}
label:hover span:after {
  width: 10px;
  transition: width 150ms ease 100ms;
}

input[type="checkbox"] {
  display: none;
}
input[type="checkbox"]:checked + label span {
  background-color: #fff;
  transform: scale(1.25);
}
input[type="checkbox"]:checked + label span:after {
  width: 10px;
  background: #000;
  transition: width 150ms ease 100ms;
}
input[type="checkbox"]:checked + label span:before {
  width: 5px;
  background: #000;
  transition: width 150ms ease 100ms;
}
input[type="checkbox"]:checked + label:hover span {
  background-color: #fff;
  transform: scale(1.25);
}
input[type="checkbox"]:checked + label:hover span:after {
  width: 10px;
  background: #000;
  transition: width 150ms ease 100ms;
}
input[type="checkbox"]:checked + label:hover span:before {
  width: 5px;
  background: #000;
  transition: width 150ms ease 100ms;
}

.fakeLink {
	text-decoration:underline;
}