/*=RESET STYLES
---------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

.Header{border:2px solid red;margin:0em auto;max-width:1301px;}

/*=HTML5 DISPLAY-ROLE RESET
---------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}
table {border-collapse:collapse;border-spacing:0;}

/*=PAGE STRUCTURE
-----------------*/
body {font-family: 'Khand', sans-serif;font-size:100%;border-bottom:5px solid #009D52;background-image:url(../images/top-right.png);background-position: top right;background-repeat:  no-repeat; background-color: #fff;}
#logo-print {display:none}
header[role="banner"] {;}
main#container  {background:#fff;padding:1.25em;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
footer[role="contentinfo"] {clear:both;}
.group:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
* html .group {zoom:1;} /* IE6 */
*:first-child+html .group {zoom:1;} /* IE7 */
.clear {clear:both;overflow:hidden;width:0;height:0;}
.move {position:absolute;left:-9999px;}
.clear-lft {clear:left}
.rgt {float:right !important}
.lft {float:left !important}

/*=TYPOGRAPHY
-------------*/

p {line-height:1.4;margin-bottom:.75em;font-size:20px;}
.margin-15B{margin-bottom: 15px!important;}

/*=BODY CONTENT
---------------*/
img.img-responsive {display:block;margin:0 auto;max-width:100%;height:auto !important}
header.head, div.banner, div.what-we-do, div.book-button, div.services, footer.contact {max-width:1301px;margin:0 auto}
header.head {text-align:center;margin-top:93px} 
header.head img {display:block;margin:0 auto;max-width:100%;height:auto !important}
.banner{background-color:rgba(166,201,61,0.7);text-align:center;padding: 50px 0 50px 0;}
.banner em{display:inline-block;border-bottom:3px solid #005D31;line-height:1;font-style:normal}
h4.wrap-text{margin:0 25%}
.what-we-do {text-align:center;width:40%;}
.what-we-do p{font-size:26px;font-weight: 500;}
.book-button{height:360px;}
.button-block {float:right;width:25%;padding-top:3em}

.book-button .button{position:relative}
.book-button .button a i{padding-left:10px}
.spacer{margin-top:85px}
.services{display:block;}
.what-we-do{border-right:3px solid #009D52;border-top:3px solid #009D52;padding:45px 3.228285933897002% 0 0;position:relative;margin-top:85px }
.what-we-do::before{content:'';position:absolute;top:-215px;height:215px;width:3px; background:#009D52;left:0}
.what-we-do::after{content:'';border-top:3px solid #009D52;border-left:3px solid #009D52;position:absolute;bottom:-360px;right:0;width:20%;height:360px}
.what-we-do p.paragraph-border{padding-bottom:50px;margin-bottom:0}
footer.contact{margin-bottom:2em;position:relative}
footer .gallery {position: absolute;right:0;top:45px}
/*=BLOCKS
---------------*/
.green-block{ background: linear-gradient(-90deg,#28896A,#A5D896);width:100%;position:relative}
.green-block .img-tree{position:absolute;left:10%;top:-370px;}
.white-block{width:100%;position:relative;}
.white-block img.dna-lady{position:absolute;left:10%;top:-500px;height: 500px}
.box {background:#1AA969;width:49%;margin-right:1%;margin-bottom:20px;color:#fff}
.box strong{font-weight:500;}
.box .gutter {padding:25px}
.box-a, .box-c {float:left;min-height:660px}
.box-b, .box-d {float:right;min-height:660px}
.box-b, .box-d {margin-right:0}
.box-c {clear:left;}
.box p{margin-bottom:1.5em;}
.no-marginB{margin-bottom: 0!important;}

.box-f {float:right;background:none;margin-right:0;}
.box-f .button{margin:0;}
.box-e {clear:left;}
.box2-a {float:left;width:48%;display:inline;margin-right:1%;}
.box2-b {float:right;width:48%;display:inline;margin-left:1%;}

.details{margin-left:25%;width:60%;border-left:3px solid #009D52;border-top:3px solid #009D52;padding:45px 0 0 3.228285933897002%;margin-top:85px;position:relative }
.details::before{content:'';position:absolute;top:-88px;height:85px;width:3px; background:#009D52;right:0}
.details .button{margin-top:90px}
.the-tree {height:360px;}
.the-tree-list {max-width: 1301px;margin: 0 auto;margin-left:2em;display:none}
.the-tree-list h6 {padding-top:1em}
.the-tree-list ul.square-list li {color:#fff}
.the-tree-list ul.square-list li:before {background: #005D31;}
.booking-details {margin-right:1.5em}
.booking-details  ul.square-list li:before {background: #005D31;}
/*=ACCORDION
---------------*/
.accordion { margin: 0px 0 30px 0;}
.panel {border:none;}
.panel-group {max-width: 1301px;margin: 0 auto;margin-bottom:1em;}
.accordion .panel { margin-bottom: 10px; }
.accordion .panel-title {text-align: center;position:relative;line-height: 2}
.accordion .panel-title > a,
.accordion .panel-title > a.collapsed:hover {display: block;font-weight: 400;text-transform: uppercase;position: relative;}
.accordion .panel-title > a {color: #005D31;background:#C1D977; text-decoration: none;}
.accordion .panel-title > a.collapsed:after {content:'\e936';font-family:'icomoon';speak: none;position:absolute;top: 50%;transform: translateY(-50%);font-size:20px;padding-left:1em}
.accordion .panel-title > a:after {content:'\e937';font-family:'icomoon';speak: none;position:absolute;top: 50%;transform: translateY(-50%);font-size:20px;padding-left:1em}
.accordion .panel-body { padding: 15px; color: #005D31; background: #C1D977; border-top:2px solid #009D52}
.collapse {display: none;}
.collapse.in {display: block;}
.collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: .35s;-o-transition-duration: .35s;transition-duration: .35s;	-webkit-transition-property: height, visibility;	-o-transition-property: height, visibility;	transition-property: height, visibility}


.about-biography .photo {float:left;width:40%}
.about-biography .photo h6 {margin-left:1.5em}
.about-biography .photo .qualifications {margin-left:2.5em}
.about-biography .biography {float:right;width:60%}
.about-biography .biography h5 {margin-bottom:.25em}
.about-biography .biography p {margin-right:1.5em}
.about-biography .biography ul.square-list li:before {background: #005D31;}
figure.cheryl-photo img {border-radius:50%;}

/*=BUTTON
---------*/	
.button {position:relative;height:97px;}
.button a i{position:absolute;top:50%;transform: translateY(-50%);display:inline-block;padding-left:40px}
.button a{background-color: #A5C93D;color:#005D31;text-decoration: none;font-size: 42px;font-weight:600;margin:0 auto;display:block;padding:.25em 0;position:relative;}
.button a:link{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.button a:hover{ background: linear-gradient(-90deg,#A8CA42,#A5D896);color:#fff;text-decoration: none;font-weight:600;margin:0 auto;display:block;padding:.25em 0;}
.button p{position:absolute;top:50%;transform: translateY(-50%);width:100%;border: 3px solid #059851;text-align:center;}

/*=iFRAME
---------*/	
iframe.map {max-width: 100%;border-top: 3px solid #009D52}

/*=LINKS
--------*/
ul.contact-details li {font-size: 26px;font-weight: 100;}

/*=LINKS
--------*/
a {outline:none}
a:link {color:#005D31;}
a:visited {color:#005D31;}
a:hover {color:#000;text-decoration:none;}

ul.contact-details li a {text-decoration: none;border-bottom: 1px solid #005D31;padding-bottom: 1px;}
ul.contact-details li a:hover {color: #009D52;border-bottom-color: #009D52;border-bottom-style: dotted;text-decoration: none;}
/*List-GUTTER
-----------------*/
ul.square-list{list-style:none;margin-left:11px;font-size:20px;margin-bottom:1.25em;}
ul.square-list li {position: relative;margin-left:.5em}
ul.square-list li:before { content: ''; position: absolute; top: 7px;  left: -10px; font-size: 3em; background: #9FC73F;  width:3px; height:7px;}
header.head img{margin-bottom:20px}


/*=HEADINGS
-----------------*/
.banner h3{padding-bottom:30px}
.box h3{text-align:center;padding-bottom:0}
h3{font-size:36px; color:#005D31;font-weight:600;}
h4{font-size:30px; color:#005D31;font-weight:500;margin-top:48px;}
h5{font-size:28px;font-weight:500;margin-bottom:48px;}
h6{font-size:26px;font-weight: 100;}


/*=SWITCH COLOR
-----------------*/
.switch-lightgreen{color:#009D52}
.switch-lightgreener{color:rgb(0,157,82)}
.switch-green{color:#005D31}
.switch-black{color:#000}
.switch-olivegreen{color:#A6C93D}



/*=RESPONSIVENESS
-----------------*/
@media screen and (max-width: 1960px) {
 .book-button .button::after{border-left:0}
}
@media screen and (max-width: 1700px) {
.white-block img.dna-lady{position:absolute;left:0;top:-420px; width:35%}
}


@media screen and (max-width: 1640px) {
.what-we-do{border:3px solid #009D52;width:80%}
.what-we-do .gutter{padding:25px}
.what-we-do::before{display:none;}
.what-we-do::after{display:none;}
.spacer{margin-top:45px}
.book-button .button{width:50%; float:none;margin:0 auto;margin-bottom:100px}
.green-block .img-tree{left:50%;transform: translateX(-50%)}
.book-button {height:600px}
.button-block {width:100%;}
.button-block p.why-book {text-align: center;}	
}

@media screen and (max-width: 1400px) {
.box-f .button{width:80%;margin:0 auto}

}

@media screen and (max-width: 1284px) {
 .box h3{font-size:30px}
 .box p{margin-bottom:1.25em;font-size:18px;}
 ul.square-list{font-size:18px}
 .box-a, .box-c {float:left;min-height:650px}
.box-b, .box-d {float:right;min-height:650px}

img.view-1 {display:none}
}

@media screen and (max-width: 1000px) {
.gallery {display:none}	
}

@media screen and (max-width: 900px) {
.box-a, .box-c, .box-b, .box-d, .box-f {float:none;min-height:0;width:auto;}
.box-f .button {margin:65px 0;width:60%;margin:0 auto}
.white-block img.dna-lady{position:absolute;left:0;top:-100px; width:35%}
.banner h4{width:80%;margin:0 auto}
.the-tree {display:none}
.book-button {height: auto}
.button-block {float:none}	
.booking-details {margin-left:1.5em}
.white-block img.dna-lady {display:none}
body {background-position: top center;}
}
@media screen and (max-width: 800px) {
.green-block .img-tree{width:800px;bottom:0}
.about-biography .photo {float:none;width:auto}
.about-biography .biography {float:none;width:auto}	
.about-biography .photo h6 {margin-left:0;text-align: center}
.about-biography .photo .qualifications {margin-left:1.5em}
.about-biography .biography p {margin-left:1.5em}	
}

@media screen and (max-width: 700px) {
.button a i{padding-left:25px}
.button a{font-size: 20px;}
.green-block .img-tree{width:700px}
}
@media screen and (max-width: 640px) {
.green-block .img-tree{width:640px}
header.head h5{font-size:20px}
.banner{background-color:rgba(166,201,61,0.7);text-align:center;padding: 50px 0 50px 0;} 
.banner h3{font-size:30px}
.banner .gutter{padding:25px}
.banner h4{font-size:24px}
.what-we-do p{font-size:20px;}
.details h6{font-size:20px;}
.details h3{font-size:30px;}
}

@media screen and (max-width: 600px) {
.white-block img.dna-lady{position:absolute;left:0;top:-130px; width:30%}
}
@media screen and (max-width: 480px) {
.green-block .img-tree{width:480px}
}

@media screen and (max-width: 440px) {
.details{margin-left:10%;width:80%;}
.box2-a, .box2-b {float:none;width:auto}	
}
@media screen and (max-width: 375px) {
.book-button{height:300px}
.the-tree {height:250px;}
.green-block .img-tree{width:370px;top:-165px}
}