#node-4,
.node {
    float: left;
    width: 100%
}

.btn-orange {
    border-radius: 0;
    font-weight: bold;
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: left;
    color: #fff !important;
    position: relative;
    font-size: 16px;
    white-space: normal
}

.btn-orange:after {
    content: "\f105";
    font: 28px FontAwesome;
    margin-left: 20px;
    position: absolute;
    right: 20px;
    top: 4px;
    top: 6px\9
}

html {
    height: 100%
}

a {
    cursor: pointer;
    color: #1db337
}

a:hover,
a:focus {
    text-decoration: none;
    outline: 0;
    color: #1db337
}

ul.list li {
    list-style-type: disc;
    padding: 0 0 7px;
    margin: 0 0 0 13px
}

ul.list li a {
    color: #636469;
    text-decoration: underline
}

ul.list li a:hover {
    color: #1ca9f6
}

ul.customlist li:before {
    content: "\f0da";
    list-style-type: none;
    margin: 0 10px 0 0
}

ol li {
    list-style-type: decimal
}

img {
    max-width: 100%
}

.container_site h1 {
    font-size: 26px
}

.container_site h2 {
    font-size: 20px
}

.container_site h3 {
    font-size: 18px;
}

.container_site h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 13px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600
}

h1.heading,
h2.subheading {
    color: #20abf3;
    margin-top: 0px
}

h1.heading {
    font-size: 30px
}

.font-12 {
    font-size: 12px
}

h2.graylight {
    color: #858585
}

th {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    text-align: left;
    border-bottom: 0;
    background-color: #eee
}

td {
    margin: 0;
    vertical-align: baseline;
    padding: 5px
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px
}

tbody {
    border: 0
}

caption {
    font-style: normal;
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 16px
}

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

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

.nogutter {
    padding: 0
}

.no-padding {
    padding: 0
}

.nogutterleft {
    padding-left: 0
}

.nogutterright {
    padding-right: 0
}

.floatnone {
    float: none !important
}

