/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

:root{
--yellow: #f3c82e;
--white: #ffffff;
--green: #1d270a;
--med-green: #263014;
}

body {
	font-size:1.1rem;
}
 body  #c5 h3 {
  margin: 0;
  color: #5e8637;
  text-transform: uppercase;
  line-height: 1em;
  
    font-size: 2.25rem;
      font-weight: 700;
      margin-bottom:20px;
    }
    
    body #c5 h5 {
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  color: #5e8637;
  text-transform: uppercase;
  margin-bottom:20px;
  letter-spacing: 1px;
    }
    
.container{
	position:relative;
}

.ccm-page .rslides-buttons{
	padding-top:90px;
}
#main-content ul li{
	margin-bottom:20px;
}

img{
	height:auto;
}
.btn{
	position: relative;
  text-transform: uppercase;
  font-family: Oswald,sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
}

.button-container{
	margin-top:20px;
	margin-bottom:20px;
}
.button-container .btn::after {
	top:14px;
}
.inner-banner-section{
	/*height:100vh;*/
	position:relative;
	z-index:100;
	/*overflow:hidden;
	overflow-x:hidden;*/
}
.inner-banner-section img:not(.curve-banner){
	object-fit:cover;
	width: 100%;
  height: 100%;
  position:relative;
	z-index:101;
	max-height: 475px;
  object-position:center;
}
.inner-banner-section h1{
	background: var(--yellow);
  padding:10px 5px;
  position: absolute;
  /*top: 105px;*/
  top:0px;
  left: 100px;
  width: 160px;
  font-size: 1.5em;
  line-height: 1.1em;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
   word-wrap: break-word;
}

.inner-banner-section h1::after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 0;
  width: 100%;
  height: 18px;
  background:var(--yellow);
  /* Clip the element to a triangle shape:
     - Top left corner: 0 0
     - Top right corner: 100% 0
     - Bottom center: 50% 100%
  */
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 2; /* Ensure it layers above the div’s image if necessary */
}

.inner-banner-section:not(.has-image-curve) .container-fluid{
	position: absolute;
  bottom: 7em;
  left: 0px;
  right: 0px;
  background:rgba(0,0,0,0.7);
  padding:10px 10px 15px;
  text-align:center;
}

.inner-banner-section:not(.has-image-curve) .container-fluid h2,
.inner-banner-section:not(.has-image-curve) .container-fluid span{
	color:#FFFFFF;
}
.inner-banner-section .container-fluid h2{
	font-size:3.5rem;
	margin-bottom:0px;
}
.inner-banner-section .container-fluid span{
	font-size:1rem;
	text-transform:uppercase;
}
.inner-banner-section .button-container{
	text-align:center;
	position: absolute;
  bottom: 1em;
  left: 0px;
  right: 0px;
}
.inner-banner-section.has-image-curve hr{
	height: 0;
  width: 150px;
  background-color: #fff;
  border-top: 2px solid #5e8637;
  border-left: none;
  border-right: none;
  border-bottom: none;
  position: relative;
  z-index: 10;
  margin:calc(15px + .75vw) auto calc(30px + 1.25vw)
}
.breadcrumb-area{
	text-align:center;
}
body .banner-title_title .text-success{
color:#000000!important;	
}

.inner-banner-section .button-container .btn{
	border:3px solid var(--yellow);
	background:#FFFFFF;
	color:var(--green);
	padding:5px 60px;
	border-radius:25px;
	font-weight:bold;
	position:relative;
	text-transform:uppercase;
	font-family: Oswald,sans-serif;
}

.inner-banner-section img.curve-banner{
	position:relative;
	z-index:102;
	top:-100px;
	margin-bottom:-90px;
}

.button-container .btn.btn-red::after {
  content: "";
  position: absolute;
  right: 10px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  border-top: 12px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 14px solid var(--white);
  
}
.button-container .btn.btn-white::after {
  content: "";
  position: absolute;
  right: 10px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  border-top: 12px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 14px solid var(--yellow);
  
}
.button-container .btn.btn-white:hover::after {
	border-left: 14px solid var(--green);
}

.inner-banner-section .button-container .btn:hover{
	background:var(--yellow);
}
.inner-banner-section .button-container .btn:hover::after {
  border-left: 14px solid var(--green);
}
.inner-banner-section .button-container .btn::after {
  content: "";
  position: absolute;
  right: 10px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  border-top: 12px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 14px solid var(--yellow);
  top: 5px;
}



.navbar-brand{
	margin-left:3.5rem
}

.ccm-block-feature-item-default{
	position:relative;

}
.ccm-block-feature-item-default{
	margin-top:20px;
		margin-bottom:20px;
}
.yellow-tag{
	background: var(--yellow);
  padding:
10px 5px;
  position: absolute;
  top: 0px;
  left: 45px;
  width: 160px;
  font-size: 1.5em;
  line-height: 1.1em;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  word-wrap:
break-word;

}
.accordion.accordion-left-arrow-simple .accordion-button{
justify-content: flex-start;

  padding-left:20px;
}
.accordion.accordion-left-arrow-simple .accordion-button::after {
	
  content: none;
  display:none;
}
.accordion.accordion-left-arrow-simple .accordion-button::before {
  
   content: '';
  display: inline-block;
  width: 40px;
  height: 30px; /* More elongated height compared to width */
   
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath d='M0,0 L8,8 L0,16 Z' fill='%23263014'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
  
}

.accordion-left-arrow-simple .accordion-button:not(.collapsed)::before {
  transform: rotate(-90deg);
  top: -10px;
  left: -10px;
  position: relative;
}

.accordion-left-arrow-simple .accordion-button{
color:#263014;
font-size:2rem;
	font-family: Oswald, sans-serif;
}

.accordion-left-arrow-simple .accordion-button:focus{
	box-shadow:0 0 0 0.25rem rgba(38, 48, 20,.25)
}
.yellow-tag::after{
	content: "";
  position: absolute;
  bottom: -18px;
  left: 0;
  width: 100%;
  height: 18px;
  background: var(--yellow);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 2;
}
.ccm-block-feature-item-default .ccm-block-feature-title{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0,0,0,0.7);
    font-family: Oswald,sans-serif;
    font-size: 1.3em;
    color: #FFFFFF;
    text-align:center;
    padding: 10px 15%;
}

.ccm-block-testimonial-paragraph{
    font-family: Oswald,sans-serif;
    font-size: 3em;
    color: #000000;
}

.ccm-block-feature-item-default .ccm-block-feature-title{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0,0,0,0.7);
    font-family: Oswald,sans-serif;
    font-size: 1.3em;
    color: #FFFFFF;
    padding: 10px 20%;
    min-height: 85px; /* Set consistent height for all titles */
    display: flex;
    align-items: center; /* Center text vertically within the title area */
}

.ccm-block-testimonial-paragraph{
    font-family: Oswald,sans-serif;
    font-size: 3em;
    color: #000000;
}

.ccm-block-feature-item-default .ccm-block-feature-title p{
    margin-left: 0px;
    margin-bottom: 0px;
    width:100%;
    text-align: center;
}

.ccm-block-feature-item-default .ccm-block-feature-text {
    background: var(--med-green);
    padding: 10px 10%;
    text-align: center;
    /*min-height:210px;*/
}

.ccm-block-feature-item-default .ccm-block-feature-text p {
    margin-left: 0px;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 1.3;
}

/* UPDATED: Make the row a flex container with equal height columns */
.container-four-columns .row {
    display: flex;
    flex-wrap: wrap;
}

/* 1) Make each bootstrap column a flex container with equal height */
.container-four-columns .row > [class*="col-"] {
    display: flex;
    flex-direction: column; /* Stack content vertically */
    min-height: 100%; /* Ensure full height */
}

/* 2) Inside each column, make the feature-item fill 100% of that column */
.container-four-columns .ccm-block-feature-item {
    display: flex;
    flex-direction: column;
    flex: 1; /* This will make it grow to fill the column height */
    height: 100%; /* Explicitly set height */
}

/* 3) Make the inner wrapper also flex to maintain structure */
.container-four-columns .ccm-block-feature-item-inner {
    display: flex;
    flex-direction: column;
    flex: 1; /* Fill the feature-item height */
    height: 100%;
}

/* 3) Finally, let the text block take up all the "leftover" vertical space */
.container-four-columns .ccm-block-feature-text {
    flex: 1; /* grow to fill remaining space */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Align content to the top */
}
.header-bar{
	/* fallback if gradients aren’t supported */
  background-color: rgba(29,39,10,1);
  /* hard‑stop gradient: dark until 80%, then white */
  background-image: linear-gradient( to right, rgba(29,39,10,1) 0%, rgba(29,39,10,1) 90%, #fff 80%, #fff 100% );
  
}
.floating-right-side{
	position: relative;
  top: -40px;
  right: 100px;
  margin-bottom: -80px;
}
.floating-right-side img{
	width:290%;
	max-width:290%;
}
.container-custom-ordering .col-md-10 > div{
	padding-right:95px;
}
.header-bar-floating-image{
position: absolute;
  top: 0px;
  right: calc(-4%);
  width: 47%;	
}
.image-with-title-bar{
	min-height:200px;
	position:relative;
	text-align:center;
}
.image-with-title-bar div{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
	width:100%;
}
.slider-pagination-number{
	text-transform:uppercase;
	font-size:1.6rem;
	font-family: Oswald,sans-serif;
}
.image-with-title-bar span{
	padding:10px;
	background:rgba(0,0,0,0.5);
	color:#ffffff;
	
}
.ccm-image-slider-slick-slider-container .slider-prev,
.ccm-image-slider-slick-slider-container .slider-next{
	background-color: rgba(29,39,10,1);
	border-radius:50%;
	height:45px;
	width:45px;
	color:#FFFFFF;
}
header .phone a{
	font-size:12px;
}
header .phone a span{
	background: var(--yellow);
  padding:
5px;
  border-radius:
50px;
  padding:
5px 10px;
  color: #FFFFFF;
  position: relative;
  top: 0px;
  left: -5px;
  display: inline-block;
		
}
header .phone a span i{
	color:#FFFFFF;
}

header .phone a{
	background:#FFFFFF;
	color:#263014;
	border-radius:50px;
	padding:5px 10px 5px 5px;
	text-decoration:none;
}

header .nav-social-container.d-flex {
display:block!important;
	}
#navbarNav ul li:hover > .nav-link {
  color: #F3C82E !important;
}
#navbarNav > ul > li > .nav-link {
  text-transform: uppercase;
  font-size: 0.8rem!important;
  
 }
 header .navbar-expand-lg .navbar-nav{
 margin-left:20px!important;
  margin-right:20px!important;
  margin-top:0px!important;
 }
 .navbar-brand{
 margin-left:0px!important;
 }
  .navbar-brand img{
  width: 200px;
  max-width: 75%;
  margin: 0 40px;
  }
 .nav-social{
 width:100%!important;
 margin:0px 17px 10px;
 }
 #navbarNav > ul > li:hover > .nav-link.nav-item-286{
 font-size: 0.8rem!important;
 }
footer ul.nestable_manual_nav li{
	display:block;
	width:100%;
}
footer ul.nestable_manual_nav li a{
	color:#FFFFFF;
	font-size:20px;
}
footer p,footer .copyright{
	font-size: 1.2rem;
}
footer a,
footer a:link,
footer a:active,
footer a:visited,
footer ul.nestable_manual_nav li a,
footer ul.nestable_manual_nav li a:link,
footer ul.nestable_manual_nav li a:active,
footer ul.nestable_manual_nav li a:visited{
	color:var(--white)
}

footer a:hover,
footer ul.nestable_manual_nav li a:hover{
	color:var(--yellow)
}
footer .social-links a:first-child{
	display:none;
}
footer .social-links a{
	float:left;
	margin-right:15px;
	margin-bottom:20px;
}
footer .social-links a i{
	font-size:1.8rem;
}

#navbarNav > ul > li > .nav-link{
	text-transform:uppercase;
	font-size:1rem;
	padding-top:50px;
	padding-bottom:55px;
	position:relative;
}

#navbarNav > ul > li > .nav-link.nav-item-286{
	text-transform: uppercase;
  font-size: 1rem;
  padding:10px 20px;
  border-radius:50px;
  position: relative;
  background:#F3C82E;
  margin-top:40px;
  color:#000000;
}


#navbarNav ul li:hover > .nav-link{
	color:#F3C82E!important;
}

#navbarNav > ul > li:hover > .nav-link.nav-item-286{
	color:#ffffff!important;
	background:#70a338;
}

#c5.ccm-page-id-286 main{
	margin-bottom:0px!important;
}
#navbarNav .menu-arrow-down{
	position:absolute;
	bottom: 37px;
  left: 41%;
}
#navbarNav ul.dropdown-menu:before{
	content: ' ';
	 height: 0;
	 position:absolute;
	 top:-14px;
	 left:40px;
    width: 0;
     border-left: 14px solid transparent;
     border-right: 14px solid transparent;
     border-bottom: 14px solid rgba(18, 32, 6,0.9);
     margin: 0 auto;
    display: block;
}
body .view-all{
	transform:none;
	position:relative;
	left:0px;
	top:0px;
}
#navbarNav ul.dropdown-menu{
	margin-top:0px;
}
.nav-social .social-links a{
	color:#FFFFFF;
	padding:0px 5px;
}
.nav-social .social-links a:hover{
	color:#f3c82e;
}
.nav-social .social-links{
	margin-right:20px;
}
.nav-social .social-links a i{
	font-size:1.2rem;
}

.btn{
	border-color:rgba(60,80,31,.8);
}
.btn:hover, .btn.btn-green:hover {
  border-color: #70a338;
}
.view-all .btn{
	width:100%;
}

  .font-size-3x, .font-size-3x span {
		 font-size: 1.6rem;
		 line-height: 1.2em;
	}


/* Fix for social links to work with Bootstrap 5 and your existing design */

.nav-social-container {
    display: flex !important;
    align-items: center;
    gap: 1rem;
}

.nav-social {
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
}

.nav-social .social-links {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
}

.nav-social .social-links a {
    color: #fff;
    padding: 0.25rem;
    margin: 0;
    float: none; /* Remove float to work with flexbox */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nav-social .social-links a:hover {
    color: #f3c82e;
}

.nav-social .social-links a i {
    font-size: 1.2rem;
    line-height: 1;
}

/* Phone styling */
.phone {
    margin-left: 1rem;
}

.phone a {
    background: #ffffff;
    color: #263014;
    border-radius: 50px;
    padding: 5px 10px 5px 5px;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.phone a span {
    background: var(--yellow, #f3c82e);
    padding: 5px 10px;
    border-radius: 50px;
    color: #ffffff;
    position: relative;
    left: -5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.phone a span i {
    color: #ffffff;
    font-size: 1rem;
}
/*
#main-content{
	margin-top:105px;
}*/
/*
html.ccm-toolbar-visible #main-content {
  margin-top: 153px;
}*/

body .ccm-page header{
	left:0px;
	right:0px;
	z-index:200;

}
html.ccm-toolbar-visible .ccm-page header
{
	margin-top:48px;
}

html.ccm-toolbar-visible.ccm-edit-mode #main-content{
	margin-top:0px;
}

#c5 #main-content a:not(.btn) {
  color: #000;
}

html.ccm-toolbar-visible #main-content {
  margin-top: 153px;
}

html:not(.ccm-toolbar-visible) #main-content {
  margin-top: 105px;
}

.navbar-brand{
	margin-right:0px;
}
body .navbar-nav .dropdown-menu{
	left:80%;
}
body .navbar .header-search{
	display:none;
}

#c5 .search-results-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#c5 .search-results-top hr {
  width: 100%;
  height: 0;
  border-top: 1px solid #5e8637;
}

#c5 .search-results-main h3 a {
  color: #3c571e;
  font-size: 24px;
  font-size: 1.5rem;
}
#c5 .search-results-main .pageLink {
  min-width: 0;
  margin-top: 1.4em;
  margin-right: 30px;
  padding: .5em 2em;
  font-family: proxima-nova,sans-serif;
  color: #fff;
  background: rgba(60,80,31,.8);
    background-color: rgba(60, 80, 31, 0.8);
  border-radius: 5px;
  float: right;
  cursor: pointer;
  text-decoration:none;
  }
  #searchResults .searchResult{
  clear:both;
  }
#c5 .search-results-main .pageLink:hover {
  background-color: #70a338;
}
.ccm-pagination-wrapper{
	display:block;
	width:100%;
	clear:both;
	text-align:center;
}
.pagination {
  display: flex;
  justify-content: center;
  }
#searchResults{
	display:block;
	width:100%;
}
.page-link{
	color:#29361e;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #29361e;
  border-color: #29361e;
  color:#FFFFFF
  }
  
  
  .page-link:hover{
  background-color:#29361e;/*#70a338;*/
  color:#FFFFFF;
  }
hr{
	opacity:1;
	border-top:1px solid #5e8637;
}
#c5 .search-results-top .search-input input[name="query"] {
  width: 250px;
  margin: 0 20px;
  padding: 5px 20px;
  font-size: 13px;
  font-size: .8125rem;
  border-radius: 20px;
  background-image: url(../../../themes/turfmasters//images/search_icon.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  float: right;
  }
  
  #c5 .search-results-top .search-input, #c5 .search-results-top .search-title {
  width: 50%;
}
#c5 .search-results-top .search-title h3 {
  margin-bottom: 0;
  font-size: 28px;
  font-size: 1.75rem;
  color: #5e8637;
  font-weight: 400;
  text-transform:uppercase;
}

#c5 .blockquote, #c5 ul.blockquote-list li {
  padding: 10px 30px 10px 20px;
  font-weight: 100;
  color: #609150;
  border-left: 2px solid #609150;
  line-height: normal;
  display: block;
  margin-left: 35px;
  text-transform: uppercase;
}
.banner-title_title-subtitle hr{
	width:150px;
	max-width:100%;
	margin:0 auto;
    height: 2px;
}

/* Responsive adjustments */
@media only screen and (max-width: 1550px) {
#navbarNav > ul > li > .nav-link {
  font-size: 0.8rem;
  }
  #navbarNav > ul > li > .nav-link.nav-item-286{
  font-size: 0.8rem;
  }
}

@media only screen and (max-width: 1350px) {
.nav-social-container {
        flex-direction: column;
        gap: 0.5rem;
    }
}
@media only screen and (max-width: 1200px) {
#navbarNav > ul > li > .nav-link {
  text-transform: uppercase;
  font-size: 1rem;
  padding-top: 50px;
  padding-bottom: 50px;
}
}

@media only screen and (max-width: 1099px) {
    .nav-social-container {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .phone {
        margin-left: 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .25rem;
    padding-left: .25rem;
    }
    body header .phone a {
  font-size: 0.8rem;
  }
}
@media only screen and (max-width: 1024px) {
  
}



@media only screen and (max-width: 1299.98px) {
.nav-social-container{
	background-color: rgba(18, 32, 6, 0.95);
    padding: 1rem;
    border-top-left-radius:0px!important;
    border-top-right-radius:0px!important;
    border-radius: 0.5rem;
    padding-top:0px;
}
header .phone a {
  padding: 0px 10px 0px 5px;
  }
}

@media only screen and (max-width: 768px) {
    .nav-social .social-links {
        gap: 0.25rem;
    }
    
    .nav-social .social-links a i {
        font-size: 1rem;
    }
    
    .phone a {
        font-size: 0.9rem;
    }
    
    .phone a span {
        padding: 4px 8px;
    }
}
.nav-item.nav-dropdown:hover .triangle{
	border-top-color:#f3c82e!important;
}
.nav-item{
	position:relative;
}
.dropdown-toggle::after{
	content:'';
	display:none;
}
/* Make sure the search icon doesn't get special treatment if you want it to look like other social icons */
.nav-social .social-links a[href*="search"] i {
    /* You can add specific styling for search icon if needed */
}

.ccm-page .rslides-buttons{
	z-index:55;
}
/* Override any Bootstrap text-end conflicts */
.social-links.text-end {
    text-align: right !important;
}

/* Fix any flexbox conflicts with existing layout */
.nav-social-container.d-flex {
    display: flex !important;
}

.nav-social-container.align-items-center {
    align-items: center !important;
}

@media only screen and (max-width: 1599px) {
  .ccm-page h2 {
    font-size: 3.5rem;
  }
}

@media only screen and (max-width: 1420px) {
	.ccm-block-feature-item-default .ccm-block-feature-text {
	 /* min-height: 255px;*/
	  }
	  .navbar-brand {
  margin-left: 0.5rem;
	  }
    .navbar-brand img{
    width:250px;
    max-width:100%;
    }
    
    .cntComprehensiveSystemForPets img{
    margin-top:26px;
    }
    
  }

@media only screen and (max-width: 1320px) {
	.inner-banner-section .container-fluid h2{
	font-size:3rem;
}
.nav-social-container{
    display:block!important;
    }
}

@media only screen and (max-width: 1200px) {
	.inner-banner-section{
		height:500px;
		overflow:hidden;
	}
	.inner-banner-section .container-fluid{
	bottom:5em;
	}
	.inner-banner-section .container-fluid span {
	  font-size: 0.8rem;
	  line-height: 0.8rem;
	}
	.inner-banner-section .container-fluid h2 {
  font-size: 2rem;
  }
	.inner-banner-section .button-container{
	bottom:1em;
	}
	 .ccm-block-feature-item-default .ccm-block-feature-text {
   /* min-height: 280px;*/
    }
    
    .nav-social-container{
    display:block;
    }
    .navbar-brand img{
    width:185px;
    }
    #navbarNav > ul > li > .nav-link,
    #navbarNav > ul > li:hover > .nav-link.nav-item-286{
    font-size:0.8rem;
    }

	.inner-banner-section .button-container{
		bottom:0px;
	}
	  .font-size-3x, .font-size-3x span {
		 font-size: 1.6rem;
		 line-height: 1.2em;
	}
	.cntComprehensiveSystemForPets > .container > .row > .col-md-12 > .row > .col-md-6{
	width:100%;
	text-align:center;
	}
	.cntComprehensiveSystemForPets > .container > .row > .col-md-12 > .row > .col-md-6 .row{
	margin-top:25px;}
	.cntComprehensiveSystemForPets > .container > .row > .col-md-12 > .row > .col-md-6 .row .col-md-6:first-child{
	margin-top:25px;
	padding-right:20px;
	}
	.cntComprehensiveSystemForPets .col-md-6:first-child br {
	display:none;
	}
	.cntComprehensiveSystemForPets .col-md-6:first-child .font-size-6x,
	.cntComprehensiveSystemForPets .col-md-6:first-child .font-size-6x span{
	font-size:3rem;
	line-height:1em;
	}
	.cntComprehensiveSystemForPets .col-md-6:first-child .btn{
	margin-bottom:20px;
	}
	.cntComprehensiveSystemForPets img{
	float:left;
	}
}
@media only screen and (max-width: 1299.98px) {
	  .container-four-columns .col-md-3 {
	    flex: 0 0 auto;
	    width: 50%;
	  }

	   .ccm-block-feature-item-default .ccm-block-feature-text {
	    /*min-height: 190px;*/
	  }
	  .container-four-columns .row > [class*="col-"]{
	  height:auto;
	  min-height:0px;
	  }
	
	.cntPetFacilitiesList   .col-md-4 {
	    flex: 0 0 auto;
	    width: 50%;
  	}
  	  .font-size-3x, .font-size-3x span {
		 font-size: 1.3rem;
		 line-height: 1em;
	}
	.cntComprehensiveSystemForPets .font-size-6x, .cntComprehensiveSystemForPets .font-size-6x span {
	  font-size: 2.5rem;
	  line-height: 1.2em;
	}
	.cntComprehensiveSystemForPets .btn{
	line-height: 1.5;
  font-size: 1rem;
  }
  .container-spec-sheets .col-md-3{
  flex: 0 0 auto;
    width: 50%;
    text-align:center;
  }

}
@media only screen and (max-width: 767px) {
  .inner-banner-section {
    height: 400px;
    }
      .inner-banner-section .container-fluid h2 {
    font-size: 1.5rem;

      }
        .inner-banner-section {
    height: auto;
    overflow: visible;
    background: rgba(0,0,0,1);
    }
    .inner-banner-section .container-fluid,
    .inner-banner-section .button-container{
    position:relative;
    bottom:auto;

    }
    .inner-banner-section .button-container a{
    margin-top:20px;
    margin-bottom:20px;
    }
    .inner-banner-section h1{
    left:0px;
    font-size:1em;
    top:0px;
    }
    .inner-banner-section h1::after {
    content:'';
    display:none;
    }
      .inner-banner-section {
    margin-top: 105px;
    }

      .ccm-block-feature-item-default .ccm-block-feature-text {
	    /*min-height: 260px;*/
	  }
	   .ccm-page .header-bar h2 {
    	font-size: 2rem;
    	padding-right:34%;
    }
    .cntComprehensiveSystemForPets > .container > .row > .col-md-12 > .row > .col-md-6 .row .col-md-6 p{
    text-align:center!important;
    }
    .cntComprehensiveSystemForPets img{
	float:none;
	text-align:center;
	padding-top:20px;
	}
}

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

	 .ccm-block-feature-item-default .ccm-block-feature-text {
	    min-height: 0;
	    height:auto;
	  }

	   .col-md-3 {
	    flex: 0 0 auto;
	    width: 100%;
	  }

}

