/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* Root Settings
-----------------------------------------------------------------*/
:root {
--themecolor:  #006D80;
--themegreycolor:  #dfdbd1;
--themeredcolor:  #E40045;
--themecolorrgb: 198,192,156;
--header-height: 110px;
}

.pt-80 { padding-top: 80px; } 
.pb-30 { padding-bottom: 30px !important;  }
.pb-100 { padding-bottom: 100px; }
.mb-15 { margin-bottom: 15px !important; }
.mb-80 { margin-bottom: 80px !important; }

img {
	max-width: 100%;
	height: auto;
}

/* Custom Header Size
-----------------------------------------------------------------*/


@media (min-width: 992px) {

.header-size-sm .header-wrap-clone {
	height: calc( var(--header-height, 70px) + 1px );
}

#header.header-size-sm + .include-header {
	margin-top: calc( calc(-1 * var(--header-height, 70px)) - 2px );
}

.header-size-sm .menu-container > .menu-item > .menu-link {
	padding-top: calc(calc(var(--header-height, 70px) - 22px) / 2);
	padding-bottom: calc(calc(var(--header-height, 70px) - 22px) / 2);
}

}

.bg-color-light {
background-color: rgba(var(--themecolorrgb, 198,192,156),0.3) !important;
border-color: rgba(var(--themecolorrgb, 198,192,156),0.4);
}

/* Slider
-----------------------------------------------------------------*/
.swiper-container-horizontal>.swiper-scrollbar {
top: auto;
bottom: 180px;
left: auto;
right: 100px;
width: 200px;
height: 2px;
background-color: rgba(0,0,0,0.4);
border-radius: 2px;
}