.container_site {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.content_border {
    padding: 10px 0
}

.content_border:last-child {
    border: 0
}

.innerpage_site {
    padding: 0
}

.bordergrey {
    border: 1px solid #ccc
}

label {
    font-weight: normal
}

.password-strength {
    float: none;
    padding: 3px 0 20px 0;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.confirm-parent,
.password-parent {
    width: 100%
}

.tablelayout {
    display: table;
    width: 100%;
    height: 100%
}

.tablelayoutfixed {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}

.tablecell {
    display: table-cell;
    float: none;
    vertical-align: top;
    height: 100%
}

.tablecell input {
    margin-top: 1em
}

.v-alignmiddle {
    vertical-align: middle !important
}

.pad10 {
    padding: 10px
}

.pad18-0 {
    padding: 18px 0px
}

.pad20 {
    padding: 20px
}

.padtop10 {
    padding-top: 10px
}

.padtop15 {
    padding-top: 15px
}

.padbtm10 {
    padding-bottom: 10px
}

.padbtm15 {
    padding-bottom: 15px
}

.padbtm30 {
    padding-bottom: 30px
}

.padbtm50 {
    padding-bottom: 50px
}

.margintop40 {
    margin-top: 40px
}

.margintop7 {
    margin-top: 7px
}

.margintop10 {
    margin-top: 10px
}

.marginbottom10 {
    margin-bottom: 10px
}

.margintop20 {
    margin-top: 20px
}

.margin_left25 {
    margin-left: 25px
}

.margin_right15 {
    margin-right: 15px
}

.padleft15 {
    padding-left: 15px
}

.padright15 {
    padding-right: 15px
}

.padbtm0 {
    padding-bottom: 0 !important
}

.padtop0 {
    padding-top: 0 !important
}

.padtop25 {
    padding-top: 25px !important
}

.pad-top-5 {
    padding-top: 5px !important
}

.upload_thumbnail {
    margin-bottom: 15px;
    margin-right: 15px;
    float: left;
    position: relative
}

.width220 {
    min-width: 220px
}

.headline_bg {
    text-align: center;
    color: #4e2683
}

.page-node-414 .banner_site {
    display: none
}

.page-node-414 .banner_benefit_page {
    text-align: center
}

.page-node-549 .banner_site {
    display: none
}

.page-node-549 .container_site>.col-md-8 {
    width: 100%
}

.page-node-549 .container_site>.col-md-4 {
    display: none
}

.form-horizontal .control-label {
    text-align: left
}

.panel-title>a {
    color: #fff
}

.fa-circle-o-red:before {
    color: red
}

.empBannerName h1 {
    margin: 20px;
    color: #fff
}

.bootstrap-dialog .bootstrap-dialog-title {
    color: #428bca !important
}

.page-node-550 .banner_site {
    display: none
}

.bannersection h1 {
    color: #fff
}

.colorDodgerBlue {
    color: #20abf3
}

.lightgreybg {
    background-color: #f2f2f4;
    padding: 7px 0;
    margin-bottom: 10px
}

.lightgreybg p {
    margin-bottom: 0
}

.borderright {
    border-right: 1px solid #c3c3c3
}

.greybg {
    background-color: #eaeaea;
    padding: 20px 0
}

.greybg p {
    margin-bottom: 0
}

.greybg .col-xs-3 .col-xs-12 {
    min-height: 200px;
    border: 1px solid #ddd;
    background-color: #fff;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 10px
}

.greybg .col-xs-3 .col-xs-12 p {
    padding-bottom: 15px
}

.hide_error {
    display: none
}

.modal-body .hide_error {
    display: block !important
}

::-ms-clear,
::-ms-reveal {
    display: none
}

.site_collapsible {
    background-color: #1fabf6;
    color: #fff;
    padding: 5px;
    margin-top: 10px
}

.site_collapsible .btn-orange:after {
    content: ""
}

.site_collapsible .tab-title {
    line-height: 17px
}

.site_collapsible .tablecell {
    display: table-cell !important
}

.site_collapsible .fa-chevron-right:before,
.site_collapsible .fa-chevron-right:after,
.site_collapsible .fa-chevron-down:before,
.site_collapsible .fa-chevron-down:after {
    position: absolute;
    top: 7px;
    right: 5px;
    z-index: 1
}

.site_collapsible button {
    padding-top: 2px;
    padding-bottom: 2px
}

.collapsible_btn_text {
    padding-right: 15px;
    padding-right: 0\9;
    display: block
}

.collapsible-content {
    border: 1px solid #ccc;
    padding: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.icon_image {
    width: 80%
}

.contact_block {
    float: left;
    margin-bottom: 20px;
    width: 100%
}

.social_icon {
    margin: 3px
}

.contact_us_icon_div {
    float: left;
    width: 25%
}

.icon_image1 {
    width: 20%;
    margin-left: -4%
}

.icon_image2 {
    width: 20%;
    margin-left: -2%
}

.social_icon img {
    width: 45px
}

.contact_div {
    margin: 10px 0 10px 0
}

.color_white {
    color: #fff
}

.breadcrumb {
    background: none;
    padding: 0px
}

.breadcrumb li {
    margin-left: 0px;
    margin-bottom: 0px
}

.breadcrumb li a {
    color: #555;
    font-size: 12px;
    font-weight: 600
}

.breadcrumb li.active a {
    color: #20abf3
}

.content_wrapper {
    display: block;
    padding: 20px 0 !important;
    width: 100%
}

.story_row {
    margin-bottom: 15px
}

.story_row:last-child {
    margin-bottom: 0px
}

.blue_list ol {
    counter-reset: item
}

.blue_list ol li {
    display: block;
    position: relative
}

.blue_list ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #20abf3;
    position: absolute;
    left: -14px;
    top: 0px
}

.blue_list ul {
    list-style-type: none
}

.blue_list ul li {
    position: relative
}

.blue_list ul li:before {
    content: ". ";
    color: #20abf3;
    position: absolute;
    font-size: 40px;
    left: -14px;
    top: -11px
}

.advantage_contact_fields {
    background-color: #f8f6f7;
    padding-bottom: 15px;
    padding-top: 15px
}

.caret {
    border-color: #fff !important
}

.novted_form .bootstrap-select.btn-group .dropdown-menu li {
    margin-left: 0px
}

.novted_form .dropdown-toggle {
    border-radius: 0px;
    border: none
}

.g-recaptcha {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.creativa_player_container {
    width: 90%;
    height: 480px;
    position: relative;
    top: 0px
}

#annual_business_km {
    width: 28%
}

input[type='number'] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@font-face {
    font-family: 'Museo 300';
    src: url("../fonts/Museo300-Regular.woff2") format("woff2"), url("../fonts/Museo300-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Museo 500';
    src: url("../fonts/Museo500-Regular.woff2") format("woff2"), url("../fonts/Museo500-Regular.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url("../fonts/MuseoSans-700.woff2") format("woff2"), url("../fonts/MuseoSans-700.woff") format("woff");
    font-weight: 600;
    font-style: normal
}

.table>tbody>tr>td {
    border-top: none;
    border-bottom: 1px solid #ddd
}

h4 {
    font-size: 16px
}

h3 {
    font-size: 18px
}

.btn-orange {
    min-width: 198px;
    background-color: #ff9a00;
    border: 2px solid
}

.btn-orange:after {
    top: 8px
}

#node-4 {
    background-color: #F5F6F8
}

.pad35-0 {
    padding: 35px 0px
}

.site_calculator {
    width: 100%;
    margin: auto
}

.site_calculator h2,
.site_calculator .field-items p strong {
    margin-top: 0px;
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: normal
}

.calculator {
    float: left;
    width: 100%
}

.site_calculator p {
    color: #fff
}

.novted_quote .btn-orange {
    width: 40%;
    float: none;
    margin: auto;
    min-width: auto;
    display: block
}

.novted_form::before {
    content: url("../images/arrows.png");
    left: -1px;
    position: absolute;
    top: 14px
}

.novted_form {
    background-color: #20abf3;
    line-height: normal;
    color: #fff;
    position: relative;
    float: left
}

.novted_form h2 {
    font-size: 22px;
    margin-top: 0px
}

.novted_form input {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none
}

input.error {
    color: #333 !important
}

.container.calculator {
    max-width: 100%;
    background-color: #fff
}

.titles {
    color: #1db337;
    padding: 3px 0;
    font-size: 35px;
    margin: 0px;
    font-weight: 500;
    font-family: 'Museo 500'
}

img {
    max-width: 100%
}

.top-title {
    background-color: #fff;
    float: left;
    max-width: 100%;
    width: 76%
}

.top-menu {
    width: 24%;
    max-width: 100%
}

.header ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px
}

.vd {
    float: left;
    margin-bottom: 10px;
    width: 100%
}

ul.menus img {
    width: 100%
}

.action input {
    margin-top: 0px;
    margin-bottom: 15px
}

.menus a {
    cursor: pointer;
    float: left;
    padding: 12px 0 6px 0;
    color: #1db336
}

ul.menus li {
    float: right;
    margin-left: 0px;
    margin-bottom: 10px
}

a.backward {
    left: 4px
}

a.forward {
    margin-left: 5px
}

ul.menus li+li {
    margin-left: 5px
}

ul.menus li span {
    background-repeat: no-repeat;
    float: left;
    padding: 9px 23px
}

ul.menus li span.one {
    background-image: url("../images/one-active.png");
    opacity: 0.5
}

ul.menus li span.one.active {
    background-image: url("../images/one-active.png");
    opacity: 1
}

ul.menus li span.one.visited {
    background-image: url("../images/one-active.png");
    opacity: 1
}

ul.menus li span.two {
    background-image: url("../images/two-active.png");
    opacity: 0.5
}

ul.menus li span.two.active {
    background-image: url("../images/two-active.png");
    opacity: 1
}

ul.menus li span.two.visited {
    background-image: url("../images/two-active.png");
    opacity: 1
}

ul.menus li span.three {
    background-image: url("../images/three-active.png");
    opacity: 0.5
}

ul.menus li span.three.active {
    background-image: url("../images/three-active.png");
    opacity: 1
}

ul.menus li span.three.visited {
    opacity: 1;
    background-image: url("../images/three-active.png")
}

.select-vihicle .selectpicker {
    border-radius: 0px !important;
    box-shadow: none;
    height: auto;
    padding: 10px 12px;
    width: 100%
}

.selectpicker .caret {
    display: none
}

.bootstrap-select {
    width: 100% !important
}

.dropdown-menu {
    min-height: inherit;
    max-height: inherit;
    overflow: visible !important;
    padding: 0px;
    margin: 0px;
    width: 100% !important
}

.selectpicker:focus {
    border-color: #FF9A00;
    box-shadow: none
}

li a .check-mark {
    display: none
}

.form-group {
    position: relative
}

.select-vihicle .dropdown-toggle:focus {
    outline: 0px !important
}

.select-vihicle .bs-caret .caret {
    border: none;
    position: relative !important
}

.select-vihicle label {
    padding-top: 5px
}

.bs-caret .caret:after {
    content: "\f107";
    font-family: FontAwesome;
    padding: 8px 0;
    color: #565656;
    position: absolute;
    top: -23px;
    right: -10px;
    font-weight: bold;
    font-size: 20px
}

.cars-select {
    background-color: #fff;
    display: block;
    float: left;
    padding: 10px;
    width: 100%;
    border: 1px solid #ccc
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff
}

.select-vihicle .bootstrap-select.btn-group div.dropdown-menu {
    position: absolute;
    top: 41px
}

.select-vihicle .bootstrap-select.btn-group div.dropdown-menu li {
    margin-left: 0px
}

.novated_lease {
    display: block;
    float: left;
    padding: 10px 25px;
    width: 100%;
    border: 1px solid #a9adae
}

.cars-details {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.cars {
    background: #fff;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 45px;
    padding: 0px
}

.details {
    padding-right: 0px !important;
    margin-bottom: 30px
}

.details table {
    margin-bottom: 0px
}

.details tr td:nth-child(2) {
    padding-left: 0;
    text-align: right
}

.action {
    margin-top: 5px;
    width: 80%;
    position: relative;
    margin: auto;
    clear: both
}

.action.btn_tooltip span {
    position: absolute;
    top: 7px;
    left: 170px
}

.btn-orange {
    background-color: #1db337;
    font-weight: 600;
    border: medium none;
    float: left;
    padding: 6px 25px 7px 25px;
    position: relative;
    text-align: left;
    text-decoration: none !important;
    width: 100%;
    border-radius: 50px
}

.btn-orange:hover {
    color: #fff
}

.btn-grey:hover {
    color: #fff
}

.action::after {
    color: #fff;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 30px;
    margin-left: 20px;
    position: absolute;
    right: 20px;
    top: 7px
}

.enter_information .radio {
    text-align: left;
    margin-bottom: 0px;
    margin-top: 0px
}

.btn-grey {
    background-color: #485053;
    color: #fff;
    float: left;
    font-size: 20px;
    padding: 7px 10px;
    position: relative;
    width: 100%;
    text-decoration: none !important;
    border: none;
    text-align: left
}

.pad0px {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.details tr td {
    font-size: 14px;
    vertical-align: middle !important;
    word-break: break-word
}

.details tr td:first-child {
    width: 45%;
    font-size: 14px
}

.details tr td:nth-child(2) {
    width: 55%
}

.cars img {
    height: auto;
    width: auto
}

.radiogrp {
    padding-top: 8px;
    padding-bottom: 5px
}

.padTop {
    padding-top: 6px !important
}

.form-group.iptext:after {
    display: none
}

.form-control {
    height: auto !important
}

.salary-select .form-control {
    background: none
}

.select-vihicle input[type="text"],
.calculator .bootstrap-select button {
    border-radius: 0px !important;
    box-shadow: none;
    height: auto;
    padding: 8px 7px
}

.select-vihicle input:focus {
    border-color: #FF9A00;
    box-shadow: none
}

.select-vihicle .form-group {
    float: left;
    width: 100%
}

.first_lbl {
    line-height: 0px
}

.iptext label {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px
}

.iptext .col-sm-2 input {
    text-align: center
}

.fullidetalis {
    display: table;
    float: left;
    width: 100%
}

.novated_lease .fullidetalis {
    display: table;
    width: 100%;
    margin-top: 15px
}

.novated_lease .fullidetalis .cars {
    display: table-cell;
    height: auto;
    padding: 0;
    vertical-align: middle;
    width: 50%
}

#calculator_form_step_2 .fullidetalis .cars {
    height: auto
}

.blue-bg {
    background: #0079c0;
    padding: 10px 18px
}

.blue-bg .price {
    background-color: #fff;
    color: #0079c0;
    font-size: 35px !important
}

.blue-bg p {
    color: #fff
}

.green-bg {
    background: #00b0f0;
    padding: 10px 18px
}

.green-bg p {
    color: #fff
}

.green-bg .price {
    background-color: #fff;
    color: #00b0f0;
    font-size: 35px !important
}

.details sub {
    bottom: 7px;
    font-size: 20px
}

.price {
    font-size: 26px;
    font-weight: bold;
    padding: 8px 0
}

.details p {
    margin-bottom: 5px
}

.valid {
    border: 1px solid #0AA766 !important
}

.error {
    color: red
}

.radio-inline input {
    margin-top: 2px
}

.radio-inline.yes-or-no {
    padding-left: 40px
}

.radio-inline.yes-or-no input {
    top: 9px
}

.details .blue-bg {
    margin-bottom: 6px
}

.dropdown-menu>li>a {
    white-space: inherit !important
}

.novated-table .details td {
    padding: 16px 12px
}

.novated_lease .cars {
    text-align: center
}

.novated_lease .cars img {
    height: auto;
    width: 100%
}

.blck-bg {
    background-color: #485053;
    padding: 10px 18px
}

.blck-bg .price {
    background-color: #fff;
    color: #485053;
    font-size: 35px !important
}

.green-bg.lease .price {
    background: #fff
}

.form-group.salary-input::after {
    content: none
}

.lease-heading {
    color: #fff;
    margin-top: 0;
    font-weight: 700
}

.lease h4 {
    color: #fff;
    font-weight: 700
}

.lease-heading span {
    float: right
}

.panel {
    border-radius: 0px
}

.lease-price {
    float: left;
    margin-top: 20px;
    width: 100%;
    margin-bottom: 10px;
    position: relative
}

.lease-price .blue-bg:before {
    content: url("../images/up_aarow.png");
    position: absolute;
    right: 25px;
    bottom: -21px
}

.lease-price:before {
    content: "";
    background: #ebedee;
    width: 100%;
    height: 84px;
    position: absolute;
    bottom: -15px
}

.green-bg:before {
    content: url("../images/up_aarow_2.png");
    position: absolute;
    right: 25px;
    bottom: -21px
}

.blck-bg:before {
    content: url("../images/up_aarow_3.png");
    position: absolute;
    right: 25px;
    bottom: -21px
}

.lease {
    display: block;
    float: left;
    width: 100%
}

.lease sub {
    bottom: 8px;
    font-size: 20px
}

.container_site .lease .price {
    padding: 8px 10px !important;
    font-size: 30px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600
}

.form-groups {
    float: left;
    margin-bottom: 15px;
    width: 100%
}

.form-groups label {
    padding-bottom: 6px;
    padding-top: 6px
}

label {
    font-weight: normal !important;
    font-size: 14px
}

.my-novted-input.select-vihicle {
    float: left;
    margin-top: 15px;
    width: 100%
}

.lease-included {
    display: block;
    float: left;
    width: 100%
}

.lease-included img {
    margin-right: 5px
}

.lease-included p {
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    margin: 5px 6px
}

.lease-included h4 {
    font-size: 13px;
    font-weight: 700
}

.lease-included span {
    font-size: 13px
}

.breakdown {
    display: block;
    float: left;
    width: 100%
}

.panel-default a {
    text-decoration: none !important
}

.breakdown .panel-group .panel,
.breakdown .panel-heading {
    border-radius: 0px
}

.blue {
    color: #0079c0
}

.breakdown .panel-heading {
    padding: 15px
}

.breakdown .panel-title a {
    font-size: 18px;
    color: #333
}

.breakdown .panel-group .panel+.panel {
    margin-top: 30px
}

.breakdown-details {
    border: medium none !important;
    text-align: center;
    width: 100%
}

.breakdown-details li {
    float: none !important;
    display: inline-block !important;
    margin: 0px
}

.breakdown-details .active>a {
    background-color: #0079c0 !important;
    color: #fff !important
}

.breakdown .nav-tabs>li>a {
    border: 1px solid #b4b4b4 !important;
    border-radius: 0 !important;
    color: #555555;
    font-size: 16px;
    padding: 5px 15px
}

.breakdown-details li:nth-child(2) a {
    margin: 0 25px
}

.breakdown .panel-title {
    position: relative
}

.breakdown .panel-title a[aria-expanded="true"]:after {
    color: #0079c0;
    content: "\f078";
    font: 18px FontAwesome;
    margin-left: 20px;
    position: absolute;
    top: 0;
    right: 10px;
    transform: rotate(0deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.breakdown .panel-title a.collapsed::after {
    color: #0079c0;
    content: "\f078";
    font: 18px FontAwesome;
    margin-left: 20px;
    position: absolute;
    top: 0;
    right: 10px;
    transform: rotate(-90deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.blue-row {
    background-color: #0079c0;
    color: #fff
}

.tab-content {
    margin-top: 15px
}

.breakdown .panel-body {
    background: #f5f5f5 none repeat scroll 0 0
}

.quote .table td {
    border-color: #b4b4b4;
    font-size: 14px;
    padding: 16px 20px
}

.quote i {
    font-size: 16px
}

.white-row {
    background-color: #fff
}

.light-grey-row {
    background-color: #F1F1F1
}

.dark-grey-row {
    background-color: #cce4f2
}

.bg_ebedee {
    background-color: #ebedee
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #fff
}

.tltip {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #0079c0;
    padding: 0px
}

.tltip:hover {
    background-color: transparent;
    color: #0079c0
}

h4 button.tltip {
    color: #fff
}

h4 button.tltip:hover {
    color: #fff
}

.novated-table {
    display: table-cell;
    width: 50%
}

.col-md-12.novbtn {
    padding-right: 0px
}

.novated_results .top-menu {
    width: 28%
}

.novated_results .top-title {
    width: 72%
}

.novated_results .top-title span {
    color: #485053 !important
}

.novated_results .container.calculator {
    padding: 0px
}

.novated-table-left table {
    margin-bottom: 0px
}

.novated-table-left table td:first-child {
    text-align: left;
    font-size: 14px
}

.novated-table-left table td:last-child {
    text-align: right;
    font-size: 14px
}

.my-novted-input input[type="text"],
.my-novted-input button span {
    text-align: right !important
}

.my-novted-input button span.filter-option {
    padding-right: 20px
}

.value {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #ddd;
    float: left;
    font-size: 17px;
    height: 224px;
    padding: 10px 30px;
    position: relative;
    width: 100%
}

.value h3 {
    margin-top: 0px;
    color: #575757
}

.value span {
    position: absolute;
    right: 10px;
    top: 10px
}

.dropdown-menu.inner {
    max-height: 250px !important;
    min-height: 50px !important;
    overflow-y: scroll !important
}

#loader_box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 0.8;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    background-color: #262626;
    text-align: center
}

#loader_img_wrapper {
    position: fixed;
    top: 45% !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 999999;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid;
    margin: 0 auto !important;
    background-color: #fff;
    display: none;
    padding: 0 !important
}

#loader_img {
    padding: 12px
}

.text-right {
    text-align: right
}

.font-bold {
    font-weight: bold
}

span.move_step {
    cursor: pointer
}

span.move_step.active {
    cursor: inherit
}

.book_appointment_blk .content_wrapper {
    padding-top: 0
}

.advantage_calc .radio-inline.yes-or-no {
    padding-left: 22px
}

.advantage_calc .radio {
    text-align: left
}

.ui-helper-hidden-accessible {
    display: none
}

.ui-autocomplete {
    cursor: pointer;
    height: 130px;
    overflow-y: scroll;
    width: 198px !important;
    background-color: #F4F4F4;
    color: #636469 !important;
    list-style: none;
    padding: 0px
}

.advantage_calc {
    float: left;
    display: block;
    width: 100%
}

.radio.radio_new {
    margin-top: -8px
}

.radio.radio_new label {
    position: relative;
    margin: 0px
}

.radio.radio_new label input {
    opacity: 0;
    margin: 0px
}

.radio.radio_new label span {
    position: absolute;
    text-align: center;
    left: 0;
    background: #485053;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    padding: 6px;
    color: #fff;
    width: 100%
}

.radio.radio_new label span.radio_active {
    background: #0079c0 !important;
    font-weight: bold
}

select[multiple] {
    width: 100%
}

.brand_logo {
    position: relative;
    top: 35px
}

.ssolution-header .site_calculator {
    float: left;
    padding: 15px 10px
}

.ssolution-header .site_calculator .calculator {
    padding: 15px
}

.pad-0 {
    padding: 0px
}

.novted_form .bootstrap-select {
    background: none;
    position: relative
}

.novted_form .bootstrap-select .dropdown-menu {
    top: 0px
}

.name-with-drpdwn input {
    width: 62%;
    position: absolute;
    top: 0;
    right: 0
}

.name-with-drpdwn .btn.dropdown-toggle.btn-default {
    width: 65px !important;
    float: left !important
}

#salutation-error {
    clear: both
}

textarea {
    resize: none
}

.live_chat {
    padding: 0;
    margin-top: 15px
}

.forTab {
    display: none
}

.no-padding {
    padding: 0
}

.container_site {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.pad20 {
    padding: 20px
}

.btn-orange {
    font-size: 22px
}

.novated-table-left,
.web_car,
.novated-table {
    float: left;
    width: 33.33%
}

.novated-table-left {
    padding: 0 15px
}

.d_row {
    float: left;
    width: 100%
}

.d_row h5 {
    font-size: 15px
}

.web_car {
    padding: 20px
}

.novted_quote {
    float: left;
    width: 100%;
    background: #ebedee;
    padding-bottom: 25px;
    padding-right: 10px;
    padding-left: 10px
}

.novted_quote h2 {
    font-family: 'Museo 500';
    color: #1db337
}

.novated-table .my-novted-input input[type="text"],
.novated-table .my-novted-input button span {
    text-align: left !important
}

.novated-table .action.btn_tooltip {
    width: 100%;
    margin-top: 15px;
    float: left
}

.novated-table .action.btn_tooltip .btn-grey {
    border-radius: 50px;
    font-weight: 600;
    padding-left: 20px
}

.novated-table .form-groups {
    margin-bottom: 0px
}

.novated-table .form-groups label {
    padding-top: 0px;
    padding-bottom: 0px
}

.novated-table .my-novted-input.select-vihicle {
    margin-top: 0px
}

.Estimates {
    margin: 15px 0px
}

.checkcontainer {
    position: relative;
    font-size: 14px
}

.checkcontainer input {
    opacity: 0
}

.checkcontainer+.checkcontainer {
    margin-left: 15px
}

.checkcontainer a {
    text-decoration: underline
}

.checkcontainer .checkmark:after {
    content: '';
    display: block;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-left: 3px
}

.checkcontainer input:checked ~ .checkmark {
    background-color: #1db337
}

.checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: #fff;
    border: 1px solid #a9adae
}

.table-responsive.quote tr td+td {
    font-weight: 700
}

.blue-row h4 {
    margin: 0px
}

.panel-default {
    border-color: #a9adae
}

.checklabel {
    margin: 0 0 10px 0
}

.form-control {
    border: 1px solid #a9adae;
    border-radius: 0px
}

::placeholder {
    color: #485053 !important;
    opacity: 1
}

.form-row {
    float: left;
    width: 100%
}

.clear {
    clear: both
}

.step_two td {
    word-break: normal !important
}

.step_one td {
    word-break: normal !important
}

.custom_div {
    float: left;
    width: 20%
}

.custom_div-2 {
    float: left;
    width: 78%
}

.Estimates p {
    padding-left: 15px;
    position: relative;
    font-size: 13px;
    line-height: normal
}

.Estimates p:before {
    content: "*";
    position: absolute;
    left: 0
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .cars img {
        height: auto;
        width: 200px
    }
}

@media (max-width: 991px) {
    .lease-included p,
    .lease-included h4 {
        font-size: 12px
    }
    .action {
        width: 90%
    }
    .use_business_toggle {
        padding-right: 10px !important;
        margin-top: -12px !important
    }
    .lease .price {
        font-size: 30px !important;
        word-break: break-all
    }
    .novated-table-left,
    .web_car,
    .novated-table {
        width: 100%
    }
    .mobileCar {
        padding-left: 15px;
        padding-right: 15px
    }
    .novated-table-left td {
        width: 50%
    }
    .novted_quote .btn-orange {
        width: 100%
    }
    .novated-table-left table td:first-child {
        width: 200px
    }
    .novated_results .container.calculator {
        padding: 0 15px
    }
    .checkcontainer+.checkcontainer {
        margin-left: 0px
    }
    .novted_quote h2 {
        float: left;
        width: 100%
    }
    .lease-price .blue-bg:before,
    .green-bg:before,
    .blck-bg:before {
        bottom: -21px
    }
    .forDesktop {
        display: none
    }
    .forTab {
        display: block
    }
    .creativa_player_container {
        width: 90%;
        margin: 0 auto
    }
    .live_chat {
        clear: both
    }
    .name-with-drpdwn input.form-control {
        width: 90% !important
    }
    .res-pad-0 {
        padding: 15px !important
    }
    .book_appointment_blk .block_container {
        background: #f5f6f7;
        padding: 15px
    }
    .live_chat {
        padding: 0 15px
    }
    .slider .home.carousel-caption h1 {
        font-size: 30px;
        font-weight: bold
    }
    .slider .home.carousel-caption p {
        font-size: 20px;
        line-height: normal
    }
    .blogs .blog_content {
        min-height: 240px
    }
    .blogs ul li {
        font-size: 15px
    }
    .blogs ul li:before {
        font-size: 20px
    }
    .blogs .blog_howork {
        min-height: 380px
    }
    .blogs .blog_howork p {
        font-size: 15px !important
    }
    .banner_bg img {
        width: auto;
        height: 100%;
        max-width: inherit
    }
    .N_heading h1 {
        font-size: 26px
    }
    .N_heading2 h2 {
        font-size: 20px
    }
    .subheader .navbar-default .navbar-header {
        width: 185px
    }
    .subheader .navbar-default p.greyfont {
        font-size: 14px
    }
    .subheader .navbar-default .navbar-nav>li a {
        padding: 19px 8px
    }
    footer .img_award {
        display: none
    }
    footer .ft {
        padding: 0 15px
    }
    footer .footerlinks2_site li {
        padding: 0 7px
    }
    footer .footerlinks2_site li {
        padding: 0 7px
    }
    footer .tab-content {
        min-height: inherit
    }
    .footer_banner {
        height: auto
    }
    .footer_banner .ft_icon_img {
        padding: 15px 0px
    }
    .footer_banner .ft_content {
        padding: 15px 0px
    }
    .breadcrumb,
    .banner_bg h2 {
        padding: 0 15px
    }
    .content_blcok {
        padding: 20px 0px
    }
    .contact_info .phone_img {
        height: 250px
    }
    .banner_bg h2 {
        font-size: 30px;
        width: 70%
    }
    .circle-get1 {
        padding: 0px
    }
    .footer_banner.middle_block h2 {
        font-size: 25px
    }
    .top-title {
        width: 71%
    }
    .top-menu {
        width: 29%
    }
    .radio-inline.yes-or-no {
        padding-left: 25px
    }
    .radio-inline.yes-or-no input {
        top: 11px
    }
    .container.calculator {
        width: 100%
    }
    .novated_results .top-title {
        width: 75%
    }
    .novated_results .top-menu {
        width: 25%
    }
    .novted_form {
        background: none;
        width: 100%;
        padding: 15px
    }
    .novted_form .novted_quote {
        background: #20abf3;
        padding: 15px;
        float: left;
        width: 100%
    }
    .novted_form:before {
        left: 14px;
        top: 25px
    }
    .cutomerlogin {
        padding: 0
    }
    .deals_row ul li .btn-blue {
        min-width: 100%
    }
    #login_form .btn.btn-blue {
        min-width: 100%
    }
    input.password-confirm,
    input.password-field {
        width: 100%
    }
}

@media (max-width: 750px) {
    .inner-slide .col-xs-12 {
        width: 100%
    }
    .advantageleasing_left_block {
        padding: 2%;
        width: 100%
    }
    .advantageleasing_right_block {
        margin-top: 10px;
        width: 100%
    }
    .advantageleasing {
        padding: 10px
    }
    .image_none {
        display: none
    }
    .advantageleasing .btn-blue {
        font-size: 15px
    }
    .product_page_table table td,
    .product_page_table table table th {
        white-space: pre-wrap !important
    }
    .product_page_table table tr td:first-child,
    .product_page_table table tr th:first-child {
        width: 500px
    }
    .product_page_table table tr td:nth-child(2),
    .product_page_table table tr th:nth-child(2) {
        width: 30%
    }
    .product_page_table table tr td:nth-child(3),
    .product_page_table table tr th:nth-child(3) {
        width: 30%
    }
    .product_page_table {
        width: 100%;
        margin-bottom: 15px
    }
    .text_with_img_left {
        padding: 0px
    }
    .text_with_img_right {
        padding: 0px
    }
}

@media (max-width: 767px) {
    .lease-included .no-padding {
        padding-left: 15px;
        padding-right: 15px
    }
    .lease-included .no-padding p {
        font-size: 12px;
        width: 49%;
        margin: 12px 0 0 0px
    }
    .btn-grey {
        font-size: 15px
    }
    .custom_div-2 {
        float: left;
        width: 100%
    }
    .custom_div {
        float: left;
        width: 100%
    }
    .custom_div h4 {
        padding: 0 15px
    }
    .lease-included span {
        font-size: 12px;
        margin-top: 8px;
        padding: 0 15px;
        float: left;
        width: 100%
    }
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    input[type="tel"] {
        font-size: 16px
    }
    .btn-orange:after {
        top: 4px;
        font-size: 24px
    }
    .novated_lease {
        border: none;
        padding: 0px
    }
    .mynovateddetails .mobPadding {
        padding: 0px
    }
    .table-responsive.quote td {
        border: none
    }
    .table-responsive.quote tr {
        border-bottom: 1px solid #b4b4b4
    }
    .novted_quote {
        position: relative
    }
    .novted_quote:before {
        position: absolute;
        height: 100%;
        width: 100%;
        background: #ebedee;
        content: "";
        left: 0;
        top: -108px
    }
    .lease-price {
        padding: 0 15px
    }
    .creativa_player_container {
        width: 100%
    }
    .more_moments_to_save .landingpagewapper .carousel-caption {
        width: 100%
    }
    .more_moments_to_save .landingpagewapper .carousel-caption p {
        font-size: 20px !important
    }
    .forDesktop {
        display: block !important
    }
    .forTab {
        display: none !important
    }
    .more_moments_to_save .block_image_wrapper {
        display: none
    }
    .navbar-default .navbar-toggle,
    .navbar-toggle:focus {
        background-color: #20abf3 !important;
        border-color: #20abf3
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff
    }
    .navbar-collapse {
        background: #fff;
        position: absolute;
        width: 100%;
        z-index: 99
    }
    .main-drop-menu {
        position: relative;
        top: inherit !important;
        left: inherit !important;
        width: 100% !important
    }
    .main-drop-menu ul {
        width: 100% !important
    }
    .Insurance .dropmenu-img {
        margin-top: 10px
    }
    p.greyfont {
        display: inline;
        color: #20abf3 !important;
        font-size: 16px !important
    }
    .login p.greyfont {
        color: #fff !important
    }
    .subheader .navbar-toggle .icon-bar {
        transition: all 0.2s ease 0s;
        width: 22px
    }
    .subheader .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px
    }
    .subheader .navbar-toggle.collapsed .top-bar {
        padding-left: 0;
        transform: rotate(0deg)
    }
    .subheader .navbar-toggle.collapsed .middle-bar {
        opacity: 1
    }
    .subheader .navbar-toggle.collapsed .bottom-bar {
        padding-left: 0;
        transform: rotate(0deg)
    }
    .subheader .navbar-toggle .top-bar {
        padding-left: 2px;
        transform: rotate(45deg);
        transform-origin: 10% 10% 0
    }
    .subheader .navbar-toggle .middle-bar {
        opacity: 0
    }
    .subheader .navbar-toggle .bottom-bar {
        padding-left: 2px;
        transform: rotate(-45deg);
        transform-origin: 10% 90% 0
    }
    .headertop .topheadercontact h6 {
        font-size: 15px
    }
    .headertop .topheadercontact h6 a.call {
        font-size: 15px
    }
    .headertop .toplinks_sites ul li:first-child a::before {
        content: none
    }
    .headertop .toplinks_sites ul li a {
        padding: 5px 2px;
        font-size: 13px
    }
    .headertop .region-top-links .col-xs-7,
    .headertop .region-top-links .col-xs-5 {
        padding: 0px 15px
    }
    .subheader .navbar-default .navbar-header {
        width: 100%
    }
    .subheader .navbar-default .navbar-header .navbar-brand {
        height: auto;
        width: 190px
    }
    .subheader .region-custom-menu ul {
        float: none;
        margin: 0
    }
    .subheader .navbar-default .navbar-nav li a {
        padding: 14px 8px;
        position: relative
    }
    .subheader .navbar-default .navbar-nav li a.login {
        background-position: 8px 8px
    }
    .subheader .navbar-default .navbar-nav li a.login:after {
        color: #fff !important
    }
    .subheader .navbar-default .navbar-nav li a:after {
        content: "\f105";
        color: #20abf3;
        font: 20px FontAwesome;
        position: absolute;
        right: 15px
    }
    .social_links {
        float: none;
        text-align: center
    }
    .social_links a {
        float: none;
        margin: 0 5px
    }
    .footerlinks2_site {
        float: left;
        width: 100%;
        text-align: center
    }
    .footerlinks2_site li {
        border-left: none;
        display: block
    }
    .blogs .blog_content {
        margin-bottom: 30px;
        min-height: inherit !important
    }
    footer .cutomerlogin {
        text-align: center
    }
    footer .copyright_site {
        float: left;
        margin-right: 0;
        text-align: center;
        margin-top: 10px;
        padding-top: 8px;
        width: 100%;
        border-top: 1px solid #ccc
    }
    .contact_info {
        margin: 20px 0
    }
    .contact_info .phone_img {
        height: 180px
    }
    .slider .home.carousel-caption h1 {
        font-size: 24px;
        margin-top: 20px
    }
    .slider .home.carousel-caption p {
        font-size: 14px;
        line-height: 20px
    }
    .site_calculator h2 {
        font-size: 25px !important
    }
    .footer_banner {
        min-height: auto;
        padding-bottom: 15px
    }
    .footer_banner .ft_icon_img {
        padding: 15px 0px;
        text-align: center
    }
    .footer_banner .ftr_banner_btn,
    .footer_banner .field-type-text-with-summary {
        width: 100% !important;
        float: left;
        padding-right: 0px !important
    }
    .footer_banner .ft_content h2,
    .footer_banner .ft_content h3 {
        width: 100%
    }
    .footer_banner .ftr_banner_btn {
        margin: 10px 0;
        position: static
    }
    .footer_banner .container_site {
        display: block;
        table-layout: fixed
    }
    .footer_banner .container_site [class*="col-"] {
        display: block !important;
        float: left !important
    }
    .footer_banner .container_site [class*="col-"] a {
        margin-top: 10px !important
    }
    .footer_banner .container_site .col-md-8,
    .footer_banner .container_site .col-md-6 {
        padding: 0px
    }
    .blogs .col-md-4 {
        margin-bottom: 15px
    }
    .blogs .col-md-4 .blog_howork {
        min-height: auto;
        width: 100%
    }
    #node-5 .btn {
        margin-bottom: 10px
    }
    .lease h4 {
        font-size: 18px
    }
    .lease sub {
        bottom: 8px;
        font-size: 18px
    }
    .novated-table {
        display: block;
        width: 100%
    }
    ul.menus li+li {
        margin-right: 5px;
        margin-left: 0px
    }
    .header ul {
        float: left;
        list-style-type: none;
        margin: 0;
        padding: 0
    }
    .novated-table .details td {
        padding: 16px 20px
    }
    .action::after {
        font-size: 24px;
        top: 8px
    }
    .action {
        width: 80%
    }
    .btn-orange {
        font-size: 15px
    }
    .col-md-12.novbtn {
        padding-left: 0;
        padding-right: 0
    }
    .novated_lease .fullidetalis .cars {
        display: block;
        height: auto;
        width: 100%
    }
    .details tr td:first-child {
        width: 250px
    }
    .details tr td:nth-child(2) {
        width: 60%
    }
    .details tr td {
        float: none
    }
    .cars img {
        height: auto
    }
    .details {
        padding-left: 0 !important
    }
    .enter_information .radio input {
        margin-top: 2px;
        margin-left: 0px
    }
    .top-menu,
    .novated_results .top-title {
        width: 100%
    }
    .top-title h4 {
        font-size: 24px
    }
    .cars {
        margin-bottom: 10px
    }
    .top-title,
    .novated_results .top-menu {
        margin-bottom: 10px;
        width: 100%
    }
    .fullidetalis {
        display: block;
        width: 100%
    }
    .details {
        float: left;
        width: 100%
    }
    .select-vihicle input {
        margin-bottom: 10px
    }
    .pad0px {
        padding: 0
    }
    .novated_lease .novated-table {
        padding-left: 0;
        padding-right: 0
    }
    .lease-included p {
        text-align: left
    }
    .lease-included p {
        font-size: 16px
    }
    .lease {
        margin-bottom: 25px;
        position: relative;
        z-index: 1
    }
    .vd {
        margin-bottom: 0px
    }
    .lease-price:before {
        width: auto
    }
    .lease-heading {
        font-size: 24px
    }
    .breakdown .nav-tabs>li>a {
        padding: 5px 12px;
        font-size: 13px
    }
    .breakdown-details li:nth-child(2) a {
        margin: 0 5px
    }
    .value {
        height: auto;
        margin-top: 20px
    }
    .radio-inline.yes-or-no {
        padding-left: 18px
    }
    .radio-inline.yes-or-no input {
        left: 0px
    }
    #node-4 .site_calculator,
    #node-14 .site_calculator {
        padding: 15px 0px
    }
    .quote i {
        font-size: 18px
    }
    .breakdown .panel-title a {
        font-size: 15px
    }
    .novated_results .top-menu {
        margin-bottom: 0
    }
    .feedback_clients {
        text-align: center
    }
    .deals_row ul,
    .story_row ul {
        display: block;
        padding: 15px
    }
    .deals_row ul li,
    .story_row ul li {
        display: block;
        width: 100%;
        float: left
    }
    .deals_row ul li.col-sm-3,
    .deals_row ul li.col-md-6,
    .story_row ul li.col-sm-3,
    .story_row ul li.col-md-6 {
        float: left;
        margin-bottom: 10px;
        width: 100%
    }
    .deals_row ul li .col-xs-12,
    .story_row ul li .col-xs-12 {
        padding-bottom: 100px
    }
    .deals_row ul li .pull-bottom,
    .story_row ul li .pull-bottom {
        width: 100%
    }
    .deals_row ul li .pull-bottom .btn-blue,
    .story_row ul li .pull-bottom .btn-blue {
        min-width: 100%
    }
    .deals_row ul li .deal_img,
    .story_row ul li .deal_img {
        text-align: center
    }
    #node-71 .slider .home.carousel-caption {
        display: block;
        width: 100%
    }
    #node-71 .slider .home.carousel-caption div {
        display: block;
        float: left
    }
    .single_article .date,
    .single_article .article_share {
        text-align: center
    }
    .franchaise div {
        display: block;
        float: left;
        width: 100%;
        padding: 15px 0px
    }
    .pds_block_wrapper .col-xs-12 {
        display: block
    }
    .pds_block_wrapper .col-xs-12 div {
        display: block;
        width: 100%;
        float: left;
        padding: 0px;
        text-align: center
    }
    .pds_block_wrapper .col-xs-12 div a {
        margin: 0px
    }
    .pds_block_wrapper .N_heading h1 span {
        display: block;
        margin-bottom: 10px
    }
}

