.title-description-container {
    text-align: center;
}

.title-description-container h1 {
    font-family: LatoWebSemibold;
    font-size: 52px;
    margin-top: 36px;
}

.title-description-container .description {
}


.title-description-container .description p {
    font-family: LatoWeb;
    font-size: 16px;
}

.checkout-container {
    background: no-repeat 50% 0%;
    background-size: 100%;
    padding-bottom: 100px;
}

.steps-container {
    text-align: center;
    padding: 50px 0 30px 0;
}

.steps-container .step {
    font-family: LatoWebSemibold;
    font-size: 14px;
}

.steps-container .step a {
    color: #000;
    line-height: 40px;
    text-decoration: none;
    display: inline-block;
    margin: 0 40px;
}

.steps-container .step.step-active a {
    color: #42413f;
}

.steps-container .step a .step-number {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    display: inline-block;
    background: url('/bundles/taxisg7frontoffice/images/checkout/step-number-inactive-bg.png') no-repeat;
}

.steps-container .step.step-active a .step-number {
    color: #fff;
    background: url('/bundles/taxisg7frontoffice/images/checkout/step-number-active-bg.png') no-repeat;
}


.tunnel-container {
    background-color: #fff;
    padding: 32px 25px 32px 22px;
    margin: 0 44px;
}

.tunnel-container .checkbox {

}

.tunnel-container .checkbox input[type=checkbox] {
    margin-left: 0;
}

.tunnel-container .radio {

}

.tunnel-container .radio input[type=radio] {
    margin-left: 0;
}

.checkout-step-container {
    /*padding-right: 22px;*/
}

.checkout-step-container {
    float: left;
    position: relative;
    min-height: 1px;
    width: 565px;
    padding: 0 23px 0 12px;
}

.button-group {
    margin-top: 46px;
}

.btn-checkout {
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    font-family: LatoWebSemibold;
    border: none;
    font-size: 16px;
    line-height: 16px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    padding: 24px 0px;
}

.btn-checkout-red {
    background-color: #EB2036;
}

.btn-checkout-red:hover {
    background: #fff;
    color: #ea002a;
}

.tunnel-container .btn-checkout-red:hover {
    background: #373633;
    color: #fff;
}

.btn-checkout-grey {
    background-color: #373633;
}

.btn-checkout-grey:hover {
    background: #eb2036;
    color: #fff;
}

.checkout-recap-container {
    /*padding-left: 22px;*/
}

.checkout-recap-container {
    float: left;
    position: relative;
    min-height: 1px;
    width: 324px;
    padding: 0 12px 0 22px;
}

.checkout-step-container label {
    font-weight: normal;
}

.checkout-recap-container .order-recap {
    background-color: #ea002a;
    color: #fff;
    text-align: center;
    font-family: LatoWebSemibold;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 46px;
}

.checkout-recap-container .recap-addresses-date-container {
    background-color: #e6e6e6;
    padding: 20px 0 5px 0;
}

.checkout-recap-container .recap-abonne-informations-container {
    background-color: #e6e6e6;
    padding: 20px 0 10px 0;
}

.checkout-recap-container .recap-title,
.checkout-recap-container .recap-entry {
    display: table;
    margin-bottom: 5px;
}

.checkout-recap-container .recap-entry-pusher,
.checkout-recap-container .recap-picto-title {
    display: table-cell;
    width: 60px;
    padding-right: 4px;
    vertical-align: middle;
}

.checkout-recap-container .recap-picto-title img.img-responsive {
    float: right;
}

.checkout-recap-container .recap-picto-content {
    display: table-cell;
    font-family: LatoWebHeavy;
    font-size: 12px;
    vertical-align: middle;
}

.checkout-recap-container .recap-entry-content {
    display: table-cell;
    font-family: LatoWeb;
    font-size: 13px;
    vertical-align: middle;
    padding-right: 15px;
}

.checkout-recap-container .recap-entry-content.small {
    font-size: 11px;
    word-break: break-all;
}

.checkout-recap-container .recap-entry .recap-entry-add-favourites {
    float: right;
    margin-right: 10px;
    width: 23px;
    height: 22px;
}

.checkout-recap-container .recap-passengers-service-container {
    background-color: #fff;
    padding: 20px 0 5px 0;
}

.checkout-recap-container .recap-services {
    display: table;
    margin-bottom: 5px;
}

.checkout-recap-container .recap-services-picto {
    display: table-cell;
    width: 60px;
    padding-right: 4px;
    vertical-align: middle;
}

.checkout-recap-container .recap-services-picto img.img-responsive {
    float: right;
}

.checkout-recap-container .recap-services-title {
    display: table-cell;
    width: 60px;
    font-family: LatoWebHeavy;
    font-size: 11px;
    vertical-align: middle;
    color: #ababab;
}

.checkout-recap-container .recap-services-content {
    display: table-cell;
    font-family: LatoWeb;
    font-size: 13px;
    vertical-align: top;
    color: #373633;
}

.checkout-recap-container .recap-estimations-container {
    background-color: #000;
    padding: 20px 0 10px 0;
}

.checkout-recap-container .recap-estimate {
    display: table;
    margin-bottom: 5px;
}

.checkout-recap-container .recap-estimate-picto {
    display: table-cell;
    width: 60px;
    padding-right: 4px;
}

.checkout-recap-container .recap-estimate-picto img.img-responsive {
    float: right;
}

.checkout-recap-container .recap-estimate-title {
    display: table-cell;
    width: 100px;
    font-family: LatoWeb;
    font-size: 11px;
    vertical-align: top;
    color: #fff;
}

.checkout-recap-container .recap-estimate-eta,
.checkout-recap-container .recap-estimate-duration,
.checkout-recap-container .recap-estimate-price,
.checkout-recap-container .recap-estimate-no-eta,
.checkout-recap-container .recap-estimate-no-duration,
.checkout-recap-container .recap-estimate-no-price {
    display: table-cell;
    font-family: LatoWebSemibold;
    font-size: 16px;
    vertical-align: top;
    color: #fff;
    line-height: 18px;
}

.checkout-recap-container .recap-estimations-container.g7-shared .recap-estimate-title {
    width: auto;
}

.checkout-recap-container .recap-estimations-container.g7-shared .recap-estimate-title.starting {
    font-style: italic;
}

.checkout-recap-container p.more {
    margin: 0;
    text-align: right;
    padding-right: 15px;
    font-family: LatoWeb;
    font-size: 12px;
}

.checkout-recap-container .recap-addresses-date-container p.more a {
    color: #373633;
}

.checkout-recap-container .recap-passengers-service-container p.more a {
    color: #373633;
}

.checkout-recap-container .recap-estimations-container p.more {
    margin-top: 10px;
}

.checkout-recap-container .recap-estimations-container p.more a {
    color: #fff;
}

.checkout-recap-container .recap-more-informations-link{
    height: 25px;
}

.modal.checkout {
}

.modal.checkout .modal-dialog {
    height: auto;
}

.modal.checkout .modal-content {
    height: 100%;
    background-color: rgba(255,255,255,0.95);
}

.modal.checkout .container {
    width: 600px;
}

.modal.checkout h3 {
    margin-bottom: 30px;
    color: #373633;
}

.modal.checkout .success-container p {
    font-family: LatoWeb;
    font-size: 14px;
}

.modal.checkout .popin-address-form {

}

.modal.checkout .popin-address-form .form-group {

}

.modal.checkout .popin-address-form .input-group {

}

.modal.checkout .popin-address-form .form-group .input-group label.input-group-addon {
    background-color: #E6E6E6;
    width: 1%;
    font-size: 14px;
}

.modal.checkout .popin-address-form .form-group .input-group input.form-control {
    background-color: #E6E6E6;
    padding:5px;
}

.modal.checkout .popin-address-form .form-group .input-group label.input-group-addon.transparent {
    background-color: #E6E6E6;
}

.modal.checkout .popin-address-form .form-group .input-group input.form-control.transparent {
    background-color: #E6E6E6;
    padding:5px;
}

.modal.checkout .popin-address-form .btn-popin-cancel,
.modal.checkout .popin-address-form .btn-popin-validate,
.modal.checkout .btn-popin-success-close {
    display: inline-block;
    color: #fff;
    font-family: LatoWebSemibold;
    border: none;
    font-size: 14px;
    line-height: 14px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 2px;
    padding: 15px 50px;
}

.modal.checkout .popin-address-form .btn-popin-cancel {
    background-color: #ccc;
}

.modal.checkout .popin-address-form .btn-popin-validate,
.modal.checkout .btn-popin-success-close {
    background-color: #EB2036;
}

.modal.checkout p.tws-error-message {
    font-family: LatoWeb;
    font-size: 14px;
    color: #EB2036;
}

.modal.checkout.more-informations .container {
    width: 530px;
}

.modal.checkout.more-informations table#checkout-table-more-informations {
    margin-bottom: 40px;
}

.modal.checkout.more-informations table#checkout-table-more-informations tr th {
    height: 60px;
    vertical-align: middle;
    padding-left: 20px;
    font-family: LatoWebSemibold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background-color: #373633;
    text-align: left;
}

.modal.checkout.more-informations table#checkout-table-more-informations tr td {
    height: 60px;
    vertical-align: middle;
    padding-left: 20px;
    font-family: LatoWeb;
    font-size: 14px;
    color: #42413f;
    text-align: left;
    border: 1px solid #373633;
}

.modal.checkout.more-informations table#checkout-table-more-informations tr td:last-child {
    width: 80px;
    text-align: right;
    padding-left: 0;
    padding-right: 15px;
    background-color: #fff;
    color: #373633;
}

.modal.checkout.more-informations table#checkout-table-more-informations tr:last-child td {
    font-family: LatoWebHeavy;
}

.modal.checkout.more-informations table#checkout-table-more-informations tr:last-child td:last-child {
    background-color: #373633;
    color: #fff;
}

.modal.checkout.more-informations p {
    font-family: LatoWebSemibold;
    font-size: 14px;
    text-align: left;
    color: #373633;
    margin-top: 20px;
    padding-top: 20px;
}

.modal.checkout.more-informations p:first-child {
    border-top: 1px solid #c3c2c2;
}

.modal.checkout.more-informations ul {
    font-family: LatoWebSemibold;
    font-size: 14px;
    text-align: left;
    color: #373633;
}

.modal.checkout.more-informations ul li p{
    list-style-position: inside;
    list-style-type: disc;
    display:list-item;
}

.checkout-step #modal-partage .modal-dialog{
    height: 100%;
}

.checkout-step #modal-partage .modal-content{
    min-height: 100%;
    opacity: 0.95;
}

.checkout-step #modal-partage .modal-body{

}

.checkout-step #modal-partage .modal-body p{
    margin: 40px 0;
    padding: 0 31%;
    color: #8f8f8f;
}

.checkout-step #modal-partage .modal-body p.partage-redirect{
    font-size: 12px;
    margin-top: 20px;
}

.checkout-step #modal-partage .modal-body p.partage-redirect a{
    color: #8f8f8f;
    text-decoration: underline;
}

.checkout-step #modal-partage .modal-body .partage-container .partage-img{
    background: url('/bundles/taxisg7frontoffice/images/popin-g7-partage-logo.png') no-repeat;
    width: 120px;
    height: 86px;
    margin: 0 auto;
}

.checkout-step #modal-partage .modal-body .partage-container .partage-img-en{
    background: url('/bundles/taxisg7frontoffice/images/popin-g7-sharing-logo.png') no-repeat;
    width: 120px;
    height: 86px;
    margin: 0 auto;
}

.checkout-step #modal-idf-off .modal-body p{
    margin: 40px 0;
    padding: 0 31%;
    color: #8f8f8f;
}

.checkout-step #modal-idf-off .modal-body p span{
    color: #EB2036;
}