.swiper-scrollbar-drag { background: #000 }

.slide-number {
opacity: 1;
bottom: 10px;
text-align: left;
right: auto;
}

.slide-number-current {
top: auto;
bottom: 0;
font-size: 30px;
font-weight: 700;
}

.slide-number span {
margin-left: 20px;
font-size: 16px;
}

.slide-number-total {
font-size: 13px;
line-height: 28px;
left: 29px;
}

.swiper-navs {
position: absolute;
left: auto;
right: 300px;
bottom: 140px;
top: auto;
z-index: 99;
}

.slider-arrow-left,
.slider-arrow-right {
border-radius: 50%;
background: transparent;
border: 1px solid rgba(0,0,0,0.7);
width: 36px;
height: 36px;
}

.slider-arrow-right { left: 45px; }

.slider-arrow-left i,
.slider-arrow-right i {
display: block;
width: 36px;
height: 36px;
font-size: 16px;
line-height: 34px;
margin: 0 auto;
color: #000;
}

.slider-arrow-right i { margin-left: -1px; }

.swiper-button-disabled {
opacity: .5;
cursor: default;
}

.dark .slider-arrow-left,
.dark .slider-arrow-right { border-color: rgba(255,255,255,0.7); }

.dark .swiper-container-horizontal > .swiper-scrollbar { background-color: rgba(255,255,255,0.4);  }

.dark .swiper-scrollbar-drag { background: #FFF }

.dark .slide-number,
.dark .slider-arrow-left i,
.dark .slider-arrow-right i { color: #FFF; }

.slider-feature {
position: relative;
transform: translateY(-20%);
z-index: 4;
}

.slider-feature a {
color: #222;
transition: all .2s ease;
}

.slider-feature a:hover {
background-color: var(--themecolor, #C6C09C);
transform: translateY(-2px);
z-index: 1;
}

.slider-feature a i {
position: relative;
top: 4px;
font-size: 20px;
padding-right: 6px;
}
/**/
@media (min-width: 1200px) {
	.slider-caption h2 {
	    font-size: 3.5rem;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.slider-caption h2 {
	    font-size: 3rem;
	}
}
/* SVG Divider
-----------------------------------------------------------------*/
.svg-line {
display: block;
position: relative;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% 100%;
width: 100%;
height: 20px;
}

.button-svg {
background-image: url('images/border.svg');
background-repeat: no-repeat;
background-position: center 120%;
background-size: 100% 10px;
color: #222;
font-size: 16px;
}

/* Animated Setting
-----------------------------------------------------------------*/
.animated {
-webkit-animation-duration: .4s;
animation-duration: .4s;
}

@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
}

to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

/* Carousel
-----------------------------------------------------------------*/
.oc-desc {
position: absolute;
top: 5%;
left: 5%;
bottom: 16px;
background-color: #FFF;
padding: 25px;
border-radius: 3px;
height: 90%;
width: 90%;
}

#oc-posts.owl-carousel .owl-nav button { display: block !important; top: auto; bottom: -50px; }
#oc-posts.owl-carousel .owl-nav [class*=owl-] { opacity: 1 !important; }
#oc-posts.owl-carousel .owl-nav .owl-prev { left: 50%; margin-left: -50px; }
#oc-posts.owl-carousel .owl-nav .owl-next { right: 50%; margin-right: -50px; }

.owl-carousel .owl-item .oc-desc {
opacity: 0;
transform: scale(0.7);
transition: all .3s cubic-bezier(0.4, 0.2, 0.2, 1);
}

/* .owl-carousel .owl-item:hover .oc-desc, */
.owl-carousel .owl-item.active.center .oc-desc {
opacity: 1;
transform: scale(1);
}

.device-sm .counter-section [class^=col-]:nth-child(2)::after,
.device-md .counter-section [class^=col-]:nth-child(2)::after,
.device-xs .counter-section [class^=col-]::after  { display: none; }

/* Play Icon
-----------------------------------------------------------------*/
.play-video i {
display: block;
width: 60px;
height: 60px;
line-height: 61px;
border-radius: 50%;
z-index: 1;
background-color: rgba(255, 255, 255, 0.85);
text-align: center;
font-size: 24px;
color: #111;
transition: all .3s ease;
box-shadow: 0 0 1px 15px rgba(255,255,255,.1);
-webkit-backface-visibility: hidden;
}

.play-video i.icon-small {
width: 40px;
height: 40px;
line-height: 41px;
font-size: 16px;
box-shadow: 0 0 1px 10px rgba(255,255,255,.1);
}

.play-video:hover i {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
background-color: #FFF;
}

.bg-color::before {
content: '';
position: absolute;
top: -15px;
left: -15px;
width: 100%;
height: 100%;
z-index: -1;
border-radius: 6px;
opacity: .3;
background-color: var(--themecolor, #C6C09C);
}

.bg-color.left::before {
top: -10px;
left: -10px;
}

/* Heading Block
-----------------------------------------------------------------*/
.heading-block h2 {
font-size: 36px;
 letter-spacing: -1px;
}

/* Missions Gloals
-----------------------------------------------------------------*/
.mission-goals .feature-box {
box-shadow: 0 0 10px rgba(99, 114, 130, 0.15);
padding: 25px 20px;
border-radius: 10px;
}

/* Team/Volunteers
-----------------------------------------------------------------*/
.team-title { font-size: 17px; }

.team-title small {
display: block;
font-size: 13px;
color: #AAA;
}

.team-image img { border-radius: 6px }

.team.full-border {
border: 5px solid  #C6C09C;
border-color: var(--themecolor, #C6C09C);
border-radius: 4px;
}

/* Subscribe Section
-----------------------------------------------------------------*/
.subscribe-section .subscribe-section-target {
cursor: pointer;
padding: 35px 0;
}

.subscribe-icon {
position: absolute;
top: 0px;
left: 50%;
width: 120px;
height: 120px;
line-height: 110px;
background-color:  #C6C09C;
background-color: var(--themecolor, #C6C09C);
border-radius: 50%;
text-align: center;
transform: translate(-50%, -45%);
}

.subscribe-icon i {
font-size: 38px;
text-align: center;
color: #444;
font-weight: 600;
}

.subscribe-button {
opacity: 0;
display: block;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%) scale(0.5);
transition: opacity .3s linear;
z-index: 1001;
}

body:not(.nonprofit-success):not(.nonprofit-processing) .show .subscribe-button {
opacity: 1;
transform: translate(-50%, 50%) scale(1);
}

.nonprofit-loader.css3-spinner {
background-color: rgba(var(--themecolorrgb, 198,192,156),0.5);
}

.css3-spinner > div { background-color: #111; }

#nonprofit-submitted,
.nonprofit-success #nonprofit,
body:not(.nonprofit-processing) .nonprofit-loader { display: none; }

.subscribe-section-target .icon-arrow-down {
transform: rotate(0deg);
transition: transform .2s linear;
}

.subscribe-section-target:not(.collapsed) .icon-arrow-down {
transform: rotate(180deg);
}

.subscribe-section .subscribe-icon i { transform: scale(1); transition: transform .25s ease; }
.subscribe-section:hover .subscribe-icon i { transform: scale(1.2); }

.nonprofit-success #nonprofit-submitted { display: block; }

/* Border Form Design
---------------------------------------------------------------------------- */
.form-control.border-form-control {
height: 48px;
padding: 8px 4px;
font-size: 19px;
background-color: transparent !important;
background-image: url('images/divider-3.svg');
background-repeat: no-repeat;
background-position: bottom center;
border: 0;
}

.form-control.border-form-control::-moz-placeholder { opacity: .4; }
.form-control.border-form-control:-ms-input-placeholder { opacity: .4; }
.form-control.border-form-control::-webkit-input-placeholder { opacity: .4; }

/* Event Calendar
-----------------------------------------------------------------*/
.fc-calendar {
background: #FFF;
box-shadow: 0 0 10px rgba(99, 114, 130, 0.15);
}

.fc-calendar .fc-row > div.fc-today,
.fc-calendar .fc-row > div > div a, .fc-calendar .fc-row > div > div span {
background-color: var(--themecolor, #C6C09C);
box-shadow: none;
}

.fc-calendar .fc-row > div.fc-today > span.fc-date,
.fc-calendar .fc-row > div > div a:not(:hover),
.fc-calendar .fc-row > div > div span:not(:hover) {
color: #222;
text-shadow: none;
}

.fc-content { overflow-y: scroll !important; }

.fc-calendar-event + .fc-calendar-event {
border-top: 1px solid rgba(0,0,0,0.3);
padding-top: 12px;
margin-top: 8px;
}

.fc-allday[datetime="true"] + .fc-starttime,
.fc-allday[datetime="true"] + .fc-starttime + .fc-endtime { display: none; }

.fc-emptydate,
.fc-weekday { opacity: .07 !important; }

.fc-past.fc-content .fc-calendar-event a {
background-color: rgba(var(--themecolorrgb, 198,192,156),0.5);
pointer-events: none;
color: #666 !important;
}

.fc-body { background: url('images/world-map.png') no-repeat center center/ contain; }

/* Section Details
-----------------------------------------------------------------*/
.section-details p { color: #999; }

.testi-content p {
font-style: normal;
padding-left: 30px;
border-left: 3px solid rgba(var(--themecolorrgb, 198,192,156), 0.2);
}

.testimonials-carousel .owl-stage { padding: 5px 0; }

.testimonials-carousel::before {
content: '"';
position: absolute;
top: -20px;
left: 22px;
font-size: 60px;
color: rgba(var(--themecolorrgb, 198,192,156), 0.4);
z-index: -1;
font-family: "Segoe Print", "Times New Roman", Verdana;
}

.testi-meta { margin: 10px 0 0 30px; }

/* Floating Contact
-----------------------------------------------------------------*/
.floating-contact-wrap {
position: fixed;
right: 50px;
bottom: 120px;
z-index: 299;
}

.floating-contact-wrap .floating-contact-btn {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
border-radius: 8px;
background-color: var(--themecolor, #C6C09C);
color: #FFF;
cursor: pointer;
z-index: 3;
color: #222;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: transform .3s ease;
}

.floating-contact-wrap .floating-contact-btn:hover,
.floating-contact-wrap.active .floating-contact-btn {
-webkit-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
background-color: #222;
color: #FFF;
}

.floating-contact-wrap .floating-contact-btn .floating-contact-icon {
position: absolute;
top: 50%;
left: 50%;
font-size: 22px;
-webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-backface-visibility: hidden;
}

.floating-contact-wrap .floating-contact-btn .floating-contact-icon.btn-active,
.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon {
opacity: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon.btn-active {
opacity: 1;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}

.floating-contact-wrap .floating-contact-box {
opacity: 0;
position: absolute;
right: 0;
bottom: 0;
width: 380px;
background-color: #fff;
border-radius: 6px;
z-index: 1;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.07);
-webkit-transform: scale(.01);
transform: scale(.01);
 -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
-webkit-backface-visibility: hidden;
}

.floating-contact-wrap.active .floating-contact-box {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}

.floating-contact-wrap .css3-spinner { background-color: rgba(255, 255, 255, 0.8) }

.floating-contact-wrap form { padding: 35px 30px; }

#floating-contact-submitted,
.floating-contact-success #floating-contact,
.floating-contact-success .floating-contact-heading,
body:not(.floating-contact-processing) .floating-contact-loader { display: none; }

.floating-contact-success #floating-contact-submitted { display: block; }


.full-width-img {
margin-left: calc(50% - 540px);
max-width: 950px;
width: 950px;
}


@media (min-width: 768px) {
.full-width-img {
	margin-left: calc(50% - 200px);
	max-width: 800px;
	width: 800px;
}
}

/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px) {

.menu-container > .menu-item > .menu-link {
	font-weight: 500 !important;
	text-transform: none;
	letter-spacing: 0;
	font-size: 17px;
	transition: color .3s ease;
}

.sub-menu-container .menu-item:hover > .menu-link { background-color: transparent; }

.menu-container:hover > .menu-item:not(:hover):not(.current) > .menu-link { color: #CCC !important; }

.menu-container > .menu-item > .menu-link div::after {
	opacity: 0;
	content: '';
	position: absolute;
	background-image: url('images/border.svg');
	background-repeat: no-repeat;
	background-position: center center;
	top: 50%;
	left: 50%;
	margin-top: 14px;
	width: 60%;
	height: 10px;
	background-size: 100% 10px;
	transform: translate( -50%, -50% );
	-webkit-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.menu-container > .menu-item.current > .menu-link div::after,
.menu-container > .menu-item:hover > .menu-link div::after {
	opacity: 1;
	width: 90%;
}



.slider-feature { transform: translateY(-50%); }

.heading-block h2 { font-size: 60px; font-weight: 500; }

.feature-box .fbox-icon {
	width: 80px;
	height: 80px;
}

.feature-box h3 { font-size: 20px; }

.charity-card h3 { font-size: 22px; }

.counter {
	font-size: 48px;
	letter-spacing: 1px;
}

.counter-section h3 { font-size: 2.6rem; }

.full-width-img { margin-left: calc(50% - 300px); }

#page-title.page-title-center .breadcrumb { margin-top: 35px !important; }

}


@media (max-width: 767.98px) {
.swiper-container-horizontal > .swiper-scrollbar {
	bottom: 140px;
	right: 30px;
	width: 140px;
}
.promo.promo-dark.bg-color.promo-full .d-flex { display: block !important; }
.imp-initialized { margin-bottom: 30px !important; }
.swiper-navs {
	bottom: 100px;
	right: 168px;
}

.floating-contact-wrap .floating-contact-box { width: 330px; }
}


.charity-card-title {
position: relative;
background-color: #DEE4E4;
}

.charity-card-title::after {
content: "";
position: absolute;
bottom: -11px;
left: 0;
background-image: url('images/divider-5.svg');
background-repeat: no-repeat;
background-position: top center;
background-size: 100% 20px;
width: 100%;
height: 20px;
}




/** service-section **/

.service-section{
  position: relative;
  padding-top: 93px;
}
.service-section:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 400px;
	height: 500px;
	background: var(--themecolor);
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
	opacity: 1;
}
@media (max-width: 767px){
	.service-section:before { display: none; }
}
.service-section:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 265px;
	height: 265px;
	background: var(--themeredcolor);
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
	opacity: 0.3;
	display: none;
}

.title-box .sec-title{
  text-align: right;
  padding-right: 40px;
  margin: 0px;
}

.title-box .sec-title:before{
  position: absolute;
  content: '';
  background: #dddddd;
  width: 1px;
  height: 75px;
  top: 44px;
  right: -15px;
}

.title-box{
  position: relative;
  display: block;
  margin-bottom: 64px;
}

.title-box .text{
  position: relative;
  display: block;
  padding-left: 40px;
  padding-right: 100px;
  margin-top: 41px;
}

.service-block-one .inner-box{
  position: relative;
  display: block;
  margin-bottom: 43px;
  margin-right: 60px;
  padding-bottom: 44px;
}

.service-section .inner-content .service-block:first-child .service-block-one .inner-box,
.service-section .inner-content .service-block:nth-child(2) .service-block-one .inner-box,
.service-section .inner-content .service-block:nth-child(3) .service-block-one .inner-box{
  border-bottom: 1px solid #dddddd;
}

.service-block-one .inner-box h4{
  margin-bottom: 24px;
}

.service-block-one .inner-box h4 a:hover{

}

.service-block-one .inner-box .inner{
  position: relative;
  padding-left: 100px;
}

.service-block-one .inner-box .inner .icon-box{
  position: absolute;
  left: 0px;
  top: 10px;
  font-size: 60px;
  line-height: 60px;
}

.service-block-one .inner-box .inner .icon-box:before{
  position: absolute;
  content: '';
  background: var(--themegreycolor);
  width: 70px;
  height: 70px;
  left: -5px;
  top: -5px;
  transform: rotate(15deg);
  transition: all 500ms ease;
}

.service-block-one .inner-box .inner .icon-box:after{
  position: absolute;
  content: '';
  background: var(--themeredcolor);
  width: 70px;
  height: 70px;
  left: -5px;
  top: -5px;
  z-index: -1;
  opacity: 0;
  transform: rotate(0deg);
  transition: all 500ms ease;
}

.service-block-one .inner-box:hover .inner .icon-box:after{
  opacity: 1;
  transform: rotate(-15deg);
}

.service-block-one .inner-box .inner .icon-box i{
  position: relative;
  position: relative;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.service-block-one .inner-box .inner p{
  margin-bottom: 10px;
}

.service-block-one .inner-box .inner a{
  position: relative;
  display: inline-block;
}

.service-block-one .inner-box .inner a span{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  color: #222;
  border-bottom: 1px solid #222;
  transition: all 500ms ease;
}

.service-block-one .inner-box .inner a:hover span{

}

.service-block-one .inner-box .inner a i{
  position: relative;
  font-size: 12px;
  margin-right: 8px;
}


.services .hover-effect {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	box-shadow: 0 1px 1px 0 rgba(10, 16, 34, .2);
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	border-radius: 5px;
}

.services .hover-effect:hover {
	box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.services .feature-box h3 { font-size: 17px; }

.services .feature-box h3 span.subtitle { font-size: 14px; }
.entry::after { display: none; }
.back-link { position: absolute;
	right: 0px;
	top: 18px;
	color: #666;
}


#oc-clients { }
#oc-clients .owl-item {
	height: 80px;
	vertical-align: middle;
	line-height: 80px;
	display: table;
	padding: 0 10px;
}
#oc-clients .owl-item a {
	display: table-cell; height: 80px; vertical-align: middle; width: 100%; text-align: center;
}
#oc-clients .owl-item a img {
	max-width: 100%; width: auto;
	max-height: 80px; height: auto;
	margin: 0 auto;
	filter: grayscale(100%);
	opacity: 0.8;
}
#oc-clients .owl-item a:hover img {
	filter: none;
}
#oc-clients .owl-carousel .owl-stage-outer { padding: 0 15px;}

.single-event .section, .single-item .section { padding-top: 1rem; }

/* Social sharing */
.heateor_sss_sharing_container { width: 100%; }
.heateor_sss_sharing_title { float: left; line-height: 35px; }
.heateor_sss_sharing_ul { float: right; }
i.heateorSssSharing:hover { opacity: 0.8; }
/*.single-item > section:last-child .section { padding-bottom: 0px; }
.single-event > section:last-child .section { padding-bottom: 0px; }*/


/* Newsletter form */

#gform_1 { display: flex; }
.gform_wrapper input#input_1_1 {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	height: calc(1.5em + 1rem + 2px);
	padding: 8px 16px !important;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .3rem;
	position: relative;
	flex: 1 1 auto;
	width: 100%;
	min-width: 250px;
	margin-bottom: 0;
	border-top-left-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
	border-color: transparent;
}	
#gform_submit_button_1 {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
	line-height: 1.5 !important;
	height: calc(1.5em + 1rem + 9px) !important;
	padding: 8px 16px !important;
	border-top-right-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
}
#gform_wrapper_1 .gform_footer { margin-top: 0px; margin-left: -16px; }
#gform_wrapper_1 .validation_error{ display: none !important }
#gform_wrapper_1.gform_wrapper .validation_message { color: red; }
#gform_wrapper_1.gform_wrapper li.gfield.gfield_error { border: none !important; background: transparent !important; padding-top: 0px !important; }
#validation_message_1_1 { padding-top: 5px !important; }
#gform_confirmation_message_1 {
	background: #91b88a;
	padding: 20px 30px;
}
#gform_confirmation_message_1 p {
	margin-bottom: 0px !important;
}
.logo-footer {
	max-height: 52px;
	max-width: 135px;
}

.entry-title {
	display: flex;
}
.entry-title h1 {
	width: 80%;
	display: inline-block;
}
.entry-title .print-posts {
	width: 20%;
	display: inline-block;
	text-align: right;
	padding-top: 17px;
}
.entry-title .print-posts .fa {
	font-size: 1.5em;
}

.postHeader {
	background: #dfdbd1;
	padding: 10px;
	display: flex;
}
.postHeader #logo {
	width: 40%;
	float: left;
}
.postHeader #logo img {
	max-height: 50px;
}
.postHeader #logo a:nth-child(2) img {
	max-height: 40px;
}
.postHeader .post-title, .postHeader .post-link { margin-bottom: 5px; text-align: right }
.postHeader .post-title { font-size: 16px; font-weight: bold; }
.postHeader .post-link { font-size: 11px;}
.postHeader .post-info { float: left; width: 60%; padding-top: 0px; }


