
/*========== Universal ==========*/
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		scroll-behavior: smooth;
		font-family: 'Source Sans Pro', sans-serif;
	}
	body {
		/*background-color: #57514D;*/
		/*background: url(img/background.jpg) no-repeat;
		background-size: 100%;
		background-position: top center;*/
	}
	ul {
		list-style: none;
	}
	a {
		text-decoration: none;
	}

/*======= Wrapper =======*/
	.uniWrapperFullWidth {
		width: 100%;
	}
	.uniWrapperFullWidth:after {
		content: '';
		display: block;
		clear: both;
	}
	/*--------------*/
	.uniWrapper {
		width: 1185px;
		margin: 0 auto;
	}

/*======== Header ======*/
	header {
		padding: 35px 0;
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
	}
	header .logo img {
		max-width: 320px;
	}
	/*-------------*/
	header nav {
		text-align: right;
		font-style: italic;
	}
	header nav a {
		color: #fff;
		font-weight: bold;
		font-size: 22px;
	}

/*======= Registration sec =======*/
	.registration_section {
		padding: 40px 0;
	}
	.registration_section_inner {
		display: grid;
		grid-template-columns: 1fr 2fr;
	}
	.registration_section_inner .left h2 {
		color: #00A1DE;
		text-transform: uppercase;
		font-size: 46px;
		text-shadow: 1px 1px #fff;
		margin-bottom: 15px;
	}
	.registration_section_inner .left ul {
		padding-left: 50px;
	}
	.registration_section_inner .left li {
		color: #fff;
		font-size: 28px;
		text-transform: uppercase;
		font-weight: 600;
		margin-bottom: 12px;
		position: relative;
	}
	.registration_section_inner .left li:before {
		content: '';
		background: url(img/tick.png) no-repeat;
		background-size: 40px;
		background-position: center center;
		display: inline-block;
		width: 40px;
		height: 40px;
		position: absolute;
		left: -50px;
		top: 0;
		margin-right: 10px;
	}
	/*-------------------*/
	.registration_section_inner .right {
		display: flex;
		justify-content: flex-end;
	}
	.registration_section_inner form {
		width: 340px;
		background-color: #fff;
		padding: 20px;
		position: relative;
	}
	.registration_section_inner form:before {
		content: '';
		width: 100%;
		height: 100%;
		background-color: #00A1DE;
		position: absolute;
		z-index: -1;
		right: -5px;
		top: 5px;
	}
	.registration_section_inner form .s_field {
		width: 100%;
		margin-bottom: 7px;
	}
	.registration_section_inner form .s_field.common {
		display: none;
	}
	.registration_section_inner form .s_field:last-child {
		margin-top: 30px;
	}
	.registration_section_inner form .s_field label {
		display: block;
		width: 100%;
		margin-bottom: 5px;
		text-transform: uppercase;
		font-weight: 600;
		color: #53565B;
	}
	.registration_section_inner form .s_field input {
		display: block;
		width: 100%;
		height: 35px;
		border: 3px solid #00A1DE;
		padding: 0 10px;
		outline: unset;
	}
	.registration_section_inner form .s_field select {
		display: block;
		width: 100%;
		height: 35px;
		border: 3px solid #00A1DE;
		padding: 0 10px;
		outline: unset;
		background-color: #fff;
	}
	.registration_section_inner form .s_field input[type=submit] {
		background-color: #00A1DE;
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		cursor: pointer;
		border: none;
	}
	.registration_section_inner form .s_field input[type=submit]:hover {
		transition: all 0.3s;
		background-color: #0A95CA;
	}

	/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}

	/* Firefox */
	input[type=number] {
	  -moz-appearance: textfield;
	}