@media (max-width: 568px) {
    .use_business_toggle {
        margin-top: 0 !important
    }
    .name-with-drpdwn input.form-control {
        width: 78% !important
    }
    .more_moments_to_save .landingpagewapper .carousel-caption {
        width: 100%
    }
    .more_moments_to_save .landingpagewapper .carousel-caption p {
        font-size: 15px !important
    }
    .carousel-indicators {
        bottom: -10px !important
    }
    #node-3 .slider .home.carousel-caption h1 {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 5px
    }
    #node-3 .slider .home.carousel-caption p {
        font-size: 11px;
        line-height: normal;
        margin: 5px 0px
    }
    #node-3 .slider .btn.btn-green {
        font-size: 12px;
        min-width: 150px;
        padding: 2px 10px
    }
    #node-3 .slider .btn.btn-green:after {
        font-size: 15px;
        top: 3px
    }
    slider .home.carousel-caption h1 {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 5px
    }
    slider .home.carousel-caption p {
        font-size: 11px;
        line-height: normal;
        margin: 5px 0px
    }
}

@media (max-width: 320px) {
    .carousel-indicators {
        display: none
    }
    .news_submit .btn {
        min-width: inherit
    }
    .more_moments_to_save .landingpagewapper .carousel-caption p {
        font-size: 14px;
        line-height: 20px
    }
    .lease-included img {
        display: block
    }
}

@media (max-width: 375px) {
    .use_business_toggle {
        margin-top: -6px !important
    }
}


/*# sourceMappingURL=style.css.map */

#feature {
    margin-top: 100px;
}

#content {
    padding-bottom: 30px;
}

#module.basic ul li,
#module.first ul li,
.hidden .half ul li {
    list-style-image: url(images/square.png)
}

*,
.gone {
    border: 0
}

#sidemenu,
.gone {
    overflow: hidden
}

@font-face {
    font-family: museo500;
    src: url(fonts/museo-500-webfont.eot);
    src: url(fonts/museo-500-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/museo-500-webfont.woff2) format('woff2'), url(fonts/museo-500-webfont.woff) format('woff'), url(fonts/museo-500-webfont.ttf) format('truetype'), url(museo-500-webfont.svg#museo500) format('svg');
    font-weight: 400;
    font-style: normal
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font: inherit;
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 500
}

#compBanner h3,
h3 {
    line-height: 2.125rem
}

.f1 {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.f2 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.f3 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.fadein {
    -webkit-animation: fadein 1.5s;
    -moz-animation: fadein 1.5s;
    -ms-animation: fadein 1.5s;
    -o-animation: fadein 1.5s;
    animation: fadein 1.5s
}

p em,
p i {
    font-style: italic
}

a {
    text-decoration: none
}

#module a.thumb span,
#module a.thumb:hover span,
a,
a:hover,
input,
input:hover {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

body {
    font-family: 'Open Sans', sans-serif
}

h1,
h2,
h3,
h4 {
    font-family: museo500, sans-serif
}

.alignright {
    float: right!important;
    margin-left: 20px!important
}

.alignleft {
    float: left!important;
    margin-right: 20px!important
}

.wrapper {
    margin-top: 6.5rem
}

.container {
    max-width: 64.25rem;
    padding: 0 1.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: inherit
}

#module .column ul.key li,
#module .column.chart ul,
footer ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

h3,
h4 {
    margin-bottom: .75rem
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cap .clear,
.caption .clear {
    height: auto
}

.clear {
    width: 100%;
    height: 1px;
    float: left;
    display: block;
    clear: both
}

h1 {
    font-size: 2.375rem;
    line-height: 2.5rem;
    margin-bottom: 1rem
}

h2 {
    font-size: 2.125rem;
    line-height: 2.375rem;
    margin-bottom: .875rem
}

h3 {
    font-size: 2rem
}

h4 {
    font-size: 1.75rem;
    line-height: 2rem
}

h5 {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: .625rem
}

strong {
    font-weight: 700
}

.gone {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

#dropdown,
#topbar,
#whitebar {
    position: fixed
}

p {
    line-height: 1.25rem;
    font-weight: 500
}

#CTA span,
#greenCTA span {
    font-weight: 600
}

#mobilemenu,
.mobilehead {
    display: none
}

#topbar {
    background: #ebedee;
    padding: .75rem 0;
    width: 100%;
    top: 0;
    z-index: 1000
}

#topbar .logo {
    float: left;
    width: 8rem;
    height: 2.125rem;
    background-image: url(https://autopia.com.au/wp-content/themes/autopia/images/autopia-logo.svg);
    background-size: contain;
    background-repeat: no-repeat
}

#topbar .menu {
    display: flex;
    float: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 5px
}

#topbar .menu.right {
    float: right
}

#topbar .social {
    float: right;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 2px
}

#topbar .menu li {
    list-style: none
}

#topbar .menu li a {
    padding: .25rem 1rem;
    background: 0 0;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    color: #384042;
    font-size: .875rem;
    font-weight: 700
}

#topbar .menu li a:hover {
    color: #39aa39
}

#topbar .menu li.current-menu-item a,
#topbar .menu li.current-page-ancestor a,
#topbar .menu li.current_page_item a,
.post-type-archive-team #topbar .menu li.about a,
.single-team #topbar .menu li.about a,
.tax-division #topbar .menu li.about a {
    padding: .25rem 1rem;
    background: #fff;
    color: #39aa39;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem
}

#topbar .social li {
    list-style: none;
    margin: 0 0 0 .375rem;
    float: left
}

#topbar .social li a {
    float: left;
    list-style: none;
    width: 100%;
    height: auto
}

#topbar .social li a object {
    width: 28px;
    height: 28px
}

#topbar .mobile {
    display: none
}

.page-template-competition-template .wrapper {
    margin-top: 3.5rem
}

#whitebar {
    background: #fff;
    height: 2.875rem;
    border-bottom: 1px solid #eceded;
    width: 100%;
    z-index: 1000;
    top: 3.625rem
}

#whitebar .menu {
    -webkit-justify-content: space-around;
    -ms-web-pack: justify;
    justify-content: space-around;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-left: 1px solid #eceded
}

#whitebar .menu>li {
    list-style: none;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border-right: 1px solid #eceded;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    display: flex;
    -webkit-justify-content: space-around;
    -webkit-flex-pack: justify;
    justify-content: space-around
}

#whitebar .menu>li>a {
    color: #384042;
    font-size: 1.0625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#whitebar .menu>li>a:hover {
    color: #fff;
    background: #1db337
}

#whitebar .menu>li>a.no-child:after,
#whitebar .menu>li>a.no-child:hover:after {
    content: none
}

#whitebar .menu>li>a:after {
    content: '';
    background-image: url(https://autopia.com.au/wp-content/themes/autopia/images/arrows/down-arrow-light.svg);
    background-size: contain;
    width: 1rem;
    background-repeat: no-repeat;
    background-position: center center;
    height: .75rem;
    margin-top: .25rem;
    margin-left: .625rem
}

#whitebar .menu>li>a:hover:after {
    content: '';
    background-image: url(https://autopia.com.au/wp-content/themes/autopia/images/arrows/down-arrow-white.svg)
}

#dropdown {
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, .2);
    z-index: 2001;
    left: 0;
    top: 6.5rem;
    display: none
}

#dropdown .menus {
    position: relative;
    float: left;
    width: 100%;
    background: #eceded;
    padding: 2.25rem 0 1.5rem;
    z-index: 1000
}

#dropdown .row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 2px solid #fff;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
}

#dropdown .row:last-of-type {
    border: 0;
    margin-bottom: 1rem;
    padding-bottom: 0
}

#dropdown .row h4 {
    flex: 1 0 63rem
}

#dropdown .promo,
#module.grey {
    -webkit-justify-content: space-between
}

#dropdown .promo {
    -ms-flex-pack: justify;
    justify-content: space-between
}

#dropdown .promo a {
    max-width: 12.5rem
}

#dropdown .menus ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 1 0 6.5rem;
    -ms-flex: 1 0 6.5rem;
    flex: 1 0 6.5rem;
    position: relative
}

#dropdown .menus ul li {
    list-style: none;
    float: left;
    width: 100%;
    display: block
}

#dropdown .menu>li>a {
    color: #39aa39;
    clear: both;
    font-size: 1.25rem;
    justify-content: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    display: inline;
    font-family: 'museo 500', 'Open Sans', sans-serif;
}

#dropdown .menu>li>a:hover {
    background: 0 0;
    color: #39aa39
}

#dropdown .menus ul ul {
    width: 100%;
    float: left;
    margin-top: .25rem
}

#dropdown .menus ul ul li {
    width: 45%;
    margin-right: 5%
}

#dropdown .menus ul ul li a {
    color: #384042;
    font-size: .875rem;
    letter-spacing: -.025rem;
    padding: .25rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0
}

#sidemenu .gform_anchor,
.page-id-2194 #sidemenu {
    display: none
}

#dropdown .menu ul li a:hover {
    color: #39aa39
}

#sidemenu {
    position: fixed;
    right: 0;
    top: 10rem;
    z-index: 2000;
    bottom: 0
}

#sidemenu .menu a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    width: 10.5rem;
    padding: .5rem 1rem;
    color: #fff;
    margin-bottom: .125rem;
    background-color: rgba(50, 56, 58, .95);
    line-height: 2.25rem
}

#sidemenu .menu a img,
#sidemenu .menu a object {
    margin-top: .25rem;
    margin-right: .75rem;
    width: 1.5rem
}

#sidemenu .menu a:hover {
    background-color: rgba(40, 40, 40, .85);
    color: #fff
}

#sidemenu .menu a span.obj {
    z-index: 1;
    position: relative;
    display: inline-block;
    height: 36px
}

#sidemenu .menu a span.obj:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#sidemenu .contact a.close:before,
#sidemenu .search a.close:before {
    content: none
}

#sidemenu .menu a object {
    pointer-events: none
}

#sidemenu .menu .login {
    background-color: rgba(0, 132, 187, .85)
}

#sidemenu .login:hover {
    background-color: rgba(0, 96, 143, .85)
}

#sidemenu .menu {
    float: left
}

#sidemenu .search {
    width: 39.875rem;
    float: left;
    height: 214px;
    background: #eee;
    margin-left: 2px;
    padding: 4.875rem 2rem;
    margin-right: -40rem;
    position: relative
}

#sidemenu .search object {
    margin: .75rem 1.25rem .75rem 0;
    float: left
}

#sidemenu .search input {
    padding: .75rem;
    float: left;
    font-size: 1.25rem;
    background: #fff;
    border: 0;
    width: 75%;
    outline: 0;
    border-left: 1px solid #7c9091;
    height: 3.25rem
}

#sidemenu .search .close {
    position: absolute;
    top: 0;
    right: 0;
    height: 3rem;
    width: 3rem;
    background: #fff
}

#sidemenu .search .close object {
    margin: .125rem;
    float: left;
    pointer-events: none;
    width: 1rem
}

#sidemenu .search input[type=submit] {
    padding: .75rem;
    font-size: 1.25rem;
    background: #fff;
    border: 0;
    width: 3.25rem;
    float: left;
    color: #7a8e8f;
    cursor: pointer;
    height: 3.25rem
}

