/* ***********************************************
                Reset CSS start
*********************************************** */

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1;
}

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

body {
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}




/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* change border colour to suit your needs */

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

input,
select {
    vertical-align: middle;
    outline: none;
}

sub,
sup {
    /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
    font-size: 75%;
    /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
    line-height: 0;
    /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
    position: relative;
    /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
    vertical-align: baseline;
}

sup {
    /* Move the superscripted text up */
    top: -0.5em;
}


/* ***********************************************
                Reset CSS end
*********************************************** */


/* ***********************************************
                Site CSS start
*********************************************** */

@font-face {
    font-family: 'Gibson-SemiBold';
    src: url('../fonts/Gibson-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gibson-SemiBold.otf') format('opentype'), url('../fonts/Gibson-SemiBold.woff') format('woff'), url('../fonts/Gibson-SemiBold.ttf') format('truetype'), url('../fonts/Gibson-SemiBold.svg#Gibson-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gibson-Regular';
    src: url('../fonts/Gibson-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Gibson-Regular.otf') format('opentype'), url('../fonts/Gibson-Regular.woff') format('woff'), url('../fonts/Gibson-Regular.ttf') format('truetype'), url('../fonts/Gibson-Regular.svg#Gibson-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gibson-Bold';
    src: url('../fonts/Gibson-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gibson-Bold.otf') format('opentype'), url('../fonts/Gibson-Bold.woff') format('woff'), url('../fonts/Gibson-Bold.ttf') format('truetype'), url('../fonts/Gibson-Bold.svg#Gibson-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.clearfix {
    position: relative
}

.clearfix::before,
.clearfix::after {
    content: '';
    display: table;
    width: 100%;
}

body {
    font-family: 'Gibson-Regular';
    font-size: 16px;
    overflow-x: hidden;
    background: #ffffff;
    padding-top: 74px;
}

body.afterLogin {
    padding-top: 123px;
}

a,
button {
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
}

h1 {
    text-align: center;
    font-family: 'Gibson-SemiBold';
    font-size: 46px;
    color: #008542;
    margin-bottom: 20px;
    line-height: 54px;
}

h2 {
    text-align: center;
    font-family: 'Gibson-SemiBold';
    font-size: 36px;
    color: #008542;
    margin-bottom: 20px;
    line-height: 44px;
}

h3 {
    text-align: center;
    font-family: 'Gibson-SemiBold';
    font-size: 26px;
    color: #008542;
    margin-bottom: 20px;
    line-height: 30px;
}

h4 {
    font-family: 'Gibson-SemiBold';
    font-size: 20px;
}

h5 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #424242;
    line-height: 24px;
}

p {
    font-family: 'Gibson-Regular';
    font-size: 16px;
    line-height: 22px;
    color: #424242;
    margin-bottom: 15px;
}

p a {
    text-decoration: none;
    color: #008542;
}

p strong,
p b {
    font-family: 'Gibson-SemiBold';
    font-size: 18px;
    line-height: 22px;
}

hr {
    margin: 30px 0;
    background: transparent;
    border-color: #c0c0c0;
}

ul {
    margin-bottom: 30px;
}

li {
    list-style: none;
    padding: 13px 0;
    font-size: 18px;
    position: relative;
    padding-left: 40px;
    line-height: 20px;
    color: #424242;
}

li::after {
    content: "";
    position: absolute;
    background: #008542 url('../images/tick.png') no-repeat center;
    top: 6px;
    left: 0;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    width: 30px;
    background-size: 16px;
    background-position: center;
    text-align: center;
    line-height: 30px;
    color: #ffffff;
    background-size: 12px;
}

.noPadding {
    padding: 0 !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-left h2 {
    text-align: left;
}

.text-center h1,
.text-center h2,
.text-center h3,
.text-center h4 {
    text-align: center !important;
}

.padding-top-20 {
    padding: 20px 0 0 0 !important;
}

.wrapper {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
}

.wrapper::after,
.wrapper::before {
    content: '';
    display: table;
    width: 100%;
    clear: both;
}

.medium-wrapper {
    max-width: 1000px;
}

.small-wrapper {
    max-width: 750px;
}

.xs-wrapper {
    max-width: 660px;
}

.row {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}

.column {
    padding: 0 10px;
    position: relative;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
}

@media (min-width: 768px) {
    .row {
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
    }
    .column {
        display: block;
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
    .column-12 {
        width: 100%;
        min-width: 100%;
    }
    .column-11 {
        width: 91.66666667%;
        min-width: 91.66666667%;
    }
    .column-10 {
        width: 83.33333333%;
        min-width: 83.33333333%;
    }
    .column-9 {
        width: 75%;
        min-width: 75%;
    }
    .column-8 {
        width: 66.666667%;
        min-width: 66.666667%;
    }
    .column-7 {
        width: 58.33333333%;
        min-width: 58.33333333%;
    }
    .column-6 {
        width: 50%;
        min-width: 50%;
    }
    .column-5 {
        width: 41.66666667% min-width: 41.66666667%
    }
    .column-4 {
        width: 33.333%;
        min-width: 33.333%;
    }
    .column-3 {
        width: 25%;
        min-width: 25%;
    }
    .column-2 {
        width: 16.66666667%;
        min-width: 16.66666667%;
    }
}

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

.section-padding-top-50 {
    padding-top: 50px;
}

.section-padding-top-60 {
    padding-top: 60px;
}

.section-padding-top-20 {
    padding-top: 20px;
}

.section-padding-30 {
    padding: 30px 0;
}

.section-padding-20 {
    padding: 20px 0;
}

.section-padding-bottom-50 {
    padding-bottom: 50px;
}

.section-padding-bottom-30 {
    padding-bottom: 30px;
}

.section-padding-60 {
    padding: 60px 0;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.btn {
    font-size: 20px;
    font-family: 'Gibson-Regular';
    color: #000;
    display: inline-block;
    padding: 15px 30px;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #008542;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    margin: 10px 0;
    text-align: center;
    color: #008542;
}

.btn:hover {
    background: #8dc63f;
    border-color: #8dc63f;
    color: #ffffff;
}

.btn-block {
    display: block;
}

.btn-inline {
    padding: 15px 50px;
}

.btn-small {
    padding: 10px 25px;
}

.btn-big {
    width: 300px;
    text-align: center;
}

.btn-bigger {
    width: 340px;
    text-align: center;
}

.btn-medium {
    width: 200px;
    margin-right: auto;
    margin-left: auto;
}

.btn-green {
    color: #ffffff;
    background: #008542;
}

.btn-white {
    color: #008542;
    background: #ffffff;
}

.btn-white-outline {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

.btn-outline {
    background: none;
    border-color: #ffffff;
    color: #ffffff;
}

.btn-smallpad-l-r {
    padding-left: 5px;
    padding-right: 5px;
}

input {
    border: 1px solid #c0c0c0;
    height: 54px;
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: 'Gibson-Regular';
    padding: 10px 20px;
    background: #ffffff;
}

textarea {
    border: 1px solid #c0c0c0;
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: 'Gibson-Regular';
    padding: 20px;
    background: #ffffff;
    resize: none;
    outline: none;
}

.sectionheading {
    margin-bottom: 30px;
}

.sectionheading h1 {
    margin-bottom: 0;
}

.sectionheading h2 {
    margin-bottom: 0;
}

.sectionheadingsmall {
    margin-bottom: 25px;
}

.sectionheadingsmall h3 {
    margin-bottom: 0;
}

.margin-top-0 {
    margin-top: 0 !important;
}

strong {
    font-family: 'Gibson-SemiBold';
}

.gray {
    background: #f5f5f5 !important;
}

.white {
    background: #ffffff !important;
}

.green {
    background: #008542;
}

.whiteBg {
    background: #ffffff;
}

.text-center {
    text-align: center;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.breadcrumbs {
    background: #f5f5f5;
    padding: 10px 0;
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
}

.breadcrumbs ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 12px;
    position: relative;
}

.breadcrumbs ul li:hover a {
    color: #8dc63f;
}

.breadcrumbs ul li::after {
    content: none;
}

.breadcrumbs ul li::before {
    content: "/";
    margin: 0 5px;
}

.breadcrumbs ul li:first-child::before {
    content: none;
}

.breadcrumbs ul li a {
    text-decoration: none;
    color: #424242;
}

.breadcrumbs ul li.selected {
    font-family: 'Gibson-SemiBold';
}

.breadcrumbs ul li.selected::before {
    font-family: 'Gibson-Regular';
}

#preloader {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

#status {
    background-image: url('../images/loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    height: 400px;
    left: 50%;
    margin: -200px 0 0 -200px;
    position: absolute;
    top: 50%;
    width: 400px;
}


/* ***************Header Start************************* */

.header {
    background: #008c3a;
    position: fixed;
    z-index: 999;
    right: 0;
    left: 0;
    top: 0;
}

.logo {
    float: left;
    padding: 15px 0;
}

.logo a {
    display: block;
}

.headerNav {
    width: 1000px;
    float: right;
    background: #fff;
    text-align: right;
    border-bottom-left-radius: 300px;
    -webkit-border-bottom-left-radius: 300px;
    -ms-border-bottom-left-radius: 300px;
    -moz-border-bottom-left-radius: 300px;
    -o-border-bottom-left-radius: 300px;
    position: relative;
    padding-right: 50px;
}

.headerNav::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    background: #ffffff;
    width: 10000px;
}

.headerNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.headerNav ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}

.headerNav ul li.active::after,
.headerNav ul li.current-menu-item::after {
    content: '';
    position: absolute;
    left: 40px;
    right: 40px;
    border-bottom: 5px solid #8dc63f !important;
    bottom: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    height: auto;
    width: inherit;
    background: transparent;
    pointer-events: none;
}

.headerNav ul li::after {
    content: none;
}

.headerNav ul li a {
    display: block;
    font-size: 18px;
    color: #018C3B;
    font-family: 'Gibson-Regular';
    text-decoration: none;
    font-weight: normal;
    padding: 20px 40px;
}

.headerNav ul>li>a:hover {
    /* font-family: 'Gibson-SemiBold'; */
    background: #f5f5f5;
    color: #028B3B;
}

.headerSearch {
    position: absolute;
    right: 0;
    top: 0;
    padding: 18px;
}

.headerSearch a {
    display: block;
}

.headerSearch img {
    width: 20px;
    height: 20px;
}

.searchBox {
    background: #ffffff;
    display: none;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    right: 0;
    border-bottom: 2px solid #008c3a;
}

.searchBox input {
    border: none;
    font-size: 22px;
    padding: 20px;
    width: 100%;
    font-family: 'Gibson-Regular';
    color: #424242;
    height: auto;
}


/* ***************Header End************************* */


/* ***************Top Gray Header Right start************************* */

.topGrayHeader {
    background: #424242;
    padding: 10px 0;
}

.topGrayHeaderLeft {
    vertical-align: middle;
    display: inline-block;
    padding: 6px 0;
}

.topGrayHeaderLeft a {
    color: #ffffff;
    text-decoration: none;
}

.topGrayHeaderRight {
    text-align: right;
}

.headerCart {
    margin: 0;
    padding: 0;
}

.headerCart li {
    display: inline-block;
    margin: 0 10px;
    padding: 0;
}

.headerCart li::after {
    content: none;
}

.headerCart li a {
    display: block;
}

.headerCart li img {
    width: 25px;
}

.cart {
    position: relative;
}

.cartItemNumber {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    height: 22px;
    width: 22px;
    background: #008c3a;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: -3px;
    left: 100%;
}


/* ***************Top Gray Header Right End************************* */


/* *************** Benner Start ************************* */

.bannerSec {
    background: url('../images/home-banner.jpg') no-repeat center top;
    background-size: cover;
    height: 600px;
    position: relative;
}

.bannerSec.mobileBanner {
    display: none;
}

.bannerSec.desktopBanner {
    display: block;
}

.bannerTxt {
    padding: 50px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.bannerTxt h2 {
    font-size: 34px;
    color: #fff;
    text-transform: uppercase;
    /* font-family: 'Gibson-Bold'; */
    margin-bottom: 10px;
}

.bannerTxt p {
    font-size: 18px;
    color: #ffffff;
    margin: 0;
}

.scrollBtm {
    margin-top: 40px;
    display: inline-block;
    padding-top: 10px;
}

.scrollBtm img {
    position: absolute;
    bottom: 0;
    width: 55px;
    margin-left: -27.5px;
    left: auto;
    right: auto;
    animation-name: arrow;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-play-state: running;
    -webkit-animation-name: arrow;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
}

@keyframes arrow {
    0% {
        bottom: 0;
    }
    75% {
        bottom: 10px;
    }
    100% {
        bottom: 0;
    }
}

@-webkit-keyframes arrow {
    0% {
        bottom: 0;
    }
    75% {
        bottom: 10px;
    }
    100% {
        bottom: 0;
    }
}


/* *************** Benner End ************************* */

.grass-logo {
	text-align: center;
}

/* *************** grass category start ************************* */

.grassCategory {
    background: #ffffff;
}

.grassCategory .wrapper {
    max-width: 600px;
}


/* *************** grass category End ************************* */


/* *************** post code section start ************************* */

.postCodeSec {
    background: #f5f5f5;
    text-align: center;
}


/* .postCode {
    margin-top: 40px;
} */

.postCode label {
    font-family: 'Gibson-Regular';
    color: #424242;
    font-size: 18px;
}

.postCode input {
    padding: 17px 20px;
    border: 1px solid #c0c0c0;
    width: 100%;
    font-size: 18px;
    font-family: 'Gibson-Regular';
    color: #c0c0c0;
    margin-left: 10px;
    height: auto;
    display: inline-block;
}

./* postCode .search-container-block {
    float: left;
    width: 60%;
}
.postCode #postcodegrasssuburb-submit {
    float: left;
    width: 40%;
    height: 54px;
    margin: 0;
    padding: 0;
    line-height: 54px;
    border-radius: 0;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
} */


/* *************** post code section End ************************* */


/* *************** Filter area start ************************* */

.filterCheckbox {
    background: #424242;
    text-align: center;
}

.filterArea label {
    color: #fefefe;
    font-size: 18px;
    margin-bottom: 30px;
    display: block;
}

.customCheckbox {
    display: inline-block;
    padding: 0;
    text-align: center;
    margin: 20px 0;
}

.customCheckbox input {
    display: none;
}

.customCheckbox input+label {
    font-size: 18px;
    color: #424242;
    margin: 0;
    line-height: 22px;
    position: relative;
    padding-left: 40px;
    display: inline-block;
    text-align: left;
}

.customCheckbox input+label::before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border: 1px solid #000000;
    top: -4px;
    left: 0;
}

.customCheckbox input:checked+label::before {
    background: #8dc63f;
    border-color: #8dc63f;
}

.filterCheckbox .customCheckbox {
    padding: 0 40px;
    max-width: 160px;
}

.filterCheckbox .customCheckbox input+label {
    color: #ffffff;
    margin-top: 50px;
    padding: 0;
    font-size: 16px;
    text-align: center;
    display: block;
}

.filterCheckbox .customCheckbox input+label::before {
    border: 1px solid #fff;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.filterCheckbox .customCheckbox input:checked+label::before {
    border-color: #8dc63f;
}

.filterCheckbox .customCheckbox {
    margin: 0;
}

.sortBy {
    background: #ffffff;
    padding: 20px 0;
}

.sortBy .wrapper {
    max-width: 1000px;
}

.sortByFull .wrapper {
    max-width: 1170px;
}

.sortBy p {
    color: #424242;
    display: inline-block;
    padding-top: 20px;
    margin: 0;
}

.sortBy .customSelect2 {
    float: right;
}

.customSelect {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    overflow: hidden;
    border: 1px solid #008c3a;
    position: relative;
}

.customSelect::after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    z-index: 1;
    background: url('../images/chevrongreen.svg') no-repeat center;
    height: 40px;
    width: 50px;
    background-size: 20px;
    pointer-events: none;
}

.customSelect2 select {
    width: 210px;
}

.customSelect select {
    height: 40px;
    width: 210px;
    border: none;
    margin: 0 20px;
    background: transparent;
    font-size: 16px;
    color: #008c3a;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    background: transparent;
}


/* *************** Filter area End ************************* */


/* *************** Grass quote box start ************************* */

.grassQuoteBox {
    background: #f5f5f5;
    padding: 50px 0 0;
}

.grassQuoteBox .column-4 {
    margin-bottom: 60px;
}

.grassQuote {
    background: #fff;
    box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    height: 100%;
}

.grassTitle {
    font-size: 18px;
    padding: 21px 10px;
    background: #424242;
    text-align: center;
    color: #fff;
}

.grassInfo p {
    color: #424242;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
}

.grassInfo h5 {
    margin-bottom: 0;
    font-size: 18px;
    color: #424242;
    line-height: 24px;
    min-height: 50px;
}

.grassInfo p a,
.grassInfo p strong a,
.grassInfo h5 a {
    text-decoration: none;
    color: #424242;
}

.grassDescrip {
    min-height: 100px;
    line-height: 1.5em;
}

.grassContent {
    padding: 10px 15px 30px;
}

.grassInfo {
    margin-bottom: 20px;
    padding: 0 10px;
    /* min-height: 100px; */
}

.grassQuoteBox .row {
    margin-left: -30px;
    margin-right: -30px;
}

.grassQuoteBox .column {
    padding-left: 30px;
    padding-right: 30px;
}

.grassOptionsBox {
    display: table;
    width: 100%;
}

.grassOptionsBox>div {
    display: table-cell;
    padding: 18px 6px;
    vertical-align: middle;
}

.grassOptionsBox>div:first-child {
    width: 50px;
}

.grassOptionsInfo p {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    margin: 0;
}

.grassOptionsInfo p span {
    font-family: 'Gibson-SemiBold';
    font-size: 16px;
    margin-top: 5px;
    display: block;
    text-transform: none;
}

.grassOptions .column {
    padding: 0 0;
}

.grassOptions .row {
    margin: 0;
}

.grassBtns {
    padding: 0 30px;
    margin-top: 30px;
}

.grassLogo {
    text-align: center;
    margin: 10px 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
}

.grassLogo object,
.singleGrassType .grassQuoteSingleListing .grassLogo object {
    width: 200px;
    max-height: 130px;
    height: auto;
}


/* .grassContent .grassLogo img {
    width: 300px;
    max-height: 100px;
} */

.contactTile {
    padding: 100px 0;
}

.tileImg {
    line-height: 0;
}

.contactTile p {
    margin-bottom: 40px;
}

.contactTile h3 {
    margin-bottom: 40px;
}

.icon {
    width: 35px;
    background: url('../images/grass_icons.svg');
    background-size: 120px;
    height: 35px;
    vertical-align: middle;
}

.icon-1 {
    background-position: 0px 0px;
}

.icon-2 {
    background-position: -44px 0px;
}

.icon-3 {
    background-position: -85px -2px;
}

.icon-4 {
    background-position: 0 -44px;
}

.icon-5 {
    background-position: -44px -44px;
}

.icon-6 {
    background-position: -84px -44px;
}


/* *************** Grass quote box end ************************* */


/* *************** Get a quote start ************************* */

.getQuote {
    text-align: center;
    background: #f5f5f5;
}

.getQuoteImg {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
}

.getQuoteTxt {
    max-width: 1000px;
    margin: 0 auto;
}

.getQuoteTxt p {
    color: #424242;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
}

.layingTurfSlider {
    position: relative;
}

.layingTurfSlider .slick-list {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    overflow: hidden;
}

.layingTurfSlider .slick-slide img {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    overflow: hidden;
}

.layingTurfSlider .slick-slide img {
    max-height: 550px;
    max-width: 100%;
}

.slick-arrow {
    position: absolute;
    top: 250px;
    z-index: 9;
    background: #008c41 url('../images/chevron.svg') no-repeat center;
    border: none;
    height: 45px;
    width: 45px;
    font-size: 0;
    background-size: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.slick-next.slick-arrow {
    right: -22.5px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.slick-prev.slick-arrow {
    left: -22.5px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.slick-dots {
    list-style: none;
    text-align: center;
    padding: 40px 0;
    position: absolute;
    right: 0;
    left: 0;
    top: 555px;
}

.slick-dots li {
    display: inline-block;
    padding: 0 50px;
    position: relative;
}

.slick-dots li::after {
    content: none;
}

.slick-dots li:first-child {
    padding-left: 0;
}

.slick-dots li:last-child {
    padding-right: 0;
}

.slick-dots li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-top: -0.5px;
    z-index: -1;
}

.slick-dots li button {
    height: 30px;
    width: 30px;
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: 14px;
    color: #fff;
    background: #c0c0c0;
    font-family: 'Gibson-SemiBold';
    line-height: 32px;
    outline: none;
    cursor: pointer;
    box-shadow: 0 0 0 10px #fff;
    -webkit-box-shadow: 0 0 0 10px #fff;
    -moz-box-shadow: 0 0 0 10px #fff;
    -ms-box-shadow: 0 0 0 10px #fff;
    -o-box-shadow: 0 0 0 10px #fff;
}

.slick-dots li.slick-active button {
    background: #8dc63f;
}

@media (max-width: 768px) {
    .banner__quote-button.btn {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .banner__quote-image {
            min-height: 90vw;
    }
}

/* *************** Get a quote end ************************* */


/* *************** Plan your yard start ************************* */

.planYard {
    background: #ffffff;
    text-align: center;
    margin: 150px 0 0 0;
}

.yardTileSec .row {
    margin: 0;
}

.yardTileSec .column {
    padding: 0;
}

.yardTileSecPad .row {
    margin: 0 -10px;
}

.yardTileSecPad .column {
    padding: 0 10px;
}

.yardTileSecPad .yardTileTitle {
    min-height: inherit;
}

.yardTileTitle h3 {
    margin: 0;
}

.yardTileSecPad .yardTileImg img {
    max-width: inherit;
    height: 100%;
    width: auto;
}

.tileSingle .column {
    flex-grow: 1;
}

.home-yardTileSec .yardTileImg {
    height: 280px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    /*  line-height: 280px; */
}

.yardTileImg img {
    /* vertical-align: middle; */
    vertical-align: top;
}

.yardTileContent {
    text-align: center;
    padding: 30px 45px 50px;
}

.home-yardTileSec .yardTileContent {
    padding-bottom: 0;
}

.home-yardTileSec .yardTileBtn {
    padding: 0 45px 50px;
}

.yardTileDescription p {
    line-height: 26px;
    margin: 0;
}


/* .yardTileTitle {
    min-height: 90px;
} */

.tileSingle .yardTileTitle {
    min-height: inherit;
    margin-bottom: 30px;
}

.yardTileDescription {
    height: 200px;
    padding-bottom: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.tileSingle .yardTileDescription {
    height: inherit;
}

.green h2,
.green p {
    color: #fff;
}

.yardTileImg {
    overflow: hidden;
    height: 250px;
    background-size: cover;
}

.yardTileImg img {
    width: 100%;
    height: auto;
}


/* *************** Plan your yard end ************************* */


/* *************** Quality Guaranteed start ************************* */

.qualityGuaranteed {
    text-align: center;
}

.qualityGuaranteed.green {
    padding: 0 15px;
}

.stepSec .qualityGuaranteed {
    padding-left: 15px;
    padding-right: 15px;
}

.qualityGuaranteedImg {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.qualityBrand object {
    margin: 20px 30px;
}


/* *************** Quality Guaranteed end ************************* */


/* *************** grass types pages start ************************* */

.articleList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.articleList ul li {
    margin: 0;
    padding: 0;
}

.articleList ul li::after {
    content: none;
}

.articleList ul li a {
    padding: 25px;
    display: block;
    text-decoration: none;
    font-size: 18px;
    border: 1px solid #c0c0c0;
    margin-top: -1px;
    color: #424242;
    position: relative;
    background: #ffffff;
}

.articleList ul li a:hover {
    box-shadow: 10px 0px 0px #008542 inset;
    -webkit-box-shadow: 10px 0px 0px #008542 inset;
    -ms-box-shadow: 10px 0px 0px #008542 inset;
    -moz-box-shadow: 10px 0px 0px #008542 inset;
    -o-box-shadow: 10px 0px 0px #008542 inset;
    color: #008542;
    background: #f5f5f5;
}

.articleList ul li a::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    height: 15px;
    width: 15px;
    margin-top: -7.5px;
    background: url('../images/chevrongreen.svg') no-repeat center;
    background-size: 20px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    pointer-events: none;
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
}

.articleList ul li a:hover::after {
    right: 10px;
}

.resultTxt {
    margin-bottom: 20px;
    display: block;
}

.defaultContent .articleList p {
    margin-bottom: 15px;
}
.grass-type-banner img {
    object-fit: cover;
    width: 100%;
}
/* *************** grass types pages end ************************* */


/**************** Turf Suppliers start****************/

.grassTileNarrow {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}

.grassTileNarrow .grassInfo {
    min-height: 100px;
}

.quoteIcons {
    text-align: center;
}

.quoteIcons ul li {
    display: inline-block;
    margin: 0 8px;
    padding: 0;
}

.quoteIcons ul li::after {
    content: none;
}

.quoteIcons li a {
    display: inline-block;
    background: #008542;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    position: relative;
}

.quoteIcons li a img {
    width: 25px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.up-arrow {
    background: url('../images/chevrongreen.svg') no-repeat center;
    height: 20px;
    width: 30px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    margin-left: 10px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.down-arrow {
    background: url('../images/chevrongreen.svg') no-repeat center;
    height: 20px;
    width: 30px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    margin-left: 10px;
}

.localRetailersBtn {
    cursor: pointer;
}

.localRetailers {
    padding: 30px 0;
    display: block;
}

.localRetailersTable {
    display: table;
    width: 100%;
}

.localRetailersTableTr {
    display: table-row;
}

.localRetailersTableTrTd {
    display: table-cell;
    text-align: center;
    width: 33.333%;
    padding: 20px;
    font-size: 18px;
    border-top: 1px solid #c0c0c0;
    vertical-align: middle;
    line-height: 26px;
}

.localRetailersTableTrTd:nth-child(2) {
    width: 20%;
}

.localRetailersTableTr:last-child .localRetailersTableTrTd {
    border-bottom: 1px solid #c0c0c0;
}


/**************** Turf Suppliers end****************/


/**************** single-grass-type start ****************/

.grassQuoteSingleListing {
    background: transparent !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}

.grassQuoteSingleListing .grassOptions {
    margin: 0 0 0 130px;
}

.grassQuoteSingleListing .grassOptions .column-4 {
    margin: 20px 0;
}

.grassQuoteSingleListing .grassOptionsBox>div {
    text-align: left;
}

.grassQuoteSingleListing .grassLogo {
    height: 150px;
}

.grassQuoteSingleListing .grassOptionsInfo p {
    font-size: 14px;
}

.grassQuoteSingleListing .grassOptionsInfo p span {
    font-size: 18px;
}

.defaultContent p {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 30px;
}

.defaultContent li {
    line-height: 30px;
}

.defaultContent h2 {
    text-align: left;
    margin-bottom: 30px;
}

.defaultContent figure {
    margin: 20px 0;
    position: relative;
    max-width: 100%;
}

.defaultContent figure figcaption {
    /*position: absolute;*/
    padding: 25px 30px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
}

.defaultContent figure img {
    width: 100%;
}

.videoBox {
    height: 550px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 30px;
}

.compareTile {
    background: #ffffff;
    padding: 10px 10px 40px 10px;
    /* box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04); */
}

.compareTileSlider {
    box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    padding: 0 10px;
    background: #fff;
}

.compareTileLogo {
    background: #f5f5f5;
    padding: 20px;
}

.compareTileLogo object {
    max-height: 40px;
}

.compareTileInfo {
    padding: 0 15px;
}

.compareTileList {
    display: table;
    width: 100%;
}

.compareListTd {
    display: table-cell;
    width: 50%;
    padding: 12px 0;
    border-bottom: 1px solid #f1f1f1;
    text-align: left;
    font-size: 18px;
}

.compareListTd:first-child {
    width: 60%;
}

.compareTileList:last-child .compareListTd {
    color: #008542;
}

.staricon {
    height: 15px;
    width: 15px;
}


/* .compareListTd:nth-child(even) {
    padding-left: 25px;
} */

.compareListTd object {
    width: 15px;
}

.compareTileTable {
    display: table;
    width: 100%;
}

.compareTileTd {
    display: table-cell;
    width: 33.333%;
    text-align: center;
}

.compareTileTd .compareTile {
    padding-left: 0;
    padding-right: 0;
}


/* .compareTileTd:first-child .compareTile {
    padding-left: 10px;
}
.compareTileTd:last-child .compareTile {
    padding-right: 10px;
} */

.compareTileTd .compareTile .compareTileInfo {
    padding: 0;
}

.compareTileTd .compareTile .compareListTd {
    text-align: center;
}

.compareSec .row {
    margin-left: -20px;
    margin-right: -20px;
}

.compareSec .row .column {
    padding-left: 20px;
    padding-right: 20px;
}


/**************** single-grass-type end ****************/


/**************** single-post start ****************/

.bigProduct {
    height: 220px
}

.priceTag {
    color: #424242;
    margin: 30px 0;
    font-size: 18px;
}

.relatedTile .yardTile {
    background: #f5f5f5;
    margin-bottom: 20px;
}

.relatedTile .yardTileContent {
    padding: 30px 45px 30px;
}

.relatedTile .yardTileImg {
    height: inherit;
    max-height: 180px;
}


/* .relatedTile .yardTileImg img {
    max-width: inherit;
    height: 100%;
    vertical-align: text-bottom;
    line-height: 1;
} */

.shareIcon {
    font-size: 16px;
    color: #008542;
    font-family: 'Gibson-SemiBold';
    margin: 30px 0;
}

.shareIcon span {
    display: inline-block;
    background: #008542;
    border-radius: 50%;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    margin-left: 10px;
}

.shareIcon a {
    text-decoration: none;
    color: #008542;
}

.shareIcon span img {
    max-width: 30px;
}


/**************** single-post end ****************/


/**************** request confirmation start ****************/

.requestSummary {
    background: #f5f5f5;
}

.requestSummaryInner {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.requestSummaryList {
    margin-bottom: 30px;
}

.requestSummaryList p {
    margin-bottom: 5px;
}

.requestSummaryList p a {
    color: #424242;
}


/**************** request confirmation end ****************/


/**************** product category start ****************/

.productListingBox .row {
    margin-left: -15px;
    margin-right: -15px;
}

.productListingBox .column {
    padding: 0 15px;
    margin-bottom: 30px;
}

.productListingBox .grassInfo {
    min-height: 100px;
}

.articleListNoouterBorder ul li a {
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 0;
}

.articleListNoouterBorder ul li:last-child a {
    border-bottom: none;
}

.productSearch {
    position: relative;
    border-top-right-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -ms-border-top-right-radius: 30px;
    -moz-border-top-right-radius: 30px;
    -o-border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-bottom-right-radius: 30px;
    -o-border-bottom-right-radius: 30px;
    -ms-border-bottom-right-radius: 30px;
    overflow: hidden;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.productSearch input {
    padding-right: 60px;
}

.productSearchBtn {
    display: block;
    position: absolute;
    height: 54px;
    width: 54px;
    background: #858585;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    top: 0;
    line-height: 70px;
    right: 0;
}

.productSearchBtn img {
    width: 25px;
}

.leftArrow {
    background: url('../images/chevron.svg') no-repeat center;
    background-size: 100%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    display: inline-block;
    height: 10px;
    width: 15px;
    vertical-align: middle;
    top: -1px;
    position: relative;
}


/**************** product category end ****************/


/**************** product category index start ****************/

.productBannerInner {
    background: #f5f5f5;
    padding: 50px 50px 0 50px;
}

.productBannerImg {
    width: 50%;
    float: left;
    padding-right: 30px;
}

.productBannerImg img {
    max-width: 100%;
}

.productBannerInfo {
    float: left;
    width: 50%;
}

.productBannerInfo {}

.productBannerInfo h4 {
    text-transform: uppercase;
    font-size: 32px;
    color: #008542;
    font-family: 'Gibson-Bold';
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.offerPrice {
    font-size: 100px;
    color: #008542;
    font-family: 'Gibson-Bold';
    display: inline-block;
}

.offerPrice span {
    font-size: 60px;
    font-family: 'Gibson-SemiBold';
    vertical-align: top;
    position: relative;
    top: 5px;
}

.originalPrice {
    display: inline-block;
    font-size: 50px;
    font-family: 'Gibson-Bold';
    color: #008542;
    margin: 0 0 0 20px;
    position: relative;
}

.originalPrice::after {
    content: '';
    position: absolute;
    left: -8px;
    right: -8px;
    bottom: 50%;
    height: 8px;
    background: #d65354;
    margin-bottom: -12px;
}

.originalPrice span {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
}

span.smalldolaricon {
    font-size: 30px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: 'Gibson-SemiBold';
    top: 5px;
}

.bannerBtns {
    margin-top: 15px;
}

.bannerBtns .btn {
    padding: 10px 30px;
    margin-right: 15px;
}

.sidebarFilterArea {
    background: #ffffff;
    padding: 20px 30px;
}


/**************** product category index end ****************/


/**************** product page start ****************/

.productDetails-productimg {
    text-align: center;
    padding: 25px;
}

.productDetails-productimg img {
    max-width: 100%;
}

.productDetails-productInfo h1 {
    text-align: left;
}

.productDetails-productInfo {
    position: relative;
}

.productDetails-productInfo .shareIcon {
    position: absolute;
    right: 0;
    top: 7px;
    z-index: 1;
    margin: 0;
}

.quantitySec {
    width: 70px;
    display: inline-block;
    margin-right: 15px;
}

.quantitySec label {
    text-align: center;
    display: block;
    margin-bottom: 8px;
}

.quantitySec input {
    text-align: center;
}

.addToCartSec {
    padding: 20px 0;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

.productPrice {
    font-size: 20px;
    color: #424242;
    margin-bottom: 30px;
}

.productInfoTxt {
    padding: 30px 0 0 0;
    height: 160px;
    overflow: hidden;
}

.productInfoTxt.show {
    height: inherit;
}

.productDetails-productInfo p {
    font-size: 18px;
    line-height: 26px;
}

.productInfoTxtShowBtn {
    color: #008542;
    text-decoration: none;
    display: inline-block;
    margin: 20px 0;
}


/**************** product page end ****************/


/**************** grass gallery start ****************/

.gassItem {
    position: relative;
    margin-bottom: 10px;
}

.gassItem a,
.gassItem:hover,
.gassItem:focus {
    outline: none;
}

.gassItem img {
    max-width: 100%;
    width: 100%;
}

.gassItem figure {
    line-height: 1px;
}

.gassItem figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-family: 'Gibson-SemiBold';
    background: rgba(0, 0, 0, 0.4);
}

.formGroup {
    margin-bottom: 15px;
}

.formGroup label {
    text-align: left;
    margin-bottom: 7px;
    display: block;
    color: #424242;
    font-size: 12px;
}

.formError input {
    box-shadow: 5px 0px 0px 0px #d65354 inset;
    -webkit-box-shadow: 5px 0px 0px 0px #d65354 inset;
    -ms-box-shadow: 5px 0px 0px 0px #d65354 inset;
    -moz-box-shadow: 5px 0px 0px 0px #d65354 inset;
    -o-box-shadow: 5px 0px 0px 0px #d65354 inset;
    border-color: #d65354;
}

.adviceForm {
    max-width: 600px;
    margin: 0 auto;
}

.customFileUpload {
    position: relative;
    display: inline-block;
}

.adviceForm .btn {
    width: 260px;
}

.customFileUpload input[type="file"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
    margin: 10px 0;
    cursor: pointer;
    opacity: 0;
}

.uploadedImage img {
    max-width: 100%;
}


/**************** grass gallery end ****************/

.errorMsg {
    text-align: center;
    background: #d65354 !important;
}

.errorMsg h1,
.errorMsg h2,
.errorMsg h3,
.errorMsg h4,
.errorMsg h5,
.errorMsg h6 {
    color: #ffffff !important;
}

.errorMsg p {
    color: #ffffff !important;
}

.customSelectSquare {
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    height: 54px;
    border: 1px solid #c0c0c0;
    background: #ffffff;
}

.customSelectSquare select {
    height: 100%;
    color: #000000;
    width: 100%;
}

.customSelectSquare::after {
    height: 54px;
}

.quantityBox {
    position: relative;
    display: inline-block;
}

.quantityBox span {
    position: absolute;
    right: 1px;
    bottom: 1px;
    display: inline-block;
    height: 52px;
    background: #f1f1f1;
    padding: 14px;
    line-height: 24px;
}

.quantityBox input {
    padding-right: 55px;
}

.tabHeader {
    border-bottom: 4px solid #008542;
    text-align: center;
    background: #f5f5f5;
}

.tabHeader .wrapper {
    font-size: 0;
}

.tabHeaderItem {
    padding: 20px;
    text-align: center;
    background: #ffffff;
    color: #fff;
    display: inline-block;
    color: #008542;
    font-size: 18px;
    width: 360px;
    cursor: pointer;
}

.tabHeaderItem.active {
    background: #008542;
    color: #ffffff;
}

.tabHeaderItem.active .down-arrow {
    background: url('../images/chevron.svg') no-repeat center;
    background-size: 100%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.tabBodyItem {
    display: none;
}

.tabBodyItem.active {
    display: block;
}

.tabBody {
    padding: 20px 0;
}

.tabArea .down-arrow {
    width: 20px;
}

.t-tip {
    display: inline-block;
    background: #008542;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    line-height: 22px;
    text-align: center;
    margin-left: 5px;
    color: #fff;
    font-size: 14px;
}

.cartDropDown {
    position: absolute;
    width: 300px;
    font-size: 16px;
    background: #008c3a;
    text-align: center;
    color: #ffffff;
    right: -20px;
    padding: 30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    top: 100%;
    margin: 10px 0 0 0;
    z-index: 1;
    line-height: 20px;
}

.cartDropDown::before {
    content: '';
    position: absolute;
    right: 30px;
    top: -5px;
    height: 10px;
    width: 10px;
    background: #008c3a;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.t-tipSec {
    display: inline-block;
    position: relative;
}

.toolTipMsg {
    position: absolute;
    padding: 10px;
    background: #008542;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    color: #ffffff;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 150px;
    text-align: center;
    font-size: 14px;
    margin: 0 0 10px 0;
    line-height: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    z-index: 9;
}

.toolTipMsg::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 8px;
    width: 8px;
    background: #008542;
    margin-left: -2px;
    margin-top: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.t-tipSec.show .toolTipMsg {
    bottom: 100%;
    visibility: visible;
    opacity: 1;
}

.messagehead {
    margin-bottom: 30px;
}

.messagehead p {
    font-size: 18px;
    margin: 0 0 5px 0;
}

.createQuoteTable {
    display: table;
    width: 100%;
    margin: 30px 0 0;
}

.createQuoteTableTr {
    display: table-row;
    background: #f5f5f5;
}

.createQuoteTableTr:nth-child(2n) {
    background: #ffffff;
}

.createQuoteTableTrTd {
    display: table-cell;
    padding: 20px 30px;
    vertical-align: middle;
    font-family: 'Gibson-Regular';
    font-size: 18px;
    line-height: 24px;
}

.createQuoteTableTrTd:nth-child(2) {
    width: 200px;
    text-align: right;
}

.bin-icon {
    background: #d65354;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    height: 26px;
    width: 26px;
    text-align: center;
    padding: 4px 6px;
}

.bin-icon:hover {
    opacity: 0.6;
}

.bin-icon img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.createQuoteTable input {
    display: inline-block;
    width: 60px;
    height: auto;
    margin: 0 10px 0 5px;
}

.dlr {
    font-size: 24px;
    font-family: 'Gibson-Regular';
    vertical-align: middle;
}

.reload-icon {
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    height: 26px;
    width: 26px;
    text-align: center;
    background: #858585;
    padding: 3px 6px;
}

.reload-icon img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.unavailable {
    color: #d65354;
    margin: 0 20px 0 5px;
    font-size: 16px;
    vertical-align: middle;
}

.errorTr {
    box-shadow: 10px 0px 0px 0px #d65354 inset;
    -webkit-box-shadow: 10px 0px 0px 0px #d65354 inset;
    -ms-box-shadow: 10px 0px 0px 0px #d65354 inset;
    -moz-box-shadow: 10px 0px 0px 0px #d65354 inset;
    -o-box-shadow: 10px 0px 0px 0px #d65354 inset;
}

.addItem {
    padding: 15px 0;
    border-top: 1px solid #cccccc;
}

.orDivider {
    border-top: 1px solid #cccccc;
    text-align: center;
    margin-top: 0;
}

.orDivider span {
    display: inline-block;
    padding: 0 15px;
    background: #ffffff;
    font-size: 16px;
    top: -10px;
    position: relative;
}

.viewquote .down-arrow,
.viewquote .up-arrow {
    background-size: 25px;
}

.requestSummary .sectionheading {
    margin: 0;
}

.uploadpdfDoc {
    text-align: center;
}

.smallBanner {
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bigBanner {
    height: 550px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.stepSec .yardTileContent {
    padding: 20px;
    position: relative;
    text-align: center;
}

.stepSec .yardTileDescription p {
    font-size: 18px;
}

.stepSec .yardTileDescription {
    height: inherit;
}

.stepSec h4 {
    color: #434345;
    margin-bottom: 20px;
}

.stepSec .yardTileImg {
    height: 200px;
    line-height: inherit;
    margin-bottom: 5px;
}

.tileNo {
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 34px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background: #8dc63f;
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: auto;
    right: auto;
    margin: -20px 0 0 -16px;
}

.stepTabinner {
    display: none;
}

.stepTabinner.active {
    display: block;
}

.stepItem {
    margin-right: -10px;
}

.stepTab .stepItem {
    display: none;
}

.stepItem ul li a.active {
    box-shadow: 10px 0px 0px #008542 inset;
    -webkit-box-shadow: 10px 0px 0px #008542 inset;
    -ms-box-shadow: 10px 0px 0px #008542 inset;
    -moz-box-shadow: 10px 0px 0px #008542 inset;
    -o-box-shadow: 10px 0px 0px #008542 inset;
    color: #008542;
    background: #f5f5f5;
    border-right-color: #f5f5f5;
}

.stepItem ul li:last-child a.active {
    border-bottom-color: #f5f5f5;
}

.stepItem ul li:first-child a.active {
    border-top-color: #f5f5f5;
}

.stepItem ul li a.active::after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.tipsSec {
    background: #ffffff;
    padding-left: 50px;
    padding-right: 50px;
}

.col-2-sec ul {
    overflow: hidden;
}

.col-2-sec ul li {
    float: left;
    width: 50%;
    padding-right: 30px;
    line-height: 30px;
}

.col-2-sec ul li::after {
    top: 12px;
}

.besicTab {
    margin: 30px 0;
}

.besicTabHeader {
    background: #f5f5f5;
    padding: 25px 25px;
    cursor: pointer;
}

.besicTabHeader h5 {
    color: #424242;
    margin: 0;
    display: inline-block;
}

.besicTabHeader span {
    float: right;
    width: 20px;
}

.besicTabBody {
    padding: 25px;
    background: #f9f9f9;
}

.besicTabBody p {
    font-size: 16px;
}

.besicTabBody {
    display: none;
}

.productTitle,
.productDescription {
    padding: 10px 30px;
}

.customlightbox hr {
    margin: 15px 30px;
}

.productImg {
    margin-bottom: 30px;
}

.lightBoxproductdetails {
    padding: 20px 50px;
}

.customlightbox {
    /* display: none; */
    /* overflow: hidden; */
    /* visibility: hidden; */
    width: 600px;
    background: transparent;
    margin-left: 80px;
    margin-right: 80px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.fancybox-slide.fancybox-slide--inline.fancybox-slide--current.fancybox-slide--complete .customlightbox {
    opacity: 1;
    position: relative;
    pointer-events: inherit;
}

.lightBoxInner {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}

.productTitle h3 {
    margin-bottom: 0;
    text-align: left;
}

.lightBoxInnerPart-1,
.lightBoxInnerPart-2 {
    padding: 30px 0 20px;
}

.lightBoxInnerPart-1 {
    padding-top: 0;
}

.lightBoxproductdetailsDescrip h3 {
    text-align: left;
    margin-bottom: 10px;
}

.customlightbox .lightBoxproductdetailsDescrip p {
    margin-bottom: 15px;
}

.lightBoxproductdetailsDescrip {
    padding: 30px;
}

.lightBoxproductdetailsImg {
    background: #ffffff;
    /* background: #f5f5f5; */
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
}

.lightBoxproductdetailsImg img {
    max-width: 100%;
    margin: 0 auto;
}

.customlightbox h5 {
    color: #424242;
    margin-bottom: 15px;
}

.customlightbox p {
    font-size: 18px;
    margin: 0;
    line-height: 26px;
}

.searchOuter {
    display: inline-block;
    width: 100%;
    max-width: 600px;
}

.mobileSearchIcon {
    display: none;
}

.mobilehamburger {
    display: none;
}

.menu-arw {
    background: url('../images/chevrongreen.svg') no-repeat center;
    height: 14px;
    width: 13px;
    background-size: 100%;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .sub-menu {
        position: absolute;
        background: #ffffff;
        width: 600px;
        border-bottom: 4px solid #008c3a;
        top: 130%;
        left: 0;
        visibility: hidden;
        opacity: 0;
        transition: all ease-in-out 400ms;
        -webkit-transition: all ease-in-out 400ms;
        -ms-transition: all ease-in-out 400ms;
        -moz-transition: all ease-in-out 400ms;
        -o-transition: all ease-in-out 400ms;
        z-index: 9;
    }
    .header-nav-inner>ul>li:hover>.sub-menu {
        visibility: visible;
        top: 100%;
        opacity: 1;
    }
    .header-nav-inner>ul>li:hover>a .menu-arw {
        transform: rotate(180deg);
    }
    .headerNav .sub-menu li {
        display: inline-block;
        width: 50%;
    }
    .headerNav .sub-menu li::after {
        left: 20px !important;
        right: 20px !important;
        width: auto !important;
    }
    .headerNav .sub-menu li a {
        padding: 15px 20px;
        text-align: left;
        display: block;
        font-size: 16px;
    }
    .mobile-only-menu {
        display: none;
    }
    .nav-contact {
        display: none;
    }
    .sliderNumber {
        display: none;
    }
}

.afterLoginCartandUser {
    display: none;
}

.mobile-show {
    display: none;
    margin-top: 30px;
}

.desktop-hide {
    display: none;
}

.postCode span {
    display: none;
    font-size: 12px;
    font-family: 'Gibson-SemiBold';
    margin-bottom: 10px;
}

.yardTileTitle {
    min-height: 90px;
}

span.select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    border: 1px solid #008c3a;
    position: relative;
}

.select2-container--default .select2-selection--single::after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    z-index: 1;
    background: url('../images/chevrongreen.svg') no-repeat center;
    height: 40px;
    width: 50px;
    background-size: 20px;
    pointer-events: none;
}

.select2.select2-container.select2-container--default.select2-container--below.select2-container--open.select2-container--focus {
    background: #008c3a;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.select2-container--open .select2-selection__rendered {
    color: #ffffff !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #008c3a;
}

.select2-container .select2-selection--single {
    height: inherit;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 6px 15px;
    padding-right: 40px;
}

.select2-results__option::before,
.select2-results__option::after {
    content: none;
}

.select2-results__option {
    background: #ffffff !important;
    color: #008c3a !important;
    font-size: 16px;
    padding: 10px 15px;
}

.select2-dropdown {
    margin-top: -1px;
    border: 1px solid transparent;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    overflow: hidden;
    box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
}

.select2-container--open .select2-selection--single::after {
    background: url('../images/chevron-small-up.svg') no-repeat center;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #000000 !important;
}

.only-mobile-show {
    display: none !important;
}

.tab-show {
    display: none !important;
}

.compareSec .slick-arrow {
    top: 50%;
}

.compareTileTd .compareTile .compareListTd:first-child {
    display: none;
}

.grassGallerySlider .slick-arrow {
    top: 50%;
    background: #ffffff url('../images/chevrongreen.svg') no-repeat center;
    background-size: 20px;
}

.grassGallerySlider .slick-prev.slick-arrow {
    left: -60px;
}

.grassGallerySlider .slick-next.slick-arrow {
    right: -60px;
}

.grassGallerySlider .slick-dots {
    top: auto;
    bottom: 100%;
    padding: 10px;
}

.grassGallerySlider .slick-dots li.slick-active button {
    background: #ffffff;
}

.lawnCareProductsSlider {
    padding-bottom: 30px;
}

.lawnCareProductsSlider .slick-slide {
    margin: 0 30px;
    margin-bottom: 15px;
}

.lawnCareProductsSlider .slick-list {
    margin: 0 -30px;
}

.lawnCareProductsSlider .slick-arrow {
    top: 50%;
}

.videoBox {
    background-size: cover;
    background-repeat: no-repeat;
}

.categoryListing .yardTile {
    /* margin-bottom: 30px; */
    height: 100%;
}

.categoryListing .row {
    margin-left: -15px;
    margin-right: -15px;
}

.categoryListing .column-6,
.categoryListing .column-8,
.categoryListing .column-4 {
    padding-left: 15px;
    padding-right: 15px;
}

.categoryListing .yardTileTitle {
    min-height: inherit;
}

.ajaxLoader img {
    width: 200px;
}

.searchList {
    margin-bottom: 40px;
}

.searchList h3 {
    text-align: left;
    margin-bottom: 5px;
}

.productBoxItem {
    box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    background: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    display: table;
    width: 100%;
    margin: 30px 0;
}

.productBoxItem>div {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 10px;
}

.productBoxItemImg {
    width: 160px;
}

.productBoxItemImg img {
    width: 100%;
}

.productBoxItemInfo h3 {
    font-size: 18px;
    margin: 0;
    color: #424242;
    text-align: left;
}

.search-result .defaultContent {
    padding-right: 100px;
}

.searchinputbox {
    width: 350px;
    margin: 40px auto;
    display: block;
}

.getQuoteTxt h4 {
    color: #858585;
    font-size: 30px;
    font-family: 'Gibson-Regular';
    margin-bottom: 10px;
}

.productBox h2 {
    text-align: left;
}

.categoryListingSingle {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.categoryListingSingle .yardTileImg {
    display: table-cell;
    width: 50%;
    padding-right: 15px;
    vertical-align: middle;
    background-size: cover;
    border-right: 15px solid #fff;
}

.categoryListingSingle .yardTileContent {
    display: table-cell;
    text-align: left;
    padding: 0 20px;
    vertical-align: middle;
}

.yardTileContent h5 {
    font-size: 15px;
    color: #008c3a;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.categoryListingSingle .yardTileContent h3 {
    text-align: left;
    margin-bottom: 15px;
}

.superCategoryListing .yardTileContent,
.superCategoryListing .yardTileContent h3 {
    text-align: left;
}

.searchList h5 {
    display: none;
}


/* *************** Footer start ************************* */

.footer {
    text-align: center;
}

.footerTop {
    padding: 55px 0 35px;
    background: #008542;
}

.footerLogo {
    float: left;
    margin: 8px 0 0 0;
}

.footerPhone {
    font-size: 24px;
    color: white;
    padding-bottom: 24px;
}

.footerPhone a {
    margin-left: 10px;
}

.contactWithUs {
    float: right;
    text-align: left;
}

.contactWithUs p {
    color: #fff;
    margin: 0 0 10px 0;
}

.contactWithUs img {
    height: 22px;
}

.contactWithUs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contactWithUs ul li {
    display: inline-block;
    padding: 0 4px;
}

.contactWithUs ul li::after {
    content: none;
}

.footerNav {
    display: inline-block;
    margin: 20px 0 0 0;
}

.footerNav li {
    display: inline-block;
    padding: 0 25px;
    vertical-align: middle;
}

.footerNav li::after {
    content: none;
}

.footerNav ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
}

.footerNav ul ul {
    display: none;
}

.footerCopyRight {
    padding: 10px;
    text-align: center;
    background: #ffffff;
}

.footerCopyRight p {
    color: #424242;
    font-size: 12px;
    margin: 0;
    text-align: center;
    flex: 1 0 auto;
}

.payment-types {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
}

.payment-types li {
  padding: 0 10px;
}

.payment-types li img {
  /* width: 40px;
  height: 20px; */
  max-width: none;
  object-fit: contain;
}

.payment-types li::after {
  display: none !important;
}

.payments-accepted, .payment-types {
  padding-top: 10px;
}

.footerCopyRight .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

.footerCopyRight .wrapper::before,
.footerCopyRight .wrapper::after {
  display: none !important;
}

@media all and (min-width: 768px) {
  .footerCopyRight p {
    text-align: left; 
  } 

  .payments-accepted, .payment-types {
    padding-top: 0;
  }

  .payment-types li {
    padding: 0 0 0 20px;
  }

  .footerCopyRight .wrapper {
    flex-direction: row;
    justify-content: unset;
  }

  .payments-accepted {
    margin-left: auto;
    display: flex;
    align-items: center;
  }
}


/* *************** Footer end ************************* */


/* ***********************************************
                19/12/2017 - style fixing
*********************************************** */

.compareTileLogo img {
    height: 50px;
    margin: 0 auto;
}

.entry-header {
    margin: 30px 0;
}

.entry-content h2,
.entry-content h3 {
    text-align: left;
}

.entry-content ul li a {
    text-decoration: none;
    color: #424242;
}











/* ***********************************************
                Site CSS end
*********************************************** */


/* ***********************************************
                WP issue fix start
*********************************************** */

.tileSingle .yardTileImg img {
    margin-top: -25%;
}

.grassQuoteBox .column.column-4.mobile-hide .grassQuote {
    position: relative;
}

.grassQuoteBox .column.column-4.mobile-hide .tileImg {
    line-height: 0;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.categoryListing .column {
    margin-bottom: 30px;
}

.entry-content .sectionheading h2 {
    text-align: center;
}

.defaultContent img {
    max-width: 100%;
    height: auto;
}

.videoBox iframe {
    width: 100%;
    height: 100%;
}

.stepSec .yardTileDescription {
    line-height: 28px;
}

.defaultContent {
    margin-bottom: 30px;
}

.grassQuoteSingleListing .icon {
    width: 45px;
    background-size: 128px;
    height: 43px;
}

.grassQuoteSingleListing .grassLogo object {
    height: 70px;
    width: auto;
}

.searchOuter .awesomplete {
    display: block;
}

.entry-content input:focus::-webkit-input-placeholder {
    color: transparent;
}

.entry-content input:focus:-moz-placeholder {
    color: transparent;
}

.entry-content input:focus placeholder {
    color: transparent;
}

.stepSec .yardTile:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    cursor: default;
}

.yardTileDescription a {
    text-decoration: none;
    color: #008542;
}

.productImg img {
    width: 100%;
}

.footerNav .sub-menu {
    width: auto;
}

.compareListTd img {
    display: inline-block;
    margin: 0 2px;
}

.header-nav-inner>ul>li.has-submenu a {
    pointer-events: none;
}

.header-nav-inner>ul>li.has-submenu.submenuShow a {
    pointer-events: inherit;
}

@media(max-width:1199px) {
    .headerNav ul li.active::after,
    .headerNav ul li.current-menu-item::after {
        left: 20px;
        right: 20px;
    }
}

@media(max-width:1024px) {
    .headerNav ul li.active::after,
    .headerNav ul li.current-menu-item::after {
        left: 6px;
        right: 6px;
    }
}

@media(min-width:1025px) {
    .stick-to-top-on-scroll {
        position: relative;
    }
    .stickyInner {
        width: 367px;
    }
    .stickyInner.fixed {
        position: fixed;
        top: 0;
    }
}

@media(min-width:768px) {
    .stepTabinner {
        padding: 10px 0;
    }
}

@media (max-width: 767px) {
    .headerNav ul li.active::after,
    .headerNav ul li.current-menu-item::after {
        left: 0;
        right: 0;
        bottom: 0;
    }
    .filterCheckbox .customCheckbox {
        margin-top: -1px;
    }
}

.logo a,
.footerLogo a {
    position: relative;
    display: inline-block;
}

.logo a:after,
.footerLogo a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.yardTile.latest-articles {
    padding-bottom: 0;
}


/************ Style By A.K *********/



.search-container-block .inputbox {
	width:100%;
	float:left;
}

.qualityBrand img {
  
  padding-right:20px;  
      
}
.qualityBrand img:nth-child(3) {
    padding-left: 40px;
}

.search-container-block  .search-location-button {
	position:relative;
	width:20%;
	float:left;
}

.search-container-block  .search-location-button img {
    width: 24px;
    margin-top: 14px;
    margin-left: -7px;
	cursor: pointer;
}

.label-style {
   display:block;
   font-weight:600;
}

.sub-information {
	margin-top:20px;
	display:none;
}

.sub-information span.info {
    color: #707070;
	font-family: 'Gibson-Regular';
	display:inline-block;
	font-size:18px;
}

.clearboth {
    clear: both;
}

span.selected-area 
{
	color: #008c3a;
	font-family: 'Gibson-SemiBold' !important;
	display:inline-block  !important;;
	font-size:18px  !important;

}


.result-block-p {
	text-align: center;
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #29292a;
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
	margin-bottom:0px;
}

.filter-container .customSelect2 {
	position: absolute;
    top: 10px;
    right: 6%;
}

.filter-container {
	position:relative;
}



p.result-block-p:after {
    content: '';
    width: 26px;
    height: 28px;
    transform: rotate(45deg);
    background-color: #29292a;
    position: absolute;
    left: 49%;
    top: 75%;
	z-index:2;
}

#findreatilersresult {
 display:none;	
}

.filter-container span#select2-sortSelect-container {
    background-color: #fff;
}



span.sort-by {
    color: #fff;
    margin-right: 12px;
	
}

#ajaxLoadingGrowers img {
  z-index:9;	
  padding-top: 50px;
}
#ajaxLoadingGrowers {
	z-index:9
}

.grey-bg {
	background-color:#f5f5f5;
}

.su-expand-link.su-expand-link-more a:after {
	
    content: '';
    width: 15px;
    height: 15px;
    background: url(../images/chevrongreen.svg) no-repeat center;
    display: inline-block;
    position: absolute;
    background-size: 20px;
    margin-left: 7px;
    margin-top: -1px;
	
	
}

.su-expand-link.su-expand-link-less a:after {
	
    content: '';
    width: 15px;
    height: 15px;
    background: url(../images/chevrongreen.svg) no-repeat center;
    display: inline-block;
    position: absolute;
    background-size: 20px;
    margin-left: 7px;
    margin-top: 2px;
	transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
	
}

.su-expand-link {
    margin-top: 1.5em;
    cursor: pointer;
}

.qualityBrand {
    margin-bottom: 20px;
}

.left-aligned {
	text-align:left;
}

.text-box-inner-content {
	padding:20px 50px 20px 50px;
	min-height: 200px;
	width:90%;
	margin:0 auto;

} 

.test-box p{
	text-align:left;
	color:#008c3a;
	font-weight: 700;
}

.test-box span {
	display:block;
	text-align:left;
	margin-bottom:5px;
	
}

.test-box span.name {
	color:#8dc63f;
	
}

.test-box span.location {
	color:#008c3a;
}
.test-box span.company {
	color:#008c3a;
	font-weight: 900;
}

.testimonials-wrapper .slick-prev.slick-arrow {
	top:25px;
}

.testimonials-wrapper .slick-next.slick-arrow {
	top:25px;
	right:0
}

.greenbold {
	color:#008542;
	font-weight:700;
	
}

.layingTurf-h2 {
	text-align: center;
    font-family: 'Gibson-SemiBold';
    font-size: 26px;
    color: #008542;
    padding-bottom: 20px;
    line-height: 44px;
    color: #434345;
}

.layTruf-align-left
{
	text-align:left;
}

.layingTurf-padding-result{
	
	padding-left:4%;
	
}

.layingTurf-h2-padding {
    padding-top: 20px;
    padding-bottom: 40px;	
}

.layingTurf-padding-top-20 {
	padding-top:20px;
}

.layingTurf-padding-bottom-40 {
   padding-bottom: 40px;
}

.layTruf-color-green {
   color: #008542 !important;
}

.wrapper-no-padding {
 
  border: 1px solid #c0c0c0;
}

.no-article-padding
{
	margin-top: 15px;
    margin-left: -16px;
}

.padding-top-35 {
	padding-top: 35px;
}

.custon-hr-break {

}
.remove-margin {
	margin-left: 0;
    margin-right: -15px;
}
.text-center.padding-bottom-30 {
    padding-bottom: 30px;
}

.secure-seal {
	display: block;
    position: fixed;
    bottom: 0;
    right: 0;
}

.text-green {
	color:#000 !important;
     font-weight:700; 
}



.sub-desc-p {
   color: #707070;
    font-family: 'Gibson-Regular' !important;
    padding-top: 20px;
    display: block !important;
    font-size: 18px;
    width: 100%;
    line-height: 20px;
}

.margin-bottom-0 {
	margin-bottom: 0;
	margin-top: 0px;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.selected-area-desc {
     width: 100%;
    text-align: center;
	display:block !important;
}

#grass-type-page .label-style {
    font-family: 'Gibson-Regular';
    color: #424242;
    font-size: 18px;
    font-size: 34px;
    text-align: left;
    width: 80%;
	line-height:1.2;
}

#grass-type-page .searchOuter {
	
	float:left;
}

#grass-type-page input {
	margin-left:0px;
}

#grass-type-page .sub-information {
    text-align: left;
	width:70%;
}


#poster-image:after {
    content: '';
    width: 60px;
    height: 60px;
    background-image: url(../images/play-button-1.png);
    position: absolute;
    left: 44%;
    top: 40%;
    background-repeat: no-repeat;
    cursor: pointer;
}

#iframe-video {
	display:none;
}

.gps-location {
    width: 25px;
    position: absolute;
    right: 5px; 
    left: 12%;
    top: 22%;
}

.loction-click {
	position:relative;
	cursor: pointer;
}

.btn-location-detection {
    width: 96%;
	margin: 0 auto;
	max-width: 360px;

}

#poster-image { 
  position:relative; 	
}

.column.column-12.padding-20-steps {
    padding-bottom: 20px;
    margin-bottom: 10px;
}

@media (max-width: 640px) {
	
	.text-box-inner-content {
    padding: 20px 20px 20px 20px;
	}
	
	.testimonials-wrapper .slick-next.slick-arrow {
    top: 27%;
    right: 0px;
    display: inline-block !important;
    }
    
    .stepSec .yardTileImg {
    height: 180px;
    width: 100vw;
    }
	
	.sub-information span.info {
		display:inline-block !important;
	}
	.span.selected-area {
		display:inline-block !important;
	}
	
	.yardTile.latest-articles {
    padding: 15px;
    } 
	
	.testimonials-wrapper .slick-prev.slick-arrow {
    top: 27%;
    display: inline-block !important;
    left: 0px;
     }
	 
	 .tileNo {
         position: relative;
         top: 0;
         left: 0; 
	 }
	 
	 .stepSec .yardTileImg {
    height: 180px;
    width: 95vw;
    }
	
    .search-container-block .inputbox {
		width:100%;
		float:none;
	}

	.search-container-block  .search-location-button {
		position:relative;
		width:100%;
		float:none;
	}
	
	.search-container-block .search-location-button img {
    width: 24px;
    position: absolute;
    right: 5%;
	top: -60px !important;
	
	}
	
	p.result-block-p:after {
    content: '';
    width: 26px;
    height: 28px;
    transform: rotate(45deg);
    background-color: #29292a;
    position: absolute;
    left: 48%;
    top: 40%;
   }
   
   .filter-container .customSelect2 {
    position: relative;
    top: 20px;
    right: -22%;
    margin-bottom: 20px;
    margin-top: 12px;
    }
	
	span.sort-by {
    color: #29292a;
	display: inline-block;
   
   }
   
   #findreatilersresult p.result-block-p:after {

    top: 72%;
   }
   
   #grass-type-page .searchOuter {
      width:100%;
    }


}





/************ Closes Style by A.K *********/




@media (max-width: 640px) {
    .localRetailersTableTr .localRetailersTableTrTd {
        display: none;
    }
    .localRetailersTableTr .localRetailersTableTrTd:first-child {
        display: block;
        text-align: left;
        color: #424242;
        font-size: 18px;
    }
    .localRetailersTableTr .localRetailersTableTrTd:first-child strong {
        font-family: 'Gibson-Regular';
    }
    .localRetailersTableTr .localRetailersTableTrTd:nth-child(2) {
        margin-top: 30px;
    }
    .localRetailersTableTr .localRetailersTableTrTd:first-child.active-tile {
        background: #008c3a;
        color: #fff;
    }
    .localRetailersTableTrTdToggle .quoteIcons ul {
        margin-bottom: 0;
    }
    .yardTileSec.gray.yardTileSecPad {
        background: #fff !important;
    }
    .tipsSec {
        background: #fff !important;
    }
    .tileSingle .yardTileSec .btn {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .tileSingle .yardTileContent {
        padding: 30px 20px 20px;
    }
    .qualityGuaranteed.green {
        background: #f2f2f2;
    }
    .qualityGuaranteed.green h2,
    .qualityGuaranteed.green p {
        color: #008542;
    }
    .qualityGuaranteed.green .btn-outline {
        background: none;
        border-color: #008542;
        color: #008542;
    }
    .compareSec .slick-dots {
        top: -65px;
    }
    .compareSec {
        margin-top: 60px;
    }
    .footerNav li:last-child>a {
        margin-bottom: 10px;
    }
}


@media (max-width: 640px) {
    .superCategoryListing .yardTileContent h5 a {
        position: static;
        transform: translate(0);
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        float: none;
    }
    .superCategoryListing .latest-articles .yardTileTitle h3 a {
        transform: translate(0);
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        position: static;
        display: block;
        float: none;
        width: 100%;
    }
    .superCategoryListing .categoryListing .yardTileTitle {
        padding: 10px;
    }
    .superCategoryListing .latest-articles .yardTileImg {
        margin-right: 20px;
    }

}


/* ***********************************************
                WP issue fix end
*********************************************** */


/* ***********************************************
                RESPONSIVE START
*********************************************** */

@media(min-width: 641px) {
    .grassQuoteNarrow .grassTitle {
        display: none;
    }
    .lawnStoreSec.white {
        background: transparent !important;
    }
}

@media(max-width: 768px) {

    .testimonial-slider .slick-prev.slick-arrow,
    .testimonial-slider .slick-next.slick-arrow{
        top: auto !important;
        bottom: -20px;
    }
    .testimonial-slider .slick-next.slick-arrow{
        left: 55%;
    }
    .testimonial-slider .slick-prev.slick-arrow{
        left: 45%;
    }

}

@media (max-width: 1199px) {
    .wrapper {
        max-width: 980px;
    }
    h2 {
        font-size: 34px;
    }
    .grassQuoteBox .column-4 {
        width: 50%;
        min-width: 50%;
    }
    .yardTileContent {
        text-align: center;
        padding: 30px 20px 50px;
    }
    .home-yardTileSec .yardTileContent {
        padding-bottom: 0;
    }
    .home-yardTileSec .yardTileBtn {
        padding: 0 20px 50px;
    }
    .headerNav {
        width: 800px;
    }
    .headerNav ul li a {
        padding: 20px 20px;
    }
    .footerTop {
        padding: 40px 0;
    }
    .slick-dots {
        top: 455px;
    }
    .slick-arrow {
        top: 200px;
    }
    .grassBtns {
        padding: 0 10px;
    }
    .compareTileInfo {
        padding: 0 5px;
    }
    .compareListTd {
        font-size: 15px;
    }
    .btn-inline {
        padding: 15px 30px;
    }
    .productBannerInfo h4 {
        font-size: 28px;
        line-height: 30px;
    }
    .offerPrice {
        font-size: 70px;
    }
    .offerPrice span {
        font-size: 44px;
    }
    .originalPrice span {
        font-size: 16px;
    }
    .originalPrice {
        font-size: 40px;
    }
    .originalPrice::after {
        height: 4px;
        margin-bottom: -8px;
    }
    .btn {
        font-size: 16px;
    }
    .productInfoTxt {
        height: 150px;
    }
    .xs-wrapper {
        max-width: 660px;
    }
    .small-wrapper {
        max-width: 750px;
    }
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
    .wrapper {
        max-width: 750px;
    }
    .logo {
        padding: 10px 0;
    }
    .headerNav {
        width: 585px;
        padding-right: 20px;
    }
    .headerNav ul li a {
        padding: 20px 6px;
        font-size: 16px;
    }
    .headerSearch {
        padding: 23px 0px 15px;
    }
    .headerSearch img {
        width: 15px;
    }
    .filterCheckbox .customCheckbox {
        padding: 0 20px;
        max-width: 130px;
    }
    .getQuoteImg,
    .qualityGuaranteedImg {
        height: 300px;
        background-attachment: scroll;
    }
    .yardTileImg {
        height: 175px;
    }
    .sortBy .wrapper {
        max-width: 750px;
    }
    .grassQuoteBox .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .grassQuoteBox .column {
        padding: 0 15px;
    }
    .grassQuoteBox .column-4 {
        margin-bottom: 30px;
    }
    .grassQuoteBox {
        padding: 40px 0 0;
    }
    .grassOptionsInfo p span {
        font-size: 14px;
    }
    .section-padding-50 {
        padding: 30px 0;
    }
    .section-padding-60 {
        padding: 40px 0;
    }
    .layingTurfSlider {
        max-width: 700px;
        margin: 0 auto;
    }
    .yardTileSec .column {
        padding: 0;
        width: 100%;
        margin: 15px auto;
    }
    .yardTileDescription {
        height: auto;
    }
    .yardTileImg {
        height: auto;
        line-height: inherit;
    }
    .footerTop {
        padding: 25px 0;
    }
    .footerNav ul li a {
        font-size: 14px;
    }
    .slick-dots {
        top: 335px;
    }
    .slick-arrow {
        top: 150px;
    }
    .sub-menu {
        width: 455px;
    }
    .headerNav .sub-menu li a {
        padding: 15px 10px;
        font-size: 14px;
    }
    .latest-articles-sec .column {
        width: 100%;
    }
    /* .latest-articles-sec p {
        text-align: center;
    } */
    .productListingBox .column-9 {
        width: 65%;
        min-width: 65%;
    }
    .productListingBox .column-9 .column-4 {
        width: 50%;
        min-width: 50%;
    }
    .productListingBox .column-3 {
        width: 35%;
        min-width: 35%;
    }
    .medium-desktop-hide {
        display: none;
    }
    .desktop-hide {
        display: block;
    }
    .yardTileSecPad .yardTileImg img {
        max-width: inherit;
        height: auto;
        width: 100%;
    }
    .yardTileSecPad .row {
        padding: 0 10px;
    }
    .localRetailersTableTrTd:nth-child(2) {
        width: auto;
    }
    .yardTileSec .defaultContent .column {
        padding: 0;
        width: 100%;
        margin: 15px auto;
    }
    .grassQuoteSingleListing .grassOptions {
        margin: 0;
    }
    .padding-right-30 {
        padding-right: 0;
    }
    .compareSec .column-4 {
        margin-bottom: 30px;
    }
    .compareSec .column-4,
    .compareSec .column-8 {
        width: 100%;
        min-width: 100%;
    }
    .grassGallerySec .column-8,
    .grassGallerySec .column-4 {
        width: 100%;
        min-width: 100%;
    }
    .productImg {
        margin-bottom: 15px;
    }
    .stepSec .yardTileImg {
        height: 120px;
    }
    .stepSec .yardTileDescription p {
        font-size: 15px;
        line-height: 22px;
    }
    .stepSec .yardTileContent {
        padding: 20px 0;
    }
    .articleList ul li a {
        font-size: 16px;
        line-height: 24px;
    }
    .col-2-sec {
        padding: 0 20px;
    }
    .lawnCareProductsSlider .slick-slide {
        margin: 0 10px;
        margin-bottom: 15px;
    }
    .lawnCareProductsSlider .slick-list {
        margin: 0 -10px;
    }
    .lawnCareProductsSlider .grassContent {
        padding: 10px 10px 30px;
    }
    .grassInfo p,
    .grassInfo h5 {
        font-size: 16px;
        line-height: 22px;
    }
    .grassInfo p strong,
    .grassInfo p b {
        font-size: 16px;
    }
    .videoBox {
        margin-bottom: 0;
    }
    .categoryListing .column-6 {
        width: 100%;
        min-width: 100%;
    }
    .grassGallery {
        margin-bottom: 30px;
    }
    .productBoxItemImg {
        width: 95px;
    }
    .search-result .defaultContent {
        padding-right: 0;
    }
    .defaultContent p {
        font-size: 16px;
        margin-bottom: 25px;
        line-height: 26px;
    }
    .searchList h3 {
        margin-bottom: 10px;
    }
    .searchList {
        margin-bottom: 20px;
    }
    .productBannerInfo h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .offerPrice {
        font-size: 50px;
    }
    .offerPrice span {
        font-size: 28px;
    }
    .originalPrice {
        font-size: 30px;
    }
    .originalPrice span {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .bannerSec.mobileBanner {
        display: block;
    }
    .bannerSec.desktopBanner {
        display: none;
    }
    .bannerTxt h2 {
        letter-spacing: 2px;
    }
    .bannerTxt {
        padding: 30px 0;
    }
    .postCode label {
        display: block;
        margin-bottom: 20px;
    }
    .mobileSearchIcon {
        background: #858585;
        display: block;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        width: 54px;
        height: 54px;
        padding: 14px 13px 10px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        cursor: pointer;
    }
    .mobileSearchIcon img {
        max-width: 24px;
    }
    .searchOuter {
        position: relative;
        display: block;
    }
    .filterCheckbox {
        background: #f5f5f5;
    }
    .filterCheckbox .customCheckbox {
        max-width: inherit;
        display: block;
        padding: 15px;
        border-top: 1px solid #c0c0c0;
    }
    /* .filterCheckbox .customCheckbox:last-child {
        border-bottom: 1px solid #c0c0c0;
    } */
    .filterCheckbox .customCheckbox input+label {
        color: #424242;
        margin: 0;
        padding: 0 0 0 40px;
        text-align: left;
    }
    .filterCheckbox .customCheckbox input+label::before {
        border-color: #c0c0c0;
        background: #ffffff;
        left: 0;
        top: -3px;
        right: auto;
    }
    .filterCheckbox .customCheckbox input:checked+label::before {
        border-color: #8dc63f;
        background: #8dc63f;
    }
    .filterCheckbox .wrapper {
        padding: 0;
    }
    .filterArea label {
        color: #424242;
        text-align: left;
        padding: 0 15px;
    }
    .filterCheckbox.section-padding-60 {
        padding: 10px 0 0 0;
    }
    .grassQuoteBox .row {
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
    }
    .grassTitle {
        font-size: 16px;
    }
    .layingTurfSlider {
        max-width: 560px;
    }
    .footerNav li {
        padding: 0 15px
    }
    .slick-dots {
        top: 265px;
    }
    .slick-arrow {
        top: 110px;
    }
    .mobileSearchIcon {
        display: none;
    }
    .sliderNumber {
        display: none;
    }
    .grassTitle span {
        display: none;
    }
    .headerNav {
        min-height: 56px;
    }
    .header-nav-inner {
        position: fixed;
        background: #ffffff;
        right: -120%;
        left: auto;
        bottom: 0;
        top: 64px;
        overflow: auto;
        z-index: 999;
        padding-bottom: 100px;
        width: 100%;
        opacity: 0;
        transition: all ease-in-out 500ms;
        -webkit-transition: all ease-in-out 500ms;
        -ms-transition: all ease-in-out 500ms;
        -moz-transition: all ease-in-out 500ms;
        -o-transition: all ease-in-out 500ms;
    }
    .menu-show.search-open .header-nav-inner {
        top: 120px;
    }
    .header-nav-inner.show-menu {
        transition: all ease-in-out 500ms;
        -webkit-transition: all ease-in-out 500ms;
        -ms-transition: all ease-in-out 500ms;
        -moz-transition: all ease-in-out 500ms;
        -o-transition: all ease-in-out 500ms;
        right: 0;
        opacity: 1;
    }
    .header-nav-inner>ul>li {
        display: block;
        text-align: left;
        border-bottom: 2px solid #f1f1f1;
    }
    .header-nav-inner>ul>li>a {
        padding: 20px;
        color: #424242;
        font-family: 'Gibson-SemiBold';
    }
    .mobilehamburger {
        display: block;
        position: absolute;
        right: 0;
        padding: 23px 0 17px;
        cursor: pointer;
    }
    .headerSearch {
        right: 30px;
    }
    .headerNav .sub-menu {
        background: #f5f5f5;
        width: 100%;
        padding: 0 25px;
        display: none;
    }
    .headerNav .sub-menu li {
        display: block;
    }
    .headerNav .sub-menu li a {
        color: #000000;
        border-bottom: 1px solid #c0c0c0;
        font-size: 16px;
        padding: 20px 0;
    }
    .headerNav .sub-menu li:last-child a {
        border-bottom: none;
    }
    ul.mobile-only-menu {
        padding: 10px 0;
    }
    ul.mobile-only-menu li {
        border: none;
    }
    ul.mobile-only-menu li a {
        font-size: 12px;
        padding: 12px 20px;
    }
    ul.mobile-only-menu li:hover a {
        background: transparent;
    }
    .nav-contact {
        background: #008c3a;
        display: table;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }
    .nav-contact>div {
        display: table-cell;
        vertical-align: middle;
        padding: 20px 20px;
    }
    .call-to {
        width: 30%;
        text-align: center;
        background: #8dc63f;
    }
    .call-to p {
        color: #ffffff;
        margin: 5px 0 0 0;
    }
    .nav-contact .contactWithUs ul li {
        padding: 0 10px;
    }
    .nav-contact .contactWithUs p {
        margin: 0;
    }
    .nav-contact .contactWithUs ul li:hover {
        background: transparent;
    }
    .nav-contact .contactWithUs img {
        height: 30px;
    }
    .nav-contact .contactWithUs {
        float: none;
        text-align: center;
    }
    .nav-contact .contactWithUs ul li a {
        padding: 0 10px 5px 10px;
    }
    .nav-contact .contactWithUs ul li:hover a {
        background: transparent;
    }
    .searchBox {
        z-index: 9999;
    }
    /* body.menu-show {
        overflow: hidden;
    } */
    .headerNav {
        width: 70%;
    }
    .afterLoginCartandUser {
        right: 0;
        top: 0;
        border-left: 2px solid #424242;
        padding: 0px 20px;
        bottom: 0;
        display: inline-block;
    }
    .afterLoginCartandUser a.cartIcon {
        padding: 0 !important;
        margin: 0;
        display: inline-block !important;
    }
    .cart-item {
        font-size: 10px;
        position: absolute;
        background: #008c3a;
        height: 16px;
        width: 16px;
        color: #fff;
        text-align: center;
        line-height: 16px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        margin: -3px 22px;
    }
    .mobilehamburger .close {
        display: block;
    }
    .mobilehamburger .open {
        display: none;
    }
    .mobilehamburger.open-menu .close {
        display: none;
    }
    .mobilehamburger.open-menu .open {
        display: block;
    }
    .grassOptions .column-6 {
        width: 50%;
        min-width: 50%;
    }
    .productListing .row {
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
    }
    .productListingBox .column-9 {
        width: 100%;
        min-width: 100%;
    }
    .productListingBox .column-3 {
        width: 100%;
        min-width: 100%;
    }
    .yardTileTitle {
        min-height: inherit;
    }
    .header-nav-inner>ul>li.mobile-cart>a {
        display: inline-block;
    }
    .localRetailersTableTrTd {
        font-size: 16px;
        line-height: 22px;
    }
    .defaultContent figure figcaption {
        padding: 20px 25px;
        font-size: 16px;
    }
    .compareSec {
        padding: 0 15px;
    }
    .btn {
        font-size: 16px;
    }
    .padding-right-30 {
        padding-right: 0 !important;
    }
    img {
        max-width: 100%;
    }
    .lightBoxproductdetailsDescrip {
        text-align: center;
    }
    .lightBoxproductdetailsDescrip h3 {
        text-align: center;
    }
    .tileSingle .column {
        width: 100%;
    }
    .small-desktop-hide {
        display: none;
    }
    .stepSec .yardTileImg {
        height: 180px;
    }
    .stepTab .stepItem {
        display: block;
    }
    .grassGallery {
        margin-bottom: 20px;
    }
    .customlightbox {
        width: 450px;
    }
    .lawnCareProductsSlider {
        padding: 0 20px;
    }
    .stepTab {
        margin-top: 30px;
    }
    .stepItem {
        margin-right: 0;
        background: #ffffff;
    }
    .stepItem a {
        font-size: 18px;
        background: #ffffff;
        color: #424242;
        box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -webkit-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -ms-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -moz-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -o-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        text-align: left;
        cursor: pointer;
        padding: 25px 20px;
        padding-right: 50px;
        position: relative;
        display: block;
        text-decoration: none;
    }
    .stepItemArrow {
        position: absolute;
        cursor: pointer;
        top: 50%;
        right: 20px;
        margin-top: -9px;
        background: url('../images/chevron-small.svg') no-repeat center;
        width: 20px;
        height: 20px;
        display: inline-block;
    }
    .stepItem a.active {
        background: #008542;
        color: #fff;
    }
    .stepItem a.active .stepItemArrow {
        background: url('../images/chevron.svg') no-repeat center;
        background-size: 20px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .stepSec .column.column-8.gray {
        background: #fff !important;
    }
    .relatedSec .btn {
        margin-top: 30px;
    }
    .stepSec .yardTileDescription {
        padding-bottom: 0;
    }
    .stepSec .wrapper {
        padding: 0;
    }
    .stepSec .yardTileContent {
        padding: 20px 20px;
    }
    .stepSec .sectionheading {
        padding: 0 15px;
    }
    .col-2-sec ul li {
        width: 100%;
        float: left;
        line-height: 20px;
    }
    .tipsSec {
        background: #f5f5f5;
    }
    .sidebarMobile {
        padding: 30px 0;
    }
    .categoryListing .mobile-show {
        margin-bottom: 30px;
    }
    .articleList>p {
        font-size: 24px;
        text-align: center !important;
        margin: 30px 0 30px;
        color: #008542;
        font-family: 'Gibson-SemiBold';
    }
    .productBoxItemImg {
        width: 200px;
    }
    .producBanner {
        display: none;
    }
    .topGrayHeader .column-6 {
        width: 50%;
        min-width: 50%;
        float: left;
    }
    .inner-banner .productSearch {
        margin: 30px auto;
    }
    .tab-show {
        display: block !important;
    }
    .inner-banner .customCheckbox {
        margin: 20px 10px;
    }
    .tab-hide {
        display: none;
    }
    .besicTabHeader {
        padding: 15px;
    }
    .besicTabHeader h5 {
        font-size: 16px;
    }
    .besicTabBody p {
        font-size: 14px;
        line-height: 22px;
    }
    .besicTabBody {
        padding: 15px;
    }
    .quantityBox {
        display: block;
        margin-right: 50px;
    }
    .t-tipSec {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -4px;
    }
    .toolTipMsg {
        left: auto;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        right: -15px;
    }
    .toolTipMsg::after {
        left: auto;
        right: 21px;
    }
    .tabHeaderItem {
        width: 50%;
    }
    .tabHeaderItem h4 {
        font-size: 16px;
    }
    .tabArea .down-arrow {
        width: 16px;
    }
    .turfDeliveredSec .text-center,
    .youNeedSec .text-center {
        text-align: left;
    }
    .youNeedSec .column-6 {
        float: left;
        width: 50%;
        min-width: 50%;
    }
    .youNeedSec .t-tipSec {
        margin-top: -10px;
    }
    .bigBanner {
        height: 350px;
    }
    .g-testi-body{
        display: block !important;
    }
    .g-testi-body .left,
    .g-testi-body .right{
        width: 100% !important;
    }
    .g-testi-body img {
        border-radius: 0 !important;
    }
    .g-testi-body .right div {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        transform: none !important;
    }
}

@media (max-width: 750px) {
    .grassOptions .column-6 {
        width: 100%;
        min-width: 100%;
    }
}

@media (max-width: 640px) {
    body {
        font-size: 16px;
    }
    li {
        font-size: 16px;
    }
    h1 {
        font-size: 36px;
        line-height: 46px;
    }
    h2 {
        font-size: 30px;
        line-height: 40px;
    }
    h3 {
        font-size: 24px;
    }
    .mobileSearchIcon {
        display: inline-block;
    }
    .sliderNumber {
        display: inline-block;
    }
    .grassTitle span {
        display: inline-block;
    }
    .section-padding-50 {
        padding: 30px 0;
    }
    /* .section-padding-30 {
        padding: 20px 0;
    } */
    .postCode input {
        width: 100%;
        margin: 0;
    }
    .bannerTxt h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .bannerTxt p {
        font-size: 16px;
    }
    .scrollBtm img {
        width: 40px;
        margin-left: -20px;
    }
    .scrollBtm {
        margin-top: 20px;
    }
    .bannerTxt {
        padding: 30px 0 20px;
    }
    .grassQuoteBox .column-4 {
        width: 100%;
        min-width: 100%;
    }
    .grassQuoteBox .column-6 {
        width: 50%;
        min-width: 50%;
    }
    .contactTile {
        padding: 50px 0;
    }
    .getQuoteImgInfo p,
    .getQuoteImgInfo h2 {
        text-align: left;
    }
    .layingTurfSlider .slick-list {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
    }
    .slick-arrow {
        display: none !important;
    }
    .layingTurfSlider {
        padding: 0 15px;
        margin-bottom: 100px;
    }
    .layingTurfSlider::after {
        content: "";
        position: absolute;
        right: -15px;
        top: 0;
        bottom: 0;
        width: 15px;
        background: #008c3a;
    }
    .layingTurfSlider::before {
        content: "";
        position: absolute;
        left: -15px;
        top: 0;
        bottom: 0;
        width: 15px;
        background: #008c3a;
    }
    .slick-dots li {
        padding: 0 5px;
    }
    .slick-dots li::before,
    .slick-dots li::after {
        content: none;
    }
    .slick-dots li button {
        font-size: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        height: 10px;
        width: 10px;
    }
    .slick-dots {
        padding: 30px 0;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .layingTurfSlider .slick-list {
        box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .yardTileSec .column {
        width: 100%;
        margin: 0;
    }
    .planYard {
        margin: 20px 15px;
        position: relative;
    }
    .slick-slide img {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        overflow: hidden;
    }
    .slick-dots {
        top: auto;
    }
    .layingTurfSlider {
        margin-bottom: 50px;
    }
    .sliderNumber {
        background: #8dc63f;
        color: #ffffff;
        height: 30px;
        width: 30px;
        display: inline-block;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        text-align: center;
        line-height: 30px;
        position: absolute;
        right: 0;
        left: 0;
        top: -35px;
        margin: 0 auto;
    }
    .yardTileSec.home-yardTileSec .row {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }
    .yardTileSec.home-yardTileSec .column:nth-child(2) {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        box-ordinal-group: 3;
    }
    .yardTileSec.home-yardTileSec .column:last-child {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }
    .qualityBrand object {
        margin: 10px 20px;
        height: 60px;
        display: inline-block;
        vertical-align: middle;
    }
    .footerNav {
        display: block;
        margin: 20px;
        /* padding-bottom: 20px; */
        border-bottom: 1px solid #ffffff;
    }
    .footerNav li {
        padding: 10px 15px;
        display: block;
    }
    .footerLogo {
        float: none;
        margin: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ffffff;
    }
    .contactWithUs {
        float: none;
        text-align: center;
        padding: 20px 0;
    }
    .contactWithUs ul li {
        display: inline-block;
        padding: 0 15px;
    }
    .contactWithUs img {
        height: 30px;
    }
    .contactWithUs p {
        margin: 0 0 20px 0;
    }
    .grassQuoteBox .grassTitle {
        font-size: 18px;
        background: #f5f5f5;
        color: #424242;
        box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -webkit-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -ms-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -moz-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -o-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        text-align: left;
        cursor: pointer;
        padding: 25px 20px;
        padding-right: 50px;
        position: relative;
    }
    .grassQuoteBox .grassContent {
        display: none;
    }
    .grassQuoteBox .wrapper {
        padding: 0;
    }
    .grassQuoteBox .column-4 {
        margin-bottom: 0;
    }
    .grassQuoteBox {
        padding: 0;
    }
    .grassQuoteBox .grassQuote {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
    }
    .grassQuoteBox .grassTitle span {
        position: absolute;
        cursor: pointer;
        top: 50%;
        right: 20px;
        margin-top: -9px;
        background: url('../images/chevron-small.svg') no-repeat center;
        width: 20px;
        height: 20px;
    }
    .grassQuoteBox .grassTitle span.arrow-down {
        background: url('../images/chevron-small-up.svg') no-repeat center;
    }
    .active-tile .grassTitle {
        background: #008542;
        color: #ffffff;
    }
    .mobile-hide {
        display: block;
    }
    .grassBtns {
        padding: 0;
    }
    .getQuoteTxt p {
        font-size: 16px;
        line-height: 22px;
    }
    .sectionheading {
        margin-bottom: 20px;
    }
    .btn {
        font-size: 16px;
    }
    .searchBox input {
        font-size: 16px;
    }
    .headerNav {
        width: 60%;
    }
    .nav-contact .contactWithUs ul li a {
        padding: 0 5px 5px 5px;
    }
    .latest-articles {
        display: table;
        width: 100%;
        border-bottom: 1px solid #c0c0c0;
        border-top: 1px solid #c0c0c0;
        margin-bottom: -1px !important;
    }
    .latest-articles>div {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }
    .latest-articles .yardTileContent {
        padding: 0 20px;
    }
    .latest-articles .yardTileImg {
        height: 120px;
        width: 160px;
        line-height: 1px;
    }
    .latest-articles .yardTileTitle h3 {
        text-align: left;
        font-size: 20px;
    }
    .latest-articles-sec p {
        text-align: left;
    }
    .latest-articles-sec .column {
        padding: 0;
    }
    .mobile-show {
        display: block;
    }
    .sortBy.sortByFull.gray {
        background: #ffffff !important;
    }
    .inner-banner {
        text-align: left;
        /* padding-left: 15px;
        padding-right: 15px; */
    }
    .inner-banner .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .inner-banner h1,
    .inner-banner h2,
    .inner-banner h3,
    .inner-banner p {
        text-align: left !important;
    }
    .productListing .row {
        -webkit-display: -webkit-block;
        -webkit-display: -webkit-block;
        display: -ms-block;
        display: -webkit-block;
        display: block;
        flex-wrap: inherit;
    }
    .productListingBox .column-9 .column-4 {
        width: 100%;
        min-width: 100%;
        margin: 0;
    }
    /* .productListingBox .column-9 .column-4:nth-child(odd) .grassQuote {
        background: #f5f5f5;
    } */
    .productListingBox .column {
        padding: 0;
    }
    .productListingBox .grassQuote {
        -webkit-box-shadow: none;
        -webkit-border-radius: 0;
    }
    .productListingBox .getQuoteImgInfo {
        padding: 0;
    }
    .productListingBox .grassContent {
        padding: 0;
        display: table;
        width: 100%;
    }
    .productListingBox .grassLogo.bigProduct {
        width: 200px;
    }
    .productListingBox .grassLogo.bigProduct img {
        max-width: 100%;
    }
    .productListingBox hr {
        display: none;
    }
    .productListingBox .grassLogo.bigProduct,
    .grassInfo {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .productListingBox .grassInfo2 {
        display: none;
    }
    .priceTag {
        margin: 15px 0;
        font-size: 16px;
    }
    .productListingBox p strong {
        font-size: 15px;
    }
    .grassCategory {
        padding: 0 !important;
        margin-top: -20px;
    }
    .bannerSec {
        height: 400px;
    }
    .postCode {
        text-align: left;
    }
    .postCode span {
        display: block;
    }
    .grassOptionsInfo p span {
        font-size: 12px;
    }
    .getQuoteImgInfo {
        background: #ffffff;
    }
    .layingTurf {
        background: #f5f5f5;
    }
    .slick-slide {
        background: #ffffff;
    }
    .yardTileSec {
        background: #ffffff;
    }
    .yardTile.gray {
        background: #fff !important;
    }
    .yardTileContent {
        text-align: left;
    }
    .yardTileTitle h2 {
        text-align: left;
    }
    .yardTile.white h2,
    .yardTile.white .yardTileContent {
        text-align: center
    }
    .home-yardTileSec .yardTile.white {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }
    .home-yardTileSec .yardTile.white .yardTileImg {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
    .home-yardTileSec .yardTile.white .yardTileContent {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }
    .home-yardTileSec .yardTile.white .yardTileBtn {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        box-ordinal-group: 3;
        padding-bottom: 0;
    }
    .yardTileContent .btn {
        width: 100%;
    }
    .yardTileSec .btn {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .only-mobile-show {
        display: inline-block !important;
    }
    .getQuoteTxtInner {
        height: 170px;
        overflow: hidden;
    }
    .getQuoteTxtInner.show {
        height: auto;
    }
    .getQuoteImgInfoInner {
        padding: 0 15px;
    }
    .resultTxt {
        text-align: left;
    }
    .grassTileNarrow .grassInfo {
        text-align: center;
    }
    .grassQuote {
        box-shadow: none;
    }
    .grassQuoteNarrow .grassTitle {
        background: #ffffff;
    }
    .grassQuoteNarrow.active-tile .grassTitle {
        background: #008542;
    }
    .grassQuoteNarrow .grassContent {
        background: #f5f5f5;
    }
    .local-retailers {
        border-top: 1px solid #ccc;
        padding-top: 15px;
        background: #f5f5f5;
    }
    .local-retailers .getQuoteImgInfo {
        background: none;
    }
    .localRetailersTable {
        display: block;
        width: 100%;
    }
    .localRetailersTableTr {
        display: block;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }
    .localRetailersTableTr:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    .localRetailersTableTr {
        display: block;
    }
    .localRetailersTableTrTd {
        display: block;
        text-align: center;
        width: 100%;
        border-top: none;
        padding: 10px;
    }
    .localRetailersTableTr:last-child .localRetailersTableTrTd {
        border-bottom: none;
    }
    .localRetailersTableTrTd:nth-child(2) {
        width: 100%;
    }
    .productListingBox .column-9 .column-4:nth-child(odd) .grassQuote {
        background: #f5f5f5;
    }
    .productListingBox .bigProduct {
        height: auto;
    }
    p strong,
    p b {
        font-size: 16px;
    }
    .requestSummaryList {
        margin-bottom: 25px;
    }
    .compareTileSlider::after {
        content: "";
        position: absolute;
        right: -30px;
        top: 0;
        bottom: 0;
        width: 15px;
        background: #008c3a;
    }
    .compareTileSlider::before {
        content: "";
        position: absolute;
        left: -30px;
        top: 0;
        bottom: 0;
        width: 15px;
        background: #008c3a;
    }
    .compareTileSlider {
        margin-bottom: 45px;
        padding: 0;
    }
    .compareTileSlider .grassBtns {
        padding: 0 10px;
    }
    .compareSecOuter h2 {
        text-align: center;
    }
    .compareTile {
        padding-top: 0;
    }
    .compareSecOuter.section-padding-60 {
        padding-top: 0;
    }
    .grassQuoteSingleListing .grassQuoteBox .grassContent {
        display: block;
    }
    .grassQuoteSingleListing .grassContent {
        display: block;
    }
    .grassQuoteSingleListing .grassLogo {
        height: auto;
    }
    .grassQuoteSingleListing .grassLogo img {
        max-width: 100%;
    }
    .grassQuoteSingleListing .grassOptions .column-4 {
        margin: 5px 0;
        width: 50%;
        min-width: 50%;
    }
    .grassQuoteSingleListing .grassOptions hr {
        margin: 15px 0;
    }
    .grassQuoteSingleListing .grassOptionsInfo p span {
        font-size: 14px;
    }
    .defaultContent p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 28px;
    }
    .defaultContent figure figcaption {
        padding: 15px 20px;
    }
    li::after {
        top: 10px;
        height: 25px;
        width: 25px;
        background-size: 12px;
    }
    .compareTileTd .compareTile .compareListTd {
        text-align: left;
        padding: 15px;
    }
    .compareTileTd .compareTile .compareListTd:first-child {
        display: table-cell;
    }
    /* .qualityGuaranteed.green h2 {
        color: #008542;
    }
    .qualityGuaranteed.green {
        background: #f5f5f5;
    }
    .qualityGuaranteed .btn {
        color: #ffffff;
        background: #008542;
        margin-top: 0;
    }
    .qualityGuaranteed .btn:hover {
        background: #8dc63f;
        border-color: #8dc63f;
        color: #ffffff;
    } */
    .grassQuoteSingleListing .grassTileNarrow {
        padding-left: 15px;
        padding-right: 15px;
    }
    .videoBoxOuter {
        padding: 0 15px;
    }
    .videoBox {
        margin-bottom: 0;
        /* margin-left: 15px;
        margin-right: 15px; */
        height: 300px;
    }
    .videoBox iframe {
        height: 300px;
    }
    .inner-banner.section-padding-30 {
        padding: 0;
    }
    .gassItem figure {
        overflow: hidden;
    }
    .gassItem img {
        /* height: 200px; */
        max-width: inherit;
    }
    .latest-articles .yardTileImg img {
        width: auto;
        height: 100%;
    }
    .mobile-align-left {
        text-align: left;
    }
    .mobile-align-left h1,
    .mobile-align-left h2,
    .mobile-align-left h3 {
        text-align: left;
    }
    .adviceForm .btn {
        width: 100%;
    }
    .customFileUpload {
        display: block;
    }
    .section-padding-60 {
        padding: 30px 0;
    }
    .lightBoxInner {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
    }
    .customlightbox p {
        font-size: 16px;
        line-height: 22px;
    }
    .productTitle,
    .productDescription {
        padding: 10px 20px;
    }
    .customlightbox hr {
        margin: 10px 20px;
    }
    .fancybox-close-small {
        width: 30px;
        height: 30px;
    }
    .fancybox-close-small::after {
        top: 0px;
        right: 7px;
        width: 16px;
        height: 16px;
        font: 24px/32px Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .lightBoxproductdetails {
        padding: 20px 20px;
    }
    .lightBoxproductdetails .column-5 {
        width: 45%;
        min-width: 45%;
        float: left;
    }
    .lightBoxproductdetails .column-7 {
        width: 55%;
        min-width: 55%;
        float: left;
    }
    .lightBoxproductdetailsDescrip {
        text-align: left;
    }
    .lightBoxproductdetailsDescrip h3 {
        text-align: left;
        margin-bottom: 5px;
    }
    .customlightbox .lightBoxproductdetailsDescrip p {
        margin-bottom: 0px;
    }
    .customlightbox .btn {
        font-size: 14px;
        width: auto !important;
    }
    .lightBoxproductdetails .row {
        overflow: hidden;
    }
    .lightBoxproductdetailsDescrip {
        padding: 0;
    }
    .customlightbox {
        width: 85%;
        margin: 100px 0 30px;
    }
    .fancybox-is-open .fancybox-bg {
        opacity: .95;
    }
    .lawnCareProductsSlider .grassContent {
        display: block;
    }
    .lawnCareProductsSlider .grassQuote {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
    }
    .lawnCareProductsSlider .grassInfo {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        margin: 0;
        padding: 0;
    }
    .customlightbox::before {
        content: '';
        height: 100%;
        width: 5%;
        background: #f5f5f5;
        top: 0;
        bottom: 0;
        right: -15%;
        position: absolute;
        z-index: 1;
        margin-right: 20px;
    }
    .customlightbox::after {
        content: '';
        height: 100%;
        width: 5%;
        background: #f5f5f5;
        top: 0;
        bottom: 0;
        left: -15%;
        position: absolute;
        z-index: 1;
        margin-left: 20px;
    }
    .lawnCareProductsSlider .grassContent hr {
        display: none;
    }
    .lawnCareProductsSlider .priceTag {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
    .lawnCareProductsSlider .mobile-show {
        margin-top: 0;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        box-ordinal-group: 3;
    }
    .lawnCareProductsSlider .grassInfo h5 {
        font-size: 24px;
        line-height: 30px;
        color: #008542;
        font-family: 'Gibson-SemiBold';
    }
    .lawnCareProductsSlider .grassInfo h5 a {
        color: #008542;
    }
    .lawnCareProductsSlider .grassDescrip {
        min-height: initial;
        margin: 20px 0;
    }
    .lawnCareProductsSlider .grassQuote {
        box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .layingTurfSlider .slick-slide img {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        overflow: hidden;
    }
    .lawnCareProductsSlider .grassContent {
        padding: 20px;
    }
    .lawnCareProductsSlider .slick-dots {}
    .lawnCareProductsSlider {
        position: relative;
        margin-bottom: 80px;
    }
    .lawnCareProductsSlider::before {
        content: '';
        position: absolute;
        width: 30px;
        background: #008542;
        right: -30px;
        top: 0;
        bottom: 15px;
    }
    .lawnCareProductsSlider::after {
        content: '';
        position: absolute;
        width: 30px;
        background: #008542;
        left: -30px;
        top: 0;
        bottom: 15px;
    }
    .layingTurfSlider {
        max-width: 100%;
    }
    .relatedTile .yardTile {
        background: #ffffff;
    }
    /* .latest-articles .yardTileVdo {
        width: 180px;
    } */
    .latest-articles .yardTileVdo iframe {
        height: 120px;
    }
    .defaultContent .articleList p {
        margin-bottom: 20px;
    }
    .lawnStoreSec {
        background: #008b46;
        padding: 20px;
        margin: 0 -15px;
    }
    .lawnStoreSec .btn {
        background: #ffffff;
        color: #008b46;
    }
    .sidebarMobile .latest-articles .yardTileVdo {
        width: 160px;
    }
    .lawncare-productsOuter {
        padding-bottom: 0;
    }
    .sidebarMobile .appendPrependSecInner {
        margin-bottom: 60px;
    }
    .categoryListingInner .column:nth-child(even) .yardTile,
    .categoryListingInner .column:nth-child(even) .yardTile.gray {
        background: #f5f5f5 !important;
    }
    .yardTileSec .row {
        margin: 0;
        padding: 0;
    }
    .yardTileSec .wrapper {
        padding: 0;
    }
    .yardTileSec .column {
        padding: 0;
    }
    .mobile-show .btn {
        width: auto;
        display: block;
        margin-left: 20px;
        margin-right: 20px;
    }
    .latest-articles-sec .btn {
        width: auto;
        display: block;
        margin-left: 20px;
        margin-right: 20px;
    }
    .yardTileSec .defaultContent .column {
        padding: 0 15px !important;
    }
    .tileSingle p {
        text-align: center;
        font-family: 'Gibson-SemiBold';
        font-size: 18px;
    }
    .yardTileDescription p {
        font-family: 'Gibson-Regular';
        text-align: left;
    }
    .defaultContent .qualityGuaranteed.green {
        margin: 0 -15px;
    }
    .searchOuter {
        border-bottom-right-radius: 30px;
        -webkit-border-bottom-right-radius: 30px;
        -ms-border-bottom-right-radius: 30px;
        -moz-border-bottom-right-radius: 30px;
        -o-border-bottom-right-radius: 30px;
        border-top-right-radius: 30px;
        -webkit-border-top-right-radius: 30px;
        -ms-border-top-right-radius: 30px;
        -moz-border-top-right-radius: 30px;
        -o-border-top-right-radius: 30px;
        overflow: hidden;
    }
    .categoryListingSingle .yardTileImg {
        display: block;
        width: 100% !important;
        border-right: none;
        height: 250px !important;
    }
    .categoryListingSingle .yardTileContent {
        display: block;
    }
    .categoryListingSingle .latest-articles {
        border: none;
    }
    .categoryListingSingle .latest-articles .yardTileContent {
        padding: 30px 20px;
    }
    .categoryListingSingle .latest-articles .yardTileTitle h3 {
        font-size: 26px;
        line-height: 34px;
    }
    .categoryListingSingle {
        background: #f5f5f5;
    }
    .categoryListing .column-8 {
        padding: 0;
    }
    .superCategoryListing .yardTileContent h5 {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .super-category-tab-header {
        padding: 20px;
        font-size: 18px;
        color: #424242;
        position: relative;
        background: #fff;
        cursor: pointer;
    }
    .mobile-super-category .grasstileArrow {
        position: absolute;
        cursor: pointer;
        top: 50%;
        right: 20px;
        margin-top: -9px;
        background: url('../images/chevrongreen.svg') no-repeat center;
        width: 20px;
        height: 20px;
        background-size: 20px;
        z-index: 99;
        display: inline-block;
    }
    .super-category-tab {
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
        margin-top: -1px;
    }
    .super-category-tab .yardTile.latest-articles:nth-child(even) {
        background: #f5f5f5;
    }
    .super-category-tab-body {
        display: none;
    }
    .super-category-tab-header.active {
        background: #008542;
        color: #ffffff;
        margin-bottom: -1px;
        border-bottom: 1px solid transparent;
    }
    .super-category-tab-header.active .grasstileArrow {
        background: url('../images/chevron-small-up.svg') no-repeat center;
    }
    .categoryListing.superCategoryListing.section-padding-bottom-50 {
        padding-bottom: 0;
    }
    .super-category-tab-body .btn {
        margin: 30px 20px;
        display: block;
        width: auto;
    }
    .getQuoteTxt h4 {
        font-size: 18px;
    }
    .search-result .wrapper {
        padding: 0;
    }
    .productBoxItem {
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        margin: 0;
        border-bottom: 1px solid #c0c0c0;
        border-top: 1px solid #c0c0c0;
        margin-top: -1px;
    }
    .productBoxItem:nth-child(odd) {
        background: #f5f5f5;
    }
    .productBoxItemImg {
        width: 120px;
    }
    .searchList {
        padding: 30px 20px;
        background: #fff;
        margin: 0;
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
        margin-top: -1px;
    }
    .searchList:nth-child(odd) {
        background: #f5f5f5;
    }
    .searchList h3 {
        margin: 0;
        font-size: 18px;
        line-height: 26px;
    }
    .searchList p {
        display: none;
    }
    .searchList h5 {
        font-size: 12px;
        color: #008c3a;
        letter-spacing: 1px;
        margin-bottom: 5px;
        display: block;
    }
    .search-result.gray {
        background: #fff !important;
    }
    .productBox h2,
    .search-result h2 {
        padding: 20px;
        font-size: 18px;
        margin: 0;
        font-family: 'Gibson-Regular';
        background: #f5f5f5;
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
        margin-top: -1px;
        position: relative;
        cursor: pointer;
    }
    .productBox h2 .grasstileArrow,
    .search-result h2 .grasstileArrow {
        position: absolute;
        cursor: pointer;
        top: 50%;
        right: 20px;
        margin-top: -9px;
        background: url('../images/chevrongreen.svg') no-repeat center;
        width: 20px;
        height: 20px;
        background-size: 20px;
        z-index: 99;
        display: inline-block;
    }
    .product-tab h2.active {
        background: #008c3a;
        color: #ffffff;
    }
    .product-tab h2.active .grasstileArrow {
        background: url('../images/chevron-small-up.svg') no-repeat center;
    }
    .searchListOuter,
    .productBoxInner {
        display: none;
    }
    .defaultContent .mobile-show {
        margin: 0;
    }
    .super-category-tab-body .grassQuote:nth-child(even) {
        background: #f5f5f5;
    }
    .inner-banner .productSearch {
        margin-bottom: 0;
    }
    .tab-show .sidebarFilterArea {
        display: none;
    }
    .topGrayHeaderLeft a {
        font-size: 14px;
    }
    .lawncare-productsOuter.gray {
        background: #ffffff !important;
    }
    .white-theme .lawnCareProductsSlider .grassContent {
        background: #f5f5f5;
    }
    .productDetails-productimg {
        margin-bottom: 40px;
    }
    .productDetails-productInfo {
        position: static;
    }
    .productDetails-productInfo .shareIcon {
        right: 10px;
        top: 0;
    }
    .productDetails-productInfo {
        text-align: center;
    }
    .productDetails-productInfo h1 {
        text-align: center;
    }
    .addToCartSec .btn {
        width: auto;
    }
    .productInfoTxt {
        text-align: left;
    }
    .productInfoTxtBtn,
    .besicTab {
        text-align: left;
    }
    .relatedProductsTheme-2>p {
        font-size: 24px;
        text-align: center;
        margin-bottom: 30px;
        font-family: 'Gibson-SemiBold';
        color: #008542;
    }
    .relatedProductsTheme-2 .productListing {}
    .relatedProductsTheme-2>.productListing>.row {
        overflow: hidden;
    }
    .relatedProductsTheme-2>.productListing>.row>.column {
        display: none;
        background: #fff !important;
    }
    .relatedProductsTheme-2>.productListing>.row>.column .grassQuote {
        background: #fff;
        border-right: 1px solid #ccc;
        margin: 15px 0;
    }
    .relatedProductsTheme-2>.productListing>.row>.column:nth-child(1),
    .relatedProductsTheme-2>.productListing>.row>.column:nth-child(2) {
        display: block;
        width: 50%;
        min-width: 50%;
        float: left;
    }
    .productListingBox .relatedProductsTheme-2 .grassLogo.bigProduct {
        display: block;
    }
    .productListingBox .relatedProductsTheme-2 .grassLogo.bigProduct,
    .relatedProductsTheme-2 .grassInfo {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .getQuoteImgInfo .relatedProductsTheme-2 p,
    .relatedProductsTheme-2 .getQuoteImgInfo h2 {
        text-align: center;
    }
    .mobile-gray {
        background: #f5f5f5;
    }
    .mobile-gray .white {
        background: #f5f5f5 !important;
    }
    .getQuoteImgInfo .sectionheading h1 {
        text-align: left;
    }
    .yourDetails .getQuoteImgInfo {
        background: transparent;
    }
    .column-sm-4 {
        width: 33.333%;
        min-width: 33.333%;
        float: left;
    }
    .tabHeader {
        display: none;
    }
    .tabBodyInnerMobileHeading {
        margin: 0;
        display: block;
        width: 100%;
        text-align: left;
        background: #424242;
        color: #fff;
    }
    .tabHeaderItem .down-arrow {
        float: right;
        background-image: url('../images/chevron.svg');
    }
    .tabSec .wrapper,
    .turfDeliveredSec .wrapper,
    .youNeedSec .wrapper {
        padding: 0;
    }
    .customCheckbox {
        display: block;
        padding: 25px 15px;
        text-align: left;
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
        margin: 0;
        margin-top: -1px;
    }
    .tabArea .customCheckbox {
        background: #f5f5f5;
    }
    .tabBody {
        padding: 0;
    }
    .youNeedSec {
        padding-top: 40px;
    }
    .youNeedSec .column-6 {
        float: none;
        width: 100%;
        min-width: 100%;
    }
    .youNeedSec h2,
    .turfDeliveredSec h2 {
        text-align: left;
    }
    .youNeedSec .sectionheading,
    .turfDeliveredSec .sectionheading {
        padding: 0 15px;
    }
    .requestBtnSec .customCheckbox {
        border: none;
    }
    .youNeedSec.gray.section-padding-bottom-50 {
        padding-bottom: 0;
    }
    .customCheckbox input+label::before {
        background: #fff;
    }
    .formGroup label {
        font-size: 14px;
    }
    .formGroup {
        margin-bottom: 25px;
    }
    .requestBtnSec .btn {
        display: block;
    }
    .viewquote h4 span {
        float: right;
    }
    .requestSummary .sectionheading {
        margin: 0;
        overflow: hidden;
        padding: 20px;
    }
    .viewquote h4 {
        text-align: left !important;
        font-size: 16px;
        font-family: 'Gibson-Regular';
    }
    .requestSummary {
        padding: 0;
    }
    .requestSummary .wrapper {
        padding: 0;
    }
    .requestSummaryOuter hr {
        display: none;
    }
    .requestSummaryInner {
        padding: 30px 0 20px;
    }
    .viewquote.showTable {
        background: #008542;
        color: #ffffff;
    }
    .viewquote .down-arrow {
        height: 20px;
        width: 20px;
        background-size: 100%;
    }
    .viewquote.showTable .up-arrow {
        background: url('../images/chevron.svg') no-repeat center;
        height: 20px;
        width: 20px;
        background-size: 100%;
    }
    .createQuoteTableTrTd {
        padding-left: 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .createQuoteTableTrTd:nth-child(2) {
        width: 150px;
        text-align: right;
        padding-left: 0;
        padding-right: 15px;
    }
    .messagehead p {
        font-size: 16px;
    }
    textarea {
        font-size: 16px;
        padding: 15px;
    }
    .getQuoteImg,
    .qualityGuaranteedImg {
        height: 200px;
    }
    .testimonial-section{
        padding: 4rem 1rem !important;
    }
}

@media(max-width: 543px) {
    .golf-page .header-para p {
        padding: 0 10px !important;
    }
    .dancing-section .left-sec {
        padding: 0 10px !important;
    }
}

@media (max-width: 480px) {
    li {
        font-size: 14px;
    }
    .latest-articles .yardTileTitle h3 {
        text-align: left;
        font-size: 16px;
        line-height: 22px;
    }
    .latest-articles .yardTileContent {
        padding: 0 10px;
    }
    .productListingBox .grassLogo.bigProduct {
        width: 130px;
    }
    .btn {
        width: 100%;
    }
    .fancybox-close-small {
        top: -8px;
        right: -8px
    }
    .defaultContent p {
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 24px;
    }
    .searchinputbox {
        width: 300px;
    }
    .bigBanner {
        height: 230px;
    }
    .btn-big {
        width: 300px;
    }
}

@media (max-width: 359px) {
    .customSelect select {
        width: 170px;
    }
    .customSelect2 select {
        width: 180px;
    }
    .nav-contact .contactWithUs ul li {
        padding: 0 0;
    }
    .customSelect select {
        height: 35px;
    }
    .call-to {
        width: 35%;
    }
    .headerNav {
        width: 50%;
    }
    .sortBy p {
        padding-top: 15px;
    }
    .searchinputbox {
        width: 280px;
    }
}


/* ***********************************************
                RESPONSIVE END
=======
/* ***********************************************
                Reset CSS start
*********************************************** */
.grid{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 .5rem}.grid--container{margin:0 auto;max-width:1200px;width:100%}.grid--no-gutters{padding:0}.grid--xs-no-gutters{margin:0}@media (min-width:544px){.grid--sm-no-gutters{margin:0}}@media (min-width:768px){.grid--md-no-gutters{margin:0}}@media (min-width:992px){.grid--lg-no-gutters{margin:0}}@media (min-width:1200px){.grid--xl-no-gutters{margin:0}}.row{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:-1rem -.5rem 1rem;padding:0}.row:last-child{margin-bottom:0}.row--no-gutters{margin:0}.row--top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.row--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row--bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.row--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row--xs-no-gutters{margin:0}.row--xs-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.row--xs-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row--xs-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.row--xs-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (min-width:544px){.row--sm-no-gutters{margin:0}.row--sm-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.row--sm-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row--sm-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.row--sm-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:768px){.row--md-no-gutters{margin:0}.row--md-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.row--md-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row--md-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.row--md-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:992px){.row--lg-no-gutters{margin:0}.row--lg-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.row--lg-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row--lg-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.row--lg-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:1200px){.row--xl-no-gutters{margin:0}.row--xl-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.row--xl-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row--xl-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.row--xl-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.col{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;padding:1rem .5rem 0}.col--no-gutters{padding:0}.col--align-top{-ms-flex-item-align:start;align-self:flex-start}.col--align-center{-ms-flex-item-align:center;align-self:center}.col--align-bottom{-ms-flex-item-align:end;align-self:flex-end}.col--first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.col--last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.col--reset{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.col--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.col--xs-no-gutters{padding:0}.col--xs-align-top{-ms-flex-item-align:start;align-self:flex-start}.col--xs-align-center{-ms-flex-item-align:center;align-self:center}.col--xs-align-bottom{-ms-flex-item-align:end;align-self:flex-end}.col--xs-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.col--xs-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.col--xs-reset{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.col--xs-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.col--xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col--xs-0{-webkit-box-flex:0;-ms-flex:0 0 0px;flex:0 0 0;max-width:0}.col--xs-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333333333332%;flex:0 0 8.333333333333332%;max-width:8.333333333333332%}.col--xs-2{-webkit-box-flex:0;-ms-flex:0 0 16.666666666666664%;flex:0 0 16.666666666666664%;max-width:16.666666666666664%}.col--xs-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col--xs-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333333333333%;flex:0 0 33.33333333333333%;max-width:33.33333333333333%}.col--xs-5{-webkit-box-flex:0;-ms-flex:0 0 41.666666666666664%;flex:0 0 41.666666666666664%;max-width:41.666666666666664%}.col--xs-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col--xs-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333333333333%;flex:0 0 58.33333333333333%;max-width:58.33333333333333%}.col--xs-8{-webkit-box-flex:0;-ms-flex:0 0 66.66666666666666%;flex:0 0 66.66666666666666%;max-width:66.66666666666666%}.col--xs-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col--xs-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333333333333%;flex:0 0 83.33333333333333%;max-width:83.33333333333333%}.col--xs-11{-webkit-box-flex:0;-ms-flex:0 0 91.66666666666666%;flex:0 0 91.66666666666666%;max-width:91.66666666666666%}.col--xs-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col--xs-offset-0{margin-left:0}.col--xs-offset-1{margin-left:8.333333333333332%}.col--xs-offset-2{margin-left:16.666666666666664%}.col--xs-offset-3{margin-left:25%}.col--xs-offset-4{margin-left:33.33333333333333%}.col--xs-offset-5{margin-left:41.666666666666664%}.col--xs-offset-6{margin-left:50%}.col--xs-offset-7{margin-left:58.33333333333333%}.col--xs-offset-8{margin-left:66.66666666666666%}.col--xs-offset-9{margin-left:75%}.col--xs-offset-10{margin-left:83.33333333333333%}.col--xs-offset-11{margin-left:91.66666666666666%}.col--xs-offset-12{margin-left:100%}@media (min-width:544px){.col--sm-no-gutters{padding:0}.col--sm-align-top{-ms-flex-item-align:start;align-self:flex-start}.col--sm-align-center{-ms-flex-item-align:center;align-self:center}.col--sm-align-bottom{-ms-flex-item-align:end;align-self:flex-end}.col--sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.col--sm-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.col--sm-reset{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.col--sm-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.col--sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col--sm-0{-webkit-box-flex:0;-ms-flex:0 0 0px;flex:0 0 0;max-width:0}.col--sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333333333332%;flex:0 0 8.333333333333332%;max-width:8.333333333333332%}.col--sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666666666666664%;flex:0 0 16.666666666666664%;max-width:16.666666666666664%}.col--sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col--sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333333333333%;flex:0 0 33.33333333333333%;max-width:33.33333333333333%}.col--sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666666666666664%;flex:0 0 41.666666666666664%;max-width:41.666666666666664%}.col--sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col--sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333333333333%;flex:0 0 58.33333333333333%;max-width:58.33333333333333%}.col--sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.66666666666666%;flex:0 0 66.66666666666666%;max-width:66.66666666666666%}.col--sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col--sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333333333333%;flex:0 0 83.33333333333333%;max-width:83.33333333333333%}.col--sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.66666666666666%;flex:0 0 91.66666666666666%;max-width:91.66666666666666%}.col--sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col--sm-offset-0{margin-left:0}.col--sm-offset-1{margin-left:8.333333333333332%}.col--sm-offset-2{margin-left:16.666666666666664%}.col--sm-offset-3{margin-left:25%}.col--sm-offset-4{margin-left:33.33333333333333%}.col--sm-offset-5{margin-left:41.666666666666664%}.col--sm-offset-6{margin-left:50%}.col--sm-offset-7{margin-left:58.33333333333333%}.col--sm-offset-8{margin-left:66.66666666666666%}.col--sm-offset-9{margin-left:75%}.col--sm-offset-10{margin-left:83.33333333333333%}.col--sm-offset-11{margin-left:91.66666666666666%}.col--sm-offset-12{margin-left:100%}}@media (min-width:768px){.col--md-no-gutters{padding:0}.col--md-align-top{-ms-flex-item-align:start;align-self:flex-start}.col--md-align-center{-ms-flex-item-align:center;align-self:center}.col--md-align-bottom{-ms-flex-item-align:end;align-self:flex-end}.col--md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.col--md-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.col--md-reset{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.col--md-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.col--md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col--md-0{-webkit-box-flex:0;-ms-flex:0 0 0px;flex:0 0 0;max-width:0}.col--md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333333333332%;flex:0 0 8.333333333333332%;max-width:8.333333333333332%}.col--md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666666666666664%;flex:0 0 16.666666666666664%;max-width:16.666666666666664%}.col--md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col--md-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333333333333%;flex:0 0 33.33333333333333%;max-width:33.33333333333333%}.col--md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666666666666664%;flex:0 0 41.666666666666664%;max-width:41.666666666666664%}.col--md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col--md-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333333333333%;flex:0 0 58.33333333333333%;max-width:58.33333333333333%}.col--md-8{-webkit-box-flex:0;-ms-flex:0 0 66.66666666666666%;flex:0 0 66.66666666666666%;max-width:66.66666666666666%}.col--md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col--md-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333333333333%;flex:0 0 83.33333333333333%;max-width:83.33333333333333%}.col--md-11{-webkit-box-flex:0;-ms-flex:0 0 91.66666666666666%;flex:0 0 91.66666666666666%;max-width:91.66666666666666%}.col--md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col--md-offset-0{margin-left:0}.col--md-offset-1{margin-left:8.333333333333332%}.col--md-offset-2{margin-left:16.666666666666664%}.col--md-offset-3{margin-left:25%}.col--md-offset-4{margin-left:33.33333333333333%}.col--md-offset-5{margin-left:41.666666666666664%}.col--md-offset-6{margin-left:50%}.col--md-offset-7{margin-left:58.33333333333333%}.col--md-offset-8{margin-left:66.66666666666666%}.col--md-offset-9{margin-left:75%}.col--md-offset-10{margin-left:83.33333333333333%}.col--md-offset-11{margin-left:91.66666666666666%}.col--md-offset-12{margin-left:100%}}@media (min-width:992px){.col--lg-no-gutters{padding:0}.col--lg-align-top{-ms-flex-item-align:start;align-self:flex-start}.col--lg-align-center{-ms-flex-item-align:center;align-self:center}.col--lg-align-bottom{-ms-flex-item-align:end;align-self:flex-end}.col--lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.col--lg-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.col--lg-reset{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.col--lg-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.col--lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col--lg-0{-webkit-box-flex:0;-ms-flex:0 0 0px;flex:0 0 0;max-width:0}.col--lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333333333332%;flex:0 0 8.333333333333332%;max-width:8.333333333333332%}.col--lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666666666666664%;flex:0 0 16.666666666666664%;max-width:16.666666666666664%}.col--lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col--lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333333333333%;flex:0 0 33.33333333333333%;max-width:33.33333333333333%}.col--lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666666666666664%;flex:0 0 41.666666666666664%;max-width:41.666666666666664%}.col--lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col--lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333333333333%;flex:0 0 58.33333333333333%;max-width:58.33333333333333%}.col--lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.66666666666666%;flex:0 0 66.66666666666666%;max-width:66.66666666666666%}.col--lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col--lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333333333333%;flex:0 0 83.33333333333333%;max-width:83.33333333333333%}.col--lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.66666666666666%;flex:0 0 91.66666666666666%;max-width:91.66666666666666%}.col--lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col--lg-offset-0{margin-left:0}.col--lg-offset-1{margin-left:8.333333333333332%}.col--lg-offset-2{margin-left:16.666666666666664%}.col--lg-offset-3{margin-left:25%}.col--lg-offset-4{margin-left:33.33333333333333%}.col--lg-offset-5{margin-left:41.666666666666664%}.col--lg-offset-6{margin-left:50%}.col--lg-offset-7{margin-left:58.33333333333333%}.col--lg-offset-8{margin-left:66.66666666666666%}.col--lg-offset-9{margin-left:75%}.col--lg-offset-10{margin-left:83.33333333333333%}.col--lg-offset-11{margin-left:91.66666666666666%}.col--lg-offset-12{margin-left:100%}}@media (min-width:1200px){.col--xl-no-gutters{padding:0}.col--xl-align-top{-ms-flex-item-align:start;align-self:flex-start}.col--xl-align-center{-ms-flex-item-align:center;align-self:center}.col--xl-align-bottom{-ms-flex-item-align:end;align-self:flex-end}.col--xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.col--xl-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.col--xl-reset{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.col--xl-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.col--xl{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col--xl-0{-webkit-box-flex:0;-ms-flex:0 0 0px;flex:0 0 0;max-width:0}.col--xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333333333332%;flex:0 0 8.333333333333332%;max-width:8.333333333333332%}.col--xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666666666666664%;flex:0 0 16.666666666666664%;max-width:16.666666666666664%}.col--xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col--xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333333333333%;flex:0 0 33.33333333333333%;max-width:33.33333333333333%}.col--xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666666666666664%;flex:0 0 41.666666666666664%;max-width:41.666666666666664%}.col--xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col--xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333333333333%;flex:0 0 58.33333333333333%;max-width:58.33333333333333%}.col--xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.66666666666666%;flex:0 0 66.66666666666666%;max-width:66.66666666666666%}.col--xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col--xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333333333333%;flex:0 0 83.33333333333333%;max-width:83.33333333333333%}.col--xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.66666666666666%;flex:0 0 91.66666666666666%;max-width:91.66666666666666%}.col--xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.col--xl-offset-0{margin-left:0}.col--xl-offset-1{margin-left:8.333333333333332%}.col--xl-offset-2{margin-left:16.666666666666664%}.col--xl-offset-3{margin-left:25%}.col--xl-offset-4{margin-left:33.33333333333333%}.col--xl-offset-5{margin-left:41.666666666666664%}.col--xl-offset-6{margin-left:50%}.col--xl-offset-7{margin-left:58.33333333333333%}.col--xl-offset-8{margin-left:66.66666666666666%}.col--xl-offset-9{margin-left:75%}.col--xl-offset-10{margin-left:83.33333333333333%}.col--xl-offset-11{margin-left:91.66666666666666%}.col--xl-offset-12{margin-left:100%}}.text--left{text-align:left}.text--right{text-align:right}.text--center{text-align:center}.text--xs-right{text-align:right}.text--xs-left{text-align:left}.text--xs-center{text-align:center}@media (min-width:544px){.text--sm-right{text-align:right}.text--sm-left{text-align:left}.text--sm-center{text-align:center}}@media (min-width:768px){.text--md-right{text-align:right}.text--md-left{text-align:left}.text--md-center{text-align:center}}@media (min-width:992px){.text--lg-right{text-align:right}.text--lg-left{text-align:left}.text--lg-center{text-align:center}}@media (min-width:1200px){.text--xl-right{text-align:right}.text--xl-left{text-align:left}.text--xl-center{text-align:center}}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1;
}

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

