@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800);
*,
body {
	margin: 0;
	padding: 0
}

h1 strong,
h2,
h4 strong {
	color: #c94a26
}

h1,
h4,
h5,
p {
	margin-bottom: 2rem
}

section,
section .col,
section .col-md,
section .col-md-6,
section .image {
	background-size: cover;
	background-position: center
}

section,
section .wpcf7-acceptance label {
	position: relative
}

.button,
.navbar>.navbar-textarea button,
.privatlivspolitik,
h3 {
	/*text-transform: uppercase*/
}

.upload-file+label,
.upload-file+label span,
.upload-input-box label {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.offset-image,
.upload-file+label * {
	pointer-events: none
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

html {
	font-size: 10px
}

body,
p {
	font-weight: 400;
	font-size: 1.5rem
}

body {
	font-family: 'Open Sans', sans-serif;
	color: #333;
	line-height: 1.5
}

h1,
h2,
h4 {
	font-weight: 800
}

p:last-child {
	margin-bottom: 0
}

h1,
h4 {
	font-size: 3.5rem;
	line-height: 1.2
}

@media (max-width:960px) {
	h1 {
		font-size: 4rem
	}
}

@media (max-width:767px) {
	h1 {
		font-size: 2.2rem
	}
}

h2 {
	font-size: 1.7rem;
	margin-bottom: 2.5rem;
	margin-top: 2.5rem
}

h2:first-child {
	margin-top: -.7rem
}

@media (max-width:960px) {
	h2 {
		font-size: 1.9rem
	}
}

h3 {
	font-size: 2rem;
	font-weight: 400;
	margin-bottom: .5rem
}

@media (max-width:767px) {
	h3 {
		font-size: 1.8rem
	}
}

@media (max-width:960px) {
	h4 {
		font-size: 4rem
	}
}

@media (max-width:767px) {
	h4 {
		font-size: 2.2rem
	}
}

h5 {
	font-size: 3.5rem;
	font-weight: 300
}

@media (max-width:767px) {
	h5 {
		font-size: 4rem
	}
}

a {
	color: #00b67a;
	outline: 0;
	-webkit-transition: color ease-in-out .2s;
	transition: color ease-in-out .2s
}

a:hover {
	text-decoration: none;
	color: #0e4205
}

b,
strong {
	font-weight: 900
}

.btn.active,
.btn:active,
.btn:active:focus,
.btn:focus {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
textarea:focus {
	border-color: rgba(255, 255, 255, 0);
	outline: 0;
	outline: dotted thin\9;
	-webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0);
	box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0)
}

.form-row {
	width: 100%;
	margin-left: 0
}

.form-row .form-group {
	margin-bottom: 0
}

.form-row .form-group .btn {
	height: 100%
}

.btn,
input {
	font-size: 1.4rem
}

.btn-main {
	color: #fff;
	background-color: #006680;
	border-color: #006680;
	outline: 0;
	padding: 1rem 2rem;
	border-radius: .7rem
}

.btn-main:hover {
	color: #f5f5f5;
	background-color: #00728f;
	border-color: #00728f
}

section .col-md-6.lblue h2,
section .col-md.lblue h2,
section .col.lblue h2,
section.lblue h2,
section.negative,
section.negative a,
section.negative h1,
section.negative h2,
section.negative h3,
section.negative h4,
section.negative p {
	color: #fff
}

section hr {
	display: block;
	margin: 3rem 0;
	border: none;
	border-bottom: 1px solid #CCC
}

section.large-padding {
	padding: 8rem 0
}

@media (max-width:767px) {
	section.large-padding {
		padding: 3rem 0
	}
}

section.small-padding {
	padding: 4rem 0
}

section.large-margin {
	margin: 8rem 0
}

section.small-margin {
	margin: 4rem 0
}

section.no-margin {
	margin: 0
}

section.white {
	background-color: #fff
}

section.red {
	background-color: #c94a26
}

section.green {
	background-color: #00b67a
}

section.blue {
	background-color: #006680
}

section.dark {
	background-color: #333
}

section.light {
	background-color: #f5f5f5
}

section.lblue {
	background-color: #72abbe
}

section.vlblue {
	background-color: #cae7ea
}

section .col-md-6.large-padding,
section .col-md.large-padding,
section .col.large-padding {
	padding: 8rem 0
}

section .col-md-6.large-padding-full,
section .col-md.large-padding-full,
section .col.large-padding-full {
	padding: 8rem
}

@media (max-width:767px) {
	section .col-md-6.large-padding-full,
	section .col-md.large-padding-full,
	section .col.large-padding-full {
		padding: 4rem
	}
}

section .col-md-6.small-padding,
section .col-md.small-padding,
section .col.small-padding {
	padding-top: 4rem;
	padding-bottom: 4rem
}

section .col-md-6.small-padding-full,
section .col-md.small-padding-full,
section .col.small-padding-full {
	padding: 4rem
}

section .col-md-6.no-padding,
section .col-md.no-padding,
section .col.no-padding {
	padding: 0
}

section .col-md-6.large-margin,
section .col-md.large-margin,
section .col.large-margin {
	margin: 8rem 0
}

section .col-md-6.small-margin,
section .col-md.small-margin,
section .col.small-margin {
	margin: 4rem 0
}

section .col-md-6.no-margin,
section .col-md.no-margin,
section .col.no-margin {
	margin: 0
}

section .col-md-6.white,
section .col-md.white,
section .col.white {
	background-color: #fff
}

section .col-md-6.red,
section .col-md.red,
section .col.red {
	background-color: #c94a26
}

section .col-md-6.green,
section .col-md.green,
section .col.green {
	background-color: #00b67a
}

section .col-md-6.blue,
section .col-md.blue,
section .col.blue {
	background-color: #006680
}

section .col-md-6.dark,
section .col-md.dark,
section .col.dark {
	background-color: #333
}

section .col-md-6.light,
section .col-md.light,
section .col.light {
	background-color: #f5f5f5
}

section .col-md-6.lblue,
section .col-md.lblue,
section .col.lblue {
	background-color: #72abbe
}

section .col-md-6.vlblue,
section .col-md.vlblue,
section .col.vlblue {
	background-color: #cae7ea
}

section .col img,
section .col-md img,
section .col-md-6 img {
	max-width: 100%;
	height: auto
}

section .col ul,
section .col-md ul,
section .col-md-6 ul {
	margin-bottom: 2rem;
	list-style-type: none;
	margin-left: 0
}

section .col ul li,
section .col-md ul li,
section .col-md-6 ul li {
	padding-left: 2rem;
	text-indent: -2rem;
	padding-bottom: 5px
}

section .col ul li::before,
section .col-md ul li::before,
section .col-md-6 ul li::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
	list-style-position: inside;
	color: #006680;
	margin-right: 1rem
}