@media only screen and (max-width: 575px) {
 .container-spec-sheets .col-md-3{
    width: 100%;
  }
}
@media only screen and (max-width: 550px) {
.btn{
	font-size:15px;
	
}
}
@media only screen and (max-width: 475px) {
.container-four-columns .col-md-3{
	width:100%;
}
.container-four-columns .col-md-3 img{
	width:100%;
}
.header-bar{
	background-image:none;
}
.ccm-page .header-bar h2{
	padding-right:0px;
}
.header-bar-floating-image{
	position:relative;
	top:0px;
	text-align:right;
	width:100%;
	right:0px;
}
.header-bar-floating-image img{
	width:200px;
	max-width:100%;
}

  .cntPetFacilitiesList .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
  }
  .button-container .btn::after{
  top:6px;
  }
}
@media only screen and (max-width: 450px) {
	 
}




/* General Stuff */
/*
.ccm-page * {
  line-height: 1.5em;
}
*/
.ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4, .ccm-page h5 {
  font-family: Oswald,sans-serif;
  color: #3c571e;
}

.ccm-page h2{
	font-size: 60px;
  font-size: 3.75rem;
  color: #5e8637;
  text-transform: uppercase;
  font-weight:600;
}

.ccm-page h4{
margin: 0 0 calc(10px + 1.5vw);
  padding-top: 0;
  font-size: 1.625rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight:600;
}

.ccm-page img{
	max-width:100%;
}

/*Image Slider (i.e. homepage main banner image) */
.ccm-page .ccm-image-slider-inner,.ccm-image-slider-inner .rslides li{
	position:relative;
	z-index:50;
}

.ccm-page .ccm-image-slider ul.rslides-buttons {
    padding-top: 0;
    margin-top: -88px;
    width: 20%;
}

.ccm-page .rslides-buttons a {
    color: #fff !important;
    width: 85%;
}

.ccm-page .rslides-buttons a:hover, .ccm-page .rslides-buttons .active a, .ccm-page .rslides-buttons a:focus {
    width: 100%;
    color: #000 !important;
}

.ccm-page .rslides li .ccm-image-slider-text {
	position:absolute;
	top:105px;
	right:0px;
	left:20%;
	z-index:51;
	padding:100px 20px;
	text-align:center;
	 color: white; /* Set the text color to white */
}

.ccm-page .ccm-image-slider-inner img.curve{
	margin-top: -105px;
  position: relative;
  z-index: 54;
}
body .ccm-page .rslides img{
	 height: 100vh; /* Set your desired max height */
    width: 100%;       /* Maintain aspect ratio */
    object-fit: cover;
}

.ccm-page .rslides-buttons {
	position:absolute;
	top:105px;
	right:80%;
	left:0;
	z-index:52;
	padding-left:0px;
	/*margin-top:60px;*/
}

.ccm-page .rslides-buttons li{
	list-style:none;
}

.ccm-page .rslides-buttons a{
  padding: calc(3px + 1vw);
  font-size: 20px;
  font-size: 1.25rem;
  width:85%;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  background: rgba(94,134,55,.8);
  border-radius: 0 .4em .4em 0;
  transition: all .3s ease;
  cursor: pointer;
  margin-bottom:10px;
  font-family: Oswald,sans-serif;

}
.ccm-page .rslides-buttons a:hover,
.ccm-page .rslides-buttons .active a{
width: 100%;
  color: #000;
  background: #f4d03f;
  transition: all .3s ease;
}


.ccm-page header {
width: 100%;
  height: 105px;
  padding: 0 0;
  background: rgba(18,32,6,.9);
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  }
  .ccm-edit-mode header{
  position:relative;
  }

  .ccm-page header nav{
    padding: 0 1vw;
  }
/*
.ccm-toolbar-visible header{
	top: 48px;
}*/

.text-black{
	color:#000000;
}
.ccm-page header .navbar{
	flex:0 0 100%;
}
body .ccm-page  .rslides_nav{
	background-color:rgba(0,0,0,0.8);
	background-image:url(../../../themes/turfmasters//images/arrow_left.png);
	background-repeat: no-repeat;
  left: 56%;
  top: 70vh;
  z-index: 51;
  padding: 12px;
  height: 28px;
  width: 50px;
  padding: 0px 4px;
  background-position: center right;
}
body .ccm-page .rslides_nav:hover{
	background-color:rgba(94,134,55,.8);
}

body .ccm-page .rslides_nav.next{
	left:auto;
	-webkit-transform: rotate(180deg);
  transform: rotate(180deg);
	left:61%;
}

.big-title{
	margin: 0;
  color: #fff;
  font-size: calc(20px + 3.75vw);
  font-family: Oswald,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 2px 1px 5px #000;
  width: 100%;
  line-height: 1;
}

 .custom-footer {
            background-color: #263014;
            color: #fff;
        }
        .custom-footer .custom-link {
            color: #fff !important;
        }
        .custom-footer .custom-link:hover {
            color: #f8a23d;
        }

.big-sub-title{
	padding: 0;
  margin: 0;
  color: #f4d03f;
  font-size: calc(20px + 7.5vw);
  font-family: Oswald,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  line-height: 1;
}

.large-yellow-text{
	font-family: Oswald, sans-serif;
  font-size: 44px;
  font-size: 2.75rem;
  color: #f4d03f;
  text-transform: uppercase;
  line-height: 1;
}
.font-size-2x,
.font-size-2x span{
	font-size:1.5rem;
	line-height: 0.8em;
}

.font-size-3x,
.font-size-3x span{
	font-size:2rem;
	line-height: 1em;
}
.font-size-5x,
.font-size-5x span{
	font-size:3.5rem;
	line-height: 1.2em;
}
.font-size-6x,
.font-size-6x span{
	font-size:4.2rem;
	line-height: 1.2em;
}
.font-size-7x,
.font-size-7x span{
	font-size:5rem;
	line-height: 1.3em;
}
.font-Proxima-Nova,
.font-Proxima-Nova span{
	 font-family: proxima-nova,sans-serif;
}
.font-oswald,
.font-oswald span{
	font-family: Oswald, sans-serif;
}

.btn{
	padding: .5em 3em .5em 3em;
  font-family: proxima-nova,sans-serif;
  color: #fff;
  font-weight: 300;
  text-decoration: none;
  border-radius: 5px;
  text-decoration:none;
  cursor: pointer;
  background: rgba(60,80,31,.8);

}
.btn.full-width{
	width:100%;
}

.btn.btn-green{
  background: rgba(60,80,31,.8);
  color:#ffffff;

}

.btn:hover,.btn.btn-green:hover{
  background: #70a338;
}

.btn.btn-red{
  background: #eb2a2e;
  color:#ffffff;

}

.btn.btn-red:hover{
  background: #8D191B;
}

.btn.btn-white{
  background: #ffffff;
  color:#263014;
  font-weight:bold;

}

.btn.btn-white:hover{
  background: var(--yellow);
}

.ccm-captcha-image{
	margin-bottom:20px;
}

/* Slick Slider */

.ccm-page .turf-slider {
    background-size: cover !important
}

.ccm-page .turf-slider .turf-slider-block {
    max-width: 1150px;
    min-height: 498px;
    margin: 0 auto;
    display: none
}

.ccm-page .turf-slider .turf-slider-block .slick-dots li button:hover,
.ccm-page .turf-slider .turf-slider-block .slick-dots li.slick-active button {
    background: #fff
}

.ccm-page .turf-slider .turf-slider-block .slick-dots li button:before {
    font-size: 0
}

.ccm-page .turf-slider .turf-slider-block .slick-list .slick-track {
    margin-top: 40px
}

.ccm-page .turf-slider .turf-slider-block .slick-list .slick-track .slick-slide a {
    min-height: 9.25em;
    margin: 1.5em;
    padding: 5.2em 1.8em 2.5em;
    color: #fff !important;
    text-decoration: none;
    display: block;
    text-align: center;
    background: url(../../../themes/turfmasters//images/logo_grass.png) no-repeat rgba(94, 134, 55, .6);
    background-position: center 1.4em;
    border-radius: 8px;
    opacity: 0 !important;
}
.ccm-page .turf-slider .turf-slider-block .container.slider-active .slick-list .slick-track .slick-slide a {
	opacity: 1 !important;
}
.ccm-page .turf-slider .turf-slider-block .slick-list .slick-track .slick-slide a:hover {
    background: url(../../../themes/turfmasters//images/logo_grass.png) center 1.4em no-repeat #5e8637
}

.ccm-page .turf-slider .turf-slider-block .slick-list .slick-track .slick-slide a .title-1 p {
    margin: 0;
    padding: 0;
    font-family: Oswald, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: 1px
}

.ccm-page .turf-slider .turf-slider-block .slick-list .slick-track .slick-slide a .title-2 {
    font-family: Oswald, sans-serif;
    font-size: 44px;
    font-size: 2.75rem;
    color: #f4d03f;
    text-transform: uppercase;
    line-height: 1
}

.ccm-page .turf-slider .turf-slider-block .slick-list .slick-track .slick-slide a hr {
    height: 0;
    margin: 1.25em auto;
    width: 3.1em;
    border-bottom: 3px solid #fff
}
.turf-slider{
	margin-top:60px;
	margin-bottom:60px;
}

.turf-slider .slick-dots li button:before{
	content:'';
	display:none;
}
.turf-slider .slick-dots {
    position: absolute;
	left: 0;
	bottom: -45px;
    width: 100%;
    text-align: center;
    padding: 0;
	margin-bottom: 0;
    list-style: none;
}

.turf-slider .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.turf-slider .slick-dots li button {
	background: rgba(255,255,255,.6);
	height:15px;
	width:15px;
	border-radius:25px;
    font-size: 0; /* hide the numbers */
    border: none;
    margin: 0 3px;
}
.turf-slider .slick-dots li.slick-active button,
.turf-slider .slick-dots li:hover button{
	background: rgba(255,255,255,1);
}
/* END Slick Slider */

/* Express Entity Testimonial Slider */
.ccm-block-custom-template-testimonial-slider{
	height:490px;
	padding-top:60px;
	padding-bottom:60px;
	margin-top:40px;
	margin-bottom:40px;
	overflow:hidden;
}


.ccm-block-custom-template-testimonial-slider .slick-slide{
	padding:20px 25px;
}
.ccm-block-custom-template-testimonial-slider .description{
	font-weight:bold;
}
.testimonial-slider .slick-prev:before,
.testimonial-slider .slick-next:before{
	font-size:35px;
	line-height:0.8;
}

body .slider-navigation-container{
	margin-top:40px;
}
.testimonial-slider .slick-next,
.testimonial-slider .slick-next:focus,
.testimonial-slider .slick-prev,
.testimonial-slider .slick-prev:focus {
  font-size: 0;
  line-height: 0;
  top: auto;
  bottom:-10%;
  width: 45px;
  height: 35px;
  z-index:100;
  padding:3px 5px;
  background-color:rgba(0,0,0,0.8);
}

.testimonial-slider .slick-prev {
  left: 45%;

}
.testimonial-slider .slick-next {
  right: 45%;
}

.testimonial-slider .slick-prev:hover {
  background-color: rgba(94,134,55,.8);
}
.testimonial-slider .slick-next:hover {
  background-color: rgba(94,134,55,.8);
}
.testimonial-slider .slick-dots{
	position:absolute;
	bottom:-10%;
}

.testimonial-slider .slick-dots li button:before{
	content:'';
	display:none;
}
.testimonial-slider .slick-dots{
	left:0px;
	right:0px;
}
.testimonial-slider .slick-dots li button{
	 background-color:rgba(0,0,0,0.8);
	height:15px;
	width:15px;
	border-radius:25px;
}
.testimonial-slider .slick-dots li.slick-active button,
.testimonial-slider .slick-dots li:hover button{
	background-color: rgba(94,134,55,.8);
}
/* Express Entity Testimonial Slider */



/*
Responsive
*/
@media only screen and (max-width: 1599px) {
  .ccm-page h2 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
@media only screen and (max-width: 1200px) {
	.container-infill-options .col-md-2 {
    width: 33.33333333333333333333%;
    margin-bottom:40px;
		
	}
	
	.font-size-5x, .font-size-5x span {
  font-size: 2.7rem!important;
	}
	  .font-size-3x, .font-size-3x span {
    font-size: 1.3rem!important;
    line-height: 1.2em!important;
}


@media only screen and (max-width: 1024px) {
	.testimonial-slider .slick-prev {
	  left: 40%;

	}
	.testimonial-slider .slick-next {
	  right: 40%;
	}
	.accordion-left-arrow-simple .accordion-button {
	  font-size: 1.7rem!important;
	}
	  .ccm-page h2 {
    font-size: 2.5rem!important;
    }
	.font-size-5x, .font-size-5x span {
  		font-size: 2.5rem;
	}
	.ccm-block-testimonial-paragraph{
	font-size: 2rem!important;
	}
}



@media only screen and (max-width: 1299.98px) {
	.yellow-tag{
		position:relative!important;
		top:0px!important;
		left:0px!important;
	}
	.container-custom-ordering .col-md-10{
	width:100%;
	}
	.container-custom-ordering .col-md-8{
	width:100%;
	}
	.container-custom-ordering .col-md-2{
	width:100%;
	}
	.floating-right-side {
	position:relative!important;
	top:0px!important;
	right:0px!important;
	margin-bottom:0px!important;
	text-align:center!important;
	}
	.floating-right-side img {
  width: 250px!important;
  max-width: 100%!important;
  margin: 0 auto 40px!important;
  }
  .container-custom-ordering .col-md-10 > div{
  padding-left:20px!important;
  padding-right:20px!important;
  }
	
	
}
@media only screen and (max-width: 767px) {
	#home-customer-experience-container{
	text-align:center!important;
	}
	#home-customer-experience-container .container .row .col-md-6 .ccm-custom-style-container,
	#home-customer-experience-container .container .row .col-md-6 p,
	#home-customer-experience-container .container .row .col-md-6 a{
		text-align:center!important;
		margin-right:0px;
		margin-left:0px;
	}
	#home-customer-experience-container .container .row .col-md-6 img{
	width:100px;
	}
	#home-customer-experience-title-container{
	margin-right:0px;
	}
	#home-customer-experience-container .container .row .col-md-6 a{
	margin-bottom:20px;
	}
	.container-infill-options .col-md-2 {
   	 width: 50%;
		margin-bottom:50px;
	}
}

@media only screen and (max-width: 600px) {
	.testimonial-slider .slick-next, .testimonial-slider .slick-next:focus, .testimonial-slider .slick-prev, .testimonial-slider .slick-prev:focus{
		bottom:-5%;
	}
}

@media only screen and (max-width: 550px) {
	.ccm-page .ccm-block-custom-template-testimonial-slider h2{
	font-size: 1.75rem;
  }

	.testimonial-slider .slick-prev {
	  left: 35%;

	}
	.testimonial-slider .slick-next {
	  right: 35%;
	}
	
	  .ccm-page h2 {
    font-size: 2.3rem!important;
    }
	.font-size-5x, .font-size-5x span {
  		font-size: 2.3rem;
	}
	.ccm-block-testimonial-paragraph{
	font-size: 1.7rem!important;
	}
	
}



@media only screen and (max-width: 450px) {
.testimonial-slider .slick-next, .testimonial-slider .slick-next:focus, .testimonial-slider .slick-prev, .testimonial-slider .slick-prev:focus{
		bottom:0%;
	}

	.ccm-block-custom-template-testimonial-slider {
  		height: 420px;
	}
	 .accordion-left-arrow-simple .accordion-button {
    font-size: 1.1rem !important;
	 }
	 .container-infill-options .col-md-2 {
   	 width: 100%;
		margin-bottom:50px;
	}
}


@media only screen and (max-width: 400px) {
.testimonial-slider .slick-next, .testimonial-slider .slick-next:focus, .testimonial-slider .slick-prev, .testimonial-slider .slick-prev:focus{
		bottom:0%;
	}
}



/*--------------------------------------------------------------------------------*/





/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    background: 0 0;
    outline: 0
}

.slick-dots,
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    padding: 0
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px\9;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -45px;
    width: 100%;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}



#c5 .application-block .button-link:active,
#c5 .application-block .button-link:focus,
#c5 .button-set-block .buttons-container .button:active,
#c5 .button-set-block .buttons-container .button:focus,
#c5 .customer-experience .button-block:active,
#c5 .customer-experience .button-block:focus,
#c5 .footer-form .form-turf form .form-actions:active,
#c5 .footer-form .form-turf form .form-actions:focus,
#c5 .gallery .button:active,
#c5 .gallery .button:focus,
#c5 .knowledge-center-download-block .kc-pdf-single .button-block:active,
#c5 .knowledge-center-download-block .kc-pdf-single .button-block:focus,
#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all:active,
#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all:focus,
#c5 .section-banner-block__popup .popup__options:active,
#c5 .section-banner-block__popup .popup__options:focus,
#c5 .triple-image-heading-block .button-block:active,
#c5 .triple-image-heading-block .button-block:focus,
:focus {
    outline: 0
}

#c5 .banner-clear::after,
#c5 .button-set-block .buttons-container .button::after,
#c5 .button-set-block::after,
#c5 .menu-contact nav.menu-main ul li .submenu-container::after,
#c5 .menu-contact nav.menu-main ul li ul::after,
#c5 .social-block .socials::after,
#c5 .social-block::after {
    clear: both;
    content: ""
}

#c5 .customer-experience .button-block a,
#c5 .map-types {
    white-space: nowrap
}

#c5 .application-block .button-link,
#c5 .button-set-block .buttons-container .button,
#c5 .customer-experience .button-block,
#c5 .footer-form .form-turf form .form-actions,
#c5 .gallery .button,
#c5 .knowledge-center-download-block .kc-pdf-single .button-block,
#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all,
#c5 .section-banner-block__popup .popup__options,
#c5 .triple-image-heading-block .button-block {
    margin-top: 35px
}

#c5 .application-block .button-link .button-inner,
#c5 .application-block .button-link a,
#c5 .application-block .button-link button,
#c5 .application-block .button-link input,
#c5 .button-set-block .buttons-container .button .button-inner,
#c5 .button-set-block .buttons-container .button a,
#c5 .button-set-block .buttons-container .button button,
#c5 .button-set-block .buttons-container .button input,
#c5 .customer-experience .button-block .button-inner,
#c5 .customer-experience .button-block a,
#c5 .customer-experience .button-block button,
#c5 .customer-experience .button-block input,
#c5 .footer-form .form-turf form .form-actions .button-inner,
#c5 .footer-form .form-turf form .form-actions a,
#c5 .footer-form .form-turf form .form-actions button,
#c5 .footer-form .form-turf form .form-actions input,
#c5 .gallery .button .button-inner,
#c5 .gallery .button a,
#c5 .gallery .button button,
#c5 .gallery .button input,
#c5 .knowledge-center-download-block .kc-pdf-single .button-block .button-inner,
#c5 .knowledge-center-download-block .kc-pdf-single .button-block a,
#c5 .knowledge-center-download-block .kc-pdf-single .button-block button,
#c5 .knowledge-center-download-block .kc-pdf-single .button-block input,
#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all .button-inner,
#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all a,
#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all button,
#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all input,
#c5 .section-banner-block__popup .popup__options .button-inner,
#c5 .section-banner-block__popup .popup__options a,
#c5 .section-banner-block__popup .popup__options button,
#c5 .section-banner-block__popup .popup__options input,
#c5 .triple-image-heading-block .button-block .button-inner,
#c5 .triple-image-heading-block .button-block a,
#c5 .triple-image-heading-block .button-block button,
#c5 .triple-image-heading-block .button-block input {
    padding: .75em 1.4em;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    background: #7e9e5f;
    border-radius: 5px;
    cursor: pointer
}

#c5 .application-block .button-link .button-inner:hover,
#c5 .application-block .button-link a:hover,
#c5 .application-block .button-link button:hover,
#c5 .application-block .button-link input:hover,
#c5 .button-set-block .buttons-container .button .button-inner:hover,
#c5 .button-set-block .buttons-container .button a:hover,
#c5 .button-set-block .buttons-container .button button:hover,
#c5 .button-set-block .buttons-container .button input:hover,
#c5 .customer-experience .button-block .button-inner:hover,
#c5 .customer-experience .button-block a:hover,
#c5 .customer-experience .button-block button:hover,
#c5 .customer-experience .button-block input:hover,
#c5 .footer-form .form-turf form .form-actions .button-inner:hover,
#c5 .footer-form .form-turf form .form-actions a:hover,
#c5 .footer-form .form-turf form .form-actions button:hover,
#c5 .footer-form .form-turf form .form-actions input:hover,
#c5 .gallery .button .button-inner:hover,
#c5 .gallery .button a:hover,
#c5 .gallery .button button:hover,
#c5 .gallery .button input:hover,
#c5 .knowledge-center-download-block .kc-pdf-single .button-block .button-inner:hover,
#c5 .knowledge-center-download-block .kc-pdf-single .button-block a:hover,
#c5 .knowledge-center-download-block .kc-pdf-single .button-block button:hover,
#c5 .knowledge-center-download-block .kc-pdf-single .button-block input:hover,
#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all .button-inner:hover,
#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all a:hover,
#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all button:hover,
#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all input:hover,
#c5 .section-banner-block__popup .popup__options .button-inner:hover,
#c5 .section-banner-block__popup .popup__options a:hover,
#c5 .section-banner-block__popup .popup__options button:hover,
#c5 .section-banner-block__popup .popup__options input:hover,
#c5 .triple-image-heading-block .button-block .button-inner:hover,
#c5 .triple-image-heading-block .button-block a:hover,
#c5 .triple-image-heading-block .button-block button:hover,
#c5 .triple-image-heading-block .button-block input:hover {
    background: #7ab446
}

#c5 .menu-contact .phone p,
#c5 .section-title-block.accordion .title img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#c5 .product-gallery .products-gallery-block .slides .slide .content,
#c5 .raised-title {
    position: relative
}

@font-face {
    font-family: GothamHTF-Book;
    font-style: normal;
    font-weight: 400;
    src: local("GothamHTF-Book"), url('../../../themes/turfmasters/css/fonts/GothamHTF-Book.woff') format("woff")
}

@font-face {
    font-family: GothamHTF-Book;
    font-style: normal;
    font-weight: 400;
    src: local("GothamHTF-Book"), url(../../../themes/turfmasters/css/fonts/GothamHTF-Book.woff) format("woff")
}

#c5 div.ccm-edit-mode-disabled-item {
    height: 300px
}