.checkout-recap-container .recap-estimate-eta-container.missing-eta .recap-estimate-title {
    width: 200px;
    font-size: 12px;
}
@media (max-width: 767px) {
    .title-description-container h1 {
        font-size: 31px;
        padding: 0px 36px;
    }

    .title-description-container .description p {
        font-size: 18px;
        padding: 0px 36px;
    }

    .steps-container {
        text-align: center;
        padding: 10px 0 30px 0;
    }

    .steps-container .step a {
        line-height: 40px;
        margin: 0 5px;
    }

    .tunnel-container {
        padding: 0 20px;
        margin: 0 -20px;
    }

    .checkout-step-container {
        padding-right: 12px;
        margin-bottom: 20px;
        width: 100%;
    }

    .checkout-recap-container-xs {
        margin: 0 -20px;
    }
    
    .checkout-recap-container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .checkout-recap-container .order-recap {
        text-align: left;
        padding: 0 20px;
        font-family: LatoWebSemibold;
    }

    .checkout-recap-container .order-recap a.toggle {
        float: right;
        color: #fff;
    }

    .button-group {
        margin-top: 20px;
    }

    .btn-checkout {
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        padding: 20px 0px;
    }

    .btn-quick-order {
        margin-bottom: 10px;
    }


    .modal.checkout {
    }

    .modal.checkout .modal-dialog {
    }

    .modal.checkout .modal-content {
    }

    .modal .modal-header{
        padding: 15px;
    }

    .modal.checkout .container {
        width: 100%;
        padding: 0;
    }

    .modal.checkout h3 {
        margin-bottom: 30px;
        color: #373633;
    }

    .modal.checkout .success-container p {
        font-family: LatoWeb, sans-serif;
        font-size: 11px;
    }

    .modal.checkout .popin-address-form {

    }

    .modal.checkout .popin-address-form .form-group {

    }

    .modal.checkout .popin-address-form .input-group {

    }

    .modal.checkout .popin-address-form .form-group .input-group label.input-group-addon {
        font-size: 12px;
        padding-left: 10px;
        height: 45px;
        padding-right: 0px;
    }

    .modal.checkout .popin-address-form .form-group .input-group input.form-control {
        font-size: 12px;
        height: 45px;
        padding-left: 5px;
    }

    .modal.checkout .popin-address-form .form-group .input-group label.input-group-addon.transparent {
    }

    .modal.checkout .popin-address-form .form-group .input-group input.form-control.transparent {
    }

    .modal.checkout .popin-address-form .btn-popin-cancel,
    .modal.checkout .popin-address-form .btn-popin-validate,
    .modal.checkout .btn-popin-success-close {
        font-family: LatoWebSemibold, sans-serif;
        font-size: 12px;
        line-height: 12px;
        margin: 0;
    }

    .checkout-step #modal-partage .modal-body{
        margin-top: 5px;
    }

    .checkout-step #modal-partage .modal-body p{
        padding: 0;
    }

    .checkout-step #modal-partage .modal-body .partage-container .partage-img{
        background: url('/bundles/taxisg7frontoffice/images/popin-g7-partage-logo.png') no-repeat;
        width: 120px;
        height: 86px;
    }

    .checkout-step #modal-partage .modal-body .partage-container .partage-img-en{
        background: url('/bundles/taxisg7frontoffice/images/popin-g7-sharing-logo.png') no-repeat;
        width: 120px;
        height: 86px;
    }

    /* Warning modal design - START */
    .checkout-step #modal-idf-off .modal-body p {
        font-size: 18px;
        padding: 0;
    }
    /* Warning modal design - END */
}


.checkout-step-container {

}

.checkout-step-container .departure-group {

}

.checkout-step-container .arrival-group {

}

.checkout-step-container .arrival-group .no-link {
    cursor: default;
}

.checkout-step-container .date-group {

}

.checkout-step-container .form-group {
}

.checkout-step-container .account-group .select,
.checkout-step-container .passengers-group .select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.checkout-step-container .account-group select,
.checkout-step-container .passengers-group select {
    background: #e6e6e6;
    height: 50px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #42413f;
    font-size: 16px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 60px;
}

.checkout-step-container .account-group .select .select_arrow,
.checkout-step-container .passengers-group .select .select_arrow {
    position: absolute;
    top: 28px;
    right: 28px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #ea002a transparent transparent transparent;
}

/* Fix #11534 masquer zone abonnement dans tunnel de commande sur homepage si compte abonné */
.checkout-step-container .account-group {
    display: none !important;
}

.checkout-step-container .form-group .input-group {

}

.checkout-step-container .red-border,
.checkout-step-container .form-group.date-group .input-group.red-border {
    border: 1px solid #ea002a;
}

.checkout-step-container .form-group .input-group label.input-group-addon {
    border: none;
    height: 60px;
    width: 80px;
    border-radius: 1px;
    background-color: #e6e6e6;
    font-family: LatoWebHeavy;
    font-size: 16px;
    color: #42413f;
    padding-left: 20px;
}

.checkout-step-container .form-group .input-group input.form-control {
    border: none;
    box-shadow: none;
    height: 60px;
    background-color: #e6e6e6;
    font-family: LatoWeb;
    font-size: 16px;
    color: #42413f;
    border-radius: 1px;
    padding-left: 0;
}

.checkout-step-container .form-group .input-group .input-group-addon {
    border: none;
    height: 60px;
    border-radius: 1px;
    background-color: #e6e6e6;
    padding-right: 20px;
}

.checkout-step-container .form-group .input-group .input-group-addon.left {
    padding-right: 5px;
}

.checkout-step-container .form-group .input-group .input-group-addon a {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.checkout-step-container .form-group .input-group .input-group-addon a img {
    margin: 0 auto;
}

.checkout-step-container .form-group .input-group.mandatory-address-group {

}

.checkout-step-container .form-group .input-group.mandatory-address-group .input-group-addon.arrow {
    padding-right: 18px;
}

.checkout-step-container .form-group .input-group.mandatory-address-group .input-group-addon.arrow i {
    color: #eb2036;
    font-size: 20px;
}

.checkout-step-container .zone-selection {
    background-color: #e6e6e6;
    margin-top: 7px;
}

.checkout-step-container .zone-selection .default-list,
.checkout-step-container .zone-selection .addresses-list {
    padding: 0 20px;
}

.checkout-step-container .zone-selection .default-list .list-group,
.checkout-step-container .zone-selection .addresses-list .list-group,
.checkout-step-container .zone-selection .step1-tabs-content .list-group {
    padding: 10px 0 30px;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 0;
}

.checkout-step-container .zone-selection .default-list .list-group:last-child,
.checkout-step-container .zone-selection .addresses-list .list-group:last-child,
.checkout-step-container .zone-selection .step1-tabs-content .list-group:last-child {
    border-bottom: none;
}

.checkout-step-container .zone-selection .addresses-list .google-powered {
    float: right;
}

.checkout-step-container .zone-selection .zone-selection-entry {
    width: 100%;
}

.checkout-step-container .zone-selection .zone-selection-entry .input-group-addon {
    width: 70px;
    height: inherit;
}

.checkout-step-container .zone-selection .zone-selection-entry .input-group-addon.right {
    width: 50px;
}

.checkout-step-container .zone-selection .zone-selection-entry .input-group-addon img {
    float: right;
}

.checkout-step-container .zone-selection .zone-selection-entry .form-control {
    border: none;
    box-shadow: none;
    background-color: #e6e6e6;
    font-family: LatoWeb;
    font-size: 16px;
    height: inherit;
}

.checkout-step-container .zone-selection .zone-selection-entry .form-control .address-title {
    display: block;
    font-family: LatoWebHeavy;
    font-size: 14px;
}

.checkout-step-container.homepage .zone-selection .zone-selection-entry .form-control {
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.checkout-step-container .zone-selection .zone-selection-entry .form-control a {
    color: #42413f;
    text-decoration: none;
}

.checkout-step-container.homepage .zone-selection .zone-selection-entry .form-control a {
    white-space: nowrap;
}

.checkout-step-container .zone-selection .spinner {
    text-align: center;
    color: #ddd;
}

.checkout-step-container .zone-selection .spinner span {
    font-size: 58px;

}

.checkout-step-container .new-date-button-container {
    border: none;
    background-color: #e6e6e6;
    float: none;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
}

.checkout-step-container .new-date-button-container button {
    width: 49%;
    height: 48px;
    border: 1px solid #fff;
    background-color: transparent;
    font-family: LatoWeb;
    font-size: 16px;
    color: #8b8b8b;
    border-radius: 2px;
}

.checkout-step-container .new-date-button-container button.btn-selected {
    border: none;
    background-color: #ababab;
    color: #fff;
}

.checkout-step-container .zone-selection-date {
    background-color: #e6e6e6;
    margin-top: 7px;
}

.checkout-step-container .datepicker {
    z-index: 1000;
}

.checkout-step-container .zone-selection-date .input-group {
}

.checkout-step-container .zone-selection-date .input-group .input-group-addon {
    font-family: LatoWebHeavy;
    font-size: 16px;
    color: #42413f;
    padding-left: 20px;
}

.checkout-step-container .zone-selection-date .input-group .form-control {
    visibility: hidden;
}

.checkout-step-container .zone-selection-date .input-group .input-group-btn {
}

.checkout-step-container .zone-selection-date .input-group .input-group-btn .btn {
    font-family: LatoWebSemibold;
    font-size: 16px;
    color: #373633;
    border-color: #7d7d7d;
    margin-right: 10px;
    background-color: #e6e6e6;
    border-radius: 1px;
}

.checkout-step-container .zone-selection-date .input-group .input-group-btn .btn:hover {
    background: #42413f;
    color: #fff;
}


.checkout-step-container .zone-selection-date .input-group .input-group-btn .btn:last-child {
    margin-right: 20px;
}

.checkout-step-container .zone-selection-date .input-group .input-group-btn .btn.btn-date-apply {
    color: #fff;
    border: none;
    background-color: #ea002a;
    margin-right: 20px;
}

.checkout-step-container .zone-selection-date .input-group .input-group-btn .btn.btn-date-apply:hover{
    background: #42413f;
    color: #fff;
}

.checkout-step-container .zone-selection-date-separator {
    border-top: 1px solid #ababab;
    margin: 0 20px 10px 20px;
}

.checkout-step-container .datepicker {
    padding-right: 0;
}

.checkout-step-container .datepicker .datepicker-days {

}

.checkout-step-container .datepicker .datepicker-days table {

}

.checkout-step-container .datepicker .datepicker-days thead {

}

.checkout-step-container .datepicker .datepicker-days thead tr {

}

.checkout-step-container .datepicker .datepicker-days thead tr th:hover,
.checkout-step-container .timepicker .timepicker-picker thead tr th:hover{
    background: none;
}

.checkout-step-container .datepicker .datepicker-days thead tr th:first-child {
    padding-left: 25px;
}

.checkout-step-container .datepicker .datepicker-days thead tr th:last-child {
    padding-right: 25px;
}

.checkout-step-container .datepicker .datepicker-days thead tr th.prev,
.checkout-step-container .datepicker .datepicker-days thead tr th.picker-switch,
.checkout-step-container .datepicker .datepicker-days thead tr th.next {
    font-family: LatoWeb;
    font-size: 14px;
    color: #ea002a;
    padding-bottom: 10px;
}

.checkout-step-container .datepicker .datepicker-days thead tr th.dow {
    font-family: LatoWeb;
    font-size: 12px;
    color: #8b8b8b;
}

.checkout-step-container .datepicker .datepicker-days tbody {
    background-color: #373633;
}

.checkout-step-container .datepicker .datepicker-days tbody tr {
}

.checkout-step-container .datepicker .datepicker-days tbody tr td {
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 0;
}

.checkout-step-container .datepicker .datepicker-days tbody tr td.active,
.checkout-step-container .datepicker .datepicker-days tbody tr td.active:hover {
    background-color: transparent;
    background: url('/bundles/taxisg7frontoffice/images/checkout/picto-active-day-checkout.png');
    background-repeat: no-repeat;
    background-position: 57% 50%;
}

.checkout-step-container .datepicker .datepicker-days tbody tr td.day:hover {
    background-color: transparent;
}

.checkout-step-container .datepicker .datepicker-days tbody tr td.today {
}

.checkout-step-container .datepicker .datepicker-days tbody tr td.today:before {
    border-color: transparent;
}

.checkout-step-container .datepicker .datepicker-days tbody tr:first-child td {
    padding-top: 40px;
}

.checkout-step-container .datepicker .datepicker-days tbody tr:first-child td.active {
    background-position: 50% 100%;
}

.checkout-step-container .datepicker .datepicker-days tbody tr:last-child td {
    padding-bottom: 40px;
}

.checkout-step-container .datepicker .datepicker-days tbody tr:last-child td.active {
    background-position: 50% 0%;
}

.checkout-step-container .datepicker .datepicker-days tbody tr td:first-child {
    padding-left: 30px;
}

.checkout-step-container .datepicker .datepicker-days tbody tr td.active:first-child {
    background-position: 88% 100%;
}

.checkout-step-container .datepicker .datepicker-days tbody tr:last-child td.active:first-child {
    background-position: 87% 1%;
}

.checkout-step-container .datepicker .datepicker-days tbody tr td:last-child {
    padding-right: 30px;
}

.checkout-step-container .datepicker .datepicker-days tbody tr td.active:last-child {
    background-position: 13% 4%;
}

.checkout-step-container .datepicker .datepicker-days tbody tr:first-child td.active:last-child {
    background-position: 15% 95%;
}


.checkout-step-container .datepicker .datepicker-days tbody tr td.day {
    font-family: LatoWeb;
    font-size: 12px;
    color: #fff;
}

.checkout-step-container .datepicker .datepicker-days tbody tr td.day.disabled {
    color: #aeaeae;
}

.checkout-step-container .timepicker {
    padding-left: 0;
}

.checkout-step-container .timepicker-picker {
}

.checkout-step-container .timepicker-picker table {
}

.checkout-step-container .timepicker-picker table tbody {
    background-color: #373633;
}

.checkout-step-container .timepicker-picker table tr {
}

.checkout-step-container .timepicker-picker table tr th.hour-title {
    font-family: LatoWeb;
    font-size: 14px;
    color: #ea002a;
    padding-bottom: 10px;
    text-align: center;
}

.checkout-step-container .timepicker-picker table td {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    width: auto;
    line-height: inherit;
    border-radius: 0;
}

.checkout-step-container .timepicker-picker table td .timepicker-minute,
.checkout-step-container .timepicker-picker table td .timepicker-hour,
.checkout-step-container .timepicker-picker table td.separator {
    font-family: LatoWeb;
    font-size: 42px;
    color: #fff;
}

.checkout-step-container .timepicker-picker table td span {
    font-size: 32px;
}

.checkout-step-container .timepicker-picker table td span:hover {
    background-color: transparent;
}

.checkout-step-container .timepicker-picker table td a.btn {
    color: #fff;;
}

.checkout-step-container .bootstrap-datetimepicker-widget table td span.glyphicon {
    margin: 0;
}

.checkout-step-container .zone-selection .step1-tabs-container {
    border-right: 1px solid #e6e6e6;
}

.checkout-step-container .zone-selection .step1-tabs-container .step1-tab {
    display: block;
    float: left;
    background-color: #fff;
    text-align: center;
    height: 45px;
    border: 1px solid #e6e6e6;
    border-right: none;
}

.checkout-step-container .zone-selection .step1-tabs-container .step1-tab.active {
    background-color: #e6e6e6;
}

.checkout-step-container .departure-group .zone-selection .step1-tabs-container.step1-tabs-anonymous .step1-tab {
    width: 33.3333333333333%;
}

.checkout-step-container .departure-group .zone-selection .step1-tabs-container.step1-tabs-gp .step1-tab{
    width: 25%;
}

.checkout-step-container .arrival-group .zone-selection .step1-tabs-container.step1-tabs-anonymous .step1-tab {
    width: 50%;
}

.checkout-step-container .arrival-group .zone-selection .step1-tabs-container.step1-tabs-gp .step1-tab {
    width: 33.3333333333333%;
}

.checkout-step-container .zone-selection .step1-tabs-container.step1-tabs-abonne .step1-tab {
    width: 25%;
}

.checkout-step-container .zone-selection .step1-tabs-container .step1-tab .step1-tab-link {
    display: block;
    font-family: LatoWeb;
    font-size: 14px;
    color: #8b8b8b;
    line-height: 45px;
    text-decoration: none;
}

.checkout-step-container .zone-selection .step1-tabs-container .step1-tab .step1-tab-link img {
    margin-right: 5px;
}

.checkout-step-container .zone-selection .step1-tabs-container .step1-tab .step1-tab-link span {

}

.checkout-step-container .zone-selection .step1-tabs-container .step1-tab.active .step1-tab-link {
    color: #373633;
}

/* Quote modal design - START */
#modal-gp-quote .modal-content{
    opacity: 0.95;
}

#modal-gp-quote .modal-body{
    color: #333333;
}