section .col-md-6.negative,
section .col-md-6.negative ul li::before,
section .col-md.negative,
section .col-md.negative ul li::before,
section .col.negative,
section .col.negative ul li::before {
	color: #fff
}

section .image {
	min-height: 30rem;
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important
}

section .image .container {
	-ms-flex-item-align: center!important;
	-ms-grid-row-align: center!important;
	align-self: center!important
}

section .customers-section-logo .customers-logo {
	padding: 2rem
}

section .customers-section-logo .customers-logo img {
	width: 85%
}

@media (max-width:575.98px) {
	section .customers-section-logo .customers-logo img {
		width: 50%
	}
}

section .customers-section-text {
	margin-top: 2rem
}

section .customers-section-text h3 {
	margin-bottom: -.5rem
}

section .customers-section-text .trustpilot-widget {
	max-width: 240px;
	margin-top: 0;
	margin-bottom: -30px
}

section .customers-section-text .customers-section-subtitle {
	margin-top: 1rem
}

section .customers-section-text img {
	width: 30%;
	margin-bottom: 2rem
}

@media (max-width:767px) {
	section .customers-section-text img {
		width: 70%
	}
}

section div.wpcf7 {
	padding: 10rem
}

@media (max-width:991.98px) {
	section .image {
		min-width: 50%
	}
	section .customers-section-text .trustpilot-widget {
		max-width: 100%
	}
	section .customers-section-text {
		text-align: center
	}
	section div.wpcf7 {
		padding: 4rem
	}
}