body {
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

.contact-icon {
    margin-bottom: 0.6rem;
}


/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* change border colour to suit your needs */

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

input,
select {
    vertical-align: middle;
    outline: none;
}

sub,
sup {
    /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
    font-size: 75%;
    /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
    line-height: 0;
    /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
    position: relative;
    /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
    vertical-align: baseline;
}

sup {
    /* Move the superscripted text up */
    top: -0.5em;
}


/* ***********************************************
                Reset CSS end
*********************************************** */


/* ***********************************************
                Site CSS start
*********************************************** */

.logo {
    padding: 1rem 2rem;
}

.centered {
    text-align: center;
}

.new-landings h2 {
    color: #008542 !important;
    font-size: 3rem;
}
.new-landings .light-text h2, .new-landings .light-text p {
    color: white !important;
}

.content-box {
    padding: 2rem 2rem 0;
}

.landing-1, .landing-2 {
    padding: 4rem 0 0;
}

.landing-1 {
    background: url(../images/banner-l1.jpg) no-repeat right 0;
    background-size: cover;
    display: flex;
    justify-content: center;
}

.landing-2 {
    background: url(../images/landing-banner-2.jpg) no-repeat 0 0;
    background-size: cover;
    display: flex;
    justify-content: center;
}

.testimonial-section h3 {
    color: #434345 !important;
    font-size: 2rem;
    margin-bottom: 4rem;
}

@media all and (max-width: 870px) {
    .landing-1 {
        background-position: -850px 0;
    }

    .banner-section:before {
        background: rgba(0,0,0,0.4);
    }

}

.banner-section {
    position: relative;
}

.banner-section:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    position: absolute;
    top: 0;
    left: 0;
}

