::-webkit-input-placeholder {
	color: #153243;
}

::-moz-placeholder {
	color: #153243;
}

:-ms-input-placeholder {
	color: #153243;
}

:-moz-placeholder {
	color: #153243;
}

::selection {
	background-color: #561a4c;
	color: #81d5df;
}

::-moz-selection {
	background-color: #561a4c;
	color: #81d5df;
}

* {
	padding: 0;
	margin: 0;
}

html,
body {
	max-width: 100%;
	font-family: 'Barlow', sans-serif;
	background-color: #81d5df;
	color: #561a4c;
	outline: none;
}

html {
	overflow-y: scroll;
	-ms-overflow-y: scroll;
}

body.outline-mouse :focus,
body.outline-mouse :focus img {
	outline: none !important;
	opacity: 1 !important;
}

body.outline-mouse :focus:after {
	opacity: 1 !important;
}

.hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

img {
	aspect-ratio: attr(width) / attr(height);
}

a,
a:hover,
a:active,
a:focus {
	text-decoration: none;
	color: #561a4c;
	outline: none;
}

button:hover,
button:active,
button:focus,
input:hover,
input:active,
input:focus,
textarea:hover,
textarea:active,
textarea:focus,
img:hover,
img:active,
img:focus,
span:hover,
span:active,
span:focus,
li:hover,
li:active,
li:focus,
div:hover,
div:active,
div:focus {
	outline: none;
}

button {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

a,
button,
.user-select-none {
	cursor: pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sub_title {
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 2.6px;
}

h1,
h2,
h3,
.heading_mobile {
	color: #561a4c;
    font-size: 51px;
    font-weight: bold;
    margin: 30px 0 69px -1px;
    line-height: 55px;
	letter-spacing: .1px;
	z-index: 1;
    position: relative;
}

.highlight {
	display: inline-block;
	position: relative;
}

.highlight:after {
	content: '';
    height: 21px;
    width: 100%;
    background-color: #d972ff;
    position: absolute;
    left: 0;
    bottom: 10px;
	z-index: -1;
}

.highlight_profile {
	display: inline-block;
	position: relative;
}

.highlight_profile:after {
	content: '';
    height: 16px;
    width: 100%;
    background-color: #d972ff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.paragraph {
	font-size: 19px;
	margin: 0 0 72px -3px;
	line-height: 30px;
}

.sign_button {
	background-color: #d972ff;
	border-radius: 42px;
	border: none;
	letter-spacing: 0;
    font-size: 21px;
	color: #561a4c;
	font-weight: bold;
	position: relative;
	padding: 13px 26px 13px 26px;
	width: 100%;
	margin: 18px 0;
}

.sign_button:hover,
.sign_button:focus {
	background-color: #de86ff;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.sign_button_outline {
	background-color: #73c6da;
	padding: 11px 26px 11px 26px;
	border: 2px solid #561a4c;
	color: #561a4c;
}

.sign_button_outline:hover,
.sign_button_outline:focus {
	background-color: #92dbe4;
}

.sign_button_outline_mobile {
	background-color: #81d5df;
	margin: 18px 0 50px;
}

/* Skiplink */

.container_skiplinks {
	position: absolute;
    z-index: 3;
    text-align: center;
	height: 89px;
    left: 0;
    right: 0;
}

	.skiplink {
		display: inline-block;
		background-color: transparent;
		border: 2px solid #561a4c;
		padding: 6px 35px;
		position: relative;
		border-radius: 42px;
		font-size: 16px;
		color: #561a4c;
		font-weight: bold;
		top: -99999px;
	}

	.skiplink:focus,
	.skiplink:hover {
		background-color: #81d5df;
		text-decoration: none;
		top: 21px;
	}


/* Overlay */

.overlay_vessel {
	display: none;
}

	.overlay {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 2;
		background-color: #81d5df;
	}

		.popup_vessel_outer {
			padding: 50px;
			margin: 0 auto;
			max-width: 573px;
		}

			.popup_vessel {
				width: 100%;
				height:auto;
				background-color: #81d5df;
				border-radius: 7px;
			}

				.popup_vessel h3 {
					margin: 60px 40px 30px 40px;
					display: inline-block;
				}

				.popup_paragraph_vessel {
					height: 97px;
				}

					.popup_paragraph_vessel p {
						font-size: 20px;
						margin: 0 40px 0;
					}

				.overlay_action_vessel {
					height: 245px;
					width: 100%;
					margin: 0 0 15px;
					padding: 40px 40px 0;
				}

					.sign_button_ok {
						margin: 100px 0 0 0;
					}

					.sign_button_ok:before {
						background-image: url('../assets/icons/yes.svg');
						background-size: 23px 23px;
						height: 23px;
						width: 23px;
						left: unset;
						right: 19px;
						top: 17px;
					}

					.sign_button_delete:before {
						background-image: url('../assets/icons/no.svg');
						background-size: 23px 23px;
						height: 23px;
						width: 23px;
						left: unset;
						right: 18px;
						top: 17px;
					}

					.cancel_button_overlay {
						background-color: #81d5df;
						margin: 10px 0 18px;
					}

/* Loader */

.section_overlay_loader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background: #81d5df;
}

	.loader_icon {
		width: 80px;
		height: auto;
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

/* Breakpoints */

@media (max-width: 575.98px) {

	input[type="text"] {
		font-size: 16px !important;
	}

	input[type="password"] {
		font-size: 16px !important;
	}

	textarea {
		font-size: 16px !important;
	}

	.popup_vessel_outer {
		padding: 50px 0;
	}
}