section div.wpcf7 .wpcf7-list-item {
	margin: 0;
	font-size: 1.3rem
}

section div.wpcf7 .wpcf7-list-item .wpcf7-list-item-label {
	margin-left: 4rem;
	margin-top: 1rem;
	cursor: pointer;
	line-height: 2.7rem
}

section div.wpcf7 .wpcf7-response-output {
	margin: 2rem 0 0;
	width: 75%;
	padding: 1.5rem;
	border-radius: .4rem!important;
	border-width: 1px;
	font-size: 1.3rem
}

section div.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
	border-color: #00b67a
}

section div.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
	border-color: #c94a26
}

@media (max-width:767.98px) {
	section div.wpcf7 .wpcf7-response-output {
		width: 100%;
		margin-top: 0
	}
}

section div.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 1.3rem;
	margin-top: -2rem;
	margin-bottom: 3rem;
	margin-left: 1rem;
	color: #c94a26
}

section div.wpcf7 input,
section div.wpcf7 textarea {
	border: 1px solid #eaeaea;
	border-radius: .4rem;
	padding: 1.5rem;
	width: 100%;
	margin: 0 0 3rem;
	font-size: 1.3rem;
	font-weight: 700;
	background: 0 0
}

section div.wpcf7 input:active,
section div.wpcf7 input:focus,
section div.wpcf7 textarea:active,
section div.wpcf7 textarea:focus {
	border: 1px solid #00b67a;
	outline: 0
}

section div.wpcf7 input[type=checkbox] {
	position: absolute;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	background: #fff;
	height: 30px;
	width: 30px;
	border: 1px solid #eaeaea;
	padding: 0
}

section div.wpcf7 input[type=checkbox]+.wpcf7-list-item-label strong {
	font-weight: 400;
	color: #00b67a
}

section div.wpcf7 input[type=checkbox]+.wpcf7-list-item-label a {
	color: inherit;
	text-decoration: underline
}

section div.wpcf7 input[type=checkbox]+.wpcf7-list-item-label a:hover {
	color: #00b67a
}

section div.wpcf7 input[type=checkbox]:checked {
	background: #eaeaea
}

section div.wpcf7 input[type=checkbox]:hover {
	-webkit-filter: brightness(90%);
	filter: brightness(90%)
}

section div.wpcf7 input[type=checkbox]:disabled {
	background: #e6e6e6;
	opacity: .6;
	pointer-events: none
}

.button.upload,
header,
header .header-color {
	background-repeat: no-repeat
}

section div.wpcf7 input[type=checkbox]:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
	position: relative;
	left: 30%;
	top: 20%;
	display: none
}

section div.wpcf7 input[type=checkbox]:checked:after {
	display: inline-block;
	position: relative
}

section div.wpcf7 input[type=checkbox]:disabled:after {
	border-color: #7b7b7b
}

section div.wpcf7 input[type=submit] {
	width: auto;
	float: right;
	margin-top: 5.2rem;
	margin-bottom: 6rem;
	background-color: #c94a26;
	border-radius: .4rem!important;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: background-color .1s ease-in;
	transition: background-color .1s ease-in
}

@media (max-width:767.98px) {
	section div.wpcf7 input[type=submit] {
		float: unset;
		width: 100%;
		margin: 2rem 0
	}
}

section div.wpcf7 input[type=submit]:focus {
	outline: 0;
	border: none
}

section div.wpcf7 input[type=submit]:hover {
	opacity: 1;
	background-color: #ad3d1e;
	-webkit-transition: background-color .1s ease-in;
	transition: background-color .1s ease-in
}

section div.wpcf7 input[type=submit]:active {
	background-color: #c94a26
}

.booking-section-wrapper {
	margin-bottom: 8rem
}

.booking-section-wrapper .z1 {
	z-index: 1
}

.booking-section-wrapper .booking-info-section {
	text-align: center;
	padding: 30px 2rem 220px
}

