@charset "UTF-8";
/* CSS Document */



#header{width:100%; position: fixed; top: 0; left: 0; background: #FFF; transition: all ease 0.3s; z-index: 999999;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.2);}


#header.shrink{}



#header .header-top{width: 100%; height: 35px; background: #333; font-size: 12px; line-height: 40px; padding: 0; color: #EEE; visibility: visible; opacity: 1; transition: all ease 0.3s;}


#header.shrink .header-top {
    height: 0px;
    visibility: hidden;
    opacity: 0;
}



#header .header-bottom{width: 100%; height: 90px; transition: all ease 0.4s; background: #FFF;}

#header img.header-logo{float: left; max-height: 75px; margin-top: 10px;}



#header .header-top .topleft {float: left; line-height: 35px;}
#header .header-top .topleft .toptext{padding-right: 20px; font-size: 13px; line-height: 35px;}
#header .header-top a {color: #EEE; text-decoration: none;}

#header .header-top .topright {float: right; line-height: 35px;}
#header .header-top .topright  .toptext {padding-right: 20px;}
#header .header-top .topright a {padding: 0px 0px 0px 15px; line-height: 35px; text-align: right; font-size: 14px;}


#headernav{float: right;}
#headernav ul {list-style: none;}
#headernav ul li{display: block; float: left; list-style-type: none; position: relative;}
#headernav ul li a{line-height: 90px; padding: 0 22px; display: block; text-decoration: none; color: #333; position: relative; font-size: 16px; font-family: 'Poppins',sans-serif; cursor: pointer;}


#header #headernav ul li.header-appointment-button {
    padding-top: 17px;
    padding-bottom: 19px;
    padding-left: 10px;
}
#headernav ul li.header-appointment-button a {
    background: #FFF;
    color: #31b9c1;
    padding: 16px 20px;
    line-height: 20px;
    transition: all ease 0.3s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #31b9c1;
}

#headernav ul li.header-appointment-button a:hover,#headernav ul li.header-appointment-button a:focus{background: #31b9c1; color: #FFF;}


#headernav ul li:hover > ul{display: block; visibility: visible; opacity: 1;}


#headernav ul ul::before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #EEE transparent;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	content: "";
}

#headernav ul ul {
background: #EEE;
border:1px solid #EEE;
position: absolute;
display: none;
z-index: 9;
width: 250px;
left: 50%;
margin-left: -125px;
visibility: hidden;
opacity: 0;
padding: 5px 5px 0px 5px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#headernav ul ul li {
display: block;
float: none;
background: #FFF;
margin-bottom: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#headernav ul ul li a {
padding: 20px 15px !important;
line-height: 14px !important;
font-size: 14px !important;
color: #333;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#headernav ul ul li a:hover, #headernav ul ul li a:focus{padding-left: 20px !important;}


#headernav ul ul ul{}
#headernav ul ul ul li{}
#headernav ul ul ul li a{}





#mobile-menu-trigger{display:none; float:right; position:relative; height: 60px; width: 60px; margin-top: 15px; margin-right: 0px;}


#responsive-menu-title{height: 70px !important; padding: 0px 20px 0px 20px !important; line-height: 60px !important; background: #333 !important; padding: 0px 20px !important; line-height: 70px !important; margin: 0px !important; font-family: 'Poppins', sans-serif;}

#responsive-menu-search-box{padding: 10px !important;}
#responsive-menu-container .responsive-menu-search-box{border:1px solid #444 !important;}