body {
    margin: 0;
    padding: 0;
}

.background {
    background: #ececec;
}

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

@font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('../fonts/AvenirNextLTPro-Regular.eot');
    src: local('AvenirNextLTPro-Regular'), url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype');
}

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

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

i {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 20px;
}

a:focus, a:hover {
    text-decoration: none !Important;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: transparent !important;
    border-color: transparent !important;
}

.panel-primary {
    border-color: transparent !important;
    background: transparent !important;
}

.header {
    color: #fff;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    background-color: #749f15;
    padding: 0px 30px;
    display: inline-grid;
}

    .header p {
        margin-top: 21px;
        margin-left: 12px;
        font-size: 20px;
        float: left;
        width: auto;
        white-space: nowrap;
    }

.logo_wrapp {
    width: 100%;
    float: left;
    padding-top: 15px;
}

.header_logo {
    float: left;
}

.head_menu {
    width: 100%;
    float: right;
}

    .head_menu ul {
        float: right;
        margin-top: 19px;
    }

        .head_menu ul li {
            padding: 7px 15px;
            font-size: 15px;
            margin-right: 10px;
        }

    .head_menu li a {
        list-style: none;
        color: #fff;
    }

h1, h2, h3 {
    font-size: 14px;
    display: inline-block;
    font-weight: normal;
    margin: 0;
}

.margintop20 {
    margin-top: 20px;
}

.nopaddingright {
    padding-right: 0px;
}

h1 a:hover, h2 a:hover, h3 a:hover {
    color: #8e8e8e;
}

.green_btn {
    display: inline-block;
    border: 4px solid #fff;
    background: none;
    color: #fff;
    background-color: #82bd41;
    border-radius: 10px;
    font-weight: 800;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    text-align: center;
    line-height: 1;
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 22px;
}

.blue_btn_special {
    display: inline-block;
    border: 4px solid #fff;
    background: none;
    color: #fff;
    background-color: #0e80b7;
    border-radius: 10px;
    font-weight: 800;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    text-align: center;
    line-height: 1;
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 8px;
}

.green_btn_send {
    display: inline-block;
    border: 4px solid #fff;
    background: none;
    color: #fff;
    background-color: #749f15;
    border-radius: 10px;
    font-weight: bold;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    text-align: center;
    line-height: 1;
    padding: 10px 27px;
    text-transform: uppercase;
    font-size: 16px;
}

.header_phone {
    color: #fff;
    font-size: 20px;
    white-space: nowrap;
}

.page-wrap {
    margin-top: 95px;
}

.pagecontent-wrap {
    position: relative;
    min-height: 100vh;
    width: 100%;
    float: left;
}

.content-wrap {
    float: left;
    width: 100%;
    /*height: 100%;*/
}

.btn_banner:hover {
    background-color: #689734;
    color: #fff;
}

.header_phone a {
    text-decoration: none;
}

    .header_phone a:focus, a:hover {
        color: #fff;
        transition: .2s ease-out;
        -webkit-transition: .3s ease-out;
        text-decoration: none;
    }

.top_nav {
    display: block;
    text-align: center;
    margin-bottom: 0;
    float: right;
    margin-top: 24px;
}

.top_nav_text {
    display: block;
    color: #ffffff;
}

#eziwaySidenav {
    z-index: 10000;
    position: fixed;
    top: 140px;
}

    #eziwaySidenav div {
        position: absolute;
        left: -70px;
        transition: 0.6s ease;
        padding: 5px 5px 0px 0;
        width: 170px;
        text-decoration: none;
        font-size: 14px;
        color: white;
        border-radius: 0 5px 5px 0;
        height: 65px;
        display: table;
    }

        #eziwaySidenav div:hover {
            left: -42px;
            padding-right: 5px;
            width: 170px;
        }

            #eziwaySidenav div:hover > a {
                vertical-align: middle;
            }

        #eziwaySidenav div > a {
            padding-left: 80px;
            display: table-cell;
            height: 100%;
            vertical-align: middle;
            color: #ffffff;
            text-shadow: 1px 1px 1px #4a4a4a;
        }

#eziwayGroup {
    top: 10px;
    background: linear-gradient(to bottom, #3a85f5 0%, #043682 100%);
    border: 1px solid #0d4496;
    border-bottom: 8px solid #002f75;
}

#sallarypackaging {
    top: 85px;
    background: linear-gradient(to bottom, #baec49 0%, #8bb925 100%);
    border: 1px solid #8eb537;
    border-bottom: 8px solid #76ad00;
}

#leasing {
    top: 160px;
    background: linear-gradient(to bottom, #5fc1f1 0%, #0e80b7 100%);
    border: 1px solid #0d79ae;
    border-bottom: 8px solid #0074ad;
}

#payroll {
    top: 235px;
    background: linear-gradient(to bottom, #f1c16a 0%, #f7a40D 100%);
    border: 1px solid #f79f00;
    border-bottom: 8px solid #e89600;
}

#ezicare {
    top: 310px;
    background: linear-gradient(to bottom, #dcdcf1 0%, #a7a6ce 100%);
    border: 1px solid #9796bb;
    border-bottom: 8px solid #8e8db9;
}

#software {
    top: 385px;
    background: linear-gradient(to bottom, #636363 0%, #000000 100%);
    border: 1px solid #000000;
    border-bottom: 8px solid #000000;
}

#eziwaySidenav .hide-lg {
    display: none;
}

#eziwaySidenav .hide-lg {
    display: none;
}

.navigation span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: 'ArialNarrow';
    color: #fff;
}

.navigation i {
    text-align: center;
    font-size: 30px;
    color: #fff;
}

.banner_paginated_title {
    text-shadow: 0 0 20px rgba(0,0,0,.5);
    margin-bottom: 20px;
    font-size: 60px;
    font-weight: bold;
    font-family: 'AvenirNextLTPro-Regular';
}

.navbar-toggle {
    border: 1px solid transparent;
}

.navbar-collapse {
    padding-right: 0 !important;
}

.login {
    float: right;
    margin-top: 26px;
    text-align: center;
}

.navbar-header {
    float: right;
    width: 21%;
}

.header_phone {
    color: #fff;
    text-align: right;
    float: right;
    margin-top: 32px;
}

.modal {
    z-index: 10000;
}

.modal-header {
    background: #8bb925;
}

.modal-title {
    font-size: 25px;
    color: #ffffff;
    display: inline-block;
}

.close {
    opacity: 0.5;
}

.navbar-toggle {
    display: block !IMPORTANT;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 1px;
    margin-top: 13px;
    margin-right: 1px;
    margin-left: 10px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-nav {
    float: right;
    transition: all .4s linear;
    visibility: hidden;
    opacity: 0;
}

.navbar-collapse.in {
    height: auto;
    max-height: 50px;
    background: #749f15;
}

    .navbar-collapse.in .navbar-nav {
        visibility: visible;
        opacity: 1;
    }

@media (min-width:768px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: 0 !important;
        padding-bottom: 0;
        overflow: hidden !important;
    }
}

.navbar-collapse {
    position: absolute;
    width: 100%;
    display: block;
    padding: 0 5.4% !important;
    z-index: 50;
    max-height: 0;
    height: 0;
    top: 95px;
    right: 0;
    background: transparent;
    transition: all .3s linear;
}

.nav > li > a {
    color: #ffffff;
    padding-bottom: 10px;
}

    .nav > li > a:focus, .nav > li > a:hover {
        color: #fff;
        background-color: #8bb925;
    }

.nav-tabs > li > a {
    border: 0;
    border-bottom: 1px solid #fff;
}

.nav > li > a:hover {
}

.hvr-shutter-in-horizontal {
    background: #8bb925 !important;
}

    .hvr-shutter-in-horizontal:before {
        background: #749f15 !IMPORTANT;
    }

@media (min-width:768px) {
    .navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
}

.h1-responsive {
    display: block;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 15px;
}

.image_wrapper {
    align-self: center;
    margin-top: 20px;
}

    .image_wrapper img {
        border: 1px solid #D9D9D9;
        -webkit-box-shadow: 1px 5px 12px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 1px 5px 12px 0px rgba(0,0,0,0.3);
        box-shadow: 1px 5px 12px 0px rgba(0,0,0,0.3);
    }

.to_right {
    order: 2;
}

.to_left {
    order: 1;
}

.image_left img, .image_right img {
    border: 1px solid #dbdbdb;
    position: relative;
    max-width: 100%;
}

.homelarge_box {
    color: #4e4e4e;
    padding: 30px;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.content_text, .content_text_inner {
    color: #4e4e4e;
    font-size: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    word-break: inherit;
    text-align: justify;
}

.content_text_inner {
    margin-top: 15px;
    margin-bottom: 10px;
    white-space: normal;
}

.content_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    float: left;
    width: 100%;
}

    .content_list li {
        position: relative;
        margin: 5px 0;
        padding-left: 30px;
        font-size: 14px;
        color: #4e4e4e;
    }

        .content_list li::before {
            position: absolute;
            content: "";
            background: #1090cf url(../images/arrow.png) no-repeat;
            width: 18px;
            height: 18px;
            background-size: 33%;
            background-position: center;
            border-radius: 50%;
            left: 0;
        }