.banner-text {
    width: 100%;
    padding: 0 4rem;
    align-self: flex-end;
    margin-bottom: 5rem;
    color: white;
    text-align: center;
    position: relative;
    z-index: 100;
}

.banner-text h1 {
    font-size: 3rem;
    color: white;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

.clip-height {
    width: 100%;
    object-fit: cover;
}

@media all and (min-width: 980px) {
    .banner-text {
        max-width: 40%;
        padding: 0;
    }

    .banner-text h1 {
        font-size: 4rem;
        line-height: 1;
    }
}

.testimonial-section, .page-section {
    padding: 4rem 0;
}

.testimonial-section {
    background: #f5f5f5
}

.testimonial-slider {
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
}

.testimonial {
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    overflow: hidden;
}

.testimonial-slider .testimonial .testi-image {
    width: 100%;
    object-fit: cover;
}

.testi-body {
    padding: 6rem 2rem 0 2rem;
    align-self: center;
}

.new-landings h3 {
    color: #434345;
}

.testi-header, .testi-description {
    margin-bottom: 2rem;
}

.testimonial-slider .owl-nav {
    z-index: 1000;
    margin-top: 0 !important;
}

.testimonial-with-logo {
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
}

.testimonial-slider .testimonial-with-logo .testi-image {
    width: auto;
    object-fit: cover;
    display: inline-block;
    margin-bottom: 2rem;
}

.testimonial-with-logo .testi-body {
    align-self: center;
}

.testimonial-with-logo .testi-header, .testi-description {
    margin-bottom: 2rem;
}

.button.pill {
    background: white;
    display: inline-block;
    border-radius: 30px;
    padding: 1rem 3rem;
    color: green;
    border: none;
    margin-top: 2rem;
    text-decoration: none;
}

.logo-icon {
    max-height: 150px;
    margin-bottom: 30px;
}

body .owl-carousel .owl-nav button.owl-next, body .owl-carousel .owl-nav button.owl-prev, body .owl-carousel button.owl-dot{
    position: static;
    background: none !important;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
}

body .owl-carousel .owl-nav button.owl-next span,
body .owl-carousel .owl-nav button.owl-prev span {
    background: green;
    color: white;
    padding: 0.1rem 1.4rem 0.2em;
    border-radius: 50%;
    font-size: 3rem;
    line-height: 30px;
}


.testimonial-slider .owl-prev {
    left: -2rem;
}

.testimonial-slider .owl-next {
    right: -2rem;
}

.get-a-quote, .green-bg {
    background: #008c3a;
}

.visually-hidden {
    opacity: 0;
}

.get-a-quote img {
    width: 100%;
}

.get-a-quote-content {
    color: white;
    padding: 6rem 0;
    text-align: center;
}



.new-landings h2 {
    font-size: 2rem;
    padding: 0 2rem 2rem;
}



img {
    border: 0;
    max-width: 100%;
    height: auto;
}

.owl-nav button:focus {
    background: #535353;
    outline: none !important;
    border: none !important;
}

@media (max-width: 767px) {
    .grassQuoteBox .col {
        padding: 0;
    }

}

@media all and (min-width: 981px) {

.new-landings h2 {
    font-size: 3rem;
}

.testi-body {
    padding: 6rem 6rem 0 6rem;
    align-self: center;
}

.landing-1, .landing-2 {
    padding: auto;
    height: 600px
}

.quote-boxes .col {
    padding: 2rem;
}

.clip-height {
    height: auto;
    object-fit: contain;
}

youNeedSec .row, .turfDeliveredSec .row { 
	justify-content: center;
}

.youNeedSec .column {
	display: flex !important;
	align-items: center !important;
	justify-content: center;
}
.youNeedSec .small-wrapper {
	max-width: 1000px !important;
}

body .owl-carousel .owl-nav button.owl-next, body .owl-carousel .owl-nav button.owl-prev, body .owl-carousel button.owl-dot {
    position: absolute;
}
    .testimonial-section, .page-section {
        padding: 8rem 0;
    }

    .testimonial {
        flex-wrap: nowrap;
    }

    .testi-body {
        padding: 0 6rem;
        align-self: center;
    }

    .testimonial-slider .testimonial .testi-image {
        width: 40% !important;
    }

    .testimonial-with-logo {
        padding: 6rem 0;
        max-width: 60%;
        margin: 0 auto;
    }

    .testimonial-slider {
        max-width: 60%;
    }

    .content-box {
        padding: 2rem;
    }

    .button.pill {
        padding: 1rem 6rem;
     }
}



@font-face {
    font-family: 'Gibson-SemiBold';
    src: url('../fonts/Gibson-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gibson-SemiBold.otf') format('opentype'), url('../fonts/Gibson-SemiBold.woff') format('woff'), url('../fonts/Gibson-SemiBold.ttf') format('truetype'), url('../fonts/Gibson-SemiBold.svg#Gibson-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gibson-Regular';
    src: url('../fonts/Gibson-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Gibson-Regular.otf') format('opentype'), url('../fonts/Gibson-Regular.woff') format('woff'), url('../fonts/Gibson-Regular.ttf') format('truetype'), url('../fonts/Gibson-Regular.svg#Gibson-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gibson-Bold';
    src: url('../fonts/Gibson-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gibson-Bold.otf') format('opentype'), url('../fonts/Gibson-Bold.woff') format('woff'), url('../fonts/Gibson-Bold.ttf') format('truetype'), url('../fonts/Gibson-Bold.svg#Gibson-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.clearfix {
    position: relative
}

.clearfix::before,
.clearfix::after {
    content: '';
    display: table;
    width: 100%;
}

body {
    font-family: 'Gibson-Regular';
    font-size: 16px;
    overflow-x: hidden;
    background: #ffffff;
    padding-top: 74px;
}

body.afterLogin {
    padding-top: 123px;
}

a,
button {
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
}

h1 {
    text-align: center;
    font-family: 'Gibson-SemiBold';
    font-size: 46px;
    color: #008542;
    margin-bottom: 20px;
    line-height: 54px;
}

h2 {
    text-align: center;
    font-family: 'Gibson-SemiBold';
    font-size: 36px;
    color: #008542;
    margin-bottom: 20px;
    line-height: 44px;
}

h3 {
    text-align: center;
    font-family: 'Gibson-SemiBold';
    font-size: 26px;
    color: #008542;
    margin-bottom: 20px;
    line-height: 30px;
}

h4 {
    font-family: 'Gibson-SemiBold';
    font-size: 20px;
}

h5 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #424242;
    line-height: 24px;
}

p {
    font-family: 'Gibson-Regular';
    font-size: 16px;
    line-height: 22px;
    color: #424242;
    margin-bottom: 15px;
}

p a {
    text-decoration: none;
    color: #008542;
}

p strong,
p b {
    font-family: 'Gibson-SemiBold';
    font-size: 18px;
    line-height: 22px;
}

hr {
    margin: 30px 0;
    background: transparent;
    border-color: #c0c0c0;
}

ul {
    margin-bottom: 30px;
}

li {
    list-style: none;
    padding: 13px 0;
    font-size: 18px;
    position: relative;
    padding-left: 40px;
    line-height: 20px;
    color: #424242;
}

li::after {
    content: "";
    position: absolute;
    background: #008542 url('../images/tick.png') no-repeat center;
    top: 6px;
    left: 0;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    width: 30px;
    background-size: 16px;
    background-position: center;
    text-align: center;
    line-height: 30px;
    color: #ffffff;
    background-size: 12px;
}

.noPadding {
    padding: 0 !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-left h2 {
    text-align: left;
}

.text-center h1,
.text-center h2,
.text-center h3,
.text-center h4 {
    text-align: center !important;
}

.padding-top-20 {
    padding: 20px 0 0 0 !important;
}

.wrapper {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
}

.wrapper::after,
.wrapper::before {
    content: '';
    display: table;
    width: 100%;
    clear: both;
}

.medium-wrapper {
    max-width: 1000px;
}

.small-wrapper {
    max-width: 750px;
}

.xs-wrapper {
    max-width: 660px;
}

.row {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}

.column {
    padding: 0 10px;
    position: relative;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
}

@media (min-width: 768px) {
    .row {
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
    }
    .column {
        display: block;
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
    .column-12 {
        width: 100%;
        min-width: 100%;
    }
    .column-11 {
        width: 91.66666667%;
        min-width: 91.66666667%;
    }
    .column-10 {
        width: 83.33333333%;
        min-width: 83.33333333%;
    }
    .column-9 {
        width: 75%;
        min-width: 75%;
    }
    .column-8 {
        width: 66.666667%;
        min-width: 66.666667%;
    }
    .column-7 {
        width: 58.33333333%;
        min-width: 58.33333333%;
    }
    .column-6 {
        width: 50%;
        min-width: 50%;
    }
    .column-5 {
        width: 41.66666667% min-width: 41.66666667%
    }
    .column-4 {
        width: 33.333%;
        min-width: 33.333%;
    }
    .column-3 {
        width: 25%;
        min-width: 25%;
    }
    .column-2 {
        width: 16.66666667%;
        min-width: 16.66666667%;
    }
}

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

.section-padding-top-50 {
    padding-top: 50px;
}

.section-padding-top-60 {
    padding-top: 60px;
}

.section-padding-top-20 {
    padding-top: 20px;
}

.section-padding-30 {
    padding: 30px 0;
}

.section-padding-20 {
    padding: 20px 0;
}

.section-padding-bottom-50 {
    padding-bottom: 50px;
}

.section-padding-bottom-30 {
    padding-bottom: 30px;
}

.section-padding-60 {
    padding: 60px 0;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.btn {
    font-size: 20px;
    font-family: 'Gibson-Regular';
    color: #000;
    display: inline-block;
    padding: 15px 30px;
    text-decoration: none;
    border: 1px solid #008542;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    margin: 10px 0;
    text-align: center;
    color: #008542;
}

.btn:hover {
    background: #8dc63f;
    border-color: #8dc63f;
    color: #ffffff;
}

.btn-block {
    display: block;
}

.btn-inline {
    padding: 15px 50px;
}

.btn-small {
    padding: 10px 25px;
}

.btn-big {
    width: 300px;
    text-align: center;
}

.btn-bigger {
    width: 340px;
    text-align: center;
}

.btn-medium {
    width: 200px;
    margin-right: auto;
    margin-left: auto;
}

.btn-green {
    color: #ffffff;
    background: #008542;
}

.btn-white {
    color: #008542;
    background: #ffffff;
}

.btn-white-outline {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

.btn-outline {
    background: none;
    border-color: #ffffff;
    color: #ffffff;
}

.btn-smallpad-l-r {
    padding-left: 5px;
    padding-right: 5px;
}

input {
    border: 1px solid #c0c0c0;
    height: 54px;
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: 'Gibson-Regular';
    padding: 10px 20px;
    background: #ffffff;
}

textarea {
    border: 1px solid #c0c0c0;
    display: block;
    width: 100%;
    font-size: 18px;
    font-family: 'Gibson-Regular';
    padding: 20px;
    background: #ffffff;
    resize: none;
    outline: none;
}

.sectionheading {
    margin-bottom: 30px;
}

.sectionheading h1 {
    margin-bottom: 0;
}

.sectionheading h2 {
    margin-bottom: 0;
}

.sectionheadingsmall {
    margin-bottom: 25px;
}

.sectionheadingsmall h3 {
    margin-bottom: 0;
}

.margin-top-0 {
    margin-top: 0 !important;
}

strong {
    font-family: 'Gibson-SemiBold';
}

.gray {
    background: #f5f5f5 !important;
}

.white {
    background: #ffffff !important;
}

.green {
    background: #008542;
}

.whiteBg {
    background: #ffffff;
}

.text-center {
    text-align: center;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.breadcrumbs {
    background: #f5f5f5;
    padding: 10px 0;
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
}

.breadcrumbs ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 12px;
    position: relative;
}

.breadcrumbs ul li:hover a {
    color: #8dc63f;
}

.breadcrumbs ul li::after {
    content: none;
}

.breadcrumbs ul li::before {
    content: "/";
    margin: 0 5px;
}

.breadcrumbs ul li:first-child::before {
    content: none;
}

.breadcrumbs ul li a {
    text-decoration: none;
    color: #424242;
}

.breadcrumbs ul li.selected {
    font-family: 'Gibson-SemiBold';
}

.breadcrumbs ul li.selected::before {
    font-family: 'Gibson-Regular';
}

#preloader {
    background-color: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

#status {
    background-image: url('../images/loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    height: 400px;
    left: 50%;
    margin: -200px 0 0 -200px;
    position: absolute;
    top: 50%;
    width: 400px;
}


/* ***************Header Start************************* */

.header {
    background: #008c3a;
    position: fixed;
    z-index: 999;
    right: 0;
    left: 0;
    top: 0;
}

.logo {
    float: left;
    padding: 15px 0;
}

.logo a {
    display: block;
}

.headerNav {
    width: 1000px;
    float: right;
    background: #fff;
    text-align: right;
    border-bottom-left-radius: 300px;
    -webkit-border-bottom-left-radius: 300px;
    -ms-border-bottom-left-radius: 300px;
    -moz-border-bottom-left-radius: 300px;
    -o-border-bottom-left-radius: 300px;
    position: relative;
    padding-right: 50px;
}

.headerNav::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    background: #ffffff;
    width: 10000px;
}

.headerNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.headerNav ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}

.headerNav ul li.active::after,
.headerNav ul li.current-menu-item::after {
    content: '';
    position: absolute;
    left: 40px;
    right: 40px;
    border-bottom: 5px solid #8dc63f !important;
    bottom: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    height: auto;
    width: inherit;
    background: transparent;
    pointer-events: none;
}

.headerNav ul li::after {
    content: none;
}

.headerNav ul li a {
    display: block;
    font-size: 18px;
    color: #018C3B;
    font-family: 'Gibson-Regular';
    text-decoration: none;
    font-weight: normal;
    padding: 20px 40px;
}

.headerNav ul>li>a:hover {
    /* font-family: 'Gibson-SemiBold'; */
    background: #f5f5f5;
    color: #028B3B;
}

.headerSearch {
    position: absolute;
    right: 0;
    top: 0;
    padding: 18px;
}

.headerSearch a {
    display: block;
}

.headerSearch img {
    width: 20px;
    height: 20px;
}

.searchBox {
    background: #ffffff;
    display: none;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    right: 0;
    border-bottom: 2px solid #008c3a;
}

.searchBox input {
    border: none;
    font-size: 22px;
    padding: 20px;
    width: 100%;
    font-family: 'Gibson-Regular';
    color: #424242;
    height: auto;
}


/* ***************Header End************************* */


/* ***************Top Gray Header Right start************************* */

.topGrayHeader {
    background: #424242;
    padding: 10px 0;
}

.topGrayHeaderLeft {
    vertical-align: middle;
    display: inline-block;
    padding: 6px 0;
}

.topGrayHeaderLeft a {
    color: #ffffff;
    text-decoration: none;
}

.topGrayHeaderRight {
    text-align: right;
}

.headerCart {
    margin: 0;
    padding: 0;
}

.headerCart li {
    display: inline-block;
    margin: 0 10px;
    padding: 0;
}

.headerCart li::after {
    content: none;
}

.headerCart li a {
    display: block;
}

.headerCart li img {
    width: 25px;
}

.cart {
    position: relative;
}

.cartItemNumber {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    height: 22px;
    width: 22px;
    background: #008c3a;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: -3px;
    left: 100%;
}


/* ***************Top Gray Header Right End************************* */


/* *************** Benner Start ************************* */

.bannerSec {
    background: url('../images/home-banner.jpg') no-repeat center top;
    background-size: cover;
    height: 600px;
    position: relative;
}

.bannerSec.mobileBanner {
    display: none;
}

.bannerSec.desktopBanner {
    display: block;
}

.bannerTxt {
    padding: 50px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.bannerTxt h2 {
    font-size: 34px;
    color: #fff;
    text-transform: uppercase;
    /* font-family: 'Gibson-Bold'; */
    margin-bottom: 10px;
}

.bannerTxt p {
    font-size: 18px;
    color: #ffffff;
    margin: 0;
}

.scrollBtm {
    margin-top: 40px;
    display: inline-block;
    padding-top: 10px;
}

.scrollBtm img {
    position: absolute;
    bottom: 0;
    width: 55px;
    margin-left: -27.5px;
    left: auto;
    right: auto;
    animation-name: arrow;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-play-state: running;
    -webkit-animation-name: arrow;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
}

@keyframes arrow {
    0% {
        bottom: 0;
    }
    75% {
        bottom: 10px;
    }
    100% {
        bottom: 0;
    }
}

@-webkit-keyframes arrow {
    0% {
        bottom: 0;
    }
    75% {
        bottom: 10px;
    }
    100% {
        bottom: 0;
    }
}


/* *************** Benner End ************************* */

.golf-logo {
	margin: 0 auto;
    text-align: center;
}

/* *************** grass category start ************************* */

.grassCategory {
    background: #ffffff;
}

.grassCategory .wrapper {
    max-width: 600px;
}


/* *************** grass category End ************************* */


/* *************** post code section start ************************* */

.postCodeSec {
    background: #f5f5f5;
    text-align: center;
}


/* .postCode {
    margin-top: 40px;
} */

.postCode label {
    font-family: 'Gibson-Regular';
    color: #424242;
    font-size: 18px;
}

.postCode input {
    padding: 17px 20px;
    border: 1px solid #c0c0c0;
    width: 350px;
    font-size: 18px;
    font-family: 'Gibson-Regular';
    color: #c0c0c0;
    margin-left: 10px;
    height: auto;
    display: inline-block;
}

.postCode .search-container-block {
    float: left;
    width: 60%;
}
.postCode .btn.submit {
    float: left;
    width: 40%;
    height: 54px;
    margin: 0;
    padding: 0;
    line-height: 54px;
    border-radius: 0;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
}
.postCode.hide-button .search-container-block {
    width: 100%;
}
.postCode.hide-button .btn.submit {
    display: none;
}


/* *************** post code section End ************************* */


/* *************** Filter area start ************************* */

.filterCheckbox {
    background: #424242;
    text-align: center;
}

.filterArea label {
    color: #fefefe;
    font-size: 18px;
    margin-bottom: 30px;
    display: block;
}

.customCheckbox {
    display: inline-block;
    padding: 0;
    text-align: center;
    margin: 20px 0;
}

.customCheckbox input {
    display: none;
}

.customCheckbox input+label {
    font-size: 18px;
    color: #424242;
    margin: 0;
    line-height: 22px;
    position: relative;
    padding-left: 40px;
    display: inline-block;
    text-align: left;
}

.customCheckbox input+label::before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border: 1px solid #000000;
    top: -4px;
    left: 0;
}

.customCheckbox input:checked+label::before {
    background: #8dc63f;
    border-color: #8dc63f;
}

.filterCheckbox .customCheckbox {
    padding: 0 40px;
    max-width: 160px;
}

.filterCheckbox .customCheckbox input+label {
    color: #ffffff;
    margin-top: 50px;
    padding: 0;
    font-size: 16px;
    text-align: center;
    display: block;
}

.filterCheckbox .customCheckbox input+label::before {
    border: 1px solid #fff;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.filterCheckbox .customCheckbox input:checked+label::before {
    border-color: #8dc63f;
}

.filterCheckbox .customCheckbox {
    margin: 0;
}

.sortBy {
    background: #ffffff;
    padding: 20px 0;
}

.sortBy .wrapper {
    max-width: 1000px;
}

.sortByFull .wrapper {
    max-width: 1170px;
}

.sortBy p {
    color: #424242;
    display: inline-block;
    padding-top: 20px;
    margin: 0;
}

.sortBy .customSelect2 {
    float: right;
}

.customSelect {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    overflow: hidden;
    border: 1px solid #008c3a;
    position: relative;
}

.customSelect::after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    z-index: 1;
    background: url('../images/chevrongreen.svg') no-repeat center;
    height: 40px;
    width: 50px;
    background-size: 20px;
    pointer-events: none;
}

.customSelect2 select {
    width: 210px;
}

.customSelect select {
    height: 40px;
    width: 210px;
    border: none;
    margin: 0 20px;
    background: transparent;
    font-size: 16px;
    color: #008c3a;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    background: transparent;
}


/* *************** Filter area End ************************* */


/* *************** Grass quote box start ************************* */

.grassQuoteBox {
    background: #f5f5f5;
    padding: 50px 0 0;
}

.page-section .grassQuoteBox {
    background: none;
    padding-top: 0;
}

.grassQuoteBox .column-4 {
    margin-bottom: 60px;
}

.grassQuote {
    background: #fff;
    box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    height: 100%;
}

.grassTitle {
    font-size: 18px;
    padding: 21px 10px;
    background: #424242;
    text-align: center;
    color: #fff;
}

.grassInfo p {
    color: #424242;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
}

.grassInfo h5 {
    margin-bottom: 0;
    font-size: 18px;
    color: #424242;
    line-height: 24px;
    min-height: 50px;
}

.grassInfo p a,
.grassInfo p strong a,
.grassInfo h5 a {
    text-decoration: none;
    color: #424242;
}

.grassDescrip {
    min-height: 100px;
    line-height: 1.5em;
}

.grassContent {
    padding: 10px 15px 30px;
}

.grassInfo {
    margin-bottom: 20px;
    padding: 0 10px;
    /* min-height: 100px; */
}

.grassQuoteBox .row {
    margin-left: -30px;
    margin-right: -30px;
}

.grassQuoteBox .column {
    padding-left: 30px;
    padding-right: 30px;
}

.grassOptionsBox {
    display: table;
    width: 100%;
}

.grassOptionsBox>div {
    display: table-cell;
    padding: 18px 6px;
    vertical-align: middle;
}

.grassOptionsBox>div:first-child {
    width: 50px;
}

.grassOptionsInfo p {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    margin: 0;
}

.grassOptionsInfo p span {
    font-family: 'Gibson-SemiBold';
    font-size: 16px;
    margin-top: 5px;
    display: block;
    text-transform: none;
}

.grassOptions .column {
    padding: 0 0;
}

.grassOptions .row {
    margin: 0;
}

.grassBtns {
    padding: 0 30px;
    margin-top: 30px;
}

.grassLogo {
    text-align: center;
    margin: 10px 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
}

.grassLogo object,
.singleGrassType .grassQuoteSingleListing .grassLogo object {
    width: 200px;
    max-height: 130px;
    height: auto;
}


/* .grassContent .grassLogo img {
    width: 300px;
    max-height: 100px;
} */

.contactTile {
    padding: 100px 0;
}

.tileImg {
    line-height: 0;
}

.contactTile p {
    margin-bottom: 40px;
}

.contactTile h3 {
    margin-bottom: 40px;
}

.icon {
    width: 35px;
    background: url('../images/grass_icons.svg');
    background-size: 120px;
    height: 35px;
    vertical-align: middle;
}

.icon-1 {
    background-position: 0px 0px;
}

.icon-2 {
    background-position: -44px 0px;
}

.icon-3 {
    background-position: -85px -2px;
}

.icon-4 {
    background-position: 0 -44px;
}

.icon-5 {
    background-position: -44px -44px;
}

.icon-6 {
    background-position: -84px -44px;
}


/* *************** Grass quote box end ************************* */


/* *************** Get a quote start ************************* */

.getQuote {
    text-align: center;
    background: #f5f5f5;
}

.getQuoteImg {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
}

.getQuoteTxt {
    max-width: 1000px;
    margin: 0 auto;
}

.getQuoteTxt p {
    color: #424242;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
}

.layingTurfSlider {
    position: relative;
}

.layingTurfSlider .slick-list {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    overflow: hidden;
}

.layingTurfSlider .slick-slide img {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    overflow: hidden;
}

.layingTurfSlider .slick-slide img {
    max-height: 550px;
    max-width: 100%;
}

.slick-arrow {
    position: absolute;
    top: 250px;
    z-index: 9;
    background: #008c41 url('../images/chevron.svg') no-repeat center;
    border: none;
    height: 45px;
    width: 45px;
    font-size: 0;
    background-size: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.slick-next.slick-arrow {
    right: -22.5px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.slick-prev.slick-arrow {
    left: -22.5px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.slick-dots {
    list-style: none;
    text-align: center;
    padding: 40px 0;
    position: absolute;
    right: 0;
    left: 0;
    top: 555px;
}

.slick-dots li {
    display: inline-block;
    padding: 0 50px;
    position: relative;
}

.slick-dots li::after {
    content: none;
}

.slick-dots li:first-child {
    padding-left: 0;
}

.slick-dots li:last-child {
    padding-right: 0;
}

.slick-dots li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-top: -0.5px;
    z-index: -1;
}

.slick-dots li button {
    height: 30px;
    width: 30px;
    border: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: 14px;
    color: #fff;
    background: #c0c0c0;
    font-family: 'Gibson-SemiBold';
    line-height: 32px;
    outline: none;
    cursor: pointer;
    box-shadow: 0 0 0 10px #fff;
    -webkit-box-shadow: 0 0 0 10px #fff;
    -moz-box-shadow: 0 0 0 10px #fff;
    -ms-box-shadow: 0 0 0 10px #fff;
    -o-box-shadow: 0 0 0 10px #fff;
}

.slick-dots li.slick-active button {
    background: #8dc63f;
}


/* *************** Get a quote end ************************* */


/* *************** Plan your yard start ************************* */

.planYard {
    background: #ffffff;
    text-align: center;
    margin: 150px 0 0 0;
}

.yardTileSec .row {
    margin: 0;
}

.yardTileSec .column {
    padding: 0;
}

.yardTileSecPad .row {
    margin: 0 -10px;
}

.yardTileSecPad .column {
    padding: 0 10px;
}

.yardTileSecPad .yardTileTitle {
    min-height: inherit;
}

.yardTileTitle h3 {
    margin: 0;
}

.yardTileSecPad .yardTileImg img {
    max-width: inherit;
    height: 100%;
    width: auto;
}

.tileSingle .column {
    flex-grow: 1;
}

.home-yardTileSec .yardTileImg {
    height: 280px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    /*  line-height: 280px; */
}

.yardTileImg img {
    /* vertical-align: middle; */
    vertical-align: top;
}

.yardTileContent {
    text-align: center;
    padding: 30px 45px 50px;
}

.home-yardTileSec .yardTileContent {
    padding-bottom: 0;
}

.home-yardTileSec .yardTileBtn {
    padding: 0 45px 50px;
}

.yardTileDescription p {
    line-height: 26px;
    margin: 0;
}


/* .yardTileTitle {
    min-height: 90px;
} */

.tileSingle .yardTileTitle {
    min-height: inherit;
    margin-bottom: 30px;
}

.yardTileDescription {
    height: 200px;
    padding-bottom: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.tileSingle .yardTileDescription {
    height: inherit;
}

.green h2,
.green p {
    color: #fff;
}

.yardTileImg {
    overflow: hidden;
    height: 250px;
    background-size: cover;
}

.yardTileImg img {
    width: 100%;
    height: auto;
}


/* *************** Plan your yard end ************************* */


/* *************** Quality Guaranteed start ************************* */

.qualityGuaranteed {
    text-align: center;
}

.qualityGuaranteed.green {
    padding: 0 15px;
}

.stepSec .qualityGuaranteed {
    padding-left: 15px;
    padding-right: 15px;
}

.qualityGuaranteedImg {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.qualityBrand object {
    margin: 20px 30px;
}


/* *************** Quality Guaranteed end ************************* */


/* *************** grass types pages start ************************* */

.articleList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.articleList ul li {
    margin: 0;
    padding: 0;
}

.articleList ul li::after {
    content: none;
}

.articleList ul li a {
    padding: 25px;
    display: block;
    text-decoration: none;
    font-size: 18px;
    border: 1px solid #c0c0c0;
    margin-top: -1px;
    color: #424242;
    position: relative;
    background: #ffffff;
}

.articleList ul li a:hover {
    box-shadow: 10px 0px 0px #008542 inset;
    -webkit-box-shadow: 10px 0px 0px #008542 inset;
    -ms-box-shadow: 10px 0px 0px #008542 inset;
    -moz-box-shadow: 10px 0px 0px #008542 inset;
    -o-box-shadow: 10px 0px 0px #008542 inset;
    color: #008542;
    background: #f5f5f5;
}

.articleList ul li a::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    height: 15px;
    width: 15px;
    margin-top: -7.5px;
    background: url('../images/chevrongreen.svg') no-repeat center;
    background-size: 20px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    pointer-events: none;
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
}

.articleList ul li a:hover::after {
    right: 10px;
}

.resultTxt {
    margin-bottom: 20px;
    display: block;
}

.defaultContent .articleList p {
    margin-bottom: 15px;
}


/* *************** grass types pages end ************************* */


/**************** Turf Suppliers start****************/

.grassTileNarrow {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}

.grassTileNarrow .grassInfo {
    min-height: 100px;
}

.quoteIcons {
    text-align: center;
}

.quoteIcons ul li {
    display: inline-block;
    margin: 0 8px;
    padding: 0;
}

.quoteIcons ul li::after {
    content: none;
}

.quoteIcons li a {
    display: inline-block;
    background: #008542;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    position: relative;
}

.quoteIcons li a img {
    width: 25px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.up-arrow {
    background: url('../images/chevrongreen.svg') no-repeat center;
    height: 20px;
    width: 30px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    margin-left: 10px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.down-arrow {
    background: url('../images/chevrongreen.svg') no-repeat center;
    height: 20px;
    width: 30px;
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    margin-left: 10px;
}

.localRetailersBtn {
    cursor: pointer;
}

.localRetailers {
    padding: 30px 0;
    display: block;
}

.localRetailersTable {
    display: table;
    width: 100%;
}

.localRetailersTableTr {
    display: table-row;
}

.localRetailersTableTrTd {
    display: table-cell;
    text-align: center;
    width: 33.333%;
    padding: 20px;
    font-size: 18px;
    border-top: 1px solid #c0c0c0;
    vertical-align: middle;
    line-height: 26px;
}

.localRetailersTableTrTd:nth-child(2) {
    width: 20%;
}

.localRetailersTableTr:last-child .localRetailersTableTrTd {
    border-bottom: 1px solid #c0c0c0;
}


/**************** Turf Suppliers end****************/


/**************** single-grass-type start ****************/

.grassQuoteSingleListing {
    background: transparent !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}

.grassQuoteSingleListing .grassOptions {
    margin: 0 0 0 130px;
}

.grassQuoteSingleListing .grassOptions .column-4 {
    margin: 20px 0;
}

.grassQuoteSingleListing .grassOptionsBox>div {
    text-align: left;
}

.grassQuoteSingleListing .grassLogo {
    height: 150px;
}

.grassQuoteSingleListing .grassOptionsInfo p {
    font-size: 14px;
}

.grassQuoteSingleListing .grassOptionsInfo p span {
    font-size: 18px;
}

.defaultContent p {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 30px;
}

.defaultContent li {
    line-height: 30px;
}

.defaultContent h2 {
    text-align: left;
    margin-bottom: 30px;
}

.defaultContent figure {
    margin: 20px 0;
    position: relative;
    max-width: 100%;
}

.defaultContent figure figcaption {
    /*position: absolute;*/
    padding: 25px 30px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
}

.defaultContent figure img {
    width: 100%;
}

.videoBox {
    height: 550px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 30px;
}

.grassTypeHeader {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 30px;
    overflow: hidden;
}

.grassTypeHeader img {
    height: auto;
}

.compareTile {
    background: #ffffff;
    padding: 10px 10px 40px 10px;
    /* box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04); */
}

.compareTileSlider {
    box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    padding: 0 10px;
    background: #fff;
}

.compareTileLogo {
    background: #f5f5f5;
    padding: 20px;
}

.compareTileLogo object {
    max-height: 40px;
}

.compareTileInfo {
    padding: 0 15px;
}

.compareTileList {
    display: table;
    width: 100%;
}

.compareListTd {
    display: table-cell;
    width: 50%;
    padding: 12px 0;
    border-bottom: 1px solid #f1f1f1;
    text-align: left;
    font-size: 18px;
}

.compareListTd:first-child {
    width: 60%;
}

.compareTileList:last-child .compareListTd {
    color: #008542;
}

.staricon {
    height: 15px;
    width: 15px;
}


/* .compareListTd:nth-child(even) {
    padding-left: 25px;
} */

.compareListTd object {
    width: 15px;
}

.compareTileTable {
    display: table;
    width: 100%;
}

.compareTileTd {
    display: table-cell;
    width: 33.333%;
    text-align: center;
}

.compareTileTd .compareTile {
    padding-left: 0;
    padding-right: 0;
}


/* .compareTileTd:first-child .compareTile {
    padding-left: 10px;
}
.compareTileTd:last-child .compareTile {
    padding-right: 10px;
} */

.compareTileTd .compareTile .compareTileInfo {
    padding: 0;
}

.compareTileTd .compareTile .compareListTd {
    text-align: center;
}

.compareSec .row {
    margin-left: -20px;
    margin-right: -20px;
}

.compareSec .row .column {
    padding-left: 20px;
    padding-right: 20px;
}


/**************** single-grass-type end ****************/


/**************** single-post start ****************/

.bigProduct {
    height: 220px
}

.priceTag {
    color: #424242;
    margin: 30px 0;
    font-size: 18px;
}

.relatedTile .yardTile {
    background: #f5f5f5;
    margin-bottom: 20px;
}

.relatedTile .yardTileContent {
    padding: 30px 45px 30px;
}

.relatedTile .yardTileImg {
    height: inherit;
    max-height: 180px;
}


/* .relatedTile .yardTileImg img {
    max-width: inherit;
    height: 100%;
    vertical-align: text-bottom;
    line-height: 1;
} */

.shareIcon {
    font-size: 16px;
    color: #008542;
    font-family: 'Gibson-SemiBold';
    margin: 30px 0;
}

.shareIcon span {
    display: inline-block;
    background: #008542;
    border-radius: 50%;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    margin-left: 10px;
}

.shareIcon a {
    text-decoration: none;
    color: #008542;
}

.shareIcon span img {
    max-width: 30px;
}


/**************** single-post end ****************/


/**************** request confirmation start ****************/

.requestSummary {
    background: #f5f5f5;
}

.requestSummaryInner {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.requestSummaryList {
    margin-bottom: 30px;
}

.requestSummaryList p {
    margin-bottom: 5px;
}

.requestSummaryList p a {
    color: #424242;
}


/**************** request confirmation end ****************/


/**************** product category start ****************/

.productListingBox .row {
    margin-left: -15px;
    margin-right: -15px;
}

.productListingBox .column {
    padding: 0 15px;
    margin-bottom: 30px;
}

.productListingBox .grassInfo {
    min-height: 100px;
}

.articleListNoouterBorder ul li a {
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 0;
}

.articleListNoouterBorder ul li:last-child a {
    border-bottom: none;
}

.productSearch {
    position: relative;
    border-top-right-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -ms-border-top-right-radius: 30px;
    -moz-border-top-right-radius: 30px;
    -o-border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-bottom-right-radius: 30px;
    -o-border-bottom-right-radius: 30px;
    -ms-border-bottom-right-radius: 30px;
    overflow: hidden;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.productSearch input {
    padding-right: 60px;
}

.productSearchBtn {
    display: block;
    position: absolute;
    height: 54px;
    width: 54px;
    background: #858585;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    top: 0;
    line-height: 70px;
    right: 0;
}

.productSearchBtn img {
    width: 25px;
}

.leftArrow {
    background: url('../images/chevron.svg') no-repeat center;
    background-size: 100%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    display: inline-block;
    height: 10px;
    width: 15px;
    vertical-align: middle;
    top: -1px;
    position: relative;
}


/**************** product category end ****************/


/**************** product category index start ****************/

.productBannerInner {
    background: #f5f5f5;
    padding: 50px 50px 0 50px;
}

.productBannerImg {
    width: 50%;
    float: left;
    padding-right: 30px;
}

.productBannerImg img {
    max-width: 100%;
}

.productBannerInfo {
    float: left;
    width: 50%;
}

.productBannerInfo {}

.productBannerInfo h4 {
    text-transform: uppercase;
    font-size: 32px;
    color: #008542;
    font-family: 'Gibson-Bold';
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.offerPrice {
    font-size: 100px;
    color: #008542;
    font-family: 'Gibson-Bold';
    display: inline-block;
}

.offerPrice span {
    font-size: 60px;
    font-family: 'Gibson-SemiBold';
    vertical-align: top;
    position: relative;
    top: 5px;
}

.originalPrice {
    display: inline-block;
    font-size: 50px;
    font-family: 'Gibson-Bold';
    color: #008542;
    margin: 0 0 0 20px;
    position: relative;
}

.originalPrice::after {
    content: '';
    position: absolute;
    left: -8px;
    right: -8px;
    bottom: 50%;
    height: 8px;
    background: #d65354;
    margin-bottom: -12px;
}

.originalPrice span {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
}

span.smalldolaricon {
    font-size: 30px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: 'Gibson-SemiBold';
    top: 5px;
}

.bannerBtns {
    margin-top: 15px;
}

.bannerBtns .btn {
    padding: 10px 30px;
    margin-right: 15px;
}

.sidebarFilterArea {
    background: #ffffff;
    padding: 20px 30px;
}


/**************** product category index end ****************/


/**************** product page start ****************/

.productDetails-productimg {
    text-align: center;
    padding: 25px;
}

.productDetails-productimg img {
    max-width: 100%;
}

.productDetails-productInfo h1 {
    text-align: left;
}

.productDetails-productInfo {
    position: relative;
}

.productDetails-productInfo .shareIcon {
    position: absolute;
    right: 0;
    top: 7px;
    z-index: 1;
    margin: 0;
}

.quantitySec {
    width: 70px;
    display: inline-block;
    margin-right: 15px;
}

.quantitySec label {
    text-align: center;
    display: block;
    margin-bottom: 8px;
}

.quantitySec input {
    text-align: center;
}

.addToCartSec {
    padding: 20px 0;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
}

.productPrice {
    font-size: 20px;
    color: #424242;
    margin-bottom: 30px;
}

.productInfoTxt {
    padding: 30px 0 0 0;
    height: 160px;
    overflow: hidden;
}

.productInfoTxt.show {
    height: inherit;
}

.productDetails-productInfo p {
    font-size: 18px;
    line-height: 26px;
}

.productInfoTxtShowBtn {
    color: #008542;
    text-decoration: none;
    display: inline-block;
    margin: 20px 0;
}


/**************** product page end ****************/


/**************** grass gallery start ****************/

.gassItem {
    position: relative;
    margin-bottom: 10px;
}

.gassItem a,
.gassItem:hover,
.gassItem:focus {
    outline: none;
}

.gassItem img {
    max-width: 100%;
    width: 100%;
}

.gassItem figure {
    line-height: 1px;
}

.gassItem figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-family: 'Gibson-SemiBold';
    background: rgba(0, 0, 0, 0.4);
}

.formGroup {
    margin-bottom: 15px;
}

.formGroup label {
    text-align: left;
    margin-bottom: 7px;
    display: block;
    color: #424242;
    font-size: 12px;
}

.formError input {
    box-shadow: 5px 0px 0px 0px #d65354 inset;
    -webkit-box-shadow: 5px 0px 0px 0px #d65354 inset;
    -ms-box-shadow: 5px 0px 0px 0px #d65354 inset;
    -moz-box-shadow: 5px 0px 0px 0px #d65354 inset;
    -o-box-shadow: 5px 0px 0px 0px #d65354 inset;
    border-color: #d65354;
}

.adviceForm {
    max-width: 600px;
    margin: 0 auto;
}

.customFileUpload {
    position: relative;
    display: inline-block;
}

.adviceForm .btn {
    width: 260px;
}

.customFileUpload input[type="file"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
    margin: 10px 0;
    cursor: pointer;
    opacity: 0;
}

.uploadedImage img {
    max-width: 100%;
}


/**************** grass gallery end ****************/

.errorMsg {
    text-align: center;
    background: #d65354 !important;
}

.errorMsg h1,
.errorMsg h2,
.errorMsg h3,
.errorMsg h4,
.errorMsg h5,
.errorMsg h6 {
    color: #ffffff !important;
}

.errorMsg p {
    color: #ffffff !important;
}

.customSelectSquare {
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    height: 54px;
    border: 1px solid #c0c0c0;
    background: #ffffff;
}

.customSelectSquare select {
    height: 100%;
    color: #000000;
    width: 100%;
}

.customSelectSquare::after {
    height: 54px;
}

.quantityBox {
    position: relative;
    display: inline-block;
}

.quantityBox span {
    position: absolute;
    right: 1px;
    bottom: 1px;
    display: inline-block;
    height: 52px;
    background: #f1f1f1;
    padding: 14px;
    line-height: 24px;
}

.quantityBox input {
    padding-right: 55px;
}

.tabHeader {
    border-bottom: 4px solid #008542;
    text-align: center;
    background: #f5f5f5;
}

.tabHeader .wrapper {
    font-size: 0;
}

.tabHeaderItem {
    padding: 20px;
    text-align: center;
    background: #ffffff;
    color: #fff;
    display: inline-block;
    color: #008542;
    font-size: 18px;
    width: 360px;
    cursor: pointer;
}

.tabHeaderItem.active {
    background: #008542;
    color: #ffffff;
}

.tabHeaderItem.active .down-arrow {
    background: url('../images/chevron.svg') no-repeat center;
    background-size: 100%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.tabBodyItem {
    display: none;
}

.tabBodyItem.active {
    display: block;
}

.tabBody {
    padding: 20px 0;
}

.tabArea .down-arrow {
    width: 20px;
}

.t-tip {
    display: inline-block;
    background: #008542;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    line-height: 22px;
    text-align: center;
    margin-left: 5px;
    color: #fff;
    font-size: 14px;
}

.cartDropDown {
    position: absolute;
    width: 300px;
    font-size: 16px;
    background: #008c3a;
    text-align: center;
    color: #ffffff;
    right: -20px;
    padding: 30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    top: 100%;
    margin: 10px 0 0 0;
    z-index: 1;
    line-height: 20px;
}

.cartDropDown::before {
    content: '';
    position: absolute;
    right: 30px;
    top: -5px;
    height: 10px;
    width: 10px;
    background: #008c3a;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.t-tipSec {
    display: inline-block;
    position: relative;
}

.toolTipMsg {
    position: absolute;
    padding: 10px;
    background: #008542;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    color: #ffffff;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 150px;
    text-align: center;
    font-size: 14px;
    margin: 0 0 10px 0;
    line-height: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    z-index: 9;
}

.toolTipMsg::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 8px;
    width: 8px;
    background: #008542;
    margin-left: -2px;
    margin-top: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.t-tipSec.show .toolTipMsg {
    bottom: 100%;
    visibility: visible;
    opacity: 1;
}

.messagehead {
    margin-bottom: 30px;
}

.messagehead p {
    font-size: 18px;
    margin: 0 0 5px 0;
}

.createQuoteTable {
    display: table;
    width: 100%;
    margin: 30px 0 0;
}

.createQuoteTableTr {
    display: table-row;
    background: #f5f5f5;
}

.createQuoteTableTr:nth-child(2n) {
    background: #ffffff;
}

.createQuoteTableTrTd {
    display: table-cell;
    padding: 20px 30px;
    vertical-align: middle;
    font-family: 'Gibson-Regular';
    font-size: 18px;
    line-height: 24px;
}

.createQuoteTableTrTd:nth-child(2) {
    width: 200px;
    text-align: right;
}

.bin-icon {
    background: #d65354;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    height: 26px;
    width: 26px;
    text-align: center;
    padding: 4px 6px;
}

.bin-icon:hover {
    opacity: 0.6;
}

.bin-icon img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.createQuoteTable input {
    display: inline-block;
    width: 60px;
    height: auto;
    margin: 0 10px 0 5px;
}

.dlr {
    font-size: 24px;
    font-family: 'Gibson-Regular';
    vertical-align: middle;
}

.reload-icon {
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    height: 26px;
    width: 26px;
    text-align: center;
    background: #858585;
    padding: 3px 6px;
}

.reload-icon img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.unavailable {
    color: #d65354;
    margin: 0 20px 0 5px;
    font-size: 16px;
    vertical-align: middle;
}

.errorTr {
    box-shadow: 10px 0px 0px 0px #d65354 inset;
    -webkit-box-shadow: 10px 0px 0px 0px #d65354 inset;
    -ms-box-shadow: 10px 0px 0px 0px #d65354 inset;
    -moz-box-shadow: 10px 0px 0px 0px #d65354 inset;
    -o-box-shadow: 10px 0px 0px 0px #d65354 inset;
}

.addItem {
    padding: 15px 0;
    border-top: 1px solid #cccccc;
}

.orDivider {
    border-top: 1px solid #cccccc;
    text-align: center;
    margin-top: 0;
}

.orDivider span {
    display: inline-block;
    padding: 0 15px;
    background: #ffffff;
    font-size: 16px;
    top: -10px;
    position: relative;
}

.viewquote .down-arrow,
.viewquote .up-arrow {
    background-size: 25px;
}

.requestSummary .sectionheading {
    margin: 0;
}

.uploadpdfDoc {
    text-align: center;
}

.smallBanner {
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bigBanner {
    height: 550px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.stepSec .yardTileContent {
    padding: 20px;
    position: relative;
    text-align: center;
}

.stepSec .yardTileDescription p {
    font-size: 18px;
}

.stepSec .yardTileDescription {
    height: inherit;
}

.stepSec h4 {
    color: #434345;
    margin-bottom: 20px;
}

.stepSec .yardTileImg {
    height: 200px;
    line-height: inherit;
    margin-bottom: 5px;
}

.tileNo {
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 34px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    background: #8dc63f;
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: auto;
    right: auto;
    margin: -20px 0 0 -16px;
}

.stepTabinner {
    display: none;
}

.stepTabinner.active {
    display: block;
}

.stepItem {
    margin-right: -10px;
}

.stepTab .stepItem {
    display: none;
}

.stepItem ul li a.active {
    box-shadow: 10px 0px 0px #008542 inset;
    -webkit-box-shadow: 10px 0px 0px #008542 inset;
    -ms-box-shadow: 10px 0px 0px #008542 inset;
    -moz-box-shadow: 10px 0px 0px #008542 inset;
    -o-box-shadow: 10px 0px 0px #008542 inset;
    color: #008542;
    background: #f5f5f5;
    border-right-color: #f5f5f5;
}

.stepItem ul li:last-child a.active {
    border-bottom-color: #f5f5f5;
}

.stepItem ul li:first-child a.active {
    border-top-color: #f5f5f5;
}

.stepItem ul li a.active::after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.tipsSec {
    background: #ffffff;
    padding-left: 50px;
    padding-right: 50px;
}

.col-2-sec ul {
    overflow: hidden;
}

.col-2-sec ul li {
    float: left;
    width: 50%;
    padding-right: 30px;
    line-height: 30px;
}

.col-2-sec ul li::after {
    top: 12px;
}

.besicTab {
    margin: 30px 0;
}

.besicTabHeader {
    background: #f5f5f5;
    padding: 25px 25px;
    cursor: pointer;
}

.besicTabHeader h5 {
    color: #424242;
    margin: 0;
    display: inline-block;
}

.besicTabHeader span {
    float: right;
    width: 20px;
}

.besicTabBody {
    padding: 25px;
    background: #f9f9f9;
}

.besicTabBody p {
    font-size: 16px;
}

.besicTabBody {
    display: none;
}

.productTitle,
.productDescription {
    padding: 10px 30px;
}

.customlightbox hr {
    margin: 15px 30px;
}

.productImg {
    margin-bottom: 30px;
}

.lightBoxproductdetails {
    padding: 20px 50px;
}

.customlightbox {
    /* display: none; */
    /* overflow: hidden; */
    /* visibility: hidden; */
    width: 600px;
    background: transparent;
    margin-left: 80px;
    margin-right: 80px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.fancybox-slide.fancybox-slide--inline.fancybox-slide--current.fancybox-slide--complete .customlightbox {
    opacity: 1;
    position: relative;
    pointer-events: inherit;
}

.lightBoxInner {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}

.productTitle h3 {
    margin-bottom: 0;
    text-align: left;
}

.lightBoxInnerPart-1,
.lightBoxInnerPart-2 {
    padding: 30px 0 20px;
}

.lightBoxInnerPart-1 {
    padding-top: 0;
}

.lightBoxproductdetailsDescrip h3 {
    text-align: left;
    margin-bottom: 10px;
}

.customlightbox .lightBoxproductdetailsDescrip p {
    margin-bottom: 15px;
}

.lightBoxproductdetailsDescrip {
    padding: 30px;
}

.lightBoxproductdetailsImg {
    background: #ffffff;
    /* background: #f5f5f5; */
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
}

.lightBoxproductdetailsImg img {
    max-width: 100%;
    margin: 0 auto;
}

.customlightbox h5 {
    color: #424242;
    margin-bottom: 15px;
}

.customlightbox p {
    font-size: 18px;
    margin: 0;
    line-height: 26px;
}

.searchOuter {
    display: inline-block;
}

.mobileSearchIcon {
    display: none;
}

.mobilehamburger {
    display: none;
}

.menu-arw {
    background: url('../images/chevrongreen.svg') no-repeat center;
    height: 14px;
    width: 13px;
    background-size: 100%;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}



@media (min-width: 768px) {

    .sub-menu {
        position: absolute;
        background: #ffffff;
        width: 600px;
        border-bottom: 4px solid #008c3a;
        top: 130%;
        left: 0;
        visibility: hidden;
        opacity: 0;
        transition: all ease-in-out 400ms;
        -webkit-transition: all ease-in-out 400ms;
        -ms-transition: all ease-in-out 400ms;
        -moz-transition: all ease-in-out 400ms;
        -o-transition: all ease-in-out 400ms;
        z-index: 9;
    }
    .header-nav-inner>ul>li:hover>.sub-menu {
        visibility: visible;
        top: 100%;
        opacity: 1;
    }
    .header-nav-inner>ul>li:hover>a .menu-arw {
        transform: rotate(180deg);
    }
    .headerNav .sub-menu li {
        display: inline-block;
        width: 50%;
    }
    .headerNav .sub-menu li::after {
        left: 20px !important;
        right: 20px !important;
        width: auto !important;
    }
    .headerNav .sub-menu li a {
        padding: 15px 20px;
        text-align: left;
        display: block;
        font-size: 16px;
    }
    .mobile-only-menu {
        display: none;
    }
    .nav-contact {
        display: none;
    }
    .sliderNumber {
        display: none;
    }
}

.afterLoginCartandUser {
    display: none;
}

.mobile-show {
    display: none;
    margin-top: 30px;
}

.desktop-hide {
    display: none;
}

.postCode span {
    display: none;
    font-size: 12px;
    font-family: 'Gibson-SemiBold';
    margin-bottom: 10px;
}

.yardTileTitle {
    min-height: 90px;
}

span.select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    border: 1px solid #008c3a;
    position: relative;
}

.select2-container--default .select2-selection--single::after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    z-index: 1;
    background: url('../images/chevrongreen.svg') no-repeat center;
    height: 40px;
    width: 50px;
    background-size: 20px;
    pointer-events: none;
}

.select2.select2-container.select2-container--default.select2-container--below.select2-container--open.select2-container--focus {
    background: #008c3a;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.select2-container--open .select2-selection__rendered {
    color: #ffffff !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #008c3a;
}

.select2-container .select2-selection--single {
    height: inherit;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 6px 15px;
    padding-right: 40px;
}

.select2-results__option::before,
.select2-results__option::after {
    content: none;
}

.select2-results__option {
    background: #ffffff !important;
    color: #008c3a !important;
    font-size: 16px;
    padding: 10px 15px;
}

.select2-dropdown {
    margin-top: -1px;
    border: 1px solid transparent;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    overflow: hidden;
    box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
}

.select2-container--open .select2-selection--single::after {
    background: url('../images/chevron-small-up.svg') no-repeat center;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #000000 !important;
}

.only-mobile-show {
    display: none !important;
}

.tab-show {
    display: none !important;
}

.compareSec .slick-arrow {
    top: 50%;
}

.compareTileTd .compareTile .compareListTd:first-child {
    display: none;
}

.grassGallerySlider .slick-arrow {
    top: 50%;
    background: #ffffff url('../images/chevrongreen.svg') no-repeat center;
    background-size: 20px;
}

.grassGallerySlider .slick-prev.slick-arrow {
    left: -60px;
}

.grassGallerySlider .slick-next.slick-arrow {
    right: -60px;
}

.grassGallerySlider .slick-dots {
    top: auto;
    bottom: 100%;
    padding: 10px;
}

.grassGallerySlider .slick-dots li.slick-active button {
    background: #ffffff;
}

.lawnCareProductsSlider {
    padding-bottom: 30px;
}

.lawnCareProductsSlider .slick-slide {
    margin: 0 30px;
    margin-bottom: 15px;
}

.lawnCareProductsSlider .slick-list {
    margin: 0 -30px;
}

.lawnCareProductsSlider .slick-arrow {
    top: 50%;
}

.videoBox {
    background-size: cover;
    background-repeat: no-repeat;
}

.categoryListing .yardTile {
    /* margin-bottom: 30px; */
    height: 100%;
}

.categoryListing .row {
    margin-left: -15px;
    margin-right: -15px;
}

.categoryListing .column-6,
.categoryListing .column-8,
.categoryListing .column-4 {
    padding-left: 15px;
    padding-right: 15px;
}

.categoryListing .yardTileTitle {
    min-height: inherit;
}

.ajaxLoader img {
    width: 200px;
}

.searchList {
    margin-bottom: 40px;
}

.searchList h3 {
    text-align: left;
    margin-bottom: 5px;
}

.productBoxItem {
    box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 7px 8px 7px 1px rgba(0, 0, 0, 0.04);
    background: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    display: table;
    width: 100%;
    margin: 30px 0;
}

.productBoxItem>div {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 10px;
}

.productBoxItemImg {
    width: 160px;
}

.productBoxItemImg img {
    width: 100%;
}

.productBoxItemInfo h3 {
    font-size: 18px;
    margin: 0;
    color: #424242;
    text-align: left;
}

.search-result .defaultContent {
    padding-right: 100px;
}

.searchinputbox {
    width: 350px;
    margin: 40px auto;
    display: block;
}

.getQuoteTxt h4 {
    color: #858585;
    font-size: 30px;
    font-family: 'Gibson-Regular';
    margin-bottom: 10px;
}

.productBox h2 {
    text-align: left;
}

.categoryListingSingle {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.categoryListingSingle .yardTileImg {
    display: table-cell;
    width: 50%;
    padding-right: 15px;
    vertical-align: middle;
    background-size: cover;
    border-right: 15px solid #fff;
}

.categoryListingSingle .yardTileContent {
    display: table-cell;
    text-align: left;
    padding: 0 20px;
    vertical-align: middle;
}

.yardTileContent h5 {
    font-size: 15px;
    color: #008c3a;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.categoryListingSingle .yardTileContent h3 {
    text-align: left;
    margin-bottom: 15px;
}

.superCategoryListing .yardTileContent,
.superCategoryListing .yardTileContent h3 {
    text-align: left;
}

.searchList h5 {
    display: none;
}


/* *************** Footer start ************************* */

.footer {
    text-align: center;
}

.footerTop {
    padding: 55px 0 35px;
    background: #008542;
}

.footerLogo {
    float: left;
    margin: 8px 0 0 0;
}

.footerPhone {
    font-size: 24px;
    color: white;
    padding-bottom: 24px;
}

.footerPhone a:not(.btn) {
    margin-left: 10px;
}

.contactWithUs {
    float: right;
    text-align: left;
}

.contactWithUs p {
    color: #fff;
    margin: 0 0 10px 0;
}

.contactWithUs img {
    height: 22px;
}

.contactWithUs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contactWithUs ul li {
    display: inline-block;
    padding: 0 4px;
}

.contactWithUs ul li::after {
    content: none;
}

.footerNav {
    display: inline-block;
    margin: 20px 0 0 0;
}

.footerNav li {
    display: inline-block;
    padding: 0 25px;
    vertical-align: middle;
}

.footerNav li::after {
    content: none;
}

.footerNav ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
}

.footerNav ul ul {
    display: none;
}

.footerCopyRight {
    padding: 10px;
    text-align: center;
    background: #ffffff;
}

.footerCopyRight p {
    color: #424242;
    font-size: 12px;
    margin: 0;
}


/* *************** Footer end ************************* */




/* *************** GOLF PAGE ************************* */
.golf-page .header-para p{
    padding: 0 135px;
    text-align: center;
    margin-bottom: 50px;
}
.golf-page .page-section.midsecwithstom{
    padding: 2rem 0;
}
.g-grey-bg{
    background: #f3f5f7;
    padding: 4rem 0;
}
.new-landings.golf-page .dark-text h2{
    color: #3c4748 !important;
    margin-bottom: 0px;
}
.golf-page .grassQuote.norad{
    border-radius: 0px;
    background: #009153;
    color: #fff;
    position: relative;
}
.midcontentholder{
    padding: 0 30px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.new-landings.golf-page .midcontentholder h2{
    font-size: 36px;
    color: #fff !important;
    line-height: 43px;
    padding: 0px;
    margin-bottom: 30px;
}
.new-landings.golf-page .midcontentholder p{
    color: #fff;
    padding: 0 30px;
    font-size: 18px;
}
.new-landings.golf-page .midcontentholder .btn{
    color: #fff;
    border-color: #fff;
}
.golf-page .img-golf-logo{
    margin-bottom: 40px;
}
.dancing-section{
    padding: 130px 0;
}
.dancing-section h3{
    text-align: left;
}
.dancing-section .g-aside{
    background: #f3f6f6;
    padding: 30px 40px;
}
.dancing-section .g-aside p{
    text-align: left !important;
}
.dancing-section .g-aside p:first-child{
    text-align: center !important;
}
.dancing-section .left-sec{
    padding-right: 80px;
}
.dancing-section p{
    font-size: 18px;
    line-height: 26px
}
.got-question p{
    font-size: 18px;
}
.got-question i{
    font-size: 70px;
    color: #434345;
    margin-bottom: 20px;
}
.got-question a{
    text-decoration: none;
}
.got-question p a{
    text-decoration: none;
    color: #434345;
}
.got-question span {
    display: block;
    padding-top: 20px;
}
.g-testi-item,
.g-testi-body{
    max-width: 100%;
    height: 30vw;
}
/*.g-testi-body:after,
.g-testi-body:before{
    content: '';
    display: block;
    clear: both;
}*/
.g-testi-body{
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}
.g-testi-body .left{
    width: 40%;
    /*float: left;*/
}
.g-testi-body .right{
    width: 60%;
    padding: 30px 45px;
    /*float: right;*/
    position: relative;
}
.g-testi-body .right div{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85%;
    transform: translate(-50%, -50%);
}
.g-testi-body img{
    border-radius: 13px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0px;
    width: 100%;
}
.testimonial-slider .slick-prev.slick-arrow,
.testimonial-slider .slick-next.slick-arrow{
    top: 45%;
}
.testimonial-slider  .slick-list {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.g-testi-body h3{
    text-align: left;
    line-height: 40px;
    margin: 0 0 35px;
}
.g-testi-body p{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
}
.golf-page .header-img-banner img{
    width: 100%;
}





/* *************** GOLF PAGE ************************* */



/* ***********************************************
                19/12/2017 - style fixing
*********************************************** */

.compareTileLogo img {
    height: 50px;
    margin: 0 auto;
}

.entry-header {
    margin: 30px 0;
}

.entry-content h2,
.entry-content h3 {
    text-align: left;
}

.entry-content ul li a {
    text-decoration: none;
    color: #424242;
}


/* ***********************************************
                Site CSS end
*********************************************** */


/* ***********************************************
                WP issue fix start
*********************************************** */

.tileSingle .yardTileImg img {
    margin-top: -25%;
}

.grassQuoteBox .column.column-4.mobile-hide .grassQuote {
    position: relative;
}

.grassQuoteBox .column.column-4.mobile-hide .tileImg {
    line-height: 0;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.categoryListing .column {
    margin-bottom: 30px;
}

.entry-content .sectionheading h2 {
    text-align: center;
}

.defaultContent img {
    max-width: 100%;
    height: auto;
}

.videoBox iframe {
    width: 100%;
    height: 100%;
}

.stepSec .yardTileDescription {
    line-height: 28px;
}

.defaultContent {
    margin-bottom: 30px;
}

.grassQuoteSingleListing .icon {
    width: 45px;
    background-size: 128px;
    height: 43px;
}

.grassQuoteSingleListing .grassLogo object {
    height: 70px;
    width: auto;
}

.searchOuter .awesomplete {
    display: block;
}

.entry-content input:focus::-webkit-input-placeholder {
    color: transparent;
}

.entry-content input:focus:-moz-placeholder {
    color: transparent;
}

.entry-content input:focus placeholder {
    color: transparent;
}

.stepSec .yardTile:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    cursor: default;
}

.yardTileDescription a {
    text-decoration: none;
    color: #008542;
}

.productImg img {
    width: 100%;
}

.footerNav .sub-menu {
    width: auto;
}

.compareListTd img {
    display: inline-block;
    margin: 0 2px;
}

.header-nav-inner>ul>li.has-submenu a {
    pointer-events: none;
}

.header-nav-inner>ul>li.has-submenu.submenuShow a {
    pointer-events: inherit;
}

.whitebgoverrideadpadd {
	padding:0 0 50px !important;
}

@media(max-width:1199px) {
    .headerNav ul li.active::after,
    .headerNav ul li.current-menu-item::after {
        left: 20px;
        right: 20px;
    }
}

@media(max-width:1024px) {
    .headerNav ul li.active::after,
    .headerNav ul li.current-menu-item::after {
        left: 6px;
        right: 6px;
    }
}

@media(min-width:1025px) {
    .stick-to-top-on-scroll {
        position: relative;
    }
    .stickyInner {
        width: 367px;
    }
    .stickyInner.fixed {
        position: fixed;
        top: 0;
    }
}

@media(min-width:768px) {
    .stepTabinner {
        padding: 10px 0;
    }
}

@media (max-width: 767px) {
    .headerNav ul li.active::after,
    .headerNav ul li.current-menu-item::after {
        left: 0;
        right: 0;
        bottom: 0;
    }
    .filterCheckbox .customCheckbox {
        margin-top: -1px;
    }

    .grassCategory .btn {
        width: 300px;
        margin: 0 auto 1rem;
    }

    .grassCategory .btn:first-of-type {
        margin-top: 1rem;
    }

    .grassCategory .column {
        width: 100%;
    }
}

.logo a,
.footerLogo a {
    position: relative;
    display: inline-block;
}

.logo a:after,
.footerLogo a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.yardTile.latest-articles {
    padding-bottom: 0;
}

@media (max-width: 640px) {
    .localRetailersTableTr .localRetailersTableTrTd {
        display: none;
    }
    .localRetailersTableTr .localRetailersTableTrTd:first-child {
        display: block;
        text-align: left;
        color: #424242;
        font-size: 18px;
    }
    .localRetailersTableTr .localRetailersTableTrTd:first-child strong {
        font-family: 'Gibson-Regular';
    }
    .localRetailersTableTr .localRetailersTableTrTd:nth-child(2) {
        margin-top: 30px;
    }
    .localRetailersTableTr .localRetailersTableTrTd:first-child.active-tile {
        background: #008c3a;
        color: #fff;
    }
    .localRetailersTableTrTdToggle .quoteIcons ul {
        margin-bottom: 0;
    }
    .yardTileSec.gray.yardTileSecPad {
        background: #fff !important;
    }
    .tipsSec {
        background: #fff !important;
    }
    .tileSingle .yardTileSec .btn {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .tileSingle .yardTileContent {
        padding: 30px 20px 20px;
    }
    .qualityGuaranteed.green {
        background: #f2f2f2;
    }
    .qualityGuaranteed.green h2,
    .qualityGuaranteed.green p {
        color: #008542;
    }
    .qualityGuaranteed.green .btn-outline {
        background: none;
        border-color: #008542;
        color: #008542;
    }
    .compareSec .slick-dots {
        top: -65px;
    }
    .compareSec {
        margin-top: 60px;
    }
    .footerNav li:last-child>a {
        margin-bottom: 10px;
    }
}


@media (max-width: 640px) {
    .superCategoryListing .yardTileContent h5 a {
        position: static;
        transform: translate(0);
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        float: none;
    }
    .superCategoryListing .latest-articles .yardTileTitle h3 a {
        transform: translate(0);
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -moz-transform: translate(0);
        -o-transform: translate(0);
        position: static;
        display: block;
        float: none;
        width: 100%;
    }
    .superCategoryListing .categoryListing .yardTileTitle {
        padding: 10px;
    }
    .superCategoryListing .latest-articles .yardTileImg {
        margin-right: 20px;
    }
	
}


/* ***********************************************
                WP issue fix end
*********************************************** */


/* ***********************************************
                RESPONSIVE START
*********************************************** */

@media(min-width: 641px) {
    .grassQuoteNarrow .grassTitle {
        display: none;
    }
    .lawnStoreSec.white {
        background: transparent !important;
    }
	div.newsletterWidget form {
		max-width:550px !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}
}

@media(max-width: 980px) {
    .green-bg .grassContent {
        padding: 2rem;
    }
}

@media (max-width: 1199px) {
    .wrapper {
        max-width: 980px;
    }
    h2 {
        font-size: 34px;
    }
    .grassQuoteBox .column-4 {
        width: 50%;
        min-width: 50%;
    }
    .yardTileContent {
        text-align: center;
        padding: 30px 20px 50px;
    }
    .home-yardTileSec .yardTileContent {
        padding-bottom: 0;
    }
    .home-yardTileSec .yardTileBtn {
        padding: 0 20px 50px;
    }
    .headerNav {
        width: 800px;
    }
    .headerNav ul li a {
        padding: 20px 20px;
    }
    .footerTop {
        padding: 40px 0;
    }
    .slick-dots {
        top: 455px;
    }
    .slick-arrow {
        top: 200px;
    }
    .grassBtns {
        padding: 0 10px;
    }
    .compareTileInfo {
        padding: 0 5px;
    }
    .compareListTd {
        font-size: 15px;
    }
    .btn-inline {
        padding: 15px 30px;
    }
    .productBannerInfo h4 {
        font-size: 28px;
        line-height: 30px;
    }
    .offerPrice {
        font-size: 70px;
    }
    .offerPrice span {
        font-size: 44px;
    }
    .originalPrice span {
        font-size: 16px;
    }
    .originalPrice {
        font-size: 40px;
    }
    .originalPrice::after {
        height: 4px;
        margin-bottom: -8px;
    }
    .btn {
        font-size: 16px;
    }
    .productInfoTxt {
        height: 150px;
    }
    .xs-wrapper {
        max-width: 660px;
    }
    .small-wrapper {
        max-width: 750px;
    }
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px;
    }
    .wrapper {
        max-width: 750px;
    }
    .logo {
        padding: 10px 0;
    }
    .headerNav {
        width: 585px;
        padding-right: 20px;
    }
    .headerNav ul li a {
        padding: 20px 6px;
        font-size: 16px;
    }
    .headerSearch {
        padding: 23px 0px 15px;
    }
    .headerSearch img {
        width: 15px;
    }
    .filterCheckbox .customCheckbox {
        padding: 0 20px;
        max-width: 130px;
    }
    .getQuoteImg,
    .qualityGuaranteedImg {
        height: 300px;
        background-attachment: scroll;
    }
    .yardTileImg {
        height: 175px;
    }
    .sortBy .wrapper {
        max-width: 750px;
    }
    .grassQuoteBox .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .grassQuoteBox .column {
        padding: 0 15px;
    }
    .grassQuoteBox .column-4 {
        margin-bottom: 30px;
    }
    .grassQuoteBox {
        padding: 40px 0 0;
    }
    .grassOptionsInfo p span {
        font-size: 14px;
    }
    .section-padding-50 {
        padding: 30px 0;
    }
    .section-padding-60 {
        padding: 40px 0;
    }
    .layingTurfSlider {
        max-width: 700px;
        margin: 0 auto;
    }
    .yardTileSec .column {
        padding: 0;
        width: 100%;
        margin: 15px auto;
    }
    .yardTileDescription {
        height: auto;
    }
    .yardTileImg {
        height: auto;
        line-height: inherit;
    }
    .footerTop {
        padding: 25px 0;
    }
    .footerNav ul li a {
        font-size: 14px;
    }
    .slick-dots {
        top: 335px;
    }
    .slick-arrow {
        top: 150px;
    }
    .sub-menu {
        width: 455px;
    }
    .headerNav .sub-menu li a {
        padding: 15px 10px;
        font-size: 14px;
    }
    .latest-articles-sec .column {
        width: 100%;
    }
    /* .latest-articles-sec p {
        text-align: center;
    } */
    .productListingBox .column-9 {
        width: 65%;
        min-width: 65%;
    }
    .productListingBox .column-9 .column-4 {
        width: 50%;
        min-width: 50%;
    }
    .productListingBox .column-3 {
        width: 35%;
        min-width: 35%;
    }
    .medium-desktop-hide {
        display: none;
    }
    .desktop-hide {
        display: block;
    }
    .yardTileSecPad .yardTileImg img {
        max-width: inherit;
        height: auto;
        width: 100%;
    }
    .yardTileSecPad .row {
        padding: 0 10px;
    }
    .localRetailersTableTrTd:nth-child(2) {
        width: auto;
    }
    .yardTileSec .defaultContent .column {
        padding: 0;
        width: 100%;
        margin: 15px auto;
    }
    .grassQuoteSingleListing .grassOptions {
        margin: 0;
    }
    .padding-right-30 {
        padding-right: 0;
    }
    .compareSec .column-4 {
        margin-bottom: 30px;
    }
    .compareSec .column-4,
    .compareSec .column-8 {
        width: 100%;
        min-width: 100%;
    }
    .grassGallerySec .column-8,
    .grassGallerySec .column-4 {
        width: 100%;
        min-width: 100%;
    }
    .productImg {
        margin-bottom: 15px;
    }
    .stepSec .yardTileImg {
        height: 120px;
    }
    .stepSec .yardTileDescription p {
        font-size: 15px;
        line-height: 22px;
    }
    .stepSec .yardTileContent {
        padding: 20px 0;
    }
    .articleList ul li a {
        font-size: 16px;
        line-height: 24px;
    }
    .col-2-sec {
        padding: 0 20px;
    }
    .lawnCareProductsSlider .slick-slide {
        margin: 0 10px;
        margin-bottom: 15px;
    }
    .lawnCareProductsSlider .slick-list {
        margin: 0 -10px;
    }
    .lawnCareProductsSlider .grassContent {
        padding: 10px 10px 30px;
    }
    .grassInfo p,
    .grassInfo h5 {
        font-size: 16px;
        line-height: 22px;
    }
    .grassInfo p strong,
    .grassInfo p b {
        font-size: 16px;
    }
    .videoBox {
        margin-bottom: 0;
    }
    .categoryListing .column-6 {
        width: 100%;
        min-width: 100%;
    }
    .grassGallery {
        margin-bottom: 30px;
    }
    .productBoxItemImg {
        width: 95px;
    }
    .search-result .defaultContent {
        padding-right: 0;
    }
    .defaultContent p {
        font-size: 16px;
        margin-bottom: 25px;
        line-height: 26px;
    }
    .searchList h3 {
        margin-bottom: 10px;
    }
    .searchList {
        margin-bottom: 20px;
    }
    .productBannerInfo h4 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .offerPrice {
        font-size: 50px;
    }
    .offerPrice span {
        font-size: 28px;
    }
    .originalPrice {
        font-size: 30px;
    }
    .originalPrice span {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .bannerSec.mobileBanner {
        display: block;
    }
    .bannerSec.desktopBanner {
        display: none;
    }
    .bannerTxt h2 {
        letter-spacing: 2px;
    }
    .bannerTxt {
        padding: 30px 0;
    }
    .postCode label {
        display: block;
        margin-bottom: 20px;
    }
    .mobileSearchIcon {
        background: #858585;
        display: block;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        width: 54px;
        height: 54px;
        padding: 14px 13px 10px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        cursor: pointer;
    }
    .mobileSearchIcon img {
        max-width: 24px;
    }
    .searchOuter {
        position: relative;
        display: block;
    }
    .filterCheckbox {
        background: #f5f5f5;
    }
    .filterCheckbox .customCheckbox {
        max-width: inherit;
        display: block;
        padding: 15px;
        border-top: 1px solid #c0c0c0;
    }
    /* .filterCheckbox .customCheckbox:last-child {
        border-bottom: 1px solid #c0c0c0;
    } */
    .filterCheckbox .customCheckbox input+label {
        color: #424242;
        margin: 0;
        padding: 0 0 0 40px;
        text-align: left;
    }
    .filterCheckbox .customCheckbox input+label::before {
        border-color: #c0c0c0;
        background: #ffffff;
        left: 0;
        top: -3px;
        right: auto;
    }
    .filterCheckbox .customCheckbox input:checked+label::before {
        border-color: #8dc63f;
        background: #8dc63f;
    }
    .filterCheckbox .wrapper {
        padding: 0;
    }
    .filterArea label {
        color: #424242;
        text-align: left;
        padding: 0 15px;
    }
    .filterCheckbox.section-padding-60 {
        padding: 10px 0 0 0;
    }
    .grassQuoteBox .row {
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
    }
    .grassTitle {
        font-size: 16px;
    }
    .layingTurfSlider {
        max-width: 560px;
    }
    .footerNav li {
        padding: 0 15px
    }
    .slick-dots {
        top: 265px;
    }
    .slick-arrow {
        top: 110px;
    }
    .mobileSearchIcon {
        display: none;
    }
    .sliderNumber {
        display: none;
    }
    .grassTitle span {
        display: none;
    }
    .headerNav {
        min-height: 56px;
    }
    .header-nav-inner {
        position: fixed;
        background: #ffffff;
        right: -120%;
        left: auto;
        bottom: 0;
        top: 64px;
        overflow: auto;
        z-index: 999;
        padding-bottom: 100px;
        width: 100%;
        opacity: 0;
        transition: all ease-in-out 500ms;
        -webkit-transition: all ease-in-out 500ms;
        -ms-transition: all ease-in-out 500ms;
        -moz-transition: all ease-in-out 500ms;
        -o-transition: all ease-in-out 500ms;
    }
    .menu-show.search-open .header-nav-inner {
        top: 120px;
    }
    .header-nav-inner.show-menu {
        transition: all ease-in-out 500ms;
        -webkit-transition: all ease-in-out 500ms;
        -ms-transition: all ease-in-out 500ms;
        -moz-transition: all ease-in-out 500ms;
        -o-transition: all ease-in-out 500ms;
        right: 0;
        opacity: 1;
    }
    .header-nav-inner>ul>li {
        display: block;
        text-align: left;
        border-bottom: 2px solid #f1f1f1;
    }
    .header-nav-inner>ul>li>a {
        padding: 20px;
        color: #424242;
        font-family: 'Gibson-SemiBold';
    }
    .mobilehamburger {
        display: block;
        position: absolute;
        right: 0;
        padding: 23px 0 17px;
        cursor: pointer;
    }
    .headerSearch {
        right: 30px;
    }
    .headerNav .sub-menu {
        background: #f5f5f5;
        width: 100%;
        padding: 0 25px;
        display: none;
    }
    .headerNav .sub-menu li {
        display: block;
    }
    .headerNav .sub-menu li a {
        color: #000000;
        border-bottom: 1px solid #c0c0c0;
        font-size: 16px;
        padding: 20px 0;
    }
    .headerNav .sub-menu li:last-child a {
        border-bottom: none;
    }
    ul.mobile-only-menu {
        padding: 10px 0;
    }
    ul.mobile-only-menu li {
        border: none;
    }
    ul.mobile-only-menu li a {
        font-size: 12px;
        padding: 12px 20px;
    }
    ul.mobile-only-menu li:hover a {
        background: transparent;
    }
    .nav-contact {
        background: #008c3a;
        display: table;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }
    .nav-contact>div {
        display: table-cell;
        vertical-align: middle;
        padding: 20px 20px;
    }
    .call-to {
        width: 30%;
        text-align: center;
        background: #8dc63f;
    }
    .call-to p {
        color: #ffffff;
        margin: 5px 0 0 0;
    }
    .nav-contact .contactWithUs ul li {
        padding: 0 10px;
    }
    .nav-contact .contactWithUs p {
        margin: 0;
    }
    .nav-contact .contactWithUs ul li:hover {
        background: transparent;
    }
    .nav-contact .contactWithUs img {
        height: 30px;
    }
    .nav-contact .contactWithUs {
        float: none;
        text-align: center;
    }
    .nav-contact .contactWithUs ul li a {
        padding: 0 10px 5px 10px;
    }
    .nav-contact .contactWithUs ul li:hover a {
        background: transparent;
    }
    .searchBox {
        z-index: 9999;
    }
    /* body.menu-show {
        overflow: hidden;
    } */
    .headerNav {
        width: 70%;
    }
    .afterLoginCartandUser {
        right: 0;
        top: 0;
        border-left: 2px solid #424242;
        padding: 0px 20px;
        bottom: 0;
        display: inline-block;
    }
    .afterLoginCartandUser a.cartIcon {
        padding: 0 !important;
        margin: 0;
        display: inline-block !important;
    }
    .cart-item {
        font-size: 10px;
        position: absolute;
        background: #008c3a;
        height: 16px;
        width: 16px;
        color: #fff;
        text-align: center;
        line-height: 16px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        margin: -3px 22px;
    }
    .mobilehamburger .close {
        display: block;
    }
    .mobilehamburger .open {
        display: none;
    }
    .mobilehamburger.open-menu .close {
        display: none;
    }
    .mobilehamburger.open-menu .open {
        display: block;
    }
    .grassOptions .column-6 {
        width: 50%;
        min-width: 50%;
    }
    .productListing .row {
        -webkit-display: -webkit-box;
        -webkit-display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
    }
    .productListingBox .column-9 {
        width: 100%;
        min-width: 100%;
    }
    .productListingBox .column-3 {
        width: 100%;
        min-width: 100%;
    }
    .yardTileTitle {
        min-height: inherit;
    }
    .header-nav-inner>ul>li.mobile-cart>a {
        display: inline-block;
    }
    .localRetailersTableTrTd {
        font-size: 16px;
        line-height: 22px;
    }
    .defaultContent figure figcaption {
        padding: 20px 25px;
        font-size: 16px;
    }
    .compareSec {
        padding: 0 15px;
    }
    .btn {
        font-size: 16px;
    }
    .padding-right-30 {
        padding-right: 0 !important;
    }
    img {
        max-width: 100%;
    }
    .lightBoxproductdetailsDescrip {
        text-align: center;
    }
    .lightBoxproductdetailsDescrip h3 {
        text-align: center;
    }
    .tileSingle .column {
        width: 100%;
    }
    .small-desktop-hide {
        display: none;
    }
    .stepSec .yardTileImg {
        height: 180px;
    }
    .stepTab .stepItem {
        display: block;
    }
    .grassGallery {
        margin-bottom: 20px;
    }
    .customlightbox {
        width: 450px;
    }
    .lawnCareProductsSlider {
        padding: 0 20px;
    }
    .stepTab {
        margin-top: 30px;
    }
    .stepItem {
        margin-right: 0;
        background: #ffffff;
    }
    .stepItem a {
        font-size: 18px;
        background: #ffffff;
        color: #424242;
        box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -webkit-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -ms-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -moz-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -o-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        text-align: left;
        cursor: pointer;
        padding: 25px 20px;
        padding-right: 50px;
        position: relative;
        display: block;
        text-decoration: none;
    }
    .stepItemArrow {
        position: absolute;
        cursor: pointer;
        top: 50%;
        right: 20px;
        margin-top: -9px;
        background: url('../images/chevron-small.svg') no-repeat center;
        width: 20px;
        height: 20px;
        display: inline-block;
    }
    .stepItem a.active {
        background: #008542;
        color: #fff;
    }
    .stepItem a.active .stepItemArrow {
        background: url('../images/chevron.svg') no-repeat center;
        background-size: 20px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .stepSec .column.column-8.gray {
        background: #fff !important;
    }
    .relatedSec .btn {
        margin-top: 30px;
    }
    .stepSec .yardTileDescription {
        padding-bottom: 0;
    }
    .stepSec .wrapper {
        padding: 0;
    }
    .stepSec .yardTileContent {
        padding: 20px 20px;
    }
    .stepSec .sectionheading {
        padding: 0 15px;
    }
    .col-2-sec ul li {
        width: 100%;
        float: left;
        line-height: 20px;
    }
    .tipsSec {
        background: #f5f5f5;
    }
    .sidebarMobile {
        padding: 30px 0;
    }
    .categoryListing .mobile-show {
        margin-bottom: 30px;
    }
    .articleList>p {
        font-size: 24px;
        text-align: center !important;
        margin: 30px 0 30px;
        color: #008542;
        font-family: 'Gibson-SemiBold';
    }
    .productBoxItemImg {
        width: 200px;
    }
    .producBanner {
        display: none;
    }
    .topGrayHeader .column-6 {
        width: 50%;
        min-width: 50%;
        float: left;
    }
    .inner-banner .productSearch {
        margin: 30px auto;
    }
    .tab-show {
        display: block !important;
    }
    .inner-banner .customCheckbox {
        margin: 20px 10px;
    }
    .tab-hide {
        display: none;
    }
    .besicTabHeader {
        padding: 15px;
    }
    .besicTabHeader h5 {
        font-size: 16px;
    }
    .besicTabBody p {
        font-size: 14px;
        line-height: 22px;
    }
    .besicTabBody {
        padding: 15px;
    }
    .quantityBox {
        display: block;
        margin-right: 50px;
    }
    .t-tipSec {
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -4px;
    }
    .toolTipMsg {
        left: auto;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        right: -15px;
    }
    .toolTipMsg::after {
        left: auto;
        right: 21px;
    }
    .tabHeaderItem {
        width: 50%;
    }
    .tabHeaderItem h4 {
        font-size: 16px;
    }
    .tabArea .down-arrow {
        width: 16px;
    }
    .turfDeliveredSec .text-center,
    .youNeedSec .text-center {
        text-align: left;
    }
    .youNeedSec .column-6 {
        float: left;
        width: 50%;
        min-width: 50%;
    }
    .youNeedSec .t-tipSec {
        margin-top: -10px;
    }
    .bigBanner {
        height: 350px;
    }
}

@media (max-width: 750px) {
    .grassOptions .column-6 {
        width: 100%;
        min-width: 100%;
    }
}

@media (max-width: 640px) {

    /* Style fixes 14/01/19 */
    .awesomplete [hidden] {
        height: 0;
    }

    .awesomplete > ul {
        position: relative !important;
    }

    .searchOuter {
        border-radius: 0 !important;
    }

    .mobileSearchIcon {
        display: none !important;
    }

    body {
        font-size: 16px;
    }
    li {
        font-size: 16px;
    }
    h1 {
        font-size: 36px;
        line-height: 46px;
    }
    h2 {
        font-size: 30px;
        line-height: 40px;
    }
    h3 {
        font-size: 24px;
    }
    .mobileSearchIcon {
        display: inline-block;
    }
    .sliderNumber {
        display: inline-block;
    }
    .grassTitle span {
        display: inline-block;
    }
    .section-padding-50 {
        padding: 30px 0;
    }
    /* .section-padding-30 {
        padding: 20px 0;
    } */
    .postCode input {
        width: 100%;
        margin: 0;
    }
    .bannerTxt h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .bannerTxt p {
        font-size: 16px;
    }
    .scrollBtm img {
        width: 40px;
        margin-left: -20px;
    }
    .scrollBtm {
        margin-top: 20px;
    }
    .bannerTxt {
        padding: 30px 0 20px;
    }
    .grassQuoteBox .column-4 {
        width: 100%;
        min-width: 100%;
    }
    .grassQuoteBox .column-6 {
        width: 50%;
        min-width: 50%;
    }
    .contactTile {
        padding: 50px 0;
    }
    .getQuoteImgInfo p,
    .getQuoteImgInfo h2 {
        text-align: left;
    }
    .layingTurfSlider .slick-list {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
    }
    .slick-arrow {
        display: none !important;
    }
    .layingTurfSlider {
        padding: 0 15px;
        margin-bottom: 100px;
    }
    .layingTurfSlider::after {
        content: "";
        position: absolute;
        right: -15px;
        top: 0;
        bottom: 0;
        width: 15px;
        background: #008c3a;
    }
    .layingTurfSlider::before {
        content: "";
        position: absolute;
        left: -15px;
        top: 0;
        bottom: 0;
        width: 15px;
        background: #008c3a;
    }
    .slick-dots li {
        padding: 0 5px;
    }
    .slick-dots li::before,
    .slick-dots li::after {
        content: none;
    }
    .slick-dots li button {
        font-size: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        height: 10px;
        width: 10px;
    }
    .slick-dots {
        padding: 30px 0;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .layingTurfSlider .slick-list {
        box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .yardTileSec .column {
        width: 100%;
        margin: 0;
    }
    .planYard {
        margin: 20px 15px;
        position: relative;
    }
    .slick-slide img {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        overflow: hidden;
    }
    .slick-dots {
        top: auto;
    }
    .layingTurfSlider {
        margin-bottom: 50px;
    }
    .sliderNumber {
        background: #8dc63f;
        color: #ffffff;
        height: 30px;
        width: 30px;
        display: inline-block;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        text-align: center;
        line-height: 30px;
        position: absolute;
        right: 0;
        left: 0;
        top: -35px;
        margin: 0 auto;
    }
    .yardTileSec.home-yardTileSec .row {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }
    .yardTileSec.home-yardTileSec .column:nth-child(2) {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        box-ordinal-group: 3;
    }
    .yardTileSec.home-yardTileSec .column:last-child {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }
    .qualityBrand object {
        margin: 10px 20px;
        height: 60px;
        display: inline-block;
        vertical-align: middle;
    }
    .footerNav {
        display: block;
        margin: 20px;
        /* padding-bottom: 20px; */
        border-bottom: 1px solid #ffffff;
    }
    .footerNav li {
        padding: 10px 15px;
        display: block;
    }
    .footerLogo {
        float: none;
        margin: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ffffff;
    }
    .contactWithUs {
        float: none;
        text-align: center;
        padding: 20px 0;
    }
    .contactWithUs ul li {
        display: inline-block;
        padding: 0 15px;
    }
    .contactWithUs img {
        height: 30px;
    }
    .contactWithUs p {
        margin: 0 0 20px 0;
    }
    .grassQuoteBox .grassTitle {
        font-size: 18px;
        background: #f5f5f5;
        color: #424242;
        box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -webkit-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -ms-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -moz-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        -o-box-shadow: 0px 1px 0px 0px #c0c0c0 inset;
        text-align: left;
        cursor: pointer;
        padding: 25px 20px;
        padding-right: 50px;
        position: relative;
    }
    .grassQuoteBox .grassContent {
        display: none;
    }
    .grassQuoteBox .wrapper {
        padding: 0;
    }
    .grassQuoteBox .column-4 {
        margin-bottom: 0;
    }
    .grassQuoteBox {
        padding: 0;
    }
    .grassQuoteBox .grassQuote {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
    }
    .grassQuoteBox .grassTitle span {
        position: absolute;
        cursor: pointer;
        top: 50%;
        right: 20px;
        margin-top: -9px;
        background: url('../images/chevron-small.svg') no-repeat center;
        width: 20px;
        height: 20px;
    }
    .grassQuoteBox .grassTitle span.arrow-down {
        background: url('../images/chevron-small-up.svg') no-repeat center;
    }
    .active-tile .grassTitle {
        background: #008542;
        color: #ffffff;
    }
    .mobile-hide {
        display: block;
        padding: 30px;
    }
    .grassBtns {
        padding: 0;
    }
    .getQuoteTxt p {
        font-size: 16px;
        line-height: 22px;
    }
    .sectionheading {
        margin-bottom: 20px;
    }
    .btn {
        font-size: 16px;
    }
    .searchBox input {
        font-size: 16px;
    }
    .headerNav {
        width: 60%;
    }
    .nav-contact .contactWithUs ul li a {
        padding: 0 5px 5px 5px;
    }
    .latest-articles {
        display: table;
        width: 100%;
        border-bottom: 1px solid #c0c0c0;
        border-top: 1px solid #c0c0c0;
        margin-bottom: -1px !important;
    }
    .latest-articles>div {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }
    .latest-articles .yardTileContent {
        padding: 0 20px;
    }
    .latest-articles .yardTileImg {
        height: 120px;
        width: 160px;
        line-height: 1px;
    }
    .latest-articles .yardTileTitle h3 {
        text-align: left;
        font-size: 20px;
    }
    .latest-articles-sec p {
        text-align: left;
    }
    .latest-articles-sec .column {
        padding: 0;
    }
    .mobile-show {
        display: none;
    }
    .sortBy.sortByFull.gray {
        background: #ffffff !important;
    }
    .inner-banner {
        text-align: left;
        /* padding-left: 15px;
        padding-right: 15px; */
    }
    .inner-banner .wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .inner-banner h1,
    .inner-banner h2,
    .inner-banner h3,
    .inner-banner p {
        text-align: left !important;
    }
    .productListing .row {
        -webkit-display: -webkit-block;
        -webkit-display: -webkit-block;
        display: -ms-block;
        display: -webkit-block;
        display: block;
        flex-wrap: inherit;
    }
    .productListingBox .column-9 .column-4 {
        width: 100%;
        min-width: 100%;
        margin: 0;
    }
    /* .productListingBox .column-9 .column-4:nth-child(odd) .grassQuote {
        background: #f5f5f5;
    } */
    .productListingBox .column {
        padding: 0;
    }
    .productListingBox .grassQuote {
        -webkit-box-shadow: none;
        -webkit-border-radius: 0;
    }
    .productListingBox .getQuoteImgInfo {
        padding: 0;
    }
    .productListingBox .grassContent {
        padding: 0;
        display: table;
        width: 100%;
    }
    .productListingBox .grassLogo.bigProduct {
        width: 200px;
    }
    .productListingBox .grassLogo.bigProduct img {
        max-width: 100%;
    }
    .productListingBox hr {
        display: none;
    }
    .productListingBox .grassLogo.bigProduct,
    .grassInfo {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .productListingBox .grassInfo2 {
        display: none;
    }
    .priceTag {
        margin: 15px 0;
        font-size: 16px;
    }
    .productListingBox p strong {
        font-size: 15px;
    }
    .grassCategory {
        padding: 0 !important;
        margin-top: -20px;
    }
    .bannerSec {
        height: 400px;
    }
    .postCode {
        text-align: left;
    }
    .postCode span {
        display: block;
    }
    .grassOptionsInfo p span {
        font-size: 12px;
    }
    .getQuoteImgInfo {
        background: #ffffff;
    }
    .layingTurf {
        background: #f5f5f5;
    }
    .slick-slide {
        background: #ffffff;
    }
    .yardTileSec {
        background: #ffffff;
    }
    .yardTile.gray {
        background: #fff !important;
    }
    .yardTileContent {
        text-align: left;
    }
    .yardTileTitle h2 {
        text-align: left;
    }
    .yardTile.white h2,
    .yardTile.white .yardTileContent {
        text-align: center
    }
    .home-yardTileSec .yardTile.white {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }
    .home-yardTileSec .yardTile.white .yardTileImg {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
    .home-yardTileSec .yardTile.white .yardTileContent {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }
    .home-yardTileSec .yardTile.white .yardTileBtn {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        box-ordinal-group: 3;
        padding-bottom: 0;
    }
    .yardTileContent .btn {
        width: 100%;
    }
    .yardTileSec .btn {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .only-mobile-show {
        display: inline-block !important;
    }
    .getQuoteTxtInner {
        height: 170px;
        overflow: hidden;
    }
    .getQuoteTxtInner.show {
        height: auto;
    }
    .getQuoteImgInfoInner {
        padding: 0 15px;
    }
    .resultTxt {
        text-align: left;
    }
    .grassTileNarrow .grassInfo {
        text-align: center;
    }
    .grassQuote {
        box-shadow: none;
    }
    .grassQuoteNarrow .grassTitle {
        background: #ffffff;
    }
    .grassQuoteNarrow.active-tile .grassTitle {
        background: #008542;
    }
    .grassQuoteNarrow .grassContent {
        background: #f5f5f5;
    }
    .local-retailers {
        border-top: 1px solid #ccc;
        padding-top: 15px;
        background: #f5f5f5;
    }
    .local-retailers .getQuoteImgInfo {
        background: none;
    }
    .localRetailersTable {
        display: block;
        width: 100%;
    }
    .localRetailersTableTr {
        display: block;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }
    .localRetailersTableTr:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    .localRetailersTableTr {
        display: block;
    }
    .localRetailersTableTrTd {
        display: block;
        text-align: center;
        width: 100%;
        border-top: none;
        padding: 10px;
    }
    .localRetailersTableTr:last-child .localRetailersTableTrTd {
        border-bottom: none;
    }
    .localRetailersTableTrTd:nth-child(2) {
        width: 100%;
    }
    .productListingBox .column-9 .column-4:nth-child(odd) .grassQuote {
        background: #f5f5f5;
    }
    .productListingBox .bigProduct {
        height: auto;
    }
    p strong,
    p b {
        font-size: 16px;
    }
    .requestSummaryList {
        margin-bottom: 25px;
    }
    .compareTileSlider::after {
        content: "";
        position: absolute;
        right: -30px;
        top: 0;
        bottom: 0;
        width: 15px;
        background: #008c3a;
    }
    .compareTileSlider::before {
        content: "";
        position: absolute;
        left: -30px;
        top: 0;
        bottom: 0;
        width: 15px;
        background: #008c3a;
    }
    .compareTileSlider {
        margin-bottom: 45px;
        padding: 0;
    }
    .compareTileSlider .grassBtns {
        padding: 0 10px;
    }
    .compareSecOuter h2 {
        text-align: center;
    }
    .compareTile {
        padding-top: 0;
    }
    .compareSecOuter.section-padding-60 {
        padding-top: 0;
    }
    .grassQuoteSingleListing .grassQuoteBox .grassContent {
        display: block;
    }
    .grassQuoteSingleListing .grassContent {
        display: block;
    }
    .grassQuoteSingleListing .grassLogo {
        height: auto;
    }
    .grassQuoteSingleListing .grassLogo img {
        max-width: 100%;
    }
    .grassQuoteSingleListing .grassOptions .column-4 {
        margin: 5px 0;
        width: 50%;
        min-width: 50%;
    }
    .grassQuoteSingleListing .grassOptions hr {
        margin: 15px 0;
    }
    .grassQuoteSingleListing .grassOptionsInfo p span {
        font-size: 14px;
    }
    .defaultContent p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 28px;
    }
    .defaultContent figure figcaption {
        padding: 15px 20px;
    }
    li::after {
        top: 10px;
        height: 25px;
        width: 25px;
        background-size: 12px;
    }
    .compareTileTd .compareTile .compareListTd {
        text-align: left;
        padding: 15px;
    }
    .compareTileTd .compareTile .compareListTd:first-child {
        display: table-cell;
    }
    /* .qualityGuaranteed.green h2 {
        color: #008542;
    }
    .qualityGuaranteed.green {
        background: #f5f5f5;
    }
    .qualityGuaranteed .btn {
        color: #ffffff;
        background: #008542;
        margin-top: 0;
    }
    .qualityGuaranteed .btn:hover {
        background: #8dc63f;
        border-color: #8dc63f;
        color: #ffffff;
    } */
    .grassQuoteSingleListing .grassTileNarrow {
        padding-left: 15px;
        padding-right: 15px;
    }
    .videoBoxOuter {
        padding: 0 15px;
    }
    .videoBox {
        margin-bottom: 0;
        /* margin-left: 15px;
        margin-right: 15px; */
        height: 300px;
    }
    .grassQuoteSingleListingBox .videoBox {
        height: 52vw;
    }
    .videoBox iframe {
        height: 300px;
    }
    .inner-banner.section-padding-30 {
        padding: 0;
    }
    .gassItem figure {
        overflow: hidden;
    }
    .gassItem img {
        /* height: 200px; */
        max-width: inherit;
    }
    .latest-articles .yardTileImg img {
        width: auto;
        height: 100%;
    }
    .mobile-align-left {
        text-align: left;
    }
    .mobile-align-left h1,
    .mobile-align-left h2,
    .mobile-align-left h3 {
        text-align: left;
    }
    .adviceForm .btn {
        width: 100%;
    }
    .customFileUpload {
        display: block;
    }
    .section-padding-60 {
        padding: 30px 0;
    }
    .lightBoxInner {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
    }
    .customlightbox p {
        font-size: 16px;
        line-height: 22px;
    }
    .productTitle,
    .productDescription {
        padding: 10px 20px;
    }
    .customlightbox hr {
        margin: 10px 20px;
    }
    .fancybox-close-small {
        width: 30px;
        height: 30px;
    }
    .fancybox-close-small::after {
        top: 0px;
        right: 7px;
        width: 16px;
        height: 16px;
        font: 24px/32px Arial, Helvetica Neue, Helvetica, sans-serif;
    }
    .lightBoxproductdetails {
        padding: 20px 20px;
    }
    .lightBoxproductdetails .column-5 {
        width: 45%;
        min-width: 45%;
        float: left;
    }
    .lightBoxproductdetails .column-7 {
        width: 55%;
        min-width: 55%;
        float: left;
    }
    .lightBoxproductdetailsDescrip {
        text-align: left;
    }
    .lightBoxproductdetailsDescrip h3 {
        text-align: left;
        margin-bottom: 5px;
    }
    .customlightbox .lightBoxproductdetailsDescrip p {
        margin-bottom: 0px;
    }
    .customlightbox .btn {
        font-size: 14px;
        width: auto !important;
    }
    .lightBoxproductdetails .row {
        overflow: hidden;
    }
    .lightBoxproductdetailsDescrip {
        padding: 0;
    }
    .customlightbox {
        width: 85%;
        margin: 100px 0 30px;
    }
    .fancybox-is-open .fancybox-bg {
        opacity: .95;
    }
    .lawnCareProductsSlider .grassContent {
        display: block;
    }
    .lawnCareProductsSlider .grassQuote {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
    }
    .lawnCareProductsSlider .grassInfo {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        margin: 0;
        padding: 0;
    }
    .customlightbox::before {
        content: '';
        height: 100%;
        width: 5%;
        background: #f5f5f5;
        top: 0;
        bottom: 0;
        right: -15%;
        position: absolute;
        z-index: 1;
        margin-right: 20px;
    }
    .customlightbox::after {
        content: '';
        height: 100%;
        width: 5%;
        background: #f5f5f5;
        top: 0;
        bottom: 0;
        left: -15%;
        position: absolute;
        z-index: 1;
        margin-left: 20px;
    }
    .lawnCareProductsSlider .grassContent hr {
        display: none;
    }
    .lawnCareProductsSlider .priceTag {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
    .lawnCareProductsSlider .mobile-show {
        margin-top: 0;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        box-ordinal-group: 3;
    }
    .lawnCareProductsSlider .grassInfo h5 {
        font-size: 24px;
        line-height: 30px;
        color: #008542;
        font-family: 'Gibson-SemiBold';
    }
    .lawnCareProductsSlider .grassInfo h5 a {
        color: #008542;
    }
    .lawnCareProductsSlider .grassDescrip {
        min-height: initial;
        margin: 20px 0;
    }
    .lawnCareProductsSlider .grassQuote {
        box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
    }
    .layingTurfSlider .slick-slide img {
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        overflow: hidden;
    }
    .lawnCareProductsSlider .grassContent {
        padding: 20px;
    }
    .lawnCareProductsSlider .slick-dots {}
    .lawnCareProductsSlider {
        position: relative;
        margin-bottom: 80px;
    }
    .lawnCareProductsSlider::before {
        content: '';
        position: absolute;
        width: 30px;
        background: #008542;
        right: -30px;
        top: 0;
        bottom: 15px;
    }
    .lawnCareProductsSlider::after {
        content: '';
        position: absolute;
        width: 30px;
        background: #008542;
        left: -30px;
        top: 0;
        bottom: 15px;
    }
    .layingTurfSlider {
        max-width: 100%;
    }
    .relatedTile .yardTile {
        background: #ffffff;
    }
    /* .latest-articles .yardTileVdo {
        width: 180px;
    } */
    .latest-articles .yardTileVdo iframe {
        height: 120px;
    }
    .defaultContent .articleList p {
        margin-bottom: 20px;
    }
    .lawnStoreSec {
        background: #008b46;
        padding: 20px;
        margin: 0 -15px;
    }
    .lawnStoreSec .btn {
        background: #ffffff;
        color: #008b46;
    }
    .sidebarMobile .latest-articles .yardTileVdo {
        width: 160px;
    }
    .lawncare-productsOuter {
        padding-bottom: 0;
    }
    .sidebarMobile .appendPrependSecInner {
        margin-bottom: 60px;
    }
    .categoryListingInner .column:nth-child(even) .yardTile,
    .categoryListingInner .column:nth-child(even) .yardTile.gray {
        background: #f5f5f5 !important;
    }
    .yardTileSec .row {
        margin: 0;
        padding: 0;
    }
    .yardTileSec .wrapper {
        padding: 0;
    }
    .yardTileSec .column {
        padding: 0;
    }
    .mobile-show .btn {
        width: auto;
        display: block;
        margin-left: 20px;
        margin-right: 20px;
    }
    .latest-articles-sec .btn {
        width: auto;
        display: block;
        margin-left: 20px;
        margin-right: 20px;
    }
    .yardTileSec .defaultContent .column {
        padding: 0 15px !important;
    }
    .tileSingle p {
        text-align: center;
        font-family: 'Gibson-SemiBold';
        font-size: 18px;
    }
    .yardTileDescription p {
        font-family: 'Gibson-Regular';
        text-align: left;
    }
    .defaultContent .qualityGuaranteed.green {
        margin: 0 -15px;
    }
    .searchOuter {
        border-bottom-right-radius: 30px;
        -webkit-border-bottom-right-radius: 30px;
        -ms-border-bottom-right-radius: 30px;
        -moz-border-bottom-right-radius: 30px;
        -o-border-bottom-right-radius: 30px;
        border-top-right-radius: 30px;
        -webkit-border-top-right-radius: 30px;
        -ms-border-top-right-radius: 30px;
        -moz-border-top-right-radius: 30px;
        -o-border-top-right-radius: 30px;
        overflow: hidden;
    }
    .categoryListingSingle .yardTileImg {
        display: block;
        width: 100% !important;
        border-right: none;
        height: 250px !important;
    }
    .categoryListingSingle .yardTileContent {
        display: block;
    }
    .categoryListingSingle .latest-articles {
        border: none;
    }
    .categoryListingSingle .latest-articles .yardTileContent {
        padding: 30px 20px;
    }
    .categoryListingSingle .latest-articles .yardTileTitle h3 {
        font-size: 26px;
        line-height: 34px;
    }
    .categoryListingSingle {
        background: #f5f5f5;
    }
    .categoryListing .column-8 {
        padding: 0;
    }
    .superCategoryListing .yardTileContent h5 {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .super-category-tab-header {
        padding: 20px;
        font-size: 18px;
        color: #424242;
        position: relative;
        background: #fff;
        cursor: pointer;
    }
    .mobile-super-category .grasstileArrow {
        position: absolute;
        cursor: pointer;
        top: 50%;
        right: 20px;
        margin-top: -9px;
        background: url('../images/chevrongreen.svg') no-repeat center;
        width: 20px;
        height: 20px;
        background-size: 20px;
        z-index: 99;
        display: inline-block;
    }
    .super-category-tab {
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
        margin-top: -1px;
    }
    .super-category-tab .yardTile.latest-articles:nth-child(even) {
        background: #f5f5f5;
    }
    .super-category-tab-body {
        display: none;
    }
    .super-category-tab-header.active {
        background: #008542;
        color: #ffffff;
        margin-bottom: -1px;
        border-bottom: 1px solid transparent;
    }
    .super-category-tab-header.active .grasstileArrow {
        background: url('../images/chevron-small-up.svg') no-repeat center;
    }
    .categoryListing.superCategoryListing.section-padding-bottom-50 {
        padding-bottom: 0;
    }
    .super-category-tab-body .btn {
        margin: 30px 20px;
        display: block;
        width: auto;
    }
    .getQuoteTxt h4 {
        font-size: 18px;
    }
    .search-result .wrapper {
        padding: 0;
    }
    .productBoxItem {
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        margin: 0;
        border-bottom: 1px solid #c0c0c0;
        border-top: 1px solid #c0c0c0;
        margin-top: -1px;
    }
    .productBoxItem:nth-child(odd) {
        background: #f5f5f5;
    }
    .productBoxItemImg {
        width: 120px;
    }
    .searchList {
        padding: 30px 20px;
        background: #fff;
        margin: 0;
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
        margin-top: -1px;
    }
    .searchList:nth-child(odd) {
        background: #f5f5f5;
    }
    .searchList h3 {
        margin: 0;
        font-size: 18px;
        line-height: 26px;
    }
    .searchList p {
        display: none;
    }
    .searchList h5 {
        font-size: 12px;
        color: #008c3a;
        letter-spacing: 1px;
        margin-bottom: 5px;
        display: block;
    }
    .search-result.gray {
        background: #fff !important;
    }
    .productBox h2,
    .search-result h2 {
        padding: 20px;
        font-size: 18px;
        margin: 0;
        font-family: 'Gibson-Regular';
        background: #f5f5f5;
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
        margin-top: -1px;
        position: relative;
        cursor: pointer;
    }
    .productBox h2 .grasstileArrow,
    .search-result h2 .grasstileArrow {
        position: absolute;
        cursor: pointer;
        top: 50%;
        right: 20px;
        margin-top: -9px;
        background: url('../images/chevrongreen.svg') no-repeat center;
        width: 20px;
        height: 20px;
        background-size: 20px;
        z-index: 99;
        display: inline-block;
    }
    .product-tab h2.active {
        background: #008c3a;
        color: #ffffff;
    }
    .product-tab h2.active .grasstileArrow {
        background: url('../images/chevron-small-up.svg') no-repeat center;
    }
    .searchListOuter,
    .productBoxInner {
        display: none;
    }
    .defaultContent .mobile-show {
        margin: 0;
    }
    .super-category-tab-body .grassQuote:nth-child(even) {
        background: #f5f5f5;
    }
    .inner-banner .productSearch {
        margin-bottom: 0;
    }
    .tab-show .sidebarFilterArea {
        display: none;
    }
    .topGrayHeaderLeft a {
        font-size: 14px;
    }
    .lawncare-productsOuter.gray {
        background: #ffffff !important;
    }
    .white-theme .lawnCareProductsSlider .grassContent {
        background: #f5f5f5;
    }
    .productDetails-productimg {
        margin-bottom: 40px;
    }
    .productDetails-productInfo {
        position: static;
    }
    .productDetails-productInfo .shareIcon {
        right: 10px;
        top: 0;
    }
    .productDetails-productInfo {
        text-align: center;
    }
    .productDetails-productInfo h1 {
        text-align: center;
    }
    .addToCartSec .btn {
        width: auto;
    }
    .productInfoTxt {
        text-align: left;
    }
    .productInfoTxtBtn,
    .besicTab {
        text-align: left;
    }
    .relatedProductsTheme-2>p {
        font-size: 24px;
        text-align: center;
        margin-bottom: 30px;
        font-family: 'Gibson-SemiBold';
        color: #008542;
    }
    .relatedProductsTheme-2 .productListing {}
    .relatedProductsTheme-2>.productListing>.row {
        overflow: hidden;
    }
    .relatedProductsTheme-2>.productListing>.row>.column {
        display: none;
        background: #fff !important;
    }
    .relatedProductsTheme-2>.productListing>.row>.column .grassQuote {
        background: #fff;
        border-right: 1px solid #ccc;
        margin: 15px 0;
    }
    .relatedProductsTheme-2>.productListing>.row>.column:nth-child(1),
    .relatedProductsTheme-2>.productListing>.row>.column:nth-child(2) {
        display: block;
        width: 50%;
        min-width: 50%;
        float: left;
    }
    .productListingBox .relatedProductsTheme-2 .grassLogo.bigProduct {
        display: block;
    }
    .productListingBox .relatedProductsTheme-2 .grassLogo.bigProduct,
    .relatedProductsTheme-2 .grassInfo {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .getQuoteImgInfo .relatedProductsTheme-2 p,
    .relatedProductsTheme-2 .getQuoteImgInfo h2 {
        text-align: center;
    }
    .mobile-gray {
        background: #f5f5f5;
    }
    .mobile-gray .white {
        background: #f5f5f5 !important;
    }
    .getQuoteImgInfo .sectionheading h1 {
        text-align: left;
    }
    .yourDetails .getQuoteImgInfo {
        background: transparent;
    }
    .column-sm-4 {
        width: 33.333%;
        min-width: 33.333%;
        float: left;
    }
    .tabHeader {
        display: none;
    }
    .tabBodyInnerMobileHeading {
        margin: 0;
        display: block;
        width: 100%;
        text-align: left;
        background: #424242;
        color: #fff;
    }
    .tabHeaderItem .down-arrow {
        float: right;
        background-image: url('../images/chevron.svg');
    }
    .tabSec .wrapper,
    .turfDeliveredSec .wrapper,
    .youNeedSec .wrapper {
        padding: 0;
    }
    .customCheckbox {
        display: block;
        padding: 25px 15px;
        text-align: left;
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
        margin: 0;
        margin-top: -1px;
    }
    .tabArea .customCheckbox {
        background: #f5f5f5;
    }
    .tabBody {
        padding: 0;
    }
    .youNeedSec {
        padding-top: 40px;
    }
    .youNeedSec .column-6 {
        float: none;
        width: 100%;
        min-width: 100%;
    }
    .youNeedSec h2,
    .turfDeliveredSec h2 {
        text-align: left;
    }
    .youNeedSec .sectionheading,
    .turfDeliveredSec .sectionheading {
        padding: 0 15px;
    }
    .requestBtnSec .customCheckbox {
        border: none;
    }
    .youNeedSec.gray.section-padding-bottom-50 {
        padding-bottom: 0;
    }
    .customCheckbox input+label::before {
        background: #fff;
    }
    .formGroup label {
        font-size: 14px;
    }
    .formGroup {
        margin-bottom: 25px;
    }
    .requestBtnSec .btn {
        display: block;
    }
    .viewquote h4 span {
        float: right;
    }
    .requestSummary .sectionheading {
        margin: 0;
        overflow: hidden;
        padding: 20px;
    }
    .viewquote h4 {
        text-align: left !important;
        font-size: 16px;
        font-family: 'Gibson-Regular';
    }
    .requestSummary {
        padding: 0;
    }
    .requestSummary .wrapper {
        padding: 0;
    }
    .requestSummaryOuter hr {
        display: none;
    }
    .requestSummaryInner {
        padding: 30px 0 20px;
    }
    .viewquote.showTable {
        background: #008542;
        color: #ffffff;
    }
    .viewquote .down-arrow {
        height: 20px;
        width: 20px;
        background-size: 100%;
    }
    .viewquote.showTable .up-arrow {
        background: url('../images/chevron.svg') no-repeat center;
        height: 20px;
        width: 20px;
        background-size: 100%;
    }
    .createQuoteTableTrTd {
        padding-left: 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .createQuoteTableTrTd:nth-child(2) {
        width: 150px;
        text-align: right;
        padding-left: 0;
        padding-right: 15px;
    }
    .messagehead p {
        font-size: 16px;
    }
    textarea {
        font-size: 16px;
        padding: 15px;
    }
    .getQuoteImg,
    .qualityGuaranteedImg {
        height: 200px;
    }
}

@media (max-width: 480px) {
    li {
        font-size: 14px;
    }
    .latest-articles .yardTileTitle h3 {
        text-align: left;
        font-size: 16px;
        line-height: 22px;
    }
    .latest-articles .yardTileContent {
        padding: 0 10px;
    }
    .productListingBox .grassLogo.bigProduct {
        width: 130px;
    }
    .btn {
        width: 100%;
    }
    .fancybox-close-small {
        top: -8px;
        right: -8px
    }
    .defaultContent p {
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 24px;
    }
    .searchinputbox {
        width: 300px;
    }
    .bigBanner {
        height: 230px;
    }
    .btn-big {
        width: 300px;
    }
}

@media (max-width: 359px) {
    .customSelect select {
        width: 170px;
    }
    .customSelect2 select {
        width: 180px;
    }
    .nav-contact .contactWithUs ul li {
        padding: 0 0;
    }
    .customSelect select {
        height: 35px;
    }
    .call-to {
        width: 35%;
    }
    .headerNav {
        width: 50%;
    }
    .sortBy p {
        padding-top: 15px;
    }
    .searchinputbox {
        width: 280px;
    }
}


/* ***********************************************
                RESPONSIVE END
>>>>>>> f902219042afbe1346bae670b24a69683764fa27
*********************************************** */

/* Get A Quote Fixes - 05/08/2019 */

#frm_lsaquote .wrapper {
	max-width: 800px;
}
#frm_lsaquote .formgroup .awesomplete {
	width: 100%;
}
#frm_lsaquote #grassOptionsQuoteForm {
	margin-top: 0;
}
#frm_lsaquote .youNeedSec .row,
#frm_lsaquote .turfDeliveredSec .row {	
	justify-content: center;
}
#frm_lsaquote .youNeedSec .column {
	display: flex !important;
	align-items: center !important;
	justify-content: center;
}

.whitebgoverride {
	background:#fff !important;
}

.customCheckbox.typeradiouniq input+label::before {
	border-radius:50% !important;
}

.defaultContent li p {
	padding:0 !important;
	margin:0 !important;
}


.newdseigntrip {
    background: #00853E !important;    
    position: relative;
	padding:10px 0 !important;
}

.newdseigntrip>.wrapper {
	text-align:center !important;
}

.newdseigntrip p {
	color: #fff !important;
    padding-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 150px;
}

.newdseigntripwraper {
	padding-top:100px !important;
}

.sortby1509txt {
	display: inline-block;
    padding-right: 15px;
    color: #fff !important;
}

.newdseigntrip .select2-container--default .select2-selection--single {
	background:#fff !important;
	text-align:left;
}

.newdseigntrip .select2-container--open .select2-selection__rendered {
	color:#008c3a !important;
}

.newdseigntrip:after {
	content: '';
    border-top: 30px solid #00853E;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 30px);
    /* right: 0; */
    margin: 0 auto;
    /* width: 60px; */
    /* height: 30px; */
    text-align: center;
}

@media only screen and (max-width: 767px) {
	.getQuoteImgInfo h1,
	.getQuoteImgInfo .wrapper,
	#frm_lsaquote .yourDetails h2,
	#frm_lsaquote .turfDeliveredSec h2,
	#frm_lsaquote .youNeedSec h2 {
		text-align: left;
	}
	#frm_lsaquote .getQuoteImgInfo .column {
		width: 100%;
	}
	#frm_lsaquote .getQuoteImgInfo .column-sm-4 {
		width: 33.3%;
	}
	#frm_lsaquote .getQuoteImgInfo .column-sm-4:last-child {
		margin-right: 0;
	}
	#frm_lsaquote .tabBodyInner .tabBodyItem .column {
		width: 100%;
	}
	#frm_lsaquote .turfDeliveredSec .column {
		width: 100%;
	}
	#frm_lsaquote .grassOptionsQuoteForm .column {
		width: 100%;
	}
	#frm_lsaquote .youNeedSec .column {
		justify-content: flex-start;
		width: 100%;
	}
	#frm_lsaquote .requestBtnSec .column,
	#frm_lsaquote .requestBtnSec .column .text-center {
		text-align: left;
	}
	
	.sortby1509txt {
		display:none !important;
	}
}
@media only screen and (max-width: 640px) {
	#frm_lsaquote .mobile-hide {
		display: none;
	}
	#frm_lsaquote .tabSec .row {
		margin-top: 0;
	}
	#frm_lsaquote .tabSec .row .tabHeaderItem {
		padding: 25px 20px;
	}
	#frm_lsaquote .row .customCheckbox {
		width: 100%;
		padding: 20px 15px;
	}
	#frm_lsaquote .row .customSelect select {
		height: 54px;
	}
	#frm_lsaquote .row .customSelect::after {
		width: 45px;
	}
	
	.sortBy.sortByFull.gray.newdseigntrip {
		background: #00853E !important;
	}
	
	.newdseigntrip p {
		position:relative;
		width:auto !important;
	}
	
	.sortby1509txt {
		display:none !important;
	}
	
	html {
		overflow-x:hidden !important;
	}
}

.secure-seal {
	display: block;
    position: fixed;
    bottom: 0;
    right: 0;
}


/************ Style By A.K  Memories page *********/

@font-face {
    font-family: 'Rockness';
    src: url('../fonts/Rockness.eot');
    src: url('../fonts/Rockness.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rockness.woff2') format('woff2'),
        url('../fonts/Rockness.woff') format('woff'),
		url('../fonts/Rockness.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}



.landing-3 {

    background-size: cover;
    display: flex;
    justify-content: center;
    background-position: bottom;
	height: 600px;
}
.landing-3 {
    padding: 4rem 0 0;
}

.banner-text-1 {
    max-width: 85%;
    padding: 0;
	width: 100%;
    padding: 0 4rem;
    align-self: flex-end;
    margin-bottom: 5rem;
    color: white;
    text-align: center;
    position: relative;
    z-index: 100;
}

.banner-text-1 h1 {
	font-family: Rockness;
    font-size: 8.5rem;
    color: #fff;
    transform: rotate(-8deg);
    margin-bottom: 50px;
    font-weight: 100;
}

.memories .m-h2 {
    color: #434345 !important;
    line-height: 1.1;	
	padding: 0 2rem 0rem;
}

.memories .m-h3 {
	text-align: left;
    font-size: 2.3rem;
    line-height: 1.1;
    color: #fff;
}

.find-local {
    padding: 6rem 0rem;
    height: 100vh;
    background-size: cover;
    background-image: url(../images/LSA_Memories_Fort.jpg);
}

.white-bg {

 background-color:#fff;
	
}

.find-wrap{
 padding: 4rem 2rem;	
}

.find-wrap h3 {
	font-size: 38px;
}

.gauranteed-wrapper {
  width:70%;
  margin:0 auto;
}

.gauranteed-wrapper h2 {
	font-size: 2.3rem;
	margin-bottom: 0;
    padding-bottom: 0;
}

.p-width {
	
	width: 82%;
    margin: 0 auto;
	padding-bottom: 100px;
}

.logo-adj {
    position: relative;
    margin-top: 53px;
    width: 200px;
    padding-bottom: 55px;	
}

.logo-adj-1 {
    position: relative;
    margin-top: 29px;
    padding-bottom: 35px;	
}

.center-margin {
  margin:0 auto;	
 	
}

.only-mobile {
  display:none;	
}

@media only screen and (max-width: 640px) {
.box-wrapper-m {
 margin: 20px !important;
}

.banner-text-1 {
    max-width: 100%;
    padding: 0;
    width: 100%;
    padding: 0 0.5rem;
}

.banner-text-1 h1 {
    font-family: Rockness;
    font-size: 7.5rem;
    color: #fff;
    transform: rotate(-8deg);
    margin-bottom: 2px;
    font-weight: 100;
    line-height: 82px;
}

.p-width {
    width: 82%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.gauranteed-wrapper {
    width: 100%;
    margin: 0 auto;
}

.gat {
    margin-top: 30px;
}

.gauranteed-wrapper h2 {
    font-size: 1.8rem;
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 15px;
    line-height: 1.2;
}

.memories .m-h3 {
    text-align: left;
    font-size: 2rem;
    line-height: 1.1;
    color: #fff;
}

#gto {
	
padding-bottom: 0;
margin-bottom: 0;	
	
}

.find-local {
    padding: 1rem 0rem;
}
.only-mobile {
  display:block;	
}

.m-h2 {
    font-size: 1.8rem !important;
}


}


/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	
	.box-wrapper-m {
    padding: 20px;
    }
	
	.memories .m-h3 {
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.1;
    color: #fff;
   }
   
   .gauranteed-wrapper {
    width: 80%;
    margin: 0 auto;
    }
	
	.banner-text-1 h1 {
    font-family: Rockness;
    font-size: 8.5rem;
    color: #fff;
    transform: rotate(-8deg);
    margin-bottom: -40px;
    font-weight: 100;
    line-height: 94px;
   }
   .rounder-corner {
    position: relative;
    top: 4vh !important;
}

.testimonials-wrapper .slick-next.slick-arrow {
    top: 25px;
    right: -21px;
}
   
}

/************ Style By A.K  turf page 5/12/2019 *********/

.blackwithMargin {
	
background-color:#434345 !important;
border-color:#434345 !important;
margin-top: 50px;
}

#statesearch h3 {
 color:#424242;	
	
}

.state-name li {

display:inline-block;
list-style:none;
border-bottom:1px solid #434345;
padding:0;
margin: 10px;
cursor:pointer;	

}
ul.region-name li a {
	text-decoration:none;
}


.state-name li:after {
  content:'';
background:none;  
}

#statesearch .state-info-box h3 {
    color: #008542;
    text-align: left;
    margin-bottom: 12px;
}

#statesearch .state-info-box hr {
	margin:0;
}

#statesearch  .region-container {
    min-height: 130px;
}

ul.region-name {
	 height: auto; 
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3; 
    text-align:left;			
}

ul.region-name li{
    display: inline-block;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 7px;
    width: 200px;
	font-weight: 600;
}

ul.region-name li:after {
  content:'';
background:none;  
}

.color-green {
  color:#008542;	
}

#region-result-section h3 {
  text-align:center;
  width:100%;
  color: #424242;  
  margin-bottom: 50px;

}

section#statesearch {
    padding-bottom: 0px;
}

