@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
  h1{font-family: 'open_sanslight'; font-size:46px; color:#3e3e3e; text-transform:uppercase; margin-top: 60px;line-height: 50px; margin-bottom:30px;}
  h2{font-family: 'open_sanslight'; font-size:30px; color:#3e3e3e; margin-top: 60px; line-height: 40px; margin-bottom:30px;}

  p{font-family: 'open_sanslight'; font-size:20px; color:#3e3e3e; margin-top: 15px;}
  ul{margin: 0px; padding: 0px;}

.bgone{
	background-image: url("../images/pg-community-bg1.jpg"); 
	background-position: right;
	background-repeat: no-repeat;
}
.height330{
	height: 330px;
}
.height80{
	height: 80px;
  background-color: #fff;
}
.height60{
	height: 60px; 
}
.height140{
  height: 140px;
}
.height40{
  height: 40px;
}
.height40{
  height: 20px;
}
.pad-right{
  padding-right:0px!important; 
}
.logobottom{
	padding-top: 100%!important;
}
.btb { border:solid 1px #ccc; }
.projectd { text-align:center; padding:50px  0;  }
.jssorb05{position:absolute}.jssorb05 div,.jssorb05 div:hover,.jssorb05 .av{position:absolute;width:16px;height:16px;background:url('../images/arrow-dots.png') no-repeat;overflow:hidden;cursor:pointer}.jssorb05 div{background-position:-7px -7px}.jssorb05 div:hover,.jssorb05 .av:hover{background-position:-37px -7px}.jssorb05 .av{background-position:-67px -7px}.jssorb05 .dn,.jssorb05 .dn:hover{background-position:-97px -7px}.jssora22l,.jssora22r{display:block;position:absolute;width:40px;height:58px;cursor:pointer;background:url('../images/arrows.png') center center no-repeat;overflow:hidden}.jssora22l{background-position:-10px -31px}.jssora22r{background-position:-70px -31px}.jssora22l:hover{background-position:-130px -31px}.jssora22r:hover{background-position:-190px -31px}.jssora22l.jssora22ldn{background-position:-250px -31px}.jssora22r.jssora22rdn{background-position:-310px -31px}.jssora22l.jssora22lds{background-position:-10px -31px;opacity:.3;pointer-events:none}.jssora22r.jssora22rds{background-position:-70px -31px;opacity:.3;pointer-events:none}
@media screen and (max-width: 768px) {
    .logobottom {
        padding-top: 0px!important;
    }
}

.vertmiddle{
	padding-top: 50%!important;
}
@media screen and (max-width: 768px) {
    .vertmiddle {
        padding-top: 0px!important;
    }
	.footer { margin-top:20px!important; }
}
.h-icon-pad  { 
  float:right; 
  height:30px;
  width:30px;
  margin-top:28px;
  margin-right:20px;
} 
.active1{
  color: #669900!important;
}
.logo-alterpad{
  padding: 20px 40px;
}
.toppad20{
	padding-top: 20px;
}
.panel-default{
  border:none;
}
.accordion-toggle list-group-item{
  text-align: center!important;

}
.button.list-group-item{
  width: 100%;
  text-align: center!important;
}
.italic{
  font-style: italic;
}
.bdrnone{
  border:none!important;
}
.noticed a{
  color:#669900!important;
  font-size: 25px;
  font-weight: normal!important;
   font-family: 'open_sanslight';
   letter-spacing: 0.8px;
}
body{
  background-color: #F0EDE5;
}
.container{
  background-color: #fff;
  padding: 0px!important;
 }
.row{
  padding: 0px!important;
  margin: 0px;
}
.nopad{
  padding: 0px!important;
}
.nomargin{
  margin: 0px;

}
.padleft{
  padding-right: 0px!important;  
  padding-left: 4%!important;

}
.padright{
  padding-right: 4%!important;  
  padding-left: Opx!important;
}
.padright4{
  padding-right: 4%!important;  
}
.sliderul ul{
  list-style-type: none!important; 
}
.sliderul ul li{ 
  font-size: 18px;
  color: #333;
  line-height:42px;
}
.sliderul ul li:hover{  
  color: #578309;
}

.sliderul ul li.active { color: #578309; }

.vtextm {
    position:absolute; 
	height:665px;  
    display: table;
}
.vtextm .vmd {
    display: table-cell;
    vertical-align: middle;
	float:left;
}

#backtop {
	        position: fixed;
            left:auto;right: 20px;top:auto;bottom: 20px;
	        outline: 1px #FFFFFF solid;
            overflow:hidden;
            color:#fff;
            text-align:center;
            background-color:#669900;
            height:40px;
            width:40px;
            line-height:40px;
            font-size:14px;
            border-radius:2px;
            cursor:pointer;
            transition:all 0.3s linear;
            z-index:999999;

            opacity:1;
            display:none;
        }
        #backtop:hover {
            background-color:#333;
        }
        #backtop.mcOut {
            opacity:0;
        }

.topbg { background-color:#F6F6F6; }

.toplogo { float:left; margin:10px 0px 10px 0px; }
.topleftnav {  margin: 0px   0 ; text-align: right; padding:15px 0 0 0;  }
.topleftnav a, .topsocial a { color:#999; }
.topleftnav a:hover, .topleftnav a.active, .topsocial a:hover  { color:#d9241b; }
.topsocial {  margin: 0px   0 ; text-align: right; padding:12px 10px 0px 0; float: right;  }
.topleftnav a.navbar-brand { float:none; }

.navbar-default{
  background-color: #f6f6f6!important;
  border-radius: 0px;
  border-bottom: 2px solid #ececec!important;
  border-left:none!important;
  border-right:none!important;
}
.navbar-default .navbar-collapse{
  background-color:!fff !important;
}

.navbar-default .navbar-nav > li > a:hover{
 color: #669900!important;
}
.navbar-default .navbar-nav > li > a:active{
  color: #669900!important;
}

.padtop30 { padding-top:30px !important;  }

.contactform { margin:20px 0 40px 0 }
.feedback-input {
  color:#3333; 
  font-weight:500;
  font-size: 14px;
  border-radius: 5px;
  line-height: 22px;
  background-color: transparent;
  border:1px solid #ccc;
  transition: all 0.3s;
  padding: 8px;
  margin-bottom: 15px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

.feedback-input:focus { border:1px solid #000; }

.contactform textarea {
  height: 100px;
  line-height: 150%;
  resize:vertical;
}

.contactform [type="submit"] { 
  width: 50%;
  margin-left:50%;
  background:#333;
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:white;
  font-size:18px;
  padding-top:10px;
  padding-bottom:10px;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:500;
}
.contactform [type="submit"]:hover { background:#669900; }

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

.navbar-brand {
    float: left;
    height: 30px;
    padding: 3px 10px;
    font-size: 16px;
    line-height: 20px;
}

.topleftnav {  float:left; text-align:right;  }
  
  .navbar-default .navbar-nav > li > a{
  font-size:18px!important;
  font-family: 'open_sanslight';
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 34px;
  color:#000;
}
.navbar-default .navbar-brand { 
    padding-right: 30px !important;
	}

}
.navbar-default .navbar-brand{
  color: #669900!important;
  font-size:28px!important;
  font-family: 'open_sanslight';  
  padding-left: 50px;
  padding-right: 70px;
  line-height: 32px;
  font-weight: 400!important;
  letter-spacing: 0.8px;
  padding-top:17px;
}
@media only screen and (max-width:780px){
.navbar-default .navbar-brand{
  line-height: 14px;  
    padding-right: 0px;
    padding-top: 16px !important;
}
.navbar-default .navbar-nav > li > a { 
    padding-top: 10px;
    padding-bottom: 10px; 
    padding-left: 20px; 
}
.h-icon-pad { 
    margin-top:  -160px; 
	float:right;
}
.navbar-brand {
    float: left;
    height: 30px;
    padding: 3px 7px;
    font-size: 14px;
    line-height: 20px;
}

.topleftnav, .topsocial, .toplogo {   text-align:center!important; padding:10px 0; margin:0 auto;    }
.toplogo .img-responsive{ display:inherit!important; }
.projectd { text-align:center; padding:10px  0;  }
.padleft {     padding-left: 15px !important; padding-right: 15px!important; } 
.nopad { padding-right: 0px!important; padding-left: 0px!important; margin-top:20px; }
.padright4 {     padding-right: 15px !important; }
.banner1-bottom-grids1 {      margin-left: 0px!important;  }
.navbar-toggle { margin-right: 15px !important; }
.navbar-default .navbar-brand {padding-left: 15px !important;  }
.footer p.textright {     text-align:center!important; margin-top:0px!important;  } 
.footer p.style1 {     text-align:center!important; } 
.leftpad30 {     padding-left: 0px!important; text-align:center!important; margin: 0 auto; } 
h1.slidertitle {
    text-align: center; 
    font-size: 30px!important; margin-top:30px!important; margin-bottom: 10px!important; } 
h1  { 
    font-size: 30px!important; margin-top:20px!important; margin-bottom: 10px!important; line-height:36px!important; } 
.toppad80 {
    padding-top: 0px!important;
}
}

 
.imgdisplay{
  display: inline;
}



/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.fullmenu{
  font-family: open_sansregular;
  font-size: 26px!important;

}
.banner1-bottom-grids1{border-bottom:6px solid #779b37; margin-left:20px; text-align: center; }
  .pink{background-color:pink;}
  .cyan{background-color:cyan;}
  .green{background-color:green;}
  .matic{background-color:#c4eeec;}
  
  .value { font-size:40px;
    display: block; 
      font-family: 'open_sanslight'!important;
    
    line-height: 1.2;
    margin: 0 0 5px;
    text-align: center;
    width: 100%;
}
   .info {
    font-style: normal;
     line-height: 1.2em;
   font-size:20px;
}
.toppad80{  padding-top: 80px;  }
.toppad50{  padding-top: 50px;  }
.leftpad30{ padding-left: 30px;}

.imgcenter{ margin: 0 auto; }
.videoimg{ padding: 50px; }
.footer p  { color:#e9e9e9 !important; font-size:14px; font-weight:normal;  }
.footer p  a{ color:#fff !important;   }
.footer p a:hover { color:#eee !important;    }
.footer { background-color:#669900 ; padding:10px 0;   } 
.footer p.textright { text-align:right; }
@media only screen and (max-width:780px){
.videoimg{ padding: 20px; }
}
.greybg{
  background-color: #f3f3f3; 
} 
h1.slidertitle {  text-align:center;  font-family: 'open_sanslight';
    font-size: 40px;
    color: #3e3e3e;
    text-transform: uppercase;
    margin-top: 60px;
    line-height: 46px;
    margin-bottom: 30px; }
.greybg h3{ margin-bottom: 20px; }
.hiseventy{
  height: 70px!important;
}
.germanh1{
  padding-top: 55px;
}
@media screen and (max-width: 970px) {
    .germanh1 {
        padding-top: 0px!important;
    }
}

/*.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  background-color: #f8f8f8;
}*/
.everywallh1{
  padding-top: 95px;
}
@media screen and (max-width: 970px) {
    .everywallh1 {
        padding-top: 0px!important;
        margin-top: 0px;
    }
}

.lushgreentoppad{  padding-top: 55px; }
.indoorswimtoppad{  padding-top: 55px; }

@media screen and (max-width: 970px) {
  .lushgreentoppad{ padding-top: 0px;}
  .indoorswimtoppad{  padding-top: 0px; }

  }