*{
		margin: 0;
		padding :0;
		/*font-family: 'Lato', sans-serif;*/
		font-family: 'Signika Negative', sans-serif;
		box-sizing: border-box;
	}
	p {
		font-size: 14px;
	}
	body {
		background-color: #292929;
		position: relative;
	}
	.mobileOnly {
		display: none;
	}

/*========== Container ===========*/
	.full_width_container {
		width: 100%;
	}
	.full_width_container:after {
		content: '';
		display: block;
		clear: both;
	}
	.container {
		width: 1260px;
		margin: 0 auto;
		text-align: center;
	}

/*======= Header ========*/
	#header {
		background-color: #000;
		text-align: left;
		padding: 10px 0;
	}
	#header header {
		overflow: hidden;
		padding: 10px 0px;
		text-align: center;
	}
	#header header a {
		display: inline-block;
	}
	#header header a img {
		width: 100%;
		display: block;
		margin: 0 auto;
	}

/*======= Main Part ========*/
	.background {
		/*background: url(img/bg.jpg) no-repeat;
		background-size: 100% 100%;*/
	}
	#main_part {
		padding: 0px;
		padding-bottom: 50px;

		background: url(img/hero-bg.jpg) no-repeat;
		background-size: 100% 100%;
	}
	#main_part .main_wrapper {
		width: 100%;
		text-align: center;
		padding-top: 0px;
		padding: 0px 120px;
		position: relative;
	}
	#main_part .main_wrapper .logo_wrapper {
		padding: 80px 0px 50px;
	}
	#main_part .main_wrapper .logo_wrapper img {
		width: 600px;
		max-width: 70%;
	}
	/*----------------------*/
	#main_part .main_wrapper h1 {
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #fff;
		font-size: 70px;
		/*text-shadow: 0px 0px 30px #000;
		-moz-text-shadow: 0px 0px 3px #000;*/
		margin: 50px 0px;
	}
	#main_part .main_wrapper h1 span.big {
		font-size: 70px;
		color: #4A9CE1;
	}
	/*------------------------*/
	#main_part .main_wrapper span.small {
		display: block;
		width: 100%;
		margin-top: 10px;
		color: #fff;
		font-size: 14px;
		cursor: pointer;
	}
	#main_part .main_wrapper h2 {
		display: block;
		font-size: 30px;
		margin: 10px 0px;
		color: #fff;
	}
	/*#main_part .main_wrapper a:not(#main_part .main_wrapper a.logo, #main_part .main_wrapper .textImage a) {
		display: inline-block;
		position: absolute;
		top: calc(100% + 30px);
		left: 50%;
		margin-left: -158px;
	}*/
	.main_wrapper ul {
		width: 100%;
		max-width: 53%;
		margin: 0 auto;
		text-align-last: left;
	}
	.main_wrapper ul li {
		color: #fff;
		list-style: none;
		font-size: 45px;
		text-transform: uppercase;
		font-weight: 700;
		margin-bottom: 5px;
		position: relative;
		padding-left: 50px;
	}
	.main_wrapper ul li:before {
		content: '';
		width: 40px;
		height: 40px;
		position: absolute;
		left: 0;
		top: 7px;
		background: url(img/bullet-icon.png) no-repeat;
		background-size: 100%;
	}
	.main_wrapper span.blueBG {
		background-color: #4A9CE1;
		padding: 0 15px 0 20px;
		clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
	}
	.main_wrapper .textImage {
		text-align: left;
		padding: 65px 0;
		position: relative;
		left: -120px;
	}
	/*-----------------------*/
	#main_part .main_wrapper {
		display: flex;
	}
	.main_wrapper .left {
		width: 55%;
		padding-top: 40px;
		position: relative;
	}
	.main_wrapper .left img {
		width: 100%;
	}
	.main_wrapper .left .imgFloat {
		position: absolute;
		bottom: -60px;
		left: -120px;
	}
	/*--------------*/
	.main_wrapper .right {
		width: 45%;
		padding-top: 80px;
	}
	.main_wrapper .right div:not(:last-child) {
		margin-bottom: 40px;
	}
	.main_wrapper .right div.imgBottom {
		margin-bottom: 20px;
	}
	.main_wrapper .right img {
		width: 80%;
	}
	.main_wrapper .right .regBtn {
		text-align: center;
	}
	.main_wrapper .right .regBtn a {
		display: inline-block;
		color: #fff;
		text-decoration: none;
		font-size: 20px;
		text-transform: uppercase;
	}

