/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
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;
}





/*GENERAL STYLES*/

html{
     overflow-x: hidden; 
    overflow-y: auto;
}

body{
 background-color: #f4f4f4;
 /*font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;*/
font-family: CaslonSB-Regular;
 letter-spacing: 0.01em;
 font-size: 18px;
 line-height: 23px;
 color: #3c3c3b;
 text-rendering: geometricPrecision;
 overflow-x: hidden; 
    overflow-y: auto;
}

h1{
    margin: 0 auto;
    text-align: center;
    font-size: 1.64em;
    line-height: 1.1em;
    padding: 24px;
    /*padding-top: 28px;*/
    background-color: #a2ce74;
    opacity: 1;
    color: #3c3c3b;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

h2{
    position: relative;
    z-index: 99999999;
    margin: 0 auto;
    text-align: center;
}

h3{
    margin: 0 auto;
    text-align: center;
    font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 1.2em;
    letter-spacing: 0em;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.2em;
}
p{
    margin: 0 auto;
    text-align: center;
    display: block;
    /*padding-bottom: 24px;*/
}
em{
    
    display: block;
    margin-bottom: 12px;
    letter-spacing: 0.005em;  
    font-family: CaslonSB-Medium;
}
hr{
    margin: 0 auto;
    text-align: center;
    width: 60px;
    padding-bottom: 20px;
    border: 0;
    height: 0;
    border-top: 2px solid rgba(0, 0, 0, 0.8);
    /*border-bottom: 1px solid rgba(255, 255, 255, 1);*/

}
nav{
    background-color: #154d31;
    color: white;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999999;
}

a{
    text-decoration: none;
    color: #3c3c3b;
    /*font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;*/
    font-family: CaslonSB-Regular;
    cursor: pointer;
    
}

nav ul{
    margin: 0 auto;
    text-align: center;
    height: 80px;
 display: flex;
  justify-content: center;
  align-items: center;
}

#homelink{
  display: none;
}

/*#homelink::after{
  content: "";
    display: inline-block;
    width: auto !important;
    margin-left: 1em;
}*/

    #phoneemail{
      background-color: white;
      text-align: center;
      width: 100%;
      color: #3c3c3b;
      padding: 6px;
      font-size: 0.8em;
    }


    #corona{
      background-color: #FFCC00;
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
      text-align: center;
      width: 100%;
      color: #ffffff;
      padding-top: 15px;
      padding: 10px;
      font-size: 1.0em;
    }

nav ul li:nth-child(1),nav ul li:nth-child(2){
    display: inline-block;
    width: auto !important;
    margin-right: 1em;
}

nav ul li:nth-child(4),nav ul li:nth-child(5){
    display: inline-block;
    width: auto !important;
    margin-left: 1em;
}

nav ul li a{
    display: inline-block;
    width: auto !important;

    color: white;
}

nav ul li:nth-child(1)::after,nav ul li:nth-child(2)::after{
    content: "|";
    display: inline-block;
    width: auto !important;
    margin-left: 1em;
}
nav ul li:nth-child(4)::before,nav ul li:nth-child(5)::before{
    content: "|";
    display: inline-block;
    width: auto !important;
    margin-right: 1em;
}

nav ul li img{
    max-height: 64px;
}

header{
    background-color: #a2ce74;

    color: #3c3c3b;
    margin-top: 149px;
}

header h2{
    padding: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 580px;
    overflow: hidden;
    min-height: 0px;
}

footer{
    background-color: #dbdbdb;
    padding: 40px;
    border-bottom: 10px solid #154d30;
}

footer li{
    display: inline-block;
}

footer li:after{
     content: "|";
     margin-left: 0.6em;
     margin-right:0.4em;
}
footer li:last-of-type:after{
     content: "";
     margin-left: 0em;
     margin-right:0em;
}

footer ul{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 16px;
}


footer p{
    margin-bottom: 16px;
}

