 /*	BASE
----------------------------------------- */

body { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.5; color: #000; background: #fff; }

a { color: #00b5f1; text-decoration: none; }
a:hover , a:focus { text-decoration: none; }

img { max-width: 100%; }

h1 { font-size: 12px; margin: 0 auto; font-weight: normal; }
h2 { font-size: 30px; color: #02afef; text-transform: uppercase; font-weight: 700; margin: 0 0 20px 0; padding: 15px; background: #c1ebfa; }
h3 { font-size: 24px; color: #02afef; margin: 0 0 15px 0; }
h4 { font-size: 20px; color: #000; margin: 0 0 15px 0; }
h5 { font-size: 16px; color: #000; margin: 0 0 15px 0; font-weight: 300; text-transform: uppercase; }
h6 { font-size: 16px; color: #000; margin: 0 0 15px 0; font-weight: 700; }
p, ul, ol { margin-top: 0; margin-bottom: 30px; }
ul, ol { padding-left: 18px; }
ul { list-style-image: url(../images/bullet.png); }

.clear { clear: both; }

.table th { background: #02AFEF; color: #fff; font-weight: 700; text-align: left; border-bottom: 0 !important; }
.table caption { display: block; font-weight: 700; padding-top: 0; }

.topspace { margin-top: 30px; }
.bottomspace { margin-bottom: 30px; }

.tel-link , .tel-link:hover { color: inherit; text-decoration: none; cursor: default; }

.button { display: inline-block; line-height: 1; text-transform: uppercase; font-size: 110%; border: 0; color: #fff; padding: 12px 20px; background: #5b5b5b; border-bottom: 2px solid #000; text-decoration: none; text-shadow: 1px 0 0 #000; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s; }
.button:hover { text-decoration: none; background: #00B5F1; color: #fff; border-color: #0082D1; }
.button:focus , .button:active { background: #0D8AB9; color: #fff; border-color: #0E6181; }

.thumbnail.pull-right { margin-left: 15px; padding: 0; border: 0; }
.thumbnail.pull-left { margin-right: 15px; padding: 0; border: 0; }

.anchor { display: block; position: relative; bottom: 60px; }

.main-container { position: relative; left: 0; transition: all 0.3s; -webkit-transition: all 0.3s; }


/*	HEADER
----------------------------------------- */

.site-header {}

.top-strip { border-bottom: 1px solid #d5d5d5; }
.top-strip h1 { color: #5b5b5b; line-height: 35px; }
.top-strip h1 strong { font-weight: 400; }
.top-strip h1 em { font-style: normal; }

.top-links { font-size: 12px; color: #5b5b5b; text-align: right; line-height: 35px; }
.top-links a { display: inline-block; color: #5b5b5b; margin: 0 2px; }

.logo-strip { padding: 10px 0 0 0; color: #5b5b5b; }

.logo { display: block; margin-top: 44px; }

.header-right { text-align: right; }

.logo-strip .callus a { display: inline-block; font-size: 30px; padding-left: 35px; background: transparent url(../images/phone-icon.png) no-repeat left center; line-height: 1; }

.logo-strip address { font-size: 14px; margin: 10px auto; }
.logo-strip address strong { color: #2994ca; }

.logo-strip .social a { transition: all 0.3s; -webkit-transition: all 0.3s; }
.logo-strip .social a:hover { opacity: 0.7; }
.logo-strip .social img { max-height: 30px; }

.tagline { background: #d6f3fd; margin-top: 30px; padding: 15px 0; font-family: 'Handlee', cursive; color: #000; }
.tagline p { margin: 0; font-size: 28px; margin-left: 135px; }


/*	NAV
----------------------------------------- */
.main-menu { background: #00b5f1; border-top: 1px solid #0c81a8; z-index: 9999; width: 100%; }
.main-menu.sticky { position: fixed; top: 0; left: 0; width: 100%; border-top: 0; }

.nav-collapse { display: block !important; }
.navbar { min-height: 1px; margin: 0; text-transform: uppercase; }
.navbar .nav {}
.navbar .nav > li { text-align: center; position: relative; }
.navbar .nav > li.first { text-align: left; }
.navbar .nav > li.last { text-align: right; }
.navbar .nav > li.menu1 { width: 98px; }
.navbar .nav > li.menu2 { width: 190px; }
.navbar .nav > li.menu3 { width: 180px; }
.navbar .nav > li.menu4 { width: 150px; }
.navbar .nav > li.menu5 { width: 180px; }
.navbar .nav > li.menu6 { width: 140px; }
.navbar .nav > li > a { display: inline-block; color: #fff; line-height: 1; padding: 12px 0; border-top: 1px solid #0c81a8; margin-top: -2px; transition: all 0.3s; -webkit-transition: all 0.3s; }
.navbar .nav > li > a:focus, 
.navbar .nav > li > a:hover,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover { background: transparent; color: #000; border-top-color: #000; }

.menu3 .dropdown-menu { left: 32px; }
.dropdown-menu { box-shadow: none; border: 0; background: rgba(0, 180, 240, 0.95); }
.dropdown-menu li a { padding: 8px 20px; color: #fff }
.dropdown-menu li a:hover,
.dropdown-menu > li > a:focus { background: #D6F3FD; }


/*	CONTENT
----------------------------------------- */

.content { padding: 30px 0 0; }

/* welcome box - homepage */
.welcome-box { background: #d6f3fd url(../images/welcome-bg.png) no-repeat right bottom; background-size: 500px; padding: 20px 400px 20px 20px; box-shadow: 0 0 90px rgba(93, 200, 237, 0.3) inset; min-height: 450px; }
.welcome-box h2 { font-size: 38px; margin-bottom: 30px; margin-top: 20px; padding: 0; background: transparent; }
.welcome-box p { margin: 0 0 30px 0; }
.welcome-box .button { padding: 12px 40px; }

/* hot buttons */
.hot-buttons {}
.hot-button-slider { padding: 0; list-style: none; text-align: center; overflow: hidden; }
.hot-button-slider .hot-button { overflow: hidden; }
.hot-button-slider .hot-button img { transition: all 0.3s; -webkit-transition: all 0.3s; }
.hot-button-slider .hot-button a .button-title { transition: all 0.3s; -webkit-transition: all 0.3s; }
.hot-button-slider .button-title { display: block; color: #fff; background: #02afef; text-transform: uppercase; font-size: 25px; font-weight: 300; padding: 20px 0 40px; line-height: 1; }
.hot-button-slider .button-title span { display: block; font-weight: 400; }
.hot-buttons .read-more { display: inline-block; padding: 10px 15px; font-size: 90%; display: block; width: 120px; margin: -20px auto 0; background: #5b5b5b; color: #fff; font-size: 14px; line-height: 1; text-transform: uppercase; transition: all 0.3s; -webkit-transition: all 0.3s; }

.hot-buttons .slider-arrows { text-align: center; position: relative; margin: 30px auto; }
.hot-buttons .slider-arrows:after { content: ''; position: relative; width: 100%; height: 1px; background: #fff url(../images/slider-arrow-bg.png) no-repeat center center; display: block; margin-top: -12px; position: relative; z-index: 8; }
.hot-buttons .slider-arrows .arrow { display: inline-block; margin: 0 5px; cursor: pointer; position: relative; z-index: 9; }

/* service boxes */
.service-box { margin: 0 auto 30px; }
.service-box a { display: block; padding: 40px 10px; text-align: center; color: #fff; background: #00B5F1; text-transform: uppercase; transition: all 0.3s; -webkit-transition: all 0.3s; }
.service-box a:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); }

/* reviews */
.reviewbox .blockquote { margin-bottom: 30px; font-size: 16px; font-style: italic; color: #555; line-height: 1.8; background: #f9f9f9 url(../images/quote.png) no-repeat right bottom; border-color: #999; border-top: 5px solid #f7f7f7; border-bottom: 5px solid #f9f9f9; border-left: 5px solid #999; padding: 10px 20px;
    margin: 0 0 20px; }
.reviewbox .blockquote p { margin: 10px auto; }
.reviewbox .blockquote span { font-style: normal; color: #00B5F1; font-size: 100%; font-weight: 700; text-transform: uppercase; }
.reviewbox .blockquote span:before { content: '\2014'; display: inline-block; margin-right: 5px; }

/* breadcrumbs */
.page-nav { background: #5b5b5b; padding: 8px 0; font-size: 14px; border-bottom: 1px solid #878888; border-top: 1px solid #878888; }
.page-nav .breadcrumb { padding: 0; margin: 0; border-radius: 0; background: transparent; }
.page-nav .breadcrumb a { color: #bbb; }
.page-nav .breadcrumb a:hover { color: #eee; }
.breadcrumb > li + li:before { content: '\203A '; color: #bbb; }

#map1 { width: 100%; margin: 30px auto; border: 1px solid #d0c7ba; }
.form { margin: 0 auto 30px; }
.form-horizontal .control-label { text-align: left; }
.form .form-group { margin-bottom: 20px; }


/*	FOOTER
----------------------------------------- */

.site-footer { background: #5b5b5b; color: #fff; padding: 0 0 30px 0; }
.site-footer a { color: #fff; }
.site-footer a:hover { color: #bbb; }

h3.footer-title { font-size: 22px; line-height: 1.4; font-weight: 400; color: #fff; margin-top: 20px; }

.site-footer ul { margin: 0; padding: 0; list-style: none; font-size: 14px; border-right: 1px solid #878888; min-height: 105px; }
.site-footer ul.last { border: 0; }
.site-footer ul li { padding: 3px 0; }

.copyright { padding-top: 30px; border-top: 1px solid #878888; color: #bbb; font-size: 10px; font-family: verdana, sans-serif; }
.copyright p { margin: 0; }
.copyright a { color: #bbb }
.copyright .h3 { color: #bbb; font-size: 10px; margin: 5px 0; }

#back-to-top { position:fixed; bottom:170px; right:5px; z-index:9998; }
#back-to-top span { display: none; }
#back-to-top a { display: block; width: 32px; height: 32px; background: transparent url(../images/back-to-top.png) no-repeat; transition: all 0.3s; -webkit-transition: all 0.3s; }

.less-padding { margin-bottom:10px; }

/*	Form css
----------------------------------------- */

label {
	font-weight: 400;
}
form .smalltext{
	display: block;
    font-size: 12px;
    line-height: 17px;
    margin: 5px 0 15px;
	*height:20px;
}
form .captcha-group{
	position:relative;
}
label.verify{
	position:absolute;
	left:10px;
	top:5px;
	display:inline-block;
	text-align:left;
	padding-right:10px;
	border-right:1px solid #ddd;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}
.imgcaptcha{
	height:30px !important;
	width:50px !important;
}
.sm-input{
    width: 120px;
	margin:0px !important;
	padding-left:75px !important;
	box-sizing: inherit;
}
.result-text{
	color:#F00;
	font-size:13px;
	line-height:17px;
	min-height:17px;
	margin:10px 0 10px 0;
}

.form-horizontal .control-group {
	margin-bottom: 10px;
}
.form-horizontal select{
	padding:4px 8px 5px 8px;
	height:34px;
}

/*-- email us css --*/
.appointment-ttl{
	*height:250px;
	text-align: left !important;
	margin: 0 auto 5px;
}
.form-horizontal .email-select{
	margin-bottom:10px;
}
.form-horizontal .radio.inline input { margin-top: 3px; }
.form-horizontal .radio.inline { display: inline-block; margin-right: 10px; }

/*-- Give Feedback css --*/
.form-horizontal .datepicker{
	width:78%;
}
.form-horizontal .feedbacklable{
	float: none;
	min-width:auto;
}
.form-horizontal .feedbackinput{
	display:block;
	margin-bottom:4px;
}
.form-horizontal .countbox{
	margin-top:2px;
	width:50px;
	background:none!important;
	color:#646464;
	font-size:14px;
	border:1pxsolid#CECECE;
}


/*-- E-consultation css --*/
.upload-input{
	float:left;
	width:62.4%;
	margin-right:10px;
}
.fileuploadhide{
	position:absolute; 
	top:0; 
	left:0; 
	opacity:0; 
	filter: alpha(opacity=0);
}


.radio input {
	margin-left: 0 !important;
	position: static !important;
}
.captcha-group .form-control {
	display: inline-block !important;
	vertical-align: middle;
}
.gm-style .gm-style-iw {
	cursor:initial;
}
.map-box img {
	width:115px;
	position:relative;
	top:20px;
}



/* --------- New Css -------------- */
.margin-bottom {
    margin-bottom: 0 px;
}
.padding-bot-20{ padding-bottom:10px;}

.team-box p {
    margin-bottom: 10px;
	text-align: justify;
}
.team-box p.margin-bottom {
    margin-bottom: 2px;
}
.team-box img.pull-left {
    margin-right: 20px;
    margin-bottom: 20px;
}

.team-box img.pull-right {
    margin-left: 20px;
    margin-bottom: 20px;
}

.team-box {
	padding: 0;
    
    padding-bottom: 30px;
   
    margin-bottom: 30px;
}
.bottom-less{ margin-bottom:0 !important;}
.webauthorv1 { color: #bbb; text-align: left !important; font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; font-size: 11px !important; line-height: 1.4 !important; text-transform: uppercase !important; display: inline-block !important; position: relative !important; padding-left: 35px; }
.webauthorv1 strong.dfbold { font-size: 16px !important; font-weight: 700 !important; letter-spacing: 0.3px !important; }
.webauthorv1 a.dflink, .webauthorv1 a.dflink:hover, .webauthorv1 a.dflink:focus { color: inherit !important; text-decoration: none !important; font-weight: inherit !important; font-size: inherit !important; }
.webauthorv1 a.dflink:focus { outline: none !important; }
.webauthorv1 .dflogo { position: absolute; left: 0; top: 4px; }
.lineup1 { margin-left: -0.3px; }
.lineup2 { margin-left: -1.3px; }
.lineup3 { margin-left: -0.5px; }
.lineup4 { margin-left: -0.5px; }
.lineup5 { margin-left: -0.5px; }
.lineup6a { margin-left: 0.5px; }
.lineup6b { margin-left: -0.5px; }
.df-author[data-theme=white] .webauthorv1 { color: #fff !important; }
.df-author[data-theme=white] .webauthorv1 path { fill: #fff !important; }
.df-author[data-theme=light] .webauthorv1 { color: #bbb !important; }
.df-author[data-theme=light] .webauthorv1 path { fill: #bbb !important; }
.df-author[data-theme=dark] .webauthorv1 { color: #555 !important; }
.df-author[data-theme=dark] .webauthorv1 path { fill: #555 !important; }
.breadcrumb h2 { color: #bbb; font-size:14px;padding: 8px 15px;
    margin-bottom: 20px; text-transform:none; font-weight: normal; background:none; margin:0px; line-height:15px; padding:0px; display:inline-block;}