#c5 .back-container .back-button,
#c5 .custom-ordering-block .button-link a,
#c5 .generic-button-block .button a,
#c5 .pricing-filters .pricing-filter,
#c5 .section-banner-block .button a,
#c5 .sidebar-callout-block .content-container .link a,
#c5 .slider-banner .home-slider-block .slides .content-container .content-info .button-label a,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.next,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.prev,
#c5.page-turf-talk-search .turf-talk-detail #searchResults .searchResult h3+p a {
    padding: .5em 2em;
    font-family: proxima-nova, sans-serif;
    color: #fff;
    font-weight: 300;
    text-decoration: none;
    background: rgba(60, 80, 31, .8);
    border-radius: 5px;
    background-size: cover
}

#c5 .back-container .back-button:active,
#c5 .back-container .back-button:focus,
#c5 .custom-ordering-block .button-link a:active,
#c5 .custom-ordering-block .button-link a:focus,
#c5 .footer-form .form-turf form .form-actions input:active,
#c5 .footer-form .form-turf form .form-actions input:focus,
#c5 .generic-button-block .button a:active,
#c5 .generic-button-block .button a:focus,
#c5 .pricing-filters .pricing-filter:active,
#c5 .pricing-filters .pricing-filter:focus,
#c5 .section-banner-block .button a:active,
#c5 .section-banner-block .button a:focus,
#c5 .sidebar-callout-block .content-container .link a:active,
#c5 .sidebar-callout-block .content-container .link a:focus,
#c5 .slider-banner .home-slider-block .slides .content-container .content-info .button-label a:active,
#c5 .slider-banner .home-slider-block .slides .content-container .content-info .button-label a:focus,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a:active,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a:focus,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a:active,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a:focus,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.next:active,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.next:focus,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.prev:active,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.prev:focus,
#c5.page-turf-talk-search .turf-talk-detail #searchResults .searchResult h3+p a:active,
#c5.page-turf-talk-search .turf-talk-detail #searchResults .searchResult h3+p a:focus {
    border: none;
    outline: 0
}

#c5 .back-container .back-button:hover,
#c5 .custom-ordering-block .button-link a:hover,
#c5 .footer-form .form-turf form .form-actions input:hover,
#c5 .generic-button-block .button a:hover,
#c5 .pricing-filters .pricing-filter:hover,
#c5 .section-banner-block .button a:hover,
#c5 .sidebar-callout-block .content-container .link a:hover,
#c5 .slider-banner .home-slider-block .slides .content-container .content-info .button-label a:hover,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a:hover,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a:hover,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.next:hover,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.prev:hover,
#c5.page-turf-talk-search .turf-talk-detail #searchResults .searchResult h3+p a:hover {
    text-decoration: none;
    background: #70a338;
    cursor: pointer
}

@media only screen and (max-width:799px) {
    #c5 .back-container .back-button,
    #c5 .custom-ordering-block .button-link a,
    #c5 .footer-form .form-turf form .form-actions input,
    #c5 .generic-button-block .button a,
    #c5 .pricing-filters .pricing-filter,
    #c5 .section-banner-block .button a,
    #c5 .sidebar-callout-block .content-container .link a,
    #c5 .slider-banner .home-slider-block .slides .content-container .content-info .button-label a,
    #c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a,
    #c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a,
    #c5.page-turf-talk .ccm-pagination-wrapper .pagination li.next,
    #c5.page-turf-talk .ccm-pagination-wrapper .pagination li.prev,
    #c5.page-turf-talk-search .turf-talk-detail #searchResults .searchResult h3+p a {
        padding: .4em 1.6em;
        font-size: 15px;
        font-size: .9375rem
    }
}

#c5 .section-banner-block,
#c5 .sidebar-callout-block {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover
}
/*
html.ccm-toolbar-visible #c5 {
    margin-top: 49px
}*/

body,
html {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: proxima-nova, sans-serif;
    font-size: 16px;
    color: #3f4040;
    vertical-align: baseline
}

body {
    box-sizing: border-box
}

body *,
body :after,
body :before {
    box-sizing: inherit
}

img {
    border: 0 solid #fff;
    border: none
}

.ccm-panel-detail {
    display: block !important
}

#c5 * {
    line-height: 1.5em
}

#c5 .table {
    display: table;
    width: 100%
}

#c5 .table-cell {
    display: table-cell;
    vertical-align: middle
}

#c5 img {
    max-width: 100%;
    height: auto
}

#c5 .generic-button-block .button {
    margin-top: 35px;
    text-decoration: none
}

#c5 .small-print {
    font-size: 14px;
    font-size: .875rem
}

#c5 .small-print-title {
    font-size: 18px;
    font-size: 1.125rem
}

#c5 .hr-gray {
    height: 0;
    border-top: 1px solid #e2e2e2;
    border-right: none;
    border-bottom: none;
    border-left: none
}

#c5 .raised-title {
    margin-top: -70px;
    z-index: 30
}

.edit-mode #c5 .raised-title {
    margin-top: 0
}

.ccm-toolbar-visible #c5 .mobile-nav {
    top: 48px
}

@media only screen and (max-width:1199px) {
    #c5 .raised-title {
        margin-top: -70px
    }
}

@media only screen and (max-width:799px) {
    #c5 .raised-title {
        margin-top: -50px
    }
}

#c5 .slider-turf {
    background-size: cover !important
}

#c5 .slider-turf .turf-slider-block {
    max-width: 1150px;
    min-height: 498px;
    margin: 0 auto;
    display: none
}

#c5 .slider-turf .turf-slider-block .slides .slick-dots li button,
#c5 .slider-turf .turf-slider-block .slides .slick-dots li.slick-active button {
    height: 14px;
    width: 14px;
    border-radius: 50%
}

#c5 .slider-turf .turf-slider-block .slides .slick-dots li button {
    background: rgba(255, 255, 255, .6)
}

#c5 .slider-turf .turf-slider-block .slides .slick-dots li button:hover,
#c5 .slider-turf .turf-slider-block .slides .slick-dots li.slick-active button {
    background: #fff
}

#c5 .slider-turf .turf-slider-block .slides .slick-dots li button:before {
    font-size: 0
}

#c5 .slider-turf .turf-slider-block .slides .slick-list .slick-track {
    margin-top: 40px
}

#c5 .slider-turf .turf-slider-block .slides .slick-list .slick-track .slide a {
    min-height: 9.25em;
    margin: 1.5em;
    padding: 5.2em 1.8em 2.5em;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    background: url(../../../themes/turfmasters//images/logo_grass.png) no-repeat rgba(94, 134, 55, .6);
    background-position: center 1.4em;
    border-radius: 8px
}

#c5 .slider-turf .turf-slider-block .slides .slick-list .slick-track .slide a:hover {
    background: url(../../../themes/turfmasters//images/logo_grass.png) center 1.4em no-repeat #5e8637
}

#c5 .slider-turf .turf-slider-block .slides .slick-list .slick-track .slide a .title-1 p {
    margin: 0;
    padding: 0;
    font-family: Oswald, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: 1px
}

#c5 .slider-turf .turf-slider-block .slides .slick-list .slick-track .slide a .title-2 {
    font-family: Oswald, sans-serif;
    font-size: 44px;
    font-size: 2.75rem;
    color: #f4d03f;
    text-transform: uppercase;
    line-height: 1
}

#c5 .slider-turf .turf-slider-block .slides .slick-list .slick-track .slide a hr {
    height: 0;
    margin: 1.25em auto;
    width: 3.1em;
    border-bottom: 3px solid #fff
}

@media only screen and (max-width:1299.98px) {
    #c5 .slider-banner .home-slider-block .slides .slick-slide {
        min-height: 0
    }
    #c5 .slider-turf .turf-slider-block .slides .slick-list .slick-track .slide a {
        min-height: 10em !important;
        margin: 1.25em;
        padding: 5.2em 1.5em 2.2em
    }
    #c5 .slider-turf .turf-slider-block .slides .slick-list .slick-track .slide a .title-1 p {
        font-size: 18px;
        font-size: 1.125rem
    }
    #c5 .slider-turf .turf-slider-block .slides .slick-list .slick-track .slide a .title-2 {
        font-size: 38px;
        font-size: 2.375rem
    }
}

@media only screen and (max-width:668px) {
    #c5 .slider-turf {
        padding: 0
    }
}

#c5 .product-gallery .products-gallery-block {
    padding-top: 2em;
    text-align: center;
    display: none
}

#c5 .product-gallery .products-gallery-block .main-title h2 {
    margin-top: 0;
    padding-top: 0
}

#c5 .product-gallery .products-gallery-block .filter {
    display: block;
    text-align: center;
    margin-bottom: 3.125em
}

#c5 .product-gallery .products-gallery-block .filter .category {
    padding: .5em 1.5em;
    margin: 0 .5em;
    color: #3f4040;
    display: inline-block;
    border-radius: 5px
}

#c5 .product-gallery .products-gallery-block .filter .active,
#c5 .product-gallery .products-gallery-block .filter .category:hover {
    color: #fff;
    background: #5e8637;
    cursor: pointer
}

#c5 .product-gallery .products-gallery-block .slides {
    margin-bottom: 0
}

#c5 .product-gallery .products-gallery-block .slides .slide {
    padding-right: .25em
}

#c5 .product-gallery .products-gallery-block .slides .slide:hover {
    cursor: pointer
}

#c5 .product-gallery .products-gallery-block .slides .slide:hover .content a .project-title {
    font-size: 30px;
    font-size: 1.875rem;
    top: 5%;
    right: 5%;
    bottom: 5%;
    left: 5%;
    opacity: 1;
    transition: all .2s ease-in
}

#c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title {
    padding-top: 3em;
    font-family: Oswald, sans-serif;
    font-size: 0;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    background: rgba(94, 134, 55, .8);
    letter-spacing: 1px;
    position: absolute;
    top: 36%;
    right: 36%;
    bottom: 36%;
    left: 36%;
    border-radius: 12px;
    z-index: 10;
    opacity: 0;
    transition: all .2s ease-in
}

#c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title hr {
    margin: .8em auto;
    height: 0;
    width: 2.5em;
    border-bottom: 4px solid #fff
}

#c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title .product-gallery-icon {
    height: 1.2333em;
    width: 1.0333em;
    margin: 0 auto;
    display: block;
    background: url(../../../themes/turfmasters//images/product_gallery_icon.png) no-repeat;
    background-size: 100% auto
}

#c5 .product-gallery .products-gallery-block .slides .slide .content img {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:1499px) {
    #c5 .product-gallery .products-gallery-block .slides .slide:hover .content a .project-title {
        font-size: 26px;
        font-size: 1.625rem
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title {
        padding-top: 2.5em;
        letter-spacing: 2px
    }
}

@media only screen and (max-width:1199px) {
    #c5 .product-gallery .products-gallery-block .slides .slide:hover .content a .project-title {
        font-size: 28px;
        font-size: 1.75rem
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title {
        padding-top: 1.7em;
        letter-spacing: 2px
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title hr {
        margin: .75em auto
    }
}

@media only screen and (max-width:1299.98px) {
    #c5 .product-gallery .products-gallery-block .slides .slide:hover .content a .project-title {
        font-size: 24px;
        font-size: 1.5rem
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title {
        padding-top: 1.5em;
        letter-spacing: 2px
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title hr {
        margin: .6em auto;
        border-bottom: 3px solid #fff
    }
}

@media only screen and (max-width:799px) {
    #c5 .product-gallery .products-gallery-block .filter {
        margin-bottom: 3em
    }
    #c5 .product-gallery .products-gallery-block .slides .slide:hover .content a .project-title {
        font-size: 20px;
        font-size: 1.25rem
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title {
        padding-top: 2.2em;
        letter-spacing: 1px
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title hr {
        margin: .5em auto;
        border-bottom: 2px solid #fff
    }
}

@media only screen and (max-width:699px) {
    #c5 .product-gallery {
        width: 98%;
        margin: 0 auto
    }
}

@media only screen and (max-width:668px) {
    #c5 .product-gallery {
        width: 100%;
        margin: 0 auto;
        padding: 0 10px
    }
}

@media only screen and (max-width:599px) {
    #c5 .product-gallery .products-gallery-block .filter {
        margin-bottom: 2.5em
    }
    #c5 .product-gallery .products-gallery-block .slides .slide:hover .content a .project-title {
        font-size: 18px;
        font-size: 1.125rem
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title {
        padding-top: 1.5em
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title hr {
        margin: .45em auto
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title .project-gallery-icon {
        display: none
    }
}

@media only screen and (max-width:499px) {
    #c5 .product-gallery .products-gallery-block .slides .slide:hover .content a .project-title {
        font-size: 30px;
        font-size: 1.875rem
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title {
        padding-top: 2.5em
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title hr {
        margin: 1em auto;
        border-bottom: 4px solid #fff
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title .project-gallery-icon {
        display: block
    }
}

@media only screen and (max-width:399px) {
    #c5 .product-gallery .products-gallery-block .slides .slide:hover .content a .project-title {
        font-size: 26px;
        font-size: 1.625rem
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title {
        padding-top: 1.8em
    }
    #c5 .product-gallery .products-gallery-block .slides .slide .content a .project-title hr {
        margin: .7em auto;
        border-bottom: 3px solid #fff
    }
}

#c5.page-products .section-title-block:first-of-type {
    margin: 70px auto 20px
}

#c5.page-products .section-title-block:first-of-type h3 {
    line-height: .5em
}

@media only screen and (max-width:1199px) {
    #c5.page-products .section-title-block:first-of-type {
        margin: 50px auto 20px
    }
    #c5.page-products .section-title-block:first-of-type:nth-of-type(2) {
        padding-left: 2%
    }
    #c5.page-products .center {
        width: 96%;
        margin: 0 auto
    }
}

@media only screen and (max-width:499px) {
    #c5.page-products .section-title-block:first-of-type {
        margin: 35px auto 20px
    }
    #c5.page-products .section-title-block:first-of-type h3 {
        line-height: 1.2em
    }
}

#c5.page-services .layout-one-column .center,
#c5.page-services .layout-two-column .center {
    width: 98%;
    margin: 0 auto
}

#c5.page-services>section:nth-of-type(2) {
    margin-top: 75px
}

#c5.page-services .services-two-column {
    margin-bottom: 100px
}

#c5.page-services .services-two-column .col-1\/2 {
    width: 48%
}

@media only screen and (min-width:699px) {
    #c5.page-services .services-two-column .col-1\/2:first-of-type {
        padding-right: 2%
    }
    #c5.page-services .services-two-column .col-1\/2:last-of-type {
        padding-left: 2%
    }
}

#c5.page-services .layout-two-column section:last-of-type p {
    margin: 0
}

#c5.page-services .layout-two-column section:last-of-type p .blockquote {
    padding: 0 30px 20px 20px
}

#c5.page-services .layout-two-column section:last-of-type p:last-of-type {
    padding: 0
}

#c5.page-services .layout-two-column section:last-of-type p:last-of-type .blockquote {
    padding: 0 30px 0 20px
}

#c5.page-services img.ccm-image-block {
    margin: 100px auto 105px
}

@media only screen and (max-width:1249px) {
    #c5.page-services .services-two-column {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:1199px) {
    #c5.page-services .layout-two-column {
        margin-bottom: 0
    }
    #c5.page-services img.ccm-image-block {
        margin: 75px auto 115px
    }
}

@media only screen and (max-width:699px) {
    #c5.page-services .layout-one-column .center,
    #c5.page-services .layout-two-column .center {
        width: 96%
    }
    #c5.page-services .layout-two-column .col-1\/2 {
        width: 100%;
        padding: 0;
        float: none;
        clear: both
    }
    #c5.page-services .layout-two-column section:first-of-type .blockquote {
        padding-left: 20px;
        margin-bottom: 0
    }
    #c5.page-services img.ccm-image-block {
        margin: 100px auto 95px
    }
}

@media only screen and (max-width:599px) {
    #c5.page-services>section:nth-of-type(2) {
        margin-top: 50px
    }
}

#c5 .price-chart-four-column-block,
#c5 .price-chart-service-block,
#c5 .price-chart-two-col-block {
    margin: 2em auto
}

#c5 .chart-table {
    color: #3f4040
}

#c5 .chart-table .col-1\/2 p,
#c5 .chart-table .col-1\/3 p,
#c5 .chart-table .col-1\/8 p,
#c5 .chart-table .col-2\/3 p,
#c5 .chart-table .col-2\/8 p,
#c5 .chart-table .col-3\/8 p {
    margin: 0;
    padding: 0
}

#c5 .chart-table .chart-head {
    width: 100%;
    padding: .7em 1em;
    background: #122006;
    border: none
}

#c5 .chart-table .chart-head .col-1\/3,
#c5 .chart-table .chart-head .col-1\/8,
#c5 .chart-table .chart-head .col-2\/3,
#c5 .chart-table .chart-head .col-2\/8,
#c5 .chart-table .chart-head .col-3\/8 {
    font-family: Oswald, sans-serif;
    font-weight: 400;
    font-size: 13px;
    font-size: .8125rem;
    color: #fff;
    text-transform: uppercase
}

#c5 .chart-table .chart-entry {
    padding: .8em;
    font-size: 18px;
    font-size: 1.125rem;
    clear: both;
    border-right: 2px solid #b0b0b0;
    border-left: 2px solid #b0b0b0;
    border-bottom: 2px solid #b0b0b0
}

#c5 .chart-table .chart-entry .price .no-price {
    font-size: 18px;
    font-size: 1.125rem;
    color: #3f4040;
    font-weight: 100
}

#c5 .chart-table .chart-entry .price.bold {
    font-weight: 600
}

#c5 .price-chart-four-column-block .chart-table .col-1\/8 {
    width: 10.5%;
    padding: .5em 1%
}

#c5 .price-chart-four-column-block .chart-table .col-2\/8 {
    width: 23%;
    padding: .5em 1%
}

#c5 .price-chart-four-column-block .chart-table .col-3\/8 {
    width: 35.5%;
    padding: .5em 1%
}

#c5 .price-chart-service-block .chart-table .col-1\/3,
#c5 .price-chart-two-col-block .chart-table .col-1\/3 {
    width: 31%;
    padding: .5em 1%
}

#c5 .price-chart-service-block .chart-table .col-2\/3,
#c5 .price-chart-two-col-block .chart-table .col-2\/3 {
    width: 64%;
    padding: .5em 1%
}

#c5 .price-chart-service-block .chart-table .col-1\/3 p,
#c5 .price-chart-service-block .chart-table .col-2\/3 p,
#c5 .price-chart-two-col-block .chart-table .col-1\/3 p,
#c5 .price-chart-two-col-block .chart-table .col-2\/3 p {
    font-size: 18px;
    font-size: 1.125rem
}

#c5 .price-chart-service-block .chart-table .col-1\/3 p strong,
#c5 .price-chart-service-block .chart-table .col-2\/3 p strong,
#c5 .price-chart-two-col-block .chart-table .col-1\/3 p strong,
#c5 .price-chart-two-col-block .chart-table .col-2\/3 p strong {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 300;
    color: #5e8637
}

#c5 .price-chart-two-col-block .price {
    font-weight: 700
}

@media only screen and (max-width:1299.98px) {
    #c5 .price-chart-four-column-block,
    #c5 .price-chart-service-block,
    #c5 .price-chart-two-col-block {
        margin: 1.5em auto
    }
    #c5 .price-chart-four-column-block .chart-table,
    #c5 .price-chart-four-column-block .chart-table .price .no-price,
    #c5 .price-chart-service-block .chart-table,
    #c5 .price-chart-service-block .chart-table .price .no-price,
    #c5 .price-chart-two-col-block .chart-table,
    #c5 .price-chart-two-col-block .chart-table .price .no-price {
        font-size: 15px;
        font-size: .9375rem
    }
    #c5 .price-chart-four-column-block .chart-table .col-1\/3 p,
    #c5 .price-chart-four-column-block .chart-table .col-1\/8 p,
    #c5 .price-chart-four-column-block .chart-table .col-2\/3 p,
    #c5 .price-chart-four-column-block .chart-table .col-2\/8 p,
    #c5 .price-chart-four-column-block .chart-table .col-3\/8 p,
    #c5 .price-chart-service-block .chart-table .col-1\/3 p,
    #c5 .price-chart-service-block .chart-table .col-1\/8 p,
    #c5 .price-chart-service-block .chart-table .col-2\/3 p,
    #c5 .price-chart-service-block .chart-table .col-2\/8 p,
    #c5 .price-chart-service-block .chart-table .col-3\/8 p,
    #c5 .price-chart-two-col-block .chart-table .col-1\/3 p,
    #c5 .price-chart-two-col-block .chart-table .col-1\/8 p,
    #c5 .price-chart-two-col-block .chart-table .col-2\/3 p,
    #c5 .price-chart-two-col-block .chart-table .col-2\/8 p,
    #c5 .price-chart-two-col-block .chart-table .col-3\/8 p {
        font-size: 13px;
        font-size: .8125rem
    }
    #c5 .price-chart-four-column-block .chart-entry,
    #c5 .price-chart-four-column-block .chart-table .col-1\/3 p strong,
    #c5 .price-chart-four-column-block .chart-table .col-1\/8 p strong,
    #c5 .price-chart-four-column-block .chart-table .col-2\/3 p strong,
    #c5 .price-chart-four-column-block .chart-table .col-2\/8 p strong,
    #c5 .price-chart-four-column-block .chart-table .col-3\/8 p strong,
    #c5 .price-chart-service-block .chart-entry,
    #c5 .price-chart-service-block .chart-table .col-1\/3 p strong,
    #c5 .price-chart-service-block .chart-table .col-1\/8 p strong,
    #c5 .price-chart-service-block .chart-table .col-2\/3 p strong,
    #c5 .price-chart-service-block .chart-table .col-2\/8 p strong,
    #c5 .price-chart-service-block .chart-table .col-3\/8 p strong,
    #c5 .price-chart-two-col-block .chart-entry,
    #c5 .price-chart-two-col-block .chart-table .col-1\/3 p strong,
    #c5 .price-chart-two-col-block .chart-table .col-1\/8 p strong,
    #c5 .price-chart-two-col-block .chart-table .col-2\/3 p strong,
    #c5 .price-chart-two-col-block .chart-table .col-2\/8 p strong,
    #c5 .price-chart-two-col-block .chart-table .col-3\/8 p strong {
        font-size: 15px;
        font-size: .9375rem
    }
}

#c5 .turf-talk-detail {
    padding-bottom: 50px;
    border-bottom: 1px solid #e2e2e2
}

#c5 .turf-talk-detail img {
    width: 100%;
    height: auto
}

@media only screen and (max-width:599px) {
    #c5 .price-chart-four-column-block,
    #c5 .price-chart-service-block,
    #c5 .price-chart-two-col-block {
        margin: 1.5em auto
    }
    #c5 .price-chart-four-column-block .chart-table,
    #c5 .price-chart-four-column-block .chart-table .chart-entry .price .no-price,
    #c5 .price-chart-service-block .chart-table,
    #c5 .price-chart-service-block .chart-table .chart-entry .price .no-price,
    #c5 .price-chart-two-col-block .chart-table,
    #c5 .price-chart-two-col-block .chart-table .chart-entry .price .no-price {
        font-size: 14px;
        font-size: .875rem
    }
    #c5 .price-chart-four-column-block .chart-table .col-1\/3 p,
    #c5 .price-chart-four-column-block .chart-table .col-1\/8 p,
    #c5 .price-chart-four-column-block .chart-table .col-2\/3 p,
    #c5 .price-chart-four-column-block .chart-table .col-2\/8 p,
    #c5 .price-chart-four-column-block .chart-table .col-3\/8 p,
    #c5 .price-chart-service-block .chart-table .col-1\/3 p,
    #c5 .price-chart-service-block .chart-table .col-1\/8 p,
    #c5 .price-chart-service-block .chart-table .col-2\/3 p,
    #c5 .price-chart-service-block .chart-table .col-2\/8 p,
    #c5 .price-chart-service-block .chart-table .col-3\/8 p,
    #c5 .price-chart-two-col-block .chart-table .col-1\/3 p,
    #c5 .price-chart-two-col-block .chart-table .col-1\/8 p,
    #c5 .price-chart-two-col-block .chart-table .col-2\/3 p,
    #c5 .price-chart-two-col-block .chart-table .col-2\/8 p,
    #c5 .price-chart-two-col-block .chart-table .col-3\/8 p {
        font-size: 13px;
        font-size: .8125rem
    }
    #c5 .price-chart-four-column-block .chart-table .col-1\/3 p strong,
    #c5 .price-chart-four-column-block .chart-table .col-1\/8 p strong,
    #c5 .price-chart-four-column-block .chart-table .col-2\/3 p strong,
    #c5 .price-chart-four-column-block .chart-table .col-2\/8 p strong,
    #c5 .price-chart-four-column-block .chart-table .col-3\/8 p strong,
    #c5 .price-chart-service-block .chart-table .col-1\/3 p strong,
    #c5 .price-chart-service-block .chart-table .col-1\/8 p strong,
    #c5 .price-chart-service-block .chart-table .col-2\/3 p strong,
    #c5 .price-chart-service-block .chart-table .col-2\/8 p strong,
    #c5 .price-chart-service-block .chart-table .col-3\/8 p strong,
    #c5 .price-chart-two-col-block .chart-table .col-1\/3 p strong,
    #c5 .price-chart-two-col-block .chart-table .col-1\/8 p strong,
    #c5 .price-chart-two-col-block .chart-table .col-2\/3 p strong,
    #c5 .price-chart-two-col-block .chart-table .col-2\/8 p strong,
    #c5 .price-chart-two-col-block .chart-table .col-3\/8 p strong {
        font-size: 14px;
        font-size: .875rem
    }
    #c5 .turf-talk-detail h1 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

