body,html{
padding: 0;
margin: 0;	

}



/* a links */ 

a:link, a:visited, a:hover, a:active{
text-decoration: none;	
	
	
	
}


div, p, a, li, td { -webkit-text-size-adjust:none; } /* Over write iphone min text */


.evhomepage{
width: 100%; 
position: fixed; 
height: 100%; 
top: 0; 
left: 0; 
background: black;
 background: url(images/background-coming-soon-v2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
text-align: center; 
font-weight: 300; 
font-family: calibri;  

}


/*H2 Colour #18735e*/



@-webkit-keyframes overlaying3 {
0%{

     opacity: 0;
	  
   }

	  
	100% { 
 opacity: 1;
}      
	  
   
}
@-moz-keyframes overlaying3 {
0%{

     opacity: 0;
	  
   }

	  
	100% { 
 opacity: 1;
}      
  
}
@-o-keyframes overlaying3 {
0%{

     opacity: 0;
	  
   }

	  
	100% { 
 opacity: 1;
}       
	
}
@keyframes overlaying3 {
0%{

     opacity: 0;
	  
   }

	  
	100% { 
 opacity: 1;
}    
}	




.evhome-maintext{
	
width: 60%; /*Use the Width Necessary*/
top: 50%;
transform: translateY(-50%);	/*Translation Points - Centers Div "top" can be changed depending on needs*/
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	/*This ensures div is movable*/
text-align: left;		
display: inline-block;
vertical-align: top;
border: 3px solid #a6ce39;	
border: 5px solid #009270;
border: 5px solid #95b14a;
border: 0;
box-shadow: 1px 1px 10px 2px gray;
background: white;	
 background: url(images/background-txt-section.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
border-radius: 3px;
box-sizing: border-box;
color: rgb(60,60,60);	
-webkit-animation: overlaying3 ease-in-out 3.5s 0s; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: overlaying3 ease-in-out 3.5s 0s; 
  -o-animation: overlaying3 ease-in-out 3.5s 0s;
  animation: overlaying3 ease-in-out 3.5s 0s;			
}



.evhome-maintext-image{
width: 50%;
display: inline-block;
vertical-align: middle;
padding-bottom: 60%;
position: relative;	
overflow-y: hidden;	
overflow-x: hidden;		
	
	
	
}




.evhome-maintext-image img{
	
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;	
	
	
}

.evhome-maintext-section{
	
width: 48%;
display: inline-block;
vertical-align: middle;
position: relative;	
padding: 2%;
box-sizing: border-box;
font-family: calibri;	
text-align: center;	
	
	
}



.evhome-maintext-section-logo{
width: 50%; 
height: auto;	
display: inline-block;
vertical-align: top;	
	
	
}


.evhome-maintext-section-logo img{
width: 100%;
height: auto;	
}


.evhome-maintext-section p{
text-align: center;
font-weight: 300;
color: #bdac5e;
color: rgb(65,65,65);
font-size: 108%;
}


.evhome-maintext-section h2{
font-weight: 500;
margin-top: 0;
margin-bottom: 6px;
color: #bdac5e;
font-size: 125%;
font-family:  arial, sans-serif;
}


.ev-call-to-action-hold{
width: 100%;	
float: left;
text-align: center;	
	
	
}

.ev-call-to-action{
width: auto;
padding: 12px 12px 12px 12px !important; 
border-radius: 3px;
font-weight: 600;
font-family: arial;	
background: #c0aa45;
background: firebrick;
display: inline-block; 
vertical-align: top;	
text-transform: uppercase;
color: black !important;
font-size: 14px;
letter-spacing: 1px !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
margin-left: 5px !important;
margin-right: 5px !important;
cursor: pointer;
color: white !important;
border-radius: 2px !important;
-webkit-animation: button-glow 1.5s infinite alternate; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: button-glow 1.5s infinite alternate; 
  -o-animation: button-glow 1.5s infinite alternate;
  animation: button-glow 1.5s infinite alternate;	
border: 2px solid firebrick;
  
}


#contact-me-form {
	
background: transparent;
border: 2px solid firebrick;
color: firebrick !important;	
-webkit-animation: button-glow 0s infinite alternate; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: button-glow 0s infinite alternate; 
  -o-animation: button-glow 0s infinite alternate;
  animation: button-glow 0s infinite alternate;		
}

#contact-me-submit{
background: firebrick;
border: 2px solid firebrick;	
}


#contact-me-ghost{
background: transparent;
border: 2px solid firebrick;
color: firebrick !important;	
-webkit-animation: button-glow 0s infinite alternate; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: button-glow 0s infinite alternate; 
  -o-animation: button-glow 0s infinite alternate;
  animation: button-glow 0s infinite alternate;		
	
}

.ev-call-to-action:hover, #contact-me-form:hover, #contact-me-submit:hover, #contact-me-ghost:hover{

color: black !important;
background: #c43b3b;
border: 2px solid #c43b3b;	
	
}

#contact-me-submit:hover{
border: 1px solid dimgray;	
}


@-webkit-keyframes button-glow {
  from {
    box-shadow: 0 0 4px -4px #522929;
  }
  to {
    box-shadow: 0 0 4px 4px #777070;
  }
}
  