#greenCTA a,
#sidemenu .contact input[type=submit] {
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem
}

#sidemenu .contact {
    width: 50rem;
    float: left;
    background: #eee;
    margin-left: 2px;
    padding: 1rem 2rem;
    margin-right: -50rem;
    position: relative;
    overflow-y: auto;
    height: 100%
}

#sidemenu .contact .column {
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    padding: .75rem;
    max-width: 448px!important
}

#sidemenu .contact .close {
    position: absolute;
    top: 0;
    right: 0;
    height: 3rem;
    width: 3rem;
    background: #fff
}

#sidemenu .contact .close object {
    margin: 10px 15px;
    float: left;
    pointer-events: none;
    width: 1rem
}

#sidemenu .contact label {
    display: none
}

#sidemenu .contact span a {
    text-decoration: none;
    color: #555
}

#sidemenu .contact input {
    width: 100%;
    margin-bottom: 0;
    padding: .5rem;
    font-size: .875rem
}

#sidemenu .contact select {
    width: 100%;
    margin-bottom: .25rem;
    margin-left: 0;
    font-size: .875rem
}

#sidemenu .contact input[type=submit] {
    float: left;
    background: url(images/arrows/right-arrow-dark.svg) 85% 12px no-repeat #1db337;
    padding: .5rem 2.5rem .5rem 1.5rem;
    background-size: 8%;
    color: #fff;
    border-radius: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    width: auto;
    margin-bottom: 1.5rem
}

#sidemenu .contact h4 {
    color: #39aa39
}

#sidemenu .contact p {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    color: #888
}

#sidemenu .contact p span {
    color: #555
}

#sidemenu .gfield_checkbox label {
    display: inline-block!important;
    font-size: .75rem;
    color: #999;
    margin: 0 0 0 5px!important
}

#sidemenu .hide .gfield_checkbox label {
    line-height: 2
}

#sidemenu .contact textarea {
    height: 3.5rem;
    font-size: .875rem;
    padding: .5rem;
    width: 100%
}

#sidemenu .gform_wrapper .gform_footer {
    margin: 0;
    padding: 0
}

.gform_wrapper .hide label {
    display: none!important
}

.gform_wrapper .show label {
    display: block!important
}

.nivo-lightbox-ajax .gform_wrapper .show label {
    margin: 10px 0 5px
}

.gform_wrapper div.validation_error {
    color: red!important;
    border: 0!important;
    font-size: 1rem!important;
    padding: 0!important;
    font-weight: 400!important
}

.gform_wrapper .validation_message {
    color: red!important;
    font-size: .75rem!important
}

.gform_wrapper .gfield_description+.gform_wrapper .gfield_description.validation_message,
.gform_wrapper .ginput_container+.gfield_description.validation_message {
    margin-top: 0!important;
    margin-right: 0!important
}

.gform_wrapper .top_label .gfield_error {
    margin-right: 0!important
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin: 0!important;
    width: 100%!important;
    max-width: 100%!important
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border: 0!important;
    background: inherit!important;
    width: 100%!important
}

#feature {
    height: inherit;
    height: 60vh;
    overflow: hidden;
    position: relative
}

#feature .breadcrumbs {
    position: absolute;
    top: 2.5rem;
    left: 0;
    background-color: rgba(56, 64, 66, .5);
    color: #fff;
    font-size: .75rem;
    margin-left: 1rem;
    padding: .5rem .75rem .5rem .5rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    width: auto
}

#feature .breadcrumbs a {
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    margin: 0 .25rem
}

#feature .title,
#feature .title.main {
    font-family: museo500, sans-serif;
    font-weight: 500;
    color: #fff
}

#feature.inner {
    height: 40vh;
    background-size: cover;
    background-position: center center;
    min-height: 20rem
}

#feature.inner .wrap h1 {
	font-size: 2.75rem;
    line-height: 3.85rem;
    display: inline;
    background-color: rgba(56, 64, 66, .3);
    color: #fff;
    padding: .125em 0;
    font-family: 'Museo 500';
}

#feature.inner .cap h2 {
	font-size: 1.5rem;
    line-height: 2.45rem;
    display: inline;
    background-color: rgba(56, 64, 66, .3);
    color: #fff;
    padding: .125em 0;
}


#feature.inner .container {
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    padding-bottom: 2.5rem;
    height: 100%;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start
}

#feature .title {
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 3rem
}

#feature .title.main.wrap h4,
#feature .title.main.wrap p {
    margin-top: 10px;
    background-color: rgba(56, 64, 66, .3);
    display: inline;
    float: left;
    clear: both
}

#feature .title.right {
    text-align: right
}

#feature .title.middle {
    text-align: center
}

#feature .title.main.wrap h2 {
    background-color: rgba(56, 64, 66, .3);
    font-size: 3.25rem;
    line-height: 3.95rem;
    display: inline;
    clear: both
}

#feature .title.main.wrap p {
    width: auto
}

#feature .title.main.wrap h4 {
    font-size: 1.875rem;
    line-height: 2.25rem
}

#feature .title h2 {
    font-size: 3.75rem;
    line-height: 3.75rem;
    margin: 0
}

.single-team #feature .title h2,
.tax-division #feature .title h2 {
    background-color: rgba(56, 64, 66, .3);
    font-size: 3.75rem;
    line-height: 3.75rem;
    margin: 0;
    display: inline
}

#feature .title.main {
    width: 65%;
    margin-bottom: 1rem;
    margin-top: 3rem
}

#feature .title.main p {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    color: #fff;
    width: 80%;
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.25rem;
    line-height: 1.75rem
}

#feature .title.main h2 {
    font-size: 3.75rem;
    line-height: 4.35rem;
    margin: 0
}

#feature.inner .title p {
    font-size: 3.25rem;
    line-height: 3.5rem;
    margin: 0;
    width: 100%
}

#feature.inner .title.wrap h2,
#feature.inner .title.wrap p {
    font-size: 2.75rem;
    line-height: 3.85rem;
    display: inline;
    background-color: rgba(56, 64, 66, .3);
    color: #fff;
    padding: .125em 0
}

#feature.inner .cap.right {
    text-align: right;
    width: 100%
}

#feature #pager,
#feature.inner .cap.middle {
    width: 100%;
    text-align: center
}

#feature.inner .cap.wrap p,
.tax-division #feature.inner .cap p {
    font-size: 1.5rem;
    line-height: 2.45rem;
    display: inline;
    background-color: rgba(56, 64, 66, .3);
    color: #fff;
    padding: .125em 0
}

.single-team #feature.inner p {
    background-color: rgba(56, 64, 66, .3);
    padding: .125em 0
}

#feature.inner p {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.625rem;
    display: inline
}

#feature.inner .item {
    height: 40vh;
    min-height: 20rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#feature.inner img {
    width: 100%;
    height: auto;
    min-width: 1450px;
    position: absolute;
    right: 0
}

#feature #pager {
    position: absolute;
    bottom: 1.5rem
}

#feature #pager .blackbg {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    display: inline-block;
    height: 2rem
}

#feature #pager .dots {
    display: inline-block!important;
    font-size: 0;
    padding: .25rem .125rem .25rem .25rem
}

#feature #pager .pause {
    display: inline-block!important;
    padding: .25rem .25rem .25rem .125rem
}

#feature #pager .pause a.paused {
    width: .75rem;
    height: .875rem;
    border: .5rem solid transparent;
    border-left: .875rem solid #fff;
    margin: .25rem .125rem .25rem 0;
    outline: 0;
    cursor: pointer;
    display: inline-block
}

#feature #pager .dots a,
#feature #pager .pause a {
    height: 1rem;
    outline: 0;
    display: inline-block;
    cursor: pointer
}

#feature #pager .pause a {
    border: .25rem solid #fff;
    border-top: none;
    border-bottom: none;
    width: .75rem;
    margin: .25rem .75rem .25rem 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

#feature #pager .dots a {
    width: 1rem;
    border-radius: .875rem;
    -moz-border-radius: .875rem;
    -webkit-border-radius: .875rem;
    background: #fff;
    margin: .25rem
}

#feature #pager .dots a span,
#feature .Array {
    display: none
}

#feature #pager .dots a.selected {
    border: 3px solid #fff;
    background: 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

#feature .item {
    width: 100%;
    float: left;
    height: 60vh;
    background-size: cover;
    background-position: center center
}

#feature .item iframe {
    height: calc(100vw * .562);
    width: 100vw;
    min-height: 580px;
    margin-top: calc(580px - (100vw * .562))
}

#feature .caption a:after,
#feature.inner a.button:after {
    content: '';
    height: 1.25rem
}

#feature .caption {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 63.25rem;
    padding: 0 1rem;
    margin: 0 auto 5rem;
    position: relative
}

#feature .caption a,
#feature.inner a.button {
    padding: .5rem 1.5rem;
    color: #fff;
    border-radius: 2rem;
    line-height: 1.5rem;
    outline: 0
}

#feature .caption.left {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

#feature .caption.right {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right
}

#feature .caption.right p {
    float: right
}

#feature .caption a {
    background: #1db337;
    width: auto
}

#feature .caption a:after {
    background-image: url(images/arrows/right-arrow-dark.svg);
    background-size: contain;
    width: .5rem;
    background-repeat: no-repeat;
    margin-left: .75rem;
    background-position: center;
    float: right;
    margin-top: 2px
}

#feature.inner a.button {
    background: #1db337;
    width: auto;
    margin-top: .75rem
}

#feature.inner a.button:after,
#greenCTA a:after {
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: .75rem;
    background-position: center
}

#feature.inner a.button:after {
    background-image: url(images/arrows/right-arrow-dark.svg);
    width: .5rem;
    margin-top: 1px
}

#feature .buttoncont {
    width: 100%;
    -webkit-justify-content: flex-start;
    -ms-web-pack: flex-start;
    justify-content: flex-start
}

#feature .buttoncont.right {
    -webkit-justify-content: flex-end;
    -ms-web-pack: end;
    justify-content: flex-end
}

#feature .buttoncont.middle {
    -webkit-justify-content: center;
    -ms-web-pack: center;
    justify-content: center
}

#greyWhy .tab a.heading,
#sub .menu,
#teamnav .container,
#whiteWhy .tab>a,
.cfw_ull,
footer .container,
footer ul {
    -ms-web-pack: justify
}

#feature a.cover {
    width: 100%;
    height: 100%
}

#CTA a:after,
#greenCTA a:after {
    width: .5rem;
    float: right;
    content: ''
}

#select {
    background: #fff;
    padding: 2rem 0
}

#select .module {
    -webkit-flex: 1 0 10rem;
    -ms-flex: 1 0 10rem;
    flex: 1 0 10rem;
    text-align: center;
    color: #39aa39;
    font-size: 1.25rem;
    padding: 1rem 1.5rem;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}

#select .module a {
    color: #39aa39;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-pack: center
}

#select .module object {
    margin-bottom: 1rem;
    pointer-events: none
}

#module h3,
#module h4 {
    margin-bottom: .625rem
}

#select .module:nth-of-type(3) {
    border-right: 0
}

#greenCTA {
    background: #1db337;
    padding: 2rem 1rem;
    font-size: 1.375rem;
    text-align: center;
    color: #fff
}

#greenCTA a {
    padding: .5rem 1.5rem;
    background: #fff;
    color: #39aa39;
    border-radius: 2rem;
    margin-left: 20px;
    font-size: 1.125rem;
    line-height: 1.625rem;
    display: inline-block
}

#greenCTA a:after {
    background-image: url(images/arrows/right-arrow-green-thick.svg);
    height: 1.75rem
}

#CTA,
.page-template-front-page-template #CTA {
    background: #f4f4f4;
    padding: 2rem 1rem;
    font-size: 1.375rem;
    text-align: center
}

#CTA {
    color: #384042
}

.page-template-front-page-template #CTA {
    color: #fff
}

#CTA a,
.page-template-front-page-template #CTA a {
    padding: .5rem 1.5rem;
    background: #1db337;
    color: #fff;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    margin-left: 20px;
    font-size: 1.125rem;
    display: inline-block
}

#module,
#search {
    padding: 2rem 0
}

#search input,
#search input[type=submit] {
    padding: .75rem;
    border: 0;
    height: 3.25rem;
    background: #fff;
    font-size: 1.25rem
}

#module h1,
#module h2,
#module h3,
#module h4 {
    font-weight: 500;
    color: #39aa39;
    font-family: museo500, sans-serif
}

#CTA a:after {
    background-image: url(images/arrows/right-arrow-dark.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 1.25rem;
    margin-left: .75rem;
    background-position: center;
    margin-top: 3px
}

#break .container span {
    width: 100%;
    height: .125rem;
    background: #e5e5e5;
    float: left
}

#module h1 {
    font-size: 2.125rem;
    line-height: 2.65rem;
    margin-bottom: 1rem
}

#module h2 {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: .75rem;
    margin-top: .5rem
}

#module h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: 1.5rem
}

#module h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-top: 1.5rem
}

#search {
    background: #f4f4f4
}

#search form {
    width: 100%
}

#search input[type=submit] {
    width: 6%;
    float: left;
    color: #7a8e8f;
    cursor: pointer
}

#search object {
    margin: .75rem 2% .75rem 0;
    float: left;
    width: 4%
}

#search input {
    float: left;
    width: 88%;
    outline: 0;
    border-left: 1px solid #7c9091
}

#module h1.results {
    color: #384042;
    margin-bottom: 2rem
}

#module article.search {
    border-top: 1px solid #e5e5e5;
    padding: 1rem 0
}

#module article.search h3 {
    margin-top: .625rem
}

#module article.search h3 a {
    color: #39aa39
}

#disqus_thread {
    padding-right: 1.5rem
}

#module.basic hr {
    width: 100%;
    height: 1px;
    border: 0;
    background: #eee;
    margin: .375rem 0
}

#module.basic .column h3 a img {
    clear: both;
    display: block;
    float: none!important;
    text-align: left;
    margin: 0 0 15px
}

.single #module h2,
.single #module h3 {
    margin-bottom: 0;
    margin-top: 10px
}

.single #module .column.posts p {
    display: inline-block;
    margin: .375rem 0;
    width: 100%;
    float: left
}

#module.basic .gform_wrapper input,
#module.basic .gform_wrapper select,
#module.basic .gform_wrapper textarea {
    border: 1px solid #ccc
}

.page-template-blank-template #module.basic table td h3 {
    margin-top: 10px
}

.page-template-blank-template #module.basic table td {
    vertical-align: middle
}

.page-template-blank-template #module.basic table td img {
    padding: 10px
}

#module.basic .gform_wrapper textarea {
    width: 47.5%!important
}

#module.basic .button,
#module.basic .button.right {
    color: #fff;
    margin-top: 1rem;
    font-size: 1rem;
    width: auto
}

#module.basic .button {
    float: left;
    padding: .5rem 1.5rem;
    background: #1db337;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    clear: both
}

#module.basic .button.Right {
    float: right
}

#module.basic input.button {
    background-image: url(images/arrows/right-arrow-dark.svg);
    background-repeat: no-repeat;
    background-position: 90% 12px;
    padding: .5rem 2.5rem .5rem 1.5rem;
    background-size: 9px
}

#module.basic .button.right {
    float: right;
    padding: .5rem 1.5rem;
    background: #1db337;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    display: flex
}

#module.basic .button:after {
    content: '';
    background-image: url(images/arrows/right-arrow-dark.svg);
    background-size: contain;
    width: .5rem;
    background-repeat: no-repeat;
    height: 1.5rem;
    margin-left: .75rem;
    background-position: center;
    float: right
}

.cfw_ull {
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.cfw_ull li {
    margin: 0 25px!important
}

#atp_fh_ul,
#atp_th_ul {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 2rem
}

#atp_ctw #atp_fh_ul.atp_h_ul li,
#atp_ctw #atp_th_ul.atp_h_ul li {
    width: 31%!important;
    float: left;
    margin: 0 2% 0 0!important;
    padding: 0!important
}

.icon-size {
    max-width: 80px;
    height: auto;
    margin-bottom: .75rem
}

#module.basic blockquote,
#module.basic blockquote p {
    font-size: 32px;
    line-height: 36px;
    font-family: museo500, sans-serif
}

#module.basic blockquote {
    margin-bottom: 1.25rem
}

#module.basic blockquote p {
    margin-bottom: 0
}

#module p,
#module.first p {
    margin-bottom: .75rem;
    font-weight: 400
}

#module.first p {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-top: .75rem
}

.single #module.basic ol li,
.single #module.basic ul li {
    font-size: .875rem
}

#module.first ol li,
#module.first ul li {
    margin-left: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #384042;
    font-weight: 400
}

#module.basic p a,
#module.first p a {
    color: #0084bb;
    text-decoration: underline
}

#module p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #384042
}

#module.basic ol,
#module.basic ul {
    margin: .25rem 0
}

#module.basic ul li,
.hidden .half ul li {
    width: 100%
}

#module.basic .gform_wrapper .top_label li.gfield.gf_left_half,
#module.basic .gform_wrapper .top_label li.gfield.gf_right_half {
    width: 50%!important
}

#module.basic ul li ul,
.hidden .half ul li ul {
    border: 0;
    padding: 0;
    float: none
}

#module.basic ul li ul li,
.hidden .half ul li ul li {
    list-style-image: url(images/square-hollow.png);
    margin-left: 15px;
    width: calc(100% - 15px)
}

#compEntry ul li,
#module.accordion .acc-data ul li,
#whiteWhy .content ul li,
.hidden .half ul li,
.specs .full ul li {
    list-style-image: url(images/square.png)
}

#module.basic ol li,
#module.basic ul li,
#whiteWhy .content ul li {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #384042;
    font-weight: 400;
    margin-left: 1.25rem
}

#whiteWhy .content ul li {
    margin-bottom: .75rem;
    border: 0;
    float: none
}

#whiteWhy .topcontent {
    width: 100%;
    text-align: center
}

#whiteWhy .topcontent h2 {
    color: #39aa39;
    width: 100%;
    text-align: center;
    margin-top: .5rem
}

#module.accordion .acc-data ul li,
#module.basic .content ul li {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #384042;
    font-weight: 400
}

#whiteWhy .topcontent p {
    width: 100%;
    margin-bottom: 1rem;
    text-align: center
}

#whiteWhy .content .tabs {
    margin: .25rem 0;
    float: left;
    width: 100%
}