#c5 .turf-talk-detail .fb-container {
    margin-top: 40px;
    text-align: right
}

#c5.page-turf-talk-search .turf-talk-detail .ccm-search-block-form {
    padding: 12px 20px;
    margin-bottom: 30px;
    border-radius: 10px
}

#c5.page-turf-talk-search .turf-talk-detail .ccm-search-block-form h3 {
    width: 50%;
    margin-bottom: 0;
    font-size: 28px;
    font-size: 1.75rem;
    color: #5e8637;
    font-weight: 400;
    float: left
}

#c5.page-turf-talk-search .turf-talk-detail .ccm-search-block-form .h3-blog {
    width: 100%;
    display: block
}

#c5.page-turf-talk-search .turf-talk-detail .ccm-search-block-form hr {
    height: 0;
    border-top: 1px solid #5e8637
}

#c5.page-turf-talk-search .turf-talk-detail input.ccm-search-block-text {
    width: 250px;
    margin: 0 20px;
    padding: 5px 20px;
    font-size: 13px;
    font-size: .8125rem;
    border-radius: 20px;
    background-image: url(../../../themes/turfmasters//images/search_icon.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    float: right
}

#c5.page-turf-talk-search .turf-talk-detail input.ccm-search-block-submit {
    display: none
}

#c5.page-turf-talk-search .turf-talk-detail #searchResults {
    margin-bottom: 36px
}

#c5.page-turf-talk-search .turf-talk-detail #searchResults .searchResult {
    padding: 15px;
    border-bottom: 1px solid #e2e2e2
}

#c5.page-turf-talk-search .turf-talk-detail #searchResults .searchResult h3 a {
    font-size: 24px;
    font-size: 1.5rem;
    color: #3c571e
}

#c5.page-turf-talk-search .turf-talk-detail #searchResults .searchResult h3+p a {
    min-width: 0;
    margin-top: 1.4em;
    margin-right: 30px;
    float: right;
}

#c5.page-turf-talk .ccm-pagination-wrapper .pagination li,
#c5.page-turf-talk .layout-sidebar input.ccm-search-block-submit {
    display: none
}

@media only screen and (max-width:1249px) {
    #c5.page-turf-talk-search .turf-talk-detail #searchResults {
        margin-bottom: 5px
    }
}

@media only screen and (max-width:1149px) {
    #c5.page-turf-talk-search main .center {
        width: 96%
    }
}

@media only screen and (min-width:600px) and (max-width:699px) {
    #c5.page-turf-talk .layout-left-sidebar section.col-2\/3 {
        padding-left: 15px;
        float: left
    }
}

#c5.page-turf-talk .layout-left-sidebar {
    margin-top: 75px
}

#c5.page-turf-talk .layout-sidebar {
    padding-right: 45px
}

#c5.page-turf-talk .layout-sidebar .flyout-image-block {
    height: 1px;
    position: relative;
    overflow: visible
}

#c5.page-turf-talk .layout-sidebar .flyout-image-block .image {
    position: absolute;
    top: -50px;
    left: -50px
}

#c5.page-turf-talk .layout-sidebar .ccm-search-block-form {
    padding: 20px 20px 30px;
    background: #5e8637
}

#c5.page-turf-talk .layout-sidebar .ccm-search-block-form h3 {
    margin-bottom: 14px;
    font-size: 22px;
    font-size: 1.375rem;
    color: #fff;
    font-weight: 400
}

#c5.page-turf-talk .layout-sidebar input.ccm-search-block-text {
    width: 90%;
    margin: 0 5%;
    padding: 10px 20px;
    font-size: 13px;
    font-size: .8125rem;
    border-radius: 20px;
    background-image: url(../../../themes/turfmasters//images/search_icon.png);
    background-repeat: no-repeat;
    background-position: right 10px center
}

#c5.page-turf-talk .layout-sidebar .ccm-block-date-navigation-wrapper {
    margin-top: 20px;
    padding-top: 34px;
    background: #5e8637
}

#c5.page-turf-talk .layout-sidebar .ccm-block-date-navigation-wrapper .ccm-block-date-navigation-header h5 {
    margin: 0;
    padding-bottom: 30px;
    font-size: 22px;
    font-size: 1.375rem;
    color: #fff;
    text-indent: 25px;
    border-bottom: 1px solid #fff
}

#c5.page-turf-talk .layout-sidebar .ccm-block-date-navigation-wrapper ul.ccm-block-date-navigation-dates {
    list-style: none;
    margin-bottom: 0;
    padding-bottom: 20px
}

#c5.page-turf-talk .layout-sidebar .ccm-block-date-navigation-wrapper ul.ccm-block-date-navigation-dates li a {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    font-weight: 100
}

#c5.page-turf-talk .ccm-pagination-wrapper {
    width: 100%
}

#c5.page-turf-talk .ccm-pagination-wrapper .pagination {
    width: 100%;
    margin: 0 0 36px
}

#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.next,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.prev {
    background: #5e8637;
    display: inline-block
}

#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.next a,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.prev a {
    padding: 0;
    color: #fff;
    background: 0 0;
    border: none
}

#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.next a:hover,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.prev a:hover {
    text-decoration: none
}

#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.next:hover,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.prev:hover {
    background: rgba(94, 134, 55, .7)
}

#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.disabled span:hover,
#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.disabled:hover span {
    background: 0 0
}

#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.next {
    float: right
}

#c5.page-turf-talk .ccm-pagination-wrapper .pagination li.disabled span {
    padding: 0;
    color: #fff;
    background: 0 0;
    border: none
}

#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal {
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}

#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal {
    padding-left: 0;
    display: block
}

#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-thumbnail,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-thumbnail {
    width: 100%;
    clear: both;
    display: block
}

#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-thumbnail img,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-thumbnail img {
    width: 100%;
    height: auto
}

#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-text {
    padding-left: 0;
    padding-bottom: 25px;
    display: block
}

#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-title,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-text .ccm-block-page-list-title {
    font-family: Oswald, sans-serif;
    font-size: 25px;
    font-size: 1.5625rem;
    color: #122006;
    text-transform: uppercase
}

#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-date,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-text .ccm-block-page-list-date {
    font-size: 12px;
    font-size: .75rem;
    color: #868686;
    text-transform: uppercase
}

#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-description,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-text .ccm-block-page-list-description {
    margin-bottom: 30px
}

#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a {
    background: #5e8637
}

#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a:hover,
#c5.page-turf-talk .ccm-block-page-list-wrapper .ccm-block-page-list-pages .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-text .ccm-block-page-list-page-entry-read-more a:hover {
    text-decoration: none;
    background: rgba(94, 134, 55, .7)
}

@media only screen and (max-width:1399px) {
    #c5.page-turf-talk .layout-left-sidebar {
        margin-top: 60px
    }
}

@media only screen and (max-width:1199px) {
    #c5.page-turf-talk .layout-left-sidebar {
        margin-top: 40px
    }
    #c5.page-turf-talk .layout-sidebar {
        padding-right: 15px
    }
    #c5.page-turf-talk .flyout-image-block {
        display: none
    }
}

@media only screen and (max-width:1150px) {
    #c5.page-turf-talk .layout-left-sidebar .center {
        width: 98%;
        margin: 0 auto
    }
}

@media only screen and (max-width:1299.98px) {
    #c5.page-turf-talk .layout-left-sidebar {
        margin-top: 40px
    }
}

@media only screen and (max-width:899px) {
    #c5.page-turf-talk .layout-sidebar .ccm-search-block-form {
        padding: 10px 10px 15px
    }
    #c5.page-turf-talk .layout-sidebar .ccm-search-block-form h3 {
        margin-bottom: 10px;
        font-size: 18px;
        font-size: 1.125rem
    }
    #c5.page-turf-talk .layout-sidebar input.ccm-search-block-text {
        width: 95%;
        margin: 0 3%;
        padding: 7px 15px;
        font-size: 13px;
        font-size: .8125rem;
        border-radius: 20px
    }
    #c5.page-turf-talk .layout-sidebar .ccm-block-date-navigation-wrapper {
        margin-top: 10px;
        padding-top: 20px
    }
    #c5.page-turf-talk .layout-sidebar .ccm-block-date-navigation-wrapper .ccm-block-date-navigation-header h5 {
        padding-bottom: 15px;
        font-size: 18px;
        font-size: 1.125rem;
        text-indent: 12px
    }
    #c5.page-turf-talk .layout-sidebar .ccm-block-date-navigation-wrapper ul.ccm-block-date-navigation-dates {
        padding-bottom: 10px;
        padding-left: 15px
    }
    #c5.page-turf-talk .layout-sidebar .ccm-block-date-navigation-wrapper ul.ccm-block-date-navigation-dates li a {
        font-size: 15px;
        font-size: .9375rem
    }
}

@media only screen and (max-width:799px) {
    #c5.page-turf-talk .layout-sidebar {
        padding-right: 8px
    }
    #c5.page-turf-talk .layout-left-sidebar {
        margin-top: 20px
    }
}

@media only screen and (max-width:668px) {
    #c5.page-turf-talk .layout-left-sidebar .center {
        width: 100%;
        margin: 0 auto;
        padding: 15px 0
    }
    #c5.page-turf-talk .layout-content {
        margin-top: 5px
    }
    #c5.page-turf-talk .layout-sidebar {
        padding-right: 0
    }
    #c5.page-turf-talk .layout-sidebar .ccm-search-block-form h3 {
        margin-bottom: 15px;
        font-size: 22px;
        font-size: 1.375rem
    }
    #c5.page-turf-talk .layout-sidebar input.ccm-search-block-text {
        width: 95%;
        margin: 0 3%;
        padding: 10px 20px;
        font-size: 14px;
        font-size: .875rem;
        border-radius: 20px
    }
    #c5.page-turf-talk .layout-sidebar .ccm-block-date-navigation-wrapper {
        margin-top: 5px;
        padding-top: 15px
    }
    #c5.page-turf-talk .layout-sidebar .ccm-block-date-navigation-wrapper .ccm-block-date-navigation-header h5 {
        padding-bottom: 15px;
        font-size: 22px;
        font-size: 1.375rem
    }
    #c5.page-turf-talk .layout-sidebar .ccm-block-date-navigation-wrapper ul.ccm-block-date-navigation-dates {
        padding-bottom: 10px;
        padding-left: 15px
    }
    #c5.page-turf-talk .layout-sidebar .ccm-block-date-navigation-wrapper ul.ccm-block-date-navigation-dates li a {
        font-size: 16px;
        font-size: 1rem
    }
}

#c5 .back-container {
    padding-top: 50px;
    margin-bottom: 150px
}

#c5 .who-we-are,
#c5 .who-we-are-img-content {
    width: 100%;
    margin-top: 70px;
    position: relative;
    border-bottom: 1px solid #e2e2e2
}

#c5 .who-we-are .center,
#c5 .who-we-are-img-content .center {
    width: 62%;
    max-width: 1318px;
    display: table
}

#c5 .who-we-are .center .col-1\/2,
#c5 .who-we-are-img-content .center .col-1\/2 {
    float: none
}

#c5 .who-we-are .center section,
#c5 .who-we-are-img-content .center section {
    position: relative
}

@media only screen and (max-width:1699px) {
    #c5 .who-we-are,
    #c5 .who-we-are-img-content {
        margin-top: 60px
    }
}

@media only screen and (max-width:1599px) {
    #c5 .who-we-are .center,
    #c5 .who-we-are-img-content .center {
        width: 70%
    }
}

@media only screen and (max-width:1399px) {
    #c5 .who-we-are .center,
    #c5 .who-we-are-img-content .center {
        width: 80%
    }
}

@media only screen and (max-width:1199px) {
    #c5 .who-we-are .center,
    #c5 .who-we-are-img-content .center {
        width: 90%
    }
    #c5 .who-we-are .center section p,
    #c5 .who-we-are-img-content .center section p {
        line-height: 1.25em
    }
}

@media only screen and (max-width:1299.98px) {
    #c5 .who-we-are,
    #c5 .who-we-are-img-content {
        margin-top: 40px
    }
    #c5 .who-we-are .center,
    #c5 .who-we-are-img-content .center {
        width: 100%
    }
}

@media only screen and (max-width:699px) {
    #c5 .who-we-are .center section .col-1\/2,
    #c5 .who-we-are .center section:first-of-type,
    #c5 .who-we-are .center section:last-of-type,
    #c5 .who-we-are-img-content .center section .col-1\/2,
    #c5 .who-we-are-img-content .center section:first-of-type,
    #c5 .who-we-are-img-content .center section:last-of-type {
        width: 100%;
        max-width: 100%;
        display: block
    }
    #c5 .who-we-are .center section p,
    #c5 .who-we-are-img-content .center section p {
        line-height: 1.5em
    }
}

#c5 .who-we-are section:first-of-type {
    width: 43%;
    max-width: 550px;
    display: table-cell;
    vertical-align: top
}

#c5 .who-we-are section:last-of-type {
    width: 57%;
    display: table-cell;
    vertical-align: bottom
}

#c5 .who-we-are section:last-of-type img {
    width: 100%;
    max-width: 768px;
    position: relative;
    bottom: 0;
    left: 0;
    display: block
}

#c5 .base-container {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto
}

#c5 .base-container hr {
    height: 0;
    width: 70px;
    padding: 0;
    margin: 80px auto;
    border-top: 3px solid #000
}

@media only screen and (max-width:1149px) {
    #c5 .base-container {
        width: 98%
    }
}

@media only screen and (max-width:1099px) {
    #c5 .base-container {
        width: 96%
    }
    #c5 .base-container hr {
        margin: 60px auto
    }
}

@media only screen and (max-width:799px) {
    #c5 .base-container {
        width: 94%
    }
    #c5 .base-container hr {
        margin: 35px auto
    }
}

#c5 .page-contact-us {
    max-width: 1150px;
    margin-top: 60px
}

#c5 .pricing-filters {
    width: 100%;
    text-align: center
}

#c5 .pricing-filters .pricing-filter {
    margin-right: 10px;
    background: rgba(94, 134, 55, .8);
    display: inline-block
}

#c5 .pricing-filters .pricing-filter.active,
#c5 .pricing-filters .pricing-filter:hover {
    background: #5e8637
}

#c5 .two-col-content-block {
    width: 100%;
    clear: both
}

#c5 .two-col-content-block .col-1\/2 {
    width: 48%
}

#c5 .two-col-content-block .col-1\/2:first-of-type {
    padding-right: 2%
}

#c5 .two-col-content-block .col-1\/2:nth-of-type(2) {
    padding-left: 2%
}

@media only screen and (max-width:599px) {
    #c5.page-turf-talk .layout-sidebar.col-1\/3 {
        float: none
    }
    #c5 .two-col-content-block .col-1\/2 {
        width: 100%;
        float: none;
        display: block
    }
    #c5 .two-col-content-block .col-1\/2.col-1\/2:first-of-type,
    #c5 .two-col-content-block .col-1\/2.col-1\/2:nth-of-type(2) {
        padding: 0
    }
}

#c5 #lightbox {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    display: none;
    cursor: pointer
}

#c5 #lightbox .content-container {
    min-width: 0;
    max-width: 100%;
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#c5 #lightbox .content-container .lb-close {
    margin: 0 20px 0 0;
    font-size: 11px;
    font-size: .6875rem;
    color: #fff;
    text-align: right;
    text-transform: uppercase
}

#c5 #lightbox .content-container img {
    box-shadow: 0 0 25px #111;
    -webkit-box-shadow: 0 0 25px #111;
    -moz-box-shadow: 0 0 25px #111;
    border: 5px solid #f4d03f
}

@media only screen and (min-width:599px) {
    #c5 #lightbox .content-container img {
        min-width: 500px;
        height: auto
    }
}

#c5 .not-found {
    width: 100%;
    margin: 0 auto;
    max-width: 1150px;
    padding: 160px 20px
}

#c5 #login-page .login {
    margin-top: 120px
}

#c5 form label {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

body.popup-active {
    height: 100%;
    overflow: hidden
}

.center {
    max-width: 1150px;
    margin: 0 auto;
    padding: 0 30px
}

@media only screen and (max-width:668px) {
    .center {
        padding: 0
    }
}

#c5 header {
    width: 100%;
    height: 105px;
    padding: 0 1vw;
    background: rgba(18, 32, 6, .9);
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 120;
}

#c5 header .logo {
    width: 20%;
    min-width: 280px;
    position: relative
}

#c5 header .logo a {
    height: 105px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    position: relative
}

#c5 header .logo a img {
    width: 100%;
    max-width: 515px;
    border: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media only screen and (max-width:849px) {
    #c5 header .logo.col {
        float: none
    }
    #c5 header .logo.col-1\/4 {
        width: 290px
    }
}

@media only screen and (max-width:668px) {
    #c5 header,
    #c5 header .logo a {
        height: 50px
    }
}

#c5 .menu-contact {
    width: 80%;
    position: relative
}

#c5 .menu-contact.active .menu-container .menu-main {
    display: none
}

#c5 .menu-contact.active .header-search {
    width: 100%
}

#c5 .menu-contact.active .header-search form {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

#c5 .menu-contact.active .header-search form input {
    display: block
}

#c5 .menu-contact a {
    text-decoration: none
}

#c5 .menu-contact .social-phone {
    width: 24%;
    display: -ms-flexbox;
    display: flex
}

#c5 .menu-contact .nav-social {
    width: 40%;
    min-width: 102px;
    height: 105px;
    position: relative;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#c5 .menu-contact .nav-social .social-block {
    width: 100%
}

#c5 .menu-contact .nav-social .social-block .socials {
    padding-top: 20px
}

#c5 .menu-contact .nav-social .social-block .socials a.social {
    min-width: 22px;
    min-height: 22px
}

@media only screen and (max-width:1299px) {
    #c5 .menu-contact .nav-social .social-block .socials a.social i:before {
        font-size: 18px
    }
}

#c5 .menu-contact .phone {
    width: 60%;
    height: 105px;
    padding: 0;
    color: #F5F4F4;
    position: relative
}

#c5 .menu-contact .phone p {
    padding: 0;
    margin: 0;
    font-size: 1vw;
    right: 0
}

#c5 .menu-contact .phone p strong a {
    font-family: Oswald, sans-serif;
    color: #f4d03f;
    font-size: 1.2vw;
    font-weight: 400;
    text-decoration: none
}

#c5 .menu-contact .phone p strong a:hover {
    text-decoration: none
}

#c5 .menu-contact .menu-container {
    width: 76%;
    height: 100%;
    text-align: center;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding-right: calc(5px + .5vw)
}

#c5 .menu-contact .header-search {
    width: 1.5vw;
    min-width: 22px;
    min-height: 22px;
    margin-top: 5px;
    -ms-flex-item-align: center;
    align-self: center;
    display: -ms-flexbox;
    display: flex
}

#c5 .menu-contact .header-search .fa-search {
    height: 1.5vw;
    min-height: 22px;
    width: 1.5vw;
    min-width: 22px;
    color: #fff;
    font-size: calc(12px + .5vw);
    cursor: pointer
}

#c5 .menu-contact .header-search form {
    width: calc(100% - 1.5vw);
    padding: 0 5% 0 calc(10px + 3%);
    -webkit-transform-origin: center right;
    transform-origin: center right;
    -webkit-transform: scaleX(.1);
    transform: scaleX(.1);
    transition: all 150ms ease-in-out
}

#c5 .menu-contact .header-search form input {
    width: 100%;
    padding-left: 30px;
    color: #fff;
    font-weight: 300;
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid #fff;
    border-radius: 0;
    display: none
}

#c5 .menu-contact .header-search form ::-webkit-input-placeholder {
    color: #fff
}

#c5 .menu-contact .header-search form ::-webkit-input-placeholder :-moz-placeholder {
    color: #fff
}

#c5 .menu-contact .header-search form ::-moz-placeholder {
    color: #8f8f8f
}

#c5 .menu-contact .header-search form ::-moz-placeholder :-ms-input-placeholder {
    color: #fff
}

#c5 .menu-contact .hamburger {
    height: 105px;
    width: 105px;
    background: #2F491A;
    display: none;
    position: absolute;
    margin-left: -105px;
    cursor: pointer
}

#c5 .menu-contact .hamburger .lines {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#c5 .menu-contact .hamburger .lines .line {
    width: 60%;
    height: 0;
    margin: 0 auto 10px;
    border-top: 4px solid #fff
}

#c5 .menu-contact nav.menu-main {
    width: calc(100% - 1.5vw);
    margin-top: 40px
}

#c5 .menu-contact nav.menu-main ul {
    list-style-type: none;
    padding: 0;
    margin: 0 auto
}

#c5 .menu-contact nav.menu-main ul li {
    display: inline-block;
    position: relative
}

#c5 .menu-contact nav.menu-main ul li:hover>div .triangle {
    display: block
}

#c5 .menu-contact nav.menu-main ul li a {
    padding: .2vw 1vw;
    font-size: .85vw;
    color: #F5F4F4;
    font-weight: 300;
    display: block
}

#c5 .menu-contact nav.menu-main ul li a:hover {
    background: #3c501f;
    text-decoration: none
}

@media only screen and (min-width:850px) {
    #c5 .menu-contact nav.menu-main ul li:hover>div {
        display: block
    }
    #c5 .menu-contact nav.menu-main ul li a {
        border-radius: 5px
    }
    #c5 .menu-contact nav.menu-main ul li a.nav-selected {
        background: #3c501f;
        text-decoration: none
    }
}

#c5 .menu-contact nav.menu-main ul li .submenu-container {
    padding-top: 65px;
    display: none;
    position: absolute;
    top: 25px;
    left: 0
}

#c5 .menu-contact nav.menu-main ul li .submenu-container::after {
    display: table
}

#c5 .menu-contact nav.menu-main ul li .triangle {
    height: 12px;
    width: 12px;
    background-color: #122006;
    position: absolute;
    left: 50%;
    bottom: -44px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    display: none
}

#c5 .menu-contact nav.menu-main ul li ul {
    width: auto;
    padding: 20px;
    display: block;
    text-align: left;
    border-radius: 15px;
    background: #122006;
    position: relative
}

#c5 .menu-contact nav.menu-main ul li ul::after {
    display: table
}

#c5 .menu-contact nav.menu-main ul li ul.applications {
    width: 26vw
}

#c5 .menu-contact nav.menu-main ul li ul.applications li {
    width: 50%;
    margin: 0;
    padding: 0;
    float: left;
    display: block
}

#c5 .menu-contact nav.menu-main ul li ul.knowledge-center {
    padding: 20px 20px 60px
}