footer p:last-of-type{
    margin-bottom: 0px;
}

.smallprint{
    font-size:0.8em;
    line-height: 1.2em;
}

blockquote {
    position: relative;
    /* background: #f9f9f9; */
    /* border-left: 10px solid #ccc; */
   /* margin: 1.5em 10px;
    padding: 0.5em 10px;*/
        margin: 60px;
    quotes: "\201C""\201D""\2018""\2019";
    max-width: 800px;
}
blockquote:before {
    /* color: #ccc; */
    position: absolute;
    content: open-quote;
    font-size: 7em;
    line-height: 0.1em;
    margin-left: -0.3em;
    /* vertical-align: -0.3em; */
}
blockquote:after {
     /* color: #ccc; */
    content: close-quote;
    font-size: 7em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    /* display: inline-block; */
    /* text-align: right; */
    /* width: 100%; */
    /* float: right; */
    position: absolute;
    bottom: -42px;
    right: 0;
}
blockquote p{
    font-style: italic;
}
blockquote p:first-of-type {
    font-size: 1.64em;
    
    font-family: CaslonSB-Medium;
    margin-top: -12px;
    margin-bottom: 12px;
    font-style: normal;
        line-height: 1.2em;
    display: inline-block;
  /*display: inline;*/
}

#usefullinks{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
     flex-direction: column;
  justify-content: center;
  z-index: 999999999999999999;
  background-color:rgba(0,0,0,0.8);
  opacity: 0;
  pointer-events:none;
  -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

#usefullinks div{
    display: block;
    color: black;
    max-width: 480px;
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

#usefullinks ul{
    background-color: white;
    width: 100%;
    height: 100%;
    padding: 40px;
    box-sizing: border-box;
    border-radius: 25px;
    position: relative;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
}

#usefullinks li{
 /*   padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;*/
    /*text-align: center;*/
    font-size: 1.6em;
    line-height: 1.4em;
}

#usefullinks h3{
    text-align: left;
    font-size: 1.6em;
}

#usefullinks span{
    position: absolute;
    top: 20px;
    right: 14px;
    
    line-height: 0em;
}

#usefullinks span a{
    -ms-transform: rotate(45deg) !Important;
    -webkit-transform: rotate(45deg) !Important;
        transform: rotate(45deg) !Important;
    font-size: 2em;
    display: inline-block;
        position: relative;
    top: 5px;
    margin-left: 4px;
}

#usefullinks a:hover{
  opacity: 0.6;
}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 60px;
  height: 45px;
  position: fixed;
  top: 15px;
  right: 12px;
  display: none;
  /*margin: 50px auto;*/
  -webkit-transform: rotate(0deg) scale(0.6, 0.6);
  -moz-transform: rotate(0deg) scale(0.6, 0.6);
  -o-transform: rotate(0deg) scale(0.6, 0.6);
  transform: rotate(0deg) scale(0.6, 0.6);

  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: white;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

















/*HOME PAGE*/

.item{
    max-height: 70vh;
    overflow: hidden;
     display: flex;
  flex-direction: column;
  justify-content: center;
  /*position: relative;*/
}

.item img{
    min-width: 100%;
    /*  position: absolute;
  top: 50%;
  transform: translateY(-50%);*/
}

.owl-theme .owl-controls {
    position: relative;
    margin-top: -32px;
    margin-bottom: 8px;
    text-align: center;
    z-index: 99999;
}

.owl-theme .owl-controls .owl-page span {
    background: white;
    opacity: 1;
}

.active span{
  opacity: 0.5 !important;
}