.space {
    padding: 3vh 50px;
}

.box_content {
    border-radius: 8px;
    box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.08);
    background-size: 100%;
    padding: 20px;
    color: #efefef;
    border: 1px solid #D9D9D9;
    margin-right: 20px;
}

.systemkey, .integrate {
    background: url(../images/integrate.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.auditabletracking {
    background: url(../images/auditableTracking.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.er_record {
    background: url(../images/er_records.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.faultless {
    background: url(../images/flauless.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.equal_height {
    display: flex;
    margin-right: -20px;
}

.box_content h3 {
    padding-bottom: 8px;
    margin-bottom: 10px;
    color: #1090cf;
    min-height: 40px;
    display: block;
    font-weight: normal;
    font-size: 24px;
}

.box_text {
    font-size: 14px;
    line-height: 24px;
}

.how_works {
    width: 100%;
}

.banner {
    height: 65vh;
    width: 100%;
}

.box_content.employee h3, .box_content.employer h3 {
    color: #FFEB3B;
}

.box_content.employee .content_list li, .box_content.employer .content_list li {
    color: #efefef;
}

.employee {
    background: #95bd3c url(../images/employee.png) no-repeat;
    background-size: auto 90%;
    background-position: 110% 110%;
}

.employer {
    background: #7d7d7d url(../images/employer.png)no-repeat;
    background-size: auto 90%;
    background-position: 105% 105%;
}

.employerReturns {
    background: url(../images/employerReturns.png);
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: 50%;
}

.embed-responsive {
    border: 1px solid #666666;
    border-radius: 6px;
    overflow: hidden;
}

.how_works {
    width: 100%;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    object-fit: cover;
    width: 100%;
}

.banner-paginated {
    height: 540px;
}

.icons {
    width: 100%;
    padding: 0;
    margin-top: 15px;
}

.icon_wrapp {
    text-align: center;
    width: 25%;
    float: left;
    list-style: none;
}

.homeicon_wrapp {
    text-align: center;
    width: 33%;
    float: left;
    list-style: none;
}

.full_icon_wrapp {
    text-align: center;
    float: left;
    list-style: none;
}

.icon_text {
    margin-top: 0px;
    font-size: 16px;
    font-weight: 600;
    display: block;
}

img.icon__image {
    width: 50%;
}

.title_brand {
    font-family: 'ArialNarrow';
    font-size: 40px;
    color: #1090cf;
    text-align: center;
    margin-bottom: 0;
    margin-top: 5px;
    font-weight: normal;
    display: block;
}

.title_brand a{
    font-family: 'ArialNarrow';
    font-size: 40px;
    color: #1090cf;
    text-align: center;
    text-decoration:none;
}
.title_brand a:hover{
    font-family: 'ArialNarrow';
    font-size: 40px;
    color: #1090cf;
    text-align: center;
    text-decoration:none;
}

.home_content {
    text-align: center;
    padding: 1% 1% 24px;
    font-size: 17px;
    color: #777;
}

.title_brand_grey {
    color: #56585a;
    text-align: center;
    font-family: 'ArialNarrow';
    font-size: 40px;
    font-weight: normal;
    display: block;
    margin-top: 15px;
}

.cars_module_wrapp {
}

.lead {
    font-size: 20px;
    font-family: 'AvenirNextLTPro-Regular';
}

.anchor {
    display: block;
    height: 132px;
    margin-top: -132px;
    visibility: hidden;
}

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

.car__details {
    font-size: 20px;
    text-align: center;
}

.car__price {
    z-index: -1;
    width: 146px;
    height: 146px;
    position: absolute;
    top: 70px;
    left: 79px;
    border-radius: 50%;
    background: #1090cf;
    color: #fff;
}

    .car__price:after {
        content: "";
        display: block;
        width: 90%;
        height: 90%;
        border: 4px solid #fff;
        border-radius: 50%;
    }

.car__rating {
    text-align: center;
}

.car__price-content, .car__price:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.car__amount {
    font-size: 40px;
    line-height: .8;
    margin-top: 10px;
}

.text-uppercase {
    text-transform: uppercase;
}

.car__details {
    font-size: 20px;
}

.owl-carousel.owl-loaded {
    display: block;
}

.text-bold {
    font-weight: 600;
    text-align: center;
}

.tile {
    position: relative;
}

.resCarousel-inner .item .tile {
    background: none;
    box-shadow: none;
    margin: 5px;
}

.car_wrapp {
    text-align: center;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-item img {
    width: auto;
    display: inline;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.panel-body {
    padding: 0;
}

.all-included {
    width: 20%;
    text-align: center;
    margin: 10px 0 30px;
    padding: 5px;
}

.annually {
    float: left;
    width: 19%;
    margin-top: -24px;
    margin-left: 4%;
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.result_value {
    padding: 10px 12px;
    margin: 4px 11px 10px;
    text-align: center;
}

.package {
    margin: 20px 0 65px;
}

.all-included__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: space-evenly;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.all-included__icon {
    width: 80%;
    margin: auto;
    height: 60px;
}

    .all-included__icon path {
        fill: #1090cf;
    }

.all-included-module {
    background: #f0fafd;
}

.all-included__icon svg {
    max-height: 70px;
}

.all-included__title {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 0;
    color: #000 !important;
}

.module:first-child {
    padding-top: 23px;
}

.padding-fluid, .padding-fluid-default {
    padding-bottom: 15px;
}

.footer__logo {
    float: right;
}

.text-and-icons .icon__image-container {
    width: 120px;
    height: 90px;
    position: relative;
    margin: auto;
    text-align: center;
}

.txt_inner {
    width: 80%;
    float: right;
    text-align: left;
}

.icon_image_wrapp {
    width: 200px;
    height: 145px;
    position: relative;
    margin: auto;
    text-align: center;
}

.form-module {
    color: #fff;
    background-color: #8bb925;
}

.form-group {
    margin-bottom: 15px;
}

.form_body {
    float: left;
    width: 100%;
    margin-top: 18px;
}

.next_btn {
    margin-bottom: 20px;
}

.col {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    min-height: 1px;
    position: relative;
}

.form-control {
    color: #777;
    width: 100%;
    border: 1px solid #ccc;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: auto 10px;
    margin-bottom: 15px;
    padding: 2px 15px;
}

.form-control-static {
    padding-top: 0;
}

.chk_bxtext {
    color: #fff;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px;
}

.slider-display.noUi-target .noUi-handle {
    top: 4px;
}

.slider-display.noUi-target .noUi-tooltip {
    bottom: -165%;
    color: #fff;
    background: transparent;
    border: 1px solid hsla(0,0%,100%,.2);
    padding: 2px 10px;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: 50%;
    bottom: 120%;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.sm-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.form-module__form--odd .gform_footer {
    float: right;
    margin-top: -90px;
}

.nice-select.form-control {
    min-height: 38px;
}

.slider-display.noUi-target .noUi-base {
    width: 90%;
    left: 5%;
}

.nice-select .list {
    width: 100%;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    border-radius: 0;
    max-height: 400px;
    overflow: auto;
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px rgba(86,88,90,.11);
    box-shadow: 0 0 0 1px rgba(86,88,90,.11);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    z-index: 9;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.slider-display.noUi-target {
    height: 38px;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 35px;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.irs {
    height: 73px;
}

.irs-bar {
    height: 40px;
    top: 0px;
    border-top: 1px solid #486409;
    border-bottom: 1px solid #486409;
    background: #486409;
}

.irs-bar-edge {
    height: 40px;
    top: 0px;
    width: 26px;
    border: 1px solid #486409;
    border-right: 0px;
    background: #486409;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
}

.irs-line {
    height: 40px;
    top: 0px;
    background: #EEE;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.irs-line-left {
    height: 39px;
}

.irs-line-mid {
    height: 39px;
}

.irs-line-right {
    height: 39px;
}

.irs-slider {
    top: -4px;
    width: 50px;
    height: 50px;
    border: 3px solid #ececec;
    background: #749f15;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

    .irs-slider.state_hover, .irs-slider:hover {
        background: #5e8409;
    }

.irs-min, .irs-max {
    visibility: hidden !important;
}

.iris_vaue_txt {
    height: 30px;
    float: left;
    margin: 10px 0 0;
    font-size: 20px;
    font-weight: normal;
    display: none;
}

.irs-single {
    font-size: 15px;
    padding: 3px 5px;
    background: transparent;
    border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #eee;
    top: 55px;
}

    .irs-single::after {
        content: "";
        position: absolute;
        width: 0;
        top: -7px;
        left: calc(50% - 7px);
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #efefef;
    }

.calc_no {
    margin-top: 14px;
}

    .calc_no h2 {
        font-size: 24px;
        display: inline-block;
        min-height: 50px;
    }

    .calc_no h3 {
        background: #749f15;
        padding: 5px;
        border: 1px solid #c1fb3f;
        margin: 10px 0px;
        width: 100%;
        display: block;
        font-weight: normal;
    }

.contact_info {
    width: 100%;
    float: left;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.alignbox {
    text-align: center;
    width: 21%;
    background: #fff;
    margin-bottom: 3%;
    min-height: 220px;
    display: inline-block;
}

.call, .email {
    width: 75px;
    height: 75px;
    margin: 10% auto 5%;
    text-align: center;
    border: 1px solid #c3c3c3;
    border-radius: 76px;
    background: #ececec;
}

    .call i, .email i {
        font-size: 48px;
        text-align: center;
        color: #1090cf;
    }

.footer {
    background-color: #fff;
    color: #5d8505;
    float: left;
    width: 100%;
}

.footer__logo {
    width: 160px;
    opacity: .8;
}

.footer__copy {
    margin-left: auto;
    margin-right: auto;
}

.footer a, .footer span {
    color: inherit;
}

.padding_top {
    padding-top: 12px;
}

.padding_bottom {
    padding-bottom: 40px;
}

.align {
    text-align: center;
}

.align_left {
    text-align: left;
}

.align_right {
    text-align: right;
}

.view_height {
    min-height: calc(100vh - 243px);
}

.view_height_contact {
    min-height: calc(100vh - 192px);
}

.loginform {
    min-height: calc(100vh - 243px);
}

.login_box a:hover {
    color: #0d79ae;
}

.contact_title {
    text-align: left;
}

#exTab2 h3 {
    color: #333;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: normal;
    display: block;
}

.benefits_icon ul {
    display: table;
}

    .benefits_icon ul li {
        display: table-cell;
        width: 20%;
        float: left;
    }

.icon_text_benefit {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.benefits_icon span {
    text-align: center;
    width: 100%;
    float: left;
}

.panel {
    z-index: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-bottom: 0;
}
/*a[id= "offers"]:target ~ #3-special-offers.panel{-webkit-transform:translateY(-500px);transform:translateY(-500px);}*/
.big_phone {
    font-size: 20px;
    color: #272727;
}

.blue_bg {
    background: #8bb925;
    height: 50vh;
    width: 100%;
    display: inline-block;
    position: relative;
}

.login_box {
    background: #ffffff;
    padding: 5% 65px 5%;
    height: auto;
    border-radius: 6px;
    border: 1px solid #b5b5b5;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(117,116,117,0.6);
    -moz-box-shadow: 0px 2px 10px 0px rgba(117,116,117,0.6);
    box-shadow: 0px 2px 10px 0px rgba(117,116,117,0.6);
    margin-top: 3%;
}

h3.title {
    font-family: 'Encode Sans Condensed', sans-serif;
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    width: 500px;
    display: block;
}

.title_black {
    width: 100%;
    text-align: center;
    color: #676767;
    font-size: 25px;
    margin: 40px 0 0;
}

.form_width {
    text-align: center;
    background: #fff;
    position: absolute;
    top: 29%;
    left: -19px;
    padding: 0;
    min-height: 250px;
    -webkit-box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 19px -2px rgba(0,0,0,0.75);
}

.title {
    width: 100%;
    text-align: center;
    color: #676767;
    font-weight: bold;
    font-size: 25px;
    margin: 10px 0;
}

.halfwidth {
    float: left;
    width: 40%;
    background: #749f15;
    padding: 139px 0;
    max-height: 100%;
}

.company_title {
    color: #fff;
    float: left;
    width: 100%;
    font-size: 16px;
    margin: 2px 0;
    padding: 0px 5px;
}

.border {
    border: 1px solid #ccc;
}

.logo_loginpage {
    float: left;
    width: 100%;
    text-align: center;
    margin: 19px 0;
}

.input-group-btn i {
    font-size: 15px;
}

.form-group {
    margin-bottom: 15px;
}

.form-control {
    height: 40px;
}

.login-form {
    margin: 110px 17px;
    border: 1px solid #749f15;
    border-radius: 13px;
}

.login-title {
    font-family: 'Exo', sans-serif;
    text-align: center;
    color: white;
}

.login-userinput {
    margin-bottom: 10px;
}

.login-button {
    margin-top: 10px;
}

.login-options {
    margin-bottom: 0px;
}

.login-forgot {
    float: right;
}

.footer__sitemap {
    padding: 0;
    color: #5d8505;
    float: left;
    width: 100%;
}

.menu_link {
    width: 40%;
    padding: 12px 0px 5px;
}

.footer__sitemap li + li {
}

.footer__sitemap li {
    display: inline-block;
    padding: 0 13px 0 0;
    position: relative;
    margin-bottom: 2px;
    font-size: 13px;
    display: inline-block;
}

.benefits {
    padding: 0;
    color: #5d8505;
    float: left;
    width: 21%;
}

    .benefits li {
        display: inline-block;
        padding: 0 13px 0 0;
        position: relative;
        margin-bottom: 2px;
        font-size: 13px;
        width: 100%;
    }

.why_ezi {
    padding: 0;
    color: #5d8505;
    float: left;
    width: 18%;
}

    .why_ezi li {
        display: inline-block;
        padding: 0 13px 0 0;
        position: relative;
        margin-bottom: 2px;
        font-size: 13px;
        width: 100%;
    }

.privacy_p, .salary_packaging {
    padding: 0;
    color: #5d8505;
    float: left;
    width: 20%;
}

    .privacy_p li, .salary_packaging li {
        display: inline-block;
        padding: 0 13px 0 0;
        position: relative;
        margin-bottom: 2px;
        font-size: 13px;
        width: 100%;
    }

.footer_link {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #5d8505;
    margin-bottom: 5px;
}

.address {
    margin-left: 23px;
}

.footer_contact {
    margin-left: 0;
    color: #5d8505;
    padding: 0;
}

    .footer_contact li i {
        margin-right: 10px;
    }

    .footer_contact li {
        margin-bottom: 8px;
        list-style: none;
        font-size: 13px;
        float: left;
        padding: 0 10px 0 0;
        width: 100%;
    }

.social_ico {
    width: 15%;
    text-align: left;
    padding: 12px 0px 5px;
}

.footer_social {
    padding: 0;
}

    .footer_social li {
        display: inline-block;
        margin-right: 2px;
        border: 1px solid #5d8505;
        border-radius: 50%;
        height: 0;
        padding: 19px 0;
        width: 38px;
        margin-top: 3px;
        text-align: center;
    }

        .footer_social li a {
            width: 100%;
            margin-top: -0.5em;
            text-align: center;
            float: left;
        }

        .footer_social li i {
            color: #5d8505;
            line-height: 0;
            font-size: 18px;
        }

ul.footer_social .footer_link {
    text-align: left;
}

.mob_logo {
    margin-left: auto;
}

.footer_copyright {
    background: #5d8505;
    padding: 10px;
    float: left;
    width: 100%;
}

.footer_copy {
    text-align: center;
    color: #fff;
}

.footer_logo {
    margin-right: 0;
    text-align: right;
    width: 15%;
}

.display_hide {
    display: none;
}

.contact_us {
    width: 23%;
}

.privacy_policy_page p {
    text-align: justify;
    margin: 0 0 10px;
    font: 400 14px/24px 'Open Sans', sans-serif;
}

.privacy_policy_page h3 {
    font-size: 24px;
    text-transform:uppercase;
    margin-bottom:20px;
}

.stepwizard-step p {
    margin-top: 0px;
    color: #fff;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    position: relative;
    margin-top: 35px;
}

.stepwizard-step button[disabled] {
}

.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity: 1 !important;
    color: #6b6b6b;
    text-shadow: none;
    background: #ffffff;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 98%;
    height: 1px;
    background-color: #ccc;
    z-index: 0; left:0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.step_form {
    float: left;
    width: 100%;
    background-color: #8bb925;
}

.panel {
    background-color: unset;
    border: unset;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: unset;
    border-color: unset;
    background-image: none;
    margin: 0 0 12px;
}

.btn-primary {
    display: inline-block;
    border: 4px solid #fff;
    background: none;
    color: #fff;
    background-color: #749f15;
    border-radius: 10px;
    font-weight: 800;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    text-align: center;
    line-height: 1;
    padding: 10px 15px;
    text-transform: uppercase;
}

.result_space {
    float: left;
}

.shadow {
    position: absolute;
    bottom: 0;
    left: -30px;
    opacity: 0.3;
    width: 85%;
}

select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

    select.minimal:focus {
        background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
        background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
        background-size: 5px 5px, 5px 5px, 1px 1.5em;
        background-repeat: no-repeat;
        border-color: green;
        outline: 0;
    }

select {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    margin-left: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%;
}

.report_by {
    margin-top: 15px;
}

.form_wrapp {
    margin-top: 35px;
    margin-bottom: 15px;
    color: #fff;
}

.login-signup {
    padding: 0 0 25px;
}

.control-label {
    width: 100%;
    float: left;
}

.label {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: left;
    white-space: unset;
    height: 35px;
    margin-left: 13px;
    float: left;
}

.remove_margin {
    margin-left: 0;
}

.remove_padding {
    padding: 0;
}

.btn-default {
    color: #313131;
    text-shadow: none;
}

ul {
    list-style-type: none;
}

article[role="login"] input[type="submit"] {
    padding: 10px 15px;
    font-size: 16px;
}

article[role="login"] h3 {
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    display: block;
}

article[role="login"] p {
    font-size: 16px;
    padding: 5px 15px;
}

.nav-tab-holder {
    padding: 0 0 0 30px;
}

    .nav-tab-holder .nav-tabs {
        border: 0;
        float: none;
        display: table;
        table-layout: fixed;
        width: 100%;
    }

.border {
    border: 1px solid #fff;
    margin-top: -2px;
    margin-bottom: 35px;
}

.nav-tab-holder .nav-tabs > li {
    margin-bottom: -3px;
    text-align: center;
    padding: 0;
    display: table-cell;
    float: none;
    padding: 0;
    position: relative;
    border-top: 1px solid #8bb925;
    z-index: 1;
}

    .nav-tab-holder .nav-tabs > li > a {
        background: #fff;
        color: #6c6c6c;
        margin: 0;
        font-size: 18px;
        font-weight: 300;
        border-radius: unset;
        padding: 22px 0;
        margin-bottom: -2px;
    }

    .nav-tab-holder .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #FFF;
        background-color: #749f15 !important;
        border-radius: 0;
        padding: 22px 0;
        margin-bottom: -1px;
    }

.nav-tabs > li > a:hover {
    border-color: unset;
    border-bottom: 1px solid #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
}
/*.calc_btn{margin-bottom:30px;}*/
.mobile-pull {
    float: right;
}

article[role="manufacturer"] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 10px rgba(0, 0, 0, 0.24);
    padding: 0 0 40px;
    max-width: 420px;
    margin: -45px auto 0;
}

    article[role="manufacturer"] header {
        background: #23bab5;
        color: #fff;
        padding: 10px;
        font-size: 18px;
        font-weight: 300;
    }

    article[role="manufacturer"] h1 {
        font-size: 26px;
        font-weight: 300;
        border-bottom: 1px solid #f2f2f2;
        padding: 25px 15px;
    }

    article[role="manufacturer"] ul {
        padding: 0 25px;
    }

        article[role="manufacturer"] ul li {
            font-size: 16px;
            border-bottom: 1px solid #eaeaea;
            padding: 20px 15px;
            color: #404040;
        }

            article[role="manufacturer"] ul li i {
                color: #23bab5;
            }

.login-signup {
    padding: 25px 0 25px;
    width: 100%;
    float: left;
}

.calc_title {
    float: left;
    color: #fff;
    font-size: 40px;
    margin: 0px 0px 20px;
    text-align: center;
    font-family: 'ArialNarrow';
    font-weight: normal;
}

.calc_btn {
    float: left;
    margin-top: 10px;
}

.employer_name {
    color: #fff;
    float: left;
    font-size: 20px;
    text-align: left;
    margin-left: 0;
    margin-bottom: 28px;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
}

.login_steps ul li {
    color: #fff;
    list-style: decimal;
    font-size: 15px;
    margin-top: 15px;
}

.info_login {
    color: #fff;
    font-size: 15px;
    margin-bottom: 25px;
}

.pay_text {
    text-align: center;
    background: #fff;
    margin: 9px;
    width: 47%;
    padding: 10px;
}

.result_text {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px 12px;
    margin: 5px;
}

.calculator_graph_bar_1 {
    float: left;
    width: 30%;
    background: #5c7b17;
    position: absolute;
    bottom: 0;
    padding: 0px 5px 25px;
    text-align: center;
    color: #fff;
}

.calculator_graph_bar_2 {
    float: left;
    width: 30%;
    position: absolute;
    bottom: 0;
    left: 37%;
    background: #fff;
    padding: 5px 12px 85px;
    text-align: center;
}

.result_body {
    position: relative;
    height: 198px;
    margin-bottom: 0;
    left: 5%;
}

.res_value {
    float: left;
    text-align: right;
    width: 25%;
}

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

.with_ezi {
    font-size: 20px;
}

.without_ezi {
    font-size: 20px;
    color: #fffc;
}

.email_temp {
    margin: 0 auto;
    width: 100%;
    padding: 10px;
}

.email_wrapp {
    margin: 0 auto;
    max-width: 40%;
    background: #f4f4f4;
    border: 1px solid #749f15;
    margin-top: 3%;
    box-shadow: -1px 1px 14px 2px rgba(0,0,0, 0.2);
}

    .email_wrapp p {
        text-align: center;
        margin: 0 auto;
    }

    .email_wrapp p {
        text-align: center;
        margin: 0 auto;
        padding: 8px;
        font-size: 20px;
    }

.email_temp tr {
    margin-bottom: 2px;
    width: 100%;
}

    .email_temp tr td {
        padding: 7px 13px;
        margin-right: 4px;
    }

.email_bg {
    background: #8bb925;
    float: left;
    width: 100%;
    height: 148px;
}

.message {
    margin-top: 10%;
    border-bottom: 1px solid #8bb925;
    margin-bottom: 4%;
}

    .message h2 {
        font-size: 15px;
        margin-left: 2%;
    }

    .message h3 {
        font-size: 15px;
        margin-bottom: 2px;
        margin-left: 2%;
        line-height: 22px;
        display: block;
        font-weight: normal;
    }

.thank_youimg {
    text-align: center;
    margin-top: 10px;
}

.message p {
    text-align: left;
}

.footer_bg {
    background: #8bb925;
    height: 50px;
    color: #fff;
    padding: 15px;
}

.result_value table {
    width: 100%;
}

.result_value tr {
    margin: 5px;
    width: 100%;
}

.result_value td {
    margin: 0px 5px;
    padding: 10px;
    border: 5px solid #749f15;
    background: #fff;
}

.form_body {
    float: left;
    width: 100%;
    margin-top: 18px;
}

.result_value th {
    margin: 0px 5px;
    background: #ccc;
    padding: 10px;
    text-align: center;
    color: #fff;
    background: none;
}

.login_iframe {
}

.m_bottom {
    margin-bottom: 10px;
}

.headerGreen {
    background-color: #749f15 !important;
    margin-top: -1px;
}

.cards h4 {
    text-align: center;
    padding: 5px;
}

.cards p {
    text-align: center;
    padding: 5px;
}

.red {
    color: #ff0000 !important;
    font-size: 16px;
    margin-left: 2px;
}

.document_section h3, .document_section p {
    text-align: center;
    font-size: 14px;
    display: block;
    font-weight: normal;
}

.width25 button {
    width: 90%;
    word-break: break-all;
    white-space: normal;
}

.width25 {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}

.btn_wrapper {
    float: left;
    width: 100%;
    text-align: center;
}

.card_app_mobile {
    text-align: center;
}

    .card_app_mobile img {
        width: 50%;
    }

.modal-body {
    height: 64vh;
    overflow-y: auto;
}

.modal-content {
    height: auto;
    overflow: hidden;
}

.model_salpack {
    height: auto;
    padding: 25px;
}

    .model_salpack label {
        color: #5e5e5e;
    }

.width100 {
    width: 100%;
    float: left;
    margin-bottom: 3%;
    margin-top: 1%;
}

    .width100 button {
        width: auto;
        padding: 10px 5%;
        word-break: inherit;
        white-space: normal;
    }

.complaint_form {
    height: auto;
    padding: 25px 50px;
}

    .complaint_form label {
        color: #5e5e5e;
    }

@media only screen and (max-width:767px) {
    .mobile-pull {
        float: none;
    }

    .nav-tab-holder {
        float: none;
        overflow: hidden;
    }

    .nav-tabs > li > a {
        font-size: 13px;
        font-weight: 600;
        padding: 10px 5px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nav-tabs > li {
        width: 50%;
    }
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .carousel-fade .carousel-inner > .item.next.left,
        .carousel-fade .carousel-inner > .item.prev.right,
        .carousel-fade .carousel-inner > .item.active {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
}

.carousel-caption {
    text-shadow: 0 1px 4px rgba(0,0,0,.9);
    font-size: 17px;
    bottom: 0px;
}

    .carousel-caption h3 {
        font-size: 50px;
        font-family: 'Arial', sans-serif;
        float: right;
        width: 100%;
        position: relative;
        bottom: 0;
        left: -1%;
        color: #fff;
        text-shadow: none;
        font-weight: bold;
        text-align: right;
        text-shadow: 0 1px 15px rgba(0,0,0,.9);
        display: block;
    }

html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
    height: 100%;
}

.carousel-control.right {
    background-image: unset !IMPORTANT;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -10px;
    color: #0e80b7;
    text-shadow: none;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -10px;
    color: #0e80b7;
    text-shadow: none;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}

    #quote-carousel .carousel-control {
        background: none;
        color: #222;
        font-size: 2.3em;
        text-shadow: none;
        margin-top: 30px;
    }

        #quote-carousel .carousel-control.left {
            left: -50px;
        }

        #quote-carousel .carousel-control.right {
            right: -65px !important;
        }

    #quote-carousel .carousel-indicators {
        right: 50%;
        top: auto;
        bottom: 0px;
        margin-right: -19px;
    }

        #quote-carousel .carousel-indicators li {
            background: #c0c0c0;
        }

        #quote-carousel .carousel-indicators .active {
            background: #333333;
        }

    #quote-carousel img {
    }

.item blockquote {
    border-left: none;
    margin: 0;
}

    .item blockquote img {
        margin-bottom: 10px;
    }

    .item blockquote p:before {
        content: "\f10d";
        font-family: 'Fontawesome';
        float: left;
        margin-right: 10px;
    }

.test_content {
    text-align: left;
}

@media (min-width:768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }
}

@media screen and (min-width:768px) {
    .container {
        width: 100%;
    }
}

@media (min-width:1200px) {
    .container {
        width: 95%;
    }
}

@media screen and (max-width:2500px) {
    .homelarge_box {
        margin-top: 2px;
        margin-bottom: 2px;
    }

        .homelarge_box .image_wrapper {
            margin-top: 30px;
        }

    .content_text {
        margin-top: 10px;
    }
}

@media screen and (max-width:1570px) {
    .car_calc {
        font-size: 13px;
    }
}

@media screen and (max-width:1520px) {
    .logo_wrapp {
        width: 100%;
        float: left;
    }

    .head_menu {
        width: 100%;
        float: right;
    }

    .header p {
        margin-top: 24px;
        margin-left: 7px;
        font-size: 16px;
        float: left;
        width: 58%;
        text-align: left;
    }

    .car__image {
        margin-top: 42px;
    }

    .car__price {
        top: 90px;
        left: 49px;
    }

    .banner_innerpage {
    }

    .car_calc {
        font-size: 13px;
    }

    .calc_no h2 {
        font-size: 20px;
        min-height: 75px;
        font-weight: normal;
        display: block;
    }

    .calc_no {
        margin-top: 14px;
        width: 49%;
    }
}

@media screen and (max-width:1366px) {
    .form-group {
        margin-bottom: 0px;
    }

    .form-control {
        height: 28px;
    }

    .irs-line {
        height: 28px;
    }

    .irs-slider {
        width: 40px;
        height: 40px;
    }

    .irs-bar-edge {
        height: 28px;
    }

    .irs-bar {
        height: 28px;
    }

    .irs-single {
        top: 44px;
    }

    .green_btn {
        padding: 11px 28px;
        font-size: 17px;
    }

    .padding_top {
        padding-top: 5px;
    }

    .module:first-child {
        padding-top: 2px;
    }

    .calc_title {
        font-size: 35px;
    }

    .calculator_graph_bar_1 {
        width: 35%;
    }

    .calculator_graph_bar_2 {
        width: 35%;
        left: 45%;
    }

    .calculator_graph_bar_1 h1 {
        font-size: 20px;
    }

    .calculator_graph_bar_2 h1 {
        font-size: 20px;
    }

    .res_value {
        float: left;
        text-align: right;
        width: 25%;
        margin-top: 5px;
        font-size: 17px;
    }

    .title_res {
        float: left;
        font-size: 14px;
    }

    .result_text {
        width: 95%;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .form-control {
        height: 40px;
    }

    .benefits {
        width: 30%;
    }

    #quote-carousel .carousel-indicators .active:before {
        left: 15%;
        top: 4%;
    }

    #quote-carousel .carousel-indicators {
        left: 50%;
    }

    #quote-carousel .carousel-control {
        margin-top: 11%;
        margin-left: 4%;
        margin-right: 4%;
    }
}

@media screen and (max-width:1280px) {
    .privacy_p {
        width: 25%;
    }

    .why_ezi {
        width: 25%;
    }

    .car_calc {
        width: 100%;
    }

    .navbar-toggle {
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 8px;
    }

    .login {
        margin-right: -30px;
        margin-top: 20px;
    }

    .head_menu ul {
        float: right;
        margin-top: 30px;
        margin-right: -20px;
    }

        .head_menu ul li {
            padding: 7px 3px;
            font-size: 15px;
            margin-right: 10px;
        }

    .navbar-toggle {
        margin-top: 10px;
        margin-right: -9px;
        margin-bottom: 8px;
    }

    .carousel,
    .carousel-inner,
    .carousel-inner .item {
        height: auto;
    }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
            height: auto;
        }

    .footer_contact {
        margin-left: 0;
        padding: 0;
    }

    .footer_social {
        margin-left: 0;
        padding: 0;
    }

    .social_ico {
        width: 15%;
    }

    .mob_logo {
        width: 40%;
    }

    .contact_us {
        width: 20%;
    }

    .footer_logo {
        margin-top: 15px;
        text-align: right;
    }

    .login_box {
        width: 50%;
        margin-left: 25%;
    }

    .login_box {
        padding: 5% 27px 5%;
    }
}

@media screen and (max-width:1180px) {
    article[role="login"] input[type="submit"] {
        padding: 10px 15px;
        font-size: 13px;
    }

    .social_ico {
        width: 15%;
    }

    .contact_us {
        width: 32%;
        padding-top: 5px;
    }

    .menu_link {
        width: 38%;
    }

    .email_wrapp {
        width: 60%;
    }

    .calc_title {
        font-size: 26px;
        margin-top: 24px;
    }

    .icon_text {
        min-height: 60px;
    }
}

@media screen and (max-width:1179px) and (min-width:991px) {
    ul.footer_social .footer_link {
        margin-left: 10%;
        text-align: left;
    }

    .why_ezi {
        width: 85%;
    }

        .why_ezi li {
            width: 34%;
        }

    .privacy_p {
        width: 58%;
    }

        .privacy_p li {
            width: 49%;
        }

    .benefits {
        width: 40%;
    }
}

@media screen and (max-width:1087px)and (min-width:992px) {
    .header_phone {
        margin-top: 0px;
    }
}

@media screen and (max-width:990px) {
    .banner {
        height: auto;
        width: 100%;
    }

    .why_ezi {
        width: 85%;
    }

        .why_ezi li {
            width: 43%;
        }

    .privacy_p {
        width: 75%;
    }

        .privacy_p li {
            width: 46%;
        }

    .benefits {
        width: 55%;
    }

    .view_height {
        height: auto;
        padding-bottom: 20px;
    }

    .footer_social {
        margin-left: 0;
    }

    .footer_contact {
        margin-left: 0;
        padding: 0;
        display: inline-table;
    }

    .menu_link {
        width: 33%;
        padding: 0;
        text-align: left;
    }

    .contact_us {
        width: 33%;
        padding: 0;
        text-align: left;
    }

    .social_ico {
        width: 12%;
        text-align: left;
        padding: 0;
        margin-top: -7px;
    }

    ul.footer_social .footer_link {
        margin-left: 0;
        text-align: left;
        float: left;
        margin-top: 7px;
    }

    .footer_logo {
        text-align: right;
        width: 20%;
        margin-top: 0;
    }

    .footer__container {
        margin-top: 1%;
        margin-bottom: 1%;
    }

    .footer_copy {
        text-align: center;
        width: 100%;
    }

    .nav-tab-holder {
        padding: 0 0 0 46px;
    }

    .result_value {
        margin: 4px 5px 10px;
        text-align: center;
    }

    .login_iframe {
        width: 100% !IMPORTANT;
    }
}

@media screen and (max-width:960px) {
    .logo_wrapp {
        width: 75%;
        float: left;
    }

    .web_phn {
        display: none;
    }

    .mobile_phn {
        display: block;
        margin-top: 2px !IMPORTANT;
        margin-right: -39px;
    }

    .header p {
        width: auto;
    }

    .page-wrap {
        margin-top: 92px;
    }

    .logo_wrapp {
        width: 100%;
    }

    .navbar {
        margin-bottom: 10px;
    }

    .header_phone {
        font-size: 16px;
    }

    .benefits_icon ul li {
        display: inline-block;
        width: 50%;
    }

    .banner_innerpage {
        height: 350px;
    }

    .halfwidth {
        padding: 4px 0;
        width: 100%;
    }

    .login-form {
        margin: 50px 17px;
    }

    .form_width {
        left: 70px;
    }

    .form_wrapp {
        margin: 20px 0;
    }

    .calc_btn {
        float: left;
        margin-top: 10px;
        margin-left: 16px;
    }

    .remove_padding_right_m {
        padding-right: 0;
    }

    .res_value {
        margin-top: 3px;
        font-size: 13px;
    }

    .title_res {
        font-size: 13px;
    }

    .icon_wrapp {
        width: 50%;
    }

    .height {
        height: 445px;
    }
}

@media screen and (max-width:840px) {
    .nopadding {
        padding: 0;
    }

    .homeicon_wrapp {
        width: 100%;
    }

    .navbar-collapse {
        padding: 0 3% !important;
    }
}

@media (max-width:768px) {
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }

        #quote-carousel .carousel-indicators li {
            display: inline-block;
            margin: 0px 5px;
            width: 15px;
            height: 15px;
        }

            #quote-carousel .carousel-indicators li.active {
                margin: 0px 5px;
                width: 20px;
                height: 20px;
            }

    .equal_height {
        display: block;
    }

        .equal_height .box_content {
            margin-top: 25px;
            margin-right: 0px;
        }

    .employee {
        min-height: 375px;
    }

    .employer {
        min-height: 242px;
    }

    .systemkey, .integrate, .auditabletracking, .er_record, .faultless {
        background-size: cover;
    }

    .content_text {
        text-align: justify;
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .space {
        padding: 20px 20px 20px 30px;
    }

    .homelarge_box {
        padding: 10px 0 10px 20px;
    }

    .icon_text {
        min-height: 20px;
    }

    .h1-responsive {
        margin-top: 20px;
    }

    .title_brand {
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 10px;
    }



    .text-and-icons .icon__image-container {
        height: 65px;
    }

    .title_brand_grey {
        font-size: 25px;
    }

    .box_content h3 {
        font-size: 20px;
    }

    .alignbox {
        width: 100%;
        min-height: inherit;
    }
}

@media screen and (max-width:768px) {
    .navbar-toggle {
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .menu_link {
        width: 100%;
    }

    .benefits {
        width: 25%;
    }

    .logo_wrapp {
        padding-top: 15px;
    }

    .top_nav {
        margin-top: 15px;
    }

    .login {
        margin-top: 16px;
    }

    .why_ezi {
        width: 25%;
    }

        .why_ezi li {
            width: 100%;
        }

    .privacy_p {
        width: 25%;
    }

        .privacy_p li {
            width: 100%;
        }

    .footer_logo {
        text-align: left;
        width: 100%;
    }

    .navbar-collapse.collapse {
        display: none !IMPORTANT;
    }

    .navbar-collapse.in {
        position: relative;
    }

    .ResSlid0 .item {
        width: 50.333333% !IMPORTANT;
    }

    .text-bold {
        font-size: 13px;
    }

    .car__amount {
        font-size: 26px;
        margin-top: 10px;
    }

    .car__per {
        width: 100%;
        float: left;
        font-size: 12px;
        margin: 0;
    }

    .car__price {
        width: 100px;
        height: 100px;
        top: 80px;
        left: 41px;
    }

    .all-included {
        width: 20%;
    }

    .header p {
        display: none;
    }

    .nav > li {
        float: left;
        width: 100%;
    }

    .navbar-nav {
        float: right;
        width: 100%;
    }

    .navbar-collapse {
        position: relative;
        top: 0;
    }

        .navbar-collapse.collapse {
            display: inline-block !IMPORTANT;
        }

        .navbar-collapse.in {
            overflow-y: hidden;
        }

    .page-wrap {
        margin-top: 70px;
    }

    .green_btn {
        padding: 10px 15px;
        font-size: 15px;
    }

    .navbar {
        margin-bottom: 0;
    }

    .halfwidth {
        width: 100%;
        padding: 10px 0;
    }

    .form_width {
        width: 90%;
        left: -25px;
    }

    .login-form {
        margin: 45px 17px;
    }

    .contact_us {
        width: 100%;
    }

    .social_ico {
        width: 40%;
        margin-top: -6px;
    }

    h3.title {
        margin-bottom: 100px;
    }

    .result_body {
        display: none;
    }

    .remove_mobilepadding {
        padding: 0;
    }

    .calc_btn {
        margin-top: 10px;
        margin-left: 0;
        margin-bottom: 0;
    }

    .calc_title {
        font-size: 35px;
        margin-left: 45px;
    }

    article[role="login"] {
        margin-top: 0px;
    }

    .full_width {
        width: 100%;
    }

    .calculator_graph_bar_1 {
        width: 42%;
        left: 0px;
    }

    .result_value {
        margin: 5px -13px;
    }

    .panel-primary > .panel-heading {
        margin: 0 0 12px;
    }

    .annually {
        width: 14%;
        margin-top: -21px;
        margin-left: 11%;
    }

    .email_wrapp {
        width: 90%;
    }

    .navbar-collapse.in {
        max-height: 355px;
    }

    .nav-tab-holder .nav-tabs {
        width: 75%;
    }

    .width25 {
        width: 100%;
    }

    .login_box {
        width: 74%;
        margin-left: 15%;
    }

    .form-check {
        width: 100%;
        text-align: center;
    }

    .m_center {
        text-align: center;
        width: 100%;
    }

    .login_box {
        padding: 8% 16px 16%;
    }

    .forget_pw {
        width: 100%;
        text-align: center !IMPORTANT;
    }

    .view_height {
        min-height: auto;
    }

    .result_value td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        width: 100% !IMPORTANT;
        text-align: left;
    }

    .loginform {
        min-height: calc(100vh - 243px);
    }

    .result_value {
        padding: 0;
    }

        .result_value table, thead, tbody, th, td, tr {
            display: block;
        }

        .result_value th {
            display: none;
        }

        .result_value td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            content: attr(data-column);
        }

    #eziwaySidenav {
        top: 70px;
    }

        #eziwaySidenav div {
            left: -160px;
            padding-right: 25px;
            width: 188px;
            font-size: 12px;
            height: 45px;
            border-bottom: 5px;
        }

            #eziwaySidenav div:hover {
                width: 123px;
            }

                #eziwaySidenav div:hover > a {
                    padding-left: 45px;
                }

    #eziwayGroup {
        top: 40px;
    }

    #sallarypackaging {
        top: 100px;
    }

    #leasing {
        top: 160px;
    }

    #payroll {
        top: 220px;
    }

    #ezicare {
        top: 280px;
    }

    #software {
        top: 340px;
    }

    .testimonial {
        width: 100%;
    }

    #quote-carousel .carousel-control.left {
        left: 0;
    }

    #quote-carousel .carousel-control.right {
        right: 0 !important;
    }

    #quote-carousel {
        margin-bottom: 20px;
    }

        #quote-carousel .carousel-indicators {
            width: 60%;
            left: 50%;
        }

    .client_logo {
        float: left;
        width: 100%;
        text-align: center;
    }

    blockquote .small, blockquote footer, blockquote small {
        text-align: center;
    }

    h1, h2, h3 {
        font-size: 14px;
    }
}

