/*!
 * License: lawncalc.js Copyright © Cooper & Westwood Pty Ltd. All rights reserved.  
 *
 * You may not modify, copy, reproduce, republish, upload, post, transmit, or distribute 
 * any portion of this code without the prior express written consent of Cooper & Westwood Pty Ltd. 
 *
 * Author:  Cooper & Westwood Pty Ltd 
 * Email:   accounts@cwad.com.au
 * Phone:   +61 (7) 5500 4044
 * Website: cwad.com.au
 *
 */

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=8e76eaf8616a66ab3254)
 * Config saved to config.json and https://gist.github.com/8e76eaf8616a66ab3254
 */

/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/*@font-face{
  font-family:'Frutiger LT Pro';
  src:local('Frutiger LT Pro 46 Light Italic'),
  local('FrutigerLTPro-LightItalic'),
  url(../fonts/FrutigerLTPro-LightItalic.woff2) format('woff2'),
  url(../fonts/FrutigerLTPro-LightItalic.woff) format('woff');
  font-weight:300;
  font-style:italic
}*/
@font-face{
  font-family:'Frutiger LT Pro';
  src:local('Frutiger LT Pro 66 Bold Italic'),
  local('FrutigerLTPro-BoldItalic'),
  url(../fonts/FrutigerLTPro-BoldItalic.woff2) format('woff2'),
  url(../fonts/FrutigerLTPro-BoldItalic.woff) format('woff');
  font-weight:700;
  font-style:italic
}
@font-face{
  font-family:'Frutiger LT Pro';
  src:local('Frutiger LT Pro 45 Light'),
  local('FrutigerLTPro-Light'),
  url(../fonts/FrutigerLTPro-Light.woff2) format('woff2'),
  url(../fonts/FrutigerLTPro-Light.woff) format('woff');
  font-weight:300;
  font-style:normal
}
@font-face{
  font-family:'Frutiger LT Pro';
  src:local('Frutiger LT Pro 56 Italic'),
  local('FrutigerLTPro-Italic'),
  url(../fonts/FrutigerLTPro-Italic.woff2) format('woff2'),
  url(../fonts/FrutigerLTPro-Italic.woff) format('woff');
  font-weight:400;
  font-style:italic
}

@font-face{
  font-family:'Frutiger LT Pro';
  src:local('Frutiger LT Pro 55 Roman'),
  local('FrutigerLTPro-Roman'),
  url(../fonts/FrutigerLTPro-Roman.woff2) format('woff2'),
  url(../fonts/FrutigerLTPro-Roman.woff) format('woff');
  font-weight:400;
  font-style:normal
}

@font-face{
  font-family:'Frutiger LT Pro';
  src:local('Frutiger LT Pro 76 Black Italic'),
  local('FrutigerLTPro-BlackItalic'),
  url(../FrutigerLTPro-BlackItalic.woff2) format('woff2'),
  url(../fonts/FrutigerLTPro-BlackItalic.woff) format('woff');
  font-weight:900;
  font-style:italic
}

@font-face{
  font-family:'Frutiger LT Pro';
  src:local('Frutiger LT Pro 75 Black'),
  local('FrutigerLTPro-Black'),
  url(../fonts/FrutigerLTPro-Black.woff2) format('woff2'),
  url(../fonts/FrutigerLTPro-Black.woff) format('woff');
  font-weight:900;
  font-style:normal
}

@font-face{
  font-family:'Frutiger LT Pro';
  src:local('Frutiger LT Pro 65 Bold'),
  local('FrutigerLTPro-Bold'),
  url(../fonts/FrutigerLTPro-Bold.woff2) format('woff2'),
  url(../fonts/FrutigerLTPro-Bold.woff) format('woff');
  font-weight:700;
  font-style:normal
}

body {
  background: #F2F2F2;
  -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
           text-rendering: optimizeLegibility;
}
body.stepcapture {
  background: #fff;
}
a {
  color: #7ac142;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px
}
@media (min-width: 768px) {
    .container {
        width: 760px
    }
}
@media (min-width: 992px) {
    .container {
        width: 990px
    }
}
@media (min-width: 1366px) {
    .container {
        width: 1090px
    }
}
@media (min-width: 1440px) {
    .container {
        width: 1440px
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px
}
.row {
    margin-left: -20px;
    margin-right: -20px
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}
.col-xs-12 {
    width: 100%
}
.col-xs-11 {
    width: 91.66666667%
}
.col-xs-10 {
    width: 83.33333333%
}
.col-xs-9 {
    width: 75%
}
.col-xs-8 {
    width: 66.66666667%
}
.col-xs-7 {
    width: 58.33333333%
}
.col-xs-6 {
    width: 50%
}
.col-xs-5 {
    width: 41.66666667%
}
.col-xs-4 {
    width: 33.33333333%
}
.col-xs-3 {
    width: 25%
}
.col-xs-2 {
    width: 16.66666667%
}
.col-xs-1 {
    width: 8.33333333%
}
.col-xs-pull-12 {
    right: 100%
}
.col-xs-pull-11 {
    right: 91.66666667%
}
.col-xs-pull-10 {
    right: 83.33333333%
}
.col-xs-pull-9 {
    right: 75%
}
.col-xs-pull-8 {
    right: 66.66666667%
}
.col-xs-pull-7 {
    right: 58.33333333%
}
.col-xs-pull-6 {
    right: 50%
}
.col-xs-pull-5 {
    right: 41.66666667%
}
.col-xs-pull-4 {
    right: 33.33333333%
}
.col-xs-pull-3 {
    right: 25%
}
.col-xs-pull-2 {
    right: 16.66666667%
}
.col-xs-pull-1 {
    right: 8.33333333%
}
.col-xs-pull-0 {
    right: auto
}
.col-xs-push-12 {
    left: 100%
}
.col-xs-push-11 {
    left: 91.66666667%
}
.col-xs-push-10 {
    left: 83.33333333%
}
.col-xs-push-9 {
    left: 75%
}
.col-xs-push-8 {
    left: 66.66666667%
}
.col-xs-push-7 {
    left: 58.33333333%
}
.col-xs-push-6 {
    left: 50%
}
.col-xs-push-5 {
    left: 41.66666667%
}
.col-xs-push-4 {
    left: 33.33333333%
}
.col-xs-push-3 {
    left: 25%
}
.col-xs-push-2 {
    left: 16.66666667%
}
.col-xs-push-1 {
    left: 8.33333333%
}
.col-xs-push-0 {
    left: auto
}
.col-xs-offset-12 {
    margin-left: 100%
}
.col-xs-offset-11 {
    margin-left: 91.66666667%
}
.col-xs-offset-10 {
    margin-left: 83.33333333%
}
.col-xs-offset-9 {
    margin-left: 75%
}
.col-xs-offset-8 {
    margin-left: 66.66666667%
}
.col-xs-offset-7 {
    margin-left: 58.33333333%
}
.col-xs-offset-6 {
    margin-left: 50%
}
.col-xs-offset-5 {
    margin-left: 41.66666667%
}
.col-xs-offset-4 {
    margin-left: 33.33333333%
}
.col-xs-offset-3 {
    margin-left: 25%
}
.col-xs-offset-2 {
    margin-left: 16.66666667%
}
.col-xs-offset-1 {
    margin-left: 8.33333333%
}
.col-xs-offset-0 {
    margin-left: 0%
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0%
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0%
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0%
    }
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    content: " ";
    display: table
}
.clearfix:after, .container:after, .container-fluid:after, .row:after {
    clear: both
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.pull-right {
    float: right !important
}
.pull-left {
    float: left !important
}
.hidden {
    display: none !important
}
.affix {
    position: fixed
}
/*@-ms-viewport {
    width: device-width
}*/
.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table !important
    }
    tr.visible-xs {
        display: table-row !important
    }
    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }
    table.visible-sm {
        display: table !important
    }
    tr.visible-sm {
        display: table-row !important
    }
    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }
    table.visible-md {
        display: table !important
    }
    tr.visible-md {
        display: table-row !important
    }
    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }
    table.visible-lg {
        display: table !important
    }
    tr.visible-lg {
        display: table-row !important
    }
    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}
.visible-print {
    display: none !important
}
@media print {
    .visible-print {
        display: block !important
    }
    table.visible-print {
        display: table !important
    }
    tr.visible-print {
        display: table-row !important
    }
    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}
.visible-print-block {
    display: none !important
}
@media print {
    .visible-print-block {
        display: block !important
    }
}
.visible-print-inline {
    display: none !important
}
@media print {
    .visible-print-inline {
        display: inline !important
    }
}
.visible-print-inline-block {
    display: none !important
}
@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}
@media print {
    .hidden-print {
        display: none !important
    }
}

@font-face {
    font-family: "Icons";
    src: url("../fonts/Icons.bin");
    src: url("../fonts/Icons-1.bin") format("eot"),
         url("../fonts/Icons-2.bin") format("woff"),
         url("../fonts/Icons-3.bin") format("truetype"),
         url("../fonts/Icons.svg#Icons") format("svg")
}
[class^="icon-"], [class*=" icon-"] {
    font-family: "Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none
}
.icon-arrow-down:before {
    font-family: "Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: ""
}
.icon-arrow-left:before {
    font-family: "Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: ""
}
.icon-arrow-right:before {
    font-family: "Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: ""
}
.icon-close:before {
    font-family: "Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: ""
}
.icon-crosshair:before {
    font-family: "Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: ""
}
.icon-facebook:before {
    font-family: "Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: ""
}
.icon-restart:before {
    font-family: "Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: ""
}
.icon-search:before {
    font-family: "Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: ""
}
.icon-twitter:before {
    font-family: "Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: ""
}
.clearfix:before, .input-container:before, .section-content .counter-container .counter-content:before, .slider:before, .clearfix:after, .input-container:after, .section-content .counter-container .counter-content:after, .slider:after {
    content: " ";
    display: table
}
.clearfix:after, .input-container:after, .section-content .counter-container .counter-content:after, .slider:after {
    clear: both
}
.vertical-table .vertical-cell {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    height: auto
}
.ir, .vertical-table {
    display: table;
    width: 100%;
    height: 100%
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}
.text-center {
    text-align: center
}
.hidden {
    display: none !important;
    visibility: hidden
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}
.invisible {
    visibility: hidden
}
html {
    font-size: 12px;
    line-height: 1.46667em
}
@media (min-width: 768px) {
    html {
        font-size: 13px
    }
}
@media (min-width: 992px) {
    html {
        font-size: 14px
    }
}
@media (min-width: 1470px) {
    html {
        font-size: 18px
    }
}
html {
    font-family: 'Frutiger LT Pro',sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}