#module.accordion .acc-data ul li {
    margin-bottom: .75rem;
    margin-left: 1.25rem;
    border: 0;
    float: none
}

#module.accordion .acc-data .content ul {
    margin: .25rem 0;
    float: left;
    width: 100%
}

#module.basic .content ul li {
    margin-bottom: .75rem;
    margin-left: 1.25rem
}

#module.grey {
    background: #f4f5f5;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#module.dark {
    background: #5b686b;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.25rem 0
}

#module.dark .container {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#module.dark h2 {
    font-size: 1.375rem;
    margin-bottom: 1.75rem;
    font-family: museo500, sans-serif;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: center;
    color: #fff;
    font-weight: 500;
    margin-top: 0
}

#module.dark h2 span {
    font-weight: 700
}

#module.dark ul {
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#module.dark ul li {
    list-style: none;
    margin: 0 .675rem;
    display: flex
}

#module.dark ul li a {
    color: #fff;
    padding: .5rem 1.5rem;
    font-size: 1.125rem;
    background: #1db337;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.375rem
}

#module.dark ul li a:after {
    content: '';
    background-image: url(images/arrows/right-arrow-dark.svg);
    background-size: contain;
    width: .5rem;
    background-repeat: no-repeat;
    height: 1.25rem;
    margin-left: .75rem;
    background-position: center;
    float: right;
    margin-top: .125rem
}

#module.green {
    background: #1db337;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff
}

#module.green.icons {
    text-align: center;
    font-size: 1.125rem;
    padding: 2.5rem
}

#module.green.icons .container {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#module.green.icons .column {
    padding: .5rem 1.5rem;
    flex: none;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center
}

#module.green.icons .column a {
    color: #fff;
    text-align: center
}

#module.green.icons .column object {
    margin-bottom: 1rem;
    pointer-events: none
}

#module.green.icons h2 {
    margin-top: 0;
    font-size: 2rem;
    margin-bottom: 2rem;
    width: 100%;
    text-align: center;
    color: #39aa39;
    font-weight: 500
}

#module.green .iconcont {
    width: 4rem;
    height: 4rem;
    text-align: center;
    margin: 0 auto .5rem
}

#module.green .iconcont img {
    margin: 0;
    max-width: 100%;
    height: auto;
    display: inline
}

#module.green.icons.white .column a,
#module.green.icons.white h2 {
    color: #fff
}

#module.green.icons.grey .column a,
#module.green.icons.grey h2 {
    color: #eceded
}

#module.green.icons.blue .column a,
#module.green.icons.blue h2 {
    color: #0084b9
}

#module.green.icons h2 span {
    font-weight: 700
}

#module.green.icons .column:nth-of-type(3) {
    border: 0
}

#module .container {
    padding: 0
}

#module .column {
    -webkit-flex: 1 0 13rem;
    -ms-flex: 1 0 13rem;
    flex: 1 0 13rem;
    padding: 0 1.5rem;
    position: relative
}

#atp_try_again {
    padding: .5rem 1.5rem;
    width: 8rem;
    background: #eee;
    border-radius: 30px;
    margin-bottom: 50px!important
}

.atp_mult_p {
    font-size: 1.25rem!important;
    font-family: museo500, sans-serif;
    width: 64%!important;
    margin: 2rem 18% 0!important;
    line-height: 1.625rem;
    font-weight: 400
}

#module .column.posts {
    width: calc(100% - 324px);
    padding: 0;
    margin-left: 1.5rem;
    position: relative;
    display: block!important;
    flex: none!important
}

#module .column.posts .thumbnail {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    overflow: hidden
}

.grid {
    width: 100%
}

#module .grid-sizer,
.archive #module .column.posts article.post,
.blog #module .column.posts article.post,
.category #module .column.posts article.post {
    width: 50%;
    padding-right: 5%
}

#module .column.posts .border {
    border: 1px solid #eee;
    padding-bottom: 20px
}

#module .column.posts .border hr {
    height: 1px;
    border: 0;
    background: #eee;
    width: calc(100% - 40px);
    margin: 10px 20px 15px;
    float: left
}

#module .column.posts .meta,
.post-nav {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

#module .column.posts .border h1,
.archive #module .column.posts .post-meta,
.blog #module .column.posts .post-meta {
    width: 100%;
    padding: 0 20px
}

.blog #module .column.posts iframe {
    height: 200px
}

.archive article.post p,
.blog article.post p {
    width: 100%;
    padding: 0 20px
}

.blog #module .column.posts .blog-slider {
    width: 100%;
    float: left;
    height: auto;
    position: relative
}

#module .column.posts .border .dots {
    display: none!important
}

.blog #module .column.posts .blog-slider .item {
    min-height: 155px;
    height: auto;
    float: left;
    display: block
}

.blog #module .column.posts .blog-slider .item a {
    width: 100%;
    height: auto;
    float: left;
    display: block
}

.post-nav {
    float: left;
    margin-bottom: 30px;
    font-size: 14px;
    width: calc(100% - 1.5rem);
    padding: 10px 0
}

.post-nav a {
    color: #485053!important
}

.post-nav .less {
    width: 50%;
    float: left
}

.post-nav .more {
    width: 50%;
    float: right;
    text-align: right
}

.shareaholic-canvas {
    width: 50%;
    float: right;
    clear: none!important
}

article .shareaholic-share-buttons-container ul.shareaholic-share-buttons {
    margin: 0!important;
    padding: 0!important
}

.single .wp-caption-text {
    color: #888;
    font-size: .75rem;
    margin-bottom: .5rem;
    width: 100%
}

#module .wp-caption {
    max-width: 100%!important;
    height: auto
}

.single #module .column.posts .post-meta {
    margin-bottom: 0;
    float: left;
    width: 50%
}

#module .column.posts .blog-slider {
    width: 100%;
    float: left
}

#module .column.posts .blog-slider .item {
    float: left;
    display: block;
    width: 100%;
    height: inherit;
    overflow: hidden
}

#module .column.posts .blog-slider .dots {
    position: absolute;
    bottom: 25px;
    width: 100%;
    text-align: center
}

#module .column.posts table {
    float: left
}

#module .column.posts .blog-slider img {
    display: block;
    width: 100%;
    height: auto;
    float: left;
    margin: 0
}

#caroufredsel_wrapper {
    height: auto!important
}

#module .column.posts blockquote {
    padding-left: 20px;
    border-left: 3px solid #39aa39;
    margin-bottom: 20px;
    font-size: 1.375rem;
    line-height: 1.75rem
}

#module .column.posts .author {
    width: 100%;
    float: left;
    border-top: 1px solid #eee;
    padding-top: 25px;
    margin-top: 15px
}

#module .column.posts .author .title {
    float: left;
    width: calc(100% - 85px)
}

#module .column.posts .author p {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0;
    line-height: 18px
}

#module .column.posts .author .thumb {
    width: 55px;
    height: 55px;
    float: left;
    margin-right: 15px
}

#module .column.posts blockquote p {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: 5px 0
}

#module .column.posts blockquote p em {
    font-size: .875rem;
    font-weight: 400;
    color: #777;
    font-family: 'Open Sans', sans-serif;
    font-style: italic
}

#compEntry h2,
#compEntry h3,
#compEntry h4,
#compEntry p.intro,
#module.team h3,
#testimonial .quote h4 {
    font-family: museo500, sans-serif
}

#module.team h4,
#teamnav ul li,
.deal .full a.button,
.deal article h2,
.deal.dark .title h1 {
    font-family: 'Open Sans', sans-serif
}

#module .column.posts p,
#module .column.posts ul {
    margin: .75rem 0
}

#module .column.posts article {
    float: left;
    width: 100%;
    padding-right: 1.5rem;
    margin-bottom: 2rem
}

#module .column.posts article iframe {
    width: 100%;
    height: 380px
}

#module .column.posts img {
    max-width: 100%;
    float: left;
    margin: .25rem 0 1rem;
    height: auto
}

#module .column.posts a {
    color: #0084bb
}

#module .column.posts .border h1 {
    margin-bottom: .5rem;
    font-size: 1.25rem;
    line-height: 1.75rem
}

#module .column.posts .gallery .gallery-item {
    width: 30%;
    margin-right: 5%;
    float: left;
    margin-bottom: 10px
}

#module .column.posts .gallery .gallery-item a {
    width: 100%;
    height: 200px;
    overflow: hidden;
    float: left;
    margin-bottom: 15px
}

#module .column.posts .gallery .gallery-item:nth-of-type(3n) {
    margin-right: 0
}

.single #module .column.posts h1 {
    margin-bottom: 0
}

.single #module h2 {
    font-size: 1.375rem;
    line-height: 2rem
}

#module .column.posts .meta {
    margin-bottom: 1rem
}

#module .column.posts h1 a {
    color: #39aa39
}

#module .column.posts .post-meta {
    color: #888;
    font-size: .75rem;
    float: left;
    margin-bottom: .625rem;
    width: 100%
}

#module .column.posts a.more {
    margin: 0 20px;
    font-size: .75rem;
    color: #39aa39
}

#module .column.posts p {
    font-size: .875rem
}

#module .column.posts .post-meta a {
    color: #39aa39
}

#module .column.posts a.button {
    color: #fff;
    font-size: .875rem;
    margin-top: .5rem;
    display: inline;
    float: none
}

#module .column.posts a.button:after {
    height: 1.25rem
}

#module .column.posts .meta {
    width: 100%;
    float: left;
    padding: .75rem 0;
    margin-top: 1rem
}

#module .column.sidebar {
    width: 276px;
    float: right;
    padding: 0;
    margin-right: 1.5rem;
    position: relative;
    display: block!important;
    flex: none!important
}

aside.widget-easy-twitter-feed-widget-kamn,
aside.widget_search {
    margin-bottom: 2rem;
    float: left;
    width: 100%
}

aside.widget_search input[type=text] {
    padding: 10px;
    border: 1px solid #eee;
    width: calc(100% - 85px)
}

aside.widget_search input[type=submit] {
    padding: 6px 10px;
    border: 1px solid #39aa39;
    background: #39aa39;
    color: #fff;
    float: right;
    width: 40px;
    height: 45px
}

aside.widget_search h4 {
    display: none
}

aside.widget_search object {
    margin-top: 5px;
    float: left;
    margin-right: 10px
}

#module .column.sidebar h4 {
    font-size: 1.125rem;
    margin-top: 0
}

#module .column.sidebar ul {
    margin-bottom: 2rem
}

#module .column.sidebar ul li {
    list-style: none;
    padding: .625rem 0;
    border-top: 1px solid #eee;
    margin-left: 0
}

#module .column.sidebar ul li a {
    color: #888;
    font-size: .875rem
}

#module .column.one img {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 1.5rem
}

#module .column.one {
    -webkit-flex: 1 0 15rem;
    -ms-flex: 1 0 15rem;
    flex: 1 0 15rem
}

#module .column.two {
    -webkit-flex: 2 0 30rem;
    -ms-flex: 2 0 30rem;
    flex: 2 0 30rem
}

#module a.thumb {
    width: 100%;
    height: inherit;
    position: relative;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    float: left;
    max-height: 190px;
    overflow: hidden
}

#module a.thumb span {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .5rem .75rem;
    background-color: rgba(56, 64, 66, .8);
    color: #e5e5e5;
    font-size: .875rem;
    height: 2.25rem
}

#module a.thumb:hover span {
    height: 3rem
}

#module a.thumb img {
    width: 100%;
    height: auto
}

#module a.thumb span:after {
    content: '';
    background-image: url(images/arrows/right-arrow-dark-thick.svg);
    background-size: contain;
    width: .375rem;
    background-repeat: no-repeat;
    height: 1.125rem;
    margin-left: .75rem;
    background-position: center;
    float: right
}

#module .column.chart {
    height: 11.25rem;
    margin-right: 5rem
}

#module .column.chart ul {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    -ms-web-pack: justify;
    justify-content: space-between;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

#module .column.chart ul li {
    list-style: none;
    font-size: .75rem;
    color: #384042;
    width: 100%
}

#module .column.chart ul li span {
    float: left;
    font-size: .875rem;
    padding: 0 0 .375rem
}

#module .column.chart ul li.green span {
    border-bottom: 1px solid #aaa;
    width: 72%;
    color: #39aa39;
    margin: 0 28% .25rem 0
}

#module .column.chart ul li.blue span {
    border-bottom: 1px solid #0084b9;
    width: 100%;
    color: #0084b9;
    margin: 0 0 .25rem
}

#module .column.chart ul li.orange span {
    border-bottom: 1px solid #ff990e;
    width: 72%;
    color: #ff990e;
    margin: 0 28% .25rem 0
}

#module .column ul.key {
    background: #fff;
    -webkit-flex: 1 0 10rem;
    -ms-flex: 1 0 10rem;
    flex: 1 0 10rem;
    padding: 2rem;
    border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    max-height: 14.5rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#module .column ul.key li {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    color: #0084b9;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    -ms-webpack-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .875rem;
    text-align: left;
    padding: .75rem 0
}

#module .doughnut {
    position: absolute;
    right: 0
}

#module h2.tableTitle {
    font-size: 1.125rem;
    color: #39aa39
}

#module h2.tableTitle:before {
    content: '';
    background-image: url(images/plus.svg);
    background-size: auto;
    width: 1rem;
    background-color: #b8bcc0;
    background-repeat: no-repeat;
    height: 1rem;
    background-position: center;
    float: left;
    padding: .5rem;
    border-radius: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    margin-right: .875rem
}

#module.header {
    padding: 1rem 0 0
}

#module.summary {
    padding: 0 0 3.5rem
}

#module.datatable {
    padding: 1.5rem 0
}

#module table {
    border-collapse: separate;
    border-spacing: 0 .25rem;
    width: 100%;
    max-width: 100%
}

#module .table.hide tbody {
    display: none
}

#module.accordion .acc-row,
#module.team ul.details li {
    list-style: none
}

#module table tr {
    background: #eceded;
    padding: .5rem 0
}

#module.accordion table tr:first-of-type td {
    font-weight: 700!important
}

#module.accordion table tr td {
    font-weight: 400!important;
    text-align: left!important
}

#module table tr td a {
    color: #39aa39
}

#module table tr td a:hover {
    color: #309030;
    text-decoration: underline
}

#module.grey table tr {
    background: #fff;
    padding: .5rem 0
}

#module.grey table tr.footable-header th:after {
    border-right: .125rem solid #fff
}

#module.grey table tr.footable-header th {
    border-bottom: .125rem solid #fff
}

#module.grey table td {
    font-size: 1rem
}

#module .footable-details tr th {
    padding: 0 1rem .125rem 0;
    border: 0;
    font-weight: 500;
    font-size: .75rem
}

#module table td {
    border: 0;
    font-size: .875rem;
    font-weight: 500;
    color: #384042;
    text-align: right;
    padding: .5rem .875rem
}

#module table td:first-of-type {
    text-align: left;
    font-weight: 700
}

#module .footable-details {
    margin-bottom: 0
}

#module .footable-details tr td {
    border: 0;
    padding: 0 1rem .125rem 0;
    text-align: left;
    font-size: .75rem
}

#module .fine p {
    font-size: .75rem;
    color: #7a8e8f;
    margin-bottom: 1.5rem;
    margin-top: 1rem
}

#module.accordion .acc-row {
    display: flex;
    font-size: 1.125rem;
    padding: 1rem 0;
    border-bottom: 1px solid #ddd;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#module .hidden,
#module table tr.footable-header th:nth-of-type(1):after {
    display: none
}

#module.accordion .column {
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#module.accordion .column a.heading {
    color: #384042;
    line-height: 1.875rem
}

#module.accordion .column a.heading:hover {
    color: #39aa39;
    line-height: 1.875rem
}

#module.accordion a.heading:hover:before {
    background-color: #b8bcc0;
    background-image: url(images/plus.svg)
}

#module.accordion .selected a.heading {
    color: #39aa39
}

#module.accordion .selected a.heading:before,
#module.accordion .selected a.heading:hover:before {
    background-color: #b8bcc0;
    background-image: url(images/minus.svg)
}

#module.accordion .column .acc-data {
    margin: .5rem 0 0 3rem;
    float: left
}

#module.accordion .column .acc-container {
    margin: 1rem 0
}

#module table tr.footable-header th:nth-of-type(1):before,
#module.accordion a.heading:before {
    content: '';
    width: 1rem;
    height: 1rem;
    margin-right: .875rem;
    float: left
}

#module.accordion a.heading:before {
    background-image: url(images/plus.svg);
    background-size: auto;
    background-color: #384042;
    background-repeat: no-repeat;
    background-position: center;
    padding: .5rem;
    border-radius: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem
}

#module table tr.footable-header {
    background: 0 0
}

#module table tr.footable-header th {
    text-align: right;
    font-size: 1.125rem;
    color: #39aa39;
    padding: .5rem .875rem .5rem 0;
    line-height: 1.875rem;
    position: relative;
    margin-bottom: 1rem;
    border-bottom: .125rem solid #eceded
}

#module table tr.footable-header th:after {
    content: '';
    border-right: .125rem solid #eceded;
    height: 1rem;
    position: absolute;
    bottom: 0;
    right: 0
}

#module table tr.footable-header th:nth-of-type(1) {
    text-align: left
}

#module table tr.footable-header th:nth-of-type(1):before {
    background-image: url(images/plus.svg);
    background-size: auto;
    background-color: #b8bcc0;
    background-repeat: no-repeat;
    background-position: center;
    padding: .5rem;
    border-radius: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem
}

#teamnav ul li.current a,
#whiteWhy .button {
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem
}

#module h2.summary {
    margin-bottom: 0;
    margin-top: 2rem;
    color: #39aa39
}

#module.team .column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 18rem;
    -ms-flex: 1 0 18rem;
    flex: 1 0 18rem;
    margin-bottom: 2rem;
    max-width: 21.125rem;
    min-height: 370px
}

.single-team #module.team .column {
    max-width: inherit
}

#module.team .thumb {
    margin-bottom: .875rem;
    width: 100%;
    height: auto;
    float: left;
    max-height: 240px
}

#module.team.bottom .thumb,
#module.team.small .thumb {
    max-height: 150px
}

#module.team .bio {
    min-height: 17.375rem
}

#module.team .bio img {
    max-width: 100%;
    height: auto
}

#module.team h3 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #384042;
    margin-bottom: .125rem;
    margin-top: 0
}

#teamnav ul li.current a {
    background: #fff;
    border-radius: 2rem
}

#teamnav .container {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

#teamnav #back a {
    color: #555
}

