/*** YPO Common Styles - Pages included: Appointment, Contact Us, Feedback, Multimedia, Useful Links***/

/*** Online Appointment Styles ***/

#online-appointment, #feedback-block{ border: 1px solid #5BBEF3; margin-bottom:18px;     margin-left: 4%;    width: 96%; float:left; border-radius:5px;  }

#online-appointment h3, #feedback-block h3, .submit-but input{ background: #5BBEF3!important; width:97%!important; border-radius:0px 0px 0px 0px!important;}

#online-appointment h3{ background: #5BBEF3!important; width:100%!important; border-radius:5px 5px 0px 0px!important; text-indent: 15px;}

#online-appointment h3.one-com{border-radius:0px 0px 0px 0px!important;}



#online-appointment ul{ margin:0px 0px 8px 0px!important; }

.required {	color: #ff0000; }

#online-appointment h3, #feedback-block h3 { font-size: 13px; margin:0px 0px 5px 0; padding: 8px 0px 8px 0px; color: #fff;}

#online-appointment ul:after, .clearFix:after, .services-list:after, .services-other:after, .service-info ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.text {	padding-bottom: 15px; padding-left: 20px!important; }

#online-appointment ul.cols-1 li { width: 100%; margin-right: 2%; }

#online-appointment ul.cols-4, #online-appointment ul.cols-1, #online-appointment ul.cols-2 { width: 100%; }

#online-appointment ul.cols-2 li { width: 44%; float: left; }

#online-appointment ul.cols-4 li { width: 19%; float: left; margin-right: 2%; }

#online-appointment ul.cols-4 li.last-1{width: 100%;}

#online-appointment ul li.w100 { width: 100%; }

#online-appointment ul.cols-3 li { width: 27%; float: left; margin-right: 2%; }

#online-appointment ul li { list-style: none; background: none!important; padding: 5px 0px!important; margin-left: 20px; }

.submit-but input { color: #fff; font-weight: normal; width: auto!important; border: none; padding: 3px 10px; cursor: pointer; margin-bottom: 10px; }

.submit-but input:hover { background: #3184ea!important; color: #fff; }

.wpcf7-captchar { width: 20%!important; }

select, input[type="text"], input[type="password"], input[type="tel"], input[type="email"], area, textarea {

	-moz-box-sizing: border-box;

	-moz-border-radius: 2px;

	-webkit-box-sizing: border-box;

	-webkit-border-radius: 2px;

	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);

	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);

	background-color: #fff;

	box-sizing: border-box;

	border: 1px solid #aaa;

	border-bottom-color: #ccc;

	border-radius: 2px;

	margin: 0;

	outline: none;

	padding: 6px 8px;

	vertical-align: middle;

	width: 87%;

}

select { height: auto; width: 100%; }

area:focus, input:focus, textarea:focus { border: 1px solid #6cf; }

textarea { width: 85%;}

li.appoinment textarea { width: 92%;}

input[type='text'], input[type='password'] { cursor: text; }

.wpcf7-captchac { border: 1px solid #ccced0; }

/*** Feedback Page Styles ***/

#feedback-block { padding: 10px 0px; }

#feedback-block ul { margin-left: 0px; }

#feedback-block ul li { background: none!important; padding: 5px 0px!important; list-style-type:none; }

#feedback-block ul li label { float: left; width: 38%; font-weight: normal; }

#feedback-block ul li input, #feedback-block ul li textarea, #feedback-block ul li select {	width: 55%; }

/*** Contact Us Styles ***/

#wp-realtime-sitemap-pages h3, .home h1.post-title { display: none; }

#wp-realtime-sitemap-pages ul { margin-left: 15px; }

#contact-locations{ margin-bottom:20px; }

#contact-locations ul li h3{ 

	background:#31618e; 

	border-top-left-radius: 10px; 

	border-top-right-radius: 10px; 

	-moz-border-top-left-radius: 10px; 

	-moz-border-top-right-radius: 10px; 

	-webkit-border-top-left-radius: 10px; 

	-webkit-border-top-right-radius: 10px; 

}

#contact-locations ul li p{ padding-left:15px; }

#contact-locations ul li{ float: left; list-style-type: none; width: 30%; margin:0px 10px ; }

#contact-locations img{ vertical-align:top; }

#online-appointment .address{ padding:0px 20px 10px 20px; }

/*** Usefull LInks Styles ***/

.services-other { background:#fff; border:1px solid #ccc; width:100%; float:left; padding:10px; }

.services-other ul li{ list-style-type:none; float:left; width:50%; text-align:center; }

#online-appointment .new{

	width:100%;

	margin:0 auto;

}

#online-appointment .new li{

	width:80%;

	margin:0 auto;

}

/*** Multimedia Styles***/



.multimedia {

	color: #0b6abb;

	line-height: 16px;

	text-decoration: none;

	text-align: justify;

	background: #ffffff;

	border-radius: 0px;

	margin: 0 0 10px 0;

}

.multimedia a {

	font-family: Arial, Helvetica, sans-serif;

	background: url(/images/movie-off.gif) no-repeat 10px 7px;

	font-size: 12px;

	font-weight: normal;

	padding: 5px 0px 5px 45px;

	color: #666666;

	text-decoration: none;

	float: left;

}

.multimedia a:hover {

	background: url(/images/movie-on.gif) no-repeat 10px 7px;

	padding: 5px 0px 5px 45px;

	text-decoration: underline;

}

.formHead{

	color: #fff;

	background: #5BBEF3;

	padding: 0 5px;

	font-weight: bold;

	line-height: 30px;

}

.formHead a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #ffffff;

}

.formHead a:hover {

	color: #fff;

}



.formHead span{

	color: #fff;

	background: #5BBEF3;

	padding: 0 5px;

	font-weight: bold;

	line-height: 30px;

}

.formHead span a{

	color: #fff;

	text-decoration:none;

}

.formHead span a:hover{

	text-decoration:underline;

}

.multimedia_width {

	float: left;

	width: 50%;

	border-top: none;

	text-align: left;

}

.multimedia_border {

	border: solid 1px #5BBEF3;

	float: left;

	margin-bottom: 10px;

	 margin-left: 5%;

    width: 95%

}

#testimonial-form .req {

	color: #ff0000!important;

}

.showcase {

	border: 1px solid #033163;

}

.showcase table {

	margin-top: 0px;

}

.showcase table tr td {

	vertical-align: middle;

}



/*** Footer Styles ***/

#menu-footer-menu li{ display:inline; }



ul li.w500{ width:100%!important;}

/* =Header Menu (Primary)

-------------------------------------------------------------- */

ul li.textimonials-600 textarea { width: 98%!important;}

@media all and (max-width: 911px) {

#online-appointment ul.cols-4 li{

	width:90%;

}

#online-appointment ul.cols-2 li{

	width:93%;

}

}

@media all and (max-width: 750px) {

#online-appointment ul.cols-3 li{

	width:90%;

}

}

article .article-data .data .useful-links{ background:#fff; float:left; width:100%; border:1px solid #d8d8d8; padding-bottom:10px; margin-bottom:18px; }

article .article-data .data .useful-links ul {width:100%; float:left;}

article .article-data .data .useful-links ul li{ list-style-type:none; float:left; text-align: center; width: 45%; }