audio, canvas, progress, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
    display: none
}
template {
    display: none
}
a {
    background: transparent
}
a:active, a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b, strong {
    font-weight: bold
}
blockquote {
    margin: 1.46667em 40px
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    line-height: 1.46667em;
    margin-top: 0.73333em;
    margin-bottom: 0.73333em
}
h2 {
    font-size: 1.5em;
    line-height: 1.95556em;
    margin-top: 0.97778em;
    margin-bottom: 0.97778em
}
h3 {
    font-size: 1.17em;
    line-height: 1.25356em;
    margin-top: 1.25356em;
    margin-bottom: 1.25356em
}
h4 {
    font-size: 1em;
    line-height: 1.46667em;
    margin-top: 1.46667em;
    margin-bottom: 1.46667em
}
h5 {
    font-size: 0.83em;
    line-height: 1.76707em;
    margin-top: 1.76707em;
    margin-bottom: 1.76707em
}
h6 {
    font-size: 0.67em;
    line-height: 2.18905em;
    margin-top: 2.18905em;
    margin-bottom: 2.18905em
}
mark {
    background: #ff0;
    color: #000
}
p, pre {
    margin: 1.46667em 0
}
small {
    font-size: 80%
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
dl, menu, ol, ul {
    margin: 1.46667em 0
}
dd {
    margin: 0 0 0 40px
}
menu, ol, ul {
    padding: 0 0 0 40px
}
nav ul, nav ol {
    list-style: none;
    list-style-image: none
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1.46667em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}
form {
    margin: 0
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    *font-family: "Trade Gothic W01 Roman", sans-serif;
    *vertical-align: middle
}
button {
    overflow: visible
}
button, select {
    text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}
button[disabled], html input[disabled] {
    cursor: not-allowed
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    margin: 0 2px;
    border-color: #c0c0c0;
    border-top-width: 0.06667em;
    border-top-style: solid;
    padding-top: 0.44667em;
    border-bottom-width: 0.06667em;
    border-bottom-style: solid;
    padding-bottom: 0.88667em;
    border-left-width: 0.06667em;
    border-left-style: solid;
    padding-left: 0.85em;
    border-right-width: 0.06667em;
    border-right-style: solid;
    padding-right: 0.85em
}
legend {
    border: 0;
    padding: 0;
    *margin-left: -7px
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: bold
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td, th {
    padding: 0
}
html, button, input, select, textarea {
    color: #4d4d4d
}
input {
    background-clip: padding-box !important
}
body {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: 'Frutiger LT Pro',sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 1.46667;
    color: #424242;
    height: 100%
}
html {
    height: 100%
}
::-moz-selection {
    background: #7ac142;
    text-shadow: none
}
::selection {
    background: #7ac142;
    text-shadow: none
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
img {
    vertical-align: middle
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
textarea {
    resize: vertical
}
header, section, footer {
    box-sizing: border-box;
    position: relative;
    display: block
}
h1, h2, h3, h4, h5, h6 {
    line-height: inherit;
    font-family: 'Frutiger LT Pro',sans-serif;
    color: #118907;
    font-weight: 700
}
label {
    font-family: 'Frutiger LT Pro',sans-serif;
    font-weight: bold
}
h3 {
    font-size: 1.3em
}
.blue {
    color: #222
}
.light-grey-bg {
    background: #F2F2F2
}
.grey-bg {
    background: #EAE9E8
}
.text-green {
    color: #118906
}
.icon-green {
    color: #118906
}
.nopadding {
    padding: 0 !important
}
.syn-float-left {
    float: left
}
.syn-float-right {
    float: right
}
.dropdown-select:after {
    content: "\E001";
    font-family: 'Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #118906;
    -webkit-transition: 0.2s -webkit-transform;
    transition: 0.2s transform
}
.dropdown-select.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.btn {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-image: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding-left: 14px;
    padding-right: 14px;
    height: auto;
    padding: 5px 10px;
    min-width: 35px;
    text-align: center;
    pointer-events: all;
    border-radius: 4px;
}
.btn:focus {
    outline: 0
}
.btn::-moz-focus-inner {
    border: 0
}
.btn-default {
    color: inherit;
    border: 1px solid #b8b7b6;
    background: #fff
}
.btn-default:enabled:hover, .btn-default:enabled:active {
    background: #f4f4f4
}
.btn-default:disabled {
    background: #fff;
    cursor: default
}
.btn-primary {
    color: #fff;
    border: 1px solid #118906;
    background: #118906
}
.btn-inverted {
    color: #118906;
    border: 1px solid #118906;
    background: #fff
}
.btn-primary:enabled:hover, .btn-primary:enabled:active {
    border-color: #0B5804;
    background: #0B5804
}
.btn-primary:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.btn-white {
    background: #fff;
    color: #4d4d4d
}
.btn-white:hover {
    background-color: #e6e6e6;
    border-color: #c1c3ca
}
.btn-white i {
    color: #118906
}
.contact-form .btn-primary {
    line-height: 1.8em;
    min-width: 40px;
    padding: 0.4em 1.5em 0.25em;
    font-weight: 500;
}
.footer-btns {
    /*float: left;*/
    width: 100%;
    display: flex;
    justify-content: center;
}
.footer-btns-btn {
    width: 50%;
    padding: 10px;
    /*float: left*/
}
.footer-btns-btn .dealer-link {
    width: 100%;
    margin-top: 0 !important
}
.footer-btns-btn .btn {
    width: 100%;
    padding: 8px 6px 4px;
}
@media (max-width: 767px) {
    .footer-btns-btn {
        width: 100%
    }
}
@media (max-width: 767px) {
    .noresults .footer-btns-btn {
        margin-left: 0
    }
}
.btn-tiny {
    line-height: 23px;
    min-width: 25px;
    font-size: 9px;
    padding-left: 8px;
    padding-right: 8px
}
.btn-tiny>.icon, .btn-tiny>.icon-arr-down-orange, .btn-tiny>.icon-arr-left-orange, .btn-tiny>.icon-arr-left-sm, .btn-tiny>.icon-arr-right-sm, .btn-tiny>.icon-arr-right, .btn-tiny>.icon-bg-arrow, .section-content .btn-tiny>.counter-container:after, .btn-tiny>.icon-close, .btn-tiny>.icon-dropdown-inclination, .btn-tiny>.icon-dropdown-schedule, .btn-tiny>.icon-dropdown-size, .btn-tiny>.icon-refresh, .btn-tiny>.icon-restart, .btn-tiny>.icon-search-marker, .btn-tiny>.icon-zoom-in, .btn-tiny>.icon-zoom-out, .btn-tiny>#dropdown_size:before, .btn-tiny>#dropdown_inclination:before, .btn-tiny>#dropdown_schedule:before, .btn-refresh.btn-tiny:hover>.icon, .btn-refresh.btn-tiny:active>.icon, .btn-tiny>.dropdown-select:after {
    font-size: 9px
}
.btn-small {
    font-size: 14px
}
.btn-small>.icon, .btn-small>.icon-arr-down-orange, .btn-small>.icon-arr-left-orange, .btn-small>.icon-arr-left-sm, .btn-small>.icon-arr-right-sm, .btn-small>.icon-arr-right, .btn-small>.icon-bg-arrow, .section-content .btn-small>.counter-container:after, .btn-small>.icon-close, .btn-small>.icon-dropdown-inclination, .btn-small>.icon-dropdown-schedule, .btn-small>.icon-dropdown-size, .btn-small>.icon-refresh, .btn-small>.icon-restart, .btn-small>.icon-search-marker, .btn-small>.icon-zoom-in, .btn-small>.icon-zoom-out, .btn-small>#dropdown_size:before, .btn-small>#dropdown_inclination:before, .btn-small>#dropdown_schedule:before, .btn-refresh.btn-small:hover>.icon, .btn-refresh.btn-small:active>.icon, .btn-small>.dropdown-select:after {
    font-size: 14px
}
.btn-large {
    line-height: 38px;
    min-width: 40px
}
.btn-full {
    width: 100%;
    padding-right: 1em;
    text-align: left
}
.btn-arrow-right {
    padding-right: 2em
}
.btn-arrow-right i {
    position: absolute;
    right: 0.5em;
    top: 0;
    line-height: 2em
}
.btn-arrow-left {
    padding-left: 1.5em;
    line-height: 1.6em !important
}
.btn-arrow-left i {
    position: absolute;
    left: 0;
    margin-left: 0 !important;
    font-size: 1.3em !important;
    line-height: 1.2em !important;
    -webkit-transform: translateY(0px) !important;
    transform: translateY(0px) !important
}
.btn-zoom {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 1px;
    font-size: 44px;
    font-family: normal;
    color: #118906;
    border: none;
    box-shadow: 0px 0px 26px -2px rgba(0,0,0,.95);
    border-radius: 3px;
}
.btn-zoom.js-btn-zoom-out {
    margin-top: 8px;
    font-size: 54px
}
.btn-link {
    color: #118906;
    font-size: 1em;
    line-height: inherit;
    text-decoration: none
}
.btn-link i {
    display: inline-block;
    margin-left: 0.5em;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}
.btn-link:hover, .btn-link:hover i {
    color: #0B5804
}
.btn-round {
    width: 2.8em;
    height: 2.8em;
    border-radius: 1.4em;
    background: #FFFFFF;
    border: none;
    padding: 0
}
.btn-round-outline {
    color: #fff;
    border: 2px solid;
    height: 2.2em;
    line-height: 2.2em;
    width: 2.2em;
    padding: 0;
    border-radius: 100%;
    margin-right: 0.5em;
    min-width: 0
}
@media (max-width: 767px) {
    .btn-round-outline {
        font-size: 14px
    }
}
.btn-round-outline.icon-facebook {
    line-height: 2em;
    padding-left: 1px
}
.btn-info {
    font-size: 0.8em;
    height: 1.5em;
    min-width: 0;
    width: 1.5em;
    line-height: 1.6em;
    border-radius: 0.75em;
    padding: 0;
    background: #fff;
    color: #118907;
    font-family: 'Frutiger LT Pro',sans-serif;
    font-weight: bold
}
.btn-refresh>.icon, .btn-refresh>.icon-arr-down-orange, .btn-refresh>.icon-arr-left-orange, .btn-refresh>.icon-arr-left-sm, .btn-refresh>.icon-arr-right-sm, .btn-refresh>.icon-arr-right, .btn-refresh>.icon-bg-arrow, .section-content .btn-refresh>.counter-container:after, .btn-refresh>.icon-close, .btn-refresh>.icon-dropdown-inclination, .btn-refresh>.icon-dropdown-schedule, .btn-refresh>.icon-dropdown-size, .btn-refresh>.icon-refresh, .btn-refresh>.icon-restart, .btn-refresh>.icon-search-marker, .btn-refresh>.icon-zoom-in, .btn-refresh>.icon-zoom-out, .btn-refresh>#dropdown_size:before, .btn-refresh>#dropdown_inclination:before, .btn-refresh>#dropdown_schedule:before, .btn-refresh:hover>.icon, .btn-refresh:active>.icon, .btn-refresh>.dropdown-select:after {
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    display: block;
    margin-bottom: 15px
}
.btn-refresh:hover, .btn-refresh:active {
    color: #747473
}
.btn-refresh:hover>.icon-arr-down-orange, .btn-refresh:hover>.icon-arr-left-orange, .btn-refresh:hover>.icon-arr-left-sm, .btn-refresh:hover>.icon-arr-right-sm, .btn-refresh:hover>.icon-arr-right, .btn-refresh:hover>.icon-bg-arrow, .section-content .btn-refresh:hover>.counter-container:after, .btn-refresh:hover>.icon-close, .btn-refresh:hover>.icon-dropdown-inclination, .btn-refresh:hover>.icon-dropdown-schedule, .btn-refresh:hover>.icon-dropdown-size, .btn-refresh:hover>.icon-refresh, .btn-refresh:hover>.icon-restart, .btn-refresh:hover>.icon-search-marker, .btn-refresh:hover>.icon-zoom-in, .btn-refresh:hover>.icon-zoom-out, .btn-refresh:hover>#dropdown_size:before, .btn-refresh:hover>#dropdown_inclination:before, .btn-refresh:hover>#dropdown_schedule:before, .btn-refresh:hover>.icon, .btn-refresh:hover>.dropdown-select:after, .btn-refresh:active>.icon-arr-down-orange, .btn-refresh:active>.icon-arr-left-orange, .btn-refresh:active>.icon-arr-left-sm, .btn-refresh:active>.icon-arr-right-sm, .btn-refresh:active>.icon-arr-right, .btn-refresh:active>.icon-bg-arrow, .section-content .btn-refresh:active>.counter-container:after, .btn-refresh:active>.icon-close, .btn-refresh:active>.icon-dropdown-inclination, .btn-refresh:active>.icon-dropdown-schedule, .btn-refresh:active>.icon-dropdown-size, .btn-refresh:active>.icon-refresh, .btn-refresh:active>.icon-restart, .btn-refresh:active>.icon-search-marker, .btn-refresh:active>.icon-zoom-in, .btn-refresh:active>.icon-zoom-out, .btn-refresh:active>#dropdown_size:before, .btn-refresh:active>#dropdown_inclination:before, .btn-refresh:active>#dropdown_schedule:before, .btn-refresh:active>.icon, .btn-refresh:active>.dropdown-select:after {
    background-position: 0 -219px;
    height: 90px;
    width: 90px
}
.btn-refresh:active>.icon-arr-down-orange, .btn-refresh:active>.icon-arr-left-orange, .btn-refresh:active>.icon-arr-left-sm, .btn-refresh:active>.icon-arr-right-sm, .btn-refresh:active>.icon-arr-right, .btn-refresh:active>.icon-bg-arrow, .section-content .btn-refresh:active>.counter-container:after, .btn-refresh:active>.icon-close, .btn-refresh:active>.icon-dropdown-inclination, .btn-refresh:active>.icon-dropdown-schedule, .btn-refresh:active>.icon-dropdown-size, .btn-refresh:active>.icon-refresh, .btn-refresh:active>.icon-restart, .btn-refresh:active>.icon-search-marker, .btn-refresh:active>.icon-zoom-in, .btn-refresh:active>.icon-zoom-out, .btn-refresh:active>#dropdown_size:before, .btn-refresh:active>#dropdown_inclination:before, .btn-refresh:active>#dropdown_schedule:before, .btn-refresh:active>.icon, .btn-refresh:active>.dropdown-select:after {
    -webkit-transition: -webkit-transform 0s;
    transition: transform 0s;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}
