:root {
            --primary-dark: #0f3d35; /* Dark Green */
            --primary-light: #1a5c50;
            --text-color: #333;
        }

        body {
            font-family: 'Open Sans', sans-serif;
            color: var(--text-color);
            overflow-x: hidden;
            
        }

        h1, h2, h3, h4, h5, h6, .navbar-brand, .btn {
            font-family: 'Montserrat', sans-serif;
            text-transform: uppercase;
        }

        #bg-slideshow {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
            background-color:rgb(0 0 0 / 65%);
        }

        .slide-item {
            position: absolute;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 2.5s ease-in-out;
        }

        .slide-item.active {
            opacity: 1;
        }

        .overlay {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* Dark Green Overlay from screenshot */
            background: rgba(15, 61, 53, 0); 
            z-index: -1;
        }

        .navbar-fixed-top {
            background: linear-gradient(to bottom, rgba(15,61,53,0.9) 0%, rgba(15,61,53,0) 100%);
            border: none;
            padding: 20px 0;
            transition: background 0.3s;
        }
        
        .navbar-fixed-top.scrolled {
            background-color: var(--primary-dark);
            padding: 10px 0;
        }

        .navbar-brand {
            color: #fff !important;
            font-weight: 800;
            font-size: 24px;
            letter-spacing: 1px;
            margin-top: 5px; 
			
		}

		.navbar-brand img {
			height:64px; 
		}
		
        .navbar-nav > li > a {
            color: #000;
			font-size: 1.4rem;
			font-weight: 700;
			letter-spacing: 2px;
			padding-top: 20px;
			padding-bottom: 20px;			
        }

        .navbar-nav > li > a:hover {
            color: #ccc !important;
            background: transparent !important;
        }
		
        .btn-signup {
            background-color: #fff !important;
			padding: 10px 25px !important;
            margin-top: 10px; /* Aligns with taller navbar */
            margin-left: 15px;
            border-radius: 2px;
            transition: all 0.3s;
			color: #000 !important;
        }
		
		.btn-login {
            background-color: var(--primary-light) !important;
            color: #fff !important;
            border: 1px solid rgba(255,255,255,0.2);
            padding: 10px 25px !important;
            margin-top: 10px; /* Aligns with taller navbar */
            margin-left: 15px;
            border-radius: 2px;
            transition: all 0.3s;
        }
        
        .btn-login:hover {
            background-color: #fff !important;
            color: var(--primary-dark) !important;
        }

        .navbar-toggle .icon-bar { background-color: #000; }

        .hero-section {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: #fff;
            position: relative;
           
            padding-top: 140px; 
            padding-bottom: 80px;
        }

        .hero-title {
            font-size: 4rem;
            font-weight: 300;
            margin-bottom: 25px;
            line-height: 1.1;
            text-shadow: 0 2px 10px rgba(0,0,0,0.3);
        }

        .hero-sub {
            font-size: 1.7rem;
            max-width: 800px;
            margin: 0 auto 50px;
            line-height: 1.3;
            font-weight: 400;
            color: rgba(255,255,255,0.9);
        }

        .btn-hero {
            background: transparent;
            border: 2px solid #fff;
            color: #fff;
            padding: 15px 40px;
            font-size: 1.3rem;
            font-weight: 700;
            border-radius: 4px;
            transition: 0.3s;
        }

        .btn-hero:hover {
            background: #fff;
            color: var(--primary-dark);
            text-decoration: none;
        }
        
        .scroll-down-icon {
            margin-top: 60px;
            animation: bounce 2s infinite;
        }
        
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
            40% {transform: translateY(-10px);}
            60% {transform: translateY(-5px);}
        }

       .torn-bottom {
         
			position: absolute;
			bottom: -100px;
			left: 0;
			width: 100%;
			height: 220px;	
			background-color: transparent;
			background-image: url(torn.svg);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			clip-path: none;
	
        }
        
        .torn-top {
            position: absolute;
            top: -40px;
            left: 0;
            width: 100%;
            height: 50px;
            background: #fff;
            clip-path: polygon(0% 20%, 5% 5%, 10% 20%, 15% 5%, 20% 20%, 25% 5%, 30% 20%, 35% 5%, 40% 20%, 45% 5%, 50% 20%, 55% 5%, 60% 20%, 65% 5%, 70% 20%, 75% 5%, 80% 20%, 85% 5%, 90% 20%, 95% 5%, 100% 20%, 100% 100%, 0% 100%);
            z-index: 10;
        }

        
        .white-section {
            background: #fff;
            padding: 80px 0;
            position: relative;
        }
		
		.v1 {
			background-image: url('vector1.svg');
		}
		
		.v2 {
			background-image: url('vector2.svg');
		}
		
		.panel-group .panel+.panel {
			margin-top: 25px;
		}

       
        .row-flex { display: flex; flex-wrap: wrap; align-items: center; }

        .feature-text h2 {
            color: var(--primary-dark);
            font-weight: 500;
            font-size: 3.3rem;
            margin-bottom: 25px;
        }

        .feature-text p {
            color: #000;
            line-height: 1.6;
            font-size: 2rem;
            margin-bottom: 30px;
        }

        .btn-dark-green {
            background-color: var(--primary-dark);
            color: #fff;
			padding: 12px 30px;
			border-radius: 30px;
			font-size: 1.5rem;
			font-weight: 300;
			transition: background 0.3s;
			text-transform: none;
        }
        
        .btn-dark-green:hover { 
            background-color: #092823;
            color: #fff; 
            text-decoration: none;
        }

        .taped-image-wrapper {
            position: relative;
            padding: 0px;
            display: block;
            margin: 10px 0;
        }

        .ripped-img {
            width: 100%;
            max-width: 750px;
            height: auto;
            transform: rotate(2deg);
        }
        
        .rotate-neg { transform: rotate(-2deg); }

        .testimonial-section { padding: 80px 0; }
        .stars { color: #f4b400; margin-bottom: 15px; letter-spacing: 2px; }
        .quote-text { font-style: italic; color: #444; font-size: 18px; margin-bottom: 25px; line-height: 1.6; }
        .author { font-weight: 700; color: var(--primary-dark); text-transform: uppercase; letter-spacing: 1px;}

        .polaroid {
            background: #fff;
            padding: 12px 12px 50px 12px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
            transform: rotate(4deg);
            display: inline-block;
            position: relative;
            transition: transform 0.3s;
        }
        
        .polaroid:hover { transform: rotate(0deg) scale(1.02); z-index: 10; }
        
        .polaroid:before {
            content: '';
            position: absolute;
            top: -12px;
            left: 50%;
            margin-left: -8px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #c00; 
            box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
            z-index: 10;
        }
        
        .polaroid-caption {
            font-family: 'Indie Flower', cursive, sans-serif;
            color: #333;
            margin-top: 15px;
            font-size: 16px;
        }

        .panel {
			background-color: transparent; 
		}
		
		.panel-group .panel {
            border: none;
            border-bottom: 1px solid #eee;
            box-shadow: none;
            margin-bottom: 10px;
        }
        .panel-default > .panel-heading {
            background: transparent;
            border: none;
            padding: 15px 0;
        }
		
		.panel-title {
			font-size: 2.6rem;
		}
		
		.panel-body {
			font-size: 2.2rem;
		}
		
        .panel-title a {
            display: block;
            font-weight: 300;
            color: #000;
            text-decoration: none;
            position: relative;
			padding-right: 50px;	
		}
        .panel-title a:hover { color: var(--primary-dark); }
        
        .panel-title a:after {
            content: "+";
            float: right;
			font-weight: bold;
			font-size: 30px;
			color: #000;
			background: #afafaf;
			width: 30px;
			
			/* --- Add these lines to center content --- */
			height: 30px;       /* 1. Define height */
			text-align: center; /* 2. Horizontal Center */
			line-height: 30px;  /* 3. Vertical Center (match the height) */
			/* ---------------------------------------- */
			
		    position: absolute;
			right: 10px;
			top: -3px;
			
		}
        .panel-title a[aria-expanded="true"]:after {
            content: "-";
        }

		.carousel-inner>.item {
			padding: 20px 20px;	
		}
		
		.panel-body {
			padding: 15px 0px;
		}

		
        .contact-section {
            background-image: url('f1.jpg');
            background-size: cover;
            background-position: bottom;
            padding: 60px 0;
            position: relative;
            color: #fff;
        }
        
        .contact-section input, .contact-section select {
            background: transparent;
            border: none;
            border-bottom: 2px solid rgba(255,255,255,0.5);
            border-radius: 0;
            color: #fff;
            padding: 25px 10px;
            font-size: 16px;
        }
        
        .contact-section input:focus, .contact-section select:focus {
            box-shadow: none;
            border-color: #fff;
            background: rgba(255,255,255,0.05);
        }
        
        .contact-section label { margin-top: 20px; color: rgba(255,255,255,0.8); }

        footer {
            background: var(--primary-dark);
            color: #fff;
            padding: 60px 0 20px;
        }
        
        .footer-cta h2 { font-weight: 800; }
        .footer-links h5 { color: #fff; letter-spacing: 1px; margin-bottom: 20px; margin-top: 30px; font-weight: bold;}
        .footer-links ul { list-style: none; padding: 0; }
        .footer-links li a { color: #bbb; display: block; padding: 5px 0; text-decoration: none; font-size: 14px;}
        .footer-links li a:hover { color: #fff; }

        .newsletter-box {
            border: 1px solid #145348;
            display: flex;
            margin-top: 10px;
        }
        .newsletter-box input {
            background: transparent;
            border: none;
            padding: 10px;
            width: 100%;
            color: #fff;
        }
        .newsletter-box button {
            background: var(--primary-light);
            color: #fff;
            border: none;
            padding: 0 10px;
            font-weight: bold;
			font-size: 10px;
			line-height: 14px;
		}

		.tp .lab {
			position: absolute; top: 20%; left: 20%; z-index: 100; text-align: left;
		}		

		.tp .lab strong {
			font-size: 3rem; text-transform: uppercase; font-weight: bold; color: #ffffff;
		}					
					
		.tp .lab p {
			font-size: 1.8rem; font-weight: bold; color: #ffffff; width: 80%;
		}		
		
		.n {
			color:#fff; margin-right: 15px; border:1px solid #666; padding: 5px 8px; font-size:1.2rem;
		}
		
		.contact-section h2 {
			font-size: 3.5rem; font-weight: bold;
		}
		
        @media (max-width: 425px) {
			.footer-cta .btn-hero {display: block!important;}
			
			.tp .lab strong {
				font-size: 2rem;
			}					
						
			.tp .lab p {
				font-size: 1.2rem;
			}		
			
		}
		
		@media (max-width: 991px) {
		
            .navbar-header { background: rgba(15,61,53,0); padding: 10px 0; }
            .navbar-collapse { background: rgba(15,61,53,0); border: none; }
            .navbar-nav { margin: 0; padding-bottom: 20px; }
            .navbar-nav > li > a { padding: 20px 10px; letter-spacing: 1px; font-size: 1.1rem;}
            .btn-signup { margin: 10px 0px; width: auto; display: inline-block; }
            .btn-login { margin: 10px 0px; width: auto; display: inline-block; }
			
			.panel-title {
				font-size: 1.4rem;
			}

            
            .feature-row { text-align: center; }
            .row-flex { display: block; }
            .feature-img { margin-bottom: 30px; }
            .feature-text { margin-bottom: 50px; }
        }
		
		@media (max-width: 375px) {
			.hero-section {padding-top: 20px;}
			.navbar-nav {margin-top: 50px!important;}
			.navbar-nav > li > a {padding: 10px 5px;}
			
			.tp .lab strong {
				font-size: 2rem;
			}					
						
			.tp .lab p {
				font-size: 1.2rem;
			}		
		}
		
		
		.avatar-group {
			display: flex;
			align-items: center;
			margin-bottom: 25px;
		}

		.avatar-group img {
			width: 45px;
			height: 45px;
			border-radius: 50%;
			border: 3px solid #fff; /* White border to separate overlapping images */
			margin-left: -15px; /* Creates the overlap */
			object-fit: cover;
		}

		.avatar-group img:first-child {
			margin-left: 0;
		}

		.avatar-badge {
			width: 45px;
			height: 45px;
			border-radius: 50%;
			background-color: #000;
			color: #fff;
			font-size: 1rem;
			font-weight: bold;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 3px solid #fff;
			margin-left: -15px;
			z-index: 2;
		}

		.trusted-text {
			margin-left: 15px;
			font-size: 1.3rem;
			line-height: 1.2;
			color: #333;
		}

		.trusted-text strong {
			display: block;
			font-weight: 700;
			font-size: 1.3rem;
			color: #000;
		}

		.testimonial-title {
			font-weight: 700; 
			font-size: 4rem; 
			margin-bottom: 20px; 
			color: #222;
		}

		.testimonial-body {
			font-size: 2rem; 
			line-height: 1.6; 
			color: #444; 
			margin-bottom: 25px;
		}

		.testimonial-author {
			font-weight: 700; 
			color: #111; 
			margin-top: 10px;
			font-size: 14px;
		}

		.nav-btn-square {
			width: 50px;
			height: 50px;
			border-radius: 0; /* Square buttons */
			font-size: 18px;
			line-height: 1; /* Center icon */
			transition: all 0.2s;
		}

		.btn-outline-square {
			background: transparent;
			border: 1px solid #333;
			color: #333;
		}

		.btn-outline-square:hover {
			background: #eee;
			color: #000;
		}

		.btn-filled-square {
			background: var(--primary-dark);
			border: 1px solid var(--primary-dark);
			color: #fff;
		}

		.btn-filled-square:hover {
			background: var(--primary-light);
			color: #fff;
		}

		/* --- GALLERY SLIDER STYLES --- */
		.gallery-header-row {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 30px;
		}
		/* Fallback for browsers without flex (BS3 context) */
		.gallery-header-left { float: left; }
		.gallery-header-right { float: right; }

		.gallery-title {
			margin: 0;
			font-weight: 700;
			font-size: 32px;
			color: var(--primary-dark);
			letter-spacing: 2px;
			text-transform: uppercase;
		}

		.btn-view-all {
			background-color: #052c26; /* Very dark green from screenshot */
			color: #fff;
			border: none;
			padding: 10px 25px;
			font-size: 12px;
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 1px;
			border-radius: 2px;
			transition: background 0.3s;
		}

		.btn-view-all:hover, .btn-view-all:focus {
			background-color: var(--primary-dark);
			color: #fff;
			text-decoration: none;
		}

		/* The Horizontal Scroller */
		.gallery-scroller {
			display: flex;
			overflow-x: auto;
			overflow-y: hidden;
			white-space: nowrap;
			-webkit-overflow-scrolling: touch; /* Smooth scroll on mobile */
			padding-bottom: 20px; /* Space to avoid scrollbar overlapping content */
			
			/* Hide Scrollbar visually but keep functionality */
			scrollbar-width: none; /* Firefox */
			-ms-overflow-style: none;  /* IE 10+ */
		}

		.gallery-scroller::-webkit-scrollbar {
			display: none; /* Chrome/Safari */
		}

		.gallery-item {
			flex: 0 0 auto; /* Don't shrink */
			width: 320px;   /* Fixed width for consistent look */
			height: 320px;  /* Square-ish aspect ratio */
			margin-right: 20px;
			overflow: hidden;
			position: relative;
		}

		.gallery-item img {
			width: 100%;
			height: 100%;
			object-fit: cover; /* Ensures image fills the box without distortion */
			transition: transform 0.5s ease;
		}

		.gallery-item:hover img {
			transform: scale(1.1); 
		}
		
		
		#content-slideshow {
		  display: grid;
		  position: relative;
		}

		.content-slide-item {
		  grid-area: 1/1/1/1; 
		  opacity: 0;
		  transition: opacity 1.8s ease-in-out;
		  visibility: hidden; 
		  pointer-events: none;
		}

		.content-slide-item.active {
		  opacity: 1;
		  visibility: visible;
		  pointer-events: auto;
		}

		.underpolaroid {
			padding: 50px;
		}
		
		
		.container-fluid-limited {
			margin-left: auto;
			margin-right: auto;
		}
		
			
		.footer-links {
			margin-top: 50px;
		}	

		.footer-links h5 {
			font-size: 2.5rem;
		}
		
		/* Small devices (tablets, 768px and up) */
		@media (min-width: 768px) {
			.container-fluid-limited {
				max-width: 750px;
			}
			
			#navbar {
				padding-top: 25px;
			}
		}

		/* Medium devices (desktops, 992px and up) */
		@media (min-width: 992px) {
			.container-fluid-limited {
				max-width: 970px;
			}
		}

		/* Large devices (large desktops, 1200px and up) */
		@media (min-width: 1200px) {
			.container-fluid-limited {
				max-width: 1170px;
			}
			
			.navbar-brand img {
				height:96px; 
			}
		
		}

		
		@media (min-width: 1440px) {
			.container-fluid-limited {
				max-width: 1320px; 
			}
			
			.hero-title {
				font-size: 6rem;
			}
			
			.hero-sub {
				font-size: 3rem;
				
			}	

			.btn-hero {
				font-size: 2.3rem;
			}
			
			.navbar-nav > li > a {
				font-size: 2rem;
			}
			
			
			.navbar-brand img {
				height:96px; 
			}
			
			#navbar {
				padding-top: 40px;
			}
			
			.contact-section h2 {
				font-size: 5rem;
			}
			
		}
		
		@media (min-width: 1920px) {
			.container-fluid-limited {
				max-width: 1620px; 
			}
			
			.feature-text h2 {
				font-size: 4.3rem;
			}
			
			.feature-text p {
				font-size: 2.5rem;
			}
			
			.navbar-brand img {
				height:120px; 
			}
			
			#navbar {
				padding-top: 50px;
			}
			
			.contact-section h2 {
				font-size: 6rem;
				font-weight: 800;
				line-height: 1.2;
			}
			
			
			.footer-cta h2 {
				font-size: 4rem;
			}
			
			.contact-section label {
				font-size: 3rem;
			}
		}
		
		
		@media (min-width: 2560px) {
			
			.hero-title {
				font-size: 8rem;
			}
			
			.btn-hero {
				font-size: 2.3rem;
			}
			
			.btn-dark-green {
				font-size: 2.3rem;
			}
			
			.hero-sub {
				font-size: 4rem;
				max-width: 1200px;
			}		
			
			.container-fluid-limited {
				max-width: 1900px; /* or 1400px, 1440px, etc. */
			}
			
			.container {
				width: 1440px;
			}
			
			.feature-text h2 {
				font-size: 5rem;
			}
			
			.feature-text p {
				font-size: 3.5rem;
			}
			
			.ripped-img {
				max-width: 1000px;
			}
			
			.navbar-nav > li > a {
				font-size: 2.5rem;
			}
			
			.navbar-brand img {
				height:140px; 
			}
			
			#navbar {
				padding-top: 50px;
			}
			
			.contact-section h2 {
				font-size: 6rem;
				font-weight: 800;
				line-height: 1.2;
			}
			
			.footer-cta h2 {
				font-size: 4rem;
			}
			
			.contact-section label {
				font-size: 3rem;
			}
			
		}
		
		
		
		/* Slider container styles */
		.taped-image-wrapperx > div {
		  display: none;          /* Hide all slides by default */
		  position: relative;     /* Keeps the absolute span inside the div */
		}

		/* Show the active slide */
		.taped-image-wrapperx > div.active {
		  display: block;
		}

		/* Title setup (hidden by default) */
		.taped-image-wrapperx > div > span {
		  opacity: 0;
		  visibility: hidden;
		  transition: all 0.3s ease-in-out; /* Smooth fade effect */
		  pointer-events: none; /* Prevents text from interfering with hover */
		}

		/* Show Title on mouse hover */
		.taped-image-wrapperx > div:hover > span {
		  opacity: 1;
		  visibility: visible;
		}

		
		/* Hide by default */
		.taped-image-wrapperx > div > span {
			display: none;
		}

		/* Show on hover */
		.taped-image-wrapperx > div:hover > span {
			display: block;
		}

		.red-dot {
		  position: absolute;
		  left: -25px;
		  top: 15px;
		  width: 18px;
		  height: 18px;
		  background: #ff0000;
		  border-radius: 50%;
		  margin-right: 6px;
		  flex-shrink: 0;
		}
		
	
		.taped-image-wrapperx > div img {
		  transition: filter 0.3s ease-in-out;
		}

		/* Darken the image on hover */
		.taped-image-wrapperx > div:hover img {
		  filter: brightness(0.4); /* 1 is normal, 0 is pitch black. 0.4 is a nice dark dim */
		}


		label {
			font-size: 2rem;
		}
		
		
		* {
			-webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
			color-adjust: exact !important;                 /* Firefox 48 – 96 */
			print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
		}
		
		
	
	.progress-bar-success {
		background-color: #47c617;
	}
	
	.dropdown-menu {
		min-width: 260px;
		background-color: #fff!important;
		color: #000!important;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #000!important;
	}

	/*.navbar-brand {
		padding: 0px;	
	}*/
	
	.req {
		color: #ff0000; 
		font-weight: bold;	
	}
	
	input:valid {
	  color: green;
	}
	
	input:invalid {
	  color: red;
	}
	
	#map-container{
		position: relative; 
		height: 450px;
	}
	
	#mapx { position: absolute; top: 0; bottom: 0; width: 100%; }
	
	/*@media (min-width: 768px) {
		.navbar-right .dropdown-menu {
			right: 0;
			left: 0;
		}
	}*/

	.topbg {
		background: url(bgr.jpg) 50% 50% no-repeat;
		background-size: cover;
		margin-bottom: 50px;
	}
	
	.topbg.donate {
		background: url(bg_donate.jpg) 50% 50% no-repeat;
	}
	
	.topbg.about {
		background: url(bg_about.jpg) 50% 50% no-repeat;
	}
	
	.topbg.ourprograms {
		background: url(bg_programs.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	
	.side {
		background: whitesmoke;
		border-radius: 15px; 
		margin-bottom: 10px;
	}

	.side ul {
		margin: 0; padding: 0px; list-style: none;
	}

	.side ul li {
		text-align: center;
		padding-top: 15px; 
		padding-bottom: 15px;
		line-height: 12px;
	}

	.side ul li:hover i {
		color: #ff6e6e;
	}

	.side ul li a {
	    color: #5a5a5a;
		text-align: center;
		font-weight: bold;
		font-family: system-ui;		
		text-decoration: none;
	}
	
	.side ul li a:hover {
	    color: #000;
	}
	
	.side ul li a img {
		padding-bottom: 5px;	
	}
	
	.side ul li i {
		color: #000;
		font-size: 28px;
	}

	.navbar {
		background: transparent;
		border: none!important;
		border-radius: 0px;
		margin-bottom: 30px;
	}

	/*
	body {
		font-family: 'Montserrat', sans-serif;
		margin:  0;
		padding:  0;
		margin-top: 0px!important;
		padding: 0px;
	}
 
	html { height: 100%; }
	body { min-height: 100%; width: 100%; display: table; padding: 0; }
	*/ 
	
	.user {
		color:  #ff0000;
	}

	.footer-distributed {
		background: linear-gradient(180deg, rgb(248 248 248) 0%, rgb(255 255 255) 100%);
		padding: 25px 20px;
		border-top: dashed 1px #ccc;
		margin-top: 60px;
	}

	.footer-distributed .footer-left p {
		color: #8f9296;
		font-size: 14px;
		margin: 0;
	}

	.footer-distributed p.footer-links {
		font-size: 14px;
		font-weight: bold;
		color: #d5d3d3;
		padding: 0;
	}

	.footer-distributed p.footer-links a {
		display: inline-block;
		line-height: 1.8;
		text-decoration: none;
		color: inherit;
		transition: ease .25s;
		color:  #000;
		padding-left: 5px;
		padding-right: 5px;
	}

	.footer-distributed p.footer-links a:first-child {
		padding-left: 0px;
	}

	.footer-distributed .footer-right {
	  float: right;
	  margin-top: 6px;
	  max-width: 180px;
	}

	.footer-distributed .footer-right a:hover{transform:scale(1.1); -webkit-transform:scale(1.1);}
	.footer-distributed p.footer-links a:hover{text-decoration:underline;}


	.nav>li>a {
		font-weight: bold;	
	}
	
	#frm_inside .btn {
		border-radius: 25px;
	}

	#go .modal-dialog {
	    position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		margin: 0px;
		width: 100%;
		
	}

	#go hr {
		border-top: 1px solid #2ea18d;
	}

	#go .btn-primary {
		background: #288574;
		border: none;
	}
	
	#go .modal-title {
		color: #3ed0b5;	
	}
	
	#go .modal-content {
		background: #fff;
		border: none;
	}
	
	
	
	#go label {
		font-size: 14px;
		color: #3ed0b5;
	}
	
	.container h1 {
		text-align: center; 
		font-weight: bold; color: #888; 
		padding: 20px;
		display: block;
		text-transform: uppercase; 
		padding: 75px!important;
	}

	.subimage {
		overflow: hidden; 
		height: 550px;
	}

	.container h3 {
		text-align: center; 
		font-weight: bold;
	}

	.control-label {
	   font-size: 12px;  
	}

	.login-with-google-btn {
		transition: background-color 0.3s, box-shadow 0.3s;
		padding: 12px 16px 12px 42px;
		border: none;
		width: 100%;
		border: solid 1px #ccc;
		text-align: left;
		margin-bottom: 10px;
		border-radius: 3px;
		color: #757575;
		font-size: 14px;
		font-weight: 900;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
		background-color: white;
		background-repeat: no-repeat;
		background-position: 12px 11px;
	}
					
	.login-with-google-btn:hover {
		box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25);
	}

	.btn-closeopenlogin {
		margin-right: 20px;
	}
	
	

	#frm_inside, .frm_regi {
		display: none;
	}

	#frm_inside h2 {
		font-weight: bold; 
		color: #0f3d35;
		font-size: 4rem;
	}

	#frm_inside input, #frm_inside select {
		border-radius: 25px;
		background: #f7f7f7;
		border: none;
		box-shadow: none;
		
	}
	
	#frm_inside a {
		color: blue;	
	}
	
	#frm_inside .checkbox label, #frm_inside label {
		color: #666; 
		font-size: 14px;
	}
	
	
	#frm_inside .btn {
	    background: #0f3d35;
		border-right: none;
		padding: 15px;
		font-weight: 400;
		height: 50px;
		padding: 0px;
	}
	
	#frm_inside .btn-group .btn.collapsed {
		
		background: #5a5a5a;
		border: solid 1px #5a5a5a;
	}
	
	
	#frm_inside .form-control {
		height: 50px;
		padding: 10px 22px 10px 22px;
		font-weight: bold;
	}
	
	#frm_inside .btn svg {
		top: 5px;
		position: relative;
		
	}
	
	#frm_inside .input-group-addon {
	    background: #092d26;
		color: #37d0b5;
		border: none;
	}
	
	#frm_inside .control-label {
		font-size: 14px;
		
		padding: 0px;
		line-height: 12px;
		font-weight: 600;
	}

	/*input[type=radio] {
		position: absolute;
		visibility: hidden;
		display: none;
	}*/

	.radio-group label {
		color: #9a929e;
		display: inline-block;
		cursor: pointer;
		font-weight: bold;
		padding: 5px 20px;
		margin-bottom: 0px;
		text-align: center;
		width: 49%; 
	}

	input[type=radio]:checked + label {
		color: #000000;
		background: #ffdf00;
		margin-bottom: 0px;
	}

	label + input[type=radio] + label {
		margin-bottom: 0px;
	}

	.radio-group {
		border: solid 1px #ccc;
		display: inline-block;
		border-radius: 0px;
		overflow: hidden;
		width: 100%;
	}
					
	.login-with-google-btn:active {
		background-color: #eeeeee;
	}
					
	.login-with-google-btn:focus {
		outline: none;
		box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
	}
	
	

	.g_id_signin {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.or-divider {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-size: 1em;
		font-weight: bold;
		color: #288574;
	}

	.or-divider::before {
		content: '';
		height: 0.125em;
		background: #288574;
		flex: 1;
		margin: 0 0.25em 0 0;
	}

	.or-divider::after {
		content: '';
		height: 0.125em;
		background: #288574;
		flex: 1;
		margin: 0 0 0 0.25em;
	}

    .tab-pane {
      margin-top: 20px;  
    }
	
	.tab-content {
		padding-top: 10px;
	}

    .left {
      text-align: center; 
    }

    .brand {
      max-height: 200px; 
      max-width: 200px;
      margin: 0 auto;
    }

    .container small, p.small {
      text-align: center; 
      display: block; 
      padding-bottom: 10px; 
      padding-top: 10px; 
      font-weight: bold; 
      color: #666;
    }

	.req {
		color: red; 
		font-weight: bold; 
		text-decoration: none; 	
		font-style: unset;
	}
	
	.breadcrumb {
		font-weight: bold;	
	}
	
    .hero {
		width: 100%; 
		background: url('75047305-3EFB-4A81-8665-42A5C96B968F-1280x640.jpeg') no-repeat;
		border-radius: 10px;
	}
	
	.hero.students {
		width: 100%;
		background: url(herostudents.jpg) no-repeat 20% 50%;
		border-radius: 10px;
		background-size: cover;
		color: #000;
	}
	
	.hero.games {
		width: 100%;
		background: url(heros.jpg) no-repeat 20% 35%;
		border-radius: 10px;
		background-size: cover;
		color: #000;
	}
	
	.hero.gear {
		width: 100%;
		background: url(gearhero.jpg) no-repeat 50%;
		border-radius: 10px;
		background-size: cover;	
	}
	
	.hero.recipe {
		width: 100%; 
		background: url('Suggested-Food-Forest-Crops-1024x512.jpg') no-repeat 50%;
		border-radius: 10px;
		background-size: cover;
	}
	
	.hero.reviews {
		width: 100%; 
		background: url('https://www.searchenginejournal.com/wp-content/uploads/2023/01/customer-reviews-63d8b1a454172-sej.png') no-repeat 50%;
		border-radius: 10px;
		background-size: cover;
	}
	
	.hero.forms {
		width: 100%; 
		background: url('edms.jpg') no-repeat 50%;
		border-radius: 10px;
		background-size: cover;
	}
	
	.hero.transport {
		width: 100%; 
		background: url('bike.jpg') no-repeat 10% 30%;
		border-radius: 10px;
		background-size: cover;
	}
	
	.hero.gallery {
		width: 100%;
		background: url(herogallery.jpg) no-repeat 0% 30%;
		border-radius: 10px;
		background-size: cover;
	}
	
	.hero.risk {
	    width: 100%;
		background: url(PHOTO-Grizzly-Bear.jpg) no-repeat 50% 70%;
		border-radius: 10px;
		background-size: cover;
	}
	
	.hero.trip {
	    width: 100%;
		background: url(Chugach-Alaska-Range.jpg) no-repeat 0% 70%;
		border-radius: 10px;
		background-size: cover;
	}
	
	.hero2 {
		width: 100%; 
		background: url('tofo.jpg') no-repeat 0% 60%;
		border-radius: 10px;
		background-size: cover;
	}
	
	.hero2 h1 a {
		text-align: center;
		margin: 0 auto;
		border-radius: 5px;
		color: #fff;
		font-size: 24px;
		padding: 10px;
		text-decoration: none;
		font-size: 14px;
		width: 220px;
	}
	
	.hero2 h1 a:hover {
		color: #fff;
	}	
	
	#ai2_results b {
		color: #000;
	}
	
	#ai2_results hr {
		border-top: 1px solid #008000;
	}
	
	.vert {
		border-left: 6px solid #e2e2e2;
		height: 500px;
	}

	.label {
		padding: 0.5em 0.6em 0.5em;
	}
	
	.label-warning {
		background-color: #fff400;
		color: #000;
	}
	
	.color-green {
		color: green; 
	}
	
	.color-red {
		color: red;	
	}
	
	#dt {
		max-height: 300px;
		overflow: auto;	
	}
	
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		vertical-align: middle;
		font-size: 1.5rem;
	}
	
	.nav-tabs>li {
		float: left;
		margin-bottom: -3px;
	}

	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
		color: #555;
		cursor: default;
		background-color: #fff;
		border: 3px solid #000;
		border-bottom-color: transparent;
	}
	
	.nav-tabs {
		border-bottom: 3px solid #000;
	}
	
	.thumbnail.dash {
		border: dashed 3px #c5c5c5;	
	}
	
	.thumbnail.dash:hover {
		background: #e2e2e2;	
	}
	
	.thumbnail ul {
		
		margin-top: 10px;
	}
	
	.list-group-item {
		font-weight: bold;
	}
	
	.list-group-item ul {
		margin-top: 10px;
	}
	
	.list-group-item i {
		color: #888;
	}
	
	.list-group-item ul li {
		font-size: 12px; 
		color: #888;
	} 
	
	.btn-info {
		background-color: #30d0ff;
		border-color: #46b8da;
	}
	
	ul li a {
		font-weight: bold;
	}

	.h3, h3 {
		font-size: 22px;
	}
	
	h3 i {
		color: #ccc;
	}
	
	.h1, .h2, .h3, h1, h2, h3 {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.card {
	    min-height: 400px;
		background: #fff;
		border-radius: 50px;
		transition: 0.5s;
	}
	
	.card .image-wrap {
		border-radius: 40px!important;
	}
	
	.card:hover {
		box-shadow:0 30px 70px rgba(0,0,0,.2);
	}
	.card .box {
		position:absolute;
		top:50%;
		left:0;
		transform:translateY(-50%);
		text-align:center;
		padding:20px;
		box-sizing:border-box;
		width:100%;
	}
	.card .box .img {
		
		height:120px;
		background: url(https://good-nature-blog-uploads.s3.amazonaws.com/uploads/2023/01/75047305-3EFB-4A81-8665-42A5C96B968F-1280x640.jpeg) no-repeat 0%;
		border-radius: 10px;
		background-size: cover;
		overflow:hidden;
	}
	.card .box .img img {
		width:100%;
		height:100%;
	}
	.card .box h2 {
		font-size:20px;
		color:#262626;
		margin:20px auto;
	}
	.card .box h2 span {
		font-size:14px;
		background:#e91e63;
		color:#fff;
		display:inline-block;
		padding:4px 10px;
		border-radius:15px;
	}
	.card .box p {
		color:#262626;
	}
	.card .box span {
		display:inline-flex;
	}
	.card .box ul {
		margin:0;
		padding:0;
	}
	.card .box ul li {
		list-style:none;
		float:left;
	}
	.card .box ul li a {
		display:block;
		color:#aaa;
		margin:0 10px;
		font-size:20px;
		transition:0.5s;
		text-align:center;
	}
	.card .box ul li:hover a {
		color:#e91e63;
		transform:rotateY(360deg);
	}


  .media-heading {
    font-weight:  bold;
  }

  .container h3, .container small {
    text-align:  left;
  }

	ul li i {
		color: #ccc;
	}
	
	blockquote {
		font-size: 14px;	
	}
	
	.hero h1 {
		text-align: center;
		color: #fff;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	
	.hero h3 {
		    text-align: center;
			color: #fff;
			margin-top: 10px;
			margin-bottom: 20px;
			font-size: 14px;
			font-weight: bold;
			display: block;
			padding-bottom: 10px;
	}
	
	.navbar-default .navbar-nav>li>a {
		color: #fff;
		text-transform: uppercase;
		font-size: 16px;
	}


	.block {
		text-align: center;  
	}

    .block p {
		font-size: 18px;
		font-weight: bold;
		/* line-height: 16px; */
		text-align: left;
		padding: 25px;
    }

   
    .block h2 {
      font-weight: bold; 
      color: #71b954;
	  font-size: 38px;
    }

    .block p {
      text-transform: lowercase;
    }
	
    /*.navbar {
      font-weight:bold;
    }*/

	.subimage {
		border-radius: 10px;
	}
	
    .subimage img {
      filter: grayscale(1);
    }

    .image-grid-cover {
      height: 160px;
      background: #000;
      margin-bottom: 20px;
      text-align: center;
      font-weight: bold;
      color: #000;
      padding: 40px;
      border-radius: 10px;
      border: solid 3px #000;
	  line-height: 18px;
    }

    .thumbnail {
		padding: 10px 20px;
		border: solid 1px #ccc;
		border-radius: 10px;
    }
	
	.card-title {
		font-size: 16px;
	}
	
	h3 small {
		color: #888!important;
	}
	
	blockquote .small {
		display: block;
		font-size: 90%;
	}
	
    .btn {
      font-weight: bold;
    }

    .btn-success {
      background: #000;
      color: #fff; 
      border: none; 
    }

    .btn-success:hover {
       background: #000;
       color: #ff6605; 
    }

    .cover-wrapper {
      color: #ce423e;
    }
	
	.bg-green {
		background: #2dd300;
		color: #dfffdf;
	}
	
	.bg-orange {
		background: #ff6e6e;
		color: #ffd5d5;
	}
	
	.xcard .media-heading {
		background: #0000003b;
		color: #fff;
		padding: 20px 10px;
		border-radius: 8px;
	}
	
	.xcard blockquote {
		font-size: 14px;
		height: 120px;
		overflow: hidden;
	}
	
	.modal-title {
		color: #8d8d8d;
		font-weight: bold;
	}
	
	.list-group-item div {
		margin-top: 5px;
		padding-left: 20px;
		color: #888;
	}
	
	.no-gutter {
	  margin-right: 0px;
	  margin-left: 0px;
	}

	.no-gutter > [class*="col-"] {
	  padding-right: 0px;
	  padding-left: 0px;
	}
	
	.gutter-5 {
	  margin-right: 5px;
	  margin-left: 5px;
	}

	.gutter-5 > [class*="col-"] {
	  padding-right: 5px;
	  padding-left: 5px;
	}
	
	#tabingredients {
		max-height: 220px;
		overflow: auto;
		overflow-x: hidden;
	}	

	.ttl {
		max-height: 40px;
		font-size: 14px; 
		font-weight: bold; 
		overflow: hidden;	
	}		
	
	.ttl .media-heading {
		font-size: 13px;
		line-height: 11px;
	}
	
	.ttl .media-heading a {
		color: #000;
	}
	
	.thumbnail h2 {
		font-weight: bold;
		color: #000;
		font-size: 26px;
		padding: 0px;
		padding-bottom: 20px;
	}
	
	.thumbnailx {
		padding: 10px 10px;
		border: solid 3px #ccc;
		height: 155px;
		margin-bottom: 25px;
		border-radius: 10px;
		overflow: hidden; 
		line-height: 12px;
		font-size: 12px;
	}
	
	@media only screen and (max-width: 426px) {
		
		#gallery {
			column-count: 1!important;
			column-gap: 0px!important;
		}
		
		.hero h1, .container h1 {
			font-size: 16px!important; 
			padding: 10px!important;
		}
		
		.breadcrumb {
			font-size: 10px;
		}
		
		.nav>li>a {
			padding: 5px 3px;
		}
		
		.footer-distributed p.footer-links a {
			font-size: 10px;
		}
		
		.footer-distributed {
			padding: 5px;
		}
		
		.image-grid-cover {
			padding: 20px;
		}
		
		.navbar-brand {
			font-size: 16px;
		}
		
		.navbar-default .navbar-collapse, .navbar-default .navbar-form {
			border: none; 
			margin-left: -65px;	
		}
	}
	
	.hero1 h1 {
		color: #fff; 
		/*font-size: 62px;*/ 
	}
	
	.topbg h1 {
		color: #fff;
	}
	
	.openlogin .container {
		
		/*position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		*/
		z-index: 10000;
		
	}
	
	.openlogin {
		height: 100%;
		overflow: scroll;
		display: block!important;
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 10000;
		border: none;
		background: #fff;
		padding: 20px;
		border-radius: 10px;
	}
	
	.openlogin .well {
		background: inherit;
		border: none;
		margin-bottom: 0px;
		box-shadow: none;
	}
	
	#pos, #pos2 {
        position: relative;
        top: 0;
        bottom: 0;
        width: 100%;
		height: 200px;
    }
	  
    .corporate-location-marker {
        background-image: url('home-svgrepo-com.svg');
        background-size: cover;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        cursor: pointer;
    }
    
	.service-location-marker {
        background-image: url('tent-svgrepo-com.svg');
        background-size: cover;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        cursor: pointer;
    }
	
    .service-coverage-marker {
        background-image: url('tent-svgrepo-com.svg');
        background-size: cover;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        cursor: pointer;
    }

    .mapboxgl-popup {
        max-width: 250px;
    }
      
	.mapboxgl-popup-content {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
    }
	
	.mapboxgl-popup-content h3 {
		font-size: 18px;
		font-weight: bold;
	}
	
	.nav-tabs>li>a {
		margin-right: 1px;
	}
	
	.timeline-centered {
		position: relative;
		margin-bottom: 30px;
	}

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        background: #f5f5f6;
        left: 50%;
        top: 20px;
        bottom: 20px;
        margin-left: -4px;
    }

    .timeline-centered .timeline-entry {
        position: relative;
        width: 70%;
        float: right;
        margin-bottom: 70px;
        clear: both;
    }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry.begin {
            margin-bottom: 0;
        }

        .timeline-centered .timeline-entry.left-aligned {
            float: left;
        }

            .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
                margin-left: 0;
                margin-right: -18px;
            }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
                    left: auto;
                    right: -100px;
                    text-align: left;
					z-index: 1000;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
                    float: right;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
                    margin-left: 0;
                    margin-right: 70px;
					border-radius: 10px;
                }

                    .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
                        left: auto;
                        right: 0;
                        margin-left: 0;
                        margin-right: -9px;
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -22px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
                position: absolute;
                left: -100px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
                    display: block;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
                        font-size: 15px;
                        font-weight: bold;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
                        
						color: #000000;
                    }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #fff;
                color: #737881;
                display: block;
                width: 40px;
                height: 40px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                text-align: center;
                -moz-box-shadow: 0 0 0 5px #f5f5f6;
                -webkit-box-shadow: 0 0 0 5px #f5f5f6;
                box-shadow: 0 0 0 5px #f5f5f6;
                line-height: 40px;
                font-size: 15px;
                float: left;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
                    background-color: #303641;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
                    background-color: #ee4749;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
                    background-color: #62ce3a;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
                    background-color: #21a9e1;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
                    background-color: #fad839;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
                    background-color: #cc2424;
                    color: #fff;
                }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                background: #f5f5f6;
                padding: 1.7em;
                margin-left: 70px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 9px 9px 9px 0;
                    border-color: transparent #fff transparent transparent;
                    left: 0;
                    top: 10px;
                    margin-left: -9px;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                    color: #737881;
                    font-family: "Noto Sans",sans-serif;
                    font-size: 12px;
                    margin: 0;
                    line-height: 1.428571429;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
                        margin-top: 15px;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                    font-size: 16px;
                    margin-bottom: 10px;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
                        color: #303641;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
                        -webkit-opacity: .6;
                        -moz-opacity: .6;
                        opacity: .6;
                        -ms-filter: alpha(opacity=60);
                        filter: alpha(opacity=60);
                    }
					
					
					
					
					
	.itinerary-block {
		margin-bottom: 20px;
		border-bottom: solid 2px #008000;
		padding-bottom: 20px;
	}
	
	.wellx h4 {
		font-weight: bold;
	}
	
	#ai2_results h2 {
		
		font-weight: bold;
		padding: 0px;
		color: #000;
		font-size: 24px;
		
	}
	
	.pointer {
	    background: #000;
		color: #fff;
		width: 32px;
		height: 32px;
		display: inline-block;
		text-align: center;
		padding: 5px;
		border-radius: 50%;
		margin-right: 10px;	
	}
	
	.checkbox label, .radio label, .well, .step {
		color: #000;	
	}
	
	.has-error {
		border: solid 3px #ff0000;
	}

	.step,
	.back,
	.submit {
		display:none;
	}

	label.error {
		color: #ff5d5d;
		font-size: 11px;
	}
	
	.checkbox label, .radio label {
		font-weight: bold;
		font-size: 14px;
	}
	
	blockquote {
		font-size: 18px;
		font-weight: bold;
	}
	
	.step blockquote p {
		text-transform: uppercase;
	}
	
	#ai_results,#ai1_results,#ai2_results{			
	    font-size: 14px;
		font-weight: bold;
		padding: 10px;
		color: #255e0d;
		background: #87d567;
		margin-top: 20px;
		border-radius: 10px;	
		max-height: 300px;
		overflow: auto;
	}
	
	#ai_results::-webkit-scrollbar, #ai1_results::-webkit-scrollbar, #ai2_results::-webkit-scrollbar {
	  width: 6px;
	}

	#ai_results::-webkit-scrollbar-track, #ai1_results::-webkit-scrollbar-track,  #ai2_results::-webkit-scrollbar-track {
	  background: #47c617; 
	}
	 
	#ai_results::-webkit-scrollbar-thumb, #ai1_results::-webkit-scrollbar-thumb, #ai2_results::-webkit-scrollbar-thumb {
	  background: green; 
	}

	#ai_results::-webkit-scrollbar-thumb:hover, #ai1_results::-webkit-scrollbar-thumb:hover, #ai2_results::-webkit-scrollbar-thumb:hover {
	  background: green; 
	}