.booking-section-wrapper .booking-info-section h4 {
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 4rem
}

.booking-section-wrapper .booking-info-section ul {
	text-align: left
}

.booking-section-wrapper .booking-info-section li {
	font-weight: 700;
	font-size: 1.7rem;
	margin-left: 4rem;
	padding-bottom: 14px;
	text-indent: 0
}

.booking-section-wrapper .booking-info-section li::before {
	font-size: 2rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
	color: #fff;
	position: absolute;
	left: 3rem
}

.booking-section-wrapper .booking-info-section hr {
	margin: 2rem 0;
	border-color: #fff
}

.booking-section-wrapper .no-padding {
	padding: 0
}

.booking-section-wrapper .no-margin {
	margin: 0
}

.booking-section-wrapper .white {
	background-color: #fff
}

.booking-section-wrapper .red {
	background-color: #c94a26
}

.booking-section-wrapper .green {
	background-color: #00b67a
}

.booking-section-wrapper .blue {
	background-color: #006680
}

.booking-section-wrapper .dark {
	background-color: #333
}

.booking-section-wrapper .light {
	background-color: #f5f5f5
}

.booking-section-wrapper .lblue {
	background-color: #72abbe
}

.booking-section-wrapper .lblue h2 {
	color: #fff
}

.booking-section-wrapper .vlblue {
	background-color: #cae7ea
}

.booking-section-wrapper .negative,
.booking-section-wrapper .negative a,
.booking-section-wrapper .negative h1,
.booking-section-wrapper .negative h2,
.booking-section-wrapper .negative h3,
.booking-section-wrapper .negative h4,
.booking-section-wrapper .negative p {
	color: #fff
}

.phone-numb,
.phone-numb:focus {
	color: #00b67a
}

.booking-section-wrapper .booking-image,
.booking-section-wrapper .upload-image {
	width: 143px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6rem
}

.booking-section-wrapper .booking-form-wrapper {
	background-color: #fff
}

.phone-numb {
	-webkit-transition: color ease-in-out .2s;
	transition: color ease-in-out .2s
}

.phone-numb:hover {
	color: #0e4205
}

.logo {
	padding: 1rem 0 1rem 2rem;
	left: 2rem
}

.logo img {
	height: 5rem;
	width: auto
}

@media (max-width:1023px) {
	.logo img {
		max-height: 3rem
	}
}

.navbar>.navbar-textarea p {
	color: #006680;
	font-weight: 400;
	font-size: 1.4rem
}

.navbar>.navbar-textarea p span {
	font-weight: 700;
	margin-left: 2rem
}

.navbar>.navbar-textarea p span:first-child {
	font-weight: 400
}

@media (max-width:767.98px) {
	.navbar>.navbar-textarea p span {
		display: block;
		text-align: center
	}
	.navbar>.navbar-textarea p span:last-child {
		position: absolute;
		top: 6rem;
		right: 3rem;
		margin: 2rem 0;
		display: none
	}
	.navbar>.navbar-textarea p {
		margin-bottom: 2rem
	}
}

.navbar>.navbar-textarea p:last-child {
	margin-right: 2rem
}

@media (max-width:1199.98px) {
	.navbar>.navbar-textarea p {
		font-size: 1.2rem
	}
}

@media (max-width:991.98px) {
	.logo {
		left: 0;
		padding-left: 0
	}
	.navbar .navbar-logo-wrapper {
		-webkit-box-pack: center!important;
		-ms-flex-pack: center!important;
		justify-content: center!important
	}
	.navbar>.navbar-textarea p {
		text-align: center
	}
}

.navbar>.navbar-textarea a {
	color: #006680
}

.navbar>.navbar-textarea button {
	font-weight: 700
}

.footer {
	background-color: #006680;
	color: #fff
}

.footer p {
	font-weight: 300;
	font-size: 1.3rem;
	padding: 2rem 0
}

.footer .footer-wrapper {
	padding: 4rem 0
}

.footer .footer-wrapper .footer-seperator::after {
	content: '//';
	padding: 0 1.5rem
}

.upload-file+label strong.checked::after,
header li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c"
}