.input, .input-container>.input-prefix {
    box-sizing: border-box;
    padding: 0 10px;
    color: inherit;
    text-overflow: ellipsis;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #d2d4d5;
    line-height: 1.3em;
    font-size: 1em;
    border-radius: 0
}
.input:focus, .input-container>.input-prefix:focus {
    outline: 0;
    box-shadow: 0 0 0 100px hsl(360, 100%, 100%) inset;
}
.input::-moz-focus-inner, .input-container>.input-prefix::-moz-focus-inner {
    border: 0
}

input:-webkit-autofill, .input:-webkit-autofill, .input-container>.input-prefix:-webkit-autofill {
    -webkit-text-fill-color: #222 !important;
    -webkit-box-shadow: 0 0 0 100px hsl(0, 0, 96%) inset;
    color: inherit !important;
}
.input:-moz-placeholder, .input-container>.input-prefix:-moz-placeholder {
    color: #b4b4b4
}
.input::-moz-placeholder, .input-container>.input-prefix::-moz-placeholder {
    color: #b4b4b4
}
.input:-ms-input-placeholder, .input-container>.input-prefix:-ms-input-placeholder {
    color: #b4b4b4
}
.input::-webkit-input-placeholder, .input-container>.input-prefix::-webkit-input-placeholder {
    color: #b4b4b4
}
.input-container {
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.input-container>.input-prefix {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    border-color: transparent;
    background: transparent
}
.input-container>.input-prefix:focus, .input-container>.input-prefix:active {
    border-color: transparent
}
.input-container .input-prefix+.input, .input-container>.input-prefix+.input-prefix {
    float: left;
    padding-left: 45px
}
.input-container .input-prefix+.twitter-typeahead {
    float: left
}
.input-container .input-prefix+.twitter-typeahead .input, .input-container .input-prefix+.twitter-typeahead .input-container>.input-prefix {
    float: left;
    padding-left: 40px
}
.form-horizontal .btn+.btn, .form-horizontal .input+.btn, .form-horizontal .input-container>.input-prefix+.btn, .form-horizontal .input-container+.btn {
    margin-left: 5px
}

.form-control {
    display: block;
    width: 100%;
    /*height: calc(2em + 0.75rem + 2px);*/
    /*padding: 0.575rem 1rem 0.375rem;*/
    height: calc(1.75em + 0.75rem + 2px);
    padding: 0.375rem 1rem 0.2rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #f5f5f5;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    /*box-shadow: 0 0 0 100px hsl(0, 0%, 96%) inset;*/
    background-color: #f5f5f5;
}
textarea.form-control {
    height: auto;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border: 1px solid #7ac142;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(122, 193, 66, 0.25), 0 0 0 100px hsl(360, 100%, 100%) inset;
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
  /*letter-spacing: -0.5px;*/
  font-weight: 300;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
  /*letter-spacing: -0.5px;*/
  font-weight: 300;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
  /*letter-spacing: -0.5px;*/
  font-weight: 300;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
  /*letter-spacing: -0.5px;*/
  font-weight: 300;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
  /*letter-spacing: -0.5px;*/
  font-weight: 300;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.form-group {
  margin-bottom: 0.6em;
}
.m-auto {
  margin-left: auto;
  margin-right: auto;
  float: unset;
}
.fade {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}
@media (max-width: 767px) {
    .xs-no-padding {
        padding: 0 !important
    }
}
.lbox {
    position: absolute;
    opacity: 0;
    left: 1%;
    right: 1%;
    width: 50%;
    min-width: 300px;
    max-width: 1000px;
    margin: 8vh auto;
    padding: 10px;
    overflow-y: auto;
    background: #fff;
    z-index: 999;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out
}
.lbox .lbox-content {
    padding: 5% 7% 5%
}
.lbox .lbox-content h3 {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.05em;
}
.lbox .lbox-content p {
    margin: 0.5em 0
}
.lbox .lbox-content iframe {
    padding-top: 0
}
.lbox .lbox-content img {
    margin: 0 auto
}
.lbox .lbox-content ol {
    padding-left: 30px
}
.lbox .lbox-content ul {
    padding-left: 20px
}
.lbox .lbox-content .caption {
    margin-top: 1em;
    display: block
}
@media (max-width: 1439px) {
    .lbox .lbox-content ol {
        padding-left: 20px
    }
    .lbox .lbox-content ul {
        padding-left: 16px
    }
}
@media (max-width: 991px) {
    .lbox .lbox-content {
        padding-top: 40px
    }
    .lbox .lbox-content iframe {
        padding-top: 10px
    }
}
.lbox .lbox-close {
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 3px;
    padding: 13px 15px 10px;
    box-sizing: content-box;
    color: #118906;
    cursor: pointer;
    font-size: 36px
}
.lbox .lbox-close:hover {
    color: #d5400e
}
@media (max-width: 991px) {
    .lbox .lbox-close {
        font-size: 20px
    }
}
@media (max-width: 767px) {
    .lbox {
        width: 100%;
        padding: 0;
        left: 0;
        right: 0
    }
}
.lbox-overlay {
    background: rgba(0, 0, 0, 0.7);
    z-index: 99;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: scroll
}
.touch .lbox-overlay {
    position: absolute
}
.lbox-visible {
    overflow-y: hidden
}
.lbox-visible.lbox-animate .lbox {
    opacity: 1
}
.lbox-visible .lbox-overlay {
    display: block
}
.lbox-small {
    max-width: 400px
}
.lbox-small .lbox-content {
    padding: 5% 5% 6%
}
.lbox-small .lbox-content h1, .lbox-small .lbox-content h2, .lbox-small .lbox-content h3 {
    margin: 0
}
.lbox-small .lbox-content p {
    margin-top: 0.6em
}
.dropdown-select {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 2.8em;
    background: #fff;
    border: 1px solid #d2d4d5;
    cursor: pointer
}
.dropdown-select:after {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.8em;
    line-height: 3.5em;
    height: 3.5em;
    width: 3.5em;
    text-align: center;
    cursor: pointer
}
.dropdown-select .dropdown-select-items {
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    top: 2.8em;
    left: -1px;
    right: -1px;
    display: none;
    list-style-type: none;
    max-height: 226px;
    overflow-y: auto;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: white;
    border: 1px solid #d2d4d5;
    border-top: 0
}
.dropdown-select .dropdown-select-label, .dropdown-select .dropdown-select-item {
    box-sizing: border-box;
    display: block;
    height: 2.8em;
    padding-left: 15px;
    padding-right: 15px;
    font-size: inherit;
    line-height: 2.8em;
    color: #7c7c7c;
    cursor: pointer
}
.dropdown-select .dropdown-select-label.disabled, .dropdown-select .dropdown-select-item.disabled {
    opacity: 0.5;
    cursor: default
}
.dropdown-select .dropdown-select-item+.dropdown-select-item {
    border-top: 1px solid #edeeee
}
.dropdown-select .dropdown-select-item:hover, .dropdown-select .dropdown-select-item.selected {
    color: #424242;
    background-color: #f4f4f4
}
.dropdown-select.active .dropdown-select-items {
    display: block
}
.dropdown-select.disabled {
    opacity: 0.5
}
input[type=range].lc-range {
    -webkit-appearance: none;
    width: 100%;
    margin: 0;
    background: none;
    font-size: 40px;
    padding: 0;
    height: 48px
}
input[type=range].lc-range::-moz-focus-outer {
    border: 0
}
input[type=range].lc-range:focus {
    outline: none
}
input[type=range].lc-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 18px;
    cursor: pointer;
    box-shadow: none;
    background: #118906;
    border-radius: 0px;
    border: 6px solid #fff
}
input[type=range].lc-range::-webkit-slider-thumb {
    box-shadow: none;
    border: 7px solid #118906;
    height: 36px;
    width: 36px;
    border-radius: 18px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -14px
}
input[type=range].lc-range:focus::-webkit-slider-runnable-track {
    background: #118906
}
input[type=range].lc-range::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    box-shadow: none;
    background: #118906;
    border-radius: 0px;
    border: 6px solid #fff
}
input[type=range].lc-range::-moz-range-thumb {
    box-shadow: none;
    border: 7px solid #118906;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #ffffff;
    cursor: pointer
}
input[type=range].lc-range::-ms-track {
    width: 100%;
    height: 10px !important;
    cursor: pointer;
    box-shadow: none;
    background: #ffffff;
    border-radius: 0px;
    border: none
}
input[type=range].lc-range::-ms-tooltip {
    display: none
}
input[type=range].lc-range::-ms-fill-lower {
    background: #118906
}
input[type=range].lc-range::-ms-fill-upper {
    background: #fff
}
input[type=range].lc-range::-ms-thumb {
    box-shadow: none;
    border: 5px solid #118906;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #ffffff;
    cursor: pointer !important;
    margin-top: -5px;
    box-sizing: border-box;
}
input[type=range].lc-range:focus::-ms-fill-lower {
    background: #118906
}
input[type=range].lc-range:focus::-ms-fill-upper {
    background: #ffffff
}
.tt-dropdown-menu {
    box-sizing: border-box;
    box-shadow: 0;
    width: 100%;
    border: 1px solid #d2d4d5;
    text-align: left
}
.tt-dropdown-menu .tt-suggestions {
    width: 100%
}
.tt-dropdown-menu .tt-suggestion {
    box-sizing: border-box;
    display: block;
    height: 1.75em;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.2em;
    line-height: 1.75em;
    background-color: #fff;
    color: #7c7c7c;
    cursor: pointer
}
.tt-dropdown-menu .tt-suggestion>p {
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden
}
.tt-dropdown-menu .tt-suggestion:last-of-type {
    border: 0
}
.tt-dropdown-menu .tt-suggestion.tt-cursor {
    background-color: #f4f4f4;
    color: #7c7c7c
}
.tt-dropdown-menu .tt-suggestion .tt-highlight {
    color: #3b3b3b;
    font-weight: bold
}
.tt-dropdown-menu .tt-suggestion+.tt-suggestion {
    border-top: 1px solid #edeeee
}
.email-recommend-box {
    width: 100%;
    float: left;
    margin-bottom: 40px
}
.email-recommend-box input {
    height: 2.8em;
    color: #000
}
.email-recommend-box input[type=checkbox] {
    float: left;
    width: 10%;
    display: inline;
    clear: both;
    height: 1.1em;
    margin: 0.9em 0
}
.email-recommend-box .btn {
    height: 2.8em;
    padding-top: 0;
    padding-bottom: 0
}
.email-recommend-box label {
    font-family: 'Frutiger LT Pro',sans-serif;
    font-size: 0.85em;
    font-weight: bold;
    margin: 0.8em 0;
    display: block;
    float: left;
    width: 90%;
    display: inline
}
.email-recommend-box label.syn-chk-label {
    font-family: 'Frutiger LT Pro',sans-serif;
    font-weight: bold;
    float: left;
    width: 90%;
    display: inline;
    margin: 0.8em 0;
    font-size: 0.9em;
    line-height: normal;
    color: #777;
    text-transform: none !important
}
@media (max-width: 767px) {
    .email-recommend-box label.syn-chk-label {
        margin: 1em 0 0;
        line-height: 1.1em
    }
}
.email-recommend-box .email-cb-wrapper {
    float: left;
    width: 100%;
    margin-top: 15px
}
.email-recommend-box h3 {
    text-align: center;
    margin: 0 0 20px !important
}
.email-recommend-box:after {
    width: 100%;
    height: 1px;
    clear: both
}
.section-results {
    position: relative;
    width: 100%;
    height: auto;
    background: #fff;
    display: none;
    z-index: 11
}
@media (max-width: 767px) {
    .section-results {
        min-height: 200px
    }
}
@media (min-width: 768px) {
    .section-results {
        min-height: 500px
    }
}
@media (min-width: 992px) {
    .section-results {
        min-height: 700px
    }
}
@media (min-width: 992px) {
    .section-results {
        min-height: 700px
    }
}
.section-results input {
    height: 2.8em;
    color: #000
}
.section-results input[type=checkbox] {
    float: left;
    width: auto;
    height: auto;
    clear: both
}
.section-results label {
    font-family: 'Frutiger LT Pro',sans-serif;
    font-size: 0.85em;
    font-weight: bold;
    margin: 0.8em 0;
    display: block;
    float: left
}
.section-results label.syn-chk-label {
    font-weight: normal;
    font-family: 'Frutiger LT Pro',sans-serif;
    float: left;
    margin: 0 0.5em;
    font-size: 0.9em;
    line-height: normal;
    color: #777;
    text-transform: none !important
}
@media (max-width: 767px) {
    .section-results label.syn-chk-label {
        margin: 0.3em 0 0;
        line-height: 1.1em
    }
}
.section-results .content-form-label {
    margin: 0 0 0.4em
}
.section-results .btn-info {
    margin: 0 0.7em 0
}
@media (max-width: 767px) {
    .section-results .btn-info {
        margin-top: 0
    }
}
.section-results .content-specify {
    position: relative;
    width: 100%;
    height: auto;
    background: #f2f2f2;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0, 0, 0.58, 1) 0.3s;
    transition: transform 0.6s cubic-bezier(0, 0, 0.58, 1) 0.3s;
    -webkit-transition-delay: 0.1s;
    padding: 2em 0
}
.section-results .content-specify label {
    float: none;
    display: inline
}
.section-results .content-specify .dropdown-select {
    clear: both
}
.section-results .content-specify input {
    width: 100%
}
.section-results .content-specify .custom-checkbox {
    overflow: hidden;
    float: left;
    margin-left: 0
}
.section-results .content-specify .heatblock-cb-wrapper {
    clear: both;
}
.section-results .content-specify .heatblock-cb-wrapper .custom-checkbox {
    float: none;
    display: inline;
    line-height: 0.9em
}
.section-results .content-specify .heatblock-cb-wrapper .custom-checkbox input {
    float: none
}
.section-results .content-specify .heatblock-cb-wrapper label {
    float: none;
    display: inline
}
.section-results .content-specify.hide {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}
.section-results .content-specify .content-inner {
    margin-bottom: 1em
}
.section-results .content-specify .content-form-element {
    margin-bottom: 0
}
@media (max-width: 767px) {
    .section-results .content-specify .content-form-element {
        margin-bottom: 1.5em
    }
}
.section-results .content-specify .content-form-element label {
    text-transform: uppercase
}
.section-results .content-specify .range-label {
    text-align: center;
    padding: 0;
    margin-top: -0.3em;
    width: 33%;
    float: left;
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .section-results .content-specify .range-label {
        margin-top: 0.2em
    }
}
.section-results .content-specify .range-label.left {
    text-align: left
}
.section-results .content-specify .range-label.right {
    text-align: right
}
.section-results .container {
    position: relative
}
.section-results .container .swipe-horizontal {
    background: url('../images/swipe-horizontal.png');
    background-size: cover;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    z-index: 9999;
    top: 10px;
    left: 50%;
    margin-left: -30px;
    display: none
}
.section-results .syn-specify-filter .content-form-element {
    margin-bottom: 0
}
.section-results .syn-specify-filter .content-form-element .heatblock-label-wrapper {
    float: left;
    width: 100%
}
.section-results .syn-specify-filter .content-form-element .heatblock-label-wrapper:after {
    clear: both
}
label[for=input-heatblock] {
    text-transform: none !important;
    font-weight: 300;
    font-size: 0.9em;
}
label[for=input-heatblock] strong {
  font-weight: 800;
}
.section-results .content-results {
    height: auto;
    position: relative;
    display: none;
    width: 100%;
    margin: 30px 0 0
}
.section-results .content-results .js-show-single {
    cursor: pointer
}
.section-results .content-results .js-show-single:hover {
    color: #0B5804
}
.section-results .content-results .slick-slider {
    margin: 0 -39px 30px
}
.section-results .content-results .slick-slider img {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
}
.section-results .content-results .slick-slider .img-wrapper:hover img {
    width: 102%;
    margin-left: -1%
}
.section-results .content-results .content-result-item {
    height: 100%;
    margin: 1em 0;
    outline: 0;
    padding: 40px 40px 0
}
@media (max-width: 767px) {
    .section-results .content-results .content-result-item.lc-full-result {
        padding: 0
    }
}
@media (min-width: 992px) {
    .section-results .content-results .content-result-item.lc-full-result {
        width: 100%;
        padding: 0;
        margin: 4em 0 2em
    }
    .section-results .content-results .content-result-item.lc-full-result .rec {
        top: -40px;
        right: 0
    }
    .section-results .content-results .content-result-item.lc-full-result .js-show-single {
        cursor: default
    }
    .section-results .content-results .content-result-item.lc-full-result .result-item-inner .img-wrapper {
        width: 60%;
        float: left;
        padding-right: 6%;
        /*padding: 4% 6%;*/
    }
    .section-results .content-results .content-result-item.lc-full-result .result-item-inner .data-wrapper {
        width: 40%;
        float: right
    }
    .section-results .content-results .content-result-item.lc-full-result .result-item-inner .data-wrapper>div {
        padding: 0
    }
}
.section-results .content-results .content-result-item.content-result-nofilter {
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 140px;
    padding-top: 0;
}
.section-results .content-results .content-result-item.content-result-nofilter img {
    margin: 0 auto
}
.section-results .content-results .content-result-item.content-result-nofilter .result-item-inner {
    max-width: 650px;
    display: flex;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 0 auto;
}
.section-results .content-results .content-result-item.content-result-nofilter .result-item-inner h2 {
    font-size: 3rem;
    line-height: 1;
    letter-spacing: -0.2rem;
    margin: 0;
    text-align: left;
    color: #118906;
    min-width: 13rem !important;
}
.section-results .content-results .content-result-item.content-result-nofilter  .result-item-inner img {
    max-width: 305px;
    margin: 0 0 73px auto;
}


