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

#web-footer {
 display: block;
}
#web-footer a.nav-subText:active {
 	color: #00bfff;   
}
#mobile-footer {
 display: none;
}

a.nav-text.blue {
    color: ‎#00bfff;
}
a.nav-subText {
    color: #FEFEFE;
    display: block;
    font-size: 16px;
    padding-left: 15px;
    line-height: 25px;
    display: inline-block;
}
.black-footer {
    background: #000000;
    height: 90px;
    width: 100%;
    margin-bottom:auto;
    float: left;
}
.footer-menu-space {
    float: left;
}
.left-nav-space {
    padding-left: 10px;
}
#side-nav .logo-footer img {
    width: 100%;	
}	
li.nav-item {
    list-style: none;
}
.workplace-image .left-nav-space{
	padding-left:2.5rem;
}
/****Buttons****/

/***button.btn.btn-success.nav-text {
font-size: 13px;
font-family: 'Montserrat',sans-serif;
font-weight: bold;
height: 5%;
border-radius: 0;
}
*****/

button.giveBottom {
    border-radius: 40px;
	padding: 5px 23px;
    font-size: 18px;
    color: #FFFFFF;
    font-family: Avenir-Medium;
    background: #6CB33E; 
        -webkit-filter: brightness(1.15);
    filter: brightness(1.15);
}
button.footer-buttons{
    background: #00bfff;
    border-radius: 40px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: Avenir-Medium;
    padding: 5px 15px;
    
}

/****Buttons End****/


div#health-wellness, div#quick-access, div#professional, div#about, div#involve, div#side-nav {
    padding: 0;
    margin-top: 50px;
    margin-bottom: 35px;
}
.nav-text-footer {
    color: #FEFEFE;
    font-size: 18px;
    font-family: Avenir-Black;
    padding: 0rem 1.5rem;
    line-height: 30px;
}

/****Footer content****/

.row.footer{
    width: 101%;
}
.footer {
    background: #696969;
}
div#health-wellness {
    width: 21%;
    margin-left: 40px;
    
}
#web-footer .left-nav-space {
    padding-left: 0;
    margin-bottom: 0;
}
#web-footer .nav-text-footer {
    padding: 0;
}
#web-footer a.nav-subText {
    padding-left: 0;
}
#web-footer #bottom-footer {
	padding-left: 10px;
    max-width: 1000px;
}
#web-footer a.nav-text-footer:hover {
    color: #fff;
}
#web-footer ul.health-menu a.nav-text-footer:hover {
    color: ‎#00bfff;
}
#bottom-footer li a.bottom-footer:hover {
	text-decoration: underline;
}
div#quick-access {
    width: 18%;
}
div#quick-access .patients-visitors {
    padding-top: 10px;
}
div#professional {
    width: 12%;
}
div#about {
    width: 15%;
    /*margin-left: -22px;*/
}
div#involve {
    width: 11%;
   /* margin-left: -3%;
    margin-left: -22px;*/
}
div#side-nav {
    /* width: 22%; */
    width: 330px;
    margin-right:40px;
}
#side-nav .image .logo-footer {
   list-style: none; 
}
.footer-menu-space.footer-logo-section {
    float: right;
}
.footer-menu-space.footer-logo-section ul:first-child {
    padding-left: 0;
    float: none;
}
div.support-text {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%;
    padding-top: 20px;
    
}
ul#bottom-footer li a {
    color: #FEFEFE;
}
ul#bottom-footer > li {
    font-size: 14px;
    line-height: 0;
    padding: 13px 0px 0px 8px;
    font-family: Avenir-Medium;
    display: inline-block;
}
li.contact-info a {
    font-size: 50px;
    line-height: 47px;
    margin-left: 90px;
    color: #FEFEFE;
	font-family: Avenir-black;
}
img.contact-img {
    width: 23px;
    height: auto;
    margin-left: 50px;
    position: absolute
}

/****Footer content end****/

/****Custom classes****/


.bottom-div{
    padding-top: 25px;
    display: inline-block;
    width: 100%
}
.bottom-div-buttons {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: thin solid  #dcdcdc;
}
.bottom-div-buttons a {
    width: 50%;
    float: left;
}
.bottom-div-buttons a button {
    min-width: auto;
}
/*.bottom-div-buttons a:last-child {
    margin-top: 12px
}*/
.bottom-div button:hover {
    text-decoration: underline;
}
button.btn.footer-buttons.sign_in-footer-button {
    float:right;
}
button.footer-buttons.left {
    float: left;
    float:right;
}
p.text-footer {
    color: #FEFEFE;
    line-height: 22px;
    font-size: 16px;
    font-family: Avenir-Medium;
    width: 60%;
    float: left;
}
p.support-button {
    display: inline-block;
    float: right;
}
.text {
    color: #FEFEFE;
    font-weight: bold;
    float: left;
}

