/*===== Carousel CSS =====*/
.slider, 
	.slider > div {
		/* Images default to Center Center. Maybe try 'center top'? */
		background-position: center center;
		display: block;
		width: 100%;
		height: 300px;
		/* height: 100vh; *//* If you want fullscreen */
		position: relative;
		background-size: cover;
		background-repeat: no-repeat;
		background-color: #000;
		overflow: hidden;
		-moz-transition: transform .4s;
		-o-transition: transform .4s;
		-webkit-transition: transform .4s;
		transition: transform .4s;
	}

	.slider > div {
		position: absolute;
	}

	.slider > i {
		color: #5bbd72;
		position: absolute;
		font-size: 60px;
		margin: 20px;
		top: 40%;
		text-shadow: 0 10px 2px #223422;
		transition: .3s;
		width: 18px;
		padding: 10px 13px;
		background: #fff;
		background: rgba(255, 255, 255, .3);
		cursor: pointer;
		line-height: 0;
		box-sizing: content-box;
		border-radius: 3px;
		z-index: 4;
	}

	.slider > i svg {
		margin-top: 3px;
	}

	.slider > .left {
		left: -100px;
	}
	.slider > .right {
		right: -100px;
	}
	.slider:hover > .left {
		left: 0;
	}
	.slider:hover > .right {
		right: 0;
	}

	.slider > i:hover {
		background:#fff;
		background: rgba(255, 255, 255, .8);
		transform: translateX(-2px);
	}

	.slider > i.right:hover {
		transform: translateX(2px);
	}

	.slider > i.right:active,
	.slider > i.left:active {
		transform: translateY(1px);
	}

	.slider:hover > div {
		transform: scale(1.01);
	}

	.hoverZoomOff:hover > div {
		transform: scale(1);
	}

	.slider > ul {
		position: absolute;
		bottom: 10px;
		left: 50%;
		z-index: 4;
		padding: 0;
		margin: 0;
		transform: translateX(-50%);
	}

	.slider > ul > li {
		padding: 0;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		list-style: none;
		float: left;
		margin: 10px 10px 0;
		cursor: pointer;
		border: 1px solid #fff;
		-moz-transition: .3s;
		-o-transition: .3s;
		-webkit-transition: .3s;
		transition: .3s;
	}

	.slider > ul > .showli {
		background-color: #D5EDF6;
		-moz-animation: boing .5s forwards;
		-o-animation: boing .5s forwards;
		-webkit-animation: boing .5s forwards;
		animation: boing .5s forwards;
	}

	.slider > ul > li:hover {
		background-color: #D5EDF6;
	}

	.slider > .show {
		z-index: 1;
	}

	.hideDots > ul {
		display: none;
	}

	.showArrows > .left {
		left: 0;
	}

	.showArrows > .right {
		right: 0;
	}

	.titleBar {
		z-index: 2;
		display: inline-block;
		background: rgba(0,0,0,.5);
		position: absolute;
		width: 100%;
		bottom: 0;
		transform: translateY(100%);
		padding: 20px 30px;
		transition: .3s;
		color: #fff;
	}

	.titleBar * {
		transform: translate(-20px, 30px);
		transition: all 700ms cubic-bezier(0.37, 0.31, 0.2, 0.85) 200ms;
		opacity: 0;
	}

	.titleBarTop .titleBar * {
		transform: translate(-20px, -30px);
	}

	.slider:hover .titleBar,
	.slider:hover .titleBar * {
		transform: translate(0);
		opacity: 1;
	}

	.titleBarTop .titleBar {
		top: 0;
		bottom: initial;
		transform: translateY(-100%);
	}

	.slider > div span {
		display: block;
		background: rgba(0,0,0,.5);
		position: absolute;
		bottom: 2px;
		color: #fff;
		text-align: center;
		padding: 18px 18px 30px 18px;
		width: 100%;
	}


	@keyframes boing {
		0% {
			transform: scale(1.2);
		}
		40% {
			transform: scale(.6);
		}
		60% {
			transform: scale(1.2);
		}
		80% {
			transform: scale(.8);
		}
		100% {
			transform: scale(1);
		}
	}

	@media (max-width:599px) and (min-width:569px){
		.slider, .slider > div{
			height: 175px;
			margin-bottom:20px;
		}
	}

	@media (max-width:619px) and (min-width:600px){
		.slider, .slider > div{
			height: 182px;
			margin-bottom:20px;
		}
	}

	@media (max-width:639px) and (min-width:620px){
		.slider, .slider > div{
			height: 188px;
			margin-bottom:20px;
		}
	}

	@media (max-width:679px) and (min-width:640px){
		.slider, .slider > div{
			height: 195px;
			margin-bottom:20px;
		}
	}

	@media (max-width:699px) and (min-width:680px){
		.slider, .slider > div{
			height: 202px;
			margin-bottom:20px;
		}
	}

	@media (max-width:744px) and (min-width:700px){
		.slider, .slider > div{
			height: 209px;
			margin-bottom:20px;
		}
	}

	@media (max-width:744px) and (min-width:700px){
		.slider, .slider > div{
			height: 209px;
			margin-bottom:20px;
		}
	}

	@media (max-width:768px) and (min-width:745px){
		.slider, .slider > div{
			height: 219px;
			margin-bottom:20px;
		}
	}

	@media (max-width:794px) and (min-width:769px){
		.slider, .slider > div{
			height: 193px;
			margin-bottom:20px;
		}
	}

	@media (max-width:832px) and (min-width:795px){
		.slider, .slider > div{
			height: 203px; 	
		}
	}

	@media (max-width:862px) and (min-width:833px){
		.slider, .slider > div{
			height: 213px;
		}
	}

	@media (max-width:895px) and (min-width:863px){
		.slider, .slider > div{
			height: 223px;
		}
	}

	@media (max-width:919px) and (min-width:896px){
		.slider, .slider > div{
			height: 233px;
		}
	}

	@media (max-width:959px) and (min-width:920px){
		.slider, .slider > div{
			height: 240px;
		}
	}

	@media (max-width:1022px) and (min-width:960px){
		.slider, .slider > div{
			height: 260px;
		}
	}
	/*=======================*/

	.bg-bckgrndblue{
		background-color: #0097b2;
	}

	.btn-bckgrndgrey{
		background-color: #c6c7c7;
	}

	/* button-82 */
	.button-82-pushable {
		position: relative;
		border: none;
		background: transparent;
		padding: 0;
		cursor: pointer;
		outline-offset: 4px;
		transition: filter 250ms;
		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
	  }
	  
	  .button-82-shadow {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 12px;
		background: hsl(0deg 0% 0% / 0.25);
		will-change: transform;
		transform: translateY(2px);
		transition:
		  transform
		  600ms
		  cubic-bezier(.3, .7, .4, 1);
	  }
	  
	  .button-82-edge {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 12px;
		background: linear-gradient(
		  to left,
		  hsla(42, 98%, 55%, 1) 0%,
		  hsla(42, 98%, 55%, 1) 8%,
		  hsla(42, 98%, 55%, 1) 92%,
		  hsla(42, 98%, 55%, 1) 100%
		);
	  }
	  
	  .button-82-front {
		display: block;
		position: relative;
		padding: 12px 27px;
		border-radius: 12px;
		font-size: 1.1rem;
		color: white;
		background-color: hsla(42, 98%, 55%, 1);
		will-change: transform;
		transform: translateY(-4px);
		text-align: center;
		text-decoration: none !important;
		transition:
		  transform
		  600ms
		  cubic-bezier(.3, .7, .4, 1);
	  }
	  
	  @media (min-width: 768px) {
		.button-82-front {
		  font-size: 1.25rem;
		  padding: 12px 4px;
		}
	  }
	  
	  .button-82-pushable:hover {
		filter: brightness(110%);
		-webkit-filter: brightness(110%);
	  }
	  
	  .button-82-pushable:hover .button-82-front {
		transform: translateY(-6px);
		transition:
		  transform
		  250ms
		  cubic-bezier(.3, .7, .4, 1.5);
	  }
	  
	  .button-82-pushable:active .button-82-front {
		transform: translateY(-2px);
		transition: transform 34ms;
	  }
	  
	  .button-82-pushable:hover .button-82-shadow {
		transform: translateY(4px);
		transition:
		  transform
		  250ms
		  cubic-bezier(.3, .7, .4, 1.5);
	  }
	  
	  .button-82-pushable:active .button-82-shadow {
		transform: translateY(1px);
		transition: transform 34ms;
	  }
	  
	  .button-82-pushable:focus:not(:focus-visible) {
		outline: none;
	  }

	  /*button-82c*/
	  .button-82c-pushable {
		position: relative;
		border: none;
		background: transparent;
		padding: 0;
		cursor: pointer;
		outline-offset: 4px;
		transition: filter 250ms;
		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
	  }
	  
	  .button-82c-shadow {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 12px;
		background: hsl(0deg 0% 0% / 0.25);
		will-change: transform;
		transform: translateY(2px);
		transition:
		  transform
		  600ms
		  cubic-bezier(.3, .7, .4, 1);
	  }
	  
	  .button-82c-edge {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 12px;
		background: linear-gradient(
		  to left,
		  hsla(90.484, 55%, 44%, 1) 0%,
		  hsla(90.484, 55%, 44%, 1) 8%,
		  hsla(90.484, 55%, 44%, 1) 92%,
		  hsla(90.484, 55%, 44%, 1) 100%
		  /*hsla(189, 100%, 35%, 1) 0%,
		  hsla(189, 100%, 35%, 1) 8%,
		  hsla(189, 100%, 35%, 1) 92%,
		  hsla(189, 100%, 35%, 1) 100%*/
		);
	  }
	  
	  .button-82c-front {
		display: block;
		position: relative;
		padding: 12px 27px;
		border-radius: 12px;
		font-size: 1.1rem;
		color: white;
		background-color: /*hsla(189, 100%, 35%, 1)*/hsla(90.484, 55%, 44%, 1);
		will-change: transform;
		transform: translateY(-4px);
		text-align: center;
		text-decoration: none !important;
		transition:
		  transform
		  600ms
		  cubic-bezier(.3, .7, .4, 1);
	  }
	  
	  @media (min-width: 768px) {
		.button-82c-front {
		  font-size: 1.4rem;
		  padding: 12px 4px;
		}
	  }
	  
	  @media (max-width: 768px) {
		.button-82c-front {
		  font-size: 1.4rem;
		}
	  }
	  

	  .button-82c-pushable:hover {
		filter: brightness(110%);
		-webkit-filter: brightness(110%);
	  }
	  
	  .button-82c-pushable:hover .button-82c-front {
		transform: translateY(-6px);
		transition:
		  transform
		  250ms
		  cubic-bezier(.3, .7, .4, 1.5);
	  }
	  
	  .button-82c-pushable:active .button-82c-front {
		transform: translateY(-2px);
		transition: transform 34ms;
	  }
	  
	  .button-82c-pushable:hover .button-82c-shadow {
		transform: translateY(4px);
		transition:
		  transform
		  250ms
		  cubic-bezier(.3, .7, .4, 1.5);
	  }
	  
	  .button-82c-pushable:active .button-82c-shadow {
		transform: translateY(1px);
		transition: transform 34ms;
	  }
	  
	  .button-82c-pushable:focus:not(:focus-visible) {
		outline: none;
	  }
	  /*************/

	  a{text-decoration: none !important;}

	  .light-blue2{
		color:#0097b2;
	  }

	  .light-green2{
		color:#70af33;
	  }

	  .light-orange2{
		color:#70af33 ;
	  }

	  .color-link2:hover{
		color:#70af33;
	  }

	  /*buton-82b*/
	  .button-82b-pushable {
		position: relative;
		border: none;
		background: transparent;
		padding: 0;
		cursor: pointer;
		outline-offset: 4px;
		transition: filter 250ms;
		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
	  }
	  
	  .button-82b-shadow {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 50px;
		background: hsl(0deg 0% 0% / 0.25);
		will-change: transform;
		transform: translateY(2px);
		transition:
		  transform
		  600ms
		  cubic-bezier(.3, .7, .4, 1);
	  }
	  
	  .button-82b-edge {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 50px;
		background: linear-gradient(
		  to left,
		  hsla(189, 100%, 35%, 1) 0%,
		  hsla(189, 100%, 35%, 1) 8%,
		  hsla(189, 100%, 35%, 1) 92%,
		  hsla(189, 100%, 35%, 1) 100%
		);
	  }
	  
	  .button-82b-front {
		display: block;
		position: relative;
		padding: 12px 27px;
		border-radius: 50px;
		font-size: 1.1rem;
		color: white;
		background-color: hsla(189, 100%, 35%, 1);
		will-change: transform;
		transform: translateY(-4px);
		text-align: center;
		text-decoration: none !important;
		transition:
		  transform
		  600ms
		  cubic-bezier(.3, .7, .4, 1);
	  }
	  
	  .yellow-heart{display: none;}
	  .yellow-heart2{display: block;}

	  @media (min-width: 768px) {
		.button-82b-front {
		  font-size: 1.25rem;
		  padding: 12px 4px;
		}
	  }

	  @media (max-width: 768px) {
		.yellow-heart{
			display:block;
		}
		.yellow-heart2{
			display:none;
		}
	  }
	  
	  .button-82b-pushable:hover {
		filter: brightness(110%);
		-webkit-filter: brightness(110%);
	  }
	  
	  .button-82b-pushable:hover .button-82b-front {
		transform: translateY(-6px);
		transition:
		  transform
		  250ms
		  cubic-bezier(.3, .7, .4, 1.5);
	  }
	  
	  .button-82b-pushable:active .button-82b-front {
		transform: translateY(-2px);
		transition: transform 34ms;
	  }
	  
	  .button-82b-pushable:hover .button-82b-shadow {
		transform: translateY(4px);
		transition:
		  transform
		  250ms
		  cubic-bezier(.3, .7, .4, 1.5);
	  }
	  
	  .button-82b-pushable:active .button-82b-shadow {
		transform: translateY(1px);
		transition: transform 34ms;
	  }
	  
	  .button-82b-pushable:focus:not(:focus-visible) {
		outline: none;
	  }

	  ul li.changeColor::before {
		content: "\2713";
		color: #0097b2;
		font-weight: bold;
		display: inline-block; 
		width: 1.2em;
		margin-left: -1.5em;
		border:1.5px solid #0097b2;
		padding-left:2px;
	  }

	  ul li.changeColor2::before {
		content: "\2713";
		color: #fcb918;
		font-weight: bold;
		display: inline-block; 
		width: 1.2em;
		margin-left: -1.5em;
		border:1.5px solid #fcb918;
		padding-left:2px;
	  }

	  ul li.changeColor3::before {
		content: "\2713";
		color: #70af33;
		font-weight: bold;
		display: inline-block; 
		width: 1.2em;
		margin-left: -1.5em;
		border:1.5px solid #70af33;
		padding-left:2px;
	  }

	  ul li.changeColor4::before {
		content: "\2713";
		color: #e56777 ;
		font-weight: bold;
		display: inline-block; 
		width: 1.2em;
		margin-left: -1.5em;
		border:1.5px solid #e56777 ;
		padding-left:2px;
	  }

	  ul li.changeColor5::before {
		content: "\2713";
		color: #0097b2 ;
		font-weight: bold;
		display: inline-block; 
		width: 1.2em;
		margin-left: -1.5em;
		border:1.5px solid #0097b2 ;
		padding-left:2px;
	  }

	  .mobile-overflow{ overflow-y: auto; height:800px; overflow-x: clip !important; }

	  .mobile-overflow3{ overflow-y: auto; height:280px; overflow-x: clip !important; }

	  .pregnant2{ width:210%; top:-62%; left:-42%; position: absolute; }

	  .school_aged{ width:126%; top:-176%; left:-24%; position: absolute; }

	  .sick_lady{ width:100%; top:-140%; left:0; position: absolute; }

	  .ok_lady{ width:110%; top:-0%; left:0; position: absolute; }

	  .weak_immune{ width:170%; top:-66%; left:-45%; position: absolute; }

	  .weak_immune2{ width:100%; top:-14%; left:0%; position: absolute; }

	  .covid_germ{ width:75%; top:14%; left:20%; position: relative; }

	  .covid_shot_guy{ width:98%; top:-32%; left:0%; position: absolute; }

	  .infants{ width:86%; top:-120%; left:0%; position: absolute; }

	  .school-left{ margin-left:-8%; }

	  .oldwithdoc{width:75%}

	  .textingphone{width:100%;}

	  .test:after {
		content: '\2804';
		font-size: 40px;
		margin-left:20px;
		color:#fcb918;
	}

	.test2:after {
		content: '\2804';
		font-size: 40px;
		color:#fcb918;
	}

	.header-left{
		margin-left:25px;
	}

	@media (max-width:768px){
		.mobile-overflow{
			overflow-y: auto;
			overflow-wrap: anywhere;
			height:500px;
		}

		.header-left{
			margin-left:0px;
			text-align: center;
		}

		.test:after {
			content: '\2804';
			font-size: 40px;
			margin-left:0px;
			color:#fcb918;
		}

		.test2:after {
			content: '\2804';
			font-size: 40px;
			color:#fcb918;
		}

		.pushCall{ margin-top:80px; }

		.pregnant2{ width:100%; top:0; left:0; position: unset; margin-top:-200px; }

		.school_aged{ width:100%; top:0%; left:0%; position: absolute; display: none;}
		.sick_lady{ width:100%; top:-140%; left:0; position: absolute; display:none; }
		.weak_immune{ width:170%; top:-26%; left:36%; position: relative; display:none; }
		.weak_immune2{ width:100%; top:8%; left:0; position: relative; display:none; }
		.covid_germ{ width:75%; top:14%; left:20%; position: relative; display:none; }
		.infants{ width:110%; top:-100%; left:-26%; position: relative; display:none; }
		.ok_lady{ width:100%; top:-140%; left:0; position: absolute; display:none; }
		.covid_shot_guy{ width:125%; top:0%; left:-11%; position: relative; }
		.school-left{ margin-left:0%; }
		.oldwithdoc{width:100%;}
		.textingphone{width:83%;}

		.fontsizeIcons{
			font-size:1rem;
		}
	}

	@media (max-width:1000px){
		.oldwithdoc{width:85%;}
	}

	@media (max-width:768px){
		.mobile-overflow{
			overflow-y: auto;
			overflow-wrap: anywhere;
			height:500px;
		}

		.header-left{
			margin-left:0px;
			text-align: center;
		}

		.test:after {
			content: '\2804';
			font-size: 40px;
			margin-left:0px;
			color:#fcb918;
		}

		.test2:after {
			content: '\2804';
			font-size: 40px;
			color:#fcb918;
		}

		.pushCall{ margin-top:80px; }

		.pregnant2{ width:100%; top:0; left:0; position: unset; margin-top:-200px; }

		.school_aged{ width:100%; top:0%; left:0%; position: absolute; display: none;}
		.sick_lady{ width:100%; top:-140%; left:0; position: absolute; display:none; }
		.weak_immune{ width:170%; top:-26%; left:36%; position: relative; display:none; }
		.weak_immune2{ width:100%; top:8%; left:0; position: relative; display:none; }
		.covid_germ{ width:75%; top:14%; left:20%; position: relative; display:none; }
		.infants{ width:110%; top:-100%; left:-26%; position: relative; display:none; }
		.ok_lady{ width:100%; top:-140%; left:0; position: absolute; display:none; }
		.covid_shot_guy{ width:125%; top:0%; left:-11%; position: relative; }
		.school-left{ margin-left:0%; }

		.fontsizeIcons{
			font-size:1rem;
		}
	}

	@media (min-width:960px) and (max-width:1023px){
	.pregnant2{ width:200%; top:-17%; left:-24%; position: absolute; }
	}

	@media only screen and (max-width: 768px){
		.pregnant2{ width:100%; top:0; left:0; position: unset; margin-top:-50px; }
	}

	@media only screen and (max-width: 768px) and (orientation: landscape){
		.pregnant2{ width:100%; top:0; left:0; position: unset; margin-top:-120px; }
	}

	.globalNavCenterDiv {
		width:100% !important;
	}

	.dropdown-toggle::after {
		border: none!important;
		font: normal normal normal 20px/1 FontAwesome;
		content: "\f107"!important; 
		vertical-align: 0; 
		text-decoration:none;
		font-weight: bold;
		}

		li.dropdown.show a.dropdown-toggle::after {
		content: "\f106"!important 
		}


		/* Nav sub Nenu for Mobile */
		a .collapseMainSubMenu::before {font-family: 'FontAwesome'; content: "\f106"; font-weight: bold;}
		a.collapsed .collapseMainSubMenu::before {font-family: 'FontAwesome'; content: "\f105"; font-weight: bold;}

		.circleBase {
			border-radius: 50%;
		}

		.circle2 {
			width: 225px;
			height: 225px;
			background: #fff9e4;
			border: 4px solid #fcb918;
		}

		.circle2:hover {
			width: 225px;
			height: 225px;
			background: #f0a8b1;
			border: 4px solid #e56777;
		}

		.circle2-font{
			color:#fcb918;
		}
		.circle2-font:hover{
			color:#e56777;
		}
		.color-link:hover{
			color:#fcb918;
		}

		.fontsizeIcons{
			font-size:1.1rem;
		}
		.desktopBanner{display: block;}
		.mobileClickable{display: none;}

	@media (max-width:768px) {
		.desktopBanner{display: none;}
		.mobileClickable{display: block;}
	}