/*

Theme Name: Vanessa Rees

Theme URI: 

Author: 

Author URI: 

Description: 

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

Text Domain: vanessa_rees



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/*preset CSS*/
*{
	padding:0;
	margin:0;
}
img{
	border:none;
	outline:none;
	max-width:100%;
}
a,a:active,a:focus,a:hover{
	outline:none;
	text-decoration:none;
}
input:focus,textarea:focus,select:focus{
	outline:none!important;
	box-shadow:none;
}
a{
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
ul{
	margin:0;
	list-style-type:none;
}
.container{
	width:1394px;
}
body{
	background:#fff;
	font-family: 'Roboto', sans-serif;
}




/*preset CSS*/

.wrapper{
	width:100%;
 	float:left; 
	display:block; 
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	overflow:hidden; 
	
}


.header{
		width:100%;
	 	float:left;
	  	display:block;
	   	margin:0px 0px 0px 0px;
	    padding: 60px 0px 30px 0px;
		position: absolute;
	
 }
.logo{
		display: inline-block;
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
	}
.logo img{ max-width: 100%; }
.logo img:hover{
	opacity:0.5;
}
.navbar-default .navbar-collapse{
		border-color: transparent;
    	float: right;
}




.nav_section{width:100%; float:left; display:block; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.navbar-static-top{
	margin:0;
	background:none;
	border:none;
	position:relative;
}
.navbar-right{
	margin:0px 0 0; 
}
.logo a:hover{
	opacity:0.75;
}
.nav.navbar-nav.navbar-right{
	position:relative;
}
.navbar-default .navbar-nav > li{ float:none; display:inline-block;}

.header .navbar-nav{ 
		margin-top: 7px;
	    padding-left: 0px; 
	
	}
.navbar-default .navbar-nav > li{ margin:0px 0px 0px 00px; padding:0px 0px 0px 0px;}
.navbar-default .navbar-nav > li:first-child{ padding-left:0px;}
.navbar-default .navbar-nav > li:last-child{ background:none; padding-right:0px;}
.navbar-default .navbar-nav > li > a{
		font-size:20px;
		line-height: 28px;
		color:#000000;
		font-weight:400;
		background:none;
		padding: 7px 11px!important;
		padding-bottom:0;
		padding-top:0;
		transition:none;
		text-transform: uppercase;
		font-family: 'Roboto', sans-serif;
	
}
.navbar-default .navbar-nav > li:last-child a {
	
}

.navbar-default .navbar-nav > li:last-child{
	margin-right:0px;
}
.navbar-right .dropdown-menu{
		left:0;
		right:auto;
}
.dropdown-menu{
		min-width:180px;
		padding: 2px 11px 10px 11px;
		border:none;
		box-shadow:none;
		border-radius:0;
		background:#007cdc;
		top:100%;
		width: auto;
		
}
.dropdown-menu > li{}
.dropdown-menu > li > a{
		display:block;
		color:#fff;
		padding: 6px 0px 0px 0px;
		font-size:16px;
		line-height: 28px;
		background:none;
		position:relative;
		transition:0s;
		border-bottom:1px solid rgba(255,255,255,.30);
		font-weight:400;
		font-family: 'Roboto', sans-serif;
		text-transform: uppercase;
	
}
.dropdown-menu > li > a::before{}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	background-color:transparent;
	color: #fff;
}
.dropdown-menu > li:last-child a{
	border:none;
}


.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover{
	background-color:#007cdc;
	color:#fff;
}
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover{
	background-color:#007cdc;
	color:#fff;
}


.navbar-collapse{ overflow-x:hidden;}

.dropdown-menu > li:first-child a{}
.dropdown-menu > li:first-child > a:focus, .dropdown-menu > li:first-child > a:hover{
	
}


.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    
	background:none;
	color:rgba(255,255,255,.5);
}

.down_arrow{ width:100%; float:left; display:block; position:absolute; left:0px; bottom:70px; text-align:center;}
.down_arrow a{ display:block; width:50px; height:50px; margin:0 auto; background: url(images/circle1.png) no-repeat;}
.down_arrow a:hover{background: url(images/circle2.png) no-repeat;}


.phone_number_top{ text-align:right; margin:0px 0px 0px 0px;}
.phone_number_block {
    width: auto;display: inline-block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;position: relative;text-align: right; font-size:42px; line-height:44px; font-weight:400; color:#fff; letter-spacing:-1px;
}


.navbar-default .navbar-nav > li.online-booking > a{ background-color: #7C00AF; color: #fff; }

.navbar-default .navbar-nav > li.online-booking > a:focus, 
.navbar-default .navbar-nav > li.online-booking > a:hover,
.navbar-default .navbar-nav > .active.online-booking > a, 
.navbar-default .navbar-nav > .active.online-booking > a:focus, 
.navbar-default .navbar-nav > .active.online-booking > a:hover{
	background-color:#00B2E9;
	color:#fff;
}


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

 #banner-carousel .container,  #banner-carousel .row,  #banner-carousel .col-xs-12{ height:100%; position:relative;}
.banner_block{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }


.banner_info{ max-width: 950px;width:100%; padding:0px 15px 0px 15px; }

.banner_info {
	    position: absolute;
	    top: 50%;
	    height: auto;
	    left: 0;
	    right: auto;
	    -webkit-transform: translate(0, -50%);
	    -moz-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);
}