#modal-gp-quote .modal-body{
    color: #333333;
}

#modal-gp-quote .modal-body .form-quote .detail-partner h4,
#modal-gp-quote .modal-body #partners-list h4{
    font-size: 18px;
    margin: 0;
}

#modal-gp-quote .modal-body ul{
    width: 60%;
    margin: 10px auto;
}

#modal-gp-quote .modal-body #partners-list p span{
    font-size: 14px;
}

#modal-gp-quote .modal-body ul li{
    text-align: left;
    margin: 0 0 20px 0;
    padding: 5px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#modal-gp-quote .modal-body .form-quote .detail-partner span.label-partner,
#modal-gp-quote .modal-body ul li span.label-partner{
    color: #ea002a;
}

#modal-gp-quote .modal-body ul li:hover{
    background: #ebebeb;
}

#modal-gp-quote .modal-body .form-quote .other-partner{
    display: block;
    text-align: left;
    margin: 14px;
}

#modal-gp-quote .modal-body .form-quote input[type="text"],
#modal-gp-quote .modal-body .form-quote input[type="email"],
#modal-gp-quote .modal-body .form-quote textarea{
    background-color: #e2e2e2;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #7d7d7d;
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

#modal-gp-quote .modal-body .form-quote .form-control[readonly]{
    background: #c3c1c1;
}

#modal-gp-quote .modal-body .form-quote textarea{
    height: 100px;
}

#modal-gp-quote .modal-body .form-quote .detail-partner{
    text-align: left;
    margin: 14px;
}
/* Quote modal design -  END  */

.checkout-step #modal-idf-off .modal-body p{
    margin: 40px 0;
    padding: 0 31%;
    color: #8f8f8f;
}

.checkout-step #modal-idf-off .modal-body p span{
    color: #EB2036;
}

/* Warning modal design - START */
#modal-idf-off .modal-dialog {
    height: 100%;
}