#slider.min-vh-35 {
	min-height:35vh !important;
}
#slider.min-vh-40 {
	min-height:40vh !important;
}
#slider.min-vh-45 {
	min-height:45vh !important;
}
#slider.min-vh-50 {
	min-height:50vh !important;
}
#slider.min-vh-55 {
	min-height:55vh !important;
}
#slider.min-vh-65 {
	min-height:65vh !important;
}
.slider-caption, .flex-caption {
	max-width: 700px;
}
@media(max-width: 600px) {
    #slider.min-vh-55 {
        min-height:35vh !important
    }
    #slider.min-vh-65 {
        min-height:35vh !important
    }
}

.custom-button {
    height: 135px;
    position: relative;
    overflow: hidden;
    padding-left: 0px !important;
    font-size: 1.65rem !important;
    line-height: 122px !important;
    font-size: 2rem;
    margin-bottom: 12px;
    text-align: center !important;
}
.button.custom-button:hover {
    background-color: #222 !important
}

.custom-button i {
    position: absolute;
    color: #fff;
    opacity: .7;
    font-size: 190px;
    top: 12px;
    left: -42px
}

.custom-button img {
    position: absolute;
    opacity: .7;
    height: 135px;
    top: 0px;
    left: -34px;
    display: none
}


/* Front page */
body.front-page #block-3 .col-mb-80>[class*=col-] { padding-bottom: 0px; }

