/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,500,700');

@font-face{
	font-family:"luminus-icons";
	src:url(icons/luminus-icons.eot);
	src:url(icons/luminus-icons.eot?#iefix) format("embedded-opentype"),url(icons/luminus-icons.woff) format("woff"),url(icons/luminus-icons.ttf) format("truetype"),url(icons/luminus-icons.svg#luminusicons) format("svg");
	font-weight:normal;
	font-style:normal
}

*:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bg-light {
	background-color:#FFF !important;
}
html {
	-webkit-font-smoothing: antialiased;
}

body {
	font-family:'Work Sans',Helvetica,Arial,sans-serif;
	font-size:1.1rem;
	color:#393939;
	font-weight:300;
	line-height:2rem; 
}
.greyBg {
    background: -webkit-linear-gradient(135deg,#fff,#eee);
    background: -o-linear-gradient(135deg,#fff,#eee);
    background: linear-gradient(-45deg,#fff,#eee);	
}

a {
	color:#509E2F;
	text-decoration:underline;	
}
a:hover {
	color:#509E2F;
	text-decoration:none;	
}

.navbar a {
	text-decoration:none;	
}

.navbar-nav li a {
    line-height: 50px;
}
.langSwitch {
	padding-top:.5rem;
	padding-bottom:.5rem;
	display:inline-block;
}

#headerImage {
	padding:0;	
}

#headerImage img {
    position: absolute;
    width: 100%;
    height: 450px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-mask-image: url(../imgs/oval.svg);
    mask-image: url(../imgs/oval.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 160%;
    mask-size: 160%;
    -webkit-mask-position: 65% 100%;
    mask-position: 65% 100%;
    z-index: 1;
}
#headerImageIndex img {
    position: absolute;
    width: 100%;
    height: 450px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-mask-image: url(../imgs/oval.svg);
    mask-image: url(../imgs/oval.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 160%;
    mask-size: 160%;
    -webkit-mask-position: 0% 25%;
    mask-position: 0% 25%;
    z-index: 1;
	margin-left:-15px;
}
.headerTitleIndexWrapper {
	margin-top:100px;
	padding-left:35px;
	padding-bottom:35px;	
}
#formWrapper {
	padding-top:35px;	
}
#feelgoodWrapper2 {
	min-height:450px;
	background-color:#509E2F;
}
#headerTitle {
	color:#FFF;
}
.headerTitleWrapper {
	margin-top: 150px;
	padding-left:35px;
}

.headerCTAWrapper {
	margin-top:50px;
	padding-left:35px;
}
#headerTitle h1 {
	font-size:2rem;
	font-weight:700;	
}
#headerTitle h2 {
	font-size:1.5rem;
	margin-top:15px;
}
#headerTitle h3 {
	font-size:1.2rem;
	margin-top:15px;
	
}
.landingBox img {
	 width:100%; 
}
.boxContent {
	margin-bottom:35px;	
}
.boxCTA a {
	color:#FFF;
	padding: 10px 25px;
	background: linear-gradient(45deg,#509E2F,#509E2F);
	border: 2px solid #509E2F;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	display: inline-block;
	font-weight: 700;
	font-size:16px;
	white-space: normal;
	transition: all 300ms eases;
	text-decoration:none;
}	
.boxCTA a:hover {
	color:#509E2F;
	background:#FFF;
	border:2px solid #509E2F;
}
.boxCTA a:focus {
	outline:none !important;	
}
.landingBox {
	margin-top:35px;
}

.landingBox .boxTitle {
	font-weight:700;
	font-size:1.5rem;
	margin-top:10px;
	margin-bottom:10px;	
}

.extraPaddingBottom {
	padding-bottom:50px;	
}

@media (min-width:768px) {
.headerTitleIndexWrapper {
	margin-top:55px;	
}
#headerTitle h1 {
	font-size:1.5rem;	
}
#headerTitle h2 {
	font-size:1rem;	
}
#headerTitle h3 {
	font-size:1rem;	
}
#btnSubInv{
	margin-top:15px;	
}





}
@media (min-width:992px){
.headerTitleIndexWrapper {
	margin-top: 88px;
}
#btnSubInv{
	margin-top:0px;	
}
}
@media (min-width:1200px) {


#headerTitle h1 {
	font-size:2rem;	
}
#headerTitle h2 {
	font-size:1.5rem;	
}
#headerTitle h3 {
	font-size:1.2rem;	
}

}






