/* --------------------------------------------------
	BLOCK Contact text
---------------------------------------------------- */

#contact .rowcontact {
	margin-top: 0px;
}

#contact .headline-center-style-message {
	color:#FFFFFF; 
	font-size: 24px; 
	font-weight: 200;
	margin-top: 0px;
	text-align: left;
	text-justify: auto;
}

#contact .container .paddingmineb {
	padding-bottom: 30px;
}

#contact .headline {
	border-bottom-width: 2px;
	border-bottom-style: dotted; /* none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset */
	border-bottom-color: #ffffff;
}

#contact .headline-center-style-do {
	color:#FFFFFF; 
	font-size: 32px; 
	font-weight: 200;
	margin-top: 0px;
	margin-bottom: 0px;
}


@media (min-width: 991px) {
	#contact .headline-center-style-message {
		font-size: 18px;
		font-weight: 200;
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: justify;
		padding-top: 100px;
		padding-bottom: 5px;
	}
	#contact .headline-center-style-do {
		font-size: 30px; 
		font-weight: 200;
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: left;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#contact .rowcontact {
		margin-top: 70px;
	}
	#contact .headline {
		border-bottom-width: 1px;
		border-bottom-style: dotted; /* none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset */
	}
}

@media (min-width: 768px) and (max-width: 991px){
	#contact .headline-center-style-message {
		font-size: 18px;
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: justify;
		padding-top: 100px;
		padding-bottom: 5px;
	}
	#contact .headline-center-style-do {
		font-size: 30px; 
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
	}	
	#contact .rowcontact {
		margin-top: 30px;
	}
	#contact .headline {
		border-bottom-width: 1px;
		border-bottom-style: dotted; /* none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset */
	}
}

@media (max-width: 768px) {
	#contact .headline-center-style-message {
		font-size: 14px;
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: justify;
		padding-top: 14px;
		padding-bottom: 10px;
	}
	#contact .headline-center-style-do {
		font-size: 20px; 
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: center;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	#contact .rowcontact {
		margin-top: 0px;
	}
	#contact .headline {
		border-bottom-width: 1px;
		border-bottom-style: dotted; /* none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset */
	}
}

/* ------------------------
   Contact Matrix
   ----------------------- */
/* .sky-form .label, 
.sky-form .input input, 
.sky-form .select select, 
.sky-form .textarea textarea {
    font-family:'Exo', sans-serif;
} */

.sky-form .label {
	font-size: 120%;
}

.sky-form .input input, 
.sky-form .select select, 
.sky-form .textarea textarea {
    border-width: 2px;
}

.sky-form .input input {
    height: 44px;
    padding: 6px 6px;
}

.sky-form .input input:hover, 
.sky-form .select select:hover, 
.sky-form .textarea textarea:hover,
.sky-form .checkbox i:hover {
	border-color: #29abe2;
}

.sky-form .checkbox:hover {
	color: #29abe2;
}

.sky-form .input input:focus, 
.sky-form .select select:focus, 
.sky-form .textarea textarea:focus,
.sky-form .checkbox i:focus {
	border-color: #29abe2;
	border-width: 4px;
}

.sky-form .state-success input, 
.sky-form .state-success select, 
.sky-form .state-success select + i, 
.sky-form .state-success textarea, 
.sky-form .radio.state-success i, 
.sky-form .checkbox.state-success i, 
.sky-form .toggle.state-success i, 
.sky-form .toggle.state-success input:checked + i {
    background: #ffffff;
}

.sky-form .state-error input, 
.sky-form .state-error select, 
.sky-form .state-error select + i, 
.sky-form .state-error textarea, 
.sky-form .radio.state-error i, 
.sky-form .checkbox.state-error i, 
.sky-form .toggle.state-error i, 
.sky-form .toggle.state-error input:checked + i {
	background: #ffffff;
	border-color:rgb(255, 0, 91);
}

.sky-form .state-error input:hover, 
.sky-form .state-error select:hover, 
.sky-form .state-error select + i:hover, 
.sky-form .state-error textarea:hover, 
.sky-form .radio.state-error i:hover, 
.sky-form .checkbox.state-error i:hover, 
.sky-form .toggle.state-error i:hover, 
.sky-form .toggle.state-error input:checked + i:hover {
	background: #ffffff;
	border-color: rgb(255, 0, 91);
}

.sky-form .state-error + em {
    display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
	color: rgb(255, 0, 91);
}

.sky-form .state-error + em::selection {
	background: #29abe2;
}

/* Remove the border */
#contact .panel {
	border: 0px;
}
.sky-form.submited {
	border: 0px;
	color: 0x000000;
}

#contact .sky-form .message {
	height: 600px;
	color: 0xffffff;
	margin-top: 70px;
}

#contact .sky-form.submited .message {
    display: block;
    padding: 25px 30px;
    background: #222;
    font: 300 18px/27px Helvetica, Arial, sans-serif;
	text-align: center;
}

#contact .ttttt {
	color: 0xffffff;
}

@media (min-width: 991px) {
	#contact .sky-form .message {	
		height:600px;
		margin-top: 70px;
		padding: 25px 30px;
	}
	#contact .sky-form.submited .message {
		padding: 25px 30px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	#contact .sky-form .message {	
		height:600px;
		margin-top: 70px;
		padding: 25px 30px;
	}
	#contact .sky-form.submited .message {
		padding: 25px 30px;
	}
}

@media (max-width: 768px) {
	#contact .sky-form .message {	
		height: 155px;
		margin-top: 0px;
		padding: 10px 0px;
	}
	#contact .sky-form.submited .message {
		padding: 45px 0px;
	}
}


/* ------------------
   Send button
   ------------------ */

#contact  .btn-u.btn-u-dark {
	color:  #ffffff; /* text */
	border-color: #000000;
	background:  #000000;
	font-family:'Exo', sans-serif;
	
	transform: translateZ(0);

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

 #contact .btn-u.btn-u-dark:hover,
 #contact .btn-u.btn-u-dark:focus,
 #contact .btn-u.btn-u-dark:active,
 #contact .btn-u.btn-u-dark.active {
	color:  #29abe2;
	border-color:  #29abe2;
	background:  #29abe2;
	transform: scale(1.1);
}

@media (min-width: 991px) {
	
	#contact  .btn-u.btn-u-dark {
		font-size: 18px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	#contact  .btn-u.btn-u-dark {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	#contact  .btn-u.btn-u-dark {
		font-size: 16px;
	}
}
/* Pulse Grow */

/* @-webkit-keyframes pulse-grow {
	to {
	  -webkit-transform: scale(1.1);
	  transform: scale(1.1);
	}
  }

@keyframes pulse-grow {
	to {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
}

.pulse-grow {
	display: inline-block;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.pulse-grow:hover {
	-webkit-animation-name: pulse-grow;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;

	animation-name: pulse-grow;
	animation-duration: 0.3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
} */

#contact .privacy-message {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;

	font-size: 11px;
	background-color: #222222;
	color: 0xffffff;
}

#contact .privacy-message a {
	color: #ffffff;
	text-decoration: underline;
}