.contact-us-form {
    width: 320px
}

    .contact-us-form button {
        width: 100%
    }

.form-block form[name=ContactForm] input[type=text] {
    width: 100%
}

.form-block form[name=ContactForm] textarea {
    width: 100%
}

@media only screen and (max-width:480px) {
    .contact-us-form, .contact-us-form button {
        display: block;
        padding: 0;
        width: 99%
    }
}

section#loginForm {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5em
}

    section#loginForm fieldset {
        margin-top: 5em;
        padding: 1em
    }

    section#loginForm input {
        margin-bottom: .3em
    }

        section#loginForm input[type=submit] {
            padding: .2em 1em;
            float: right;
            margin-top: .5em;
            margin-right: 1em
        }

    section#loginForm .field-validation-error, section#loginForm .validation-summary-errors {
        color: #fff;
        background-color: #e51400;
        padding: .2em .5em;
        display: block;
        font-size: .65em
    }

.agenda-schedule-container table {
    width: 100%
}

.agenda-page .logo-container {
    text-align: center
}

.agenda-page .menu-container, .agenda-page .menu-toggle-button-container, .agenda-page .secondary-menu-container {
    display: none
}

.agenda-schedule-container table caption {
    display: none
}

.agenda-schedule-container table th {
    background: #0a0a0a;
    border-color: #fff;
    border-style: solid;
    border-width: 1px 0;
    color: #fff;
    font-size: 105%;
    font-weight: 600;
    padding: 10px;
    text-align: center;
    text-transform: uppercase
}

    .agenda-schedule-container table th:first-child {
        width: 50px
    }

    .agenda-schedule-container table th:first-child {
        border-right-width: 1px
    }

.agenda-schedule-container table td {
    border: 0;
    color: #666;
    font-size: 105%;
    padding: 10px;
    vertical-align: top
}

.agenda-schedule-container table tbody tr.odd {
    background: #f2f2f2
}

.agenda-schedule-container table td strong {
    display: block;
    font-weight: 600;
    margin: 0 0 5px 0
}

.agenda-schedule-container table td:first-child {
    font-weight: 600;
    text-align: center
}

.agenda-schedule-container table td ul {
    margin: 0 0 0 15px
}

    .agenda-schedule-container table td ul li {
        font-weight: 300;
        list-style: disc
    }

        .agenda-schedule-container table td ul li strong {
            display: inline;
            font-weight: 400
        }

@media only screen and (max-width:480px) {
    .content-page .navigation-wrapper ul li a strong {
        display: block
    }

    .agenda-page #body .content-wrapper {
        padding: 0
    }

        .agenda-page #body .content-wrapper article {
            margin: 0
        }
}