/* Page menu item */
.page-menu-item>a {
	background-color: rgba(0, 0, 0, .35);
	color: white;
}
.page-menu-item:hover>a, .page-menu-item.current>a {
    background-color: white !important;
    color: #006D80;
}
.page-menu-item>a:hover { background:transparent; }
@media (min-width: 992px) {
    .page-menu-item>a {
        margin: 0px 4px 0px 0px;
        padding: 20px 25px;
        font-size: 1.05rem;
        border-radius: 0px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        font-weight: 600;
        text-shadow: none;
    }
 }
 #page-menu .page-menu-row { margin-top: 10px; }

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 { color: white; }

@media (min-width: 992px) {
.entry .tab-nav { margin-right: 90px; padding-top: 0px; }
}
.entry ul.tab-nav li { padding-left: 0px; }
.entry ul.tab-nav li h2 { margin-bottom:0px; }
.entry ul.tab-nav li  {
    padding: 8px 0;
    border-bottom: 0;
    border-right: 1px solid #EDEDED !important;
}
.entry ul.tab-nav.tab-nav2 li a {
    background: transparent;
    color: #9b9b9b;
    box-shadow: none;
    padding: 0;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 1.2rem;
}
.entry ul.tab-nav.tab-nav2 li.ui-state-active { border-right: 1px solid #006d80 !important; color: #006d80;
     }