.wrapper{
    margin-bottom: -5%;
    position: relative;
    z-index: 999;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.triangle-down{
    box-sizing: content-box;
    width: 50%; 
    height: 0;
    padding-left:50%;
    padding-top: 5%; 
    overflow: hidden;
}
.triangle-down div {
    width: 0;
    height: 0;
    margin-left:-1000px; 
    margin-top:-100px; 
    border-left: 1000px solid transparent; 
    border-right: 1000px solid transparent; 
    border-top: 100px solid #a2ce74; 
    /*background-color: #a2ce74;*/
}

.whitecentral{
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    padding: 60px;
}

.greencentral{
    /*max-width: 720px;*/
    margin: 0 auto;
    text-align: center;
    padding: 60px;
    background-color: #a2ce74;
}

.greencentral em,.greencentral p{
    max-width: 720px;
    margin: 0 auto;
    margin-bottom: 12px;
}

.greenleft{
    padding: 40px;
    background-color: #a2ce74;
    background-image: url('backsymb.png');
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
  background-position: 90% 60%;
    background-size: 18%;
}

.greenleft p{
    text-align: left;
}

#testimonialsbut{
      margin-top: 2em;
      background-color: #154d31; /* Green */
    border: none;
    color: white;
    padding: 4px 12px;
    padding-top: 6px;
    border-radius: 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    }