.privatlivspolitik {
	text-align: center;
	padding: 1rem;
	font-weight: 700;
	font-size: 1.3rem
}

header {
	position: relative;
	height: 500px;
	color: #fff;
	padding: 8rem 0;
	background-position: left, right;
    background: linear-gradient(150deg, rgba(128,179,191,1) 0%, rgba(0,105,131,1) 100%);
}

header h1 {
	max-width: 59%;
	font-size: 3rem;
	font-weight: 800;
	margin-bottom: 2rem
}

header h3 {
	max-width: 60%;
	color: #fff;
	font-size: 2rem;
	font-weight: 300;
	margin-bottom: 3rem;
	margin-top: 3rem
}

header ul {
	line-height: 1.9em;
	list-style-type: none
}

header li {
	font-weight: 700;
	font-size: 1.7rem
}

header li::before {
	font-size: 1.7rem;
	font-weight: 900;
	list-style-position: inside;
	color: #0e4205;
	margin-right: 1.5rem
}

header li span {
	margin-bottom: 10px
}

header .contact-input-group {
	width: 40%
}

header .header-color {
	position: absolute;
	right: 40%;
	top: 0;
	width: 70%;
	min-height: 100%
}

header .header-color-mobile {
	display: none;
	top: 200px;
	width: 100%;
	left: 0
}

header .header-image {
	position: absolute;
	right: 0;
	top: 80px;
	width: 50%;
	max-width: 60%;
	min-height: 100%
}

header .header-logo {
	position: absolute;
	bottom: 20px;
	right: 20px
}

@media (max-width:991.98px) {
	header .header-logo {
		top: 120px;
		left: 20px;
		bottom: auto;
		right: auto;
		display:none;
	}
	header {
		height: calc(730px - 73px);
		padding: 25rem 2rem
	}
	header h1,
	header h3 {
		max-width: 100%
	}
	header .contact-input-group {
		width: 100%
	}
	header .header-color {
		min-height: 100%;
		display: none
	}
	header .header-color-mobile {
		display: block;
		top: 200px;
		width: 100%
	}
	header .header-image {
		position: absolute;
		display: inline;
		right: 0;
		top: 0;
		width: 100%;
		height: none;
		max-width: none;
		min-height: 0
	}
}

@media (max-width:767.98px) {
	header {
		height: 730px
	}
	header .button {
		margin-bottom: 0
	}
	.button {
		width: 100%
	}
}

@media (max-width:575.98px) {
	header {
		height: 640px
	}
	header h1 {
		margin-bottom: 0
	}
	header h3 {
		margin-bottom: 1rem;
		margin-top: 1rem
	}
}

@media (max-width:483px) {
	header {
		height: 700px
	}
}

@media (max-width:412px) {
	header {
		height: 770px
	}
}

@media (max-width:331px) {
	header {
		height: 850px
	}
}

.button {
	padding: 1rem 2rem;
	border-radius: .7rem;
	margin-right: 8px;
	text-align: center;
	font-weight: 700;
	-webkit-transition: background-color .1s ease-in;
	transition: background-color .1s ease-in;
	margin-bottom: 3rem;
	margin-top: 3rem
}

@media (max-width:575.98px) {
	.button {
		margin-bottom: 1rem;
		margin-top: 1rem
	}
}

.button.orange {
	/*background-color: #c94a26;*/
	background-color: #006983;
	color: #fff
}

.button.orange:hover {
	/*background-color: #ad3d1e*/
	background-color: #007f9e;
}

.button.orange:active {
	/*background-color: #c94a26*/
	background-color: #007f9e;
}

.button.green {
	/*background-color: #00b67a;*/
	background-color: #a3bf2b;
	color: #fff
}

.button.green:hover {
	/*background-color: #009c69*/
	background-color: #95af25;
}

.button.green:active {
	/*background-color: #00b67a*/
	background-color: #95af25;
}

.button.blue {
	background-color: #006680;
	color: #fff
}

.button.blue:hover {
	background-color: #00728f
}

.button.blue:active {
	background-color: #006680
}

.button.inline {
	margin: 0
}