.fade-in.mui-enter, .fade-out.mui-leave, .hinge-in-from-bottom.mui-enter, .hinge-in-from-left.mui-enter, .hinge-in-from-middle-x.mui-enter, .hinge-in-from-middle-y.mui-enter, .hinge-in-from-right.mui-enter, .hinge-in-from-top.mui-enter, .hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave, .hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave, .hinge-out-from-right.mui-leave, .hinge-out-from-top.mui-leave, .scale-in-down.mui-enter, .scale-in-up.mui-enter, .scale-out-down.mui-leave, .scale-out-up.mui-leave, .slide-in-down.mui-enter, .slide-in-left.mui-enter, .slide-in-right.mui-enter, .slide-in-up.mui-enter, .slide-out-down.mui-leave, .slide-out-left.mui-leave, .slide-out-right.mui-leave, .slide-out-up.mui-leave, .spin-in-ccw.mui-enter, .spin-in.mui-enter, .spin-out-ccw.mui-leave, .spin-out.mui-leave {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.slide-in-down.mui-enter {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-down.mui-enter.mui-enter-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-left.mui-enter {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-left.mui-enter.mui-enter-active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-in-up.mui-enter {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-up.mui-enter.mui-enter-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-right.mui-enter {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-right.mui-enter.mui-enter-active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-out-down.mui-leave {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-down.mui-leave.mui-leave-active {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

.slide-out-right.mui-leave {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-right.mui-leave.mui-leave-active {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

.slide-out-up.mui-leave {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-up.mui-leave.mui-leave-active {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

.slide-out-left.mui-leave {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-left.mui-leave.mui-leave-active {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.fade-in.mui-enter {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

    .fade-in.mui-enter.mui-enter-active {
        opacity: 1
    }

.fade-out.mui-leave {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

    .fade-out.mui-leave.mui-leave-active {
        opacity: 0
    }

.hinge-in-from-top.mui-enter {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-top.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-right.mui-enter {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-right.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-bottom.mui-enter {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-bottom.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-left.mui-enter {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-left.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-middle-x.mui-enter {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-middle-x.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-middle-y.mui-enter {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-middle-y.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-out-from-top.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-top.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-right.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-right.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.hinge-out-from-bottom.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-bottom.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(90deg);
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0
    }

.hinge-out-from-left.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-left.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }

.hinge-out-from-middle-x.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-middle-x.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-middle-y.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-middle-y.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.scale-in-up.mui-enter {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .scale-in-up.mui-enter.mui-enter-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-in-down.mui-enter {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .scale-in-down.mui-enter.mui-enter-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-out-up.mui-leave {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .scale-out-up.mui-leave.mui-leave-active {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }

.scale-out-down.mui-leave {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .scale-out-down.mui-leave.mui-leave-active {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

.spin-in.mui-enter {
    -webkit-transform: rotate(-.75turn);
    -ms-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .spin-in.mui-enter.mui-enter-active {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out.mui-leave {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .spin-out.mui-leave.mui-leave-active {
        -webkit-transform: rotate(.75turn);
        -ms-transform: rotate(.75turn);
        transform: rotate(.75turn);
        opacity: 0
    }

.spin-in-ccw.mui-enter {
    -webkit-transform: rotate(.75turn);
    -ms-transform: rotate(.75turn);
    transform: rotate(.75turn);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .spin-in-ccw.mui-enter.mui-enter-active {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out-ccw.mui-leave {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .spin-out-ccw.mui-leave.mui-leave-active {
        -webkit-transform: rotate(-.75turn);
        -ms-transform: rotate(-.75turn);
        transform: rotate(-.75turn);
        opacity: 0
    }

.slow {
    -webkit-transition-duration: 750ms !important;
    transition-duration: 750ms !important
}

.fast {
    -webkit-transition-duration: 250ms !important;
    transition-duration: 250ms !important
}

.linear {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

.ease {
    -webkit-transition-timing-function: ease !important;
    transition-timing-function: ease !important
}

.ease-in {
    -webkit-transition-timing-function: ease-in !important;
    transition-timing-function: ease-in !important
}

.ease-out {
    -webkit-transition-timing-function: ease-out !important;
    transition-timing-function: ease-out !important
}

.ease-in-out {
    -webkit-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    -webkit-transition-timing-function: cubic-bezier(.485,.155,.24,1.245) !important;
    transition-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    -webkit-transition-timing-function: cubic-bezier(.485,.155,.515,.845) !important;
    transition-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    -webkit-transition-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important;
    transition-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    -webkit-transition-delay: .3s !important;
    transition-delay: .3s !important
}

.long-delay {
    -webkit-transition-delay: .7s !important;
    transition-delay: .7s !important
}

.shake {
    -webkit-animation-name: shake-7;
    animation-name: shake-7
}

.spin-cw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}

.spin-ccw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}

.wiggle {
    -webkit-animation-name: wiggle-7deg;
    animation-name: wiggle-7deg
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.slow {
    -webkit-animation-duration: 750ms !important;
    animation-duration: 750ms !important
}

.fast {
    -webkit-animation-duration: 250ms !important;
    animation-duration: 250ms !important
}

.linear {
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important
}

.ease {
    -webkit-animation-timing-function: ease !important;
    animation-timing-function: ease !important
}

.ease-in {
    -webkit-animation-timing-function: ease-in !important;
    animation-timing-function: ease-in !important
}

.ease-out {
    -webkit-animation-timing-function: ease-out !important;
    animation-timing-function: ease-out !important
}

.ease-in-out {
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important;
    animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important;
    animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important;
    animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    -webkit-animation-delay: .3s !important;
    animation-delay: .3s !important
}

.long-delay {
    -webkit-animation-delay: .7s !important;
    animation-delay: .7s !important
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

.foundation-mq {
    font-family: "small=0em&medium=48em&large=64.375em&xlarge=75em&xxlarge=90em"
}



*, :after, :before {
    box-sizing: inherit
}



img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    width: 100%;
    border-radius: 0
}

#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none !important
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1
}

.row {
    max-width: unset;
    margin-left: auto;
    margin-right: auto
}

    .row::after, .row::before {
        content: " ";
        display: table
    }

    .row::after {
        clear: both
    }

    .row.collapse > .column, .row.collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row .row {
        margin-left: -.625rem;
        margin-right: -.625rem
    }

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

    .row.small-collapse > .column, .row.small-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .row.expanded {
        max-width: none
    }

.column, .columns {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

    .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
        float: right
    }

    .column.end:last-child:last-child, .end.columns:last-child:last-child {
        float: left
    }

    .column.row.row, .row.row.columns {
        float: none
    }

.row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.small-1 {
    width: 8.3333333333%
}

.small-push-1 {
    position: relative;
    left: 8.3333333333%
}

.small-pull-1 {
    position: relative;
    left: -8.3333333333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    width: 16.6666666667%
}

.small-push-2 {
    position: relative;
    left: 16.6666666667%
}

.small-pull-2 {
    position: relative;
    left: -16.6666666667%
}

.small-offset-1 {
    margin-left: 8.3333333333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

.small-offset-2 {
    margin-left: 16.6666666667%
}

.small-4 {
    width: 33.3333333333%
}

.small-push-4 {
    position: relative;
    left: 33.3333333333%
}

.small-pull-4 {
    position: relative;
    left: -33.3333333333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.6666666667%
}

.small-push-5 {
    position: relative;
    left: 41.6666666667%
}

.small-pull-5 {
    position: relative;
    left: -41.6666666667%
}

.small-offset-4 {
    margin-left: 33.3333333333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

.small-offset-5 {
    margin-left: 41.6666666667%
}

.small-7 {
    width: 58.3333333333%
}

.small-push-7 {
    position: relative;
    left: 58.3333333333%
}

.small-pull-7 {
    position: relative;
    left: -58.3333333333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.6666666667%
}

.small-push-8 {
    position: relative;
    left: 66.6666666667%
}

.small-pull-8 {
    position: relative;
    left: -66.6666666667%
}

.small-offset-7 {
    margin-left: 58.3333333333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

.small-offset-8 {
    margin-left: 66.6666666667%
}

.small-10 {
    width: 83.3333333333%
}

.small-push-10 {
    position: relative;
    left: 83.3333333333%
}

.small-pull-10 {
    position: relative;
    left: -83.3333333333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.6666666667%
}

.small-push-11 {
    position: relative;
    left: 91.6666666667%
}

.small-pull-11 {
    position: relative;
    left: -91.6666666667%
}

.small-offset-10 {
    margin-left: 83.3333333333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.6666666667%
}

.small-up-1 > .column, .small-up-1 > .columns {
    width: 100%;
    float: left
}

    .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
        clear: both
    }

    .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
        float: left
    }

.small-up-2 > .column, .small-up-2 > .columns {
    width: 50%;
    float: left
}

    .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
        clear: both
    }

    .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
        float: left
    }

.small-up-3 > .column, .small-up-3 > .columns {
    width: 33.3333333333%;
    float: left
}

    .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
        clear: both
    }

    .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
        float: left
    }

.small-up-4 > .column, .small-up-4 > .columns {
    width: 25%;
    float: left
}

    .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
        clear: both
    }

    .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
        float: left
    }

.small-up-5 > .column, .small-up-5 > .columns {
    width: 20%;
    float: left
}

    .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
        clear: both
    }

    .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
        float: left
    }

.small-up-6 > .column, .small-up-6 > .columns {
    width: 16.6666666667%;
    float: left
}

    .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
        clear: both
    }

    .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
        float: left
    }

.small-up-7 > .column, .small-up-7 > .columns {
    width: 14.2857142857%;
    float: left
}

    .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
        clear: both
    }

    .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
        float: left
    }

.small-up-8 > .column, .small-up-8 > .columns {
    width: 12.5%;
    float: left
}

    .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
        clear: none
    }

    .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
        clear: both
    }

    .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
        float: left
    }

.column.small-centered, .small-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.small-pull-0, .small-push-0, .small-uncenter {
    position: static;
    margin-left: 0;
    margin-right: 0
}

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}

p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility
}

em, i {
    font-style: italic;
    line-height: inherit
}

b, strong {
    font-weight: 700;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

h1, h2, h3, h4, h5, h6 {
    font-family: Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.4
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        color: #cacaca;
        line-height: 0
    }

h1 {
    font-size: 1.5rem
}

h2 {
    font-size: 1.25rem
}

h3 {
    font-size: 1.1875rem
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: 1.0625rem
}

h6 {
    font-size: 1rem
}

a {
    color: #2199e8;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer
}

    a:focus, a:hover {
        color: #1585cf
    }

    a img {
        border: 0
    }

hr {
    max-width: 75rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    margin: 1.25rem auto;
    clear: both
}

dl, ol, ul {
    line-height: 1.6;
    margin-bottom: 1rem;
    list-style-position: outside
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc;
    margin-left: 1.25rem
}

ol {
    margin-left: 1.25rem
}

    ol ol, ol ul, ul ol, ul ul {
        margin-left: 1.25rem;
        margin-bottom: 0;
        list-style-type: inherit
    }

dl {
    margin-bottom: 1rem
}

    dl dt {
        margin-bottom: .3rem;
        font-weight: 700
    }

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

    blockquote, blockquote p {
        line-height: 1.6;
        color: #8a8a8a
    }

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

    cite:before {
        content: "\2014 \0020"
    }

abbr {
    color: #464646;
    cursor: help;
    border-bottom: 1px dotted #0a0a0a
}

code {
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    font-weight: 400;
    color: #0a0a0a;
    background-color: #e6e6e6;
    border: 1px solid #cacaca;
    padding: .125rem .3125rem .0625rem
}

kbd {
    padding: .125rem .25rem 0;
    margin: 0;
    background-color: #e6e6e6;
    color: #0a0a0a;
    font-family: Consolas,"Liberation Mono",Courier,monospace
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.show-for-print {
    display: none !important
}

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: .85em 1em;
    margin: 0 1rem 1rem 0;
    font-size: .9rem;
    background: #2199e8;
    color: #fff
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus, .button:hover {
    background: #1583cc;
    color: #fff
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.button.primary {
    background: #2199e8;
    color: #fff
}

    .button.primary:focus, .button.primary:hover {
        background: #147cc0;
        color: #fff
    }

.button.secondary {
    background: #777;
    color: #fff
}

    .button.secondary:focus, .button.secondary:hover {
        background: #5f5f5f;
        color: #fff
    }

.button.success {
    background: #3adb76;
    color: #fff
}

    .button.success:focus, .button.success:hover {
        background: #22bb5b;
        color: #fff
    }

.button.alert {
    background: #ec5840;
    color: #fff
}

    .button.alert:focus, .button.alert:hover {
        background: #da3116;
        color: #fff
    }

.button.warning {
    background: #ffae00;
    color: #fff
}

    .button.warning:focus, .button.warning:hover {
        background: #cc8b00;
        color: #fff
    }

.button.hollow {
    border: 1px solid #2199e8;
    color: #2199e8
}

    .button.hollow, .button.hollow:focus, .button.hollow:hover {
        background: 0 0
    }

        .button.hollow:focus, .button.hollow:hover {
            border-color: #0c4d78;
            color: #0c4d78
        }

        .button.hollow.primary {
            border: 1px solid #2199e8;
            color: #2199e8
        }

            .button.hollow.primary:focus, .button.hollow.primary:hover {
                border-color: #0c4d78;
                color: #0c4d78
            }

        .button.hollow.secondary {
            border: 1px solid #777;
            color: #777
        }

            .button.hollow.secondary:focus, .button.hollow.secondary:hover {
                border-color: #3c3c3c;
                color: #3c3c3c
            }

        .button.hollow.success {
            border: 1px solid #3adb76;
            color: #3adb76
        }

            .button.hollow.success:focus, .button.hollow.success:hover {
                border-color: #157539;
                color: #157539
            }

        .button.hollow.alert {
            border: 1px solid #ec5840;
            color: #ec5840
        }

            .button.hollow.alert:focus, .button.hollow.alert:hover {
                border-color: #881f0e;
                color: #881f0e
            }

        .button.hollow.warning {
            border: 1px solid #ffae00;
            color: #ffae00
        }

            .button.hollow.warning:focus, .button.hollow.warning:hover {
                border-color: #805700;
                color: #805700
            }

.button.disabled, .button[disabled] {
    opacity: .25;
    cursor: not-allowed;
    pointer-events: none
}

.button.dropdown::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset .4em;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    position: relative;
    top: .4em;
    float: right;
    margin-left: 1em;
    display: inline-block
}

.button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: .2em
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    border-radius: 0;
    -webkit-transition: box-shadow .5s,border-color .25s ease-in-out;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none
}

    [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
        border: 1px solid #8a8a8a;
        background: #fefefe;
        outline: 0;
        box-shadow: 0 0 5px #cacaca;
        -webkit-transition: box-shadow .5s,border-color .25s ease-in-out;
        transition: box-shadow .5s,border-color .25s ease-in-out
    }

textarea {
    max-width: 100%
}

    textarea[rows] {
        height: auto
    }

    input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
        background-color: #e6e6e6;
        cursor: default
    }

[type=button], [type=submit] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    box-sizing: border-box
}

[type=checkbox], [type=file], [type=radio] {
    margin: 0 0 1rem
}

    [type=checkbox] + label, [type=radio] + label {
        display: inline-block;
        margin-left: .5rem;
        margin-right: 1rem;
        margin-bottom: 0;
        vertical-align: baseline
    }

label > [type=checkbox], label > [type=label] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

    label.middle {
        margin: 0 0 1rem;
        padding: .5625rem 0
    }

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #333
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

    .input-group > :first-child {
        border-radius: 0
    }

    .input-group > :last-child > * {
        border-radius: 0
    }

.input-group-button, .input-group-field, .input-group-label {
    display: table-cell;
    margin: 0;
    vertical-align: middle
}

.input-group-label {
    text-align: center;
    width: 1%;
    height: 100%;
    padding: 0 1rem;
    background: #e6e6e6;
    color: #0a0a0a;
    border: 1px solid #cacaca
}

    .input-group-label:first-child {
        border-right: 0
    }

    .input-group-label:last-child {
        border-left: 0
    }

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%
}

    .input-group-button a, .input-group-button button, .input-group-button input {
        margin: 0
    }

fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

legend {
    margin-bottom: .5rem
}

.fieldset {
    border: 1px solid #cacaca;
    padding: 1.25rem;
    margin: 1.125rem 0
}

    .fieldset legend {
        background: #fff;
        padding: 0 .1875rem;
        margin: 0;
        margin-left: -.1875rem
    }

select {
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fafafa;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"32\" height=\"24\" viewBox=\"0 0 32 24\"><polygon points=\"0,0 32,0 16,24\" style=\"fill: rgb(51, 51, 51)\"></polygon></svg>");
    background-size: 9px 6px;
    background-position: right .5rem center;
    background-repeat: no-repeat
}

    select:disabled {
        background-color: #e6e6e6;
        cursor: default
    }

    select::-ms-expand {
        display: none
    }

    select[multiple] {
        height: auto
    }

.is-invalid-input:not(:focus) {
    background-color: rgba(236,88,64,.1);
    border-color: #ec5840
}

.is-invalid-label {
    color: #ec5840
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700;
    color: #ec5840
}

    .form-error.is-visible {
        display: block
    }

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto
    }

.hide-for-portrait, .show-for-landscape {
    display: block !important
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clearfix::after, .clearfix::before {
    content: " ";
    display: table
}

.clearfix::after {
    clear: both
}

.accordion {
    list-style-type: none;
    background: #fefefe;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    margin-left: 0
}

.accordion-title {
    display: block;
    padding: 1.25rem 1rem;
    line-height: 1;
    font-size: .75rem;
    color: #2199e8;
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

    .accordion-title:focus, .accordion-title:hover {
        background-color: #e6e6e6
    }

:last-child > .accordion-title {
    border-bottom-width: 0
}

.accordion-title::before {
    content: "+";
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -.5rem
}

.is-active > .accordion-title::before {
    content: "–"
}

.accordion-content {
    padding: 1.25rem 1rem;
    display: none;
    border-bottom: 1px solid #e6e6e6
}

.is-accordion-submenu-parent > a {
    position: relative
}

    .is-accordion-submenu-parent > a::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        border-color: #2199e8 transparent transparent;
        border-top-style: solid;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 1rem
    }

.is-accordion-submenu-parent[aria-expanded=true] > a::after {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.badge {
    display: inline-block;
    padding: .3em;
    min-width: 2.1em;
    font-size: .6rem;
    text-align: center;
    border-radius: 50%;
    background: #2199e8;
    color: #fefefe
}

    .badge.secondary {
        background: #777;
        color: #fefefe
    }

    .badge.success {
        background: #3adb76;
        color: #fefefe
    }

    .badge.alert {
        background: #ec5840;
        color: #fefefe
    }

    .badge.warning {
        background: #ffae00;
        color: #fefefe
    }

.breadcrumbs {
    list-style: none;
    margin: 0 0 1rem 0
}

    .breadcrumbs::after, .breadcrumbs::before {
        content: " ";
        display: table
    }

    .breadcrumbs::after {
        clear: both
    }

    .breadcrumbs li {
        float: left;
        color: #0a0a0a;
        font-size: .6875rem;
        cursor: default;
        text-transform: uppercase
    }

        .breadcrumbs li:not(:last-child)::after {
            color: #cacaca;
            content: "/";
            margin: 0 .75rem;
            position: relative;
            top: 1px;
            opacity: 1
        }

    .breadcrumbs a {
        color: #2199e8
    }

        .breadcrumbs a:hover {
            text-decoration: underline
        }

    .breadcrumbs .disabled {
        color: #cacaca
    }

.button-group {
    margin-bottom: 1rem;
    font-size: .9rem
}

    .button-group::after, .button-group::before {
        content: " ";
        display: table
    }

    .button-group::after {
        clear: both
    }

    .button-group .button {
        float: left;
        margin: 0;
        font-size: inherit
    }

        .button-group .button:not(:last-child) {
            border-right: 1px solid #fff
        }

    .button-group.tiny {
        font-size: .6rem
    }

    .button-group.small {
        font-size: .75rem
    }

    .button-group.large {
        font-size: 1.25rem
    }

    .button-group.expanded .button:nth-last-child(2):first-child, .button-group.expanded .button:nth-last-child(2):first-child ~ .button {
        width: 50%
    }

    .button-group.expanded .button:nth-last-child(3):first-child, .button-group.expanded .button:nth-last-child(3):first-child ~ .button {
        width: 33.3333333333%
    }

    .button-group.expanded .button:nth-last-child(4):first-child, .button-group.expanded .button:nth-last-child(4):first-child ~ .button {
        width: 25%
    }

    .button-group.expanded .button:nth-last-child(5):first-child, .button-group.expanded .button:nth-last-child(5):first-child ~ .button {
        width: 20%
    }

    .button-group.expanded .button:nth-last-child(6):first-child, .button-group.expanded .button:nth-last-child(6):first-child ~ .button {
        width: 16.6666666667%
    }

    .button-group.primary .button {
        background: #2199e8;
        color: #fff
    }

        .button-group.primary .button:focus, .button-group.primary .button:hover {
            background: #147cc0;
            color: #fff
        }

    .button-group.secondary .button {
        background: #777;
        color: #fff
    }

        .button-group.secondary .button:focus, .button-group.secondary .button:hover {
            background: #5f5f5f;
            color: #fff
        }

    .button-group.success .button {
        background: #3adb76;
        color: #fff
    }

        .button-group.success .button:focus, .button-group.success .button:hover {
            background: #22bb5b;
            color: #fff
        }

    .button-group.alert .button {
        background: #ec5840;
        color: #fff
    }

        .button-group.alert .button:focus, .button-group.alert .button:hover {
            background: #da3116;
            color: #fff
        }

    .button-group.warning .button {
        background: #ffae00;
        color: #fff
    }

        .button-group.warning .button:focus, .button-group.warning .button:hover {
            background: #cc8b00;
            color: #fff
        }

    .button-group.stacked .button, .button-group.stacked-for-small .button {
        width: 100%;
        border-right: 0
    }

.callout {
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10,10,10,.25);
    border-radius: 0;
    position: relative;
    color: #464646;
    background-color: #fff
}

    .callout > :first-child {
        margin-top: 0
    }

    .callout > :last-child {
        margin-bottom: 0
    }

    .callout.primary {
        background-color: #def0fc
    }

    .callout.secondary {
        background-color: #ebebeb
    }

    .callout.success {
        background-color: #e1faea
    }

    .callout.alert {
        background-color: #fce6e2
    }

    .callout.warning {
        background-color: #fff3d9
    }

    .callout.small {
        padding-top: .5rem;
        padding-right: .5rem;
        padding-bottom: .5rem;
        padding-left: .5rem
    }

    .callout.large {
        padding-top: 3rem;
        padding-right: 3rem;
        padding-bottom: 3rem;
        padding-left: 3rem
    }

.close-button {
    position: absolute;
    color: #8a8a8a;
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus, .close-button:hover {
    color: #0a0a0a
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #fefefe;
    -webkit-transition: -webkit-transform .15s linear;
    transition: transform .15s linear
}

    .is-drilldown-submenu.is-active {
        z-index: 1;
        display: block;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .is-drilldown-submenu.is-closing {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

.is-drilldown-submenu-parent > a {
    position: relative
}

    .is-drilldown-submenu-parent > a::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 1rem
    }

.js-drilldown-back::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    float: left;
    margin-right: .75rem;
    margin-left: .6rem;
    margin-top: 14px
}

.dropdown-pane {
    background-color: #fff;
    border: 1px solid #cacaca;
    display: block;
    padding: 1rem;
    position: absolute;
    visibility: hidden;
    width: 300px;
    z-index: 10;
    border-radius: 0
}

    .dropdown-pane.is-open {
        visibility: visible
    }

    .dropdown-pane.tiny {
        width: 100px
    }

    .dropdown-pane.small {
        width: 200px
    }

    .dropdown-pane.large {
        width: 400px
    }

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.dropdown.menu .is-dropdown-submenu-parent {
    position: relative
}

    .dropdown.menu .is-dropdown-submenu-parent a::after {
        float: right;
        margin-top: 3px;
        margin-left: 10px
    }

    .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a {
        padding-right: 1.5rem;
        position: relative
    }

    .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: #2199e8 transparent transparent;
        border-top-style: solid;
        position: absolute;
        top: .375rem;
        right: 5px
    }

    .dropdown.menu .is-dropdown-submenu-parent.is-left-arrow > a::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        float: left;
        margin-left: 0;
        margin-right: 10px
    }

    .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid
    }

    .dropdown.menu .is-dropdown-submenu-parent.is-left-arrow.opens-inner .submenu {
        right: 0;
        left: auto
    }

    .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow.opens-inner .submenu {
        left: 0;
        right: auto
    }

    .dropdown.menu .is-dropdown-submenu-parent.opens-inner .submenu {
        top: 100%
    }

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu .submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    z-index: 1;
    background: #fefefe;
    border: 1px solid #cacaca
}

    .dropdown.menu .submenu > li {
        width: 100%
    }

    .dropdown.menu .submenu.first-sub {
        top: 100%;
        left: 0;
        right: auto
    }

    .dropdown.menu .submenu.js-dropdown-active, .dropdown.menu .submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .dropdown.menu .submenu {
        display: block
    }

.dropdown.menu .is-dropdown-submenu-parent.opens-left .submenu {
    left: auto;
    right: 100%
}

.dropdown.menu.align-right .submenu.first-sub {
    top: 100%;
    left: auto;
    right: 0
}

.is-dropdown-menu.vertical {
    width: 100px
}

    .is-dropdown-menu.vertical.align-right {
        float: right
    }

    .is-dropdown-menu.vertical > li .submenu {
        top: 0;
        left: 100%
    }

.flex-video {
    position: relative;
    height: 0;
    padding-top: 1.5625rem;
    padding-bottom: 75%;
    margin-bottom: 1rem;
    overflow: hidden
}

    .flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .flex-video.widescreen {
        padding-bottom: 56.25%
    }

    .flex-video.vimeo {
        padding-top: 0
    }

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border-radius: 0;
    background: #2199e8;
    color: #fefefe
}

    .label.secondary {
        background: #777;
        color: #fefefe
    }

    .label.success {
        background: #3adb76;
        color: #fefefe
    }

    .label.alert {
        background: #ec5840;
        color: #fefefe
    }

    .label.warning {
        background: #ffae00;
        color: #fefefe
    }

.media-object {
    margin-bottom: 1rem;
    display: block
}

    .media-object img {
        max-width: none
    }

.media-object-section {
    display: table-cell;
    vertical-align: top
}

    .media-object-section:first-child {
        padding-right: 1rem
    }

    .media-object-section:last-child:not(+.media-object-section:first-child) {
        padding-left: 1rem
    }

    .media-object-section.middle {
        vertical-align: middle
    }

    .media-object-section.bottom {
        vertical-align: bottom
    }

.menu {
    margin: 0;
    list-style-type: none
}

    .menu > li {
        display: table-cell;
        vertical-align: middle
    }

[data-whatinput=mouse] .menu > li {
    outline: 0
}

.menu > li:not(.menu-text) > a {
    display: block;
    padding: .25rem;
    line-height: 1
}

.menu a, .menu button, .menu input {
    margin-bottom: 0
}

.menu > li > a > i, .menu > li > a > img {
    vertical-align: middle
}

.menu > li > a > span {
    vertical-align: middle
}

.menu > li > a > i, .menu > li > a > img {
    display: inline-block;
    margin-right: .25rem
}

.menu > li {
    display: table-cell
}

.menu.vertical > li {
    display: block
}

.menu.simple a {
    padding: 0;
    margin-right: .25rem
}

.menu.align-right > li {
    float: right
}

.menu.expanded {
    display: table;
    width: 100%
}

    .menu.expanded > li:nth-last-child(2):first-child, .menu.expanded > li:nth-last-child(2):first-child ~ li {
        width: 50%
    }

    .menu.expanded > li:nth-last-child(3):first-child, .menu.expanded > li:nth-last-child(3):first-child ~ li {
        width: 33.3333333333%
    }

    .menu.expanded > li:nth-last-child(4):first-child, .menu.expanded > li:nth-last-child(4):first-child ~ li {
        width: 25%
    }

    .menu.expanded > li:nth-last-child(5):first-child, .menu.expanded > li:nth-last-child(5):first-child ~ li {
        width: 20%
    }

    .menu.expanded > li:nth-last-child(6):first-child, .menu.expanded > li:nth-last-child(6):first-child ~ li {
        width: 16.6666666667%
    }

    .menu.expanded > li:first-child:last-child {
        width: 100%
    }

.menu.icon-top > li > a {
    text-align: center
}

    .menu.icon-top > li > a > i, .menu.icon-top > li > a > img {
        display: block;
        margin: 0 auto .25rem
    }

.menu.nested {
    margin-left: 1rem
}

.menu-text {
    font-weight: 700;
    color: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding: .25rem
}

.no-js [data-responsive-menu] ul {
    display: none
}

body, html {
    height: 100%
}

.off-canvas-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: auto
}

.off-canvas-wrapper-inner {
    position: relative;
    width: 100%;
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease
}

    .off-canvas-wrapper-inner::after, .off-canvas-wrapper-inner::before {
        content: " ";
        display: table
    }

    .off-canvas-wrapper-inner::after {
        clear: both
    }

.off-canvas-content {
    min-height: 100%;
    background: #fff;
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    box-shadow: 0 0 10px rgba(10,10,10,.5)
}

.js-off-canvas-exit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(254,254,254,.25);
    cursor: pointer;
    -webkit-transition: background .5s ease;
    transition: background .5s ease
}

.is-off-canvas-open .js-off-canvas-exit {
    display: block
}

.off-canvas {
    position: absolute;
    background: #e6e6e6;
    z-index: -1;
    max-height: 100%;
    overflow-y: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px
}

.is-open-left {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

.off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px
}

.is-open-right {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

.orbit {
    position: relative
}

.orbit-container {
    position: relative;
    margin: 0;
    overflow: hidden;
    list-style: none
}

.orbit-slide {
    width: 100%;
    max-height: 100%
}

    .orbit-slide.no-motionui.is-active {
        top: 0;
        left: 0
    }

.orbit-figure {
    margin: 0
}

.orbit-image {
    margin: 0;
    width: 100%;
    max-width: 100%
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    margin-bottom: 0;
    color: #fefefe;
    background-color: rgba(10,10,10,.5)
}

.orbit-next, .orbit-previous {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fefefe
}

[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover {
    background-color: rgba(10,10,10,.5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    background-color: #cacaca;
    border-radius: 50%
}

    .orbit-bullets button:hover {
        background-color: #8a8a8a
    }

    .orbit-bullets button.is-active {
        background-color: #8a8a8a
    }

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

    .pagination::after, .pagination::before {
        content: " ";
        display: table
    }

    .pagination::after {
        clear: both
    }

    .pagination li {
        font-size: .875rem;
        margin-right: .0625rem;
        display: none;
        border-radius: 0
    }

        .pagination li:first-child, .pagination li:last-child {
            display: inline-block
        }

    .pagination a, .pagination button {
        color: #0a0a0a;
        display: block;
        padding: .1875rem .625rem;
        border-radius: 0
    }

        .pagination a:hover, .pagination button:hover {
            background: #e6e6e6
        }

    .pagination .current {
        padding: .1875rem .625rem;
        background: #2199e8;
        color: #fefefe;
        cursor: default
    }

    .pagination .disabled {
        padding: .1875rem .625rem;
        color: #cacaca;
        cursor: default
    }

        .pagination .disabled:hover {
            background: 0 0
        }

    .pagination .ellipsis::after {
        content: "…";
        padding: .1875rem .625rem;
        color: #0a0a0a
    }

.pagination-previous a::before, .pagination-previous.disabled::before {
    content: "«";
    display: inline-block;
    margin-right: .5rem
}

.pagination-next a::after, .pagination-next.disabled::after {
    content: "»";
    display: inline-block;
    margin-left: .5rem
}

.progress {
    background-color: #cacaca;
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0
}

    .progress.primary .progress-meter {
        background-color: #2199e8
    }

    .progress.secondary .progress-meter {
        background-color: #777
    }

    .progress.success .progress-meter {
        background-color: #3adb76
    }

    .progress.alert .progress-meter {
        background-color: #ec5840
    }

    .progress.warning .progress-meter {
        background-color: #ffae00
    }

.progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #2199e8;
    border-radius: 0
}

    .progress-meter .progress-meter-text {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin: 0;
        font-size: .75rem;
        font-weight: 700;
        color: #fefefe;
        white-space: nowrap
    }

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

    .slider-fill.is-dragging {
        -webkit-transition: all 0s linear;
        transition: all 0s linear
    }

.slider-handle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #2199e8;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 0
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #1583cc
}

.slider-handle.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear
}

.slider.disabled, .slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

    .slider.vertical .slider-fill {
        top: 0;
        width: .5rem;
        max-height: 100%
    }

    .slider.vertical .slider-handle {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1.4rem;
        height: 1.4rem;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

.sticky-container {
    position: relative
}

.sticky {
    position: absolute;
    z-index: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .sticky.is-stuck {
        position: fixed;
        z-index: 5
    }

        .sticky.is-stuck.is-at-top {
            top: 0
        }

        .sticky.is-stuck.is-at-bottom {
            bottom: 0
        }

    .sticky.is-anchored {
        position: absolute;
        left: auto;
        right: auto
    }

        .sticky.is-anchored.is-at-bottom {
            bottom: 0
        }

body.is-reveal-open {
    overflow: hidden
}

.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1005;
    background-color: rgba(10,10,10,.45);
    overflow-y: scroll
}

.reveal {
    display: none;
    z-index: 1006;
    padding: 0;
    border: none;
    margin: 100px auto 0 auto;
    background-color: #fefefe;
    border-radius: 12px;
    position: absolute;
    overflow-y: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

.reveal .column, .reveal .columns {
    min-width: 0
}

.reveal > :last-child {
    margin-bottom: 0
}

.reveal.collapse {
    padding: 0
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: none
}

.switch {
    margin-bottom: 1rem;
    outline: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fefefe;
    font-weight: 700;
    font-size: .875rem
}

.switch-input {
    opacity: 0;
    position: absolute
}

.switch-paddle {
    background: #cacaca;
    cursor: pointer;
    display: block;
    position: relative;
    width: 4rem;
    height: 2rem;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    border-radius: 0;
    color: inherit;
    font-weight: inherit
}

input + .switch-paddle {
    margin: 0
}

.switch-paddle::after {
    background: #fefefe;
    content: "";
    display: block;
    position: absolute;
    height: 1.5rem;
    left: .25rem;
    top: .25rem;
    width: 1.5rem;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    border-radius: 0
}

input:checked ~ .switch-paddle {
    background: #2199e8
}

    input:checked ~ .switch-paddle::after {
        left: 2.25rem
    }

[data-whatinput=mouse] input:focus ~ .switch-paddle {
    outline: 0
}

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked + label > .switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked + label > .switch-inactive {
    display: none
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

    .switch.tiny .switch-paddle::after {
        width: 1rem;
        height: 1rem
    }

.switch.tiny input:checked ~ .switch-paddle:after {
    left: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

    .switch.small .switch-paddle::after {
        width: 1.25rem;
        height: 1.25rem
    }

.switch.small input:checked ~ .switch-paddle:after {
    left: 2rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

    .switch.large .switch-paddle::after {
        width: 2rem;
        height: 2rem
    }

.switch.large input:checked ~ .switch-paddle:after {
    left: 2.75rem
}

table {
    margin-bottom: 1rem;
    border-radius: 0
}

tbody, tfoot, thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

caption {
    font-weight: 700;
    padding: .5rem .625rem .625rem
}

tfoot, thead {
    background: #f8f8f8;
    color: #464646
}

    tfoot tr, thead tr {
        background: 0 0
    }

    tfoot td, tfoot th, thead td, thead th {
        padding: .5rem .625rem .625rem;
        font-weight: 700;
        text-align: left
    }

tbody tr:nth-child(even) {
    background-color: #f1f1f1
}

tbody td, tbody th {
    padding: .5rem .625rem .625rem
}

table.scroll {
    display: block;
    width: 100%;
    overflow-y: scroll
}

table.hover tr:hover {
    background-color: #f9f9f9
}

table.hover tr:nth-of-type(even):hover {
    background-color: #ececec
}

.tabs {
    margin: 0;
    list-style-type: none;
    background: #fefefe;
    border: 1px solid #e6e6e6
}

    .tabs::after, .tabs::before {
        content: " ";
        display: table
    }

    .tabs::after {
        clear: both
    }

    .tabs.simple > li > a {
        padding: 0
    }

        .tabs.simple > li > a:hover {
            background: 0 0
        }

    .tabs.vertical > li {
        width: auto;
        float: none;
        display: block
    }

    .tabs.primary {
        background: #2199e8
    }

        .tabs.primary > li > a {
            color: #fefefe
        }

            .tabs.primary > li > a:focus, .tabs.primary > li > a:hover {
                background: #1893e4
            }

.tabs-title {
    float: left
}

    .tabs-title > a {
        display: block;
        padding: 1.25rem 1.5rem;
        line-height: 1;
        font-size: 12px;
        color: #2199e8
    }

        .tabs-title > a:hover {
            background: #fefefe
        }

        .tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
            background: #e6e6e6
        }

.tabs-content {
    background: #fefefe;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid #e6e6e6;
    border-top: 0
}

    .tabs-content.vertical {
        border: 1px solid #e6e6e6;
        border-left: 0
    }

.tabs-panel {
    display: none;
    padding: 1rem
}

    .tabs-panel.is-active {
        display: block
    }

.thumbnail {
    border: solid 4px #fefefe;
    box-shadow: 0 0 0 1px rgba(10,10,10,.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    -webkit-transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out;
    border-radius: 0;
    margin-bottom: 1rem
}

    .thumbnail:focus, .thumbnail:hover {
        box-shadow: 0 0 6px 1px rgba(33,153,232,.5)
    }

.title-bar {
    background: 0 0;
    color: #fefefe;
    padding: .5rem
}

    .title-bar::after, .title-bar::before {
        content: " ";
        display: table
    }

    .title-bar::after {
        clear: both
    }

    .title-bar .menu-icon {
        margin-left: .25rem;
        margin-right: .5rem
    }

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    font-weight: 700;
    vertical-align: middle;
    display: inline-block
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}

    .menu-icon::after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        background: #fefefe;
        top: 0;
        left: 0;
        box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe
    }

    .menu-icon:hover::after {
        background: #cacaca;
        box-shadow: 0 7px 0 #cacaca,0 14px 0 #cacaca
    }

.has-tip {
    border-bottom: dotted 1px #8a8a8a;
    font-weight: 700;
    position: relative;
    display: inline-block;
    cursor: help
}

.tooltip {
    background-color: #0a0a0a;
    color: #fefefe;
    font-size: 80%;
    padding: .75rem;
    position: absolute;
    z-index: 10;
    top: calc(100% + .6495rem);
    max-width: 10rem !important;
    border-radius: 0
}

    .tooltip::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        border-color: transparent transparent #0a0a0a;
        border-bottom-style: solid;
        bottom: 100%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .tooltip.top::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        border-color: #0a0a0a transparent transparent;
        border-top-style: solid;
        top: 100%;
        bottom: auto
    }

    .tooltip.left::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        border-color: transparent transparent transparent #0a0a0a;
        border-left-style: solid;
        bottom: auto;
        left: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .tooltip.right::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        border-color: transparent #0a0a0a transparent transparent;
        border-right-style: solid;
        bottom: auto;
        left: auto;
        right: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.top-bar {
    padding: 0
}

    .top-bar::after, .top-bar::before {
        content: " ";
        display: table
    }

    .top-bar::after {
        clear: both
    }

    .top-bar, .top-bar ul {
        background-color: #b4231e
    }

        .top-bar a {
            color: #fff
        }

        .top-bar input {
            width: 200px;
            margin-right: 1rem
        }

            .top-bar input.button {
                width: auto
            }

.stacked-for-small .top-bar-right {
    width: 100%
}

.stacked-for-small .top-bar-left {
    width: 100%
}

.top-bar-right {
    width: 100%
}

.top-bar-left {
    width: 100%
}

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.slide-in-down.mui-enter {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-down.mui-enter.mui-enter-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-left.mui-enter {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-left.mui-enter.mui-enter-active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-in-up.mui-enter {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-up.mui-enter.mui-enter-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-right.mui-enter {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-right.mui-enter.mui-enter-active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-out-down.mui-leave {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-down.mui-leave.mui-leave-active {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

.slide-out-right.mui-leave {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-right.mui-leave.mui-leave-active {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

.slide-out-up.mui-leave {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-up.mui-leave.mui-leave-active {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

.slide-out-left.mui-leave {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-left.mui-leave.mui-leave-active {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.fade-in.mui-enter {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

    .fade-in.mui-enter.mui-enter-active {
        opacity: 1
    }

.fade-out.mui-leave {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

    .fade-out.mui-leave.mui-leave-active {
        opacity: 0
    }

.hinge-in-from-top.mui-enter {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-top.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-right.mui-enter {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-right.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-bottom.mui-enter {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-bottom.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-left.mui-enter {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-left.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-middle-x.mui-enter {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-middle-x.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-middle-y.mui-enter {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-middle-y.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0);
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-out-from-top.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-top.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-right.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-right.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.hinge-out-from-bottom.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-bottom.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(90deg);
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0
    }

.hinge-out-from-left.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-left.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }

.hinge-out-from-middle-x.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-middle-x.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-middle-y.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-middle-y.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.scale-in-up.mui-enter {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .scale-in-up.mui-enter.mui-enter-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-in-down.mui-enter {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .scale-in-down.mui-enter.mui-enter-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-out-up.mui-leave {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .scale-out-up.mui-leave.mui-leave-active {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }

.scale-out-down.mui-leave {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .scale-out-down.mui-leave.mui-leave-active {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

.spin-in.mui-enter {
    -webkit-transform: rotate(-.75turn);
    -ms-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .spin-in.mui-enter.mui-enter-active {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out.mui-leave {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .spin-out.mui-leave.mui-leave-active {
        -webkit-transform: rotate(.75turn);
        -ms-transform: rotate(.75turn);
        transform: rotate(.75turn);
        opacity: 0
    }

.spin-in-ccw.mui-enter {
    -webkit-transform: rotate(.75turn);
    -ms-transform: rotate(.75turn);
    transform: rotate(.75turn);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

    .spin-in-ccw.mui-enter.mui-enter-active {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out-ccw.mui-leave {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

    .spin-out-ccw.mui-leave.mui-leave-active {
        -webkit-transform: rotate(-.75turn);
        -ms-transform: rotate(-.75turn);
        transform: rotate(-.75turn);
        opacity: 0
    }

.slow {
    -webkit-transition-duration: 750ms !important;
    transition-duration: 750ms !important
}

.fast {
    -webkit-transition-duration: 250ms !important;
    transition-duration: 250ms !important
}

.linear {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

.ease {
    -webkit-transition-timing-function: ease !important;
    transition-timing-function: ease !important
}

.ease-in {
    -webkit-transition-timing-function: ease-in !important;
    transition-timing-function: ease-in !important
}

.ease-out {
    -webkit-transition-timing-function: ease-out !important;
    transition-timing-function: ease-out !important
}

.ease-in-out {
    -webkit-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    -webkit-transition-timing-function: cubic-bezier(.485,.155,.24,1.245) !important;
    transition-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    -webkit-transition-timing-function: cubic-bezier(.485,.155,.515,.845) !important;
    transition-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    -webkit-transition-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important;
    transition-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    -webkit-transition-delay: .3s !important;
    transition-delay: .3s !important
}

.long-delay {
    -webkit-transition-delay: .7s !important;
    transition-delay: .7s !important
}

.shake {
    -webkit-animation-name: shake-7;
    animation-name: shake-7
}

.spin-cw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}

.spin-ccw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}

.wiggle {
    -webkit-animation-name: wiggle-7deg;
    animation-name: wiggle-7deg
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.slow {
    -webkit-animation-duration: 750ms !important;
    animation-duration: 750ms !important
}

.fast {
    -webkit-animation-duration: 250ms !important;
    animation-duration: 250ms !important
}

.linear {
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important
}

.ease {
    -webkit-animation-timing-function: ease !important;
    animation-timing-function: ease !important
}

.ease-in {
    -webkit-animation-timing-function: ease-in !important;
    animation-timing-function: ease-in !important
}

.ease-out {
    -webkit-animation-timing-function: ease-out !important;
    animation-timing-function: ease-out !important
}

.ease-in-out {
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important;
    animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important;
    animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important;
    animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    -webkit-animation-delay: .3s !important;
    animation-delay: .3s !important
}

.long-delay {
    -webkit-animation-delay: .7s !important;
    animation-delay: .7s !important
}

@font-face {
    font-family: icomoon;
    src: url(../EOT/ICOMOON_2.EOT);
    src: url(../EOT/ICOMOOND41D.EOT?#iefix) format("embedded-opentype"),url(../WOFF/ICOMOON_2.WOF) format("woff"),url(../TTF/ICOMOON_2.TTF) format("truetype"),url(../HTML/ICOMOON_2.HTM) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-Footer-botonLinkedin:before {
    content: "\e900"
}

.icon-Footer-botonYoutube:before {
    content: "\e901"
}

.icon-Danos:before {
    content: "\e902"
}

.icon-chevron-down:before {
    content: "\e903"
}

.icon-flechasderecha:before {
    content: "\e904"
}

.icon-flechasizquierda:before {
    content: "\e905"
}

.icon-Footer-botonFB:before {
    content: "\e906"
}

.icon-Footer-botonFB_alt:before {
    content: "\e907"
}

.icon-Footer-botonrss:before {
    content: "\e908"
}

.icon-Footer-botonrss_alt:before {
    content: "\e909"
}

.icon-Footer-botonTW:before {
    content: "\e90a"
}

.icon-Footer-botonTW_alt:before {
    content: "\e90b"
}

.icon-Localizacion:before {
    content: "\e90c"
}

.icon-angle-down:before {
    content: "\e90d"
}

.icon-pictollamada:before {
    content: "\e90e"
}

.icon-pictotelefono:before {
    content: "\e90f"
}

.icon-angle-right:before {
    content: "\e910"
}

.icon-user:before {
    content: "\e911"
}

.icon-plus:before {
    content: "\e912"
}

.icon-plus2:before {
    content: "\e913"
}

html {
    font-size: 100%
}

.safari {
    background: 0 0
}



body.nav-active {
    position: fixed;
    overflow: scroll;
    width: 100%
}

a {
    -webkit-transition: all .4s;
    transition: all .4s
}

.hidden {
    width: 1px;
    height: 1px;
    top: auto;
    left: -9999px;
    overflow: hidden;
    position: absolute
}

#wrapper {
    position: relative;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    padding: 131px 0 0
}

.btn {
    display: block;
    border-radius: 4px;
    width: 100%;
    height: 47px;
    background: #ffd003;
    border-bottom: 5px solid #a07700;
    color: #464646;
    text-align: center;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.1;
    padding: 11px 5px 4px;
    cursor: pointer;
    min-width: 100px
}

    .btn:hover {
        background-color: #d0aa00;
        color: #464646
    }

    .btn.MEDIUM {
        background: #eb8200;
        border-bottom: 5px solid #865417
    }

        .btn.MEDIUM:hover {
            background: #ff910a
        }

    .btn.MAJOR {
        background: #fc4336;
        border-bottom: 5px solid #ab2e25
    }

        .btn.MAJOR:hover {
            background: #d30f02
        }

@media (max-width:1278px) {
    label[for*=damage-level-] .btn {
        border: none;
        background: 0 0
    }

        label[for*=damage-level-] .btn:hover {
            background: 0 0
        }
}

#main {
    position: relative;
    overflow: hidden
}

    #main.add {
        padding-top: 175px;
        margin-top: -131px
    }

.heading {
    overflow: hidden;
    margin: 0 0 46px;
    padding: 0 4.1%
}

    .heading h2 {
        position: relative;
        font-family: Roboto,Arial,sans-serif;
        font-weight: 400;
        font-size: 1.75rem;
        line-height: 1.142;
        text-align: center;
        margin: 0;
        padding: 0 14%
    }

        .heading h2 span {
            color: #b4231e;
            font-weight: 500
        }

        .heading h2:after, .heading h2:before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            background: url(../PNG/SEPARATOR.PNG) no-repeat -6px -3px;
            width: 108px;
            height: 13px;
            margin: -6px 0 0
        }

        .heading h2:before {
            left: auto;
            right: 0;
            background-position: -6px -23px
        }

.content-blocks {
    position: relative;
    overflow: hidden;
    margin: 0 0 30px
}

    .content-blocks #leader-block .text-holder, .content-blocks #quality-block .text-holder, .content-blocks #time-block .text-holder {
        margin-top: 16px
    }

    .content-blocks #guarantee-block .text-holder, .content-blocks #procedure-block .text-holder, .content-blocks #temp-block .text-holder {
        margin-top: 8px
    }

    .content-blocks .block {
        position: relative;
        background: #ebebeb;
        overflow: hidden;
        margin: 0 0 20px;
        padding: 40px 10px 38px;
        text-align: center
    }

        .content-blocks .block:hover {
            background: #9d241c
        }

            .content-blocks .block:hover .text-holder {
                color: #fff
            }

            .content-blocks .block:hover .plus-icon:after, .content-blocks .block:hover .plus-icon:before {
                background: #fff
            }

        .content-blocks .block .plus-icon {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 20px;
            height: 20px
        }

            .content-blocks .block .plus-icon:hover {
                opacity: .9
            }

            .content-blocks .block .plus-icon:after {
                content: "";
                position: absolute;
                left: 0;
                top: 8px;
                background: #b4231e;
                width: 20px;
                height: 4px;
                border-radius: 4px;
                box-shadow: 0 0 1px 0 #b4231e
            }

            .content-blocks .block .plus-icon:before {
                content: "";
                position: absolute;
                left: 8px;
                top: 0;
                background: #b4231e;
                width: 4px;
                height: 20px;
                border-radius: 4px;
                box-shadow: 0 0 1px 0 #b4231e
            }

        .content-blocks .block .img-holder {
            overflow: hidden;
            margin: 0 0 14px
        }

            .content-blocks .block .img-holder img {
                display: block;
                border-radius: 50%;
                width: 91px;
                height: 91px;
                margin: 0 auto
            }

.warranty-block {
    margin-top: 15px
}

    .warranty-block .wide-img-holder img {
        display: block;
        width: auto;
        height: 140px;
        margin: 0 auto
    }

    .warranty-block .wide-img-holder img {
        height: 100px
    }

.content-blocks .block .wide-text-holder {
    overflow: hidden;
    font-weight: 300;
    font-size: 1.25rem;
    max-width: 700px;
    padding-top: 15px;
    margin: 0 auto
}

.content-blocks .block .text-holder {
    overflow: hidden;
    font-weight: 300;
    font-size: 1.25rem;
    color: #464646;
    max-width: 240px;
    margin: 0 auto
}

    .content-blocks .block .text-holder p {
        margin: 0;
        line-height: 1.2
    }

        .content-blocks .block .text-holder p strong, .content-blocks .block .wide-text-holder strong {
            font-weight: 500
        }

.info-blocks {
    position: relative;
    overflow: hidden;
    margin: 0 0 30px
}

    .info-blocks .block {
        position: relative;
        overflow: hidden;
        margin: 0 0 20px;
        background: -webkit-linear-gradient(left,#8d2720 0,#b73c38 100%);
        background: linear-gradient(to right,#8d2720 0,#b73c38 100%);
        padding: 27px 29px;
        min-height: 270px
    }

        .info-blocks .block:hover > * {
            opacity: .5
        }

        .info-blocks .block .description {
            position: relative;
            overflow: hidden;
            max-width: 210px;
            color: #fff;
            font-size: 1.5625rem;
            line-height: 1.12;
            z-index: 2
        }

            .info-blocks .block .description .text {
                display: block;
                font-weight: 300;
                margin: 0 0 13px
            }

                .info-blocks .block .description .text span {
                    font-weight: 500
                }

            .info-blocks .block .description .info-btn {
                text-align: center;
                border: 1px solid #fff;
                height: 37px;
                display: inline-block;
                vertical-align: top;
                color: #fff;
                font-weight: 300;
                font-size: 20px;
                line-height: 23px;
                padding: 5px 14px 3px
            }

                .info-blocks .block .description .info-btn:hover {
                    opacity: .8
                }

        .info-blocks .block .img-holder {
            position: absolute;
            top: 67px;
            right: 0
        }

            .info-blocks .block .img-holder.add {
                top: 51px
            }

            .info-blocks .block .img-holder.add1 {
                right: -51px;
                top: 92px
            }

            .info-blocks .block .img-holder img {
                display: block;
                width: 100%;
                height: auto
            }

.certified-bar-area {
    font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
    overflow: hidden;
    background: #961414;
    color: #fff;
    font-size: 1.875rem;
    line-height: 1.1;
    text-align: center;
    padding: 44px 0;
    font-weight: 300
}

    .certified-bar-area strong {
        font-weight: 700;
        color: #ffd003
    }

    .certified-bar-area .certified-bar {
        overflow: hidden
    }

    .certified-bar-area p {
        margin: 0;
        line-height: inherit
    }

.benefit-area {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px
}

    .benefit-area .benefit-text {
        overflow: hidden;
        padding: 34px 15% 37px;
        text-align: center;
        color: #464646;
        font-size: 1.25rem;
        line-height: 1.2
    }

        .benefit-area .benefit-text strong {
            font-weight: 700;
            color: #b4231e
        }

        .benefit-area .benefit-text p {
            margin: 0;
            line-height: inherit
        }

.benefits-holder {
    position: relative;
    counter-reset: item
}

    .benefits-holder:after {
        content: "";
        display: block;
        clear: both
    }

    .benefits-holder .benefits-block {
        position: relative;
        margin: 0 0 30px
    }

        .benefits-holder .benefits-block:after {
            content: "";
            display: block;
            clear: both
        }

        .benefits-holder .benefits-block .icon-holder {
            position: absolute;
            left: -10px;
            top: 50%;
            margin: -57px 0 0;
            width: 122px;
            height: 115px;
            background: #b4231e;
            border-radius: 0 50% 50% 0;
            box-shadow: 1px 1px 18px 2px rgba(0,0,0,.5);
            text-align: center;
            padding: 19px 0 0 6px
        }

            .benefits-holder .benefits-block .icon-holder:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 23px;
                background: url(../PNG/SHADOW.PNG) repeat-y
            }

            .benefits-holder .benefits-block .icon-holder img {
                position: relative;
                display: block;
                margin: 0 auto;
                width: 75px;
                height: 75px;
                border-radius: 50%;
                z-index: 2
            }

    .benefits-holder .image-holder {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 50%
    }

        .benefits-holder .image-holder .bg-stretch {
            height: 100%;
            overflow: hidden
        }

            .benefits-holder .image-holder .bg-stretch > img {
                display: block;
                width: 100%;
                height: auto;
                max-width: inherit
            }

    .benefits-holder .text-block {
        position: relative;
        float: right;
        width: 50%;
        background: #f5f5f5;
        padding: 27px 3.5%;
        font-weight: 300;
        color: #464646;
        font-size: 1.25rem;
        line-height: 1.2;
        min-height: 290px
    }

        .benefits-holder .text-block:after {
            content: "";
            display: block;
            clear: both
        }

        .benefits-holder .text-block:after {
            content: "";
            position: absolute;
            top: 50%;
            left: -15px;
            margin: -14px 0 0;
            border-style: solid;
            border-width: 14px 15px 14px 0;
            border-color: transparent #f5f5f5 transparent transparent
        }

        .benefits-holder .text-block:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
            text-align: center;
            color: #e7e7e7;
            font-weight: 700;
            font-size: 320px;
            content: counters(item, ".") " ";
            counter-increment: item
        }

        .benefits-holder .text-block .holder {
            position: relative;
            overflow: hidden;
            z-index: 2
        }

        .benefits-holder .text-block strong {
            font-weight: 500
        }

        .benefits-holder .text-block h2 {
            font-weight: 400;
            font-family: Roboto,Arial,sans-serif;
            font-size: 1.375rem;
            line-height: 1.1818;
            margin: 0 0 11px;
            color: #b4231e;
            padding: 0 5% 0 0
        }

            .benefits-holder .text-block h2 strong {
                font-weight: 700
            }

        .benefits-holder .text-block p {
            line-height: inherit;
            margin: 0
        }

.info-bar-holder {
    position: relative;
    overflow: hidden
}

    .info-bar-holder.active .info-opener-area .info-opener .icon-angle-down {
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg)
    }

.info-bar-area {
    overflow: hidden;
    background: #fff8d9;
    margin: 0 0 29px
}

    .info-bar-area .info-bar-list {
        text-align: center;
        overflow: hidden;
        font-size: 0;
        margin: 0 -19px;
        padding: 19px 0
    }

        .info-bar-area .info-bar-list > * {
            font-size: 1.125rem;
            line-height: 1.1667
        }

        .info-bar-area .info-bar-list li {
            display: inline-block;
            vertical-align: top;
            margin: 0 19px;
            width: 190px
        }

            .info-bar-area .info-bar-list li:first-child {
                width: 194px
            }

            .info-bar-area .info-bar-list li:nth-child(3) {
                width: 315px
            }

        .info-bar-area .info-bar-list .text {
            text-align: left;
            display: block;
            overflow: hidden;
            font-weight: 300
        }

            .info-bar-area .info-bar-list .text span {
                font-weight: 500
            }

        .info-bar-area .info-bar-list img {
            float: left;
            margin: 0 9px 0 0;
            width: 40px;
            height: 40px
        }

.step-area {
    position: relative;
    overflow: hidden
}

    .step-area#certified-first-center-locator .loading-spinner {
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -20px;
        margin-top: 45px
    }

    .step-area .step-list {
        padding: 0;
        font-size: 0;
        text-align: center;
        margin: 0 -8px 36px
    }

        .step-area .step-list:after {
            content: "";
            display: block;
            clear: both
        }

        .step-area .step-list > * {
            font-size: 1.25rem;
            line-height: 1.2
        }

        .step-area .step-list.add li {
            width: 25%
        }

            .step-area .step-list.add li:nth-child(1) img {
                left: -5px;
                height: 26px;
                width: 33px
            }

            .step-area .step-list.add li:nth-child(2) img {
                height: 28px;
                width: 28px
            }

            .step-area .step-list.add li:nth-child(3) img {
                top: -3px;
                height: 33px;
                width: 22px
            }

            .step-area .step-list.add li:nth-child(4) img {
                height: 28px;
                width: 28px
            }

        .step-area .step-list.add .text-holder {
            color: #464646
        }

        .step-area .step-list li {
            position: relative;
            width: 33.33%;
            display: inline-block;
            vertical-align: top
        }

            .step-area .step-list li a {
                display: block;
                color: #9a9a9a
            }

                .step-area .step-list li a:hover {
                    color: #fff
                }

                    .step-area .step-list li a:hover .text-holder {
                        color: #fff;
                        background: #b4231e
                    }

                        .step-area .step-list li a:hover .text-holder:after {
                            background-position: -7px -5px
                        }

                        .step-area .step-list li a:hover .text-holder:before {
                            background-position: -25px -5px
                        }

                    .step-area .step-list li a:hover .number {
                        border-color: #fff;
                        color: #fff
                    }

            .step-area .step-list li:first-child .text-holder:before {
                display: none
            }

            .step-area .step-list li:last-child .text-holder:after {
                display: none
            }

            .step-area .step-list li.active .text-holder {
                color: #fff;
                background: #b4231e
            }

                .step-area .step-list li.active .text-holder:after {
                    background-position: -7px -5px
                }

                .step-area .step-list li.active .text-holder:before {
                    background-position: -25px -5px
                }

            .step-area .step-list li.active .number {
                border-color: #fff;
                color: #fff
            }

        .step-area .step-list .text-holder {
            position: relative;
            font-weight: 400;
            display: block;
            margin: 0 8px;
            color: #9a9a9a;
            background: #ebebeb;
            height: 50px;
            padding: 12px 5px 5px
        }

            .step-area .step-list .text-holder:after {
                content: "";
                position: absolute;
                left: 100%;
                top: 0;
                background: url(../PNG/ARROW_SPRITE.PNG) no-repeat -53px -5px;
                width: 13px;
                height: 50px
            }

            .step-area .step-list .text-holder:before {
                content: "";
                position: absolute;
                left: -9px;
                top: 0;
                background: url(../PNG/ARROW_SPRITE.PNG) no-repeat -73px -5px;
                width: 15px;
                height: 50px;
                z-index: 1
            }

        .step-area .step-list .text {
            padding: 0 0 0 35px;
            position: relative;
            display: inline-block;
            vertical-align: top
        }

        .step-area .step-list .number {
            font-weight: 500;
            position: absolute;
            left: 4px;
            top: 2px;
            font-style: normal;
            border-radius: 50%;
            font-size: 18px;
            line-height: 21px;
            width: 23px;
            height: 23px;
            border: 1px solid #9a9a9a
        }

        .step-area .step-list img {
            position: absolute;
            left: 0;
            top: 0
        }

.step-content {
    position: relative
}

    .step-content:after {
        content: "";
        display: block;
        clear: both
    }

    .step-content .btn-holder {
        position: relative;
        height: 40px;
        margin: 0 0 116px;
        text-align: center
    }

        .step-content .btn-holder:after {
            content: "";
            display: block;
            clear: both
        }

    .step-content .next-btn, .step-content .previous-btn {
        position: absolute;
        left: 0;
        top: -5px;
        width: 125px;
        height: 40px;
        border: 2px solid #9a9a9a;
        font-weight: 300;
        color: #646464;
        font-size: 1.125rem;
        line-height: 1.667;
        padding: 2px 5px 3px 23px;
        border-radius: 25px
    }

        .step-content .next-btn:hover, .step-content .previous-btn:hover {
            opacity: .8
        }

        .step-content .next-btn .icon, .step-content .previous-btn .icon {
            font-weight: 400;
            font-size: 17px;
            position: absolute;
            left: 13px;
            top: 9px
        }

    .step-content .next-btn {
        left: auto;
        right: 0;
        padding: 2px 25px 3px 8px
    }

        .step-content .next-btn .icon {
            left: auto;
            right: 13px
        }

    .step-content .heading-area {
        position: relative;
        text-align: center;
        margin-bottom: 35px;
        font-size: 1.25rem;
        line-height: 1.2;
        padding: 0 7%
    }

        .step-content .heading-area:after {
            content: "";
            display: block;
            clear: both
        }

        .step-content .heading-area.add {
            padding: 0 5%
        }

        .step-content .heading-area h2 {
            color: #464646;
            font-weight: 400;
            font-size: 1.5625rem;
            line-height: 1.12;
            margin: 0
        }

.content-blocks .row h2 {
    color: #464646;
    font-weight: 400;
    font-size: 1.5625rem;
    line-height: 1.12;
    margin: 0;
    text-align: center;
    margin-bottom: 2%
}

    .content-blocks .row h2 .bold {
        font-weight: 600
    }

.step-content .heading-area h2 span {
    font-weight: 700;
    color: #b4231e;
    letter-spacing: 0
}

.step-content .heading-area p {
    line-height: inherit;
    margin: 20px 0 2px
}

    .step-content .heading-area p strong {
        font-weight: 700;
        color: #b4231e
    }

.step-content .postal-area {
    position: relative
}

    .step-content .postal-area:after {
        content: "";
        display: block;
        clear: both
    }

    .step-content .postal-area .postal-map {
        position: relative;
        overflow: hidden
    }

        .step-content .postal-area .postal-map:before {
            content: "";
            position: absolute;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #626262;
            background-color: rgba(98,98,98,.7);
            mix-blend-mode: multiply
        }

        .step-content .postal-area .postal-map img {
            display: block;
            width: 100%;
            height: auto;
            max-width: inherit;
            max-height: 605px
        }

    .step-content .postal-area .postal-search-area {
        position: absolute;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 5
    }

        .step-content .postal-area .postal-search-area .postal-search {
            position: relative;
            text-align: center;
            padding: 96px 0 20px
        }

            .step-content .postal-area .postal-search-area .postal-search.center-location {
                padding: 150px 0 20px
            }

            .step-content .postal-area .postal-search-area .postal-search:after {
                content: "";
                display: block;
                clear: both
            }

        .step-content .postal-area .postal-search-area .field-holder {
            width: 620px;
            max-width: 100%;
            display: block;
            vertical-align: top;
            margin: 0 auto;
            margin-top: 10px
        }

        .step-content .postal-area .postal-search-area ul {
            background: #fff
        }

        .step-content .postal-area .postal-search-area input[type=tel], .step-content .postal-area .postal-search-area input[type=text] {
            border: none;
            background: #fff;
            border-radius: 5px;
            width: 100%;
            height: 70px;
            font-weight: 500;
            font-size: 20px;
            line-height: 24px;
            color: #b2b2b2;
            box-shadow: 0 0 2px rgba(64,58,49,.5);
            padding: 22px 26px;
            margin: 0
        }

    .step-content .postal-area input[type=submit] {
        display: inline-block;
        vertical-align: top;
        border-radius: 5px;
        border: none;
        width: 140px;
        height: 70px;
        border-bottom: 5px solid #a07700;
        padding: 0 5px;
        text-transform: uppercase
    }

        .step-content .postal-area input[type=submit]:hover {
            opacity: .9
        }

        .step-content .postal-area input[type=submit].disabled, .step-content .postal-area input[type=submit]:disabled {
            cursor: not-allowed;
            border-color: #b2b2b2;
            background: #dadada;
            color: #9e9e9e
        }

    .step-content .postal-area .center-location input[type=submit] {
        margin-top: 20px
    }

    .step-content .postal-area ::-webkit-input-placeholder {
        color: #b2b2b2
    }

    .step-content .postal-area ::-moz-placeholder {
        opacity: 1;
        color: #b2b2b2
    }

    .step-content .postal-area :-moz-placeholder {
        color: #b2b2b2
    }

    .step-content .postal-area :-ms-input-placeholder {
        color: #b2b2b2
    }

    .step-content .postal-area .placeholder {
        color: #b2b2b2
    }

.step-content #featured-area .subtitle {
    margin-top: 20px;
    font-weight: 700;
    color: #b4231e;
    font-size: 25px;
    text-transform: uppercase
}

.seakers-area {
    position: relative;
    overflow: hidden;
    margin-bottom: 52px
}

    .seakers-area .seakers-map {
        overflow: hidden
    }

        .seakers-area .seakers-map img {
            display: block;
            width: 100%;
            height: auto;
            max-width: inherit
        }

.seakers-list-area {
    float: left;
    width: 39%;
    padding: 0 10px 0 0
}

    .seakers-list-area .holder {
        overflow: auto;
        height: 898px;
        border-top: 2px solid #e7e7e7;
        border-bottom: 2px solid #e7e7e7
    }

    .seakers-list-area .seakers-list {
        list-style: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
        border: 2px solid #e7e7e7;
        border-top: none;
        border-bottom: none;
        border-radius: 2px;
        line-height: inherit;
        counter-reset: item
    }

        .seakers-list-area .seakers-list li {
            position: relative;
            border-bottom: 2px solid #e7e7e7;
            min-height: 148px
        }

            .seakers-list-area .seakers-list li:after {
                content: "";
                position: absolute;
                left: 57px;
                top: 0;
                bottom: 0;
                width: 2px;
                background: #e7e7e7
            }

            .seakers-list-area .seakers-list li:before {
                content: "";
                position: absolute;
                top: 28px;
                left: 15px;
                width: 26px;
                height: 26px;
                background: #46bad5;
                color: #fff;
                border-radius: 4px;
                font-weight: 500;
                font-size: 15px;
                line-height: 26px;
                text-align: center;
                content: counters(item, "") " ";
                counter-increment: item
            }

            .seakers-list-area .seakers-list li:last-child {
                border-bottom: none
            }

            .seakers-list-area .seakers-list li .distance {
                float: left;
                width: 57px;
                font-weight: 300;
                font-size: .8125rem;
                line-height: 1.23;
                color: #464646;
                text-align: center;
                padding: 60px 0 0
            }

            .seakers-list-area .seakers-list li .description {
                overflow: hidden;
                padding: 25px 40px 20px 31px
            }

                .seakers-list-area .seakers-list li .description h2 {
                    font-weight: 700;
                    font-size: 1.25rem;
                    line-height: 1.15;
                    color: #b4231e;
                    letter-spacing: -.4px;
                    margin: 0 0 9px
                }

                .seakers-list-area .seakers-list li .description address {
                    font-weight: 300;
                    font-size: 1.125rem;
                    line-height: 1.222;
                    font-style: normal;
                    margin: 0;
                    color: #464646
                }

                .seakers-list-area .seakers-list li .description .arrow {
                    font-size: 29px;
                    color: #ffd003;
                    position: absolute;
                    top: 50%;
                    right: 18px;
                    -webkit-transform: translate(0,-50%);
                    -ms-transform: translate(0,-50%);
                    transform: translate(0,-50%)
                }

                    .seakers-list-area .seakers-list li .description .arrow:hover {
                        opacity: .8
                    }

.confirm-locaiton {
    overflow: hidden;
    text-align: center;
    margin: 0 0 48px;
    padding: 0 20px
}

    .confirm-locaiton .text {
        font-weight: 300;
        font-size: 1.125rem;
        line-height: 1.1667;
        display: block;
        margin: 0 0 6px
    }

.workshop-area {
    position: relative;
    overflow: hidden;
    margin: 0 0 37px;
    padding: 3px 0 0
}

    .workshop-area .workshop-holder {
        overflow: hidden
    }

    .workshop-area .block {
        overflow: hidden;
        height: 100%;
        padding: 0 0 20px
    }

    .workshop-area .detail-block {
        position: relative;
        overflow: hidden;
        height: 100%;
        background: #ebebeb;
        z-index: 2
    }

        .workshop-area .detail-block .heading-bar {
            overflow: hidden;
            background: #b4231e;
            padding: 17px 29px 10px;
            min-height: 60px
        }

            .workshop-area .detail-block .heading-bar h2 {
                color: #fff;
                margin: 0;
                font-weight: 700;
                font-size: 1.375rem;
                line-height: 1.136;
                letter-spacing: -.4px
            }

        .workshop-area .detail-block .services-list-holder {
            overflow: hidden;
            padding: 28px 28px 10px
        }

        .workshop-area .detail-block .services-list {
            overflow: hidden;
            margin: 0 -9px;
            font-size: 0
        }

            .workshop-area .detail-block .services-list > * {
                font-size: .9375rem;
                line-height: 1.2
            }

            .workshop-area .detail-block .services-list li {
                display: inline-block;
                vertical-align: top;
                width: 50%;
                padding: 0 9px;
                margin: 0 0 17px
            }

            .workshop-area .detail-block .services-list .holder {
                position: relative;
                overflow: hidden;
                border: 2px solid #464646;
                border-radius: 5px;
                padding: 5px 8px 5px 14px;
                width: 100%;
                height: 68px;
                display: table
            }

            .workshop-area .detail-block .services-list .text-holder {
                font-weight: 400;
                display: table-cell;
                vertical-align: middle
            }

            .workshop-area .detail-block .services-list .icon-holder {
                display: inline-block;
                vertical-align: middle;
                width: 40px;
                margin: 0 6px 0 0
            }

                .workshop-area .detail-block .services-list .icon-holder img {
                    display: block
                }

            .workshop-area .detail-block .services-list .name {
                width: 75px;
                display: inline-block;
                vertical-align: middle;
                overflow: hidden;
                color: #464646
            }

    .workshop-area .content-block {
        overflow: hidden;
        height: 100%;
        background: #ebebeb;
        padding: 24px 25px 10px
    }

        .workshop-area .content-block .btn {
            margin: 0 0 15px
        }

            .workshop-area .content-block .btn .text {
                position: relative;
                display: inline-block;
                vertical-align: top;
                padding: 0 0 0 32px
            }

                .workshop-area .content-block .btn .text .icon {
                    position: absolute;
                    left: 0;
                    top: 2px;
                    border: 1px solid #464646;
                    border-radius: 50%;
                    width: 22px;
                    height: 22px;
                    font-style: normal
                }

                    .workshop-area .content-block .btn .text .icon:before {
                        content: "\e90c";
                        position: absolute;
                        left: -2px;
                        top: 1px;
                        font-size: 15px;
                        width: 24px;
                        height: 24px;
                        font-family: icomoon !important
                    }

                    .workshop-area .content-block .btn .text .icon.add {
                        border: none;
                        width: 25px;
                        height: 25px;
                        left: -2px
                    }

                        .workshop-area .content-block .btn .text .icon.add:before {
                            display: none
                        }

                        .workshop-area .content-block .btn .text .icon.add:after {
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 0;
                            background: url(../PNG/ICON.PNG) no-repeat;
                            background-size: 100% auto;
                            width: 25px;
                            height: 24px
                        }

        .workshop-area .content-block .call-area {
            overflow: hidden;
            background: #fff;
            padding: 12px 5px;
            text-align: center;
            margin: 23px 0 0
        }

            .workshop-area .content-block .call-area .text {
                font-size: 1.125rem;
                line-height: 1.1;
                color: #464646;
                display: block
            }

            .workshop-area .content-block .call-area .number {
                display: inline-block;
                vertical-align: top;
                color: #b4231e;
                font-weight: 700;
                font-size: 2.5rem;
                line-height: 1.05
            }

                .workshop-area .content-block .call-area .number:hover {
                    opacity: .8
                }

    .workshop-area .contact-area {
        overflow: hidden
    }

    .workshop-area .map-area {
        position: relative;
        float: left;
        width: 33.3%
    }

        .workshop-area .map-area img {
            display: block;
            width: 100%;
            height: auto
        }

        .workshop-area .map-area .map-text {
            position: absolute;
            top: 10px;
            right: 15px;
            z-index: 2;
            width: 252px;
            font-weight: 400;
            font-size: 1.125rem;
            line-height: 1.222;
            background-color: #dadada;
            background-color: rgba(218,218,218,.8);
            color: #464646;
            padding: 9px 11px 12px 20px;
            border-radius: 10px;
            box-shadow: 0 1px 3px rgba(64,58,49,.5)
        }

    .workshop-area .contact-block {
        position: relative;
        float: left;
        width: 32.6%
    }

        .workshop-area .contact-block .detail-block .heading-bar {
            padding: 17px 40px 10px
        }

        .workshop-area .contact-block:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 10px;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.5)
        }

    .workshop-area .adress-area {
        overflow: hidden;
        padding: 26px 40px 20px
    }

        .workshop-area .adress-area .name {
            display: block;
            color: #b4231e;
            font-weight: 700;
            font-size: 1.375rem;
            line-height: 1.136;
            margin: 0 0 2px
        }

            .workshop-area .adress-area .name a {
                color: #b4231e
            }

                .workshop-area .adress-area .name a:hover {
                    opacity: .8
                }

        .workshop-area .adress-area address {
            font-style: normal;
            font-size: 1.375rem;
            line-height: 1.1818;
            color: #464646;
            margin: 0
        }

.info-opener-area {
    overflow: hidden;
    background: #fff8d9;
    padding: 12px 0
}

    .info-opener-area .info-opener-holder {
        position: relative;
        overflow: hidden;
        padding: 0 10px
    }

    .info-opener-area .text {
        float: left;
        color: #323232;
        font-weight: 500;
        font-size: .9375rem;
        line-height: 1.2;
        margin: 3px 0 0
    }

    .info-opener-area .info-opener {
        float: right;
        background: #2c2c2c;
        width: 26px;
        height: 26px;
        text-align: center;
        border-radius: 50%
    }

        .info-opener-area .info-opener .icon-angle-down {
            display: block;
            position: relative;
            font-size: 24px;
            color: #fff;
            top: 1px;
            -webkit-transition: all .4s;
            transition: all .4s
        }

        .info-opener-area .info-opener:hover {
            opacity: .8
        }

.choice-blocks-area {
    overflow: hidden;
    position: relative;
    font-size: 0;
    margin: 0 -10px 100px
}

    .choice-blocks-area > * {
        font-size: 20px
    }

    .choice-blocks-area .choice-block {
        position: relative;
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        padding: 0 10px;
        -webkit-transition: width .3s;
        transition: width .3s
    }

        .choice-blocks-area .choice-block .opener {
            text-align: center;
            position: absolute;
            right: 17px;
            top: 20px;
            background: #ffd003;
            color: #fff;
            width: 30px;
            height: 30px;
            font-size: 26px;
            z-index: 2;
            -webkit-transition: all .4s;
            transition: all .4s
        }

            .choice-blocks-area .choice-block .opener .icon-angle-right {
                position: relative;
                left: 10px;
                top: 7px;
                display: block;
                background: url(../PNG/ARROW_SPRITE.PNG) no-repeat -11px -58px;
                width: 10px;
                height: 16px
            }

                .choice-blocks-area .choice-block .opener .icon-angle-right:before {
                    content: ""
                }

        .choice-blocks-area .choice-block .holder {
            position: relative;
            text-align: center
        }

            .choice-blocks-area .choice-block .holder .title {
                display: block;
                color: #464646;
                font-weight: 500;
                font-size: 1.25rem;
                position: absolute;
                left: 0;
                top: 22px;
                right: 0
            }

        .choice-blocks-area .choice-block .wrap {
            position: relative;
            overflow: hidden;
            background: #fff;
            border: 2px solid #c3c3c3;
            padding: 73px 20px 18px
        }

            .choice-blocks-area .choice-block .wrap:hover {
                border-color: #b4231e;
                background: #b4231e;
                cursor: pointer
            }

                .choice-blocks-area .choice-block .wrap:hover .title {
                    color: #fff
                }

            .choice-blocks-area .choice-block .wrap:after {
                content: "";
                display: block;
                clear: both
            }

        .choice-blocks-area .choice-block .image-holder {
            overflow: hidden;
            width: 92.7%;
            margin: 0 auto 24px
        }

            .choice-blocks-area .choice-block .image-holder img {
                display: block;
                width: 100%;
                height: auto
            }

        .choice-blocks-area .choice-block .name-area:after {
            content: "";
            display: block;
            clear: both
        }

        .choice-blocks-area .choice-block .name-area .name {
            float: left;
            width: 48%;
            margin: 0 2px 0 0;
            background: #e1e1e1;
            min-height: 76px;
            padding: 22px 5px 5px;
            font-weight: 500;
            font-size: 1.25rem
        }

        .choice-blocks-area .choice-block .persons-area {
            overflow: hidden;
            text-align: left;
            font-size: .9375rem
        }

            .choice-blocks-area .choice-block .persons-area .distance {
                display: block;
                background: #ebebeb;
                margin: 0 0 2px;
                font-weight: 500;
                min-height: 38px;
                padding: 8px 5px 5px 14px
            }

            .choice-blocks-area .choice-block .persons-area .persons {
                display: block;
                background: #ebebeb;
                font-weight: 500;
                min-height: 36px;
                padding: 7px 5px 5px 14px
            }

                .choice-blocks-area .choice-block .persons-area .persons .login {
                    position: relative;
                    display: inline-block;
                    vertical-align: top;
                    padding: 0 0 0 20px
                }

                .choice-blocks-area .choice-block .persons-area .persons .icon-user {
                    position: absolute;
                    left: 0;
                    top: 3px
                }

        .choice-blocks-area .choice-block.active .wrap {
            border-color: #b4231e;
            background: #b4231e
        }

            .choice-blocks-area .choice-block.active .wrap .title {
                color: #fff
            }

            .choice-blocks-area .choice-block.active .wrap .opener {
                background: #fff;
                color: #b4231e
            }

        .choice-blocks-area .choice-block.active .slide-block {
            display: block
        }

        .choice-blocks-area .choice-block.active {
            z-index: 4;
            width: 50%
        }

        .choice-blocks-area .choice-block.collapsed {
            z-index: 3
        }

            .choice-blocks-area .choice-block.collapsed + .collapsed {
                z-index: 2
            }

    .choice-blocks-area .slide-block {
        position: absolute;
        left: 100%;
        top: -2px;
        bottom: -2px;
        z-index: 3;
        width: 100%;
        display: none
    }

        .choice-blocks-area .slide-block .slide-frame {
            overflow: hidden;
            padding: 23px 20px 20px;
            background: #961414;
            height: 100%
        }

    .choice-blocks-area .slide-area {
        background: #fff;
        overflow: hidden;
        padding: 19px;
        height: 100%
    }

        .choice-blocks-area .slide-area .slide-heading {
            position: relative;
            display: block;
            font-weight: 400;
            font-size: .9375rem;
            line-height: 1.2;
            color: #464646;
            text-align: center;
            background: #fffae6;
            border: 1px solid #ffdb3e;
            border-radius: 2px;
            padding: 8px 5px 10px;
            margin: 0 0 27px
        }

            .choice-blocks-area .slide-area .slide-heading:after {
                content: "";
                position: absolute;
                bottom: -11px;
                left: 50%;
                background: url(../PNG/ARROW.PNG) no-repeat;
                width: 21px;
                height: 11px;
                margin: 0 0 0 -10px
            }

        .choice-blocks-area .slide-area .radio-list {
            text-align: left;
            margin: 0 0 12px;
            padding: 0 10px
        }

            .choice-blocks-area .slide-area .radio-list li {
                position: relative;
                border-top: 2px solid #ccc;
                padding: 8px 35px 10px 9px
            }

                .choice-blocks-area .slide-area .radio-list li:first-child {
                    border-top: none
                }

                    .choice-blocks-area .slide-area .radio-list li:first-child img {
                        top: -2px
                    }

                .choice-blocks-area .slide-area .radio-list li img {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 9px;
                    margin: auto
                }

                .choice-blocks-area .slide-area .radio-list li .radio-holder {
                    position: relative;
                    overflow: hidden;
                    padding: 0 0 0 37px
                }

                .choice-blocks-area .slide-area .radio-list li label {
                    display: block;
                    font-weight: 400;
                    font-size: .9375rem;
                    line-height: 1.2;
                    color: #464646;
                    transition: all .3s;
                    padding-top: 5px;
                    padding-bottom: 5px
                }

                .choice-blocks-area .slide-area .radio-list li.listview-item.listview-item-select.listview-item-selected {
                    background: #ebebeb
                }

                .choice-blocks-area .slide-area .radio-list li label:hover {
                    font-weight: 700;
                    cursor: pointer
                }

                .choice-blocks-area .slide-area .radio-list li label.jcf-label-active {
                    font-weight: 700
                }

                .choice-blocks-area .slide-area .radio-list li .jcf-radio {
                    position: absolute;
                    left: 2px;
                    top: 0;
                    bottom: 0;
                    margin: auto
                }

        .choice-blocks-area .slide-area .btn {
            border: none;
            border-bottom: 5px solid #a07700;
            padding: 0;
            height: 60px;
            font-size: 1.5rem;
            font-weight: 700
        }

            .choice-blocks-area .slide-area .btn:disabled {
                border-color: #b2b2b2;
                background: #dadada;
                color: #9e9e9e
            }

.budget-area {
    overflow: hidden;
    margin-bottom: 68px
}

    .budget-area .budget-block {
        overflow: hidden;
        padding: 10px 0 0;
        margin: 0 0 10px;
        text-align: center
    }

        .budget-area .budget-block .heading-bar {
            position: relative;
            min-height: 50px;
            background: #46bfda;
            margin: -10px 0 0;
            padding: 12px 5px 5px
        }

            .budget-area .budget-block .heading-bar:after, .budget-area .budget-block .heading-bar:before {
                content: "";
                position: absolute;
                top: 0;
                left: -10px;
                bottom: 0;
                width: 10px;
                height: 10px;
                background: #fff
            }

            .budget-area .budget-block .heading-bar:after {
                left: auto;
                right: -10px
            }

            .budget-area .budget-block .heading-bar h3 {
                position: relative;
                z-index: 2;
                color: #fff;
                margin: 0;
                font-weight: 500;
                font-size: 1.25rem;
                line-height: 1.15
            }

        .budget-area .budget-block .holder {
            background: #323232;
            padding: 0 10px 32px
        }

            .budget-area .budget-block .holder.calc-result {
                padding: 0 0 32px
            }

                .budget-area .budget-block .holder.calc-result.damage .colors-area {
                    margin-top: 40px
                }

                .budget-area .budget-block .holder.calc-result.damage .colors-area {
                    margin-top: 40px
                }

                .budget-area .budget-block .holder.calc-result .note {
                    padding: 0 15px
                }

            .budget-area .budget-block .holder:after {
                content: "";
                display: block;
                clear: both
            }

        .budget-area .budget-block .price {
            display: block;
            color: #fff;
            font-weight: 700;
            font-size: 4.375rem;
            margin: 22px 0 5px
        }

        .budget-area .budget-block .note {
            display: block;
            color: #c1c1c1;
            font-size: .875rem;
            line-height: 1.214
        }

    .budget-area .summary-list {
        overflow: hidden;
        font-size: 0;
        font-weight: 500;
        margin: 10px -5px 76px
    }

        .budget-area .summary-list > * {
            font-size: 1.25rem;
            line-height: 1.667
        }

        .budget-area .summary-list li {
            display: inline-block;
            vertical-align: top;
            padding: 0 5px;
            width: 100%
        }

        .budget-area .summary-list .summary {
            overflow: hidden;
            background: #505050;
            min-height: 230px;
            padding: 69px 5px 30px
        }

            .budget-area .summary-list .summary .img-holder {
                min-height: 60px;
                overflow: hidden;
                margin: 0 0 3px
            }

                .budget-area .summary-list .summary .img-holder img {
                    display: block;
                    margin: 0 auto
                }

            .budget-area .summary-list .summary .name {
                display: block;
                color: #fff;
                font-weight: 500
            }

    .budget-area .colors-area {
        overflow: hidden;
        padding: 0 0 39px
    }

        .budget-area .colors-area .img-frame {
            display: inline-block;
            vertical-align: middle;
            margin: 0 58px 0 0;
            width: 272px
        }

            .budget-area .colors-area .img-frame img {
                display: block
            }

        .budget-area .colors-area .colors-list {
            display: inline-block;
            vertical-align: middle;
            margin: 0;
            width: 85px;
            color: #fff;
            font-weight: 500;
            font-size: 1.25rem;
            line-height: 1.111;
            text-align: left;
            margin: 12px 0 0
        }

            .budget-area .colors-area .colors-list li {
                position: relative;
                padding: 0 0 0 24px;
                margin: 0 0 18px
            }

                .budget-area .colors-area .colors-list li:after {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 4px;
                    border-radius: 50%;
                    width: 15px;
                    height: 15px;
                    background: #ffd003
                }

                .budget-area .colors-area .colors-list li:nth-child(2):after {
                    background: #d6801c
                }

                .budget-area .colors-area .colors-list li:nth-child(3):after {
                    background: #9d241c
                }

    .budget-area .content-block {
        overflow: hidden;
        background: #ebebeb;
        padding: 31px 29px
    }

        .budget-area .content-block .btns-list {
            overflow: hidden;
            margin: 0 -10px 20px
        }

            .budget-area .content-block .btns-list li {
                float: left;
                width: 50%;
                padding: 0 10px
            }

            .budget-area .content-block .btns-list .btn {
                font-size: 1.375rem;
                height: 111px;
                font-weight: 400;
                padding: 30px 5px 4px
            }

                .budget-area .content-block .btns-list .btn .text {
                    font-weight: 400;
                    position: relative;
                    display: inline-block;
                    vertical-align: top;
                    text-align: left;
                    padding: 0 0 0 45px
                }

                    .budget-area .content-block .btns-list .btn .text span {
                        font-weight: 700
                    }

                    .budget-area .content-block .btns-list .btn .text .icon {
                        position: absolute;
                        left: -2px;
                        top: 3px;
                        background: url(../PNG/ICON5.PNG) no-repeat;
                        background-size: 100% auto;
                        width: 41px;
                        height: 41px
                    }

                        .budget-area .content-block .btns-list .btn .text .icon.gratis {
                            background: url(../PNG/ICON6.PNG) no-repeat;
                            background-size: 100% auto
                        }

    .budget-area .call-area {
        overflow: hidden;
        background: #fff;
        padding: 18px 5px;
        text-align: center
    }

        .budget-area .call-area .text {
            font-size: 1.375rem;
            line-height: 1.1;
            color: #464646;
            display: block;
            margin: 0 0 -3px
        }

        .budget-area .call-area .number {
            display: inline-block;
            vertical-align: top;
            color: #b4231e;
            font-weight: 700;
            font-size: 3.125rem;
            line-height: 1.05
        }

            .budget-area .call-area .number:hover {
                opacity: .8
            }

.detail-frame {
    position: relative
}

    .detail-frame:after {
        content: "";
        display: block;
        clear: both
    }

.detail-area {
    position: relative;
    background: #ebebeb;
    padding: 39px 40px 95px;
    margin: 0 0 70px;
    min-height: 605px
}

@media only screen and (max-width:600px) {
    .detail-area {
        min-height: 0
    }
}

.detail-area:after {
    content: "";
    display: block;
    clear: both
}

.detail-area .image-holder {
    position: relative;
    margin: 0 auto 38px;
    width: 55%
}

    .detail-area .image-holder:after {
        content: "";
        display: block;
        clear: both
    }

    .detail-area .image-holder img {
        display: block;
        width: 100%;
        height: auto
    }

.detail-area .next-step .btn {
    display: inline;
    padding: 0;
    width: 300px
}

.detail-area .bottom-bar {
    position: relative;
    overflow: hidden;
    background: #46bad5;
    padding: 18px 25px 17px
}

    .detail-area .bottom-bar .help {
        position: relative;
        padding: 0;
        color: #fff;
        font-size: 25px;
        line-height: 1.15;
        width: 215px;
        display: inline-block;
        vertical-align: top;
        margin: 0 24px 0 0
    }

        .detail-area .bottom-bar .help .help-icon {
            display: none
        }

        .detail-area .bottom-bar .help .text {
            display: inline-block;
            vertical-align: top
        }

    .detail-area .bottom-bar .features-list {
        display: inline-block;
        vertical-align: top;
        font-size: 0;
        margin: 7px -17px 0;
        font-weight: 500;
        color: #fff;
        line-height: inherit
    }

        .detail-area .bottom-bar .features-list > * {
            font-size: 1.25rem;
            line-height: 1.15
        }

        .detail-area .bottom-bar .features-list li {
            position: relative;
            display: inline-block;
            vertical-align: top;
            padding: 0 17px
        }

            .detail-area .bottom-bar .features-list li:nth-child(2) .jcf-radio {
                background: #d1801c
            }

            .detail-area .bottom-bar .features-list li:nth-child(3) .jcf-radio {
                background: #9d241c
            }

        .detail-area .bottom-bar .features-list .jcf-radio {
            border: none;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            margin: 0 5px 0 0;
            background: #ffd003;
            visibility: hidden;
            width: 0;
            height: 0
        }

            .detail-area .bottom-bar .features-list .jcf-radio span {
                top: 5px;
                left: 5px;
                right: 5px;
                bottom: 5px;
                background: #fff
            }

        .detail-area .bottom-bar .features-list label {
            color: #fff;
            display: inline-block;
            vertical-align: middle;
            font-weight: 500;
            font-size: 1.25rem;
            line-height: inherit
        }

    .detail-area .bottom-bar .btns-list {
        line-height: inherit;
        width: 230px;
        display: inline-block;
        vertical-align: top;
        margin: 13px 0 0 35px
    }

        .detail-area .bottom-bar .btns-list li {
            display: inline-block;
            vertical-align: top;
            width: 110px;
            margin: 0 1px
        }

        .detail-area .bottom-bar .btns-list .btn {
            font-size: 1.125rem;
            height: 36px;
            padding: 7px 5px 4px;
            border-width: 3px
        }

            .detail-area .bottom-bar .btns-list .btn.disabled {
                border-color: #b2b2b2;
                background: #dadada;
                color: #9e9e9e
            }

.detail-area .plus-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 30px
}

    .detail-area .plus-list li {
        position: absolute;
        left: 17px;
        top: -26px
    }

        .detail-area .plus-list li:nth-child(2) {
            left: 82px
        }

        .detail-area .plus-list li:nth-child(3) {
            left: auto;
            right: 74px
        }

        .detail-area .plus-list li:nth-child(4) {
            left: auto;
            right: 16px
        }

        .detail-area .plus-list li:nth-child(5) {
            top: 37px;
            left: -31px
        }

        .detail-area .plus-list li:nth-child(6) {
            top: 37px;
            left: 17px
        }

        .detail-area .plus-list li:nth-child(7) {
            top: 37px;
            left: 115px
        }

        .detail-area .plus-list li:nth-child(8) {
            top: 37px;
            left: auto;
            right: 10px
        }

        .detail-area .plus-list li:nth-child(9) {
            top: 37px;
            left: auto;
            right: -30px
        }

        .detail-area .plus-list li:nth-child(10) {
            bottom: -19px;
            top: auto;
            left: 17px
        }

        .detail-area .plus-list li:nth-child(11) {
            top: auto;
            bottom: -19px;
            left: 83px
        }

        .detail-area .plus-list li:nth-child(12) {
            top: auto;
            bottom: -19px;
            left: auto;
            right: 73px
        }

        .detail-area .plus-list li:nth-child(13) {
            top: auto;
            bottom: -19px;
            left: auto;
            right: 16px
        }

        .detail-area .plus-list li a {
            color: #46bed9;
            display: block;
            width: 28px;
            height: 28px
        }

            .detail-area .plus-list li a:hover {
                color: #28a7c4
            }

        .detail-area .plus-list li .icon-plus {
            position: relative;
            display: block
        }

.detail-area .repair-detail {
    position: relative;
    overflow: hidden;
    max-width: 682px;
    margin: 0 auto;
    text-align: center;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.15
}

    .detail-area .repair-detail .title {
        font-weight: 500;
        display: block;
        color: #464646;
        margin: 0 0 -3px
    }

    .detail-area .repair-detail p {
        margin: 0 0 21px
    }

    .detail-area .repair-detail .btn {
        margin: 0 auto;
        width: 260px;
        color: #fff;
        background: #b4231e;
        border-color: #7d0000;
        font-size: 1.125rem
    }

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

    #header:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 10px;
        box-shadow: 0 0 10px 4px rgba(0,0,0,.7);
        display: none
    }

.top-bar {
    position: relative
}

.top-bar-area {
    position: relative;
    overflow: hidden;
    background: #b4231e;
    padding: 11px 0
}

.top-bar-left {
    position: relative;
    float: left;
    width: 50%;
    padding: 0 0 0 6px
}

    .top-bar-left:after {
        content: "";
        display: block;
        clear: both
    }

    .top-bar-left .btn-list {
        float: left;
        font-size: 0;
        margin: 0 -16px;
        font-weight: 300
    }

        .top-bar-left .btn-list:after {
            content: "";
            display: block;
            clear: both
        }

        .top-bar-left .btn-list > * {
            font-size: 1.125rem;
            line-height: 1.1666
        }

        .top-bar-left .btn-list .text-holder {
            font-weight: 300
        }

        .top-bar-left .btn-list li {
            display: inline-block;
            vertical-align: top;
            padding: 0 16px
        }

            .top-bar-left .btn-list li a {
                position: relative;
                border: 1px solid #fff;
                display: block;
                width: 213px;
                height: 29px;
                padding: 3px 5px 2px 25px;
                border-radius: 15px
            }

                .top-bar-left .btn-list li a .text {
                    font-weight: 500
                }

                .top-bar-left .btn-list li a:hover {
                    opacity: .8
                }

            .top-bar-left .btn-list li .icon {
                position: absolute;
                background: #b4231e;
                border: 1px solid #fff;
                border-radius: 50%;
                width: 29px;
                height: 29px;
                position: absolute;
                left: -8px;
                top: -1px;
                text-align: center;
                font-size: 16px;
                padding: 5px 0 0
            }

                .top-bar-left .btn-list li .icon.add {
                    border: none;
                    padding: 0
                }

                .top-bar-left .btn-list li .icon .icon-date {
                    display: block;
                    width: 23px;
                    height: 23px;
                    background: url(../PNG/ICON1.PNG) no-repeat
                }

.header-holder {
    background: -webkit-linear-gradient(top,#323232 0,#202020 100%);
    background: linear-gradient(to bottom,#323232 0,#202020 100%);
    padding: 15px 0
}

.header-frame {
    position: relative
}

.logo {
    float: left;
    margin: 10px 0 0
}

    .logo a, .logo img {
        display: block
    }

.top-bar-right {
    color: #fff;
    float: right;
    width: 50%;
    text-align: right
}

    .top-bar-right a {
        color: #fff
    }

    .top-bar-right .social-area {
        overflow: hidden;
        height: 29px
    }

    .top-bar-right .title {
        display: inline-block;
        vertical-align: top;
        margin: 0 4px 0 0;
        border: 1px solid #fff;
        width: 58px;
        height: 29px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        border-radius: 15px;
        padding: 4px 2px 2px;
        text-align: center;
        text-transform: capitalize
    }

        .top-bar-right .title:hover {
            color: #000;
            border-color: #000
        }

    .top-bar-right .social-netowrks {
        display: inline-block;
        vertical-align: top;
        margin: 0 -1px;
        font-size: 28px
    }

        .top-bar-right .social-netowrks li {
            display: inline-block;
            vertical-align: top;
            margin: 0 1px;
            width: 29px;
            height: 29px
        }

            .top-bar-right .social-netowrks li a {
                display: block
            }

                .top-bar-right .social-netowrks li a:hover {
                    color: #000
                }

            .top-bar-right .social-netowrks li i {
                display: block
            }

.nav {
    float: right;
    max-width: 728px;
    font-size: 1rem;
    line-height: 1.1875
}

    .nav .nav-btn {
        display: inline-block;
        vertical-align: middle;
        width: 130px;
        height: 50px;
        background: #ffd003;
        border-radius: 4px;
        border-bottom: 4px solid #a07700;
        color: #2c2c2c;
        padding: 5px;
        line-height: 1.125;
        margin: 0 0 0 11px
    }

        .nav .nav-btn:hover {
            opacity: .9
        }

        .nav .nav-btn .link-text {
            font-weight: 400;
            display: block
        }

            .nav .nav-btn .link-text span {
                font-weight: 700
            }

    .nav .link-text {
        font-weight: 400;
        display: table-cell;
        vertical-align: middle
    }

.menu {
    display: inline-block;
    vertical-align: middle;
    margin: 0 -6px;
    line-height: inherit
}

    .menu > li {
        padding: 0 6px
    }

        .menu > li:not(.menu-text) > a {
            position: relative;
            color: #c9c9c9;
            display: table;
            width: 130px;
            height: 50px;
            border-radius: 4px;
            line-height: inherit
        }

            .menu > li:not(.menu-text) > a:after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -15px;
                height: 5px
            }

            .menu > li:not(.menu-text).active > a, .menu > li:not(.menu-text) > a:hover {
                color: #fff
            }

                .menu > li:not(.menu-text).active > a:after, .menu > li:not(.menu-text) > a:hover:after {
                    background: #ffd003
                }

        .menu > li:not(.menu-text).active .link-text {
            font-weight: 500
        }

.menu-icon {
    position: absolute;
    top: 5px;
    right: 29px;
    margin: 0 !important;
    width: 22px;
    height: 24px
}

    .menu-icon:after {
        background: #fff;
        box-shadow: 0 10px 0 #fff,0 20px 0 #fff
    }

    .menu-icon:hover {
        opacity: .8
    }

        .menu-icon:hover:after {
            background: #fff;
            box-shadow: 0 10px 0 #fff,0 20px 0 #fff
        }

.slider-area {
    position: relative
}

    .slider-area:after {
        content: "";
        display: block;
        clear: both
    }

    .slider-area:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -25px;
        background-position: 50% 50%;
        width: 1270px;
        height: 288px;
        margin: 0 0 0 -635px
    }

    .slider-area .bottom-arrow {
        position: absolute;
        bottom: -37px;
        left: 50%;
        width: 75px;
        height: 75px;
        margin: 0 0 0 -37px;
        background-color: #2c2c2c;
        background-color: rgba(44,44,44,.8);
        color: #c3c3c3;
        text-align: center;
        border-radius: 50%;
        z-index: 5;
        font-size: 38px
    }

        .slider-area .bottom-arrow .icon-angle-down {
            position: relative;
            top: -4px
        }

        .slider-area .bottom-arrow:hover {
            background: #2c2c2c;
            color: #ffd003
        }

    .slider-area .image-holder {
        overflow: hidden
    }

    .slider-area img {
        display: block;
        width: 100%;
        height: auto
    }

    .slider-area .caption-area {
        position: absolute;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2
    }

    .slider-area .caption-block {
        position: relative;
        padding: 40px 18px 0 31px;
        overflow: hidden
    }

    .slider-area .heading {
        float: left;
        max-width: 422px;
        margin: 0;
        padding: 0
    }

        .slider-area .heading h1 {
            font-family: "Roboto Condensed",Arial,Helvetica,sans-serif;
            letter-spacing: .8px;
            font-weight: 700;
            font-size: 2.8125rem;
            line-height: 1.111;
            color: #fff;
            margin: 0
        }

            .slider-area .heading h1 span {
                color: #ffd003
            }

                .slider-area .heading h1 span .dot {
                    font-style: normal;
                    color: #fff
                }

    .slider-area .caption {
        float: right;
        max-width: 326px;
        margin: 76px 0 0;
        background-color: #000;
        background-color: rgba(0,0,0,.7);
        color: #fff;
        padding: 27px 30px;
        font-weight: 300;
        font-size: 1.25rem;
        line-height: 1.2
    }

        .slider-area .caption p {
            margin: 0 0 19px;
            line-height: inherit
        }

        .slider-area .caption strong {
            font-weight: 500
        }

.slideshow {
    position: relative;
    overflow: hidden
}

    .slideshow .slideset {
        position: relative
    }

    .slideshow .slide {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%
    }

        .slideshow .slide.active {
            z-index: 2
        }

    .slideshow .btn-next, .slideshow .btn-prev {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        color: #c3c3c3;
        background-color: #2c2c2c;
        background-color: rgba(44,44,44,.6);
        width: 75px;
        height: 75px;
        border-radius: 50%;
        padding: 0;
        font-size: 28px;
        -webkit-transition: all .4s;
        transition: all .4s;
        z-index: 3
    }

        .slideshow .btn-next:hover, .slideshow .btn-prev:hover {
            background: #2c2c2c;
            color: #ffd003
        }

        .slideshow .btn-next .icon-flechasizquierda, .slideshow .btn-prev .icon-flechasizquierda {
            position: absolute;
            left: 36px;
            top: 22px
        }

        .slideshow .btn-next .icon-flechasderecha, .slideshow .btn-prev .icon-flechasderecha {
            position: absolute;
            right: 34px;
            top: 22px
        }

    .slideshow .btn-prev {
        left: -25px
    }

    .slideshow .btn-next {
        right: -25px
    }

    .slideshow .bullets-holder {
        position: relative;
        padding: 0 25px
    }

    .slideshow .pagination {
        position: absolute;
        left: 27px;
        bottom: 38px;
        margin: 0;
        z-index: 5
    }

        .slideshow .pagination ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .slideshow .pagination ul li {
                float: left;
                margin: 0 16px 0 0
            }

                .slideshow .pagination ul li a {
                    border-radius: 0;
                    width: 25px;
                    height: 5px;
                    border-radius: 3px;
                    background: #c3c3c3;
                    overflow: hidden;
                    text-indent: -9999px;
                    padding: 0
                }

                    .slideshow .pagination ul li a:hover {
                        background: #ffd003
                    }

                .slideshow .pagination ul li.active a {
                    background: #ffd003
                }

.cycle-gallery {
    position: relative;
    overflow: hidden
}

    .cycle-gallery .mask {
        position: relative;
        overflow: hidden;
        width: 100%
    }

    .cycle-gallery .slideset {
        float: left;
        width: 100%
    }

    .cycle-gallery .slide {
        float: left;
        width: 100%
    }

        .cycle-gallery .slide.active {
            z-index: 1
        }

    .cycle-gallery .btn-next, .cycle-gallery .btn-prev {
        position: absolute;
        top: 50%;
        left: 20px;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        color: #fff;
        font-size: 40px;
        z-index: 5
    }

        .cycle-gallery .btn-next:hover, .cycle-gallery .btn-prev:hover {
            color: #ffd003
        }

    .cycle-gallery .btn-next {
        left: auto;
        right: 20px
    }

    .cycle-gallery img {
        max-width: 100%;
        width: auto
    }

.jcf-checkbox {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #fff;
    border: 1px solid #d8d8d8;
    margin: 0 5px 0 0;
    width: 18px;
    height: 18px;
    border-radius: 3px
}

    .jcf-checkbox input[type=checkbox] {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 0;
        margin: 0;
        left: 0;
        top: 0
    }

    .jcf-checkbox span {
        position: absolute;
        width: 10px;
        height: 6px;
        top: 50%;
        left: 50%;
        margin: -7px 0 0 -6px;
        border: 3px solid #464646;
        border-width: 0 0 3px 3px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -webkit-transition: all .4s;
        transition: all .4s;
        opacity: 0;
        visibility: hidden
    }

    .jcf-checkbox.jcf-checked span {
        opacity: 1;
        visibility: visible
    }

:root .jcf-checkbox span {
    margin: -6px 0 0 -6px
}

.jcf-radio {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #bababa;
    border: none;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin: 0
}

    .jcf-radio span {
        position: absolute;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        background: #777;
        border-radius: 100%;
        -webkit-transition: all .4s;
        transition: all .4s;
        opacity: 0;
        visibility: hidden
    }

    .jcf-radio input[type=radio] {
        position: absolute;
        height: 100%;
        width: 100%;
        border: 0;
        margin: 0;
        left: 0;
        top: 0
    }

    .jcf-radio.jcf-checked span {
        opacity: 1;
        visibility: visible
    }

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #d8d8d8;
    background: #fff;
    margin: 0;
    width: 100%;
    height: 36px;
    border-radius: 5px
}

    .jcf-select select {
        z-index: 1;
        left: 0;
        top: 0
    }

    .jcf-select .jcf-select-text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block;
        font-size: 15px;
        line-height: 18px;
        margin: 8px 25px 8px 13px;
        color: #464646
    }

    .jcf-select .jcf-select-opener {
        position: absolute;
        width: 25px;
        bottom: 0;
        right: 0;
        top: 0
    }

        .jcf-select .jcf-select-opener:after, .jcf-select .jcf-select-opener:before {
            content: "";
            position: absolute;
            left: 4px;
            top: 7px;
            border-style: solid;
            border-width: 0 6px 8px;
            border-color: transparent transparent #9a9a9a
        }

        .jcf-select .jcf-select-opener:before {
            top: auto;
            bottom: 7px;
            border-width: 8px 6px 0;
            border-color: #9a9a9a transparent transparent
        }

    .jcf-select .jcf-select-drop {
        position: absolute;
        margin-top: 0;
        z-index: 9999;
        top: 100%;
        left: -1px;
        right: -1px
    }

    .jcf-select .jcf-drop-flipped {
        bottom: 100%;
        top: auto
    }

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999
}

    body > .jcf-select-drop.jcf-drop-flipped {
        margin: 1px 0 0
    }

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #d8d8d8
}

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    min-width: 200px;
    margin: 0 15px
}

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    font-size: 15px;
    line-height: 18px;
    width: 100%
}

    .jcf-list .jcf-list-content {
        display: inline-block;
        vertical-align: top;
        overflow: auto;
        width: 100%
    }

    .jcf-list ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .jcf-list ul li {
            overflow: hidden;
            display: block
        }

    .jcf-list .jcf-overflow {
        overflow: auto
    }

    .jcf-list .jcf-option {
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block;
        padding: 5px 9px;
        color: #464646;
        height: 1%
    }

    .jcf-list .jcf-disabled {
        background: #fff !important;
        color: #b4231e !important
    }

    .jcf-list .jcf-optgroup-caption {
        white-space: nowrap;
        font-weight: 700;
        display: block;
        padding: 5px 13px;
        cursor: default;
        color: #000
    }

.jcf-list-box .jcf-selected, .jcf-select-drop .jcf-hover {
    background: #e7e7e7;
    color: #000
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px
}

.jcf-scrollable-wrapper {
    box-sizing: content-box;
    position: relative
}

.jcf-scrollbar-vertical {
    position: absolute;
    cursor: default;
    background: 0 0;
    width: 10px;
    bottom: 0;
    right: 0;
    top: 0
}

    .jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc {
        background: #464646;
        width: 0;
        height: 0;
        left: 0;
        top: 0;
        display: none
    }

    .jcf-scrollbar-vertical .jcf-scrollbar-inc {
        top: auto;
        bottom: 0
    }

    .jcf-scrollbar-vertical .jcf-scrollbar-handle {
        background: #9a9a9a;
        width: 10px;
        height: 1px;
        border-radius: 8px
    }

.jcf-file {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    background: #ebebeb;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    width: 100%;
    height: 41px;
    padding: 9px 17px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #787878
}

    .jcf-file .jcf-real-element {
        position: absolute;
        font-size: 200px;
        height: 200px;
        margin: 0;
        right: 0;
        top: 0
    }

    .jcf-file .jcf-fake-input {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 64px;
        background: #b4231e
    }

        .jcf-file .jcf-fake-input:before {
            content: "\e911";
            font-family: icomoon !important;
            font-size: 28px;
            position: absolute;
            left: 19px;
            top: 9px;
            color: #fff
        }

    .jcf-file .jcf-upload-button {
        display: inline-block;
        vertical-align: top;
        white-space: nowrap;
        overflow: hidden;
        border: none;
        margin: 0;
        padding: 0;
        height: 41px
    }

.form-block {
    position: relative;
    overflow: hidden;
    margin: 0 0 97px
}

    .form-block .form-text-area {
        overflow: hidden;
        padding: 34px 7% 32px;
        text-align: center;
        color: #464646;
        font-size: 1.375rem;
        line-height: 1.227
    }

        .form-block .form-text-area strong {
            font-weight: 700;
            color: #b4231e
        }

        .form-block .form-text-area p {
            margin: 0;
            line-height: inherit
        }

.form-holder {
    position: relative;
    overflow: hidden;
    padding: 0 16px 0 0
}

    .form-holder .align-right {
        float: right
    }

        .form-holder .align-right img {
            display: block;
            width: 100%;
            height: auto
        }

    .form-holder .fields-area {
        overflow: hidden;
        padding: 0 56px 0 0
    }

    .form-holder .field-holder {
        overflow: hidden;
        margin: 0 0 16px
    }

        .form-holder .field-holder label {
            font-weight: 600;
            font-size: 1.25rem;
            line-height: 1.1;
            margin: 0 0 7px;
            color: #464646
        }

    .form-holder input[type=email], .form-holder input[type=tel], .form-holder input[type=text], .form-holder textarea {
        box-shadow: none;
        border-radius: 4px;
        border: 1px solid #d8d8d8;
        background: #fff;
        height: 41px;
        margin: 0;
        padding: 9px 17px;
        color: #9a9a9a;
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
        outline: 0
    }

    .form-holder textarea {
        height: 120px;
        resize: none
    }

    .form-holder .checkbox-holder {
        position: relative;
        margin: 21px 0 23px;
        padding: 0 0 0 27px;
        line-height: inherit
    }

        .form-holder .checkbox-holder:after {
            content: "";
            display: block;
            clear: both
        }

        .form-holder .checkbox-holder .jcf-checkbox {
            position: absolute;
            left: 0;
            top: 0
        }

        .form-holder .checkbox-holder label {
            display: inline-block;
            vertical-align: top;
            font-weight: 700;
            font-size: .9375rem;
            line-height: 1.133;
            margin: 0;
            color: #464646;
            letter-spacing: -.2px
        }

            .form-holder .checkbox-holder label .text {
                font-weight: 400
            }

    .form-holder input[type=submit] {
        border: none;
        padding: 0 5px;
        color: #fff;
        background: #b4231e;
        border-bottom: 5px solid #7d0000;
        height: 60px
    }

        .form-holder input[type=submit]:hover {
            background: #971c17
        }

    .form-holder ::-webkit-input-placeholder {
        color: #9a9a9a
    }

    .form-holder ::-moz-placeholder {
        opacity: 1;
        color: #9a9a9a
    }

    .form-holder :-moz-placeholder {
        color: #9a9a9a
    }

    .form-holder :-ms-input-placeholder {
        color: #9a9a9a
    }

    .form-holder .placeholder {
        color: #9a9a9a
    }

.reveal {
    box-shadow: 0 8px 6px 0 rgba(0,0,0,.3)
}

#global-contact-form #call-time {
    margin-bottom: 0
}

#global-contact-form .field-holder {
    margin-bottom: 0
}

.form-area {
    overflow: hidden
}

    .form-area .form-heading {
        background: #b4231e;
        min-height: 47px;
        overflow: hidden;
        text-align: center;
        padding: 12px 5px 5px
    }

        .form-area .form-heading .title {
            display: block;
            color: #fff;
            font-weight: 500;
            font-size: 1.25rem;
            line-height: 1.15
        }

    .form-area .fields-area {
        background: #fff;
        overflow: hidden;
        padding: 15px 30px 30px
    }

    .form-area .field-holder {
        overflow: hidden;
        margin: 0 0 17px
    }

        .form-area .field-holder label {
            font-weight: 700;
            font-size: 1.125rem;
            line-height: 1.15;
            margin: 0 0 6px;
            color: #464646
        }

        .form-area .field-holder input[type=tel], .form-area .field-holder input[type=text] {
            border-radius: 5px;
            width: 100%;
            height: 36px;
            border: 1px solid #d8d8d8;
            font-size: 15px;
            line-height: 18px;
            background: #fff;
            padding: 8px 14px;
            color: #9a9a9a;
            box-shadow: none;
            margin: 0
        }

    .form-area .checkbox-holder {
        position: relative;
        margin: 0 0 19px;
        padding: 2px 0 0 27px
    }

        .form-area .checkbox-holder:after {
            content: "";
            display: block;
            clear: both
        }

        .form-area .checkbox-holder .jcf-checkbox {
            position: absolute;
            left: 0;
            top: 2px
        }

        .form-area .checkbox-holder label {
            line-height: 1.15;
            font-size: .9375rem;
            color: #464646;
            letter-spacing: -.2px;
            margin: 0
        }

            .form-area .checkbox-holder label span {
                font-weight: 700
            }

    .form-area input[type=submit] {
        background: #b4231e;
        border: none;
        border-bottom: 5px solid #7d0000;
        padding: 0 5px;
        color: #fff;
        height: 42px
    }

    .form-area ::-webkit-input-placeholder {
        color: #9a9a9a
    }

    .form-area ::-moz-placeholder {
        opacity: 1;
        color: #9a9a9a
    }

    .form-area :-moz-placeholder {
        color: #9a9a9a
    }

    .form-area :-ms-input-placeholder {
        color: #9a9a9a
    }

    .form-area .placeholder {
        color: #9a9a9a
    }

.formmgr-message-text {
    color: red;
    font-size: 12px
}

.bottom-container {
    position: relative;
    overflow: hidden;
    display: table-footer-group;
    height: 1%
}

.followus-area {
    overflow: hidden;
    background: #ebebeb;
    padding: 27px 0 29px
}

    .followus-area .followus-holder {
        position: relative;
        margin: 0 auto;
        max-width: 440px;
        left: 6px
    }

        .followus-area .followus-holder:after {
            content: "";
            display: block;
            clear: both
        }

    .followus-area .heading-text {
        display: inline-block;
        vertical-align: top;
        font-weight: 300;
        font-size: 1.125rem;
        line-height: 1.2223;
        max-width: 155px;
        margin: 0 14px 0 0
    }

        .followus-area .heading-text span {
            font-weight: 500
        }

    .followus-area .social-area {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin: 2px 0 0
    }

    .followus-area .title {
        display: inline-block;
        vertical-align: top;
        margin: 0 13px 0 0;
        border: 2px solid #969696;
        width: 82px;
        height: 42px;
        font-weight: 500;
        font-size: 17px;
        line-height: 20px;
        border-radius: 25px;
        padding: 9px 2px 2px;
        color: #969696;
        text-transform: capitalize
    }

        .followus-area .title:hover {
            color: #b4231e;
            border-color: #b4231e
        }

    .followus-area .social-netowrks {
        display: inline-block;
        vertical-align: top;
        margin: 0 -4px;
        font-size: 42px;
        line-height: inherit;
        height: 42px
    }

        .followus-area .social-netowrks li {
            display: inline-block;
            vertical-align: top;
            margin: 0 4px;
            width: 42px;
            height: 42px
        }

            .followus-area .social-netowrks li a {
                color: #969696;
                display: block
            }

                .followus-area .social-netowrks li a:hover {
                    color: #b4231e
                }

            .followus-area .social-netowrks li i {
                display: block
            }

.footer-info-area {
    background: #9f241c;
    overflow: hidden;
    padding: 50px 0 45px
}

    .footer-info-area .footer-info-holder {
        position: relative
    }

        .footer-info-area .footer-info-holder:after {
            content: "";
            display: block;
            clear: both
        }

    .footer-info-area .top-link {
        position: absolute;
        right: 10px;
        bottom: -13px;
        background: #630503;
        color: #e7e7e7;
        border-radius: 50%;
        width: 70px;
        height: 70px;
        text-align: center;
        font-size: 36px
    }

        .footer-info-area .top-link .icon-flechasderecha {
            display: block;
            position: relative;
            top: 15px;
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg)
        }

        .footer-info-area .top-link:hover {
            color: #ffd003
        }

    .footer-info-area .footer-info {
        overflow: hidden;
        border-right: 2px solid #712000
    }

        .footer-info-area .footer-info.last {
            border-right: none;
            border-left: 2px solid #712000
        }

        .footer-info-area .footer-info.add {
            border-right: none
        }

            .footer-info-area .footer-info.add .bottom-nav-area {
                padding: 7px 10px 0 50px
            }

    .footer-info-area .bottom-nav-area {
        overflow: hidden;
        padding: 7px 10px 0 71px
    }

    .footer-info-area .bottom-nav {
        margin: 0;
        padding: 0;
        list-style: none;
        font-weight: 300;
        font-size: 1.125rem;
        line-height: 1.1667;
        overflow: hidden
    }

        .footer-info-area .bottom-nav li {
            margin: 0 0 12px
        }

            .footer-info-area .bottom-nav li a {
                color: #fff
            }

                .footer-info-area .bottom-nav li a:hover {
                    opacity: .8
                }

    .footer-info-area .btn-list {
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.125rem;
        line-height: 1.1667;
        padding: 10px 0 0 14%
    }

        .footer-info-area .btn-list li {
            text-align: center;
            margin: 0 0 17px
        }

            .footer-info-area .btn-list li a {
                display: inline-block;
                vertical-align: top;
                color: #fff;
                border: 1px solid #fff;
                border-radius: 25px;
                width: 285px;
                height: 41px;
                padding: 9px 3px 3px
            }

                .footer-info-area .btn-list li a:hover {
                    opacity: .8
                }

            .footer-info-area .btn-list li .btn-text {
                position: relative;
                font-weight: 300;
                display: inline-block;
                vertical-align: top;
                padding: 0 0 0 23px
            }

            .footer-info-area .btn-list li .icon-pictotelefono {
                font-size: 16px;
                position: absolute;
                left: 0;
                top: 2px
            }

            .footer-info-area .btn-list li .icon-pictollamada {
                font-size: 16px;
                position: absolute;
                left: 0;
                top: 4px
            }

#footer {
    overflow: hidden;
    background: -webkit-linear-gradient(left,#323232 0,#171717 100%);
    background: linear-gradient(to right,#323232 0,#171717 100%);
    color: #fff;
    font-size: .9375rem;
    line-height: 1.2
}

    #footer a {
        color: #fff
    }

        #footer a:hover {
            opacity: .8
        }

    #footer .footer-holder {
        position: relative;
        padding: 19px 0;
        text-align: center
    }

        #footer .footer-holder:after {
            content: "";
            display: block;
            clear: both
        }

    #footer .copyright {
        font-weight: 500;
        display: inline-block;
        vertical-align: top;
        margin: 0 6px 0 0
    }

    #footer .contact-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-block;
        vertical-align: top;
        line-height: inherit
    }

        #footer .contact-list li {
            position: relative;
            float: left;
            padding: 0 7px
        }

            #footer .contact-list li:after {
                content: "";
                position: absolute;
                left: 0;
                top: 2px;
                bottom: 0;
                width: 1px;
                background: #fff
            }

@media screen and (orientation:landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: block !important
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-portrait, .show-for-landscape {
        display: none !important
    }

    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

@media screen and (min-width:0\0) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

@media screen and (min-width:0) and (max-width:47.9375em) {
    .hide-for-small-only {
        display: none !important
    }

    .media-object.stack-for-small .media-object-section {
        display: block;
        padding: 0;
        padding-bottom: 1rem
    }

        .media-object.stack-for-small .media-object-section img {
            width: 100%
        }
}

@media screen and (max-width:0),screen and (min-width:48em) {
    .show-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:47.9375em),screen and (min-width:64.375em) {
    .show-for-medium-only {
        display: none !important
    }
}

.step-area .step-list li.active {
    cursor: pointer
}

@media screen and (min-width:48em) {
    .row.medium-collapse > .column, .row.medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .medium-1 {
        width: 8.3333333333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.3333333333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.3333333333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        width: 16.6666666667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.6666666667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.6666666667%
    }

    .medium-offset-1 {
        margin-left: 8.3333333333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.6666666667%
    }

    .medium-4 {
        width: 33.3333333333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.3333333333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.3333333333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.6666666667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.6666666667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.6666666667%
    }

    .medium-offset-4 {
        margin-left: 33.3333333333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.6666666667%
    }

    .medium-7 {
        width: 58.3333333333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.3333333333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.3333333333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.6666666667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.6666666667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.6666666667%
    }

    .medium-offset-7 {
        margin-left: 58.3333333333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.6666666667%
    }

    .medium-10 {
        width: 83.3333333333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.3333333333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.3333333333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.6666666667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.6666666667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.6666666667%
    }

    .medium-offset-10 {
        margin-left: 83.3333333333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.6666666667%
    }

    .medium-up-1 > .column, .medium-up-1 > .columns {
        width: 100%;
        float: left
    }

        .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
            clear: both
        }

        .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
            float: left
        }

    .medium-up-2 > .column, .medium-up-2 > .columns {
        width: 50%;
        float: left
    }

        .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
            clear: both
        }

        .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
            float: left
        }

    .medium-up-3 > .column, .medium-up-3 > .columns {
        width: 33.3333333333%;
        float: left
    }

        .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
            clear: both
        }

        .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
            float: left
        }

    .medium-up-4 > .column, .medium-up-4 > .columns {
        width: 25%;
        float: left
    }

        .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
            clear: both
        }

        .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
            float: left
        }

    .medium-up-5 > .column, .medium-up-5 > .columns {
        width: 20%;
        float: left
    }

        .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
            clear: both
        }

        .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
            float: left
        }

    .medium-up-6 > .column, .medium-up-6 > .columns {
        width: 16.6666666667%;
        float: left
    }

        .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
            clear: both
        }

        .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
            float: left
        }

    .medium-up-7 > .column, .medium-up-7 > .columns {
        width: 14.2857142857%;
        float: left
    }

        .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
            clear: both
        }

        .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
            float: left
        }

    .medium-up-8 > .column, .medium-up-8 > .columns {
        width: 12.5%;
        float: left
    }

        .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
            clear: none
        }

        .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
            float: left
        }

    .column.medium-centered, .medium-centered.columns {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .medium-pull-0, .medium-push-0, .medium-uncenter {
        position: static;
        margin-left: 0;
        margin-right: 0
    }

    h1 {
        font-size: 3rem
    }

    h2 {
        font-size: 2.5rem
    }

    h3 {
        font-size: 1.9375rem
    }

    h4 {
        font-size: 1.5625rem
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }

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

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

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }

    .hide-for-medium {
        display: none !important
    }

    .button-group.stacked-for-small .button {
        width: auto
    }

        .button-group.stacked-for-small .button:not(:last-child) {
            border-right: 1px solid #fff
        }

    .menu.medium-horizontal > li {
        display: table-cell
    }

    .menu.medium-vertical > li {
        display: block
    }

    .position-left.reveal-for-medium {
        left: 0;
        z-index: auto;
        position: fixed
    }

        .position-left.reveal-for-medium ~ .off-canvas-content {
            margin-left: 250px
        }

    .position-right.reveal-for-medium {
        right: 0;
        z-index: auto;
        position: fixed
    }

        .position-right.reveal-for-medium ~ .off-canvas-content {
            margin-right: 250px
        }

    .pagination li {
        display: inline-block
    }

    .reveal {
        min-height: 0
    }

    .reveal {
        width: 410px;
        max-width: 75rem
    }

        .reveal .reveal {
            left: auto;
            right: auto;
            margin: 0 auto
        }

        .reveal.tiny {
            width: 30%;
            max-width: 75rem
        }

        .reveal.small {
            width: 50%;
            max-width: 75rem
        }

        .reveal.large {
            width: 90%;
            max-width: 75rem
        }
}