/*======== Info Section ========*/
	.info_section {
		padding: 40px 30px;
		text-align: center;
	}
	.info_section_inner > h2 {
		font-size: 45px;
		text-transform: uppercase;
		color: #00A1DE;
		margin-bottom: 40px;
	}
	.info_section_inner .infos {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 40px;
	}
	.info_section_inner .infos .item {
		background-color: #00A1DE;
		padding: 20px;
		position: relative;
		padding-bottom: 50px;
	}
	.info_section_inner .infos .item h2 {
		color: #fff;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 22px;
		margin: 15px 0;
	}
	.info_section_inner .infos .item ul {
		margin-bottom: 40px;
	}
	.info_section_inner .infos .item li {
		font-size: 22px;
		text-transform: uppercase;
		color: #57514D;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.info_section_inner .infos .item a {
		background-color: #fff;
		padding: 10px 0;
		display: inline-block;
		font-size: 20px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
		color: #57514d;
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		width: 150px;
		margin: 0 auto;
	}

/*======= Default theme =======*/
	.default_theme {
		padding: 40px 0;
	}
	.default_theme_inner h2 {
		text-align: center;
		font-size: 45px;
		text-transform: uppercase;
		color: #fff;
		margin-bottom: 40px;
		word-spacing: 4px;
	}
	.default_theme_inner h2 span.blue_text {
		color: #00A1DE;
	}
	.default_theme_inner .items {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 150px;
		grid-row-gap: 20px;
		position: relative;
	}
	.default_theme_inner .item {
		background-color: #00A1DE;
		padding: 15px 35px;
	}
	.default_theme.white .item {
		background-color: #fff;
	}
	.default_theme_inner .item:nth-child(1) {
		clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);
	}
	.default_theme_inner .item:nth-child(2) {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20% 100%);
		text-align: right;
	}
	.default_theme_inner .item:nth-child(3) {
		clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%);
	}
	.default_theme_inner .item:nth-child(4) {
		clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
		text-align: right;
	}
	.default_theme_inner .item h3 {
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 22px;
		margin-bottom: 5px;
	}
	.default_theme.white .item h3 {
		color: #00A1DE;
	}
	.default_theme_inner .item li {
		color: #57514d;
		text-transform: uppercase;
		font-size: 18px;
		margin-bottom: 5px;
		font-weight: bold;
	}
	.default_theme_inner .float_section img {
		display: block;
		margin: 0 auto;
	}
	.default_theme_inner .float_section a {
		display: block;
		padding: 15px 40px;
		font-size: 22px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
		margin-top: 15px;
	}
	.default_theme.blue .float_section a {
		background-color: #fff;
		color: #57514d;
	}
	.default_theme.white .float_section a {
		background-color: #00A1DE;
		color: #fff;
	}
	.default_theme_inner .float_section {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -60%);
	}

/*======= Section 3 ======*/
	#section3 {
		padding-bottom: 80px;
	}

/*======== Backgrounds ========*/
	.header_bg_color {
		background-color: #56514D;
	}
	.header_bg_img {
		background: url(img/header-bg.jpg) no-repeat;
		background-size: 100% 100%;
		/*background-position: top center;*/
	}
	.reg_bg {
		background: url(img/reg-bg.jpg) no-repeat;
		background-size: 100%;
		/*background-position: top center;*/
	}
	.rest_bg {
		background: url(img/rest-bg.jpg) no-repeat;
		background-size: 100%;
		/*background-position: top center;*/
	}

/*====== Success popup ======*/
	.successPopup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: rgba(0,0,0,0.6);
		text-align: center;
		/*display: none;*/
	}
	.successPopupInner {
		display: inline-block;
		background-color: #fff;
		padding: 20px;
		border-radius: 5px;
	}
	.successPopupInner img {
		width: 100px;
		display: block;
		margin: 0 auto 30px;
	}
	.successPopupInner a {
		display: inline-block;
		margin-top: 30px;
		background-color: green;
		border: none;
		color: #fff;
		padding: 5px 20px;
		cursor: pointer;
		text-transform: uppercase;
		font-size: 17px;
		border-radius: 5px;
	}