.state-name li.active {
  color: #008c3a;
  border-bottom: 2px solid #008c3a;
}
.hide-this {
 display:none;	
}

.main-block {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #00000026;
}
.main-block .wrapper {
    margin: 5% auto;
    width: 550px;
    position: relative;
    background-color: #fff;
}

.modal {
  display: none;
}

.modal select  {
    height: 40px;
}

#gform_submit_button_8
{
	font-size: 20px;
    font-family: 'Gibson-Regular';
    color: #000;
    display: inline-block;
    padding: 0px 30px;
    text-decoration: none;
    border: 1px solid #008542;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    margin: 10px 0;
    text-align: center;
	color: #ffffff;
    background: #008542
}

.modal.is-open {
  display: block;
}
    
.modal li:after {
  background-image:none;
  width:0;
  height:0;
}

.modal .gform_wrapper .gform_footer {
    padding: 0px 0 10px;
    margin: 0px 0 0;
    clear: both;
    width: 100%;
}



.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modal__container {
  background-color: #fff;
  padding: 15px 30px;
  max-width: 500px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.25;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
  margin-top: .5rem;
  margin-bottom: .5rem;
  line-height: 1.5;
  color: rgba(0,0,0,.8);
}

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0,0,0,.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

.Lawn-australia {
    background-color: #008c3a;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    font-family: 'Gibson-SemiBold';
    font-size: 28px;
    font-weight: 900;
	border-radius: 20px 20px 0px 0px;
}