@media screen and (min-width:48em) and (max-width:64.3125em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (min-width:64.375em) {
    .row.large-collapse > .column, .row.large-collapse > .columns {
        padding-left: 0;
        padding-right: 0
    }

    .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .large-1 {
        width: 8.3333333333%
    }

    .large-push-1 {
        position: relative;
        left: 8.3333333333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.3333333333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        width: 16.6666666667%
    }

    .large-push-2 {
        position: relative;
        left: 16.6666666667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.6666666667%
    }

    .large-offset-1 {
        margin-left: 8.3333333333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.6666666667%
    }

    .large-4 {
        width: 33.3333333333%
    }

    .large-push-4 {
        position: relative;
        left: 33.3333333333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.3333333333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.6666666667%
    }

    .large-push-5 {
        position: relative;
        left: 41.6666666667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.6666666667%
    }

    .large-offset-4 {
        margin-left: 33.3333333333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.6666666667%
    }

    .large-7 {
        width: 58.3333333333%
    }

    .large-push-7 {
        position: relative;
        left: 58.3333333333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.3333333333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.6666666667%
    }

    .large-push-8 {
        position: relative;
        left: 66.6666666667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.6666666667%
    }

    .large-offset-7 {
        margin-left: 58.3333333333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.6666666667%
    }

    .large-10 {
        width: 83.3333333333%
    }

    .large-push-10 {
        position: relative;
        left: 83.3333333333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.3333333333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.6666666667%
    }

    .large-push-11 {
        position: relative;
        left: 91.6666666667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.6666666667%
    }

    .large-offset-10 {
        margin-left: 83.3333333333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.6666666667%
    }

    .large-up-1 > .column, .large-up-1 > .columns {
        width: 100%;
        float: left
    }

        .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
            clear: both
        }

        .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
            float: left
        }

    .large-up-2 > .column, .large-up-2 > .columns {
        width: 50%;
        float: left
    }

        .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
            clear: both
        }

        .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
            float: left
        }

    .large-up-3 > .column, .large-up-3 > .columns {
        width: 33.3333333333%;
        float: left
    }

        .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
            clear: both
        }

        .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
            float: left
        }

    .large-up-4 > .column, .large-up-4 > .columns {
        width: 25%;
        float: left
    }

        .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
            clear: both
        }

        .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
            float: left
        }

    .large-up-5 > .column, .large-up-5 > .columns {
        width: 20%;
        float: left
    }

        .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
            clear: both
        }

        .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
            float: left
        }

    .large-up-6 > .column, .large-up-6 > .columns {
        width: 16.6666666667%;
        float: left
    }

        .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
            clear: both
        }

        .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
            float: left
        }

    .large-up-7 > .column, .large-up-7 > .columns {
        width: 14.2857142857%;
        float: left
    }

        .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
            clear: both
        }

        .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
            float: left
        }

    .large-up-8 > .column, .large-up-8 > .columns {
        width: 12.5%;
        float: left
    }

        .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
            clear: none
        }

        .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
            clear: both
        }

        .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
            float: left
        }

    .column.large-centered, .large-centered.columns {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .large-pull-0, .large-push-0, .large-uncenter {
        position: static;
        margin-left: 0;
        margin-right: 0
    }

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

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

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }

    .hide-for-large {
        display: none !important
    }

    .menu.large-horizontal > li {
        display: table-cell
    }

    .menu.large-vertical > li {
        display: block
    }

    .position-left.reveal-for-large {
        left: 0;
        z-index: auto;
        position: fixed
    }

        .position-left.reveal-for-large ~ .off-canvas-content {
            margin-left: 250px
        }

    .position-right.reveal-for-large {
        right: 0;
        z-index: auto;
        position: fixed
    }

        .position-right.reveal-for-large ~ .off-canvas-content {
            margin-right: 250px
        }
}