#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all {
    width: calc(80% - 40px);
    margin: 0 auto;
    text-align: center;
    float: none;
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all a {
    padding: 3px 7px
}

#c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all a:hover {
    color: #F5F4F4
}

#c5 .menu-contact nav.menu-main ul li ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    display: block
}

#c5 .menu-contact nav.menu-main ul li ul li.submenu-title {
    width: 100%;
    padding: 0 0 15px;
    margin-bottom: 15px;
    color: #F5F4F4;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    border-bottom: 2px solid #F5F4F4
}

#c5 .menu-contact nav.menu-main ul li ul li.submenu-title::after {
    clear: both;
    content: "";
    display: table
}

#c5 .menu-contact nav.menu-main ul li ul li a {
    font-size: .8vw;
    padding: 6px 5px;
    color: #F5F4F4;
    white-space: nowrap
}

#c5 .menu-contact nav.menu-main ul li ul li a.nav-selected,
#c5 .menu-contact nav.menu-main ul li ul li a:hover {
    background: 0 0;
    text-decoration: none
}

#c5 .menu-contact nav.menu-main ul li ul li a span {
    font-size: .7vw;
    padding-right: 5px
}

#c5 .menu-contact nav.menu-main .menu-arrow-down {
    height: 10px;
    width: 30px;
    margin: 12px auto 0;
    background-image: url(../../../themes/turfmasters//images/menu_arrow_down.png);
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: center center;
    display: block
}

@media only screen and (min-width:1600px) {
    #c5 .menu-contact nav.menu-main ul li a {
        padding: 2px 16px;
        font-size: 17px;
        font-size: 1.0625rem
    }
    #c5 .menu-contact nav.menu-main ul li .triangle {
        bottom: -44px
    }
    #c5 .menu-contact nav.menu-main ul li ul li a {
        font-size: 15px;
        padding: 6px 5px
    }
    #c5 .menu-contact nav.menu-main ul li ul li a span {
        font-size: 13px;
        font-size: .8125rem
    }
}

@media only screen and (max-width:1599px) and (min-width:860px) {
    #c5 .menu-contact nav.menu-main ul li ul li a:hover {
        color: #5f9435
    }
}

@media only screen and (max-width:1599px) {
    #c5 .menu-contact nav.menu-main ul li a {
        padding: 2px 12px;
        font-size: 15px;
        font-size: .9375rem
    }
    #c5 .menu-contact nav.menu-main ul li .triangle {
        bottom: -47px
    }
    #c5 .menu-contact nav.menu-main ul li ul.applications {
        width: 430px
    }
    #c5 .menu-contact nav.menu-main ul li ul li.submenu-title {
        font-size: 22px;
        font-size: 1.375rem
    }
    #c5 .menu-contact nav.menu-main ul li ul li a {
        font-size: 14px;
        font-size: .875rem;
        padding: 6px 5px
    }
    #c5 .menu-contact nav.menu-main ul li ul li a span {
        font-size: 12px;
        font-size: .75rem
    }
}

@media only screen and (max-width:1399px) {
    #c5 .menu-contact nav.menu-main ul li a {
        padding: 2px 10px;
        font-size: 15px;
        font-size: .9375rem
    }
    #c5 .menu-contact nav.menu-main ul li .triangle {
        bottom: -46px
    }
    #c5 .menu-contact nav.menu-main ul li ul li a {
        font-size: 14px;
        font-size: .875rem;
        padding: 6px 5px
    }
    #c5 .menu-contact nav.menu-main ul li ul li a span {
        font-size: 12px;
        font-size: .75rem
    }
}

@media only screen and (max-width:1299px) {
    #c5 .menu-contact nav.menu-main ul li a {
        padding: 2px 7px;
        font-size: 13px;
        font-size: .8125rem
    }
    #c5 .menu-contact nav.menu-main ul li .triangle {
        bottom: -51px
    }
    #c5 .menu-contact nav.menu-main ul li ul li a {
        font-size: 14px;
        font-size: .875rem;
        padding: 6px 5px
    }
    #c5 .menu-contact nav.menu-main ul li ul li a span {
        font-size: 12px;
        font-size: .75rem
    }
}

@media only screen and (max-width:1099px) {
    #c5 .menu-contact .social-phone {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #c5 .menu-contact .social-phone .nav-social {
        height: 50px
    }
    #c5 .menu-contact .social-phone .phone {
        height: 55px
    }
    #c5 .menu-contact nav.menu-main ul li a {
        padding: 2px 6px;
        font-size: 12px;
        font-size: .75rem
    }
    #c5 .menu-contact nav.menu-main ul li .triangle {
        bottom: -52px
    }
    #c5 .menu-contact nav.menu-main ul li ul li a {
        font-size: 14px;
        font-size: .875rem;
        padding: 6px 5px
    }
    #c5 .menu-contact nav.menu-main ul li ul li a span {
        font-size: 12px;
        font-size: .75rem
    }
}

@media only screen and (max-width:1299.98px) {
    #c5 .menu-contact {
        width: 320px;
        height: 100vh;
        padding-left: 0;
        position: fixed;
        top: 0;
        right: -320px;
        z-index: 100;
        transition: all .4s
    }
    #c5 .menu-contact.col {
        float: none
    }
    #c5 .menu-contact.col-1\/4 {
        width: auto
    }
    #c5 .menu-contact.open {
        right: 0
    }
    #c5 .menu-contact .social-phone .nav-social,
    #c5 .menu-contact .social-phone .phone {
        height: 105px
    }
    #c5 .menu-contact .nav-social .social-block {
        padding-top: 0
    }
    #c5 .menu-contact .menu-container {
        width: 100%;
        height: 100vh;
        text-align: left;
        background-color: #122006;
        position: absolute;
        display: block
    }
    #c5 .menu-contact .menu-container.col {
        float: none
    }
    #c5 .menu-contact .header-search {
        display: none
    }
    #c5 .menu-contact .hamburger {
        display: block;
        top: 0
    }
    #c5 .menu-contact nav.menu-main {
        margin-top: 0
    }
    #c5 .menu-contact nav.menu-main ul {
        margin-top: 105px
    }
    #c5 .menu-contact nav.menu-main ul li {
        display: block;
        border-bottom: 1px solid #F5F4F4;
        margin-left: 20px
    }
    #c5 .menu-contact nav.menu-main ul li .triangle,
    #c5 .menu-contact nav.menu-main ul li ul li.submenu-title,
    #c5 .menu-contact nav.menu-main ul li ul.knowledge-center .view-all,
    #c5 .menu-contact nav.menu-main ul li:hover>div .triangle {
        display: none
    }
    #c5 .menu-contact nav.menu-main ul li.nav-dropdown .menu-arrow-down {
        height: 42px;
        margin-top: 0;
        background-position: center center;
        position: absolute;
        top: 0;
        right: 15px;
        cursor: pointer;
        transition: all .5s
    }
    #c5 .menu-contact nav.menu-main ul li.nav-dropdown .menu-arrow-down.open {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    #c5 .menu-contact nav.menu-main ul li a {
        padding: 10px 16px;
        font-size: 15px;
        font-size: .9375rem;
        border-radius: 0
    }
    #c5 .menu-contact nav.menu-main ul li .submenu-container {
        padding-top: 0;
        display: none;
        position: relative;
        top: auto;
        left: auto
    }
    #c5 .menu-contact nav.menu-main ul li ul {
        width: 100%;
        padding: 0;
        margin-top: 0;
        border-radius: 0;
        background: 0 0
    }
    #c5 .menu-contact nav.menu-main ul li ul.knowledge-center {
        padding: 0
    }
    #c5 .menu-contact nav.menu-main ul li ul.applications {
        width: 100%
    }
    #c5 .menu-contact nav.menu-main ul li ul.applications li {
        width: 100%;
        margin: 0;
        padding: 0;
        float: none
    }
    #c5 .menu-contact nav.menu-main ul li ul.applications li:hover {
        background: #2F491A
    }
    #c5 .menu-contact nav.menu-main ul li ul li {
        width: 100%;
        float: none;
        border-bottom: none
    }
    #c5 .menu-contact nav.menu-main ul li ul li a {
        font-size: 14px;
        font-size: .875rem;
        padding: 6px 0 6px 30px
    }
    #c5 .menu-contact nav.menu-main ul li ul li a span {
        font-size: 12px;
        padding-right: 5px
    }
    #c5 .menu-contact .social-phone {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 10;
        background: #2F491A
    }
    #c5 .menu-contact .social-phone.col {
        float: none
    }
    #c5 .menu-contact .nav-social {
        float: right
    }
    #c5 .menu-contact .phone p {
        font-size: 17px;
        font-size: 1.0625rem;
        text-align: center;
        position: relative;
        right: auto
    }
    #c5 .menu-contact .phone p strong a {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media only screen and (max-width:668px) {
    #c5 .menu-contact .menu-container {
        overflow: scroll
    }
    #c5 .menu-contact .hamburger {
        height: 50px;
        width: 50px;
        margin-left: -50px
    }
    #c5 .menu-contact .hamburger .lines .line {
        margin: 0 auto 5px;
        border-top: 3px solid #fff
    }
    #c5 .menu-contact nav.menu-main {
        margin-top: 0
    }
    #c5 .menu-contact nav.menu-main ul {
        margin-top: 50px
    }
    #c5 .menu-contact .nav-social,
    #c5 .menu-contact .phone,
    #c5 .menu-contact .social-phone .nav-social,
    #c5 .menu-contact .social-phone .phone {
        height: 50px
    }
    #c5 .menu-contact .phone p {
        font-size: 14px;
        font-size: .875rem
    }
    #c5 .menu-contact .phone p strong a {
        font-size: 15px;
        font-size: .9375rem;
        font-weight: 400
    }
}

@media only screen and (max-width:399px) {
    #c5 .menu-contact {
        width: 270px;
        right: -270px
    }
    #c5 .menu-contact nav.menu-main ul li a {
        font-size: 15px;
        font-size: .9375rem
    }
    #c5 .menu-contact nav.menu-main ul li ul li a {
        font-size: 14px;
        font-size: .875rem
    }
    #c5 .menu-contact nav.menu-main ul li ul li a span {
        font-size: 12px
    }
    #c5 .menu-contact .phone p {
        font-size: 15px;
        font-size: .9375rem
    }
    #c5 .menu-contact .phone p strong a {
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media only screen and (max-width:849px) {
    #c5.logged .menu-contact {
        top: 49px
    }
}

#c5 main {
    position: relative
}

#c5 main section.layout-one-column-full:first-of-type {
    padding-left: 0;
    padding-right: 0
}
/*
#c5 main img {
    box-shadow: calc(2px + .25vw) calc(4px + .5vw) calc(6px + 2vw) rgba(0, 0, 0, .7)
}
*/
@media only screen and (min-width:669px) {
    #c5 .kc-section.layout-two-column .center .col-1\/2:nth-of-type(1),
    #c5 section.layout-two-column .center .col-1\/2:nth-of-type(1) {
        padding-right: calc(15px + 1vw)
    }
    #c5 .kc-section.layout-two-column .center .col-1\/2:nth-of-type(2),
    #c5 section.layout-two-column .center .col-1\/2:nth-of-type(2) {
        padding-left: calc(15px + 1vw)
    }
}

@media only screen and (max-width:668px) {
    #c5 .kc-section,
    #c5 section {
        padding: 0 30px
    }
    #c5 .kc-section .center section,
    #c5 .kc-section.layout-one-column-full,
    #c5 section .center section,
    #c5 section.layout-one-column-full {
        padding: 0
    }
    #c5 .kc-section .center section.col-1\/2,
    #c5 section .center section.col-1\/2 {
        width: 100%;
        clear: both
    }
    #c5 .kc-section .center section.col,
    #c5 section .center section.col {
        float: none
    }
}

@media only screen and (max-width:599px) {
    #c5 .kc-section,
    #c5 section {
        padding: 0 20px
    }
    #c5 .kc-section .center section,
    #c5 section .center section {
        padding: 0
    }
    #c5 h2 {
        margin: 1em .5em
    }
}

#c5 h3,
#c5 section.depad {
    padding: 0
}

#c5 h1,
#c5 h2,
#c5 h3,
#c5 h4,
#c5 h5 {
    font-family: Oswald, sans-serif;
    color: #3c571e
}

#c5 h3 .gray-h3,
#c5 h3 .thin-prox {
    font-family: proxima-nova, sans-serif
}

#c5 h2 {
    font-size: 60px;
    font-size: 3.75rem;
    color: #5e8637;
    text-transform: uppercase
}

#c5 h2 span.bold-upper {
    color: #000
}

@media only screen and (max-width:1599px) {
    #c5 h2 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media only screen and (max-width:1199px) {
    #c5 h2 {
        font-size: 32px;
        font-size: 2rem
    }
}

@media only screen and (max-width:799px) {
    #c5 h2 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (max-width:499px) {
    #c5 .who-we-are .center section p,
    #c5 .who-we-are-img-content .center section p {
        line-height: 1.25em
    }
    #c5 h2 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

#c5 h3 {
    margin: 0;
    font-size: 39px;
    font-size: 2.4375rem;
    color: #5e8637;
    text-transform: uppercase;
    line-height: 1em
}

#c5 h3 .header-green {
    color: #122006;
    line-height: 1.1em;
    display: block
}

#c5 h3 .header-green-inline {
    color: #122006;
    line-height: 1.1em;
    display: inline
}

#c5 h3 .gray-h3 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 100;
    color: #3f4040
}

#c5 h3 .thin-prox {
    font-size: 40px;
    font-size: 2.5rem;
    color: #000;
    display: block
}

 .header-green {
 color:#263014;
 }

#c5 .banner-title_yellow-tab a,
#c5 .blockquote,
#c5 ul.blockquote-list li {
    font-family: Oswald, sans-serif;
    text-transform: uppercase
}

#c5 h3.transparent {
    color: transparent
}

@media only screen and (max-width:668px) {
    #c5 h3.transparent {
        display: none
    }
}

@media only screen and (max-width:1699px) {
    #c5 h3 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media only screen and (max-width:1199px) {
    #c5 h3 {
        font-size: 32px;
        font-size: 2rem
    }
}

@media only screen and (max-width:1299.98px) {
    #c5 h3 {
        font-size: 28px;
        font-size: 1.75rem
    }
    #c5 h3 .gray-h3 {
        font-size: 15px;
        font-size: .9375rem
    }
}

@media only screen and (max-width:899px) {
    #c5 h3 {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media only screen and (max-width:799px) {
    #c5 h3 {
        font-size: 27px;
        font-size: 1.6875rem
    }
}

@media only screen and (max-width:699px) {
    #c5 h3 {
        font-size: 32px;
        font-size: 2rem
    }
}

@media only screen and (max-width:599px) {
    #c5 h3 {
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media only screen and (max-width:499px) {
    #c5 h3 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media only screen and (max-width:399px) {
    #c5 h3 {
        font-size: 22px;
        font-size: 1.375rem
    }
}

#c5 h4 {
    margin: 0 0 calc(10px + 1.5vw);
    padding-top: 0;
    font-size: 26px;
    font-size: 1.625rem;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px
}

#c5 h5 {
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    color: #5e8637;
    text-transform: uppercase;
    letter-spacing: 1px
}

#c5 h5 .header-green {
    font-size: 25px;
    font-size: 1.5625rem;
    color: #122006
}

#c5 a {
    color: #000
}

#c5 .pad-top-15 {
    padding-top: 15px
}

#c5 .pad-bottom-15 {
    padding-bottom: 15px
}

#c5 .no-break .header-green {
    display: inline-block
}

@media only screen and (max-width:668px) {
    #c5 .single-pad-me {
        padding: 0 30px
    }
}

#c5 .tel {
    font-size: inherit;
    color: inherit;
    text-decoration: none
}

#c5 .tel:hover {
    text-decoration: none
}

@media only screen and (min-width:700px) {
    #c5 .two-col-pad .center .col-1\/2:nth-of-type(odd) {
        padding-right: 16px
    }
    #c5 .two-col-pad .center .col-1\/2:nth-of-type(even) {
        padding-left: 16px
    }
}

#c5 ul.blockquote-list {
    list-style: none;
    padding-left: 5px
}

@media only screen and (max-width:668px) {
    #c5 ul.blockquote-list {
        padding-left: 0;
        margin: 0
    }
}

#c5 .blockquote,
#c5 ul.blockquote-list li {
    padding: 10px 30px 10px 20px;
    font-weight: 100;
    font-size: 18px;
    font-size: 1.125rem;
    color: #609150;
    border-left: 2px solid #609150;
    line-height: normal;
    display: block;
    margin-left: 35px
}

@media only screen and (max-width:1399px) {
    #c5 .blockquote,
    #c5 ul.blockquote-list li {
        margin-left: 1em;
        padding: 10px
    }
}

@media only screen and (max-width:1199px) {
    #c5 .blockquote,
    #c5 ul.blockquote-list li {
        font-size: 16px;
        font-size: 1rem
    }
}

@media only screen and (max-width:1299.98px) {
    #c5 .blockquote,
    #c5 ul.blockquote-list li {
        margin-right: 1em
    }
}

@media only screen and (max-width:699px) {
    #c5 .blockquote,
    #c5 ul.blockquote-list li {
        padding: 10px 30px 10px 10px;
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media only screen and (max-width:499px) {
    #c5 .blockquote,
    #c5 ul.blockquote-list li {
        font-size: 15px;
        font-size: .9375rem
    }
}

#c5 .center-ul {
    width: auto;
    min-width: 0;
    max-width: 90%;
    margin: 0 auto;
    display: inline-block;
    text-align: left
}

@media only screen and (min-width:1300px) {
    #c5 .center-ul {
        max-width: 80%
    }
}

#c5 .mobile-668 .col-1\/2:last-of-type {
    padding-left: calc(10px + 1vw)
}

@media only screen and (max-width:799px) {
    #c5 .mobile-668 .center .col-1\/2:first-of-type ul,
    #c5 .mobile-668 .center .col-1\/2:last-of-type ul.blockquote-list {
        padding-left: 0
    }
}

@media only screen and (max-width:668px) {
    #c5 .mobile-668 .center {
        padding: 30px
    }
    #c5 .mobile-668 .center .col {
        float: none
    }
    #c5 .mobile-668 .center .col-1\/2 {
        width: 100%;
        clear: both
    }
    #c5 .mobile-668 .center .col-1\/2:first-of-type {
        padding-bottom: 0;
        padding-left: 0;
        margin-bottom: 0
    }
    #c5 .mobile-668 .center .col-1\/2:first-of-type ul {
        padding-bottom: 0;
        margin-bottom: 0
    }
    #c5 .mobile-668 .center .col-1\/2:last-of-type {
        padding-top: 0;
        margin-top: 0;
        padding-left: 0
    }
    #c5 .mobile-668 .center .col-1\/2:last-of-type ul.blockquote-list {
        padding-top: 0;
        margin-top: 0
    }
}

#c5 .image-band {
    margin: 80px auto 90px
}

@media only screen and (max-width:668px) {
    #c5 .image-band {
        margin: calc(30px + 2.5vw) auto;
        padding: 0
    }
}

#c5 .section-title-block {
    padding-top: 25px
}

#c5 .section-title-block.accordion {
    cursor: pointer
}

#c5 .section-title-block.accordion.open .title img {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

#c5 .section-title-block.accordion .title {
    padding-right: 38px;
    position: relative
}

#c5 .section-title-block.accordion .title img {
    width: 33px;
    height: 16px;
    right: 10px;
    transition: all .3s;
    box-shadow: none
}

#c5 .section-title-block .title h2 {
    margin-bottom: 0;
    line-height: .5
}

#c5 .section-title-block .subtitle {
    text-align: center
}

#c5 .section-title-block hr {
    height: 0;
    width: 150px;
    margin-top: 20px;
    margin-bottom: 40px;
    border-top: 2px solid #5e8637
}

@media only screen and (max-width:668px) {
    #c5 .section-title-block .subtitle {
        padding: 0 30px
    }
}

#c5 .social-block {
    width: 100%;
    text-align: center
}

#c5 .social-block::after {
    display: table
}

#c5 .social-block .socials {
    min-width: 0;
    display: inline-block
}

#c5 .social-block .socials::after {
    display: table
}

#c5 .social-block .socials a.social {
    width: 1.5vw;
    height: 1.5vw;
    margin-right: .5vw;
    display: block;
    float: left
}

#c5 .social-block .socials a.social span {
    display: block
}

#c5 .social-block .socials a.social i:before {
    font-size: 1.25vw;
    color: #fff;
    line-height: normal
}

#c5 .social-block .socials a.social:hover i:before {
    color: #f4d03f
}

#c5 .banner-clear::after {
    display: table
}

#c5 .banner-title {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

#c5 .banner-title_filler {
    width: 100%;
    height: calc(200px + 11.25vw)
}

#c5 .banner-title_title-container hr {
    height: 0;
    width: 150px;
    margin-top: calc(15px + .75vw);
    margin-bottom: calc(30px + 1.25vw);
    background-color: #fff;
    border-top: 2px solid #5e8637;
    border-left: none;
    border-right: none;
    border-bottom: none;
    position: relative;
    z-index: 10
}

#c5 .banner-title img {
    box-shadow: none;
    display: block
}

#c5 .banner-title_title-subtitle {
    margin-top: -1px;
    padding: 0 calc(10px + 1vw);
    font-size: calc(17px + .05vw);
    background-color: #fff
}

#c5 .banner-title_title {
    text-align: center
}

#c5 .banner-title_title h1,
#c5 .banner-title_title h2,
#c5 .banner-title_title h3,
#c5 .banner-title_title h4,
#c5 .banner-title_title h5 {
    padding: 0;
    margin: 0
}

#c5 .banner-title_title h1 .header-green,
#c5 .banner-title_title h2 .header-green,
#c5 .banner-title_title h3 .header-green,
#c5 .banner-title_title h4 .header-green,
#c5 .banner-title_title h5 .header-green {
    color: #122006
}

#c5 .banner-title_title h1,
#c5 .banner-title_title h2 {
    font-size: calc(30px + 1.6vw)
}

#c5 .banner-title_title h3 {
    font-size: calc(26px + 1.25vw)
}

#c5 .banner-title_title h4 {
    font-size: calc(22px + 1vw)
}

#c5 .banner-title_subtitle {
    text-align: center
}

#c5 .banner-title_yellow-tab {
    position: fixed;
    top: calc(100px + 8.5vw);
    right: 0;
    z-index: 70
}

#c5 .banner-title_yellow-tab a {
    padding: calc(10px + .75vw) calc(25px + 1.8vw) calc(10px + .75vw) calc(10px + 1.25vw);
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 600;
    text-decoration: none;
    background: #f3c82e;
    border-radius: 8px 0 0 8px
}

#c5 .banner-title_yellow-tab a:hover {
    text-decoration: none;
    background: #f9e963
}

#main-content .banner-title-block {
    position: relative;
    z-index: 100;
    margin-top: -5rem;
    margin-bottom: 5rem;
}

#c5 .button-set-block {
    padding: calc(10px + .25vw) 0 calc(4px + .1vw);
    margin-top: calc(10px + .25vw)
}

#c5 .button-set-block::after {
    display: table
}

#c5 .button-set-block .buttons-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#c5 .button-set-block .buttons-container.left {
    -ms-flex-pack: start;
    justify-content: flex-start
}

#c5 .button-set-block .buttons-container.center {
    -ms-flex-pack: justify;
    justify-content: space-between
}

#c5 .button-set-block .buttons-container.middle {
    -ms-flex-pack: center;
    justify-content: center
}

#c5 .button-set-block .buttons-container.middle .single {
    padding: 0 calc(10px + .5vw)
}

#c5 .button-set-block .buttons-container.middle .single+.single {
    padding-left: calc(10px + .5vw);
    border-left: 2px solid rgba(211, 211, 211, .7)
}

#c5 .button-set-block .buttons-container.right {
    -ms-flex-pack: end;
    justify-content: flex-end
}