.section-results .content-results .content-result-item.content-result-empty {
    padding: 10% 0 20%;
    margin: 0;
    background: url('../images/dealer.png') no-repeat bottom right;
    background-size: 20% auto
}
@media (max-width: 767px) {
    .section-results .content-results .content-result-item.content-result-nofilter .result-item-inner {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    .section-results .content-results .content-result-item.content-result-nofilter .result-item-inner .no-filter-text {
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .section-results .content-results .content-result-item.content-result-nofilter .result-item-inner h2 {
      text-align: center;
    }
    .section-results .content-results .content-result-item.content-result-empty {
        background: none
    }
}
@media (min-width: 992px) {
    .section-results .content-results .content-result-item.content-result-empty {
        background-position: bottom right 10%
    }
}
@media (min-width: 1440px) {
    .section-results .content-results .content-result-item.content-result-empty {
        background-position: bottom right 20%
    }
}
.section-results .content-results .content-result-item.content-result-empty .result-item-inner {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    color: #222;
    font-size: 1.1em
}
.section-results .content-results .content-result-item.content-result-empty .result-item-inner p {
    width: 80%;
    margin: 0 auto
}
.section-results .content-results .content-result-item.content-result-empty .result-item-inner a {
    text-decoration: none;
    color: inherit
}
.section-results .content-results .content-result-item.content-result-empty .result-item-inner a:hover {
    color: #118906
}
.section-results .content-results .content-result-item.content-result-empty .result-item-inner a.btn {
    margin-top: 1.5em;
    color: #fff
}
.section-results .content-results .content-result-item .result-item-inner {
    height: 100%
}
.section-results .content-results .content-result-item .result-item-inner .img-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    background-color: #fff
}
/*.section-results .content-results .content-result-item.lc-full-result .result-item-inner .img-wrapper {
    padding-bottom: 100%;
}*/
.section-results .content-results .content-result-item .result-item-inner .data-wrapper {
    position: relative;
    padding-top: 1em
}
.section-results .content-results .content-result-item .result-item-inner .data-wrapper>div {
    padding: 0 0 2em
}
.section-results .content-results .content-result-item .result-item-inner .data-wrapper .ratings-container {
    padding: 0;
    padding-bottom: 0.75em;
    overflow: hidden;
    font-size: 0.9em;
    clear: both;
    background-color: #fff;
}
.section-results .content-results .content-result-item .result-item-inner .data-wrapper .ratings-container h4 {
    font-family: 'Frutiger LT Pro',sans-serif;
    font-weight: bold;
    color: #000;
    text-transform: uppercase
}
.section-results .content-results .content-result-item .result-item-inner .data-wrapper .ratings-container span {
    font-size: 1.2em;
    font-weight: normal;
    color: #777
}
.section-results .content-results .content-result-item .result-item-inner .data-wrapper .ratings-container .ratings-slider {
    width: 100%;
    height: 15px;
    margin: 6px 0;
    float: left;
    background-color: #f2f2f2
}
.section-results .content-results .content-result-item .result-item-inner .data-wrapper .ratings-container .ratings-slider div[class$='-slider-inner'] {
    /*background-color: #5DC427;*/
    background-color: #1fa12e;
    height: 100%;
    width: 0%;
    -webkit-transition: width 0.6s ease-in-out;
    transition: width 0.6s ease-in-out
}
.section-results .content-results .content-result-item img {
    width: 100%
}
/*.section-results .content-results .content-result-item h3 {
    color: #118906;
    margin: 0 0 0.5em
}*/
.section-results .content-results .content-result-item h3 {
    color: #fff;
    margin: 0 0 0.5em;
    background: #222;
    width: auto;
    display: inline-block;
    padding: 5px 11px 0;
    font-size: 1.5em;
}
.section-results .content-results .content-result-item h3:hover {
    color: #7ac143;
}
.section-results .content-results .content-result-item h4 {
    font-family: 'Frutiger LT Pro',sans-serif;
    font-weight: normal;
    color: #999;
    margin: 0;
    line-height: 1
}
.section-results .content-results .content-result-item span {
    font-family: 'Frutiger LT Pro',sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    display: block
}
.section-results .content-results .content-result-item span.metric {
    font-size: 1em;
    display: inline
}
.section-results .content-results .content-result-item span.imperial {
    font-size: 1em;
    display: inline
}
.section-results .content-results .content-result-item span.price {
    color: #118907;
    font-weight: 800;
    letter-spacing: -0.03em;
    font-size: 1.5em;
}
.price small {
    font-size: 50%;
    font-weight: 400;
    margin-left: 3px;
    letter-spacing: -0.05em;
}
.section-results .content-results .content-result-item span.rec {
    position: absolute;
    display: inline-block;
    margin-bottom: 1.5em;
    top: 0;
    right: 40px;
    font-size: 0.7em;
    color: #fff;
    padding: 0.8em 1em;
    background-color: #5A7790
}
@media (max-width: 767px) {
    .section-results .content-results .content-result-item span.rec {
        font-size: 1em
    }
}
.section-results .content-results .content-result-item span.rec.better {
    background-color: #3C6182
}
.section-results .content-results .content-result-item span.rec.best {
    background-color: #222
}
/*.section-results .content-results .content-result-item ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both
}
.section-results .content-results .content-result-item ul li {
    height: 1.8em
}*/
.section-results .content-results .content-result-item ul li.lbox-feature {
    cursor: pointer
}
.section-results .content-results .content-result-item ul li.lbox-feature:hover {
    color: #118906
}
.section-results .content-results .content-result-item ul li.bold {
    font-family: 'Frutiger LT Pro',sans-serif;
    font-weight: bold
}
.section-results .content-results .content-result-item .dcom-btn-wrapper {
    width: 100%;
    float: left;
    margin: 0.4em 0 2em 0
}
.slick-slider .dcom-btn-wrapper {
    display: none;
}
.section-results .content-results .content-result-item:first-child {
    margin-left: 0
}
.section-results .content-footer {
    display: none;
    background-color: #f2f2f2;
    padding: 0.4em 0 4em;
    position: relative
}
.section-results .content-footer .arrow-down {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #fff
}
.section-results .content-footer .content-footer-inner {
    max-width: 600px;
    margin: 0 auto;
    text-align: center
}
.section-results .content-footer .content-footer-inner .disclaimer-save-the-lead {
    float: left;
    padding: 10px 3px;
    text-align: left;
    margin: 15px 0;
    font-size: 0.8em
}
.section-results .content-footer h3 {
    margin-bottom: 16px;
    font-size: 1.75rem;
    letter-spacing: -1px
}
.section-results .content-footer .content-byline {
    color: #858585;
    font-size: 1em;
    max-width: 310px;
    margin: 0 auto 20px
}
.section-results .content-footer label {
    margin-top: 0
}
.section-results .content-footer .email-recommend-sent {
    margin: 2em 0
}
.section-results .content-footer .dealer-btn {
    margin-top: 2em
}
@media (max-width: 991px) {
    .section-results .content-footer .dealer-btn {
        margin-top: 1em
    }
}
.section-results .content-footer .dealer-link {
    margin-top: 1.5em;
    color: #118906;
    text-decoration: none;
    clear: both;
    display: inline-block
}
.section-results .content-footer .dealer-link .icon-arrow-right {
    font-size: 0.7em
}
@media (max-width: 991px) {
    .section-results .content-footer .dealer-link {
        margin-top: 1em
    }
}
.section-results .content-footer .dealer-link:hover {
    color: #0B5804
}
.section-results .content-footer .social-container {
    margin-top: 1.5em;
    font-size: 0.8em
}
.section-results .content-footer .social-container .icon-facebook, .section-results .content-footer .social-container .icon-twitter {
    color: inherit
}
.section-results .content-footer .social-container .social-link {
    text-decoration: none;
    display: inline-block;
    margin: 0 15px 15px;
    color: #222
}
.section-results .content-footer .social-container .social-link:hover {
    color: #020405
}
.section-results .content-footer .email-cb-wrapper {
    float: left;
    width: 100%;
    padding: 15px 0 0
}
.section-results .content-footer .email-cb-wrapper label {
    font-family: 'Frutiger LT Pro',sans-serif;
    font-weight: bold
}
.section-results .content-footer .content-footer-puffs {
    margin: 60px 0 100px;
    width: 100%;
    float: left
}
.section-results .content-footer .content-footer-puffs .puff-col {
    height: 100%
}
@media (max-width: 767px) {
    .section-results .content-footer .content-footer-puffs .puff-col {
        padding: 0
    }
}
.section-results .content-footer .content-footer-puffs .puff {
    position: relative
}
.section-results .content-footer .content-footer-puffs .puff h3 {
    color: #fff
}
.section-results .content-footer .content-footer-puffs .puff .video-container {
    width: 100%;
    height: 100%
}
.section-results .content-footer .content-footer-puffs .puff .video-container .video-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}
.section-results .content-footer .content-footer-puffs .puff .video-container .play-button {
    background-color: rgba(10, 10, 10, 0.8);
    height: 3em;
    width: 3em;
    margin: 0 auto;
    line-height: 3em;
    font-size: 2em;
    border-radius: 50%;
    padding-top: 0.9em;
    padding-left: 0.3em
}
.section-results .content-footer .content-footer-puffs .puff .video-container .play-button img.play-icon {
    display: block;
    margin: 0 auto;
    height: 60%;
    width: auto
}
.section-results .content-footer .content-footer-puffs .puff img {
    display: none
}
.section-results .content-footer .content-footer-puffs .puff-top {
    height: 50%
}
.section-results .content-footer .content-footer-puffs .puff-bottom {
    padding-top: 40px;
    height: 50%
}
.section-results .content-footer .content-footer-puffs .puff-full {
    height: 100%
}
.section-results .content-footer .content-footer-puffs .puff-inner {
    width: 100%;
    height: 100%;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}