@media (min-width: 768px) {
#headerImage img {
    -webkit-mask-position: 100% 30%;
    mask-position: 100% 30%;
}
}
#feelgoodWrapper {
	background-image:url('https://via.placeholder.com/1500x450.png/C1C1C1/fff');
	height:450px;
	background-position:0 0px;
	background-size:cover;
	background-repeat:no-repeat;
}
#baselineWrapper {
	padding-top:50px;
	padding-bottom:50px;
	padding-left:35px;	
}
#baselineWrapper h1 {
	font-size: 40px;
}
#baselineWrapper h2 {
	font-size: 26px;
}
#selectboxWrapper {
	padding-left:35px;	
}

#whyWrapper, #bookingSteps, #bookBlock, #ctaWrapper, #testimonialWrapper {
	padding-top:50px;	
	padding-bottom:50px;
}

#testimonialWrapper i {
	font-size: 0.875rem;
	line-height: 0;
}

#footerWrapper {
	/*margin-top:50px;*/
	padding-top:70px;
	background-color:#FE5815;
	color:#FFF;	
	font-size:1rem;
}

#footerWrapper b {
	font-weight:bold;	
}

#footerWrapper a {
	color:#FFF;
	text-decoration:none;	
}
#footerWrapper a:hover {
	text-decoration:underline;
}
#FooterLogo a:hover {
	text-decoration:none;	
}
#footerWrapper ul {
	list-style:none;
	padding-left:15px;	
}
#footerWrapper img {
	height:35px;	
}
.footerLinks {
	font-size:.800rem;
	padding-bottom:35px;
	padding-top:35px;
}

.pageTitle {
	font-size:30px;
	font-weight:300;
	line-height:40.98px;
	padding-bottom: 2.25rem;
}
.pageTitle:before {
	content: '';
    width: 75px;
    height: 3px;
    background: #7cab3d;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);	
}

.whyBlock, .stepBlock {
	margin-top:35px;
	font-size: .875rem;
    font-weight: 300;
    line-height: 1.5;
    color: #393939;	
}
.whyBlock h3, .stepBlock h3 {
	font-weight:300;
	font-size:1.5rem;	
}

.whyBlock img, .stepBlock img {
	margin-bottom:15px;
	border-radius:70px;	
}
.subBox {
	/*margin-top:100px;	*/
}
.subBox p {
	margin-top:35px;	
}
.CTAbox{
	margin-bottom:35px;	
}

.interventionBox {
	width:100%;
	margin-top:35px;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
	/*background-image:url(https://via.placeholder.com/250x150.png/C1C1C1/fff);	*/
}
.interventionBox img {
	width:100%;	
}
.overlayText{
	position: absolute;
	bottom: 10px;
	left:30px;
	font-size:.875rem;
	background-color:#509E2F;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	margin-bottom:5px;
	max-width: 220px;
	border-radius:10px;
}

.testibox {
	/*border:1px solid #ccc;*/
	margin:5px;
	padding:10px;
	margin-top:35px;
	padding-top:35px;
	min-height:440px;
}
.testibox h4 {
	font-size:1.5rem;
	font-weight:500;
}



/*General styling form elements*/
input[type="text"], input[type="email"], input[type="tel"], select, textarea {
	width:100%;
	border: 2px solid #dcdcdc;
    padding: 8px 16px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;	
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus, textarea:focus {	
	border-color:#ffc420;
	outline: none !important;
}
select {
	padding-top: 9px;
    padding-bottom: 9px;
    height: 41px;	
}
#selectIndex {
	max-width:370px;
	width:100%;
	border: 2px solid #dcdcdc;
    padding: 8px 16px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;		
}
#selectIndex:focus {
	border-color:#ffc420;
	outline: none !important;	
}

#btnSubInv, .btnSubInv {
	color:#393939;
	min-width:150px;
	text-align:center;
	padding: 4px 25px;
	background: linear-gradient(45deg,#FFF,#FFF);
	border: 2px solid #FFF;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	display: inline-block;
	font-weight: 700;
	font-size:16px;
	white-space: normal;
	transition: all 300ms eases;
	text-decoration:none;
}
.btnSubInv:hover {
	color:#FE5815;	
}
#btnSubInv:hover, #btnSub:focus {
	color:#FFF;
	background:#509E2F;
	border:2px solid #FFF;
}
#btnSubInv:focus {
	outline:none !important;	
}

label {
	margin-top:10px;	
}

textarea {
	min-height:200px;	
}