/*========= Responsive =========*/
	/*------ iPad pro 12.9 inch ------*/
	@media screen and (max-width: 1024px) {
		.uniWrapper {
			width: 100%;
		}
		header {
			padding: 30px;
		}
		/*---------*/
		.registration_section {
			padding: 40px 30px;
		}
	}

	/*------- ipads ------*/
	@media screen and (max-width: 820px) {
		header {
			padding: 20px 30px;
		}
		/*---------*/
		.reg_bg {
			background-size: cover;
		}
		.registration_section {
			padding: 40px 30px;
		}
		.registration_section_inner .left li {
			font-size: 23px;
		}
		.registration_section_inner .left li::before {
			background-size: 33px;
		}
		/*-------------*/
		.rest_bg {
			background-size: cover;
		}
		.info_section_inner .infos .item li {
			font-size: 19px;
		}
		.info_section_inner .infos .item a {
			font-size: 18px;
			width: 130px;
		}
		/*----------------*/
		.default_theme_inner .item li {
			font-size: 17px;
		}
	}

	/*------- Smartphones ------*/
	@media screen and (max-width: 480px) {
		header {
			padding: 20px;
		}
		header .logo img {
			max-width: 250px;
		}
		/*---------*/
		.registration_section {
			padding: 40px 20px;
		}
		.registration_section_inner {
			grid-template-columns: 1fr;
			grid-row-gap: 40px;
		}
		.registration_section_inner .left {
			padding: 0 20px;
		}
		.registration_section_inner .left li {
			font-size: 22px;
		}
		.registration_section_inner .left li::before {
			background-size: 30px;
		}
		.registration_section_inner .right {
			justify-content: center;
		}
		/*.registration_section_inner form {
			max-width: 90%;
		}*/
		/*-------------*/
		.rest_bg {
			background-size: cover;
		}
		.info_section_inner > h2 {
			font-size: 40px;
		}
		.info_section_inner .infos {
			grid-template-columns: 1fr;
		}
		.info_section_inner .infos .item {
			width: 300px;
			max-width: 300px;
			margin: 0 auto;
		}
		.info_section_inner .infos .item li {
			font-size: 19px;
		}
		.info_section_inner .infos .item a {
			font-size: 18px;
			width: 130px;
		}
		/*----------------*/
		.default_theme_inner h2 {
			font-size: 33px;
		}
		.default_theme_inner .items {
			grid-template-columns: 1fr;
		}
		.default_theme_inner .item {
			clip-path: unset !important;
			text-align: center !important;
			width: 300px;
			margin: 0 auto;
		}
		.default_theme_inner .float_section {
			position: unset;
			transform: unset;
			grid-row-start: 0;
			grid-row-end: 1;
			width: 300px;
			margin: 0 auto;
			text-align: center;
			margin-bottom: 30px;
		}
		.default_theme.blue .float_section a {
			max-width: 180px;
			display: inline-block;
		}
		.default_theme_inner .item li {
			font-size: 17px;
		}
	}

	/*------- Smartphones 414px ------*/
	@media screen and (max-width: 414px) {
		header .logo img {
			max-width: 200px;
		}
		header nav a {
			font-size: 19px;
		}
		/*-------------*/
		.default_theme_inner h2 {
			padding: 0 20px;
		}
	}

	/*------- Smartphones 375px ------*/
	@media screen and (max-width: 375px) {
		.default_theme_inner h2 {
			font-size: 28px;
		}
	}

	/*------- Smartphones 320px ------*/
	@media screen and (max-width: 320px) {
		header .logo img {
			max-width: 150px;
		}
		header nav a {
			font-size: 17px;
		}
		/*--------------*/
		.registration_section_inner .left {
			padding: 0;
		}
		.registration_section_inner form {
			width: 280px;
		}
		/*-------------*/
		.info_section_inner > h2 {
			font-size: 30px;
		}
		.info_section_inner .infos .item {
			width: 100%;
			max-width: 100%;
		}
		/*-----------*/
		.default_theme_inner h2 {
			font-size: 25px;
		}
	}