@media screen and (max-width:768px) and (orientation:landscape) {
    #eziwaySidenav div {
        width: 77px;
        left: 0px;
        max-height: 12vh;
        height: 12vh;
        padding: 3px 3px 0px 0;
        font-size: 11px;
        line-height: 13px;
        border-bottom-width: 4px;
    }

    #eziwaySidenav {
        top: 70px;
    }

        #eziwaySidenav div:hover {
            width: 78px;
            left: 0px;
        }

        #eziwaySidenav div > a {
            padding-left: 5px;
        }

        #eziwaySidenav div:hover > a {
            padding-left: 3px;
            text-align: right;
        }

    #eziwayGroup {
        top: 1vh;
    }

    #sallarypackaging {
        top: 13.5vh;
    }

    #leasing {
        top: 26vh;
    }

    #payroll {
        top: 38.5vh;
    }

    #ezicare {
        top: 51vh;
    }

    #software {
        top: 63.5vh;
    }
}

@media screen and (max-width:640px) {
    .icon_wrapp {
        width: 50%;
    }

    .all-included {
        width: 150px;
        margin: 16px 0;
    }

    .header p {
        display: none;
    }

    .benefits_icon ul li {
        display: block;
        width: 100%;
    }

    .banner_innerpage {
        height: 280px;
    }

    .form_width {
        width: 87%;
        left: 43px;
    }

    .halfwidth {
        width: 100%;
        padding: 10px 0;
    }

    .login-form {
        margin: 35px 17px;
    }

    .footer_logo {
        display: none;
    }

    .display_hide {
        display: block;
        width: 58%;
        text-align: right;
        margin-top: -40px;
        padding: 0;
    }

    .calc_no h2 {
        font-size: 21px;
    }

    .icons ul {
        padding: 0;
    }

    .mob_logo {
        width: auto;
    }
}