.btnSub {
	color:#FFF;
	padding: 10px 25px;
	background: linear-gradient(45deg,#509E2F,#509E2F);
	border: 2px solid #509E2F;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	display: inline-block;
	font-weight: 700;
	font-size:16px;
	white-space: normal;
	transition: all 300ms eases;
	text-decoration:none;
}
.btnSubAlt, .btnSubAlt:hover {
	color:#FFF;
	min-width:150px;
	text-align:center;
	padding: 10px 25px;
	background: linear-gradient(45deg,#FE5815,#FE5815);
	border: 2px solid #FE5815;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	display: inline-block;
	font-weight: 700;
	font-size:16px;
	white-space: normal;
	transition: all 300ms eases;
	text-decoration:none;
}


.btnSubDis {
	color:#CCC;
	padding: 10px 25px;
	background: linear-gradient(45deg,#DDDDDD,#DDDDDD);
	border: 2px solid #CCC;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	display: inline-block;
	font-weight: 700;
	font-size:16px;
	white-space: normal;
	transition: all 300ms eases;
	text-decoration:none;
}
.btnSub:hover, .btnSub:focus {
	color:#509E2F;
	background:#FFF;
	border:2px solid #509E2F;
}
.btnSub:focus {
	outline:none !important;	
}


/*Content pages styling*/
#feelgoodImage {
	height:300px;
	background-image:url(https://via.placeholder.com/1500x300.png/C1C1C1/fff);	
}
#pageIntro, #wecanhelpWrapper, #checklistWrapper, #interventionWrapper, #contactformWrapper {
	margin-top:	50px;
	margin-bottom:50px;
}
.helpBlock {
	height:250px;
	/*width:250px;*/
	overflow:hidden;
	margin-bottom:15px;	
}
.helpBlock img {
	height:100%;
	margin-left: -50p;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);
}
#wecanhelpWrapper h1, #pageIntro h1, #checklistWrapper h1, #interventionWrapper h3 {
	margin-bottom:35px;	
}
.overlayLabel, .overlayLabel2 {
	position: absolute;
	bottom: 0;
	font-size:.875rem;
	background-color:#509E2F;
	color:#FFF;
	padding-left: 10px;
	padding-right: 10px;
	font-weight:bold;
	margin-bottom:25px;
	/* width: 290px; */
	left:50%;
	margin-left:-100px;
	border-radius:10px;
}
.overlayLabel2 {
	/* width:300px; */
	margin-left:-150px;
}
.CTAWrapper {
	padding-top:35px;	
}
.checklistBox, .checklistBox2 {
	border:1px solid #C1C1C1;
	padding-top:35px;
	min-height:705px;
	margin-bottom:15px;	
}
.checklistBox2 {
	min-height:830px;
	margin-bottom:35px;	
}
.step {
	font-size:.875rem;
	padding-left:15px;
	padding-right:15px;
	font-weight:300;
}
.stepIcon {
	margin-top:15px;
	margin-bottom:15px;
	background-color:#FE5815;
	height:40px;
	width:40px;
	color:#FFF;
	border-radius:20px;
	margin-left:auto;
	margin-right:auto;
	padding-top:4px;
	padding-left:1px;
	font-weight:bold;	
}
.hiwStep {
	font-size:.875rem;
	margin-bottom:35px;
}
.subtitle {
	font-size:1rem;	
}
#tipWrapper, .intro {
	margin-top:35px;	
}
.icon {
	border-radius:70px;	
}

/*FAQ styling*/
.collapsible {
  /*background-color: #777;
  color: white;*/
  background-color:#FFF;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  /*font-size: 15px;*/
  /*font-weight:700;*/
}
.collapsible:focus {
	border-color:#ffc420;
	outline: none !important;	
}

.active, .collapsible:hover {
  /* background-color: #555; */
  font-weight:700;
}

.collapsible:after {
  content: '\002B';
  color: #509E2F;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  
  
}
.content p {
	margin-bottom:35px;	
}
.spacer {
	content: '';
    width: 75px;
    height: 3px;
    background: #7cab3d;
    position: relative;
    bottom: 0;
    left: 50%;
	margin-bottom:45px;
    transform: translateX(-50%);		
}
@media (max-width: 767px) {
#headerTitle {
	padding-top:400px;	
}
.headerTitleWrapper {
	margin-top:115px;
	margin-bottom:85px;	
}
#headerTitle select {
	margin-top:-35px;	
}
#headerImageIndex img {
	-webkit-mask-position: 50% 100%;
    mask-position: 0% 25%;
	margin-left:-15px;	
}
.overlayLabel2 {
	margin-left:-130px;	
}
#btnSubInv {
	margin-top:25px;	
}
.headerCTAWrapper {
	margin-bottom:75px;	
}
}