.rounder-corner iframe {
	border-radius: 0px 0px 20px 20px;
	
}

.rounder-corner
{
	position:relative;
	top: 12vh;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

/** Lead Magnets **/

.newsletterWidget h2 {
    
}

.newsletterWidget p {
  
	 margin-bottom: 40px;
}
.newsletter-wrapper {
  width:90% ;
  margin:0 auto;  
}

#mc_embed_signup_scroll input {
    margin-bottom: 30px !important;
}

.supplier-info-section {
  background-color:#fff;	
  border-radius:10px;
  min-height:400px;
  margin-top:4rem;
  -webkit-box-shadow: 2px 5px 6px -2px rgba(204,202,204,1);
  -moz-box-shadow: 2px 5px 6px -2px rgba(204,202,204,1);
  box-shadow: 2px 5px 6px -2px rgba(204,202,204,1);
}
.spinner-wrapper-div {
	margin:30px 20px
}

.block span {
  color: #008542;
}

.spinner-wrapper-div h3 {
  color:#434345;
  text-align: left;  
}

.block {
	display: block;
    letter-spacing: .3px;
    margin-bottom: 5px;
}
.spinner-wrapper-div {
    width: 80%;
    margin: 10% auto;
    padding: 10px;
}
.supplier-logo {
	max-height:250px;
}
.sp-desc-ul li:after {
  background-image:none !important;	
  width:56px;
  top: -2px;
  height:56px;
}