@media screen and (max-width:520px) {
    .h2 {
        font-size: 25px;
    }

    .nav > li {
        float: left;
        width: 100%;
    }

    .icon_text {
        font-size: 18px;
    }

    .benefits {
        width: 30%;
    }
}

@media screen and (max-width:490px) {
    .navbar-collapse.in {
        top: 0;
    }

    .navbar-collapse {
        top: 0;
    }

    .icon_wrapp {
        width: 100%;
    }

    .display_hide {
        width: 100%;
        text-align: left;
        margin-top: 0;
    }

    .social_ico {
        width: 70%;
        margin-top: -6px;
    }

    ul.footer_social .footer_link {
        margin-left: 0;
        text-align: left;
        float: left;
        margin-top: -6px;
        width: 100%;
    }

    .email_wrapp {
        width: 95%;
    }

    .login_box {
        padding: 8% 16px 16%;
    }

    .form-check {
        width: 100%;
        text-align: center;
    }

    .forget_pw {
        width: 100%;
        text-align: center !IMPORTANT;
    }

    .m_center {
        text-align: center;
        width: 100%;
    }

    .footer__sitemap, .footer__sitemap, .why_ezi, .privacy_p, .benefits, .salary_packaging {
        width: 100%;
        text-align: left;
        padding-left: 20px;
    }

        .footer__sitemap li {
            width: 100%;
            text-align: center;
            padding: 5px 0;
        }

    .menu_link {
        text-align: center;
    }

    .contact_us {
        width: 100%;
        text-align: center;
    }

    .social_ico {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #8d8d8d;
    }

    .visible-xs-inline-block .footer_link {
        text-align: left;
        margin-top: 0px;
        width: 100%;
        border-top: 1px solid #e4e4e4;
        padding-top: 15px;
    }

    .footer_social {
        padding-bottom: 15px;
        border-bottom: 1px solid #e4e4e4;
    }

    .display_hide {
        text-align: center;
    }
}