.entry ul.tab-nav.tab-nav2 li.ui-state-active a { background: transparent; color: #006d80 }
@media (min-width: 992px) {
    .side-tabs .tab-nav.tab-nav2 li { margin-top: 0px; }
    .side-tabs .tab-nav.tab-nav2 li:first-child {
        border-right: none !important;
    }
    .tab-nav li { min-width:480px; }
    .side-tabs .tab-container { padding-top: 80px; }
}
.accordion-content { padding-left: 25px; padding-bottom: 0rem !important; }
.accordion-title {
    font-size: 1.05rem;
  }

.tab-content .faqs .toggle-content { padding-left: 37px;padding-bottom: 0rem !important; }
.entry p:last-child { margin-bottom: 0px; }


/* WP-MEMBERS */
#wpmem_login { margin-top:96px; }
#wpmem_login legend, #wpmem_reg legend { margin-bottom:20px !important; }
#wpmem_reg { background-color: #006d80; padding: 0px 30px 30px; color: white !important; margin-top: 60px;}
#wpmem_msg, .wpmem_msg {
text-align: center;
background: #006d80 !important;
border: none !important;
border-radius: 3px;
padding: 20px 20px;
margin: 15px auto !important;
color: white;
}
#wpmem_reg form { padding-top: 15px !important; }
#wpmem_reg fieldset { margin: 20px 0 !important; }
#wpmem_reg label {  font-size: 15px; letter-spacing: 0;color: white; text-transform:none }
#wpmem_reg .req::before {
	content: '(verplicht)';
	font-size: 11px;
	margin-left: 6px;
	color: white;
	opacity: 0.7;
}
#wpmem_reg .req {
    font-size: 0px !important;
}
#wpmem_reg .req-text {
    display: none;
}
.button_div { text-align:left; }
.button_div .buttons {
	width: auto!important;
	padding: 0 30px;
	display: inline-block;
	margin: 20px 12px 0;
	cursor: pointer;
	background: rgb(59, 61, 64);
	color: #fff;
	font-size: 15px;
	border-radius: 5px;
	padding: 10px 40px;
	text-transform: uppercase;
	vertical-align: middle;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	position: relative;
	text-align: center;
	box-shadow: none;
	border: none;
}
.button_div .buttons:hover {
	background: #e40045;
}
#wpmem_login .button_div #rememberme { display:none }
#wpmem_login .button_div label { display:none; }
#wpmem_login .button_div .buttons { float:left; }
#wpmem_login .link-text { margin-top:-20px; }
#wpmem_login .link-text-username { display:none }
#wpmem_login label { font-size: 16px; letter-spacing: 0;text-transform:none }
#wpmem_col2 #wpmem_login_form { display:none; }
#wpmem_col2 .wpmem_msg { background-color: #006d80; border: none; padding: 0px 30px 30px; color: white !important; margin-top: 96px;
padding-top: 30px; }
#wpmem_reg .noinput { color: #999 !important;
background-color: #E4E4E4;
width: 100% !important; }