.banner_info h1{ 
		margin:0px 0px 60px 0px; 
		font-size:50px; 
		line-height:50px; 
		text-align:left; 
		color:#fff; 
		font-weight:300; 
		letter-spacing: 0px;
		font-family: 'Roboto', sans-serif; 
}
.banner_info p{
		font-size: 20px;
		line-height: 30px;
		color: #fff;
		font-weight: 400;
		margin: 0 0 0px;
		font-family: 'Poppins', sans-serif;
}

 #banner-carousel{
		width:100%;
		float:left;
		height:auto;
		position: relative;
		z-index:3;
}

#banner-carousel .container, #banner-carousel .row, #banner-carousel .col-xs-12{ height:100%; position:relative;}
#banner-carousel .carousel-inner{
		height:899px;
		position:relative;
}
#banner-carousel .carousel-inner .item{
		background-position:center center;
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
		width:100%;
		height:100%;
}

#banner-carousel .control{
		position:absolute;
		top:50%;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
		width:40px;
		height:74px;
		text-indent:-9999px;
		opacity:1;
	
}
/*======End Slider======*/


.about_me_section{
		width: 100%;
	    float: left;
	    display: block;
	    margin: 164px 0px 172px 0px;
	    padding: 0px 0px 0px 0px;
	    position: relative;
}
.well_come_right_bg {
	    width: 67%;
	    float: left;
	    display: inline-block;
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    overflow: hidden;
	    position: absolute;
	    right: 0px;
	    top: 0px;
}
.well_come_bg {
	    background-position: center center;
	    background-repeat: no-repeat;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    background-size: cover;
	    width: 100%;
	    height: 461px;
}

.wellcome_left{
		width: 100%;
		height: auto;
		float: left;
		padding: 62px 0 62px;
}
.wellcome_left h2{
		font-size: 29px;
		line-height: 29px;
		color: #007DDC;
		margin: 0 0 48px 0px;
		padding: 0px 0 22px 0px;
		background: url(images/line_shape.png) no-repeat left bottom;
		font-family: 'Roboto', sans-serif; 
}
.wellcome_left p{
		font-size: 18px;
		line-height: 30px;
		color: rgba(0, 0, 0, .71);
		margin: 0 0 0px;
		font-family: 'Roboto', sans-serif;
}
.wellcome_right{
		width: 100%;
		height: auto;
		padding: 206px 0 0px;
		position: relative;
}
.wellcome_right a{
		font-size: 17px;
		width: 379px;
		height: 77px;
		line-height: 77px;
		text-align: center;
		color: #fff;
		text-transform: uppercase;
		padding: 0 37px 0 0px;
		display: inline-block;
		position: absolute;
		bottom: 0;
		left: 0;
		font-weight: 400;
		margin: 0 0 0 11px;
		background: #007cdc url(images/button_icon.png) no-repeat right 44px center;
		font-family: 'Roboto', sans-serif;
}
.wellcome_right a:hover{
		background: #525252 url(images/button_icon.png) no-repeat right 44px center;
}
.wellcome_right img{
		max-width: 100%;
		width: auto;
		height: auto;
		float: right;
}

.doctor_service_block{
		width: 100%;
	    float: left;
	    display: block;
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    position: relative;
}
.service_right_part {
	    width: 67%;
	    float: right;
	    display: inline-block;
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    overflow: hidden;
	    right: 0px;
	    top: 0px;
}
.single_doctor{
		width: 33.33%;
		height: auto;
		float: left;
		position: relative;
		padding-right: 2px;
		padding-left: 2px;
		margin-bottom: 4px;
		overflow: hidden;
}
.doctor_thumb{
		width: 100%;
		height: 279px;
		float: left;
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		transition: all ease 400ms;
}

.single_doctor span{
		font-size: 15px;
		line-height: 51px;
		height: 51px;
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		display: inline-block;
		padding: 0 75px 0 18px;
		background: #007cdc url(images/button_icon.png) no-repeat right 19px center;
		font-family: 'Poppins', sans-serif;
		position: absolute;
		bottom: 23px;
		right: 21px;
}
.single_doctor:hover .doctor_thumb{
		transform: scale(1.3);
    	transition: all ease 400ms;
}
.single_doctor:hover span{
		background: #525252 url(images/button_icon.png) no-repeat right 19px center;		
}
.marginoff{
		margin-right: 0px;
}
.view_all_doc:before {
	    position: absolute;
	    content: '';
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: rgba(0, 125, 220, .82);
}
.single_doctor:hover .view_all_doc:before{
		position: absolute;
	    content: '';
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: rgba(0, 0, 0, .82);
}
.single_doctor .bg_off{
		background: url(images/button_icon.png) no-repeat right 37px center;
}
.single_doctor:hover .bg_off{
		background: url(images/button_icon.png) no-repeat right 37px center;
}
.my_service_info{
		width: 100%;
		height: auto;
		float: left;
}
.my_service_info h2{
		font-size: 29px;
		line-height: 29px;
		color: #007DDC;
		margin: 0 0 48px 0px;
		padding: 0px 0 22px 0px;
		background: url(images/line_shape.png) no-repeat left bottom;
		font-family: 'Roboto', sans-serif; 
}