@media screen and (min-width:64.375em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:64.3125em),screen and (min-width:75em) {
    .show-for-large-only {
        display: none !important
    }
}

@media (min-width:768px) {
    .desktop-hidden {
        display: none !important
    }

    .benefits-holder .benefits-block.right .icon-holder {
        left: auto;
        right: -10px;
        border-radius: 50% 0 0 50%;
        padding: 19px 5px 0 0
    }

        .benefits-holder .benefits-block.right .icon-holder:after {
            left: auto;
            right: 0;
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg)
        }

    .benefits-holder .benefits-block.right .image-holder {
        left: auto;
        right: 0
    }

    .benefits-holder .benefits-block.right .text-block {
        float: left
    }

        .benefits-holder .benefits-block.right .text-block:after {
            border-width: 14px 0 14px 15px;
            border-color: transparent transparent transparent #f5f5f5;
            left: auto;
            right: -15px
        }

    .info-bar-area.js-slide-hidden {
        display: block !important;
        left: 0 !important;
        position: static !important;
        top: 0 !important
    }

    .choice-blocks-area .choice-block.active .wrap .opener .icon-angle-right {
        background-position: -30px -58px
    }

    .choice-blocks-area[data-class=parent-active-1] .box2.collapsed, .choice-blocks-area[data-class=parent-active-b] .box2.collapsed {
        left: 17.66%;
        display: none
    }

    .choice-blocks-area[data-class=parent-active-2] .box2.active, .choice-blocks-area[data-class=parent-active-c] .box2.active {
        left: 0
    }

    .choice-blocks-area[data-class=parent-active-2] .box1.collapsed, .choice-blocks-area[data-class=parent-active-c] .box1.collapsed {
        display: none
    }

    .choice-blocks-area[data-class=parent-active-3] .box3.active, .choice-blocks-area[data-class=parent-active-d] .box3.active {
        left: 0
    }

    .choice-blocks-area[data-class=parent-active-3] .box1.collapsed, .choice-blocks-area[data-class=parent-active-d] .box1.collapsed {
        left: -20%;
        display: none
    }

    .choice-blocks-area[data-class=parent-active-3] .box2.collapsed, .choice-blocks-area[data-class=parent-active-d] .box2.collapsed {
        left: -31%;
        display: none
    }

    .detail-area .bottom-bar .features-list br {
        display: none
    }

    .slider-area .heading h1 span {
        display: block
    }

    .form-area .form-heading br {
        display: none
    }
}

@media (min-width:1279px) {
    .workshop-area .content-block .btn {
        height: 51px
    }
}

@media (min-width:1280px) {
    .seakers-area .seakers-map {
        height: 900px
    }
}

@media (max-width:1278px) {
    .btn {
        font-size: 1.125rem;
        padding: 10px 5px 4px;
        height: 42px
    }

    #main.add {
        padding-top: 165px
    }

    .heading {
        margin: 0 0 38px;
        padding: 0 5.9%
    }

        .heading h2 {
            padding: 0 10%;
            font-size: 1.5625rem
        }

            .heading h2:after, .heading h2:before {
                width: 62px;
                height: 13px;
                background-position: -9px -48px
            }

            .heading h2:before {
                background-position: -9px -73px
            }

    .content-blocks {
        padding: 0 30px
    }

        .content-blocks .block {
            padding: 28px 10px 29px
        }

            .content-blocks .block .img-holder {
                margin: 0 0 17px
            }

                .content-blocks .block .img-holder img {
                    width: 81px;
                    height: 81px
                }

            .content-blocks .block .text-holder {
                font-size: 1.125rem
            }

            .content-blocks .block .wide-text-holder {
                font-size: 1.125rem
            }

    .info-blocks {
        padding: 0 30px
    }

        .info-blocks .block {
            min-height: 220px
        }

            .info-blocks .block .description {
                font-size: 1.375rem
            }

                .info-blocks .block .description .info-btn {
                    font-size: 18px;
                    padding: 6px 11px 3px
                }

            .info-blocks .block .img-holder {
                max-width: 187px;
                top: 52px;
                right: -12px
            }

                .info-blocks .block .img-holder.add {
                    max-width: 314px;
                    right: -35px;
                    top: 34px
                }

                .info-blocks .block .img-holder.add1 {
                    top: 60px;
                    right: -70px;
                    max-width: 300px
                }

    .certified-bar-area {
        font-size: 1.625rem;
        padding: 45px 0
    }

    .benefit-area .benefit-text {
        padding: 36px 7% 34px;
        line-height: 1.3
    }

    .benefits-holder {
        padding: 0 30px
    }

        .benefits-holder .text-block {
            font-size: 1.125rem;
            padding: 22px 2.9%;
            min-height: 230px
        }

            .benefits-holder .text-block:before {
                font-size: 200px
            }

            .benefits-holder .text-block h2 {
                font-size: 1.125rem;
                margin: 0 0 9px
            }

    .info-bar-area .info-bar-list {
        margin: 0 -10px;
        padding: 20px 0 21px
    }

        .info-bar-area .info-bar-list > * {
            font-size: .9375rem
        }

        .info-bar-area .info-bar-list li {
            margin: 0 10px;
            width: 192px
        }

            .info-bar-area .info-bar-list li:first-child {
                width: 167px
            }

            .info-bar-area .info-bar-list li:nth-child(3) {
                width: 267px
            }

        .info-bar-area .info-bar-list .text {
            margin: 3px 0 0
        }

    .step-area .step-list {
        margin: 0 -10px 37px;
        padding: 0 32px
    }

    .step-content .btn-holder {
        height: 32px;
        margin: 0 0 43px
    }

    .step-content .next-btn, .step-content .previous-btn {
        padding: 1px 5px 2px 24px;
        font-size: .9375rem;
        width: 100px;
        height: 32px;
        left: 32px;
        top: -7px
    }

        .step-content .next-btn .icon, .step-content .previous-btn .icon {
            font-size: 12px;
            left: 11px;
            top: 8px
        }

    .step-content .next-btn {
        left: auto;
        right: 32px;
        padding: 1px 24px 2px 5px
    }

        .step-content .next-btn .icon {
            left: auto;
            right: 12px
        }

    .step-content .heading-area.add {
        padding: 0 24%
    }

    .step-content .heading-area {
        margin-bottom: 33px
    }

    .step-content .postal-area .postal-search-area .postal-search {
        padding: 84px 0 20px
    }

    .step-content .postal-area .postal-search-area input[type=tel], .step-content .postal-area .postal-search-area input[type=text] {
        height: 60px;
        padding: 17px 31px
    }

    .step-content .postal-area input[type=submit] {
        height: 60px
    }

    .seakers-area {
        padding: 0 32px
    }

        .seakers-area .seakers-map {
            height: 900px
        }

            .seakers-area .seakers-map img {
                height: 100%
            }

    .seakers-list-area {
        width: 42.7%
    }

        .seakers-list-area .seakers-list li .distance {
            padding: 62px 0 0
        }

        .seakers-list-area .seakers-list li .description {
            padding: 27px 40px 20px 32px
        }

            .seakers-list-area .seakers-list li .description h2 {
                font-size: 1.125rem;
                margin: 0 0 4px
            }

            .seakers-list-area .seakers-list li .description .arrow {
                font-size: 26px;
                right: 9px
            }

    .workshop-area {
        padding: 3px 32px 0
    }

        .workshop-area .detail-block .heading-bar {
            min-height: 46px;
            padding: 11px 24px 5px
        }

            .workshop-area .detail-block .heading-bar h2 {
                font-size: 1.25rem
            }

        .workshop-area .detail-block .services-list-holder {
            padding: 38px 22px 10px
        }

        .workshop-area .detail-block .services-list {
            margin: 0 -8px
        }

            .workshop-area .detail-block .services-list > * {
                font-size: .75rem
            }

            .workshop-area .detail-block .services-list li {
                padding: 0 8px;
                margin: 0 0 12px
            }

            .workshop-area .detail-block .services-list .holder {
                padding: 6px 5px 3px 10px;
                height: 55px
            }

            .workshop-area .detail-block .services-list .icon-holder {
                width: 32px;
                margin: 0 4px 0 0
            }

            .workshop-area .detail-block .services-list .name {
                width: 60px
            }

        .workshop-area .content-block {
            padding: 20px 20px 10px
        }

            .workshop-area .content-block .btn {
                margin: 0 0 10px
            }

                .workshop-area .content-block .btn .text {
                    padding: 0 0 0 28px
                }

                    .workshop-area .content-block .btn .text .icon {
                        top: 0;
                        width: 19px;
                        height: 19px
                    }

                        .workshop-area .content-block .btn .text .icon:before {
                            font-size: 12px;
                            width: 19px;
                            height: 19px;
                            top: 2px;
                            left: -1px
                        }

                        .workshop-area .content-block .btn .text .icon.add {
                            width: 20px;
                            height: 20px;
                            left: 2px;
                            top: 0
                        }

                            .workshop-area .content-block .btn .text .icon.add:after {
                                width: 20px;
                                height: 20px
                            }

            .workshop-area .content-block .call-area {
                margin: 30px 0 0
            }

        .workshop-area .map-area {
            margin: 0 0 0 10px
        }

            .workshop-area .map-area .map-text {
                right: 12px;
                width: 200px;
                padding: 9px 11px 9px 17px;
                font-size: .875rem
            }

        .workshop-area .contact-block {
            width: 31.4%
        }

            .workshop-area .contact-block .detail-block .heading-bar {
                padding: 13px 20px 10px
            }

        .workshop-area .adress-area {
            padding: 19px 20px 15px
        }

            .workshop-area .adress-area .name {
                font-size: 1.125rem;
                margin: 0
            }

            .workshop-area .adress-area address {
                font-size: 1.125rem
            }

    .choice-blocks-area {
        padding: 0 30px;
        margin: 0 -10px 60px
    }

        .choice-blocks-area .choice-block .wrap {
            padding: 82px 20px 16px
        }

        .choice-blocks-area .choice-block .image-holder {
            width: 100%;
            margin: 0 auto 35px
        }

        .choice-blocks-area .choice-block .name-area .name {
            width: 100%;
            float: none;
            display: block;
            margin: 0 0 -1px
        }

        .choice-blocks-area .choice-block .persons-area {
            text-align: center
        }

            .choice-blocks-area .choice-block .persons-area .distance {
                padding: 6px 5px
            }

            .choice-blocks-area .choice-block .persons-area .persons {
                padding: 6px 5px
            }

        .choice-blocks-area .slide-area .slide-heading {
            padding: 9px 10px 11px;
            margin: 0 0 37px
        }

        .choice-blocks-area .slide-area .radio-list {
            margin: 0 0 32px
        }

            .choice-blocks-area .slide-area .radio-list li {
                padding: 13px 35px 16px 9px
            }

                .choice-blocks-area .slide-area .radio-list li img {
                    top: 10px
                }

                .choice-blocks-area .slide-area .radio-list li .jcf-radio {
                    left: 4px;
                    top: 3px
                }

                    .choice-blocks-area .slide-area .radio-list li .jcf-radio:hover {
                        cursor: pointer
                    }

                    .choice-blocks-area .slide-area .radio-list li .jcf-radio input[type=radio]:hover {
                        cursor: pointer
                    }

    .budget-area {
        margin-bottom: 40px;
        padding: 0 32px
    }

        .budget-area .budget-block .holder {
            padding: 0 10px 28px
        }

        .budget-area .budget-block .price {
            margin: 12px 0 -2px
        }

        .budget-area .summary-list {
            margin: 10px -5px 25px
        }

            .budget-area .summary-list > * {
                font-size: 1.125rem
            }

            .budget-area .summary-list .summary {
                min-height: 120px;
                padding: 20px 5px 10px
            }

                .budget-area .summary-list .summary .img-holder {
                    min-height: 56px;
                    width: 63%;
                    margin: 0 auto
                }

        .budget-area .colors-area {
            padding: 0 0 3px
        }

            .budget-area .colors-area .img-frame {
                width: 221px;
                margin: 0 30px 0 0
            }

            .budget-area .colors-area .colors-list {
                font-size: 1.125rem;
                margin: 14px 0 0
            }

                .budget-area .colors-area .colors-list li {
                    margin: 0 0 10px;
                    padding: 0 0 0 29px
                }

        .budget-area .content-block {
            padding: 30px 28px
        }

            .budget-area .content-block .btns-list .btn {
                font-size: 1.125rem;
                padding: 23px 5px 4px;
                height: 90px
            }

                .budget-area .content-block .btns-list .btn .text .icon {
                    left: 0;
                    width: 36px;
                    height: 36px
                }

        .budget-area .call-area {
            padding: 13px 5px
        }

            .budget-area .call-area .text {
                font-size: 1.25rem
            }

            .budget-area .call-area .number {
                font-size: 2.8125rem
            }

    .detail-frame {
        padding: 0 32px
    }

    .detail-area {
        padding: 40px 0 120px;
        margin: 0 0 52px
    }

        .detail-area .image-holder {
            width: 64%;
            margin: 0 auto 41px
        }

        .detail-area .bottom-bar {
            padding: 0
        }

            .detail-area .bottom-bar .help {
                float: left;
                width: 31%;
                margin: 0;
                text-align: center;
                background: #dadada;
                color: #464646;
                min-height: 80px;
                padding: 18px 5px 10px
            }

                .detail-area .bottom-bar .help .help-icon {
                    border-color: #464646
                }

                .detail-area .bottom-bar .help .text {
                    position: relative;
                    text-align: left;
                    padding: 0;
                    width: 210px
                }

            .detail-area .bottom-bar .features-list {
                float: left;
                width: 69%;
                margin: 0;
                text-align: center
            }

                .detail-area .bottom-bar .features-list li {
                    width: 33.33%;
                    padding: 0
                }

                    .detail-area .bottom-bar .features-list li:nth-child(2) label {
                        background: #d1801c;
                        border-bottom: 5px solid #8f5712
                    }

                        .detail-area .bottom-bar .features-list li:nth-child(2) label.jcf-label-active {
                            background: #bb7219;
                            border: none
                        }

                    .detail-area .bottom-bar .features-list li:nth-child(3) label {
                        background: #fa362a;
                        border-bottom: 5px solid #821711
                    }

                        .detail-area .bottom-bar .features-list li:nth-child(3) label.jcf-label-active {
                            background: #871f18;
                            border: none
                        }

                .detail-area .bottom-bar .features-list .jcf-radio {
                    display: none
                }

                .detail-area .bottom-bar .features-list label {
                    display: block;
                    min-height: 80px;
                    padding: 27px 5px 5px;
                    background: #ffd003;
                    border-bottom: 5px solid #b09105
                }

                    .detail-area .bottom-bar .features-list label.jcf-label-active {
                        background: #e9bd00;
                        border: none
                    }

            .detail-area .bottom-bar .btns-list {
                display: none
            }

    .top-bar {
        padding: 0 30px
    }

    .top-bar-left {
        padding: 0 0 0 4px
    }

    .header-holder {
        padding: 15px 30px
    }

    .logo {
        width: 180px;
        height: 27px
    }

        .logo a, .logo img {
            width: 180px;
            height: 27px
        }

    .nav {
        max-width: 670px;
        font-size: .875rem
    }

        .nav .nav-btn {
            width: 112px;
            padding: 6px 5px;
            margin: 0 0 0 6px
        }

    .menu > li:not(.menu-text) > a {
        width: 112px
    }

    .slider-area:before {
        background-size: 100% auto
    }

    .slider-area .caption-block {
        padding: 44px 60px 0
    }

    .slider-area .heading {
        max-width: 332px
    }

        .slider-area .heading h1 {
            font-size: 2.1875rem
        }

    .slider-area .caption {
        font-size: 1.125rem;
        padding: 16px 20px 19px;
        margin: 45px 0 0;
        max-width: 270px
    }

        .slider-area .caption p {
            margin: 0 0 16px
        }

    .slideshow .pagination {
        left: 58px;
        bottom: 29px
    }

        .slideshow .pagination ul li {
            margin: 0 14px 0 0
        }

            .slideshow .pagination ul li a {
                width: 18px;
                height: 3px
            }

    .cycle-gallery .btn-next, .cycle-gallery .btn-prev {
        font-size: 36px;
        left: 16px
    }

    .cycle-gallery .btn-next {
        left: auto;
        right: 12px
    }

    .cycle-gallery img {
        width: 100%;
        max-height: 100%
    }

    .form-block .form-text-area {
        font-size: 1.25rem;
        padding: 36px 5% 34px
    }

    .form-holder {
        padding: 0 28px 0 32px
    }

    .footer-info-area .footer-info-holder {
        padding: 0 30px
    }

    .footer-info-area .top-link {
        right: 40px
    }

    .footer-info-area .footer-info.add .bottom-nav-area {
        padding: 6px 0 0;
        max-width: 170px;
        margin: 0 auto;
        text-align: left
    }

    .footer-info-area .bottom-nav-area {
        padding: 7px 10px 0 38px
    }

    .footer-info-area .btn-list {
        padding: 10px 0 0 13%
    }

        .footer-info-area .btn-list li a {
            width: 225px
        }
}

@media (max-width:1022px) {
    .top-bar-left .btn-list {
        margin: 0 -10px
    }

        .top-bar-left .btn-list li {
            padding: 0 10px
        }
}

