body {
    font-family: 'Lato', sans-serif;
}

button, input {
    outline:none;
}

a {
    color: black;
    text-decoration: none;
}

.ulNoBullet {
    list-style-type:none !important;
    height:100%;
    margin-bottom:0px;
    padding-left:0px;
}

.noPadding {
    padding:0px;
}

.fullWidth {
    width:100%;
}

.positionAbsolute {
    position:absolute;
}

.hideXS {
    display:none;
}

.floatRight {
    float:right;
}

.floatLeft {
    float:left;
}

.backgroundGreen {
    background-color:#00af41;
}

.backgroundLightGrey {
    background-color: #efefef;
}

.backgroundDarkGrey {
    background-color: #4a4a4a;
}

.sizeOuter {
    height:100%;
    width:100%;
}

/*font colors*/
.colorWhite {
    color:white;
}

.colorGrey {
    color:#4a4a4a;
}

.paddingMobile {
    padding:22px;
}

.marginMobile {
    margin:22px;
}

.row {
    margin-right:0px;
    margin-left:0px;
}

.standardBoxPadding {
    padding:22px;
}

.standardBoxColor {
  background-image: linear-gradient(to left, #2e8359, #00af41 24%, #15b350 75%, #2e8359);
}

.standardBox {
    font-size: 20px;
    text-align:center;
    color:white;
}

.standardBox > .heading {
    font-weight: 700;
    letter-spacing: 1px;
}

.standardBox > .paddingBottom {
    padding-bottom:17px;
}

.standardBox > .paddingBottomBeforeButton {
    padding-bottom:18px;
}

.standardBox > .headingSub {
    font-weight: 500;
    line-height: 1.21;
    letter-spacing: 0.2px;
}

.boxButton {
    width:100%;
    padding-top:17px;
    padding-bottom:17px;
    color:black;
    border:0px;
}

.boxButton.buttonWhite {
    background-color: rgba(254, 254, 254, 0.95);
    box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, 0.15);
}

.boxButton:hover {
    color: #00af41;
    transition: 0.2s;
}

.boxButton > span {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.56;
    letter-spacing: 0.2px;
}

.standardBox > .headingShadow {
      text-shadow: 3px 4px 4px rgba(0, 0, 0, 0.5);
}

.ulNoBullet ul {
    margin-bottom: 0px;
    padding-left:0px;
}

.fontLight {
    font-weight:300;
}

.fontRegular {
    font-weight:500;
}

.fontBold {
    font-weight:700;
}

.pointer {
    cursor:pointer;
}

.noSidePadding {
    padding-left:0px !important;
    padding-right:0px !important;
}

.noPaddingBottom {
    padding-bottom:0px;
}

.noPaddingTop {
    padding-top:0px;
}

.textAlignCenter {
    text-align:center;
}

.textAlignLeft {
    text-align:left;
}

.colorGreen {
    color:#00af41;
}

.innerLargeBoxPadding {
    padding-bottom:15px;
}

.innerLargeBoxPaddingTop {
    padding-top:15px;
}

.showBorder {
    border:1px solid black;
}

.bold {
    font-weight:700;
}

.medium {
    font-weight:500;
}

.light {
    font-weight:300;
}

.marginBottomMobileTablet {
    margin-bottom:22px;
}

.alignCenter {
    text-align:center;
}

.fullHeight {
    height:100%;
}

.fullHeightSwitch {
    height:auto;
}

.noPaddingRight {
    padding-right:0px;
}

.mobileListItems ul {
    padding-left:22px;
    margin-bottom:0px;
}

.xsHalf {
    width:50%;
}

.transition {
    transition: .2s;
}

.italic {
    font-style:italic;
}

@media (min-width: 450px) {
    .findNearestDealer {
        background-position: 50% 0;
    }
}

@media (max-width: 767px) {
    .noPaddingSmall {
        padding-left:0px;
        padding-right:0px;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .xsHalf {
        width:100%;
    }

    .standardBox > .paddingBottomBeforeButton {
        padding-bottom:25px;
    }

    .standardBoxPadding {
        padding-top:43px;
        padding-bottom:43px;
        padding-left:43px;
        padding-right:43px;
    }

    .standardBox > .heading {
        letter-spacing: 1.2px;
    }

    .standardBox {
        font-size: 24px;
    }

    .paddingMobile {
        padding:29px;
    }

    .marginBottomMobileTablet{
        margin-bottom:29px;
    }

    .marginMobile {
        margin:29px;
    }

    .boxButton {
        width: 365px;
    }
    .boxButton > span {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4;
    }

    .smallLeft {
        padding-left:0px;
        padding-right:7px;
    }

    .smallRight {
        padding-left:7px;
        padding-right:0px;
    }



}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .fullHeightSwitch {
        height:100%;
    }

    .marginBottomMobileTablet{
        margin-bottom:0px;
    }

    .smallLeft {
        padding-left:15px;
        padding-right:15px;
    }

    .smallRight {
        padding-left:15px;
        padding-right:15px;
    }

    .mediumLeft {
        padding-left:0px;
    }

    .mediumRight {
        padding-right:0px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .mediumLeft {
        padding-left:15px;
    }

    .mediumRight {
        padding-right:15px;
    }

    .largeLeft {
        padding-left:0px;
    }

    .largeRight {
        padding-right:0px;
    }
}

.noPaddingTop {
    padding-top:0px;
}
