@charset "UTF-8";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}

.header img {
	display:block;
	width: 100vw;	
}

.header {
	position: relative;
  	text-align: center;
	height: 64vw;
}

.logo_main {
	position: absolute;
  	top: 15%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

.logo_main img {
	width: 15vw;	
}

.contact_box {
	position: absolute;
  	top: 35%;
  	left: 20%;
	width: 60vw;
	border-radius: 2vw;
	background: #FFF;	
	z-index: 20;
}

.contact_box img {
	float: left;
	width: 35%;	
	border-radius: 2vw;
	border: solid 1vw #FFF;
}

.contact_box p {
	margin-top: 1vw;
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 2vw;
	color: #30318c;	
}

p.smalltext {
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1vw;
	color: #000;	
	margin-top: 0vw;
}

p.smalltextstrong {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #000;	
	margin-top: 0vw;
}

/*----CONTACT FORM---------*/

.theform {
	float: left;	
	width: 60%;
}

.form-vertical {
  margin-top: 1vw;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  padding-bottom: 1vw;
}

input {	
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1vw;
	border-radius: 1vw;
	color:#000;
	width: 98%;
	height: 1vw;
	border-style: none;
	background-color: #eeeded;
}

input:focus {	
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1vw;
	color:#000;
	width: 98%;
	height: 1vw;
	border-style: none;
	background-color: #eeeded;
	outline: 0 !important;
}

input[type="text"]{ padding: 1vw 0vw 1vw 1vw; line-height: 28px; }

input[type="email"]{ padding: 1vw 0vw 1vw 1vw; line-height: 28px; }

textarea {	
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1vw;
	border-radius: 1vw;
	color:#000;
	border-style: none;
	width: 98%;
	height: 5vw;
	background-color: #eeeded;
}

textarea:focus {	
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1vw;
	color:#000;
	border-style: none;
	width: 98%;
	height: 5vw;
	background-color: #eeeded;
	outline: 0 !important;
}

textarea[type="text"]{ padding: 1vw 0vw 1vw 1vw; line-height: 28px; text-align:left;}

.send-button {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	text-align: left;
	padding-left: 1vw;
	transition-duration: 0.4s;
	color: #FFF;
	border-style:none;
	border-radius: 2vw;
	width: 8vw;
	height: 2.6vw;
	background: #30318c url('imgs/arrow.png') no-repeat 95% 46%;
	background-size: 2vw;
}

.send-button:hover {
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	padding-left: 1vw;
	transition-duration: 0.4s;
	color: #30318c;
	border-style:none;
	border-radius: 2vw;
	width: 8vw;
	height: 2.6vw;
	background-color: #b0dfdb;
	cursor: pointer; 
}

/*---------------------*/

.thefooter {
	position: relative;
	overflow: hidden;
	background: #b0dfdb;
	border-top-left-radius: 2vw;
	border-top-right-radius: 2vw;
	width: 100%;
	height: 18vw;
}

.footer_inner {
	position: relative;
	overflow: hidden;
	height: 100%;
	margin-left: 13vw;
	margin-right: 13vw;	
	padding-top: 5vw;
}

.footer_left {
	float: left;
	overflow: hidden;
	width: 50%;	
}

.footer_inner img {
	float: left;
	width: 28%;	
}

.footer_inner p {
	margin-left: 17vw;
	margin-top: 2vw;
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1vw;
	color: #000;	
}

.footer_right_a {
	float: left;
	width: 24%;	
	margin-left: 2%;
}

.footer_right_a p {
	margin-left: 0vw;
	margin-top: 2vw;
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #30318c;	
}

p.names {
	margin-left: 0vw!important;
	margin-top: 0.2vw!important;
	font-family: 'Manrope', sans-serif!important;
  	font-weight: 700!important;
  	font-size: 1vw!important;
	color: #000!important;
}

p.tels {
	margin-left: 0vw;
	margin-top: 0vw;
	font-family: 'Manrope', sans-serif;
  	font-weight: 200;
  	font-size: 1vw;
	color: #000;	
}

.footer_right_b {
	float: left;
	width: 24%;	
}

.footer_right_b p {
	margin-left: 0vw;
	margin-top: 2vw;
	font-family: 'Manrope', sans-serif;
  	font-weight: 700;
  	font-size: 1vw;
	color: #30318c;	
}

p.names span {
	margin-left: 0vw!important;
	margin-top: 0.2vw!important;
	font-family: 'Manrope', sans-serif!important;
  	font-weight: 200!important;
  	font-size: 1vw!important;
	color: #000!important;
}

.footer_right_b img {
	width: 2vw;
	margin-top: 2vw;
	margin-right: 0.5vw;
}

span.footer_copyright {
	margin-top: 2.8vw!important;
	margin-left: 0vw!important;
	float: right;
	font-family: 'Manrope', sans-serif!important;
  	font-weight: 200!important;
  	font-size: 1vw!important;
	color: #000!important;
}

.footer_end {
	clear:both;	
}

.disabled {
	pointer-events: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
  text-decoration: none;
}