/*
Theme Name: WP-BOOTSTRAP3
Theme URI: 
Description: Custome Styles for HayStreet (Bootstrap 3)
Version: 0.0.1
Author: George Padlan Yap & Rober James Magalang
Author URI: 

All rights reserved.
*/

@import url("css/bootstrap.min.css");
@import url("css/font-awesome.min.css");

/*General*/
body {list-style:none !important; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}
a {color:#074997; -webkit-transition:all .6s ease 0s; -moz-transition:all .6s ease 0s; -o-transition: all .6s ease 0s; transition: all .6s ease 0s;}
a:hover {color:#11c8c8; text-decoration:none;}

@font-face {font-family:GibsonReg; src: url(fonts/Gibson-Regular.ttf);}
@font-face {font-family:GibsonBold; src:url(fonts/Gibson-Bold.ttf);}
/*@font-face {font-family:BlackJar; src: url(fonts/BLACKJAR.TTF);}*/

/* 
Colors:
Blue = #074997;
Dark Blue = #063a79;
Green = #11c8c8;
Dark Green = #019d9d;
*/

.topbar_btn a:hover{cursor: pointer}

/*Top Bar Section*/
.topbar {background-color:#074997; padding:0;}
.topbar_box {position:relative; height:50px;}
.topbar_btn {position:absolute; top:0; right:0; z-index: 5;}
.request_an_appointment, .page_content a.button{background-color:#11c8c8; border:0; border-radius:0; color:#fff; font-family:GibsonReg; padding:15px 20px; text-transform: uppercase; }
.request_an_appointment:hover, .page_content a.button:hover {background-color:#019d9d !important; color:#fff;}
.phone {background-color:transparent; border:0; color:#fff !important; font-family:GibsonReg; padding:15px 20px; text-transform: uppercase;}
.phone .disabled {color:#fff !important;}
.btn.disabled {opacity:1;}

/*Header Section*/
header {padding:0;}
.header_box {position:relative; height:150px;}
.logo {position:absolute; top:20px; left:0; z-index: 5;}

/*Navigation Section*/
.nav_box {margin-top:-105px; right:0; z-index: 5; height: 90px;}
.navbar-inverse {background:transparent; border:none;}
.navbar-inverse .navbar-nav > li > a {color:#074997; font-family:GibsonReg; text-transform: uppercase; font-weight:bold; padding-top:50px; -webkit-transition:all .6s ease 0s; -moz-transition:all .6s ease 0s; -o-transition: all .6s ease 0s; transition: all .6s ease 0s;height: 25px;}
.navbar-inverse .navbar-nav > li > a:hover {background:url(images/menu-icon.png) center no-repeat; color:#074997; height:20px; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; color:#074997;}
.navbar-inverse .navbar-nav > .active > a {background-color:transparent !important; background:url(images/menu-icon.png) center no-repeat; color:#074997; height:20px; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; color:#000 !important;}
.navbar .navbar-collapse {text-align: center;}
.navbar-toggle {background:#074997;}
.dropdown-toggle { background-color:#fff !important; color:#074997 !important;}
.menu-item-has-children:hover .dropdown-menu{display: block;}

/*Banner Section*/
.metaslider{max-width: none !important}
.flex-direction-nav .flex-next{right: 0 !important}
.banner{position: relative;}
.metaslider {
	width: 100%;
}
.metaslider .caption { color:#fff; font-family:GibsonBold !important; font-size:50px; text-shadow:1px 1px 1px #333;line-height: 120%;}
.banner_cross {
	width: 23%;
    position: absolute;
    top: -73px;
    left: -84px;
}
.img-banner{width: 100%;}
.metaslider .caption-wrap{
	background: none !important;
    opacity: 1 !important;
    bottom: 10% !important;
    left: 15% !important;
	width: 50% !important;
	position: absolute;
}
/**
.banner {
    background: url(images/banner.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
    padding: 100px 0 0;
    height: 700px;
}
**/

/*Home Content Section*/
.home_content {padding:50px 0 0;}
.home_content h3 {color:#074997; font-family:GibsonBold; margin-bottom:15px; text-align: left}
.home_content p {margin-bottom:15px;}
.welcome_box {margin-bottom:20px; text-align: left}
.img_box {margin-bottom:20px;}
.img_gradient:after {content:''; position:absolute; left:0px; top:0; width:100%; height:100%; background: -moz-linear-gradient(top, rgba(7, 73, 151, .5) 0%, rgba(7, 73, 151, .5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7, 73, 151, .5)), color-stop(100%,rgba(7, 73, 151, .5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(7, 73, 151, .5) 0%,rgba(7, 73, 151, .5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(7, 73, 151, .5) 0%,rgba(7, 73, 151, .5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(7, 73, 151, .5) 0%,rgba(7, 73, 151, .5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(7, 73, 151, .5) 0%,rgba(7, 73, 151, .5) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.img_box_text {width:70%; position:absolute; padding:10%; color:#fff !important; z-index:1; -webkit-transition: padding 1s; transition: padding 1s;}
.img_box_text:hover {padding-top:80px;}
.home_content .row{margin-bottom: 25px;}
.img_gradient{position: relative; width: 100%;}
.home_content .col{margin-bottom: 25px;}

/*Innerpage Banner Section */
.page_banner {background:url(images/banner2.jpg) no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:0; height:300px;}

/*Innerpage Content Section */
.page_content {padding:30px 0;}
.page_content_leftcol {padding-right:80px;}
.page_content_leftcol h1, .page_content_leftcol h2, .page_content_leftcol h3 {color:#074997; font-family:GibsonBold; margin-bottom:15px;}
.page_content_leftcol p {margin-bottom:15px;}
.page_content_rightcol {}
.page_content_rightcol h3 {color:#074997; font-family:GibsonBold; margin-bottom:15px;}
.news_content_leftcol h4, .news_content_leftcol h3 {font-size: 20px; margin: 15px 0 10px; font-weight: bold;}
.news_content_leftcol h4{font-size: 18px;}
.news_content_leftcol h5, .news_content_leftcol h6{font-size: 16px; color: #000; font-weight: bold;margin: 15px 0 10px;}
.news_content_leftcol h6{font-size: 15px; font-weight: bold; color: #333}
table th {
    font-weight: normal;
    padding: 8px;
    background-color: #FAFAF7;
    border-bottom: 2px solid #939393;
    color: #686868;
    text-align: center;
}
table td {
    border-bottom: 1px solid #D8D8D8;
    padding: 9px;
}
section.health_resources{padding-top: 111px;}
.hider{position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 999; height: 103px; background: url(images/hider.png)}
.health_resources .wrapper{position: relative; max-height: 183px; margin-bottom: 17px; overflow: hidden; padding-right: 10px}
.health_resources .wrapper .content{border-top: dashed 1px #d8d8d8;}
.health_resources .wrapper .readmore{position: absolute; z-index: 9999; display: block; left: 16px; bottom: 0}
.health_resources h4{font-size: 16px !important;margin: 20px 0 5px !important}
.health_resources h4 a{color: #666}
.health_resources p{margin-bottom: 7px !important;}


/*News Banner Section */
.news_banner {background:url(images/banner2.jpg) no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:0; height:300px;}

/*News Content Section */
.news_content {padding:30px 0;}
.news_content_leftcol {padding-right:80px;}
.news_content_leftcol h1, .news_content_leftcol h2, .news_content_leftcol h3 {color:#074997; font-family:GibsonBold; margin-bottom:15px;}
.news_content_leftcol p {margin-bottom:15px;}
.news_content_rightcol {}
.news_content_rightcol h3 {color:#074997; font-family:GibsonBold; margin-bottom:15px;}

/*Sidebar Section*/
.form {}
.form_box h2{margin: 0 0 10px;}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {background-color:#ecedee; border:none; margin-bottom:-10px; padding:10px; width:100%;}
body .gform_wrapper .gform_body .gform_fields .gfield textarea {background-color:#ecedee; border:none; margin-bottom:-20px; padding:10px; width:100%;}
body #gform_wrapper_1 .gform_footer input[type=submit] {background-color:#11c8c8; border:none; color:#fff; padding:10px; text-align:left; text-transform:uppercase; width:100%; -webkit-transition:all 0.8s ease 0s; -moz-transition:all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
body #gform_wrapper_1 .gform_footer input:hover[type=submit] {background-color:#0da9a9; }

/*News Content Section */
.news_content {}
.news_content_leftcol {}
.news_content_rightcol {}

/*About Our Clinic Section*/
.about {background-color:#019d9d; padding:0;}
.about .row{position: relative;}
.about_doctor {margin-top: 20px}
.about_our_clinic_box {
    padding: 40px;
	position: relative;
}
.about_our_clinic_box h3 {color:#fff; font-family:GibsonBold; margin-bottom:15px;}
.about_our_clinic_box p {color:#fff; font-family:GibsonReg; font-size:16px; margin-bottom:15px;}
.opening_hrs_box {background-color:#019d9d ; padding:40px 50px 20px}
.opening_hrs_box .table-bordered > tbody > tr > td{padding: 2px 0; font-size: 18px;}
.opening_hrs_box h3 {color:#fff; font-family:GibsonBold; margin-bottom:15px; text-align:left;}
.table > thead:first-child > tr:first-child > th {border-color:transparent !important; border-bottom-color:transparent !important;}
.table-bordered > tbody > tr > td {background-color:transparent; border-color:transparent !important; color:#fff; font-family:GibsonReg; font-size:16px; text-align:left; text-transform:capitalize;}

/*Services Section*/
.services {padding:0px 0 50px;}
.services h3 {color:#074997; font-family:GibsonBold; font-weight:normal !important; text-align:center; padding:25px 0 50px;}
.services-icon:hover h3 {color:#11c8c8 !important;}

.icon01 {background:url(images/service_01.png) no-repeat center; margin:0 auto; width:82px; height:82px;}
.services-icon .icon01:hover {background:url(images/service_01_hover.png) no-repeat center;}

.icon02 {background:url(images/service_02.png) no-repeat center; margin:0 auto; width:82px; height:82px;}
.services-icon .icon02:hover {background:url(images/service_02_hover.png) no-repeat center;}

.icon03 {background:url(images/service_03.png) no-repeat center; margin:0 auto; width:82px; height:82px;}
.services-icon .icon03:hover {background:url(images/service_03_hover.png) no-repeat center;}

.icon04 {background:url(images/service_04.png) no-repeat center; margin:0 auto; width:82px; height:82px;}
.services-icon .icon04:hover {background:url(images/service_04_hover.png) no-repeat center;}

.icon05 {background:url(images/service_05.png) no-repeat center; margin:0 auto; width:82px; height:82px;}
.services-icon .icon05:hover {background:url(images/service_05_hover.png) no-repeat center;}
.services-icon .icon{text-align: center}

/*Footer Section*/
footer {background-color:#074997; padding:0;}
.footer_logo {padding:40px 0 0;}
.contact {padding:60px 0 0 30px;}
.contact h4 {color:#fff; font-family:GibsonBold; font-size:20px; margin-bottom:15px;}
.contact p {color:#fff; font-size:16px; margin-bottom:15px;}
.map {padding:20px 0 10px;}
.map iframe {width:100%; height:250px;}

/*Copyright Section*/
.copyright {background-color:#063a79; color:#a1a1a1; font-family:GibsonReg; font-weight:normal !important; padding:20px 0; text-align:center;}
.copyright a {color:#a1a1a1; padding-right:5px; padding-left:5px;}
.copyright a:hover {color:#11c8c8;}
.site_by {margin-left:5px;}
.site_by a {color:#11c8c8; margin-left:-5px !important;}
.site_by a:hover {color:#019d9d;}

/*Misc*/
.display_blk {display:block;}
.dotted {border-top:1px dotted #333; height:30px; margin-top:30px;}

/*5 Columns Bottstrap*/
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}

.about_our_clinic_box a.btn{
    background: #019d9d;
    color: #FFF;
    text-transform: uppercase;
    padding: 5px 10px 3px;
    line-height: 1;
}

.map_box{padding: 0px;}
.map_box iframe{    
    width: 97%;
    height: 310px;
    margin: 10px auto;
    float: none;
    display: block;
   }

/* Navigation Begin */

.nav {
    position: relative;
	float: left;
	margin-left: 40%;
	background-color: #ffffff;
	z-index: 99999;
}

.nav ul li,
.nav ul li a {
    display: inline-block
}

.nav ul li a {
    padding: .5em 0.9em;
	font-family: GibsonReg;
    text-transform: uppercase;
    font-weight: bold;
}

.nav li {
    /*border-bottom: 2px solid transparent*/
	padding-top: 50px;
}

.nav li:hover {
    /*border-bottom: 2px solid #86d50a;*/
	background: url(images/menu-icon.png) center no-repeat;
	
}

.nav .menu-item-has-children {
    position: relative;
}

.nav .menu-item-has-children ul li,
.nav .menu-item-has-children ul li a {
    /*color: #D7D7D7;*/
	padding-top: 5px;
	padding-bottom: 5px;
	background: none;
}

.nav .menu-item-has-children ul li a:hover {
	background-color: #11C8C8;
	color: #043838;
	padding-top: 5px;
	padding-bottom: 5px;
}

.nav .menu-item-has-children input[type=checkbox]:checked~.sub-menu {
    display: block
}

.nav .menu-item-has-children input[type=checkbox]:checked+.sub-menu-toggle {
    background-color: rgba(255, 255, 255, .2)
}

.nav .menu-item-has-children input[type=checkbox]~.sub-menu {
    display: none
}

.nav .sub-menu {
    background-color: #ffffff;
    display: none;
    margin-top: -5px;
    position: absolute;
    width: 15.75em;
	border: 1px solid #D6D6D6;
    z-index: 1010
}

.nav .sub-menu a {
    display: block
}

.nav .sub-menu .menu-item {
    display: block
}

.nav .sub-menu .menu-item-has-children .sub-menu-toggle {
    position: absolute;
    right: 0;
    top: 0
}

.nav ul li ul .sub-menu {
    top: -2px;
    left: 100%
}

.nav .sub-menu-toggle {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    padding: .5em
}

.nav .sub-menu-toggle:hover {
    background-color: rgba(255, 255, 255, .2)
}

.nav input[type=checkbox] {
    display: none
}

.menu {
    margin-bottom: 0
}

.menu,
.sub-menu {
    list-style: none;
    padding-left: 0
}

.nav-toggle {
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid rgba(204, 204, 204, .2);
    cursor: pointer;
    display: none;
    margin: 0;
    padding: .25em .5em;
    position: relative;
    float: right
}

#nav-toggle {
    display: none
}

@media screen and (max-width:767px) {
    .nav {
        clear: both;
		width: 100%;
		top: 15px;
    }
    .nav ul li,
    .nav ul li a,
    .nav ul li ul {
        display: block
    }
    .nav .menu {
        display: none
    }
    .nav .sub-menu {
        background-color: #11C8C8;
		color: #043838;
        position: static;
        width: 100%;
        padding-left: 1em
    }
    .nav .sub-menu li:hover {
        background-color: rgba(0, 0, 0);
        border-bottom: 2px solid transparent
    }
    .nav .sub-menu-toggle {
        position: absolute;
        right: 0;
        top: 0
    }
	.nav .menu-item-has-children ul li a {
		color: #043838;
	}
    .nav-toggle {
        display: block
    }
    #nav-toggle:checked+.nav .menu {
        display: block
    }
	.nav {
		margin-left: 0;
	}
	.nav li {
		padding-top: 5px;
	}
}

@media screen and (min-width:769px) {
    .nav .menu-item-has-children:hover>ul.sub-menu {
        display: block
    }
}

/* Navigation End */

@media (min-width: 240px) {
	.col-xs-15 {width: 20%; float: left;} 
}
@media (min-width: 480px) {.col-xs-15 {width: 20%; float: left;}}
@media (min-width: 768px) {.col-sm-15 {width: 20%; float: left;}}
@media (min-width: 992px) {.col-md-15 {width: 20%; float: left;}}
@media (min-width: 1200px) {.col-lg-15 {width: 20%; float: left;}}

p{overflow: hidden;line-height: 160%;}
.alignleft{float: left; margin: 0px 20px 15px 0px;}
.alignright{float: right; margin: 0px 0px 15px 20px;}
.page_content_leftcol h4{margin: 20px 0 15px; line-height: 150%;}
.appt-link{margin-bottom: 20px;}
.dropdown-menu>li>a{color: #999}
.dropdown-menu>li>a:hover{color: #000;background-color: #11c8c8;}

table.meet-the-doctors td{border-bottom: none; vertical-align: top}
table.meet-the-doctors td h4{margin-top: -2px;}
table.meet-the-doctors td img{border: #333 1px solid; margin-bottom: 15px;}

/*Media Queries*/
@media (max-width: 1200px) { 
	.about_doctor{bottom: 0px !important;}
	
	.logo {
		width: 70%;
	}
	
	.navbar-inverse .navbar-nav > li > a {
		height: 100%;
	}
	
	.navbar-inverse .navbar-nav > .active > a {
		height: 100%;
	}
}

@media (min-width: 1200px){.img_gradient{width: 70%}

@media (max-width: 1199px) {
.header_box {height:auto;}
.logo {position:static;}
.img_gradient:after {content:''; position:absolute; top:0; width:100%; height:100%; left: 0px}

.opening_hrs_box {
	min-height: 100%;
    padding: 40px 30px;
    right: 0px;
    height: 100%;
}

.nav_box{margin: 0;}
.navbar{text-align: center;}
.navbar .container{display: inline-block; width: auto;}
}

@media (min-width: 992px){
	.home_content .col{
		width: 32.333333%;
		display: inline-block;
		float: none;
	}
	.home_content{text-align: center}
	.welcome_box{width: 100% !important}
}

@media (max-width: 991px){
	.page_content_rightcol{margin-top: 100px}
	.page_content_leftcol{padding-right: 15px;}
	.news_content_leftcol h4{margin: 20px 0 10px}
	.services{padding-top: 10px;}
	.about_our_clinic_box {
		padding: 10px 40px 30px;
		margin-top: 40px;
		overflow: hidden;
	}

	.opening_hrs_box{position: relative;}
}

@media (max-width: 906px){
	.metaslider .caption{font-size: 40px;}

	.banner_cross {
		width: 15%;
		top: -43px;
		left: -50px;
	}
	
	
}

@media screen and (max-width: 782px) {
	/*.page_content_leftcol {padding-right:0px;}*/
}

@media (min-width: 768px) and (max-width: 979px) {
.header_box {height:auto;}
.logo {position:static;}
}

@media (min-width: 768px) and (max-width: 992px){
	.home_content .col {
		width: 49%;
		display: inline-block;
		float: none;
	}
	.home_content{text-align: center}
	.welcome_box{width: 100% !important}
}

@media (max-width: 767px) {
	.topbar_box {height:auto;}
	.topbar_btn {position:static;}
	.request_an_appointment {display:block;}
	.phone {text-align:center !important;}
	.header_box {height:auto;}
	.logo {position:static;}
	
	.navbar .navbar-collapse{margin-top: 20px;}
	.navbar .container{display: block !important}
	.logo img{max-width: 250px; float: left; margin-top: 10px;}
	.nav_box{margin-top: -58px;}
	.navbar-inverse .navbar-nav > li > a{background: none !important; padding: 10px !important; height: auto !important;}
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: rgba(23,21,74,1.00) !important;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a{background: rgba(79,131,203,1.00)}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{text-align: center; color: rgba(37,54,98,1.00)}
	.navbar-nav .open .dropdown-menu{margin-top: -10px;}
	
	.img_box {
		margin: 15px auto;
		width: 80%;
		padding: 0px;
		float: none;
		display: block;
	}
	.img_box_text{width: 100%; left: 0; text-align: center;}
	.img_gradient img{width: 100%;}
	.img_gradient:after {
		content: '';
		top: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
	}
	
	.news_content_leftcol{padding: 20px}
	.news_content_rightcol{padding: 0 20px 20px;}
	
	.banner_cross {
		width: 10%;
		top: -37px;
		left: -41px;
	}
	
	.services-icon{text-align: center} 
	.services h3{padding-bottom: 25px;}
	
	
}

@media (max-width: 567px) {
	.about_our_clinic_box h3, .about_our_clinic_box p{width: 100%;}
	.about_doctor {
		width: 100%;
		max-width: 300px;
		left: 10px;
		bottom: 0px;
		position: relative;
		margin-bottom: -40%;
	}
}

@media (max-width: 612px) {
	.metaslider .caption {font-size: 24px;}
}



@media (max-width: 480px) {
	.logo img{max-width: 180px;}
	.nav_box {
		margin-top: -47px;
	}
	.metaslider .caption {font-size: 20px;}
	.banner_cross{display: none;}
	
}

@media (max-width: 376px) {
	.metaslider{top: 20px;}
}

@media (max-width: 240px) {
.img_gradient:after {content:''; position:absolute; left:20; top:0; width:92.5%; height:100%;}
}