/* Variables */
:root {
	--teal: #4ec0b0;
	--lime: #30d890;
	--theme: #254d27;
	--dullGreen: #254d27;
	--green: #000;
	--dark: #1f1f1f;
	--leafyGradient: linear-gradient(to right, #30d890, #2ed4c1);
	--strongGradient: linear-gradient(45deg, #20966E, #06390D);
	--orangeGradient: linear-gradient(45deg, var(--orange), #ff4b00);
	--purpleGradient: linear-gradient(45deg, #d091d9, #CD48DF);
    --pinkGradient: linear-gradient(45deg, #ffe0ed, #FFD3E5);
    
    --brandGreen: #052900;
    --brandLightGreen: #76b732;
    --brandDullGreen: #667a65;
    --brandGrey: #bfbfbf;
}
html body ul li::before,
html body ol li::before
{
    background-color: #fff !important;
}


@font-face {
	font-family: "light";
	src: url("../css/fonts/owners/regular.otf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: "wide";
  src: url("../css/fonts/owners/wide.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "regular";
  src: url("../css/fonts/owners/regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "medium";
  src: url("../css/fonts/owners/bold.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "medium";
  src: url("../css/fonts/owners/medium.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "bold";
  src: url("../css/fonts/owners/wide-bold.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


html,
body {
	font-family: "regular";
	letter-spacing: 1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "wide";
    text-transform: uppercase;
}
strong,
b,
button,
th {
	font-family: "medium";
}
a, .blog-detail p a span,
.blog-detail p a
{
    font-family: "regular";
    letter-spacing: 1px;
}
.selectWrap
{
    background-color:transparent !important;
    background-image:var(--leafyGradient) !important;
}

button, .view-btn, .btn {
    
    background-image: var(--brandLightGreen);
    color: #fff;
}

.search-btn, .search-btn:hover, .topbar .drop-drown .dropdown-toggle,
.navbar-toggler:hover, .search-toggler:hover, .navbar-toggler, .search-toggler
{
    background:none !important;
    background-image:transparent !important;
}

section,
p,
span,
div,
li,
td {
	font-family: "regular";
	letter-spacing: 1px;
}

.text-normal {
	font-family: regular, serif !important;
	letter-spacing: 1px;
}

.text-bold {
	font-family: bold, serif !important
}

.hero-text {
	font-family: bold, serif !important
}

strong {
	font-family: bold;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

::-moz-selection {
	background-color: #00a2ff;
	color: #fff
}

::selection {
	background-color: #00a2ff;
	color: #fff
}

ul {
	margin: 0;
	padding: 0
}

ul li {
	list-style-type: none;
	display: inline-block
}

.link,
a {
	text-decoration: none !important
}

.btn i,
button i {
	margin-right: 5px
}

html {
	overflow-x: hidden !important;
	scroll-behavior: smooth
}

body {
	background-color: #fff;
	margin: 0;
	position: relative;
	padding: 0;
	width: 100%
}

@media(max-width: 991px){
    body {
        overflow-x: hidden;
    }
    #tox {
        display: none;
    }
}

.ccpa-opt-out-icon svg {
    max-width: 40px;
}
.osano-cm-window__widget {
    /*display: none;*/
}

.fluid {
	padding-left: 7px !important;
	padding-right: 7px !important
}

.mx-none {
	margin: 0 -15px 0 -15px
}

.hidden {
	display: none
}

.btn {
	padding: 5px 30px;
	border-radius: 100px
}

.btn-back {
	border: 2px solid #5c5c60;
	background: 0 0;
	color: #5c5c60
}

.btn-back:hover {
	color: #fff;
	background-color: #5c5c60
}

.btn-green {
	border: none !important;
	background: var(--brandLightGreen) !important;
	color: #fff !important;
    height: 40px;   
}

.btn-green:hover {
	color: #fff !important;
	background: var(--brandGreen) !important;
}

.btn-default:active {
	-webkit-transform: scale(.97);
	-ms-transform: scale(.97);
	transform: scale(.97)
}

.btn-next:focus {
	background: var(--lime) !important;
	border-color: var(--lime) !important
}

button:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

:focus {
	outline-color: transparent !important
}

.btn:focus,
.form-control:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.mt-20 {
	margin-top: 20px
}

@media (min-width:992px) {
	.hide-before {
		display: none !important
	}
}

@media (max-width:991px) {
	.hide-after {
		display: none !important
	}
}

body {
	position: relative;
	font-size: 14px;
	margin: 0;
	padding: 0;
	color: #495158;
}

html {
	font-size: 16px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0
}

p {
	margin: 0
}

h1 {
	font-size: 3rem
}

h2 {
	font-size: 2.8rem
}

h3 {
	font-size: 1.5rem
}

h4 {
	font-size: 1.25rem
}

.font-fourth {
	font-size: 1.125rem
}

.font-tewelth {
	font-size: 12px
}

p {
	font-size: 16px
}

a,
a:focus,
a:hover {
	text-decoration: none;
	outline: 0;
	color: inherit
}

ol,
ul {
	margin: 0;
	padding: 0;
	list-style: none
}

ul li {
	display: inline-block
}

iframe {
	border: 0
}

button {
	cursor: pointer;
	background: 0 0
}

button:focus {
	outline: 0;
	background: 0 0
}

a,
button {
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

img {
	width: 100%
}

.thumb-img,
.thumb-img>img {
	display: block;
	width: 100%
}

section {
	position: relative
}

.container {
	max-width: 1200px
}

.padding-t {
	padding-top: 70px
}

.mb-50 {
	margin-bottom: 50px
}

.mt-50 {
	margin-top: 50px
}

.mb-40 {
	margin-bottom: 40px
}

.mt-30 {
	margin-top: 30px
}

.mb-30 {
	margin-bottom: 30px
}

.mt-20 {
	margin-top: 20px
}

.mb-10 {
	margin-bottom: 10px
}

.mt-10 {
	margin-top: 10px
}

.mt-5 {
	margin-top: 5px
}

.mb-0 {
	margin-bottom: 0
}

.darkcolor {
	color: #1c2b36
}

.whitecolor {
	color: #fff
}

.text-green {
	color: var(--lime)
}

.text-peech {
	color: var(--orange)
}

.bg-green {
	background: var(--lime)
}

.bg-light-grey {
	background: #dfdedb
}

.bg-dark-grey {
	background: #7f7f7f
}

.bg-black {
	background: #000
}

.bglight {
	background: #f6f6f6
}

.text-error {
	color: #ff3434;
	font-weight: 400;
	font-size: 12px;
	margin: 0
}

.text-error>i {
	font-size: 10px
}

.font-medium {
	font-weight: 500
}

.text-bold {
	font-weight: 700
}

.heading-style {
	position: relative;
	padding-bottom: 5px;
	display: inline-table;
	line-height: normal;
	text-decoration: underline;
	padding-top: 15px
}

.simple.heading-style {
	border: none;
	padding-bottom: 0;
	text-decoration: none
}


.bg-web,
.container {
	z-index: 1
}

.bg-web {
	background: url(../images/web-ping.png) no-repeat;
	background-size: cover;
	background-position: center center
}

.bg-web:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: .9;
	z-index: -1;
	background: #fff
}

.bg-web.parallax-green:after {
	background: var(--lime)
}

.bg-web.parallax-peech:after {
	background: var(--orange)
}

a[class^=btn] {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.btn-simple,
.btn-web {
	position: relative;
	text-align: center;
	display: inline-block;
	line-height: normal;
	overflow: hidden
}

.btn-web {
	font-size: 22px;
	text-transform: capitalize;
	z-index: 1;
	border-radius: 40px;
	border: 2px solid #495158;
	color: #495158;
	display: inline-table
}

.btn-web i,
.btn-web>span {
	display: table-cell;
	text-align: center
}

.btn-web>span {
	background: #fff;
	padding: 14px 3.5rem;
	border-radius: 40px
}

.btn-web i {
	width: 46px;
	vertical-align: middle
}

.btn-web.bg-green {
	background: var(--lime)
}

.btn-web.bg-peech {
	background: var(--orange)
}

.btn-simple {
	border: 1px solid transparent;
	font-size: 14px;
	padding: 10px 2rem;
	border-radius: 3px
}

.btn-simple.bg-green:focus,
.btn-simple.bg-green:hover,
.green-hole {
	border-color: var(--lime);
	color: var(--lime);
	background: 0 0
}

.peech {
	background: var(--orange)
}

.white-btn {
	background: #fff;
	color: var(--lime)
}

.btn-simple.peech:focus,
.btn-simple.peech:hover {
	border-color: var(--brandLightGreen);
	background: 0 0;
	color: var(--orange)
}

.btn-simple.white-btn:focus,
.btn-simple.white-btn:hover {
	border-color: #fff;
	background: 0 0;
	color: #fff
}

.btn-simple.bg-green,
.green-hole:focus,
.green-hole:hover,
.peech {
	color: #fff
}

.green-hole:focus,
.green-hole:hover {
	background: var(--lime)
}

ul.socials li a {
	font-size: 12px;
	margin: 0 1px;
	text-align: center;
	display: block;
	color: #fff;
	width: 34px;
	height: 32px;
	border-radius: 4px;
	line-height: 32px
}

ul.socials li:last-child a {
	margin-right: 0
}

ul.socials li:first-child a {
	margin-left: 0
}

ul.socials.simples li a {
	color: #fff;
	font-size: 14px
}

ul.socials.simples.darkcolor li a {
	color: #495158
}

.social-facebook {
	background-color: #3a5898;
	border-color: #3a5898
}

.social-insta {
	background-color: #262626;
	border-color: #262626
}

.social-twitter {
	background-color: #28a0d2;
	border-color: #28a0d2
}

.social-youtube {
	background-color: #c4302b;
	border-color: #c4302b
}

.social-linkedin {
	background-color: #0071a8;
	border-color: #0071a8
}

.social-google {
	background-color: #be342b;
	border-color: #be342b
}

.social-whatsapp {
	background-color: #25d366;
	border-color: #25d366
}

ul.socials li a:focus,
ul.socials li a:hover {
	color: var(--lime);
	-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, .2)
}

.border-mobile {
	border-bottom: 2px solid var(--lime);
	margin: 0 0 20px 0
}

.topbar {
	background: #fff;
	padding: .5rem 0;
	display: none !important;
}

.topbar .dropdown-toggle {
	background-color: transparent;
	color: #fff
}

.topbar .flex-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.topbar .flex-row .social-reviews {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.topbar .flex-row .social-reviews p {
	margin: 0 0 0 30px;
	color: #fff;
	font-size: 14px
}

.topbar .flex-row .social-reviews p a {
	color: #fff
}

.topbar .flex-row .social-reviews p a:hover {
	color: var(--orange)
}

.topbar .flex-row .social-reviews .r-link .fa-star {
	color: var(--orange) !important
}

.topbar .flex-row .social-reviews .r-link .fa-star:last-child {
	margin-right: 5px
}

.topbar .flex-row .t-links>a {
	color: #fff;
	font-size: 14px
}

.drop-drown .dropdown-toggle:after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
	position: absolute;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%
}

.drop-drown .dropdown-toggle {
	color: #fff;
	border: none;
	padding: 0 0 0 15px;
	font-size: 14px;
	margin: 0 0 0 25px;
	position: relative
}

.drop-drown .dropdown-menu .dropdown-item {
	padding: .25rem 1rem;
	font-size: 14px
}

.drop-drown .dropdown-menu .dropdown-item:hover {
	color: var(--lime)
}

.topbar .topbbar-links {
	font-size: 14px;
	color: var(--lime);
	margin: 5px 0 0 20px
}

.topbar .topbbar-links .fa-caret-down:before {
	position: relative;
	right: -5px
}

.navbar-brand {
	line-height: normal;
	margin: 10px 0
}

@media (max-width:991px) {
	.navbar-brand {
		position: absolute;
		left: 50%;
		top: 0;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

.navbar-brand img {
	height: 30px;
	width: auto
}

.navbar-nav .nav-item .nav-link {
	font-size: 15px
}

.navbar-nav .nav-item:nth-child(7) .nav-link {
	padding-right: 0
}

.navbar-nav .nav-item .nav-link:hover strong {
    color: #111;
}

.bsnav-mobile .navbar {
	width: 290px;
	left: 0;
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
	right: auto
}

.bsnav-sticky.bsnav-sticky-slide.sticked {
	top: 0
}
.single-post .secondary-nav {
    margin: 10px auto auto;
}
.navbar-toggler,
.search-toggler {
	height: 45px;
	font-size: 24px;
	border: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #333
}
.navbar-toggler i {
    font-size: 32px;
}

.search-toggler:hover {
	color: var(--brandLightGreen)
}

.navbar {
	z-index: 1030;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.navbar-nav {
    display: block;
}
.navbar-nav .nav-item:hover .sub-menu {
    display: block;
}

.navbar .container {
    max-width: 95%;
}

.navbar .sub-menu {
    display: none;
    position: absolute;
    padding: 10px;
    width: 250px;
    top: 83px;
    border-radius: 0 0 5px 5px;
    transition: linear .1s;
    backdrop-filter: blur(5px);
    background: #fff;
    border: 1px solid #eee;
}

.navbar .sub-menu li {
    display: block;
    padding: 5px;
}

.navbar .sub-menu a {
    letter-spacing: 1px;
    display: flex;
    width: 100%;
    padding: 8px 10px;
    background: #fff;
    align-items: center;
    border-radius: 5px;
    transition: none;
    font-family: 'regular';
    position: relative;
    color: #000;
}

.navbar-nav i {
    border-radius: 50px;
    padding: 3px;
    color: var(--brandGreen);
    width: 25px;
    text-align: center;
    font-size: 20px;
    margin-right: 7px;
}
.navbar .sub-menu li:hover a {
    background: #e9e9e9;
}

.maintenance-banner {
    width: 100%;
    padding: 5px 0;
    background: var(--brandLightGreen);
}

.maintenance-banner p {
    color: #fff;
    text-align: center;
}

.holiday-banner {
  position: relative;
  background-color: #2c3e50;
  color: #fff;
  text-align: center;
  padding: 10px;
  overflow: hidden;
  height: auto; /* Adjust height to fit your design */
}

.holiday-banner p {
  margin: 0;
  font-size: 18px;
  z-index: 1;
  position: relative;
}

/* Snow container */
.snow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

/* Snowflakes using pseudo-elements */
.snow::before,
.snow::after {
  content: '';
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 300%;
  background-image: 
    radial-gradient(2px 2px at 10% 20%, #fff, transparent),
    radial-gradient(3px 3px at 25% 35%, #fff, transparent),
    radial-gradient(2px 2px at 40% 50%, #fff, transparent),
    radial-gradient(3px 3px at 55% 65%, #fff, transparent),
    radial-gradient(2px 2px at 70% 80%, #fff, transparent),
    radial-gradient(3px 3px at 85% 90%, #fff, transparent),
    radial-gradient(2px 2px at 95% 10%, #fff, transparent),
    radial-gradient(2px 2px at 15% 60%, #fff, transparent),
    radial-gradient(3px 3px at 35% 75%, #fff, transparent),
    radial-gradient(2px 2px at 50% 90%, #fff, transparent);
  animation: snowfall 10s linear infinite;
}

/* Different speed and position for more realism */
.snow::after {
  background-image: 
    radial-gradient(2px 2px at 5% 15%, #fff, transparent),
    radial-gradient(3px 3px at 20% 30%, #fff, transparent),
    radial-gradient(2px 2px at 35% 45%, #fff, transparent),
    radial-gradient(3px 3px at 50% 60%, #fff, transparent),
    radial-gradient(2px 2px at 65% 75%, #fff, transparent),
    radial-gradient(3px 3px at 80% 85%, #fff, transparent),
    radial-gradient(2px 2px at 90% 5%, #fff, transparent),
    radial-gradient(2px 2px at 10% 55%, #fff, transparent),
    radial-gradient(3px 3px at 30% 70%, #fff, transparent),
    radial-gradient(2px 2px at 45% 85%, #fff, transparent);
  animation: snowfall 15s linear infinite;
}

@keyframes snowfall {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}

#login-btn {
    background: var(--brandLightGreen);
    color: #fff;
    padding: 10px 20px;
    border: 2px solid var(--brandLightGreen);
}

#login-btn:before, #qualify-btn:before {
    display: none;
}

#login-btn:hover {
    background: var(--brandGreen);
    border: 2px solid var(--brandGreen);
}

#qualify-btn {
    background: #fff;
    border: 2px solid var(--brandGreen);
    color: var(--brandGreen);
    padding: 10px 20px;
}

#qualify-btn:hover {
    background: var(--brandGreen);
    color: #fff;
}

.fixit {
    border-bottom: 1px solid #eee;
	width: 100%;
    margin: auto;
    top: 0;
    left: 50%;
    position: fixed;
	z-index: 1040 !important;
	transform: translateX(-50%);
}

.mobile-menu {
	position: fixed;
	left: -310px;
	top: 0;
	z-index: 1020 !important;
	width: 300px;
	background-color: #fff;
	height: 100vh;
	padding-top: 60px;
	-webkit-transition: .2s linear;
	-o-transition: .2s linear;
	transition: .2s linear
}

.mobile-menu.slide-in {
	left: 0 !important;
	padding: 0;
	top: 62px;
}

.mobile-menu>ul {
	padding: 0 15px
}

.mobile-menu>ul hr {
	height: 1px;
	margin: 15px 0;
	padding: 0;
	width: 100%;
	background-color: var(--lime)
}

.mobile-menu>ul>li {
	display: block
}

.mobile-menu>ul>li select {
	padding: 5px 20px !important;
	text-align: left !important;
	border: 2px solid var(--orange) !important;
	position: relative !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 24px;
	background-image: url(../images/dropdown.png);
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	border-radius: 50px
}

.mobile-menu>ul>li>a {
	font-size: 20px;
	color: var(--lime);
	padding: 5px 10px
}

.mobile-menu>ul>li>a:hover {
	color: var(--orange)
}

.mobile-menu>ul>li .socials {
	margin-top: 25px !important
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	background-color: rgba(92, 92, 96, .8);
	z-index: 1010;
	display: none
}

.breadcrumb {
	background-color: transparent;
	padding: 0;
	margin: 15px 0 0
}

.breadcrumb li a {
	color: #a3a3a3
}

.breadcrumb li a:hover {
	color: var(--orange)
}

.site-footer .container {
	max-width: 1200px
}

.site-footer {
	padding: 10px 0 0 0
}

.copyrights {
	background: #53595e;
	padding: 18px 0
}

.contactus-meta p,
.copyrights li a,
.copyrights p {
	font-size: 14px
}

.copyrights li a,
.copyrights p {
	color: #fff
}

.copyrights li a {
	text-transform: uppercase
}

.copyrights ul>li+li {
	margin-left: 10px
}

.footer-links li,
.footer-links li a {
	display: block;
}

.footer-links li a {
	font-size: 1.125rem;
	margin: 0 0 3px 0
}

.footer-links li a>i {
	font-size: 10px;
	margin-right: 2px
}

.footer-links li a:focus,
.footer-links li a:hover,
.footer-links li a>i {
	color: var(--lime)
}

.mobile-center h4 {
	font-size: 16px
}

@media (max-width:991px) {
	.mobile-center {
		text-align: center
	}
}

.contact-box {
	background: #fff;
	padding: 1.5rem 15px;
	border-radius: 5px
}

.contact-box .form-group {
	margin-left: 10px;
	margin-right: 10px
}

.activestate-forms .btn-simple,
.contact-box .btn-simple {
	padding: 15px 2rem;
	border-bottom: 2px solid #767c81
}

.contactus-meta .socials li a {
	border: 1px solid transparent
}

.contactus-meta .socials li a:focus,
.contactus-meta .socials li a:hover {
	border: 1px solid #added9;
	background: 0 0;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none
}

.card-body .contact-box {
	display: inline-table;
	margin: 0 auto
}

.card-body {
	background: 0 0
}

.card-body .contact-box {
	display: inline-table;
	margin: 0 auto;
	border: 2px solid var(--lime);
	padding: 0 0 10px 0;
	width: 300px
}

.card-body .contact-box .webForm {
	padding: 10px 20px
}

.card-body .contact-box .heading-form {
	color: #fff;
	background: var(--lime);
	text-align: center;
	padding: 15px 30px 1px 30px
}

.card-body .contact-box .heading-form h4 {
	font-size: 18px;
	text-transform: uppercase
}

.card-body .contact-box .heading-form p {
	font-size: 12px
}

.card-body .contact-box .border-btm-form .form-control,
.card-body .contact-box .border-btm-form textarea.form-control {
	border: 1px solid #54595e;
	padding: 8px
}

.card-body .contact-box .form-group {
	margin-left: 0;
	margin-right: 0
}

#videos-sect {
	padding: 65px 0
}

#partners-slider {
	border: 2px solid var(--lime);
	border-radius: 5px;
	padding: 40px 0;
	margin: -75px 0 -90px 0;
	background: #fff
}

#partners-slider .owl-item img {
	max-width: 100%;
	margin: 0 auto
}

.site-footer .custom-select {
	color: #54595e;
	border: none;
	border-radius: 5px;
	height: auto;
	padding: 2px 22px 2px 10px;
	font-size: 12px;
	min-width: 210px
}

.copyrights .row ul li a:hover {
	color: var(--orange)
}

@media (max-width:991px) {
	.copyrights .row {
		text-align: center
	}

	.copyrights .row ul {
		margin-top: 10px !important;
		text-align: center
	}
}

.dropdown-menu.show {
	z-index: 1050
}

.vh-jumbotron {
	background-image: url(../images/pie-banner.png);
	padding: 75px 0;
	text-align: center;
	color: #fff;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative
}

.vh-jumbotron:after {
	content: "";
	height: 100%;
	width: 100%;
	background-color: var(--dullGreen);
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .95
}

.vh-jumbotron .container {
	position: relative;
	z-index: 2
}

.vh-jumbotron h1 {
	font-size: 45px;
	color: #fff;
	margin: 0 0 10px
}

.vh-jumbotron p {
	font-size: 26px;
	color: #fff;
	max-width: 876px;
	display: block;
	margin: 0 auto
}

.vh-jumbotron p.w-100 {
	max-width: 100%;
	font-size: 20px
}

.main-display {
	padding: 30px 0
}

.main-display .row.less-margin {
	margin-left: -7px !important;
	margin-right: -7px !important
}

.main-display .row.less-margin>div {
	padding-left: 7px !important;
	padding-right: 7px !important
}

.main-display .blog-post {
	position: relative;
	border: 1px solid #f6f6f6;
	margin-bottom: 16px
}

.main-display .blog-post:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 200px;
	background: -o-linear-gradient(top, transparent, #5c5c60 160px);
	background: linear-gradient(to bottom, transparent, #5c5c60 160px)
}

.main-display .blog-post .img-holder {
	position: relative
}

.main-display .blog-post .text {
	position: absolute;
	z-index: 10;
	bottom: 0;
	width: 100%;
	left: 0;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 15px
}

.main-display .blog-post .text h6 {
	font-size: 20px;
	color: #fff;
	margin: 10px 0 0
}

@media (max-width:991px) {
	.main-display .blog-post .text h6 {
		font-size: 16px
	}
}

.main-display .blog-post .text .badge {
	background-color: var(--brandLightGreen);
	color: #fff;
	font-weight:400;
	font-size: 14px;
	margin-right: 10px
}

.main-display .blog-post .text span {
	color: #fff
}

.main-display .video-blogs .top-video {
	position: relative
}

.main-display .video-blogs .top-video .video-holder {
	padding-top: 54%;
	position: relative;
	background-color: #111
}

.main-display .video-blogs .top-video .video-holder .play-btn {
	position: absolute;
	bottom: 10px;
	left: 10px;
	background-color: var(--lime);
	color: #fff;
	font-size: 16px;
	padding: 12px 20px 10px;
	border-radius: 5px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.main-display .video-blogs .top-video .video-holder .play-btn:hover {
	background-color: var(--brandLightGreen);
	cursor: pointer
}

.main-display .video-blogs .top-video .video-holder .play-btn i {
	font-size: 20px;
	margin-right: 15px
}

.main-display .video-blogs .top-video .text {
	padding: 15px
}

.main-display .video-blogs .top-video .text span {
	color: var(--lime);
}

.main-display .video-blogs .top-video .text h4 {
	color: var(--green);
}
.main-display .video-blogs .top-video .text h4 a
{
    font-family:bold !important;
}

.main-display .video-blogs .top-video .text p {
	margin: 5px 0 0;
	color: #777
}

.main-display .video-blogs .other-videos {
	padding: 20px 10px;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3
}

.main-display .video-blogs .other-videos a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.main-display .video-blogs .other-videos a~a {
	margin-top: 16px
}

.main-display .video-blogs .other-videos a .img-holder {
	margin-right: 10px
}

.main-display .video-blogs .other-videos a .img-holder img {
	width: 130px;
	height: 80px
}

.main-display .video-blogs .other-videos a .text h6 {
	color: var(--green);
}

.main-display .video-blogs .other-videos a .text p {
	color: #777;
	margin: 5px 0 0;
	font-family:medium;
}
.main-display .video-blogs .other-videos a .text span 
{
	font-family:medium;
}

.main-display .video-blogs .other-videos a .text p:hover {
	color: var(--orange)
}

.main-display .video-blogs .other-videos a .text p i,
.main-display .video-blogs .other-videos a .text p span {
	color: var(--lime)
}

.main-display .video-blogs .other-videos a .text p i {
	margin-right: 5px
}

.main-display .video-blogs .other-videos a .text p span {
	margin-left: 5px
}

.main-display .video-blogs>.more-vids {
	color: #777;
	text-align: center;
	padding: 10px 0;
	display: inline-block;
	width: 100%;
	font-size: 16px
}

.main-display .video-blogs>.more-vids:hover {
	color: var(--lime)
}

.members {
	padding: 45px 0 80px !important
}

.members h1 {
	color: var(--green);
	font-size: 42px;
	margin: 0 0 30px
}

.members .member-search {
	max-width: 800px;
	display: block;
	margin: 0 auto 20px
}

.members .member-search .input-group {
	background-color: #f7f7f7;
	border-radius: 10px;
	overflow: hidden
}

.members .member-search .input-group .form-control {
	border: none;
	background-color: transparent;
	outline: 0;
	height: 56px;
	font-size: 20px;
	padding: 10px 20px
}

.members .member-search .input-group .form-control::-webkit-input-placeholder {
	color: #c5c5c5
}

.members .member-search .input-group .form-control::-moz-placeholder {
	color: #c5c5c5
}

.members .member-search .input-group .form-control:-ms-input-placeholder {
	color: #c5c5c5
}

.members .member-search .input-group .form-control::-ms-input-placeholder {
	color: #c5c5c5
}

.members .member-search .input-group .form-control::placeholder {
	color: #c5c5c5
}

.members .member-search .input-group .btn {
	border: none;
	background-color: transparent;
	border-radius: 0;
	color: #4e565c;
	padding: 5px 10px;
	font-size: 32px
}

.members .member-search .input-group .btn:hover {
	color: var(--orange)
}

.members .members-list .single-member {
	padding: 30px 4vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.members .members-list .single-member .img-holder {
	margin-right: 20px;
	height: 100px;
	width: 100px;
	position: relative;
	border-radius: 100%;
	overflow: hidden
}

.members .members-list .single-member .img-holder img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.members .members-list .single-member .name p {
	color: #a3a3a3;
	margin: 0;
	font-size: 16px
}

.members .members-list .single-member .name h5 {
	color: #4e565c;
	font-size: 28px;
	margin: 3px 0 0
}

.members .members-list .single-member .name span {
	color: var(--lime);
	font-size: 16px;
}

.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media (max-width:991px) {
	.pagination {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.pagination li {
	color: #b3bcc4
}

@media (min-width:767px) {
	.pagination li:first-child {
		margin-right: 0px !important
	}

	.pagination li:last-child {
		margin-left: 0px !important
	}
}

.pagination li a {
	margin-left: 10px;
	font-size: 18px !important;
	padding: 5px;
	color: #b3bcc4
}

.pagination li a img {
	height: 24px;
	width: auto
}

.pagination li a.active-page {
	color: var(--lime) !important
}

.pagination li a.disabled img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: .4
}

.m-filter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 0 20px;
	margin: 30px 0
}

.m-filter p {
	color: #a3a3a3;
	margin: 0
}

.m-filter select {
	border: none;
	padding: 10px 20px 10px 10px;
	font-size: 16px;
	color: var(--teal);
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	-o-text-overflow: "";
	text-overflow: "";
	position: relative;
	background-image: url(../images/caret-down.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 0px) 50%
}

.m-filter select option {
	color: #4e565c;
	font-size: 16px;
}

.m-filter select::-ms-expand {
	display: none
}

.member-detail {
	padding: 40px 0 80px
}

.member-detail .md-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 20px
}

@media (max-width:991px) {
	.member-detail .md-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.member-detail .vh-author {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

@media (max-width:991px) {
	.member-detail .vh-author {
		margin-bottom: 15px;
		text-align: center
	}
}

.member-detail .vh-author h1 {
	color: var(--green);
	font-size: 32px;
	margin: 0 0 20px
}

.member-detail .vh-author p {
	margin: 0;
	color: #a3a3a3;
	font-size: 14px
}

.member-detail .author-card {
	text-align: center
}

@media (max-width:991px) {
	.member-detail .author-card {
		width: 100%
	}
}

.member-detail .author-card>p {
	color: #a3a3a3;
	margin-bottom: 0
}

.member-detail .author-card .card {
	padding: 0;
	border-radius: 10px;
	background-color: #f9f9f9;
	border: none;
	margin: 60px 0 0;
	min-width: 380px;
	margin-left: 30px
}

@media (max-width:991px) {
	.member-detail .author-card .card {
		min-width: 0;
		width: 100%;
		margin-left: 0
	}
}

.member-detail .author-card .img-holder {
	margin-right: 20px;
	height: 100px;
	width: 100px;
	position: relative;
	border-radius: 100%;
	overflow: hidden;
	display: block;
	margin: -50px auto 20px
}

.member-detail .author-card .img-holder img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.member-detail .author-card h5 {
	color: #5c5c60;
	font-size: 28px
}

.member-detail .author-card span {
	color: var(--brandLightGreen);
    font-size: 16px;
    font-family: 'medium';
}

.member-detail .author-card .counter-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #eee;
	border-radius: 0 0 10px 10px
}

.member-detail .author-card .counter-flex>div {
	width: 50%;
	text-align: center;
	padding: 15px 5px
}

.member-detail .author-card .counter-flex>div:first-child {
	border-right: 1px solid #eee
}

.member-detail .author-card .counter-flex>div p {
	font-size: 16px;
	color: #a3a3a3;
	margin: 0
}

.member-detail .author-card .counter-flex>div p span {
	padding-left: 10px
}

.member-blogs .mblog-post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

@media (max-width:767px) {
	.member-blogs .mblog-post {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.member-blogs .mblog-post .img-holder {
	min-width: 260px;
	max-width: 260px;
	height: 160px;
	margin-right: 15px;
	position: relative;
	border: 1px solid #ddd
}

@media (max-width:767px) {
	.member-blogs .mblog-post .img-holder {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.member-blogs .mblog-post .img-holder img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media (max-width:767px) {
	.member-blogs .mblog-post .text {
		text-align: center
	}
}

.member-blogs .mblog-post .text .views-pbtime {
	margin: 0 0 5px
}

.member-blogs .mblog-post .text .views-pbtime span {
	font-size: 14px;
    color: #737373;
    font-family: 'medium';
}

.member-blogs .mblog-post .text h4 {
	font-size: 20px;
	color: var(--green);
}

@media (max-width:767px) {
	.member-blogs .mblog-post .text h4 {
		font-size: 16px
	}
}

.member-blogs .mblog-post .text p {
	font-size: 14px;
	color: #737373;
	margin: 0 0 10px;
    max-height: 63px;
    overflow: hidden;
}

.member-blogs .mblog-post .text .badge {
	font-weight: 500;
    font-size: 13px;
    background-color: var(--brandLightGreen);
    color: #fff;
    padding: 5px 7px 3px;
    display: inline-block;
}

.load-btn {
	background-color: #5c5c60;
	color: #fff;
	padding: 8px 30px;
	min-width: 200px
}

.load-btn:hover {
	background-color: var(--brandLightGreen);
	color: #fff
}

.latest-posts .new-post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

@media (max-width:767px) {
	.latest-posts .new-post {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.latest-posts .new-post .img-holder {
	min-width: 260px;
	max-width: 260px;
	height: 160px;
	margin-right: 15px;
	position: relative;
	border: 1px solid #ddd
}

@media (max-width:767px) {
	.latest-posts .new-post .img-holder {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.latest-posts .new-post .img-holder img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media (max-width:767px) {
	.latest-posts .new-post .text {
		text-align: center
	}
}

.latest-posts .new-post .text span {
	font-size: 16px;
	color: var(--teal)
}

.latest-posts .new-post .text h4 {
	font-size: 24px;
	color: var(--green);
}

@media (max-width:767px) {
	.latest-posts .new-post .text h4 {
		font-size: 20px
	}
}

.latest-posts .new-post .text p {
	font-size: 14px;
	color: #a3a3a3;
	margin: 0 0 10px
}

.latest-posts .new-post .text .badge {
	font-weight: 500;
	font-size: 14px;
	background-color: var(--lime);
	color: var(--green);
	padding: 6px 10px 4px;
	display: inline-block
}

.common-title {
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
	padding: 10px 15px
}

.common-title h4 {
	font-size: 24px;
	color: var(--dark);
	margin: 0;
	font-weight: 700
}

.common-title p {
	font-size: 16px;
	margin: 0;
	color: #a3a3a3
}

.img-center {
	margin: 0 0 30px;
	display: inline-block;
	width: 100%;
	text-align: center
}

.img-center img {
	display: block;
	height: auto;
	width: 100%;
	margin: 0 auto;
	border-radius: 15px;
}

.blog-detail {
	padding: 20px 0 50px
}

.blog-detail ol,
.blog-detail ul {
	margin: 0 0 20px 0;
}

@media (max-width:991px) {
	.blog-detail {
		padding: 15px 0 50px
	}
}

.blog-detail .bh {
	font-size: 22px;
	color: #5c5c60;
	margin: 0 0 10px
}

@media (max-width:991px) {
	.blog-detail .bh {
		font-size: 18px
	}
}

.blog-detail .btext {
	font-size: 14px;
	color: #a3a3a3;
	margin: 0 0 30px
}

.blog-detail .blog-tile-box {
	padding: 15px 20px 0;
	border: 1px solid #eee;
	border-radius: 10px;
	margin-bottom: 30px
}

.blog-detail .blog-tile-box span {
	font-size: 16px;
	color: #a3a3a3
}

@media (max-width:991px) {
	.blog-detail .blog-tile-box span {
		font-size: 14px
	}
}

.blog-detail .blog-tile-box h4 {
	font-size: 24px;
	color: #5c5c60;
	margin: 5px 0 10px
}

@media (max-width:991px) {
	.blog-detail .blog-tile-box h4 {
		font-size: 18px
	}
}

.blog-detail .blog-tile-box .author-profile-tag {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.blog-detail .blog-tile-box .author-profile-tag .img-holder {
	position: relative;
	height: 50px;
	width: 50px;
	border-radius: 100%;
	overflow: hidden;
	margin-right: 10px;
	top: 5px
}

.blog-detail .blog-tile-box .author-profile-tag .img-holder img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.blog-detail .blog-tile-box .author-profile-tag p {
	color: #737373;
	font-size: 14px
}
.blog-detail .blog-tile-box .author-profile-tag p a
{
    color:var(--brandLightGreen);
    font-family:medium;
}
.blog-detail .blog-tile-box .author-profile-tag p a:hover {
    text-decoration: underline !important;
    color:var(--brandDullGreen);
}
.blog-detail .blog-tile-box .checkedBy small a:hover {
    color:var(--brandDullGreen);
}
.blog-detail .blog-tile-box .flex-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	top: 10px
}

.blog-detail .social-pod {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f9f9f9;
	padding: 20px 30px;
	border-radius: 10px;
	margin-bottom: 30px
}

.blog-detail .social-pod.vertical {
	padding: 30px !important;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.blog-detail .social-pod.vertical .s-title {
	text-align: center;
	margin-bottom: 15px
}

.blog-detail .social-pod .s-title h3 {
	font-size: 24px;
	color: #5c5c60;
	margin: 0;
}

.blog-detail .social-pod .s-title p {
	color: var(--lime);
	font-size: 16px;
	font-family:'medium';
}

.blog-detail .social-pod .share-icons {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center
}

.blog-detail .social-pod .share-icons a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 100%;
	text-align: center;
	height: 45px;
	width: 45px;
	color: #fff;
	font-size: 28px
}

.blog-detail .social-pod .share-icons a~a {
	margin-left: 5px
}

.blog-detail .social-pod .share-icons a.fb {
	background-color: #38579b
}

.blog-detail .social-pod .share-icons a.gp {
	background-color: #d7472f
}

.blog-detail .social-pod .share-icons a.pint {
	background-color: #cd1c20
}

.blog-detail .social-pod .share-icons a.twt {
	background-color: #14a6e2
}

.blog-detail .social-pod .share-icons a.lin {
	background-color: #0079b8
}

.blog-detail .comment-form {
	margin-bottom: 30px
}

.blog-detail .comment-form .form-control {
	background-color: #f1f1f1;
	font-size: 14px;
	color: var(--green);
	border: none;
	min-height: 40px;
	margin-bottom: 15px
}

.blog-detail .comment-form .form-control::-webkit-input-placeholder {
	color: var(--green)
}

.blog-detail .comment-form .form-control::-moz-placeholder {
	color: var(--green)
}

.blog-detail .comment-form .form-control:-ms-input-placeholder {
	color: var(--green)
}

.blog-detail .comment-form .form-control::-ms-input-placeholder {
	color: var(--green)
}

.blog-detail .comment-form .form-control::placeholder {
	color: var(--green)
}

.blog-detail .comment-form input {
	margin-bottom: 30px !important
}

.blog-detail .comment-form .btn {
	min-width: 200px
}

.blog-detail .comments-list {
	margin-bottom: 30px
}

.blog-detail .comments-list .single-comment {
	padding: 15px 30px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 25px 5px rgba(242, 242, 242, .8);
	box-shadow: 0 0 25px 5px rgba(242, 242, 242, .8)
}

.blog-detail .comments-list .single-comment h5 {
	color: var(--green);
	font-size: 16px;
	margin: 0 0 0
}

.blog-detail .comments-list .single-comment p {
	color: #a3a3a3;
	font-size: 14px;
	margin: 5px 0
}

.blog-detail .comments-list .single-comment a {
	color: var(--lime);
	font-size: 14px
}

.blog-detail .comments-list .single-comment a:hover {
	color: var(--orange)
}
.sidebar-trending .t-post {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid var(--brandLightGreen);
    border-radius: 10px;
}
.sidebar-trending .text h4 {
    font-family: medium;
    font-size: 18px;
}
.sidebar-trending .text p,
.sidebar-trending .text span {
    display: none;
}

.related-posts {
	margin-bottom: 30px
}

.related-posts .post-box {
	margin-bottom: 30px
}

.related-posts .post-box .img-holder {
	position: relative;
	margin-bottom: 15px;
	padding-top: 100%
}

.related-posts .post-box .img-holder img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.related-posts .post-box span {
	color: var(--brandLightGreen);
	font-family:medium;
}

.related-posts .post-box h5 {
	color: var(--green);
	font-size: 18px;
	margin: 5px 0;
	word-wrap: break-word;
}

@media (max-width:991px) {
	.related-posts .post-box h5 {
		font-size: 16px;
		margin: 2px 0
	}
}

.related-posts .post-box p {
	margin: 0;
	color: #a3a3a3
}

@media (max-width:991px) {
	.related-posts .post-box p {
		font-size: 14px;
	}
}

.trending-stories {
	margin-bottom: 30px
}

.trending-stories .t-post {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px
}

@media (max-width:767px) {
	.trending-stories .t-post {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.trending-stories .t-post .img-holder {
	min-width: 95px;
	max-width: 100px;
	height: 105px;
	margin-right: 15px;
	position: relative;
	background-color: #000
}

@media (max-width:767px) {
	.trending-stories .t-post .img-holder {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.trending-stories .t-post .img-holder img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

@media (max-width:767px) {
	.trending-stories .t-post .text {
		text-align: center
	}
}

.trending-stories .t-post .text p {
	font-size: 14px;
	color: #777;
	margin: 0 0 0;
	max-height: 40px;
	overflow: hidden
}

.latest-trends {
	margin-bottom: 50px
}

.latest-trends .t-post {
	margin-bottom: 45px
}

.latest-trends .t-post .text h4 {
	font-size: 24px
}

@media (max-width:991px) {
	.latest-trends .t-post .text h4 {
		font-size: 18px;
		margin: 10px 0
	}
}

.latest-trends .related-posts .img-holder {
	padding-top: 86% !important
}

.category-box {
	background-color: #f5f5f5;
	border-radius: 8px;
	padding: 30px
}

@media (min-width:991px) {
	.category-box {
		min-height: 370px
	}
}
.blog-detail .bd-text h2 strong, .blog-detail .bd-text h3 strong
{
    font-family:bold !important;
}
.category-box h4 {
	color: var(--dark);
	margin: 0 0 10px
}

.category-box a {
	display: inline-block;
	width: 100%;
	padding: 10px 0px;
	font-size: 18px !important;
	color: #a3a3a3
}

.category-box a:hover {
	color: orange
}

.more-blogs {
	display: none
}

p {
	margin: 0
}

.vh-jumbotron h1 span {
	font-size: 30px
}

.single-search-result h3 a:hover {
	color: var(--lime)
}

.social-pod.horizontal p {
	margin: 0 !important
}

.form-check-label {
	font-size: 12px !important;
	display: inline-block;
	padding-left: 10px;
	min-height: 20px;
	cursor: pointer;
	position: relative
}

#error-search {
	padding: 50px 0
}

#error-search p {
	margin: 0 0 30px;
	font-size: 20px;
	color: var(--orange)
}

#error-search .partner-box .form-group {
	position: relative !important
}

#error-search .partner-box .form-group .form-control {
	border: none;
	border-bottom: 2px solid var(--orange);
	background: #f2f2f2;
	border-radius: 0;
	font-size: 18px !important
}

#error-search .partner-box .form-group button {
	border: none;
	position: absolute;
	background: 0 0;
	right: 8px;
	transform: translateY(-50%);
	top: 50%;
	color: var(--brandLightGreen);
	font-size: 18px
}

.form-check label::before {
	content: "\f00c";
	font-weight: 900;
	display: inline-block;
	position: absolute;
	font-size: 10px;
	text-align: center;
	line-height: 16px;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #495158;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out;
	color: #fff
}

.form-check input[type=checkbox]:checked+label::before {
	background-color: var(--lime);
	border-color: var(--lime);
	color: #fff
}

.border-btm-form .form-control,
.border-btm-form textarea.form-control {
	border: none;
	border-bottom: 1px solid #54595e;
	padding-left: 0;
	padding-right: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

#video-posts-holder .img-holder .play-btn {
	position: absolute;
	bottom: 10px;
	left: 10px;
	background-color: var(--lime);
	color: #fff;
	font-size: 16px;
	padding: 6px 10px 4px;
	border-radius: 5px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 10
}

#video-posts-holder .img-holder .play-btn i {
	font-size: 16px;
	margin-right: 5px
}

#video-posts-holder .img-holder .play-btn:hover {
	background-color: var(--brandLightGreen);
	cursor: pointer;
	color: #000
}

.copyrights .row p {
	margin: 0 !important
}

.m-filter p {
	margin: 0 !important
}

.latest-trends .related-posts .img-holder,
.related-posts .post-box .img-holder {
	padding-top: 58% !important
}

.main-display .video-blogs .other-videos a .text h6 {
	font-size: 18px !important
}

.text-control {
	position: relative;
	top: 0;
	transition: .1s linear
}

.text-control:hover {
	top: -5px !important
}

.main-display .blog-post .text .text-control>a {
	display: inline-block
}

.main-display .blog-post .text .text-control>a h6 {
	transition: .1s linear
}

.main-display .blog-post .text .text-control>a:hover h6 {
	color: var(--lime) !important
}

/*--------------------------------------
NEW HOME PAGE 
--------------------------------------*/
.owl-item {
    float: left;
}
.owl-dots {
    display: none;
}
.owl-height {
    overflow: hidden;
}
.owl-nav {
    height: 0;
}
.owl-nav button {
    background: none;
    border: none;
    background-image: none !important;
}
.dark-blogs {
    position: relative;
    margin-top: 20px;
}
.layout-dark-background .fa-chevron-right {
    background: var(--brandLightGreen);
    color: #fff;
    font-size: 25px;
    padding: 12px 15px 12px 19px;
    border-radius: 50px;
}
.layout-dark-background .fa-chevron-left {
    background: var(--brandLightGreen);
    color: #fff;
    font-size: 25px;
    padding: 12px 19px 12px 15px;
    border-radius: 50px;
}
.layout-dark-background .fa-chevron-right {
    position: absolute;
    right: -30px;
    top: 35%;
    transform: translateY(-50%);
}
.layout-dark-background .fa-chevron-left {
    position: absolute;
    left: -30px;
    top: 35%;
    transform: translateY(-50%);
}

.home-hero-section {
    background: var(--brandGreen);
    border-radius: 60px;
    padding: 175px 20px;
    width: 95%;
    margin: auto;
    margin-top: 2.5%;
    margin-bottom: 0;
    background-size: cover;
    background-position: center;
}

.home-hero-section h1 {
    width: 100%;
    text-align: center;    
    font-size: 4rem;
    margin: auto;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 35px #000;
}
.home-hero-section p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    width: 75%;
    margin: auto;
}
.secondary-nav {
    background: var(--brandGreen);
    width: 90%;
    margin: -50px auto auto;
    border-radius: 20px;
    z-index: 10;
    position: relative;
}

@media (max-width:991px) {
	.secondary-nav {
		display: none
	}
}

.secondary-nav .container {
    max-width: 100%;
    padding: 0 30px;
}

.secondary-nav .flex-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.secondary-nav .flex-row ul {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.secondary-nav .flex-row ul {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
}

.secondary-nav .flex-row ul li {
    margin: 15px 0;
    min-width: 10%;

}

.secondary-nav .flex-row ul li a {
    width: 100%;
    text-align: center;
	font-size: 16px;
	padding: 15px 20px;
	color: #5c5c60;
	display: inline-block;
	-webkit-transition: .15s linear;
	-o-transition: .15s linear;
	transition: .15s linear;
	position: relative;
	background: #fff;
	color: var(--brandGreen);
	border-radius: 20px;
}

@media (max-width:1199px) {
	.secondary-nav .flex-row ul li a {
		font-size: 16px;
		padding: 15px 12px
	}
}

.secondary-nav .flex-row ul li a:hover {
	color: #fff;
	background: var(--brandLightGreen);
}

.secondary-nav .sa-icons {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.secondary-nav .sa-icons .user {
	margin-left: 40px
}

@media (max-width:1199px) {
	.secondary-nav .sa-icons .user {
		margin-left: 25px
	}
}

.secondary-nav .sa-icons a {
	font-size: 28px;
	color: var(--brandLightGreen)
}

@media (max-width:1199px) {
	.secondary-nav .sa-icons a {
		font-size: 20px
	}
}

.secondary-nav .sa-icons a:hover {
	color: #fff;
	cursor: pointer;
}

.secondary-nav .search {
	position: relative
}

.mjCard .slab {
  padding: 40px 15px;
  margin-bottom: 20px;
  background-color: var(--brandDullGreen);
  border: 2px solid white;
  border-radius: 0px 30px 0px 30px;
  width: 100%;
}

.field-select {
    width: 245px;
    margin: auto;
    background-color: #052900;
    border-radius: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.field-select .input-field {
    background: transparent;
    height: 47px;
    width: 100%;
    font-size: 18px;
    padding: 5px 1.5rem;
    margin-bottom: 0;
    border-radius: 25px;
    font-family: medium;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    padding-right: 40px;
    cursor: pointer;
    border: none;
    outline: none;
}

.state-dropdown-chevron {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    color: var(--brandLightGreen) !important;
    font-size: 20px;
    pointer-events: none;
}

.field-select .input-field:focus {
    outline: 2px solid #fff;
}

@media (max-width: 768px) {
    .field-select {
        width: 100%;
        max-width: 300px;
    }
    .field-select .input-field {
        font-size: 16px;
    }
    .state-dropdown-chevron {
        right: 15px;
    }
    .dropdown-options {
    border-radius: 12px !important;
    max-height: 385px !important;
}
}

.blog-state-dropdown-heading {
    margin: auto;
    text-align: center;
    font-size: 32px;
    color: #ffffff !important;
    margin: 10px auto 25px auto !important;
}

.blog-state-dropdown-heading .line-one,
.blog-state-dropdown-heading .line-two {
    display: block; 
    font-family: "wide";
}

@media (max-width: 767px) {
  .blog-state-dropdown-heading {
    font-size: 22px !important;
  }
}

.col-12 {
    padding: 0 !important;
}

.search-field {
	display: none;
	position: absolute;
	right: -20px;
	top: calc(100% + 10px);
	background-color: #ffffff42;
	-webkit-box-shadow: 0 0 10px rgba(92, 92, 96, .3);
	box-shadow: 0 0 10px rgba(92, 92, 96, .3);
	padding: 15px;
	border-radius: 10px;
	width: 400px;
	z-index: 999;
}
.secondary-nav .search-field {
	background-color: #ffffff;
}
.secondary-nav .search-field .form-control {
    height: 40px !important;
}
@media (max-width:991px) {
	.search-field {
		right: 0;
		top: 100%;
		border-radius: 0;
		width: 100%;
		background: #fff;
		z-index: 9999;
	}
	.title-wrapper {
	   flex-wrap: wrap;
	}
}

.title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.title-wrapper a {
    font-size: 18px;
    border-bottom: 1px solid var(--brandDullGreen);
    color: var(--brandDullGreen);
}

.title-wrapper a:hover {
    color: var(--brandLightGreen);
    border-bottom: 1px solid var(--brandLightGreen);
}

.search-field .form-control {
	border-radius: 50px 0 0 50px
}

.search-field .form-control::-moz-selection {
	background-color: transparent;
	color: #5c5c60
}

.search-field .form-controol::selection {
	background-color: transparent;
	color: #5c5c60
}

.main-display h2 {
    text-align: center;
    color: var(--brandGreen);
    text-transform: uppercase;
    margin: 50px 0 75px 0;
}
.latest-posts-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 30px;
}
.post-card {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    color: #333;
    text-decoration: none;
    transition: linear .15s;
}
.post-thumbnail {
    background-size: cover;
    background-position: center;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    border-radius: 35px;
    box-shadow: 0 2px 5px #ddd;
    border: 1px solid #eee;
    position: relative;
}
.post-card:hover h3 {
    text-decoration: underline;
    color: var(--brandGreen);
}
.post-card h3, .post-card p {
    position: relative;
    z-index: 1;
    font-family: 'medium';
}
.large-post {
    grid-column: span 2;
    grid-row: span 2;
}

.medium-post {
    grid-column: span 1;
}
.large-post h3 {
    margin: 10px 0 5px;
    font-size: 1.25rem;
}
.medium-post h3 {
    font-size: 1rem;
    margin: 10px 0 5px;
}
.small-post {
    grid-column: span 1;
}

.mini-post {
    display: flex;
    align-items: center;
}

.mini-post .post-thumbnail {
    width: 60px;
    height: 60px;
    padding-bottom: 0;
    margin-right: 10px;
}

.post-card p {
    margin: 0;
    font-size: 0.875rem;
    color: #666;
}
.video-stories h2 {
    text-align: center;
    color: var(--brandGreen);
    text-transform: uppercase;
    margin: 50px 0;
}
.video-container .owl-item {
    float: left;
    transition: linear .1s;
    border-radius: 20px;
}
.video-container .owl-item:hover {
    transform: translateY(-7px);
    box-shadow: 0 1px 6px #ddd;
}
.video-container .owl-height {
    overflow: hidden;
    min-height: 245px;
    padding-top: 10px;
}
.video-blogs {
    width: 100%;
}
.video-container {
    position: relative;
}
.video-container .owl-item a {
    position: relative;
    display: block;
}
.video-container .img-holder img {
    border-radius: 20px;
}
.video-container .text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #fff;
    border-radius: 0 15px 0 15px;
    width: 90%;
}
.video-container .text h6 {
    margin-bottom: 5px
}
.video-container .text h6,
.video-container .text p,
.video-container .text span {
    font-family: 'medium';
    font-size: 12px;
    letter-spacing: 1px;
    color: #000;
}
.video-container .fa-chevron-right, .video-container .fa-chevron-left {
    background: var(--brandGreen);
    color: var(--brandLightGreen);
    font-size: 25px;
    padding: 12px 16px;
    border-radius: 50px;
}
.video-container .fa-chevron-right {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.video-container .fa-chevron-left {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}
.video-container button {
    background: none;
    border: none;
    background-image: none !important;
}
.video-container .owl-dots {
    display: none;
}
.trending-stories h2 {
    text-align: center;
    color: var(--brandGreen);
    text-transform: uppercase;
    margin: 75px 0;
}
.trending-image {
    min-width: 300px;
    width: 300px;
    margin-right: 20px;
}
.trending-image img {
    border-radius: 20px;
    aspect-ratio: 16 / 9;
}
.trending-stories .t-post {
    padding: 20px 0;
}
.trending-stories .t-post:hover .counter {
    transform: translateX(25px);
}
.trending-stories .t-post:hover .text h4 {
    background: var(--brandGreen);
}
.trending-stories .t-post .counter {
	border-radius: 0 20px 0 20px;
	background-color: var(--brandGreen);
	font-family: 'wide';
	color: #fff;
	   font-size: 36px;
    padding: 5px 25px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 15px;
	align-self: flex-start;
	max-width: 75px;
    min-width: 75px;
    transition: linear .1s;
}

@media (max-width:991px) {
	.trending-stories .t-post .counter {
		margin-right: 0;
		margin-bottom: 15px
	}
}

.trending-stories .t-post .text {
    font-family: 'medium';
    width: 100%;
}

.trending-stories .t-post .text .badge {
	font-weight: 500;
	font-size: 14px;
	color: var(--green);
	padding: 0;
	display: inline-block;
	margin-right: 0;
}
.trending-stories .t-post .text span {
	font-size: 14px;
	font-family: 'medium';
}
.trending-stories .t-post .text h4 {
    font-size: 20px;
    color: #fff;
    margin: 5px 0 5px -20px;
    background: var(--brandDullGreen);
    padding: 15px 20px;
    border-radius: 0 15px 15px 0;
    font-family: 'medium';
    transition: linear .1s;
}
.trending-stories .t-post .text p {
    font-family: 'regular';
    letter-spacing: 1px;
    color: #000;
}
.layout-header-block {
    background: var(--brandGreen);
    color: #fff;
    padding: 10px 60px;
    border-radius: 10px;
    width: fit-content;
    text-transform: uppercase;
    transform: translateY(25px);
    position: relative;
    z-index: 10;
}
.layout-header-grid {
    background: var(--brandGreen);
    color: #fff;
    padding: 10px 60px;
    border-radius: 10px;
    width: fit-content;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
}
.blog-section-layout-one {
    padding: 0 60px;
}
.blog-section-layout-one .medium-post {
    padding: 20px 0;
}
.blog-section-layout-one .medium-post a {
    display: flex;
    width: 100%;
    align-items: center;
}
.blog-section-layout-one .medium-post .post-thumbnail {
    min-width: 150px;
    height: auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    padding: 0;
    margin-right: 10px;
}
.blog-section-layout-one .minor-posts {
    align-content: flex-start;
}
.layout-dark-background {
    margin: 75px 0;
    padding: 30px 0;
    background: var(--brandGreen);
}
.layout-dark-background img {
    max-height: 400px !important;
    height: relative !important;
}
.layout-dark-background h2 {
    color: #fff;
    text-transform: uppercase;
}
.lifestyle-container {
    position: relative;
}
.layout-dark-background .owl-item:hover h6 {
    text-decoration: underline;
}
.layout-dark-background .text {
    margin-top: 10px;
}
.layout-dark-background .text p,
.layout-dark-background .text h6 {
    font-family: 'regular';
    color: #fff;
    letter-spacing: 1px;
}
.layout-dark-background .text h6 {
    font-size: 14px;
}
.layout-dark-background .text p {
    font-size: 12px;
    opacity: .50;
}
.layout-dark-background  img {
    border-radius: 15px;
    aspect-ratio: 16 / 9;
    max-height: 156px;
}
.guides-blogs {
    position: relative;
}
.line-dots {
        margin: 75px 0;
    max-width: 75%;
    margin-left: -25px;
}
.line-triangles {
    position: relative;
    margin: 50px 0 75px -25px;
    width: 75%;
}
.moving-dot div {
    height: 2px;
    background: var(--brandGreen);
    float: right;
    width: 70%;
}
.moving-dot {
    position: relative;
    margin: 100px 0;
    width: 100%;
    float: right;
}
.moving-dot span {
    background: var(--brandGreen);
    border-radius: 50px;
    height: 25px;
    width: 25px;
    display: block;
    position: absolute;
    right: 40%;
    top: 50%;
    transform: translateY(-50%);
}
.wp-block-embed__wrapper iframe {
  width: 100% !important;
  height: auto;
  aspect-ratio: 16 / 9;
  max-width: 100%;
  display: block;
}

/*--------------------------------------
MOBILE
--------------------------------------*/
@media(max-width: 576px) {
    .home-hero-section {
        padding: 50px 20px;
        border-radius: 30px;
    }
    .home-hero-section h1 {
        font-size: 2rem;
    }.home-hero-section p {
        font-size: 16px;
        width: 100%;
        margin: auto;
        line-height: 1.2;
    }
    .large-post, .medium-post {
        grid-column: span 4;
    }
    .latest-posts-container, .trending-posts {
        padding: 0 15px;
    }
    .trending-posts .t-post .counter {
        margin-bottom: -35px;
        z-index: 10;
    }
    .trending-posts .t-post .text h4 {
        margin: 10px 0;
        background: none;
        color: #000;
        font-size: 18px;
        padding: 0;
    }
    .trending-posts .t-post .text .badge {
        margin: 10px 0;
        width: 100%;
    }
    .trending-image {
        width: 100%;
        margin-right: 0;
    }
    .trending-image img {
        margin-bottom: 20px;
    }
    .line-triangles {
        margin: 0 0 0 -25px;
    }
    .blog-section-layout-one {
        padding: 0;
    }
    .layout-header-grid {
        padding: 10px 0;
        width: 100%;
        font-size: 2rem;
        text-align: center;
    }
    .blog-section-layout-one .medium-post a {
        display: block;
    }
    .blog-section-layout-one .medium-post .post-thumbnail {
        min-width: 100%;
    }
    .video-container .fa-chevron-right {
        right: -5px;
    }
    .video-container .fa-chevron-left {
        left: 0;
    }
    .moving-dot {
        margin: 50px 0;
    }
    .trending-posts .t-post {
        padding: 15px;
        background: #eee;
        border-radius: 10px;
    }
    .trending-posts .t-post .text p {
        max-height: 100px;
    }
    .layout-dark-background {
        margin: 50px 0;
    }
    .layout-header-block {
        font-size: 2rem;
        width: 100%;
        text-align: center;
        margin: 40px auto 15px;
        transform: translateY(0);
    }
    .layout-header-inline, .video-stories h2, .main-display h2, .trending-stories h2 {
        font-size: 2rem;
    }
    .main-display h2, .trending-stories h2 {
        margin: 0 0 25px;
    }
    .line-dots {
        margin: 25px 0 25px -25px;
        max-width: 100%;
    }
    .trending-posts .t-post {
        padding: 15px;
        background: #eee;
        border-radius: 10px;
    }
    .layout-dark-background .fa-chevron-right {
        right: -20px;
    }
    .layout-dark-background .fa-chevron-left {
        left: -15px;
    }
    .post-thumbnail {
        border-radius: 15px;
    }
}

/*--------------------------------------
END NEW HOME PAGE 
--------------------------------------*/

#video-posts-holder .badge~.badge {
	margin-left: 8px !important
}

.breadcrumb-item+.breadcrumb-item {
	padding-left: 0
}

.breadcrumb-item {
	margin-right: 8px
}

.strawpoll-embed {
    max-width: 100% !important;
}

.blog-detail h2 {
	font-size: 20px;
	margin: 0 0 10px
}
.breadcrumb .breadcrumb-item.active {
    color: #666 !important;
}
.blog-detail ol li a, .blog-detail p a, .blog-detail .blog-tile-box .checkedBy small a, .blog-detail .blog-tile-box a, .blog-detail .blog-tile-box .checkedBy small i {
	color: var(--brandLightGreen);
}

.blog-detail .bd-text a:hover {
	color: var(--brandGreen)
}

.blog-detail .bd-text a {
    position: relative;
    display: inline-block;
}

.blog-detail .bd-text a:before {
    content: '';
    position: absolute;
    transition: linear .1s;
    width: 100%;
    height: 0;
    bottom: 5px;
    left: 0;
    z-index: -1;
    background: rgba(118, 183, 50, .2);
}

.blog-detail p a:hover:before {
    height: 45%;
}

.single-comment .single-comment {
	box-shadow: none !important;
	padding: 25px 10px 15px 20px !important;
	border-top: 1px solid #e8e8e8 !important;
	border-radius: 0 !important;
	margin-top: 25px !important
}

.single-comment~.single-comment {
	margin-top: 45px !important
}

.badge~.badge {
	margin-left: 8px !important
}

.content-text-detail {
	padding: 50px 0
}

.single-search-result~.single-search-result {
	margin-top: 20px
}

.single-search-result h3 a {
	font-size: 20px
}

.single-search-result p {
	font-size: 14px;
	color: #989898;
	margin: 5px 0
}

@media (max-width:991px) {
	.vh-jumbotron p {
		font-size: 16px !important
	}

	.social-pod.horizontal {
		flex-direction: column !important;
		text-align: center !important
	}

	.social-pod.horizontal p {
		margin: 0 0 10px !important
	}
}

@media screen and (max-width:767px) {
	.contact-box {
		width: 270px;
		margin-left: auto;
		margin-right: auto
	}
}

@media(min-width:992px) {
	.header .navbar {
		padding: 0px !important;
	}

	.navbar-nav .nav-item .nav-link {
		font-size: 15px !important;
	}
}

.contact-box .form-control {
	font-size: 14px !important;
}


.vh-jumbotron .category {
	padding: 5px 20px 5px !important;
	text-align: left !important;
	border: none !important;
	position: relative !important;
	padding-right: 24px;
	background-image: var(--leafyGradient);
	border-radius: 50px;
	margin-top: 15px;
	color:#fff !important;
	/*NEW*/
	display: block;
	width: 100%;
	padding: 12px 14px;
	text-align: center;
	font-size: 14px;
	font-family:medium;
	line-height: 1.42857143;
	min-height: 45px;
	min-width: 310px;
	text-align: center !important;
	text-align-last: center !important;
	-webkit-text-align-last: center;
	-moz-text-align-last: center;
	-o-text-align-last: center;
	-ms-text-align-last: center;
	outline: none !important;
	box-shadow: none !important;
}

.blog-detail .social-pod .s-title p {
	margin-bottom: 0px !important;
}


.m-filter {
	padding: 2px 20px !important;
}

@media(max-width:991px) {
	.blog-detail .social-pod.vertical {
		margin-top: 30px !important;
	}
}

@media(max-width:767px) {
	body .vh-jumbotron {
		padding: 90px 0px 20px 0 !important;
	}

	.vh-jumbotron h1 {
		font-size: 30px !important;
		margin: 0 0 5px !important
	}

	.member-blogs .mblog-post a {
		display: inline-block;
		width: 100% !important;
	}

	.latest-posts .new-post .img-holder,
	.member-blogs .mblog-post .img-holder {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		padding-top: 58% !important;
	}

	.m-filter {
		flex-direction: column !important;
		padding: 15px 0px 1px !important;
	}

	.m-filter select {
		border-top: 1px solid #eee;
		margin-top: 15px;
	}
}

.main-display .video-blogs .other-videos a .img-holder img {
	width: auto !important;
	height: 110px !important;
}

.main-display .video-blogs .other-videos a .text h6 {
	font-size: 16px !important;
}

.topbar .flex-row .social-reviews p a:hover {
	color: var(--lime) !important;
}

.main-display .video-blogs .top-video .video-holder {
	padding-top: 66% !important;
}

.main-display .video-blogs .top-video .video-holder .play-btn {
	z-index: 10 !important;
}

.main-display .video-blogs .top-video .video-holder img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-position: center;
	object-fit: cover;
}

.main-display .video-blogs .other-videos a .img-holder img {
	min-width: 196px;
}

.main-display .blog-post .text {
	height: auto !important;
}

.main-display .video-blogs .top-video .text a:hover {
	color: var(--brandLightGreen);
}

.load-btn:focus {
	background-color: #5c5c60 !important;
}

.breadcrumb {
	display: inline;
}
.breadcrumb-item {
    color: var(--brandLightGreen);
}

.breadcrumb-item.active {
	color: #a3a3a3;
}

.blog-tile-box span a:hover,
a.breadcrumb-item:hover {
	color: var(--brandDullGreen) !important;
}

.blog-detail .blog-tile-box .author-profile-tag p {
	margin: 0px !important;
}

.breadcrumb {
	position: relative;
	top: 10px;
}

blockquote,
blockquote p {
	position: relative;
	line-height: 1.7 !important;
	font-size: 18px !important;
	text-align: left !important;
	color: #1d1d1d;
}

@media screen and (min-width: 768px) {

	.fr-view blockquote,
	blockquote {
		margin: 3.125rem 6.25rem 3.125rem 4.375rem;
	}
}

blockquote:before {
	font-weight: 900;
	content: "\f10d";
	position: absolute;
	left: 0;
	/*     top: -7.33px; */
	font-style: inherit;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background-color: #fdc316;
	font-size: 16px;
	text-align: center;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .18);
	background-color: var(--lime);
	top: -4.4px;
	vertical-align: middle;
	color: #000000;
	font-family: 'Font Awesome 5 Free';
}

.fr-view blockquote,
blockquote {
	padding-left: 3.75rem;
}

.blog-tile-box .video-holder {
	margin: 20px 0px !important;
}

.blog-detail table tbody tr:nth-child(2n+1) td {
	background-color: #f7f7f7;
}

.blog-detail table {
	width: 100%;
	margin-bottom: 20px;
}

.latest-posts .new-post .text h5 {
	color: #000;
}

.blog-detail table td {
	font-size: 16px;
	line-height: 20px;
	color: inherit;
	font-weight: 400;
	padding: 9px 20px;
	vertical-align: middle;
	font-size: 16px;
	width: calc(100% / 3);
}

@media(max-width:767px) {
	.blog-detail table td {
		padding: 8px 5px !important;
		vertical-align: middle;
		width: auto !important;
	}
}

ol {
	display: block !important;
	list-style-type: decimal !important;
	margin-block-start: 1em !important;
	margin-block-end: 1em !important;
	margin-inline-start: 0px !important;
	margin-inline-end: 0px !important;
	padding-inline-start: 30px !important;
}

ol li {
	display: asd !important;
	font-size: 16px;
	color: var(--green);
	margin-left: 30px;
}

ul li a,
ol li a {
	color: #737373;
}

/* stat rul li style 10-19-2020*/

.bd-text>ol>li {
	counter-increment: list;
	list-style-type: none;
}

.bd-text>ol>li::before {
	color: var(--lime);
	content: counter(list) ".";
	left: 30px;
	position: absolute;
	text-align: right;
	width: 26px;
}

.bd-text>ol>li>ol>li {
	counter-increment: list;
	counter-increment: listStyle;
	list-style-type: none;
	margin-left: 0px !important;
}

.bd-text>ol>li>ol {
	margin-left: 0px !important;
}

.bd-text>ol>li>ol>li {
	position: relative;
}

.bd-text>ol>li>ol>li::before {
	color: var(--lime);
	content: counter(listStyle, lower-alpha) ".";
	left: -30px;
	position: absolute;
	text-align: right;
	width: auto;
}

/* end ul li style 10-19-2020*/

/* ol li
{
	counter-increment: list;
	list-style-type:none;
}
ol li::before
{
	color:var(--lime);
	content: counter(list) ".";
	left: 30px;
	position: absolute;
	text-align: right;
	width: 26px;
}
 */
ol li a:hover {
	color: var(--brandLightGreen);
}

ol li~li {
	margin-top: 10px;
}

.blog-detail ul li {
	display: block;
	padding-left: 30px;
	position: relative;
	font-size: 18px;
	color: var(--green);
	margin-bottom: 20px;
	margin-left: 30px;
}

.blog-detail ol li {
	display: block;
	font-size: 18px;
	color: var(--green);
	margin-bottom: 20px;
	margin-left: 30px;
}

.blog-detail ul li::before {
	content: "";
	height: 10px;
	width: 10px;
	background-color: var(--brandLightGreen) !important;
	position: absolute;
	left: 0px;
	border-radius: 100%;
	top: 6px;
}

@media(max-width:991px) {
	.blog-detail ul li {
		padding-left: 20px !important;
		margin-left: 10px !important;
	}
}

.blog-detail h2 {
	font-size: 1.875rem !important;
	color: var(--dark) !important;
}


.blog-detail h2 strong {
	color: var(--dark) !important;
}

.blog-detail .video-holder {
	position: relative;
	padding-top: 56%;
	margin-bottom: 25px;
}

.blog-detail .video-holder iframe {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.blog-detail .blog-tile-box h1 {
	font-size: 36px;
	color: var(--dark);
	margin: 5px 0 10px;
}

@media(max-width:767px) {

	.blog-detail .blog-tile-box h1 {
		font-size: 24px !important;
	}

	.trending-posts .t-post .img-holder {
		min-width: 100% !important;
		max-width: 100%;
		height: auto;
		padding-top: 66%;
	}

	.blog-detail .latest-posts h4,
	.blog-detail .trending-posts h4 {
		text-align: center !important;
	}
}

.img-center {
	position: relative;
}

.img-center .play-btn {
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
	opacity: 0.8;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 10;
	font-size: 42px;
	width: 80px;
	height: 80px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--green);
	border-radius: 100%;
}

.img-center .play-btn i {
	position: relative;
	left: 2px;
}

.img-center .play-btn span {
	display: none !important;
}


.img-center .play-btn:hover {
	background: var(--orange) !important;
	cursor: pointer;
	color: #fff;
	opacity: 1;
}

.mobile {
	width: 300px;
	margin: 0px auto 20px;
	text-align: center;
	display: block !important;
}

.mobile select {
	padding: 5px 20px 5px 0px !important;
	/* text-align: left!important; */
	border: 2px solid var(--orange) !important;
	position: relative !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 24px;
	background-image: url(../images/dropdown.png);
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	border-radius: 50px;
	margin-top: 15px;
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.42857143;
	border-color: #ececec !important;
	background-color: #ffffff !important;
	color: #111 !important;
	min-height: 45px;
	min-width: 310px;
	text-align: center !important;
	text-align-last: center !important;
	-webkit-text-align-last: center;
	-moz-text-align-last: center;
	-o-text-align-last: center;
	-ms-text-align-last: center;
	outline: none !important;
	box-shadow: none !important;
}

.post-author {
	margin-bottom: 30px;
}

.post-author .header {
	background: #f7f7f7;
	top: 15px;
	position: relative;
	padding: 15px 15px 15px 180px;
	border-radius: 10px 10px 0px 0px;
}

.post-author .header .avatar {
	position: absolute;
	left: 15px;
	top: 20px;
	height: 150px;
	width: 150px;
	border-radius: 100%;
	overflow: hidden;
}

.post-author .header .auth-name {
	margin-bottom: 0px !important;
}

.post-author .header .avatar img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
	object-position: center;
}

.post-author .header .auth {
	border: 1px solid #eee;
}

.post-author .author-info {
	border-radius: 0px 0px 10px 10px;
	padding: 30px 15px 20px 180px;
	background-color: #fff;
	bordeR: 1px solid #f1f1f1;
}

.post-author .header .auth-name span {
	font-size: 16px;
	color: #7b7b7b;
}

.post-author .header .auth-name .auth-url {
	display: block;
	color: var(--brandGreen) !important;
	font-size: 25px !important;
    font-family: 'bold' !important;
}

.post-author .header .auth-name a:hover {
	color: var(--brandLightGreen);
}

.post-author .author-info .auth-desc {
	color: var(--green);
	font-size: 15px;
}

#video-posts-holder .img-holder .play-btn {
	width: auto !important;
}

@media(max-width:991px) {
	.post-author .header {
		padding: 15px 15px 15px 110px !important;
	}

	.post-author .author-info {
		padding: 40px 15px 20px !important;
	}

	.post-author .header .avatar {
		top: 15px !important;
		height: 80px !important;
		width: 80px !important;
	}

	.members .members-list .single-member .name h5 {
		font-size: 20px !important;
		margin: 3px 0 3px !important;
	}

	.blog-detail h2 {
		font-size: 22px !important;
	}

	.blog-detail h3 {
		font-size: 18px !important;
	}

}

#video-holder .img-center::before {
	content: "";
	z-index: 1;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: radial-gradient(transparent 55%, #111111ab);
}

.mobile-menu>ul>li.active a {
	color: var(--brandLightGreen);
}


@media(min-width:992px) {
	.fixed {
		position: fixed;
		top: 80px;
	}
}

.vh-jumbotron .category,
.mobile .category {
	padding-left: 25px !important;
}


.bd-text h4 {
	color: var(--green);
	font-size: 20px;
	margin: 20px 0px 10px;
}

@media(max-width:460px) {
	.blog-detail .blog-tile-box .flex-row {
		flex-direction: column !important;
		top: 0 !important;
	}

	.blog-detail .blog-tile-box .author-profile-tag .img-holder {
		top: 0px !important;
		margin-bottom: 5px !important;
	}

	.blog-detail .blog-tile-box .flex-row {
		align-items: flex-start !important;
	}

	.blog-detail .blog-tile-box .date {
		position: relative;
	}

	.blog-detail .blog-tile-box .author-profile-tag p {
		position: relative;
	}
}

.topbar .flex-row .t-links>a:hover {
	color: var(--lime) !important;
}

.blog-detail .bd-text .img-bottom .img-bottom {
	margin: 0 0 30px;
	display: inline-block;
	width: 100%;
	text-align: center;
	position: relative;
}

.blog-detail .bd-text .img-bottom img {
	max-width: 100% !important;
	height: auto;
	float: none !important;
	margin: 0 auto;
	display: block;
	width: auto;
}

.bg-web#error-search {
	background: url(../images/pie-banner.png) !important;
}

.member-detail .m-filter select {
	background-color: inherit !important;
}

.topbar {
	color: #fff;
	border-bottom: 1px solid #eee;
}

.topbar .flex-row .social-reviews p,
.topbar .flex-row .social-reviews p a {
	color: #666;
}

.topbar ul.socials.simples li a {
	color: #888;
}

.topbar .flex-row .t-links>a {
	color: #666;
}

.topbar .drop-drown .dropdown-toggle {
	color: #666;
	border: 1px solid #eee;
	border-radius: 50px;
	padding: 5px 10px 6px 20px;
	min-width: 80px;
}

.drop-drown .dropdown-toggle:after {
	left: 10px;
}

.topbar .flex-row .social-reviews .r-link .fa-star {
	color: #eab207 !important;
}

.topbar .t-links {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
}

.topbar .t-links .social-icons {
	margin-right: 15px;
}

.topbar .flex-row .social-reviews p {
	margin: 0px 30px 0 0 !important;
}

.topbar .flex-row .social-reviews p~p {
	margin-right: 0px !important;
}

.navbar-nav .nav-item .nav-link {
    position: relative;
	padding: 30px 15px;
    border-radius: 5px;
    margin-left: 10px;
    color: #000;
    letter-spacing: 1px;
    font-family: 'regular';
}
#services-nav::after {
    content: "New!";
    color: orange;
    font-size: 12px;
    position: absolute;
    top: 17px;
    left: 15px;
}
#mobileservices  {
    position: relative;
}
#mobileappt {
    border-top: 1px solid #ddd;
}
#mobileservices::after {
    content: "New!";
    color: orange;
    font-size: 12px;
    position: absolute;
    top: 9px;
    left: 35px;
}
.navbar-nav .nav-item .nav-link:before {
    content: "";
    position: absolute;
    left: 14px;
    bottom: 30px;
    height: 3px;
    border-radius: 10px;
    transition: linear .1s;
    width: 0;
    background: var(--brandLightGreen);
}

.navbar-nav .nav-item .nav-link:hover:before {
    width: 20px;
}

/* MOBILE CSS */

.mobile-menu {
	transition: .4s ease-in-out;
	visibility: hidden;
	opacity: 0;
	transform: translate3d(-400px, 0, 0);
}

.mobile-menu.slide-in {
	visibility: visible;
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.mobile-menu>ul hr {
	background-color: none;
	height: 0;
}

.mobile-menu>ul hr {
	border-top: 1px solid rgba(0, 0, 0, .3);
}

.mobile-menu>ul>li>a {
	font-size: 14px;
	color: #666 !important;
}

.mobile-menu>ul>li>a:hover {
	color: var(--lime) !important;
}

.mobile-menu ul.socials li a {
	color: #666;
	width: 40px;
	height: auto;
	line-height: 31px;
	background: none;
}

.mobile-menu ul.socials li a:hover {
	color: #333;
}

p.r-link {
	font-weight: 700;
}

ul.socials li a {
	width: 26px;
	box-shadow: none !important;
}

.mobile-menu {
	width: 100% !important;
}

.mobile-menu>ul hr {
	margin: 20px 0 !important;
}

li#menu-item-27+hr+li {
	margin-bottom: 10px;
}

.r-link em {
	text-decoration: underline;
	color: #000 !important;
	font-weight: 700 !important;
	font-style: normal;
	display: inline-block;
	margin-left: 5px;
}

.post-box .text p a
{
    color: var(--brandLightGreen);
}
.post-box .text p a:hover
{
    border-bottom: 1px solid var(--orange);
}
.related-posts .post-box h5:hover {
    color: #00720f;
}

/* ------------------------
mega menu
------------------------ */



.mobile-menu {
    display: none;
}
@media(max-width:575px) {
    .mega-close {
        display: none;
    }
    .navbar {
        border-radius: 0;
        border: none;
        border-bottom: 1px solid #ccc;
        top: 0;
    }
    .fixit {
        top: 0;
    }
    .mega-menu {
        display: block;
    }
    .menu-item:before {
        display: none;
    }
    .navbar-nav .nav-item {
        width: 100%;
    }
    .site-header .navbar-nav .nav-item .nav-link {
    padding: 0;
    }
    .mega-menu {
        width: 100%;
        top: 0;
        left: 100%;
        transform: none;
        z-index: 99;
    }
    .mobile-mega-slide-in {
        left: 0;
    }
    .mega-content {
        position: relative;
        bottom: 0;
        left: 0;
        border-radius: 10px;
    }
    .mega-column img {
        display: none;
    }
    .mobile-menu {
        display: block;
    }
    .desktop-menu {
        display: none;
    }
    
    /* mobile menu styles */
    .mobile-menu li {
        width: 100%;
        font-size: 18px;
        padding: 7px;
        border-radius: 5px;
        font-weight: 600;
    }
    .navbar-mobile #header-user-login {
        width: 150px;
        background: linear-gradient(89deg, #20966E, #254D27);
        border-radius: 50px;
        color: #fff;
        padding: 10px 10px 7px 20px;
        font-size: 16px;
    }
    .navbar-mobile #header-contact {
        display: none;
    }
    .inflow_cimp_3645_mobile_link_container {
        display: none;
    }
    
    .mobile-showing .socials {
        margin-top: 20px;
        text-align: center;
    }
    #main-nav .mobile-big-text {
        font-size: 22px;
    }
    .mobile-big-text i {
        color: var(--theme);
        background: none;
        font-size: 20px;
        width: 32px;
        text-align: center; 
    }
    #main-nav .mobile-half {
        display: inline-block;
        width: 49% !important;
        padding: 10px;
        border: 1px solid #aaa;
        text-align: center;
        margin-bottom: 1%;
    }
    .phone-number {
        margin-top: 30px;
    }
    .phone-number, .email {
        display: block;
        text-align: center;
    }
    .mobile-spacer {
        margin-bottom: 20px;
    }
    .site-header .navbar-nav .nav-item .nav-link {
    font-size: 18px;
    }
    .bsnav-mobile .navbar {
        padding-top: 40px;
    }
    .mobile-qualify, .mobile-services {
    background: var(--brandLightGreen);
    color: #fff;
    font-family: 'wide';
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    width: 100%;
    padding: 8px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 700;
    }
    #mobile-get-your-card-blog {
        margin-bottom: 0px;
    }
    .mobile-qualify a {
        color: #fff;
    }
    .mobile-bottom {
        text-align: center;
        margin-bottom: -10px;
    }
    .mobile-top-spacer {
        margin-top: 20px;
    }
    .post .blog-detail p, .post .blog-detail ul li, .post .blog-detail ol li {
        font-size: 16px;
        line-height: 1.5;
    }
}

.get-card-popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 10000;
    align-items: center;
    justify-content: center;
}

.get-card-popup {
    background: linear-gradient(45deg, var(--brandGreen), var(--brandDullGreen));
    border-radius: 20px;
    padding: 12px;
    max-width: 800px;
    width: 90%;
    position: relative;
    z-index: 10001;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Raleway', sans-serif;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);
}

.get-card-close {
    position: absolute;
    top: 5px;
    right: 0px;
    background: transparent;
    border: none;
    color: white;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.state-dropdown-header {
    font-size: 24px;
    color: white;
    margin: 20px 0px;
    text-align: center;
    font-weight: 700;
    font-family: 'wide';
}

.state-dropdown-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--brandGreen);
    border-radius: 50px;
    padding: 0;
    width: 100%;
    max-width: 400px;
    margin: 20px auto;
    position: relative;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.state-select {
    flex-grow: 1;
    padding: 15px 50px 15px 20px;
    border-radius: 50px;
    border: none;
    background: var(--brandGreen);
    color: #fff;
    font-size: 18px;
    appearance: none;
    width: 100%;
    cursor: pointer;
}

.state-dropdown-chevron {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    color: var(--brandLightGreen);
    font-size: 24px;
    pointer-events: none;
}

body.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
/*------ State Selector Mobile Popup CSS Start ------*/

.banner {
    height: 155px;
}
.banner-state-popup {
    height: 155px;
    background: var(--strongGradient);
}
body.ciq_cimp_4_variation1 #ciq_cimp_4_banner {
    position: fixed;
    width: 100%;
    color: #fff;
    text-align: center;
    z-index: 99999;
    top: 50px;
}
body.ciq_cimp_4_variation1.ciq_cimp_4_banner_open h1.text-green {
    margin-top: 52px;
}
body.ciq_cimp_4_variation1.ciq_cimp_4_banner_close h1.text-green {
    margin-top: 0;
}
body.ciq_cimp_4_variation1.ciq_cimp_4_banner_open #contentArea h1.heading-style.text-green {
    margin-top: 132px;
}
body.ciq_cimp_4_variation1.ciq_cimp_4_banner_close #contentArea h1.heading-style.text-green {
    margin-top: 30px;
}
body.ciq_cimp_4_variation1.ciq_cimp_4_banner_open .whitecolor h1.mb-30 {
    margin-top: 20px;
}
body.ciq_cimp_4_variation1.ciq_cimp_4_banner_open #main h2.cst-adj4 {
    margin-top: 105px;
}
body.ciq_cimp_4_variation1.ciq_cimp_4_banner_open #about-us .whitecolor h1.mb-30 {
    margin-top: 108px;
}
body.ciq_cimp_4_variation1.ciq_cimp_4_banner_open.single-post #main > .mobile-showing {
    margin-top: 120px;
}
#ciq_cimp_4_banner.hide{
    display: none;
}
#ciq_cimp_4_banner span {
    display: block;
    font-size: 23px;
    z-index: 10;
    background-color: #50c0b0;
}
#ciq_cimp_4_banner .banner-state-popup {
    display: block;
    padding: 12px;
    background-color: #dfdedb;
}
#ciq_cimp_4_banner .banner-state-popup p {
    font-size: 16px;
    color: #fff;
    font-family: bold;
    padding-bottom: 15px;
    padding-top: 15px;
}
#ciq_cimp_4_banner #ciq_cimp_4_close_button {
    color: #000;
    font-size: 23px;
    text-decoration: none;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 1;
    position: absolute;
    bottom: 7px;
    right: 10px;
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    font-family: 'regular';
    font-weight: 400;
    outline: none;
    padding: 0;
    z-index: 1;
}
.dropdown {
    position: relative;
    display: flex;
    justify-content: center;
}
.dropdown-content {
    display: none;
    position: absolute;
    overflow-y: auto;
    height: 412px;
    background-color: #fff;
    width: 250px;
	bottom: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #eee;
    width: 100%;
}
.dropdown-content a:hover {
    background-color: #06390d;
    color: #fff;
}
.dropdown:hover .dropdown-content {
    display: block;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}
.dropdown:hover .dropbtn {
    background-color: #06390d !important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: url(https://www.veriheal.com/blog/wp-content/uploads/2023/12/angle-down.png) !important;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 92% center;
}
.dropbtn {
    background-color: var(--brandLightGreen);
    background-image: url(https://www.veriheal.com/blog/wp-content/uploads/2023/12/angle-down.png) !important;
    background-repeat: no-repeat;
    background-size: 12px;
    line-height: 0;
    background-position: 92% center;
    color: white;
    height: 40px;
    padding: 16px 40px 16px 16px;
    font-size: 16px;
    border: none;
    width: 250px;
    border-radius: 50px;
    cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus {
    background-color: #06390d;
}

/*------ State Selector Mobile Popup CSS End ------*/

@media(max-width:615px) {
            .listBox {
                padding: 30px 10px 30px 30px !important;
            }
            .listBox h3 {
                font-size: 22px !important;
                text-align: left !important;
            }
            .listBox p {
                text-align: left !important;
            }
            .listBox .content-box {
                flex-direction: column !important;
                align-items: flex-start !important;
            }
            .listBox ul {
                flex-direction: column !important;
            }
            .list-2 {
                margin-top: -20px !important;
            }
            .listBox .dropdown {
                margin: 0 !important;
            }
			.dropdown {
				justify-content: flex-start;
			}
        }
@media(max-width:991px) {
	.dropdown-content {
		height: 310px;
	}
}

/* new mobile nav styles 2024 */
ul#main-nav {
    display: none;
}
.custom-mobile-socials .socials {
    text-align: center;
    display: flex;
    justify-content: center;
}
.custom-mobile-socials li {
    padding: 0;
    width: auto;
}
.custom-mobile-socials a {
    background: none;
}
.custom-mobile-socials i {
    font-size: 17px;
    padding-top: 7px;
    width: 35px;
    padding: 8px;
    border-radius: 4px;
    color: #333;
    border: 1px solid #333;
}
#mobile-submenu-back {
    padding: 5px 10px 3px 10px;
    width: 100px;
    background: var(--brandLightGreen);
    text-align: center;
    color: #fff;
    border-radius: 50px;
    font-weight: 600;
    margin-bottom: 10px;
}
.bsnav-mobile.in .navbar {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.bsnav-mobile .navbar-nav {
    display: none;
}
.mobile-bottom-nav-item {
    display: block;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 600;
    border: 2px solid #aaa;
}
.mobile-contact-wrapper {
    text-align: center;
    padding: 10px 0 20px 0;
    display: flex;
    justify-content: space-between;
}
.mobile-contact-wrapper a {
    font-size: 16px;
    display: block;
    background: #f2f1eb;
    padding: 7px 10px 5px 10px;
    border-radius: 5px;
    width: 49%;
    color: #111;
}
.mobile-submenu-section div {
    padding: 12px 10px 10px 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
/*.mobile-submenu-section div:last-child {
    border: none;
}*/
.mobile-submenu-section .fa-arrow-up-right-from-square {
    font-size: 12px;
    transform: translateY(-2px);
    color: #2FDAC6;
}
.mobile-submenu-section h3 {
    color: #111;
    font-size: 20px;
    font-family: 'medium';
}
.mobile-submenu-greeting {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.3;
}
.mobile-submenu-section div p {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 5px;
}
.mobile-submenu-section .fa-light {
    width: 27px;
}
#mobilech {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.mobile-nav-item {
    padding: 20px 0;
    font-size: 20px;
    font-weight: 600;
    border-radius: 0;
    color: #111;
    font-weight: 500;
    font-family: 'medium';
}
.mobile-nav-item i {
    margin-right: 5px;
    color: var(--brandDullGreen);
}
.mobile-nav-item i.fa-solid.fa-arrow-right {
    float: right;
    transform: translateY(5px);
}
#custom-mobile-menu {
    margin-top: 15px;
    width: 100%;
    padding: 15px;
}
.mobile-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 999;
    background: #fff;
    padding: 15px;
    height: 100%;
    width: 100%;
    transition: linear .2s;
}
.mobile-submenu-slide {
    left: 0;
}

.compliance-row {
    margin: 20px auto;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: center;
    padding-top: 30px;
}
.compliance-row img {
    width: 300px !important;
    border-radius: 10px;
    margin: 0 20px;
}