.header-img-link { width: 109px !important }
.header-img-link:hover { opacity: 0.8 }
.header-misc:before { display:none }

.button-desc { font-size: 1.65rem !important;
    font-size: 2rem;
    padding: 40px 30px !important;
    margin-bottom: 12px; }
.button-desc span {
    font-family: "Lato", sans-serif;
}
.button-desc:hover {
	opacity: 0.85;
}

.small-bgimg {
    background-size: cover;
    background-position: center;
    min-height: 222px;
    position: relative;
}
.small-bgimg #page-menu:not(.sticky-page-menu) #page-menu-wrap { background-color: transparent; }
/*.small-bgimg #page-menu.sticky-page-menu #page-menu-wrap { background-color: transparent; }*/
.small-bgimg #page-menu {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.small-bgimg.fixed {
		min-height: 222px;
    position: fixed;
    width: 100%;
    /* height: 100px; */
    top: -40px;
    z-index: 4;
}

.subtab_item {
	margin: 0px !important; padding-top:0px !important; padding-bottom: 0px !important;
	position:relative;
	padding-left:20px !important; margin-left:10px !important;
}
.subtab_item a {
	    font-weight: 500 !important;
    font-size: 1rem !important;
    line-height: 180% !important;
}
.subtab_item::before {
    content: "";
    font-family: "font-icons";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
}