@-moz-keyframes button-glow {
  from {
    box-shadow: 0 0 4px -4px #522929;
  }
  to {
    box-shadow: 0 0 4px 4px #777070;
  }
}
  
@-o-keyframes button-glow {
  from {
    box-shadow: 0 0 4px -4px #522929;
  }
  to {
    box-shadow: 0 0 4px 4px #777070;
  }
}
  
@keyframes button-glow {
  from {
    box-shadow: 0 0 4px -4px #522929;
  }
  to {
    box-shadow: 0 0 4px 4px #777070;
  }
}
  


.ev-social-media-section{
	
width: 100%; 
float: left;
margin-top: 18px;
text-align: center;
	
	
}



.ev-social-media-section img{
width: 28px;
height: auto;	
display: inline-block;	
vertical-align: top;
margin-left: 6px;
margin-right: 6px;
}



.evcontact-overlay{
	
width: 100%;
height: 100%;
background: black;
position: fixed;
z-index: 999999999;
top: 0;
left: 0;
text-align: center;	
font-family: calibri;	
display: none;
}


.evcontact-overlay-close{

top: 20px;
right: 20px;
font-size: 34px;
color: white;
cursor: pointer;
font-weight: 500;
position: absolute;	
z-index: 99999999999999999;	
	
}


.evcontact-overlay-form{
width: 50%; /*Use the Width Necessary*/
top: 50%;

transform: translateY(-50%);	/*Translation Points - Centers Div "top" can be changed depending on needs*/
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	/*This ensures div is movable*/
text-align: center;		
display: inline-block;
vertical-align: top;		
padding: 3%; 
box-sizing: border-box;
color: rgb(60,60,60);			
	
}


.evcontact-overlay-form p{
font-family: calibri;
color: white;
font-size: 102%;
width: 90%;
display: inline-block;	
margin-top: 8px;
}

.evcontact-overlay-form a{
	color: white;
	font-weight: 600;
}

.evcontact-overlay-form a:hover{
	
	text-decoration: underline;
	color: white;
}


.evcontact-overlay-form img{
width: 20%;
height: auto;
display: inline-block;
vertical-align: top;

}



.evcontact-overlay-form-input{
    border-style: none !important;
    border-width: 0 !important ;
letter-spacing: 0 !important;
border: 1px solid white !important;
width: 46% !important;
display: inline-block !important;
margin-left: 1% !important;
margin-right: 1% !important;
box-sizing: border-box !important;
margin-bottom: 10px;
padding: 2% !important;
outline: none;
border: 0;
color: white !important;
background: transparent !important;
font-size: 14px !important;		
border-radius: 3px !important;		
margin-top: 5px;	
	
}


.evcontact-overlay-form-textarea{

width: 95% !important;
display: inline-block !important;
box-sizing: border-box !important;
margin-bottom: 10px !important;
margin-top: 5px !important;
padding: 2% !important;
outline: none !important;
border: 0 !important;
border: 1px solid white!important;
background: transparent !important;
font-size: 14px !important;		
border-radius: 3px !important;	
height: 200px !important;	
color: white !important;
}


::-webkit-input-placeholder { /* Edge */
  color: white;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

::placeholder {
  color: white;
}




.form-section{
	
width: 100%; 
display: inline-block; 
margin-top: 8px;	
	
}


.contact-holder{
	
width: 100%;
float: left;
margin-top: 14px;	
	
}


@media (max-width: 1200px){
	
.evhome-maintext{
width: 75%;	
	
}	
	
	
	
}


@media (max-width: 1000px){


	
.evhomepage{
overflow-y: scroll;	
	
}	
	

.evhome-maintext{
width: 85%;	
	
}		


.evcontact-overlay-form{
	
width: 70%;	
	
}	
	
	
}


@media (max-width: 860px){

.evhome-maintext-section-logo{
	
width: 40%;	
	
}


.ev-call-to-action{
	
font-size: 12px;	
padding: 8px;	
}
	
	
.evhome-maintext-section h2{
	font-size: 120%;
	
}	


.evhome-maintext-section p{
	font-size: 100%;
	
}	




.ev-social-media-section img{
font-size: 20px;	
	
	
}


.evcontact-overlay{
	
overflow-y: scroll;	
	
}




	
}


@media (max-width: 760px){


	

.evhome-maintext{
width: 95%;	
	
}		
	

.evhome-maintext-image{
	padding-bottom: 75%;
	
}

.evcontact-overlay-form{
	
width: 80%;	
	
}
	
	
}



@media (max-width: 599px){
	
	
.evhome-maintext-image{
	
width: 100%;
padding-bottom: 60%;	
	
}	


.evhome-maintext {
    width: 90%;

}
	
	
.evhome-maintext-section{
	
width: 100%;
padding: 5%;	
padding-top: 2%;
padding-bottom: 8%;	
}

.evhomepage{
		
}


.evcontact-overlay-form{
	
width: 95%;	
padding: 0;
padding-bottom: 6%;
	
}


.evcontact-overlay-form img{
	
width: 30%;	
margin-top: 50px;	
}


	
}



@media (max-height: 540px){
.evhome-maintext, .evcontact-overlay-form{ 	
top: 5%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);	
}




	
}