/* CSS Document */


/* ======================================= Font Family Part Start ======================================= */

@font-face {
    font-family: 'KhmerUIRegular';
    src: url('khmerui.eot');
    src: url('khmerui.eot') format('embedded-opentype'),
         url('khmerui.woff') format('woff'),
         url('khmerui.ttf') format('truetype'),
         url('khmerui.svg') format('svg');
}

@font-face {
    font-family: 'KhmerUIBold';
    src: url('http://www.southfloridarheumatology.com/templates/protostar/css/khmeruib.eot');
    src: url('http://www.southfloridarheumatology.com/templates/protostar/css/khmeruib.eot') format('embedded-opentype'),
         url('http://www.southfloridarheumatology.com/templates/protostar/css/khmeruib.woff') format('woff'),
         url('http://www.southfloridarheumatology.com/templates/protostar/css/khmeruib.ttf') format('truetype'),
         url('http://www.southfloridarheumatology.com/templates/protostar/css/khmeruib.svg#KhmerUIBold') format('svg');
}

@font-face {
    font-family: 'MyriadProBold';
    src: url('myriadpro-bold.eot');
    src: url('myriadpro-bold.eot') format('embedded-opentype'),
         url('myriadpro-bold.woff2') format('woff2'),
         url('myriadpro-bold.woff') format('woff'),
         url('myriadpro-bold.ttf') format('truetype'),
         url('myriadpro-bold.svg') format('svg');
}


/* ======================================= Font Family Part End   ======================================= */


/* ======================================= Base Part Start ======================================= */

*	{ margin:0px; padding:0px;}
*	{ outline:none; border:none;}
a	{ text-decoration:none;}
ul li	{ list-style:none;}
h1,h2,h3,h4,h5,h6,p,img	{ margin:0px; padding:0px;}

html	{ width:100%;}
body	{ background:url(../img/body_bg.jpg) no-repeat #fff; background-size:100% auto; font-family: 'KhmerUIRegular'; font-size:15px;}
img		{ max-width:100%;}

#wrapper	{ width:100%; float:left; padding:0px; margin:0px;}
#wrapper .main	{ width:100%; float:left; padding:0; margin:0; background:#FFF;}

/* ======================================= Base Part End   ======================================= */


/* ======================================= Header Part Start ======================================= */

header	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0px 0; border-bottom:1px solid #fa9b35;}
header #header	{ width:100%; float:left; padding:0 17px; margin:0 0 15px 0;}
#header .inner_header	{ width:100%; float:left; padding:0 0 0 0; margin:0;}

.inner_header .logo	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}
.logo h1, .logo h1 img	{ max-width:100%; margin:0; padding:0;}

.logo h1 a{display:inline-block; vertical-align:middle;}
.logo h1 a.header-patientPortal{}
.logo h1 a.header-patientPortal img{max-width:100%;}

.homeHeaderRight{margin:0;}
.innerHeaderRight{margin:20px 0 0 !important;}