.section-results .content-footer .content-footer-puffs .puff-inner iframe {
    width: 100%;
    height: 100%
}
@media (max-width: 991px) {
    .section-results .content-footer .content-footer-puffs .puff-inner {
        float: left
    }
}
.section-results .content-footer .content-footer-puffs .puff-content {
    position: absolute;
    height: 100%;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5)
}
.section-results .content-footer .content-footer-puffs .puff-content.bright {
    background-color: rgba(100, 100, 100, 0.4)
}
.section-results .content-footer .content-footer-puffs .puff-content-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 20px 25%
}
.section-results .content-footer .content-footer-puffs .puff-content-bottom {
    position: absolute;
    bottom: 15%;
    width: 100%;
    padding: 0 15%
}
@media (max-width: 991px) {
    .section-results .content-footer .content-footer-puffs .puff-content-bottom {
        top: 50%;
        bottom: auto;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 20px 25%
    }
}
.section-results .content-footer .content-footer-puffs .puff-content p {
    margin: 15px 0;
    font-size: 1.3rem
}
.section-results .content-footer .content-footer-puffs .puff-content .btn {
    float: none !important;
    padding-left: 40px;
    padding-right: 40px
}
.section-results .content-footer .content-footer-puffs:after {
    clear: both
}
@media (max-width: 991px) {
    .section-results .content-footer .content-footer-puffs {
        margin: 20px 0 60px;
        height: auto;
        padding: 0
    }
    .section-results .content-footer .content-footer-puffs .puff {
        float: left;
        width: 100%;
        margin-top: 20px
    }
    .section-results .content-footer .content-footer-puffs .puff .video-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        width: auto;
        overflow: hidden
    }
    .section-results .content-footer .content-footer-puffs .puff .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .section-results .content-footer .content-footer-puffs .puff-bottom {
        padding-top: 0
    }
    .section-results .content-footer .content-footer-puffs .puff img {
        display: block;
        width: 100%;
        float: left
    }
}
@media (min-width: 992px) {
    .section-results .content-footer .content-footer-puffs {
        height: 578px
    }
}
@media (min-width: 1440px) {
    .section-results .content-footer .content-footer-puffs {
        height: 874px
    }
}
.additional-features-text {
    display: none;
    clear: both
}
.additional-features-text p {
    font-size: 14px;
    text-align: center;
    margin: -20px auto 40px
}
.feature-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: auto;
    overflow: hidden;
    margin-top: 40px
}
.feature-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.email-disclaimer-message {
    color: #f13d25;
    font-weight: bold;
    padding: 10px 0 0 0;
    clear: both
}
html {
    box-sizing: border-box
}
*, *:before, *:after {
    box-sizing: inherit
}
.imperial {
    display: none !important
}
.metric {
    display: inline !important
}
.imperial-wrapper .imperial {
    display: inline !important
}
.imperial-wrapper .metric {
    display: none !important
}
.main-wrapper {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}
@media (max-width: 767px) {
    .main-wrapper {
        min-height: 200px
    }
}
@media (min-width: 768px) {
    .main-wrapper {
        min-height: 500px
    }
}
@media (min-width: 992px) {
    .main-wrapper {
        min-height: 700px
    }
}
@media (min-width: 992px) {
    .main-wrapper {
        min-height: 700px
    }
}
.main-section {
    box-sizing: border-box;
    position: relative;
    float: left;
    height: 100%
}
.container-relative {
    position: relative
}
@media (max-width: 767px) {
    .container-relative {
        min-height: 200px
    }
}
@media (min-width: 768px) {
    .container-relative {
        min-height: 500px
    }
}
@media (min-width: 992px) {
    .container-relative {
        min-height: 700px
    }
}
@media (min-width: 992px) {
    .container-relative {
        min-height: 700px
    }
}
h3.content-headline {
    margin: 0;
    max-width: 100%;
    font-size: 1.6em;
    line-height: 1.2
}
.content-capture h3.content-headline {
  text-align: center;
}
p.content-byline {
    margin: 0.5em 0;
    max-width: 100%;
    font-size: 1.1em
}
.content-container {
    position: absolute;
    left: 1px;
    right: 1px
}
.section-content {
    z-index: 1;
    text-align: center;
    background-color: transparent;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.section-content .content-inner {
    box-sizing: border-box;
    position: relative;
    padding: 0;
    overflow: hidden
}
.section-content .content-inner>* {
    height: 100%;
    pointer-events: initial
}
.top-button-pane {
    position: absolute;
    top: 0;
    margin-top: 34px;
    left: 5px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.58, 1);
    -webkit-transition-delay: 0.4s;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.58, 1) 0.4s, opacity 0.3s cubic-bezier(0, 0, 0.58, 1) 0.5s;
    transition: transform 0.4s cubic-bezier(0, 0, 0.58, 1) 0.4s, opacity 0.3s cubic-bezier(0, 0, 0.58, 1) 0.5s
}
.content-result-items > .content-result-item + .top-button-pane {
    margin-top: 0;
}
@media (max-width: 767px) {
    .top-button-pane {
        margin-top: -10px
    }
}
.top-button-pane .btn {
    float: left;
    margin-right: 15px;
    line-height: 54px;
    box-shadow: 0px 0px 26px -2px rgba(0,0,0,.75);
}
.top-button-pane .btn [class^="icon-"], .top-button-pane .btn [class*=" icon-"] {
    font-size: 24px;
    line-height: 26px
}
.top-button-pane .icon-arrow-left.icon-green::before {
    font-weight: 900;
}
div:not(.lc-full-result) + .top-button-pane .icon-arrow-left::after {
    font-family: "Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "";
    position: absolute;
    left: 18px;
    font-weight: 900;
}
.lc-full-result + .top-button-pane .btn {
    box-shadow: none;
    background-color: #fff
}
.top-button-pane .btn.btn-round:hover {
    background: #f4f4f4
}
.top-button-pane .btn.btn-round {
  border-radius: 3px
}
.section-content .content-draw .top-button-pane {
    position: relative;
    padding-bottom: 20px;
    overflow: hidden;
    float: left
}
.section-content .content-draw .button-col {
    padding-top: 1em
}
.section-content .content-draw .btn-full {
    width: 98%
}
.section-content .content-draw .btn.js-btn-restart {
    line-height: 2.4em
}
.section-content .content-draw .btn.js-btn-restart:hover {
    color: #0B5804
}
.section-content .content-draw .btn .icon-restart {
    margin-right: 0.5em;
    display: block;
    float: left;
    font-size: 1em;
    line-height: 2.5em
}
.section-content .content-pane {
    width: 100%;
    height: auto;
    padding: 30px;
    background-color: #EAE9E8;
    text-align: left;
    pointer-events: all;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.58, 1);
    transition: transform 0.4s cubic-bezier(0, 0, 0.58, 1)
}
.section-content.hide .content-pane {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}
.section-content.hide .top-button-pane {
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%)
}
.section-content.hide .content-draw .top-button-pane {
    opacity: 0;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%)
}
.section-content .map-instruction {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    background: url("../images/graphics/map-instruction.png") 0 0 no-repeat
}
.section-content .content-counter {
    text-align: center
}
.section-content .counter-container {
    box-sizing: border-box;
    position: relative;
    /*height: 5.7em;*/
    margin: 1em 0 1em;
    display: inline-block
}
.section-content .counter-container:after {
    content: " ";
    position: absolute;
    right: -67px;
    top: -10px
}
.section-content .counter-container .counter-content {
    display: inline-block;
    vertical-align: middle;
    float: left
}
.section-content .counter-container .counter-content>.count {
    background-clip: padding-box;
    border-radius: 8px;
    float: left;
    width: 4.5em;
    height: 5.7em;
    overflow: hidden;
    background: #118907;
    position: relative
}
.section-content .counter-container .counter-content>.divider {
    float: left;
    position: relative;
    vertical-align: middle;
    height: 1.27em;
    line-height: 1.55em;
    color: #118907;
    font-size: 4.5em;
    font-weight: bold
}
.section-content .counter-container .counter-content>.count>.number {
    box-sizing: border-box;
    position: relative;
    top: -900%;
    height: 1.27em;
    width: 100%;
    text-align: center;
    font-size: 4.5em;
    line-height: 1.39em;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25)
}
.section-content .counter-container .counter-content>.count+.count {
    margin-left: 10px
}
.section-content .counter-container .counter-content>.count+.divider {
    margin-left: 5px
}
.section-content .counter-container .counter-content>.divider+.count {
    margin-left: 5px
}
.section-content .counter-container .counter-suffix {
    display: inline-block;
    vertical-align: middle;
    height: 1em;
    line-height: 2.6em;
    margin-left: 0.3em;
    color: #118907;
    font-size: 3em;
    font-weight: bold
}
.section-content .counter-container .counter-suffix>sup {
    font-size: 60%
}
.section-content .content-form {
    max-width: 340px;
    margin: 2em auto
}
.section-content .content-footer {
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0
}
.section-content .content-footer .btn-link {
    margin: 1.5em 0 0 0
}
.section-content .content-footer hr {
    border-top: 1px solid #f5f5f4;
    border-bottom: 1px solid #d6d6d6;
    margin-top: 14px;
    margin-bottom: 24px
}
.area-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(65, 82, 115, 0.7);
    z-index: 10;
    visibility: hidden;
    opacity: 0
}
.area-overlay .overlay-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 400px;
    padding: 40px;
    background-color: #ffffff;
    text-align: center
}
.area-overlay .overlay-content .content-headline {
    max-width: 80%;
    font-size: 30px;
    line-height: 1.16;
    margin: 0.5em auto;
    letter-spacing: -1px
}
.area-overlay a {
    color: #ee5321
}
.content-progress {
    display: block;
    padding: 0;
    margin: 1em 0;
    text-align: center;
    list-style-type: none;
    opacity: 0
}
.content-progress>.progress-step {
    border-radius: 50%;
    -webkit-transition: background 0.15s cubic-bezier(0, 0, 0.58, 1);
    transition: background 0.15s cubic-bezier(0, 0, 0.58, 1);
    display: inline-block;
    width: 28px;
    height: 30px;
    padding-left: 2px;
    margin: 5px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    background-color: rgba(66, 66, 66, 0.2);
    cursor: default
}
.content-progress>.progress-step.active {
    background-color: #747474
}
.content-progress.manual>.progress-step:nth-of-type(1n+3) {
    display: none
}
.slider {
    position: relative;
    max-width: 100%;
    height: 290px;
    overflow: hidden;
    margin-top: 40px
}
.slider>.slider-item {
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    display: none;
    width: 375px;
    padding: 30px;
    margin-left: 5px;
    margin-right: 5px;
    background: #fff
}
.slider>.slider-item>.item-title {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #273a60;
    text-align: center
}
.slider>.slider-item>.item-image {
    position: relative;
    z-index: 1;
    max-width: 100%
}
.slider>.slider-item>.item-link {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 30px;
    margin-left: -65px;
    margin-bottom: 1em
}
.slider>.slider-item.active {
    display: block;
    left: 15px
}
.slider>.slider-item.previous {
    display: block;
    left: -365px
}
.slider>.slider-item.next {
    display: block;
    left: 395px
}
.slider>.slider-btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -17px
}
.slider>.slider-btn:first-of-type {
    left: 7%
}
.slider>.slider-btn:last-of-type {
    right: 7%
}
.section-map {
    width: 100%;
    position: absolute
}
.section-map .map-inner {
    position: relative;
    height: 100%
}
@media (max-width: 767px) {
    .section-map {
        position: relative
    }
    .section-map .map-inner {
        width: auto;
        padding: 0
    }
}
.section-map .map-splash {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0;
    top: 0;
    background: url('../images/lawn-calculator-bg.jpg') no-repeat top/cover
}
.section-map .map-splash::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,.35);
}
@media (max-width: 767px) {
    .section-map .map-splash {
        position: relative;
        height: auto;
        min-height: 200px
    }
}
.section-map .map-splash.blurred {
    background: none;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}
