/* -------------------------------------- */
/* --- contact.css ---------------------- */
/* -------------------------------------- */

.header-contact{margin-top:60px;}

.header-contact h1{
	font-size:44px;
	display:inline-block;
	font-family : "Oswald";
	text-transform: uppercase;
}

.container-form{padding-top:60px;}

.container-form form .col-form-left, .container-form form .col-form-right{width:50%;float:left;padding:0px 50px;}
.container-form form .col-form-left{/*background:#eee;*/}
.container-form form .col-form-right{/*background:#ddd;*/}
.container-form form .col-from-send{clear:both;padding-top:40px;}

.container-form form label{padding:9px 0px 4px 0px;font-weight:bold;color:#434E64;}
.container-form form label, .container-form form input, .container-form form textarea{width:100%;}
.container-form form input, .container-form form textarea{border-radius:5px;border:1px solid #b0a7a7;}
.container-form form input{height:40px;padding:5px 10px;}
.container-form form textarea{resize:none;padding:5px;}

.container-form form .wpcf7-submit{
	background-color: #EF5E04;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    border:none;
    border-radius: 100px;
    width: 180px;
    display:block;
    margin: 0 auto;
	height:40px;
	cursor:pointer;
	transition: all 0.4s ease 0s;
}

.container-form form .wpcf7-submit:hover{
	background-color:#EF8004;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.4s ease 0s;
}

div.wpcf7-mail-sent-ok{background-color:#a4c639;color:#FFF;text-align:center;border:0px!important;padding:5px 0px;font-weight:bold;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{background-color:#f0ad0d;color:#FFF;text-align:center;border:0px!important;padding:5px 0px;font-weight:bold;}


/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* --------------- MEDIAQUERIES ----------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */



@media screen and (min-width:1170px) and (max-width:1400px){   /*-----------------------------------------------------------------*/


}



@media screen and (min-width:1024px) and (max-width:1200px){   /*-----------------------------------------------------------------*/

}




@media screen and (min-width:1024px) and (max-width:1169px){   /*-----------------------------------------------------------------*/
    .container-form form .col-form-left,
	.container-form form .col-form-right{padding:0px 10px;}	
}




@media screen and (min-width:961px) and (max-width:1440px){   /*-----------------------------------------------------------------*/
    
}





@media screen and (min-width:769px) and (max-width:960px){   /*-----------------------------------------------------------------*/
    
}




@media screen and (min-width:769px) and (max-width:1023px){   /*-----------------------------------------------------------------*/
   
    .header-contact{margin-top:100px;}
	.container-form form .col-form-left,
	.container-form form .col-form-right
	{padding:0px 10px;}	
}  




@media screen and (min-width:601px) and (max-width:768px){   /*-----------------------------------------------------------------*/
   	

    .header-contact{width:98%;margin:0 auto;margin-top:80px;}	
	.container-form form .col-form-left,
	.container-form form .col-form-right
	{padding:0px 10px;}	
}   




@media screen and (min-width:481px) and (max-width:600px){   /*-----------------------------------------------------------------*/
    .header-contact{width:96%;margin:0 auto;margin-top:100px;}
	.header-contact h1{font-size:36px;}	
	.container-form form .col-form-left,
	.container-form form .col-form-right
	{padding:0px 10px;width:100%;}	
	.container-form form label{padding:0px;}
}   



@media screen and (max-width:480px){   /*-----------------------------------------------------------------*/


    .header-contact{margin:0 auto;margin-top:100px;}
	.header-contact h1{font-size:28px;padding-left:12px;}	
	.container-form form .col-form-left,
	.container-form form .col-form-right
	{padding:0px 10px;width:100%;}	
	.container-form form label{padding:0px;font-size:14px;}	
} 