ul.image{
    margin-bottom: auto;
}

img.top-work-place {
    width: 70px;
    height: 150px;
    padding-top: 20px;
    margin-left: 0px;
}
.footer-logo-separator {
    display: block;
    margin-right: 4px;
    margin-bottom: 10%;
    margin-top: 10%;
}
hr.top-footer {
    display: none;
}
ul.health-menu {
    padding-left: 0;
    padding-top: 25px;
}
.footer-nav-space {
    padding-top: 10px;
}
ul#bottom-footer-right {
    position: absolute;
    padding-top: 20px;
    float: right;
    right: 0;
    margin-right: 20px;
}
ul#bottom-footer-right li.contact-info {
	float: right;
}
ul#bottom-footer-right li.contact-info img.contact-img {
    margin-top: 5px;
}
#bottom-footer {
    padding: 19px 10px; 
    margin-bottom: 0;
}
#web-footer ul.web-footer-container li:first-child {
	padding-top: 0;
}
#web-footer ul.side-footer li:first-child {
	padding-bottom: 10px;
}
#web-footer ul.side-footer ul.inner-side-footer {
	padding-top: 10px;
    padding-bottom: 10px;
}
#web-footer ul.side-footer ul.inner-side-footer li:first-child {
	padding-bottom: 0;
}
.nav-item-space{
	padding-top:10px;
}
button.footer-buttons:hover{
	background-color: #009bd6;
    text-decoration:none;
}
button.giveBottom:hover{
	-webkit-filter: brightness(1);
    filter: brightness(1);
    text-decoration:none;
}
.bottom-div .footer-icons {
 	float: left;
    width: 100%;
    padding-top: 25px;   
}
.bottom-div .footer-icons a img {
 	padding-right: 17px;   
}
.bottom-div .footer-icons a .youtube-icon {
 	padding-right: 0;   
}
#web-footer .print-image {
    display: none;   
}
    
@media only screen and (min-width: 1800px) {
	.footer-logo-section .image img {
        content:url("/img/logo-footer@2x.png");
        width: 100%;
    }
}

@media only screen and (min-width: 1500px) {
    div#side-nav {
        width: 330px;
        margin-right: 50px;
	}
}


/** For Media Device 0 to 600px **/