.block1{
     display: flex;
  /*justify-content: center;*/
  align-items: center;
  justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.block1 div{
    width: 50%;
    overflow: hidden;
}

.block1 div:nth-child(1){
    width: 50%;
    line-height: 0px;
}

.block1 div:nth-child(2){
    padding: 60px;
    box-sizing: border-box;
    display: flex;
     justify-content: center; 
    /*align-items: center;*/
    /*justify-content: flex-start;*/
    flex-direction: column;
    /* align-items: stretch; */
    /* align-content: stretch; */
}

.block1 div img{
    /*width: 100%;*/
    line-height: 0px;
    /*min-height: 100%;*/
    /*min-width: 100%;*/
    max-width: 100%;
    /*max-height: 150%;*/
    margin: 0 auto;
}

.block2{
     display: flex;
  /*justify-content: center;*/
  align-items: center;
  justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.block2 div{
    width: 50%;
    overflow: hidden;
}

.block2 em, .block1 em{
  /*margin-bottom: 0px;*/
}

.block2 div:nth-child(1){
    width: 50%;
    line-height: 0px;
    position: relative;
    right: -50%;
}
.block2 div:nth-child(2){
    padding: 60px;
    box-sizing: border-box;
    position: relative;
    left: -50%;
    padding: 60px;
    box-sizing: border-box;
    display: flex;
     justify-content: center; 
    /*align-items: center;*/
    /*justify-content: flex-start;*/
    flex-direction: column;
}

.block2 div img{
    /*width: 100%;*/
        /* width: 100%; */
    line-height: 0px;
    /* min-height: 100%; */
    /* min-width: 100%; */
    max-width: 100%;
    /* max-height: 150%; */
    margin: 0 auto;

}
.services{
    padding: 40px;
    padding-bottom: 60px;
    padding-top: 20px;
    box-sizing: border-box;
}
.services ul{
    padding-top: 24px;
}
.services li{
    margin: 0 auto;
    max-width: 960px;
    display: block;
    width: 100%;
    padding: 10px;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    background-color: #dbdbdb;
    position: relative;
    margin-bottom: 8px;
}

.services li:hover{
    opacity: 0.6;
    cursor:pointer;
}

.services li div{
    display: inline-block;
}

.services li div:nth-child(1){

}
.services li div:nth-child(2){
    position: absolute;
    right: 16px;  
}
/*.services li div:nth-child(2) span{
    width: 2px !Important;
    height: 100%;
     background-color: #3c3c3b;
     display: inline-block;
     position: relative;
}*/
.services li div:nth-child(2) a{
    text-align: center;
    font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 1.2em;
    letter-spacing: 0em;
    

    color: #3c3c3b;
    border-left: 1px solid #3c3c3b;
    padding-left: 16px;
    margin-left: 16px;
}

.services li .hiddentext{
 display: none;
 padding-top: 12px;
}

.reveal .hiddentext{
    display: block !important;
}
.reveal span{
    display: inline-block;
    -ms-transform: rotate(45deg) !Important; /* IE 9 */
    -webkit-transform: rotate(45deg) !Important; /* Chrome, Safari, Opera */
    transform: rotate(45deg) !Important;
}

.reveal2{
    opacity: 1 !important;
    pointer-events:auto !important;
}
















/*ABOUT PAGE*/

.latestnews{
    padding: 40px;
    padding-bottom: 80px;
    box-sizing: border-box;
}
.latestnews ul{
    padding-top: 24px;
}
.latestnews li{
    margin: 0 auto;
    max-width: 960px;
    display: block;
    width: 100%;
    padding: 10px;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    background-color: #dbdbdb;
    position: relative;
    margin-bottom: 4px;
}

.latestnews li:hover{
    opacity: 0.6;
    cursor:pointer;
}

.latestnews li div{
    display: inline-block;
}

.latestnews li div:nth-child(1){

}
.latestnews li div:nth-child(2){
    position: absolute;
    right: 16px;  
}
/*.latestnews li div:nth-child(2) span{
    width: 2px !Important;
    height: 100%;
     background-color: #3c3c3b;
     display: inline-block;
     position: relative;
}*/
.latestnews li div:nth-child(2) a{
    text-align: center;
    font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 1.2em;
    letter-spacing: 0em;
    
    color: #3c3c3b;
    border-left: 1px solid #3c3c3b;
    padding-left: 16px;
    margin-left: 16px;
}

.latestnews li .hiddentext{
 display: none;
 padding-top: 12px;
}

.reveal .hiddentext{
    display: block !important;
}
.reveal span{
    display: inline-block;
    -ms-transform: rotate(45deg) !Important; /* IE 9 */
    -webkit-transform: rotate(45deg) !Important; /* Chrome, Safari, Opera */
    transform: rotate(45deg) !Important;
}


.block3{
     display: flex;
  /*justify-content: center;*/
  /*align-items: center;*/
}

.block3 div{
    width: 50%;
    line-height: 0px;
        padding: 40px;
    box-sizing: border-box;
    /*text-align: left !Important;*/
}

.block3 blockquote p{
    text-align: left;
}

.block3 div img{
    width: 100%;
    line-height: 0px;
}
.block3 div:nth-child(1){
background-color: #bcd86e;
}
.block3 div:nth-child(2){
background-color: #4d7332;
}



















/*CONTACT*/
   #SevenHills {
        height:60vh;
        width:100%;
    }
    .gm-style-iw * {
        display: block;
        width: 100%;
    }
    .gm-style-iw h4, .gm-style-iw p {
        margin: 0;
        padding: 0;
    }
    .gm-style-iw a {
        color: #4272db;
    }

.block4{
     display: flex;
  justify-content: center;
  /*align-items: center;*/
}

.block4 .sect{
    width: 50%;
}

.sect img{
    width: 100%;
}
.sect em{
    margin: 0; 
}
.sect div em{
    display: inline-block;
}
.sect p{
    margin-bottom: 12px;
}

.howtofind em{
  margin-bottom: 0.4em;
}

.howtofind p{
  margin-bottom: 1.6em;
}

.block4 .sect:nth-child(1) div:nth-child(1){
    padding: 60px;
    box-sizing: border-box;
    text-align: left;
}
.block4 .sect:nth-child(1) div:nth-child(1) p{
    
    text-align: left;
}
.block4 .sect:nth-child(2){
    padding: 60px;
    box-sizing: border-box;
    background-color: #a2ce74;
}
/*.block4 div img{
    width: 100%;
    line-height: 0px;

}*/













/*SERVICES*/

#downloads{
    display: flex;
}

.download{
    width: 25%;
    padding: 40px;
    box-sizing: border-box;
}
.download svg{
    margin: 0 auto;
    width: 24px;
    display: block;
    margin-bottom: 12px;
}