.tab-nav.tab-nav2 li a { display:flex; }

.tab-step {
    padding: 0 10px;
    color: white;
    margin-right: 10px;
    font-size: 1.2rem;
    margin-top: 0px;
    background: #666;
}
.ui-tabs-active .tab-step {
    background: #006E80; 
}
.tab-step-title {
    /*margin: -14px 0 0 5px;*/
    /*line-height: 0px;*/
    /*position: absolute;*/
    flex-basis: 80%; 
    font-size: 1.1rem;
    line-height: 130%;
    padding: 12px 0;
}
.tab-step-title span {
	  display: block;
    margin: -20px 0 0 0;
    font-size: 1rem;
}

}
@media (min-width: 768px) {
	.side-tabs .tab-nav { min-width: 500px !important; }
}


@media (min-width: 1200px) {
    #header #logo {
        width: 340px;
    }
    #header #logo a:first-child {
        width: 200px;
        height: 120px;
        top: -46px;
        margin-left: 30px;
    }
    .slider-caption h2 {
        font-size: 2.5rem;
        max-width: 600px;
    }
    #header #logo a:nth-child(2) {
        margin-left: 201px;
    }
    .heading-block h2 {
        font-size: 40px;
        font-weight: 500;
    }
}
.button-desc {
    font-size: 1.35rem !important;
    font-size: 2rem;
    padding: 30px 50px 30px 30px !important;
    margin-bottom: 12px;
}
.entry p {
	line-height: 160%;
}
/*.sticky-page-menu #page-menu-wrap { background-color: transparent !important; }*/
.seclogo-footer { padding-top:14px; }

.entry ul.square li::before {
	content: "\eb8a";
	font-family: "font-icons";
	display: inline-block;
	position: absolute;
	top: 4px;
  font-size: 12px;
	left: 0;
}
.entry ul.square li li::before {
	content: "\e9e0";
	font-family: "lined-icons";
	display: inline-block;
	position: absolute;
}
.entry ul.square.blue-square li::before { color: #006D80; }
.entry ul.square.red-square li::before { color: #E40045; }
.entry ul.square.yellow-square li::before { color: #D6D067; }
.entry ul.square.brown-square li::before { color: #bb8e4c; }
.entry ul.square.grey-square li::before { color: #7b7875; }
.entry ul.square.green-square li::before { color: #91b88a; }
.entry h2 + ul.square { margin-top: -16px; }
.entry ul.square+h2 {
    margin-top: 40px;
    margin-bottom: 20px;
}
.entry p+ul.square {
	margin-top: -22px;
}
@media screen and (max-width: 1250px){
	.menu-container > .menu-item > .menu-link { padding-left:12px; padding-right:12px; }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	#menu-hoofdmenu .menu-item:first-child { width: 30px; }
	#header #logo {
      width: 195px;
  }
  #header #logo a:first-child {
    width: 135px;
  }
  #header #logo a:first-child img {
    margin: 0 0 0 20px; width: 135px;
  }
  #header #logo a:nth-child(2) {
    margin-left: 150px;
	}
	#header .menu-bg::before {
		border-right-width: 40px;
	}
	.header-size-sm #header-wrap #logo img {
    height: 30px;
	}
  #header #logo a:nth-child(2) {
      margin-left: 110px;
  }
  .page-menu-item>a {
      margin: 0px 4px 0px 0px;
      padding: 20px 15px;
      font-size: 0.95rem;
  }
}
/*
@media screen and (min-width: 992px) and (max-width: 1023px){
	.header-misc-icon { display:none }
}*/
.toggle-content.entry { margin-bottom: 20px; }


