LOBAL *************
******************************/
html {
  scroll-behavior: smooth;
}
@font-face {
  font-family: avenir-medium;
  src: url(fonts/avenir-lt-pro-cufonfonts/AvenirLTProMedium.otf);
}
@font-face {
  font-family: avenir-light;
  src: url(fonts/avenir-lt-pro-cufonfonts/AvenirLTProLight.otf);
}
@font-face {
  font-family: avenir-heavy;
  src: url(fonts/avenir-lt-pro-cufonfonts/AvenirLTProHeavy.otf);
}
@font-face {
  font-family: domaine-regular;
  src: url(fonts/DomaineDisplay/DomaineDisplay-Regular.otf);
}
@font-face {
  font-family: domaine-regular;
  src: url(fonts/DomaineDisplay/DomaineDisplay-Regular.otf);
}
@font-face {
  font-family: domaine-regular;
  src: url(fonts/DomaineDisplay/DomaineDisplay-Regular.otf);
}
@font-face {
  font-family: domaine-semibold;
  src: url(fonts/DomaineDisplay/DomaineDisplay-Semibold.otf);
}
body {
	font-family:"avenir-light", serif;
}
.hr {
	background-image:url('assets/img/hr.jpg');
	width:100%;
	height:25px;
	background-size:cover;
	margin-top:-1px;
}
img {
	max-width:100%;
}
.dark-blue-btn {
	background:#294764;
	color:#fff !important;
	border-radius:25px;
	padding: 15px 30px 15px 30px;
	font-size:12px;
	font-weight:900;
	font-family: avenir-heavy, serif;
}
.dark-blue-btn:hover {
	background:#4F8AC9;
	color:#fff !important;
	transition:1s;
	text-decoration:none;
}
.blue-btn {
	background:#4F8AC9;
	color:#fff !important;
	border-radius:25px;
	padding: 12px 20px 10px 20px;
	font-size:12px;
	font-weight:900;
	font-family: avenir-heavy, serif;
}
.blue-btn:hover {
	background:#294764;
	color:#fff !important;
	transition:1s;
	text-decoration:none;
}
.align-center {
	align-items:center;
}
a:hover {
	cursor:pointer;
	color:#4F8AC9;
}
@media screen and (min-width:768px) {
	.hide-desktop {
		display:none !important;
	}
}
@media screen and (max-width:767px) {
	.hide-mobile {
		display:none !important;
	}
}
/*****************************
********** MAIN MENU **********
******************************/
.main-menu {
	margin:0px;
	padding:0px;
	list-style:none;
	float:right;
}
.main-menu li {
	display:inline-block;
	color:#4F8AC9;
	padding:0px 15px;
	font-weight:500;
}
.main-menu li a {
	color:#4F8AC9;
}
.main-menu li a:hover {
	color:#294764;
	transition:1s;
}
.main-menu a {
	text-decoration:none;
}
.main-menu a:hover li {
	color:#294764;
	transition:1s;
}
.header {
	padding-top:20px;
	padding-bottom:20px;
}
.header-wrap {
	position: sticky;
    top: 0;
    z-index: 1020;
    background:#fff;
}
.close {
	display:none;
}
.hamburger-container {
	display:none;
}
html:not([data-scroll='0']) .header {
  padding-top:10px;
  padding-bottom:10px;
}
html:not([data-scroll='0']) .header-wrap {
  border-bottom:1px solid #DEDED7;
  border-top:1px solid #DEDED7;
}
html:not([data-scroll='0']) .header-logo {
	max-height:45px;
}
@media screen and (max-width:991px) {
	.main-menu li {
		padding: 0px 5px;
	}
}
@media screen and (max-width:767px) {
	.main-menu {
		display:none;
	    width: 100%;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.hamburger-container {
		display:block;
	}
	.nav-btn {
		width:32px;
		float: right;
	}
	html:not([data-scroll='0']) .main-menu {
	  top:53px;
	}
	.main-menu li {
		display:block;
		padding-bottom:11px;
		font-size:22px;
		font-weight:500;
	}
	#menuModal .modal-dialog {
		max-width:100%;
	}
	#menuModal .main-menu {
		display:block;
		padding-top:40px;
		padding-bottom:40px;
	}
	#menuModal .header-logo {
		max-width:240px;
	}
}
/*****************************
********** HOME PAGE **********
******************************/
.contact-section {
	background-image:url('assets/img/contact-bg.jpg');
	background-size:cover;
	padding-top:70px;
	padding-bottom:70px;
}
.carousel-indicators li {
	background-color: #C4C4C4;
	width:15px;
	height:15px;
	border-top:none;
	border-bottom:none;
	border-radius:25px;
	margin-right:10px;
}
.carousel-indicators {
    bottom: -35px;
    justify-content: flex-start;
    margin-left:0px;
}
.carousel-indicators .active {
	background-color:#8CC53F;
}
.carousel-item p {
	font-size:22px; 
	color:#37475F;
}
.hero-container {
	background-image:url('assets/img/hero.png'); 
	min-height:500px; 
	background-size:cover; 
	margin-top:60px; 
	padding-bottom:100px;
}
.hero-container .row {
	align-items: flex-end; 
	min-height: 500px;
}
.hero-carousel {
	margin-bottom:25px;
}
.about-section {
	background-image:url('assets/img/about.jpg'); 
	color:#fff; 
	padding-top:100px; 
	padding-bottom:120px; 
	background-size:cover; 
	background-position: right center;
}
.about-image {
	margin-left: auto; 
	margin-bottom: -120px; 
	margin-top:30px;
	max-width:550px;
}
.about-section h3 {
	font-size:40px; 
	font-weight:600; 
	font-family: 'domaine-semibold', serif; 
	padding-bottom:15px;
}
.lg-text {
	font-size:22px; 
	line-height:30px; 
	font-weight:800;
}
.sm-text {
	font-size:20px; 
	line-height:30px; 
	font-weight:400;
}
.programs-section {
	background-image:url('assets/img/program-bg.jpg'); 
	color:#294764; 
	padding-top:100px; 
	padding-bottom:120px; 
	background-size:cover; 
	background-position: left center;
}
.programs-section h3, h3 {
	font-size:40px; 
	font-weight:600; 
	font-family: 'domaine-semibold', serif; 
	padding-bottom:15px;
	color: #294764;
}
.programs-image {
    margin-right: auto;
    margin-bottom: -120px;
    margin-top: 0px;
    max-width: 550px;
}
.cols-5 {
	flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.bod {
	padding-top:70px;
	padding-bottom:80px;
}
.bod-photo {
	background-size:cover; 
	min-height:210px; 
	width:100%; 
}
.bod-name {
	font-family: 'domaine-regular', serif; 
	font-weight:600;
	font-size:24px;
	line-height:30px;
	color:#fff;
	margin:0px;
}
.bod-position {
	font-weight:500;
	font-size:16px;
	line-height:30px;
	color:#fff;
}
.bod-bg {
	padding:12px;
}
.plus-icon {
	max-width:18px; 
	margin-left:auto; 
	display:inherit; 
	margin-bottom:10px; 
	margin-top:20px;
}
.bod-bg-5 {
	background-image:url('assets/img/bg-5.jpg');
}
.bod-bg-5:hover {
	background-image:url('assets/img/bg-5-overlay.png');
	cursor:pointer !important;
	transition:.5s;
}
.bod-bg-4 {
	background-image:url('assets/img/blue-2-bg.jpg');
}
.bod-bg-4:hover {
	background-image:url('assets/img/4-2.jpg');
	cursor:pointer !important;
	transition:.5s;
}
.bod-bg-3 {
	background-image:url('assets/img/salmon-bg.jpg');
}
.bod-bg-3:hover {
	background-image:url('assets/img/3-3.jpg');
	cursor:pointer !important;
	transition:.5s;
}
.bod-bg-2 {
	background-image:url('assets/img/blue-bod.jpg');
}
.bod-bg-2:hover {
	background-image:url('assets/img/2-2.jpg');
	cursor:pointer !important;
	transition:.5s;
}
.bod-bg-1 {
	background-image:url('assets/img/green-bod.jpg');
}
.bod-bg-1:hover {
	background-image:url('assets/img/1-1.jpg');
	cursor:pointer !important;
	transition:.5s;
}
.modal-dialog {
	max-width:1115px;
}
.modal-dialog .bod-name, .modal-dialog .bod-position, .modal-dialog p {
	color:#334761;
}
.modal-body {
	padding:40px 60px;
}
#menuModal .modal-body {
	padding:15px;
}
.close-modal {
	margin-left:auto; 
	max-width:18px; 
	display:inherit;
}
.close-modal:hover {
	cursor:pointer !important;
}
.news-section {
	color:#fff;
	background:#948F77;
}
.news-section p {
	font-size:24px;
	line-height:32px;
}
.news-section .col-sm-4, .news-section .col-sm-12 {
	padding-bottom:50px;
}
.news-section .carousel-item p {
	color:#fff;
}
.arrow-left {
	max-width: 25px;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translatey(-50%);
}
.arrow-right {
	max-width: 25px;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translatey(-50%);
}
p.press {
	font-weight:900;
	font-size:14px;
	line-height:32px;
	font-family: avenir-heavy, serif;
	padding-top:25px;
}
p.date {
	font-size:14px;
	position:absolute;
	bottom:0px;
}
.news-row-2 {
	display:none;
}
.news-mobile {
	display:none;
}
.contact {
	font-size:40px; 
	line-height:52px; 
	font-weight:600; 
	font-family: domaine-regular, serif; 
	color:#fff;
}
select {
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-image:url('assets/img/select.png');
    background-repeat:no-repeat;
    background-position: center right;
	background-position: 98% center;
	background-color:#fff;
}
input, select, textarea {
	padding:10px;
	color:#37475F;
	border:none;
	font-size:18px;
	font-family: avenir-medium;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #37475F;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #37475F;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #37475F;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #37475F;
}
.email-form {
	width:48%; 
	margin-right:3%; 
	margin-bottom:10px;
}
.phone-form {
	width:48%; 
	margin-bottom:15px;
}
#newsCarousel a {
	text-decoration:none;
}
@media screen and (max-width:1199px) {
	.hero-container, .hero-container .row {
		min-height:400px; 
	}
	.hero-carousel {
		margin-bottom:-15px;
	}
	.programs-section {
		background-position:30% center;
	}
	.bod-photo {
		min-height:160px;
	}
	.bod-bg {
		min-height:192px;
	}
}
@media screen and (max-width:991px) {
	.hero-carousel {
		margin-bottom:100px;
	}
	.hero-container, .hero-container .row {
		min-height:270px; 
	}
	.about-section {
		background-image:url('assets/img/about-bg.jpg');
		background-position:bottom center;
	}
	.programs-section {
		background-image:url('assets/img/programs-bg.jpg');
		background-position:bottom center;
	}
	.cancer-guardian {
		max-width:250px;
		margin-bottom:20px;
	}
	.cols-5 {
		flex: 0 0 50%;
	    max-width: 50%;
	}
	.bod-photo {
		min-height:310px;
	}
	.bod-bg {
		min-height:0px;
		background-size:cover;
		margin-bottom:20px;
	}
}
@media screen and (max-width:767px) {
	.hero-container, .hero-container .row {
		min-height:180px; 
	}
	.carousel-item p {
		font-size:16px; 
	}
	#newsCarouselMobile .carousel-item p {
		font-size:22px; 
	}
	.about-section h3, .programs-section h3  {
		font-size:30px; 
	}
	.lg-text {
		font-size:18px; 
		line-height:26px; 
	}
	.sm-text {
		font-size:16px; 
		line-height:26px; 
	}
	.programs-section, .about-section {
		padding-top:60px; 
		padding-bottom:60px; 
	}
	.programs-image, .about-image {
	    margin-bottom: -60px;
	}
	.bod-photo {
		min-height:225px;
	}
	.news-desktop {
		display:none;
	}
	.news-mobile {
		display:block;
	}
	#contact-form {
		margin-top:30px;
	}
	.email-form {
		width:100%; 
		margin-right:0%; 
		margin-bottom:15px;
	}
	.phone-form {
		width:100%; 
		margin-bottom:15px;
	}
}
@media screen and (max-width:575px) {
	.hero-container, .hero-container .row {
		min-height:125px;
	}
	.hero-container {
		width: calc(100% - 30px);
	}
	.about-image, .programs-image {
		max-width:100%;
	}
	.bod-photo {
		min-height:190px;
	}
	.news-mobile {
		width: calc(100% - 45px);
	}
	.bod-position {
		line-height:18px;
	}
	.bod-name {
		line-height:22px;
		padding-bottom:7px;
	}
}
@media screen and (max-width:420px) {
	.hero-container, .hero-container .row {
		min-height:84px;
	}
	.bod-photo {
		min-height:170px;
	}
	.bod-bg {
		min-height: 150px;
	}
	.plus-icon {
		position: absolute;
	    bottom: 30px;
	    right: 25px;
	}
}
/*****************************
********** FOOTER **********
******************************/
footer {
	padding-top:70px;
	padding-bottom:70px;
	color:#37475F;
}
footer a {
	color:#37475F;
}
.social img {
	max-width:35px;
	margin-right:5px;
}
.social p {
	font-family:'avenir-heavy', serif; 
	font-size:12px;
}
.footer-copy {
	font-size:14px;
}
.footer-copy p {
	margin-bottom:0px;
	display:inline-block;
}
.footer-copy p:nth-of-type(3) {
	width:40%;
}
.footer-copy p:nth-of-type(4) {
	width:30%;
}
.footer-copy p:nth-of-type(5) {
	width:29%;
	text-align:right;
}
.social-img {
	background-image:url('assets/img/fb-icon.png');
	background-color:#4F8AC9; 
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
    border-radius: 25px;
    background-position: center center;
    background-size: 10px;
    margin-right:5px;
    display:inline-block;
}
.social-img:hover {
	background-color:#294764;
	transition:1s;
	cursor:pointer;
}
.nav-btn:hover {
	cursor:pointer;
}
@media screen and (max-width:1199px) {
	.footer-copy p:nth-of-type(3) {
		width:43%;
	}
	.footer-copy p:nth-of-type(4) {
		width:27%;
	}
	.footer-copy p:nth-of-type(5) {
		width:28%;
		text-align:left;
	}
}
@media screen and (max-width:991px) {
	.social-img {
	    height: 32px;
	    width: 32px;
	    margin-right: 0px;
	}
	.footer-copy p:nth-of-type(4) {
		width:29%;
	}
	.footer-copy p:nth-of-type(5) {
		width:24%;
		text-align:left;
	}
}
@media screen and (max-width:767px) {
	.footer-logo {
		max-width:180px;
		margin-bottom:20px;
	}
	.header-logo {
		max-width:180px;
	}
	.footer-copy p {
		width:100% !important;
	}
	.social p {
		margin-bottom:7px;
	}
	.social-img {
	    margin-right: 7px;
	}
	footer {
		padding-top:40px;
		padding-bottom:40px;
	}
}