#module.team h4 {
    font-size: .875rem;
    line-height: 1.125rem;
    color: #384042;
    margin-bottom: .375rem;
    margin-top: 0
}

#module.team h3 a,
#module.team h4 a {
    color: #384042
}

#module.team p {
    font-size: .875rem;
    color: #7a8e8f;
    float: left;
    width: 100%
}

#module.team ul.accordion li a:before,
#module.team ul.details li a:before {
    content: '';
    background-size: auto;
    width: 1rem;
    background-repeat: no-repeat;
    height: 1rem;
    background-position: center;
    margin-right: .875rem;
    float: left
}

#module.team ul {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

#module.team ul.details {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -.875rem
}

#module.team ul.details li {
    display: flex;
    padding: 1rem 0;
    border-bottom: .125rem solid #eceded;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#module.team ul.details li a {
    color: #384042;
    font-size: .875rem;
    line-height: 1.875rem
}

#module.team ul.details li a:hover {
    color: #39aa39
}

#module.team ul.details li a:before {
    background-color: #b8bcc0;
    padding: .5rem;
    border-radius: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem
}

#module.team ul.details li.phone a:before {
    background-image: url(images/social/call-team.svg)
}

#module.team ul.details li.email a:before {
    background-image: url(images/social/plane-team.svg)
}

#module.team ul.details li.linkedin a:before {
    background-image: url(images/social/linkedin-team.svg)
}

#module.team ul.accordion {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#module.team ul.accordion li {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    padding: 1rem 0;
    border-bottom: .125rem solid #eceded;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#module.team ul.accordion li a {
    color: #384042;
    line-height: 1.875rem
}

#module.team ul.accordion li a:hover,
#module.team ul.accordion li.selected a {
    color: #39aa39
}

#module.team ul.accordion li a:before {
    background-image: url(images/plus.svg);
    background-color: #384042;
    padding: .5rem;
    border-radius: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem
}

#module.team ul.accordion li a:hover:before {
    background-image: url(images/plus.svg);
    background-color: #b8bcc0
}

#module.team ul.accordion li.selected a:hover:before {
    background-image: url(images/minus.svg);
    background-color: #384042
}

#module.team ul.accordion li.selected a:before {
    background-image: url(images/minus.svg);
    background-color: #b8bcc0
}

#module.team ul.accordion li .hidden {
    display: none;
    padding-left: 2.875rem;
    font-size: .875rem;
    padding-top: 5px;
    color: #7a8e8f
}

#module.team ul.accordion li .hidden img {
    max-width: 100%
}

#module.team ul.icons li {
    float: left;
    display: block
}

#teamnav .mobile,
.pagination h2 {
    display: none
}

#module.team ul.icons li a {
    padding: .5rem;
    width: 2.125rem;
    height: 2.125rem;
    background: #b8bcc0;
    border-radius: 2rem;
    margin-right: .75rem;
    text-align: center;
    float: left
}

#module.team ul.icons li a object {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    pointer-events: none
}

#module.team .thumb img {
    width: 100%;
    height: auto
}

#teamnav {
    background: #ebedee;
    padding: 1.25rem 0
}

#teamnav ul li {
    list-style: none;
    margin-right: 2rem;
    margin-left: -1rem
}

#teamnav ul li a {
    padding: .25rem 1rem;
    font-size: 1.125rem;
    color: #39aa39
}

#teamnav ul li.active a {
    background: #fff;
    border-radius: 1rem
}

.pagination {
    margin: 40px 0 40px -.5rem
}

.pagination .nav-links a {
    padding: .375rem .625rem;
    border: 1px solid #ccc;
    margin-left: .5rem;
    color: #666!important
}

.pagination .nav-links a.next {
    border: 0
}

.pagination .nav-links a.next:hover {
    border: 0;
    color: #39aa39
}

.pagination .nav-links a:hover {
    color: #39aa39!important;
    border: 1px solid #39aa39
}

.nav-links .current {
    padding: .375rem .625rem;
    background: #39aa39;
    border: 1px solid #39aa39;
    color: #fff;
    margin-left: .5rem
}

.nivo-lightbox-ajax {
    text-align: left;
    background: #eee!important;
    padding: 1rem 2rem!important;
    max-width: 40rem;
    margin: 0 auto
}

.nivo-lighbox-ajax h1 {
    letter-spacing: normal!important;
    margin: .625em 0 .375em;
    color: #39aa39
}

#whiteWhy .tabs,
#whiteWhy h3,
#whiteWhy h4 {
    margin-bottom: .75rem
}

#whiteWhy {
    background: #fff;
    padding: 2rem 0;
    min-height: 24rem
}

#whiteWhy h1 {
    color: #39aa39;
    text-align: center;
    width: 100%
}

#whiteWhy h3 {
    color: #384042;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.875rem;
    margin-top: 1.25rem
}

#whiteWhy h4 {
    color: #384042;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-top: .75rem
}

#whiteWhy p {
    margin: .25rem 0;
    color: #384042;
    font-size: 1rem;
    line-height: 1.5rem
}

#whiteWhy .tab {
    list-style: none;
    border-top: 1px solid #ddd;
    float: left;
    width: 100%
}

#whiteWhy .tab>a {
    color: #384042;
    padding: .75rem;
    width: 100%;
    float: left;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

#whiteWhy .tab.selected>a {
    background: #e5e5e5;
    color: #39aa39
}

#whiteWhy .button,
#whiteWhy .button:hover {
    padding: .5rem 1.5rem;
    color: #fff;
    margin-top: 1.25rem;
    width: auto
}

#whiteWhy .button {
    float: right;
    background: #1db337;
    border-radius: 2rem;
    display: -webkit-box;
    display: flex;
    font-size: 1rem
}

#whiteWhy .button:hover {
    float: right;
    background: #39aa39;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem
}

#whiteWhy .button:after,
#whiteWhy .button:hover:after,
#whiteWhy .tab>a:after,
#whiteWhy .tab>a:hover:after {
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: .75rem;
    background-position: center;
    content: ''
}

#whiteWhy .button:after,
#whiteWhy .button:hover:after {
    background-image: url(images/arrows/right-arrow-dark.svg);
    width: .525rem;
    height: 1.5rem
}

#whiteWhy .button:after {
    float: right
}

#whiteWhy .tabs {
    width: 35%;
    margin-top: 1.5rem;
    border-bottom: 1px solid #ddd
}

#whiteWhy .column .tabs .content {
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    display: none
}

#whiteWhy .tab>a:after,
#whiteWhy .tab>a:hover:after {
    width: .375rem;
    height: 1.25rem
}

#whiteWhy .column {
    position: relative;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

#whiteWhy .column .tab:first-of-type .content {
    display: block
}

#whiteWhy .tab>a:after {
    background-image: url(images/arrows/right-arrow-light-thick.svg);
    float: right
}

#whiteWhy .tab>a:hover:after {
    background-image: url(images/arrows/right-arrow-green-thick.svg)
}

#whiteWhy .tab>a:hover {
    background: #e5e5e5;
    color: #39aa39
}

#dealsIntro {
    background: #1db337;
    padding: 30px 0;
    width: 100%;
    text-align: center
}

#dealsIntro .cntr {
    width: 100%;
    max-width: 1028px;
    margin: 0 auto;
    padding: 0 24px
}

#dealsIntro h1 {
    color: #fff;
    font-size: 48px;
    margin-bottom: 10px;
    font-weight: 700
}

#dealsIntro h2 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 0
}

#compBanner {
    width: 100%;
    height: 400px;
    overflow: hidden
}

#compBanner .item {
    width: 100%;
    height: 400px;
    float: left;
    display: block;
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding-top: 130px
}

#compBanner h1,
#compBanner h3 {
    color: #fff;
    display: inline;
    background-color: rgba(56, 64, 66, .3)
}

#compBanner .container {
    max-width: 980px
}

#compBanner h1 {
    margin-top: 0;
    font-size: 3rem;
    padding: 10px 15px;
    line-height: 4.75rem;
    margin-bottom: 1rem
}

#compBanner h3 {
    font-size: 1.75rem;
    margin: 1rem 0 0
}

#compEntry {
    padding: 60px 0 0
}

#compEntry h3 {
    color: #39aa39;
    font-size: 1.25rem;
    line-height: 1.375rem;
    margin-bottom: 0;
    margin-top: 25px
}

#compEntry h4 {
    color: #1e64b2;
    font-size: 1.125rem;
    margin-bottom: 0;
    line-height: 1.25rem;
    margin-top: 20px
}

#compEntry ul {
    width: 100%;
    float: left;
    margin: 10px 0
}

#compEntry ul li {
    float: left;
    width: 100%;
    text-align: left;
    line-height: 1.75rem;
    color: #384042;
    font-weight: 400
}

#compEntry hr {
    width: 100%;
    background: #eee;
    height: 1px;
    margin: 40px 0 10px
}

#compForm {
    padding: 0 0 60px
}

#compForm .container {
    max-width: 880px
}

#compEntry .third {
    width: calc(45% - 20px);
    margin-right: 40px;
    display: inline-block
}

#compEntry ol,
#compEntry p {
    margin: 10px 0
}

#compEntry .twothird {
    width: calc(55% - 25px);
    display: inline-block;
    min-height: 300px
}

#compEntry h2 {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: .75rem;
    font-weight: 500;
    color: #39aa39;
    margin-top: 0
}

#compEntry p.intro {
    font-size: 1.25rem;
    font-weight: 400;
    color: #999;
    line-height: 2rem
}

#compEntry li,
#compEntry p {
    font-size: 16px;
    line-height: 24px;
    color: #333
}

#compEntry p img {
    width: 100%;
    height: auto
}

#compEntry p span {
    font-weight: 700;
    color: #39aa39
}

#compEntry li {
    margin: 5px 0 5px 20px;
    width: 100%;
    float: left
}

#compEntry .compForm {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #eee
}

#compFine {
    background: #eee;
    font-size: 14px;
    line-height: 22px;
    padding: 60px 0;
    color: #666
}

.deal {
    width: 100%;
    border-bottom: 4px solid #1db337
}

.deal .tags {
    float: right;
    text-align: right
}

.deal .full a.button {
    padding: 15px 25px;
    background: #1db337;
    color: #fff;
    font-size: 26px;
    border-radius: 30px
}

.deal .full {
    text-align: center;
    padding: 0 24px
}

.deal.specs .full {
    width: 100%;
    margin-top: 10px
}

.deal .full p {
    text-align: center;
    font-size: 12px;
    margin-top: 40px
}

#green .left,
.hidden .specs .full {
    text-align: left
}

.deal .full.fine {
    margin-bottom: 30px
}

.deal .tags a {
    padding: 5px 10px;
    border-radius: 25px;
    border: 3px solid #1db337;
    color: #384042;
    font-size: 14px;
    float: right;
    font-weight: 700;
    margin: 0 0 10px 10px
}

.deal .tags a:hover {
    background: #1db337;
    color: #fff;
    border: 3px solid #1db337
}

.deal article h2 {
    color: #384042;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 22px
}

.deal article .just,
.deal article .save {
    width: 50%;
    float: left
}

.deal .nivo-lightbox-wrap .gform_wrapper .gform_footer input[type=submit] {
    padding: 10px 25px!important
}

.deal article .just a {
    color: #384042
}

.deal article .just .frame {
    border: 2px solid #ddd;
    padding: 5px 8px;
    width: 75%;
    float: right;
    border-radius: 5px
}

#green a,
#greyWhy .button {
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem
}

.deal article .just .right {
    font-size: 9px;
    margin-left: 9px;
    margin-right: 0
}

.deal article .just .left {
    font-size: 10px;
    width: 20px
}

.deal article .just .right {
    width: calc(100% - 30px)
}

.deal article .just .right .price {
    font-size: 15px;
    line-height: 10px;
    margin-bottom: 0
}

.deal .half .just .price span {
    font-size: 11px
}

#green {
    width: 100%;
    height: 140px;
    background: #1db337;
    color: #fff;
    padding: 40px 0
}

#green .left {
    float: left;
    width: calc(100% - 300px)
}

#green a {
    padding: .5rem 1.5rem;
    background: #fff;
    color: #39aa39;
    border-radius: 2rem;
    margin-left: 20px;
    font-size: 1.125rem;
    line-height: 1.625rem;
    float: right;
    margin-top: 10px
}

#green h3,
#module .threeQuarter h3 {
    margin-top: 0
}

#green a:after {
    content: '';
    background-image: url(images/arrows/right-arrow-green-thick.svg);
    background-size: contain;
    width: .5rem;
    background-repeat: no-repeat;
    height: 1.5rem;
    margin-left: .75rem;
    background-position: center;
    float: right;
    line-height: 1.5rem
}

#green p.small {
    font-size: 18px;
    margin-top: 0
}

#green h3 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 0
}

.deal article .left {
    width: 46px;
    font-size: 16px;
    color: #1db337;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    float: left
}

.deal.dark .expand .button,
.deal.dark .full p,
.deal.dark .half .details h2,
.deal.dark .half .price,
.deal.dark .half .right,
.deal.dark .tags a,
.deal.dark .title,
.deal.dark .title h1 {
    color: #fff
}

.quarterThumb {
    width: 180px;
    margin-right: 40px;
    float: left
}

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

.threeQuarter {
    width: calc(100% - 220px);
    float: left
}

.nivo-lightbox-wrap .gform_wrapper .top_label select.medium,
body.page-template-deals-template .nivo-lightbox-wrap .gform_wrapper .top_label input.medium {
    width: 97.5%!important
}

body.page-template-deals-template .gform_wrapper .hide .gfield_checkbox label {
    display: block!important
}

body.page-template-deals-template .gform_wrapper .gfield_checkbox input {
    margin-top: 4px!important
}

.deal article .right {
    width: calc(100% - 90px);
    float: left;
    margin-left: 5px;
    margin-right: 20px;
    font-size: 11px
}

.deal .title {
    width: 100%;
    background: #eee;
    padding: 20px 0
}

.deal.dark .title {
    background: #485053
}

.deal.dark .offer {
    background: #353a3b
}

.deal .offer {
    width: 100%;
    padding: 20px 0 0;
    min-height: 580px
}

.deal .hidden {
    display: none
}

.hidden .specs {
    width: 100%;
    background: #fff;
    padding: 35px;
    float: left
}

.deal .title h1 {
    margin-bottom: 0;
    color: #1db337;
    display: inline;
    font-family: museo500, sans-serif;
    font-weight: 700
}

.dealpopform h3,
.hidden .deal article h2,
.hidden .specs .full h4,
.specs .full h4 {
    font-family: 'Open Sans', sans-serif
}

.deal .cntr,
.deal .title .cntr {
    margin: 0 auto;
    width: 100%;
    max-width: 1028px
}

.deal .title .cntr {
    padding: 0 24px
}

.deal .half {
    width: calc(50% - 48px);
    margin: 0 24px;
    float: left;
    padding: 20px 0 50px;
    position: relative;
    min-height: 400px
}

.deal .half .price {
    font-size: 50px;
    font-weight: 700;
    color: #384042;
    line-height: 34px;
    margin-bottom: 8px;
    width: 100%;
    float: left
}

.deal .half .price span {
    font-size: 16px;
    line-height: 16px
}

.deal .details {
    width: 100%;
    margin-top: 25px;
    font-size: 15px;
    font-weight: 700;
    color: #1db337
}

.deal .details .slash {
    color: #9ea5ac;
    text-decoration: line-through
}

.deal .half .car {
    width: 90%;
    margin: 25px 0 0
}

.specs .half .car {
    width: 100%
}

.deal .half .car img {
    max-width: 100%;
    height: auto
}

.specs .half {
    min-height: inherit;
    padding-bottom: 10px
}

.hidden .specs .points {
    width: 90%;
    margin: 0 5%
}

.hidden .full .icon {
    margin: 5px 0;
    width: 33.33%;
    float: left;
    text-align: left;
    color: #384042;
    font-size: 14px;
    font-weight: 700
}

.hidden .deal article h2,
.hidden .specs .full h4 {
    font-size: 18px;
    font-weight: 700
}

.hidden .full .icon img {
    margin-right: 10px;
    float: left;
    margin-top: 2px
}

.hidden .specs .full .details {
    margin-top: 0
}

.hidden .specs .full h4 {
    text-align: center
}

.hidden .specs .full h4 span {
    color: #1db337
}

.hidden .deal article h2 {
    line-height: 22px
}

.hidden .half ul li,
.specs .full ul li {
    line-height: 1.75rem
}

.deal .details h2 {
    font-weight: 700
}

.nivo-lightbox-wrap .hidden .deal article h2 {
    font-size: 24px
}

.hidden .specs .half.small {
    width: calc(48% - 48px)
}

.hidden article .just .frame {
    width: 138px
}

.hidden .specs .half {
    width: calc(52% - 48px)
}

.nivo-lightbox-wrap .hidden .gform_wrapper input {
    padding: 10px!important;
    font-size: 14px;
    color: #333
}

.nivo-lightbox-wrap .hidden .gform_wrapper input[type=submit] {
    padding: 10px 25px!important
}

.nivo-lightbox-wrap .deal .half .price {
    font-size: 40px;
    margin-bottom: 4px
}

.hidden .gform_wrapper .top_label .gfield_label {
    font-size: 14px
}

.specs .full ul {
    width: 100%;
    float: left;
    margin: 20px 0 0
}

.dealpopform {
    width: 100%;
    margin: 25px 0 0;
    float: left;
    background: #f4f4f4
}

.dealpopform h3 {
    font-size: 35px;
    color: #1db337;
    margin: 10px 0
}

.deal .details .button,
.specs .full ul li {
    font-size: 14px;
    float: left;
    font-weight: 400
}

.specs .dealpopform form {
    width: 100%!important;
    max-width: 100%!important;
    float: left;
    margin-top: 35px
}

.specs .full ul li {
    width: 33%;
    text-align: left;
    color: #384042
}

.deal .details .dark {
    color: #384042
}

.deal .details .button {
    padding: 7px 15px;
    color: #fff;
    background: #1db337;
    border: 2px solid #1db337;
    border-radius: 20px;
    margin-right: 25px;
    margin-top: 10px
}

.deal .details .row {
    float: left;
    width: 100%;
    margin-top: 10px
}

.deal .details .button.more {
    border: 2px solid #1db337;
    color: #555;
    background: 0 0
}

.deal .details .button.more:after,
.deal .details .button:after {
    content: '';
    background-size: contain;
    width: .5rem;
    background-repeat: no-repeat;
    height: 1.375rem;
    margin-left: .75rem;
    background-position: center;
    float: right
}