@media (max-width:999px) {
    .heading {
        padding: 0 5%;
        margin: 0 0 30px
    }

        .heading h2 {
            padding: 0 10%;
            font-size: 1.375rem
        }

    .content-blocks {
        padding: 0 15px
    }

    .info-blocks {
        padding: 0 15px
    }

        .info-blocks .block {
            padding: 25px 15px
        }

            .info-blocks .block .description {
                font-size: 1.25rem
            }

    .certified-bar-area {
        font-size: 1.375rem
    }

    .benefits-holder {
        padding: 0 15px
    }

        .benefits-holder .text-block {
            font-size: 1rem;
            min-height: 210px
        }

            .benefits-holder .text-block h2 {
                font-size: 1rem
            }

    .info-bar-area .info-bar-list {
        margin: 0 -5px
    }

        .info-bar-area .info-bar-list > * {
            font-size: .8125rem
        }

        .info-bar-area .info-bar-list li {
            margin: 0;
            padding: 0 5px;
            width: 25%;
            vertical-align: middle
        }

            .info-bar-area .info-bar-list li:first-child {
                width: 25%
            }

            .info-bar-area .info-bar-list li:nth-child(3) {
                width: 25%
            }

                .info-bar-area .info-bar-list li:nth-child(3) img {
                    margin-top: 6px
                }

    .step-area .step-list > * {
        font-size: 1.0625rem;
        line-height: 1.5
    }

    .step-content .next-btn, .step-content .previous-btn {
        left: 0
    }

    .step-content .next-btn {
        left: auto;
        right: 0
    }

    .step-content .heading-area.add {
        padding: 0 7%
    }

    .step-content .heading-area br {
        display: none
    }

    .step-content .heading-area h2 {
        padding: 0 9%
    }

        .step-content .heading-area h2 span {
            letter-spacing: -1px
        }

    .step-content .postal-area .postal-search-area .field-holder {
        width: 525px
    }

    .step-content .postal-area .postal-search-area ul {
        width: 525px
    }

    .step-content .postal-area .postal-search-area input[type=tel], .step-content .postal-area .postal-search-area input[type=text] {
        padding: 17px 20px
    }

    .seakers-area {
        padding: 0 15px
    }

        .seakers-area .seakers-map {
            height: 650px
        }

    .seakers-list-area .holder {
        height: 650px
    }

    .seakers-list-area .seakers-list li {
        min-height: 120px
    }

        .seakers-list-area .seakers-list li .description {
            padding: 20px 30px 15px 25px
        }

            .seakers-list-area .seakers-list li .description h2 {
                font-size: .9375rem
            }

            .seakers-list-area .seakers-list li .description address {
                font-size: .875rem
            }

            .seakers-list-area .seakers-list li .description .arrow {
                right: 5px;
                font-size: 23px
            }

    .workshop-area {
        margin: 0 0 30px;
        padding: 0
    }

        .workshop-area .detail-block .heading-bar {
            min-height: 40px;
            padding: 11px 21px 5px
        }

            .workshop-area .detail-block .heading-bar h2 {
                font-size: 1.0625rem
            }

        .workshop-area .detail-block .services-list-holder {
            padding: 25px 10px 10px
        }

        .workshop-area .detail-block .services-list {
            margin: 0 -5px
        }

            .workshop-area .detail-block .services-list > * {
                font-size: .6875rem
            }

            .workshop-area .detail-block .services-list li {
                padding: 0 5px;
                margin: 0 0 10px
            }

            .workshop-area .detail-block .services-list .icon-holder {
                width: 20px
            }

            .workshop-area .detail-block .services-list .name {
                width: 55px
            }

        .workshop-area .content-block .btn {
            font-size: .9375rem
        }

        .workshop-area .content-block .call-area {
            padding: 10px 5px 2px;
            margin: 20px 0 0
        }

            .workshop-area .content-block .call-area .text {
                font-size: .875rem
            }

            .workshop-area .content-block .call-area .number {
                font-size: 1.5625rem
            }

        .workshop-area .map-area .map-text {
            width: 170px;
            padding: 8px 5px;
            font-size: .75rem;
            top: 8px;
            right: 8px
        }

        .workshop-area .adress-area {
            padding: 15px 21px
        }

            .workshop-area .adress-area .name {
                font-size: 1rem
            }

            .workshop-area .adress-area address {
                font-size: 1rem
            }

    .choice-blocks-area {
        padding: 0 15px
    }

        .choice-blocks-area .choice-block .opener {
            right: 10px
        }

        .choice-blocks-area .choice-block .holder .title {
            font-size: 1.0625rem
        }

        .choice-blocks-area .slide-block .slide-frame {
            padding: 13px 10px
        }

        .choice-blocks-area .slide-area .slide-heading {
            font-size: .8125rem;
            padding: 10px 5px
        }

        .choice-blocks-area .slide-area .radio-list li .radio-holder {
            padding: 0 0 0 25px
        }

    .budget-area {
        padding: 0 15px
    }

        .budget-area .budget-block .price {
            font-size: 3.75rem;
            margin: 10px 0 0
        }

        .budget-area .budget-block .note {
            font-size: .8125rem
        }

        .budget-area .colors-area .img-frame {
            width: 160px
        }

        .budget-area .content-block {
            padding: 20px
        }

            .budget-area .content-block .btns-list .btn {
                font-size: 1rem
            }

                .budget-area .content-block .btns-list .btn .text {
                    padding: 0 0 0 35px
                }

                    .budget-area .content-block .btns-list .btn .text .icon {
                        width: 30px;
                        height: 30px
                    }

        .budget-area .call-area {
            padding: 10px 5px
        }

            .budget-area .call-area .text {
                font-size: .875rem;
                margin: 0
            }

            .budget-area .call-area .number {
                font-size: 2.5rem
            }

    .detail-frame {
        padding: 0 15px
    }

    .detail-area {
        padding: 40px 0 60px;
        margin: 0 0 40px
    }

    .top-bar {
        padding: 0 15px
    }

    .top-bar-left {
        width: 70%
    }

    .header-holder {
        padding: 15px
    }

    .top-bar-right {
        width: 30%
    }

    .nav {
        font-size: .8125rem
    }

        .nav .nav-btn {
            width: 90px;
            padding: 10px 5px;
            margin: 0 0 0 4px
        }

    .menu {
        margin: 0 -4px
    }

        .menu > li {
            padding: 0 4px
        }

            .menu > li:not(.menu-text) > a {
                width: 90px
            }

    .slider-area img {
        max-width: inherit;
        position: relative;
        left: 50%;
        width: 1100px;
        margin: 0 0 0 -550px
    }

    .slider-area .caption-block {
        padding: 40px 45px 0
    }

    .slider-area .heading {
        max-width: 350px
    }

    .slider-area .caption {
        max-width: 300px
    }

    .slideshow .pagination {
        left: 50px
    }

    .cycle-gallery .btn-next, .cycle-gallery .btn-prev {
        left: 10px
    }

    .cycle-gallery .btn-next {
        left: auto;
        right: 10px
    }

    .form-holder {
        padding: 0 15px
    }

        .form-holder .align-right {
            width: 270px
        }

        .form-holder .fields-area {
            padding: 0 25px 0 0
        }

    .footer-info-area .footer-info-holder {
        padding: 0 15px
    }

    .footer-info-area .bottom-nav-area {
        padding: 7px 0 0
    }

    .footer-info-area .bottom-nav {
        font-size: 1rem
    }

    .footer-info-area .btn-list {
        font-size: 1rem
    }

        .footer-info-area .btn-list li a {
            width: 100%
        }
}

@media (max-width:767px) {
    .mobile-hidden {
        display: none !important
    }

    .footer-info-area .footer-info-holder {
        margin-bottom: 130px
    }

    #wrapper {
        padding: 98px 0 0
    }

    #main.add {
        padding-top: 20px;
        margin-top: 0
    }

    .heading {
        margin: 0 0 25px;
        padding: 0 15px
    }

        .heading h2 {
            padding: 0;
            font-size: 1.125rem
        }

            .heading h2:after, .heading h2:before {
                display: none
            }

    .content-blocks {
        padding: 0;
        margin: 0 0 24px
    }

        .content-blocks .block {
            padding: 14px 25px 21px 20px;
            margin: 0 0 10px;
            text-align: left;
            height: 125px
        }

            .content-blocks .block.large {
                height: auto
            }

            .content-blocks .block .plus-icon {
                width: 16px;
                top: 10px;
                right: 10px
            }

                .content-blocks .block .plus-icon:after {
                    width: 15px;
                    top: 6px
                }

                .content-blocks .block .plus-icon:before {
                    left: 6px;
                    height: 15px
                }

            .content-blocks .block .img-holder {
                float: left;
                margin: 0 9px 0 0
            }

                .content-blocks .block .img-holder img {
                    width: 81px;
                    height: 81px;
                    margin: 0;
                    margin-top: 8px
                }

            .content-blocks .block .text-holder {
                font-size: 1rem;
                max-width: inherit;
                margin: 2px 0 0
            }

            .content-blocks .block .wide-text-holder {
                font-size: 1rem;
                max-width: inherit;
                margin: 2px 0 0
            }

    .info-blocks {
        padding: 0
    }

        .info-blocks .block {
            padding: 17px 20px 22px;
            min-height: 200px
        }

            .info-blocks .block .description {
                max-width: 190px;
                font-size: 1.375rem
            }

                .info-blocks .block .description .text {
                    margin: 0 0 12px
                }

            .info-blocks .block .img-holder {
                max-width: 207px;
                top: auto;
                bottom: -54px;
                right: -20px
            }

                .info-blocks .block .img-holder.add {
                    max-width: 293px;
                    right: -47px;
                    top: 24px
                }

                .info-blocks .block .img-holder.add1 {
                    top: 84px;
                    right: -27px;
                    max-width: 216px
                }

    .certified-bar-area {
        padding: 20px 0 22px;
        font-size: 1.125rem
    }

        .certified-bar-area .certified-bar {
            padding: 0 36px
        }

    .benefits-holder {
        padding: 20px 10px 0
    }

        .benefits-holder .benefits-block .icon-holder {
            width: 80px;
            height: 75px;
            padding: 12px 0 0 3px;
            margin: -38px 0 0;
            left: -4px
        }

            .benefits-holder .benefits-block .icon-holder img {
                width: 50px;
                height: 50px
            }

        .benefits-holder .image-holder {
            position: relative;
            width: 100%
        }

            .benefits-holder .image-holder .bg-stretch {
                height: auto
            }

                .benefits-holder .image-holder .bg-stretch > img {
                    width: 100% !important;
                    height: auto !important;
                    margin: 0 !important
                }

        .benefits-holder .text-block {
            font-size: .9375rem;
            float: none;
            width: 100%;
            min-height: 190px;
            padding: 15px 6.9% 18px
        }

            .benefits-holder .text-block:after {
                left: 50%;
                top: -12px;
                margin: 0 0 0 -10px;
                border-width: 0 10px 12px 10px;
                border-color: transparent transparent #f5f5f5 transparent
            }

            .benefits-holder .text-block h2 {
                font-size: 1.125rem;
                margin: 0 0 6px
            }

    .info-bar-area {
        background: #ffefa7;
        margin: 0
    }

        .info-bar-area .info-bar-list {
            margin: 0;
            padding: 31px 21px 10px
        }

            .info-bar-area .info-bar-list > * {
                font-size: .9375rem
            }

            .info-bar-area .info-bar-list li {
                text-align: left;
                margin: 0 0 20px;
                padding: 0;
                width: 100%;
                vertical-align: top
            }

                .info-bar-area .info-bar-list li:first-child {
                    width: 100%
                }

                .info-bar-area .info-bar-list li:nth-child(3) {
                    width: 100%
                }

                    .info-bar-area .info-bar-list li:nth-child(3) img {
                        margin-top: 0
                    }

            .info-bar-area .info-bar-list .text {
                width: 81.7%;
                margin: 0;
                display: inline-block;
                vertical-align: middle
            }

            .info-bar-area .info-bar-list img {
                float: none;
                display: inline-block;
                vertical-align: middle;
                width: 35px;
                height: 35px;
                margin: 0 7px 0 0
            }

    .step-area#certified-first-center-locator .loading-spinner {
        margin-top: 0
    }

    .step-area .step-list {
        margin: 0 -10px 17px;
        padding: 19px 10px 0
    }

        .step-area .step-list.add li:nth-child(1) img {
            left: 0;
            width: 30px;
            height: 24px
        }

        .step-area .step-list.add li:nth-child(2) img {
            top: -1px;
            width: 26px;
            height: 26px
        }

        .step-area .step-list.add li:nth-child(3) img {
            top: -2px;
            width: 18px;
            height: 27px
        }

        .step-area .step-list.add li:nth-child(4) img {
            top: -1px;
            width: 26px;
            height: 26px
        }

        .step-area .step-list li a:hover .text-holder:after {
            background-position: -97px -7px
        }

        .step-area .step-list li a:hover .text-holder:before {
            background-position: -114px -7px
        }

        .step-area .step-list li.active .text-holder:after {
            background-position: -97px -7px
        }

        .step-area .step-list li.active .text-holder:before {
            background-position: -114px -7px
        }

        .step-area .step-list .text-holder:after {
            background-position: -139px -8px;
            width: 12px;
            height: 40px
        }

        .step-area .step-list .text-holder:before {
            background-position: -158px -9px;
            width: 12px;
            height: 40px
        }

        .step-area .step-list .text-holder {
            height: 40px;
            padding: 8px 5px 5px
        }

        .step-area .step-list .text {
            padding: 0
        }

        .step-area .step-list .number {
            display: block;
            position: relative;
            top: 0;
            width: 26px;
            height: 26px;
            font-size: 20px;
            line-height: 22px
        }

        .step-area .step-list img {
            display: block;
            position: relative;
            margin: 0 auto
        }

    .step-content .btn-holder {
        height: 38px;
        margin: 0 0 30px
    }

    .step-content .next-btn, .step-content .previous-btn {
        padding: 5px 5px 3px;
        width: 100px;
        height: 38px;
        left: -79px;
        top: 3px
    }

        .step-content .next-btn .icon, .step-content .previous-btn .icon {
            font-size: 13px;
            position: relative;
            left: 32px;
            top: 0
        }

    .step-content .next-btn {
        padding: 6px 5px 3px;
        left: auto;
        right: -79px
    }

        .step-content .next-btn .icon {
            left: auto;
            right: 32px
        }

    .step-content .heading-area.add {
        padding: 0 20px 16px
    }

    .step-content .heading-area.add1 {
        padding: 0 20px 18px;
        min-height: inherit
    }

    .step-content .heading-area.add2 {
        padding: 0 0 18px;
        min-height: inherit
    }

    .step-content .heading-area {
        margin-bottom: 0;
        padding: 0 30px 16px;
        min-height: 50px
    }

        .step-content .heading-area h2 {
            font-size: 1.125rem;
            padding: 0
        }

        .step-content .heading-area p {
            display: none
        }

    .step-content .postal-area .postal-search-area .postal-search {
        padding: 60px 20px 10px
    }

        .step-content .postal-area .postal-search-area .postal-search.center-location {
            padding: 30px 20px 10px
        }

    .step-content .postal-area .postal-search-area .field-holder {
        width: 100%;
        margin: 0 0 10px
    }

    .step-content .postal-area .postal-search-area ul {
        width: 100%;
        margin: 0 0 10px
    }

        .step-content .postal-area .postal-search-area ul li {
            font-size: 1.6em;
            padding: 6px 5px
        }

    .step-content .postal-area .postal-search-area input[type=tel], .step-content .postal-area .postal-search-area input[type=text] {
        text-align: center;
        height: 40px;
        font-size: 18px;
        padding: 7px 10px
    }

    .step-content .postal-area input[type=submit] {
        font-size: 18px;
        width: 100%;
        height: 45px
    }

    .seakers-area {
        margin-bottom: 25px;
        padding: 0 10px
    }

        .seakers-area .jcf-scrollable, .seakers-area .jcf-scrollable-wrapper {
            width: 100% !important;
            height: auto !important
        }

        .seakers-area .seakers-map {
            height: 500px;
            margin-top: 10px
        }

            .seakers-area .seakers-map img {
                height: auto
            }

    .seakers-list-area {
        float: none;
        overflow: hidden;
        width: 100%;
        padding: 0
    }

        .seakers-list-area .holder {
            height: auto
        }

        .seakers-list-area .seakers-list li {
            min-height: 90px
        }

            .seakers-list-area .seakers-list li:after {
                left: 53px
            }

            .seakers-list-area .seakers-list li:before {
                top: 14px;
                left: 12px
            }

            .seakers-list-area .seakers-list li .distance {
                padding: 47px 0 0;
                width: 53px
            }

            .seakers-list-area .seakers-list li .description {
                padding: 12px 18px 15px 15px
            }

                .seakers-list-area .seakers-list li .description h2 {
                    font-size: .8125rem;
                    margin: 0 0 5px
                }

                .seakers-list-area .seakers-list li .description address {
                    font-size: .8125rem
                }

                .seakers-list-area .seakers-list li .description .arrow {
                    right: 8px;
                    font-size: 18px
                }

    .workshop-area {
        padding: 3px 10px 0
    }

        .workshop-area .workshop-holder {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-flex-direction: column
        }

        .workshop-area .same-height {
            height: auto !important
        }

            .workshop-area .same-height:nth-child(1) {
                -webkit-box-ordinal-group: 2;
                -webkit-order: 1;
                -ms-flex-order: 1;
                order: 1
            }

            .workshop-area .same-height:nth-child(2) {
                -webkit-box-ordinal-group: 3;
                -webkit-order: 2;
                -ms-flex-order: 2;
                order: 2
            }

            .workshop-area .same-height:nth-child(3) {
                -webkit-box-ordinal-group: 6;
                -webkit-order: 5;
                -ms-flex-order: 5;
                order: 5
            }

            .workshop-area .same-height:nth-child(4) {
                -webkit-box-ordinal-group: 5;
                -webkit-order: 4;
                -ms-flex-order: 4;
                order: 4
            }

            .workshop-area .same-height:nth-child(5) {
                -webkit-box-ordinal-group: 4;
                -webkit-order: 3;
                -ms-flex-order: 3;
                order: 3
            }

        .workshop-area .detail-block .heading-bar h2 {
            font-size: 1.125rem
        }

        .workshop-area .detail-block .services-list-holder {
            padding: 20px 19px 10px
        }

        .workshop-area .detail-block .services-list {
            margin: 0
        }

            .workshop-area .detail-block .services-list > * {
                font-size: .9375rem
            }

            .workshop-area .detail-block .services-list li {
                width: 100%;
                padding: 0;
                margin: 0 0 8px
            }

            .workshop-area .detail-block .services-list .holder {
                height: 57px;
                padding: 5px 5px 3px 18px
            }

            .workshop-area .detail-block .services-list .icon-holder {
                width: 46px;
                margin: 0 7px 0 0
            }

            .workshop-area .detail-block .services-list .name {
                width: 140px
            }

        .workshop-area .content-block {
            padding: 20px
        }

            .workshop-area .content-block .btn {
                font-size: 1.125rem
            }

            .workshop-area .content-block .call-area {
                padding: 10px 5px 5px;
                margin: 20px 0 0
            }

                .workshop-area .content-block .call-area .text {
                    font-size: .9375rem
                }

                .workshop-area .content-block .call-area .number {
                    font-size: 2.125rem
                }

        .workshop-area .map-area {
            float: none;
            width: 100%;
            overflow: hidden;
            margin: 0 0 20px;
            padding: 0 10px
        }

            .workshop-area .map-area .map-text {
                top: 10px;
                right: 20px;
                width: 180px;
                padding: 6px 7px 9px 13px;
                font-size: .8125rem
            }

        .workshop-area .contact-block {
            float: none;
            width: 100%;
            overflow: hidden;
            padding: 0 10px
        }

            .workshop-area .contact-block:before {
                display: none
            }

        .workshop-area .adress-area .name {
            font-size: 1.125rem
        }

        .workshop-area .adress-area address {
            font-size: 1.125rem
        }

    .choice-blocks-area {
        margin: 0 0 48px;
        padding: 0 10px
    }

        .choice-blocks-area:before {
            content: "";
            position: absolute;
            left: 10px;
            right: 10px;
            bottom: 0;
            height: 2px;
            background: #c3c3c3;
            z-index: 5
        }

        .choice-blocks-area .choice-block {
            width: 100%;
            padding: 0
        }

            .choice-blocks-area .choice-block.active {
                width: 100%
            }

            .choice-blocks-area .choice-block .opener {
                right: 0;
                top: 0;
                bottom: 0;
                width: 50px;
                height: auto
            }

                .choice-blocks-area .choice-block .opener .icon-angle-right {
                    position: absolute;
                    margin: auto;
                    display: block;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    -webkit-transition: all .4s;
                    transition: all .4s;
                    -webkit-transform: translate(0,-50%);
                    -ms-transform: translate(0,-50%);
                    transform: translate(0,-50%)
                }

            .choice-blocks-area .choice-block .holder {
                height: auto !important
            }

                .choice-blocks-area .choice-block .holder .title {
                    position: static;
                    font-weight: 400;
                    font-size: .9375rem;
                    margin: 0 0 1px
                }

            .choice-blocks-area .choice-block .wrap {
                padding: 45px 25px 45px 17px;
                border-bottom: none;
                overflow: visible;
                border-color: #c3c3c3 !important
            }

            .choice-blocks-area .choice-block .image-holder {
                float: left;
                width: 92px;
                margin: 9px 15px 0 0
            }

            .choice-blocks-area .choice-block .name-area {
                text-align: left;
                overflow: hidden
            }

                .choice-blocks-area .choice-block .name-area .name {
                    background: 0 0;
                    font-size: 1.125rem;
                    padding: 0;
                    min-height: inherit
                }

            .choice-blocks-area .choice-block .persons-area {
                margin: 0 0 2px;
                text-align: left
            }

                .choice-blocks-area .choice-block .persons-area .distance {
                    padding: 8px 5px 5px 14px
                }

                .choice-blocks-area .choice-block .persons-area .persons {
                    padding: 8px 5px 5px 14px
                }

            .choice-blocks-area .choice-block.active .wrap .opener {
                top: 0;
                right: -2px;
                background: #ffd003;
                color: #fff;
                width: 50px
            }

                .choice-blocks-area .choice-block.active .wrap .opener .icon-angle-right {
                    left: 0;
                    right: 0;
                    top: 0;
                    -moz-transform: rotate(90deg);
                    -ms-transform: rotate(90deg);
                    -o-transform: rotate(90deg);
                    -webkit-transform: rotate(90deg);
                    margin: auto
                }

            .choice-blocks-area .choice-block.active .name-area .name {
                color: #fff
            }

        .choice-blocks-area .slide-block {
            position: relative;
            top: 2px;
            left: 0;
            bottom: 0;
            margin: 0 0 17px
        }

            .choice-blocks-area .slide-block .slide-frame {
                padding: 13px 14px
            }

            .choice-blocks-area .slide-block .slide-frame {
                padding: 16px 15px
            }

        .choice-blocks-area .slide-area {
            padding: 15px
        }

            .choice-blocks-area .slide-area .slide-heading {
                font-size: 1.2rem;
                padding: 5px 10px 7px;
                margin: 0 0 15px
            }

            .choice-blocks-area .slide-area .radio-list {
                margin: 0 0 3px
            }

                .choice-blocks-area .slide-area .radio-list li {
                    padding: 6px 25px 6px 1px
                }

                    .choice-blocks-area .slide-area .radio-list li:first-child img {
                        top: 0
                    }

                    .choice-blocks-area .slide-area .radio-list li label {
                        padding-top: 20px;
                        padding-bottom: 20px;
                        font-size: 1.3rem
                    }

                    .choice-blocks-area .slide-area .radio-list li img {
                        width: 40px;
                        height: 40px;
                        top: 5px;
                        right: 4px
                    }

                    .choice-blocks-area .slide-area .radio-list li .radio-holder {
                        padding: 0 0 0 29px
                    }

                    .choice-blocks-area .slide-area .radio-list li .jcf-radio {
                        width: 11px;
                        height: 11px;
                        display: none
                    }

            .choice-blocks-area .slide-area .btn {
                font-size: 1.5rem
            }

    .budget-area {
        margin-bottom: 47px;
        padding: 0 10px;
        display: flex;
        flex-direction: column-reverse
    }

        .budget-area .content-block {
            padding: 20px;
            width: 100%;
            margin-bottom: 20px
        }

        .budget-area .budget-block {
            margin: 0 0 20px
        }

            .budget-area .budget-block .heading-bar {
                min-height: 41px;
                padding: 9px 5px 5px
            }

                .budget-area .budget-block .heading-bar:after, .budget-area .budget-block .heading-bar:before {
                    left: -5px;
                    width: 5px
                }

                .budget-area .budget-block .heading-bar:after {
                    left: auto;
                    right: -5px
                }

                .budget-area .budget-block .heading-bar h3 {
                    font-size: 1.125rem
                }

            .budget-area .budget-block .holder {
                padding: 0 5px 21px
            }

            .budget-area .budget-block .price {
                font-size: 2.625rem;
                margin: 7px 0 -2px
            }

            .budget-area .budget-block .note {
                font-size: .6875rem;
                padding: 0 30px
            }

        .budget-area .summary-list {
            margin: 5px 0 20px
        }

            .budget-area .summary-list li {
                padding: 0;
                width: 100%;
                margin: 0 0 10px
            }

            .budget-area .summary-list .summary {
                min-height: 160px;
                padding: 35px 5px 10px
            }

                .budget-area .summary-list .summary .img-holder {
                    margin: 0 auto 6px
                }

        .budget-area .colors-area {
            padding: 0 0 5px
        }

            .budget-area .colors-area .img-frame {
                width: 220px;
                margin: 0 auto 12px
            }

            .budget-area .colors-area .colors-list {
                margin-top: -6px;
                margin-left: 5px
            }

                .budget-area .colors-area .colors-list li {
                    margin: 0 0 6px
                }

                    .budget-area .colors-area .colors-list li:after {
                        left: 4px
                    }

        .budget-area .content-block .btns-list {
            margin: 0 0 10px
        }

            .budget-area .content-block .btns-list li {
                float: none;
                width: 100%;
                margin: 0 0 10px;
                padding: 0
            }

            .budget-area .content-block .btns-list .btn {
                height: 80px;
                font-size: 1.5rem;
                padding: 25px 5px 4px
            }

                .budget-area .content-block .btns-list .btn br {
                    display: none
                }

                .budget-area .content-block .btns-list .btn .text {
                    padding: 0 0 0 27px
                }

                    .budget-area .content-block .btns-list .btn .text .icon {
                        width: 20px;
                        height: 20px
                    }

        .budget-area .call-area {
            border-radius: 5px
        }

            .budget-area .call-area .text {
                font-size: .9375rem
            }

            .budget-area .call-area .number {
                font-size: 2.125rem
            }

    .detail-frame {
        padding: 0
    }

    .detail-area {
        padding: 0 0 0;
        margin: 0;
        background: 0 0
    }

        .detail-area .image-holder {
            width: 232px;
            margin: 0 auto 60px
        }

        .detail-area .bottom-bar {
            margin: 0 -10px
        }

            .detail-area .bottom-bar .help {
                width: 100%;
                font-size: 1rem;
                min-height: 40px;
                padding: 10px 5px 5px
            }

                .detail-area .bottom-bar .help .help-icon {
                    display: none
                }

                .detail-area .bottom-bar .help .text {
                    width: auto;
                    padding: 0;
                    text-align: center
                }

            .detail-area .bottom-bar .features-list {
                width: 100%
            }

                .detail-area .bottom-bar .features-list > * {
                    font-size: 1.125rem
                }

                .detail-area .bottom-bar .features-list label {
                    min-height: 70px;
                    font-size: 1.125rem;
                    padding: 15px 5px 5px
                }

        .detail-area .repair-detail {
            padding: 0 10px 30px;
            font-size: 1rem;
            line-height: 1.125
        }

            .detail-area .repair-detail .title {
                margin: 0
            }

    #header:before {
        display: block
    }

    .top-bar {
        padding: 0
    }

    .top-bar-area {
        padding: 0
    }

    .top-bar-left {
        float: none;
        width: 100%;
        padding: 0
    }

        .top-bar-left .btn-list {
            text-align: center;
            float: none;
            width: 100%;
            margin: 0;
            text-transform: uppercase
        }

            .top-bar-left .btn-list > * {
                font-size: .75rem;
                line-height: 1.0833
            }

            .top-bar-left .btn-list .text-holder {
                text-align: left;
                position: relative;
                display: inline-block;
                vertical-align: top;
                padding: 0 0 0 29px;
                max-width: 120px
            }

            .top-bar-left .btn-list li {
                width: 50%;
                padding: 12px 10px 12px
            }

                .top-bar-left .btn-list li:last-child {
                    border-left: 4px solid #701f00
                }

                    .top-bar-left .btn-list li:last-child .text-holder {
                        max-width: 100px
                    }

                .top-bar-left .btn-list li a {
                    position: static;
                    padding: 0;
                    border-radius: 0;
                    border: none;
                    width: auto;
                    height: auto
                }

                .top-bar-left .btn-list li .icon {
                    top: 0;
                    left: 0;
                    width: 23px;
                    height: 23px;
                    font-size: 12px;
                    padding: 4px 0 0
                }

    .header-holder {
        position: relative;
        background: #2c2c2c;
        padding: 15px 0 0
    }

    .header-frame .column, .header-frame .columns {
        padding: 0
    }

    .logo {
        margin: 4px 0 10px 29px;
        width: 151px;
        height: 23px
    }

        .logo a, .logo img {
            width: 151px;
            height: 23px
        }

    .top-bar-right {
        display: none
    }

    .nav {
        background: #ebebeb;
        max-width: 100%;
        float: none;
        position: fixed;
        top: 98px;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 9;
        font-size: 1.125rem;
        margin-top: 8px;
        padding: 20px 0 15px;
        overflow: auto;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        align-content: center;
        justify-content: center;
        display: none
    }

        .nav.open {
            display: flex !important
        }

        .nav .nav-btn {
            width: 90%;
            margin-top: 15px;
            margin-bottom: 80px;
            padding: 14px 5px
        }

        .nav .link-text {
            padding: 0
        }

    .menu {
        margin: 0;
        display: block
    }

        .menu > li {
            padding: 0;
            display: block
        }

            .menu > li:not(.menu-text) > a:after {
                display: none
            }

            .menu > li:not(.menu-text) > a {
                width: 100%;
                color: #464646;
                border: none;
                height: 65px
            }

                .menu > li:not(.menu-text).active > a, .menu > li:not(.menu-text) > a:hover {
                    background: #ffd003
                }

            .menu > li:not(.menu-text).active .link-text {
                font-weight: 700
            }

    .slider-area:before {
        display: none
    }

    .slider-area .bottom-arrow {
        display: none
    }

    .slider-area img {
        width: 767px;
        margin: 0 0 0 -384px
    }

    .slider-area .caption-area {
        position: static;
        margin: -80px 0 0
    }

    .slider-area .caption-block {
        padding: 0
    }

    .slider-area .heading {
        float: none;
        max-width: 100%;
        background-color: #000;
        background-color: rgba(0,0,0,.7);
        padding: 15px 20px
    }

        .slider-area .heading h1 {
            letter-spacing: .2px;
            font-size: 1.3125rem
        }

            .slider-area .heading h1 span .dot {
                color: #ffd003
            }

    .slider-area .caption {
        margin: 0;
        float: none;
        max-width: 100%;
        padding: 0 20px 20px
    }

        .slider-area .caption p {
            display: none
        }

    .slideshow .btn-next, .slideshow .btn-prev {
        font-size: 24px;
        width: 60px;
        height: 60px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 31px
    }

        .slideshow .btn-next .icon-flechasizquierda, .slideshow .btn-prev .icon-flechasizquierda {
            left: 28px;
            top: 17px
        }

        .slideshow .btn-next .icon-flechasderecha, .slideshow .btn-prev .icon-flechasderecha {
            right: 28px;
            top: 17px
        }

    .slideshow .btn-prev {
        left: -20px
    }

    .slideshow .btn-next {
        right: -20px
    }

    .slideshow .pagination {
        display: none
    }

    .cycle-gallery .btn-next, .cycle-gallery .btn-prev {
        font-size: 30px;
        left: 15px
    }

    .cycle-gallery .btn-next {
        left: auto;
        right: 15px
    }

    .jcf-checkbox {
        width: 14px;
        height: 14px
    }

        .jcf-checkbox span {
            width: 8px;
            height: 4px;
            border-width: 0 0 2px 2px
        }

    :root .jcf-checkbox span {
        margin: -3px 0 0 -4px
    }

    .jcf-select {
        width: 100%;
        height: 27px
    }

        .jcf-select .jcf-select-text {
            font-size: 13px;
            line-height: 17px;
            margin: 4px 20px 4px 10px
        }

        .jcf-select .jcf-select-opener {
            width: 20px
        }

            .jcf-select .jcf-select-opener:after, .jcf-select .jcf-select-opener:before {
                top: 5px;
                border-width: 0 5px 6px
            }

            .jcf-select .jcf-select-opener:before {
                top: auto;
                bottom: 5px;
                border-width: 6px 5px 0
            }

    .jcf-list {
        font-size: 13px;
        line-height: 17px
    }

        .jcf-list .jcf-optgroup-caption {
            padding: 3px 10px
        }

    .jcf-file {
        font-size: 15px;
        line-height: 18px;
        width: 100%;
        height: 36px;
        padding: 8px 16px
    }

        .jcf-file .jcf-fake-input {
            width: 56px
        }

            .jcf-file .jcf-fake-input:before {
                top: 8px;
                left: 15px;
                font-size: 25px
            }

        .jcf-file .jcf-upload-button {
            height: 36px
        }

    .form-block {
        margin: 0 0 48px
    }

        .form-block .form-text-area {
            font-weight: 300;
            font-size: 1.125rem;
            line-height: 1.2777;
            padding: 12px 10px 23px
        }

    .form-holder {
        padding: 0 10px
    }

        .form-holder .fields-area {
            padding: 0
        }

        .form-holder .field-holder label {
            font-size: 1.125rem
        }

        .form-holder input[type=email], .form-holder input[type=tel], .form-holder input[type=text], .form-holder textarea {
            height: 36px;
            font-size: 15px;
            line-height: 18px;
            padding: 7px 16px
        }

        .form-holder textarea {
            height: 116px
        }

        .form-holder .checkbox-holder {
            margin: 22px 0 1px
        }

            .form-holder .checkbox-holder .jcf-checkbox {
                top: -2px;
                width: 18px;
                height: 18px
            }

            .form-holder .checkbox-holder label {
                font-size: 13px
            }

        .form-holder input[type=submit] {
            height: 60px;
            font-size: 1.3rem;
            font-weight: 700;
            margin-top: 15px;
            margin-bottom: 15px
        }

    .reveal {
        border-radius: 0
    }

    .form-area .form-heading {
        min-height: 67px;
        padding: 14px 30px;
        text-align: left
    }

        .form-area .form-heading .title {
            font-size: 1.125rem
        }

    .form-area .field-holder {
        margin: 0 0 14px
    }

        .form-area .field-holder label {
            font-size: .9375rem
        }

        .form-area .field-holder input[type=tel], .form-area .field-holder input[type=text] {
            font-size: 13px;
            line-height: 17px;
            width: 100%;
            height: 27px;
            padding: 4px 10px
        }

    .form-area .checkbox-holder {
        margin: -3px 0 21px;
        padding: 0 0 0 22px
    }

        .form-area .checkbox-holder label {
            font-size: .75rem
        }

    .form-area input[type=submit] {
        height: 60px;
        font-size: 1.5rem;
        margin-top: 30px
    }

    .followus-area {
        padding: 31px 0 34px
    }

        .followus-area .followus-holder {
            text-align: center;
            left: 0
        }

        .followus-area .heading-text {
            display: block;
            text-align: center;
            margin: 0 auto 7px
        }

        .followus-area .title {
            margin: 0 6px 0 -6px
        }

        .followus-area .social-netowrks li {
            margin: 0 -1px
        }

    .footer-info-area {
        padding: 36px 0 20px
    }

        .footer-info-area .footer-info-holder {
            padding: 0 40px
        }

        .footer-info-area .top-link {
            display: none
        }

        .footer-info-area .footer-info {
            height: auto !important;
            border-right: none;
            border-bottom: 2px solid #712000;
            padding-bottom: 14px;
            margin-bottom: 25px
        }

            .footer-info-area .footer-info.last {
                padding: 0;
                margin: 0;
                border-top: none
            }

            .footer-info-area .footer-info.last {
                border-left: none;
                border-bottom: none
            }

            .footer-info-area .footer-info.add .bottom-nav-area {
                margin: 0;
                max-width: 180px;
                padding: 0 0 0 10px
            }

        .footer-info-area .bottom-nav-area {
            padding: 0 0 0 9px
        }

        .footer-info-area .bottom-nav {
            font-size: 1.125rem
        }

        .footer-info-area .btn-list {
            font-size: 1.125rem;
            padding: 5px 0 0
        }

            .footer-info-area .btn-list li {
                margin: 0 0 19px
            }

    #footer {
        text-align: center
    }

        #footer .footer-holder {
            padding: 32px 0
        }

        #footer .copyright {
            display: block;
            margin: 0 0 3px
        }

        #footer .contact-list {
            display: block
        }

            #footer .contact-list li {
                float: none;
                padding: 0 0 4px
            }

                #footer .contact-list li:after {
                    display: none
                }
}