@media only screen and (max-width: 599px) {
    
    #web-footer {
    	display: none;
    }
    #mobile-footer {
    	display: block;
    }
    #primary-accordion {
        padding-top: 50px;
    }
    #mobile-footer .page-secondary-title {
        font-size: 20px;
        padding-left: 2.5rem;
    	padding-top: 1.5rem;
    	color: #fff;
        padding-bottom: 0;
        outline: none;
        line-height: 24px;
        background: none;
    	border: none;
    }
    span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
        background: none;
        width: 0;
	}
    .ui-state-active .ui-icon, .ui-button:active .ui-icon {
     	width: 0;   
    }
    #primary-accordion .primary-accordion-container {
    	margin: 0 2rem;
    }
    #primary-accordion .page-secondary-title.active .show-up-icon, #primary-accordion .page-secondary-title .show-up-icon, #primary-accordion .page-secondary-title.ui-state-active .show-down-icon, #primary-accordion .page-secondary-title.ui-state-active.active .show-down-icon  {
    	display: none;
	}
	#primary-accordion .page-secondary-title.active .show-down-icon, #primary-accordion .page-secondary-title .show-down-icon, #primary-accordion .page-secondary-title.ui-state-active .show-up-icon, #primary-accordion .page-secondary-title.ui-state-active.active .show-up-icon  {
    	display: inline-block;
	}
    #primary-accordion .accordion_content.accordion-sub-menu {
    	margin-left: 2rem;
        background: none;
        border: none;
        color: #fff;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
    }
    #secondary-accordion .health-accordion-title {
    	padding-left: 2.5rem;
    	font-size: 26px;
    	padding-bottom: 10px;
    	outline: none;
    	color: #FEFEFE;
    }
    #secondary-accordion ul.secondary-menu-items {
    	margin-bottom: 20px;
    }
    #secondary-accordion ul.secondary-menu-items li a {
        font-size: 21px;
        padding-bottom: 10px;
    }
    .accordion-sub-menu ul.secondary-menu-items li a {
        font-size: 18px;
    	line-height: 29px;
        font-family: Avenir-Medium;
    	padding: 0rem 1.5rem;
        color: #fff;
    }
    ul.home-inner-container {
    	padding-left: 10px;
    }
    .home-inner-container li a {
        font-size: 27px;
    	line-height: 40px;
    }
    .workplace-image {
    	margin-top: 20px;
    }
    div#side-nav {
    	width: 100%;
    	padding: 20px;
        margin-bottom: 10px;
        margin-right: 0;
	}
    div#side-nav ul img {
    	width: 100%;
    }
    .bottom-div {
    	width: 100%;
    }
    .bottom-div .bottom-div-buttons a button.footer-buttons.left {
    	/*width: 70%;*/
    }
    .support-text p.text-footer {
        width: 70%;
        line-height: 25px;
        font-size:18px;
    }
    .black-footer {
    	padding: 25px 0;
    }
    .black-footer .seven-col {
    	width: 100%;
        padding: 10px;
    }
    .black-footer ul#bottom-footer-right {
    	position: relative;
    	padding-top: 0;
    	margin-top: 0;
    	margin-bottom: 0;
        margin-right: 0;
    }
    .black-footer ul#bottom-footer > li {
    	float: left;
    	width: 100%;
        font-size: 17px;
        line-height: 25px;
       	padding-top:0px
    }
    .black-footer ul#bottom-footer > li.copyright {
    	padding: 25px 8px;
    }
    .black-footer .four-col {
    	width: 100%;
        margin-top: 20px;
    }
    .black-footer .four-col li {
    	margin-left: 1rem;
    } 
    .black-footer .four-col li img.contact-img {
        margin-left: 0;
    }
    .black-footer .four-col li.contact-info a {
        font-size: 42px;
        margin-left: 0px;
        padding-top: 0;
        float: left;
    	padding-left: 20px;
    }
    ul#bottom-footer-right li.contact-info {
    	float: left;
    }
    ul#bottom-footer-right li.contact-info span {
    	float: left;
    }
    ul#bottom-footer-right li.contact-info img.contact-img {
        margin-left: 0;
    	position: relative;
    }
    button.footer-buttons, button.giveBottom {
        font-size: 17px;
    }
    .bottom-div .bottom-div-buttons a button.footer-buttons.left {
        /*width: 66%;*/
    }
    .bottom-div .footer-icons a img {
    	padding-right: 15px;
	}
    .bottom-div .footer-icons {
     	padding-top: 0;   
    }
}
@media only screen and (max-width: 350px) {
    .support-text p.text-footer {
    	width: 65%;
	}
    .bottom-div .bottom-div-buttons a button.footer-buttons.left,
    .bottom-div .bottom-div-buttons a button.footer-buttons.sign_in-footer-button {
        width: 100%;
        margin-bottom: 10px; 
    }
    button.footer-buttons {
     	padding: 10px 15px;
    }
    button.footer-buttons, button.giveBottom {
    	font-size: 20px;
	}
    .black-footer .four-col li.contact-info a
    {
    	font-size:35px;
    }
    p.support-button {
    	margin-top: 4px;
    }
    .bottom-div .footer-icons a img {
    	padding-right: 7px;
	}
    .bottom-div-buttons a {
    	width: 100%;
    }
}
@media only screen and (min-width: 400px) and (max-width: 599px) {
    button.footer-buttons, button.giveBottom {
        font-size: 20px;
    }
}

/** For Media Device 600px to 1200px **/

@media only screen and (min-width: 600px) and (max-width: 1199px) {
    .row.footer {
        width:100%;
        margin: 0;
	}
    .black-footer {
    	height: auto;
    }
    
}


/** For Media Device 900px to 1200px **/

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    
    div#side-nav {
       /* padding: 30px 50px 0; */
    	margin-bottom: 0;
    }
    /*#web-footer .left-nav-space {
    	margin-bottom: 13px;
	}*/
    div#health-wellness {
        width: 29%;
    }
    div#quick-access {
        width: 25%;
    }
    div#professional {
        width: 15%;
    }
    div#about {
        width: 20%;
    }
    div#involve {
        width: 18%;
        margin-left: 0;
    }
    div#side-nav {
        width: 100%;
        display: inline-block;
        border-top: thin solid  #dcdcdc;
        padding: 25px;
        padding-bottom: 10px;
        margin-right: 0;
        position: relative;
    }
    .footer-menu-space.footer-logo-section ul:first-child {
     	padding-top: 20px;   
    }
    ul.image {
        /* margin-bottom: auto; */
        float: left;
        display: inline-block;
        padding-top: 12px;
	}
    .bottom-div {
        padding-top: 10px;
        float: right;
        display: inline-block;
        width: 66%;
        padding: 0;
        margin: 0;
    }
    .bottom-div-buttons {
        display: inline-block;
        width: 50%;
        margin-top: 20px;
    	/*padding-right: 50px;	*/
        padding-bottom: 35px;
    	border-bottom: none;
        float: left;
	}
    .bottom-div-buttons a {
        width: 75%;
        float: left;
	}
    .bottom-div-buttons a button {
        width: 210px;
    	padding: 10px;
	}
    .bottom-div-buttons a:first-child button {
    	margin-bottom: 15px;
	}
    div.support-text {
        display: inline-block;
        width: 50%;
        padding-bottom: 20px;
        float: left;
    	margin-top: 31px;
    }
    p.support-button {
     	float: left;   
    }
    p.text-footer {
     	width: 65%;   
    }
    ul#bottom-footer > li {
        padding: 5px 10px 0px 10px;
    }
    ul#bottom-footer li.nav-item.copyright {
     	position: relative;
        bottom: inherit;
        left: 0; 
    }
    img.contact-img {
        margin-left: 20px;
	}
    li.contact-info a:nth-child(2) {
        margin-left: 0px;
	}
    li.contact-info a:last-child {
        margin-left: 60px;
	}
    ul#bottom-footer-right {
    	padding-top: 31px;
    }
    .bottom-div .footer-icons {
     	/*padding-top:25px;*/
        position: absolute;
    	left: 40px;
    	top: 100px;
        width: 30%;
    }
}