@media screen and (max-width:490px) {
    .header_phone {
        margin-top: 0px;
    }
}

@media screen and (max-width:460px) {
    .ResSlid0 .item {
        width: 100% !IMPORTANT;
    }

    .all-included {
        width: 190px;
        margin: 16px 0;
    }

    .footer_item, .visible-xs-inline-block .footer_link {
        width: 100%;
        text-align: center;
    }

    .padding-fluid, .padding-fluid-default {
        padding-bottom: 5px;
    }

    .padding_top {
        padding-top: 9px;
    }

    .header_phone {
        margin-right: -14px;
    }

    .page-wrap {
        margin-top: 90px;
    }

    .full_width_460 {
        width: 100% !IMPORTANT;
    }

    .icon_text {
        font-size: 16px;
    }

    ul.footer_social .footer_link {
        margin-left: 0;
        text-align: center;
        float: left;
        margin-top: -6px;
        width: 100%;
    }

    .header_phone {
        font-size: 14px;
        margin-right: -14px;
    }

    .calc_btn {
        margin-left: -1px;
    }

    .calc_title {
        font-size: 25px;
    }

    .nav-tab-holder .nav-tabs {
        width: 96%;
    }

        .nav-tab-holder .nav-tabs > li > a {
            font-size: 16px;
        }

    .stepwizard-row:before {
        display: none;
    }

    .stepwizard-step {
        width: 50%;
    }

    article[role="login"] p {
        padding: 5px 0px;
    }

    .header_phone {
        margin-top: 0px;
        width: 100%;
    }

    .calc_no h2 {
        min-height: 76px;
    }

    .stepwizard-step {
        padding: 0;
    }

    .height {
        max-height: 679px;
        height: auto;
    }
}