.sp-desc-ul li.address {
	margin-bottom:10px;
}

.sp-desc-ul li {
    list-style: none;
    padding: 13px 0;
    font-size: 18px;
    position: relative;
    padding-left: 70px;
    line-height: 20px;
    color: #424242;
    margin-bottom: 20px;
}

.sp-desc-ul li.address:after{
  
   content: "\f230";
   font-family:dashicons;
   font-size: 32px;
    line-height: 55px;   
 	
}

.sp-desc-ul li.email:after{
  
   content: "\f465";
   font-family:dashicons;
   font-size: 32px;
    line-height: 55px;   
 	
}

.sp-desc-ul li.call:after{
  
   content: "\f525";
   font-family:dashicons;
   font-size: 32px;
    line-height: 55px;   
 	
}

.sp-desc-ul li.website:after{
   content: "\f11f";	
   font-family:dashicons;
   font-size: 32px;
   line-height: 55px;   
}

.sp-desc-ul li.website a {
	
 text-decoration:none;	
}

#sp-map
{
   border-radius: 0px 10px 10px 0px;
}

.sp-green 
{
  color:#008542;
}

.no-underline {
  text-decoration:none !important;	
}


.mg-15{
	
margin-bottom:15px;	
}

#lc-content-specific span{
 display:none;
 font-size: 16px;
 line-height: 21px;
}
.lead-image {
 max-width:400px;	
}