.section-map .map-splash .splash-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
    box-shadow: none;
    width: 100%
}
.section-map .map-splash .splash-inner h1 {
    color: #fff;
    margin: 0;
    font-size: 4em;
    line-height: 1.2em;
    max-width: 750px;
    margin: 0 auto 0.2em;
    text-shadow: 2px 3px 6px rgba(0,0,0,.4);
    font-weight: 700;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .section-map .map-splash .splash-inner h1 {
        font-size: 3.2em
    }
}
.section-map .map-splash .splash-inner h2 {
    color: #fff;
    max-width: 750px;
    margin: 0 auto 2em;
    font-family: 'Frutiger LT Pro',sans-serif;
    font-weight: normal
}
.section-map .map-splash .splash-inner button.js-btn-manual {
    line-height: normal;
    color: #fff;
    margin-top: 0.8em;
    font-size: 1em;
    font-family: 'Frutiger LT Pro',sans-serif;
    font-weight: bold;
    text-transform: uppercase
}
.section-map .map-splash .splash-inner button.js-btn-manual.visible-xs {
    margin: 2em auto 0;
    height: 2.3em;
    line-height: 1em
}
.section-map .map-splash .splash-inner button.js-btn-manual.visible-xs i {
    line-height: 3.2em
}
.section-map .map-splash .splash-inner button.js-btn-manual i {
    margin-left: 0.8em;
    font-size: 0.7em
}
@media (max-width: 767px) {
    .section-map .map-splash .splash-inner {
        position: relative;
        padding: 50px 20px;
        -webkit-transform: none;
        transform: none;
        left: 0;
        top: 0
    }
    .section-map .map-splash .splash-inner h2 {
        margin: 0
    }
}
.section-map .map-overlay {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: transparent
}
.section-map .map-canvas {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}
.section-map .map-search-bar {
    color: #000;
    position: absolute;
    z-index: 2;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    height: 2.8em;
    text-align: center;
    vertical-align: middle;
    border-color: #ddd;
    position: relative
}
.section-map .map-search-bar i {
    color: #118906;
    font-size: 1.5em;
    /*line-height: 2em*/
}
.section-map .map-search-bar i.icon-search {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 1.5em;
    line-height: 2em;
    font-size: 1.4em;
    margin-left: 0.25em
}
.section-map .map-search-bar .input-container {
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    height: 2.8em
}
.section-map .map-search-bar .input-container .twitter-typeahead {
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 20px -1px rgba(0,0,0,.5);
}
.section-map .map-search-bar .input-container .input-search {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    font-size: 1.2em;
    line-height: 1;
    padding-left: 2.8em;
    border: none
}
.section-map .map-search-bar .btn {
    background-color: #fff;
    border-left: 1px solid #ddd;
    position: absolute;
    right: 0;
    width: 2.8em;
    height: 100%;
    margin: 0;
    padding: 0;
    height: 2.8em
}
.section-map .js-btn-next {
    bottom: 6%;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.section-map .zoom-container {
    position: absolute;
    left: 1px;
    right: 1px;
    height: 100%;
    overflow: hidden
}
.section-map .map-zoom {
    -webkit-transform: translateX(112px);
    transform: translateX(112px);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0, 0, 0.58, 1);
    -webkit-transition-delay: 0.3s;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0, 0, 0.58, 1) 0.3s;
    transition: transform 0.6s cubic-bezier(0, 0, 0.58, 1) 0.3s;
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 8%;
    width: 48px;
    height: 130px
}
.section-map .map-zoom>.btn-default {
    padding: 0
}
.section-map .map-zoom>.btn-default:last-of-type {
    border-top: 0
}
.section-map .map-footer {
    box-sizing: border-box;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #273a60;
    z-index: 15
}
.section-map .map-footer>img {
    position: absolute;
    right: 20px;
    bottom: 13px
}
.section-map.loaded .map-search-bar:not(.hide) {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.section-map.loaded .map-zoom:not(.hide) {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.section-map.loaded .map-canvas:not(.hide) {
    opacity: 1
}
.section-map.loaded .map-footer:not(.hide) {
    height: 50px
}
.landing-page .landing-page-header {
    height: 90px;
    width: 100%;
    background-color: #222
}
.landing-page .landing-page-header .icon {
    padding: 20px 30px
}
@media (max-width: 768px) {
    .landing-page .landing-page-header {
        height: auto
    }
    .landing-page .landing-page-header .icon {
        padding: 5px;
        text-align: center
    }
    .landing-page .landing-page-header .icon img {
        height: 40px
    }
}
.landing-page .landing-page-content {
    width: 800px;
    margin: 40px auto;
    box-sizing: border-box
}
.landing-page .landing-page-content h1 {
    text-align: center
}
.landing-page .landing-page-content .language-list {
    margin: 0 0 40px;
    float: left;
    width: 100%
}
.landing-page .landing-page-content .language-list-col {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
    float: left
}
.landing-page .landing-page-content .language-list-btn {
    width: 100%;
    display: inline-block;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    font-family: 'Frutiger LT Pro',sans-serif;
    font-size: 1.3rem;
    border: 1px solid #118906;
    color: #118906
}
.landing-page .landing-page-content .language-list-btn:hover {
    background-color: #118906;
    color: #fff
}
@media (max-width: 992px) {
    .landing-page .landing-page-content {
        width: 100%;
        padding: 40px
    }
}
@media (max-width: 768px) {
    .landing-page .landing-page-content {
        width: 100%;
        padding: 10px;
        margin: 0 auto 20px
    }
    .landing-page .landing-page-content .language-list {
        margin: 0 0 20px;
        float: left;
        width: 100%
    }
    .landing-page .landing-page-content .language-list-col {
        width: 100%
    }
}
.slick-slider {
    margin-bottom: 30px
}
.slick-arrow {
    position: absolute;
    top: 35%;
    right: -15px;
    background: none;
    border: none;
    outline: none;
    font-size: 1.7em;
    color: #118906;
    z-index: 99;
    height: 46px;
}
.slick-arrow.slick-disabled {
    display: none !important
}
.slick-arrow.slick-prev {
    right: auto;
    left: -15px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.slick-arrow:hover {
    color: #d5400e
}
.slick-dots {
    /*position: absolute;
    bottom: -25px;*/
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    height: auto !important
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 30px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}
.slick-track:before, .slick-track:after {
    content: "";
    display: table
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}
[dir="rtl"] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.content-capture {
    padding-left: 15px;
    padding-right: 15px;
}
#capture-form {
    background-color: rgba(255,255,255,.75);
    padding-bottom: 20px
}
@media (max-width: 375px) {
  .contact-form .btn-primary {
    width: 100%;
    margin-top: 20px;
    padding: 0.8em;
  }
}
.content-capture .top-button-pane {
    position: absolute;
    left: -100%;
}
.content-capture .top-button-pane .btn {
    box-shadow: none;

}
.content-capture h2.content-headline {
    margin-bottom: 0;
    letter-spacing: -0.05em;
    font-size: 1.8em
}
.content-capture p.lead {
    margin-top: 0;
}
.section-capture {
    display: none;
    background-image: url('../images/hero-front-v3-half.png');
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 100%;
    background-color: #fff;
}
@media (max-width: 375px) {
  .section-capture {
    background-size: 80%;
  }
}
.heatblock-comparison {
  margin-top: 30px;
}

.js-btn-buy,
.btn-arrow-right {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.6rem;
    height: 2rem;
    letter-spacing: 0.025rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.btn-arrow-right {
  padding-top: 0.31rem;
  padding-right: 1.5rem;
}
.btn-arrow-right i {
    line-height: 2.4em;
}

ul {
  height: auto !important;
}


.pulse {
  overflow: visible;
  display: block;
  cursor: pointer;
  animation: pulse 3s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 30px rgba(255,255,255, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 30px rgba(255,255,255, 0);
      box-shadow: 0 0 0 30px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}


/* Dark top banner */
.section-content .content-pane,
.section-results .content-specify {
    background-color: #222;
    color: #fff;
    border-bottom: 3px solid #7ac142;
}
.section-content .content-pane h3.content-headline,
.section-results .content-specify h3.content-headline {
    color: #fff;
    letter-spacing: -0.05em;
    font-size: 2em;
}
.section-results .content-specify h3.content-headline {
    font-size: 2.2em;
    color: #fff;
}
.section-content .content-pane p.content-byline {
    line-height: 1.2 !important;
    margin: 0.4em 0 0 !important;
}
.section-content .content-pane p.content-byline,
.section-results .content-specify p.content-byline, {
    line-height: 1.2;
    margin: 0.4em 0 0;
}
.section-content .counter-container {
    margin: 0;
}
.section-results .content-specify .heatblock-cb-wrapper {
    padding-top: 0.2em;
}
.section-results label.syn-chk-label {
    font-size: 0.8em;
}
.section-results .content-specify .range-label {
    margin-top: -0.75em;
    color: #999;
}
.section-content .content-draw .button-col {
    padding-top: 0;
}
.section-content .content-draw .button-col .js-btn-next {
    background-color: #7ac143;
    border-color: #7ac143;
}
.section-content .content-pane .btn-restart {
    color: #fff;
}
.section-content .counter-container .counter-content>.count {
    width: 4em;
    height: 5.2em;
}
.section-content .counter-container .counter-content>.count>.number {
    height: 1.223em;
    font-size: 4.25em;
    line-height: 1.44em;
}
.section-content .counter-container .counter-suffix {
    line-height: 2.35em;
    margin-left: 0.2em;
}
.section-results .content-specify .content-form-element label {
    color: #fff;
}
.section-results .content-specify input[type=text] {
    background-color: rgba(0,0,0,.45);
    border-color: transparent;
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
    font-weight: 700;
    font-size: 1.4em;
    line-height: 1 !important;
    height: 1.9em;
    padding-top: 0.245em;
}
.section-results .content-specify #input-lawnsize {
    color: #118906;
}
.syn-specify-filter + .col-sm-4 > .middle-filter .content-form-element,
.syn-specify-filter + .col-md-4 > .middle-filter .content-form-element {
    max-width: 75%;
    margin: 0 auto;
}
.middle-filter {
    position: relative;
}

.middle-filter::before {
    border-left: 1px solid rgba(255,255,255,.075);
    border-right: 1px solid rgba(255,255,255,.075);
    box-shadow: inset 2px 0 0 -1px black, inset -2px 0 0 -1px black;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: -6px;
}
@media (max-width: 1366px) {
  .middle-filter::before {
    left: -15px;
    right: -15px;
  }
  .section-results .btn-info {
    margin: 0 0 0 3px;
    height: 1.4em;
    width: 1.4em;
    border-radius: 1em;
  }
  .syn-specify-filter + .col-sm-4 > .middle-filter .content-form-element,
  .syn-specify-filter + .col-md-4 > .middle-filter .content-form-element {
      max-width: 95%;
  }
  label.toggleButton.syn-chk-label {
    display: flex !important;
    align-items: center;
  }
}
@media (max-width: 375px) {
  .syn-specify-filter {
    margin-bottom: 20px;
  }
  .syn-specify-filter:last-child {
    margin-bottom: 0;
  }
  .middle-filter::before {
    border-color: transparent;
    box-shadow: none;
  }
  .section-results label.syn-chk-label {
    font-size: 1.8vh;
  }
  .section-results .content-specify .range-label {
    font-size: 1.3vh;
  }
  .section-results .content-form-label {
    font-size: 1.6vh
  }
  label.toggleButton.syn-chk-label {
    display: flex !important;
    align-items: center;
  }
  .section-results .content-results .content-result-item h4 {
    line-height: unset;
  }
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.padBottom {
  padding-bottom: 15px;
}

input[type=range].lc-range {
    width: 100%;
    font-size: 40px;
    height: 34px
}
input[type=range].lc-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 14px;
    background: #118906;
    border-radius: 0px;
    border: 4px solid #151515
}
input[type=range].lc-range::-webkit-slider-thumb {
    border: 5px solid #118906;
    height: 26px;
    width: 26px;
    border-radius: 18px;
    background: #151515;
    margin-top: -10px
}
input[type=range].lc-range:focus::-webkit-slider-runnable-track {
    background: #118906
}
input[type=range].lc-range::-moz-range-track {
    height: 4px;
    background: #118906;
    border: 4px solid #151515
}
input[type=range].lc-range::-moz-range-thumb {
    border: 5px solid #118906;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #151515;
}
input[type=range].lc-range::-ms-track {
    width: 100%;
    height: 15px;
    background: #151515;
    border-radius: 0px;
}

.form-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 5px);
  padding: 0.42rem 1.75rem 0.375rem 0.75rem;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #f5f5f5 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.5rem center/16px 12px;
  border: 1px solid #f5f5f5;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-select:focus {
  border-color: #28a745;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}
.form-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.form-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.form-select::-ms-expand {
  display: none;
}

.form-select:not(:focus):invalid {
  color: #6c757d;
}
.form-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.form-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40,167,69,.9);
    border-radius: .25rem
}