@media (max-width:639px) {
    .slider-area img {
        width: 644px;
        margin: 0 0 0 -322px
    }
}

@media screen and (max-width:74.9375em) {
    .stacked-for-large .top-bar-right {
        width: 100%
    }

    .stacked-for-large .top-bar-left {
        width: 100%
    }
}

@media screen and (max-width:64.3125em) {
    .show-for-large {
        display: none !important
    }

    table.stack thead {
        display: none
    }

    table.stack tfoot {
        display: none
    }

    table.stack td, table.stack th, table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }

    .stacked-for-medium .top-bar-right {
        width: 100%
    }

    .stacked-for-medium .top-bar-left {
        width: 100%
    }
}

@media screen and (max-width:47.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

        .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
            content: ""
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

@-webkit-keyframes shake-7 {
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    15%,25%,35%,45%,5%,55%,65%,75%,85%,95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

@keyframes shake-7 {
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    15%,25%,35%,45%,5%,55%,65%,75%,85%,95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

@-webkit-keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes wiggle-7deg {
    40%,50%,60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0%,100%,30%,70% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes wiggle-7deg {
    40%,50%,60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0%,100%,30%,70% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes shake-7 {
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    15%,25%,35%,45%,5%,55%,65%,75%,85%,95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes wiggle-7deg {
    40%,50%,60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0%,100%,30%,70% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.center-details-page #body {
    min-height: 803px
}

.center-details-page .center-title-bar {
    position: relative
}

.center-details-page .next-center-button, .center-details-page .prev-center-button {
    border-style: solid;
    border-color: #f1f1f1;
    position: absolute;
    text-align: center
}

.center-details-page .prev-center-button {
    border-width: 0 1px 0 0;
    left: 0
}

    .center-details-page .next-center-button a, .center-details-page .prev-center-button a {
        color: #999;
        display: inline-block;
        font-size: 105%;
        font-weight: 300;
        height: 33px;
        padding: 15px 0 0 0;
        text-decoration: none;
        width: 100px
    }

        .center-details-page .next-center-button a .arrow, .center-details-page .prev-center-button a .arrow {
            background-image: url(../PNG/SPRITE.PNG);
            background-repeat: no-repeat;
            display: inline-block;
            height: 16px;
            width: 11px
        }

        .center-details-page .prev-center-button a .arrow {
            background-position: -21px -210px;
            margin: 0 5px 0 0
        }

.center-details-page .next-center-button {
    border-width: 0 0 0 1px;
    right: 0
}

    .center-details-page .next-center-button a .arrow {
        background-position: -33px -210px;
        margin: 0 0 0 5px
    }

.center-details-page .center-name {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #f1f1f1;
    display: block;
    height: 35px;
    padding: 13px 100px 0 100px;
    text-align: center
}

    .center-details-page .center-name h1 {
        color: #666;
        font-size: 130%;
        font-weight: 600;
        text-transform: uppercase
    }

.center-details-page .center-info-container {
    bottom: 40px;
    position: absolute;
    top: 148px;
    width: 100%
}

.center-details-page .center-info {
    height: 100%;
    position: relative;
    width: 70%
}

    .center-details-page .center-info .address, .center-details-page .center-info .images {
        display: block;
        width: 423px
    }

    .center-details-page .center-info .services {
        left: 423px;
        right: 0;
        position: absolute;
        top: 0
    }

    .center-details-page .center-info .images {
        background: #f1f1f1;
        position: relative
    }

        .center-details-page .center-info .images .slideshow-container {
            clear: both;
            height: 239px;
            position: relative
        }

        .center-details-page .center-info .images #gallery .image-wrapper {
            display: block;
            left: 0;
            position: absolute;
            top: 0
        }

            .center-details-page .center-info .images #gallery .image-wrapper a {
                display: block;
                height: 237px;
                line-height: 237px;
                text-align: center;
                text-decoration: none;
                width: 318px
            }

            .center-details-page .center-info .images #gallery .image-wrapper img {
                border: 0;
                height: 239px;
                vertical-align: top;
                width: 318px
            }

        .center-details-page .center-info .images .thumbs {
            border-left: 1px solid #fff;
            height: 237px;
            left: 318px;
            position: absolute;
            top: 0
        }

            .center-details-page .center-info .images .thumbs li {
                border-bottom: 1px solid #fff
            }

                .center-details-page .center-info .images .thumbs li:last-child {
                    border-bottom: 0
                }

            .center-details-page .center-info .images .thumbs .thumb {
                display: block;
                height: 79px;
                line-height: 79px
            }

            .center-details-page .center-info .images .thumbs li.selected .thumb {
                background: #000
            }

                .center-details-page .center-info .images .thumbs li.selected .thumb:focus {
                    outline: 0
                }

            .center-details-page .center-info .images .thumbs .thumb img {
                border: 0;
                display: block;
                height: 79px;
                width: 105px
            }

    .center-details-page .center-info .services .title {
        color: #666;
        font-size: 105%;
        margin: 15px 20px;
        text-transform: uppercase
    }

        .center-details-page .center-info .services .title .toggle-button {
            display: none
        }

    .center-details-page .center-info .services .services-list-movil {
        display: none
    }

    .center-details-page .center-info .services .services-list {
        border-color: #f1f1f1;
        border-style: solid;
        border-width: 1px 0;
        color: #666;
        font-size: 85%;
        font-weight: 300;
        margin: 10px 20px;
        padding: 5px 0
    }

        .center-details-page .center-info .services .services-list .service {
            margin: 5px 1% 5px 0;
            width: 24%
        }

            .center-details-page .center-info .services .services-list .service .yui3-u {
                max-width: 63%
            }

            .center-details-page .center-info .services .services-list .service .icon {
                background-color: none;
                background-image: url(../PNG/SPRITE.PNG);
                background-repeat: no-repeat;
                display: inline-block;
                height: 25px;
                margin: 8px 6px 0 0;
                width: 25px
            }

            .center-details-page .center-info .services .services-list .service.bodywork .icon {
                background-position: 0 -819px
            }

            .center-details-page .center-info .services .services-list .service.courtesycar .icon {
                background-position: 0 -844px
            }

            .center-details-page .center-info .services .services-list .service.replacementcar .icon {
                background-position: -105px -819px
            }

            .center-details-page .center-info .services .services-list .service.homeservice .icon {
                background-position: -52px -819px
            }

            .center-details-page .center-info .services .services-list .service.financing .icon {
                background-position: -26px -844px
            }

            .center-details-page .center-info .services .services-list .service.exteriorwash .icon {
                background-position: -131px -819px
            }

            .center-details-page .center-info .services .services-list .service.interiorwash .icon {
                background-position: -105px -844px
            }

            .center-details-page .center-info .services .services-list .service.windows .icon {
                background-position: -26px -819px
            }

            .center-details-page .center-info .services .services-list .service.mechanics .icon {
                background-position: -78px -819px
            }

            .center-details-page .center-info .services .services-list .service.tires .icon {
                background-position: -52px -844px
            }

            .center-details-page .center-info .services .services-list .service.pretechnicalinspection .icon {
                background-position: -78px -844px
            }

            .center-details-page .center-info .services .services-list .service.courtesycar .name, .center-details-page .center-info .services .services-list .service.interiorwash .name, .center-details-page .center-info .services .services-list .service.replacementcar .name {
                margin: 7.5px 0 0 0
            }

            .center-details-page .center-info .services .services-list .service.bodywork .name, .center-details-page .center-info .services .services-list .service.mechanics .name, .center-details-page .center-info .services .services-list .service.pretechnicalinspection .name, .center-details-page .center-info .services .services-list .service.tires .name, .center-details-page .center-info .services .services-list .service.windows .name {
                margin: 11.5px 0 0 0
            }

    .center-details-page .center-info .address p {
        color: #666;
        font-size: 110%;
        font-weight: 300;
        padding: 20px
    }

    .center-details-page .center-info .description {
        border-left: 1px solid #f1f1f1;
        height: 100px;
        left: 423px;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 239px
    }

        .center-details-page .center-info .description p {
            color: #666;
            font-weight: 300;
            padding: 0 20px 20px 20px
        }

.center-details-page .center-contact-form-container {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30%
}

    .center-details-page .center-contact-form-container .contact-form {
        height: 100%
    }



.center-details-page .map-container {
    bottom: 0;
    display: block;
    min-height: 385px;
    position: absolute;
    top: 339px;
    width: 100%
}

@media only screen and (max-width:1240px) {
    .center-details-page .center-info .services .services-list .service {
        color: #666;
        display: inline-block;
        margin: 5px 1% 5px 0;
        width: 32%
    }
}

@media only screen and (max-width:480px) {
    .center-details-page .key-benefits-view-simple.expanded .title .toggle-button .arrow {
        margin: 7px 0 0 0
    }

    .center-details-page #body {
        min-height: 0
    }

    .center-details-page .next-center-button a, .center-details-page .prev-center-button a {
        height: 37px;
        padding: 20px 0 0 0;
        width: 30px
    }

    .center-details-page .center-name {
        height: 45px;
        padding: 12px 40px 0 40px
    }

        .center-details-page .center-name h1 {
            font-size: 120%
        }

    .center-details-page .next-center-button a span, .center-details-page .prev-center-button a span {
        display: none
    }

        .center-details-page .next-center-button a span.arrow, .center-details-page .prev-center-button a span.arrow {
            display: inline-block
        }

    .center-details-page .center-info-container {
        bottom: auto;
        position: relative;
        top: auto;
        width: auto
    }

    .center-details-page .center-info {
        display: block;
        height: auto;
        width: auto
    }

        .center-details-page .center-info .address, .center-details-page .center-info .description, .center-details-page .center-info .images, .center-details-page .center-info .services {
            display: block;
            width: auto
        }

        .center-details-page .center-info .description, .center-details-page .center-info .services {
            left: auto;
            right: auto;
            position: static;
            top: auto
        }

        .center-details-page .center-info .images #gallery .slideshow-container {
            margin: 0 auto;
            position: relative;
            height: 300px;
            width: 400px
        }

        .center-details-page .center-info .images #gallery .image-wrapper a {
            height: 300px;
            line-height: 300px;
            width: 400px
        }

        .center-details-page .center-info .images #gallery .image-wrapper img {
            height: 300px;
            width: 400px
        }

        .center-details-page .center-info .images #thumbs {
            height: 79px;
            text-align: center
        }

        .center-details-page .center-info .images .thumbs {
            display: inline-block;
            border: 0;
            height: 79px;
            left: auto;
            position: static;
            top: auto
        }

            .center-details-page .center-info .images .thumbs li {
                border: 0;
                border-right: 1px solid #fff;
                float: left
            }

                .center-details-page .center-info .images .thumbs li:last-child {
                    border-right: 0
                }

        .center-details-page .center-info .services .title {
            border-color: #f1f1f1;
            border-style: solid;
            border-width: 1px 0;
            margin: 0;
            padding: 10px 20px;
            position: relative
        }

            .center-details-page .center-info .services .title .toggle-button {
                background: #666;
                display: inline-block;
                height: 25px;
                position: absolute;
                right: 5px;
                text-align: center;
                top: 5px;
                width: 25px;
                -moz-border-radius: 12px;
                -webkit-border-radius: 12px;
                border-radius: 12px
            }

                .center-details-page .center-info .services .title .toggle-button .arrow {
                    background-image: url(../PNG/SPRITE.PNG);
                    background-repeat: no-repeat;
                    background-position: -45px -598px;
                    cursor: pointer;
                    display: inline-block;
                    height: 6px;
                    margin: 9px 0 0 0;
                    width: 12px
                }

        .center-details-page .center-info .services.expanded .title .toggle-button .arrow {
            background-position: -33px -598px;
            margin: 8px 0 0 0
        }

        .center-details-page .center-info .services .services-list {
            border: 0;
            display: none;
            margin: 10px 20px;
            padding: 5px 0
        }

        .center-details-page .center-info .services .services-list-movil .service {
            margin: 0 0 2px 0;
            width: auto
        }

        .center-details-page .center-info .services.expanded .services-list-movil {
            display: block
        }

            .center-details-page .center-info .services.expanded .services-list-movil .icon {
                margin: 0 10px 10px 0
            }

            .center-details-page .center-info .services.expanded .services-list-movil p {
                margin: 10px 0 0 0
            }

        .center-details-page .center-info .address {
            background: #f1f1f1
        }

        .center-details-page .center-info .description {
            background: #f1f1f1;
            border: 0;
            height: auto
        }

    .center-details-page .center-contact-form-container {
        bottom: auto;
        display: block;
        position: static;
        top: auto;
        width: auto
    }

        .center-details-page .center-contact-form-container .contact-form {
            height: auto
        }

            .center-details-page .center-contact-form-container .contact-form .contact-form-title {
                background: #d6d6d6
            }

    .center-details-page .map-container {
        display: none
    }
}

@media only screen and (max-width:400px) {
    .center-details-page .center-info .images #gallery .slideshow-container {
        margin: 0 auto;
        position: relative;
        height: 240px;
        width: 320px
    }

    .center-details-page .center-info .images #gallery .image-wrapper a {
        height: 240px;
        line-height: 240px;
        width: 320px
    }

    .center-details-page .center-info .images #gallery .image-wrapper img {
        height: 240px;
        width: 320px
    }
}

.centers-page #body {
    padding: 0 10px 40px 10px
}

.centers-page h1 {
    color: #666;
    font-size: 200%;
    font-weight: 300;
    margin: 10px 0
}

.centers-page h2 {
    color: #666;
    font-size: 160%;
    font-weight: 300;
    margin: 10px 0
}

.centers-page .centers-list {
    margin: 10px 0
}

    .centers-page .centers-list .center {
        margin: 2px 0
    }

        .centers-page .centers-list .center a {
            color: #666;
            font-size: 115%;
            font-weight: 300;
            text-decoration: none
        }

@media only screen and (max-width:480px) {
    .centers-page #body {
        padding: 0 10px 140px 10px
    }
}

#cookiePolicyPopup {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 99999
}

.cookiePolicyPopup-inner {
    width: 100%;
    position: absolute;
    padding-left: 5px;
    font-family: verdana;
    font-size: 12px;
    bottom: 25%;
    padding: 12px;
    background-color: rgba(0,0,0,.85);
    padding-bottom: 10px
}

    .cookiePolicyPopup-inner a.ok {
        padding: 4px;
        color: #00ff2e;
        text-decoration: none
    }

    .cookiePolicyPopup-inner a.info {
        padding-left: 5px;
        text-decoration: none;
        color: #faff00
    }

    .cookiePolicyPopup-inner .cookie-btn {
        padding: 1px 10.5px;
        border-radius: 4px;
        white-space: nowrap
    }

@media only screen and (max-width:480px) {
    .cookiePolicyPopup-inner {
        height: 100vh;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        font-size: 18px
    }

        .cookiePolicyPopup-inner .btn-success {
            border-radius: 2px;
            margin: 20px 10px;
            background: #ffd003;
            border-bottom: 5px solid #a07700;
            color: #333;
            padding: 10px 10.5px;
            width: 100%
        }

        .cookiePolicyPopup-inner .btn-warning {
            color: #fff;
            text-decoration: underline
        }
}

h1 {
    font-size: 138.5%
}

h2 {
    font-size: 123.1%
}

h3 {
    font-size: 108%
}

h1, h2, h3 {
    margin: 1em 0
}

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

abbr, acronym {
    border-bottom: 1px dotted #000;
    cursor: help
}

em {
    font-style: italic
}

blockquote, dl, ol, ul {
    margin: 1em
}

dl, ol, ul {
    margin-left: 2em
}

ol {
    list-style: decimal outside
}

ul {
    list-style: disc outside
}

dl dd {
    margin-left: 1em
}

td, th {
    border: 1px solid #000;
    padding: .5em
}

th {
    font-weight: 700;
    text-align: center
}

caption {
    margin-bottom: .5em;
    text-align: center
}

fieldset, p, pre, table {
    margin-bottom: 1em
}

input[type=password], input[type=text], textarea {
    width: 12.25em
}

#yui3-css-stamp.cssbase {
    display: none
}



button, input, select, textarea {
    font: 99% arial,helvetica,clean,sans-serif
}

table {
    font-size: inherit;
    font: 100%
}

code, kbd, pre, samp, tt {
    font-family: monospace;
    line-height: 100%
}

#yui3-css-stamp.cssfonts {
    display: none
}

.yui3-g {
    letter-spacing: -.31em;
    text-rendering: optimizespeed
}

.opera-only :-o-prefocus, .yui3-g {
    word-spacing: -.43em
}

.yui3-u {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.yui3-u-1, .yui3-u-1-12, .yui3-u-1-2, .yui3-u-1-24, .yui3-u-1-3, .yui3-u-1-4, .yui3-u-1-5, .yui3-u-1-6, .yui3-u-1-8, .yui3-u-11-12, .yui3-u-11-24, .yui3-u-13-24, .yui3-u-17-24, .yui3-u-19-24, .yui3-u-2-3, .yui3-u-2-5, .yui3-u-23-24, .yui3-u-3-4, .yui3-u-3-5, .yui3-u-3-8, .yui3-u-4-5, .yui3-u-5-12, .yui3-u-5-24, .yui3-u-5-6, .yui3-u-5-8, .yui3-u-7-12, .yui3-u-7-24, .yui3-u-7-8 {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.yui3-u-1 {
    display: block
}

.yui3-u-1-2 {
    width: 50%
}

.yui3-u-1-3 {
    width: 33.33333%
}

.yui3-u-2-3 {
    width: 66.66666%
}

.yui3-u-1-4 {
    width: 25%
}

.yui3-u-3-4 {
    width: 75%
}

.yui3-u-1-5 {
    width: 20%
}

.yui3-u-2-5 {
    width: 40%
}

.yui3-u-3-5 {
    width: 60%
}

.yui3-u-4-5 {
    width: 80%
}

.yui3-u-1-6 {
    width: 16.656%
}

.yui3-u-5-6 {
    width: 83.33%
}

.yui3-u-1-8 {
    width: 12.5%
}

.yui3-u-3-8 {
    width: 37.5%
}

.yui3-u-5-8 {
    width: 62.5%
}

.yui3-u-7-8 {
    width: 87.5%
}

.yui3-u-1-12 {
    width: 8.3333%
}

.yui3-u-5-12 {
    width: 41.6666%
}

.yui3-u-7-12 {
    width: 58.3333%
}

.yui3-u-11-12 {
    width: 91.6666%
}

.yui3-u-1-24 {
    width: 4.1666%
}

.yui3-u-5-24 {
    width: 20.8333%
}

.yui3-u-7-24 {
    width: 29.1666%
}

.yui3-u-11-24 {
    width: 45.8333%
}

.yui3-u-13-24 {
    width: 54.1666%
}

.yui3-u-17-24 {
    width: 70.8333%
}

.yui3-u-19-24 {
    width: 79.1666%
}

.yui3-u-23-24 {
    width: 95.8333%
}

#yui3-css-stamp.cssgrids {
    display: none
}





table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

q:after, q:before {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

legend {
    color: #000
}

#yui3-css-stamp.cssreset {
    display: none
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}



.home-page .container header {
    position: absolute
}

.home-page .container #body {
    bottom: 40px;
    padding: 0;
    position: absolute;
    top: 60px;
    width: 100%
}

.home-page .container .yui3-g {
    height: 100%
}

.home-page .benefits, .home-page .calculator-promo, .home-page .center-locator-promo, .home-page .certified-first-block {
    width: 50%
}

.home-page .calculator-promo, .home-page .center-locator-promo {
    height: 66%;
    min-height: 489px;
    text-align: center
}

.home-page .calculator-promo {
    background: #e43427 url(../JPG/HOME_BG_1.JPG) no-repeat 0 100%;
    overflow: hidden;
    position: relative
}

    .home-page .calculator-promo .painter {
        bottom: -170px;
        height: 459px;
        position: absolute;
        right: -200px;
        width: 600px;
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    .home-page .calculator-promo .title, .home-page .center-locator-promo .title {
        color: #fff;
        font-size: 300%;
        margin: 15% 0 30px 0
    }

        .home-page .calculator-promo .title em, .home-page .center-locator-promo .title em {
            font-style: italic;
            font-weight: 300
        }

    .home-page .calculator-promo a, .home-page .center-locator-promo a {
        background: #2aafcc;
        color: #fff;
        display: inline-block;
        font-size: 130%;
        font-weight: 300;
        line-height: 15px;
        padding: 10px 30px;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

        .home-page .calculator-promo a .arrow, .home-page .center-locator-promo a .arrow {
            background: url(../PNG/SPRITE.PNG) no-repeat 0 -211px;
            display: inline-block;
            height: 15px;
            margin: 0 0 0 10px;
            width: 10px
        }

    .home-page .calculator-promo a {
        position: relative;
        z-index: 1000
    }

.home-page .center-locator-promo {
    background: #f7da54 url(../JPG/HOME_BG_2.JPG) no-repeat 0 100%
}

    .home-page .center-locator-promo .title {
        color: #333
    }

.home-page .benefits, .home-page .certified-first-block {
    height: 33%;
    min-height: 250px
}

.home-page .certified-first-block {
    text-align: right
}

    .home-page .certified-first-block .title {
        color: #333;
        font-size: 180%;
        font-weight: 600;
        margin: 7% 10px 30px 10px
    }

    .home-page .certified-first-block .description {
        color: #666;
        font-size: 130%;
        font-weight: 300;
        margin: 20px 10px
    }

        .home-page .certified-first-block .description strong {
            font-weight: 400
        }

.home-page .benefits .title {
    color: #333;
    font-size: 180%;
    margin: 7% 10px 30px 10px
}

    .home-page .benefits .title strong {
        font-weight: 600
    }

.home-page .benefits ul {
    margin: 20px 10px
}

    .home-page .benefits ul li {
        color: #666;
        font-size: 130%;
        font-weight: 300
    }

        .home-page .benefits ul li strong {
            font-weight: 400
        }

        .home-page .benefits ul li .icon {
            background: url(../PNG/SPRITE.PNG) no-repeat -25px -773px;
            display: inline-block;
            height: 19px;
            margin: 0 10px 0 0;
            width: 19px
        }

@media only screen and (max-width:480px) {
    .home-page .container {
        min-height: 0;
        height: auto
    }

        .home-page .container header {
            position: static
        }

        .home-page .container #body {
            bottom: auto;
            position: static;
            top: auto;
            width: auto
        }

        .home-page .container footer {
            position: static
        }

        .home-page .container .yui3-g {
            height: auto
        }

    .home-page .benefits, .home-page .calculator-promo, .home-page .center-locator-promo, .home-page .certified-first-block {
        display: block;
        width: auto
    }

    .home-page .calculator-promo, .home-page .center-locator-promo {
        height: auto;
        min-height: 0;
        padding: 20px;
        text-align: left
    }

        .home-page .calculator-promo .title, .home-page .center-locator-promo .title {
            font-size: 200%;
            margin: 0 0 30px 0
        }

        .home-page .calculator-promo a, .home-page .center-locator-promo a {
            display: block;
            text-align: center;
            width: auto
        }

    .home-page .calculator-promo {
        background: #e43427
    }

        .home-page .calculator-promo .painter {
            bottom: 20px;
            height: 153px;
            right: -70px;
            width: 200px;
            -moz-transform: rotate(-20deg);
            -ms-transform: rotate(-20deg);
            -o-transform: rotate(-20deg);
            -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg)
        }

    .home-page .center-locator-promo {
        background: #f7da54
    }

    .home-page .benefits, .home-page .certified-first-block {
        height: auto;
        min-height: 0;
        padding: 20px 10px 0 20px;
        text-align: left
    }

        .home-page .benefits .title, .home-page .certified-first-block .title {
            margin: 0 0 30px 0
        }

    .home-page .benefits {
        padding: 10px 10px 20px 20px
    }
}

.resource-not-found-page .container {
    height: 100%;
    min-height: 840px
}

    .resource-not-found-page .container header {
        position: absolute
    }

    .resource-not-found-page .container #body {
        bottom: 40px;
        padding: 0;
        position: absolute;
        top: 60px;
        width: 100%
    }

.resource-not-found-page .featured {
    background: #fff;
    border-left: 5px solid #2aafcc;
    display: block;
    padding: 40px 0;
    text-align: center
}

    .resource-not-found-page .featured h1 {
        color: #ccc;
        font-size: 300%;
        font-weight: 200;
        text-transform: uppercase
    }

        .resource-not-found-page .featured h1 strong {
            color: #666;
            font-weight: 200
        }

    .resource-not-found-page .featured h2 {
        color: #666;
        font-size: 150%;
        font-weight: 200;
        margin: 10px 0 0 0;
        text-transform: lowercase
    }

        .resource-not-found-page .featured h2 a {
            color: #e53427;
            font-weight: 300;
            text-decoration: none
        }

.resource-not-found-page .benefits {
    background: url(../PNG/SPRITE.PNG) repeat-x 0 -1012px;
    min-height: 400px;
    padding: 50px 0
}

    .resource-not-found-page .benefits .yui3-g {
        border-top: 1px solid #e3e3e3;
        margin: 0 50px;
        padding: 20px 0
    }

    .resource-not-found-page .benefits .title {
        color: #999;
        font-size: 110%;
        font-weight: 300;
        margin: 0 20px
    }

        .resource-not-found-page .benefits .title strong {
            font-weight: 600
        }

    .resource-not-found-page .benefits .benefit {
        border-right: 1px solid #e3e3e3;
        height: 150px;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 33%
    }

        .resource-not-found-page .benefits .benefit:last-child {
            border: none
        }

        .resource-not-found-page .benefits .benefit .yui3-g {
            border: 0;
            margin: 0
        }

        .resource-not-found-page .benefits .benefit .icon {
            background-image: url(../PNG/SPRITE.PNG);
            background-repeat: no-repeat;
            display: block;
            height: 43px;
            margin: 5px auto 0 auto;
            width: 42px
        }

        .resource-not-found-page .benefits .benefit .title {
            color: #999;
            display: inline-block;
            font-size: 220%;
            font-weight: 300;
            line-height: 1;
            margin: 0 50px 0 0
        }

@media only screen and (max-width:480px) {
    .resource-not-found-page .container {
        min-height: 0
    }

        .resource-not-found-page .container header {
            position: static
        }

        .resource-not-found-page .container #body {
            bottom: auto;
            position: static;
            top: auto;
            width: auto
        }

        .resource-not-found-page .container footer {
            position: static
        }

    .resource-not-found-page .featured h1 {
        margin: 0 5%
    }

        .resource-not-found-page .featured h1 strong {
            display: block
        }

    .resource-not-found-page .featured h2 {
        font-size: 200%;
        margin: 10px 5% 30px 5%
    }

    .resource-not-found-page .benefits {
        display: none
    }
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

header {
    min-height: 60px;
    width: 100%
}

    header.heading {
        background: unset
    }

    header .logo-container {
        margin: 10px 0 0 0;
        min-width: 180px;
        text-align: center;
        width: 18%
    }

        header .logo-container a {
            display: inline-block;
            height: 39px;
            line-height: 39px
        }

.menu-toggle-button-container {
    display: none
}

    .menu-toggle-button-container #menu-toggle-button {
        text-decoration: none
    }

#menu {
    margin: 0
}

    #menu li {
        border-style: solid;
        border-color: #636363;
        border-width: 0 1px;
        display: inline-block;
        float: left
    }

        #menu li.c-loc {
            border-left: 0
        }

        #menu li:last-child {
            border-width: 0 1px 0 0
        }

        #menu li a {
            background: #333;
            color: #fff;
            display: inline-block;
            font-size: 135%;
            font-weight: 300;
            height: 42px;
            padding: 18px 10px 0 10px;
            text-decoration: none
        }

        #menu li.call-us a {
            background: 0 0;
            color: #f7da54;
            display: inline-block;
            font-size: 100%;
            font-weight: 400;
            height: initial;
            padding: 0;
            text-decoration: none;
            font-weight: 700
        }

            #menu li.call-us a:hover {
                background: 0 0
            }

        #menu li a.active, #menu li a:hover {
            background: #cc382d
        }

        #menu li .calculator-link .icon {
            background: url(../PNG/SPRITE.PNG) no-repeat 0 -45px;
            display: inline-block;
            margin-right: 5px;
            height: 26px;
            width: 27px
        }

        #menu li .center-locator-link .icon {
            background: url(../PNG/SPRITE.PNG) no-repeat -40px -46px;
            display: inline-block;
            margin-right: 5px;
            height: 25px;
            width: 27px
        }

        #menu li .blog-link .icon {
            background: url(../PNG/SPRITE.PNG) no-repeat -88px -45px;
            display: inline-block;
            margin-right: 5px;
            height: 26px;
            width: 27px
        }

.mobile-call-us {
    display: none
}

.call-us {
    margin-top: 12px;
    border: 0 !important;
    padding: 0 15px 0;
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -.025em;
    display: inline-block;
    transition: all .3s ease-in-out
}

    .call-us:hover {
        opacity: .5
    }

    .call-us img.logo {
        float: left;
        width: 16px;
        margin: 6px 6px 0 0
    }

    .call-us span {
        float: left;
        margin: 3px 0 0 3px
    }

.secondary-menu-container {
    position: absolute;
    right: 20px;
    top: 0
}

#secondary-menu {
    margin: 21px 0 0 0
}

    #secondary-menu li {
        display: inline-block;
        float: left;
        margin: 0 10px 0 0
    }

        #secondary-menu li:last-child {
            margin: 0
        }

        #secondary-menu li a {
            color: #fff;
            font-size: 110%;
            text-decoration: none
        }

            #secondary-menu li a strong {
                color: #fff;
                font-weight: 600
            }


.content-page #body .featured-wrapper {
    display: none
}

.content-page #body .navigation-wrapper {
    background: #f1f1f1;
    min-width: 150px;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 18%
}

    .content-page #body .navigation-wrapper ul {
        margin: 50px 0 0 0
    }

.content-page .navigation-wrapper ul li a {
    background: #ea5d52;
    color: #fff;
    display: block;
    font-size: 120%;
    font-weight: 300;
    padding: 10px 20px;
    text-decoration: none
}

.content-page #body .navigation-wrapper ul li a.active, .content-page #body .navigation-wrapper ul li a:hover {
    background: #fff;
    border-left: 5px solid #2aafcc;
    color: #333
}

.content-page #body .navigation-wrapper ul li.separator {
    border-bottom: 1px solid #fff
}

.content-page #body .content-wrapper {
    margin: 0 0 0 18%;
    width: 82%
}

    .content-page #body .content-wrapper article {
        color: #666;
        margin: 0 40px;
        width: 60%
    }

        .content-page #body .content-wrapper article h1 {
            font-size: 200%;
            font-weight: 300;
            margin: 0 0 10px 0
        }

        .content-page #body .content-wrapper article h2 {
            font-size: 160%;
            font-weight: 300;
            margin: 20px 0 10px 0
        }

        .content-page #body .content-wrapper article p {
            font-size: 115%;
            font-weight: 300;
            margin: 0 0 10px 0
        }

    .content-page #body .content-wrapper img.car {
        bottom: 40px;
        position: absolute;
        right: 0
    }

.benefits-page #body .content-wrapper article ul li {
    font-size: 115%;
    font-weight: 300;
    margin: 5px 0 5px 15px
}

    .benefits-page #body .content-wrapper article ul li .icon {
        background: #ffd204;
        display: inline-block;
        height: 11px;
        margin: 2px 0 0 -15px;
        position: absolute;
        width: 11px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

.benefit-area header.benefit-text {
    height: inherit
}

.form label {
    color: #666;
    display: block;
    font-size: 103%;
    margin: 10px 0 5px
}

.form .checkbox label {
    display: inline;
    font-size: 100%;
    margin: 0 0 0 5px
}

.form .txt {
    border: 1px solid #ddd;
    color: #999;
    font-size: 105%;
    padding: 5px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

    .form .txt:focus {
        background: #fef5d8;
        border: 1px solid #999;
        color: #666
    }

.form .formmgr-isvalid .txt {
    border: 1px solid #6c6
}

.form .formmgr-isvalid .icon {
    background: url(../PNG/SPRITE.PNG) no-repeat 0 -904px;
    display: inline-block;
    height: 9px;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 25px;
    width: 15px
}

.form .icon {
    display: none
}

.form .formmgr-row {
    margin: 5px 0;
    position: relative
}

.formmgr-row .contact-form-day-selector {
    margin-bottom: 10px
}

.form ::-ms-clear {
    display: none
}

.form .formmgr-haserror .txt {
    border: 1px solid #c33 !important
}

.form .formmgr-haserror .icon {
    background: url(../PNG/SPRITE.PNG) no-repeat 0 -913px;
    display: inline-block;
    height: 11px;
    position: absolute;
    right: 10px;
    top: 25px;
    width: 11px
}

.form .formmgr-message-text {
    color: #c33;
    display: none
}

.form .short-txt {
    width: 70px
}

.form .medium-txt {
    width: 127px
}

.form .long-txt {
    width: 295px;
    box-sizing: border-box;
    width: 100% !important
}

.form .formmgr-haserror .checkbox label {
    color: #c33
}

.success-message {
    color: green;
    margin: 10px 0
}

.failure-message {
    color: #c33;
    margin: 10px 0
}

.yui3-skin-certified-first .yui3-button {
    border: 0;
    background: #ea5d52;
    color: #fff;
    cursor: pointer;
    font-size: 120%;
    padding: 7px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

    .yui3-skin-certified-first .yui3-button:disabled {
        background: #a8615c;
        color: #d4b0ae;
        cursor: default
    }

.yui3-skin-certified-first .yui3-button-secondary {
    background: #999
}

@media only screen and (max-width:480px) {
    .mobile-call-us {
        border: 0 !important;
        padding: 0 5px 5px;
        color: #fff;
        font-size: 23px;
        font-weight: 700;
        letter-spacing: -.025em;
        display: table;
        margin: auto
    }

        .mobile-call-us img.logo {
            float: left;
            width: 16px;
            margin: 6px 6px 0 0
        }

        .mobile-call-us span {
            float: left;
            margin: 3px 0 0 3px
        }

        .mobile-call-us a {
            color: #f7da54;
            text-decoration: none
        }

    .call-us {
        margin-top: 0;
        padding: 15px 15px 18px;
        display: none !important
    }

        .call-us span {
            margin: 3px 0 0 11px
        }

    body {
        margin: 0;
        min-width: 320px
    }

    #body {
        padding: 0 0 140px 0
    }

    header {
        height: auto
    }

        header .logo-container {
            display: block;
            height: 45px;
            margin: 0;
            padding: 2px 0 0 20px;
            text-align: left;
            width: auto
        }

    .menu-toggle-button-container {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0
    }

        .menu-toggle-button-container #menu-toggle-button {
            background: url(../PNG/SPRITE.PNG) no-repeat -30px -932px;
            display: inline-block;
            height: 47px;
            width: 60px
        }

    .menu-container {
        display: none
    }

        .menu-container.visible {
            display: block
        }

    #menu {
        margin: 0
    }

        #menu li {
            border-color: #f8a19a;
            border-width: 1px 0;
            display: block;
            float: none
        }

            #menu li:last-child {
                border-width: 0 0 1px 0
            }

            #menu li a {
                background: #ea5d53;
                display: block
            }

    .secondary-menu-container {
        display: none;
        margin: 0;
        position: static;
        right: auto;
        top: auto
    }

        .secondary-menu-container.visible {
            display: block
        }

    #secondary-menu {
        margin: 0
    }

        #secondary-menu li {
            border-color: #f8a19a;
            border-width: 1px 0;
            display: block;
            float: none
        }

            #secondary-menu li:last-child {
                border-width: 1px 0
            }

            #secondary-menu li a {
                background: #ea5d53;
                display: block;
                height: 35px;
                padding: 15px 0 0 15px
            }

    footer {
        height: auto;
        text-align: center
    }

        footer .copy {
            display: block;
            margin: 0;
            padding: 20px 0 0 0
        }

        footer .links {
            display: block;
            margin: 10px 0 20px 0
        }

        footer .contact {
            background: #474747;
            border: none;
            border-top: 1px solid #666;
            display: block;
            height: auto;
            padding: 20px 0;
            position: static;
            right: auto;
            top: auto
        }

    .content-page #body .featured-wrapper {
        background: #efefef;
        display: block;
        padding: 20px 0;
        text-align: center
    }

        .content-page #body .featured-wrapper .title h1 {
            color: #333;
            font-size: 150%;
            font-weight: 600;
            margin: 0 0 5px 0
        }

        .content-page #body .featured-wrapper .title h2 {
            color: #333;
            font-size: 150%;
            font-weight: 300
        }

            .content-page #body .featured-wrapper .title h2 em {
                color: #ea5d52;
                font-weight: 600
            }

    .content-page #body .navigation-wrapper {
        bottom: auto;
        display: block;
        min-height: 0;
        min-width: 0;
        position: static;
        top: auto;
        width: auto
    }

        .content-page #body .navigation-wrapper ul {
            border-top: 1px solid #fff;
            height: 57px;
            margin: 0
        }

            .content-page #body .navigation-wrapper ul li {
                display: inline-block;
                float: left;
                list-style: none;
                width: 50%
            }

            .content-page #body .navigation-wrapper ul.about-us-navigation li {
                width: 33%
            }

                .content-page #body .navigation-wrapper ul.about-us-navigation li:last-child {
                    width: 33.5%
                }

            .content-page #body .navigation-wrapper ul li a {
                border-top: 5px solid #ea5d52;
                font-size: 110%;
                height: 42px;
                padding: 10px 7px 0 7px;
                text-align: center
            }

            .content-page #body .navigation-wrapper ul.about-us-navigation li:first-child a {
                padding: 10px 10px 0 10px
            }

            .content-page #body .navigation-wrapper ul li a.active, .content-page #body .navigation-wrapper ul li a:hover {
                border: 0;
                border-top: 5px solid #2aafcc
            }

            .content-page #body .navigation-wrapper ul li.separator {
                border-bottom: 0;
                border-right: 1px solid #fff
            }

    .content-page #body .content-wrapper {
        background: #fff;
        display: block;
        margin: 0;
        min-height: initial;
        padding: 50px 0;
        width: auto
    }

        .content-page #body .content-wrapper article {
            margin: 0 40px;
            width: auto
        }

            .content-page #body .content-wrapper article h1 {
                border-bottom: 1px solid #e0e0e0;
                border-top: 1px solid #e0e0e0;
                padding: 5px 0
            }

        .content-page #body .content-wrapper img.car {
            display: none
        }

    .form .long-txt {
        width: 90%
    }

    .form .formmgr-haserror .icon, .form .formmgr-isvalid .icon {
        right: 10%;
        margin: 0 -15px 0 0
    }
}