/** For Media Device 600px to 900px **/

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    div#side-nav {
        padding: 0 50px 0;
    }
    .black-footer {
        height: 116px;
    	padding-top: 13px;  
    }
	#bottom-footer {
    	padding: 5px 10px 0;
    }
    div#side-nav {
    	margin-right: 0;        
    }
    ul.image img {
        width: 100%;
    }
    .footer-menu-space ul {
        padding-left: 10px;
        margin-bottom: auto;
    }
    div#health-wellness {
        width: 37%;
    }
    div#quick-access {
        width: 26%;
    }
    div#professional {
        width: 46%;
        margin-top: 0;
    }
    div#about {
            width: 25%;
        position: absolute;
        margin-left: 73%;
        padding-top: 192px;;
    }
    div#involve {
        width: 30%;
        position: absolute;
        float: right;
        margin-left: 73%;
    }
    div#side-nav {
        width: 100%;
        border-top: thin solid  #dcdcdc;
    	margin-top: 18%;
        padding: 30px;
        position: relative;
    }
    li.contact-info span {
        padding-top: 5%;
        float: right;
        width: 228px;
    }
    li.contact-info a {
        font-size: 42px;
        padding-top: 5%;
    }
    div.support-text {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    
    .footer .footer-menu-space ul.image.left-nav-space {
        display: inline-block;
        float: left;
        width: 35%;
    }
    .bottom-div {
        float: right;
        padding: 0;
        display: inline-block;
        margin: 0;
        width: 335px;
    }
    .bottom-div-buttons {
        display: inline-block;
        width: 100%;
        border-bottom: none; 
    }
   /* button.footer-buttons {
        padding: 7px 26px;
    }*/
    button.footer-buttons.left {
        float: left;
        float: right;
    }
    p.text-footer {
        display: inline-block;
        float: left;
    }
    p.support-button {
        display: inline-block;
        float: right;
    }
    button.giveBottom {
        padding: 7px 34px;
    }
    ul.health-menu {
        padding-left: 0;
        padding-top: 10%;
    }
    button.btn.footer-buttons.sign_in-footer-button {
        margin-left: 0;
        float: right;
    }
    
    ul#bottom-footer {
        float: left;
    }
    ul#bottom-footer > li {
        font-size: 14px;
        line-height: 24px;
        padding: 0px 10px 0px 10px;
        font-family: Avenir-Medium;
        display: inline-block;
	}
    li.nav-item.contact-info {
    	margin-right: 0;
    }
    li.contact-info a {
    	font-size: 35px;
        margin-left: 35px;
        padding-top: 5px;
	}
    ul#bottom-footer-right {
      padding-top: 0;
    }
    img.contact-img {
        width: 23px;
        height: auto;
        margin-left: 0;
        position: relative;
        top: 0;
	}
    li.contact-info a {
        font-size: 35px;
    	float: right;
    }
    .bottom-div .footer-icons {
        padding-top: 25px;
        position: absolute;
        left: 45px;
        top: 85px;
        width: 35%;
    	font-size: 0;
    }
    
    
}

@media only screen and (min-width: 600px) and (max-width: 1023px) and (orientation: landscape) {
	
    .bottom-div {
        padding-right: 3px;
    }
    .black-footer {
        height: 134px;
    }
    div#health-wellness {
    	margin-left: 50px;
    }
    p.support-button {
    	margin-top: 4px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 720px) {
    .bottom-div .footer-icons {
        padding-top: 0;
    }
    .bottom-div .footer-icons a img {
     	margin-top: 10px;   
    }
}
@media only screen and (min-width: 700px) and (max-width: 899px) {
 	#side-nav .logo-footer img {
     	width: 290px;   
    }
}

@media print {
 	#web-footer .print-image {
     	display: inline-block;
        width: 330px;
        float: left;
        margin-top: 15px;
    }
}