/*
Theme Name: Agua Template
Theme URI: http://agua.ptplondon.com
Description: Custom Wordpress Template for Agua
Author: Robert Pentha
Author URI: http://www.ptplondon.com
*/



.wpcf7-form-control.wpcf7-submit {
	background-image: url(img/emailicon.svg);
	background-color: transparent !important;
	background-repeat: no-repeat;
	background-size: 17px;
	background-position: 10px 17px;
	padding: 10px 10px 10px 33px;
	display: block;
	margin: 0 auto;
}

.wpcf7-response-output {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	/* width: 90%; */
	background-color: #f17030;
	margin: 0 !important;
	padding: 10% !important;
	width: 80%;
	border: none !important;
	background-image: url(img/close.svg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 40px;
}

#logoholder {


	margin-left: 3.335%;

	width: 93.33%;

	position: relative;
	float: left;
	margin-top: 40px;

}
.theboxer
{
	position: relative;
	float: left;
	width: 29.732%;
	display:inline-flex;
	margin-right: 5.357%;
}

.theboxer:nth-child(3n) 
{
	margin-right: 0;
}

.innerboxer
{
 position: relative;
 padding-bottom: 60%;
 width: 100%;

 margin-bottom: 17%;
}

#logoholder h2 {
	text-transform: uppercase;
	color: white;
	font-weight: 100;
	font-size: 20px;
	width: 100%;
	display: block;
	text-align: center;
	border-bottom: 1px solid white;
	margin-bottom: 60px;
	padding-bottom: 20px;
	letter-spacing: 3px;
	position: relative;
	float: left;
}

.innalogo {
	position: relative;
	float: left;
	width: 100%;
}
.center
{
  position: absolute;
  top:50%;
  left:50%;
  -ms-transform:translate(-50%,-50%); 
  -webkit-transform:translate(-50%,-50%); 
  transform:translate(-50%,-50%); 
}

.logoimage {
	width: 100%;
	padding: 0 !important;
}

.doublespacer {
	width: 17%;
	position: relative;
	float: left;
	display: inline-flex;
	height: 10px;
}


.middlespacer
{
	width: 35%;
	position: relative;
	float: left;
	display: inline-flex;
	height: 10px;
}

.middlespacermob {
	width: 27%;
	position: relative;
	float: left;
	display: none;
	height: 10px;
}




.secondhead
{
	margin-top: 60px;
}

@media screen and (max-width: 860px) {

.theboxer:nth-child(3n) 
{
	margin-right: 8.264%;
} 

.theboxer
{
	position: relative;
	float: left;
	width: 45.867%;
	display:inline-flex;
	margin-right: 8.264%;
}

.theboxer:nth-child(2n) 

{
	margin-right: 0%;
}

.lastoner
{
	margin-right: 0%;
}
.middlespacer {display: none;}
.middlespacermob {display: block;}

}