.contacte {
	height: calc(100vh - 80px);
	width: 100%;
	position: absolute;
bottom: 0px;
}



.wrapperform {
	width: 50%;
	position: absolute;
	
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 38% 38% 24%;
	margin:  0px;
	padding: 0px;
	border: 0px solid #ee0000;
}
.boxform {
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size: 16px;
	color: #111;
	line-height: 15px;
	letter-spacing: 0px;
	font-weight: 400;
	border: 0px solid  #f0f;
}

.boxform p {
	text-align: left;
	font-size: 15px;
	letter-spacing: 0px;
	font-weight: 400;
	white-space: nowrap;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	margin:  0px;
}

.x1 {
	grid-row: 1 ;
	grid-column: 1 / span 2;	
	padding-bottom: 20px;
}
.x2 {
	grid-row: 1 ;
	grid-column: 3;	
	padding-left: 10px;
}
.x3 {
	grid-row: 2 ;
	grid-column: 1 / span 2;
	padding-bottom: 20px;
}

.x4 {
	grid-row: 2 ;
	grid-column: 3;	
	padding-left: 10px;
}
.x5 {
	grid-row: 3 ;
	grid-column: 1 / span 2;	
	padding-bottom: 20px;
}

.x6 {
	grid-row: 3 ;
	grid-column: 3;	
	padding-left: 10px;
}
.x7 {
	height: 50px;
	grid-row: 4 ;
	grid-column: 1;	
}


.x8 {
	grid-row: 4 ;
	grid-column: 2;	
}






.x9 {
	grid-row: 4 ;
	grid-column: 3;	
	padding-left: 10px;
	display: none;
}
.x10 {
	grid-row: 5 ;
	grid-column: 1 ;
	margin: 0px;
	padding: 0px;	
}


 .x10 a   {
font-size: 12px;
	color: #777;
	font-weight: 300;
	 line-height: 12px;
	 position: relative;
		 top: -12px;
	 float: left;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.x11 {
	grid-row: 5 ;
	grid-column: 2 ;
	margin: 0px;
	padding: 0px;		
}

#btnContactUs {
	float: right;
	color: #fff;
	border: 1px solid rgba(255,255,255,0.1);
	background: rgba(51,51,51,0.85);
	font-weight: 400;
	font-size: 15px;
	line-height: 19px;
	padding: 5px 10px 5px 12px;
	border-radius: 15px;
margin: 15px 0px 0px;
	letter-spacing: 3px;
text-transform: uppercase;
	cursor: pointer;
}

#btnContactUs:hover {
	border: 1px solid rgba(255,255,255,0.6);
	background: rgba(20,20,20,0.85);
}

input , textarea {
  width: 100%;
  display: block;
  font-size: 15px;
  overflow: hidden;
  line-height: 120%;
	
  background: rgba(255,255,255,0.4);
  border: none;
  resize: none;
	color: #555;
	padding: 5px;
}

input {
	height: 32px;
}

textarea {
	height: 300px;
}
textarea:focus , input:focus {
  outline: none;
  background: rgba(255,255,255,0.9);
}

#captcha_image {
	background: #bcc0c3;
	width: 160px;
	height: 31px;
	opacity: 0.5;
}

#success_message {
	font-family: 'Work Sans', sans-serif;
	text-align: center;
	position: absolute;
  top: calc(50% - 100px);
	
	letter-spacing: 3px;
	font-size: 20px;
	font-weight: 200;
	line-height: 35px;
	color: #777;
	width:100%;
	height:100vh; 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#error_message {
	font-family: 'Work Sans', sans-serif;
	text-align: center;
	position: absolute;
  top: 20px;
	
	letter-spacing: 0px;
	font-size: 17px;
	font-weight: 200;
	line-height: 35px;
	color: #777;
	width:100%;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
#error_message a {
	
	color: #555;
	font-weight: 300;
	
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	
	
	.contacte {
	height: calc(100vh - 160px);
	width: 100%;
	position: absolute;
top: 160px;
		
	border: 0px solid #ee0000;
}



.wrapperform {
	width: 90%;
	position: absolute;
	
  top: 10%;
  left: 50%;
  transform: translate(-50%, 0%);
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 100%;
	margin:  0px;
	padding: 0px;
	border: 0px dotted #ee0000;
}
.boxform {
	padding: 0px;
	margin: 0px;
	text-align: left;
	color: #111;
	line-height: 130%;
	letter-spacing: 0px;
	font-weight: 400;
	border: 0px solid  #f0f;
}