.embeddeddownload{
      width: 100%;
    padding: 40px;
    box-sizing: border-box;
    overflow: auto;
    display: block;
        padding-bottom: 0px;
    }

    .embeddeddownload svg{
      max-width: 40px;
      margin: 0 auto;
      display: block;
    }

#remember svg{
   margin-top: 8px;
   /*margin-bottom: 4px;*/
          width: 38px;
}

.download p{
        max-width: 240px;
}

.grey{
        background-color: #f7f7f7;
}

.darkgrey{
        background-color: #f4f4f4;
}

.white{
    background-color: #ffffff;
}

.bordergreen{
    /*border-bottom: 6px solid #a2ce74;*/
    background-color: #a2ce74;
}

.borderlightgreen{
    /*border-bottom: 6px solid #beed8d;*/
    background-color: #beed8d;
}

.borderdarkgreen {
    /*border-bottom: 6px solid #4d7332;*/
    background-color: #4d7332;
    color: white;
}

.borderdarkgreen p{
  font-weight: normal;
}

.bordergrey{
    /*border-bottom: 6px solid #f4f4f4;*/
    background-color: #f4f4f4;
}

.borderdarkgrey{
  /*border-bottom: 6px solid #dbdbdb;*/
  background-color: #dbdbdb;
}

.slideshow{
    position: relative;
    overflow: hidden;
    height: 50vh;
}

.control svg{
  /*background-color: white;*/
}

/*.slideshow img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events:none;
    -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;

}*/

.slideshow img {
  /*display: none;*/
       position: absolute;
    /*height: 100%;*/
    width: initial !Important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    min-height: 100%;
    min-width: 100%;
}

.control{
    position: absolute;
     top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 2em;
    cursor: pointer;
    width: 50%;
    height: 100%;
    display: flex;

align-items: center;
}

.control span{
    display: inline-block;
  vertical-align: middle;
  line-height: normal;
  /*width: 12px;*/
  font-size: 1.5em;
}
.right span{
 /* -ms-transform: rotate(180deg) !Important;
  -webkit-transform: rotate(180deg) !Important;
  transform: rotate(180deg) !Important;*/
}

.left{
    left: 0px;
    margin-left: 20px;
}

.right{
    right: 0px;
    margin-right: 20px;
    justify-content: flex-end;
}

.lefttrig{
  position: absolute !important;
    top: 0;
    left: -20px;
    height: 100%;
    width: 72px !important;
    background-color: rgba(1,1,1,0.4);
        z-index: -1;
}

.righttrig{
  position: absolute !important;
    top: 0;
    right: -20px !important;
    height: 100%;
    width: 72px !important;
    background-color: rgba(1,1,1,0.4);
        z-index: -1;
}

.activeslide{
    opacity: 1 !important;
}

.block1 ul{
    
    margin-bottom: 12px;
    /*font-family: CaslonSB-Medium;*/
    font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    /*list-style-type: circle;*/
}

.block1 ul li:before{
    content: "• ";
}











/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (max-width: 1140px) {
    .block1 div img, .block2 div img, .block3 div img, .block4 div img{
      line-height: 0px;
      max-width: 125%;
      margin: 0 auto;
    }

}

@media only screen and (max-width: 1040px) {
    .block1 div img, .block2 div img, .block3 div img, .block4 div img{
      line-height: 0px;
      max-width: 150%;
      margin: 0 auto;
    }

}