.button.upload {
	background-size: auto 50%;
	background-image: url(/media/oviiznqy/upload.png);
	padding-right: 5rem;
	background-position: 94% 42%
}

.button:focus {
	outline: 0
}

.button:hover {
	-webkit-transition: background-color .1s ease-in;
	transition: background-color .1s ease-in
}

.spec-img {
	position: relative;
	margin-bottom: 36px
}

.spec-img .button {
	position: absolute;
	right: 8px;
	bottom: -22px
}

.contact-input-group {
	width: 100%;
	background-color: #fff;
	border: 2px solid #f5f5f5;
	border-radius: .6rem;
	padding: 2px;
	margin: 4rem 0
}

.contact-input-group input {
	height: 40px;
	padding-left: 2rem;
	padding-right: 2rem;
	border: none;
	text-transform: capitalize;
	color: #00b67a;
	font-weight: 700;
	font-size: 1.4rem
}

.contact-input-group input:focus {
	color: #00b67a
}

.contact-input-group input::-ms-input-placeholder {
	color: #00b67a
}

.contact-input-group input::placeholder {
	color: #00b67a
}

.contact-input-group input::-webkit-input-placeholder {
	color: #00b67a
}

.contact-input-group input:-ms-input-placeholder {
	color: #00b67a
}

.contact-input-group .contact-input-btn {
	padding: 0
}

.contact-input-group .contact-input-btn a {
	width: 100%;
	height: 100%
}

.contact-input-group .contact-input-btn a button {
	height: 100%
}

.contact-input-group .contact-input-btn button {
	width: 100%;
	background-color: #c94a26;
	border-radius: .4rem!important;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: background-color .1s ease-in;
	transition: background-color .1s ease-in
}

.contact-input-group .contact-input-btn button:focus {
	outline: 0
}

.contact-input-group .contact-input-btn button:hover {
	background-color: #ad3d1e;
	-webkit-transition: background-color .1s ease-in;
	transition: background-color .1s ease-in
}

.contact-input-group .contact-input-btn button:active {
	background-color: #c94a26
}

ol.upload-list li {
	text-align: left
}

ol.upload-list li::before {
	display: none
}

.upload-file .wpcf7-file {
	width: .1px!important;
	height: .1px!important;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1
}

.upload-file .wpcf7-file#upload-file+span {
	margin-bottom: 1rem
}

.upload-file+label {
	display: inline-block;
	border: 1px solid #eaeaea;
	border-radius: .4rem;
	padding: 1.5rem;
	width: 100%;
	margin: 0 0 3rem;
	font-size: 1.3rem;
	font-weight: 700;
	background: 0 0;
	text-transform: uppercase;
	position: relative;
	cursor: pointer
}

.upload-file+label:hover,
.upload-file.has-focus+label,
.upload-file:focus+label {
	border: 1px solid #00b67a;
	outline: 0
}

.upload-file+label span {
	max-width: 200px;
	display: inline-block;
	vertical-align: top
}

@media (max-width:575.98px) {
	.upload-file+label span.hide-mobile {
		width: 0%;
		max-width: 0
	}
}

.upload-file+label strong {
	height: 100%;
	color: #fff;
	background-color: #00b67a;
	background-size: auto 50%;
	background-image: url(/media/oviiznqy/upload.png);
	background-position: 90% 46%;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0 42px 0 16px;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
	line-height: 46px;
	border-radius: 4px;
	border: 2px solid #fff;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.upload-file+label strong.checked {
	background-image: none;
	padding: 0 24px 0 16px
}