#c5 .button-set-block .buttons-container.right:last-of-type {
    padding-right: 0
}

#c5 .button-set-block .buttons-container .single {
    padding: 0 calc(5px + .25vw) 0 0;
    margin-bottom: calc(6px + .15vw)
}

#c5 .button-set-block .buttons-container .single:last-of-type {
    padding-right: calc(5px + .25vw)
}

#c5 .button-set-block .buttons-container .button {
    margin: 0
}

#c5 .button-set-block .buttons-container .button::after {
    display: table
}

#c5 .button-set-block .buttons-container .button a {
    display: block
}

#c5.page-turf-talk {
    background-image: url(../../../themes/turfmasters//images/turfroll_side.jpg), url(../../../themes/turfmasters//images/turfroll_side2.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: top 700px right, bottom 300px left;
    background-size: 20% auto, 20% auto
}

@media only screen and (max-width:1799px) {
    #c5.page-turf-talk {
        background-position: top 650px right, bottom 200px left;
        background-size: 16% auto, 16% auto
    }
}

@media only screen and (max-width:1699px) {
    #c5.page-turf-talk {
        background-position: top 620px right, bottom 200px left;
        background-size: 17% auto, 17% auto
    }
}

@media only screen and (max-width:1599px) {
    #c5.page-turf-talk {
        background-position: top 590px right, bottom 175px left;
        background-size: 14% auto, 14% auto
    }
}

@media only screen and (max-width:1499px) {
    #c5.page-turf-talk {
        background-position: top 570px right, bottom 160px left;
        background-size: 12% auto, 12% auto
    }
}

@media only screen and (max-width:1399px) {
    #c5.page-turf-talk {
        background: 0 0
    }
}

#c5 .turf-bg {
    padding-top: 20px;
    background-image: url(../../../themes/turfmasters//images/turfroll_side.jpg), url(../../../themes/turfmasters//images/turfroll_side2.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: top right, bottom left;
    background-size: 15% auto, 15% auto
}

@media only screen and (max-width:1799px) {
    #c5 .turf-bg {
        background-position: top right, bottom left;
        background-size: 16% auto, 16% auto
    }
}

@media only screen and (max-width:1699px) {
    #c5 .turf-bg {
        background-position: top right, bottom left;
        background-size: 17% auto, 17% auto
    }
}

@media only screen and (max-width:1599px) {
    #c5 .turf-bg {
        background-position: top right, bottom left;
        background-size: 14% auto, 14% auto
    }
}

@media only screen and (max-width:1499px) {
    #c5 .turf-bg {
        background-position: top right, bottom left;
        background-size: 12% auto, 12% auto
    }
}

@media only screen and (max-width:1399px) {
    #c5 .turf-bg {
        background: 0 0
    }
}

#c5 .icon-fax,
#c5 .icon-location,
#c5 .icon-phone,
#c5 .icon-spacer {
    height: 21px;
    width: 18px;
    margin-right: 5px;
    display: block;
    float: left
}

#c5 .triple-image-heading-block .images-line::after,
#c5 .triple-image-heading-block::after {
    display: table;
    clear: both;
    content: ""
}

#c5 .icon-fax,
#c5 .icon-location,
#c5 .icon-phone {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% 100%
}

#c5 .icon-location {
    background-image: url(../../../themes/turfmasters//images/icon_location.jpg)
}

#c5 .icon-phone {
    background-image: url(../../../themes/turfmasters//images/icon_phone.jpg)
}

#c5 .icon-fax {
    background-image: url(../../../themes/turfmasters//images/icon_fax.jpg)
}

#c5 .triple-image-heading-block {
    width: 100%;
    padding: calc(30px + (2vw * 1.25)) 0 calc(35px + (2vw * 2));
    clear: both
}

#c5 .triple-image-heading-block .images-line {
    width: 100%;
    height: calc(50px + 2vw);
    position: relative
}

#c5 .triple-image-heading-block .images-line .line {
    width: calc(50px * 8 + 2vw);
    height: 0;
    margin: 0 auto;
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-top: 2px solid #e2e2e2
}

@media only screen and (max-width:499px) {
    #c5 .social-block {
        text-align: center
    }
    #c5 .triple-image-heading-block .images-line .line {
        width: 80vw
    }
}

#c5 .triple-image-heading-block .images {
    width: calc((50px * 3) + 2vw);
    height: calc(50px + 2vw);
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5
}

#c5 .triple-image-heading-block .images .image {
    width: calc(50px + 2vw);
    min-width: calc(50px + 2vw);
    height: inherit;
    padding-top: calc(50px + 2vw);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

#c5 .triple-image-heading-block .images .image:nth-of-type(n+2) {
    margin-left: calc(50px / 2 * -1)
}

#c5 .triple-image-heading-block .title {
    margin: calc(15px + 1vw) 0 calc(5px + .1vw);
    text-align: center
}

#c5 .triple-image-heading-block .description {
    text-align: center
}

#c5 .triple-image-heading-block .button-block {
    margin-top: calc(35px + 2vw);
    text-align: center
}

#c5 .custom-ordering-block img,
#c5 .section-banner-block img {
    box-shadow: none
}

#c5 .search-results h3 {
    font-size: calc(25px + .25vw);
    display: inline-block
}

#c5 .search-results-container .ccm-pagination-wrapper {
    width: 100%;
    margin-top: calc(30px + 2vw);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination>.active {
    background-color: #7ab446
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination>.active>span {
    border-color: #2F491A
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination>li,
#c5 .search-results-container .ccm-pagination-wrapper ul.pagination>li>a {
    color: #fff
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li {
    height: 40px;
    width: 40px;
    margin: 0 1px;
    font-size: .75em;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #5e8637;
    -ms-flex-flow: column;
    flex-flow: column;
    cursor: pointer;
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li:hover {
    background-color: #7ab446
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li span {
    margin-left: 2px;
    border-radius: 0
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li span.sr-only {
    display: none
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li.next,
#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li.prev {
    width: 90px;
    background-color: #5e8637
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li.next span,
#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li.prev span {
    margin-left: 0
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li.next:hover,
#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li.prev:hover {
   cursor: pointer;
    background-color: #7ab446
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li.next.disabled,
#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li.prev.disabled {
    background-color: transparent;
    color: #ccc;
    border: 1px solid #ccc
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li.next.disabled:hover,
#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li.prev.disabled:hover {
    pointer-events: none
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li.prev {
    border-radius: 15px 0 0 15px
}

#c5 .search-results-container .ccm-pagination-wrapper ul.pagination li.next {
    border-radius: 0 15px 15px 0
}

.jump-arrow-container {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    height: 0;
    position: relative;
    overflow: visible
}

.jump-arrow-container::after {
    clear: both;
    content: "";
    display: table
}

.jump-arrow-container #jump-arrow {
    height: 50px;
    width: 50px;
    position: absolute;
    right: 25px;
    top: -60px;
    background-image: url(../../../themes/turfmasters//images/jump_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(94, 134, 55, .7);
    border-radius: 10px
}

.jump-arrow-container #jump-arrow:hover {
    background-color: #5e8637;
    cursor: pointer
}

.section-banner-block {
    width: 100%;
    min-height: 277px;
    margin: 70px auto 50px;
    color: #fff;
    position: relative
}

#c5 .section-banner-block .text {
    margin-left: 50px;
    position: absolute;
    top: 60px
}

#c5 .section-banner-block .text h3 {
    font-size: 58px;
    font-size: 3.625rem
}

#c5 .section-banner-block .logo {
    width: 297px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#c5 .section-banner-block .button {
    margin-left: 50px;
    position: absolute;
    bottom: 55px;
    z-index: 5
}

#c5 .section-banner-block .button a {
    padding: 1em 4em;
    font-family: GothamHTF-Book;
    font-size: 11px;
    font-size: .6875rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 0;
    background: rgba(0, 0, 0, .5)
}

#c5 .section-banner-block .button a:hover {
    color: #f4d03f;
    background: rgba(0, 0, 0, .5)
}

#c5 .section-banner-block .background-image {
    min-height: 270px;
    opacity: 0;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0
}

@media only screen and (max-width:1399px) {
    #c5 .section-banner-block {
        margin: 0 auto 10px
    }
}

@media only screen and (max-width:1199px) {
    #c5 .section-banner-block {
        width: 100%;
        background-size: 100% 100% !important
    }
    #c5 .section-banner-block .button {
        bottom: 30px
    }
    #c5 .section-banner-block .background-image img {
        min-height: 270px
    }
}

@media only screen and (max-width:1099px) {
    #c5 .section-banner-block {
        background-size: auto 100% !important
    }
}

@media only screen and (max-width:1299.98px) {
    #c5 .section-banner-block .text {
        margin-left: 35px;
        top: 60px
    }
    #c5 .section-banner-block .text h3 {
        font-size: 45px;
        font-size: 2.8125rem
    }
    #c5 .section-banner-block .button {
        margin-left: 35px;
        bottom: 70px
    }
}

@media only screen and (max-width:799px) {
    #c5 .section-banner-block {
        background-position: center right 30% !important
    }
    #c5 .section-banner-block .logo {
        margin: 0 auto;
        background: rgba(255, 255, 255, .9);
        border-radius: 50%;
        position: relative;
        top: 20px;
        right: auto;
        left: auto;
        bottom: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    #c5 .section-banner-block .text {
        margin-left: 35px;
        position: relative;
        top: 50px
    }
    #c5 .section-banner-block .text h3 {
        font-size: 55px;
        font-size: 3.4375rem
    }
    #c5 .section-banner-block .button {
        position: relative;
        top: 60px;
        bottom: auto
    }
    #c5 .section-banner-block .background-image {
        min-height: 130px;
        height: 1px
    }
}

@media only screen and (max-width:599px) {
    #c5 .section-banner-block {
        background-position: center right 40% !important
    }
    #c5 .section-banner-block .background-image {
        min-height: 100px
    }
}

@media only screen and (max-width:399px) {
    #c5 .section-banner-block .logo {
        width: 90%;
        max-width: 297px;
        height: auto
    }
    #c5 .section-banner-block .logo img {
        width: 100%;
        height: auto
    }
}

#c5 .section-banner-block__popup {
    padding: calc(75px + .25vw) 0 calc(25px + .15vw)
}

#c5 .section-banner-block__popup h5 {
    color: #3f4040;
    letter-spacing: .025vw
}

#c5 .section-banner-block__popup .popup-link {
    color: #5e8637;
    font-weight: 700
}

#c5 .section-banner-block__popup .popup-link:hover {
    text-decoration: underline;
    cursor: pointer
}

#c5 .section-banner-block__popup .popup__outer {
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .25);
    z-index: 100
}

#c5 .section-banner-block__popup .popup__outer.active {
    display: -ms-flexbox;
    display: flex
}

#c5 .section-banner-block__popup .popup__content {
    width: calc(300px + 10vw);
    color: #fff;
    padding: calc(15px + 1vw) calc(10px + 1vw);
    background-color: rgba(18, 32, 6, .95);
    border-radius: calc(5px + .5vw);
    border: calc(3px + .025vw) solid #f3c82e;
    box-shadow: calc(5px + .25vw) calc(5px + .25vw) calc(5px + .25vw) rgba(0, 0, 0, .5);
    position: relative
}

#c5 .section-banner-block__popup .popup__close {
    padding: 7px;
    color: #fff;
    font-size: 11px;
    font-family: arial;
    line-height: .9;
    background-color: #000;
    border-radius: calc(50% + 2vw);
    -webkit-transform: scaleY(.85);
    transform: scaleY(.85);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

#c5 .section-banner-block__popup .popup__close:hover {
    color: #f3c82e;
    cursor: pointer
}

#c5 .section-banner-block__popup .popup__options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

#c5 .section-banner-block__popup .popup__options>a {
    margin-left: calc(2px + .025vw);
    margin-right: calc(2px + .025vw)
}

@media only screen and (max-width:1299px) {
    #c5.logged .yellow-tab {
        top: calc(175px + 2vw)
    }
}

@media only screen and (max-width:649px) {
    #c5.logged .yellow-tab {
        top: 149px
    }
}

#c5 .slider-banner {
    padding: 0;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden
}

#c5 .slider-banner .home-slider-block {
    position: relative;
    overflow: hidden;
    z-index: 3
}

#c5 .slider-banner .home-slider-block .slides {
    width: 100%;
    position: relative;
    text-align: center;
    margin: 0
}

#c5 .slider-banner .home-slider-block .slides .content-container img {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0
}

#c5 .slider-banner .home-slider-block .slides .slick-slide {
    background-position: center center;
    background-size: cover
}

#c5 .slider-banner .home-slider-block .slides .content-container {
    height: calc(192px + 46vw);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

#c5 .slider-banner .home-slider-block .slides .content-container .content-info {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:1300px) {
    #c5 .slider-banner .home-slider-block .slides .content-container .content-info {
        width: calc(100% - 250px);
        margin-left: 250px;
        margin-top: -10vw
    }
}

#c5 .slider-banner .home-slider-block .slides .content-container .content-info .content,
#c5 .slider-banner .home-slider-block .slides .content-container .content-info .subtitle-bold,
#c5 .slider-banner .home-slider-block .slides .content-container .content-info .title {
    width: 100%;
    line-height: 1
}

#c5 .slider-banner .home-slider-block .slides .content-container .content-info .title {
    margin: 0;
    color: #fff;
    font-size: calc(20px + 3.75vw);
    font-family: Oswald, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 2px 1px 5px #000
}

#c5 .slider-banner .home-slider-block .slides .content-container .content-info .subtitle-bold {
    padding: 0;
    margin: 0;
    color: #f4d03f;
    font-size: calc(20px + 7.5vw);
    font-family: Oswald, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

#c5 .slider-banner .home-slider-block .slides .content-container .content-info .content {
    width: 100%;
    margin: 35px 0 30px;
    color: #fff;
    font-family: proxima-nova, sans-serif;
    font-weight: 300
}

#c5 .pricing-calculator-block .title,
#c5 .product-block.infill .product .title-1,
#c5 .slider-banner #slider-banner-nav .side-label div,
#c5 .team-block .team-member .member-info * {
    font-family: Oswald, sans-serif
}

#c5 .slider-banner #slider-banner-nav {
    width: 250px;
    position: absolute;
    top: calc(64px + 6.5vw);
    left: 0;
    z-index: 20
}

#c5 .slider-banner #slider-banner-nav a {
    text-decoration: none
}

#c5 .slider-banner #slider-banner-nav .side-label {
    width: inherit;
    margin: calc(3px + .2vw) 0 0;
    cursor: pointer
}

#c5 .slider-banner #slider-banner-nav .side-label div {
    width: 85%;
    padding: calc(3px + 1vw);
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    background: rgba(94, 134, 55, .8);
    border-radius: 0 .4em .4em 0;
    transition: all .3s ease;
    cursor: pointer
}

#c5 .slider-banner #slider-banner-nav .side-label div.select,
#c5 .slider-banner #slider-banner-nav .side-label div:active,
#c5 .slider-banner #slider-banner-nav .side-label div:hover {
    width: 100%;
    color: #000;
    background: #f4d03f;
    transition: all .3s ease
}

@media only screen and (max-width:1299.98px) {
    #c5 .slider-banner #slider-banner-nav {
        display: none
    }
}

#c5 .slider-banner .slider-banner-arrows {
    width: 100%;
    margin-top: calc(10px + 1vw);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    cursor: pointer
}

#c5 .slider-banner .slider-banner-arrows .slick-arrow {
    height: 26px;
    width: 46px;
    background-image: url(../../../themes/turfmasters//images/arrow_left.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-indent: -9999px;
    position: relative;
    z-index: 20;
    top: 0
}

#c5 .slider-banner .slider-banner-arrows .slick-next,
#c5 .slider-banner .slider-banner-arrows .slick-prev {
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: all 150ms ease-in-out
}

#c5 .slider-banner .slider-banner-arrows .slick-prev:hover {
    -webkit-transform: translate(0) scale(1.1);
    transform: translate(0) scale(1.1)
}

#c5 .slider-banner .slider-banner-arrows .slick-next {
    margin-left: 30px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#c5 .slider-banner .slider-banner-arrows .slick-next:hover {
    -webkit-transform: rotate(180deg) scale(1.1);
    transform: rotate(180deg) scale(1.1)
}

#c5 .slider-banner .banner-curve {
    box-shadow: none;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: -1px;
    z-index: 5
}

@media only screen and (min-width:1800px) {
    #c5 .slider-banner .home-slider-block .slides .content-container .content-info .content {
        font-size: 1vw
    }
    #c5 .slider-banner .home-slider-block .slides .content-container .content-info .title {
        font-size: 90px;
        font-size: 5.625rem
    }
    #c5 .slider-banner .home-slider-block .slides .content-container .content-info .subtitle-bold {
        font-size: 160px;
        font-size: 10rem
    }
}

#c5.logged #slider-banner-nav {
    top: 0
}

#c5 .testimonials-slider-block {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    display: none;
    padding: 30px
}

#c5 .testimonials-slider-block .slides .name {
    margin-top: 2em;
    font-style: italic;
    line-height: 1em
}

#c5 .testimonials-slider-block .slick-track {
    display: table
}

#c5 .testimonials-slider-block .slick-slide {
    display: table-cell !important;
    vertical-align: middle;
    float: none
}

#c5 .testimonials-slider-block .location {
    font-size: 14px;
    font-size: .875rem
}

#c5 .testimonials-slider-block .testimonial-arrows {
    height: 60px;
    width: 76px;
    margin: 0 auto;
    font-size: 0;
    position: relative;
    overflow: hidden
}

#c5 .testimonials-slider-block .slick-arrow {
    height: 25px;
    width: 33px;
    text-indent: -9999px;
    top: 0;
    background: url(../../../themes/turfmasters//images/testimonial_arrow.png) no-repeat;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow: visible
}

#c5 .testimonials-slider-block .slick-prev {
    left: 0
}

#c5 .testimonials-slider-block .slick-next {
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (max-width:668px) {
    #c5 .testimonials-slider-block {
        padding: 30px 0 10px
    }
}

#c5 .personal-focus {
    width: 100%;
    margin: 0 auto;
    padding: calc(30px + 2vw) calc(10px + 2vw);
    text-align: center;
    background-image: url(../../../themes/turfmasters//images/personal_focus_bg.jpg);
    background-size: 100% 100%;
    background-position: bottom center
}

#c5 .custom-ordering-block,
#c5 .customer-experience__img,
#c5 .product-block.infill .product .image .product-img,
#c5 .product-block__single--img,
#c5 .product-block__single--link--img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#c5 .personal-focus .section-title-block {
    padding-top: 0;
    margin-bottom: 15px
}

#c5 .personal-focus .section-title-block h2 {
    margin-top: 0
}

#c5 .personal-focus p {
    max-width: 1200px;
    margin: 0 auto
}

@media only screen and (min-width:1920px) {
    #c5 .personal-focus {
        padding-top: 70px
    }
}

#c5 .personal-focus-no-img {
    width: 100%;
    margin: 0 auto;
    padding: calc(30px + 2vw) calc(10px + 2vw);
    text-align: center
}

#c5 .personal-focus-no-img .section-title-block {
    padding-top: 0;
    margin-bottom: 15px
}

#c5 .personal-focus-no-img .section-title-block h2 {
    margin-top: 0
}

#c5 .personal-focus-no-img p {
    max-width: 1200px;
    margin: 0 auto
}

@media only screen and (min-width:1920px) {
    #c5 .personal-focus-no-img {
        padding-top: 70px
    }
}

@media only screen and (max-width:1499px) {
    #c5 .personal-focus p,
    #c5 .personal-focus-no-img p {
        font-size: 15px;
        font-size: .9375rem
    }
}

#c5 .customer-experience-container .ccm-custom-style-container {
    width: 100%;
    padding: calc(20px + .25vw) 10px calc(30px + .3vw);
    margin: 0
}

#c5 .customer-experience {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

#c5 .customer-experience__single {
    width: auto;
    min-width: 0;
    padding: 0 calc(5px + .25px);
    display: inline-block
}

#c5 .application-block .application::after,
#c5 .customer-experience .button-block::after,
#c5 .customer-experience__img::after,
#c5 .team-block::after {
    content: "";
    display: table;
    clear: both
}

#c5 .customer-experience__img {
    width: calc(130px + .125vw);
    height: calc(130px + .125vw);
    margin: 0 auto
}

#c5 .customer-experience__desc {
    width: 100%;
    font-size: calc(12px + .1vw)
}

#c5 .customer-experience .button-block {
    width: 100%
}

@media only screen and (max-width:699px) {
    #c5 .customer-experience__single {
        width: 50%
    }
}

#c5 .col-50-3125 section:nth-of-type(2) {
    width: 24.25%;
    padding: calc(20px + 3.5vw) 0 0 calc(10px + 1.5vw)
}

@media only screen and (min-width:1920px) {
    #c5 .col-50-3125 section:nth-of-type {
        padding: 125px 40px
    }
}

@media only screen and (max-width:1599px) {
    #c5 .col-50-3125 section:nth-of-type(2) {
        width: 29%
    }
}

@media only screen and (max-width:1399px) {
    #c5 .col-50-3125 section:nth-of-type(2) {
        width: 35%
    }
}

@media only screen and (max-width:1099px) {
    #c5 .col-50-3125 section:nth-of-type(2) {
        width: 42%;
        padding-top: 20px
    }
}

@media only screen and (max-width:699px) {
    #c5 .col-50-3125 section:nth-of-type(2) {
        padding: 0
    }
    #c5 .col-50-3125 section.col {
        float: none
    }
    #c5 .col-50-3125 section.col-1\/2 {
        width: 100%;
        clear: both
    }
}

@media only screen and (max-width:668px) {
    #c5 .col-50-3125,
    #c5 .col-50-3125 section {
        padding: 0
    }
    #c5 .col-50-3125 section:nth-of-type(2) {
        padding: 15px 30px
    }
}

@media only screen and (max-width:599px) {
    #c5 .col-50-3125,
    #c5 .col-50-3125 section {
        padding: 0
    }
    #c5 .col-50-3125 section:nth-of-type(2) {
        padding: 15px 30px
    }
}

#c5 .team-block {
    width: 100%;
    padding: 0
}

#c5 .team-block .team-member {
    margin-bottom: 1.5vw
}

#c5 .team-block .team-member.col-1\/4 {
    width: 22.75%;
    margin: 1.1%
}

#c5 .team-block .team-member .image {
    width: 12.9vw;
    height: 12.9vw;
    min-width: 245px;
    min-height: 240px;
    margin: 0 auto;
    text-align: center
}

#c5 .team-block .team-member .image img {
    width: 100%;
    height: auto
}

#c5 .team-block .team-member .member-info {
    width: 100%;
    height: 5.625vw;
    min-height: 100px;
    padding: 1.198vw 0;
    text-align: center;
    overflow: hidden
}

#c5 .team-block .team-member .title {
    margin-bottom: 6px;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 600
}

#c5 .team-block .team-member .name {
    margin-bottom: 6px;
    font-weight: 700;
    color: #7ab446
}

#c5 .team-block .team-member .phone-fax {
    font-size: 11px;
    font-size: .6875rem;
    text-transform: uppercase
}

@media only screen and (min-width:1920px) {
    #c5 .team-block .team-member.col-1\/4 {
        margin-right: 7px
    }
    #c5 .team-block .team-member .image {
        width: 240px;
        height: 240px
    }
}

@media only screen and (max-width:1499px) {
    #c5 .team-block .team-member .image {
        width: 15vw;
        height: 15vw
    }
}

@media only screen and (max-width:1099px) {
    #c5 .team-block .team-member.col-1\/4 {
        width: 32%;
        margin: .6%
    }
}

@media only screen and (max-width:849px) {
    #c5 .team-block .team-member .image {
        min-width: 210px;
        min-height: 210px
    }
}

@media only screen and (max-width:699px) {
    #c5 .team-block .team-member.col-1\/4 {
        width: 48%;
        margin: 1%
    }
}