@media only screen and (max-width: 920px) {

  .slideshow img {
    position: absolute;
     height: initial !important; 

    width: 100% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

#hideh2 {
    padding-bottom: 0.6em;
}
  
/*block correction*/
    .block1, .block2, .block3, .block4{
        display: block;
    }
    
    .block1 div, .block2 div, .block3 div, .block4 div{
        width: 100% !important;
    }

    .block2 div:nth-child(1) {
        width: 100%;
        line-height: 0px;
        position: relative;
        right: 0%;
    }

    .block2 div:nth-child(2) {
        padding: 40px;
        box-sizing: border-box;
        position: relative;
        left: 0%;
    }

    .lefttrig{
  position: absolute !important;
    top: 0;
    left: -20px;
    height: 100%;
    width: 72px !important;
    background-color: rgba(1,1,1,0.4);
        z-index: -1;
}

.righttrig{
  position: absolute !important;
    top: 0;
    right: -20px !important;
    height: 100%;
    width: 72px !important;
    background-color: rgba(1,1,1,0.4);
        z-index: -1;
}
}



@media only screen and (max-width: 640px) {

    header{
            margin-top: 184px;
    }

    #pad{
      display: none;
    }

    #homelink{
      display: block;
    }
    .shrink{
     /* padding-top: 0px;
      overflow: hidden;
      padding-bottom: 0px;
      height:0;*/
      opacity: 0;
      /*background-color: #a2ce74;*/
      /*margin-top: -100%;*/
      pointer-events: none;
    }
    /*.wrapper{
            padding-top: 1em;
    }*/

    #hideh2{
      padding-bottom: 1em;
    }

    #logohead{
        position: absolute;
        top: 12px;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
        opacity: 1 !important;
        font-size: 16px;
    line-height: 21px;
    }

    nav ul{
        margin: 0 auto;
        text-align: center;
        height: 72px;
        display: flex;
        flex-direction:column;
         -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   overflow: hidden;
     -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
    
        /*padding: 20px;*/
        font-size: 10vw;
        line-height: 18vw;
        letter-spacing: 0.05em;
        /*padding-bottom: 40px;*/
    }
    
    .open{
        overflow: hidden;
    }

    .open nav ul{
        height: 100vh;
          -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
    }
    
    nav ul li{
        opacity: 0;
        -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
    }

    .open nav ul li{
        opacity: 1 !important;
        -webkit-transition: .6s ease-in-out;
  -moz-transition: .6s ease-in-out;
  -o-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
    }

    nav ul li:nth-child(1),nav ul li:nth-child(2){
        display: block;
        width: auto !important;
        margin-right: 0em;
    }
    nav ul li:nth-child(1){
        margin-top: 0px;
    }

    .open nav ul li:nth-child(1){
        margin-top: 0px !Important;
    }

    nav ul li:nth-child(5){
        /*margin-bottom: 80px;*/
    }

    nav ul li:nth-child(4),nav ul li:nth-child(5){
        display: block;
        width: auto !important;
        margin-left: 0em;
    }

    nav ul li a{
        display: block;
        width: auto !important;

        color: white;
    }

    nav ul li:nth-child(1)::after,nav ul li:nth-child(2)::after{
        content: "";
        display: block;
        width: auto !important;
        margin-left: 0em;
    }
    nav ul li:nth-child(4)::before,nav ul li:nth-child(5)::before{
        content: "";
        display: block;
        width: auto !important;
        margin-right: 0em;
    }
    nav ul li img{
        height: 52px;
    }

    #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
        display: block !important; 
    }

    .item{
      display: block;
      max-height: 50vh;
    }

    .item img{
      max-height: 100%;
    }

    /*block correction*/
    .block1, .block2, .block3, .block4{
        display: block;
    }
    
    .block1 div, .block2 div, .block3 div, .block4 div{
        width: 100% !important;
    }

    .block4 .sect:nth-child(1) div:nth-child(1) {
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}

    .block2 div:nth-child(1) {
        /*width: 100%;*/
        line-height: 0px;
        position: relative;
        right: 0%;
    }

    .block2 div:nth-child(2) {
        padding: 40px;
        box-sizing: border-box;
        position: relative;
        left: 0%;
    }

.lefttrig{
  position: absolute !important;
    top: 0;
    left: -20px;
    height: 100%;
    width: 72px !important;
    background-color: rgba(1,1,1,0.4);
        z-index: -1;
}

