html, body, div, p {
	margin:0; padding:0;
}
html {
	background-color: #e3e3e3;
}
.site:before, 
.site:after {
	content:' ';
	display:table;
	clear:both;
}
body {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 400;
	background-color: #ffffff;
	max-width: 1600px;
	margin: 0 auto;
}
.site {
	margin: 0 auto;
	max-width: 1140px;
	padding: 0px 15px;
	text-align: left;
	width: auto;
}
#top-menu-holder {
	height:80px;
	line-height:80px;
}
#top-menu {
	height:82px;
	line-height:78px;
	vertical-align:middle;
	text-align:center;
	z-index:999;
	position:fixed;
	left: 0;
	right: 0;
	top:0;
	width:100%;
	background: #ffffff;
	border-bottom: 1px solid #e7e7e7;
	margin: 0 auto;
	max-width: 1600px;
	overflow: hidden;
}
#top-menu .site {
	padding:0px 32px;
	margin:0 auto;
	width:auto;
	position:relative;
}
#logo {
	display:block;
	position: absolute;
	float:left;
	overflow:hidden;
	/*height: 160px;*/
	vertical-align:middle;
	/*width: 250px;*/
	z-index: 3;
}
#logo svg {
	fill: #00c0e7;
	display:inline-block;
	vertical-align:middle;
	-webkit-transform: translate3d(0px,0px,0px);
	-webkit-transition: fill .3s linear;
	transition: fill .3s linear;
}
#logo #logo-text {
	width: 210px;
	height:auto;
	margin-top:3px;
}
#top-menu .main-nav {
	text-align:right;
}
#top-menu .main-nav > div {
	display: inline-block;
}
.main-nav > div > a {
	font-size: 14px;
	color: #010101;
	text-decoration:none;
	padding:0px 12px;
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
}
.main-nav > div > a:hover {
	color: #00c0e7;
	text-decoration:underline;
}
#nav-sign-up {
	color: #00c0e7;
	text-decoration:none;
	display:inline-block;
	border:1px solid #00c0e7;
	border-radius:3px;
	line-height:38px;
	padding:0px 12px;
	margin-top:19px;
	margin-left: 20px;
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
}
#footbar {
	background:url(../png/rainbow.png) center bottom no-repeat;
}
#footsocials {
	text-align:center;
	padding-bottom:65px;
}
#footsocials .follow-title {
	color:#333333;
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
	padding:70px 0 40px;
}
#footsocials a {
	display:block;
	width:80px;
	height:80px;
	display:inline-block;
	overflow:hidden;
	text-indent:-999px;
	margin: 20px 10px;
	border-radius: 50%;
	
	background-size: 36px;
	transition: all 1s linear;
}
#footsocials a#fs-fb {
	background: #3b5998 url(../svg/facebook-f.svg) center center no-repeat;
	background-size: 36px;
}
#footsocials a#fs-tw {
	background: #1da1f2 url(../svg/twitter.svg) center center no-repeat;
	background-size: 36px;
}
#footsocials a#fs-ln {
	background: #0077b5 url(../svg/linkedin.svg) center center no-repeat;
	background-size: 36px;
}
#footsocials a#fs-gp {
	background: #dd4b39 url(../svg/google-plus2.svg) center center no-repeat;
	background-size: 46px;
}
#footsocials a:hover {
	transition: all .5s linear;
	opacity: .5;
	tranform: scale(1.5);
}
#footer {
	clear: both;
	overflow: hidden;
}
#footer .site {
	padding: 50px 0px 65px;
}
#footLogo {
	width: 100px;
	height:100px;
	margin:5px auto 40px;
}
#footLogo svg {
	fill:#cdcdcd;
}
#footer .footlinks {
	width:100%;
	clear:both;
	display:block;
	text-align:center;
	list-style-type:none;
}
#footer .footlinks li {
	display:inline;
	color:#cdcdcd;
}
#footer .footlinks li a {
	text-decoration:none;
	color:#cdcdcd;
}
@media only screen and (max-device-width: 767px) {
	#top-menu-holder > #top-menu {
		height: 15vh;
		border-bottom: 1px solid #d9d9d9;
	}
	#top-menu-holder.open > #top-menu > .site > .main-nav {
		top: 15vh;
		display: flex;
		overflow: scroll;
		flex-direction: column;
		align-items: center;
		height: 500px;
	}
	#top-menu-holder > #top-menu > .site > .main-nav > div {
		display: block;
	}
	#top-menu-holder > #top-menu > .site > .main-nav > div > a {
		font-size: 1.5rem;
	}
	#top-menu-holder > #top-menu > .site > .main-nav > div > #nav-sign-up {
		font-size: 1.5rem;
		padding: 1rem;
		margin: 0;
	}
	#top-menu-holder > #top-menu > .site > #logo {
		display:block;
		position: absolute;
		float:left;
		overflow:hidden;
		height: 160px;
		line-height:6rem;
		vertical-align:middle;
		margin-top: 0;
		width: 600px;
		z-index: 3;
	}
	#top-menu-holder > #top-menu > .site > #logo svg {
		fill: #00c0e7;
		display:inline-block;
		vertical-align:middle;
		-webkit-transform: translate3d(0px,0px,0px);
		-webkit-transition: fill .3s linear;
		transition: fill .3s linear;
	}
	.main-nav {
		clear:both;
		float:none;
		padding: 10px 10px 30px 10px;
		background:#ffffff;
		border-bottom:1px solid #e7e7e7;
		margin-left:-32px;
		margin-right:-32px;
		display: none;
	}
	.open .main-nav {
		display:block;
		position:relative;
		z-index:2;
	}
	#top-menu-holder > #top-menu > .site > #nav-toggle {
		width: 50px;
		height: 45px;
		position: absolute;
		margin: 0 auto;
		z-index: 3;									
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 3px;
		width: 1.3rem;
		background: #00c0e7;
		border-radius: 6px;
		opacity: 1;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		transform: scale(2,2);
		left: -60px;
	}
	#nav-toggle span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: right center;
		-moz-transform-origin: right center;
		-o-transform-origin: right center;
		transform-origin: right center;
	}
	#nav-toggle span:nth-child(2) {
		top: 15px;
		-webkit-transform-origin: right center;
		-moz-transform-origin: right center;
		-o-transform-origin: right center;
		transform-origin: right center;
	}
	#nav-toggle span:nth-child(3) {
		top: 30px;
		-webkit-transform-origin: right center;
		-moz-transform-origin: right center;
		-o-transform-origin: right center;
		transform-origin: right center;
	}
	.open #nav-toggle {
		width: 80px;
		height: 75px;
		top: 45px;
		right: 20px;
	}
	.open #nav-toggle span:nth-child(1) {
		height: 8px;
		width: 100%;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 14px;
		left: 0px;
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}
	.open #nav-toggle span:nth-child(3) {
		height: 8px;
		width: 100%;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);cxl
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: -21px;
		left: 0px;
	}
	.display-none {
		display: none;
	}
	#footbar > .site > #footsocials > .follow-title {
		font-size: 30px;
	}
	#footer > .site > .footlinks > ul > li {
		display: block;
		font-size: 16px;
	}
	#footer .footlinks li:after {
		content: "";
		padding:0px 3px;
	}
	#footer .footlinks li + li + li:after {
		content: "";
	}

	#intercom-container {
		display: none;
	}
	#top-menu-holder.open #top-menu {
		height: 100%;
	}
	.dropbtn svg {
		width: 22px;
		height: 22px;
	}
	.dropbtn {
		width: 35px;
		height: 35px;
	}
	.dropdown-content {
		right: 0;
	}
}