.inner_header .phone_info	{display:block; width:100%; /*float:left;*/ padding:5px 0; margin:0 0 0 0; text-align:right;}
.phone_info .city_name {font-family: 'MyriadProBold'; font-size:19px; color:#1f6793; margin:0; /*width:65%;*/ }
.phone_info p {display:inline-block; color:#1f6793; font-family: 'MyriadProBold'; font-size:20px; margin:0; /*float:right;*/}

.inner_header .social_info{display:block; /*width:58%; float:right;*/ padding:5px 0; margin:0 0 5px 0; text-align:right;}
.social_info p.first{display:inline-block; vertical-align:middle; width:auto; margin:0; padding:0 15px 0 0; color:#1f6793; font-family: 'MyriadProBold'; font-size:22px; /*float:left;*/}
.social_info ul	{width:auto; display:inline-block; vertical-align:middle; padding:0; margin:0;}
.social_info ul li	{display:inline-block; vertical-align:middle;  width:auto; /*float:left;*/ padding:0; margin:0 3px 0 0;}
.social_info ul li:last-child	{ margin:0;}

a.ppLink{display:block; text-align:center;}
a.ppLink img{opacity:1}
a.ppLink:hover img{opacity:0.9;}



/* ======================================= Header Part End   ======================================= */


/* ======================================= Menu Part Start ======================================= */

menu	{ width:100%; float:left; padding:0 0 0 0; margin:0;}
menu #menu	{ width:100%; float:left; padding:0 12px; margin:0;}
#menu nav	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}
nav ul	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0; text-align:center;}
nav ul li	{ width:auto; display:inline-block !important; padding:0; margin:0; font-family: 'KhmerUIRegular'; font-size:17px; font-style:normal; line-height:48px; position:relative; text-align:left;}
nav ul.nav li a	{ color:#000; padding:0 15px; display:block; }
nav ul li:hover, nav ul li:hover a, nav ul li.current a	{ background:#fa9b35; color:#fff; text-decoration:none;}

ul.nav li ul	{ position:absolute; top:45px; left:0; width:275px; display:none; z-index:999; background:#fa9b35;}
ul.nav li ul li	{ width:100%; display:block; /*float:left;*/ padding:0 0 0 0; margin:0 0 0 0; line-height:35px; position:relative; font-size:15px; border-bottom:1px solid #fff; }
ul.nav li ul li a	{ color:#FFF; padding:0 10px 0 10px; background:url(../img/sub_menu_billet2.png) no-repeat left center; margin:0 10px}
ul.nav li ul li a:hover	{ text-decoration:underline;}
ul.nav li:hover ul	{ display:block;}

ul.nav li ul li ul.small	{ position:absolute; top:0; left:100%; width:220px; z-index:999; display:none;}
ul.nav li ul li ul li	{ width:100%; float:left; line-height:35px;}
ul.nav li ul li:hover ul.small	{ display:block;}	

/* ======================================= Menu Part End   ======================================= */



/* ======================================= Slider Part Start ======================================= */

section	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}
section #slider	{ width:100%; float:left; padding:10px 12px 0 9px ; margin:0 0 0 0;}
#slider .inner_slider	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}
.inner_slider .slider_left	{ width:100%; float:left; padding:0; margin:0;}


.inner_slider .slider_right	{ width:100%; float:left; padding:0; margin:0;}
.slider_right h6	{ width:100%; text-align:center; line-height:90px; background:#fa9b35; color:#fff; font-size:29px; font-family: 'MyriadProBold'; margin:0; padding:0;}
.slider_right h6 a	{ color:#fff;}
.slider_right .location_info	{ width:100%; float:left; padding:17px 0 25px 0; margin:10px 0 0 0; background:#f0f0f0;}
.location_info p	{ font-size: 13px;  padding: 0 16px; text-align: center; font-weight:bold; line-height:22px; margin:0;}
.location_info h6	{ color:#1875ad; font-size:28px; background:none; margin:0; padding:0; line-height:20px; margin-bottom:20px;}
.location_info p.address	{ font-size: 13px;  padding: 0 5px; text-align: center;}
.location_info p.address a	{ color:#1875ad;}

/* ======================================= Slider Part End   ======================================= */


/* ======================================= Content Part Start ======================================= */

article	{ width:100%; float:left; padding:0 0 0 0; margin:0;}
article #content	{ width:100%; float:left; padding:0 12px 30px 9px; margin:30px 0 0 0;}
#content .service_part	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}
.service_part .our_doctor_part	{ width:100%; float:left; padding:30px 10px 30px 20px; margin:0 0 0 0; background:#2dbccd; }
.our_doctor_part img	{ width:auto; float:left; margin:0 25px 0 0;}
.our_doctor_part p	{ width:auto; float:left; font-family: 'MyriadProBold'; margin:0; padding:0; color:#fff; line-height:55px; background:#39ccdd; font-size:30px; padding:0 15px;}
.our_doctor_part p a	{ color:#fff;}

.service_part .our_patients_part	{ width:100%; float:left; padding:30px 10px 30px 20px; margin:0 0 0 0; background:#259aa8; }
.our_patients_part img	{ width:auto; float:left; margin:0 5px 0 0;}
.our_patients_part p	{ width:auto; float:left; font-family: 'MyriadProBold'; margin:0; padding:0; color:#fff; line-height:55px; background:#37aab8; font-size:30px; padding:0 15px;}
.our_patients_part p a	{ color:#fff;}

.service_part .our_appointment_part	{ width:100%; float:left; padding:30px 10px 17px 20px; margin:0 0 0 0; background:#31759b; }
.our_appointment_part img	{ width:auto; float:left; margin:0 5px 0 0;}
.our_appointment_part p	{ width:auto; float:left; font-family: 'MyriadProBold'; margin:-10px 0 0 10px; padding:0; color:#fff; line-height:40px; background:#3f85ac; font-size:30px; padding:0 15px; text-align:center;}
.our_appointment_part p a	{ color:#fff;}

article #content_main	{ width:100%; float:left; padding:0 12px 30px 9px; margin:0px 0 0 0;}
#content_main .content_details	{ width:100%; float:left; padding:0 0px 0px 0px; margin:0 0 0 0;}	
.content_details .welcome_content	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}
.welcome_content h1	{ color:#1a5f96; /*#474a49*/ font-size:23px; font-family: 'MyriadProBold'; margin:0; padding:0;}
.welcome_content p strong { color:#1a5f96; }
.welcome_content p	{ font-family:Arial; font-style:normal; font-size:15px; line-height:25px; color:#474a49; float:left; padding:15px 0 0 0; margin:0;}
.content_details .testimonial_part	{ width:100%; float:left; padding:0; margin:0; background:#f0f0f0; padding:12px;}
.testimonial_part p	{ color:#474a49; font-size:23px; font-family: 'MyriadProBold'; margin:0; padding:0; text-align:center;}
.testimonial_part .testimonial_content	{ width:100%; float:left; padding:10px; margin:10px 0 0 0; background:#FFF;}
.testimonial_content p	{ float:left; font-size:13px; font-style:normal; font-family:Arial; color:#545454; padding:0 0 30px 0; margin:0; text-align:justify;}

article #other_doctor_part	{ width:100%; float:left; padding:0 12px 30px 9px; margin:0px 0 0 0;}
#other_doctor_part .other_doctro_info	{ width:100%; float:none; padding:0 0 0 0; margin:0 0 0 0; text-align:center;}
.other_doctro_info h1	{ color:#31759b; font-size:23px; font-family: 'MyriadProBold'; margin:0; padding:0;} 
.other_doctro_info .other_doctor_list	{ width:100%; float:left; padding:25px 25px 0 25px; margin:0 0 0 0;}
.other_doctor_list .other_doctor_details	{ width:100%; float:left; padding:0; margin:0;}
.other_doctor_details img	{ width:100%; margin-bottom:15px;}
.other_doctor_details p	{ color:#3a3b3b;  font-size:18px; font-family: 'MyriadProBold'; margin:0; padding:0;}
.other_doctor_details p a	{ color:#3a3b3b;}
/* ======================================= Content Part End   ======================================= */


/* ======================================= Footer Part Start ======================================= */

footer	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0; background:#2a507f; }
footer #footer	{ width:100%; float:left; padding:20px; margin:0;}
.inner_footer	{ width:100%; float:left; padding:0px; margin:0;}
.inner_footer .footer_nav	{ width:100%; float:none; padding:0 0px; margin:0; text-align:center;}
.footer_nav p	{ color:#FFF; font-size:14px; font-style:normal; font-family:Arial; margin:0; padding:0; line-height:0;}
.footer_nav p a	{ color:#FFF; padding:0 10px; border-right:1px solid #FFF; line-height:25px;}

#footer .copyright_main	{ width:100%; float:left; padding:20px 0 0 0; margin:0 0 0 0;}
.copyright_main .col-sm-2	{ margin:0 0 0 0; padding:0 0 15px 0;}
.copyright_main .left_footer	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}
.left_footer ul	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}
.left_footer ul li	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0; font-family:Arial; font-size:13px; font-style:normal; line-height:20px; color:#FFF;}
.left_footer ul li a	{ color:#FFF;}
.copyright_main .right_footer	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}
.right_footer .phone_info	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}	
.phone_info ul	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}	
.phone_info ul li	{ width:auto; float:left; padding:0 0 0 0; margin:0 0 0 0; border-right:2px solid #fff; line-height:14px; font-family:Arial; font-size:12px; font-style:normal;}	
.phone_info ul li a	{ padding:0 6px; color:#fff;}
.phone_info ul li:last-child	{ border:none;}

.right_footer .social_info	{ width:68%; float:right; padding:15px 0 0 0; margin:0 0 0 0;}
.social_info p	{display:inline-block; width:auto; margin:0; padding:0 15px 0 0; color:#fff; font-family: 'MyriadProBold'; font-size:18px; /*float:left;*/ }
.social_info ul	{display:inline-block; width:auto; /*float:left;*/ padding:0; margin:0;}
.social_info ul li	{ width:auto; float:left; padding:0; margin:0 3px 0 0;}
.social_info ul li:last-child	{ margin:0;}

/* ======================================= Footer Part End   ======================================= */

/* ===================== Testimonial ==============================*/

#rsmsc_scroller2{ position: relative !important; }

/* ===================== Testimonial End ==============================*/

/* ===================== Slider ===================================*/

.camera_wrap .camera_pag .camera_pag_ul { text-align: center; }
.camera_commands { display: none; }
.camera_amber_skin .camera_prev > span { background-position: 0 -40px; }
.camera_amber_skin .camera_next > span { background-position: -40px -40px; }
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { background: none repeat scroll 84px 98px #EDF2F8; }

/* ===================== Slider End ==============================*/

/* ===================================== About Page Part Start ====================================== */

.slider_left .abt_content	{ width:100%; float:left; padding:0 0 0 20px; margin:0 0 0 0;}
.slider_img1 img	{ width:100%; margin:0 0 15px 0;}

.abt_content h1	{ color:#1a5f96; font-size:23px; font-family: 'MyriadProBold'; margin:0; padding:0;}
.abt_content h2	{ color:#1a5f96; font-size:17px; font-family: 'MyriadProBold'; margin:14px 0 0 0; padding:0; float:left; line-height:30px; width:100%;}
.abt_content p	{ font-style:normal; font-size:15px; line-height:25px; color:#474a49; float:left; padding:15px 0 0 0; margin:0; text-align:justify;}
.abt_content .staff_information1	{ width:100%; float:left; padding:15px 0 0 0; margin:0 0 0 0;}
.staff_information1 p	{ float:left; padding:10px 0px 0 0; text-align:justify; font-size:15px; line-height:25px; margin:0;}
p.staff_title	{ font-weight:bold; color:#f36d2e; padding:0; margin:0;}
.physician-assistants img	{ width:100%; margin-bottom:10px;}

.staff_information1 p img	{ width:auto; height:auto; float:right; padding:0 0 0 0; margin:0 0 0 15px}

.slider_right .testimonial_part	{ width:100%; float:left; padding:0; margin:10px 0 0 0; background:#f0f0f0; padding:12px;}
.testimonial_part p	{ color:#474a49; font-size:23px; font-family: 'MyriadProBold'; margin:0; padding:0; text-align:center;}
.testimonial_part .testimonial_content	{ width:100%; float:left; padding:10px; margin:10px 0 0 0; background:#FFF;}
.testimonial_content p	{ float:left; font-size:13px; font-style:normal; font-family:Arial; color:#545454; padding:0 0 30px 0; margin:0; text-align:justify;}

.formBody img#captcha27	{ width:auto;}
.formControlLabel strong.formRequired	{ display:none !important;}
.level_2 li img	{ display:none !important;}

#xmap	{ width:100%; float:left;}
#xmap ul	{  padding: 0 0 0 40px; margin-bottom:30px;}
#xmap ul li	{ padding:0 0 0 0px; line-height:30px; background:url(../img/site_map_bullet1.png) no-repeat left 12px;}
#xmap ul li a	{ padding:0 0 0 12px;}
#xmap ul li ul	{ padding:0 0 0 30px; margin:0;}
#xmap ul li ul li	{ padding:0 0 0 10px; line-height:30px; background:url(../img/site_map_bullet1.png) no-repeat left 11px;}
#xmap ul li ul li a	{ padding:0}
.form-contetn	{ padding:0 0 0 20px;}
.abt_content ul	{ float:left; margin: 6px 0 0 35px;}
.abt_content ul li	{ line-height:30px; list-style:disc !important; }

.abt_content ol	{ float:left;}
.abt_content ol li	{ line-height:25px;}

.slider_left p img	{ width:auto;}


/* ===================================== Contact Page Part Start ====================================== */

.slider_left .contactus-form-left	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}
.contactus-form-left p	{ font-weight: bold; font-size:16px; color:#fa9b35; padding:0 10px 0 16px; width:100%;}
.slider_left .contactus-address-right	{ width:100%; float:left; padding:0 0 0 0; margin:0 0 0 0;}
.contactus-address-right p	{ font-weight: bold; font-size:16px; color:#fa9b35; padding:0 0 10px 15px; float:left; width:100%;}
#testimonials .box h3 { float: right; font-size: 14px; font-weight: bold; margin-top:18px; padding:0;}
#testimonials .box .name { display: none; }
#testimonials .box p strong { font-weight: normal; }
.formResponsive	{ margin-top:23px;}
.form-contetn	p	{ margin:0; padding:0;}
.form-contetn	p strong	{ color:#fa9b35; padding:0; margin:0;}

.left-part-contactus-address	{ width:45%; float:left; padding:0 0 0 0; margin:0 0 0 0;}
.right-part-contactus-address	{ width:48%; float:right; padding: 0 0 0 0; margin:0 0 0 0;}



/* ===================================== Contact Page Part End ======================================== */


/*========================================= header css ====================================================*/
.beow-contact { width:100%; float:left; margin:0px }
.beow-contact .beow-contact_left {  color: #1f6793; float: left; margin: 0; padding: 0 0 0 160px; width: 62%; font-weight: bold; }
.beow-contact .beow-contact_right {  color: #1f6793; float: left; margin: 0; padding: 0 0 0 28px; width: 35%; font-weight: bold; }

/*========================================= registration css ====================================================*/
.slider_left .nav-stacked { visibility: hidden; display: none; }
.valid_icon	{ width: 210px; float: left; padding:15px 0 0 0; margin:0 0 0 0;}
.valid_icon a	{ float: left; margin:0 15px 0 0; padding: 0; width: auto;}
.valid_icon img	{ float: left; width: auto;}


@media (min-width:0px) and (max-width:767px){
#header .inner_header{display:block; float:none; width:100%;}
#header .inner_header .col-sm-6,
#header .inner_header .col-sm-5.pull-right{display:block; float:none !important; width:96%; margin:0 auto 10px; text-align:center;}

#header .inner_header .col-sm-6 .logo{float:none; display:block;}
#header .inner_header .col-sm-6 .logo.logoSub a{max-width:none !important;}


#header .inner_header .col-sm-5.pull-right .phone_info{width:100%; float:none; text-align:center;}
#header .inner_header .col-sm-5.pull-right .phone_info .city_name{float:none; width:auto;}
#header .inner_header .col-sm-5.pull-right .phone_info p{float:none; display:inline-block; width:auto; margin:5px; text-align:center;}

#header .inner_header .col-sm-5.pull-right .social_info{width:100%; float:none; display:block; text-align:center;}
#header .inner_header .col-sm-5.pull-right .social_info p.first,
#header .inner_header .col-sm-5.pull-right .social_info ul, 
#header .inner_header .col-sm-5.pull-right .social_info ul li{float:none; display:inline-block; vertical-align:middle;}


#header .inner_header .col-sm-5.pull-right a.ppLink{text-align:center;}

}

@media (min-width:768px) and (max-width:1023px){
#header .inner_header .col-sm-6{max-width:50%;}
#header .inner_header .col-sm-6 .logo h1 a{/*max-width:55%;*/}
/*#header .inner_header .col-sm-6 .logo.logoSub a{max-width:none !important;}*/

#header .inner_header .col-sm-5.pull-right{width:50%;}
#header .inner_header .col-sm-5.pull-right .phone_info .city_name,
#header .inner_header .col-sm-5.pull-right .phone_info p,
#header .inner_header .col-sm-5.pull-right .social_info p.first{font-size:15px;}


#header .inner_header .phone_info .city_name,
#header .inner_header .col-sm-5.pull-right .phone_info p ,
#header .inner_header .social_info{width:auto !important;}

nav ul.nav li a{padding:0 7px; font-size:14px;}

.service_part .col-sm-4{width:31% !important; margin:0 3% 0 0 !important;}
.service_part .col-sm-4.last{margin:0 !important;}

.service_part .our_appointment_part, 
.service_part .our_patients_part, 
.service_part .our_doctor_part{padding:20px;}

.our_doctor_part img, 
.our_patients_part img,
.our_appointment_part img{ display:block; float:none; margin:5px auto;}

.our_appointment_part p, 
.our_patients_part p, 
.our_doctor_part p{
	float:none !important; 
	font-size:20px !important; 
	line-height:25px !important; 
	text-align:center !important; 
	padding:0 !important;
	margin:10px auto 0 !important;
}

.our_appointment_part p a, 
.our_patients_part p a, 
.our_doctor_part p a{display:block; padding:10px;}

.rsmsc_scroller_class .innerDiv{width:160px !important;}
}

@media (min-width:990px)and (max-width:1200px) {
nav ul.nav li a {
    padding: 0 13px;
    font-size: 16px;
}
}