.deal .details .button.more:after {
    background-image: url(images/arrows/right-arrow-green-thick.svg)
}

.deal .details .button:after {
    background-image: url(images/arrows/right-arrow-dark.svg)
}

.deal .expand {
    margin-top: 15px
}

.expand .hidden {
    display: none
}

.hidden .half .details {
    margin-top: 0
}

.specs .full h4 {
    color: #555;
    font-size: 20px;
    text-align: left
}

.specs .full {
    float: left
}

.hidden .half ul {
    float: left;
    width: 100%;
    padding: 1rem 0;
    font-size: 14px;
    border-top: 2px solid #eee
}

.hidden .options {
    float: left;
    width: 100%;
    margin-bottom: 1rem
}

.hidden .half ul li {
    margin-left: 1.25rem;
    font-size: 14px;
    color: #384042;
    font-weight: 400
}

.expand h3 {
    margin-top: 25px;
    font-size: 20px;
    color: #1db337;
    margin-bottom: 5px
}

.expand ul li {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.6
}

.dealpopform .gform_wrapper {
    margin-top: 0
}

.dealpopform h3 {
    padding: 20px 30px 0;
    margin-bottom: 0
}

#dealsform {
    width: 100%;
    padding: 35px 0;
    background-color: #1db337
}

#dealsform .row {
    width: 100%;
    text-align: center
}

#dealsform .half {
    width: calc(50% - 48px);
    margin: 0 24px;
    float: left;
    padding: 20px 0 50px;
    position: relative
}

#dealsform .more {
    padding: 7px 20px;
    color: #fff;
    background: #1db337;
    border: 2px solid #fff;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 20px;
    margin-right: 25px;
    margin-top: 5px;
    text-transform: uppercase
}

#greyWhy h4,
#greyWhy h5 {
    color: #e5e5e5
}

.page-template-deals-template .nivo-lightbox-wrap .gform_wrapper form {
    width: 100%;
    max-width: 100%!important
}

#request.hidden {
    display: none
}

#dealsform .row {
    padding: 20px 0;
    float: none
}

#dealsform ul {
    margin-left: 20px
}

#dealsform p,
#dealsform ul li {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.6
}

#dealsform h2 {
    padding: 10px 24px 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 44px;
    line-height: 1.6;
    text-align: center
}

#dealsform input {
    width: 100%;
    float: left;
    margin-bottom: 7px;
    padding: 10px;
    border: 1px solid #555;
    border-radius: 5px;
    margin-top: 5px;
    font-size: 14px
}

#dealsform input[type=submit] {
    padding: 10px 20px;
    background: #39aa39;
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
    font-weight: 700;
    border-radius: 30px;
    width: auto;
    border: 0
}

#dealsform form p {
    font-size: 16px
}

#dealsform .cntr {
    margin: 0 auto;
    width: 100%;
    max-width: 1028px
}

#greyWhy h3,
#greyWhy h4 {
    font-weight: 500;
    margin-bottom: .75rem
}

#dealsform .clear {
    width: 100%;
    clear: both;
    float: none
}

#greyWhy {
    background: #485053;
    padding: 2rem 0;
    min-height: 21rem
}

#greyWhy h1 {
    color: #fff;
    text-align: center;
    width: 100%
}

#greyWhy h1 span,
#greyWhy h3 span {
    color: #39aa39
}

#greyWhy h2 {
    width: 100%;
    float: left
}

#greyWhy h3 {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-top: 1.25rem
}

#greyWhy h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: .75rem
}

#greyWhy p {
    margin: .25rem 0;
    font-size: .875rem;
    line-height: 1.375rem;
    width: 100%;
    color: #fff
}

#greyWhy .column {
    position: relative;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%
}

#greyWhy .column .tabs .content {
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    display: none
}

#greyWhy .column .tabs .content p {
    color: #ccc
}

#greyWhy .column .tab.selected .content {
    display: block
}

#greyWhy .tabs {
    width: 35%;
    margin-top: 1.5rem;
    border-bottom: 1px solid #969e9f;
    margin-bottom: .5rem
}

#greyWhy .tab {
    list-style: none;
    border-top: 1px solid #969e9f;
    float: left;
    width: 100%
}

#greyWhy .tab a.heading {
    color: #e5e5e5;
    padding: .75rem;
    width: 100%;
    float: left;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

#greyWhy .tab.selected>a {
    background: #384042;
    color: #39aa39
}

#greyWhy .tab a.heading:after,
#greyWhy .tab a.heading:hover:after {
    content: '';
    background-size: contain;
    width: .375rem;
    background-repeat: no-repeat;
    height: 1.25rem;
    margin-left: .75rem;
    background-position: center
}

#greyWhy .tab a.heading:after {
    background-image: url(images/arrows/right-arrow-dark-thick.svg);
    float: right
}

#greyWhy .tab a.heading:hover:after {
    background-image: url(images/arrows/right-arrow-green-thick.svg)
}

#greyWhy .tab a.heading:hover {
    background: #384042;
    color: #39aa39
}

#greyWhy .button,
#greyWhy .button:hover {
    padding: .5rem 1.5rem;
    color: #fff;
    margin-top: 1.25rem;
    font-size: 1rem;
    width: auto;
    float: right
}

#greyWhy .button {
    background: #1db337;
    border-radius: 2rem;
    display: flex
}

#greyWhy .button:hover,
#module.iconblock .button {
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem
}

#greyWhy .button:hover {
    background: #39aa39;
    border-radius: 2rem;
    display: flex
}

#greyWhy .button:after,
#greyWhy .button:hover:after {
    content: '';
    background-image: url(images/arrows/right-arrow-dark.svg);
    background-size: contain;
    width: .5rem;
    background-repeat: no-repeat;
    height: 1.5rem;
    margin-left: .75rem;
    background-position: center
}

#greyWhy .button:after {
    float: right
}

#module.iconblock h3 {
    margin-top: .5rem;
    margin-bottom: 1rem
}

#module.iconblock p {
    font-size: .875rem;
    line-height: 1.375rem
}

#module.iconblock .button,
#module.iconblock .button:hover {
    padding: .5rem 1.5rem;
    color: #fff;
    font-size: 1rem;
    width: auto;
    float: right
}

#module.iconblock .button {
    background: #1db337;
    border-radius: 2rem;
    margin-top: .875rem;
    display: flex
}

#module.iconblock .button:hover,
#testimonial .button {
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem
}

#module.iconblock .button:hover {
    background: #39aa39;
    border-radius: 2rem;
    margin-top: 1.25rem;
    display: flex
}

#module.iconblock .button:after,
#module.iconblock .button:hover:after {
    background-image: url(images/arrows/right-arrow-dark.svg);
    background-size: contain;
    width: .5rem;
    background-repeat: no-repeat;
    height: 1.5rem;
    background-position: center;
    margin-left: .75rem;
    content: ''
}

#module.iconblock .button:after {
    float: right
}

#module.iconblock .iconcont {
    float: left;
    width: 100%
}

.fooicon-minus,
.fooicon-plus {
    height: 20px;
    width: 20px;
    float: right
}

iframe {
    max-width: 100%
}

.fooicon-plus {
    background: url(images/plus.png);
    background-size: contain
}

.fooicon-minus {
    background: url(images/minus.png);
    background-size: contain
}

#testimonial {
    background: #fff
}

#testimonial .module {
    -webkit-flex: 4 0 15rem;
    -ms-flex: 4 0 15rem;
    flex: 4 0 15rem;
    color: #7a8e8f;
    font-size: .875rem
}

#testimonial .module img {
    width: 100%;
    height: auto;
    margin-top: 2rem;
    margin-bottom: 2rem
}

#testimonial .module.left,
#testimonial .module.right {
    text-align: right;
    -webkit-flex: 7 0 15rem;
    -ms-flex: 7 0 15rem;
    flex: 7 0 15rem;
    padding: 3rem 0
}

#testimonial .quote {
    color: #384042;
    margin-bottom: 1rem
}

#testimonial .quote h4 {
    color: #384042;
    font-size: 2rem;
    line-height: 2.25rem
}

#testimonial .quote h4 p {
    line-height: 2.25rem
}

#testimonial .author {
    color: #384042
}

#module.basic .button.middle,
#testimonial .button {
    padding: .5rem 1.5rem;
    color: #fff;
    float: right;
    display: flex
}

#testimonial .author span {
    font-weight: 700
}

#testimonial .button {
    background: #1db337;
    border-radius: 2rem;
    font-size: 1rem
}

#module.basic .button.middle,
#sub .menu li a {
    font-size: 1rem
}

#testimonial .button:after {
    content: '';
    background-image: url(images/arrows/right-arrow-dark.svg);
    background-size: contain;
    width: .675rem;
    background-repeat: no-repeat;
    height: 1.5rem;
    margin-left: .75rem;
    background-position: center
}

#module.basic .button.middle {
    background: #1db337;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    margin: 0 auto
}

#module.basic p img {
    max-width: 100%;
    height: auto
}

#module.basic .button.middle:before {
    content: '';
    background-image: url(images/arrows/left-arrow-dark.svg);
    background-size: contain;
    width: .5rem;
    background-repeat: no-repeat;
    height: 1.5rem;
    margin-right: .75rem;
    background-position: center
}

#sub .menu li a:after,
#sub .menu li.active a:after {
    width: .75rem;
    height: 1rem;
    margin-top: .25rem;
    margin-left: .5rem
}

#module.basic .button.middle:after {
    content: none
}

#sub {
    background: #4c5355;
    padding: 2.5rem 0
}

#sub .menu li a,
#sub .menu li a:hover,
#sub .menu li.active a {
    padding: .25rem .75rem .25rem 1rem
}

#sub .menu {
    -webkit-flex: 3 0 auto;
    -ms-flex: 3 0 auto;
    flex: 3 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

#sub .menu li {
    list-style: none
}

#sub .menu li a {
    background: 0 0;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    color: #c9d1d2;
    display: flex
}

#sub .menu li a:after {
    content: '';
    background-image: url(https://autopia.com.au/wp-content/themes/autopia/images/arrows/down-arrow-dark.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

#sub .menu li a:hover {
    background: 0 0;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    color: #fff;
    font-size: 1rem
}

#sub .menu li.active a:after {
    content: '';
    background-image: url(https://autopia.com.au/wp-content/themes/autopia/images/arrows/down-arrow-dark.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

#sub .menu li.active a {
    background: #384042;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem
}

#sub .social li {
    list-style: none;
    margin: 0 0 0 .375rem
}

#sub .social li a object {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    pointer-events: none
}

#sub .social li a {
    list-style: none;
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#sub .social {
    -webkit-flex: 2 0 auto;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tp_recent_tweets li {
    background: 0 0!important
}

.tp_recent_tweets li span {
    font-size: .875rem!important;
    margin: 5px 0
}

#cw,
#cw p {
    color: #888;
    font-size: .75rem
}

.gform_wrapper .hide .gfield_checkbox label {
    display: inline-block!important
}

.gform_wrapper .gfield_checkbox input {
    margin-top: 1px!important
}

.gfield_checkbox label a {
    display: inline!important;
    line-height: 1.5rem!important
}

footer .fdd,
footer ul ul ul {
    display: none
}

footer {
    background: #384042
}

footer .container {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

footer ul {
    display: flex;
    -webkit-flex: 1 0 25%;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 3rem 0;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

footer ul li {
    list-style: none
}

footer ul li a {
    color: #c9d1d2
}

footer ul li a:hover {
    color: #fff
}

footer ul ul {
    margin: .5rem 0 0;
    padding-right: 1rem
}

footer ul ul li a {
    font-size: .75rem;
    color: #9b9fa0
}

#cw {
    padding: 2rem;
    background: #222;
    text-align: center
}

#cw p {
    margin: 0
}

#cw a {
    color: #bbb
}

.nivo-lightbox-overlay {
    background-color: rgba(0, 0, 0, .8)
}

.nivo-lightbox-content {
    width: 95%!important;
    margin: 0 2.5%
}

.nivo-lightbox-wrap .gform_wrapper textarea.medium {
    height: 4rem
}

.page-template-deals-template .nivo-lightbox-wrap {
    top: 15%;
    left: calc(50vw - 480px);
    right: calc(50vw - 480px);
    bottom: 15%;
    width: 960px
}

.nivo-lightbox-ajax div {
    overflow: hidden
}

.nivo-lightbox-wrap .gform_wrapper form {
    text-align: left;
    background: #f4f4f4;
    padding: 1rem 2rem;
    width: 100%!important;
    max-width: 40rem;
    margin: 0 auto
}

.nivo-lightbox-wrap .gform_wrapper .gform_footer input[type=submit] {
    color: #fff;
    font-size: .875rem;
    margin-top: 0;
    float: none;
    padding: .75rem 1.5rem;
    background: #1db337;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    outline: 0
}

#gform_fields_7 label,
#gform_fields_8 label.gfield_label {
    display: none
}

.nivo-lightbox-wrap .gform_wrapper .gform_heading {
    margin-bottom: .625rem
}

.nivo-lightbox-wrap .gform_wrapper .gform_footer {
    margin-top: 0
}

.nivo-lightbox-wrap .gform_wrapper .gform_footer input[type=submit]:after {
    content: '';
    background-image: url(images/arrows/right-arrow-dark.svg);
    background-size: contain;
    width: .675rem;
    background-repeat: no-repeat;
    height: 1.25rem;
    margin-left: .75rem;
    background-position: center
}

.nivo-lightbox-wrap .gform_wrapper .top_label input.medium,
.nivo-lightbox-wrap .gform_wrapper .top_label select.medium,
.nivo-lightbox-wrap .gform_wrapper textarea.medium {
    border: 1px solid #eee;
    padding: .75rem;
    width: 100%
}

.nivo-lightbox-wrap h3 {
    color: #39aa39
}

.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
    background: url(images/white-loading.gif) 50% 50% no-repeat
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
    top: 10%;
    width: 8%;
    height: 80%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: .5
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, .5)
}

.nivo-lightbox-theme-default .nivo-lightbox-prev {
    background-image: url(images/prev.png);
    border-radius: 0 3px 3px 0
}

.nivo-lightbox-theme-default .nivo-lightbox-next {
    background-image: url(images/next.png);
    border-radius: 3px 0 0 3px
}

.atp_h_but {
    text-decoration: underline;
    float: none;
    color: #0084bb
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: block;
    background: url(images/close.png) center center no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    padding: 25px;
    opacity: .5
}

.nivo-lightbox-theme-default .nivo-lightbox-close:hover {
    opacity: 1
}

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
    bottom: -7%
}

.nivo-lightbox-theme-default .nivo-lightbox-title {
    font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    background: #000;
    color: #fff;
    padding: 7px 15px;
    border-radius: 30px
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
    background: 0 0;
    padding: 0
}

.nivo-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nivo-lightbox-overlay.nivo-lightbox-open {
    visibility: visible;
    opacity: 1
}

.nivo-lightbox-wrap {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%
}

.nivo-lightbox-content {
    height: 100%
}

.nivo-lightbox-title-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center
}

.nivo-lightbox-nav {
    display: none
}

.nivo-lightbox-prev {
    position: absolute;
    top: 50%;
    left: 0
}

.nivo-lightbox-next {
    position: absolute;
    top: 50%;
    right: 0
}

.nivo-lightbox-close {
    position: absolute;
    top: 2%;
    right: 2%
}

.nivo-lightbox-image {
    text-align: center
}

.nivo-lightbox-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: middle
}

.nivo-lightbox-content iframe,
.nivo-lightbox-error {
    width: 100%;
    height: 100%
}

.nivo-lightbox-ajax,
.nivo-lightbox-inline {
    max-height: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nivo-lightbox-error {
    display: table;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 1px #000
}

.nivo-lightbox-error p {
    display: table-cell;
    vertical-align: middle
}

.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
    -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -moz-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -ms-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -o-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    transition: all .3s cubic-bezier(.25, .5, .5, .9)
}

.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%)
}

.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%)
}

.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%)
}

.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%)
}

.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: translateZ(300px);
    -moz-transform: translateZ(300px);
    -ms-transform: translateZ(300px);
    transform: translateZ(300px)
}

.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@media (-webkit-min-device-pixel-ratio:1.3),
(-o-min-device-pixel-ratio:2.6/2),
(min--moz-device-pixel-ratio:1.3),
(min-device-pixel-ratio:1.3),
(min-resolution:1.3dppx) {
    .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
        background-image: url(images/loading@2x.gif);
        background-size: 32px 32px
    }
    .nivo-lightbox-theme-default .nivo-lightbox-prev {
        background-image: url(prev@2x.png);
        background-size: 48px 48px
    }
    .nivo-lightbox-theme-default .nivo-lightbox-next {
        background-image: url(images/next@2x.png);
        background-size: 48px 48px
    }
    .nivo-lightbox-theme-default .nivo-lightbox-close {
        background-image: url(images/close@2x.png);
        background-size: 16px 16px
    }
}

@media only screen and (max-width:1300px) {
    #sidemenu .menu {
        width: 3rem
    }
    #sidemenu .menu a {
        width: 60px!important
    }
    #sidemenu .menu span {
        display: none
    }
    #sidemenu .menu span.obj {
        display: block
    }
}

@media only screen and (max-width:1020px) {
    #feature .item iframe {
        min-height: 300px;
        margin-top: 0
    }
}

@media only screen and (min-width:820px) and (max-width:910px) {
    #greenCTA {
        font-size: 1.25rem
    }
    #module.iconblock .column {
        -webkit-flex: 1 0 18rem;
        -ms-flex: 1 0 18rem;
        flex: 1 0 18rem;
        margin: 20px 0
    }
}

@media only screen and (min-width:720px) and (max-width:1026px) {
    #sidemenu .contact,
    #sidemenu .search {
        width: 30.5rem
    }
    input,
    select {
        -webkit-appearance: none!important
    }
    .wrapper #sidemenu .contact .column {
        width: 260px!important
    }
    #sidemenu .contact {
        width: 40rem
    }
    #sidemenu .contact .close object {
        margin-left: 15px;
        margin-top: 5px
    }
}

