@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
.contacts-index-index #cboxLoadedContent { height: auto !important; }
    .customcontactnewmain .main_popup{ width:765px; margin:auto; display:table; background:#fff; text-align: left;}
	.customcontactnewmain .main_popup h1{  color: #000;float: left;font-family: Garamond;font-size: 41px;font-style: italic;font-weight: lighter;margin: 14px 0 0 28px;text-transform: capitalize;width: 96%;}
	.customcontactnewmain .main_popup .name{  float: left;margin: 20px 0 0 36px;   width: 230px;}
	.lft { margin-left:19px !important;}
	.name label{   color: #000;float: left;font-family: Open Sans;font-size: 10px;margin-bottom: 2px; text-transform: uppercase; width: 100%;}
	.nameinput{  border: medium none;   float: left;    height: 23px;    margin: 0 0 11px;    width: 100%;color: #000; background:#e2e2e2;  }
	.name textarea{    border: medium none;float: left;height: 146px;margin: 0 0 20px;resize: none;width: 275px; background:#e2e2e2;   color: #000;}
	#inline_content2 .nameinput.validation-failed {  margin: 0; }
	#inline_content2 .appoinment > span { display: inline-block; float: left; width: 120px; }
	.interested{  margin: 18px 0 0 19px !important; width: 193px;}
	.interested p{  color:#4f474b; float: left;  font-family: Open Sans;    font-size: 11px;    margin: 15px 0 22px;    width: 193px;}
	.interested span{  color:#000; float: left;    font-family: Open Sans;    font-size: 11px;    margin: 2px 0 2px 7px;    width: 193px;}
	.contact_prefence{ color:#4f474b; float: left;font-family: Open Sans;font-size: 11px;margin: 9px 0 8px 5px;width: 320px;}
	.contact_prefence p{ float:left; color:#4f474b; font-size:10px; font-family:Open Sans; margin:0px 0px 0px 14px;}
	.appoinment{width:140px; float:left; color:#b6b8ba; font-size:11px; font-family:Open Sans; margin:8px 0px 8px 52px;}
	.appoinmentimg{float:left; margin:4px 0 20px; width: 18px; }
	.appoinment p{ float:left; color:#4f474b; text-transform:uppercase; font-size:10px; font-family:Open Sans; margin:0px 0px 1px 0px;}
	.appoinment_input{width:101px !important; height:23px; float:left;background:#e2e2e2; border:none; color:#000;}
	.time1 { color:#4f474b; float: left; font-family: Open Sans;  font-size: 11px;    margin: 8px 0 20px 25px;    position: relative;    width: 74px;}
.time1_input {    background: none repeat scroll 0 0 #e2e2e2;    border: medium none;    color: #000;    float: left;    height: 30px;    padding: 4px 0 0;    text-align: center;    text-transform: capitalize;    width: 71px;}
	.submit_btn{width:82px; float:left; height:25px; color:#fff !important; font-family:Open Sans; font-size:14px; line-height:24px; text-align:center;
	border:none;background:#000;margin:30px 0px 0px 67px; cursor:pointer;}

#colorbox{width: 825px!important;}
#cboxWrapper{width: 815px!important;}
#cboxContent{height: auto!important;width: 790px!important;}
#cboxLoadedContent{width: 770px!important;background: #FFF!important;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{ 
	background: url("images/btn_close.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 0 none;
    height: 20px;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    right: -4px !important;
    text-indent: -9999px;
    top: -4px !important;
    width: 20px; }

.contacts-index-index #colorbox{width: 825px!important;}  
.contacts-index-index #cboxWrapper{width: 815px!important;}
.contacts-index-index #cboxContent{height: auto!important;width: 790px!important;}
.contacts-index-index #cboxLoadedContent{width: 770px!important;background: #FFF!important;}


#colorbox{width: 825px!important;}
#cboxWrapper{width: 815px!important;}
#cboxContent{height: auto!important;width: 790px!important;}
#cboxLoadedContent{width: 770px!important;background: #FFF!important;}


.customcontactnewmain .main_popup .validation-advice{ /*display: none;*/}
.customcontactnewmain .main_popup .validation-failed{ border: none !important; }
select:focus {
    color: #000000;
}
.contact_prefence span.lbls { float:left; margin:-1px 0 0 5px;line-height: 22px;}
.interested span.lbls { float:left; margin:1px 0 0 6px; width:150px;}
input[type=checkbox] {
	visibility: hidden;
}
.contact_prefence .squaredOne {margin: 2px 0 0 22px !important;}
.contact_prefence .squaredOne2 {margin: 2px 0 0 21px !important;}

.squaredOne {
	width: 12px;
	height: 12px;
	background: #000;

	background: -webkit-linear-gradient(top, #000 0%, #000 40%, #000 100%);
	background: -moz-linear-gradient(top, #000 0%, #000 40%, #000 100%);
	background: -o-linear-gradient(top, #000 0%, #000 40%, #000 100%);
	background: -ms-linear-gradient(top, #000 0%, #000 40%, #000 100%);
	background: linear-gradient(top, #000 0%, #000 40%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 );
	
	/*-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);*/
	position: relative;
	float:left !important;
	margin:3px 0 0 1px !important;
}

.squaredOne label {
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 1px;
	top: 1px;
	background:#FFF;
	 /* -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); */

	 background: -webkit-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
	background: -moz-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
	background: -o-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
	background: -ms-linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
	background: linear-gradient(top, #e9e9e9 0%, #e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e2e2e2',GradientType=0 );
}

.squaredOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #000 0%, #000 100%);
	background: -moz-linear-gradient(top, #000 0%, #000 100%);
	background: -o-linear-gradient(top, #000 0%, #000 100%);
	background: -ms-linear-gradient(top, #000 0%, #000 100%);
	background: linear-gradient(top, #000 0%, #000 100%);

	top: 2px;
	left: 2px;

	/* -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); */
}

.squaredOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
  #inline_content2 label
{
	font-size: 9px;
}
#inline_content2 label.required::after, #inline_content2 span.required::after
{
	    font-size: 10px;
}
#inline_content2 p.required, #inline_content2 .validation-advice {
  font-size: 11px;
}
select option { background: #e2e2e2;}
 
@media only screen and (max-width: 1000px)
{
	#colorbox
	{
		height:100% !important;
	/*	 overflow: hidden !important;*/
		 width:90% !important;
		 left:3% !important;
	}
	.customcontactnewmain .main_popup .name
	{
		float: left;
	}
	.interested p
	{
		width:100%;
	}
	#cboxContent
	{
		width:94% !important;
		margin-left: 5%;
	}
	#cboxLoadedContent
	{
		width:100% !important;
	}
	#cboxWrapper {
		width: 100% !important;
	}
	.customcontactnewmain .main_popup {
		width: 100%;
	}
}
@media only screen and (max-width: 955px)
{
	.submit_btn { margin: 27px 0px 0px 30px; }
}
@media only screen and (max-width: 937px)
{
	.customcontactnewmain .main_popup .name { width: 29%; }
	.submit_btn { margin: 27px 0px 0px 10px; }
}
@media only screen and (max-width: 889px)
{
	.customcontactnewmain .main_popup .name { width: 28%; }	
	.appoinment { margin: 8px 0px 8px 10px; }
	.time1 { margin: 8px 0 20px 15px; }
}
@media only screen and (max-width: 820px)
{
	.appoinment { margin: 8px 0px 8px 20px; clear: left; }
	.submit_btn { margin: 27px 0px 0px 20px; }
	.time1 { margin: 8px 0 20px 20px; }
	.name.interested p { width: 100%; margin: 0 0 10px 8px; }
}
@media only screen and (max-width: 741px)
{
	#colorbox
	{
		overflow:inherit !important;
	}
	.customcontactnewmain .main_popup .name
	{
		margin:20px !important;
	}
	.name.lft
	{
		width:100% !important;
	}
	input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text]
	{
		width:100% !important;
	}
	input#date {
		width: 100px !important;
	}
	.name.lft
	{
		width: 93.5% !important;
	}
	.customcontactnewmain .main_popup .name
	{
		width: 94% !important;
	}
	.name textarea
	{
		width:100%;
	}
}
@media only screen and (max-width: 590px)
{
	.name.lft {
		width: 90.5% !important;
	}
	.customcontactnewmain .main_popup .name {
		width: 91% !important;
	}
}
@media only screen and (max-width: 550px)
{
	.appoinment
	{
		margin: 8px 0px 8px 25px;
	}
	.customcontactnewmain .main_popup h1 { margin: 14px 0 25px 28px; font-size: 24px; }
}
@media only screen and (max-width: 470px)
{
	.interested
	{
		padding-right:30px;
	}
	
}
@media only screen and (max-width: 460px)
{
	.submit_btn
	{
		margin: 22px 0px 0px 15px;
	}
	.appoinment
	{
		  margin: 0 auto;
  			float: none;
	}
	.time1
	{
		margin: 0 16% 5%;
  		clear: left;
	}
}
@media only screen and (max-width: 440px)
{
	
	.customcontactnewmain .main_popup .name {
		width: 89% !important;
	}
}
@media only screen and (max-width: 430px)
{
	.time1 {
		margin: 3% 15%;
	}
	.customcontactnewmain .main_popup { width: 100%; float: left; display: block; }
	.customcontactnewmain .main_popup .name	{ width: 85% !important; margin: 0 auto !important; float: none; }
	.contact_prefence p:first-child { float: none; margin: 0 0 8px 20px; }
	.contact_prefence p { width: 75%; margin: 0 0 0 20px; float: left;}
	.appoinment { margin: 0 auto; float: none; }
	.submit_btn { margin: 9% auto; }
	.customcontactnewmain .main_popup h1 { font-size: 20px; }
}

/*----------------------------------contacts responsive------------------------------*/

@media only screen and (max-width:1000px){
body.contacts-index-index #colorbox {
    width: 88% !important;
}
body.contacts-index-index #cboxWrapper {
    width: 98% !important;
}
body.contacts-index-index #cboxContent {
    height: auto !important;
    width: 96% !important;
}
body.contacts-index-index #cboxLoadedContent {
    background: none repeat scroll 0 0 #000 !important;
    width: 100% !important;
}
}


/*----------------------------------contacts responsive End------------------------------*/