.aviso_cookie_capa {
    border-top: 3px solid #ffd100;
    font-size: 17px;
    color: #333;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f8f8f8;
    width: 100%;
    text-align: center;
    z-index: 9999
}

.aviso_cookie_contenedor {
    padding: 20px 5px
}

.aviso_cookie_texto {
    display: inline-block
}

.aviso_cookie_linkscont {
    display: inline-block
}

.btn-cookies-accept {
    background-color: #ffd100;
    padding: 7px 33px;
    border-radius: 20px;
    margin: 0 6px 6px 6px;
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.btn-cookies-moreinfo {
    padding: 4px 0;
    border-radius: 3px;
    margin: 0 4px 6px 4px;
    color: #000 !important;
    text-decoration: underline !important
}

    .btn-cookies-moreinfo:hover {
        color: #000;
        text-decoration: underline
    }

.no-cursor:hover {
    cursor: default !important
}

.reveal {
    width: 600px;
    max-width: 100%;
    left: 0 !important;
    right: 0;
    outline: 0;
    top: 0 !important;
    background: rgba(255,255,255,0);
    box-shadow: none;
    margin: 30px auto 0 auto
}

    .reveal .form-area input[type=submit] {
        background: #ffd003;
        border-bottom: 5px solid #a07700;
        color: #464646;
        font-weight: 700
    }

.form-area .form-heading {
    background: rgba(255,255,255,0);
    text-align: left
}

    .form-area .form-heading .title {
        font-size: 2.1rem;
        text-align: center
    }

.form-area .field-holder label {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 20px
}

.form-area .field-holder input[type=tel], .form-area .field-holder input[type=text] {
    border-radius: 2px;
    background: #b93731;
    color: #fff;
    height: 50px;
    margin: 5px 1px 3px 0;
    font-size: 20px
}

.form-area input[type=tel]:focus, .jcf-select.jcf-focus, input[type=text]:focus, textarea:focus {
    box-shadow: 0 0 10px #ffd003 !important;
    border: 1px solid #ffd003 !important
}

.jcf-select {
    height: 50px;
    border-radius: 2px;
    font-size: 20px;
    margin: 5px 1px 3px 0
}

    .jcf-select .jcf-select-text {
        font-size: 20px;
        line-height: 45px;
        margin: 0;
        color: #fff;
        height: 100%;
        padding-left: 10px
    }

.form-area .field-holder input::-webkit-input-placeholder {
    color: #ffffffa1
}

.form-area .field-holder input::-moz-placeholder {
    color: #ffffffa1
}

.form-area .field-holder input:-ms-input-placeholder {
    color: #ffffffa1
}

.form-area .field-holder input:-moz-placeholder {
    color: #ffffffa1
}

.jcf-select {
    background: #b93731;
    color: #fff
}

    .jcf-select .jcf-select-opener:before {
        border-color: #fff transparent transparent
    }

    .jcf-select .jcf-select-opener:after {
        border-color: transparent transparent #fff
    }

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 auto;
    left: 0 !important;
    right: 0;
    background: #000000a6;
    width: 100% !important
}

.jcf-select-drop .jcf-select-drop-content {
    border: none;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: auto;
    vertical-align: middle
}

.jcf-list {
    vertical-align: middle;
    position: absolute;
    background: #fff;
    font-size: 15px;
    line-height: 18px;
    width: 95%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    display: block;
    height: 150px;
    margin: auto;
    overflow: auto
}

    .jcf-list .jcf-list-content {
        display: inline-block;
        vertical-align: top;
        overflow: auto;
        width: 100%;
        text-align: center;
        height: 100%
    }

    .jcf-list ul {
        margin: 0;
        padding: 0;
        list-style: none;
        height: 100%;
        overflow: auto
    }

        .jcf-list ul li {
            overflow: hidden;
            display: block
        }

    .jcf-list .jcf-option {
        cursor: pointer;
        display: block;
        padding: 5px 9px;
        font-size: 25px;
        text-align: center;
        color: black;
        height: 40px;
    }

.jcf-list-box .jcf-selected, .jcf-select-drop .jcf-hover {
    background: #e7e7e7;
    color: #000
}

.form-area .checkbox-holder .jcf-checkbox {
    position: absolute;
    left: 0;
    top: 4px
}

.form-area .checkbox-holder label {
    padding-top: 3px
}

.form-area .checkbox-holder {
    position: relative;
    margin: 0 0 25px;
    padding: 2px 0 0 27px
}

@media screen and (min-width:48em) {
    .reveal {
        width: 600px;
        max-width: 100%;
        left: 0 !important;
        right: 0;
        outline: 0;
        top: 7vh !important;
        padding-top: 50px
    }
}

@media (max-width:767px) {
    .form-area .form-heading .title {
        font-size: 1.6rem;
        text-align: center
    }

    .form-area .fields-area {
        padding: 20px;
        padding-left: 15px;
        padding-right: 15px
    }

    .form-area .field-holder label {
        font-size: 1.2rem;
        font-weight: 400;
        text-align: center
    }

    .form-area .field-holder input[type=tel], .form-area .field-holder input[type=text] {
        font-size: 16px;
        height: 45px;
        margin: 5px 1px 3px 0;
        text-align: center
    }

    .jcf-select {
        height: 45px
    }

        .jcf-select .jcf-select-text {
            font-size: 16px;
            line-height: 42px;
            margin: 0;
            color: #fff;
            height: 100%;
            padding-left: 0;
            text-align: center
        }

    .jcf-checkbox {
        width: 20px;
        height: 20px
    }

        .jcf-checkbox span {
            width: 11px;
            height: 5px;
            border-width: 0 0 2px 2px
        }

    :root .jcf-checkbox span {
        margin: -4px 0 0 -5px
    }

    .form-area .checkbox-holder label {
        font-size: 15px
    }

    .jcf-select .jcf-select-opener:before {
        border-width: 9px 5px 0
    }

    .jcf-select .jcf-select-opener:after {
        border-width: 0 5px 9px
    }
}

.form-area .fields-area {
    background: rgba(255,255,255,0);
    overflow: hidden;
    padding: 30px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 600px;
    width: 100%;
    margin: 0 auto
}

    .form-area .fields-area p {
        color: #fff;
        text-align: center;
        font-size: 1.8rem;
        margin-bottom: 30px
    }

.formmgr-message-text {
    color: #ffd003
}

#global-contact-form .field-holder {
    margin-bottom: 1vh
}

#global-contact-form #call-time {
    margin-bottom: 4vh
}

.reveal-overlay {
    background-color: rgba(180,35,30,.95);
    overflow-y: auto
}

.form-area .checkbox-holder label {
    color: #fff
}

#book-appointment .info-bar-area {
    background-color: transparent;
    background: 0 0;
    margin-bottom: 0
}

    #book-appointment .info-bar-area li {
        width: 100%;
        text-align: center;
        margin-bottom: 45px
    }

        #book-appointment .info-bar-area li:first-child {
            width: 100%;
            text-align: center;
            margin-bottom: 45px
        }

    #book-appointment .info-bar-area .info-bar-list {
        background: #fff8d9
    }

        #book-appointment .info-bar-area .info-bar-list .text {
            text-align: center
        }

    #book-appointment .info-bar-area img {
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
        float: initial
    }

#book-appointment .book-appointment-booking-form .form-area .form-heading .title {
    color: #464646;
    font-size: 1.7rem
}

#book-appointment .book-appointment-booking-form .form-area .fields-area {
    padding-top: 5px;
    padding-bottom: 5px
}

#calculator-contact-form-container .form-holder .fields-area {
    padding-right: 0
}

#book-appointment .book-appointment-booking-form .form-area .field-holder label {
    color: #464646;
    font-size: 1.2rem;
    margin-bottom: 10px
}

#book-appointment .book-appointment-booking-form .form-area .field-holder {
    margin-bottom: 2vh
}

#book-appointment .book-appointment-booking-form .form-area .checkbox-holder label {
    color: #464646
}

#book-appointment .book-appointment-booking-form .formmgr-message-text {
    color: red
}

#book-appointment .fields-area .field-holder input[type=tel], #book-appointment .fields-area .field-holder input[type=text], #calculator-contact-form-container .fields-area .field-holder input[type=tel], #calculator-contact-form-container .fields-area .field-holder input[type=text] {
    border-radius: 2px;
    background: #fff;
    color: #000;
    height: 50px;
    margin: 5px 1px 3px 0;
    font-size: 20px;
    width: 100%;
    border: 1px solid #d8d8d8;
    line-height: 18px
}

    #calculator-contact-form-container .fields-area .field-holder input[type=tel]::placeholder, #calculator-contact-form-container .fields-area .field-holder input[type=text]::placeholder {
        color: #9a9a9a
    }

#calculator-contact-form-container .fields-area .field-holder span.jcf-select {
    background: #fff;
    color: #000
}

    #calculator-contact-form-container .fields-area .field-holder span.jcf-select span.jcf-select-text {
        color: #000
    }

    #calculator-contact-form-container .fields-area .field-holder span.jcf-select .jcf-select-opener:before {
        border-color: #000 transparent transparent
    }

    #calculator-contact-form-container .fields-area .field-holder span.jcf-select .jcf-select-opener:after {
        border-color: transparent transparent #000
    }

#book-appointment .fields-area .field-holder input::-webkit-input-placeholder, #calculator-contact-form-container .fields-area .field-holder input::-webkit-input-placeholder {
    color: rgba(255,255,255,.5)
}

#book-appointment .fields-area .field-holder input:-moz-placeholder {
    color: rgba(255,255,255,.5)
}

#book-appointment .fields-area .field-holder input::-moz-placeholder {
    color: rgba(255,255,255,.5)
}

#book-appointment .fields-area .field-holder input:-ms-input-placeholder {
    color: rgba(255,255,255,.5)
}

#book-appointment .form-holder input[type=submit], #calculator-contact-form-container .fields-area input[type=submit] {
    background: #ffd003;
    border-bottom: 5px solid #a07700;
    color: #464646
}

#calculator-contact-form-container .fields-area input[type=submit] {
    margin-bottom: 30px;
    min-height: 60px
}

    #book-appointment .form-holder input[type=submit]:hover, #calculator-contact-form-container .fields-area input[type=submit]:hover {
        background: #f8ca00;
        color: #464646
    }

#calculator-contact-form-container .title {
    display: none
}

#calculator-contact-form-container .form-heading {
    min-height: auto;
    padding: 0
}

#calculator-contact-form-container .fields-area {
    padding: 0
}

#calculator-contact-form-container .field-holder {
    overflow: hidden;
    margin: 0 0 16px
}

    #calculator-contact-form-container .field-holder label {
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 1.1;
        margin: 0 0 7px;
        color: #464646
    }

    #calculator-contact-form-container .field-holder .formmgr-message-text {
        margin-bottom: 0;
        color: red;
        font-size: 1rem
    }

#calculator-contact-form-container .form-area .checkbox-holder label {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: .9375rem;
    line-height: 1.133;
    margin: 0;
    color: #464646;
    letter-spacing: -.2px
}

#calculator-contact-form-container .form-area .fields-area p {
    color: #464646
}

#global-contact-form ul.text-below-submit li {
    font-size: 16px;
    color: #fff
}

#calculator-contact-form-container ul.text-below-submit, #global-contact-form ul.text-below-submit {
    list-style: none
}

    #calculator-contact-form-container ul.text-below-submit li {
        font-size: 16px
    }

        #calculator-contact-form-container ul.text-below-submit li:before, #global-contact-form ul.text-below-submit li:before {
            content: '✓';
            padding-right: 3px
        }

#book-appointment .form-holder .fields-area {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px
}

.certified-bar-area .certified-bar h1 {
    font-weight: 300;
    font-size: inherit
}

.yui3-aclist-item {
    font-size: 20px
}

.damage-selection-view .next-step .note strong {
    font-weight: 500;
    font-size: 22px
}

[type=checkbox] + label.calculator-label {
    color: #fff;
    font-size: 20px
}

[type=checkbox]#postal-code-checkbox {
    width: 25px;
    height: 25px;
    position: relative;
    top: 5px
}

.step-content .postal-area .postal-search-area input[type=tel].error {
    box-shadow: 0 0 5px 4px red
}

.step-content .postal-area .postal-search-area input[type=tel].correct {
    box-shadow: 0 0 5px 4px #32cd32
}

@media only screen and (max-width:480px) {
    [type=checkbox] + label.calculator-label {
        font-size: 14px;
        max-width: 270px;
        float: right;
        text-align: left;
        margin-right: 0
    }

    [type=checkbox]#postal-code-checkbox {
        top: 2px;
        display: inherit;
        float: left
    }
}

@media only screen and (max-width:480px) {
    .damage-selection-page .certified-bar-area {
        visibility: hidden;
        height: 0;
        padding: 0
    }

    .damage-selection-view .next-step {
        padding: 10px 0 !important;
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .detail-area .next-step .btn {
        width: 300px;
        height: 60px;
        font-weight: 700;
        font-size: 22px
    }
}

.damage-selection-view #damage-level-selection-placeholder {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none
}

    .damage-selection-view #damage-level-selection-placeholder > div:first-child {
        height: 100%
    }

.detail-area .bottom-bar {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    pointer-events: all
}

    .detail-area .bottom-bar .features-list li {
        display: block
    }

.btn.MAJOR, .btn.MEDIUM, .btn.MINOR {
    height: 100px;
    line-height: 70px;
    font-size: 1.5rem
}

.detail-area .bottom-bar .features-list label {
    width: 200px;
    margin-bottom: 10px;
    max-width: 100%
}

.damage-selection-view .car-diagram {
    padding-bottom: 20px !important
}

.damage-selection-view .next-step {
    padding-top: 0 !important
}

@media only screen and (max-width:1278px) {
    .detail-area .bottom-bar .features-list {
        width: 40%
    }

    .detail-area .bottom-bar .help {
        float: left;
        width: 40%;
        margin: 0;
        text-align: center;
        background: #46bad5;
        color: #fff;
        min-height: 80px;
        padding: 18px 5px 10px;
        padding-right: 15px;
        font-size: 20px
    }

        .detail-area .bottom-bar .help .help-icon {
            border-color: #fff
        }
}

@media only screen and (max-width:1000px) {
    .btn.MAJOR, .btn.MEDIUM, .btn.MINOR {
        height: 42px;
        line-height: 5px
    }
}

@media only screen and (max-width:768px) {
    .btn.MAJOR, .btn.MEDIUM, .btn.MINOR {
        height: 70px;
        line-height: 40px
    }

    .calculator-location-selection-page .certified-bar-area {
        height: 0;
        visibility: hidden;
        padding: 0
    }

    .calculator-step4-page .certified-bar-area {
        height: 0;
        visibility: hidden;
        padding: 0
    }

    .hidden-mobile {
        display: none !important
    }
}

@media only screen and (min-width:768px) {
    .hidden-desktop {
        display: none !important
    }
}

@media only screen and (max-width:480px) {
    .damage-selection-view .car-diagram {
        padding: 60px 0 70px !important
    }

    .damage-selection-view #damage-level-selection-placeholder {
        bottom: -15px !important;
        z-index: 99
    }

    .damage-selection-view {
        background: #fff;
        position: relative;
        z-index: 1
    }

    .step-content .heading-area.add2 {
        position: relative;
        z-index: 2
    }

    .detail-area .bottom-bar .features-list {
        width: 50%
    }

    .btn.MAJOR, .btn.MEDIUM, .btn.MINOR {
        height: 45px;
        line-height: 20px
    }

    .detail-area .bottom-bar .features-list li {
        margin-top: 10px;
        width: 100%
    }

    .slide .btn {
        font-size: 1.5rem;
        padding: 10px 5px 4px;
        height: 50px;
        line-height: 25px
    }
}

@media only screen and (max-width:320px) {
    .choice-blocks-area .choice-block .wrap {
        padding-left: 2px
    }

    .choice-blocks-area .choice-block .name-area .name {
        font-size: 1rem
    }

    .choice-blocks-area .choice-block .opener {
        width: 40px
    }
}

.certified-first-calculator-app .certified-bar-area {
    visibility: hidden;
    height: 0;
    padding: 0
}

.step-area {
    background: url(../GIF/LOADING.GIF);
    min-height: 200px;
    width: 100%;
    background-size: 100px;
    background-position: center center;
    background-repeat: no-repeat
}

.budget-area {
    background: #fff
}

.workshop-area .workshop-holder {
    background: #fff
}

.yui3-aclist-hidden.yui3-aclist-loading {
    visibility: visible;
    min-height: 50px;
    background-color: #fff;
    background-image: url(../GIF/LOADING.GIF);
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat
}

.thank-you-image img {
    display: block;
    max-width: 250px;
    margin: 50px auto
}

.thank-you-text h2 {
    text-align: center;
    font-size: 1.7rem;
    margin-bottom: 40px
}

    .thank-you-text h2 strong {
        font-weight: 700;
        color: #b4231e
    }

    .thank-you-text h2 b {
        font-weight: 700
    }

.privacy-policy ul {
    list-style-type: disc
}

    .privacy-policy ul ul {
        list-style-type: circle
    }

.close-reveal-form {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 35px;
    font-family: cursive;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.detail-area .bottom-bar.questions {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    flex-wrap: wrap;
    flex-grow: 1
}

    .detail-area .bottom-bar.questions.white-layer {
        display: none;
        background-color: #fff
    }

@media only screen and (max-width:600px) {
    .detail-area .bottom-bar.questions {
        padding: 15px 0;
        height: auto
    }

        .detail-area .bottom-bar.questions.white-layer {
            display: flex;
            height: 100%
        }
}

.detail-area .bottom-bar.questions .help {
    position: relative;
    padding: 0;
    color: #fff;
    font-size: 33px;
    line-height: 1.15;
    width: 100%;
    display: block;
    vertical-align: top;
    margin: 0;
    margin-bottom: 50px
}

.detail-area .bottom-bar.questions .btns-list {
    margin: 0
}

.detail-area .bottom-bar.questions .btns-list {
    width: 100%
}

    .detail-area .bottom-bar.questions .btns-list .btn {
        font-size: 20px;
        height: 80px;
        padding: 15px 5px 15px;
        border-width: 3px;
        line-height: 2
    }

    .detail-area .bottom-bar.questions .btns-list li {
        width: 170px
    }

@media (max-width:1278px) {
    .detail-area .bottom-bar.questions .btns-list {
        display: block;
        margin: 0
    }
}

@media (max-width:720px) {
    .detail-area .bottom-bar.questions .help {
        font-size: 25px;
        margin-bottom: 10px;
        min-height: 50px
    }

    .detail-area .bottom-bar.questions .btns-list li {
        display: block;
        margin: 0 auto;
        width: 230px;
        max-width: 100%;
        margin-bottom: 5px
    }
}

#postcode-search {
    display: none
}

.content-blocks .block.no-hover {
    background: #ebebeb !important
}

    .content-blocks .block.no-hover .text-holder {
        color: #464646 !important
    }

@media (min-width:767px) {
    div.title-bar {
        display: none
    }
}

.legal-content {
    padding-bottom: 50px
}

    .legal-content a {
        color: #b4231e
    }

    .legal-content > h1 {
        font-size: 40px;
        margin: 20px 0
    }

    .legal-content p {
        font-family: Roboto,Arial,sans-serif;
        font-weight: 400;
        line-height: 1.5;
        color: #464646
    }

#CybotCookiebotDialogBody h2, #CybotCookiebotDialogBodyContentText, #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper a, #CybotCookiebotDialogBodyLevelDetailsButton, .CybotCookiebotDialogBodyLevelButtonWrapper {
    font-family: Roboto,Arial,sans-serif !important
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper a {
    padding: 3px 4px 3px !important
}












.toggle-button {
    display: inline-block;
    height: 25px;
    width: 25px;
    text-align: center;
    cursor: pointer
}

    .toggle-button .arrow {
        display: inline-block;
        background: url(../HTML/SPRITE.HTM) no-repeat 0 -596px;
        height: 10px;
        width: 16px;
        margin-top: 10px
    }

@media only screen and (max-width: 480px) {
    .toggle-button {
        background: #666;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%
    }

        .toggle-button .arrow {
            background: url(../HTML/SPRITE.HTM) no-repeat -45px -598px;
            height: 9px;
            width: 12px
        }

    .expanded .toggle-button .arrow {
        background-position: -33px -599px
    }

    .toggle-button.disabled {
        background: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }

        .toggle-button.disabled .arrow {
            background: url(../HTML/SPRITE.HTM) no-repeat 0 -596px;
            height: 10px;
            width: 16px;
            margin-top: 10px
        }
}

.calculator-master-page .wizard-progress {
    background: #d8d8d8;
    height: 50px;
    *line-height: normal;
    padding: 2px 0;
    width: 100%
}

    .calculator-master-page .wizard-progress .title {
        color: #666;
        font-size: 70%;
        margin: 0 0 0 10px;
        text-transform: uppercase
    }

    .calculator-master-page .wizard-progress .wizard-steps {
        margin: -12px auto 0;
        position: relative;
        text-align: center;
        z-index: 1000
    }

        .calculator-master-page .wizard-progress .wizard-steps .wizard-step {
            margin: 0 10px;
            position: relative;
            width: 120px
        }

            .calculator-master-page .wizard-progress .wizard-steps .wizard-step .title {
                color: #666;
                display: block;
                font-size: 70%;
                margin: 0 0 5px;
                text-transform: uppercase
            }

            .calculator-master-page .wizard-progress .wizard-steps .wizard-step.completed .title {
                color: #333
            }

            .calculator-master-page .wizard-progress .wizard-steps .wizard-step .icon {
                display: inline-block;
                height: 45px;
                margin: 10px 0 0;
                width: 45px
            }

            .calculator-master-page .wizard-progress .wizard-steps .wizard-step .line {
                background: #999;
                display: inline-block;
                height: 4px;
                left: -59px;
                margin: 0;
                position: absolute;
                top: 45px;
                width: 97px
            }

            .calculator-master-page .wizard-progress .wizard-steps .wizard-step.completed .line {
                background: #f9cc3a
            }

        .calculator-master-page .wizard-progress .wizard-steps .wizard-step-1 .icon {
            background: url(../HTML/SPRITE.HTM) no-repeat 0 -72px
        }

        .calculator-master-page .wizard-progress .wizard-steps .wizard-step-1 .line {
            display: none
        }

        .calculator-master-page .wizard-progress .wizard-steps .wizard-step-1.completed .icon {
            background: url(../HTML/SPRITE.HTM) no-repeat -46px -72px
        }

        .calculator-master-page .wizard-progress .wizard-steps .wizard-step-2 .icon {
            background: url(../HTML/SPRITE.HTM) no-repeat -92px -72px
        }

        .calculator-master-page .wizard-progress .wizard-steps .wizard-step-2.completed .icon {
            background: url(../HTML/SPRITE.HTM) no-repeat -138px -72px
        }

        .calculator-master-page .wizard-progress .wizard-steps .wizard-step-3 .icon {
            background: url(../HTML/SPRITE.HTM) no-repeat 0 -118px
        }

        .calculator-master-page .wizard-progress .wizard-steps .wizard-step-3.completed .icon {
            background: url(../HTML/SPRITE.HTM) no-repeat -46px -118px
        }

        .calculator-master-page .wizard-progress .wizard-steps .wizard-step-4 .icon {
            background: url(../HTML/SPRITE.HTM) no-repeat -92px -118px
        }

        .calculator-master-page .wizard-progress .wizard-steps .wizard-step-4.completed .icon {
            background: url(../HTML/SPRITE.HTM) no-repeat -138px -118px
        }

@media only screen and (max-width: 480px) {
    .calculator-master-page .wizard-progress {
        height: 90px
    }

        .calculator-master-page .wizard-progress .title {
            display: none
        }

        .calculator-master-page .wizard-progress .wizard-steps {
            margin: 10px auto 0
        }

            .calculator-master-page .wizard-progress .wizard-steps .wizard-step {
                margin: 0 18px;
                width: auto
            }

                .calculator-master-page .wizard-progress .wizard-steps .wizard-step:first-child {
                    margin: 0 18px 0 0
                }

                .calculator-master-page .wizard-progress .wizard-steps .wizard-step:last-child {
                    margin: 0 0 0 18px
                }

                .calculator-master-page .wizard-progress .wizard-steps .wizard-step .title {
                    display: none
                }

                .calculator-master-page .wizard-progress .wizard-steps .wizard-step .line {
                    left: -37px;
                    top: 30px;
                    width: 38px
                }
}

.certified-first-calculator-app .banner {
    background: url(../HTML/BANNER_BG.HTM) no-repeat 0 0;
    height: 160px;
    padding: 30px 0 0;
    position: relative;
    width: 100%
}

    .certified-first-calculator-app .banner .working-man {
        position: absolute;
        height: 245px;
        right: 0;
        bottom: -54px;
        width: 473px
    }

        .certified-first-calculator-app .banner .working-man img {
            border: 0;
            height: 245px;
            width: 473px
        }

    .certified-first-calculator-app .banner .title {
        color: #fff;
        font-size: 350%;
        font-weight: 600;
        margin: 0 0 0 15%
    }

        .certified-first-calculator-app .banner .title em {
            display: block;
            font-weight: 300;
            font-style: italic;
            margin: 0 0 0 2%
        }

.certified-first-calculator-app .featured, .certified-first-center-locator-app .featured {
    background: #fff;
    border-left: 5px solid #2aafcc;
    display: block;
    padding: 50px 0 30px;
    text-align: center
}

    .certified-first-calculator-app .featured .instructions, .certified-first-center-locator-app .featured .instructions {
        color: #333;
        font-size: 190%;
        font-weight: 300;
        line-height: 1.7
    }

        .certified-first-calculator-app .featured .instructions strong, .certified-first-center-locator-app .featured .instructions strong {
            font-weight: 400
        }

        .certified-first-calculator-app .featured .instructions .icon, .certified-first-center-locator-app .featured .instructions .icon {
            background: url(../HTML/SPRITE.HTM) no-repeat 0 -163px;
            display: inline-block;
            height: 39.5px;
            margin: 0 5px 0 0;
            width: 48px
        }

.car-type-selection-view {
    width: 100%
}

    .car-type-selection-view .listview-item {
        border-color: #e5e5e5;
        border-style: solid;
        margin: 0;
        padding: 20px 2% 30px;
        text-align: center;
        width: 29.2%
    }

        .car-type-selection-view .listview-item:hover, .car-type-selection-view .listview-item.expanded {
            -moz-box-shadow: 3px -3px 7px 1px #ccc;
            -webkit-box-shadow: 3px -3px 7px 1px #ccc;
            box-shadow: 3px -3px 7px 1px #ccc
        }

        .car-type-selection-view .listview-item:hover {
            cursor: pointer
        }

        .car-type-selection-view .listview-item.expanded {
            width: 58%
        }

        .car-type-selection-view .listview-item.collapsed {
            overflow: hidden;
            position: relative;
            width: 14.66%
        }

        .car-type-selection-view .listview-item .car-class-view {
            position: relative;
            width: 100%
        }

        .car-type-selection-view .listview-item.expanded .car-class-view {
            width: 50%
        }

        .car-type-selection-view .listview-item .select-class-link {
            background: #ea5d52;
            display: inline-block;
            height: 32px;
            right: 0;
            position: absolute;
            text-align: center;
            text-decoration: none;
            width: 32px
        }

            .car-type-selection-view .listview-item .select-class-link .arrow {
                display: inline-block;
                background: url(../HTML/SPRITE.HTM) no-repeat 0 -211px;
                height: 16px;
                margin: 8px 0 0;
                width: 10px
            }

        .car-type-selection-view .listview-item.expanded .select-class-link {
            background: #ccc
        }

            .car-type-selection-view .listview-item.expanded .select-class-link .arrow {
                background: url(../HTML/SPRITE.HTM) no-repeat -11px -211px
            }

        .car-type-selection-view .listview-item .car-class-view .title {
            color: #333;
            font-size: 200%;
            font-weight: 200;
            margin: 0 32px 0 0;
            text-transform: uppercase
        }

        .car-type-selection-view .listview-item.collapsed .car-class-view .title {
            margin: 0;
            position: absolute;
            right: 25px;
            width: 375px;
            z-index: -1000
        }

        .car-type-selection-view .listview-item .car-class-view .title strong {
            font-weight: 300
        }

        .car-type-selection-view .listview-item .car-class-view .car-picture {
            height: 107px;
            margin: 30px auto 40px;
            width: 314px
        }

        .car-type-selection-view .listview-item.collapsed .car-class-view .car-picture {
            position: absolute;
            margin: 65px auto 0;
            right: 25px;
            z-index: -1000
        }

    .car-type-selection-view .car-class-b {
        border-width: 1px 1px 0 0
    }

        .car-type-selection-view .car-class-b .car-class-view .car-picture {
            background: url(../HTML/SPRITE.HTM) no-repeat 0 -449px
        }

    .car-type-selection-view .car-class-c {
        border-width: 1px 1px 0 0
    }

        .car-type-selection-view .car-class-c .car-class-view .car-picture {
            background: url(../HTML/SPRITE.HTM) no-repeat 0 -236px
        }

    .car-type-selection-view .car-class-d {
        border-width: 1px 0 0
    }

        .car-type-selection-view .car-class-d .car-class-view .car-picture {
            background: url(../HTML/SPRITE.HTM) no-repeat 0 -342px
        }

    .car-type-selection-view .listview-item .class-info {
        border: 0;
        color: #999;
        width: 100%
    }

    .car-type-selection-view .listview-item.collapsed .class-info {
        margin: 180px 0 0
    }

    .car-type-selection-view .listview-item .class-info .class-name {
        background: #f7f7f7;
        border-color: #e5e5e5;
        border-style: solid;
        border-width: 1px;
        font-size: 130%;
        font-weight: 300;
        height: 43px;
        padding: 18px 0 0;
        text-transform: uppercase;
        width: 50%
    }

        .car-type-selection-view .listview-item .class-info .class-name strong {
            font-weight: 500
        }

    .car-type-selection-view .listview-item.collapsed .class-info .class-name {
        background: none;
        border: 0;
        padding: 5px 0;
        height: auto;
        width: 100%
    }

    .car-type-selection-view .listview-item .class-info .class-properties {
        width: 49%
    }

    .car-type-selection-view .listview-item.collapsed .class-info .class-properties {
        width: 95%
    }

    .car-type-selection-view .listview-item .class-info .class-properties .size, .car-type-selection-view .listview-item .class-info .class-properties .capacity {
        border-color: #e5e5e5;
        border-style: solid;
        font-size: 110%;
        font-weight: 300;
        height: 24px;
        padding: 6px 0 0;
        text-align: left;
        width: 100%
    }

    .car-type-selection-view .listview-item .class-info .class-properties .size {
        border-width: 1px 1px 1px 0
    }

    .car-type-selection-view .listview-item.collapsed .class-info .class-properties .size {
        border-left-width: 1px
    }

    .car-type-selection-view .listview-item .class-info .class-properties .size span {
        margin: 0 0 0 5px
    }

    .car-type-selection-view .listview-item .class-info .class-properties .capacity {
        border-width: 0 1px 1px 0
    }

    .car-type-selection-view .listview-item.collapsed .class-info .class-properties .capacity {
        border-left-width: 1px
    }

    .car-type-selection-view .listview-item .class-info .class-properties .capacity .icon {
        background: url(../HTML/SPRITE.HTM) no-repeat 0 -555px;
        display: inline-block;
        height: 16px;
        margin: 0 5px;
        width: 16px
    }

    .car-type-selection-view .listview-item .paint-types-listview-placeholder {
        width: 50%
    }

    .car-type-selection-view .listview-item .paint-types-listview {
        display: none
    }

    .car-type-selection-view .listview-item.expanded .paint-types-listview {
        background: #fffcf5;
        cursor: default;
        display: inline-block;
        height: 233px;
        margin: 0 0 0 3%;
        padding: 20px;
        position: relative
    }

        .car-type-selection-view .listview-item.expanded .paint-types-listview .title {
            background: #fff6ca;
            border: 1px solid #ffd147;
            color: #666;
            display: block;
            font-size: 105%;
            font-weight: 300;
            margin: 0 0 30px;
            padding: 10px 5px;
            text-transform: none;
            text-align: center
        }

            .car-type-selection-view .listview-item.expanded .paint-types-listview .title .arrow {
                background: url(../HTML/SPRITE.HTM) no-repeat -74px -581px;
                display: inline-block;
                height: 9px;
                left: 48%;
                position: absolute;
                top: 57.3px;
                width: 18px
            }

        .car-type-selection-view .listview-item.expanded .paint-types-listview ul.listview-items-container {
            text-align: left;
            margin: 0 0 30px
        }

            .car-type-selection-view .listview-item.expanded .paint-types-listview ul.listview-items-container li {
                border: 0;
                border-bottom: 1px solid #e5e2dc;
                margin: 0 0 10px;
                padding: 0 0 10px 10px;
                position: relative;
                text-align: left;
                width: auto;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none
            }

                .car-type-selection-view .listview-item.expanded .paint-types-listview ul.listview-items-container li:last-child {
                    margin: 0
                }

                .car-type-selection-view .listview-item.expanded .paint-types-listview ul.listview-items-container li label {
                    color: #666;
                    font-size: 110%;
                    font-weight: 300;
                    margin: 0 0 0 30px
                }

                .car-type-selection-view .listview-item.expanded .paint-types-listview ul.listview-items-container li .icon {
                    display: inline-block;
                    height: 25px;
                    position: absolute;
                    right: 0;
                    top: -3px;
                    width: 25px
                }

                .car-type-selection-view .listview-item.expanded .paint-types-listview ul.listview-items-container li.solid .icon {
                    background: url(../HTML/SPRITE.HTM) no-repeat 0 -571px
                }

                .car-type-selection-view .listview-item.expanded .paint-types-listview ul.listview-items-container li.metallic .icon {
                    background: url(../HTML/SPRITE.HTM) no-repeat -25px -571px
                }

                .car-type-selection-view .listview-item.expanded .paint-types-listview ul.listview-items-container li.pearl .icon {
                    background: url(../HTML/SPRITE.HTM) no-repeat -50px -571px
                }

        .car-type-selection-view .listview-item.expanded .paint-types-listview .yui3-button {
            width: 100%
        }

.damage-selection-view {
    padding: 0 0 50px;
    text-align: center
}

    .damage-selection-view .car-diagram {
        padding: 0 0 40px
    }

    .damage-selection-view #car-diagram {
        width: 670px !important;
        height: 305px !important
    }

    .damage-selection-view .car-diagram .image-mapster {
        margin: 0 auto
    }

    .damage-selection-view .next-step {
        padding: 20px 0;
        text-align: center
    }

        .damage-selection-view .next-step .note {
            color: #333;
            font-size: 120%;
            font-weight: 300;
            margin: 0 20px;
            padding: 10px 0
        }

            .damage-selection-view .next-step .note strong {
                font-weight: 400
            }

        .damage-selection-view .next-step .yui3-button {
            margin: 20px 0 0;
            width: 300px
        }

    .damage-selection-view #damage-level-selection-placeholder {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%
    }

    .damage-selection-view .select-damage-level {
        background: #2ab0cd;
        padding: 10px 0;
        text-align: center;
        width: 100%
    }

        .damage-selection-view .select-damage-level .label {
            color: #fff;
            display: inline-block;
            font-size: 150%;
            font-weight: 300;
            margin: 5px 0 0
        }

        .damage-selection-view .select-damage-level ul.damages-level-list {
            display: inline-block;
            line-height: .8;
            margin: 5px 10px 0
        }

            .damage-selection-view .select-damage-level ul.damages-level-list li {
                float: left;
                margin: 0 10px
            }

                .damage-selection-view .select-damage-level ul.damages-level-list li label {
                    color: #fff;
                    cursor: pointer;
                    font-size: 120%;
                    font-weight: 300;
                    margin: 0 0 0 5px
                }

                .damage-selection-view .select-damage-level ul.damages-level-list li .radio-wrapper {
                    display: inline-block;
                    margin: 0 0 0 5px;
                    padding: 4px;
                    -moz-border-radius: 10px;
                    -webkit-border-radius: 10px;
                    border-radius: 10px
                }

                .damage-selection-view .select-damage-level ul.damages-level-list li.minor .radio-wrapper {
                    background: #f9cc3a
                }

                .damage-selection-view .select-damage-level ul.damages-level-list li.medium .radio-wrapper {
                    background: #ff8a00
                }

                .damage-selection-view .select-damage-level ul.damages-level-list li.major .radio-wrapper {
                    background: #ea5d53
                }

        .damage-selection-view .select-damage-level .yui3-button {
            margin: 0 5px 0 0
        }

    .damage-selection-view .car-parts-listview {
        display: none
    }