/*========== Footer top Part ===========*/
	#footer_top {
		/*background-color: #fff;*/
	}
	#footer_top h4 {
		text-transform: uppercase;
		padding: 20px 0px;
		color: #303030;
		font-size: 18px;
	}
	#footer_top > span {
		color: #fff;
		margin-bottom: 30px;
		display: block;
		cursor: pointer;
		font-weight: 500;
	}
	#footer_top .conditions {
		width: 100%;
		overflow: hidden;
		padding: 0;
	}
	#footer_top .conditions .cond {
		width: 33.33%;
		float: left;
		margin-bottom: 30px;
		text-align: left;
		overflow: hidden;
	}
	#footer_top .conditions .cond h1 {
		float: left;
		width: 50px;
		padding: 5px 0px;
		margin-right: 10px;
		background-color: #00A5E1;
		text-align: center;
		color: #fff;
		clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
	}
	#footer_top .conditions .cond h2 {
		text-transform: capitalize;
		font-size: 22px;
		color: #00A5E1;
	}
	#footer_top .conditions .cond h2 a {
		color: #00A5E1;
		text-decoration: none;
		background-color: unset;
		border: none;
		font-size: inherit;
		font-weight: bold;
		cursor: pointer;
		text-transform: uppercase;
	}
	#footer_top .conditions .cond p {
		color: #fff;
		font-size: 17px;
		font-weight: 600;
		text-transform: uppercase;
	}
	#footer_top span.blue {
		color: #00A5E1;
	}
	#footer_top .popupLink {
		text-align: right;
		padding-right: 10%;
	}
	#footer_top .popupLink span {
		cursor: pointer;
		display: inline-block;
		padding: 10px 0;
	}

/*====== Footer =======*/
	.footerBG {
		background-color: #00A5E1;
	}
	footer {
		overflow: hidden;
		padding-top: 35px;
		padding-bottom: 15px;
		background-color: #00A5E1;
	}
	footer .left {
		width: 65%;
		float: left;
		text-align: left;
		color: #fff;
	}
	footer .left p {
		text-transform: uppercase;
		margin-bottom: 20px;
	}
	footer .left p a {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}
	footer .right {
		width: 35%;
		float: right;
		text-align: left;
		padding: 30px 0;
	}
	footer .right ul {
		overflow: hidden;
	}
	footer .right ul li {
		display: block;
		list-style-type: none;
		float: left;
		overflow: hidden;
		height: 80%;
	}
	footer .right ul li:last-child img {
		width: 73px;
		height: 67px;
	}

/*========= Popup =========*/
	#popup {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: rgba(0, 0, 0, 0.7);
		display: none;
	}
	#popup .popup_content {
		width: 70%;
		min-height: 400px;
		max-height: 90vh;
		margin: 40px auto;
		background-color: #fff;
		border-radius: 3px;
		padding: 30px;
		padding-top: 40px;
		position: fixed;
		left: 50%;
		transform: translate(-50%);
		overflow-y: scroll;
	}
	#popup .popup_content h1 {
		margin: 0px 10px 15px 0px;
	}
	#popup .popup_content p {
		margin-bottom: 15px;
		display: block;
		font-size: 17px;
	}
	#popup .popup_content ul li,
	#popup .popup_content ol li {
		margin-bottom: 15px;
		list-style-position: inside;
		list-style: none;
		font-weight: normal;
	}
	#popup .popup_content ul li a,
	#popup .popup_content ol li a {
		color: #4A9CE1;
	}
	#popup .popup_content ul.grey li,
	#popup .popup_content ol.grey li {
		color: #777;
	}
	table {
		margin-bottom: 20px;
	}
	table, th, td {
	  border:1px solid black;
	  border-collapse: collapse;
	}
	th, td {
		padding: 5px 10px;
		width: 50%;
	}
	#popup .popup_content button.close_popup {
		position: absolute;
		right: 10px;
		top: 10px;
		background-color: #ea1414;
		color: #fff;
		text-decoration: none;
		display: inline-block;
		padding: 5px 15px;
		border-radius: 5px;
		line-height: 1.3em;
		font-weight: bold;
		border: none;
		cursor: pointer;
		font-size: 15px;
	}
	#popup .popup_content button.close_popup:hover {
		transition: all .3s;
		background-color: #bd1414;
	}