.upload-file+label strong.checked::after {
	font-weight: 900;
	position: relative;
	left: 10%;
	top: 0;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

@media screen and (max-width:50em) {
	.upload-file+label strong {
		display: block
	}
}

.upload-input-wrapper {
	background-color: #f5f5f5;
	padding: 2rem;
	border-radius: .8rem
}

.upload-input-wrapper span,
.upload-input-wrapper span b {
	font-size: 1.7rem
}

.upload-input-wrapper .button {
	background: url(/media/oviiznqy/upload.png) 96% no-repeat #a3bf2b;
	text-align: left;
	margin-top: 3rem;
	padding: 2rem;
	width: 100%;
	font-size: 2rem;
	color: #fff;
	border-radius: 1rem;
	border: 0;
	margin-bottom: 0;
	-webkit-transition: background-color .1s ease-in;
	transition: background-color .1s ease-in
}

.upload-input-wrapper .button:focus {
	outline: 0
}

.upload-input-wrapper .button:hover {
	background-color: #95af25;
	-webkit-transition: background-color .1s ease-in;
	transition: background-color .1s ease-in
}

.upload-input-wrapper .button:active {
	background-color: #95af25
}

.upload-input-wrapper .upload-input-img {
	background: url(/media/0ahhua0f/mail-icon.png) no-repeat;
	background-size: contain
}

.codedropz-upload-handler {
	border: 1px solid #eaeaea;
	border-radius: .4rem;
	margin-bottom: 3rem;
	cursor: pointer
}

.codedropz-upload-handler:hover {
	border: 1px solid #009c69
}

.codedropz-upload-container {
	padding: 3rem
}

.codedropz-upload-inner h3 {
	margin: 5px 0 10px;
	text-transform: none;
	font-weight: 600;
	font-size: 1.8rem
}

.codedropz-btn-wrap {
	margin-top: 10px
}

.codedropz-btn-wrap a {
	color: #fff;
	background-color: #00b67a;
	background-size: auto 50%;
	background-image: url(/media/oviiznqy/upload.png);
	background-position: 90% 46%;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 0 42px 0 16px;
	line-height: 46px;
	border-radius: 4px;
	border: 2px solid #fff;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.dnd-upload-status .dnd-upload-details span.has-error {
	color: #f50505;
	font-style: italic;
	font-size: 1.4rem
}

.dnd-upload-status:last-child {
	margin-bottom: 4rem
}

.dnd-upload-status .dnd-upload-details .name {
	color: #333;
	padding: 4px 0;
	display: block;
	width: 92%;
	font-size: 1.4rem
}

.dnd-upload-status .dnd-upload-details .remove-file {
	color: #f50505
}

.dnd-upload-status .dnd-upload-image {
	border: none
}

.slide-right {
	-webkit-animation: slide-right 1s cubic-bezier(.25, .46, .45, .94) both;
	animation: slide-right 1s cubic-bezier(.25, .46, .45, .94) both
}

@-webkit-keyframes slide-right {
	0% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slide-right {
	0% {
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.js .inputfile {
	width: .1px;
	height: .1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1
}

.upload-input-box {
	color: #fff;
	text-align: left;
	margin-top: 0;
	width: 100%;
	font-size: 2rem;
	font-weight: 700
}

.upload-input-box label {
	background: url(/media/oviiznqy/upload.png) 96% no-repeat #00b67a;
	padding: 2rem 10rem 2rem 2rem;
	margin-bottom: 0;
	border-radius: 1rem;
	cursor: pointer;
	max-width: 100%;
	width: 100%;
	height: 100%;
	display: block
}

.upload-input-box label:hover {
	background-color: #009c69
}

.no-js .inputfile+label {
	display: none
}

.inputfile.has-focus+label,
.inputfile:focus+label {
	outline: 0
}

.offset-image {
	width: 150px;
	height: 600px;
	position: absolute;
	bottom: -20px;
	background-repeat: no-repeat;
	background-position: 0 100%
}

.offset-image.left {
	background-image: url(/media/xafb54bd/board.png);
	left: -40px
}

.offset-image.right {
	background-image: url(/media/ihrotsmc/girl.png);
	right: -60px
}

	.promo-video {
	     width: 629px;
        height: 354px;
	}
	
	.container-promo-video {
	    z-index:1;
	    width: 45% !important;
	}

@media (max-width:991.98px) {
	.offset-image.left {
		left: 20px
	}
	.offset-image.right {
		right: 30px
	}
	
	.promo-video {
	    width: 355px !important;
        height: 200px;
	}
	
	.container-promo-video {
	    z-index: 1;
        left: 0;
        width: 355px !important;
        margin: auto;
	}
	
}