@media only screen and (max-width:499px) {
    #c5 .team-block .team-member.col {
        float: none;
        clear: both
    }
    #c5 .team-block .team-member.col-1\/4 {
        width: 100%;
        margin: 0
    }
}

@media only screen and (max-width:668px) {
    #c5 section.app-custom-ordering {
        padding: 0
    }
}

#c5 .application-block {
    width: 100%;
    margin: calc(20px + 4.5vw) 0 calc(14px + 1vw)
}

#c5 .application-block .application {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc
}

#c5 .application-block .application:last-of-type {
    margin-bottom: calc(30px + 2vw);
    border-bottom: none
}

#c5 .application-block .application div.col-1\/2:last-of-type {
    padding-left: calc(10px + 1.6vw)
}

#c5 .application-block .application .image img {
    width: 100%;
    height: auto
}

#c5 .application-block h3 {
    margin-top: 0;
    padding-top: 0;
    text-transform: uppercase
}

@media only screen and (max-width:668px) {
    #c5 .application-block .application {
        padding: 10px 0
    }
    #c5 .application-block .application .col {
        float: none;
        clear: both
    }
    #c5 .application-block .application .col-1\/2 {
        width: 100%
    }
    #c5 .application-block .application div.col-1\/2:last-of-type {
        padding-left: 0
    }
}

#c5 .app-specific-content {
    padding-bottom: calc(20px + 2vw)
}

#c5 .app-specific-content h3 {
    line-height: 1
}

#c5 .product-block {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#c5 .product-block__single,
#c5 .product-block__single--link {
    width: calc(33.333% - 15px);
    margin-top: calc(25px + 2vw);
    text-decoration: none
}

#c5 .product-block__single--img,
#c5 .product-block__single--link--img {
    width: 100%;
    height: calc(200px + 2vw);
    transition: all 150ms ease-in-out;
    border: 1px solid transparent
}

#c5 .product-block__single--link--titles,
#c5 .product-block__single--titles {
    width: 100%;
    margin-top: calc(2em + 2vw);
    font-family: Oswald, sans-serif;
    font-size: calc(14px + .05vw);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width:900px) {
    #c5 .product-block__single--link:nth-child(3n+2),
    #c5 .product-block__single:nth-child(3n+2) {
        margin-left: 15px;
        margin-right: 15px
    }
}

#c5 .product-block__single--link:hover {
    color: #5e8637
}

#c5 .product-block__single--link:hover .product-block__single--img {
    border: 1px solid rgba(94, 134, 55, .8);
    -webkit-transform: scale(1.0025);
    transform: scale(1.0025);
    box-shadow: calc(2px + .05vw) calc(2px + .05vw) calc(3px + .15vw) calc(1px + .015vw) rgba(0, 0, 0, .3)
}

#c5 .product-block__no-img {
    width: 100%;
    height: calc(calc(200px + 2vw) - 2px);
    color: #fff;
    background-color: #c3c3c3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:899px) {
    #c5 .product-block__single,
    #c5 .product-block__single--link {
        width: calc(50% - 10px)
    }
}

@media only screen and (max-width:499px) {
    #c5 .product-block__single,
    #c5 .product-block__single--link {
        width: 100%
    }
}

#c5 .product-block.infill {
    padding: calc(25px + 2vw) 0 calc(40px + 3vw);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

#c5 .product-block.infill .product {
    width: 48%;
    margin: calc(25px + .5vw) 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media only screen and (min-width:500px) {
    #c5 .product-block.infill .product:nth-of-type(odd) {
        margin-right: 2%
    }
    #c5 .product-block.infill .product:nth-of-type(even) {
        margin-left: 2%
    }
}

@media only screen and (max-width:499px) {
    #c5 .product-block.infill .product {
        width: calc(100% - 60px)
    }
}

#c5 .product-block.infill .product .col {
    float: none
}

#c5 .product-block.infill .product .col-1\/2 {
    width: 100%;
    text-align: center;
    clear: both
}

#c5 .product-block.infill .product .col-1\/2 .clear {
    display: none
}

#c5 .product-block.infill .product .image {
    width: 100%;
    text-align: center;
    position: relative
}

#c5 .product-block.infill .product .image .product-img {
    width: calc(150px + 1.5vw);
    height: calc(150px + 1.5vw);
    margin: 0 auto;
    border-radius: 50%;
    display: block
}

#c5 .product-block.infill .product .image .product-img.no-image {
    color: #fff;
    background-color: #c3c3c3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

#c5 .kc-detail-container::after,
#c5 .kc-subtitle p::after {
    clear: both;
    content: "";
    display: table
}

#c5 .product-block.infill .product .title-1 {
    margin-top: calc(5px + .25vw);
    font-size: calc(26px + .5vw);
    font-weight: 500;
    text-transform: uppercase
}

#c5 .product-block.infill .product .content p {
    margin-bottom: 0
}

#c5 .custom-ordering-block {
    width: 100%;
    padding-top: calc(25px + 1vw);
    padding-bottom: calc(100px + 8vw)
}

#c5 .custom-ordering-block .center {
    text-align: center
}

#c5 .custom-ordering-block .title {
    margin-top: 20px;
    font-size: calc(15px + .3vw);
    text-transform: uppercase
}

#c5 .custom-ordering-block .title h4 {
    margin: 0;
    font-size: calc(31px + 1.25vw);
    line-height: 1em;
    letter-spacing: .26vw
}

#c5 .custom-ordering-block .title p {
    margin: 0
}

#c5 .custom-ordering-block .content {
    width: 100%;
    max-width: calc(300px + 24vw);
    margin: 35px auto 0;
    padding: 0 30px;
    font-size: calc(17px + .05vw)
}

#c5 .custom-ordering-block .button-link {
    margin-top: calc(25px + 1vw)
}

#c5 .pricing-calculator-block {
    width: 100%;
    margin: 85px 0 0;
    padding-bottom: 30px;
    background: #5e8637;
    border-radius: 5px
}

#c5 .pricing-calculator-block .title {
    padding: 30px 0 30px 30px;
    font-size: 25px;
    font-size: 1.5625rem;
    color: #fff;
    text-transform: uppercase
}

#c5 .pricing-calculator-block hr {
    height: 0;
    margin: 0;
    border-top: 1px solid #fff
}

#c5 .pricing-calculator-block p {
    margin: 25px 30px 5px;
    font-family: proxima-nova, sans-serif;
    font-weight: 100;
    font-size: 14px;
    font-size: .875rem;
    color: #fff;
    letter-spacing: 1px
}

#c5 .pricing-calculator-block .input-container {
    width: 85%;
    padding: 0;
    margin: 0 30px;
    position: relative
}

#c5 .pricing-calculator-block .input-container .sq-ft {
    padding: 1px 3px;
    font-family: proxima-nova, sans-serif;
    font-size: 12px;
    font-size: .75rem;
    color: #3f4040;
    text-transform: uppercase;
    border: 1px solid #b0b0b0;
    border-radius: 4px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

#c5 .kc-img,
#c5 .knowledge-center-download-block .kc-pdf-single .img-container img {
    border: 5px solid #fff;
    box-shadow: 0 0 2.5vw #a2a2a2
}

#c5 .pricing-calculator-block .input-container input:not([type=checkbox]) {
    width: 100%;
    margin: 0;
    padding: 5px;
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    color: #3f4040
}

#c5 .back-to-articles a,
#c5 .pdf,
#c5 .pricing-calculator-block .budget {
    font-family: Oswald, sans-serif
}

#c5 .pricing-calculator-block .budget {
    font-weight: 700;
    font-size: 30px;
    font-size: 1.875rem;
    color: #f4d03f;
    padding: 0 30px;
    line-height: .6em
}

@media only screen and (min-width:700px) {
    #c5 .calc-pricing>section:nth-of-type(2) {
        margin-top: 70px
    }
    #c5 .calc-pricing>section:nth-of-type(2) .center .col-1\/2 {
        width: 49%
    }
    #c5 .calc-pricing>section:nth-of-type(2) .center .col-1\/2:first-of-type {
        padding-right: 1%
    }
    #c5 .calc-pricing>section:nth-of-type(2) .center .col-1\/2:nth-of-type(2) {
        padding-left: 1%;
        float: right
    }
    #c5 .calc-pricing>section:nth-of-type(2) .center .col-1\/2 .title h3 {
        font-size: 22px;
        font-size: 1.375rem;
        font-weight: 100;
        letter-spacing: 2px
    }
    #c5 .calc-pricing>section:nth-of-type(2) .center .col-1\/2 .title h3 .header-green {
        font-size: 40px;
        font-size: 2.5rem;
        font-weight: 600;
        letter-spacing: 2px
    }
}

@media only screen and (max-width:1154px) {
    #c5 .calc-pricing .center {
        width: 96%;
        margin: 0 auto;
        padding: 15px
    }
}

@media only screen and (max-width:699px) {
    #c5 .calc-pricing>section:nth-of-type(2) {
        margin-top: 50px
    }
    #c5 .calc-pricing .center .col-1\/2 {
        width: 100%;
        padding: 0;
        float: none;
        clear: both
    }
    #c5 .calc-pricing .pricing-calculator-block {
        margin-top: 30px;
        margin-bottom: 30px
    }
    #c5 .calc-pricing .hr-gray {
        margin-bottom: 35px
    }
    #c5 .calc-pricing .center {
        width: 100%;
        padding: 15px 0
    }
}

#c5.page-knowledge-center .layout-one-column .center .layout-content>p:first-of-type {
    margin: 80px 0 75px
}

@media only screen and (max-width:668px) {
    #c5.page-knowledge-center main>.center {
        padding: 0 30px
    }
}

@media only screen and (max-width:599px) {
    #c5 .team-block .team-member .image {
        min-width: 190px;
        min-height: 190px
    }
    #c5.page-knowledge-center main>.center {
        padding: 0 15px
    }
}

#c5 .kc-detail-container {
    padding-bottom: calc(30px + 2vw)
}

#c5 .kc-detail-container hr {
    margin: 30px 0
}

#c5 .kc-subtitle p {
    padding: 20px 0 10px
}

#c5 .kc-subtitle hr {
    margin: 30px
}

@media only screen and (max-width:699px) {
    #c5 .kc-subtitle p {
        padding: 20px 0
    }
}

#c5 .kc-img {
    width: 100%;
    height: auto;
    margin-top: 35px
}

#c5 .kc-title {
    color: #000;
    text-transform: uppercase
}

#c5 .kc-date {
    margin-top: 15px;
    font-size: 13px;
    font-size: .8125rem;
    color: #3f4040
}

#c5 .back-to-articles {
    padding-left: 25px;
    background-image: url(../../../themes/turfmasters//images/arrow_back.png);
    background-position: left center;
    background-size: auto 75%;
    background-repeat: no-repeat
}

#c5 .back-to-articles a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase
}

#c5 .back-to-articles a:hover {
    text-decoration: none
}

#c5 .pdf {
    text-transform: uppercase;
    position: relative;
    text-align: right
}

#c5 .pdf.detail-left {
    margin: 35px 0;
    text-align: left
}

#c5 .pdf a {
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700;
    display: inline-block
}

#c5 .gallery-banner::after,
#c5 .gallery::after,
#c5 .knowledge-center-download-block::after {
    display: table;
    content: "";
    clear: both
}

#c5 .pdf a[download] {
    background-image: url(../../../themes/turfmasters//images/icon_download.jpg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px
}

#c5 .ccm-block-share-this-page ul.list-inline {
    float: right
}

#c5 .knowledge-center-download-block {
    width: 100%;
    padding-top: 30px;
    position: relative
}

#c5 .knowledge-center-download-block .kc-pdf-single {
    width: 47%;
    margin: 0 6% 55px 0;
    padding-bottom: 35px;
    float: left;
    position: relative
}

#c5 .knowledge-center-download-block .kc-pdf-single:nth-of-type(even) {
    margin-right: 0
}

#c5 .knowledge-center-download-block .kc-pdf-single .img-container {
    position: relative
}

#c5 .knowledge-center-download-block .kc-pdf-single .content-container {
    padding: 20px 0
}

#c5 .knowledge-center-download-block .kc-pdf-single .content-container .title {
    font-family: Oswald, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    font-size: .9375rem
}

#c5 .knowledge-center-download-block .kc-pdf-single .content-container .description {
    font-size: 15px;
    font-size: .9375rem;
    margin: 20px 0 0
}

#c5 .knowledge-center-download-block .kc-pdf-single .button-pdf-container {
    width: 100%;
    position: absolute;
    bottom: 0
}

#c5 .knowledge-center-download-block .kc-pdf-single .button-block {
    margin-top: 5px
}

@media only screen and (max-width:668px) {
    #c5 .knowledge-center-download-block {
        padding: 15px 0
    }
    #c5 .knowledge-center-download-block .kc-pdf-single {
        width: 100%;
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: 1px solid #ccc
    }
    #c5 .knowledge-center-download-block .kc-pdf-single:last-of-type {
        margin-bottom: 0
    }
    #c5 .knowledge-center-download-block .kc-pdf-single .img-container {
        text-align: center
    }
    #c5 .knowledge-center-download-block .kc-pdf-single .button-pdf-container {
        bottom: 20px
    }
}

#c5 .sidebar-callout-block {
    margin-top: 20px;
    position: relative
}

#c5 .sidebar-callout-block .content-container {
    width: 100%;
    text-align: center;
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5
}

#c5 .sidebar-callout-block .content-container .title1,
#c5 .sidebar-callout-block .content-container .title2 {
    font-family: GothamHTF-Book;
    color: #fff;
    text-transform: uppercase
}

#c5 .sidebar-callout-block .content-container .title1 {
    font-size: 19px;
    font-size: 1.1875rem;
    letter-spacing: 4px
}

#c5 .sidebar-callout-block .content-container .title2 {
    font-size: 37px;
    font-size: 2.3125rem;
    letter-spacing: 13px
}

#c5 .sidebar-callout-block .content-container .link {
    margin-top: 25px
}

#c5 .sidebar-callout-block .content-container .link a {
    border-radius: 1px;
    background: rgba(22, 22, 22, .9)
}

#c5 .sidebar-callout-block .content-container .link a:hover {
    background: #5e8637
}

#c5 .sidebar-callout-block .background-image {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

#c5 .sidebar-callout-block .background-image img {
    width: 100%;
    height: auto;
    opacity: 0
}

@media only screen and (max-width:899px) {
    #c5 .sidebar-callout-block {
        margin-top: 10px;
        background-size: 100% 100% !important
    }
    #c5 .sidebar-callout-block .content-container .title1 {
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: 2px
    }
    #c5 .sidebar-callout-block .content-container .title2 {
        font-size: 32px;
        font-size: 2rem;
        letter-spacing: 10px
    }
}

@media only screen and (max-width:699px) {
    #c5 .sidebar-callout-block {
        margin-top: 5px
    }
    #c5 .sidebar-callout-block .content-container .title1 {
        font-size: 16px;
        font-size: 1rem;
        letter-spacing: 1px
    }
    #c5 .sidebar-callout-block .content-container .title2 {
        font-size: 26px;
        font-size: 1.625rem;
        letter-spacing: 6px
    }
}

@media only screen and (max-width:599px) {
    #c5 .sidebar-callout-block {
        height: 220px;
        overflow: hidden;
        background-size: 100% auto !important
    }
    #c5 .sidebar-callout-block .content-container .title1 {
        font-size: 22px;
        font-size: 1.375rem;
        letter-spacing: 4px
    }
    #c5 .sidebar-callout-block .content-container .title2 {
        font-size: 36px;
        font-size: 2.25rem;
        letter-spacing: 14px
    }
}

#c5 #lightbox .content-container img {
    max-width: 80vw;
    max-height: 80vh
}

#c5 .gallery {
    width: 100%;
    padding: 5px 0 calc(25px + 4vw)
}

#c5 .gallery__singles {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#c5 .gallery__singles::after {
    clear: both;
    content: "";
    display: table
}

#c5 .gallery__single {
    height: 250px;
    margin: 2px;
    width: calc(33.333% - 4px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

#c5 .gallery .button {
    display: none;
    text-align: center
}

@media only screen and (max-width:1170px) {
    #c5 .gallery {
        max-width: calc(100% - 20px)
    }
}

@media only screen and (max-width:850px) {
    #c5 .gallery__single {
        width: calc(50% - 4px)
    }
}

@media only screen and (max-width:499px) {
    #c5 .gallery__single {
        width: 100%
    }
}

#c5 .app-nav {
    width: 100%;
    margin: 18px 0 25px;
    text-align: right
}

@media only screen and (max-width:850px) {
    #c5 .app-nav {
        text-align: left;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

#c5 .app-type-label,
#c5 .app-type-nav,
#c5 .app-type-nav-clear {
    padding: .6em 1em;
    font-size: 14px;
    font-size: .875rem;
    display: inline-block
}

#c5 .app-type-label,
#c5 .app-type-nav-clear {
    font-weight: 700
}

#c5 .app-type-nav,
#c5 .app-type-nav-clear {
    cursor: pointer
}

#c5 .app-type-nav-clear {
    color: #d31d1d
}

#c5 .app-type-nav {
    margin-bottom: 5px;
    border: 2px solid #e2e2e2;
    border-radius: 3px;
    background: #fefefe;
    background: linear-gradient(to bottom, #fefefe 0, #f8f7f7 50%, #f0efef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f0efef', GradientType=0)
}

#c5 .app-type-nav.active,
#c5 .app-type-nav:hover {
    color: #5e8637;
    border: 2px solid #5e8637
}

@media only screen and (max-width:850px) {
    #c5 .app-type-label {
        width: 100%
    }
    #c5 .app-type-label::after {
        clear: both;
        content: "";
        display: table
    }
    #c5 .app-type-nav {
        width: 24.5%;
        margin: 0 .125%
    }
}

@media only screen and (max-width:699px) {
    #c5 .app-type-nav {
        width: 33%;
        margin: .165%
    }
}

@media only screen and (max-width:599px) {
    #c5 .app-type-nav {
        width: 49.75%;
        margin: .125%
    }
}

#c5 .no-results {
    display: none
}

#c5 .no-results.active {
    display: block
}

#c5 .loading {
    width: 100%;
    display: none
}

#c5 .loading::after {
    clear: both;
    content: "";
    display: table
}

#c5 .loading.active {
    display: block
}

#c5 .sk-fading-circle {
    margin: 100px auto;
    width: 100px;
    height: 100px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px auto
}

#c5 .sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#c5 .sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #2F491A;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

#c5 .sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

#c5 .sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

#c5 .sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#c5 .sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

#c5 .sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

#c5 .sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#c5 .sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

#c5 .sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

#c5 .sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

#c5 .sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

#c5 .sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

#c5 .sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

#c5 .sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

#c5 .sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

#c5 .sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

#c5 .sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

#c5 .sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

#c5 .sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

#c5 .sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

#c5 .sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

#c5 .sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

#c5 .sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {
    0%,
    100%,
    39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {
    0%,
    100%,
    39% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

#c5 .search-results-container {
    width: 100%;
    padding: calc(30px + 3vw) 0 calc(50px + 4vw)
}

#c5 .ccm-search-block-form {
    width: 100%
}

#c5 .search-results-sidebar {
    width: 100%;
    padding: 0
}

#c5 .search-results-top .search-input,
#c5 .search-results-top .search-title {
    width: 50%
}

#c5 .search-results-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#c5 .search-results-top .search-title h3 {
    margin-bottom: 0;
    font-size: 28px;
    font-size: 1.75rem;
    color: #5e8637;
    font-weight: 400
}

#c5 .search-results-top .search-input input[name=query] {
    width: 250px;
    margin: 0 20px;
    padding: 5px 20px;
    font-size: 13px;
    font-size: .8125rem;
    border-radius: 20px;
    background-image: url(../../../themes/turfmasters//images/search_icon.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    float: right
}

#c5 .search-results-top hr {
    width: 100%;
    height: 0;
    border-top: 1px solid #5e8637
}

#c5 .search-results-top input[name=submit] {
    display: none
}

@media only screen and (max-width:499px) {
    #c5 .search-results-top .search-input,
    #c5 .search-results-top .search-title {
        width: 100%
    }
    #c5 .search-results-top .search-input input[name=query] {
        margin: 10px 0;
        float: left
    }
}

#c5 .search-results-main {
    width: 100%
}


#c5 .search-results-main h3 {
    width: 100%;
    margin-bottom: 0;
    font-weight: 400
}

#c5 .search-results-main h3 a {
    color: #3c571e;
    font-size: 24px;
    font-size: 1.5rem
}

#c5 .search-results-main p {
    width: 100%;
    clear: both
}



#c5 footer .copyright-social::after,
#c5 footer::after {
    display: table;
    clear: both;
    content: ""
}

#c5 .search-results-main .pageLink:hover {
    background-color: #70a338
}

#c5 footer {
    background: #22290e
}

#c5 footer .copyright-social {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative
}

#c5 footer .copyright-social .copyright {
    width: 70%;
    padding: 20px 30px;
    font-size: 14px;
    font-size: .875rem;
    color: #fff;
    text-align: left;
    font-weight: 300;
    float: left
}

#c5 footer .copyright-social .copyright a {
    color: #fff;
    text-decoration: none
}

#c5 footer .copyright-social .copyright a:hover {
    text-decoration: underline
}

#c5 footer .copyright-social .copyright a.vuria {
    text-transform: uppercase;
    font-weight: 600
}

#c5 footer .copyright-social .copyright a.website {
    font-weight: 400;
    text-transform: none
}

#c5 footer .copyright-social .social-block {
    width: auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#c5 footer .google-map {
    overflow: hidden
}

@media only screen and (max-width:1199px) {
    #c5 footer .copyright-social .social-block {
        right: 30px
    }
}

@media only screen and (max-width:499px) {
    #c5 footer .copyright-social .copyright,
    #c5 footer .copyright-social>.social {
        width: 100%;
        float: none;
        clear: both
    }
    #c5 footer .copyright-social .social-block {
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

#c5 .map-types {
    background-color: #fff;
    border-top: 1px solid #eee;
    padding: 2rem 0
}

#c5 .map-types .table-cell {
    padding: 0 .5rem
}

#c5 .map-types button {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    font-size: 20px;
    background-size: 20px
}

#c5 .map-types button .icon {
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    position: relative;
    top: 5px;
    border-radius: 100%
}

#c5 .map-types button[data-type=residential] span {
    border: 6px solid #c2d1b2;
    background-color: #5e8637
}

#c5 .map-types button[data-type=commercial] span {
    border: 6px solid #fbeaad;
    background-color: #f3c72e
}

#c5 .map-types button[data-type=headquarters] span {
    border: 6px solid #e9cca7;
    background-color: #c4771f
}

#c5 .map-types button[data-type=showcase] span {
    border: 6px solid #faddba;
    background-color: #efa34d
}

@media only screen and (max-width:1299.98px) {
    #c5 .map-types {
        text-align: center
    }
    #c5 .map-types .table {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #c5 .map-types .table-cell {
        width: 50%;
        text-align: left;
        display: block
    }
    #c5 .map-types .table-cell.shift10-full {
        width: 100%;
        padding-bottom: calc(5px + .25vw);
        text-align: center
    }
}

@media only screen and (max-width:499px) {
    #c5 .map-types .table-cell {
        padding-left: 15%;
        width: 100%
    }
    #c5 .map-types .table-cell.shift10-full {
        padding-left: 0
    }
}

#c5 .footer-form::after {
    clear: both;
    content: "";
    display: table
}

#c5 .footer-form>p {
    max-width: 850px;
    margin: 0 auto
}

#c5 .footer-form .form-turf {
    width: 63%;
    margin-top: 70px;
    margin-right: 4%;
    float: left
}

#c5 .footer-form .form-turf form .fields {
    -moz-placeholder-color: #3f4040;
    -ms-input-placeholder-color: #3f4040
}

#c5 .footer-form .form-turf form .fields input:not([type=checkbox]),
#c5 .footer-form .form-turf form .fields textarea {
    width: 100%;
    padding: 15px 25px;
    font-family: proxima-nova, sans-serif;
    border: 1px solid #000
}