.my_service_info p{
		font-size: 18px;
		line-height: 30px;
		color: rgba(0, 0, 0, .71);
		margin: 0 0 0px;
		font-family: 'Roboto', sans-serif;
}


.placeholder_section{
		width: 100%;
		height: 566px;
		float: left;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		padding: 170px 0 112px;
}
.placeholder_info{
		width: 100%;
		height: auto;
		float: left;
		padding: 0 240px;
}
.placeholder_info h1{
		font-size: 69px;
		line-height: 69px;
		color: #000000;
		font-weight: 400;
		margin: 0 0 13px;
		font-family: 'Roboto', sans-serif;
}
.placeholder_info p{
		font-size: 15px;
		line-height: 25px;
		color: rgba(0, 0, 0, .67);
		margin: 0 0 35px;
		font-weight: 400;
		padding: 0 135px;
		font-family: 'Roboto', sans-serif;
}
.placeholder_info a{
		font-size: 17px;
	    width: 216px;
	    height: 77px;
	    line-height: 77px;
	    text-align: center;
	    color: #fff;
	    text-transform: uppercase;
	    padding: 0 32px 0 0px;
	    display: inline-block;
	    font-weight: 400;
	    margin: 0 0 0 0px;
	    background: #007cdc url(images/button_icon.png) no-repeat right 33px center;
	    font-family: 'Roboto', sans-serif;
}
.placeholder_info a:hover{
		background: #525252 url(images/button_icon.png) no-repeat right 33px center;
}

.appointment_block{
		width: 100%;
		height: 371px;
		float: left;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: relative;
		padding: 137px 0 154px;
}
.appointment_block:before{
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0, 125, 220, .88);
}
.appointment_left{
		width: 100%;
		height: auto;
		float: left;
}
.appointment_left h1{
		font-size: 69px;
		line-height: 69px;
		color: #fff;
		margin: 0 0 0px;
		font-weight: 400;
		display: inline-block;
		font-family: 'Roboto', sans-serif;
}
.booking {
		font-size: 17px;
	    width: 237px;
	    height: 77px;
	    line-height: 77px;
	    text-align: center;
	    color: #007DDC;
	    text-transform: capitalize;
	    padding: 0 32px 0 0px;
	    display: inline-block;
	    font-weight: 400;
	    margin: 0 0 0 0px;
	    float: right;
	    background: #fff url(images/color_button.png) no-repeat right 33px center;
	    font-family: 'Roboto', sans-serif;
	    opacity: 1;
}
.booking:hover{
		color: #fff;
		background: #525252 url(images/button_icon.png) no-repeat right 33px center;
}

.footer{
		width: 100%;
		height: 320px;
		float: left;
		display: block;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: relative;
		padding: 90px 0 50px;
}
.footer:before{
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(112, 112, 112, .88);
}
.footer_left{
		max-width: 996px;
		width: 100%;
		height: auto;
		float: left;
		padding: 0 508px 0 0;
}
.footer_left img{
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 0 25px;
}
.footer_left img:hover{
		opacity: .5;
}
.footer_left p{
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 0px;
		color: #fff;
		font-weight: 300;
		font-style: italic;
		font-family: 'Roboto', sans-serif;
}
.footer_right{
		max-width: 368px;
		width: 100%;
		height: auto;
		float: left;
}
.aside{
		height: auto;
		float: right;
}
.aside h4{
		font-size: 16px;
		line-height: 32px;
		color: #fff;
		margin: 0 0 18px 20px;
		text-transform: uppercase;
		font-family: 'Poppins', sans-serif;
}
.quick_link{
		height: auto;
		float: left;
}
.quick_link{
		margin: 0 0 0px 20px;
		padding: 0 0 0px;
}
.quick_link li{
		display: block;
}
.quick_link li a{
		font-size: 14px;
		line-height: 32px;
		margin: 0 0 0px;
		color: #fff;
		font-weight: 400;
		text-transform: capitalize;
		font-family: 'Poppins', sans-serif;
}
.quick_link li a:hover{
		color: #171717;
}
.social_icon{
		width: 25px;
		height: auto;
		float: right;
		padding: 0px 0 50px;
}
.social_icon ul{
		margin: 0 0 0px;
		padding: 0 0 0px;
}
.social_icon ul li{
		display: block;
		margin: 0 0 34px 0px;
		float: right;
}
.social_icon ul li:last-child{
		margin: 0 0 0px 0px;
}
.hover_social{
		display: none;
}
.social_icon ul li a:hover .normal_social{
		display: none;
}
.social_icon ul li a:hover .hover_social{
		display: inline-block!important;
}
.footer_bottom{
		width: 100%;
		height: auto;
		float: left;
		padding: 35px 0 81px;
}
.footer_bottom p{
		font-size: 12px;
		line-height: 32px;
		color: rgba(255, 255, 255, .49);
		margin: 0 0 0px;
		font-style: italic;
		font-family: 'Poppins', sans-serif;
}



