
.contacts-index-index #cboxLoadedContent { height: auto !important; }
      .main_popup{ width:765px; margin:auto; display:table; background:#fff; text-align: left;}
	.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%;}
	.main_popup .name{  float: left;margin: 20px 0 0 36px;   width: 100%;}
	.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;    width: 100%;color: #000; background:#e2e2e2;  }
	.name textarea{    border: medium none;float: left;height: 212px;margin: 0 0 15px;resize: none;width: 275px; background:#e2e2e2;   color: #000;}
	.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:128px; float:left; color:#b6b8ba; font-size:11px; font-family:Open Sans; margin:8px 0px 8px 52px;}
	.appoinmentimg{width:18px; float:left; margin:1px 0px 20px 9px;}
	.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: 23px;    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:22px 0px 0px 75px; cursor:pointer;}

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


.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;}


.main_popup .validation-advice{ /*display: none;*/}
.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;
}
 
select option { background: #e2e2e2;}
 
@media only screen and (max-width: 1000px)
{
	#colorbox
	{
		height:100% !important;
	/*	 overflow: hidden !important;*/
		 width:90% !important;
		 left:3% !important;
	}
	.main_popup .name
	{
		float: left;
		width:auto !important;
	}
	.name.lft
	{
		width:230px !important;
	}
	.interested p
	{
		width:100%;
	}
	.contact_prefence
	{
		width:100%;
	}
	#cboxContent
	{
		width:94% !important;
		margin-left: 5%;
	}
	#cboxLoadedContent
	{
		width:100% !important;
	}
	#cboxWrapper {
		width: 100% !important;
	}
	.main_popup {
		width: 100%;
	}
}
@media only screen and (max-width: 741px)
{
	#colorbox
	{
		overflow:inherit !important;
	}
	.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;
	}
	.main_popup .name
	{
		width: 94% !important;
	}
	.name textarea
	{
		width:100%;
	}
}
@media only screen and (max-width: 590px)
{
	.name.lft {
		width: 90.5% !important;
	}
	.main_popup .name {
		width: 91% !important;
	}
}
@media only screen and (max-width: 550px)
{
	.submit_btn
	{
		margin: 22px 0px 0px 25px;
	}
	.appoinment
	{
		margin: 8px 0px 8px 25px;
	}
}
@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: 8px 0px 8px 25px;
	}
	.time1
	{
		margin: 8px 0px 20px 15px;
	}
}
@media only screen and (max-width: 440px)
{
	
	.main_popup .name {
		width: 89% !important;
	}
}
@media only screen and (max-width: 430px)
{
	.time1 {
		margin: 3% 15%;
	}
	.submit_btn {
		margin: 5% auto;
	}
}
@media only screen and (max-width: 402px)
{
	.time1 {
		margin: 3% 10%;
	}
}
@media only screen and (max-width: 385px)
{
	.name.textarea
	{
		width:75% !important;
	}
	.interested p {
		width: 92%;
	}
	.contact_prefence p
	{
		width: 90%;
	}
	.appoinment
	{
		margin: 8px 0px 8px 25px;
	}
	.submit_btn
	{
		margin: 22px 0px 25px 75px;
	}
	.name.textarea {
		width: 85% !important;
	}
	.main_popup .name {
		width: 85% !important;
	}
}
@media only screen and (max-width: 350px)
{
	.interested
	{
		padding-right:30px;
	}
	.contact_prefence p
	{
		width: 80%;
	}
	.time1
	{
		margin: 8px 0px 20px 10px;
	}
}

/*----------------------------------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------------------------------*/