/* Sticky */
.small-bgimg.stick-div {
    position: fixed;
    top: -42px;
    height: 222px;
    min-height: 100px;
    width: 100%;
    z-index: 3;
 }
.small-bgimg.stick-div + section { padding-top: 222px; }
#page-menu.sticky-page-menu #page-menu-wrap { position:absolute; background:transparent; top: auto !important; }

.menu-item.current-page-ancestor>.menu-link, .menu-item.current-themas-ancestor>.menu-link, .menu-item.current-artikel-ancestor>.menu-link {
    color: #006d80 !important;
}

.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.toggle-icon, .accordion-icon { margin-right:10px; font-size: 20px;
    margin-top: -3px;}

.toggle-icon .toggle-closed { color: #006D80 }
.toggle-icon .toggle-open { color: #E40045 }


.faqs .toggle {
    border: 1px solid #eee;
    padding: 15px 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 5px 15px -4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 15px -4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 6px -4px rgba(0, 0, 0, 0.25);
}
.tab-title-m { display:none }
@media screen and (max-width: 1199px){
   .container-lg, .container-md, .container-sm, .container {
        max-width: 100%;
    }
    .heading-block h2 {
        font-size: 40px;
    }
    .entry .tab-nav {
      margin-right: 5px;
    }
}
@media screen and (max-width: 991px){
	.small-bgimg #page-menu {
	    position: absolute;
	    top: -9px;
	    width: 100%;
	    left: 0px;
	}
	.page-menu-nav {
    display: block;
    left: -14px;
    top: 0px;
  }
  .side-tabs .tab-nav.tab-nav2 li {
      padding-right: 10px;
      width: 225px;
  }
  .tab-step {
    margin-right: 0px;
    font-size: 1rem;
    display: block;
  }
  .side-tabs .tab-nav { padding-top: 0px; }
  .tab-step-title {
    font-size: 1rem;
    line-height: 150%;
    padding: 7px 12px;
    display: block;
	}
  .tab-nav.tab-nav2 li a {
	    display: block;
	}
	.page-menu-item>a {
    background-color: rgba(0, 0, 0, .35);
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px 14px 11px;
  }
  #page-menu-wrap {
    z-index: 1;
  }
  .button.btn-icon {
  	height: 75px; margin: 0px;
  }
  .button.btn-icon i { top: 18px; }
  .bottommargin-sm {
    margin-bottom: 0.5rem !important;
	}
}
@media screen and (max-width: 767px) {
    .side-tabs .tab-nav { display: none; }
    /*.side-tabs .tab-nav.tab-nav2 li {
        width: 100%; margin-left: 0px;
    }
    .entry ul.tab-nav.tab-nav2 li a {
    	text-align: left;
    	display: flex;
    }
    .tab-step {
      width: 65px;
    }
    .tab-step-title {
        display: inline-block;
    }*/
    h2 {
		    font-size: 1.475rem;
		}
    .tab-content { display:block !important }
    .tab-step-m { background: #006d80;
    color: white !important;
    text-transform: uppercase;
    padding: 4px 8px;
    margin-right: 10px;}
    .seclogo-footer {
		    padding-top: 6px;
		}
    /*.footer-widgets-wrap img { max-height: 50px; height:auto;width:auto; }*/
    .footer-widgets-wrap img {
    	max-height: 50px;
    }
    .footer-widgets-wrap .seclogo-footer img {
    	max-height: 35px;
    } 
		.tab-title-m { display:block }
}

@media screen and (max-width: 500px) {
	  body #header:not(.home-header) #logo a:first-child img {
        height: 70px !important;
    }
    body #header:not(.home-header) #logo a:first-child {
        top: -15px !important;
        width: 150px;
        height: 70px;
    }
    #header #logo { width:180px; }
    #header #logo a:nth-child(2) {
        margin-left: 95px;
    }
    .header-size-sm #header-wrap #logo a:nth-child(2) img {
        height: 33px !important;
    }
    .header-img-link {
		    width: 67px !important;
		}
		#header-wrap .container-fluid { padding-right:0px; }
		.small-bgimg {
	    background-position: inherit;
	  }
	  .section {
	    margin: 2rem 0;
	    padding: 2rem 0;
	  }
	  .heading-block h1 {
    	font-size: 30px;
  	}
  	h2 {
  		font-size: 1.275rem
  	}
}