/*======================================= checkbox ================================*/

input[type='checkbox'] {
    display: none;
}


.footer_checkbox label {
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    line-height: 18px;
    min-width: 30px !important;
    min-height: 30px !important;
    margin: 0;
    color:#fff;
	background: url(images/check_1.png) no-repeat left 2px;
	border-radius:0px;
	border:none;
	padding:0px 0px 0px 20px;
}


.footer_checkbox input[type='checkbox']:checked + label {
	background: url(images/check_2.png) no-repeat left 2px;
}

/*start sub-page css*/

.banner_subpage{ 
		width:100%; 
		float:left; 
		display:block; 
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
		position:relative;
}
.banner_subpage{
		background-position:center center;
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
		height:417px;
}
.banner_subpage:before{
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: rgba(88, 90, 92, .73);
}
.generic_page{
		width: 100%;
		height: auto;
		float: left;
		display: block;
		padding: 80px 0 0px 0;
}
.generic_page .sub_page_title{
		font-size: 32px; 
		line-height: 42px;
		color: #000;
		font-weight:700;
		margin: 0 0 66px 0;
		font-family: 'Poppins', sans-serif;	
}
.generic_page h1{
		font-size: 32px; 
		line-height: 42px;
		color: #000;
		font-weight:700;
		margin: 0 0 17px 0;
		font-family: 'Poppins', sans-serif;	
}
.generic_page h2{
		font-size: 24px;
		line-height: 42px;
		color: #000;
		font-weight:700;
		margin: 0 0 25px 0;
		font-family: 'Poppins', sans-serif;
}
.generic_page h3{
		font-size: 18px; 
		line-height: 32px;
		color: #000;
		font-weight:700;
		margin: 0 0 34px 0;
		font-family: 'Poppins', sans-serif;
	
}
.generic_page p{
		font-size: 16px;
		color: #8F8F8F;
		line-height: 26px;
		margin-bottom: 30px;
		font-weight:400;
		font-family: 'Poppins', sans-serif;
}
.generic_page hr{
		width: 100%;
		color: #707070;
		display: block;
		float: left;
		margin-bottom: 50px;
		margin-top: 20px;
}
.generic_page ul{
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 25px 20px;
}
.generic_page ul li{
		width: 100%;
		height: auto;
		display: block;
		font-size: 16px;
		color: #8F8F8F;
		line-height: 26px;
		text-transform: capitalize;
		margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px;
		background: url(images/arrow.png) no-repeat left 3px;
		font-weight:400;
		font-family: 'Poppins', sans-serif;
}

.generic_page ol{
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 38px 40px;
		list-style: decimal !important;
		width: 100%; float: left; display: block;
}
.generic_page ol li{
		width: 100%;
		height: auto;
		font-size: 16px;
		color: #707070;
		line-height: 26px;
		text-transform: capitalize;
		font-weight:400;
		list-style: decimal !important;
		font-family: 'Poppins', sans-serif;
}

.form_section{
	width: 100%;
	height: auto;
	display: block;
	float: left;
}
.contact_form{
	width: 100%;
	height: auto;
	display: block;
	float: left;
	padding-right: 115px
}
.form_single{
	width: 100%;
	height: auto;
	float: left;
	display: block;
}
.half-col{
	width: 50%;
	height: auto;
	float: left;
	display: block;
}
.gap1{
	padding-right: 9px;
}
.gap2{
	padding-left: 9px;
}
.form_single label{
		width: 100%;
		float: left; 
		display: block;
		color: #626262;
		font-size: 12px;
		line-height: 15px;
		font-weight: 400;
		text-transform: capitalize; 
		margin-bottom: 8px;
		font-family: 'Poppins', sans-serif;
}
.form_single .form-control{ 
		margin-bottom: 15px; 
		box-shadow: none; 
		outline: none; 
		border-radius: 2px; 
		height: 39px; 
		width: 100%; 
		float: left; 
		display: block;
		font-size: 14px;
		color: rgba(98, 98, 98, .44);
		font-family: 'Poppins', sans-serif;
}
.form_text{
	height: 173px !important;
}

.sub_page{
		margin: 149px 0px 172px 0px;
}



/*======================================= selectbox 9 ================================*/