.form-control.is-valid,.was-validated .form-control:valid,
.form-control.is-valid::selection,.was-validated .form-control:valid::selection {
    border-color: #f5f5f5;
    padding-right: calc(1.5em + .75rem);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2328a745' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E") no-repeat center right 1rem/1rem 1rem;
    background-color: #f5f5f5 !important;
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,.was-validated .form-select:valid {
    border-color: #f5f5f5;
    padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.5rem center/16px 12px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2328a745' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E") #f5f5f5 no-repeat center right 1.75rem/1rem 1rem;
}

.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.form-select.is-valid~.valid-feedback,.form-select.is-valid~.valid-tooltip,.was-validated .form-select:valid~.valid-feedback,.was-validated .form-select:valid~.valid-tooltip {
    display: block
}

.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220,53,69,.9);
    border-radius: .25rem
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: #f5f5f5;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='0 0 352 512'%3E%3Cpath fill='%23dc3545' d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,.was-validated .form-select:invalid {
    border-color: #dc3545;
    padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
    /*background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='0 0 352 512'%3E%3Cpath fill='%23dc3545' d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'%3E%3C/path%3E%3C/svg%3E");

}

.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-select.is-invalid~.invalid-feedback,.form-select.is-invalid~.invalid-tooltip,.was-validated .form-select:invalid~.invalid-feedback,.was-validated .form-select:invalid~.invalid-tooltip {
    display: block
}

.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}
.fv-plugins-bootstrap .fv-help-block {
    color: #dc3545;
    font-size: 80%;
    margin-top: .25rem;
}

.toggleButton {
  cursor: pointer;
  margin: 0;
  font-weight: normal;
  text-transform: none!important;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: -webkit-transform .14s ease;
  transition: transform .14s ease;
  transition: transform .14s ease, -webkit-transform .14s ease;
}
.toggleButton:active {
  -webkit-transform: rotateX(30deg);
          transform: rotateX(30deg);
}
.toggleButton.syn-chk-label {
  margin: 0 !important
}
.toggleButton input {
  display: none;
}
.toggleButton input + div {
    border: 3px solid rgba(17, 137, 7, 0.2);
    border-radius: 50%;
    position: relative;
    width: 28px;
    height: 28px;
    display: inline-block;
}
.toggleButton input + div svg {
    fill: none;
    stroke-width: 4.4;
    stroke: #118907;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
    z-index: 1;
    stroke-dashoffset: 124.6;
    stroke-dasharray: 0 162.6 133 29.6;
    transition: all .4s ease 0s;
}
.toggleButton input + div:before, .toggleButton input + div:after {
    content: '';
    width: 2px;
    height: 12px;
    background: #118907;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 5px;
}
.toggleButton .checkText {
    margin-left: 8px;
    margin-top: 5px;
    line-height: 1.2;
    display: inline-block;
    max-width: 80%;
    font-weight: 300;
}
.toggleButton input + div:before {
    opacity: 0;
    -webkit-transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
            transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
    -webkit-animation: bounceInBefore .3s linear forwards .3s;
            animation: bounceInBefore .3s linear forwards .3s;
}
.toggleButton input + div:after {
    opacity: 0;
    -webkit-transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
            transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
    -webkit-animation: bounceInAfter .3s linear forwards .3s;
            animation: bounceInAfter .3s linear forwards .3s;
}
.toggleButton input:checked + div svg {
    stroke-dashoffset: 162.6;
    stroke-dasharray: 0 162.6 28 134.6;
    transition: all .4s ease .2s;
}
.toggleButton input:checked + div:before {
  opacity: 0;
  -webkit-transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
          transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  -webkit-animation: bounceInBeforeDont .3s linear forwards 0s;
          animation: bounceInBeforeDont .3s linear forwards 0s;
}
.toggleButton input:checked + div:after {
  opacity: 0;
  -webkit-transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
          transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  -webkit-animation: bounceInAfterDont .3s linear forwards 0s;
          animation: bounceInAfterDont .3s linear forwards 0s;
}

@-webkit-keyframes bounceInBefore {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
            transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  }
  50% {
    opacity: 0.9;
    -webkit-transform: scale(1.1) translate(-50%, -50%) rotate(45deg);
            transform: scale(1.1) translate(-50%, -50%) rotate(45deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(0.89) translate(-50%, -50%) rotate(45deg);
            transform: scale(0.89) translate(-50%, -50%) rotate(45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%) rotate(45deg);
            transform: scale(1) translate(-50%, -50%) rotate(45deg);
  }
}

@keyframes bounceInBefore {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
            transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  }
  50% {
    opacity: 0.9;
    -webkit-transform: scale(1.1) translate(-50%, -50%) rotate(45deg);
            transform: scale(1.1) translate(-50%, -50%) rotate(45deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(0.89) translate(-50%, -50%) rotate(45deg);
            transform: scale(0.89) translate(-50%, -50%) rotate(45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%) rotate(45deg);
            transform: scale(1) translate(-50%, -50%) rotate(45deg);
  }
}
@-webkit-keyframes bounceInAfter {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
            transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  }
  50% {
    opacity: 0.9;
    -webkit-transform: scale(1.1) translate(-50%, -50%) rotate(-45deg);
            transform: scale(1.1) translate(-50%, -50%) rotate(-45deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(0.89) translate(-50%, -50%) rotate(-45deg);
            transform: scale(0.89) translate(-50%, -50%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%) rotate(-45deg);
            transform: scale(1) translate(-50%, -50%) rotate(-45deg);
  }
}
@keyframes bounceInAfter {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
            transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  }
  50% {
    opacity: 0.9;
    -webkit-transform: scale(1.1) translate(-50%, -50%) rotate(-45deg);
            transform: scale(1.1) translate(-50%, -50%) rotate(-45deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(0.89) translate(-50%, -50%) rotate(-45deg);
            transform: scale(0.89) translate(-50%, -50%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%) rotate(-45deg);
            transform: scale(1) translate(-50%, -50%) rotate(-45deg);
  }
}
@-webkit-keyframes bounceInBeforeDont {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%) rotate(45deg);
            transform: scale(1) translate(-50%, -50%) rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
            transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  }
}
@keyframes bounceInBeforeDont {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%) rotate(45deg);
            transform: scale(1) translate(-50%, -50%) rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
            transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  }
}
@-webkit-keyframes bounceInAfterDont {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%) rotate(-45deg);
            transform: scale(1) translate(-50%, -50%) rotate(-45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
            transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  }
}
@keyframes bounceInAfterDont {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%) rotate(-45deg);
            transform: scale(1) translate(-50%, -50%) rotate(-45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
            transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  }
}

.arrow-bounce {
  color: #fff;
  text-align: center;
  margin: 8% 0;
  font-size: 2.8vh;
}
.bounce {
  /*-webkit-animation: bounce 2s 5;*/
  /*animation: bounce 2s 5;*/

  animation-name: bounce, fadeOut;
  animation-duration: 2000ms, 1000ms;
  animation-delay: 0ms, 10000ms;
  animation-iteration-count: 5, 1;
  animation-fill-mode: forwards;
}
.arrow-bounce > span {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Safari */
  transform: rotate(180deg);
  display: block;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes fadeOut {
   0% {opacity: 1;}
   100% {opacity: 0;}
}

.section-results .content-results .content-result-item h3 {
    color: #fff;
    margin: 0 0 0.5em;
    background: none;
    width: auto;
    display: inline-block;
    padding: 5px 11px 0;
    font-size: 1.5em;
    position: relative;
    z-index: 5;
}
.section-results .content-results .content-result-item h3::after {
    -webkit-transition: all 256ms cubic-bezier(0.330, 0.975, 0.245, 0.910) !important;
    -moz-transition: all 256ms cubic-bezier(0.330, 0.975, 0.245, 0.910) !important;
    -o-transition: all 256ms cubic-bezier(0.330, 0.975, 0.245, 0.910) !important;
    transition: all 256ms cubic-bezier(0.330, 0.975, 0.245, 0.910) !important;
}
.section-results .content-results .content-result-item h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    z-index: -1;
}
.section-results .content-results .content-result-item h3::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #118907;
    z-index: -1;
    width: 0%;
    height: 100%
}
.section-results .content-results .content-result-item h3:hover {
  color: #fff
}
.section-results .content-results .content-result-item h3:hover::after {
  width: 100%
}



/* A full-screen element that is not the
 * root element should be stretched to
 * cover the viewport.
 */
:-webkit-full-screen:not(:root) {
  width: 90% !important;
  float: none !important;
}
:-webkit-full-screen video {
  width: 100%;
}
:-webkit-full-screen .tohide {
  color: transparent;
}
:-webkit-full-screen .tohide::after {
  display: block;
  width: 100%;
}

:-moz-full-screen #fs-inner {
  display: table-cell;
  vertical-align: middle;
}
#fs-container:-moz-full-screen {
  display: table;
  margin: auto;
  width: 100%;
  height: 100%;
}
:-moz-full-screen:not(:root) {
  width: 90% !important;
  float: none !important;
}
:-moz-full-screen video {
  width: 100%;
}
:-moz-full-screen .tohide {
  display: none;
}
#fs {
  box-sizing: border-box;
}


/*
 * Icons
 */
.slick-slide .img-wrapper {
  position: relative;
}
.content-result-item.coolplay .img-wrapper::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5000;
  width: 159.25px;
  height: 75px;
  background-image: url(../images/mp-multi-horiz.svg);
  background-size: 159.25px 75px;
}
.content-result-item.court_turf_pe .img-wrapper::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5000;
  width: 159.25px;
  height: 75px;
  background-image: url(../images/mp-backyard-horiz.svg);
  background-size: 159.25px 75px;
}
.content-result-item.royal_green .img-wrapper::before,
.content-result-item.pgs_supergreen .img-wrapper::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5000;
  width: 75px;
  height: 75px;
  background-image: url(../images/golf-icon.png);
  background-size: 75px 75px;
}



/*
 * Toggle Full Screen button
 */