.calculator-step4-page #offer-summary-placeholder {
    min-height: 820px;
    background: #666
}

.calculator-step4-page #contact-form-placeholder {
    min-height: 700px;
    background: #F1F1F1;
    padding-top: 120px
}

.calculator-step4-page .offer-summary .offer-summary-section {
    width: 100%;
    position: relative
}

    .calculator-step4-page .offer-summary .offer-summary-section .title-container {
        position: absolute;
        top: -15px;
        display: block;
        width: auto;
        background: url(../HTML/SPRITE.HTM) no-repeat 220px -606px;
        padding-right: 10px;
        text-align: left;
        height: 29px
    }

        .calculator-step4-page .offer-summary .offer-summary-section .title-container .title {
            background: #2aafcc;
            display: block;
            width: 220px;
            height: 100%;
            text-decoration: none;
            color: #fff;
            font-size: 108%;
            font-weight: 300;
            text-transform: none;
            cursor: pointer
        }

            .calculator-step4-page .offer-summary .offer-summary-section .title-container .title .text {
                display: block;
                vertical-align: middle;
                padding-top: 8px
            }

            .calculator-step4-page .offer-summary .offer-summary-section .title-container .title .toggle-button {
                margin: 2px 8px;
                float: left
            }

.calculator-step4-page .offer-summary .cost-section {
    background: #333;
    text-align: center
}

    .calculator-step4-page .offer-summary .cost-section .section-content {
        color: #fff;
        display: block;
        padding: 27px 0;
        margin: 0
    }

        .calculator-step4-page .offer-summary .cost-section .section-content .before-discount {
            color: #999;
            font-size: 300%;
            font-weight: 100;
            text-decoration: line-through
        }

        .calculator-step4-page .offer-summary .cost-section .section-content .discount-details {
            position: absolute;
            top: 55px;
            right: 55px;
            background: #ea5d52;
            width: 132px;
            height: 132px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            text-align: center;
            white-space: normal;
            font-size: 110%
        }

            .calculator-step4-page .offer-summary .cost-section .section-content .discount-details .percent {
                margin-top: 15px;
                display: block;
                font-size: 250%
            }

            .calculator-step4-page .offer-summary .cost-section .section-content .discount-details .terms {
                display: inline-block;
                padding-left: 5px;
                padding-right: 5px
            }

        .calculator-step4-page .offer-summary .cost-section .section-content .total {
            display: block;
            font-size: 550%;
            font-weight: 400;
            white-space: nowrap
        }

        .calculator-step4-page .offer-summary .cost-section .section-content .disclaimer {
            margin-top: 15px;
            display: block;
            font-size: 85%;
            font-weight: 300;
            color: #999
        }

        .calculator-step4-page .offer-summary .cost-section .section-content .before-discount, .calculator-step4-page .offer-summary .cost-section .section-content .total, .calculator-step4-page .offer-summary .cost-section .section-content .disclaimer {
            margin-left: 0
        }

.calculator-step4-page .offer-summary .key-benefits-view-simple {
    text-align: left;
    padding: 3px 0 25px 15px
}

    .calculator-step4-page .offer-summary .key-benefits-view-simple .title {
        position: static;
        display: block;
        padding-bottom: 20px;
        text-align: center
    }

        .calculator-step4-page .offer-summary .key-benefits-view-simple .title .text {
            font-size: 95%;
            color: #636768;
            padding: 5px 15px;
            margin: 0 auto;
            background-color: #F9CC3B
        }

    .calculator-step4-page .offer-summary .key-benefits-view-simple .key-benefit {
        vertical-align: top;
        width: 32.9%
    }

        .calculator-step4-page .offer-summary .key-benefits-view-simple .key-benefit .text {
            font-size: 95%;
            color: #666;
            width: 75%
        }

.calculator-step4-page .offer-summary .damage-section {
    background: #666;
    min-height: 20px;
    padding: 0
}

    .calculator-step4-page .offer-summary .damage-section .car-type, .calculator-step4-page .offer-summary .damage-section .paint-type {
        padding: 50px 0;
        color: #fff;
        font-weight: 200;
        text-align: center;
        font-size: 112%
    }

    .calculator-step4-page .offer-summary .damage-section .car-type {
        border-right: 1px solid #a3a3a3
    }

        .calculator-step4-page .offer-summary .damage-section .car-type .icon, .calculator-step4-page .offer-summary .damage-section .paint-type .icon {
            display: block;
            margin-left: auto;
            margin-right: auto;
            background-image: url(../HTML/SPRITE.HTM);
            background-repeat: no-repeat;
            margin-bottom: 15px
        }

        .calculator-step4-page .offer-summary .damage-section .car-type .icon {
            margin-top: 6px;
            height: 50px;
            width: 115px
        }

            .calculator-step4-page .offer-summary .damage-section .car-type .icon.class-b {
                background-position: 0 -1011px
            }

            .calculator-step4-page .offer-summary .damage-section .car-type .icon.class-c {
                background-position: 0 -1111px
            }

            .calculator-step4-page .offer-summary .damage-section .car-type .icon.class-d {
                background-position: 0 -1061px
            }

    .calculator-step4-page .offer-summary .damage-section .paint-type .icon {
        height: 55px;
        width: 55px
    }

        .calculator-step4-page .offer-summary .damage-section .paint-type .icon.metallic-paint-type {
            background-position: 0 -1162px
        }

        .calculator-step4-page .offer-summary .damage-section .paint-type .icon.pearl-paint-type {
            background-position: -55px -1162px
        }

        .calculator-step4-page .offer-summary .damage-section .paint-type .icon.solid-paint-type {
            background-position: -110px -1162px
        }

    .calculator-step4-page .offer-summary .damage-section .damage {
        border-top: 1px solid #a3a3a3;
        padding-top: 40px;
        text-align: center
    }

        .calculator-step4-page .offer-summary .damage-section .damage #car-damage-diagram-placeholder {
            display: inline-block;
            width: 232px;
            vertical-align: top
        }

        .calculator-step4-page .offer-summary .damage-section .damage .legend {
            margin-top: 5px;
            margin-left: 80px;
            display: inline-block;
            color: #fff;
            font-weight: 300;
            text-align: left;
            vertical-align: top
        }

            .calculator-step4-page .offer-summary .damage-section .damage .legend .damage-level {
                font-size: 113%;
                line-height: 30px
            }

            .calculator-step4-page .offer-summary .damage-section .damage .legend .icon {
                display: inline-block;
                height: 12px;
                margin: 0 7px 0 0;
                width: 12px;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%
            }

            .calculator-step4-page .offer-summary .damage-section .damage .legend .damage-level-minor .icon {
                background: #f9cc3a
            }

            .calculator-step4-page .offer-summary .damage-section .damage .legend .damage-level-medium .icon {
                background: #ff8a00
            }

            .calculator-step4-page .offer-summary .damage-section .damage .legend .damage-level-major .icon {
                background: #ea5d53
            }

.calculator-step4-page .contact-form {
    margin-left: auto;
    margin-right: auto;
    width: 340px;
    height: 380px
}

    .calculator-step4-page .contact-form .contact-form-title {
        font-weight: 700;
        background: none;
        border-bottom: 1px solid #d8d8d8
    }

@media only screen and (max-width: 480px) {
    .calculator-step4-page #offer-summary-placeholder, .calculator-step4-page #contact-form-placeholder {
        width: 100%;
        height: inherit;
        min-height: inherit;
        margin: 0;
        padding: 0
    }

    .calculator-step4-page .offer-summary .cost-section .section-content .before-discount {
        font-size: 250%
    }

    .calculator-step4-page .offer-summary .cost-section .section-content .total {
        font-size: 480%
    }

    .calculator-step4-page .offer-summary .cost-section .section-content .discount-details {
        top: 3px;
        right: 3px;
        font-size: 70%;
        width: 80px;
        height: 80px
    }

        .calculator-step4-page .offer-summary .cost-section .section-content .discount-details .percent {
            margin-top: 2px
        }

    .calculator-step4-page .offer-summary .cost-section .section-content .before-discount, .calculator-step4-page .offer-summary .cost-section .section-content .total, .calculator-step4-page .offer-summary .cost-section .section-content .disclaimer {
        margin-left: 0
    }

    .calculator-step4-page .offer-summary .key-benefits-view-simple {
        padding-top: 7px;
        padding-bottom: 17px;
        padding-left: 0
    }

        .calculator-step4-page .offer-summary .key-benefits-view-simple .title {
            text-align: left;
            display: block;
            background-color: transparent;
            margin: 10px 0;
            padding: 0 0 0 10px
        }

            .calculator-step4-page .offer-summary .key-benefits-view-simple .title .text {
                padding: 0;
                width: 100%;
                background-color: transparent;
                color: #999
            }

        .calculator-step4-page .offer-summary .key-benefits-view-simple .key-benefit {
            display: block;
            width: 100%
        }

    .calculator-step4-page .offer-summary .damage-section .section-content {
        display: none
    }

    .calculator-step4-page .offer-summary .damage-section.expanded .section-content {
        display: block
    }

    .calculator-step4-page .offer-summary .damage-section .car-type, .calculator-step4-page .offer-summary .damage-section .paint-type {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 25px;
        font-size: 100%
    }

    .calculator-step4-page .offer-summary .damage-section .damage {
        border-top: 1px solid #a3a3a3;
        display: block;
        margin: 20px auto 0;
        padding: 30px 0 0;
        text-align: center;
        width: 90%
    }

        .calculator-step4-page .offer-summary .damage-section .damage #car-damage-diagram-placeholder {
            display: block;
            margin: auto
        }

        .calculator-step4-page .offer-summary .damage-section .damage .legend {
            display: block;
            margin: 20px 0;
            text-align: center;
            width: 100%
        }

            .calculator-step4-page .offer-summary .damage-section .damage .legend ul {
                margin: 0
            }

                .calculator-step4-page .offer-summary .damage-section .damage .legend ul .damage-level {
                    display: inline;
                    margin: 0 10px;
                    font-size: 90%
                }

    .calculator-step4-page .contact-form {
        width: 90%
    }

        .calculator-step4-page .contact-form .results-view {
            width: 90%
        }
}

.key-benefits-view-simple {
    background: #fef6d6;
    color: #333;
    font-size: 115%;
    padding: 8px 0;
    position: relative;
    text-align: center
}

    .key-benefits-view-simple .title {
        position: absolute;
        left: 10px;
        top: 7px;
        color: #999;
        line-height: 1.5
    }

        .key-benefits-view-simple .title .text strong {
            font-weight: 600
        }

        .key-benefits-view-simple .title .toggle-button {
            display: none
        }

    .key-benefits-view-simple .key-benefit {
        vertical-align: middle
    }

        .key-benefits-view-simple .key-benefit .text {
            line-height: 1.5;
            vertical-align: middle;
            display: inline-block
        }

        .key-benefits-view-simple .key-benefit .icon {
            background: url(../HTML/SPRITE.HTM) no-repeat 0 -770px;
            display: inline-block;
            height: 24px;
            width: 24px;
            margin: 0 10px;
            vertical-align: middle
        }

@media only screen and (max-width: 480px) {
    .key-benefits-view-simple {
        height: auto;
        padding: 7px 0;
        text-align: left
    }

        .key-benefits-view-simple .title {
            display: block !important;
            padding: 0 0 0 10px;
            position: static
        }

            .key-benefits-view-simple .title .toggle-button {
                display: inline-block;
                position: absolute;
                right: 5px
            }

        .key-benefits-view-simple .yui3-g .yui3-u {
            display: none;
            margin: 10px 0
        }

        .key-benefits-view-simple.expanded .yui3-g .yui3-u {
            display: inline-block
        }

        .key-benefits-view-simple .key-benefit {
            width: 100%
        }

            .key-benefits-view-simple .key-benefit .icon {
                margin: 0 10px 0 20px
            }
}

.key-benefits-view-extended {
    background: url(../PNG/SPRITE.PNG) repeat-x 0 -1218px;
    min-height: 400px;
    padding: 50px 0
}

    .key-benefits-view-extended .yui3-g {
        border-top: 1px solid #e3e3e3;
        margin: 0 50px;
        padding: 20px 0
    }

    .key-benefits-view-extended .title {
        color: #999;
        font-size: 110%;
        font-weight: 300;
        margin: 0 20px
    }

        .key-benefits-view-extended .title strong {
            font-weight: 600
        }

    .key-benefits-view-extended .benefit {
        border-right: 1px solid #e3e3e3;
        height: 150px;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 33%
    }

        .key-benefits-view-extended .benefit:last-child {
            border: none
        }

        .key-benefits-view-extended .benefit .yui3-g {
            border: 0;
            margin: 0
        }

        .key-benefits-view-extended .benefit .icon {
            background-image: url(../PNG/SPRITE.PNG);
            background-repeat: no-repeat;
            display: block;
            height: 43px;
            margin: 5px auto 0;
            width: 42px
        }

        .key-benefits-view-extended .benefit .title {
            color: #999;
            display: inline-block;
            font-size: 220%;
            font-weight: 300;
            line-height: 1;
            margin: 0 50px 0 0
        }

.centers-directory-view {
    bottom: 40px;
    position: absolute;
    top: 100px;
    width: 100%
}

    .centers-directory-view .columns-container {
        *position: absolute;
        *width: 100%
    }

    .centers-directory-view .columns-container, .centers-directory-view .left-column, .centers-directory-view .right-column {
        height: 100%
    }

    .centers-directory-view .left-column {
        z-index: 990
    }

    .centers-directory-view .left-column, .centers-directory-view .right-column {
        position: relative
    }

    .centers-directory-view .right-column {
        z-index: 0
    }

    .centers-directory-view #centers-listview-title {
        background: #fff;
        border-color: #f1f1f1;
        border-style: solid;
        border-width: 0 1px 1px 0;
        color: #666;
        font-size: 115%;
        height: 40px;
        padding: 20px 0 0;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        z-index: 1000
    }

        .centers-directory-view #centers-listview-title .icon {
            background: url(../HTML/SPRITE.HTM) no-repeat 0 -761px;
            display: inline-block;
            height: 9px;
            margin: 0 0 0 10px;
            vertical-align: middle;
            width: 16px
        }

    .centers-directory-view #centers-listview-placeholder {
        background: #fff;
        bottom: 0;
        overflow: hidden;
        position: absolute;
        top: 61px;
        width: 100%;
        z-index: 1000
    }

    .centers-directory-view .yui3-scrollview {
        bottom: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.ie7 .centers-directory-view .yui3-scrollview {
    *overflow-y: auto !important
}

.ie7 .centers-directory-view .centers-listview {
    *width: 100%
}

.centers-directory-view .centers-listview .listview-item {
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    cursor: pointer;
    height: 100px
}

    .centers-directory-view .centers-listview .listview-item:hover {
        background: #e9f7fa
    }

        .centers-directory-view .centers-listview .listview-item:hover .select-center .caption {
            display: inherit
        }

        .centers-directory-view .centers-listview .listview-item:hover .select-center .arrow {
            display: none
        }

    .centers-directory-view .centers-listview .listview-item .yui3-u {
        padding-top: 20px;
        height: 80px
    }

    .centers-directory-view .centers-listview .listview-item .distance {
        border-right: 1px solid #f1f1f1;
        text-align: center;
        width: 18%
    }

        .centers-directory-view .centers-listview .listview-item .distance .number {
            background: #2aafcc;
            border: 1px solid #238ca3;
            color: #fff;
            display: block;
            font-weight: 300;
            height: 20px;
            line-height: 1.5;
            margin: 0 auto 5px;
            width: 20px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px
        }

        .centers-directory-view .centers-listview .listview-item .distance .value {
            color: #666;
            font-weight: 300
        }

        .centers-directory-view .centers-listview .listview-item .distance .measure-unit {
            color: #666;
            font-weight: 300
        }

    .centers-directory-view .centers-listview .listview-item .center-info {
        position: relative;
        padding-left: 20px;
        width: 75%
    }

        .centers-directory-view .centers-listview .listview-item .center-info .center-name {
            color: #999;
            display: block;
            font-size: 115%;
            height: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 80%
        }

        .centers-directory-view .centers-listview .listview-item .center-info .center-address {
            color: #999;
            display: inline-block;
            font-size: 95%;
            font-weight: 300;
            max-height: 44px;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 70%
        }

    .centers-directory-view .centers-listview .listview-item .select-center {
        position: absolute;
        width: auto;
        right: 24px;
        *right: 24px
    }

        .centers-directory-view .centers-listview .listview-item .select-center .caption {
            display: none;
            margin-top: 13px;
            font-size: 95%;
            font-weight: 300;
            color: #ea5d52;
            text-decoration: none
        }

        .centers-directory-view .centers-listview .listview-item .select-center .arrow {
            display: block;
            margin-top: 21px;
            background: url(../HTML/SPRITE.HTM) no-repeat 0 -799px;
            width: 9px;
            height: 16px;
            padding: 0 4px 0 0
        }

.centers-directory-view #location-bar-placeholder {
    border-bottom: 1px solid #f1f1f1;
    height: 45px;
    padding: 15px 5px 0 0;
    text-align: right
}

    .centers-directory-view #location-bar-placeholder .new-search-label {
        color: #666;
        display: inline-block;
        font-size: 125%;
        line-height: 33px;
        margin: 0 10px 0 0;
        vertical-align: top
    }

.centers-directory-view #centers-map-view-placeholder {
    background: #f1f1f1;
    bottom: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 0
}

.centers-directory-view #centers-more-results {
    display: none
}

.contact-form {
    background: #f1f1f1;
    min-height: 360px;
    width: 100%
}

    .contact-form .tlf-icon {
        float: left;
        position: relative;
        left: 31px;
        top: 2px
    }

    .contact-form .contact-form-title, .contact-form .contact-form-top-text {
        color: #666;
        font-size: 115%;
        font-weight: 500;
        font-weight: bold;
        padding: 8px 0;
        text-align: center;
        text-transform: none;
        width: 100%;
        background: #333
    }

    .contact-form.search-form .terms-and-conditions {
        margin: 25px 0 15px
    }

    .contact-form.search-form .form .long-txt {
        width: 297px
    }

    .contact-form.search-form .contact-form-body {
        padding: 0
    }

    .contact-form.search-form .contact-form-title {
        padding-bottom: 0
    }

    .contact-form .contact-form-title {
        padding: 10px 5px;
        line-height: 1.6;
        box-sizing: border-box
    }

        .contact-form .contact-form-title::before {
            box-sizing: border-box
        }

    .contact-form .form-int-container {
        margin: 15px 0
    }

    .contact-form.search-form .form-int-container select {
        width: 100% !important
    }

    .contact-form .contact-form-top-text {
        color: #fff
    }

    .contact-form .contact-form-tlf {
        text-align: center;
        color: #f7da54;
        font-size: 300%;
        background: #333;
        font-weight: 700
    }

        .contact-form .contact-form-tlf .container {
            transition: all .3s ease-in-out
        }

            .contact-form .contact-form-tlf .container:hover {
                opacity: .5
            }

        .contact-form .contact-form-tlf a {
            color: #f7da54;
            text-decoration: none
        }

    .contact-form .contact-form-body {
        margin: 0 auto;
        padding: 10px 0;
        width: 320px
    }

    .contact-form #PlateTextBox, .contact-form #TimeTextBox {
        margin: 0 0 0 6px
    }

    .contact-form #DatePicker {
        background: url(../HTML/SPRITE.HTM) no-repeat -29px -878px;
        display: inline-block;
        height: 17px;
        left: 125px;
        margin: 0;
        position: absolute;
        text-decoration: none;
        top: 5px;
        *top: 7px;
        width: 16px
    }

    .contact-form .terms-and-conditions {
        margin: 20px 0 10px
    }

        .contact-form .terms-and-conditions strong {
            font-weight: 700
        }

    .contact-form .contact-form-submit-button {
        margin: 10px 0 5px;
        width: 100%
    }

    .contact-form .note {
        text-align: center;
        background: #fff;
        color: #999;
        margin: 5px 0 20px;
        padding: 5px 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

    .contact-form .yui3-u-1-2.formmgr-isvalid .icon, .contact-form .yui3-u-1-2.formmgr-haserror .icon {
        left: 130px
    }

    .contact-form .results-view {
        margin: 0 auto;
        min-height: 360px;
        width: 320px
    }

        .contact-form .results-view p {
            color: #999;
            font-size: 120%;
            font-weight: 300;
            margin: 30px 0
        }

        .contact-form .results-view label {
            color: #666;
            display: block;
            font-size: 120%;
            font-weight: 300;
            margin: 20px 0
        }

        .contact-form .results-view .center-phone-wrapper, .contact-form .results-view .center-email-wrapper {
            background: #fff;
            color: #666;
            display: block;
            font-size: 100%;
            padding: 5px 10px;
            text-align: left
        }

            .contact-form .results-view .center-phone-wrapper .center-phone {
                color: #999
            }

            .contact-form .results-view .center-email-wrapper .center-email {
                color: #c33;
                text-decoration: none
            }



.center-directory-page {
    min-height: 821px
}



.certified-first-calculator-app.location-selection-page #key-benefits-placeholder {
    display: none
}

@media only screen and (max-width: 480px) {
    .certified-first-calculator-app .banner {
        background: #c5352c;
        height: 90px;
        padding: 5px 0 0;
        text-align: left
    }

        .certified-first-calculator-app .banner .working-man {
            bottom: 0;
            height: 95px;
            width: 183.3px
        }

            .certified-first-calculator-app .banner .working-man img {
                height: 95px;
                width: 183.3px
            }

        .certified-first-calculator-app .banner .title {
            font-size: 170%;
            font-weight: 400;
            margin: 0 0 0 20px;
            width: 63%
        }

            .certified-first-calculator-app .banner .title em {
                font-weight: 200;
                margin: 0
            }

    .certified-first-calculator-app .featured, .certified-first-center-locator-app .featured {
        display: block;
        padding: 30px 40px;
        text-align: center;
        width: auto
    }

        .certified-first-calculator-app .featured h3 .icon, .certified-first-center-locator-app .featured h3 .icon {
            display: none
        }

    .car-type-selection-view .listview-item {
        border: 0 !important;
        display: block;
        margin: 0;
        padding: 0;
        text-align: left;
        width: auto
    }

        .car-type-selection-view .listview-item:hover, .car-type-selection-view .listview-item.expanded {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .car-type-selection-view .listview-item.expanded {
            width: 100%
        }

        .car-type-selection-view .listview-item.collapsed {
            overflow: auto;
            width: 100%
        }

        .car-type-selection-view .listview-item .car-class-view {
            border-top: 1px solid #f1f1f1;
            display: block;
            height: 120px;
            width: auto
        }

        .car-type-selection-view .listview-item .car-class:last-child {
            border-bottom: 1px solid #f1f1f1
        }

        .car-type-selection-view .listview-item.expanded .car-class-view {
            width: auto
        }

        .car-type-selection-view .listview-item .select-class-link {
            height: 120px
        }

            .car-type-selection-view .listview-item .select-class-link .arrow {
                background: url(../HTML/SPRITE.HTM) no-repeat 0 -595px;
                height: 10px;
                margin: 55px 0 0;
                width: 16px
            }

        .car-type-selection-view .listview-item.expanded .select-class-link .arrow {
            background: url(../HTML/SPRITE.HTM) no-repeat -17px -595px
        }

        .car-type-selection-view .listview-item .car-class-view .title {
            color: #999;
            font-size: 140%;
            left: 33%;
            margin: 0;
            position: absolute;
            top: 60px
        }

        .car-type-selection-view .listview-item.collapsed .car-class-view .title {
            right: auto;
            width: auto;
            z-index: 0
        }

        .car-type-selection-view .listview-item .car-class-view .car-picture, .car-type-selection-view .listview-item.expanded .car-class-view .car-picture, .car-type-selection-view .listview-item.collapsed .car-class-view .car-picture {
            height: 29px;
            left: 20px;
            margin: 0;
            position: absolute;
            right: auto;
            top: 37px;
            z-index: auto
        }

    .car-type-selection-view .car-class-b .car-class-view .car-picture {
        background: url(../HTML/SPRITE.HTM) no-repeat 0 -982px;
        width: 72px
    }

    .car-type-selection-view .car-class-c .car-class-view .car-picture {
        background: url(../HTML/SPRITE.HTM) no-repeat -72px -982px;
        width: 80px
    }

    .car-type-selection-view .car-class-d .car-class-view .car-picture {
        background: url(../HTML/SPRITE.HTM) no-repeat -152px -982px;
        width: 90px
    }

    .car-type-selection-view .listview-item .car-class-view .car-picture {
        margin: 0;
        right: auto;
        z-index: 0
    }

    .car-type-selection-view .listview-item.collapsed .class-info {
        margin: 0
    }

    .car-type-selection-view .listview-item .class-info .class-name {
        background: none;
        border: none;
        color: #999;
        font-size: 190%;
        height: auto;
        left: 33%;
        padding: 0;
        position: absolute;
        top: 25px;
        width: auto
    }

    .car-type-selection-view .listview-item.collapsed .class-info .class-name {
        padding: 0;
        width: auto
    }

    .car-type-selection-view .listview-item .class-info .class-properties {
        display: none
    }

    .car-type-selection-view .listview-item.expanded .class-info .class-properties {
        display: block;
        left: 20px;
        margin: 0;
        position: absolute;
        right: 20px;
        top: 140px;
        width: auto
    }

    .car-type-selection-view .listview-item.collapsed .class-info .class-properties {
        width: 90%
    }

    .car-type-selection-view .listview-item .class-info .class-properties .size, .car-type-selection-view .listview-item .class-info .class-properties .capacity {
        border-width: 1px;
        display: block;
        height: auto;
        padding: 7px 10px;
        width: auto
    }

    .car-type-selection-view .listview-item .class-info .class-properties .capacity {
        border-width: 0 1px 1px
    }

    .car-type-selection-view .listview-item.expanded .paint-types-listview {
        display: block;
        margin: 100px 20px 20px;
        position: relative;
        width: auto
    }

    .car-type-selection-view .listview-item .paint-types-listview-placeholder {
        display: block;
        width: auto
    }

    .damage-selection-view {
        padding: 0 0 80px
    }

        .damage-selection-view .car-diagram {
            padding: 60px 0 70px;
            position: relative
        }

        .damage-selection-view #car-diagram {
            height: 138px !important;
            width: 305px !important
        }

        .damage-selection-view #damage-level-selection-placeholder {
            bottom: -80px
        }

        .damage-selection-view .select-damage-level {
            padding: 0
        }

            .damage-selection-view .select-damage-level .yui3-u {
                display: block
            }

                .damage-selection-view .select-damage-level .yui3-u:last-child {
                    display: none
                }

            .damage-selection-view .select-damage-level .label {
                display: block;
                margin: 0;
                padding: 5px 0
            }

            .damage-selection-view .select-damage-level ul.damages-level-list {
                border-top: 1px solid #fff;
                display: block;
                margin: 0;
                padding: 0
            }

                .damage-selection-view .select-damage-level ul.damages-level-list li {
                    display: inline-block;
                    float: none;
                    margin: 0;
                    padding: 20px 0;
                    width: 36%
                }

                    .damage-selection-view .select-damage-level ul.damages-level-list li:first-child, .damage-selection-view .select-damage-level ul.damages-level-list li:last-child {
                        width: 32%
                    }

                    .damage-selection-view .select-damage-level ul.damages-level-list li.minor {
                        background: #f9cc3a
                    }

                    .damage-selection-view .select-damage-level ul.damages-level-list li.medium {
                        background: #ff8a00
                    }

                    .damage-selection-view .select-damage-level ul.damages-level-list li.major {
                        background: #ea5d53
                    }

                    .damage-selection-view .select-damage-level ul.damages-level-list li .radio-wrapper {
                        display: none
                    }

                    .damage-selection-view .select-damage-level ul.damages-level-list li label {
                        margin: 0;
                        font-size: 116%
                    }

        .damage-selection-view .car-parts-listview {
            display: block;
            margin-top: -30px;
            position: relative
        }

            .damage-selection-view .car-parts-listview .listview-item {
                background-color: rgba(42,175,204,0.4);
                color: #fff;
                display: inline-block;
                font-size: 240%;
                font-weight: 300;
                height: 33px;
                line-height: 33px;
                position: absolute;
                width: 33px;
                z-index: 2;
                -moz-border-radius: 20px;
                -webkit-border-radius: 20px;
                border-radius: 20px
            }

                .damage-selection-view .car-parts-listview .listview-item:hover {
                    background-color: rgba(42,175,204,1);
                    cursor: pointer
                }

            .damage-selection-view .car-parts-listview .fender2 {
                left: 22%;
                top: 25px
            }

            .damage-selection-view .car-parts-listview .door2 {
                left: 38%;
                top: 25px
            }

            .damage-selection-view .car-parts-listview .door4 {
                right: 38%;
                top: 25px
            }

            .damage-selection-view .car-parts-listview .fender4 {
                right: 22%;
                top: 25px
            }

            .damage-selection-view .car-parts-listview .front-bumper {
                left: 10%;
                top: 110px
            }

            .damage-selection-view .car-parts-listview .hood {
                left: 25%;
                top: 110px
            }

            .damage-selection-view .car-parts-listview .roof {
                left: 52%;
                top: 110px
            }

            .damage-selection-view .car-parts-listview .trunk-lid {
                right: 22%;
                top: 110px
            }

            .damage-selection-view .car-parts-listview .rear-bumper {
                right: 10%;
                top: 110px
            }

            .damage-selection-view .car-parts-listview .fender1 {
                left: 22%;
                top: 200px
            }

            .damage-selection-view .car-parts-listview .door1 {
                left: 38%;
                top: 200px
            }

            .damage-selection-view .car-parts-listview .door3 {
                right: 38%;
                top: 200px
            }

            .damage-selection-view .car-parts-listview .fender3 {
                right: 22%;
                top: 200px
            }



    #location-bar-placeholder, #location-input-placeholder {
        padding: 20px 0 0
    }

        #location-bar-placeholder .yui3-locationinput, #location-input-placeholder .yui3-locationinput {
            display: block;
            width: 100%;
            height: 80px
        }

            #location-input-placeholder .yui3-locationinput .yui3-locationinput-content {
                height: 90px
            }

                #location-bar-placeholder .yui3-locationinput .yui3-locationinput-content .yui3-location-textbox-container, #location-input-placeholder .yui3-locationinput .yui3-locationinput-content .yui3-location-textbox-container {
                    margin: 0
                }

                #location-bar-placeholder .yui3-locationinput .yui3-locationinput-content .yui3-select-location-button-container, #location-input-placeholder .yui3-locationinput .yui3-locationinput-content .yui3-select-location-button-container {
                    top: 45px;
                    width: 100%
                }

    .key-benefits-view-extended {
        display: none
    }

    .centers-directory-view {
        bottom: auto;
        position: static;
        top: auto;
        width: auto
    }

        .centers-directory-view .columns-container, .centers-directory-view .left-column, .centers-directory-view .right-column {
            height: auto
        }

        .centers-directory-view .left-column, .centers-directory-view .right-column {
            position: static
        }

        .centers-directory-view .left-column {
            width: 100%
        }

        .centers-directory-view #centers-listview-placeholder {
            bottom: auto;
            overflow: visible !important;
            position: static;
            top: auto
        }

        .centers-directory-view .yui3-scrollview {
            bottom: auto;
            height: 500px;
            position: relative;
            top: auto;
            width: auto
        }

        .centers-directory-view .yui3-listviewscroll-disabled {
            height: auto
        }

        .centers-directory-view .right-column {
            display: block;
            width: auto
        }

        .centers-directory-view .centers-listview .listview-item:hover .select-center .caption {
            display: none
        }

        .centers-directory-view .centers-listview .listview-item:hover .select-center .arrow {
            display: inherit
        }

        .centers-directory-view #location-bar-placeholder {
            padding: 20px;
            height: auto;
            text-align: center
        }

        .centers-directory-view #centers-more-results {
            background: #f6f6f6;
            border-color: #f0f0f0;
            border-style: solid;
            border-width: 1px 0;
            display: block;
            text-align: center
        }

            .centers-directory-view #centers-more-results .centers-more-results-button {
                color: #999;
                font-size: 115%;
                font-weight: 300;
                line-height: 6px;
                display: block;
                padding: 25px 0;
                text-decoration: none;
                text-transform: uppercase
            }

                .centers-directory-view #centers-more-results .centers-more-results-button .arrow {
                    background: url(../HTML/SPRITE.HTM) no-repeat -17px -762px;
                    display: inline-block;
                    height: 6px;
                    margin: 0 0 0 10px;
                    width: 11px
                }

    .center-directory-page {
        min-height: 0
    }

    .certified-first-calculator-app #centers-directory-placeholder {
        min-height: 0
    }

    .certified-first-calculator-app .centers-directory-view {
        top: auto
    }

    #location-bar-placeholder, .location-selection-page #location-input-placeholder {
        border-bottom: 0;
        height: auto;
        padding: 20px;
        text-align: center
    }

        #location-bar-placeholder .new-search-label {
            display: none
        }

        #location-bar-placeholder .yui3-button {
            background: #666;
            margin: 0;
            width: 100%
        }

    #location-input-placeholder .yui3-button {
        margin: 0;
        width: 90%
    }

    #location-bar-placeholder .yui3-locationinput, .location-selection-page #location-input-placeholder .yui3-locationinput {
        display: block
    }

        #location-bar-placeholder .yui3-locationinput .yui3-button, .location-selection-page #location-input-placeholder .yui3-locationinput .yui3-button {
            width: 100%
        }

    #centers-map-view-placeholder {
        display: none
    }
}

@media only screen and (max-width: 400px) {
    .certified-first-calculator-app .banner .title {
        width: 53%
    }

        .certified-first-calculator-app .banner .title em {
            display: none
        }

    .car-type-selection-view .listview-item .car-class-view .title, .car-type-selection-view .listview-item .class-info .class-name {
        left: 36%
    }

    .car-type-selection-view .listview-item.expanded .paint-types-listview {
        padding: 20px 10px
    }

        .car-type-selection-view .listview-item.expanded .paint-types-listview .title {
            font-size: 100%
        }

    .damage-selection-view .car-parts-listview .fender2 {
        left: 15%
    }

    .damage-selection-view .car-parts-listview .door2 {
        left: 35%
    }

    .damage-selection-view .car-parts-listview .door4 {
        right: 35%
    }

    .damage-selection-view .car-parts-listview .fender4 {
        right: 15%
    }

    .damage-selection-view .car-parts-listview .front-bumper {
        left: 1%
    }

    .damage-selection-view .car-parts-listview .hood {
        left: 13%
    }

    .damage-selection-view .car-parts-listview .roof {
        left: 52%
    }

    .damage-selection-view .car-parts-listview .trunk-lid {
        right: 13%
    }

    .damage-selection-view .car-parts-listview .rear-bumper {
        right: 1%
    }

    .damage-selection-view .car-parts-listview .fender1 {
        left: 15%
    }

    .damage-selection-view .car-parts-listview .door1 {
        left: 35%
    }

    .damage-selection-view .car-parts-listview .door3 {
        right: 35%
    }

    .damage-selection-view .car-parts-listview .fender3 {
        right: 15%
    }

    .contact-form .contact-form-body, .contact-form .appointment-result {
        width: 290px
    }

        .contact-form .contact-form-body .long-txt {
            width: 270px
        }

        .contact-form .contact-form-body .medium-txt {
            width: 118px
        }

        .contact-form .contact-form-body .short-txt {
            width: 60px
        }

    .contact-form #DatePicker {
        left: 135px
    }

    .contact-form .formmgr-isvalid .icon, .contact-form .formmgr-haserror .icon {
        left: 270px;
        right: auto;
        margin: 0
    }

    .contact-form .yui3-u-1-2.formmgr-isvalid .icon, .contact-form .yui3-u-1-2.formmgr-haserror .icon {
        left: 118px
    }
}

#aui_3_18_1_1_264 {
    padding: 7px;
}

.info-bar-holder {
    margin-bottom: -36px;
}

.info-bar-area .info-bar-list li{
width : 230px!important;
}

.damage-selection-view {
 padding:0px!important;
 margin-bottom:-65px;
}

.postal-map {
margin-bottom:-29px;
}