.select_block9 .chosen-container{width:100% !important; margin-bottom: 12px;}
.select_block9 .chosen-container-single .chosen-single div b{
	background: url(images/select_arrow.png) no-repeat center center;
	width:50px; height:39px;
}
.select_block9 .chosen-container-single .chosen-single div{
	width:50px; height:39px;
}
.select_block9 .chosen-container-single .chosen-single{
	height:39px;
	border:1px solid #d9d9d9;
	background:#fff;
	line-height:39px;
	text-align:left;
	font-size:14px;
	color:#8f8f8f;
	padding:0 0 0 13px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:3px;
	-webkit-box-shadow: inset 0 4px 4px -4px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 4px 4px -4px rgba(0,0,0,0.3);
    box-shadow: inset 0 4px 4px -4px rgba(0,0,0,0.3);
	width:100%;
	font-weight:400;
	box-shadow:none;
	font-family: 'Poppins', sans-serif;
}
.select_block9 .chosen-container-single .chosen-single::after{
	position:absolute; left:0; top:0; content:''; width:100%; height:100%;border:1px solid #fff;
}

.select_block9 .chosen-container .chosen-results li.highlighted {
  background-color: #00aae1;
  background-image:none;
}

.select_block9 .chosen-container .chosen-results li{ background:none; padding-left:10px; padding-right:10px;}
.select_block9 .chosen-container .chosen-drop{ width:100%}

.select_block9 .chosen-container-single .chosen-single div {
    display: block;
    height: 100%;
    position: absolute;
    right: -2px;
    top: -1px;
}

.select_block9 .chosen-container .chosen-results {
    color: #444;
	padding-left:0px;
}

