html, body {
      margin: 0;
      width: 100%;
      height: 100%;
font-family: 'Raleway', sans-serif;
font-weight:200;
letter-spacing:1px;
    }

a.quote-button{
  background-color:#57aa20 !important;
  border-radius:5px !important;
}

nav.top-bar {
    padding: 25px;
}

    .top-bar{
      background:transparent;
      font-family: 'Raleway', sans-serif;
    }

    .top-bar-section ul li > a{
      font-family: 'Raleway', sans-serif;
      color:#fff;
      text-transform: uppercase;
      font-weight:200;
      background-color:transparent !important;
    }

    .top-bar-section ul li{
      background-color:transparent !important;
    }

.top-bar-section ul li .active {
    background: #000;
}
   body.f-topbar-fixed {
    padding:0px;
    }

    .fixed{
      padding-bottom:10px;
      position: fixed !important;
    }

    .show {
  background-color:#000 !important;
}

    .transition{
        -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
    }

    .cwr-row{
      max-width:1200px;
    }

.title-area .name{
  padding-left:10px;
}

.name{
  color:#fff;
}

.top-bar .toggle-topbar.menu-icon a{
  color:#000;
}

.top-bar .toggle-topbar.menu-icon a span::after{
  box-shadow: #000;
}


.nyt{
  position:absolute;
  right:20px;
  bottom:15px;
  z-index:200;
}
   

  .full-width-cwr{
    width:100%;
    position:relative;
    z-index:1;

  }

  .black{
    background-color:#000;
    height:400px;
  }

.cwr-header{
      background-image: url(../img/header-back.jpg);
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
        display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color:#000;
    
/*    -webkit-filter: grayscale(80%);  Safari 6.0 - 9.0 
    filter: grayscale(80%);*/

    padding:50px 0px;
    min-height:95%;

}

.header-button-container{
  margin-top:15px;
}

a.header-button{
  background-color:#fff;
  color:#000;
      font-family: 'Raleway', sans-serif;
      text-transform: uppercase;
      font-weight: 200;
      font-size:12px !important;
      letter-spacing:1px;
}

a:hover.header-button{
  color:#fff;
  background-color:#000;
}

.header-icon{
  margin-bottom:15px;
}

.cwr-header span{
}

.header-text{
  width: 100%;
    font-weight: 200;
    text-align: center;
    color: #fff;
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 33px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    margin-bottom: 15px;

}

.header-address{
  text-align:center;
  font-size:18px;
  color:#fff;
  line-height:28px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);

}

.logo-container{
  margin-bottom:15px;
}

.about-copy{
  color:#fff;
  font-size:14px;
  line-height: 40px;
  text-align:center;
  font-weight:200;
  letter-spacing: 1px;
}


.classes-copy{
  color:#fff;
  font-size:14px;
  line-height: 40px;
  text-align:center;
  font-weight:200;
  letter-spacing: 1px;
  margin-bottom:20px;
}

.faq-container{
  padding:10px;
  background-color:#ededed;
  border-radius:5px;
/*      box-shadow: rgba(0, 0, 0, 0.117647) 0px 19px 38px 0px;
*/}

.faq-section{
  background-color:#fff;
  padding:50px 0px;
}

.faq-question{
      text-align: center;
    font-size: 18px;
    font-weight: 400;
    color:#333;
}
.faq-answer{
    color: #333;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    font-weight: 200;
    letter-spacing: 1px;
    padding: 0px 10px;
}

.info-headline{
  font-weight:200;
  font-size:24px;
  margin-bottom:10px;
}

.info-copy{
  color:#000;
  font-size:14px;
  line-height: 32px;
  font-weight:200;
  letter-spacing: 1px;
}