.boxform p {
	text-align: left;
	font-size: 2.7em;
	letter-spacing: 0px;
	font-weight: 400;
	white-space: nowrap;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	margin:  0px;
}

.x1 {
	grid-row: 2 ;
	grid-column: 1;	
	padding-bottom: 20px;
}
.x2 {
	grid-row: 1 ;
	grid-column: 1;	
	padding: 0px 0px 20px 0px;
}
.x3 {
	grid-row: 4 ;
	grid-column: 1 ;
	padding: 10px 0px 20px 0px;
}

.x4 {
	grid-row: 3 ;
	grid-column: 1;	
	padding: 40px 0px 20px 0px;
}
.x5 {
	grid-row: 6 ;
	grid-column: 1 ;	
	padding-bottom: 60px;
}

.x6 {
	grid-row: 5;
	grid-column: 1;	
	padding: 40px 0px 30px 0px;
}
.x7 {
	height: 50px;
	grid-row: 7 ;
	grid-column: 1;	
}


.x8 {
	grid-row: 10 ;
	grid-column: 1;	
	padding: 40px 0px 30px 0px;
}
	
	

	
	
	
.x9 {
	grid-row: 9;
	grid-column: 1;	
	padding: 40px 0px 30px 0px;
}
	
	.x9 p {
		display: none;
	}
.x10 {
	grid-row: 8;
	grid-column: 1 ;
	margin: -10px 0px 20px 280px;
	padding: 20px 0px 0px;	
}


 .x10 a   {
font-size: 2em;
	color: #777;
	font-weight: 300;
	 line-height: 12px;
	 position: relative;
		 top: -12px;
	 float: left;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.x11 {
	grid-row: 11 ;
	grid-column: 1 ;
	margin: 0px;
	padding: 0px;		
}

#btnContactUs {
	float: right;
	color: #fff;
	border: 1px solid rgba(255,255,255,0.1);
	background: rgba(51,51,51,0.85);
	font-weight: 400;
	font-size: 2.7em;
	line-height: 130%;
	padding: 15px 25px 15px 27px;
	border-radius: 15px;
margin: 25px 0px 0px 0px;
	letter-spacing: 3px;
text-transform: uppercase;
	cursor: pointer;
}

#btnContactUs:hover {
	border: 1px solid rgba(255,255,255,0.6);
	background: rgba(20,20,20,0.85);
}

input , textarea {
  width: 100%;
  display: block;
  font-size: 2.7em;
  overflow: hidden;
  line-height: 130%;
	
  background: rgba(255,255,255,0.4);
  border: none;
  resize: none;
	color: #555;
}

input {
	height: 32px;
	padding: 0.8em 10px;
}

textarea {
	height: 280px;
	padding: 0.2em 10px;
}
textarea:focus , input:focus {
  outline: none;
  background: rgba(255,255,255,0.9);
}

#captcha_image {
	background: #bcc0c3;
	width: 260px;
	height: 70px;
	opacity: 0.5;
}

#success_message {
	font-family: 'Work Sans', sans-serif;
	text-align: center;
	position: absolute;
  top: calc(50% - 180px);
	padding: 0px 5%;
	letter-spacing: 3px;
	font-size: 3.5em;
	font-weight: 300;
	line-height: 140%;
	color: #333;
	width:100%;
	height:100vh; 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#error_message {
	font-family: 'Work Sans', sans-serif;
	text-align: center;
	position: absolute;
  top: 20px;
	
	letter-spacing: 0px;
	font-size: 3em;
	font-weight: 300;
	line-height: 140%;
	color: #333;
	width:100%;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
#error_message a {
	
	color: #111;
	font-weight: 500;
	
}
	
	
}




@media all and (max-width: 768px) and (orientation: landscape), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px) and (orientation: landscape), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px) and (orientation: landscape), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px) and (orientation: landscape), only screen and (min-resolution: 192dpi) and (max-width: 1024px) and (orientation: landscape), only screen and (min-resolution: 2dppx) and (max-width: 1024px) and (orientation: landscape) {
    
    
	.contacte {
	height: calc(100vh - 160px);
	width: 100%;
	position: absolute;
top: 160px;
		
	border: 0px solid #ee0000;
}



.wrapperform {
	width: 90%;
	position: absolute;
	
  top: 10%;
  left: 50%;
  transform: translate(-50%, 0%);
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 100%;
	margin:  0px;
	padding: 0px;
	border: 0px dotted #ee0000;
}
    
    
}