@media screen and (max-width:360px) {
    .label {
        height: auto;
    }

    .chk_bxtext {
        width: 90%;
    }

    .calc_title {
        font-size: 21px;
    }
}

@media screen and (max-width:340px) {
    .header_phone {
        margin-top: -11px;
    }

    .headerGreen {
        padding: 0;
    }
}

@media screen and (max-width:320px) {
    .nav-tab-holder .nav-tabs {
        width: 95%;
    }

        .nav-tab-holder .nav-tabs > li > a {
            font-size: 14px;
        }

    .login_box {
        padding: 8% 16px 30%;
    }

    .login_box {
        width: 100%;
        margin-left: 0%;
    }
}

.margintop40 {
    margin-top: 40px;
}

.button {
    border-radius: 6px;
    background-color: #1a90d0;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 20px;
    padding: 10px 27px;
    width: 200px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}

    .button span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

        .button span:after {
            content: '\00bb';
            position: absolute;
            opacity: 0;
            top: 0;
            right: -10px;
            transition: 0.5s;
        }

    .button:hover span {
        padding-right: 20px;
    }

        .button:hover span:after {
            opacity: 1;
            right: 0;
        }

#rc-imageselect {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

@media screen and (max-height:575px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

input[type=checkbox] {
    display: none;
}

    input[type=checkbox] + label {
        font-size: 11px;
        color: white;
        font-weight: bold;
        padding: 0px 5px 0px 0px;
    }

        input[type=checkbox] + label:before {
            font-family: FontAwesome;
            display: inline;
            content: "\f096";
            color: white;
            font-size: 18px;
            font-weight: 100;
            letter-spacing: 5px;
        }

    input[type=checkbox]:checked + label:before {
        content: "\f046";
        color: white;
        font-size: 18px;
        font-weight: 100;
        letter-spacing: 5px;
    }

    input[type=checkbox]:disabled + label:before {
        color: #e0e1e2;
        cursor: not-allowed;
    }

input[type=radio] {
    display: none;
}

    input[type=radio] + label {
        font-size: 11px;
        font-weight: 100;
        padding: 0px 5px 0px 0px;
    }

        input[type=radio] + label:before {
            font-family: FontAwesome;
            display: inline;
            content: "\f10c";
            font-size: 18px;
            font-weight: 100;
            letter-spacing: 5px;
        }

    input[type=radio]:checked + label:before {
        content: "\f192";
        font-size: 18px;
        font-weight: 100;
        letter-spacing: 5px;
    }

a.custom-button {
    display: block;
    line-height: 34px;
    color: #555;
}

.custom-button {
    padding: 2px 12px;
    background: #eee;
    border: none;
}

    .custom-button:hover {
        background: #d6d4d4;
    }

.iframe-box {
    margin: 0px;
    padding: 0px;
    border: none;
}



/* Quick Quote css */
.step-one-box {
    width: 1100px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.login-box {
    width: 900px;
    margin: 0 auto;
    padding: 35px;
    background-color: #749f15 !important;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.24);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.24);
    min-height: 480px;
    margin-bottom: 30px;
}

.quick-heading {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0px 0px 20px 0px;
    font-size: 20pt;
}

.quick-quote-box {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.quick-quote-box-left {
    width: 50%;
    float: left;
    margin: 0px;
    padding: 0px 0px 15px 0px;
    border-right: #445f08 solid 1px;
}

.quick-quote-box-right {
    width: 50%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.quote-inner-box {
    width: 100%;
    float: left;
}

.quote-car-btn {
    width: 100%;
    min-height: 145px;
    padding: 25px 0px;
    text-align: center;
    border-radius: 30px;
    cursor: pointer;
    margin: 0 auto;
    background: #8bb925;
    -webkit-box-shadow: -2px 2px 0px 0px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: -2px 2px 0px 0px rgba(255, 255, 255, 0.7);
    box-shadow: -2px 2px 0px 0px rgba(255, 255, 255, 0.7);
}

    .quote-car-btn:hover {
        transition: 0.8s;
    }

.quote-car-btn-left {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
}

.quote-car-btn-right {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    text-align: left;
    color: #ffffff;
}

.quote-car-box-left {
    width: 55%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    border: #cbcbcb solid 1px;
}

.quote-car-box-right {
    width: 44%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    text-align: center;
}
/*.quote-car-box-right .green_btn{
    text-transform: capitalize;
}*/
.quote-inner-box .heading-02 {
    min-height: 32px;
    font-size: 14pt;
}

.icon-img {
    margin-bottom: 5px;
}

.or-text {
    padding-top: 66px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    vertical-align: middle;
    display: inline-table;
}

.margin-top30 {
    margin-top: 30px;
}

.calc_no .quote-inner-box h3 {
    background: #749f15;
    padding: 10px;
    border: 1px solid #c1fb3f;
    margin: 0;
    width: auto;
    display: inline-block;
}
.paddingTopnone{
    padding-top:0px !important;
}
.without-car-image-box{
    width:60%; margin:0 auto; display: block;
}

.car-cost-slider-box{
    width:72%;
    padding-right:0px;
}
.car-cost-input-box{
    width:28%;
}

@media screen and (min-width: 992px) and (max-width: 1450px){
    .step-one-box {
        width: 100%;
    }
    .quote-inner-box .heading-02 {
        min-height: 65px;
        font-size: 14pt;
        line-height: 24px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #eziwaySidenav .hide-xs {
        display: none;
    }

    #eziwaySidenav .hide-lg {
        display: inherit;
    }

    #eziwaySidenav div {
        left: 0px;
        padding-right: 6px;
        width: 60px;
        font-size: 12px;
        height: 50px;
        padding: 15px 5px 0px 0;
    }

        #eziwaySidenav div a {
            padding-left: 12px;
        }

        #eziwaySidenav div:hover > a {
            padding-left: 12px;
        }

        #eziwaySidenav div:hover {
            left: 0px;
            padding-right: 6px;
            width: 60px;
        }

    .logo_wrapp {
        padding-bottom: 15px;
    }

    .navbar-toggle {
        margin-top: 18px;
    }

    .header_phone {
        margin-top: 40px;
    }

    .top_nav {
        margin-top: 29px;
    }

    .login {
        margin-top: 30px;
    }
    .step-one-box {
        width: 100%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    #eziwaySidenav .hide-xs {
        display: none;
    }

    #eziwaySidenav .hide-lg {
        display: inherit;
    }

    #eziwaySidenav div {
        left: 0px;
        padding-right: 6px;
        width: 40px;
        font-size: 12px;
        height: 50px;
        padding: 15px 5px 0px 0;
    }

        #eziwaySidenav div a {
            padding-left: 6px;
        }

        #eziwaySidenav div:hover > a {
            padding-left: 6px;
        }

        #eziwaySidenav div:hover {
            left: 0px;
            padding-right: 6px;
            width: 40px;
        }
    .step-one-box {
        width: 100%;
    }
}