.info-copy-container{
          display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.about-section{
  padding:50px 0px;
  background-color:#000;

}

.contact-section{
    padding:50px 0px;
  background-color:#000;
}

.contact-header{
  
}

.single-service-container{
/*background-color:#f9f9f9;
  background-color:#fff;
      box-shadow: rgba(0, 0, 0, 0.117647) 0px 19px 38px 0px;
  border-radius:5px;*/
}

.services-section{
  padding:50px 0px;

  background-color:#000;
}
.services-image{
  width:100%;
  margin-bottom:15px;

}

.about-icon{
  width:100%;
  margin-bottom:15px;

    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;

}

.services-headline{
  text-align:center;
  font-size:24px;
  font-weight:400;
  color:#fff;
}
 
.services-subhead{
  text-align:center;
  font-size:18px;
  color:#333;
}

.services-copy{
    color:#ccc;
  font-size:12px;
  line-height: 32px;
  text-align:center;
  font-weight:200;
  letter-spacing: 1px;
  padding:0px 10px;
}

.info-section{
padding:50px 0px;
}

.info-image{

}

.instagram-section{
  background-color:#000;
}

.instagram-section li{
  padding:0px;
          -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.instagram-section li a img{
          -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
    filter: brightness(70%) grayscale(50%) contrast(110%);
}

.instagram-section li a:hover img{
    filter: brightness(100%) grayscale(0%) contrast(110%);
}

.small-block-grid-3, .medium-block-grid-6, .small-block-grid-2, .small-block-grid-1{
  margin:0px;
  padding:5px;
}

  a.contact-scroll, a:focus.contact-scroll{
    font-family: 'Raleway', sans-serif;
    font-weight:300;
    display: inline-block;
    padding: 15px 40px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 1px;
    background-color:#000;
    font-size:12px !important;

}

a:hover.contact-scroll{
  background-color:#fff;
  color:#000;
}


.thankyou-header{
  text-align:center;
  color:#fff;
  font-size:24px;
}

.thankyou-copy{
  text-align:center;
  color:#fff;
  font-size:16px;
}

/*reviews section*/


.reviews-section{
  padding:50px 0px;
  min-height: 300px;
  background-color: #000;
}

#slideshow { 
    position: relative; 
    width:100%;
    color:#fff;

}

.slideshow-container{
              display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height:100%;

}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
    text-align:center;
background-color:#000;

}


/*mouse animation*/

.mouse-animation {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -10px;
}

.scroll-btn .mouse {
    position: relative;
    display: block;
    width: 25px;
    height: 40px;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #ccc;
    border-radius: 23px;
}


/*Mouse animation*/

.mouse-animation{
      position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -10px;

}

@-webkit-keyframes ani-mouse {
  0% {
  opacity: 1;
  top: 29%;
  }
  15% {
  opacity: 1;
  top: 50%;
  }
  50% {
  opacity: 0;
  top: 50%;
  }
  100% {
  opacity: 0;
  top: 29%;
  }
}
@-moz-keyframes ani-mouse {
  0% {
  opacity: 1;
  top: 29%;
  }
  15% {
  opacity: 1;
  top: 50%;
  }
  50% {
  opacity: 0;
  top: 50%;
  }
  100% {
  opacity: 0;
  top: 29%;
  }
}
@keyframes ani-mouse {
  0% {
  opacity: 1;
  top: 29%;
  }
  15% {
  opacity: 1;
  top: 50%;
  }
  50% {
  opacity: 0;
  top: 50%;
  }
  100% {
  opacity: 0;
  top: 29%;
  }
}


.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
  color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.scroll-btn .mouse {
  position: relative;
  display: block;
  width: 25px;
  height: 40px;
  margin: 0 auto 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #ccc;
  border-radius: 23px;
}
.scroll-btn .mouse > * {
  position: absolute;
  display: block;
  top: 29%;
  left: 50%;
  width: 5px;
  height: 5px;
  margin: -2px 0 0 -3px;
  background: #ccc;
  border-radius: 50%;
  -webkit-animation: ani-mouse 2.5s linear infinite;
  -moz-animation: ani-mouse 2.5s linear infinite;
  animation: ani-mouse 2.5s linear infinite;
}


@media only screen and (max-width: 768px) {
 
.cwr-header{
  height:100%;
}

nav.top-bar {
    padding: 10px;
}

.top-bar.expanded {
    background: #000;
    height: auto;
}

.top-bar.expanded .title-area {
    background: transparent;
}

.fixed{
  padding-bottom:8px;
  background-color:#000 !important;
}

.top-bar .toggle-topbar.menu-icon a {
    color: #57aa20;
}


 }