.select_block9 .chosen-container-single .chosen-drop {
    margin-top: 1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
	background-color:#eeeeee;
}
.select_block9 .chosen-container .chosen-results li{ text-transform:uppercase;font-family: 'Poppins', sans-serif; font-size:12px; line-height:20px; background-color:#eeeeee;}
.select_block9 .chosen-container .chosen-results{margin: 0 0px 4px 0;background-color:#eeeeee;}

.submit_btn{
		width: 158px;
		height: 52px;
	    color: #fff;
	    display: inline-block;
	    overflow: hidden;
	    border: none;
	    text-align: center;
	    margin-top: 10px;
	    margin-bottom: 15px;
		line-height:52px;
		font-family: 'Roboto', sans-serif;
		font-weight:400;
		font-size:16px;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: #007DDC url(images/button_icon.png) no-repeat right 28px center;
		padding: 0 54px 0 0px;
}
.submit_btn:hover{
		color: #fff;
		background: #525252 url(images/button_icon.png) no-repeat right 28px center;
		padding: 0 54px 0 0px;
}
.form_single p{
		font-size: 12px;
		line-height: 15px;
		font-weight: 300;
		margin: 0;
		color: #626262;
		text-transform: capitalize;
		font-family: 'Poppins', sans-serif;
}
.form_single label span{
	color: #f00;
	padding-left: 8px;
}
.form_single p span{
	color: #f00;
	padding-right: 8px;
}
.video_section{
	width: 100%;
	height: auto;
	display: block;
	float: left;
	padding: 90px 0 80px 0;
}
.map{
	width: 100%;
	display: block;
	float: left;

}
.map img{
	width: 100%;

}
.video_section img{
	width: 100%;
	height: auto;
}
.table_section{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.table-bordered {
border-color: #E9E9E9;
margin-bottom: 0px;
}
th {
border-bottom: none!important;
}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th,
.content-inner .elementor .table-bordered > thead > tr > td, .content-inner .elementor .table-bordered > thead > tr > th
{
font-size: 14px;
color: #fff;
line-height: 20px;
padding: 11px 11px;
background: #000000;
text-transform: uppercase;
font-weight: 400;
vertical-align: middle;
font-family: 'Nunito Sans', sans-serif;
}
.table-bordered > tbody > tr > td ,
.content-inner .elementor .table-bordered > tbody > tr > td{
font-size: 10px;
color: #8F8F8F;
line-height: 20px;
padding: 11px 15px;
font-weight: 400;
font-family: 'Nunito Sans', sans-serif;
}

.table-striped > tbody > tr:nth-of-type(2n+2) {
background: #f4f4f4;
}

.elementor-editor-active .elementor-editor-element-setting,
.elementor-select-preset-list .elementor-preset{
	background:none;
}
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{
	padding:0 15px !important;
}
.elementor {

    margin: 0 -15px;

}
div.wpcf7-response-output{
	width:100%;
	margin:0 0 0!important;
	float:left;
	padding:0;
	border:none!important
}
.caret{
	display:none;
}


span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
    float: left;
    width: 100%;
    margin: -8px 0 12px;

}
textarea.form-control {
    height: 120px!important;
}
.bottom_part {
    width: 100%;
    float: left;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.single_doctor a {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.generic_page .single_doctor {
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}
.generic_page .doctor_thumb{
	padding-bottom: 62%;
	height: auto;
}


/*======================================== Responsive Design =============================*/
@media only screen and (max-width: 479px){
.appointment_left h1{
		font-size: 29px;
    	line-height: 39px;
    	text-align: center;
    	display: block;
    	margin: 0 0 10px;
}
.appointment_left{
		text-align: center;
}
.booking{
		float: none;
}

	
}
@media only screen and (min-width: 480px) and (max-width:639px) {
.booking{
		font-size: 16px;
	    width: 157px;
	    height: 57px;
	    line-height: 57px;
	    background: #fff url(images/color_button.png) no-repeat right 9px center;
}
.appointment_left h1{
		font-size: 29px;
    	line-height: 52px;
}




}


@media only screen and (min-width: 640px) and (max-width:767px){
.booking{
		font-size: 16px;
	    width: 157px;
	    height: 57px;
	    line-height: 57px;
	    background: #fff url(images/color_button.png) no-repeat right 9px center;
}
.appointment_left h1{
		font-size: 35px;
    	line-height: 52px;
}




}


@media only screen and (max-width: 767px){
.container{
	width:100%;
}
	
.logo img {
	    max-width: 100%;
	    width: 150px;
}
.header{
		padding: 20px 0px 20px 0px;
}

.contact_form{
	padding-right: 0px;
}

.logo{ border-right: none; }


.header .navbar-nav{
	margin-top: 0px;
}

.navbar-toggle{ 
		margin-top:0px; 
		margin-right:0px;
}
.navbar-nav {
	    margin-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
}
.navbar-right {
    margin: 0px 0 0;
}
.navbar-default .navbar-nav > li {float:left; display:block; margin-left:0px; width:100%; padding: 0px 5px 0px 0px; margin:0px 0px 0px 0px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 5px 5px 5px;
}
.dropdown-menu{ padding: 0px 0px 0px 0px;}
.navbar-default .navbar-nav > li > a {
    font-size: 15px;
    line-height: 30px;
    color: #535353;
    padding: 5px 0px 5px 10px;
    
}

.header .navbar-nav {
    margin: 0px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background-color: #fff;
    padding-left: 0px; padding-right: 0px;
}
#banner-carousel .carousel-inner{
		height:500px;
}

.dropdown-menu{ top:100%;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{ color:#fff; line-height:32px;}
.navbar-default .navbar-toggle{border-color: #fff;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#007DDC;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}

.header .navbar-nav{ margin-left:0px;padding-left: 0px;}
.navbar-nav .open .dropdown-menu{ background-color:#007DDC; padding-left: 8px; padding-right:8px;}



.header .navbar-nav.navbar-right li{ display: inline-block; float: left; width: auto;padding: 10px 10px 10px 10px; border: 1px solid #f7f7f7; margin-left: -1px; }
.header .navbar-nav.navbar-right li a{ padding: 0px 0px 0px 0px; }
.header .navbar-nav.navbar-right{ padding-left: 15px; }




.banner_info h1{
		margin: 0px 0px 40px 0px;
	    font-size: 30px;
	    line-height: 35px;
}
.banner_info p{
		font-size: 16px;
		line-height: 20px;
}
.navbar-default .navbar-collapse{
		width: 100%;
		float: left;
}
.about_me_section{
		margin: 80px 0px 80px 0px;
}
.wellcome_left{
		padding: 0px 0 42px;
}
.well_come_right_bg{
		display: none;
}
.wellcome_right{
		padding: 0px 0 0px;
}
.wellcome_right img{
		float: left!important;
}
.wellcome_right a{
		font-size: 15px;
    	width: 290px;
    	margin: 0 0 0 0px;
    	bottom: -97px;
    	background: #007cdc url(images/button_icon.png) no-repeat right 17px center;
}
.wellcome_left h2{
		margin: 0 0 28px 0px;
}
.service_right_part{
		width: 100%;
		padding: 0px 15px 30px 15px;
}
.single_doctor{
		width: 100%;
}
.doctor_service_block{
		padding: 80px 0px 40px 0px;
}
.my_service_info h2{
		margin: 0 0 28px 0px;
}
.placeholder_section{
		padding: 50px 0 20px;
}
.placeholder_info{
		padding: 0 0px;
}
.single_doctor span{
		font-size: 12px;
		bottom: 0px;
    	right: 0px;
    	padding: 0 75px 0 18px;
    	background: #007cdc url(images/button_icon.png) no-repeat right 19px center;
}
.placeholder_info h1{
		font-size: 39px;
    	line-height: 49px;
}
.placeholder_info p{
		padding: 0 0px;
		margin: 0 0 20px;
}
.appointment_block{
		height: 300px;
		padding: 114px 0 100px;
}

.footer{
		padding: 30px 0 40px;
		height: 460px;
}
.footer_left{
		max-width: none;
		width: 100%;
		padding: 0 0px 0 0;
}
.footer_left img{
		margin: 0 0 15px;
}
.footer_right{
		max-width: none;
		width: 100%;
		padding: 40px 0 0px;
}
.aside{
		width: 254px;
}
.social_icon{
		padding: 0px 0 20px;
}
.footer_bottom{
		padding: 11px 0 32px;
}
.footer_bottom p{
		font-size: 11px;
}

.generic_page{
		padding: 40px 0 0px 0;
}
.half-col{
		width: 100%;
}
.gap1 {
    	padding-right: 0px;
}
.gap2 {
    	padding-left: 0px;
}
.video_section{
		padding: 60px 0 60px 0;
}
.pb_single_block p{
		font-size: 16px;
    	line-height: 35px;
}
.form_single p{
		margin: 20px 0 25px;
}
.banner_subpage{
		height: 350px;
}
.generic_page .sub_page_title{
		margin: 0 0 26px 0;
}
#banner-carousel .carousel-inner .item{
		height: auto;
		padding-bottom:47%;
	}
	#banner-carousel .carousel-inner{
		height:auto;
	}
	
	#banner-carousel .container, #banner-carousel .row, #banner-carousel .col-xs-12 {
    height: 100%;
    position: relative;
    height: auto;
    position: absolute;
    top: 60%;
    width: 100%;
}
	#banner-carousel .container, #banner-carousel .row, #banner-carousel .col-xs-12 {
    height: 100%;
    position: relative;
    height: auto;
    position: absolute;
    top: 60%;
    width: 100%;
}
	.banner_info h1 {
    margin: 0px 0px 15px 0px;
    font-size: 20px;
    line-height: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width:991px) {
.container{
		width:750px;
}
.contact_form {
    	padding-right: 15px;
}
.logo{ 
		border-right: none; 
}
.header .navbar-nav{
	margin-top: 0px;
}

.header{
		padding: 20px 0px 10px 0px;
}
.logo img{
		width: 160px;
}
.navbar-default .navbar-nav > li > a{
		font-size: 14px;
    	line-height: 20px;
    	padding: 7px 7px!important;
}
#banner-carousel .carousel-inner{
		height:650px;
}
.banner_info h1{
		margin: 0px 0px 40px 0px;
	    font-size: 30px;
	    line-height: 38px;
}
.banner_info p{
		font-size: 16px;
    	line-height: 27px;
}



.well_come_right_bg{
		width: 69%;
}
.wellcome_right img{
		width: 330px;
}
.wellcome_right a{
		font-size: 11px;
    	width: 184px;
    	padding: 0 18px 0 0px;
    	background: #007cdc url(images/button_icon.png) no-repeat right 6px center;
    	background-size: 17px auto;
}
.wellcome_right a:hover {
    	background: #525252 url(images/button_icon.png) no-repeat right 6px center;
    	background-size: 17px auto;
}
.wellcome_left p{
		font-size: 16px;
}
.wellcome_left{
		padding: 23px 0 22px;
}
.wellcome_left h2{
		margin: 0 0 28px 0px;
}
.about_me_section{
		margin: 80px 0px 80px 0px;
}


.my_service_info h2{
		font-size: 28px;
		margin: 0 0 25px;
}
.my_service_info p{
		font-size: 16px;
}
.service_right_part{
		width: 68%;
}
.single_doctor{
		width: 32.75%;
}
.single_doctor span{
		font-size: 10px;
		padding: 0 26px 0 3px;
		bottom: 0px;
    	right: 0px;
		background: #007cdc url(images/button_icon.png) no-repeat right 7px center;
		background-size: 15px auto;
}
.single_doctor:hover span {
    	background: #525252 url(images/button_icon.png) no-repeat right 7px center;
    	background-size: 15px auto;
}
.single_doctor .bg_off{
		background: url(images/button_icon.png) no-repeat right 9px center;
		background-size: 15px auto;
}
.single_doctor:hover .bg_off {
    	background: url(images/button_icon.png) no-repeat right 9px center;
    	background-size: 15px auto;
}
.doctor_service_block{
		padding: 0px 0px 90px 0px;
}



.placeholder_info{
		padding: 0 95px;
}
.placeholder_info h1{
		font-size: 40px;
    	line-height: 49px;
}
.placeholder_info p{
		padding: 0 0px;
}
.placeholder_section{
		height: 460px;
		padding: 72px 0 45px;
}
.appointment_left h1{
		font-size: 40px;
    	line-height: 56px;
}


.footer{
		height: 360px;
		padding: 50px 0 20px;
}
.footer_left{
		max-width: 450px;
    	width: 100%;
    	padding: 0 31px 0 0;
}
.footer_right{
		max-width: 270px;
}
.aside{
		width: 242px;
}
.quick_link{
		width: 107px;
}










}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.container{
		width:970px;
}
.contact_form {
    	padding-right: 50px;
}

.logo img{
		width: 200px;
}
.header .navbar-nav{
		margin-top: 0px;
}
.navbar-default .navbar-nav > li > a{
		font-size: 17px;
    	line-height: 26px;
    	padding: 7px 8px!important;
}





.well_come_right_bg{
		width: 69%;
}
.wellcome_right img{
		width: 350px;
}
.wellcome_right a{
		font-size: 15px;
	    width: 260px;
	    padding: 0 23px 0 0px;
	    background: #007cdc url(images/button_icon.png) no-repeat right 9px center;
	    background-size: 22px auto;
	    margin: 0 0 0 0px;
}
.wellcome_right a:hover {
    	background: #525252 url(images/button_icon.png) no-repeat right 9px center;
    	background-size: 22px auto;
}
.wellcome_left p{
		font-size: 16px;
}
.wellcome_left{
		padding: 23px 0 22px;
}
.wellcome_left h2{
		margin: 0 0 28px 0px;
}
.about_me_section{
		margin: 80px 0px 80px 0px;
}




.my_service_info h2{
		font-size: 29px;
		margin: 0 0 30px;
}
.my_service_info p{
		font-size: 16px;
}
.service_right_part{
		width: 68%;
}
.single_doctor{
		width: 32.75%;
}
.single_doctor span{
		font-size: 12px;
	    padding: 0 26px 0 14px;
	    bottom: 6px;
	    right: 5px;
		background: #007cdc url(images/button_icon.png) no-repeat right 7px center;
		background-size: 15px auto;
}
.single_doctor:hover span {
    	background: #525252 url(images/button_icon.png) no-repeat right 7px center;
    	background-size: 15px auto;
}
.single_doctor .bg_off{
		background: url(images/button_icon.png) no-repeat right 9px center;
		background-size: 15px auto;
}
.single_doctor:hover .bg_off {
    	background: url(images/button_icon.png) no-repeat right 9px center;
    	background-size: 15px auto;
}
.doctor_service_block{
		padding: 0px 0px 90px 0px;
}




.placeholder_info{
		padding: 0 150px;
}
.placeholder_info h1{
		font-size: 50px;
    	line-height: 59px;
}
.placeholder_info p{
		padding: 0 17px;
}
.placeholder_section{
		height: 490px;
		padding: 92px 0 70px;
}


.appointment_left h1{
		font-size: 50px;
    	line-height: 59px;
}



.footer{
		height: 350px;
		padding: 50px 0 20px;
}
.footer_left{
		max-width: 600px;
	    width: 100%;
	    padding: 0 107px 0 0;
}
.footer_right{
		max-width: 340px;
}
.aside{
		width: 290px;
}
.quick_link{
		width: 127px;
}
.footer_bottom{
		padding: 25px 0 41px;
}

.generic_page{
		padding: 70px 0 0px 0;
}



}
@media only screen and (min-width: 1200px)  and (max-width: 1400px){
.container{ 
	width:1170px;
}



.well_come_right_bg{
		width: 71%;
}
.wellcome_right img{
		width: 400px;
}
.wellcome_right a{
		font-size: 16px;
	    width: 320px;
	    padding: 0 33px 0 0px;
	    background: #007cdc url(images/button_icon.png) no-repeat right 18px center;
	    margin: 0 0 0 0px;
}
.wellcome_right a:hover {
    	background: #525252 url(images/button_icon.png) no-repeat right 18px center;
}
.wellcome_left p{
		font-size: 16px;
}
.wellcome_left{
		padding: 53px 0 62px;
}
.wellcome_left h2{
		margin: 0 0 48px 0px;
}
.about_me_section{
		margin: 80px 0px 80px 0px;
}




.my_service_info h2{
		font-size: 29px;
		margin: 0 0 30px;
}
.my_service_info p{
		font-size: 16px;
}
.service_right_part{
		width: 70%;
}
.single_doctor{
		width: 32.75%;
}
.single_doctor span{
		font-size: 14px;
	    padding: 0 44px 0 25px;
	    bottom: 10px;
	    right: 10px;
	    background: #007cdc url(images/button_icon.png) no-repeat right 7px center;
	    background-size: 20px auto;
}
.single_doctor:hover span {
    	background: #525252 url(images/button_icon.png) no-repeat right 7px center;
    	background-size: 15px auto;
}
.single_doctor .bg_off{
		background: url(images/button_icon.png) no-repeat right 9px center;
		background-size: 15px auto;
}
.single_doctor:hover .bg_off {
    	background: url(images/button_icon.png) no-repeat right 9px center;
    	background-size: 15px auto;
}
.doctor_service_block{
		padding: 0px 0px 90px 0px;
}



.placeholder_info{
		padding: 0 240px;
}
.placeholder_info h1{
		font-size: 52px;
    	line-height: 59px;
}
.placeholder_info p{
		padding: 0 17px;
}
.placeholder_section{
		height: 530px;
		padding: 92px 0 70px;
}

.appointment_left h1{
		font-size: 55px;
    	line-height: 65px;
}


.footer{
		height: 350px;
		padding: 50px 0 20px;
}
.footer_left{
		max-width: 800px;
	    width: 100%;
	    padding: 0 200px 0 0;
}
.footer_right{
		max-width: 340px;
}
.aside{
		width: 290px;
}
.quick_link{
		width: 127px;
}
.footer_bottom{
		padding: 25px 0 41px;
}



.generic_page{
		padding: 75px 0 0px 0;
}




}



@media only screen and (min-width: 1921px){
.well_come_right_bg,
.service_right_part{
	width: 61%
}
}