/* Apple pay page css */

.hdb-inner-box {
    width: 100%;
    float: left;
    background-image: url(../images/HowdoIBenefit.jpg);
    background-size: cover;
    min-height: 88vh;
    background-position: center center;
    /* background-attachment: fixed; */
}

.hdb-white-box {
    width: 100%;
    float: left;
    margin: -130px 0px 0px 0px;
    padding: 0px;
}
.hdb-heading-box01 {
    width: 40%;
    float: left;
    margin: 0px;
    padding: 0px;
}
.white-box {
    width: 100%;
    float: left;
    background-color: #ffffff;
    padding: 80px 0px;
}


.apple-banner-text-box{
    top: 16%;
    left: 15%;
    width:50%;
    text-align:left;
}
.apple-banner-text-box.carousel-caption h5{
        font-size: 50px;
    line-height: 75px;
    font-family:'Open Sans', sans-serif;
    font-weight:400;
}
.apple-banner-text-box.carousel-caption .btn-light-green{
    padding:30px 50px;
    border:#ffffff solid 2px;
}
.Apple-apps-box{
    background-color:#565454;
    padding: 40px 0px 20px;
    width: 100%;
    float: left;
}
.apple-app-text{
    font-size: 12pt;
    font-weight:400;
    line-height: 28px;
    color: #ffffff;
    text-align:center;
    padding:0px 0px;
}
.apple-box{
    background-image: url(../images/ApplePay_bg.jpg);
}
.apple-heading01{
    font-weight: 600;
    color: #ffffff;
    font-size: 18pt;
    padding-bottom:15px;
    line-height: inherit;
}
.apple-heading02{
    font-weight: 400;
    color: #ffffff;
    font-size: 15pt;
    line-height: inherit;
}
.apple-heading-grey-box {
    background-color: #333333;
    padding: 30px 60px;
}
.apple-text01{
    font-weight: 400;
    color: #000000;
    font-size: 16pt;
    line-height: inherit;
    margin-bottom:25px;
}
.apple-text01 span{
    font-weight: 600;
    color: #79ae3d;
    font-size: 20pt;
}
.apple-banner-bg2{
    background-image: url(../images/ApplePay_bg2.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    min-height:850px;
    padding:0px 0px 0px;
}
.App-list-box{
    width:100%;
    float:left;
    margin-bottom: 40px;
}
.App-list-box01{
    width:20%;
    float:left;
}
.App-list-box02{
    width:80%;
    float:left;
    font-weight: 400;
    color: #000000;
    font-size: 20pt;
    line-height: inherit;
}
.apple-text02{
    font-weight: 600;
    color: #404040;
    font-size: 32pt;
    line-height: initial;
    padding-bottom: 50px;
}
.app-number-box{
    width:70px;
    height:70px;
    background-color:#404040;
    border-radius: 50%;
    color: #ffffff;
    font-size: 31pt;
    line-height: normal;
    text-align: center;
    font-weight: 600;
    padding-top:13px;
}
.apple-banner-bg3{
    background-color:#000000;
}
.apple-text03{
    font-weight: 600;
    color: #ffffff;
    font-size: 44pt;
    line-height: initial;
    padding-bottom: 50px;
}
.apple-text04{
    font-weight: 600;
    color: #000000;
    font-size: 44pt;
    line-height: initial;
    padding-bottom: 50px;
}
.apple-text05 {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    padding: 0px 12% 30px 0px;
}
.apple-text05 span {
    font-weight: 600;
    font-size: 20px;
}
.apple-banner-text01{
    font-size: 50pt;
    font-weight: 600;
    color: #ffffff;
    line-height:60pt;
    margin-bottom:25px;
}
.apple-banner-text02{
    font-size: 26pt;
    font-weight: 400;
    color: #ffffff;
}
.apple-banner-inner-box{
    margin-top:20%;
    margin-left:20%;
}
.apple-banner-image-icon{
    padding-top:40px;
}


@media (min-width: 1281px) and (max-width: 1440px){
    .hdb-inner-box{
        min-height:75vh;
    }
    .apple-banner-text01{
        font-size:36pt;
        line-height:48pt;
    }
}

@media (min-width: 1025px) and (max-width: 1280px){
    .hdb-inner-box{
        min-height:75vh;
    }
    .apple-banner-text01{
        font-size:36pt;
        line-height:48pt;
    }
    .apple-heading01{
        font-size:17pt;
    }
    .apple-heading02{
        font-size:14pt;
    }
    .apple-text01 span{
        font-size:18pt;
    }
    .apple-text01{
        font-size:14pt;
    }
    .apple-banner-bg2 .col-lg-offset-2{
        margin-left:0px;
    }
    .apple-text02{
        font-size: 26pt;
    line-height: unset;
    }
    .apple-text03{
        font-size:36pt;
    }
    .apple-text04{
        font-size:36pt;
    }
}

@media (min-width: 991px) and (max-width: 1024px){
    .apple-banner-inner-box {
        margin-top: 15%;
        margin-left: 5%;
    }
    .apple-banner-text01{
        font-size:36pt;
        line-height:48pt;
    }
    .hdb-heading-box01{
        width:60%;
    }
    .apple-banner-bg2{
        background-image:none;
        min-height: 620px;
    }
    .apple-text02{
        line-height:inherit;
    }
    .white-box{
        padding:50px 0px;
    }
    .apple-text03{
        font-size:36pt;
    }
    .apple-text04{
        font-size:36pt;
    }
}


@media (min-width: 768px) and (max-width: 990px){
    .hdb-inner-box{
        min-height:48vh;
    }
    .apple-banner-inner-box {
        margin-top: 15%;
        margin-left: 5%;
    }
    .apple-banner-text01{
        font-size:36pt;
        line-height:48pt;
    }
    .apple-banner-text02{
        font-size:23pt;
    }
    .hdb-white-box{
        margin:0px;
    }
    .hdb-heading-box01{
        width:100%;
    }
    .apple-banner-bg2{
        background-image:none;
        min-height: 620px;
    }
    .apple-text02{
        line-height:inherit;
    }
    .white-box{
        padding:50px 0px;
    }
    
    .apple-text03{
        font-size:30pt;
        padding-bottom: 30px;
    }
    .apple-text04{
        font-size:30pt;
        padding-bottom: 30px;
    }
    .white-box .container{
        width:96%;
    }
}

@media (min-width: 320px) and (max-width: 767px){
    .hdb-inner-box{
        min-height:35vh;
    }
    .apple-banner-inner-box {
        margin-top: 15%;
        margin-left: 0%;
    }
    .apple-banner-text01{
        font-size:14pt;
        line-height:22pt;
        margin-bottom: 12px;
    }
    .apple-banner-text02{
        font-size:12pt;
    }
    .apple-banner-image-icon{
        padding-top:10px;
    }
    .apple-banner-image-icon img{
        width:90%;
    }
    .apple-heading-grey-box{
        padding:20px 25px;
    }
    .apple-heading01{
        font-size:14pt;
    }
    .apple-heading02{
        font-size:13pt;
    }
    .hdb-white-box{
        margin:0px;
    }
    .hdb-heading-box01{
        width:100%;
    }
    .apple-banner-bg2{
        background-image:none;
        min-height: 620px;
    }
    .apple-text02{
        line-height:inherit;
        font-size: 18pt;
    }
    .white-box{
        padding:30px 0px;
    }
    .apple-text01 span{
        font-size:18pt;
    }
    .apple-text01{
        font-size:14pt;
    }
    .apple-text03{
        font-size:22pt;
        padding-bottom: 30px;
    }
    .apple-text04{
        font-size:22pt;
        padding-bottom: 30px;
    }
    .white-box .container{
        width:96%;
    }
    .App-list-box01{
        width:25%;
    }
    .App-list-box02{
        width:75%;
        font-size: 16pt;
    }
    .app-number-box{
        width: 55px;
        height: 55px;
        font-size:20pt;
    }
    .marginBottom15{
        margin-bottom:15px;
    }
}