#c5 .footer-form .form-turf form .fields ::-moz-placeholder,
#c5 .footer-form .form-turf form .fields ::-webkit-input-placeholder {
    color: #3f4040
}

#c5 .footer-form .form-turf form .form-actions {
    margin-top: 10px;
    padding-bottom: 45px
}

#c5 .footer-form .form-turf form .form-actions input {
    padding: 6px 28px;
    border: none;
}

#c5 .footer-form .form-turf form .checkbox label span {
    font-size: 14px;
    font-size: .875rem
}

#c5 .footer-form .form-turf .field {
    margin-bottom: 10px
}

#c5 .footer-form .form-info-block {
    width: 33%;
    margin-top: 70px;
    float: left
}

#c5 .footer-form .form-info-block .content h5 {
    margin-bottom: 12px;
    font-size: 18px;
    font-size: 1.125rem
}

#c5 .footer-form .form-info-block .content h5:first-of-type {
    margin-top: 0
}

#c5 .footer-form .form-info-block .content p {
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-size: .9375rem
}

#c5 .footer-form .form-info-block .content .contact-img {
    width: 130px;
    height: 86px;
    padding: 0;
    margin: 0 8px 8px 0;
    float: left;
    background-image: url(../../../themes/turfmasters//images/contact_img.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto
}

#c5 .footer-form .header-green {
    display: inline-block
}

@media only screen and (max-width:1199px) {
    #c5 .footer-form .form-turf {
        width: 54%
    }
    #c5 .footer-form .form-info-block {
        width: 42%
    }
}

@media only screen and (max-width:668px) {
    #c5 .footer-form {
        padding: 0 30px
    }
}

@media only screen and (max-width:599px) {
    #c5 .footer-form {
        padding: 0 20px
    }
    #c5 .footer-form .form-turf {
        width: 100%;
        margin: 30px 0 0;
        float: none;
        clear: both
    }
    #c5 .footer-form .form-info-block {
        width: 100%;
        margin-top: 35px;
        clear: both
    }
}

#c5 .footer-logos {
    padding: calc(25px + 1vw) 0;
    background-color: #2f341e
}

#c5 .footer-logos .center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:599px) {
    #c5 .footer-logos .center {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #c5 .footer-logos .center>div {
        width: 33%
    }
}

#c5 .footer-logos .logo {
    text-align: center
}

#c5 .footer-logos .logo-text {
    color: #fff;
    font-size: calc(15px + .1vw)
}

#c5.page-contact-us .footer-form p.form-img {
    width: 130px;
    height: 86px;
    float: left;
    margin-right: 10px;
    background: url(../../../themes/turfmasters//images/contact_img.jpg) no-repeat;
    background-size: contain;
    display: block
}

@media only screen and (max-width:799px) {
    #c5.page-contact-us .footer-form p.form-img {
        display: none
    }
}

@media only screen and (max-width:599px) {
    #c5.page-contact-us .footer-form p.form-img {
        display: block
    }
}

/*# sourceMappingURL=styles.min.css.map */



.gallery .app-nav.green {
    text-align: center !important;
}

.gallery .app-nav.green .app-type-nav {
    color: #5e8637 !important;
    background: #ffffff !important;
    border: 1px solid #5e8637 !important;
}

.gallery .app-nav.green .app-type-nav:hover {
    color: #000 !important;
    background: #eee !important;
}

.gallery .app-nav.green .app-type-nav.active {
    background: #5e8637 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.gallery .app-nav.green .app-type-nav-clear {
    color: #5e8637 !important;
    background: #ffffff !important;
}

.gallery .app-nav-select {
    border: 1px solid #5e8637;
    padding: 0.5em 1em;
    color: #ffffff;
    background: #5e8637;
    font-size: 18px;
    border-radius: 3px;
    margin-bottom: 1em;
    margin: 0 auto;
    width: 50%;
    max-width: 300px;
    display: none;
}

/** Installation Pages **/
.page-outdoor-installations main {
    top: 100px;
    margin-bottom: 75px;
}

.page-outdoor-installations .h4 {
    font-size: 1.5rem;
    line-height: 2.5 !important;
}

.page-outdoor-installations h4 .bold-upper {
    color: #5e8637;
}

.page-outdoor-installations h2 {
    margin-bottom: 2rem !important;
}

.page-outdoor-installations img {
    box-shadow: none !important;
}

.installation-title-col-2 .two-col-content-block,
.page-outdoor-installations .trust-div .two-col-content-block {
    display: flex;
    align-items: center;
}

.installation-title-col-2 .col:first-child p {
    border-right: 3px solid #5e8637;
    text-align: right;
    padding-right: 2.5rem;
    margin: 0;
}

.installation-title-col-2 img {
    max-height: 300px;
    box-shadow: none !important;
}

.yellow-btn-div a {
    background: #f4cf40 !important;
    color: #000 !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

.trust-div .col:first-child {
    width: 66% !important;
}

.trust-div .col:nth-child(2) {
    width: 44% !important;
}

.trust-div .col:nth-child(2) img {
    box-shadow: none !important;
}

.trust-div .col:first-child ul li span.bold-upper {
    color: #5e8637;
    text-transform: uppercase;
    font-weight: bold;
}

.page-outdoor-installations .slider-installation {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    background-color: rgba(0,0,0,.6);
    background-blend-mode: overlay;
}

.install-container {
    display: flex;
    align-items: center;
    padding: 3rem;
    flex-wrap: wrap; /* Allows items to wrap onto new lines on smaller screens */
}

.install-card {
    background: rgba(94,134,55,.6);
    border-radius: 8px;
    padding: 1.5rem;
    color: #fff;
    text-align: center;
    margin: 1rem; /* Add margin for spacing between cards */
}

/* Default for Desktop - 1/5 of container width */
.install-card {
    width: calc(20% - 2rem); /* 20% width minus margin */
    height: 265px; /* Fixed height for cards */
}

@media (max-width: 1024px) { /* For Tablet */
    .install-card {
        width: calc(33.33% - 2rem); /* 33.33% width minus margin */
        height: auto; /* Adjust height automatically */
    }
}

@media (max-width: 768px) { /* For Mobile */
    .install-card {
        width: calc(100% - 2rem); /* 100% width minus margin */
        height: auto; /* Adjust height automatically */
    }
}



.install-card:hover {
    background: rgba(94,134,55, 1);
}

.install-card .title {
    font-family: Oswald, sans-serif;
    color: #f4d03f;
    font-size: 1.625rem;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
}

.page-outdoor-installations .slider-turf .slide a {
    background: rgba(94,134,55,0.6) !important;
}

.page-outdoor-installations .slider-turf .slide a:hover {
    background: #5e8637 !important;
}

.green-bg-white-text {
    background: #32620e;
    color: #fff;
}

.green-bg-white-text h2 {
    color: #fff !important;
}

.green-bg-white-text h2 .bold-upper {
    color: #f4d03f !important;
}

.green-bg-white-text .section-title-block blockquote {
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: bold;
}

.green-bg-white-text .section-title-block blockquote .text-yellow {
    color: #f4d03f;
}

.green-bg-white-text .section-title-block .cite {
    position: relative;
    top: -20px;
    /* left: 265px; */
    font-size: small;
}

.green-bg-white-text .section-title-block .cite:before {
    content: "~";
    position: relative;
    top: 3px;
    margin-right: 3px;
}

.green-bg-white-text .section-title-block p {
    text-transform: uppercase;
}

.install-contact-container {
    width: 50%;
    display: flex;
    justify-content: space-evenly;
    margin: 3rem auto;
}

.install-contact p {
    margin: 0;
    font-family: Oswald, sans-serif;
    text-align: center;
    font-weight: bold;
}

.install-contact .title {
    color: #5e8637;
    text-transform: uppercase;
}


/* This is pro version migration */

/*#main-content{
	margin-top:95px;
}*/

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }

.triangle
{
    height: 0;
    width: 0;
     border-left: 14px solid transparent;
     border-right: 14px solid transparent;
     border-top: 14px solid #F3C82E;
     margin: 0 auto;
    display: block;
}
.nav-item:hover .triangle{
	    border-left: 14px solid transparent;
     border-right: 14px solid transparent;
     border-top: 14px solid #FFFFFF;
}


.ccm-page .ccm-image-slider-inner img.curve {
    position: absolute;
    bottom:-4px;
    width: 100%;
}



.ccm-custom-style-container.ccm-custom-style-main-122 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}





body .ccm-page .rslides_nav {
    top: 65vh;
}



@media only screen and (min-width: 720px) {
    body .ccm-page .rslides_nav {
        left: 55%;
        top: 500px !important;
    }
    body .ccm-page .rslides img {
        height: 720px !important;

    }
}



@media only screen and (max-width: 1299.98px) {
    .rslides-buttons {
        display: none;
    }
    .ccm-page .rslides li .ccm-image-slider-text {
        left: 0;
    }
    body .ccm-page .rslides img {
        height: 500px;
        margin-top:10px !important;
    }
    body .ccm-page .rslides_nav {
        left: 35%;
        top: 400px;
    }
    body .ccm-page .rslides_nav.next {
        left: auto;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        right: 35%;
    }
}

@media only screen and (min-width: 1200px) {
    body .ccm-page .rslides img {
        height: 1052px !important;
    }

}




.h-50vh {
    height: 50vh;
}

.bg-no-repeat {
    background-repeat: no-repeat;
  }



        .navbar nav.menu-main {
        width: calc(100% - 1.5vw);
        margin-top: 40px;
    }

        .navbar-nav {
            position: relative;
        }

        .nav-item:hover > .dropdown-menu {
            display: block;
        }

        .submenu-title {
            font-weight: bold;
            padding: 8px 15px;
        }

        .view-all {
            margin-top:15px;
        }

        .nav-item {
            position: relative;
        }

        .nav-item:hover .dropdown-menu,
        .dropdown-menu:hover {
            display: block;
        }

       

        #navbarNav .header-search .fa-search {
        position: relative;
        top: -7px;
        right: 10px;
        height: 1.5vw;
        min-height: 22px;
        width: 1.5vw;
        min-width: 22px;
        color: #fff;
        font-size: calc(12px + .5vw);
        cursor: pointer;
    }

    .navbar .header-search form {
        width: calc(100% - 1.5vw);
        padding: 0 5% 0 calc(10px + 3%);
        -webkit-transform-origin: center right;
        transform-origin: center right;
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1);
        transition: all 150ms ease-in-out;
    }

    .navbar.active .header-search {
        width: 75%;
    }
    .navbar .header-search {
        width: 1.5vw;
        min-width: 22px;
        min-height: 22px;
        margin-top: 5px;
        -ms-flex-item-align: center;
        align-self: center;
        display: -ms-flexbox;
        display: flex;
    }



    .navbar.active .header-search form {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    .navbar .header-search form {
        width: calc(100% - 1.5vw);
        padding: 0 5% 0 calc(10px + 3%);
        -webkit-transform-origin: center right;
        transform-origin: center right;
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1);
        transition: all 150ms ease-in-out;
    }


    .navbar.active .header-search form input {
        display: block;
    }

    .navbar .header-search form input {
        width: 100%;
        padding-left: 30px;
        color: #fff;
        font-weight: 300;
        background-color: transparent;
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: 1px solid #fff;
        border-radius: 0;
        display: none;
    }

    .navbar .header-search form input {
        width: 100%;
        padding-left: 30px;
        color: #fff;
        font-weight: 300;
        background-color: transparent;
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: 1px solid #fff;
        border-radius: 0;
        display: none;
    }

    .navbar.active .header-search form input {
        display: block;
    }

    .navbar .header-search form input {
        width: 100%;
        padding-left: 30px;
        color: #fff;
        font-weight: 300;
        background-color: transparent;
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: 1px solid #fff;
        border-radius: 0;
        display: none;
    }

    .navbar.active .header-search form {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    .navbar .header-search form {
        width: calc(100% - 1.5vw);
        padding: 0 5% 0 calc(10px + 3%);
        -webkit-transform-origin: center right;
        transform-origin: center right;
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1);
        transition: all 150ms ease-in-out;
    }

    .navbar.active .navbar-nav {
        display: none;
    }

    .navbar nav.navbar-nav {
        width: calc(100% - 1.5vw);
        margin-top: 40px;
    }

    .navbar .phone {
        padding: 0;
        color: #F5F4F4;
        position: relative;
    }

    .navbar .phone p strong a {
        font-family: Oswald, sans-serif;
        color: #f4d03f !important;
        font-size: 1.2vw;
        font-weight: 400;
        text-decoration: none;
    }


    .navbar .dropdown-menu  {
        width: 270px;
        text-align: left;
        border-radius: 15px;
        background: rgba(18, 32, 6,0.9) !important;
        position: relative;
        /*padding-top:45px;*/
    }

    .dropdown-menu {
            top: 100%;
            left: 0;
            z-index: 1000;
            background-color: #ffffff;
            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
            padding: 10px;
            min-width: 200px;
            margin-top: 5px;
        }

    .testimonials-slider{
        min-height: 350px;
    }

    /* Initially hidden */
    .fade-block {
        opacity: 0;
        transform: translateY(20px);
        filter: blur(10px); /* Start with a high blur value */
        transition: opacity 0.6s ease, transform 0.6s ease, filter 0.6s ease;
    }

    /* Visible state */
    .fade-block.visible {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0); /* Remove blur */
    }


.nav-item-399 a {
    background-color: #F4D03F;
    padding: 10px;
    border-radius: 20px;
    color: #29361E !important;
}

/* Change background on hover */
.nav-item-399 a:hover {
    background-color: #f2db80;
    color: #29361E !important;
}






.nav-slide-menu {
    position: fixed;
    top: 0;
    right: -100%; /* Start off-screen */
    height: 100%;
    width: 300px; /* Adjust as needed */
    background-color: #333; /* Customize */
    color: #fff;
    transition: right 0.3s ease-in-out;
    z-index: 1050;
    overflow-y: auto;
    padding: 20px;
}

.nav-slide-menu.active {
    right: 0; /* Slide into view */
}

.nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    display: none;
}

.nav-overlay.active {
    display: block;
}

.toggle-menu {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1060;
}

/* NEW THEME CSS HERE */
#navbarNav .header-search .fa-search{
    top:0 !important;
    right: 20px !important;
}

@media only screen and (max-width: 1299.98px) {
    #c5 .menu-contact nav.menu-main ul li {
        display: block;
        border-bottom: 1px solid #F5F4F4;
        margin-left: 20px;
    }
}



/* .icon{
    line-height: 1 !important;
} */

/*

  @media (min-width: 776px) {
    .nav-link{
        font-size: 0.5rem !important;
    }
  }


  @media (min-width: 1133px) {
    .nav-link{
        font-size: 0.7rem !important;
    }
  }

  @media (min-width: 1333px) {
    .nav-link{
        font-size: 1rem !important;
    }
  }
*/
}


.mfp-zoom-in .mfp-with-anim{opacity:0;transform:scale(.8);transition:all .2s ease-in-out}.mfp-zoom-in.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-in.mfp-removing .mfp-with-anim{opacity:0;transform:scale(.8)}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-fade.mfp-bg{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-bg{background:#0b0b0b;filter:alpha(opacity=80);opacity:.8;overflow:hidden;z-index:2100}.mfp-bg,.mfp-wrap{height:100%;left:0;position:fixed;top:0;width:100%}.mfp-wrap{-webkit-backface-visibility:hidden;outline:none!important;z-index:2200}.mfp-container{box-sizing:border-box;height:100%;left:0;padding:0 8px;position:absolute;text-align:center;top:0;width:100%}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{display:inline-block;margin:0 auto;position:relative;text-align:left;vertical-align:middle;z-index:2400}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{cursor:auto;width:100%}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;left:8px;margin-top:-.8em;position:absolute;right:8px;text-align:center;top:50%;width:auto;z-index:2300}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{-webkit-appearance:none;background:transparent;border:0;box-shadow:none;cursor:pointer;display:block;outline:none;overflow:visible;padding:0;touch-action:manipulation;z-index:2400}button::-moz-focus-inner{border:0;padding:0}.mfp-close{color:#fff;font-family:Arial,Baskerville,monospace;font-size:28px;font-style:normal;height:44px;line-height:44px;opacity:.65;padding:0 0 18px 10px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:44px}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;padding-right:6px;right:-6px;text-align:right;width:100%}.mfp-counter{color:#ccc;font-size:12px;line-height:18px;position:absolute;right:0;top:0;white-space:nowrap}.mfp-arrow{-webkit-tap-highlight-color:rgba(0,0,0,0);height:110px;margin:-55px 0 0;opacity:.65;padding:0;position:absolute;top:50%;width:90px}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{border:inset transparent;content:"";display:block;height:0;left:0;margin-left:35px;margin-top:35px;position:absolute;top:0;width:0}.mfp-arrow:after{border-bottom-width:13px;border-top-width:13px;top:8px}.mfp-arrow:before{border-bottom-width:21px;border-top-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{border-right:27px solid #3f3f3f;margin-left:25px}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-bottom:40px;padding-top:40px}.mfp-iframe-holder .mfp-content{line-height:0;max-width:900px;width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{height:0;overflow:hidden;padding-top:56.25%;width:100%}.mfp-iframe-scaler iframe{background:#000;box-shadow:0 0 8px rgba(0,0,0,.6);display:block;height:100%;left:0;position:absolute;top:0;width:100%}img.mfp-img{box-sizing:border-box;display:block;height:auto;margin:0 auto;max-width:100%;padding:40px 0;width:auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{background:#444;bottom:40px;box-shadow:0 0 8px rgba(0,0,0,.6);content:"";display:block;height:auto;left:0;position:absolute;right:0;top:40px;width:auto;z-index:-1}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{cursor:auto;left:0;margin-top:-36px;position:absolute;top:100%;width:100%}.mfp-title{word-wrap:break-word;color:#f3f3f3;line-height:18px;padding-right:36px;text-align:left}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px)and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{bottom:0;top:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;box-sizing:border-box;margin:0;padding:3px 5px;position:fixed;top:auto}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{background:rgba(0,0,0,.6);height:35px;line-height:35px;padding:0;position:fixed;right:0;text-align:center;top:0;width:35px}}@media (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}div.ccm-lightbox-popup-white{background-color:#fff;border-radius:10px;margin:0 auto;max-width:600px;padding:20px 60px 20px 20px;position:relative}.ccm-block-gallery a{position:relative}.ccm-block-gallery .ccm-block-gallery-image-overlay,.ccm-block-gallery .ccm-block-gallery-image-overlay-color,.ccm-block-gallery .ccm-block-gallery-image-overlay-text{height:100%;left:0;position:absolute;top:0;width:100%}.ccm-block-gallery .ccm-block-gallery-image-overlay{opacity:0;transition:opacity .3s}.ccm-block-gallery .ccm-block-gallery-image-overlay-color{background-color:rgba(13,110,253,.8)}.ccm-block-gallery .ccm-block-gallery-image-overlay-text{align-items:center;color:#fff;display:flex;flex-direction:column;font-weight:700;justify-content:center}.ccm-block-gallery .ccm-block-gallery-image{cursor:pointer;overflow:hidden;padding-top:calc(3.125rem + 22.5vw);position:relative;width:100%}@media(min-width:1200px){.ccm-block-gallery .ccm-block-gallery-image{padding-top:20rem}}.ccm-block-gallery img{bottom:-9999px;height:100%;left:-9999px;margin:auto;-o-object-fit:cover;object-fit:cover;position:absolute;right:-9999px;top:-9999px;width:100%}.ccm-block-gallery a:hover .ccm-block-gallery-image-overlay{opacity:1}/*! http://responsiveslides.com v1.55 by @viljamis */.rslides{list-style:none;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.rslides>li{backface-visibility:hidden;display:none;left:0;margin-bottom:0!important;position:absolute;top:0;width:100%}.rslides>li:first-child{display:block;float:left;position:relative}.rslides img{border:0;display:block;float:left;height:auto;width:100%}.rslides_nav{-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent url("data:image/gif;base64,R0lGODlhTAA9AMQAABAQEDAwMO/v78/Pz7+/v39/f6+vr1BQUCAgIGBgYJ+fn0BAQN/f33BwcI+Pj////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAABMAD0AAAXkICSOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Fog4NsiAYTHY8ALPwiAImAgFi90gfY4PVTIyTuzWDEsyAUIPAACcgVBCXIPbz1xcgk/AYRthj8Nf1yCkmIGQnZtAnQ6eg8MoT9rcgQ7jW2YQqxirjeDcg5Efp+mNweJj0G8cgc9uGICsjyRhT+eYqU+qG2cp2zRPsxzQbSTPJafga+aD984CImLQ4itOuVtvkULBgTCOwcGBvNZ+fr7/P3+/wADChxIsKDBgwgTKlzIsKFDKSEAADs=") no-repeat 0 0;height:61px;left:0;margin-top:-45px;opacity:.7;overflow:hidden;position:absolute;text-decoration:none;top:50%;width:38px;z-index:99}.rslides_tabs{padding-bottom:10px;padding-left:0;padding-top:0}.rslides_tabs li{display:inline-block;list-style-type:none;margin-right:5px}.rslides_tabs li.rslides_here a{background:#333}.rslides_tabs li a{background:#ccccc9;border-radius:30px;display:inline-block;height:15px;margin-right:10px;overflow:hidden;text-indent:-9999px;width:15px}.rslides_nav.next{background-position:100% 0;left:auto;right:0}/*! http://responsiveslides.com v1.54 by @viljamis */.ccm-image-slider{position:relative}.ccm-image-slider-text{clear:both;padding-top:1rem}.ccm-image-slider-title{margin-bottom:1rem}.rslides{margin:0 auto}a.mega-link-overlay{height:100%;left:0;position:absolute;width:100%;z-index:20}div.ccm-block-hero-image{min-height:50vh;position:relative}div.ccm-block-hero-image div.ccm-block-hero-image-cover,div.ccm-block-hero-image div.ccm-block-hero-image-text{height:50vh;left:0;position:absolute;top:0;width:100%}div.ccm-block-hero-image div.ccm-block-hero-image-text{align-items:center;display:flex;flex-direction:column;justify-content:center}div.ccm-block-hero-image div.ccm-block-hero-image-cover{z-index:2}div.ccm-block-hero-image div.ccm-block-hero-image-text{z-index:3}div.ccm-block-hero-image div.ccm-block-hero-image-image{background-position:50%;background-size:cover;height:50vh;z-index:1}



.page-title-block {
    position: relative;
    z-index: 100;
    margin-top: -5rem;
}

.page-title_title h1 {
    color: #000 !important;
}

.page-title_title span.green-text {
    color: #3c571e;
}

.page-title-block hr {
    height: 0;
    width: 150px;
    margin: auto;
    margin-top: calc(15px + .75vw);
    margin-bottom: calc(30px + 1.25vw);
    background-color: #fff;
    border-top: 2px solid #5e8637;
    border-left: none;
    border-right: none;
    border-bottom: none;
    position: relative;
    z-index: 10;
}

.ccm-block-express-entry-list-table th.ccm-results-list-active-sort-desc a:after,.ccm-block-express-entry-list-table th.ccm-results-list-active-sort-desc span:after{border-color:#000 transparent transparent;border-style:solid;border-width:4px 4px 0;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}.ccm-block-express-entry-list-table th.ccm-results-list-active-sort-asc a:after,.ccm-block-express-entry-list-table th.ccm-results-list-active-sort-asc span:after{border-color:transparent transparent #000;border-style:solid;border-width:0 4px 4px;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}a.ccm-block-express-entry-list-advanced-search{margin-left:20px;white-space:nowrap}a.ccm-block-express-entry-list-advanced-search:after{border-color:transparent transparent #000;border-style:solid;border-width:0 4px 4px;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}a.ccm-block-express-entry-list-advanced-search-open:after{border-color:#000 transparent transparent;border-style:solid;border-width:4px 4px 0;content:"";display:inline-block;height:0;margin-left:10px;vertical-align:middle;width:0}div.ccm-block-express-entry-list-advanced-search-fields{margin-bottom:20px}