.righttrig{
  position: absolute !important;
    top: 0;
    right: -20px !important;
    height: 100%;
    width: 72px !important;
    background-color: rgba(1,1,1,0.4);
        z-index: -1;
}
    .download {
            width: 100%;
    padding: 40px;
    box-sizing: border-box;
    overflow: auto;
    display: block;
    }

    
    #downloads{
        display: block;
    }

    .services {
    padding: 10px;
    padding-bottom: 60px;
    box-sizing: border-box;
    }

    .services h3{
      margin-top: 24px
    }

    .latestnews h3{
      margin-top: 24px;
    }

    .latestnews li div {
     display: block; 
    }
    /*.latestnews li div:nth-child(2) {
     position: relative; 
    right: 0px;
}*/
.latestnews li div:nth-child(2){
        position: static;
    right: 0px;  
}

.latestnews li {
    padding-top: 12px;
    margin-bottom: 8px;
}

    .latestnews li div:nth-child(2) a{
      position: absolute;
    right: 16px;
    top: 14px;
    height: 2em;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    flex-direction: column;
    }
    .more{
     /* position: absolute;
    right: 16px;
    top: 10%;
    height: 80%;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    flex-direction: column;*/
    }

    .greenleft{
      background-size: 90%;
      padding: 24px;
    }



    .services{
      padding-bottom: 36px;
    }

    .services li div:nth-child(1) {
    margin-top: 2px;
    }
    
    .services li div:nth-child(2) {
      position: static;
    }

    .services li div{
      display: block;
    }
    
    .services li{
      padding-top: 12px;
      margin-bottom: 8px;
    }
    .services li div:nth-child(2) a {
    margin-left: 10px;
    position: absolute;
    right: 16px;
    top: 14px;
    height: 2em;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    flex-direction: column;
    }

    blockquote {
        position: relative;
    /* background: #f9f9f9; */
    /* border-left: 10px solid #ccc; */
    margin: 20px;
    margin-top: 40px;
    quotes: "\201C""\201D""\2018""\2019";
    max-width: 600px;

    }

    blockquote:after{
      right: -48px;
    }
    blockquote p{
          letter-spacing: 0.02em;
    }

    .block1 div:nth-child(2) {
    padding: 40px;
    box-sizing: border-box;
    }
    
    h3 {
      margin-bottom: 24px;
    }
    
    footer {
      padding: 20px;
    }
    footer li:after {
    content: "|";
    margin-left: 0.3em;
    margin-right: 0.2em;
    }

    .whitecentral {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    padding: 40px;
    }

    .greencentral {
    /* max-width: 720px; */
    margin: 0 auto;
    text-align: center;
    padding: 40px;
    background-color: #a2ce74;
    }

    .latestnews {
      padding: 20px;
      padding-bottom: 60px;
      box-sizing: border-box;
    }

    .latestnews li div:nth-child(1) {
    margin-top: 2px;
    }

    .latestnews li div:nth-child(2) a {
    text-align: center;
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 1.2em;
    letter-spacing: 0em;
    
    color: #3c3c3b;
    border-left: 1px solid #3c3c3b;
    padding-left: 16px;
    margin-left: 10px;
    }

    blockquote p:first-of-type {
    font-size: 1.44em;
    
    /* display: inline; */
    }

    #SevenHills {
        height:40vh;
        width:100%;
        /*pointer-events:none;*/
    }

    #usefullinks div{
      padding: 15px;
    }

    #usefullinks div ul{
      padding: 20px;
    }

    #usefullinks li{
      font-size: 1.4em;
      line-height: 1.32em;
    }

    .slideshow{
      height: 60vh !important;
    }

    .slideshow img {
     position: absolute;
    height: auto !important;
     width: initial !Important;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     opacity: 0;
     pointer-events: none;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
     min-height: 100%;
     width: 100%;
   }

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}