#mc_embed_signup label {
	display:none;
}

input#gform_submit_button_6 {
    color: #ffffff;
    background: #008542;
    width: 100%;
    border-radius: 39px;
    cursor: pointer;
	font-size:20px;
}

input#gform_submit_button_6:hover {
    background: #8dc63f;
    border-color: #8dc63f;
    color: #ffffff;
	
}

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
.p-description {
      padding: 10px;	
}

.buttonsaftercontent {
	padding: 30px 0;
}

.buttonsaftercontent ul {
	margin: 0 !important;
}

.buttonsaftercontent ul>li {
	padding: 0 !important;
    /* line-height: normal !important; */
    display: inline-block;
    margin-right: 20px !important;
}

.buttonsaftercontent ul>li:after {
	display:none !important;
}

.buttonsaftercontent ul>li:last-child {
	margin-right:0 !important;
}

@media only screen and (max-width: 980px) {
	.buttonsaftercontent ul {
		text-align:center !important;
	}
}

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

	ul.region-name {
		 height: auto; 
		-webkit-column-count: 2;
		   -moz-column-count: 2;
				column-count: 2; 
		text-align:left;			
	}

.rounder-corner iframe {
height:auto!important;
}

.test-box p {
    text-align: left !important;
    color: #008c3a;
    font-weight: 700;
    padding: 14px;
}

.test-box span.name {
    color: #8dc63f;
    padding: 13px;
}
.testimonials-wrapper h2 {
    padding: 10px;
}

.Lawn-australia {
    background-color: #008c3a;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    font-family: 'Gibson-SemiBold';
    font-size: 22px;
    font-weight: 900;
    border-radius: 20px 20px 0px 0px;
}

.rounder-corner {
    position: relative;
    top: 4vh;
}

.rounder-corner iframe {
height:auto!important;
}	

.change-oreientation {
 display: flex !important;
 flex-direction: column-reverse;	
}

.lead-image {
  margin-bottom:20px;	
  
  
}

.full-width-mobile {
  width:100% !important;	
}

div#location-specific-grasstype {
    margin-top: 30px;
}	
}

@media only screen and (max-width: 480px) {
.buttonsaftercontent ul>li:last-child {
	display:none !important;
}

.buttonsaftercontent ul>li {
	margin-right:0 !important;
	display:block !important;
}
}


.grecaptcha-badge { 
    visibility: hidden !important;
}