#modal-idf-off .modal-content {
    height: 100%;
}
/* Warning modal design - END */
@media (max-width: 767px) {

    .checkout-step-container .checkout-step-1 {
        padding-top: 20px;
    }

    .checkout-step-container .form-group label.visible-xs {
        font-weight: normal;
        color: #7d7d7d;
    }

    .checkout-step-container .form-group .input-group input.form-control {
        padding-left: 15px;
        font-size: 14px;
        color: #42413f;
        padding-right: 0;
    }

    .checkout-step-container .form-group .input-group .input-group-addon {
        padding-right: 10px;
    }

    .checkout-step-container .form-group .input-group .input-group-addon.date-picto {
        vertical-align: middle;
    }

    .checkout-step-container .form-group .input-group .input-group-addon a {
        width: 18px;
        height: 18px;
    }

    .checkout-step-container .form-group .input-group .input-group-addon a img {
        max-width: 18px;
        max-height: 18px;
    }

    .checkout-step-container .zone-selection {
        margin-top: 5px;
    }

    .checkout-step-container .zone-selection .default-list,
    .checkout-step-container .zone-selection .addresses-list {
        padding: 0 15px 20px;
    }

    .checkout-step-container .zone-selection .default-list .list-group,
    .checkout-step-container .zone-selection .addresses-list .list-group {
    }

    .checkout-step-container .zone-selection .default-list .list-group:last-child,
    .checkout-step-container .zone-selection .addresses-list .list-group:last-child {
    }

    .checkout-step-container .zone-selection .zone-selection-entry {
    }

    .checkout-step-container .zone-selection .zone-selection-entry .input-group-addon {
        width: 30px;
        padding-left: 10px;
    }

    .checkout-step-container .zone-selection .zone-selection-entry .input-group-addon.right {
        width: auto;
        padding-left: 5px;
        padding-right: 5px;
    }

    .checkout-step-container .zone-selection .zone-selection-entry .input-group-addon img {
        float: none;
    }

    .checkout-step-container .zone-selection .zone-selection-entry .form-control {
        font-size: 14px;
        padding-left: 5px;
    }

    .checkout-step-container.homepage .zone-selection .zone-selection-entry .form-control {
    }

    .checkout-step-container .zone-selection .zone-selection-entry .form-control a {
    }

    .checkout-step-container.homepage .zone-selection .zone-selection-entry .form-control a {
    }

    .checkout-step-container .zone-selection .spinner {
    }

    .checkout-step-container .zone-selection .spinner span {
        margin: 10px 0;
        font-size: 20px;
    }

    .checkout-step-container .new-date-button-container {
        padding: 0;
        background-color: #fff;
        vertical-align: middle;
    }

    .checkout-step-container .step1-form .new-date-button-container button {
        height: 60px;
    }

    .checkout-step-container.homepage .new-date-button-container button {
        height: 26px;
    }

    .checkout-step-container .new-date-button-container button {
        width: 48%;
        font-size: 11px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        padding: 2px;
        border: 1px solid #f1f1f1;
    }

    .checkout-step-container .new-date-button-container button.btn-date-later {
        margin-top: 0;
    }

    .checkout-step-container .new-date-button-container button.btn-selected {
    }

    .checkout-step-container .zone-selection-date {
        margin-top: 0;
    }

    .checkout-step-container .zone-selection-date .input-group {
    }

    .checkout-step-container .zone-selection-date .input-group .input-group-addon {
        font-size: 12px;
        padding-left: 15px;
        height: inherit;
    }

    .checkout-step-container .zone-selection-date .input-group .form-control {
        padding: 0;
    }

    .checkout-step-container .zone-selection-date .input-group .input-group-btn {
    }

    .checkout-step-container .zone-selection-date .input-group .input-group-btn .btn {
        /*font-family: LatoWebSemibold;*/
        font-size: 14px;
        /*color: #373633;*/
        /*border-color: #7d7d7d;*/
        /*margin-right: 20px;*/
        /*background-color: #f1f1f1;*/
        /*border-radius: 1px;*/
    }

    .checkout-step-container .zone-selection-date .input-group .input-group-btn .btn:last-child {
        /*margin-right: 20px;*/
    }

    .checkout-step-container .zone-selection-date .xs-apply-container {
        text-align: center;
        padding-bottom: 15px;
    }

    .checkout-step-container .zone-selection-date .xs-apply-container .btn.btn-date-apply {
        color: #fff;
        border: none;
        background-color: #ea002a;
        font-family: LatoWebSemibold;
        font-size: 14px;
        margin-right: 0;
        padding: 10px 20px;
    }

    .checkout-step-container .zone-selection-date-separator {
        border-top: none;
    }

    .checkout-step-container .datepicker {
        /*padding-right: 0;*/
    }

    .checkout-step-container .datepicker .datepicker-days {

    }

    .checkout-step-container .datepicker .datepicker-days table {

    }

    .checkout-step-container .datepicker .datepicker-days thead {

    }

    .checkout-step-container .datepicker .datepicker-days thead tr {

    }

    .checkout-step-container .datepicker .datepicker-days thead tr th {
        /* 100% / 7 cols */
        width: 14.28%;
    }

    .checkout-step-container .datepicker .datepicker-days thead tr th:first-child {
        padding-left: 18px;
    }

    .checkout-step-container .datepicker .datepicker-days thead tr th:last-child {
        padding-right: 18px;
    }

    .checkout-step-container .datepicker .datepicker-days thead tr th.prev,
    .checkout-step-container .datepicker .datepicker-days thead tr th.picker-switch,
    .checkout-step-container .datepicker .datepicker-days thead tr th.next {
        /*font-family: LatoWeb;*/
        /*font-size: 14px;*/
        /*color: #ea002a;*/
        /*padding-bottom: 10px;*/
    }

    .checkout-step-container .datepicker .datepicker-days thead tr th.dow {
        /*font-family: LatoWeb;*/
        font-size: 15px;
        /*color: #8b8b8b;*/
    }

    .checkout-step-container .datepicker .datepicker-days tbody {
        /*background-color: #373633;*/
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr {
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr td {
        /*padding-top: 2px;*/
        /*padding-bottom: 2px;*/
        /*border-radius: 0;*/
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr td.active,
    .checkout-step-container .datepicker .datepicker-days tbody tr td.active:hover {
        /*background-color: transparent;*/
        /*background: url('/bundles/taxisg7frontoffice/images/checkout/picto-active-day-checkout.png');*/
        /*background-repeat: no-repeat;*/
        /*background-position: 50% 50%;*/
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr td.day:hover {
        /*background-color: transparent;*/
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr td.today {
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr td.today:before {
        /*border-color: transparent;*/
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr:first-child td {
        padding-top: 18px;
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr:first-child td.active {
        /*background-position: 50% 100%;*/
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr:last-child td {
        padding-bottom: 18px;
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr:last-child td.active {
        /*background-position: 50% 0%;*/
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr td:first-child {
        padding-left: 18px;
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr td.active:first-child {
        background-position: 85% 50%;
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr td:last-child {
        padding-right: 18px;
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr td.active:last-child {
        background-position: 20% 90%;
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr td.day {
        /*font-family: LatoWeb;*/
        /*font-size: 12px;*/
        /*color: #fff;*/
    }

    .checkout-step-container .datepicker .datepicker-days tbody tr td.day.disabled {
        /*color: #aeaeae;*/
    }

    .checkout-step-container .timepicker {
        /*padding-left: 0;*/
        margin-bottom: 30px;
    }

    .checkout-step-container .timepicker-picker {
    }

    .checkout-step-container .timepicker-picker table {
    }

    .checkout-step-container .timepicker-picker table tbody {
        /*background-color: #373633;*/
    }

    .checkout-step-container .timepicker-picker table tr {
    }

    .checkout-step-container .timepicker-picker table tr th.hour-title {
        /*font-family: LatoWeb;*/
        /*font-size: 14px;*/
        /*color: #ea002a;*/
        /*padding-bottom: 10px;*/
        /*text-align: center;*/
    }

    .checkout-step-container .timepicker-picker table td {
        /*padding-top: 0;*/
        /*padding-bottom: 0;*/
        /*height: auto;*/
        /*width: auto;*/
        /*line-height: inherit;*/
        /*border-radius: 0;*/
    }

    .checkout-step-container .timepicker-picker table td .timepicker-minute,
    .checkout-step-container .timepicker-picker table td .timepicker-hour,
    .checkout-step-container .timepicker-picker table td.separator {
        /*font-family: LatoWeb;*/
        /*font-size: 42px;*/
        /*color: #fff;*/
    }

    .checkout-step-container .timepicker-picker table td span {
        /*font-size: 32px;*/
    }

    .checkout-step-container .timepicker-picker table td span:hover {
        /*background-color: transparent;*/
    }

    .checkout-step-container .timepicker-picker table td a.btn {
        /*color: #fff;;*/
    }

    .checkout-step-container .picker-switch {

    }

    .checkout-step-container .picker-switch {

    }

    .checkout-step-container .picker-switch a {
        color: #eb2036;
    }

    /* Quote modal design - START */
    #modal-gp-quote .modal-body ul{
        width: 100%;
    }
    /* Quote modal design -  END  */

    /* Warning modal design - START */
    .checkout-step #modal-idf-off .modal-body p {
        font-size: 18px;
        padding: 0;
    }
    /* Warning modal design - END */
}
/* ZONE ORDER TUNNEL */
.zone-order-tunnel {
    height: 740px;
    background: no-repeat 50% 50%;
    font-family: LatoWeb;
    color: #fff;
}

.zone-order-tunnel h1 {
    font-family: LatoWebSemibold;
    margin-top: 68px;
    font-size: 52px;
    text-align: center;
    color: #373633;
    margin-left: -100px;
    margin-right: -100px;
}

.zone-order-tunnel .description {
    font-size: 16px;
}

.zone-order-tunnel .description a {
    font-family: LatoWebBold;
    color: inherit;
    text-decoration: underline;
}

.zone-order-tunnel .description a:hover {
    color: #ea002a;
}

.zone-order-tunnelnews-slider {
    position: absolute;
    width: 100%;
}

.zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel {

}

.zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item {
    background: no-repeat 50% 50%;
    background-size: cover;
    height: 740px;
    color: white;
}

.zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item:before{
    content: '';
    position: absolute;
    top: 550px;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(247,247,247,0);
    background: -moz-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(247,247,247,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#000000', GradientType=0 );

}


.zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item .news-information-container {
    margin-top: 605px;
    color: #fff;
}

.zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item img.new-picto {
    float: left;
    margin-right: 18px;
    max-height: 75px;
    max-width: 80px;
}

.zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item h3 {
    font-family: LatoWebSemiBold;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
    float: left;
    width: 548px;
}

.zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item p {
    font-family: LatoWeb;
    font-size: 20px;
    margin-bottom: 0;
    line-height: 1.1em;
    padding-bottom: 25px;
    float: left;
    width: 548px;
}

.news-slider-controls {
    margin-top: -120px;
    margin-bottom: 30px;
}

.zone-order-tunnel-with-news {
}

.zone-order-tunnel-with-no-news {
    background: no-repeat 50% 50%;
    background-size: cover;
}

.zone-order-tunnel .checkout-step-container {
    padding-right: 12px;
}

.zone-order-tunnelnews-slider a.news-slider-left {
    display: block;
    background: url('/bundles/taxisg7frontoffice/images/arrow-left.png');
    width: 30px;
    height: 52px;
}

.zone-order-tunnelnews-slider a.news-slider-right {
    display: block;
    background: url('/bundles/taxisg7frontoffice/images/arrow-right.png');
    width: 30px;
    height: 52px;
}

.zone-order-tunnelnews-slider ol.carousel-indicators {
    position: relative;
    left: 145px;
    text-align: left;
    margin: 0;
    top: 70px;
    bottom: 0;
    width: 8%;
}

.zone-order-tunnelnews-slider ol.carousel-indicators li {
    border: 2px solid grey;
    background-color: grey;
    margin: 0;
    width: 12px;
    height: 12px;
}

.zone-order-tunnelnews-slider ol.carousel-indicators li.active {
    border-color: #fff;
    background: #fff;
}
.zone-order-tunnel .order-tunnel-block-container {
    padding: 0 217px;
}

.zone-order-tunnel .order-tunnel-block-container .description {
    text-align: center;
    color: #373633;
    padding: 0 50px;
}

.zone-order-tunnel .order-tunnel-block-container form {
    margin: 20px auto 10px auto;
}

.zone-order-tunnel .order-tunnel-block-container .links {
}

.zone-order-tunnel .order-tunnel-block-container .links .link-container {
    text-align: center;
}

.zone-order-tunnel .order-tunnel-block-container .links .link-container a {
    font-family: LatoWebBold;
    color: #373633;
    text-decoration: underline;
}

.zone-order-tunnel .order-tunnel-block-container-maintenance {
    color: #373633;
    background-color: #f1f1f1;
    padding: 30px 60px;
    margin-top: 175px;
}

.zone-order-tunnel .order-tunnel-block-container-maintenance h2 {
    font-family: LatoWebSemibold;
    font-size: 32px;
}

.zone-order-tunnel .order-tunnel-block-container-maintenance p {
    font-family: LatoWeb;
    font-size: 16px;
}

/* Fix: masquer zone abonnement dans tunnel de commande sur homepage si compte abonné */
.zone-order-tunnel form.step1-form .account-group {
    display: none !important;
}

.zone-order-tunnel .button-group {
    margin-top: 24px;
}

.zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .news-slider-controls .left-arrow-slider,
.zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .news-slider-controls .right-arrow-slider,
.zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .news-slider-controls .parent-carousel-indicators{
    position: relative;
}

.zone-order-tunnel .order-tunnel-block-container .homepage p.gp-quote-txt {
    color: #ee0020;
    font-size: 15px;
}

.type-page-homepage .flash .modal-dialog{
    width: 45%;
    margin: 0 auto;
}

.type-page-homepage .flash{
    top: 200px;
}

.type-page-homepage .flash .modal-backdrop{
    background-color: #fff;
}

.type-page-homepage .flash .modal-header{
    background: #373634;
    color: #ffffff;
    padding: 28px 30px 23px;
    text-align: left;
}

.type-page-homepage .flash .modal-body p{
    text-align: start;
}

.type-page-homepage .flash .modal-header h4{
    font-family: LatoWebBold;
    font-size: 30px;
    margin: 0 0 0 78px;
}

.type-page-homepage .flash .modal-header h4::before{
    content: url('/bundles/taxisg7frontoffice/images/modal-flashinfo.png');
    margin: -4px 0 0 -77px;
    vertical-align: inherit;
    position: absolute;
}

.type-page-homepage .flash .modal-header .close{
    opacity: 1;
    margin: 2px 0 0 0;
}

.type-page-homepage .flash .modal-body{
    background: #e30200;
    color: #fff;
    padding: 40px 110px;
    line-height: 0.8;
}

.type-page-homepage .flash .modal-content{
    background: #e30200;
    min-height: 100px;
    height: auto;
}

.type-page-homepage .flash .modal-footer{
    padding: 0;
}

@media (min-width: 768px) and (max-width: 1047px) {
    .type-page-homepage .flash .modal-dialog{
        width: 60%;
    }
}

@media (max-width: 767px) {
    .type-page-homepage .flash .modal-dialog{
        width: 100%;
    }

    .type-page-homepage .flash .modal-body{
        padding: 30px 35px;
    }

    .type-page-homepage .flash .modal-header{
        padding: 28px 35px 23px;
    }

    .type-page-homepage .flash .modal-header h4{
        font-family: LatoWebBold;
        font-size: 18px;
        margin: 0 0 0 78px;
    }

    .type-page-homepage .flash{
        top: 0;
    }
}

@media (max-width: 320px) {
    .type-page-homepage .flash .modal-dialog{
        width: 100%;
    }

    .type-page-homepage .flash{
        left: -16px;
        right: -16px;
    }
}
@media (max-width: 767px) {
    .zone-order-tunnel {
        height: 396px;
    }

    .zone-order-tunnel .order-tunnel-block-container {
        padding: 0;
    }

    .zone-order-tunnel h1 {
        font-family: LatoWeb, sans-serif;
        font-size: 23px;
        margin: 22px 0 8px 0;
    }

    .zone-order-tunnel .order-tunnel-block-container .description {
        font-family: LatoWeb, sans-serif;
        padding: 0;
        font-size: 13px;
    }

    .zone-order-tunnel .checkout-step-container {
        padding-right: 0;
        padding-left: 0;
        margin-top: 8px;
        margin-bottom: 15px;
        z-index: 1050;
    }

    .zone-order-tunnel .order-tunnel-block-container form {
        margin: 0;
    }

    .zone-order-tunnel .order-tunnel-block-container .checkout-step-container .form-group {
        margin-bottom: 10px;
    }

    .zone-order-tunnel .order-tunnel-block-container .form-group .input-group label.input-group-addon {
        height: 35px;
        width: 1%;
        font-family: LatoWebSemibold, sans-serif;
        font-size: 12px;
        color: #373633;
        padding-left: 12px;
        padding-right: 5px;
        background-color: #fff;
        border-radius: 2px 0  0 2px;
    }

    .zone-order-tunnel .order-tunnel-block-container .form-group .input-group input.form-control {
        height: 35px;
        padding-left: 0;
        font-family: LatoWebSemibold, sans-serif;
        font-size: 12px;
        color: #8b8b8b;
        background-color: #fff;
        border-radius: 0;
    }

    .zone-order-tunnel .order-tunnel-block-container .form-group .input-group .input-group-addon {
        height: 35px;
        padding-right: 12px;
        padding-left: 10px;
        background-color: #fff;
        border-radius: 0 2px 2px 0;
    }

    .zone-order-tunnel .order-tunnel-block-container .form-group .input-group .input-group-addon a {
        width: 12px;
        height: 12px;
    }

    .zone-order-tunnel .order-tunnel-block-container .form-group .input-group .input-group-addon a img {
        max-width: 12px;
        max-height: 12px;
    }

    .zone-order-tunnel .order-tunnel-block-container .btn-checkout {
        font-size: 14px;
        display: block;
        padding: 0 10px;
        height: 45px;
        margin: 0 auto;
    }

    .zone-order-tunnel .order-tunnel-block-container .links {
    }

    .zone-order-tunnel .order-tunnel-block-container .links .link-container {
        text-align: center;
        line-height: 11px;
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection {
        background-color: #fff;
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection .spinner {
        color: #373633;
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection .spinner span {
        margin: 5px 0;
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection .default-list .list-group,
    .zone-order-tunnel .order-tunnel-block-container .zone-selection .addresses-list .list-group {
        padding: 5px 0;
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection .zone-selection-entry {

    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection .zone-selection-entry .input-group-addon.left {
        width: 25px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection .zone-selection-entry .input-group-addon.left img {
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection .zone-selection-entry .form-control {
        width: auto;
        background-color: #fff;
        font-size: 13px;
        padding-top: 10px;
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection .zone-selection-entry .form-control a {
        white-space: inherit;
    }



    .zone-order-tunnel .order-tunnel-block-container .zone-selection-date {
        margin-top: 0;
        background-color: #fff;
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection-date .input-group {
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection-date .input-group .input-group-addon {
        font-size: 12px;
        padding-left: 15px;
        height: inherit;
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection-date .input-group .form-control {
        padding: 0;
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection-date .input-group .input-group-btn {
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection-date .input-group .input-group-btn .btn {
        /*font-family: LatoWebSemibold;*/
        font-size: 14px;
        /*color: #373633;*/
        /*border-color: #7d7d7d;*/
        /*margin-right: 20px;*/
        /*background-color: #f1f1f1;*/
        /*border-radius: 1px;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection-date .input-group .input-group-btn .btn:last-child {
        /*margin-right: 20px;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection-date .xs-apply-container {
        text-align: center;
        padding-bottom: 15px;
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection-date .xs-apply-container .btn.btn-date-apply {
        color: #fff;
        border: none;
        background-color: #ea002a;
        font-family: LatoWebSemibold, sans-serif;
        font-size: 14px;
        margin-right: 0;
        padding: 10px 20px;
    }

    .zone-order-tunnel .order-tunnel-block-container .zone-selection-date-separator {
        border-top: none;
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker {
        /*padding-right: 0;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days {

    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days table {

    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days thead {

    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days thead tr {

    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days thead tr th {
        /* 100% / 7 cols */
        width: 14.28%;
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days thead tr th:first-child {
        padding-left: 18px;
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days thead tr th:last-child {
        padding-right: 18px;
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days thead tr th.prev,
    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days thead tr th.picker-switch,
    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days thead tr th.next {
        /*font-family: LatoWeb;*/
        /*font-size: 14px;*/
        /*color: #ea002a;*/
        /*padding-bottom: 10px;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days thead tr th.dow {
        /*font-family: LatoWeb;*/
        /*font-size: 12px;*/
        /*color: #8b8b8b;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody {
        /*background-color: #373633;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr {
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr td {
        /*padding-top: 2px;*/
        /*padding-bottom: 2px;*/
        /*border-radius: 0;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr td.active,
    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr td.active:hover {
        /*background-color: transparent;*/
        /*background: url('/bundles/taxisg7frontoffice/images/checkout/picto-active-day-checkout.png');*/
        /*background-repeat: no-repeat;*/
        /*background-position: 50% 50%;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr td.day:hover {
        /*background-color: transparent;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr td.today {
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr td.today:before {
        /*border-color: transparent;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr:first-child td {
        padding-top: 18px;
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr:first-child td.active {
        /*background-position: 50% 100%;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr:last-child td {
        padding-bottom: 18px;
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr:last-child td.active {
        /*background-position: 50% 0%;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr td:first-child {
        padding-left: 18px;
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr td.active:first-child {
        background-position: 85% 50%;
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr td:last-child {
        padding-right: 18px;
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr td.active:last-child {
        background-position: 20% 90%;
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr td.day {
        /*font-family: LatoWeb;*/
        /*font-size: 12px;*/
        /*color: #fff;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .datepicker .datepicker-days tbody tr td.day.disabled {
        /*color: #aeaeae;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .timepicker {
        /*padding-left: 0;*/
        margin-bottom: 30px;
    }

    .zone-order-tunnel .order-tunnel-block-container .timepicker-picker {
    }

    .zone-order-tunnel .order-tunnel-block-container .timepicker-picker table {
    }

    .zone-order-tunnel .order-tunnel-block-container .timepicker-picker table tbody {
        /*background-color: #373633;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .timepicker-picker table tr {
    }

    .zone-order-tunnel .order-tunnel-block-container .timepicker-picker table tr th.hour-title {
        /*font-family: LatoWeb;*/
        /*font-size: 14px;*/
        /*color: #ea002a;*/
        /*padding-bottom: 10px;*/
        /*text-align: center;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .timepicker-picker table td {
        /*padding-top: 0;*/
        /*padding-bottom: 0;*/
        /*height: auto;*/
        /*width: auto;*/
        /*line-height: inherit;*/
        /*border-radius: 0;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .timepicker-picker table td .timepicker-minute,
    .zone-order-tunnel .order-tunnel-block-container .timepicker-picker table td .timepicker-hour,
    .zone-order-tunnel .order-tunnel-block-container .timepicker-picker table td.separator {
        /*font-family: LatoWeb;*/
        /*font-size: 42px;*/
        /*color: #fff;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .timepicker-picker table td span {
        /*font-size: 32px;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .timepicker-picker table td span:hover {
        /*background-color: transparent;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .timepicker-picker table td a.btn {
        /*color: #fff;;*/
    }

    .zone-order-tunnel .order-tunnel-block-container .picker-switch {

    }

    .zone-order-tunnel .order-tunnel-block-container .picker-switch {

    }

    .zone-order-tunnel .order-tunnel-block-container .picker-switch a {
        color: #eb2036;
    }

    .zone-order-tunnel .order-tunnel-block-container .links .link-container a {
        font-size: 11px;
    }

    .zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item {
        max-height: 396px;
        min-height: 396px;
        background-size: cover;
        background-position-y: 100%;
    }

    .zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item .news-information-container {
        margin-top: 325px;
    }

    .zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item img.new-picto {
        max-width: 45px;
        max-height: 45px;
        margin-right: 10px;
    }

    .zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item h3 {
        font-size: 15px;
        margin-bottom: 2px;
        padding-top: 2px;
        width: 220px;
    }

    .zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item p {
        font-size: 12px;
        line-height: 1.0em;
        width: 220px;
    }

    .zone-order-tunnel-with-news {
    }

    .news-slider-controls {
        margin-top: -24px;
        margin-bottom: 0;
    }

    .zone-order-tunnelnews-slider ol.carousel-indicators {
        text-align: center;
        margin: 0;
        width: auto;
        top: 0;
    }

    .zone-order-tunnelnews-slider ol.carousel-indicators li {
        border: 1px solid #888;
        width: 8px;
        height: 8px;
    }

    .zone-order-tunnelnews-slider ol.carousel-indicators li.active {
        width: 8px;
        height: 8px;
    }

    .zone-order-tunnel .order-tunnel-block-container-maintenance {
        padding: 10px 20px;
        margin-top: 10px;
    }

    .zone-order-tunnel .order-tunnel-block-container-maintenance h2 {
        font-size: 23px;
        margin-top: 10px;
    }

    .zone-order-tunnel .order-tunnel-block-container-maintenance p {
        font-size: 15px;
    }

    .zone-order-tunnelnews-slider ol.carousel-indicators {
        left: 0;
    }
}
@media (min-width: 768px) and (max-width: 1047px) {

    .block-cms-specific-type-simplify .description img {
        height: 152px !important;
        width: auto !important;
    }

    .block-cms-specific-type-simplify .description h3 {
        font-size: 21px;
    }

}
@media (min-width: 768px) and (max-width: 1047px) {
    .zone-order-tunnel {
        height: 396px;
    }

    .zone-order-tunnel .order-tunnel-block-container {
        padding: 0;
    }

    .zone-order-tunnel h1 {
        margin-top: 16px;
        margin-bottom: 8px;
        font-size: 26px;
    }

    .zone-order-tunnel .description {
        font-size: 14px;
    }

    .zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item {
        max-height: 396px;
        min-height: 396px;
        background-size: cover;
        background-position-y: 100%;
    }

    .zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item .news-information-container {
        margin-top: 325px;
    }

    .zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item img.new-picto {
        max-width: 46px;
        margin-right: 10px;
    }

    .zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item h3 {
        font-size: 18px;
        margin-bottom: 2px;
    }

    .zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item p {
        font-size: 14px;
        line-height: 1.0em;
    }

    .zone-order-tunnel .order-tunnel-block-container form {
        margin: 10px auto 5px auto;
    }

    .zone-order-tunnel .order-tunnel-block-container form .departure-label,
    .zone-order-tunnel .order-tunnel-block-container form .arrival-label,
    .zone-order-tunnel .order-tunnel-block-container form .when-label {
        padding-left: 17px;
        padding-right: 6px;
    }

    .zone-order-tunnel .order-tunnel-block-container form input.form-control {
        padding-left: 0px;
    }

    .zone-order-tunnel .order-tunnel-block-container form .form-group {
        margin-bottom: 10px;
    }

    .zone-order-tunnel .order-tunnel-block-container form .input-group {
        height: 36px;
        font-size: 13px;
    }

    .zone-order-tunnel .order-tunnel-block-container form .input-group a.picto {
        display: block;
        width: 10px;
        height: 12px;
    }

    .zone-order-tunnel .order-tunnel-block-container form .input-group input{
        height: 36px;
    }

    .zone-order-tunnel .order-tunnel-block-container form button.order-submit {
        height: 43px;
        font-family: LatoWebHeavy;
        font-size: 15px;
        width: 234px;
        margin-top: 10px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
    }

    .zone-order-tunnel .order-tunnel-block-container form .link{
        margin-top: 14px;
    }

    .zone-order-tunnel .order-tunnel-block-container form .link a {
        font-family: LatoWebBold;
        font-size: 14px;
    }

    .zone-order-tunnel-with-news {
    }

    .news-slider-controls {
        margin-top: -24px;
        margin-bottom: 0px;
    }

    .zone-order-tunnelnews-slider ol.carousel-indicators {
        text-align: center;
        margin: 0;
        width: auto;
    }

    .zone-order-tunnelnews-slider ol.carousel-indicators li {
        border: 1px solid #888;
        width: 8px;
        height: 8px;
    }

    .zone-order-tunnelnews-slider ol.carousel-indicators li.active {
        width: 8px;
        height: 8px;
    }
/*
    .zone-order-tunnel .order-tunnel-block-container {
        padding: 0;
    }

    .zone-order-tunnel h1 {
        margin-top: 40px;
    }

    .zone-order-tunnel .description {
        font-size: 26px;
    }

    .zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item h3 {
        font-size: 18px;
    }

    .zone-order-tunnelnews-slider #order-tunnel-news-slider-container-carousel .item p {
        font-size: 14px;
    }

    .zone-order-tunnel .order-tunnel-block-container form .input-group {
        height: 72px;
    }

    .zone-order-tunnel .order-tunnel-block-container form .input-group label.input-group-addon {
        font-size: 24px;
        padding-left: 36px;
        padding-right: 0px;
    }

    .zone-order-tunnel .order-tunnel-block-container form .input-group input.form-control {
        height: 72px;
        font-size: 24px;
    }

    .zone-order-tunnel .order-tunnel-block-container form button.order-submit {
        height: 86px;
        font-family: LatoWebHeavy;
        font-size: 30px;
        width: 446px;
        margin-top: 40px;
    }
*/

}
@media (min-width: 1048px) and (max-width: 1279px) {
    .zone-order-tunnel .order-tunnel-block-container {
/*        padding: 0 119px;*/
    }
}
/* ZONE APPLICATION */
.zone-application{
    height: 415px;
    text-align: center;
    color: white;
    background: no-repeat 50% 100%;
    background-size: cover;
}

.zone-application .block-application{
    margin-top: 24px;
}

.zone-application .block-application img.trip-advisor {
}

.zone-application .block-application img.app-store {
    width: 145px;
    margin-bottom: 10px;
}

.zone-application .block-application img.google-play {
    width: 145px;
}

.zone-application .title{
    font-size: 38px;
    margin-bottom: 0;
}
.zone-application .description{
    font-size: 21px;
}

.zone-application .form-container {
    margin-top: 25px;
}

.zone-application .form-container form {
    padding: 0 88px;
}

.zone-application .phone-input:focus{
    outline: 0;
}
.zone-application .phone-input {
    font-family: 'LatoWebSemibold';
    background-color: rgba(255, 255, 255, 0.4);
    height: 60px;
    border: none;
    color: white;
    padding: 0 0 0 25px;
    font-size: 24px;
}

.zone-application .phone-submit {
    font-family: 'LatoWebSemibold';
    height: 60px;
    font-size: 16px;
    color: #403F3D;
    background-color: #fff;
    padding-left: 24px;
    padding-right: 24px;
}


.zone-application .legal {
    margin-top: 10px;
}

.zone-application .legal a,
.zone-application .legal a:visited,
.zone-application .legal a:hover{
    font-family: "LatoWebSemiBold";
    color: white;
    text-decoration: underline;
    font-size: 17px;
}

@media (max-width: 767px) {
    .zone-application{
        background-size: cover;
    }

    .zone-application .block-application{
        margin-top: 0px;
    }

    .zone-application .title{
        font-size: 23px;
        margin-bottom: 0;
        margin-top: 30px;
    }
    .zone-application .description{
        font-size: 15px;
        margin-top: 10px;
        padding: 0 15px;
    }

    .zone-application .form-container {
        margin-top: 17px;
    }

    .zone-application .form-container form {
        padding: 0;
    }

    .zone-application .phone-input {
        font-size: 22px;
        width: 100%;
        height: 40px;
    }

    .zone-application .phone-submit {
        font-size: 14px;
        padding-left: 13px;
        padding-right: 13px;
        height: 40px;
    }

    .zone-application .legal {
        margin-bottom: 20px;
    }

    .zone-application .legal a:hover,
    .zone-application .legal a {
        font-size: 14px;
    }


}

@media (min-width: 768px) and (max-width: 1047px) {
    .zone-application{
        height: 470px;
    }

    .zone-application .block-application{
        margin-top: 0px;
    }

    .zone-application .title{
        font-size: 26px;
        margin-bottom: 0;
    }
    .zone-application .description{
        font-size: 14px;
        margin-top: 10px;
        padding: 0 30px;
    }

    .zone-application .form-container {
        margin-top: 17px;
        padding: 0;
        max-height: none;
    }

    .zone-application .form-container form {
        padding: 0;
    }

    .zone-application .phone-input {
        font-size: 22px;
        width: 100%;
        height: 40px;
    }

    .zone-application .phone-submit {
        font-size: 14px;
        padding-left: 13px;
        padding-right: 13px;
        height: 40px;
    }

    .zone-application .legal {
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .zone-application .legal a {
        font-size: 14px;
    }


}

/* ZONE PRO BY NATURE */
.type-page-homepage .zone-pro-by-nature {
    color: #373634;
}

/* heading stuff */
.type-page-homepage .zone-pro-by-nature .block-generic-1-1-t-d {

}

.type-page-homepage .zone-pro-by-nature .block-generic-1-1-t-d .block-inner-content {
    margin-bottom: 35px;
    color: #42413f;
    text-align: center;
}

.type-page-homepage .zone-pro-by-nature .block-generic-1-1-t-d .block-inner-content .title {
    font-size: 52px;
    font-family: "LatoWebSemiBold";
    margin-top: 75px;
}

.type-page-homepage .zone-pro-by-nature .block-generic-1-1-t-d .block-inner-content .description {
    font-size: 24px;
    font-family: "LatoWeb";
    padding: 0 200px;
}

.type-page-homepage .zone-pro-by-nature .block-generic-1-4-d .block-inner-content .description h3 {
    line-height: 1.5;
}

.type-page-homepage .zone-pro-by-nature .block-generic-1-4-d .block-inner-content .description h3 + p {
    font-size: 16px;
}

.type-page-homepage .zone-pro-by-nature .block-generic-1-4-d.zone-pro-by-nature-bloc-cms-4 .block-inner-content .description h3 + p > img {
    margin-bottom: 20px;
}

@media (max-width: 767px) {

    .type-page-homepage .zone-pro-by-nature {
        margin-bottom: 30px;
    }

    .type-page-homepage .zone-pro-by-nature .block-generic-1-1-t-d .block-inner-content .title {
        font-size: 33px;
        margin-top: 30px;
    }

    .type-page-homepage .zone-pro-by-nature .block-generic-1-1-t-d .block-inner-content .description {
        font-size: 20px;
        padding: 0;
    }

    .type-page-homepage .zone-pro-by-nature ol.carousel-indicators {
        bottom: auto;
    }

    .type-page-homepage .zone-pro-by-nature ol.carousel-indicators li {
        border: 2px solid #e40521;
        margin: 0 4px;
        width: 11px;
        height: 11px;
    }

    .type-page-homepage .zone-pro-by-nature ol.carousel-indicators li.active {
        background-color: #e40521;
    }
}
@media (min-width: 768px) and (max-width: 1047px) {

    .type-page-homepage .zone-pro-by-nature {
        margin-bottom: 30px;
    }

    .type-page-homepage .zone-pro-by-nature .block-generic-1-1-t-d .block-inner-content .title {
        font-size: 36px;
    }

    .type-page-homepage .zone-pro-by-nature .block-generic-1-1-t-d .block-inner-content .description {
        font-size: 22px;
        padding: 0 20px;
    }

    .type-page-homepage .zone-pro-by-nature ol.carousel-indicators {
        bottom: auto;
    }

    .type-page-homepage .zone-pro-by-nature ol.carousel-indicators li {
        border: 2px solid #e40521;
        margin: 0 4px;
        width: 11px;
        height: 11px;
    }

    .type-page-homepage .zone-pro-by-nature ol.carousel-indicators li.active {
        background-color: #e40521;
    }
}
/* ZONE TESTIMONIAL */
.zone-testimonial{
    padding-top: 30px;
    padding-bottom: 50px;
}

.zone-testimonial .testimonial {
    background-color: white;
    position: relative;
    padding: 45px 80px 45px 55px;
    text-align: center;
    margin-top: 70px;
    height: 230px;
}

.zone-testimonial .testimonial .header{
    line-height: 35px;
}

.zone-testimonial .testimonial .header .name {
    font-size: 16px;
    color: #8C8C8C;
    line-height: 18px;
    text-transform: uppercase;
}

.zone-testimonial .testimonial .description {
    font-family: "LatoWeb";
    margin-top: 15px;
    font-size: 16px;
    word-wrap: break-word;
}

.zone-testimonial .testimonial .image{
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -65px;
}

.zone-testimonial .testimonial .image img {
    max-width: 113px;
    max-height: 113px;
    display: none;
}

.zone-testimonial a.testimonials-slider-left {
    display: block;
    background: url('/bundles/taxisg7frontoffice/images/arrow-left-red.png');
    width: 34px;
    height: 63px;
}

.zone-testimonial a.testimonials-slider-left:hover {
    background: url('/bundles/taxisg7frontoffice/images/arrow-left-black.png');
}

.zone-testimonial a.testimonials-slider-right {
    display: block;
    background: url('/bundles/taxisg7frontoffice/images/arrow-right-red.png');
    width: 34px;
    height: 63px;
}

.zone-testimonial a.testimonials-slider-right:hover {
    background: url('/bundles/taxisg7frontoffice/images/arrow-right-black.png');
}

#testimonials-slider-container-carousel .arrows {
    display: inline;
    position: relative;
    top: 50%;
}

@media (max-width: 767px) {

    .zone-testimonial {
        margin: 20px 0 20px 0;
    }

    .zone-testimonial .testimonial {
        padding: 45px 10px 20px 15px;
    }

    .zone-testimonial .testimonial .header {
        line-height: 18px;
    }

    .zone-testimonial .testimonial .header img {
        width: 20px;
    }

    .zone-testimonial .testimonial .header .title {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .zone-testimonial .testimonial .description {
        font-size: 15px;
    }
}

/* ZONE SIMPLIFY YOUR TAXI */

.type-page-homepage .zone-simplify-your-taxi {
    color: #373634;
}

/* heading stuff */
.type-page-homepage .zone-simplify-your-taxi .block-generic-1-1-t-d {

}

.type-page-homepage .zone-simplify-your-taxi .block-generic-1-1-t-d .block-inner-content {
    margin-bottom: 70px;
    color: #42413f;
    text-align: center;
}

.type-page-homepage .zone-simplify-your-taxi .block-generic-1-1-t-d .block-inner-content .title {
    font-size: 52px;
    font-family: "LatoWebSemiBold";
}

.type-page-homepage .zone-simplify-your-taxi .block-generic-1-1-t-d .block-inner-content .description {
    font-size: 24px;
    font-family: "LatoWeb";
    padding: 0 200px;
}

.type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-1 div.row.links .link-container {
    width: 105px;
}

.type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-1 div.row.links .link-container.last {
    border-width: 0 0 0 1px;
    border-style: solid;
    border-image: url('/bundles/taxisg7frontoffice/images/home-simplify-separator.png') 0 0 0 100;
}

.type-page-homepage .zone-simplify-your-taxi div.row.links .link-container {
    padding: 8px 10px 8px 0
}

.type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-1 div.row.links {
    margin:0;
    padding-left:60px;
}
@media (max-width: 767px) {
    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-1-t-d .block-inner-content {
        margin-bottom: 20px;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-1-t-d .block-inner-content .title {
        font-size: 33px;
        padding: 0 20px;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-1-t-d .block-inner-content .description {
        font-size: 15px;
        padding: 0 20px;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u {
        margin-bottom: 40px;
        margin-top: 0;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u .description {
        min-height: inherit;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u img {
        height: auto;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u .description h3 {
        padding: 5px 20px 0 20px;
        font-size: 20px;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u .description p {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 15px;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u .description p.img-reponsive-container {
        padding: 0;
    }


    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u .links {
        margin-top: 16px;
        padding: 0;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u .links .link-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u .links .link-container:first-child {
        padding-left: 12px;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u .links .link-container:last-child {
        padding-right: 12px;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u .links a {
        display: block;
        text-align: center;
        font-family: 'LatoWebHeavy';
        font-size: 16px;
        color: #fff;
        text-decoration: none;
        background-color: #e70c32;
        padding: 16px 0;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u .links .last a{
        border-width: 0 0 0 1px;
        border-style: solid;
        border-image: url('/bundles/taxisg7frontoffice/images/separator-button.png') 0 0 0 100;
    }

    .type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-1 div.row.links .link-container.last {
        border: none;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u .links a:hover {
        background: #42413f;
        text-decoration: none;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-3-d-u .links a.last {
        border-right: none;
    }

    .type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-1 div.row.links {
        padding-left:0;
    }

    .type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-1 div.row.links .link-container {
        padding:0;
        width:50%;
    }

    .type-page-homepage .zone-simplify-your-taxi div.row.links .link-container {
        padding-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 1047px) {

    .type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-1 div.row.links .link-container {
        width: 50%;
        padding: 0;
    }

    .type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-1 div.row.links {
        padding-left: 0;
    }

    .type-page-homepage .zone-simplify-your-taxi .block-generic-1-1-t-d .block-inner-content {
        margin-top: 40px;
        margin-bottom: 70px;
    }
}
/********* HOMEPAGE OUR ENGAGEMENTS *************/
.type-page-homepage .zone-our-engagements {
    margin-top: 46px;
}

.type-page-homepage .zone-our-engagements .block-generic-1-1-t .title {
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
    font-family: LatoWeb;
}

.type-page-homepage .zone-our-engagements .block-generic-1-1-u .links {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 100px;
}

@media (max-width: 767px) {
    .type-page-homepage .zone-our-engagements {
        margin-top: 0px;
    }
    .type-page-homepage .zone-our-engagements .block-generic-1-1-u .links {
        margin-top: 0;
        margin-bottom: 40px;
    }
}
@media (min-width: 768px) and (max-width: 1047px) {
    .type-page-homepage .zone-our-engagements .block-generic-1-1-u .links {
        margin-bottom: 50px;
    }
}
/* ZONE OFFERS SLIDER */
.zone-offers {
    padding-bottom: 60px;
}

.zone-left-offers-slider-bloc-cms {

}

.zone-left-offers-slider-bloc-cms .cms-title,
.zone-right-offers-slider-bloc-cms .cms-title {
    font-family: LatoWebSemiBold, Sans-Serif;
    text-align: center;
    font-size: 35px;
}

.zone-left-offers-slider-bloc-cms .cms-subtitle,
.zone-right-offers-slider-bloc-cms .cms-subtitle {
    font-family: LatoWeb, Sans-Serif;
    text-transform: uppercase;
    font-size: 16px;
}

#home-offers-slider-container-carousel ol.carousel-indicators {
    position: inherit;
    bottom: inherit;
    left: inherit;
    width: inherit;
    margin-left: inherit;
    height: 60px;
}

#home-offers-slider-container-carousel ol.carousel-indicators li {
    width: 38px;
    height: 38px;
    border: none;
    margin: 0 12px 6px 12px;
    border-radius: 3px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#home-offers-slider-container-carousel ol.carousel-indicators li.active {
    background-image: url('/bundles/taxisg7frontoffice/images/offers-picto-active-slide.png');
    background-color: transparent;
    height: 44px;
    margin-bottom: 0;
}

#home-offers-slider-container-carousel ol.carousel-indicators li img {
    margin: 0 auto;
}

.zone-right-offers-slide,
#home-offers-slider-container-carousel .item .inner-item {
    text-align: center;
    display: table-cell;
    vertical-align: bottom;
    background: 50% 0/100% no-repeat;
    padding: 0 20px;
}

.zone-right-offers .zone-right-offers-slide h3,
#home-offers-slider-container-carousel .item .inner-item h3 {
    color: #fff;
    font-family: "LatoWebSemiBold";
    font-size: 28px;
}

.zone-right-offers .zone-right-offers-slide h3 {
    margin-bottom: 0;
}

.zone-right-offers .zone-right-offers-slide p,
#home-offers-slider-container-carousel .item .inner-item p {
    color: #fff;
    font-family: "LatoWeb";
    font-size: 20px;
}

.zone-right-offers .zone-right-offers-slide a.right-offers-link,
#home-offers-slider-container-carousel .item .inner-item a.slider-link {
    font-family: "LatoWebSemiBold";
    font-size: 16px;
    height: 45px;
    padding-left: 2em;
    padding-right: 2em;
    color: #fff;
}

.right-offers-picto-container {
    height: 60px;
}

.right-offers-picto-container p img {
    margin-right: 20px;
}

.zone-right-offers-slide .tel {
    font-family: "LatoWebSemiBold";
    font-size: 24px;
}

/* icon mobile */
.zone-right-offers-slide .tel i {
    font-size: 28px;
}
.zone-right-offers-slide .tel i:before {
    margin-right: 0;
}

@media (max-width: 767px) {
    .zone-offers {
        padding-bottom: 10px;
    }

    .zone-left-offers-slider-bloc-cms .cms-title,
    .zone-right-offers-slider-bloc-cms .cms-title {
        font-size: 31px;
    }

    .zone-left-offers-slider-bloc-cms .cms-subtitle,
    .zone-right-offers-slider-bloc-cms .cms-subtitle {
        font-size: 15px;
    }

    #home-offers-slider-container-carousel ol.carousel-indicators {
        height: auto;
        margin-bottom: -8px;
    }

    #home-offers-slider-container-carousel ol.carousel-indicators li {
        margin: 0;
        border-radius: 0px;
    }

    #home-offers-slider-container-carousel ol.carousel-indicators li.active {
        background-color: #e70c32;
        background-image: none;
        height: 38px;
    }

    .zone-right-offers .zone-right-offers-slide,
    #home-offers-slider-container-carousel .item .inner-item {
        padding: 0;
    }

    #home-offers-slider-container-carousel .item .inner-item h3 {
        font-size: 18px;
        padding: 0 20px;
        margin: 0;
    }

    .zone-right-offers .zone-right-offers-slide h3 {
        font-size: 18px;
        padding: 0 5px;
        margin: 0 0 5px 0;
    }

    .zone-right-offers .zone-right-offers-slide p,
    #home-offers-slider-container-carousel .item .inner-item p {
        font-size: 15px;
        padding: 0 25px;
        line-height: 18px;
    }

    .zone-right-offers .zone-right-offers-slide a.right-offers-link,
    #home-offers-slider-container-carousel .item .inner-item a.slider-link {
        font-family: LatoWebHeavy;
        font-size: 15px;
        display: block;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .right-offers-picto-container {
        height: auto;
    }

    .right-offers-picto-container img {
        width: 90px;
    }

    .right-offers-picto-container p img {
        margin-right: 0;
    }

    .zone-right-offers-slide .tel {
        font-size: 15px;
    }

    /* icon mobile */
    .zone-right-offers-slide .tel i {
        font-size: 18px;
    }

}

@media (min-width: 768px) and (max-width: 1047px) {
    .zone-offers {
        padding-bottom: 10px;
    }

    .zone-left-offers-slider-bloc-cms .cms-title,
    .zone-right-offers-slider-bloc-cms .cms-title {
        font-size: 38px;
    }

    .zone-left-offers-slider-bloc-cms .cms-subtitle,
    .zone-right-offers-slider-bloc-cms .cms-subtitle {
        font-size: 18px;
    }

    #home-offers-slider-container-carousel ol.carousel-indicators {
        height: auto;
        margin-bottom: -6px;
    }

    #home-offers-slider-container-carousel ol.carousel-indicators li {
        margin: 0;
        border-radius: 0px;
    }

    #home-offers-slider-container-carousel ol.carousel-indicators li.active {
        background-color: #e70c32;
        background-image: none;
        height: 38px;
    }

    .zone-right-offers .right-offers-description,
    #home-offers-slider-container-carousel .item .slider-description {
        font-size: 16px;
    }

    .zone-right-offers .right-offers-link,
    #home-offers-slider-container-carousel .item .slider-link {
        display: block;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .right-offers-picto-container {
        height: auto;
    }

    .right-offers-picto-container img {
        width: 30%;
    }

    .zone-right-offers .right-offers-image-container, #home-offers-slider-container-carousel .item .slider-image-container {
        height: 244px;
    }
}

/* ZONE IMPLANTATION SEARCH */
.type-page-homepage .zone-implantation-search {
    background: no-repeat 50% 100%;
    background-position: 0 -50px;
    background-size: cover;
}

.type-page-homepage .zone-implantation-search .block-implantation-search {
    padding: 200px 0 130px 0;
}

.type-page-homepage .zone-implantation-search h3.title {
    text-align: center;
    font-family: LatoWebSemibold;
    font-size: 52px;
    color: #fff;
}

.type-page-homepage .zone-implantation-search .description {
    text-align: center;
    font-family: LatoWeb;
    font-size: 24px;
    color: #fff;
}

.type-page-homepage .zone-implantation-search .description a {
    color: #fff;
    text-decoration: none;
}


.type-page-homepage .zone-implantation-search .form-container {
    margin: 20px 0;
}

.type-page-homepage .zone-implantation-search .form-container form {
}

.type-page-homepage .zone-implantation-search .form-container form .input-group-addon,
.type-page-homepage .zone-implantation-search .form-container form input.search-input,
.type-page-homepage .zone-implantation-search .form-container form .input-group-btn .search-submit {
    height: 60px;
    font-family: latoWebSemiBold;
    font-size: 16px;
    border: none;
    background-color: #fff;
}

.type-page-homepage .zone-implantation-search .form-container form .input-group-addon {
    color: #373633;
    padding-right: 0;
}

.type-page-homepage .zone-implantation-search .form-container form input.search-input {
    color: #8b8b8b;
    padding-left: 6px;
}

.type-page-homepage .zone-implantation-search .form-container form .input-group-btn .search-submit {
    color: #e40521;
    padding-right: 20px;
}

.type-page-homepage .zone-implantation-search .form-container form .input-group-btn .search-submit:hover{
    background: #e40521;
    color: #fff;
}
@media (max-width: 767px) {

    .type-page-homepage .zone-implantation-search {
        background-size: cover;
    }

    .type-page-homepage .zone-implantation-search .block-implantation-search {
        padding: 50px 0;
    }

    .type-page-homepage .zone-implantation-search h3.title {
        font-size: 28px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .type-page-homepage .zone-implantation-search .description {
        font-size: 16px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .type-page-homepage .zone-implantation-search .form-container {
        margin-top: 40px;
    }

    .type-page-homepage .zone-implantation-search .form-container form {
    }

    .type-page-homepage .zone-implantation-search .form-container form .input-group-addon,
    .type-page-homepage .zone-implantation-search .form-container form input.search-input,
    .type-page-homepage .zone-implantation-search .form-container form .input-group-btn .search-submit {
        height: 35px;
        font-size: 14px;
    }

    .type-page-homepage .zone-implantation-search {
        background: no-repeat 50% 100%;
        background-position: 0;
        background-size: cover;
    }
}
/* ZONE NEWS */

.type-page-homepage .zone-news {
    padding-top: 85px;
    padding-bottom: 50px;
    background-color: #F1F1F1;
    color: #373634;
}

/* heading stuff */
.type-page-homepage .zone-news .block-generic-1-1-t-d {

}

.type-page-homepage .zone-news .block-generic-1-1-t-d .block-inner-content {
    margin-bottom: 70px;
    color: #42413f;
    text-align: center;
}

.type-page-homepage .zone-news .block-generic-1-1-t-d .block-inner-content .title {
    font-size: 52px;
    font-family: LatoWebSemiBold;
}

.type-page-homepage .zone-news .block-generic-1-1-t-d .block-inner-content .description {
    font-size: 24px;
    font-family: "LatoWeb";
    padding: 0 200px;
}

.type-page-homepage .zone-news a{
    color: #ea002a;
}

.type-page-homepage .zone-news a:hover{
    color: #333333;
    text-decoration: none;
}

.type-page-homepage .zone-news .block-news .block-inner-content .title {
    margin-bottom: 35px;
    font-size: 24px;
    font-family: LatoWeb, Sans-Serif;
    line-height: 32px;
}

.type-page-homepage .zone-news .block-news .block-inner-content .description {
    font-size: 16px;
}

.type-page-homepage .zone-news .block-news .block-inner-content .image {
    margin-bottom: 45px;
}

.type-page-homepage .zone-news .block-news .block-inner-content .image img {
    width: 100%;
}

/* Slider part */
.type-page-homepage #zone-order-tunnel-slider-news .carousel-inner .item[data-news-url] {
    cursor: pointer;
}
@media (max-width: 767px) {

    .type-page-homepage .zone-news {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .type-page-homepage .zone-news .block-generic-1-1-t-d .block-inner-content {
        margin-bottom: 30px;
    }

    .type-page-homepage .zone-news .block-generic-1-1-t-d .block-inner-content .title {
        font-size: 30px;
        padding-left: 50px;
        padding-right: 50px;
        margin-top: 60px;
    }

    .type-page-homepage .zone-news .block-generic-1-1-t-d .block-inner-content .description {
        font-size: 16px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .type-page-homepage .zone-news .block-news {
        padding-left: 0px;
        padding-right: 0px;
    }

    .type-page-homepage .zone-news .block-news .block-inner-content .title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .type-page-homepage .zone-news .block-news .block-inner-content .description {
    }

    .type-page-homepage .zone-news ol.carousel-indicators {
        bottom: auto;
        margin-top: 52%;
    }

    .type-page-homepage .zone-news ol.carousel-indicators li {
        border: 2px solid #e40521;
        margin: 0 4px;
        width: 11px;
        height: 11px;
    }

    .type-page-homepage .zone-news ol.carousel-indicators li.active {
        background-color: #e40521;
    }
}


@media (min-width: 768px) and (max-width: 1047px) {

    .type-page-homepage .zone-news {
        padding-top: 50px;
        padding-bottom: 40px;
    }

}
/*
    Block's specific class rules
*/


/*
    .block-specific-link-red-button
    Mighty red button link, inline, centered
    Usage: home
*/
.block-specific-link-red-button .link-container {
    text-align: center;
}

.block-specific-link-red-button .link-container a {
    color: #fff;
    font-family: LatoWebSemibold;
    font-size: 16px;
    background: #ea002a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 20px 40px;
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
}

.block-specific-link-red-button .link-container a:hover{
    text-decoration: none;
    background: #42413f;
}

/*
    .block-specific-link-red-rounded-button
    Transparent button link, red rounded, inline
    Usage: home
*/
.block-specific-link-red-rounded-button .link-container {
    text-align: center;
}

.block-specific-link-red-rounded-button a {
    color: #e40521;
    font-family: LatoWebSemibold, Sans-Serif;
    font-size: 16px;
    border: 1px solid #e40521;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 16px 0;
    width: 350px;
    line-height: 1.5;
    display: inline-block;
}

.zone-services-zone-2 .block-generic-1-3-d-u .block-inner-content .description p:first-child {
    margin: 0;
}

.zone-services-zone-4-bloc-title .latoWebSemiBold {
    text-align: center;
}

/*
    .block-cms-specific-type-simplify
    Block with a leading image, a title, a description and red link
    White background
    Usage: home
*/
.block-cms-specific-type-simplify {
    margin-top: 18px;
}

.block-cms-specific-type-simplify .block-inner-content {
    background-color: #fff;
}

.block-cms-specific-type-simplify .description {
    min-height: 484px;
}

.block-cms-specific-type-simplify .description p.img-reponsive-container {
    padding: 0;
}

.block-cms-specific-type-simplify .description img {
    /* temp hack */
    width: 100%;
    height: 225px;
    /* temp hack */
    margin: 0 auto;
}

.block-cms-specific-type-simplify .description h3 {
    text-align: center;
    font-family: LatoWebSemibold;
    padding: 20px 20px 0 20px;
    font-size: 24px;
    line-height: 1.333;
}

.block-cms-specific-type-simplify .description p {
    padding: 0 20px;
    text-align: center;
    font-size: 18px;
}

.block-cms-specific-type-simplify .links {
    padding: 15px 0 20px 0;
}

.block-cms-specific-type-simplify .links a {
    font-family: LatoWebSemibold, Sans-Serif;
    color: #ee0020;
    display: block;
    text-align: center;
    text-decoration: none;
}

.block-cms-specific-type-simplify .links a:hover{
    color: #42413f;
}

/*
    .block-cms-specific-type-1
    Block with a leading image, a title, a description and grey rounded link
    White background
    Usage: rubric drivers, rubric business
*/
.block-cms-specific-type-1 {
    margin-top: 18px;
}

.block-cms-specific-type-1 .block-inner-content {
    background-color: #fff;
}

.block-cms-specific-type-1 .description {
    min-height: 570px;
}


.block-cms-specific-type-1 .description p.img-reponsive-container,
.block-cms-specific-type-3 .description p.img-reponsive-container {
    padding: 0;
}

.block-cms-specific-type-1 .description img.img-responsive {
    /* temp hack */
    width: 100%;
    /* temp hack */
    margin: 0 auto;
}

.block-cms-specific-type-1 .description h3 {
    text-align: center;
    font-family: LatoWebSemibold;
    padding: 15px 5px;
    font-size: 18px;
    min-height: 90px;
}

/*.zone-business-zone-8*/.block-cms-specific-type-1 .description p {
    padding: 0 15px;
    text-align: center;
    font-size: 16px;
}

.block-cms-specific-type-1 .links {
}

.block-cms-specific-type-1 .link-container {
    padding-bottom: 30px;
    text-align: center;
}

.block-cms-specific-type-1 .links a {
    color: #373633;
    font-family: LatoWebSemibold;
    text-decoration: none;
    text-align: center;
    border: 1px solid #373633;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 15px 50px;
}

.block-cms-specific-type-1 .links a:hover{
    background: #373633;
    color: #fff;
}

/*
    .block-cms-specific-type-2
    Block with a leading image and a description which must cover the bottom
    off the image with a grey transparent background
    Usage: rubric drivers
*/
.block-cms-specific-type-2 {
}

.block-cms-specific-type-2 .block-inner-content {
}

.block-cms-specific-type-2 .description {
    margin-bottom: -48px;
}

.block-cms-specific-type-2 .description img {
    /* temp hack */
    width: 100%;
    /* temp hack */
    margin: 0 auto;
}

.block-cms-specific-type-2 .description p:first-child {
    margin: 0;
}
.block-cms-specific-type-2 .description p:last-child {
    font-family: LatoWebSemibold, Sans-Serif;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background-color: rgba(50, 50, 50, 0.5);
    margin: 0;
    height: 48px;
    line-height: 48px;
    position: relative;
    top: -48px;
}

.type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-2 div.row.links {
    margin: 0;
    padding-left: 60px;
}

.type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-2 div.row.links .link-container {
    width: 105px;
}

.type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-2 div.row.links .link-container.last {
    -webkit-border-image: url("/bundles/taxisg7frontoffice/images/home-simplify-separator.png") 0 0 0 100;
    -moz-border-image: url("/bundles/taxisg7frontoffice/images/home-simplify-separator.png") 0 0 0 100;
    -o-border-image: url("/bundles/taxisg7frontoffice/images/home-simplify-separator.png") 0 0 0 100;
    border-image: url("/bundles/taxisg7frontoffice/images/home-simplify-separator.png") 0 0 0 100;
    border-style: solid;
    border-width: 0 0 0 1px;
}

.type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-2 .description h3.reset-marge {
    margin: 0px;
    padding: 0px;
}

/*
    .block-cms-specific-type-3
    Block with a leading title/subtile, an image and a description
    Usage: rubric drivers
*/
.block-cms-specific-type-3 {
}

.block-cms-specific-type-3 .block-inner-content {
}

.block-cms-specific-type-3 .description {
    min-height: 450px;
}

.block-cms-specific-type-3 .description .cms-title {
    font-family: LatoWebSemibold;
    font-size: 26px;
    text-align: center;
}

.block-cms-specific-type-3 .description .cms-subtitle {
    font-family: LatoWeb;
    font-size: 16px;
    text-transform: uppercase;
}

.block-cms-specific-type-3 .description img {
    /* temp hack */
    width: 100%;
    /* temp hack */
    margin: 0 auto 30px auto;
}

.block-cms-specific-type-3 .description p {
    font-size: 16px;
}

/*
    .block-cms-specific-type-4
    Block with a leading title, a subtitle, a description and grey rounded link
    Grey background
    Usage: rubric business
*/
.block-cms-specific-type-4 {
}

.block-cms-specific-type-4 .block-inner-content {
    background-color: #f1f1f1;
}

.block-cms-specific-type-4 .description {
    min-height: 460px;
}

.block-cms-specific-type-4 .description h3 {
    background-color: #ea002a;
    text-align: center;
    font-family: LatoWebSemibold;
    font-size: 24px;
    color: #fff;
    display: block;
    height: 80px;
    line-height: 80px;
    margin-left: -30px;
    margin-right: -30px;
    border-radius: 4px;
}

.block-cms-specific-type-4 .description h4 {
    text-align: center;
    font-family: LatoWebSemibold;
    font-size: 20px;
    margin: 30px 0 15px 0;
}

.block-cms-specific-type-4 .description {
    padding: 0 30px;
    font-size: 16px;
}

.block-cms-specific-type-4 .links {
    padding-bottom: 30px;
}

.block-cms-specific-type-4 .links a {
    color: #373633;
    font-family: LatoWebSemibold;
    text-decoration: none;
    text-align: center;
    border: 1px solid #373633;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 3.5em;
    margin: 0 auto;
    height: 50px;
    display: block;
    width: 140px;
}

.block-cms-specific-type-4 .links a:hover {
    color: #fff;
    background: #373633;
}

/*
    .g7-connect-bloc
    Block for the G7 bloc operation
    Usage: rubric business
*/

.g7-connect-bloc .block-inner-content {
    width: 100%;
    height: 205px;
    background-color: #ffffff;
    margin-bottom: 20px;
}

.g7-connect-bloc span.title {
    font-family: LatoWeb;
    font-size: 20px;
    color: #ea002a;
}

.g7-connect-bloc span.description {
    font-family: LatoWebBold;
    font-size: 16px;
    color: #373633;
}

.g7-connect-bloc .block-specific-link-red-button .link-container {
    text-align: left;
    margin-top: 30px;
}

.g7-connect-bloc .img-block {
    width: 210px;
    margin-right: 20px;
    height: 204px;
}

.g7-connect-bloc .description-block {
    padding: 30px 0;
}

.g7-connect-bloc .block-specific-link-red-button .link-container a:hover{
    color: #fff;
}

.g7-connect-bloc .block-inner-content .description > div {
    float: left;
}

@media (max-width: 767px) {

    .block-specific-link-red-rounded-button a {
        font-size: 16px;
        padding: 15px;
        display: block;
    }

    .block-cms-specific-type-simplify .description p.img-reponsive-container {
        padding: 0;
    }

    .block-cms-specific-type-1 {
        margin-top: 20px;
    }

    .block-cms-specific-type-1 .description {
        min-height: inherit;
    }

    .block-cms-specific-type-1 .description p.img-reponsive-container {
        padding: 0;
    }

    .block-cms-specific-type-2 .description {
        margin-bottom: -20px;
    }

    .block-cms-specific-type-3 .description {
        min-height: inherit;
    }

    .block-cms-specific-type-3 .description .cms-subtitle {
        font-size: 14px;
    }

    .block-cms-specific-type-3 .description img {
        margin: 0 auto 10px auto;
    }

    .zone-business-zone-6-bloc-cms-1 .block-cms-specific-type-4 .description h3 {
        height: 70px;
        line-height: 70px;
    }

    .zone-business-zone-6-bloc-cms-2 .block-cms-specific-type-4 .description h3 {
        height: 60px;
        line-height: 60px;
    }

    .block-specific-link-red-button .link-container a {
        font-size: 20px;
    }

    .block-cms-specific-type-1 .links a, .zone-services-zone-2 .block-generic-1-3-d-u .links a {
        font-size: 16px;
    }

    .zone-services-zone-2 .block-generic-1-3-d-u .block-inner-content .description p span:nth-child(2) {
        font-size: 16px !important;
    }

    .zone-services-zone-6 .block-cms-specific-type-1 .description h3, .block-cms-specific-type-1 .description p,
    .zone-services-zone-6 .block-cms-specific-type-1 .description p:nth-child(3) {
        height: auto;
    }

    .block-specific-link-red-rounded-button a {
        width: 100%;
    }

    .block-cms-specific-type-simplify .description {
        min-height: inherit;
    }

    /*
    .block-cms-specific-type-2
    Block with a leading image and a description which must cover the bottom
    off the image with a grey transparent background
    Usage: rubric drivers
    */
    .type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-2 div.row.links .link-container {
        padding: 0;
        width: 50%;
    }

    .type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-2 div.row.links {
        padding: 0;
    }

    .type-page-homepage .zone-simplify-your-taxi .zone-simplify-your-taxi-bloc-2 div.row.links .link-container.last {
        border: medium;
    }

    /*
    .g7-connect-bloc
    Block for the G7 bloc operation
    Usage: rubric business
    */
    .g7-connect-bloc .description-block {
        text-align: center;
        padding: 20px 20px;
    }

    .g7-connect-bloc .block-specific-link-red-button .link-container {
        text-align: center;
    }

    .block-specific-link-red-button .link-container a {
        padding: 15px 40px;
        font-size: 15px;
    }

    .g7-connect-bloc .img-block {
        width: 100%;
        height: auto;
    }

    .g7-connect-bloc .block-inner-content {
        height: 100%;
    }

    .g7-connect-bloc .block-inner-content .description > div {
        float: none;
    }
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.15.35
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
    list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em;
}
@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cccccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}
.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eeeeee;
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
    position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
    background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
    color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
    cursor: pointer;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}

.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}

/*
    Forms generic rules (radios + checkboxes)
    All form must inherit the "g7-form" class to benefit from theses rules
*/
form.g7-form {

}

form.g7-form .form-group-error input,
form.g7-form .form-group-error select
{
    border: 1px solid #ea002a;
}

form.g7-form label {
    margin-left: 20px;
    font-weight: normal;
}

form.g7-form .radio,
form.g7-form .radio-inline {
    padding-top: 0;
}

form.g7-form .radio-container .radio {
    padding-left: 0;
}

form.g7-form .radio-container .radio-inline {
    padding-left: 5px;
}

form.g7-form .form-control {
    height: 50px;
    background-color: #fff;
    border-radius: 1px;
    border-color: #fff;
    box-shadow: none;
}

form.g7-form textarea.form-control {
    height: 100px;
}

form.g7-form .input-group .input-group-addon {
    background-color: #fff;
    border-radius: 1px;
    border-color: #fff;
    box-shadow: none;
}

form.g7-form .input-group .input-group-addon a {
    color: #333;
}

form.g7-form .form-group .select {
    position: relative;
    display: inline-block;
    width: 100%;
}

form.g7-form .form-group select {
    display: inline-block;
    cursor: pointer;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

form.g7-form .form-group .select .select_arrow {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

form.g7-form button.btn-submit-red {
    margin-top:  40px;
    color: white;
    background: #EB2036;
    border: 1px solid #EB2036;
    -webkit-border-radius: 2px;
    font-size: 16px;
    padding: 25px 50px;
}

form.g7-form .form-helper {
    margin-left: 20px;
    margin-top: 5px;
}

/* Bootstrap-select */
form.g7-form .bootstrap-select.form-control {
    height: 50px;
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

form.g7-form .bootstrap-select.form-control button {
    height: 50px;
    border: none;
    border-radius: 2px;
    padding: 6px 30px 6px 15px;
    font-family: LatoWeb, sans-serif;
    font-size: 15px;
    color: #42413f;
}

form.g7-form .bootstrap-select.form-control button.btn-default:hover {
    background-color: transparent;
}

/*
    Forms specific input rules (radios + checkboxes)
    Used with awesome_bootstrap-checkbox.css
*/
.radio {
    display: inline;
    margin-left: 15px;
}

.radio label {
    padding-left: 0;
}

.radio label::before {
    width: 14px;
    height: 14px;
    top: 2px;
    margin-left: -18px;
    border: 3px solid #fff;
}

.radio label::after {
    width: 8px;
    height: 8px;
    left: 5px;
    top: 5px;
}

.checkbox {
}

.checkbox label {
}

.checkbox label::before {
    border: none;
    top: 2px;
}

.checkbox label::after {
    margin-left: -20px;
    top: 2px;
}

.radio-tg7 input[type="radio"] + label::after {
    background-color: #fff;
}
.radio-tg7 input[type="radio"]:checked + label::before {
    border-color: #ea002a;
}
.radio-tg7 input[type="radio"]:checked + label::after {
    background-color: #fff;
}

.radio-driver{
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
}

.radio-driver label{
    padding: 15px 0 0 35px;
    display: inline-block;
    width: 100%;
    height: 50px;
}

.radio-driver{
    display: block;
    margin: 0;
    padding: 0;
}

.radio-driver label::before {
    width: 20px;
    height: 20px;
    top: 14px;
    margin-left: 10px;
    border: 2px solid #42413f;
}

.radio-driver label::after {
    width: 10px;
    height: 10px;
    left: 35px;
    top: 19px;
    background: #ea002a;
}

.radio-driver input[type="radio"]:checked::before {
    background-color: #ea002a;
}

.radio-driver input[type="radio"]:checked + label::before {
    background-color: #ea002a;
    border-color: #fff;
}

.radio-driver input[type="radio"]:checked + label{
    background-color: #ea002a;
    color: #fff;
}

.radio-driver input[type="radio"] + label::after {
    background-color: #fff;
}

.radio-checkout label {
    padding-left: 5px;
}

.radio-checkout label::before {
    background-color: #eaeaea;
    width: 17px;
    height: 17px;
    top: 2px;
    margin-left: -20px;
    border: 3px solid #eaeaea;
}

.radio-checkout input[type="radio"] + label::after {
    background-color: #eaeaea;
}
.radio-checkout input[type="radio"]:checked + label::before {
    border-color: #ea002a;
}
.radio-checkout input[type="radio"]:checked + label::after {
    background-color: #eaeaea;
}

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
    font-family: "fontello";
    content: "\e80c";
}

.checkbox-tg7 input[type="checkbox"]:checked + label::before,
.checkbox-tg7 input[type="radio"]:checked + label::before {
    background-color: #fff;
    border-color: #fff;
}
.checkbox-tg7 input[type="checkbox"]:checked + label::after,
.checkbox-tg7 input[type="radio"]:checked + label::after {
    color: #ea002a;
}

.checkbox-checkout label::before {
    background-color: #e6e6e6;
}

.checkbox-checkout input[type="checkbox"]:checked + label::before,
.checkbox-checkout input[type="radio"]:checked + label::before {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}
.checkbox-checkout input[type="checkbox"]:checked + label::after,
.checkbox-checkout input[type="radio"]:checked + label::after {
    color: #ea002a;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'fontello';
    content: "\e80c";
}

/* Contact form part - start */
form.contact-form .form-group.has-error .input-group-addon {
    border-color: #fff;
    background-color: #fff;
    border-radius: 0px;
    color: #e40521;
}

form.contact-form .form-group.label-textarea.has-error .input-group-addon {
    vertical-align: top;
}

form.contact-form .form-group.has-error .input-group-addon.disabled-icon-cancel {
    border-color: #eee;
    background-color: #eee;
}
/* Contact form part - end */
@media (max-width: 767px) {
    .checkbox {
        padding-right: 20px;
    }

    .checkbox label {
        font-size: 15px;
    }

    .checkbox label::before {
        border: none;
        top: 2px;
    }

    .checkbox label::after {
        top: 2px;
        left: 1px;
    }
}