@media only screen and (min-width:720px) and (max-width:860px) {
    h1,
    h2 {
        font-weight: 500
    }
    .wrapper {
        margin-top: 6.5rem
    }
    h1 {
        font-size: 1.875rem;
        line-height: 2.25rem;
        margin-bottom: .875rem
    }
    h2 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-bottom: .75rem
    }
    #topbar .menu {
        -webkit-flex: 3 0 auto;
        -ms-webkit-flex: 3 0 auto;
        flex: 3 0 auto
    }
    #topbar .menu li a {
        font-size: .75rem;
        padding: .25rem .75rem
    }
    #feature .two .caption span {
        font-size: .75rem
    }
    #feature .two .price {
        font-size: 1.75rem;
        line-height: 2rem
    }
    #greenCTA {
        font-size: 1.125rem
    }
    #testimonial .quote {
        font-size: 1.375rem
    }
    #sub .menu li a {
        font-size: .875rem
    }
    #module.iconblock .column {
        -webkit-flex: 1 0 18rem;
        -ms-flex: 1 0 18rem;
        flex: 1 0 18rem;
        margin: 20px 0
    }
    #module .grid-sizer,
    .archive #module .column.posts article.post,
    .blog #module .column.posts article.post,
    .category #module .column.posts article.post {
        width: 100%
    }
    #module a.thumb {
        max-height: 120px
    }
    #module a.thumb span {
        padding: .5rem;
        font-size: .5rem
    }
    #module.green.icons .column {
        font-size: 14px
    }
    #module.dark ul li a {
        margin: .5rem 0;
        font-size: .75rem
    }
    #greyWhy h3 {
        font-size: 1.25rem
    }
}

@media only screen and (min-width:320px) and (max-width:720px) {
    #dropdown,
    #dropdown .menus,
    #topbar,
    #whitebar {
        position: relative
    }
    #mobilemenu ul ul li a,
    h1,
    h2 {
        font-weight: 500
    }
    #mobilemenu ul ul,
    #mobsearch {
        border-bottom: 1px solid #eee
    }
    #dropdown .menus,
    #whitebar {
        top: 0
    }
    body {
        padding-top: 0
    }
    h1 {
        font-size: 1.875rem;
        line-height: 2.25rem;
        margin-bottom: .875rem
    }
    h2 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-bottom: .75rem
    }
    .container {
        padding: 0 1.5rem;
        width: 100%
    }
    .post-nav {
        margin-top: 20px;
        width: 100%
    }
    .wrapper {
        margin: 0
    }
    #topbar .mobile span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }
    #topbar .container {
        -webkit-justify-content: space-between;
        -ms-flex-pack-: justify;
        justify-content: space-between;
        padding-right: 0
    }
    .page-template-front-page-template #CTA a {
        margin-left: 0;
        margin-top: 1rem
    }
    #module .column.posts img {
        margin: 5px auto 15px!important;
        width: initial;
        float: none!important;
        clear: both;
        display: block;
        height: auto
    }
    #disqus_thread,
    #module .column.posts,
    #topbar,
    header {
        width: 100%;
        float: left
    }
    #module.iconblock .column {
        -webkit-flex: 1 0 18rem;
        -ms-flex: 1 0 18rem;
        flex: 1 0 18rem;
        margin: 20px 0
    }
    #topbar {
        padding: 0;
        z-index: 3000;
        text-align: right
    }
    #topbar .logo {
        margin: 1rem 0;
        -webkit-flex-basis: 8.875rem;
        flex-basis: 8.875rem
    }
    #module .column.posts {
        padding: 0 1.5rem;
        margin: 0
    }
    #module .column.posts article {
        padding: 0
    }
    #disqus_thread {
        padding-right: 0
    }
    #module .column.sidebar {
        width: 100%;
        float: left;
        padding: 0 1.5rem
    }
    #module .threeQuarter h3 {
        margin-top: 15px
    }
    #module .column.posts blockquote {
        float: left;
        text-align: left;
        margin-bottom: 20px;
        padding-left: 20px
    }
    #feature .title.main,
    #module.basic blockquote,
    .cap.wrap,
    .tax-division #feature.inner .cap,
    article.deal .tags,
    article.deal .title .cntr {
        text-align: center
    }
    #module .column.posts .gallery .gallery-item a {
        height: 100px
    }
    #module .column.posts blockquote p {
        margin: 15px 0;
        line-height: 1.75rem;
        font-size: 1.25rem
    }
    #whitebar {
        border-bottom: 0;
        height: auto
    }
    #topbar .menu {
        border-left: 1px solid #ddd;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        border-right: 1px solid #ddd;
        -webkit-align-items: stretch;
        align-items: stretch;
        display: none
    }
    #topbar .social {
        display: none
    }
    #topbar ul li {
        display: none;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto
    }
    #dealsform .half,
    article.deal .half {
        width: calc(100% - 48px)
    }
    article.deal .tags {
        float: none
    }
    .quarterThumb,
    .threeQuarter {
        width: 100%;
        float: left
    }
    #dealsIntro h1 {
        margin-top: 70px;
        font-size: 38px
    }
    #dealsform h2 {
        font-size: 30px;
        line-height: 1.2
    }
    #topbar .menu li.active {
        -webkit-align-items: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        flex: 1 0 auto
    }
    .quarterThumb {
        margin-right: 0
    }
    .quarterThumb img {
        width: 100%;
        height: auto;
        max-width: 100%
    }
    #topbar .menu li.active a {
        background: 0 0;
        padding: 0 1.5rem;
        color: #384042;
        font-size: .875rem;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-align-items: center;
        align-items: center
    }
    #topbar .menu li.active a:after {
        content: '';
        background-image: url(images/arrows/down-arrow-light.svg);
        background-size: contain;
        width: .875rem;
        background-repeat: no-repeat;
        height: 1.25rem;
        margin-left: .75rem;
        background-position: center;
        float: right
    }
    #topbar .mobile {
        display: -ms-flexbox;
        display: flex;
        padding-right: 0;
        padding-left: 1.125rem;
        float: left
    }
    #topbar .mobile.men {
        margin-top: 2px
    }
    #topbar .mobiconcont {
        float: right;
        margin-top: 19px;
        margin-right: 20px
    }
    #mobilemenu {
        width: 100%;
        float: left;
        background: #fff
    }
    #mobilemenu .container {
        padding: 0
    }
    #mobilemenu ul li {
        list-style: none;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #mobilemenu ul li:hover ul ul,
    #mobilemenu ul ul {
        display: none
    }
    #mobilemenu ul li ul li:hover ul,
    #mobilemenu ul li:hover ul,
    .mobilehead {
        display: block
    }
    #mobilemenu ul ul li a {
        background: #fff;
        font-size: 1rem;
        color: #384042
    }
    #mobilemenu ul ul ul li a {
        font-size: .875rem;
        font-weight: 500
    }
    #mobilemenu ul ul {
        padding-bottom: .25rem;
        margin-bottom: .25rem
    }
    #mobsearch {
        padding: .75rem 0;
        display: none
    }
    #mobsearch object {
        margin-right: .5rem;
        margin-top: .25rem;
        float: left
    }
    #mobsearch input[type=text] {
        padding: .5rem
    }
    #mobsearch form {
        width: 100%
    }
    #mobsearch input[type=submit] {
        padding: .5rem;
        background: #fff;
        outline: 0;
        border: 0;
        -webkit-appearance: none;
        float: right;
        color: #7a8e8f
    }
    #mobilemenu ul li a {
        height: 3rem;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 1.5rem 1.375rem;
        color: #39aa39;
        font-size: 1.25rem;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        font-weight: 700
    }
    #mobilemenu ul li.menu-item-has-children>a:after {
        content: '';
        background-image: url(https://autopia.com.au/wp-content/themes/autopia/images/arrows/down-arrow-dark.svg);
        background-size: contain;
        width: .875rem;
        background-repeat: no-repeat;
        background-position: center center;
        height: 1rem;
        margin-top: .25rem;
        margin-left: .625rem
    }
    #mobilemenu ul li.menu-item-has-children>a:hover:after {
        content: '';
        background-image: url(images/arrows/down-arrow-white.svg)
    }
    #mobilemenu ul li a:hover {
        background: #39aa39;
        color: #fff
    }
    #mobilemenu .menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #whitebar,
    .breadcrumbs {
        display: none
    }
    .column .gform_wrapper .top_label li.gfield.gf_left_half {
        width: 100%;
        margin-right: 0
    }
    .column .gform_wrapper .top_label li.gfield.gf_right_half {
        width: 100%
    }
    #module.basic .gform_wrapper textarea {
        width: 100%!important
    }
    .gform_wrapper .top_label li.gfield.gf_left_half input.large,
    .gform_wrapper .top_label li.gfield.gf_left_half input.medium,
    .gform_wrapper .top_label li.gfield.gf_left_half select.large,
    .gform_wrapper .top_label li.gfield.gf_left_half select.medium,
    .gform_wrapper .top_label li.gfield.gf_right_half input.large,
    .gform_wrapper .top_label li.gfield.gf_right_half input.medium,
    .gform_wrapper .top_label li.gfield.gf_right_half select.large,
    .gform_wrapper .top_label li.gfield.gf_right_half select.medium {
        width: 100%
    }
    #whitebar .menu {
        border: 0
    }
    #whitebar .menu li {
        -webkit-flex: 1 30rem;
        flex: 1 30rem;
        border: 0
    }
    #whitebar .menu li a {
        height: 3rem;
        border-top: 1px solid #eee;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 1.5rem
    }
    #search input,
    #search input[type=submit] {
        border: 0;
        outline: 0;
        -webkit-appearance: none
    }
    #whitebar .menu li a:after,
    #whitebar .menu li a:hover:after {
        background-size: contain;
        width: .5rem;
        background-repeat: no-repeat;
        background-position: center center;
        height: 1rem;
        margin-top: .25rem;
        margin-left: .625rem;
        content: ''
    }
    #whitebar .menu li a:after {
        background-image: url(images/arrows/right-arrow-light-thick.svg)
    }
    #whitebar .menu li a:hover:after {
        background-image: url(images/arrows/right-arrow-dark-thick.svg)
    }
    #feature,
    #feature .item {
        height: 55vh
    }
    #whitebar .container {
        padding: 0
    }
    .blog #module.basic {
        width: 100%;
        float: left;
        background: #fff;
        margin-bottom: 35px
    }
    #dropdown .car {
        -webkit-flex: 1 30rem;
        flex: 1 30rem;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin: .5rem 0
    }
    #feature .title.main.wrap p {
        float: none
    }
    #feature.inner.leftside {
        background-position: center left
    }
    #feature.inner.rightside {
        background-position: center right
    }
    .single-team #feature .title h2,
    .tax-division #feature .title h2 {
        font-size: 2.25rem;
        line-height: 3rem
    }
    #feature.inner .cap.wrap p,
    .tax-division #feature.inner .cap p {
        font-size: 1rem;
        line-height: 1.25rem
    }
    #dropdown .car img {
        left: 0;
        right: 0;
        margin: auto
    }
    #dropdown .menus ul {
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        max-height: inherit
    }
    #search object {
        width: 6%;
        margin: .75rem 4% .75rem 0
    }
    #search input {
        width: 70%
    }
    #search input[type=submit] {
        width: 20%
    }
    #greyWhy .tabs,
    #whiteWhy .tabs {
        border-bottom: 1px solid #969e9f;
        border-top: 0
    }
    #feature {
        margin-top: 0;
        width: 100%
    }
    #feature .title.main.wrap h2 {
        font-size: 1.5rem;
        line-height: 1.625rem
    }
    #feature .title h2 {
        font-size: 2rem;
        line-height: 2rem;
        margin: 0
    }
    #feature .title.main.wrap h4 {
        float: none;
        display: inline;
        font-size: 1.25rem;
        line-height: 1.625rem
    }
    #feature .deal,
    #sub .menu {
        display: none
    }
    #feature .title.main {
        margin-top: 1rem;
        width: 100%
    }
    #feature .caption a {
        margin: 0 auto
    }
    #feature.inner .title.wrap p {
        font-size: 1.5rem;
        line-height: 2rem
    }
    #feature .title.main h2 {
        font-size: 2rem;
        line-height: 2rem;
        margin: 0
    }
    #feature .title {
        margin-top: 1rem
    }
    #feature .caption {
        margin-bottom: 4rem;
        width: 100%
    }
    #feature .caption a {
        font-size: .75rem;
        padding: .5rem 1.125rem
    }
    #feature .caption a:after {
        width: .5rem;
        height: 1rem
    }
    #topbar .menu li a {
        font-size: .75rem;
        padding: .25rem .75rem
    }
    #feature .two .caption span {
        font-size: .75rem
    }
    #feature .two .price {
        font-size: 1.75rem;
        line-height: 2rem
    }
    #feature .two .caption .deal {
        margin: 0 4.5rem
    }
    #feature .deal:nth-of-type(2) {
        display: flex
    }
    #feature .title,
    #feature.inner p {
        width: 100%;
        text-align: center;
        clear: both
    }
    #feature .title {
        font-size: 1.75rem;
        line-height: 2.125rem
    }
    #feature.inner .title p {
        font-size: 2rem;
        line-height: 2.25rem
    }
    #feature.inner .cap.wrap p,
    #feature.inner p {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
    #feature .title.main p {
        margin-top: .75rem;
        margin-bottom: .25rem;
        width: 80%;
        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 1rem
    }
    #sidemenu .menu a,
    #sidemenu .menu a:hover {
        width: auto;
        font-size: .75rem;
        margin: 0;
        padding: .75rem
    }
    #sidemenu {
        display: none
    }
    #sidemenu .menu a {
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto
    }
    #sidemenu .menu a:hover {
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        background-color: rgba(236, 237, 237, .85)
    }
    #greyWhy .column .tabs .content,
    #whiteWhy .column .tabs .content {
        position: relative;
        margin-bottom: 1.5rem;
        width: 100%;
        float: left
    }
    #greyWhy .tabs {
        width: 100%;
        float: left
    }
    #greyWhy .column {
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        width: 100%
    }
    #whiteWhy .tabs {
        width: 100%;
        float: left
    }
    #whiteWhy .column {
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        width: 100%
    }
    #module {
        padding: 2rem 0 1.5rem
    }
    #module h1 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
    #module.basic img {
        max-width: 100%;
        height: auto
    }
    #module.basic .column {
        text-align: left
    }
    #module.first {
        padding: 2rem 0 1.25rem
    }
    #module.grey {
        padding: 1rem 0
    }
    #module .column {
        -webkit-flex: 1 30rem;
        flex: 1 30rem;
        margin: .5rem 0;
        padding: 0 1.5rem
    }
    #module.team .column {
        min-height: 350px;
        max-width: auto
    }
    #module.dark ul li a {
        margin-bottom: 1rem
    }
    #module .fine p {
        margin-top: .5rem;
        margin-bottom: .75rem
    }
    #module .wp-caption {
        width: 100%!important;
        height: auto;
        margin-bottom: 15px
    }
    #module .grid-sizer,
    .archive #module .column.posts article.post,
    .blog #module .column.posts article.post,
    .category #module .column.posts article.post {
        width: 100%;
        padding-right: 0
    }
    #module.basic article table .wp-caption-text {
        float: left
    }
    #module.basic article table .wp-caption {
        float: left;
        width: 100%;
        text-align: center
    }
    #module.basic article table .wp-caption img {
        float: none
    }
    #teamnav ul li {
        display: none;
        margin-left: 0
    }
    #teamnav {
        padding: 0
    }
    #teamnav ul li.active {
        list-style: none;
        -webkit-flex: 1 30rem;
        flex: 1 30rem;
        align-items: stretch;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        margin: 0
    }
    #teamnav ul.mobile li a:hover {
        background: #39aa39;
        color: #fff
    }
    #teamnav ul li.active a {
        height: 3rem;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 1.5rem;
        color: #384042;
        font-size: .875rem;
        display: flex;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: #eceded
    }
    #teamnav ul li.active a:after {
        content: '';
        background-image: url(images/arrows/down-arrow-light.svg);
        background-size: contain;
        width: .875rem;
        background-repeat: no-repeat;
        height: 1.25rem;
        margin-left: .75rem;
        background-position: center;
        float: right
    }
    #teamnav .container {
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
    #teamnav ul.mobile {
        display: none
    }
    #teamnav ul.mobile li {
        list-style: none;
        -webkit-flex: 1 30rem;
        flex: 1 30rem;
        align-items: stretch;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        margin: 0
    }
    #teamnav ul.mobile li a {
        height: 3rem;
        border-top: 1px solid #ddd;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 1.5rem;
        color: #384042;
        font-size: .875rem;
        display: flex;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: #eceded
    }
    #greenCTA {
        padding: 2.125rem 0
    }
    #greenCTA .container {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        display: flex
    }
    #greenCTA a {
        margin-left: 0;
        margin-top: 1rem
    }
    #select {
        padding: 2rem 0
    }
    #select .module {
        -webkit-flex: 1 30rem;
        flex: 1 30rem;
        border: 0;
        padding: 1.5rem 0
    }
    #greyWhy .module {
        border: 0;
        padding: 1rem 0;
        -webkit-flex: 1 30rem;
        flex: 1 30rem;
        margin: 1.5rem 0
    }
    #greyWhy .module:nth-of-type(2) {
        padding: 0 0 1.5rem;
        margin-top: 0
    }
    #greyWhy ul li {
        width: 100%
    }
    #testimonial .quote {
        text-align: center;
        font-size: 1.375rem
    }
    #testimonial .module {
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column
    }
    #testimonial .author,
    .module.right {
        text-align: center
    }
    #sub .social {
        margin-top: 0;
        text-align: center;
        display: inline
    }
    #sub .social li {
        margin: 0 .5rem;
        display: inline-block
    }
    #sub .social li a {
        display: block
    }
    footer,
    footer ul ul {
        display: none
    }
    footer {
        padding: 1.5rem 0 3.5rem
    }
    iframe {
        max-width: 100%;
        max-height: 300px
    }
    footer ul {
        -webkit-flex: 1 30rem;
        flex: 1 30rem;
        margin: 1rem 0;
        align-items: center
    }
    .atp_op_wra select {
        float: none
    }
    #feature.inner .cap.wrap,
    .tax-division #feature.inner .cap.wrap {
        text-align: center;
        width: 100%
    }
    #atp_ctw #atp_fh_ul.atp_h_ul li,
    #atp_ctw #atp_th_ul.atp_h_ul li {
        width: 100%!important;
        margin: 10px 0!important
    }
}

/** Overwritten CSS*/
.titles {
    color: #1db337;
    padding: 3px 0;
    font-size: 35px !important;
    margin: 0px;
    font-weight: 500 !important;
    font-family: 'Museo 500';
}
.d-flex-top {
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .d-flex-top {
        flex-direction: column;
    }
}
.container_site h4 {
    line-height: inherit !important;
}
.container_site .clear {
    height: inherit !important;
    float: none !important;
}
.container_site ul.menus li span {
    height: 45px;
}