button#enter-exit-fs {
  z-index: 5000;
  position: fixed;
  display: block;
  bottom: 10px;
  right: 10px;
  background: transparent;
  border: none;
  padding: 15px;
  color: #7ac142;
}

.icon {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  overflow: show;
}

.icon svg {
  max-width: 100%;
}

.fullscreen {
  margin: 0 auto;
  display: block;
  position: relative;
}
.fullscreen .fs-icon {
  -webkit-transition: prefixed-for-transition(-webkit-, 0.3s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.3s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.3s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.3s ease-out);
  transition: 0.3s ease-out;
}
.fullscreen .fs-icon .outline {
  fill: #82d44b;
}
.fullscreen .fs-icon .arrow {
  fill: #82d44b;
  -webkit-transition: prefixed-for-transition(-webkit-, fill 1s ease);
  -moz-transition: prefixed-for-transition(-moz-, fill 1s ease);
  -ms-transition: prefixed-for-transition(-ms-, fill 1s ease);
  -o-transition: prefixed-for-transition(-o-, fill 1s ease);
  transition: fill 1s ease;
}
.fullscreen .fs-icon .tl {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform: 50%;
  -webkit-transition: prefixed-for-transition(-webkit-, 0.3s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.3s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.3s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.3s ease-out);
  transition: 0.3s ease-out;
  animation: tl 1s ease-in-out;
}
.fullscreen .fs-icon .tr {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform: 50%;
  -webkit-transition: prefixed-for-transition(-webkit-, 0.3s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.3s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.3s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.3s ease-out);
  transition: 0.3s ease-out;
  animation: tr 1s ease-in-out;
}
.fullscreen .fs-icon .bl {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform: 50%;
  -webkit-transition: prefixed-for-transition(-webkit-, 0.3s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.3s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.3s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.3s ease-out);
  transition: 0.3s ease-out;
  animation: bl 1s ease-in-out;
}
.fullscreen .fs-icon .br {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform: 50%;
  -webkit-transition: prefixed-for-transition(-webkit-, 0.3s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.3s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.3s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.3s ease-out);
  transition: 0.3s ease-out;
  animation: br 1s ease-in-out;
}
.fullscreen:hover .fs-icon {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: prefixed-for-transition(-webkit-, 0.3s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.3s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.3s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.3s ease-out);
  transition: 0.3s ease-out;
}
.fullscreen:hover .fs-icon .arrow {
  fill: #fff;
  -webkit-transition: prefixed-for-transition(-webkit-, fill 1s ease);
  -moz-transition: prefixed-for-transition(-moz-, fill 1s ease);
  -ms-transition: prefixed-for-transition(-ms-, fill 1s ease);
  -o-transition: prefixed-for-transition(-o-, fill 1s ease);
  transition: fill 1s ease;
  -webkit-transition: prefixed-for-transition(-webkit-, transform 0.3s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, transform 0.3s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, transform 0.3s ease-out);
  -o-transition: prefixed-for-transition(-o-, transform 0.3s ease-out);
  transition: transform 0.3s ease-out;
}
.stepspecify .fullscreen:hover .fs-icon .arrow {
  fill: #118907;
}
.fullscreen:hover .fs-icon .tl {
  -webkit-transform: translate(-4px, -4px);
  -moz-transform: translate(-4px, -4px);
  -ms-transform: translate(-4px, -4px);
  -o-transform: translate(-4px, -4px);
  transform: translate(-4px, -4px);
}
.fullscreen:hover .fs-icon .tr {
  -webkit-transform: translate(4px, -4px);
  -moz-transform: translate(4px, -4px);
  -ms-transform: translate(4px, -4px);
  -o-transform: translate(4px, -4px);
  transform: translate(4px, -4px);
}
.fullscreen:hover .fs-icon .bl {
  -webkit-transform: translate(-4px, 4px);
  -moz-transform: translate(-4px, 4px);
  -ms-transform: translate(-4px, 4px);
  -o-transform: translate(-4px, 4px);
  transform: translate(-4px, 4px);
}
.fullscreen:hover .fs-icon .br {
  -webkit-transform: translate(4px, 4px);
  -moz-transform: translate(4px, 4px);
  -ms-transform: translate(4px, 4px);
  -o-transform: translate(4px, 4px);
  transform: translate(4px, 4px);
}
.fullscreen:active .fs-icon {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: prefixed-for-transition(-webkit-, 0.3s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.3s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.3s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.3s ease-out);
  transition: 0.3s ease-out;
}
.fullscreen:active .fs-icon .arrow {
  fill: #82d44b;
  -webkit-transition: prefixed-for-transition(-webkit-, fill 1s ease);
  -moz-transition: prefixed-for-transition(-moz-, fill 1s ease);
  -ms-transition: prefixed-for-transition(-ms-, fill 1s ease);
  -o-transition: prefixed-for-transition(-o-, fill 1s ease);
  transition: fill 1s ease;
  opacity: 0;
}
.fullscreen:active .fs-icon .tl {
  -webkit-transform: translate(-60px, -60px);
  -moz-transform: translate(-60px, -60px);
  -ms-transform: translate(-60px, -60px);
  -o-transform: translate(-60px, -60px);
  transform: translate(-60px, -60px);
  -webkit-transition: prefixed-for-transition(-webkit-, 0.2s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.2s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.2s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.2s ease-out);
  transition: 0.2s ease-out;
}
.fullscreen:active .fs-icon .tr {
  -webkit-transform: translate(60px, -60px);
  -moz-transform: translate(60px, -60px);
  -ms-transform: translate(60px, -60px);
  -o-transform: translate(60px, -60px);
  transform: translate(60px, -60px);
  -webkit-transition: prefixed-for-transition(-webkit-, 0.2s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.2s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.2s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.2s ease-out);
  transition: 0.2s ease-out;
}
.fullscreen:active .fs-icon .bl {
  -webkit-transform: translate(-60px, 60px);
  -moz-transform: translate(-60px, 60px);
  -ms-transform: translate(-60px, 60px);
  -o-transform: translate(-60px, 60px);
  transform: translate(-60px, 60px);
  -webkit-transition: prefixed-for-transition(-webkit-, 0.2s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.2s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.2s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.2s ease-out);
  transition: 0.2s ease-out;
}
.fullscreen:active .fs-icon .br {
  -webkit-transform: translate(60px, 60px);
  -moz-transform: translate(60px, 60px);
  -ms-transform: translate(60px, 60px);
  -o-transform: translate(60px, 60px);
  transform: translate(60px, 60px);
  -webkit-transition: prefixed-for-transition(-webkit-, 0.2s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.2s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.2s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.2s ease-out);
  transition: 0.2s ease-out;
}
.fullscreen.fs-active .fs-icon .tl, .fullscreen.fs-active .fs-icon .br {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform: 50%;
  -webkit-transition: prefixed-for-transition(-webkit-, 0.3s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.3s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.3s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.3s ease-out);
  transition: 0.3s ease-out;
  transform-box: fill-box;
}
.fullscreen.fs-active .fs-icon .tr, .fullscreen.fs-active .fs-icon .bl {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform: 50%;
  -webkit-transition: prefixed-for-transition(-webkit-, 0.3s ease-out);
  -moz-transition: prefixed-for-transition(-moz-, 0.3s ease-out);
  -ms-transition: prefixed-for-transition(-ms-, 0.3s ease-out);
  -o-transition: prefixed-for-transition(-o-, 0.3s ease-out);
  transition: 0.3s ease-out;
  transform-box: fill-box;
}
.fullscreen.fs-active:hover .fs-icon {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.fullscreen.fs-active:hover .fs-icon .tl {
  -webkit-transform: translate(-8px, -8px);
  -moz-transform: translate(-8px, -8px);
  -ms-transform: translate(-8px, -8px);
  -o-transform: translate(-8px, -8px);
  transform: translate(-8px, -8px);
}
.fullscreen.fs-active:hover .fs-icon .tr {
  -webkit-transform: translate(8px, -8px);
  -moz-transform: translate(8px, -8px);
  -ms-transform: translate(8px, -8px);
  -o-transform: translate(8px, -8px);
  transform: translate(8px, -8px);
}
.fullscreen.fs-active:hover .fs-icon .bl {
  -webkit-transform: translate(-8px, 8px);
  -moz-transform: translate(-8px, 8px);
  -ms-transform: translate(-8px, 8px);
  -o-transform: translate(-8px, 8px);
  transform: translate(-8px, 8px);
}
.fullscreen.fs-active:hover .fs-icon .br {
  -webkit-transform: translate(8px, 8px);
  -moz-transform: translate(8px, 8px);
  -ms-transform: translate(8px, 8px);
  -o-transform: translate(8px, 8px);
  transform: translate(8px, 8px);
}

@keyframes tl {
  0% {
    transform: translate(8px, 8px);
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes tr {
  0% {
    transform: translate(-8px, 8px);
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes bl {
  0% {
    transform: translate(8px, -8px);
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes br {
  0% {
    transform: translate(-8px, -8px);
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}



.shockwave {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
    pointer-events: none;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    box-sizing: unset;
}

.shockwave.animated {
    -webkit-animation: animateShockwave .5s forwards linear;
    -moz-animation: animateShockwave .5s forwards linear;
    -ms-animation: animateShockwave .5s forwards linear;
    -o-animation: animateShockwave .5s forwards linear;
    animation: animateShockwave .5s forwards linear
}

@keyframes animateShockwave {
    0% {
        border: 1px solid rgba(255,255,255,.75);
        /*width: 4rem;*/
        width: 20vh;
        /*height: 4rem;*/
        height: 20vh;
        opacity: 1
    }

    to {
        border: 300px solid rgba(255,255,255,.75);
        /*width: 85rem;*/
        width: 95vh;
        /*height: 85rem;*/
        height: 95vh;
        opacity: 0
    }
}

@-webkit-keyframes outerCircle {
    0%,25% {
        transform: scale(0)
    }

    50% {
        transform: scale(.25)
    }

    75% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

@-moz-keyframes outerCircle {
    0%,25% {
        transform: scale(0)
    }

    50% {
        transform: scale(.25)
    }

    75% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

@-ms-keyframes outerCircle {
    0%,25% {
        transform: scale(0)
    }

    50% {
        transform: scale(.25)
    }

    75% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

@-o-keyframes outerCircle {
    0%,25% {
        transform: scale(0)
    }

    50% {
        transform: scale(.25)
    }

    75% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes outerCircle {
    0%,25% {
        transform: scale(0)
    }

    50% {
        transform: scale(.25)
    }

    75% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes innerCircle {
    0%,25%,50% {
        transform: scale(0)
    }

    75% {
        transform: scale(.1)
    }

    to {
        transform: scale(1)
    }
}

@-moz-keyframes innerCircle {
    0%,25%,50% {
        transform: scale(0)
    }

    75% {
        transform: scale(.1)
    }

    to {
        transform: scale(1)
    }
}

@-ms-keyframes innerCircle {
    0%,25%,50% {
        transform: scale(0)
    }

    75% {
        transform: scale(.1)
    }

    to {
        transform: scale(1)
    }
}

@-o-keyframes innerCircle {
    0%,25%,50% {
        transform: scale(0)
    }

    75% {
        transform: scale(.1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes innerCircle {
    0%,25%,50% {
        transform: scale(0)
    }

    75% {
        transform: scale(.1)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes pin {
    0% {
        transform: translate(0,-25%);
        opacity: 0
    }

    25% {
        transform: translate(0,-15%)
    }

    50%,to {
        transform: translate(0,0)
    }

    75% {
        transform: translate(0,-5%)
    }
}

@-moz-keyframes pin {
    0% {
        transform: translate(0,-25%);
        opacity: 0
    }

    25% {
        transform: translate(0,-15%)
    }

    50%,to {
        transform: translate(0,0)
    }

    75% {
        transform: translate(0,-5%)
    }
}

@-ms-keyframes pin {
    0% {
        transform: translate(0,-25%);
        opacity: 0
    }

    25% {
        transform: translate(0,-15%)
    }

    50%,to {
        transform: translate(0,0)
    }

    75% {
        transform: translate(0,-5%)
    }
}

@-o-keyframes pin {
    0% {
        transform: translate(0,-25%);
        opacity: 0
    }

    25% {
        transform: translate(0,-15%)
    }

    50%,to {
        transform: translate(0,0)
    }

    75% {
        transform: translate(0,-5%)
    }
}

@keyframes pin {
    0% {
        transform: translate(0,-25%);
        opacity: 0
    }

    25% {
        transform: translate(0,-15%)
    }

    50%,to {
        transform: translate(0,0)
    }

    75% {
        transform: translate(0,-5%)
    }
}