/*========== Media Queries ==========*/
	@media screen and (max-width: 1024px) {
		.container {
			width: 100%;
		}
		/*---------------*/
		#header {
			padding: 10px 50px;
		}
		/*--------------*/
		#main_part {
			/*padding: 0px 0px 50px;*/
			padding-bottom: 50px;
		}
		.main_wrapper ul {
			max-width: 75%;
		}
		#main_part .main_wrapper {
			padding: 0px 50px;
		}
		#main_part .main_wrapper h1 {
		    font-size: 55px;
		}
		#main_part .main_wrapper h1 span.big {
		    font-size: 55px;
		}
		.main_wrapper .textImage {
			left: -50px;
			padding: 40px 0;
		}
		.main_wrapper .textImage img {
			max-width: 65%;
		}
		#main_part .main_wrapper a.registerBtn img {
			width: 270px;
		}
		/*#main_part .main_wrapper a:not(#main_part .main_wrapper a.logo, #main_part .main_wrapper .textImage a) {
			margin-left: -135px;
			top: calc(100% + 40px);
		}*/
		/*----------------------------*/
		#footer_top .conditions {
			padding: 0px 30px;
		}
		#footer_top .conditions .cond p {
			font-size: 16px;
		}
		/*------------------------*/
		footer .left {
			width: 100%;
			float: none;
			padding: 0px 20px;
			text-align: center;
		}
		footer .right {
			float: none;
			margin: 20px auto;
			width: 45%;
		}
		footer .right ul {
		    overflow: hidden;
		    display: flex;
		    justify-content: center;
		}
	}

	@media screen and (max-width: 820px) {
		#main_part {
			background-size: 100% 100%;
		}
		#main_part .main_wrapper {
			padding-left: 0px 50px;
		}
		/*------------------------*/
		#main_part .main_wrapper h1 {
		    font-size: 50px;
		    margin: 30px 0px;
		}
		#main_part .main_wrapper h1 span.big {
		    font-size: 50px;
		}
		/*------------------------*/
		#main_part .main_wrapper h2 {
		    font-size: 27px;
		}
		.main_wrapper ul li {
			font-size: 35px;
		}
		/*-----------------*/
		.main_wrapper .left .imgFloat {
			left: 0;
		}
		.main_wrapper .right {
			position: relative;
			right: -10px;
		}
		.main_wrapper .right img {
			width: 100%;
		}
		/*------------------------*/
		#footer_top .conditions {
			padding: 0px 30px;
		}
		#footer_top .conditions .cond {
			width: 50%;
			margin: 0 auto 30px;
			float: unset;
		}
		#footer_top .popupLink {
			text-align: center;
			padding: 0;
		}
		/*======================*/
		#popup .popup_content {
			width: 90%;
		}
	}

	@media screen and (max-width: 567px) {
		#main_part .main_wrapper a {
			font-size: 15px;
			margin-top: 25px;
		}
		#main_part .main_wrapper h1 {
			font-size: 40px;
		}
		#main_part .main_wrapper h1 sup {
			font-size: 30px !important;
		}
		#main_part .main_wrapper h1 span.big {
			font-size: 40px;
		}
		#main_part .main_wrapper h2 {
			font-size: 20px;
		}
		.main_wrapper ul {
			max-width: 100%;
		}
		.main_wrapper ul li {
			font-size: 28px;
			padding-left: 40px;
		}
		.main_wrapper ul li:before {
			width: 30px;
			height: 30px;
			top: 3px;
		}
		/*------------------------*/
		#footer_top .conditions .cond {
			float: none;
			width: 70%;
			margin: 0 auto;
			margin-bottom: 30px;
		}
		/*----------------------------*/
		footer .left {
			padding: 0px 20px;
		}
		footer .right {
			width: 80%;
			margin: 20px auto;
		}
		footer .right ul {
			width: 340px;
			margin: 0 auto;
		}
	}

	@media screen and (max-width: 480px) {
		.mobileOnly {
			display: block;
		}
		#header {
			padding-left: 30px;
		}
		#header header a img {
			width: 70%;
		}
		/*--------------*/
		#main_part {
			padding-bottom: 30px;
		}
		#main_part .main_wrapper {
			padding: 0px 30px;
		}
		#main_part .main_wrapper h2 {
			font-size: 20px;
		}
		#main_part .main_wrapper h1 {
			font-size: 35px;
		}
		#main_part .main_wrapper h1 sup {
			font-size: 20px !important;
		}
		#main_part .main_wrapper h1 span.big {
		    font-size: 35px;
		}
		#main_part .main_wrapper .highlight {
			width: 67%;
		}
		.main_wrapper ul li {
			font-size: 19px;
			padding-left: 30px;
		}
		.main_wrapper ul li:before {
			width: 20px;
			height: 20px;
		}
		.main_wrapper .textImage {
			width: 100%;
			padding: 30px 0 0;
			left: -30px;
		}
		.main_wrapper .textImage img {
			max-width: 90%;
		}
		/*#main_part .main_wrapper a:not(#main_part .main_wrapper a.logo, #main_part .main_wrapper .textImage a) {
			margin-left: -100px;
			top: 98%;
			top: 93%;
		}*/
		#main_part .main_wrapper a.registerBtn img {
			width: 200px;
		}
		/*-----------------*/
		#main_part .main_wrapper {
			display: block;
		}
		.main_wrapper .left {
			width: 100%;
		}
		.main_wrapper .left .imgFloat {
			position: static;
		}
		.main_wrapper .left .imgFloat img {
			max-width: 200px;
			display: block;
			margin: 0 auto;
		}
		.main_wrapper .right {
			width: 100%;
			left: 0;
			padding-top: 30px;
		}
		.main_wrapper .right img {
			width: 95%;
		}
		/*--------------------*/
		footer .right ul {
			width: 100%;
		}
		footer .right ul img {
			width: 100% !important;
			height: auto !important;
		}
		/*--------------------*/
		#footer_top .conditions .cond {
			width: 100%;
		}
		/*=======================*/
		#popup .popup_content h1 {
			font-size: 28px;
		}
	}

	@media screen and (max-width: 320px) {
		#main_part {
			padding: 10px 0px 20px;
		}
		#main_part .main_wrapper h1 {
			font-size: 22px;
		}
		#main_part .main_wrapper h1 span.big {
			font-size: 22px;
		}
		#main_part .main_wrapper h2 {
			font-size: 15px;
		}
		#main_part .main_wrapper a {
			padding: 10px 35px;
			margin-top: 20px;
			padding: 6px 15px;
			font-size: 12px;
		}
		#main_part .main_wrapper .logo_wrapper img {
			max-width: 80%;
		}
		.main_wrapper ul li {
			font-size: 17px;
		}
		#main_part .main_wrapper a:not(#main_part .main_wrapper a.logo) {
			font-size: 24px;
		}
		.main_wrapper .textImage {
			padding: 10px 0;
		}
		/*--------------------*/
		#footer_top .conditions .cond {
			width: 95%;
		}
		#footer_top .conditions {
			padding: 0px 20px;
		}
		/*---------------------*/
		footer .right {
			width: 100%;
		}
		footer .right ul {
			width: 80%;
			margin: 0 auto;
		}
		footer .right ul li {
			width: 33.33%;
		}
		footer .right ul li:nth-child(1) {
			margin-top: 5px;
		}
		footer .right ul li:nth-child(2) {
			width: 130px;
		}
		footer .right ul li img {
			width: 33%;
			max-height: 70px;
		}
		footer .right ul li:first-child img {
			margin-top: 15px;
		}
	}