@media all and (max-width: 1279px) and (min-width: 768px) {
	#top-menu-holder > #top-menu > .site > .main-nav {
		top: 8vh;
	}
	#top-menu-holder > #top-menu > .site > .main-nav > div {
		display: block;
	}
	#top-menu-holder > #top-menu > .site > .main-nav > div > a {
		padding: 5px 8px;
		display:block;
		text-align:center;
	}
	#top-menu-holder > #top-menu > .site > .main-nav > div > #nav-sign-up {
		margin-left: 10px;
	}
	#logo {
		display:block;
		position: absolute;
		float:left;
		overflow:hidden;
		height: 160px;
		line-height:140px;
		vertical-align:middle;
		margin-top: -20px;
		width: 300px;
		z-index: 3;
	}
	#logo svg {
		fill: #00c0e7;
		display:inline-block;
		vertical-align:middle;
		-webkit-transform: translate3d(0px,0px,0px);
		-webkit-transition: fill .3s linear;
		transition: fill .3s linear;
	}
	.main-nav {
		clear:both;
		float:none;
		padding: 10px 10px 30px 10px;
		background:#ffffff;
		border-bottom:1px solid #e7e7e7;
		margin-left:-32px;
		margin-right:-32px;
		display: none;
	}
	.open .main-nav {
		display:block;
		position:relative;
		z-index:2;
	}
	#top-menu-holder.open #top-menu {
		height: 100%;
	}
	#top-menu-holder #top-menu {
		height: 13vh;
	}
	#nav-toggle {
		width: 50px;
		height: 45px;
		position: absolute;
		top: 25px;
		right: 0;
		margin: 0 auto;
		z-index: 3;									
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 8px;
		width: 150%;
		background: #00c0e7;
		border-radius: 6px;
		opacity: 1;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		transform: scale(1,1);
		left: -60px;
	}
	#nav-toggle span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: right center;
		-moz-transform-origin: right center;
		-o-transform-origin: right center;
		transform-origin: right center;
	}
	#nav-toggle span:nth-child(2) {
		top: 20px;
		-webkit-transform-origin: right center;
		-moz-transform-origin: right center;
		-o-transform-origin: right center;
		transform-origin: right center;
	}
	#nav-toggle span:nth-child(3) {
		top: 40px;
		-webkit-transform-origin: right center;
		-moz-transform-origin: right center;
		-o-transform-origin: right center;
		transform-origin: right center;
	}
	.open #nav-toggle {
		width: 50px;
		height: 45px;
	}
	.open #nav-toggle span:nth-child(1) {
		height: 8px;
		width: 150%;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50px;
		left: -70px;
	}
	.open  #nav-toggle span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}
	.open  #nav-toggle span:nth-child(3) {
		height: 8px;
		width: 150%;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);cxl
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: -4px;
		left: -72px;
	}
	.display-none {
		display: none;
	}

	#intercom-container {
		display: none;
	}
}

@media all and (min-width: 2300px) {
	/*#top-menu-holder > #top-menu > .site {
		max-width: 1400px;
	}*/
	/*.site {
		max-width: 1400px;
	}*/
	#top-menu-holder > #top-menu > .site > .main-nav > div > a {
		font-size: 20px;
	}
}

.change-consent {
	cursor: pointer;
}

#register-modal {
	position: absolute;
	z-index: 1001;
}