@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/Montserrat/montserrat-v13-latin-regular.eot");
    src: local("Montserrat Regular"),local("Montserrat-Regular"),url("/assets/Montserrat/montserrat-v13-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/Montserrat/montserrat-v13-latin-regular.woff2") format("woff2"),url("/assets/Montserrat/montserrat-v13-latin-regular.woff") format("woff"),url("/assets/Montserrat/montserrat-v13-latin-regular.ttf") format("truetype"),url("/assets/Montserrat/montserrat-v13-latin-regular.svg#Montserrat") format("svg")
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/Montserrat/montserrat-v13-latin-italic.eot");
    src: local("Montserrat Italic"),local("Montserrat-Italic"),url("/assets/Montserrat/montserrat-v13-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/Montserrat/montserrat-v13-latin-italic.woff2") format("woff2"),url("/assets/Montserrat/montserrat-v13-latin-italic.woff") format("woff"),url("/assets/Montserrat/montserrat-v13-latin-italic.ttf") format("truetype"),url("/assets/Montserrat/montserrat-v13-latin-italic.svg#Montserrat") format("svg")
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/assets/Montserrat/montserrat-v13-latin-500.eot");
    src: local("Montserrat Medium"),local("Montserrat-Medium"),url("/assets/Montserrat/montserrat-v13-latin-500.eot?#iefix") format("embedded-opentype"),url("/assets/Montserrat/montserrat-v13-latin-500.woff2") format("woff2"),url("/assets/Montserrat/montserrat-v13-latin-500.woff") format("woff"),url("/assets/Montserrat/montserrat-v13-latin-500.ttf") format("truetype"),url("/assets/Montserrat/montserrat-v13-latin-500.svg#Montserrat") format("svg")
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/assets/Montserrat/montserrat-v13-latin-600.eot");
    src: local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url("/assets/Montserrat/montserrat-v13-latin-600.eot?#iefix") format("embedded-opentype"),url("/assets/Montserrat/montserrat-v13-latin-600.woff2") format("woff2"),url("/assets/Montserrat/montserrat-v13-latin-600.woff") format("woff"),url("/assets/Montserrat/montserrat-v13-latin-600.ttf") format("truetype"),url("/assets/Montserrat/montserrat-v13-latin-600.svg#Montserrat") format("svg")
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/assets/Montserrat/montserrat-v13-latin-700.eot");
    src: local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url("/assets/Montserrat/montserrat-v13-latin-700.eot?#iefix") format("embedded-opentype"),url("/assets/Montserrat/montserrat-v13-latin-700.woff2") format("woff2"),url("/assets/Montserrat/montserrat-v13-latin-700.woff") format("woff"),url("/assets/Montserrat/montserrat-v13-latin-700.ttf") format("truetype"),url("/assets/Montserrat/montserrat-v13-latin-700.svg#Montserrat") format("svg")
}

/*!
* Bootstrap v3.3.1 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-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: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

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 {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type="checkbox"],input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

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

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

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,*:before,*:after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,.table th {
        background-color: #fff !important
    }

    .table-bordered th,.table-bordered td {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/assets/twitter/bootstrap/glyphicons-halflings-regular.eot);
    src: url(/assets/twitter/bootstrap/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(/assets/twitter/bootstrap/glyphicons-halflings-regular.woff) format("woff"),url(/assets/twitter/bootstrap/glyphicons-halflings-regular.ttf) format("truetype"),url(/assets/twitter/bootstrap/glyphicons-halflings-regular.svg#glyphicons-halflingsregular) format("svg")
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-euro:before,.glyphicon-eur:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #ce32a3;
    text-decoration: none
}

a:hover,a:focus {
    color: #ce32a3;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777
}

h1,.h1,h2,.h2,h3,.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {
    font-size: 65%
}

h4,.h4,h5,.h5,h6,.h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small {
    font-size: 75%
}

h1,.h1 {
    font-size: 36px
}

h2,.h2 {
    font-size: 30px
}

h3,.h3 {
    font-size: 24px
}

h4,.h4 {
    font-size: 18px
}

h5,.h5 {
    font-size: 14px
}

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

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size:21px
    }
}

small,.small {
    font-size: 85%
}

mark,.mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #ce32a3
}

a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #ce32a3
}

a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul,ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul,ol ul,ul ol,ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt,dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,blockquote small,blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote footer:before,blockquote small:before,blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code,kbd,pre,samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        max-width:750px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none
}

table td[class*="col-"],table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none
}

.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}

.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"],input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {
        line-height:34px
    }

    input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm {
        line-height: 30px
    }

    input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 20px
}

.radio,.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px
}

.radio+.radio,.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer
}

.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm,.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm,select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,textarea.form-group-sm .form-control,select[multiple].input-sm,select[multiple].form-group-sm .form-control {
    height: auto
}

.input-lg,.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg,select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px
}

textarea.input-lg,textarea.form-group-lg .form-control,select[multiple].input-lg,select[multiple].form-group-lg .form-control {
    height: auto
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio,.form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label,.form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .radio,.form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top:7px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:14.3px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:6px
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,.btn:focus,.btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active,.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
    color: #333;
    border-color: #adadad
}

.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #ce32a3;
    border-color: #2e6da4
}

.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    border-color: #204d74
}

.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
    background-color: #ce32a3;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #ce32a3;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: normal;
    color: #ce32a3;
    border-radius: 0
}

.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
    border-color: transparent
}

.btn-link:hover,.btn-link:focus {
    color: #ce32a3;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}

.btn-lg,.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-sm,.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs,.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none;
    visibility: hidden
}

.collapse.in {
    display: block;
    visibility: visible
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #ce32a3;
    outline: 0
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    color: #777
}

.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right:0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn,.btn-group-vertical>.btn {
    position: relative;
    float: left
}

.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active {
    z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon,.input-group-btn,.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

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

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

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

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    margin-left: -1px
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:hover,.nav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
    background-color: #eee;
    border-color: #ce32a3
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #ce32a3
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none;
    visibility: hidden
}

.tab-content>.active {
    display: block;
    visibility: visible
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius:4px
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float:left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1)
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width:auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        visibility: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {
        max-height:200px
    }
}

.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {
        margin-right:0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius:0
    }
}

.navbar-fixed-top,.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-top,.navbar-fixed-bottom {
        border-radius:0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
}

.navbar-brand:hover,.navbar-brand:focus {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left:-15px
    }
}

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

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display:none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float:left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio,.navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label,.navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom:5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width:auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float:left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float:left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus {
    color: #555;
    background-color: #e7e7e7
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover,.navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #080808
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:#080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.breadcrumb>.active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #ce32a3;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    color: #ce32a3;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #ce32a3;
    border-color: #ce32a3
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:hover,.pager li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.pager .next>a,.pager .next>span {
    float: right
}

.pager .previous>a,.pager .previous>span {
    float: left
}

.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:hover,a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

.label-default[href]:hover,.label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #ce32a3
}

.label-primary[href]:hover,.label-primary[href]:focus {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover,.label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover,.label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover,.label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover,.label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover,a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active>.badge,.nav-pills>.active>a>.badge {
    color: #ce32a3;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron h1,.jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #d5d5d5
}

.container .jumbotron,.container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding:48px 0
    }

    .container .jumbotron,.container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron h1,.jumbotron .h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail>img,.thumbnail a>img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active {
    border-color: #ce32a3
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #ce32a3;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar,.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .progress-bar,.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-right,.media>.pull-right {
    padding-left: 10px
}

.media-left,.media>.pull-left {
    padding-right: 10px
}

.media-left,.media-right,.media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover,a.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5
}

.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text {
    color: #777
}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #ce32a3;
    border-color: #ce32a3
}

.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit
}

.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text {
    color: #c7ddef
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover,a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover,a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover,a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover,a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table {
    margin-bottom: 0
}

.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

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

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

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

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #ce32a3
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #ce32a3;
    border-color: #ce32a3
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ce32a3
}

.panel-primary>.panel-heading .badge {
    color: #ce32a3;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ce32a3
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

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

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,0.15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.close:hover,.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5)
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 200;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    content: "";
    border-width: 10px
}

.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,0.25);
    border-bottom-width: 0
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,0.25);
    border-left-width: 0
}

.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,0.25)
}

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,0.25)
}

.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
    line-height: 1
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }

    .carousel-inner>.item.next,.carousel-inner>.item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

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

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

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    filter: alpha(opacity=50);
    opacity: .5
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001)));
    background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5)));
    background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x
}

.carousel-control:hover,.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9
}

.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev,.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next {
        width:30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after {
    display: table;
    content: " "
}

.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after {
    clear: both
}

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

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs,.visible-sm,.visible-md,.visible-lg {
    display: none !important
}

.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display:block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display:block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display:block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display:inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display:inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display:block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display:block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display:inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display:inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display:block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display:inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display:inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display:none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display:none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

/*!
* Bootstrap v3.3.1 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger {
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075)
}

.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}

.btn-default .badge,.btn-primary .badge,.btn-success .badge,.btn-info .badge,.btn-warning .badge,.btn-danger .badge {
    text-shadow: none
}

.btn:active,.btn.active {
    background-image: none
}

.btn-default {
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc
}

.btn-default:hover,.btn-default:focus {
    background-color: #e0e0e0;
    background-position: 0 -15px
}

.btn-default:active,.btn-default.active {
    background-color: #e0e0e0;
    border-color: #dbdbdb
}

.btn-default:disabled,.btn-default[disabled] {
    background-color: #e0e0e0;
    background-image: none
}

.btn-primary {
    background-image: -webkit-linear-gradient(top, #ce32a3 0%, #265a88 100%);
    background-image: -o-linear-gradient(top, #ce32a3 0%, #265a88 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ce32a3), to(#265a88));
    background-image: linear-gradient(to bottom, #ce32a3 0%, #265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #245580
}

.btn-primary:hover,.btn-primary:focus {
    background-color: #265a88;
    background-position: 0 -15px
}

.btn-primary:active,.btn-primary.active {
    background-color: #265a88;
    border-color: #245580
}

.btn-primary:disabled,.btn-primary[disabled] {
    background-color: #265a88;
    background-image: none
}

.btn-success {
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #3e8f3e
}

.btn-success:hover,.btn-success:focus {
    background-color: #419641;
    background-position: 0 -15px
}

.btn-success:active,.btn-success.active {
    background-color: #419641;
    border-color: #3e8f3e
}

.btn-success:disabled,.btn-success[disabled] {
    background-color: #419641;
    background-image: none
}

.btn-info {
    background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
    background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
    background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #28a4c9
}

.btn-info:hover,.btn-info:focus {
    background-color: #2aabd2;
    background-position: 0 -15px
}

.btn-info:active,.btn-info.active {
    background-color: #2aabd2;
    border-color: #28a4c9
}

.btn-info:disabled,.btn-info[disabled] {
    background-color: #2aabd2;
    background-image: none
}

.btn-warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #e38d13
}

.btn-warning:hover,.btn-warning:focus {
    background-color: #eb9316;
    background-position: 0 -15px
}

.btn-warning:active,.btn-warning.active {
    background-color: #eb9316;
    border-color: #e38d13
}

.btn-warning:disabled,.btn-warning[disabled] {
    background-color: #eb9316;
    background-image: none
}

.btn-danger {
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #b92c28
}

.btn-danger:hover,.btn-danger:focus {
    background-color: #c12e2a;
    background-position: 0 -15px
}

.btn-danger:active,.btn-danger.active {
    background-color: #c12e2a;
    border-color: #b92c28
}

.btn-danger:disabled,.btn-danger[disabled] {
    background-color: #c12e2a;
    background-image: none
}

.thumbnail,.img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.075);
    box-shadow: 0 1px 2px rgba(0,0,0,0.075)
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    background-color: #2e6da4;
    background-image: -webkit-linear-gradient(top, #ce32a3 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #ce32a3 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ce32a3), to(#2e6da4));
    background-image: linear-gradient(to bottom, #ce32a3 0%, #2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x
}

.navbar-default {
    background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
    background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075)
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.active>a {
    background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
    background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
    background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,0.075);
    box-shadow: inset 0 3px 9px rgba(0,0,0,0.075)
}

.navbar-brand,.navbar-nav>li>a {
    text-shadow: 0 1px 0 rgba(255,255,255,0.25)
}

.navbar-inverse {
    background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
    background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
    background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.active>a {
    background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
    background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
    background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,0.25);
    box-shadow: inset 0 3px 9px rgba(0,0,0,0.25)
}

.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a {
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom {
    border-radius: 0
}

@media (max-width: 767px) {
    .navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus {
        color:#fff;
        background-image: -webkit-linear-gradient(top, #ce32a3 0%, #2e6da4 100%);
        background-image: -o-linear-gradient(top, #ce32a3 0%, #2e6da4 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ce32a3), to(#2e6da4));
        background-image: linear-gradient(to bottom, #ce32a3 0%, #2e6da4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
        background-repeat: repeat-x
    }
}

.alert {
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05)
}

.alert-success {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border-color: #b2dba1
}

.alert-info {
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
    background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
    background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #9acfea
}

.alert-warning {
    background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
    background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #f5e79e
}

.alert-danger {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
    background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dca7a7
}

.progress {
    background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x
}

.progress-bar {
    background-image: -webkit-linear-gradient(top, #ce32a3 0%, #286090 100%);
    background-image: -o-linear-gradient(top, #ce32a3 0%, #286090 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ce32a3), to(#286090));
    background-image: linear-gradient(to bottom, #ce32a3 0%, #286090 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
    background-repeat: repeat-x
}

.progress-bar-success {
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
    background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
    background-repeat: repeat-x
}

.progress-bar-info {
    background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
    background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
    background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
    background-repeat: repeat-x
}

.progress-bar-warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
    background-repeat: repeat-x
}

.progress-bar-danger {
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
    background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
    background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
    background-repeat: repeat-x
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}

.list-group {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.075);
    box-shadow: 0 1px 2px rgba(0,0,0,0.075)
}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {
    text-shadow: 0 -1px 0 #286090;
    background-image: -webkit-linear-gradient(top, #ce32a3 0%, #2b669a 100%);
    background-image: -o-linear-gradient(top, #ce32a3 0%, #2b669a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ce32a3), to(#2b669a));
    background-image: linear-gradient(to bottom, #ce32a3 0%, #2b669a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
    background-repeat: repeat-x;
    border-color: #2b669a
}

.list-group-item.active .badge,.list-group-item.active:hover .badge,.list-group-item.active:focus .badge {
    text-shadow: none
}

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05)
}

.panel-default>.panel-heading {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x
}

.panel-primary>.panel-heading {
    background-image: -webkit-linear-gradient(top, #ce32a3 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #ce32a3 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ce32a3), to(#2e6da4));
    background-image: linear-gradient(to bottom, #ce32a3 0%, #2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x
}

.panel-success>.panel-heading {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
    background-repeat: repeat-x
}

.panel-info>.panel-heading {
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
    background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
    background-repeat: repeat-x
}

.panel-warning>.panel-heading {
    background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
    background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
    background-repeat: repeat-x
}

.panel-danger>.panel-heading {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
    background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
    background-repeat: repeat-x
}

.well {
    background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1)
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.animated.flipOutX,.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@keyframes alertMe {
    from {
        border-width: 3px;
        border-color: gold
    }

    to {
        border-width: 0;
        border-color: rgba(255,215,0,0.1)
    }
}

.flip-x {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.row-table.row-table-xs {
    display: table !important
}

.row-table.row-table-xs>[class*="col-"] {
    float: none !important;
    display: table-cell !important;
    vertical-align: middle
}

.row-table.row-table-xs>[class*="col-"].td-top {
    vertical-align: top !important
}

.row-table.row-table-xs>[class*="col-"].td-bottom {
    vertical-align: bottom !important
}

@media only screen and (min-width: 992px) {
    .row-table {
        display:table !important
    }

    .row-table>[class*="col-"] {
        float: none !important;
        display: table-cell !important;
        vertical-align: middle
    }

    .row-table>[class*="col-"].td-top {
        vertical-align: top !important
    }

    .row-table>[class*="col-"].td-bottom {
        vertical-align: bottom !important
    }
}

.center-vertical {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

hr {
    margin: 0
}

.line-height-default {
    line-height: 150%
}

.line-height-less {
    line-height: 120%
}

.background-gray {
    background-color: #FAFBFC
}

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

.background-dark-blue {
    background-color: #363946
}

.background-blue {
    background-color: #5423bb
}

.main-color-blue {
    color: #5423bb
}

.background-half-gray-right {
    height: 100%;
    background: -webkit-linear-gradient(90deg, #fff 50%, #FAFBFC 50%);
    background: linear-gradient(90deg, #fff 50%, #FAFBFC 50%)
}

@media all and (max-width: 768px) {
    .background-half-gray-right {
        background:transparent
    }
}

.background-half-gray-left {
    height: 100%;
    background: -webkit-linear-gradient(90deg, #FAFBFC 50%, #fff 50%);
    background: linear-gradient(90deg, #FAFBFC 50%, #fff 50%)
}

@media all and (max-width: 768px) {
    .background-half-gray-left {
        background:transparent
    }
}

.loading16 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/ld16wb-918afec8d704dd9ee0cdc353524b1516.gif) center no-repeat;
    vertical-align: middle
}

.img-responsive {
    max-width: 100%;
    width: 100%
}

.hr-dotted {
    border-top: 1px dashed #e7ebeb
}

.g-bg-transparent {
    background-color: transparent !important
}

.overflow-visible {
    overflow: visible !important
}

.clickable {
    cursor: pointer
}

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

.section--white+.section--white {
    border-top: 1px solid #e7ebeb
}

.section--gray {
    background-color: #FAFBFC
}

.section--dark {
    background-color: #363946
}

.section-padding {
    padding: 100px 0
}

.section-padding-first {
    padding-top: 60px
}

.section-small-padding {
    padding: 30px 0
}

.mb-header-padding {
    padding: 20px 0px 30px 0px
}

.g-full-screen-background {
    height: 100vh;
    min-height: 900px
}

.g-border-container {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e7ebeb;
    padding: 20px;
    background-color: #FAFBFC
}

.g-border-container--white {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e7ebeb;
    padding: 20px;
    background-color: #fff
}

.row-centered {
    text-align: center
}

.row-flex-centered {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

@media all and (max-width: 768px) {
    .row-flex-centered {
        display:initial
    }
}

.row-flex-centered_all-screen {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.col-centered {
    float: none !important;
    margin: 0 auto
}

.col-vertical-centered {
    display: inline-block;
    float: none;
    vertical-align: middle
}

.col-vertical-bottom {
    display: inline-block;
    float: none;
    vertical-align: bottom
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.vertical-align--middle {
    vertical-align: middle
}

.text-bold {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.no-padding {
    padding: 0 0 0 0 !important
}

.list-padding-reset-imp {
    padding-left: 0 !important
}

.list-padding-reset {
    padding-left: 0
}

.g-table-vertical-align {
    display: table-cell;
    vertical-align: middle
}

.g-ghost-vertical-align:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: .1px
}

.mb-table-vertical-align-correction {
    position: relative;
    top: -50px
}

.z-index-100 {
    z-index: 100
}

.crumbs li a {
    color: #6d7579
}

.crumbs li a:hover {
    color: #5423bb
}

.crumbs li:last-of-type a {
    cursor: default
}

.crumbs li:last-of-type:hover a {
    color: inherit !important
}

.dark-crumbs * {
    color: #fff
}

.dark-crumbs *:hover {
    color: #e6e6e6
}

@media only screen and (max-width: 767px) {
    .section-padding {
        padding:90px 0 50px 0
    }
}

[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak {
    display: none !important
}

.g-active-state a {
    background-color: #5423bb !important;
    border-color: #5423bb !important
}

.justify-image {
    text-align: justify
}

@media only all and (max-width: 767px) {
    .justify-image {
        text-align:center;
        display: block
    }
}

.justify-image img {
    display: inline-block
}

@media only all and (max-width: 767px) {
    .justify-image img {
        margin-right:30px
    }
}

.justify-image:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0
}

.justify-image-flex {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute;
    width: 100%;
    margin: 0 auto;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 50px
}

.no-border_imp {
    border: none !important
}

.spacet-10 {
    margin-top: 10px
}

.spacet-5 {
    margin-top: 5px
}

.spacet-3 {
    margin-top: 3px
}

@media all and (max-width: 767px) {
    .spacet-xs-10 {
        margin-top:10px
    }

    .spacet-xs-20 {
        margin-top: 20px
    }
}

.space-all-0-imp {
    margin: 0px !important
}

.spacet-0-imp {
    margin-top: 0px !important
}

.spacer-0-imp {
    margin-right: 0px !important
}

.spaceb-0-imp {
    margin-bottom: 0px !important
}

.spacet-15 {
    margin-top: 15px
}

.spacet-20,.login-app .login-main-text p {
    margin-top: 20px
}

.spacet-25 {
    margin-top: 25px
}

.spacet-40 {
    margin-top: 40px
}

.spacet-30 {
    margin-top: 30px
}

.spacet-50 {
    margin-top: 50px
}

.spacet-60 {
    margin-top: 60px
}

.spacet-80 {
    margin-top: 80px
}

.spaceb-5 {
    margin-bottom: 5px
}

.spaceb-10 {
    margin-bottom: 10px
}

.spaceb-12 {
    margin-bottom: 12px
}

.spaceb-15 {
    margin-bottom: 15px
}

.spaceb-20 {
    margin-bottom: 20px
}

.spaceb-25 {
    margin-bottom: 25px
}

.spaceb-30 {
    margin-bottom: 30px
}

.spaceb-40 {
    margin-bottom: 40px
}

.spaceb-50 {
    margin-bottom: 50px
}

.spaceb-300 {
    margin-bottom: 300px
}

@media all and (max-width: 991px) {
    .no-spaceb-sm {
        margin-bottom:0px !important
    }
}

@media all and (max-width: 767px) {
    .spaceb-xs-10 {
        margin-bottom:10px
    }
}

.spacer-5 {
    margin-right: 5px
}

.spacer-8 {
    margin-right: 8px
}

.spacer-10 {
    margin-right: 10px
}

.spacer-15-imp {
    margin-right: 15px !important
}

.spacer-10-imp {
    margin-right: 10px !important
}

.spacer-15 {
    margin-right: 15px
}

.spacer-20 {
    margin-right: 20px
}

.spacer-25 {
    margin-right: 25px
}

.spacel-5 {
    margin-left: 5px
}

.spacel-10 {
    margin-left: 10px
}

.spacel-15 {
    margin-left: 15px
}

.spacel-20 {
    margin-left: 20px
}

.spacel-25 {
    margin-left: 25px
}

.spacel-30 {
    margin-left: 30px
}

.spacel-35 {
    margin-left: 35px
}

.additional-v-padding {
    padding-left: 20px;
    padding-right: 20px
}

.additional-h-padding {
    padding-left: 20px;
    padding-right: 20px
}

.padding-0-imp {
    padding: 0 !important
}

.padding-5 {
    padding: 5px
}

.paddingv-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.paddingv-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.padding-10 {
    padding: 10px
}

.padding-15 {
    padding: 15px
}

.padding-20 {
    padding: 20px
}

.padding-24 {
    padding: 24px
}

.padding-25 {
    padding: 25px
}

.padding-30 {
    padding: 30px
}

.paddingr-12 {
    padding-right: 12px
}

.paddingr-24 {
    padding-right: 24px
}

.paddingl-24 {
    padding-left: 24px
}

.paddingt-12 {
    padding-top: 12px
}

.paddingt-15 {
    padding-top: 15px !important
}

.paddingt-24 {
    padding-top: 24px
}

.paddingb-24 {
    padding-bottom: 24px
}

.paddingt-14 {
    padding-top: 14px
}

.paddingt-80-imp {
    padding-top: 80px !important
}

.paddingb-14 {
    padding-bottom: 14px
}

.paddingh-7 {
    padding: 0px 7px
}

.paddingh-15 {
    padding: 0px 15px
}

.paddingv-7 {
    padding: 7px 0px
}

.paddingv-30 {
    padding: 30px 0px
}

.paddingl-3 {
    padding-left: 3px
}

.paddingl-5 {
    padding-left: 5px
}

.paddingl-25 {
    padding-left: 25px
}

.paddingl-0 {
    padding-left: 0px
}

.paddingr-0 {
    padding-right: 0px
}

.paddingr-3 {
    padding-right: 3px
}

.paddingr-5 {
    padding-right: 5px
}

.paddingt-5 {
    padding-top: 5px
}

.paddingt-10 {
    padding-top: 10px
}

.paddingt-6 {
    padding-top: 6px
}

.paddingt-3 {
    padding-top: 3px
}

.paddingt-25 {
    padding-top: 25px
}

.padding-reset {
    padding: 0 !important
}

.opacity-60 {
    opacity: 0.6
}

.opacity-70 {
    opacity: 0.7
}

.opacity-80 {
    opacity: 0.8
}

.opacity-90 {
    opacity: 0.9
}

@media all and (max-width: 767px) {
    .text-center-xs {
        text-align:center
    }
}

@media all and (max-width: 991px) {
    .text-center-sm {
        text-align:center
    }
}

@media (max-width: 991px) {
    .display-none-ipad {
        display:none
    }
}

@media (min-width: 992px) {
    .display-none-desktop {
        display:none
    }
}

.d-flex {
    display: flex !important
}

.rounded__card--white {
    background-color: white;
    padding: 25px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2)
}

.gray__outline__btn,.gray__dashed__btn,.blue__filled__btn {
    outline: none;
    background-color: white;
    border-radius: 4px;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #5423bb;
    border: 1px solid #E0E0E0;
    text-transform: uppercase;
    height: 50px;
    padding: 10px;
    -webkit-transition: all,100ms;
    -moz-transition: all,100ms;
    transition: all,100ms
}

.gray__outline__btn:hover,.gray__dashed__btn:hover,.blue__filled__btn:hover {
    border: 1px solid #5423bb
}

.gray__outline__btn:disabled,.gray__dashed__btn:disabled,.blue__filled__btn:disabled {
    opacity: 0.3
}

.gray__outline__btn:disabled:hover,.gray__dashed__btn:disabled:hover,.blue__filled__btn:disabled:hover {
    border: 1px solid #E0E0E0
}

.gray__dashed__btn {
    border: 1px dashed #E0E0E0;
    color: #AAAAAA
}

.gray__dashed__btn:hover {
    border: 1px dashed #5423bb;
    color: #5423bb
}

.gray__dashed__btn:disabled {
    opacity: 0.3
}

.gray__dashed__btn:disabled:hover {
    border: 1px dashed #E0E0E0;
    cursor: not-allowed
}

.blue__filled__btn {
    background-color: #5423bb;
    color: white;
    border: none
}

.blue__filled__btn:hover {
    border: none;
    color: white
}

.blue__filled__btn:disabled {
    opacity: 0.2
}

.blue__filled__btn:disabled:hover {
    border: none
}

.link__btn {
    outline: none;
    border: none;
    color: #5423bb;
    display: inline-block;
    -webkit-transition: all,100ms;
    -moz-transition: all,100ms;
    transition: all,100ms
}

.link__btn:hover {
    cursor: pointer
}

.fleet__loading__spinner {
    background: url("/assets/fleet/ym-spinner.svg");
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center
}

.lazy-load-image-background.opacity {
    background-image: none !important;
    opacity: 0
}

.lazy-load-image-background.opacity.lazy-load-image-loaded {
    opacity: 1;
    transition: opacity .3s
}

@media screen and (max-width: 768px) {
    .paddingr-15-sm {
        padding-right:15px
    }
}

.d-inline-block {
    display: inline-block
}

.d-inline-flex {
    display: inline-flex
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400
}

@-moz-document url-prefix() {
    body {
        font-weight: lighter !important
    }
}

body {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    color: #6d7579
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 0
}

h2,h3,h4,h5 {
    line-height: 150%
}

h1 {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 2.2em;
    color: #4A5155;
    margin: 0 0 15px 0
}

h1:visited {
    color: inherit
}

h1:link {
    color: inherit
}

h2 {
    font-size: 1.6em;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    color: #4A5155
}

h3 {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0
}

h4 {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1em
}

h5 {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1em;
    color: #4A5155;
    margin: 0;
    letter-spacing: 0.02em
}

h6 {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    color: #4A5155
}

p {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #6d7579;
    margin: 0
}

a {
    color: #5423bb;
    text-decoration: none;
    transition-duration: 0.3s
}

a:hover,a:active {
    text-decoration: none !important;
    color: #ce32a3
}

a:visited {
    text-decoration: none !important
}

a:link {
    text-decoration: none !important
}

a:focus {
    color: inherit
}

.g-header-text {
    font-size: 30px;
    margin: 0 0 15px 0;
    font-weight: 600
}

.g-subheader-text {
    font-size: 24px;
    margin: 0 0 15px 0;
    font-weight: 600
}

.text-gray {
    color: #6d7579
}

.text-white {
    color: #fff !important
}

.text-blue {
    color: #5423bb
}

.text-dark-blue {
    color: #14569f
}

.text-redorange {
    color: #F44336
}

.text-userBlue {
    color: #1A71D1
}

.text-yellow {
    color: #F5A623
}

.text-dark-gray {
    color: #4A5155 !important
}

.text-ultra-blue {
    color: #363946
}

.text-lightgray {
    color: #d8d8d8 !important
}

.text-mediumgray,.login-app .first-service .radio-service-container label.radio-service span {
    color: #999999
}

.text-red {
    color: #F60926
}

.text-orange {
    color: #EB5B27
}

.text-p-emphasized {
    font-size: 18px
}

@media all and (max-width: 767px) {
    .text-p-emphasized {
        font-size:16px
    }
}

.text-space {
    padding-bottom: 40px
}

.text-space h5 {
    margin-bottom: 12px
}

.text-uppercase {
    text-transform: uppercase
}

.g-input-text-error {
    font-size: 14px;
    color: #e84833
}

.g-input-text-success {
    font-size: 14px;
    color: #50ae4a
}

.text-size-20-regular {
    font-size: 16px
}

.text-size-16-semibold {
    font-size: 16px;
    font-weight: 600
}

.text-size-11-regular {
    font-size: 11px;
    font-weight: 400
}

.text-size-13-semibold {
    font-size: 13px;
    font-weight: 600
}

.text-size-13-regular {
    font-size: 13px;
    font-weight: 400
}

ol li {
    color: #6d7579;
    font-size: 16px;
    line-height: 150%
}

.g-section-header-text {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #363946
}

.g-lg-header-text {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    columns: #363946
}

.g-sm-header-text {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #363946
}

.g-disclaimer-text {
    color: #6d7579;
    font-size: 14px
}

.g-disclaimer-text a {
    color: inherit;
    text-decoration: underline
}

.g-disclaimer-text a:hover {
    color: #5423bb
}

.g-gray-link {
    cursor: pointer;
    color: #6d7579
}

.g-gray-link:hover {
    color: #5423bb
}

.question-contact-info {
    margin-top: 20px;
    margin-bottom: 20px
}

.g-car-icon-label {
    color: #6d7579;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 2px
}

.g-car-icon-label:before {
    content: '';
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-car-gray-4b23397477b51930888995072f2a0648.svg) no-repeat center;
    background-size: contain;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: sub
}

.g-line-through {
    text-decoration: line-through !important
}

.g-text-underlined,.g-text-underlined:link {
    text-decoration: underline !important
}

@media only screen and (max-width: 992px) {
    h1 {
        font-size:2em
    }

    .g-header-text {
        font-size: 2em
    }

    h5 {
        font-size: 16px
    }

    p {
        font-size: 16px
    }

    .text-space {
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size:1.414em;
        font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
        font-style: normal;
        font-weight: 600
    }

    .g-header-text,.article .g-header-text {
        font-size: 1.114em !important
    }

    h5 {
        font-size: 16px
    }

    h3 {
        font-size: 16px
    }

    p {
        font-size: 16px
    }

    .text-space {
        padding-bottom: 20px
    }
}

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

.nav-entry-promo-modal {
    max-width: 680px !important;
    min-width: 300px
}

@media (max-width: 767px) {
    .nav-entry-promo-modal {
        margin-top:60px
    }
}

.nav-entry-promo-modal .promo-close-button {
    width: 18px;
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 0.5
}

.nav-entry-promo-modal .modal-footer {
    border-top: none
}

.entry-modal {
    text-align: center
}

.entry-modal .header {
    font-size: 20px;
    font-weight: 500;
    color: gray
}

.entry-modal .main {
    font-size: 32px;
    font-weight: 500;
    color: #363946
}

.entry-modal .promo-text {
    font-size: 16px;
    font-weight: 500;
    color: gray
}

.entry-modal .icons-wrapper {
    margin: 40px 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.entry-modal .icons-wrapper .icon {
    width: 70px;
    height: 70px;
    background-size: 75% !important;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    margin-right: 20px
}

@media (max-width: 767px) {
    .entry-modal .icons-wrapper .icon {
        width:50px;
        height: 50px
    }
}

.entry-modal .icons-wrapper .icon:last-of-type {
    margin-right: 0
}

.entry-modal .icons-wrapper .icon.engine {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/engine-icon-88fca48f8286f36943ef4567381f1701.svg) no-repeat center center
}

.entry-modal .icons-wrapper .icon.battery {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/battery-icon-c73d0d89eeeb7df8fdfe0c81b0dc0f6c.svg) no-repeat center center
}

.entry-modal .icons-wrapper .icon.brake {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/brakes-icon-a82b7dfb738673bcbf569ffec11f685a.svg) no-repeat center center
}

.entry-modal .icons-wrapper .icon.oil {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/oil-icon-2936f5ca71d6130c0e268007671ba92a.svg) no-repeat center center
}

.entry-modal a {
    width: 300px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

@media (max-width: 767px) {
    .entry-modal a {
        width:100%
    }
}

.entry-modal .promo-code {
    font-weight: 600;
    color: #5423bb
}

.entry-modal .details {
    font-size: 11px;
    margin-top: 20px;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 20px
}

.container-fluid_navigation {
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 330px) {
    .container-fluid_navigation {
        padding-right:15px;
        padding-left: 15px
    }
}

@media screen and (max-width: 330px) {
    .container-fluid_navigation {
        padding-right:10px;
        padding-left: 10px
    }
}

.nav-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000
}

.nav-container.scrolled-nav {
    background: #363946;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3)
}

.main-menu {
    color: white;
    text-transform: uppercase;
    padding: 10px 0
}

.main-menu ul {
    padding-left: 0;
    list-style: none;
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
    margin-right: 25px
}

.main-menu li a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    color: white
}

.main-menu li a:hover {
    color: #5423bb
}

.main-menu li {
    color: #fff;
    font-size: 14px;
    position: relative;
    display: inline;
    height: auto;
    padding: 0 0.5em;
    background: transparent
}

.main-menu .sign-in {
    padding-left: 2.5em
}

.logo-white {
    margin-top: 12px;
    margin-left: 25px;
    float: left;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/logo_white-e076c40449fea0f37df243cc9e012624.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    width: 190px;
    height: 33px
}

.logo-red {
    display: inline-block;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/logo_red-798fbd1503453e6f0e9bc1dfb0bd099b.svg);
    background-repeat: no-repeat;
    background-position: left;
    width: 190px;
    height: 33px
}

.logo-red-header {
    margin-top: 12px;
    margin-left: 25px;
    float: left;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/logo_red-798fbd1503453e6f0e9bc1dfb0bd099b.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 90%;
    width: 190px;
    height: 33px;
    display: none
}

.logo-red-general {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/logo_red-798fbd1503453e6f0e9bc1dfb0bd099b.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 190px;
    height: 33px
}

.logo-white-general {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/logo_white-e076c40449fea0f37df243cc9e012624.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 190px;
    height: 33px
}

#mobile-header {
    z-index: 9999;
    position: absolute;
    top: 0;
    right: 0;
    margin: 19px
}

#navbar {
    -webkit-transition: background 0.2s,color 0.2s;
    -moz-transition: background 0.2s,color 0.2s;
    transition: background 0.2s,color 0.2s;
    transition-timing-function: ease-in-out
}

#navbar .btn-orange-fill {
    display: none
}

#navbar.menu-on-white {
    background: transparent;
    color: #4A5155
}

#navbar.menu-on-white ul {
    color: #4A5155
}

#navbar.menu-on-white a {
    color: #4A5155
}

#navbar.menu-on-white .btn-orange-fill {
    color: white;
    display: inline-block;
    padding: 9px 18px;
    width: auto
}

#navbar.menu-on-white .btn-blue-fill {
    color: white;
    display: inline-block;
    padding: 9px 18px;
    width: auto
}

#navbar.menu-on-white .logo-red-header {
    display: inline-block
}

#navbar.menu-on-white .logo-white {
    display: none
}

#navbar.menu-on-white #hamburger .line {
    background-color: #4A5155
}

#navbar.menu-on-image {
    background: transparent;
    color: #fff
}

#navbar.menu-on-image ul {
    color: #fff
}

#navbar.menu-on-image li a {
    color: #fff
}

#navbar.menu-on-image li a:hover {
    color: #5423bb
}

#navbar.menu-on-image .btn-orange-fill {
    color: white;
    display: inline-block;
    padding: 9px 18px;
    width: auto
}

#navbar.menu-white {
    background: rgba(32,32,32,0.75);
    color: #4A5155
}

#navbar.menu-white ul {
    color: #fff
}

#navbar.menu-white li a {
    color: #fff
}

#navbar.menu-white li a:hover {
    color: #5423bb
}

#navbar.menu-white .btn-orange-fill {
    color: white;
    display: inline-block;
    padding: 9px 18px;
    width: auto
}

#navbar.menu-white .logo-red-header {
    display: none
}

#navbar.menu-white .logo-white {
    display: inline-block
}

#navbar.menu-white #hamburger .line {
    background-color: #fff
}

#mobile-header {
    display: none
}

@media only screen and (max-width: 999px) {
    #mobile-header {
        display:inline-block;
        position: absolute
    }

    #menu-desktop {
        display: none
    }

    .logo-white {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .logo-red {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .sidr {
        top: 53px;
        position: fixed
    }
}

a:focus {
    color: #5423bb;
    text-decoration: none
}

.btn-orange-fill:focus {
    color: #fff
}

.mobile {
    overflow: hidden
}

.main-header {
    position: relative;
    width: 100%;
    -webkit-transition: background-color 0.3s,padding 0.3s;
    -moz-transition: background-color 0.3s,padding 0.3s;
    transition: background-color 0.3s,padding 0.3s
}

@media screen and (min-width: 1256px) {
    .main-header {
        padding:15px 0 !important
    }
}

@media screen and (max-width: 1256px) {
    .main-header {
        padding:10px 0 40px 0 !important
    }
}

.position-absolute {
    position: absolute !important
}

.main-header--light {
    background-color: #fff;
    border-bottom: 1px solid #e7ebeb
}

.main-header--dark {
    padding: 5px 0;
    background-color: #363946;
    color: #fff
}

.main-header--anchored {
    background: #363946;
    padding: 10px 0
}

@media (max-width: 991px) {
    .main-header--anchored {
        padding:13px 0
    }
}

.main-header--anchored--light {
    background: #fff;
    padding: 5px 0
}

.main-header--car-selection {
    padding: 0;
    border-bottom: none;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15)
}

.ym-logo {
    float: left;
    margin-right: 16px;
    margin-top: 6px;
    position: relative;
    top: 0;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    transition: top 0.3s
}

.main-header--anchored .ym-logo {
    margin-top: 8px
}

@media (max-width: 991px) {
    .main-header--anchored .ym-logo {
        margin-top:4px
    }
}

.mobile .ym-logo {
    display: none
}

.mobile .main-header--anchored .ym-logo {
    top: 20px
}

.ym-logo--car-selection {
    padding-top: 10px;
    padding-left: 15px
}

.ym-logo__image {
    display: block;
    height: 34px;
    width: auto
}

@media only screen and (max-width: 375px) {
    .ym-logo__image {
        height:24px
    }
}

@media only screen and (max-width: 320px) {
    .ym-logo__image {
        height:21px
    }
}

.menu {
    z-index: 999
}

.menu a {
    text-decoration: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s
}

@media only screen and (max-width: 1255px) {
    .menu .menu__item {
        border-top:solid 1px #424556;
        padding: 0px 25px 0px 25px
    }

    .menu .menu__item:last-child {
        border-bottom: solid 1px #424556
    }

    .menu .menu__item--sub {
        padding: 0px 5px 0px 35px
    }
}

.menu .menu__item--goback {
    padding-left: 10px
}

.menu .menu__item--goback .menu__link {
    color: #979EB5
}

.mobile_menu {
    display: none
}

.menu__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.menu__list::after {
    clear: both;
    content: "";
    display: table
}

.menu__item {
    z-index: 2
}

.menu__link,.menu__sublink {
    color: white
}

.menu__link:hover,.menu__sublink:hover {
    color: #5423bb
}

.menu__link i,.menu__sublink i {
    display: none
}

.menu__subitem {
    margin: 0;
    padding: 0
}

.sign-in-btn {
    display: inline-block;
    text-decoration: none
}

.sign-in-btn:hover {
    text-decoration: none
}

.quote-btn {
    background-color: #5423bb;
    color: white;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: padding 0.3s,box-shadow 0.3s,background-color 0.3s;
    -moz-transition: padding 0.3s,box-shadow 0.3s,background-color 0.3s;
    transition: padding 0.3s,box-shadow 0.3s,background-color 0.3s
}

.quote-btn:hover {
    color: white;
    background-color: #ce32a3;
    text-decoration: none
}

.quote-btn:focus {
    color: white
}

.quote-btn--resume {
    position: relative;
    font-size: 15px
}

.quote-btn--resume img {
    position: absolute;
    left: 18px;
    top: 11px
}

.toggle-menu {
    background: none;
    border: none;
    cursor: pointer;
    display: none;
    float: right;
    margin-top: 6px;
    width: 25px
}

@media screen and (min-width: 330px) {
    .toggle-menu {
        margin-right:22px
    }
}

@media screen and (max-width: 330px) {
    .toggle-menu {
        margin-right:12px
    }
}

.toggle-menu span {
    background: white;
    border-radius: 1px;
    display: block;
    height: 3px;
    margin: 3px 0
}

.main-header--anchored .toggle-menu {
    margin-top: 9px
}

@media (max-width: 991px) {
    .main-header--anchored .toggle-menu {
        margin-top:4px
    }
}

.toggle-menu__navigation {
    background: none;
    border: none;
    cursor: pointer;
    display: none;
    float: left;
    margin-top: 8px;
    width: 25px
}

.toggle-menu__navigation span {
    background: white;
    border-radius: 1px;
    display: block;
    height: 3px;
    margin: 3px 0
}

.main-header--anchored .toggle-menu__navigation {
    margin-top: 9px
}

@media (max-width: 991px) {
    .main-header--anchored .toggle-menu__navigation {
        margin-top:5px
    }
}

.toggle-menu--white span {
    background: #363946
}

.phone-info .phone-info__left,.phone-info .phone-info__right {
    display: inline-block;
    vertical-align: top
}

.phone-info .phone-info__left {
    margin-right: 10px
}

.phone-info .phone-info__right {
    padding-top: 7px
}

.phone-info .note-text {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    color: #fff;
    font: 400 13px/15px "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif
}

.main-header--anchored .phone-info .note-text {
    color: #8B8F99
}

.phone-info .call-number {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font: 600 20px "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif
}

@media screen and (max-width: 767px) {
    .phone-info .call-number {
        font-size:18px
    }
}

@media screen and (max-width: 320px) {
    .phone-info .call-number {
        font-size:13px
    }
}

.phone-info .call-number:hover,.phone-info .call-number:visited {
    color: #fff
}

.phone-info .bold-text {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font: 600 13px/15px "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif
}

@media only screen and (min-width: 750px) and (max-width: 1255px) {
    .nav-bar {
        background:#363946;
        height: 100vh;
        left: -40vw;
        opacity: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 30px 0px 30px 0px;
        position: fixed;
        top: 0;
        width: 40vw;
        z-index: 1000;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .mobile .nav-bar {
        left: 0;
        opacity: 1
    }
}

@media only screen and (max-width: 750px) {
    .nav-bar {
        background:#363946;
        height: 100vh;
        left: -100vw;
        opacity: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 30px 0px 30px 0px;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 1000;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .mobile .nav-bar {
        left: 0;
        opacity: 1
    }
}

@media only screen and (max-width: 1255px) {
    .menu__list {
        display:none
    }

    .spacel10 {
        margin-left: 10px
    }

    .mobile_menu {
        position: relative;
        left: -100%;
        display: none
    }

    .mobile_menu--show_next {
        left: 0 !important;
        animation-name: slideInLeft;
        animation-duration: 0.5s;
        display: block !important
    }

    .mobile_menu--show_prev {
        left: 0 !important;
        animation-name: slideInRight;
        animation-duration: 0.5s;
        display: block !important
    }

    .nav-bar__header::after {
        clear: both;
        content: "";
        display: table
    }

    .nav-bar__footer {
        text-align: center
    }

    .close-btn {
        background: transparent;
        border: none;
        float: right;
        margin-right: 30px;
        width: auto
    }

    .close-btn img {
        display: block;
        height: 23px
    }

    .menu__item {
        text-align: left
    }

    .nav-bar__group .nav-bar__body {
        margin-top: 20px
    }

    .menu__link,.menu__sublink {
        display: inline-block;
        font-size: 14px;
        line-height: 56px;
        width: 100%;
        font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
        font-weight: 400;
        font-weight: 600;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 1255px) and (max-width: 767px) {
    .menu__link,.menu__sublink {
        font-size:16px
    }
}

@media only screen and (max-width: 1255px) {
    .menu__link {
        cursor:pointer
    }

    .menu__link i {
        display: block;
        line-height: 51px
    }

    .menu__sublist {
        display: none;
        margin: 0;
        padding: 0
    }

    .account-buttons {
        text-align: center;
        margin-top: 30px
    }

    .quote-btn--resume {
        position: relative;
        font-size: 15px
    }

    .quote-btn--resume img {
        position: static;
        margin-right: 10px;
        vertical-align: bottom
    }

    .sign-in-btn {
        border: solid 1px #86939E;
        border-radius: 5px;
        padding: 10px 0px 10px 0px;
        width: 100%;
        text-transform: uppercase;
        color: #fff;
        font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
        font-weight: 400;
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        transition: background-color 0.3s;
        font-size: 16px;
        font-weight: 600
    }

    .sign-in-btn:hover {
        color: #fff;
        background-color: #86939E
    }

    .phone-info-box {
        border: solid 1px #86939E;
        border-radius: 5px;
        padding: 10px;
        width: 100%;
        display: block
    }

    .phone-info-box p {
        color: #fff;
        font-size: 15px;
        padding: 2px
    }

    .phone-info-box .bold-info-text {
        font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
        font-weight: 400;
        color: #fff;
        font-size: 15px;
        font-weight: 600
    }

    .phone-info-box .bold-info-text:hover,.phone-info-box .bold-info-text:visited {
        color: #fff
    }

    .phone-info-box .phone__img {
        width: 25px;
        height: 25px;
        vertical-align: top;
        margin: 5px 10px 0 0
    }

    .phone-info-box .phone__img.mobile-menu-data-item {
        vertical-align: middle;
        margin: 0;
        margin-left: 10px;
        margin-top: 5px
    }

    .phone-info-box .phone__text {
        display: inline-block;
        vertical-align: top
    }

    .phone-info-box .phone__text.mobile-menu-data-item {
        vertical-align: middle;
        margin-left: 10px
    }

    .mobile-btn-container {
        padding: 0px 5px 0px 5px
    }

    .quote-btn {
        border-radius: 5px;
        font-size: 16px;
        font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
        font-style: normal;
        font-weight: 600;
        min-width: 290px;
        padding: 13px 0px 13px 0px
    }

    .account-buttons .quote-btn {
        display: none
    }

    .toggle-menu {
        display: block
    }

    .phone-info {
        margin-top: 9px
    }

    .main-header--anchored .phone-info {
        margin-top: 10px
    }

    .smallscreen-logo-display {
        display: block
    }

    .otherscreen-logo-display {
        display: none
    }

    .mobile__menu__wrapper {
        float: right;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width: 1255px) {
    .mobile__menu__wrapper {
        float:right
    }

    .smallscreen-logo-display {
        display: none
    }

    .otherscreen-logo-display {
        display: block
    }

    .nav-bar {
        margin-left: 174px
    }

    .nav-bar::after {
        clear: both;
        content: "";
        display: table
    }

    .nav-bar__header,.nav-bar__footer {
        display: none
    }

    .nav-bar__body::after {
        clear: both;
        content: "";
        display: table
    }

    .menu {
        float: left;
        margin-top: 10px;
        padding-left: 4px
    }

    .menu::before {
        background: rgba(228,228,228,0.1);
        content: '';
        bottom: 3px;
        left: 0;
        position: absolute;
        top: 3px;
        width: 1px
    }

    .menu__item {
        float: left
    }

    .menu__link {
        cursor: pointer;
        display: block;
        font: 600 14px/15px "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
        font-style: normal;
        font-weight: 600;
        padding: 6px 10px;
        text-transform: uppercase
    }

    .menu__dropdown .menu__link::after {
        content: '';
        display: inline-block;
        margin-left: 2px;
        margin-top: 5px;
        vertical-align: top;
        -webkit-transition: border-color 0.3s;
        -moz-transition: border-color 0.3s;
        transition: border-color 0.3s;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid white
    }

    .menu__dropdown .menu__link:hover::after {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #5423bb
    }

    .menu__dropdown--active .menu__link {
        color: #5423bb
    }

    .menu__dropdown--active .menu__link::after {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #5423bb;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .menu__hire-link {
        border: 1px solid #fff;
        padding: 3px 5px;
        font-size: 10px;
        text-transform: uppercase
    }

    .menu__sublist {
        background: #363946;
        display: block;
        max-height: 0;
        padding: 0;
        left: 0;
        list-style: none;
        min-width: calc(100% + 5px);
        position: absolute;
        top: 0;
        overflow: hidden;
        opacity: 0;
        transition: 0.3s;
        z-index: -1
    }

    .menu__dropdown--active .menu__sublist {
        display: block;
        max-height: 320px;
        opacity: 1;
        padding: 100px 0 30px 0
    }

    .menu__dropdown--active .menu__sublist:after {
        transition: 0.3s;
        content: '';
        display: inline-block;
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #3E4251;
        top: 70px
    }

    .main-header--anchored .menu__dropdown--active .menu__sublist {
        padding: 75px 0 30px 0
    }

    .main-header--anchored .menu__dropdown--active .menu__sublist:after {
        top: 45px
    }

    .menu__sublink {
        color: #ffffff;
        display: block;
        font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
        font-style: normal;
        font-weight: 600;
        font: 400 14px/15px "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
        padding: 12px 20px
    }

    .menu__sublink .menu__sublink--header {
        letter-spacing: 1px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 5px
    }

    .menu__sublink .menu__sublink--subheader {
        opacity: 0.7
    }

    .menu__sublink:hover {
        color: white;
        background-color: rgba(0,0,0,0.1)
    }

    .account-buttons {
        float: right
    }

    .left-bar {
        border-left: 1px solid #434651;
        padding-left: 20px
    }

    .sign-in-btn {
        color: white;
        display: inline-block;
        font: 600 14px/15px "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 1px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        margin-left: 20px;
        margin-top: 15px;
        -webkit-transition: margin 0.3s,color 0.3s;
        -moz-transition: margin 0.3s,color 0.3s;
        transition: margin 0.3s,color 0.3s
    }

    .sign-in-btn:hover {
        color: #5423bb;
        text-decoration: none
    }

    .main-header--anchored .sign-in-btn {
        margin-top: 10px
    }

    .main-header--anchored .sign-in-btn.fleet {
        margin-top: 15px
    }

    .sign-in-btn.sign-up {
        margin-left: 20px
    }

    .quote-btn {
        border-radius: 23px;
        display: inline-block;
        font-size: 15px;
        font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
        font-style: normal;
        font-weight: 600;
        min-width: 167px;
        padding: 12px
    }

    .main-header--anchored .quote-btn {
        display: inline-block
    }
}

.white__theme .nav-container {
    background: white
}

.white__theme .nav-container.scrolled-nav {
    background: white
}

.white__theme .nav-container .main-header--anchored {
    background: white
}

@media only screen and (min-width: 1255px) {
    .white__theme .nav-container .main-header--anchored .sign-in-btn {
        color:gray
    }

    .white__theme .nav-container .left-bar {
        border-left-color: #e4e4e4
    }
}

.white__theme .nav-container .phone-info .call-number {
    color: #363946
}

.white__theme .nav-container .phone-info__left .bold-text {
    color: #363946
}

.nav-bar__white {
    color: gray
}

.nav-bar__white .menu__link,.nav-bar__white .menu__sublink,.nav-bar__white .sign-in-btn {
    color: gray
}

.nav-bar__white .menu__link:hover,.nav-bar__white .menu__sublink:hover,.nav-bar__white .sign-in-btn:hover {
    color: #5423bb
}

.nav-bar__white .menu__link:after {
    border-top: 4px solid gray
}

.nav-bar__white .quote-btn {
    color: white
}

.nav-bar__white .menu__sublist {
    background-color: white
}

@media only screen and (min-width: 1255px) {
    .nav-bar__white .menu__dropdown--active .menu__sublist:after {
        background-color:#e6e6e6
    }

    .nav-bar__white .menu__sublist {
        -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
        -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
        box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3)
    }

    .nav-bar__white .menu__sublink {
        border: 1px solid transparent;
        border-radius: 4px
    }

    .nav-bar__white .menu__sublink:hover {
        background-color: transparent;
        color: #5423bb;
        border: 1px solid #5423bb
    }

    .nav-bar__white .menu__sublink .menu__sublink--subheader {
        opacity: 1
    }
}

.nav-bar__car-selection__select {
    display: inline-block;
    background-color: white;
    position: relative;
    padding: 10px;
    height: 50px;
    border: none;
    border-left: 1px solid gray;
    border-radius: 0 0 0 0;
    border-bottom-left-radius: 0
}

.promo-banner-spacer {
    height: 30px
}

.promo-banner {
    background-color: #5423bb;
    height: 30px;
    text-align: center
}

.promo-banner a {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    color: #fff
}

.promo-banner a:hover {
    color: #E8F1FB
}

@media only screen and (max-width: 767px) {
    .promo-banner a {
        font-size:13px
    }
}

.promo-banner__button {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    border: none;
    background: transparent;
    color: #fff;
    margin-right: 5px
}

.affirm-banner-spacer {
    height: 60px;
    -webkit-transition: height,250ms;
    -moz-transition: height,250ms;
    transition: height,250ms
}

.affirm-banner-spacer.close-banner {
    height: 0
}

@media (max-width: 767px) {
    .affirm-banner-spacer {
        height:50px
    }
}

.affirm-banner {
    background-color: #5423bb;
    height: 60px;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-transition: height,250ms;
    -moz-transition: height,250ms;
    transition: height,250ms
}

.affirm-banner.close-banner {
    overflow: hidden !important;
    height: 0 !important
}

.affirm-banner.close-banner .affirm-site-modal {
    opacity: 0 !important
}

.affirm-banner.close-banner button {
    opacity: 0 !important
}

@media (max-width: 767px) {
    .affirm-banner {
        height:50px
    }
}

.affirm-banner .affirm-site-modal {
    color: white;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-transition: opacity,100ms;
    -moz-transition: opacity,100ms;
    transition: opacity,100ms
}

@media (max-width: 399px) {
    .affirm-banner .affirm-site-modal {
        margin-right:25px
    }
}

.affirm-banner .affirm-site-modal img {
    min-width: 88px;
    max-width: 88px;
    margin: -13px -3px 0px -3px
}

@media (max-width: 767px) {
    .affirm-banner .affirm-site-modal img {
        min-width:84px;
        max-width: 84px;
        margin: -12px -3px 0px -3px
    }
}

.affirm-banner .affirm-site-modal .apply {
    font-weight: 500
}

@media (min-width: 768px) {
    .affirm-banner .affirm-site-modal .apply:after {
        content:'';
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border: solid white;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3.5px;
        margin-left: 15px;
        opacity: 0.5;
        -webkit-transition: opacity,100ms;
        -moz-transition: opacity,100ms;
        transition: opacity,100ms
    }
}

@media (min-width: 768px) {
    .affirm-banner .affirm-site-modal:hover .apply:after {
        opacity:1
    }
}

.affirm-banner button {
    height: 30px;
    border: none;
    background: transparent;
    color: #fff;
    opacity: 0.5;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 20px;
    -webkit-transition: opacity,100ms;
    -moz-transition: opacity,100ms;
    transition: opacity,100ms
}

.affirm-banner button:hover {
    opacity: 1
}

@media (max-width: 767px) {
    .affirm-banner button {
        right:5px
    }
}

.nav-quote-btn-m {
    background-color: #5423bb;
    position: absolute;
    right: 60px;
    border-radius: 40px;
    padding: 7px 14px 7px 14px;
    text-transform: uppercase;
    color: white;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    font-size: 12px;
    margin-top: 1px
}

@media (min-width: 995px) {
    .nav-quote-btn-m {
        display:none
    }
}

@media (max-width: 400px) {
    .nav-quote-btn-m {
        font-size:11px
    }
}

@media (max-width: 319px) {
    .nav-quote-btn-m {
        display:none
    }
}

.nav-quote-btn-m:hover {
    color: white
}

.nav-quote-btn-m:focus {
    outline: none
}

.nav-quote-btn-m:visited {
    color: white
}

.floating__call__btn {
    position: fixed;
    right: 30px;
    bottom: 30px;
    min-width: 50px;
    width: 50px;
    min-height: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 999;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.21);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.21);
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-call-912610c2a97a4c310a5c14a411bd08a4.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white
}

.floating__call__btn.above-just-answer-widget {
    right: 20px;
    bottom: 115px
}

@media (min-width: 768px) {
    .floating__call__btn {
        display:none
    }
}

.user-inital-logged__black {
    color: #5423bb;
    background-color: #FFFFFF;
    height: 32px;
    width: 32px;
    border-radius: 100%;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px
}

@media only screen and (min-width: 1255px) {
    .user-inital-logged__white {
        color:#5423bb;
        border: 1px solid #363946;
        height: 32px;
        width: 32px;
        border-radius: 100%;
        font-weight: bold;
        font-size: 14px;
        line-height: 24px
    }
}

@media only screen and (max-width: 1255px) {
    .user-inital-logged__white {
        color:#fff !important;
        background-color: #5423bb;
        height: 32px;
        width: 32px;
        border-radius: 100%;
        font-weight: bold;
        font-size: 14px;
        line-height: 24px
    }
}

.display-inline-flex {
    display: inline-flex
}

.display-inline-flex_justify_align_center {
    justify-content: center;
    align-items: center
}

.display-inline-block {
    display: inline-block
}

.btn-nonempty-cart__BlackBG {
    display: inline-flex;
    justify-content: end;
    align-items: center;
    padding: 3px 10px;
    color: #5423bb;
    background-color: #FFFFFF;
    border-radius: 24px
}

.btn-nonempty-cart__BlackBG span {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

@media screen and (max-width: 1255px) {
    .cart-nonempty__BlackBG-small-screen {
        visibility:visible;
        display: block
    }

    .cart-nonempty__BlackBG-big-screen {
        visibility: hidden;
        display: none
    }
}

@media screen and (min-width: 1255px) {
    .btn-nonempty-cart__BlackBG {
        display:inline-flex;
        justify-content: end;
        align-items: center;
        padding: 3px 10px;
        color: #FFFFFF;
        background-color: #5423bb;
        border-radius: 24px
    }

    .btn-nonempty-cart__BlackBG span {
        font-weight: 600;
        font-size: 16px;
        line-height: 22px
    }

    .cart-nonempty__BlackBG-small-screen {
        visibility: hidden;
        display: none
    }

    .cart-nonempty__BlackBG-big-screen {
        visibility: visible;
        display: block
    }
}

.btn-nonempty-cart__whiteBG {
    display: inline-flex;
    justify-content: end;
    align-items: center;
    padding: 3px 10px;
    color: #FFFFFF;
    background-color: #5423bb;
    border-radius: 24px
}

.btn-nonempty-cart__whiteBG span {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

.nav__search__icon--black {
    background: url(/assets/nav/search-icon--dark.svg) no-repeat 0px 0px;
    height: 32px;
    width: 32px;
    filter: invert(0%) sepia(0%) saturate(10%) hue-rotate(184deg) brightness(93%) contrast(102%)
}

.nav__search__icon--white {
    background: url(/assets/nav/search-icon--dark.svg) no-repeat 0px 0px;
    height: 32px;
    width: 32px;
    filter: invert(88%) sepia(95%) saturate(0%) hue-rotate(123deg) brightness(106%) contrast(107%)
}

.nav--service__container {
    z-index: 1000;
    height: 100%;
    background: white;
    padding: 20px !important
}

.nav--service__container.modal {
    overflow-y: scroll
}

.nav--service__container .custom-modal {
    width: auto;
    height: 100%;
    margin: 0
}

.nav--service__container .modal-content {
    border-radius: 0px !important;
    margin: 0;
    border: 0;
    box-shadow: none
}

.nav--service__container.fade .modal-dialog {
    -webkit-transition: opacity 600ms ease, transform 600ms ease;
    -moz-transition: opacity 600ms ease, transform 600ms ease;
    -o-transition: opacity 600ms ease, transform 600ms ease;
    transition: opacity 600ms ease, transform 600ms ease;
    opacity: 0;
    transform: translate(0px, 5%)
}

@media (max-width: 767px) {
    .nav--service__container.fade .modal-dialog {
        transform:none
    }
}

.nav--service__container.in .modal-dialog {
    opacity: 1;
    transform: translate(0px, 0px)
}

.nav--service__container .search__nav__header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    position: relative;
    padding-top: 60px;
    max-width: 1050px;
    margin: 0 auto;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .nav--service__container .search__nav__header {
        padding-top:10px;
        margin-bottom: 30px
    }
}

.nav--service__container .search__nav__header .close {
    position: absolute;
    right: 0;
    color: #BFBFBF;
    opacity: 1;
    font-size: 50px;
    line-height: 0;
    font-weight: 100;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -webkit-transition: all,100ms;
    -moz-transition: all,100ms;
    transition: all,100ms;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

@media (max-width: 767px) {
    .nav--service__container .search__nav__header .close {
        font-size:36px;
        font-weight: 400;
        height: 20px;
        width: 20px
    }
}

.nav--service__container .search__nav__header .close:hover {
    background-color: #f9f9f9;
    cursor: pointer
}

.nav--service__container .search__nav__input__wrapper {
    max-width: 700px;
    margin: 0 auto;
    position: relative
}

.nav--service__container .search__nav__input__wrapper .nav__search__delete {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.nav--service__container .search__nav__input__wrapper .nav__search__delete:after {
    content: url(/assets/nav/clear-icon.svg);
    position: absolute;
    height: 21px;
    width: 21px;
    position: absolute;
    right: 14px;
    top: 15px
}

.nav--service__container .search__nav__input__wrapper .nav__search__delete:hover {
    cursor: pointer
}

.nav--service__container .search__nav__input {
    border-radius: 4px;
    padding: 14px 14px 14px 43px;
    color: #363946;
    background-color: white;
    line-height: initial;
    font-size: 16px;
    height: 50px;
    width: 100%;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: inset 0px 0px 1px 0.2px rgba(102,107,124,0.1);
    -moz-box-shadow: inset 0px 0px 1px 0.2px rgba(102,107,124,0.1);
    box-shadow: inset 0px 0px 1px 0.2px rgba(102,107,124,0.1);
    -webkit-transition: all,100ms;
    -moz-transition: all,100ms;
    transition: all,100ms;
    background: url(/assets/nav/search-icon--dark.svg) no-repeat 11px 10px;
    background-size: 29px
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .nav--service__container .search__nav__input {
        background: none;
        padding: 14px
    }
}

.nav--service__container .search__nav__input:focus {
    outline: none;
    border: 1px solid #5423bb
}

@media (max-width: 767px) {
    .nav--service__container .search__nav__input.desktop {
        display:none
    }
}

@media (min-width: 768px) {
    .nav--service__container .search__nav__input.mobile {
        display:none
    }
}

.nav--service__container .search__nav__results__container {
    width: 100%;
    background-color: white;
    height: auto;
    max-width: 700px;
    margin: 0 auto
}

.nav--service__container .search__nav__results__container ul {
    padding: 20px 0px;
    margin-bottom: 0
}

.nav--service__container .search__nav__results__container li {
    list-style: none;
    border-bottom: 1px solid #ececec
}

@media (max-width: 767px) {
    .nav--service__container .search__nav__results__container li {
        padding:0px 5px
    }

    .nav--service__container .search__nav__results__container li.pressed {
        background-color: #e1e1e1;
        padding: 0px 5px
    }
}

.nav--service__container .search__nav__results__container a {
    color: #363946;
    font-size: 16px;
    display: block;
    padding: 20px 0px;
    transition: all 100ms
}

@media (min-width: 768px) {
    .nav--service__container .search__nav__results__container a:hover {
        text-decoration:underline !important
    }
}

.nav--service__container .search__nav__results__container a .link {
    color: #5423bb
}

.popular__services__container {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    max-width: 700px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.popular__services__headline {
    font-weight: 500;
    color: #363946;
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto;
    padding: 30px 0px
}

.search__popular__service {
    width: 45%;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

@media (max-width: 767px) {
    .search__popular__service {
        width:100%
    }
}

.search__popular__service div {
    color: #363946;
    font-size: 16px
}

@media (min-width: 768px) {
    .search__popular__service:hover {
        cursor:pointer
    }

    .search__popular__service:hover div {
        color: #363946;
        text-decoration: underline
    }
}

@media (max-width: 767px) {
    .search__popular__service {
        padding:5px 5px
    }

    .search__popular__service.pressed {
        background-color: #e1e1e1
    }
}

.search__popular__service .search__popular__service__icon {
    background-color: #f9f9f9;
    min-width: 55px;
    min-height: 55px;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-right: 20px;
    box-shadow: 0px 0.5px 3px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0.5px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0.5px 3px 0px rgba(0,0,0,0.2)
}

.search__popular__service .icon {
    min-width: 35px;
    width: 35px;
    min-height: 35px;
    height: 35px;
    display: block
}

.search__popular__service .icon.car-not-starting {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/car-not-starting--dark") 0px 0px no-repeat
}

.search__popular__service .icon.oil-change {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/oil-change--dark") 0px 0px no-repeat
}

.search__popular__service .icon.brake-pads {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/brake-pads--dark") 0px 0px no-repeat
}

.search__popular__service .icon.battery {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/battery--dark") 0px 0px no-repeat
}

.search__popular__service .icon.pre-purchase {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/pre-purchase--dark") 0px 0px no-repeat
}

.search__popular__service .icon.alternator {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/alternator--dark") 0px 0px no-repeat
}

.search__popular__service .icon.check-engine-light {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/check-engine-light--dark") 0px 0px no-repeat
}

.search__popular__service .icon.starter {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/starter--dark") 0px 0px no-repeat
}

.search__popular__service .icon.spark-plugs {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/spark-plugs--dark") 0px 0px no-repeat
}

.search__popular__service .icon.water-pump {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/water-pump--dark") 0px 0px no-repeat
}

.search__popular__service .icon.radiator {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/radiator--dark") 0px 0px no-repeat
}

.search__popular__service .icon.fuel-pump {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/fuel-pump--dark") 0px 0px no-repeat
}

.search__popular__service .icon.rnr {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_35,q_auto,w_35/ym_assets/job_icons/rnr-icon--dark") 0px 0px no-repeat
}

.border-right-lightblue {
    border-right: 1px solid #434651
}

@media screen and (min-width: 1255px) {
    .spacet-5-desktop-wrapper {
        margin-top:5px
    }
}

.ym-logo__image-adjust {
    height: 34px;
    width: auto
}

@media only screen and (max-width: 375px) {
    .ym-logo__image-adjust {
        height:24px
    }
}

@media only screen and (max-width: 320px) {
    .ym-logo__image-adjust {
        height:21px
    }
}

@media screen and (min-width: 767px) {
    .smallscreen-logo-display--logoxss {
        display:none
    }

    .smallscreen-logo-display--logosm {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .smallscreen-logo-display--logosm {
        display:none
    }

    .smallscreen-logo-display--logoxss {
        display: block
    }
}

@media screen and (min-width: 315px) {
    .smallscreen-logo-display--logoxs_n {
        display:none
    }

    .smallscreen-logo-display--logosm_n {
        display: block
    }
}

@media screen and (max-width: 315px) {
    .smallscreen-logo-display--logosm_n {
        display:none
    }

    .smallscreen-logo-display--logoxss_n {
        display: block
    }
}

@media screen and (min-width: 1256px) {
    .mobile-padding__header {
        padding:15px 0 !important
    }
}

@media screen and (max-width: 1256px) {
    .mobile-padding__header {
        padding:10px 0 40px 0 !important
    }
}

.header-top {
    padding: 100px 0;
    background-color: #363946;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.header-top h1,.header-top h2 {
    color: #fff;
    font-weight: 600
}

.header-top h3 {
    color: #6d7579
}

.header-top h5 {
    color: #E7EBEB;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400
}

.header-top-xsmall {
    padding: 40px 0
}

.header-top-small {
    padding: 80px 0 60px 0
}

.header-top-white {
    padding: 80px 0;
    background-color: #fff;
    background-size: cover
}

.header-top-white h1,.header-top-white h2 {
    color: #4A5155
}

.header-top-white h3 {
    color: #6d7579
}

.header-top-white h5 {
    color: #E7EBEB;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .header-top {
        padding:65px 0;
        padding-top: 100px
    }

    .header-top-white {
        background-image: none !important
    }

    .header-top-white {
        padding: 65px 0 20px 0
    }

    .header-top-xsmall {
        padding: 30px 0
    }
}

.pricing-page .header-top {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-pricing-b8774d92d0db8f3893b8ae6e8d78b31e.jpg)
}

.footer-style p {
    font-size: 14px !important
}

.footer-style img {
    display: inline-block;
    padding-left: 10px;
    max-height: 99px
}

.footer-style {
    position: relative
}

.footer-style .wrapper {
    padding-top: 25px;
    padding-bottom: 20px
}

.footer-style .copyright {
    padding-top: 20px;
    padding-bottom: 20px
}

.footer-style .brand {
    display: inline-block;
    padding: 3px 0 0;
    font-size: 18px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400
}

.footer-style .brand img:first-child {
    float: left;
    margin: -10px 15px 0 0
}

.footer-style .brand:hover,.footer-style .brand:focus,.footer-style .brand.active {
    color: #5423bb
}

.footer-style p {
    font-size: 15px;
    font-weight: normal;
    color: #6d7579;
    line-height: 25.6px
}

.footer-style a {
    color: #5423bb;
    font-weight: normal
}

.footer-style a:hover,.footer-style a:focus,.footer-style a.active {
    text-decoration: underline !important
}

.footer-style h6 {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    color: #4A5155;
    margin: 0 0 10px;
    letter-spacing: 1px;
    line-height: 22px
}

.footer-style ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: normal;
    color: inherit
}

.footer-style ul li {
    margin-bottom: 10px;
    color: #6d7579
}

.footer-style a {
    color: #6d7579
}

.footer-style a:hover,.footer-style a:focus,.footer-style a.active {
    color: #5423bb
}

.footer-style img {
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .footer-style .col-sm-2 {
        float:left;
        width: 50%
    }

    .footer-style .col-sm-2+.col-sm-2+.col-sm-2 {
        clear: left;
        margin-top: 30px
    }

    .footer-style .col-sm-2+.col-sm-2+.col-sm-2+.col-sm-2 {
        clear: none;
        margin-top: 30px
    }

    .footer-style .box {
        margin-top: 33px
    }
}

@media (max-width: 480px) {
    .footer-style .box {
        margin-top:33px
    }

    .footer-style .box.box-first {
        margin-top: 0
    }

    .footer-style .brand {
        margin-bottom: 33px
    }
}

.bd-footer {
    border-top: 1px solid #e7ebeb;
    background-color: #fff
}

.bd-footer__featured {
    padding: 15px 0
}

.bd-footer__featured .featured-section {
    margin-top: 0
}

.bd-footer__reviews {
    border-top: 1px solid #e7ebeb;
    padding: 30px 0
}

.bd-footer__reviews .bd-footer__block {
    display: table;
    margin: auto
}

@media only screen and (max-width: 768px) {
    .bd-footer__reviews .col-sm-4 {
        padding-top:20px
    }

    .bd-footer__reviews .bd-footer__block {
        display: block;
        margin: 0
    }
}

.bd-footer__logo {
    height: 24px;
    width: auto;
    display: inline-block
}

.bd-footer__link {
    display: block;
    color: #6d7579
}

.bd-footer__stars {
    height: 30px;
    margin-bottom: 5px
}

@media only screen and (max-width: 500px) {
    .height-fix-xs {
        min-height:365px
    }
}

@media only screen and (max-width: 340px) {
    .height-fix-xs {
        min-height:385px
    }
}

.app-section {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/app-background-0ac133a8cc984ab886b2870e2bddee61.jpg);
    background-size: cover;
    background-position: center;
    overflow: hidden
}

.app-section h2 {
    margin-bottom: 20px
}

.app-section ul {
    padding-left: 0
}

.app-section ul li {
    color: #e6e6e6;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 6px;
    font-size: 15px;
    list-style: url(https://res.cloudinary.com/yourmechanic/image/asset/check-a710711b25894da45d550d36de4168fc.svg);
    list-style-position: inside
}

.app-section .app-mockup {
    position: absolute;
    top: 40px;
    max-width: 100%;
    height: auto
}

.app-section .appstore-button {
    margin-bottom: 15px
}

.app-section-vertical {
    margin-top: 25%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 992px) {
    .app-section .app-mockup {
        top:80px
    }
}

@media only screen and (max-width: 768px) {
    .app-section {
        text-align:center
    }

    .app-section-vertical {
        margin-top: 0;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        padding: 40px 0
    }
}

.content-section {
    padding-top: 60px;
    padding-bottom: 60px
}

.about-section-bg {
    background-image: url("section_images/bg-about-section.png");
    background-repeat: no-repeat;
    background-position: right top
}

.side-menu ul {
    list-style: none;
    padding-left: 20px
}

.side-menu ul .active-item {
    color: #4A5155 !important;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-weight: 600;
    background: #FAFBFC
}

.side-menu ul .active-item:hover {
    color: #4A5155 !important
}

.side-menu ul li {
    cursor: pointer;
    color: #5423bb;
    display: block;
    padding: 10px 0px 10px 10px;
    font-size: 16px
}

.side-menu ul li:hover {
    background: #FAFBFC
}

.side-menu ul li a {
    color: inherit
}

.side-menu--expandable:after {
    content: "";
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
    transition: border-color 0.3s;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #363946
}

.side-menu--expandable--open:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (max-width: 767px) {
    .side-menu ul {
        width:100%;
        padding-left: 0
    }

    .side-menu ul li {
        margin: 10px 0;
        background-color: #FAFBFC;
        padding: 15px 0 15px 15px
    }
}

.g-sidebar-links {
    border: 1px solid #e7ebeb;
    background-color: #fff;
    border-radius: 4px
}

.g-sidebar-reviews {
    border: 1px solid #e7ebeb;
    background-color: #fff;
    border-radius: 4px
}

.g-sidebar-reviews__section {
    padding: 15px 25px;
    border-bottom: 1px solid #e7ebeb
}

.g-sidebar-reviews__section:last-of-type {
    border-bottom: none
}

.g-sidebar-reviews__header {
    display: block;
    font-size: 12px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #6d7579;
    text-transform: uppercase
}

.g-sidebar-reviews__details {
    font-size: 14px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    display: inline-block;
    color: #6d7579
}

.g-sidebar-reviews__number {
    font-size: 26px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    display: inline-block;
    color: #363946
}

.g-sidebar-links__top {
    padding: 20px 25px
}

.g-sidebar-links__bottom {
    padding: 12px 25px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border-top: 1px solid #e7ebeb;
    font-size: 13px;
    color: #6d7579;
    letter-spacing: 1px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.g-sidebar-links__bottom a {
    color: #6d7579
}

.g-sidebar-links__bottom:hover {
    background-color: #FAFBFC
}

.g-sidebar-links__top__header {
    color: #363946;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.g-sidebar-links__top__list ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.g-sidebar-links__top__list li {
    color: #6d7579;
    padding: 3px 0;
    font-size: 14px
}

.g-sidebar-links__top__list li a {
    cursor: pointer;
    color: #6d7579
}

.g-sidebar-links__top__list li a:hover {
    color: #363946
}

.g-sidebar-links__top__list li a:last-of-type {
    padding: 5px 0 0 0
}

.g-sidebar-featured img {
    margin: 10px 15px 0 0;
    opacity: 0.4
}

.g-sidebar-featured__logo {
    width: 33.3333333%
}

.g-trust-sidebar .yelp-under-stars h5 {
    font-size: 12px;
    color: #7F7F7F;
    line-height: 15px;
    display: inline-block
}

.g-trust-sidebar .yelp-under-stars img {
    display: inline-block;
    vertical-align: sub
}

.g-trust-sidebar .news-testimonials p {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-align: center
}

.g-trust-sidebar hr {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px
}

.g-trust-sidebar .review-text-box {
    border: 1px solid #E2E2E2;
    background: transparent;
    padding: 20px
}

.g-trust-sidebar .user-testimonials p {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%
}

.g-trust-sidebar .user-testimonials img {
    float: right
}

.g-trust-sidebar .sidebar-review-author {
    float: left
}

.g-trust-sidebar .sidebar-reviews-separator {
    margin: 0 auto;
    display: block
}

.services-page {
    background-image: url(//app.wrench.com/assets/bg/wrench_bg-a2f9b4077f5e5f908a854ed0ae125dd1.png);
    background-size: cover;
    background-position: center
}

.about-page {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-about-14594c5522483d3dffcac35ee5385196.jpg);
    background-size: cover;
    background-position: center
}

.mechanics-page {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-mechanics-cef12de7890a04272aeda5b450d0b1a8.jpg);
    background-size: cover;
    background-position: center
}

.hiw-page {
    background-image: url(//app.wrench.com/assets/bg/wrench_bg-a2f9b4077f5e5f908a854ed0ae125dd1.png);
    background-size: cover;
    background-position: center
}

.support-page {
    background-image: url(//app.wrench.com/assets/bg/wrench_bg-a2f9b4077f5e5f908a854ed0ae125dd1.png);
    background-size: cover;
    background-position: center
}

.reviews-page {
    background-image: url(//app.wrench.com/assets/bg/wrench_bg-a2f9b4077f5e5f908a854ed0ae125dd1.png);
    background-size: cover;
    background-position: center
}

.cities-page {
    background-image: url(//app.wrench.com/assets/bg/wrench_bg-a2f9b4077f5e5f908a854ed0ae125dd1.png);
    background-size: cover;
    background-position: center
}

.pricing-page {
    background-image: url(//app.wrench.com/assets/bg/wrench_bg-a2f9b4077f5e5f908a854ed0ae125dd1.png);
    background-size: cover;
    background-position: center
}

.mechform-page {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-mechform-91156094ba86272aa50963091be66fbd.jpg);
    background-size: cover;
    background-position: center
}

.mechanicprofile-page {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-mechanicprofile-d1da3eb07d0835bec43bb450422db7a6.jpg);
    background-size: cover;
    background-position: center
}

.newmechanicprofile-page {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-newmechanicprofile-28ae8f3f577e0f966c9bed3eb2658e07.jpg);
    background-size: cover;
    background-position: center;
    overflow: visible
}

.gift-page {
    background-image: url(//app.wrench.com/assets/bg/wrench_bg-a2f9b4077f5e5f908a854ed0ae125dd1.png);
    background-size: cover;
    background-position: center;
    overflow: visible
}

.seo-car-page {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-seo-car-a1dc8a2374f8278cabf308c6a208198e.jpg);
    background-size: cover;
    background-position: center
}

.seo-city-page {
    background-image: url(//app.wrench.com/assets/bg/wrench_bg-a2f9b4077f5e5f908a854ed0ae125dd1.png);
    background-size: cover;
    background-position: center
}

.seo-cars-page {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-seo-car-a1dc8a2374f8278cabf308c6a208198e.jpg);
    background-size: cover;
    background-position: center
}

.seo-general-page {
    background-image: url(//app.wrench.com/assets/bg/wrench_bg-a2f9b4077f5e5f908a854ed0ae125dd1.png);
    background-size: cover;
    background-position: center;
    background-position: center
}

.seo-parts-base {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-parts-base-8a0ef0158c2883559b5096b4ef2ab623.jpg);
    background-size: cover;
    background-position: center
}

.seo-scheduled-maintenance-base {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-scheduled-maintenance-base-1941b2af531cc73e3d84a457d0eb75e3.jpg);
    background-size: cover;
    background-position: center
}

.seo-no-header {
    display: block;
    background-color: #363946;
    height: 75px
}

.header-noimage {
    background-size: cover;
    background-position: center;
    padding-bottom: 60px;
    background-image: none;
    background-color: #363946
}

.seo-model-page {
    padding-bottom: 50px
}

.web-report-page {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-seo-car%402x-8c6bae1986db9684d24f66a34acfc866.jpg);
    background-size: cover;
    background-position: center
}

.btn-blue-fill {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    background: #5423bb;
    color: #fff;
    background-size: 200%;
    background-position: 50%;
    -webkit-transition: background-color,0.3s;
    -moz-transition: background-color,0.3s;
    transition: background-color,0.3s
}

.btn-blue-fill:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-blue-fill:disabled:hover,.btn-blue-fill:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-blue-fill:hover {
    background: #4b96e8;
    color: #fff !important
}

.btn-blue-fill:visited {
    color: #fff
}

.btn-blue-fill:active {
    background-color: #1a6cc8;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.3)
}

.btn-blue-fill-rect {
    display: inline-block;
    cursor: pointer;
    padding: 15px 24px;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    outline: none;
    background: #5423bb;
    color: #fff;
    border-radius: 6px;
    -webkit-transition: background-color,0.3s;
    -moz-transition: background-color,0.3s;
    transition: background-color,0.3s
}

.btn-blue-fill-rect:disabled {
    background-color: #ce32a3
}

.btn-blue-fill-rect:disabled:hover,.btn-blue-fill-rect:disabled:active {
    background-color: #ce32a3;
    color: #fff
}

.btn-blue-fill-rect:hover {
    background: #1a6cc8;
    color: #fff
}

.btn-blue-fill-rect:visited {
    color: #fff
}

.btn-blue-fill-rect:active {
    background-color: #1a6cc8
}

.btn-fullwdith {
    width: 100%
}

.btn-lightblue-fill {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    background: #E8F1FB;
    color: #fff;
    background-size: 200%;
    background-position: 50%;
    -webkit-transition: background-color,0.3s;
    -moz-transition: background-color,0.3s;
    transition: background-color,0.3s
}

.btn-lightblue-fill:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-lightblue-fill:disabled:hover,.btn-lightblue-fill:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-lightblue-fill:hover {
    background: #fff;
    color: #fff !important
}

.btn-lightblue-fill:visited {
    color: #fff
}

.btn-lightblue-fill:active {
    background-color: #cee1f6;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.3)
}

.btn-red-fill {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    background: #ED7161;
    color: #fff;
    background-size: 200%;
    background-position: 50%;
    -webkit-transition: background-color,0.3s;
    -moz-transition: background-color,0.3s;
    transition: background-color,0.3s
}

.btn-red-fill:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-red-fill:disabled:hover,.btn-red-fill:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-red-fill:hover {
    background: #f29a8f;
    color: #fff !important
}

.btn-red-fill:visited {
    color: #fff
}

.btn-red-fill:active {
    background-color: #ea5846;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.3)
}

.btn-orange-ab-fill {
    cursor: pointer;
    background-image: -webkit-linear-gradient(270deg, #FA6F35 0%, #DE4A1B 98%);
    background-image: linear-gradient(-180deg, #FA6F35 0%, #DE4A1B 98%);
    box-shadow: 0px 5px 15px 0px rgba(255,114,0,0.3);
    border: 1px solid #F57B16;
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff
}

.btn-orange-ab-fill:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-orange-ab-fill:disabled:hover,.btn-orange-ab-fill:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-orange-ab-fill:hover {
    background-image: -webkit-linear-gradient(270deg, #FA6F35 0%, #DE4A1B 98%);
    background-image: linear-gradient(-180deg, #FA6F35 0%, #DE4A1B 98%);
    box-shadow: 0px 5px 15px 0px rgba(255,114,0,0.3);
    color: #fff
}

.btn-orange-ab-fill:active {
    background-image: -webkit-linear-gradient(270deg, #FA6F35 0%, #DE4A1B 98%);
    background-image: linear-gradient(-180deg, #FA6F35 0%, #DE4A1B 98%);
    box-shadow: 0px 5px 15px 0px rgba(255,114,0,0.3);
    color: #fff
}

.btn-orange-ab-fill:visited {
    color: #fff
}

.btn-orange-fill {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    background: #5423bb;
    color: #fff;
    background-size: 200%;
    background-position: 50%;
    -webkit-transition: background-color,0.3s;
    -moz-transition: background-color,0.3s;
    transition: background-color,0.3s
}

.btn-orange-fill:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-orange-fill:disabled:hover,.btn-orange-fill:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-orange-fill:hover {
    background: #ce32a3;
    color: #fff !important
}

.btn-orange-fill:visited {
    color: #fff
}

.btn-orange-fill:active {
    background-color: #1a6cc8;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.3)
}

.darkgrey-btn {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    background: #585A5C;
    color: #fff;
    background-size: 200%;
    background-position: 50%;
    -webkit-transition: background-color,0.3s;
    -moz-transition: background-color,0.3s;
    transition: background-color,0.3s
}

.darkgrey-btn:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.darkgrey-btn:disabled:hover,.darkgrey-btn:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.darkgrey-btn:hover {
    background: #323334;
    color: #fff !important
}

.darkgrey-btn:visited {
    color: #fff
}

.darkgrey-btn:active {
    background-color: #494b4c;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.3)
}

.btn-green-fill {
    background-image: -webkit-linear-gradient(270deg, #7FB632 0%, #5AA22A 100%);
    background-image: linear-gradient(-180deg, #7FB632 0%, #5AA22A 100%);
    border: 1px solid #6CAC2E;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    border: 1px solid #6CAC2E
}

.btn-green-fill:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-green-fill:disabled:hover,.btn-green-fill:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-green-fill:hover {
    background-image: -webkit-linear-gradient(270deg, #7FB632 0%, #5AA22A 100%);
    background-image: linear-gradient(-180deg, #7FB632 0%, #5AA22A 100%);
    border: 1px solid #6CAC2E;
    color: #fff
}

.btn-green-fill:visited {
    color: #fff
}

.btn-green-fill-square {
    background-image: -webkit-linear-gradient(270deg, #7FB632 0%, #5AA22A 100%);
    background-image: linear-gradient(-180deg, #7FB632 0%, #5AA22A 100%);
    border: 1px solid #6CAC2E;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 10px
}

.btn-green-fill-square:disabled {
    cursor: default;
    background-color: #B1B1B1
}

.btn-green-fill-square:hover {
    background-image: -webkit-linear-gradient(270deg, #7FB632 0%, #5AA22A 100%);
    background-image: linear-gradient(-180deg, #7FB632 0%, #5AA22A 100%);
    border: 1px solid #6CAC2E;
    color: #fff
}

.btn-green-fill-square:visited {
    color: #fff
}

.btn-orange-fill-square {
    background-color: #5423bb;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 10px
}

.btn-orange-fill-square:disabled {
    cursor: default;
    background-color: #B1B1B1
}

.btn-orange-fill-square:hover {
    color: #fff;
    background-color: #ce32a3
}

.btn-orange-fill-square:visited {
    color: #fff
}

.btn-orange-fill-square-md {
    background-color: #5423bb;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 13px
}

.btn-orange-fill-square-md:disabled {
    cursor: default;
    background-color: #B1B1B1
}

.btn-orange-fill-square-md:visited {
    color: #fff
}

.btn-gray-fill-square-md {
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 13px;
    border: solid 1px #dee4eb;
    background-color: #fafbfc;
    cursor: pointer;
    color: #363946
}

.btn-gray-fill-square-md:disabled {
    cursor: default;
    background-color: #B1B1B1
}

.btn-gray-fill-square-md:visited {
    color: #363946
}

.btn-gray-fill-square {
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 10px;
    background-color: #FAFBFC;
    border: 1px solid #e7ebeb;
    cursor: pointer;
    color: #fff
}

.btn-gray-fill-square:disabled {
    cursor: default;
    background-color: #B1B1B1
}

.btn-gray-fill-square:hover {
    background-color: #dae1e9;
    color: #fff
}

.btn-gray-fill-square:visited {
    color: #fff
}

.btn-light-red-fill {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: #ea6666;
    cursor: pointer;
    color: #fff
}

.btn-light-red-fill:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-light-red-fill:disabled:hover,.btn-light-red-fill:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-light-red-fill:hover {
    background-color: #e43939;
    color: #fff
}

.btn-light-red-fill:disabled {
    background: #f09393;
    cursor: default;
    color: #fff
}

.btn-white-fill {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    background: #fff;
    color: #4A5155
}

.btn-white-fill:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-white-fill:disabled:hover,.btn-white-fill:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-white-fill:hover {
    background: #4b96e8;
    color: #fff
}

.btn-white-fill:disabled {
    border: 1px solid #bac8d6;
    background: #fff;
    color: #4A5155
}

.btn-blue-stroke {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    border: 1px solid #5423bb;
    color: #5423bb;
    background-color: transparent
}

.btn-blue-stroke:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-blue-stroke:disabled:hover,.btn-blue-stroke:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-blue-stroke:hover {
    background-color: #5423bb;
    color: #fff
}

.btn-green-stroke {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    border: 1px solid #7FB632;
    background-color: transparent;
    color: #638e27
}

.btn-green-stroke:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-green-stroke:disabled:hover,.btn-green-stroke:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-green-stroke:hover {
    background-color: #7FB632;
    color: #fff
}

.btn-gray-white-stroke {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    color: #4A5155;
    letter-spacing: 1px
}

.btn-gray-white-stroke:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-gray-white-stroke:disabled:hover,.btn-gray-white-stroke:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-gray-white-stroke:hover {
    border: 1px solid #5423bb;
    background-color: #5423bb;
    color: #fff
}

.btn-gray-stroke {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: transparent;
    border: 1px solid #d8d8d8;
    color: #4A5155;
    letter-spacing: 1px
}

.btn-gray-stroke:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-gray-stroke:disabled:hover,.btn-gray-stroke:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-gray-stroke a {
    color: #4A5155
}

.btn-gray-stroke:hover {
    background-color: #FAFBFC;
    color: #218be7
}

.btn-gray-stroke--square {
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 10px;
    background-color: transparent;
    border: 1px solid #d8d8d8;
    color: #5423bb;
    letter-spacing: 1px;
    font-size: 12px
}

.btn-gray-stroke--square:disabled {
    cursor: default;
    background-color: #B1B1B1
}

.btn-gray-stroke--square a {
    color: #5423bb
}

.btn-gray-stroke--square:hover {
    background-color: #FAFBFC
}

.btn-gray-stroke--square-md {
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 13px;
    background-color: transparent;
    border: 1px solid #d8d8d8;
    color: #4A5155;
    letter-spacing: 1px;
    font-size: 12px
}

.btn-gray-stroke--square-md:disabled {
    cursor: default;
    background-color: #B1B1B1
}

.btn-gray-stroke--square-md a {
    color: #4A5155
}

.btn-gray-stroke--square-md:hover {
    background-color: #FAFBFC
}

.btn-gray-stroke--disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-gray-stroke--ondark {
    color: #fff
}

.btn-gray-stroke--ondark:hover {
    color: #363946
}

.btn-gray-stroke-white-fill {
    background-color: white
}

.btn-gray-stroke--earliest-times {
    border-radius: 3px;
    font-size: 13.5px
}

.btn-gray-stroke--earliest-times span {
    color: #5423bb
}

.btn-gray-stroke--address-faq {
    border-radius: 3px
}

.btn-white-stroke {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    letter-spacing: 1px
}

.btn-white-stroke:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-white-stroke:disabled:hover,.btn-white-stroke:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-white-stroke:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #5423bb
}

.btn-gray-stroke-small {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 4px 0px;
    background-color: transparent;
    border: 1px solid #d8d8d8;
    font-size: 16px;
    color: #4A5155;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    letter-spacing: 1px
}

.btn-gray-stroke-small:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-gray-stroke-small:disabled:hover,.btn-gray-stroke-small:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-gray-stroke-small:hover {
    border: 1px solid #5423bb;
    background-color: #5423bb;
    color: #fff
}

.btn-blue-stroke-small {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 4px 0px;
    background-color: transparent;
    border: 1px solid #5423bb;
    font-size: 13px;
    color: #5423bb;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    letter-spacing: 1px
}

.btn-blue-stroke-small:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-blue-stroke-small:disabled:hover,.btn-blue-stroke-small:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-blue-stroke-small:hover {
    border: 1px solid #5423bb;
    background-color: #5423bb;
    color: #fff
}

.btn-arrow-stroke {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    color: #5423bb;
    border: 1px solid #d8d8d8
}

.btn-arrow-stroke:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-arrow-stroke:disabled:hover,.btn-arrow-stroke:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-arrow-stroke:hover {
    background-color: #5423bb;
    color: #fff !important;
    border: 1px solid #5423bb
}

.btn-more {
    color: #5423bb;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.btn-more:hover .right-arrow {
    border-color: #ce32a3
}

.btn-more .right-arrow {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border: solid #5423bb;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 1px;
    transition-duration: 0.3s
}

.btn-outline-rectangle {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 4px;
    padding: 7px;
    color: #6d7579;
    border: 1px solid #d8d8d8;
    font-size: 12px
}

.btn-outline-rectangle:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-outline-rectangle:disabled:hover,.btn-outline-rectangle:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-outline-rectangle:hover {
    border: 1px solid #6d7579
}

.btn-facebook-share {
    background: #3B5998;
    border-radius: 5px;
    color: #fff;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    position: relative;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.btn-facebook-share:before {
    content: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-fb-letter-white-ed25e77b934b4020ec2d0a005fb259d3.svg);
    vertical-align: sub;
    margin-right: 10px;
    position: absolute;
    left: 27px;
    top: 17px
}

.btn-facebook-share:hover {
    background: #4264aa
}

.btn-google-share {
    background: #fff;
    border-radius: 5px;
    color: #363946;
    border: 1px solid #e7ebeb;
    padding: 15px 10px;
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    position: relative;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.btn-google-share:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-google-03193fa948c93e7b1551141b47cb20eb.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: sub;
    margin-right: 10px;
    left: 24px;
    top: 18px
}

.btn-google-share:hover {
    background: #FAFBFC
}

.btn-toggle ul,.btn-toggle li {
    list-style: none;
    margin: 0;
    padding: 0
}

.btn-toggle .mb-tgl {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 8px
}

.btn-toggle .tgl {
    display: none
}

.btn-toggle .tgl,.btn-toggle .tgl:after,.btn-toggle .tgl:before,.btn-toggle .tgl *,.btn-toggle .tgl *:after,.btn-toggle .tgl *:before,.btn-toggle .tgl+.tgl-btn {
    box-sizing: border-box
}

.btn-toggle .tgl::selection,.btn-toggle .tgl:after::selection,.btn-toggle .tgl:before::selection,.btn-toggle .tgl *::selection,.btn-toggle .tgl *:after::selection,.btn-toggle .tgl *:before::selection,.btn-toggle .tgl+.tgl-btn::selection {
    background: none
}

.btn-toggle .tgl+.tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none
}

.btn-toggle .tgl+.tgl-btn:after,.btn-toggle .tgl+.tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%
}

.btn-toggle .tgl+.tgl-btn:after {
    left: 0
}

.btn-toggle .tgl+.tgl-btn:before {
    display: none
}

.btn-toggle .tgl:checked+.tgl-btn:after {
    left: 50%
}

.btn-toggle .tgl-blue+.tgl-btn {
    background: #FAFBFC;
    border-radius: 2em;
    padding: 2px;
    transition: all .4s ease;
    border: 1px solid #e8eae9
}

.btn-toggle .tgl-blue+.tgl-btn:after {
    border-radius: 2em;
    background: #fbfbfb;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),padding 0.3s ease,margin 0.3s ease;
    box-shadow: 0 4px 2px rgba(0,0,0,0.08)
}

.btn-toggle .tgl-blue+.tgl-btn:active {
    box-shadow: inset 0 0 0 2em #e8eae9
}

.btn-toggle .tgl-blue+.tgl-btn:active:after {
    padding-right: .8em
}

.btn-toggle .tgl-blue:checked+.tgl-btn {
    background: #5423bb
}

.btn-toggle .tgl-blue:checked+.tgl-btn:active {
    box-shadow: none
}

.btn-toggle .tgl-blue:checked+.tgl-btn:active:after {
    margin-left: -.8em
}

.btn-orange-fill-disabled,.btn-orange-fill-disabled:hover {
    cursor: default;
    background-image: none;
    background-color: #DEDEDE;
    -webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 2px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 2px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #9C9C9C
}

.tgl-btn-react {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none;
    background: #FAFBFC;
    border-radius: 2em;
    padding: 2px;
    border: 1px solid #e8eae9
}

.tgl-btn-react .cursor {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    border-radius: 2em;
    background: #fbfbfb;
    box-shadow: 0 4px 2px rgba(0,0,0,0.08)
}

.tgl-btn-react+.checked {
    background: #5423bb
}

.tgl-btn-react.checked {
    background: #5423bb
}

.btn-plus-icon {
    margin-right: 5px
}

.btn-bm-add-more-services:active,.btn-bm-add-more-services:hover {
    background-color: #fff;
    border: 1px solid #d8d8d8
}

.btn-bm-add-more-services:active span,.btn-bm-add-more-services:hover span {
    color: #363946
}

.tgl-btn-react--blue.checked {
    background: #5423bb
}

.g-option {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 4px;
    font-size: 14px !important;
    background: #FFFFFF;
    border: 1px solid #E2E2E2;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 12px 28px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.g-option:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.1)
}

.g-option input {
    width: 4em;
    border: none;
    outline: none;
    display: none
}

.g-option-active {
    border: 1px solid #5423bb;
    color: #5423bb
}

.g-option-active:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-checkbox-circled-baa28f49253769330fa9d040d4916b8c.svg);
    vertical-align: sub;
    float: right;
    margin-left: 8px
}

.btn-fill-disabled,.btn-stroke-disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-fill-disabled:active,.btn-stroke-disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-fill-disabled:hover,.btn-stroke-disabled:hover {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-stroke-disabled {
    background-color: inherit
}

.btn-stroke-disabled:active {
    background-color: inherit
}

.btn-stroke-disabled:hover {
    background-color: inherit
}

.btn-clear {
    display: inline-block;
    cursor: pointer;
    padding: 14px 0;
    font-size: 15px;
    border-radius: 40px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    background: #fff;
    color: #4A5155;
    outline: none !important
}

.btn-clear:disabled {
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579
}

.btn-clear:disabled:hover,.btn-clear:disabled:active {
    background-image: none;
    cursor: default;
    background-color: #ececec;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.15);
    border: 1px solid #d8dee3;
    color: #6d7579 !important
}

.btn-clear:hover {
    background: #fff;
    color: #5423bb
}

.btn-clear:disabled {
    border: 1px solid #bac8d6;
    background: #fff;
    color: #4A5155
}

a,button {
    -webkit-transition: 0.3;
    -moz-transition: 0.3;
    transition: 0.3
}

a:focus,button:focus {
    outline: none
}

.buttons {
    padding-top: 10px
}

.buttons::after {
    clear: both;
    content: "";
    display: table
}

.buttons.row [class*="col-"] {
    padding: 5px 10px
}

.modal-footer .buttons {
    padding-top: 0
}

.modal--form .modal-footer .buttons {
    margin-left: auto;
    margin-right: auto;
    max-width: 440px
}

.buttons.row {
    margin-left: -10px;
    margin-right: -10px
}

.buttons--center {
    text-align: center
}

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

.buttons--spacer .button {
    margin: 0 10px
}

.buttons--spacer .button:last-of-type {
    margin-right: 0
}

@media all and (max-width: 767px) {
    .buttons--spacer .button {
        margin:0 0 5px 0
    }
}

.button {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    background: transparent;
    border: none;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 16px;
    overflow: hidden;
    padding: 17px;
    text-align: center;
    vertical-align: middle
}

.buttons .button.button--block+.button.button--block {
    margin-top: 10px
}

.button [class*="icon-"] {
    margin-right: 10px
}

@media screen and (max-width: 767px) {
    .button {
        display:block;
        min-width: initial;
        width: 100%
    }

    .modal-footer .button {
        margin-bottom: 10px
    }

    .buttons--center .button,.buttons--right .button {
        margin-top: 10px
    }
}

@media screen and (min-width: 768px) {
    .buttons--center .button,.buttons--right .button {
        margin-left:10px;
        margin-right: 10px
    }

    .buttons--center .button:first-child,.buttons--right .button:first-child {
        margin-left: 0
    }

    .buttons--center .button:last-child,.buttons--right .button:last-child {
        margin-right: 0
    }

    .buttons--actions .button {
        float: left;
        min-width: initial
    }

    .buttons--actions .button:first-child {
        margin-right: 3%;
        width: 55%
    }

    .buttons--actions .button:last-child {
        width: 42%
    }
}

.button--small {
    line-height: 15px;
    padding: 13px 13px 12px
}

.button--icon-small {
    line-height: 15px;
    padding: 9px 13px 8px
}

.button--xsmall {
    line-height: 15px;
    padding: 8px 8px 7px
}

.button--blue {
    background: #5423bb;
    color: #fff
}

.button--blue:hover {
    background: #ce32a3;
    color: #fff
}

.button--blue:active {
    background: #ce32a3;
    color: #fff
}

.button--blue:focus {
    background: #ce32a3;
    color: #fff
}

.button--green {
    background: #49A443;
    color: #fff
}

.button--green:hover {
    background: #70C06B;
    color: #fff
}

.button--green:active {
    background: #70C06B;
    color: #fff
}

.button--green:focus {
    background: #70C06B;
    color: #fff
}

.button--red {
    background: #F05352;
    color: #fff
}

.button--red:hover {
    background: #ED7161;
    color: #fff
}

.button--red:active {
    background: #ED7161;
    color: #fff
}

.button--red:focus {
    background: #ED7161;
    color: #fff
}

.button--white {
    background: #fff;
    color: #5423bb
}

.button--white:hover {
    background: #fff;
    color: #5423bb
}

.button--white:active {
    background: #fff;
    color: #5423bb
}

.button--white:focus {
    background: #fff;
    color: #5423bb
}

.button--google,.button--facebook,.button--twitter,.button--whatsapp,.button--messanger,.button--gmail_esp,.button--yahoo_esp,.button--outlook_esp,.button--fallback-tray {
    border-radius: 50px
}

.button--google:before,.button--facebook:before,.button--twitter:before,.button--whatsapp:before,.button--messanger:before,.button--gmail_esp:before,.button--yahoo_esp:before,.button--outlook_esp:before,.button--fallback-tray:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 16px;
    content: "";
    display: inline-block;
    margin-right: 15px;
    height: 16px;
    vertical-align: top;
    width: 16px
}

.button--google:hover,.button--facebook:hover,.button--twitter:hover,.button--whatsapp:hover,.button--messanger:hover,.button--gmail_esp:hover,.button--yahoo_esp:hover,.button--outlook_esp:hover,.button--fallback-tray:hover {
    color: #fff
}

.button--google {
    background: #fff
}

.button--google:before {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/google%403x-cca083e3807e398fecd355c1d9e234f2.png)
}

.button--facebook {
    background: #3B5998;
    color: #fff
}

.button--facebook:before {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/facebook%403x-959a093dd4aa0cb6e0cd607bcb6501d1.png)
}

.button--twitter {
    background: #55ACEE;
    color: #fff
}

.button--twitter:before {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/twitter%403x-65633693bbec7e820b812fa2d80acd18.png)
}

.button--whatsapp {
    background: #4CAF50;
    color: #fff
}

.button--whatsapp:before {
    background-image: url(//app.wrench.com/assets/user2/icons/whatsapp@3x-0ee557ccea3bd040663343c3d4b3239b.svg)
}

.button--messanger {
    background: #1E88E5;
    color: #fff
}

.button--messanger:before {
    background-image: url(//app.wrench.com/assets/user2/icons/messenger@3x-467bc6c0e57be67faa155c36a17b99a5.svg)
}

.button--gmail_esp:before {
    background-image: url(//app.wrench.com/assets/user2/icons/gmail_sp@3x-bc728eedfa6b73095626947b765f57e4.svg)
}

.button--yahoo_esp:before {
    background-image: url(//app.wrench.com/assets/user2/icons/yahoo_sp@3x-9a2bbe9c5ee28c5650f785fe4a29c7b5.svg)
}

.button--outlook_esp:before {
    background-image: url(//app.wrench.com/assets/user2/icons/outlook_sp@3x-2ace456d2f2becbcc3a8ad52764aa43c.svg)
}

.button--fallback-tray:before {
    background-image: url(//app.wrench.com/assets/user2/icons/fallback_more_tray-be5ac6a89b3fb5c4c911daa85b3a2783.svg)
}

.um-advice-buttons {
    position: relative
}

.um-advice-buttons__bookmark,.um-advice-buttons__view {
    display: inline-block
}

.um-advice-buttons__bookmark {
    position: absolute;
    right: 0;
    bottom: 0
}

.um-advice-buttons__view {
    width: 100%;
    padding-right: 50px
}

.button--stroke {
    background: transparent;
    border: 1px solid #e7ebeb;
    color: #6d7579;
    padding: 16px
}

.button--stroke:hover {
    background: #E7EBEB;
    border-color: #e7ebeb;
    color: #6d7579
}

.button--stroke:active {
    background: #E7EBEB;
    border-color: #e7ebeb;
    color: #6d7579
}

.button--stroke.button--small {
    padding: 12px 12px 11px
}

.button--stroke.button--xsmall {
    padding: 7px 7px 6px
}

.button--stroke.button--icon-small {
    padding: 8px 12px 9px
}

.button--stroke.button--blue-active {
    background-color: #5423bb;
    color: #fff
}

.button--stroke.button--blue-active:hover:enabled {
    background-color: #5423bb;
    color: #fff
}

.button--stroke.button--blue-active:active:enabled {
    background-color: #5423bb;
    color: #fff
}

.button--stroke.button--blue:enabled {
    border-color: #5423bb;
    color: #5423bb
}

.button--stroke.button--blue:enabled:hover:enabled {
    background: transparent;
    border-color: #ce32a3;
    color: #ce32a3
}

.button--stroke.button--blue:enabled:active:enabled {
    background: transparent;
    border-color: #ce32a3;
    color: #ce32a3
}

.button--stroke.button--blue:enabled:focus:enabled {
    background: transparent;
    border-color: #ce32a3;
    color: #ce32a3
}

.button--stroke.button--green {
    border-color: #70C06B;
    color: #70C06B
}

.button--stroke.button--green:hover {
    background: transparent;
    border-color: #49A443;
    color: #49A443
}

.button--stroke.button--green:active {
    background: transparent;
    border-color: #49A443;
    color: #49A443
}

.button--stroke.button--green:focus {
    background: transparent;
    border-color: #49A443;
    color: #49A443
}

.button--stroke.button--red {
    border-color: #ED7161;
    color: #ED7161
}

.button--stroke.button--red:hover {
    background: transparent;
    border-color: #F05352;
    color: #F05352
}

.button--stroke.button--red:active {
    background: transparent;
    border-color: #F05352;
    color: #F05352
}

.button--stroke.button--red:focus {
    background: transparent;
    border-color: #F05352;
    color: #F05352
}

.button--stroke.button--light {
    background: transparent;
    border-color: #86939E;
    color: #fff
}

.button--stroke.button--light:hover {
    background: transparent;
    border-color: #fff;
    color: #fff
}

.button--stroke.button--light:focus {
    background: transparent;
    border-color: #fff;
    color: #fff
}

.button--stroke.button--white {
    background: transparent;
    border-color: #fff;
    color: #fff
}

.button--stroke.button--white:hover {
    background: transparent;
    border-color: #fff;
    color: #fff
}

.button--stroke.button--white:focus {
    background: transparent;
    border-color: #fff;
    color: #fff
}

.button--stroke.button--car-selection {
    padding: 17px 14px 13px;
    border-color: #69adf7
}

.button--stroke.button--car-selection:hover {
    background-color: #145ba9
}

.button--not-clickable {
    cursor: default
}

.button--stroke--nohover:hover {
    background: initial
}

.button--stroke--nohover.button--green:hover {
    background: initial;
    border-color: #36B047;
    color: #36B047
}

.button--trash {
    cursor: pointer;
    padding: 10px 13px 8px 13px;
    border: 1px solid #e7ebeb;
    right: 0;
    top: 0;
    border-radius: 3px;
    background-color: #fff
}

.button--trash:hover {
    background-color: #FAFBFC
}

.button--trash .icon-trash {
    margin-right: 0
}

.button--radius {
    border-radius: 50px
}

.button--thick--blue {
    border: 2px solid #5423bb
}

.button--block {
    display: block;
    min-width: initial;
    width: 100%
}

.button--fullwidth {
    width: 100%
}

.button--inline {
    display: inline-block
}

.button--to-left {
    float: left
}

.button--to-right {
    float: right
}

.button--text-reset {
    letter-spacing: 0;
    text-transform: none
}

.button--square {
    border-radius: 0
}

.button:disabled {
    background: #D7DCE2;
    color: #6d7579;
    box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);
    cursor: default
}

.um-time--header {
    position: relative;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    z-index: 3;
    background-color: #fff;
    width: 100%;
    background: #fff
}

.um-time--header .um-small-circle-tooltip {
    cursor: default;
    position: relative;
    color: #fff;
    font-size: 12px;
    background-color: #C4C4C4;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 2px 0;
    text-align: center;
    border-radius: 50px;
    vertical-align: middle
}

.um-time--header .um-small-circle-tooltip:hover .bd-tooltip-est {
    opacity: 1;
    visibility: visible;
    bottom: 32px
}

.um-time--header .um-small-circle-tooltip .um-tooltip-est {
    font-size: 12px;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background-color: #ce32a3;
    width: 140px;
    padding: 5px;
    border-radius: 3px;
    bottom: 40px;
    left: calc(50% - 70px)
}

.um-time--header .um-small-circle-tooltip .um-tooltip-est:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    bottom: -18px;
    left: calc(50% - 10px);
    border: 10px solid transparent;
    border-top-color: #ce32a3
}

.um-time--header__value {
    display: inline-block;
    margin-right: 20px
}

.um-time--header__value p,.um-time--header__value h5,.um-time--header__value img {
    display: inline-block
}

.um-time--header__value p {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #6d7579
}

.um-time--header--mechanic {
    text-align: center
}

.um-time--header--mechanic__title p {
    font-size: 13px
}

.um-time--header .um-btn-mechanic {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    padding: 10px 0;
    width: 100%;
    background: #fff;
    border: 1px solid #CECECE;
    border-radius: 3px;
    font-size: 13px;
    color: #4A5155;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative
}

.um-time--header .um-btn-mechanic:hover {
    background-color: #e6e6e6
}

.um-time--header .um-btn-mechanic--selected {
    background: #5423bb;
    border: 1px solid #5423bb;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px
}

.um-time--header .um-btn-mechanic--selected:before {
    display: inline-block;
    content: '';
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-check-circle-blue-28e17da18b287a8f8b74b171e5e3d746.svg);
    color: #5423bb;
    text-align: center;
    padding-top: 2px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    border-radius: 50px;
    left: 10px;
    top: 10px
}

.um-time--header .um-btn-mechanic--selected:hover {
    background-color: #ce32a3 !important
}

.um-time--header .um-mechanic-message {
    text-align: left
}

.bd-btn-mechanic-dropdown:after {
    content: " ";
    display: block;
    position: absolute;
    right: 12px;
    top: 16px;
    width: 13px;
    height: 15px;
    border: 6px solid transparent;
    border-top-color: #363946
}

.bd-btn-mechanic-dropdown-selected:after {
    border: 6px solid transparent;
    border-top-color: #fff
}

.bd-dropdown {
    position: relative;
    z-index: 2
}

.bd-dropdown .bd-dropdown-options {
    height: 200px;
    width: 100%;
    text-align: left;
    border-radius: 3px;
    position: absolute;
    background-color: #fff;
    z-index: 999;
    margin-top: 5px;
    background: #fff;
    border: 1px solid #CBCBCB;
    box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.2);
    overflow: scroll
}

.bd-dropdown .bd-dropdown-options ul {
    list-style: none;
    padding: 0
}

.bd-dropdown .bd-dropdown-options ul li {
    cursor: pointer;
    padding: 15px;
    border-bottom: 1px solid #CBCBCB;
    padding-left: 62px
}

.bd-dropdown .bd-dropdown-options ul li:hover {
    background-color: #FAFBFC
}

.bd-dropdown .bd-dropdown-options ul li .bd-dropdown-avatar {
    display: inline-block;
    position: absolute;
    left: 10px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100px;
    margin-right: 10px
}

.bd-dropdown .bd-dropdown-options ul li .bd-dropdown-avatar img {
    width: 100%
}

.bd-dropdown .bd-dropdown-options ul li .bd-dropdown-data {
    display: inline-block
}

.bd-dropdown .bd-dropdown-options ul li .bd-dropdown-data h5 {
    margin-top: 4px
}

.bd-dropdown .bd-dropdown-options ul li .bd-dropdown-data h5,.bd-dropdown .bd-dropdown-options ul li .bd-dropdown-data p {
    display: block;
    margin: 0
}

.bd-dropdown .bd-dropdown-options.ng-enter {
    transition: 0.3s;
    opacity: 0;
    margin-top: 15px
}

.bd-dropdown .bd-dropdown-options.ng-enter-active {
    opacity: 1;
    margin-top: 5px
}

.button--part {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    text-align: left
}

.button--part span:nth-child(2) {
    width: 40%;
    text-align: right;
    color: #6d7579;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400
}

.button--part span:nth-child(1) {
    width: 60%;
    color: #363946;
    margin-right: 10px
}

.button--mechanic-unavailable {
    cursor: not-allowed
}

.button--mechanic-unavailable:hover {
    background-color: initial
}

.button--car-details {
    padding: 10px
}

.button--ultra-dark-blue {
    background: #363946;
    color: #fff;
    padding: 12px !important
}

.button--ultra-dark-blue:hover {
    background: #4c5063;
    color: #fff
}

.button--ultra-dark-blue:active {
    background: #4c5063;
    color: #fff
}

.button--ultra-dark-blue:focus {
    background: #4c5063;
    color: #fff
}

.button--options {
    background: transparent;
    border-radius: 4px;
    height: 40px;
    padding: 10px 0;
    width: 40px;
    border: 1px solid #e7ebeb
}

.button--options span {
    background: #DCE1E5;
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    width: 6px;
    margin-right: 2px
}

.button--options span:last-of-type {
    margin-right: 0
}

.option-button {
    background: #fff;
    border: 1px solid #e7ebeb;
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
    border-radius: 3px;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 16px 30px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    cursor: pointer;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #6d7579
}

.option-button:hover {
    background-color: #FAFBFC
}

.option-button--active {
    background-color: #5423bb;
    color: #fff;
    box-shadow: none
}

.option-button--active:hover {
    background-color: #1a6fcc
}

.shadow-box-fill {
    display: block;
    background-color: #fff;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    transition: box-shadow 0.3s;
    margin-bottom: 10px;
    z-index: 99;
    border: 1px solid #e7ebeb
}

.shadow-box-fill .make-icon {
    float: right;
    width: auto;
    height: auto;
    margin-top: -6px;
    max-height: 45px;
    max-width: 45px
}

.shadow-box-fill:hover {
    box-shadow: 0 5px 14px rgba(0,0,0,0.1)
}

.shadow-box-fill .post-text {
    padding: 20px
}

.shadow-box-fill .post-text h5 {
    padding-top: 10px
}

.bd_nfl {
    background-color: #008e48;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: -20px;
    margin-left: -20px;
    height: 40px
}

.bd_nfl_text {
    color: white;
    font-weight: 900;
    margin-left: 20px;
    font-size: 11px
}

@media only screen and (max-width: 768px) {
    .bd_nfl_text {
        font-size:12px
    }
}

@media only screen and (max-width: 320px) {
    .bd_nfl_text {
        font-size:10px
    }
}

.bd_nfl_logo {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/castrol_nfl_148-f16bb51bb0da0832074a28b4e853b67d.png);
    height: 100%;
    width: 90px;
    background-size: contain;
    background-position-y: center;
    background-repeat: no-repeat;
    margin-right: 20px
}

.castrol_promo {
    background-color: #008e48;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: -20px;
    margin-left: -20px;
    height: 40px
}

.castrol_promo_text {
    color: white;
    font-weight: 900;
    margin-left: 20px;
    font-size: 11px
}

@media only screen and (max-width: 768px) {
    .castrol_promo_text {
        font-size:12px
    }
}

@media only screen and (max-width: 320px) {
    .castrol_promo_text {
        font-size:10px
    }
}

.castrol_promo_logo {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/castrol_148-77d87e1fb1950ea533c823120c32a822.png);
    height: 100%;
    width: 90px;
    background-size: contain;
    background-position-y: center;
    background-repeat: no-repeat;
    margin-right: 20px
}

.photo-module {
    position: relative;
    display: block;
    width: 100%;
    background-size: cover;
    height: 230px
}

.photo-module .play-icon {
    position: absolute;
    bottom: 0;
    right: 0px;
    margin: 15px;
    display: block;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-play-7d1a209a088617ef51fc64ae3d4aa139.svg);
    background-size: cover;
    float: right;
    width: 68px;
    height: 68px
}

.video-module {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    height: 230px
}

.video-module .play-icon {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-play-7d1a209a088617ef51fc64ae3d4aa139.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    margin: auto;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.video-module img {
    width: 135%;
    height: auto;
    position: absolute;
    right: -25%
}

.video-module-article {
    overflow: hidden;
    position: relative;
    display: block;
    min-height: 200px;
    float: right;
    width: 300px;
    margin: 20px 0 20px 20px
}

@media only screen and (max-width: 991px) {
    .video-module-article {
        float:none;
        width: 100%;
        margin: 15px 0px
    }
}

.video-module-article .play-icon {
    position: absolute;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-play-7d1a209a088617ef51fc64ae3d4aa139.svg);
    background-size: cover;
    width: 68px;
    height: 68px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.video-module-article img {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    border-radius: 4px
}

.photo-article {
    overflow: hidden;
    position: relative;
    display: block;
    min-height: 200px;
    float: right;
    width: 300px;
    margin: 20px 0 20px 20px
}

@media only screen and (max-width: 991px) {
    .photo-article {
        float:none;
        width: 100%;
        margin: 0px
    }
}

.photo-article img {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    border-radius: 4px
}

.play-cover {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/play-button-6526c70f2b785f2f648175e5add9b4c6.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px;
    cursor: pointer
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.star-ratings-sprite-xl {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/star-rating-sprite-02cbf084bd510a7f6cf770ca056320c5.svg) repeat-x;
    display: inline-block;
    font-size: 0;
    height: 32px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 163px;
    margin: 0 auto;
    margin-top: 10px;
    background-size: 32px
}

.star-ratings-sprite-xl .rating {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/star-rating-sprite-02cbf084bd510a7f6cf770ca056320c5.svg) repeat-x;
    background-position: 0 100%;
    float: left;
    height: 31px;
    display: block;
    background-size: 32px
}

.star-ratings-sprite {
    display: inline-block;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/star-rating-sprite-02cbf084bd510a7f6cf770ca056320c5.svg) repeat-x;
    font-size: 0;
    height: 21px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 110px;
    margin: 0 auto;
    margin-top: 10px
}

.star-ratings-sprite .rating {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/star-rating-sprite-02cbf084bd510a7f6cf770ca056320c5.svg) repeat-x;
    background-position: 0 100%;
    float: left;
    height: 21px;
    display: block
}

.star-ratings-sprite-review {
    display: inline-block;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/star-review-sprite-2ac9454677373baf787a169e2fd6d994.svg) repeat-x;
    font-size: 0;
    height: 31px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 170px;
    margin: 0 auto;
    margin-top: 10px
}

.star-ratings-sprite-review .rating {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/star-review-sprite-2ac9454677373baf787a169e2fd6d994.svg) repeat-x;
    background-position: 0 100%;
    float: left;
    height: 31px;
    display: block
}

.star-ratings-dark-sprite {
    display: inline-block;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/stars-dark-937864f5f5cb215e6611512fc45d5265.svg) repeat-x;
    font-size: 0;
    height: 13px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 70px;
    margin: 0 auto;
    margin-top: 10px
}

.star-ratings-dark-sprite .rating {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/stars-dark-937864f5f5cb215e6611512fc45d5265.svg) repeat-x;
    background-position: 0 100%;
    float: left;
    height: 13px;
    display: block
}

.number-of-reviews {
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 9px
}

.star {
    background-image: url("../mechanic_profile/icons/star-spritesheet.png");
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle
}

.star-1 {
    width: 137px;
    height: 24px;
    background-position: -1px -0px
}

.star-2 {
    width: 137px;
    height: 24px;
    background-position: -1px -24px
}

.star-3 {
    width: 137px;
    height: 24px;
    background-position: -1px -48px
}

.star-4 {
    width: 137px;
    height: 24px;
    background-position: -1px -71px
}

.star-5 {
    width: 137px;
    height: 24px;
    background-position: -1px -95px
}

#general-rating {
    display: inline-block;
    vertical-align: middle
}

.rating {
    fill: #bebebe
}

.rating-05 .stars-0h,.rating-10 .stars-1f,.rating-15 .stars-1f,.rating-15 .stars-1h {
    fill: #5423bb
}

.rating-20 .stars-1f,.rating-20 .stars-2f,.rating-25 .stars-1f,.rating-25 .stars-2f,.rating-25 .stars-2h {
    fill: #5423bb
}

.rating-30 .stars-1f,.rating-30 .stars-2f,.rating-30 .stars-3f,.rating-35 .stars-1f,.rating-35 .stars-2f,.rating-35 .stars-3f,.rating-35 .stars-3h {
    fill: #5423bb
}

.rating-40 .stars-1f,.rating-40 .stars-2f,.rating-40 .stars-3f,.rating-40 .stars-4f,.rating-45 .stars-1f,.rating-45 .stars-2f,.rating-45 .stars-3f,.rating-45 .stars-4f,.rating-45 .stars-4h {
    fill: #5423bb
}

.rating-50 .stars-1f,.rating-50 .stars-2f,.rating-50 .stars-3f,.rating-50 .stars-4f,.rating-50 .stars-5f {
    fill: #5423bb
}

.rating-10 .stars-0h,.rating-15 .stars-0h,.rating-20 .stars-0h,.rating-20 .stars-1h,.rating-25 .stars-0h,.rating-25 .stars-1h,.rating-30 .stars-0h,.rating-30 .stars-1h,.rating-30 .stars-2h,.rating-35 .stars-0h,.rating-35 .stars-1h,.rating-35 .stars-2h,.rating-40 .stars-0h,.rating-40 .stars-1h,.rating-40 .stars-2h,.rating-40 .stars-3h,.rating-45 .stars-0h,.rating-45 .stars-1h,.rating-45 .stars-2h,.rating-45 .stars-3h,.rating-50 .stars-0h,.rating-50 .stars-1h,.rating-50 .stars-2h,.rating-50 .stars-3h,.rating-50 .stars-4h {
    display: none
}

.icon-section {
    padding: 20px
}

.icon-section .mechanic-name {
    margin-bottom: 0;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px
}

.icon-section h5 {
    margin-bottom: 15px
}

.icon-section img {
    margin-bottom: 15px
}

.mechanic-badges {
    margin-top: 15px
}

.mechanic-badges img {
    margin-bottom: 0 !important
}

.mechanic-stats {
    padding: 20px
}

.comment-author {
    font-size: 15px;
    color: #4A5155
}

.mechanic-image-container {
    border: 1px solid #FAFBFC;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 50%
}

.mechanic-image-container img {
    width: 100%
}

.mechanic-image-container-big {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 50%
}

.mechanic-image-container-big img {
    width: 115%
}

.map-circle {
    display: inline-block;
    vertical-align: sub;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    margin-right: 10px
}

.ava {
    background: #5423bb
}

.com {
    background: #7fd4fe
}

.helpful-block {
    padding: 25px;
    margin-top: 30px
}

.helpful-block h5 {
    clear: both;
    display: inline-block;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #6d7579
}

.helpful-block #yes {
    color: #5423bb;
    margin-left: 20px
}

.helpful-block #no {
    color: #5423bb;
    margin-left: 20px
}

.progress-radial {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #5423bb
}

.progress-radial .overlay {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 10px;
    margin-top: 10px;
    text-align: center;
    line-height: 50px;
    font-size: 16px
}

.progress-0 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(90deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-1 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(93.6deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-2 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(97.2deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-3 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(100.8deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-4 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(104.4deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-5 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(108deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-6 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(111.6deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-7 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(115.2deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-8 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(118.8deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-9 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(122.4deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-10 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(126deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-11 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(129.6deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-12 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(133.2deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-13 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(136.8deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-14 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(140.4deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-15 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(144deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-16 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(147.6deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-17 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(151.2deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-18 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(154.8deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-19 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(158.4deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-20 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(162deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-21 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(165.6deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-22 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(169.2deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-23 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(172.8deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-24 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(176.4deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-25 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(180deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-26 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(183.6deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-27 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(187.2deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-28 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(190.8deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-29 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(194.4deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-30 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(198deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-31 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(201.6deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-32 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(205.2deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-33 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(208.8deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-34 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(212.4deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-35 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(216deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-36 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(219.6deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-37 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(223.2deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-38 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(226.8deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-39 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(230.4deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-40 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(234deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-41 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(237.6deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-42 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(241.2deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-43 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(244.8deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-44 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(248.4deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-45 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(252deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-46 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(255.6deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-47 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(259.2deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-48 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(262.8deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-49 {
    background-image: linear-gradient(90deg, #FAFBFC 50%, transparent 50%, transparent),linear-gradient(266.4deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-50 {
    background-image: linear-gradient(-90deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-51 {
    background-image: linear-gradient(-86.4deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-52 {
    background-image: linear-gradient(-82.8deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-53 {
    background-image: linear-gradient(-79.2deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-54 {
    background-image: linear-gradient(-75.6deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-55 {
    background-image: linear-gradient(-72deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-56 {
    background-image: linear-gradient(-68.4deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-57 {
    background-image: linear-gradient(-64.8deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-58 {
    background-image: linear-gradient(-61.2deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-59 {
    background-image: linear-gradient(-57.6deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-60 {
    background-image: linear-gradient(-54deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-61 {
    background-image: linear-gradient(-50.4deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-62 {
    background-image: linear-gradient(-46.8deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-63 {
    background-image: linear-gradient(-43.2deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-64 {
    background-image: linear-gradient(-39.6deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-65 {
    background-image: linear-gradient(-36deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-66 {
    background-image: linear-gradient(-32.4deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-67 {
    background-image: linear-gradient(-28.8deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-68 {
    background-image: linear-gradient(-25.2deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-69 {
    background-image: linear-gradient(-21.6deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-70 {
    background-image: linear-gradient(-18deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-71 {
    background-image: linear-gradient(-14.4deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-72 {
    background-image: linear-gradient(-10.8deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-73 {
    background-image: linear-gradient(-7.2deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-74 {
    background-image: linear-gradient(-3.6deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-75 {
    background-image: linear-gradient(0deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-76 {
    background-image: linear-gradient(3.6deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-77 {
    background-image: linear-gradient(7.2deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-78 {
    background-image: linear-gradient(10.8deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-79 {
    background-image: linear-gradient(14.4deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-80 {
    background-image: linear-gradient(18deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-81 {
    background-image: linear-gradient(21.6deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-82 {
    background-image: linear-gradient(25.2deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-83 {
    background-image: linear-gradient(28.8deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-84 {
    background-image: linear-gradient(32.4deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-85 {
    background-image: linear-gradient(36deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-86 {
    background-image: linear-gradient(39.6deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-87 {
    background-image: linear-gradient(43.2deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-88 {
    background-image: linear-gradient(46.8deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-89 {
    background-image: linear-gradient(50.4deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-90 {
    background-image: linear-gradient(54deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-91 {
    background-image: linear-gradient(57.6deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-92 {
    background-image: linear-gradient(61.2deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-93 {
    background-image: linear-gradient(64.8deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-94 {
    background-image: linear-gradient(68.4deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-95 {
    background-image: linear-gradient(72deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-96 {
    background-image: linear-gradient(75.6deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-97 {
    background-image: linear-gradient(79.2deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-98 {
    background-image: linear-gradient(82.8deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-99 {
    background-image: linear-gradient(86.4deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.progress-100 {
    background-image: linear-gradient(90deg, #5423bb 50%, transparent 50%, transparent),linear-gradient(270deg, #5423bb 50%, #FAFBFC 50%, #FAFBFC)
}

.flip-container {
    margin: 0 auto;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000
}

.flip-container h5 {
    margin-bottom: 0;
    margin-top: 10px
}

.front {
    display: inline-block;
    padding: 20px
}

.front {
    background-color: #fff
}

.team-heading {
    padding-left: 20px
}

@media only screen and (max-width: 992px) {
    .team-photo {
        max-width:100px !important;
        max-height: 100px !important
    }

    .text-uppercase {
        font-size: 14px
    }

    .team-role {
        font-size: 14px
    }

    .front {
        padding: 20px 10px 20px 10px
    }
}

.back {
    background-color: #fff;
    z-index: 999;
    display: none
}

.flip-container,.front,.back {
    width: 100%;
    height: 220px
}

.hr-expand {
    margin-left: -25px;
    margin-right: -25px
}

.modal-backdrop {
    bottom: 0;
    position: fixed
}

.cssload-container {
    display: block;
    margin: auto;
    width: 20px
}

.cssload-loading {
    width: 18px;
    height: 18px;
    text-align: left;
    animation: cssload-loading-ani1 2.3s ease-in-out infinite;
    -o-animation: cssload-loading-ani1 2.3s ease-in-out infinite;
    -ms-animation: cssload-loading-ani1 2.3s ease-in-out infinite;
    -webkit-animation: cssload-loading-ani1 2.3s ease-in-out infinite;
    -moz-animation: cssload-loading-ani1 2.3s ease-in-out infinite
}

.cssload-loading i,.cssload-loading i:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute
}

.cssload-loading i {
    border-radius: 50%;
    overflow: hidden
}

.cssload-loading i:nth-child(1) {
    background: #1a78cc;
    transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px)
}

.cssload-loading i:nth-child(1):before {
    background: #218ae7;
    bottom: 0;
    animation: cssload-loading-ani2 2.3s ease-in-out infinite;
    -o-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
    -ms-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
    -webkit-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
    -moz-animation: cssload-loading-ani2 2.3s ease-in-out infinite
}

.cssload-loading i:nth-child(2) {
    background: #1a78cc;
    transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px)
}

.cssload-loading i:nth-child(2):before {
    animation: cssload-loading-ani2 2.3s ease-in-out infinite;
    -o-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
    -ms-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
    -webkit-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
    -moz-animation: cssload-loading-ani2 2.3s ease-in-out infinite;
    background: #218ae7
}

@keyframes cssload-loading-ani1 {
    40%, 50% {
        transform: rotate(180deg)
    }

    90%, 100% {
        transform: rotate(360deg)
    }
}

@-o-keyframes cssload-loading-ani1 {
    40%, 50% {
        -o-transform: rotate(180deg)
    }

    90%, 100% {
        -o-transform: rotate(360deg)
    }
}

@-ms-keyframes cssload-loading-ani1 {
    40%, 50% {
        -ms-transform: rotate(180deg)
    }

    90%, 100% {
        -ms-transform: rotate(360deg)
    }
}

@-webkit-keyframes cssload-loading-ani1 {
    40%, 50% {
        -webkit-transform: rotate(180deg)
    }

    90%, 100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes cssload-loading-ani1 {
    40%, 50% {
        -moz-transform: rotate(180deg)
    }

    90%, 100% {
        -moz-transform: rotate(360deg)
    }
}

@keyframes cssload-loading-ani2 {
    40%, 100% {
        height: 100%
    }

    50%, 90% {
        height: 0
    }
}

@-o-keyframes cssload-loading-ani2 {
    40%, 100% {
        height: 100%
    }

    50%, 90% {
        height: 0
    }
}

@-ms-keyframes cssload-loading-ani2 {
    40%, 100% {
        height: 100%
    }

    50%, 90% {
        height: 0
    }
}

@-webkit-keyframes cssload-loading-ani2 {
    40%, 100% {
        height: 100%
    }

    50%, 90% {
        height: 0
    }
}

@-moz-keyframes cssload-loading-ani2 {
    40%, 100% {
        height: 100%
    }

    50%, 90% {
        height: 0
    }
}

.mb-loader.three-dots:before,.mb-loader.three-dots:after,.mb-loader.three-dots {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load-three-dots 1.8s infinite ease-in-out;
    animation: load-three-dots 1.8s infinite ease-in-out
}

.mb-loader.three-dots {
    margin-left: 20px;
    margin-top: -7px;
    font-size: 6px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

.mb-loader.three-dots:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.mb-loader.three-dots:after {
    left: 3.5em
}

.mb-loader.three-dots:before,.mb-loader.three-dots:after {
    content: "";
    position: absolute;
    top: 0
}

@-webkit-keyframes load-three-dots {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em #ffffff
    }

    40% {
        box-shadow: 0 2.5em 0 0 #fff
    }
}

@keyframes load-three-dots {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em #ffffff
    }

    40% {
        box-shadow: 0 2.5em 0 0 #fff
    }
}

.bar-spinner,.bar-spinner:before,.bar-spinner:after {
    width: 4px;
    height: 20px;
    background-color: #D7DCE2;
    border-radius: 2px
}

.bar-spinner {
    display: inline-block;
    position: relative
}

.bar-spinner:before,.bar-spinner:after {
    content: "";
    position: absolute;
    display: block;
    top: 0px
}

.bar-spinner:before {
    left: -6px
}

.bar-spinner:after {
    left: 6px
}

@keyframes bounce-middle {
    0% {
        height: 4px;
        margin-top: 8px;
        margin-bottom: 8px
    }

    50% {
        height: 20px;
        margin-top: 0px;
        margin-bottom: 0px
    }

    100% {
        height: 4px;
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.bar-spinner__bounce-middle {
    animation: bounce-middle 0.6s ease 0.1s infinite
}

.bar-spinner__bounce-middle:before,.bar-spinner__bounce-middle:after {
    top: 50%;
    transform: translateY(-10px) translateZ(0)
}

.bar-spinner__bounce-middle:before {
    animation: bounce-middle 0.6s ease 0s infinite
}

.bar-spinner__bounce-middle:after {
    animation: bounce-middle 0.6s ease 0.2s infinite
}

.abs_1 {
    background-image: url("../booking/warning_lights/abs_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.abs_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.abs_2 {
    background-image: url("../booking/warning_lights/abs_2.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.abs_2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.autoheadlight_1 {
    background-image: url("../booking/warning_lights/autoheadlight_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.autoheadlight_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.brakepad_1 {
    background-image: url("../booking/warning_lights/brakepad_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.brakepad_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.brakewarn_1 {
    background-image: url("../booking/warning_lights/brakewarn_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.brakewarn_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.brakewarn_2 {
    background-image: url("../booking/warning_lights/brakewarn_2.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.brakewarn_2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.brakewarn_3 {
    background-image: url("../booking/warning_lights/brakewarn_3.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.brakewarn_3:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.catalytic_1 {
    background-image: url("../booking/warning_lights/catalytic_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.catalytic_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.charge_1 {
    background-image: url("../booking/warning_lights/charge_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.charge_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.charge_2 {
    background-image: url("../booking/warning_lights/charge_2.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.charge_2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.charge_3 {
    background-image: url("../booking/warning_lights/charge_3.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.charge_3:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.charge_4 {
    background-image: url("../booking/warning_lights/charge_4.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.charge_4:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.checkeng_1 {
    background-image: url("../booking/warning_lights/checkeng_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.checkeng_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.checkeng_2 {
    background-image: url("../booking/warning_lights/checkeng_2.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.checkeng_2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.checkeng_3 {
    background-image: url("../booking/warning_lights/checkeng_3.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.checkeng_3:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.cruise_1 {
    background-image: url("../booking/warning_lights/cruise_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.cruise_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.cruise_2 {
    background-image: url("../booking/warning_lights/cruise_2.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.cruise_2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.def_1 {
    background-image: url("../booking/warning_lights/def_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.def_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.dooropen_1 {
    background-image: url("../booking/warning_lights/dooropen_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.dooropen_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.dpf_1 {
    background-image: url("../booking/warning_lights/dpf_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.dpf_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.ecodrive_1 {
    background-image: url("../booking/warning_lights/ecodrive_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.ecodrive_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.evdrive_1 {
    background-image: url("../booking/warning_lights/evdrive_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.evdrive_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.foglight_1 {
    background-image: url("../booking/warning_lights/foglight_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.foglight_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.gascap_1 {
    background-image: url("../booking/warning_lights/gascap_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.gascap_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.glowplug_1 {
    background-image: url("../booking/warning_lights/glowplug_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.glowplug_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.highbeam_1 {
    background-image: url("../booking/warning_lights/highbeam_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.highbeam_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.lampout_1 {
    background-image: url("../booking/warning_lights/lampout_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.lampout_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.lampout_2 {
    background-image: url("../booking/warning_lights/lampout_2.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.lampout_2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.lowcoolant_1 {
    background-image: url("../booking/warning_lights/lowcoolant_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.lowcoolant_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.lowcoolant_2 {
    background-image: url("../booking/warning_lights/lowcoolant_2.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.lowcoolant_2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.lowcoolant_3 {
    background-image: url("../booking/warning_lights/lowcoolant_3.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.lowcoolant_3:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.lowoil_1 {
    background-image: url("../booking/warning_lights/lowoil_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.lowoil_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.maintreq_1 {
    background-image: url("../booking/warning_lights/maintreq_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.maintreq_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.maintreq_2 {
    background-image: url("../booking/warning_lights/maintreq_2.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.maintreq_2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.od_1 {
    background-image: url("../booking/warning_lights/od_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.od_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.parkbrake_1 {
    background-image: url("../booking/warning_lights/parkbrake_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.parkbrake_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.pcs_1 {
    background-image: url("../booking/warning_lights/pcs_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.pcs_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.powersteering_1 {
    background-image: url("../booking/warning_lights/powersteering_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.powersteering_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.rearwindefrost_1 {
    background-image: url("../booking/warning_lights/rearwindefrost_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.rearwindefrost_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.reducedpower_1 {
    background-image: url("../booking/warning_lights/reducedpower_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.reducedpower_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.seatbelt_1 {
    background-image: url("../booking/warning_lights/seatbelt_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.seatbelt_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.security_1 {
    background-image: url("../booking/warning_lights/security_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.security_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.security_2 {
    background-image: url("../booking/warning_lights/security_2.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.security_2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.servicesoon_1 {
    background-image: url("../booking/warning_lights/servicesoon_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.servicesoon_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.srs_1 {
    background-image: url("../booking/warning_lights/srs_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.srs_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.temp_1 {
    background-image: url("../booking/warning_lights/temp_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.temp_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.throttle_1 {
    background-image: url("../booking/warning_lights/throttle_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.throttle_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.throttle_2 {
    background-image: url("../booking/warning_lights/throttle_2.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.throttle_2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.tire_1 {
    background-image: url("../booking/warning_lights/tire_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.tire_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.traction_1 {
    background-image: url("../booking/warning_lights/traction_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.traction_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.traction_2 {
    background-image: url("../booking/warning_lights/traction_2.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.traction_2:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.traction_3 {
    background-image: url("../booking/warning_lights/traction_3.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.traction_3:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.traction_4 {
    background-image: url("../booking/warning_lights/traction_4.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.traction_4:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.transmissiontemp_1 {
    background-image: url("../booking/warning_lights/transmissiontemp_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.transmissiontemp_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.washerfluid_1 {
    background-image: url("../booking/warning_lights/washerfluid_1.png");
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.washerfluid_1:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.ym-timeline-container {
    width: 100%;
    margin: 0 auto
}

.ym-timeline-container::after {
    content: "";
    display: table;
    clear: both
}

#ym-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em
}

#ym-timeline::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 1px;
    background: #e4e6e7
}

@media only screen and (min-width: 1170px) {
    #ym-timeline {
        margin-top:3em;
        margin-bottom: 3em
    }

    #ym-timeline::before {
        left: 50%;
        margin-left: -2px
    }
}

.ym-timeline-block {
    position: relative;
    margin: 2em 0
}

.ym-timeline-block:after {
    content: "";
    display: table;
    clear: both
}

.ym-timeline-block:first-child {
    margin-top: 0
}

.ym-timeline-block:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1170px) {
    .ym-timeline-block {
        margin:4em 0
    }

    .ym-timeline-block:first-child {
        margin-top: 0
    }

    .ym-timeline-block:last-child {
        margin-bottom: 0
    }
}

.ym-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e4e6e7
}

.cssanimations .ym-timeline-img.is-hidden {
    visibility: hidden
}

.cssanimations .ym-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: ym-bounce-1 0.6s;
    -moz-animation: ym-bounce-1 0.6s;
    animation: ym-bounce-1 0.6s
}

@-webkit-keyframes ym-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes ym-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5)
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@keyframes ym-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.ym-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    padding: 15px 20px;
    -webkit-transition: box-shadow,0.6s;
    -moz-transition: box-shadow,0.6s;
    transition: box-shadow,0.6s
}

.ym-timeline-content:hover {
    box-shadow: 0px 10px 24px 0px rgba(0,0,0,0.1)
}

.ym-timeline-content:after {
    content: "";
    display: table;
    clear: both
}

.ym-timeline-content .ym-read-more,.ym-timeline-content .ym-date {
    display: inline-block
}

.ym-timeline-content .ym-read-more {
    float: right;
    padding: 0.8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: 0.25em
}

.no-touch .ym-timeline-content .ym-read-more:hover {
    background-color: #bac4cb
}

.ym-timeline-content .ym-date {
    float: left;
    padding: 0.8em 0;
    opacity: 0.7
}

.ym-timeline-content::before {
    content: "";
    position: absolute;
    top: 22px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #e6e6e6
}

@media only screen and (min-width: 1170px) {
    .ym-timeline-content {
        margin-left:0;
        padding: 1.6em;
        width: 45%
    }

    .ym-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #e6e6e6
    }

    .ym-timeline-content .ym-read-more {
        float: left
    }

    .ym-timeline-content .ym-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px
    }

    .ym-timeline-block:nth-child(even) .ym-timeline-content {
        float: right
    }

    .ym-timeline-block:nth-child(even) .ym-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #e6e6e6
    }

    .ym-timeline-block:nth-child(even) .ym-timeline-content .ym-read-more {
        float: right
    }

    .ym-timeline-block:nth-child(even) .ym-timeline-content .ym-date {
        left: auto;
        right: 122%;
        text-align: right
    }

    .cssanimations .ym-timeline-content.is-hidden {
        visibility: hidden
    }

    .cssanimations .ym-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: ym-bounce-2 0.6s;
        -moz-animation: ym-bounce-2 0.6s;
        animation: ym-bounce-2 0.6s
    }
}

@media only screen and (min-width: 1170px) {
    .cssanimations .ym-timeline-block:nth-child(even) .ym-timeline-content.bounce-in {
        -webkit-animation:ym-bounce-2-inverse 0.6s;
        -moz-animation: ym-bounce-2-inverse 0.6s;
        animation: ym-bounce-2-inverse 0.6s
    }
}

@-webkit-keyframes ym-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes ym-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@keyframes ym-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes ym-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }

    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes ym-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }

    100% {
        -moz-transform: translateX(0)
    }
}

@keyframes ym-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

.ym-timeline-img {
    width: 10px;
    height: 10px;
    left: 50%;
    margin-left: -6px !important;
    margin-top: 25px !important;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

@media only screen and (max-width: 1169px) {
    .ym-timeline-img {
        left:20px
    }
}

.text-line-separator {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    color: #6d7579
}

.text-line-separator:before,.text-line-separator:after {
    content: "";
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    border-bottom: 1px solid;
    border-color: #e7ebeb
}

.text-line-separator:before {
    margin: 0 0.5em 0 -55%
}

.text-line-separator:after {
    margin: 0 -55% 0 0.5em
}

.shadow-z-1 {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s
}

.shadow-z-1:hover {
    box-shadow: 0 4px 22px 0 rgba(0,0,0,0.1)
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 2rem;
    background-color: #ffffff;
    border-radius: 4px;
    color: #6d7579
}

.table>thead>tr,.table>tbody>tr,.table>tfoot>tr {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
    text-align: left;
    padding: 1.6rem;
    vertical-align: top;
    border-top: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.table>thead>tr>th {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #4A5155;
    vertical-align: bottom;
    border-bottom: 1px solid transparent
}

.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 1px solid rgba(0,0,0,0.12)
}

.table .table {
    background-color: #ffffff
}

.table .no-border {
    border: 0
}

.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td {
    padding: 0.8rem
}

.table-bordered {
    border: 0
}

.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
    border: 0;
    border-bottom: 1px solid red
}

.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th {
    background-color: #FAFBFC
}

@media screen and (max-width: 768px) {
    .table-responsive-vertical>.table {
        margin-bottom:0;
        background-color: transparent
    }

    .table-responsive-vertical>.table>thead,.table-responsive-vertical>.table>tfoot {
        display: none
    }

    .table-responsive-vertical>.table>tbody {
        display: -webkit-inline-box;
        display: -moz-inline-box
    }

    .pricing-table-container,.table-responsive-vertical {
        overflow-x: auto
    }

    #table.noborder tbody {
        border-top: none !important
    }

    .table-responsive-vertical>.table>tbody>tr {
        display: block;
        border: 1px solid #e7ebeb;
        border-radius: 2px;
        margin-bottom: 1.6rem;
        margin-right: 15px
    }

    .table-responsive-vertical>.table>tbody>tr>td {
        background-color: #ffffff;
        display: block;
        vertical-align: middle;
        text-align: right
    }

    .table-responsive-vertical>.table>tbody>tr>td[data-title]:before {
        content: attr(data-title);
        float: left;
        font-size: inherit;
        color: #4A5155;
        margin-right: 10px
    }

    .table-responsive-vertical.shadow-z-1 {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .table-responsive-vertical.shadow-z-1>.table>tbody>tr {
        border: none;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.2);
        box-shadow: 0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.2)
    }

    .table-responsive-vertical>.table-bordered {
        border: 0
    }

    .table-responsive-vertical>.table-bordered>tbody>tr>td {
        border: 0;
        border-bottom: 1px solid #e0e0e0
    }

    .table-responsive-vertical>.table-bordered>tbody>tr>td:last-child {
        border-bottom: 0
    }

    .table-responsive-vertical>.table-striped>tbody>tr>td,.table-responsive-vertical>.table-striped>tbody>tr:nth-child(odd) {
        background-color: #ffffff
    }

    .table-responsive-vertical>.table-striped>tbody>tr>td:nth-child(odd) {
        background-color: #f5f5f5
    }

    .table-responsive-vertical>.table-hover>tbody>tr:hover>td,.table-responsive-vertical>.table-hover>tbody>tr:hover {
        background-color: #ffffff
    }

    .table-responsive-vertical>.table-hover>tbody>tr>td:hover {
        background-color: rgba(0,0,0,0.12)
    }
}

.table-responsive-vertical {
    border-radius: 4px
}

.g-table-transparent {
    width: 100%
}

.g-table-transparent .g-table-header {
    background-color: #FAFBFC
}

.g-table-transparent td,.g-table-transparent th {
    padding: 10px
}

.g-table-transparent tr {
    border-bottom: 1px solid #FAFBFC
}

.g-table-transparent tr:last-child {
    border-bottom: none
}

.g-table-transparent a {
    color: #363946;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    text-decoration: underline !important
}

.g-table-transparent a:hover {
    color: #5423bb
}

.g-table-transparent .g-table-details {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    color: #6d7579;
    letter-spacing: 1px;
    text-align: right;
    cursor: pointer
}

.g-table-transparent .g-table-part-logo img {
    max-height: 16px;
    max-width: 60px
}

.g-table-transparent .g-table--main-column {
    background-color: #5423bb;
    color: #fff;
    border-bottom: 1px solid #1a6fcc
}

.seo-model-make-table tr {
    vertical-align: top
}

@media (max-width: 568px) {
    .seo-model-make-table td {
        display:block
    }
}

.seo-estimates-model-table {
    width: 100%
}

.car-model-list ul li a {
    color: #363946 !important;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

@media (min-width: 768px) {
    .pcode-table .table>thead>tr>th,.pcode-table .table>tbody>tr>th,.pcode-table .table>tfoot>tr>th,.pcode-table .table>thead>tr>td,.pcode-table .table>tbody>tr>td,.pcode-table .table>tfoot>tr>td {
        width:25%
    }
}

.pcode-table .pcode-loading-dots {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start
}

@media (max-width: 767px) {
    .pcode-table .pcode-loading-dots {
        -webkit-box-pack:end;
        -moz-box-pack: end;
        box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -o-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end
    }
}

.list-checked-dark ul {
    list-style: none;
    display: block;
    margin-bottom: 0;
    padding-left: 22px
}

.list-checked-dark li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 10px;
    font-size: 15px;
    list-style-image: url(https://res.cloudinary.com/yourmechanic/image/asset/black-check-10c8c8c1070a10af9b99d07a6efd1c04.svg);
    color: #6d7579
}

.list-checked-lightgray ul {
    list-style: none;
    display: block;
    margin-bottom: 0
}

.list-checked-lightgray li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 10px;
    font-size: 15px;
    list-style-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-light-check-1cd060ff801f3d54c4c3c626e1fee86f.svg);
    color: #6d7579;
    padding-left: 10px
}

.list-checked-lightgray .spaced {
    margin-left: 20px
}

.list-checked-blue ul {
    list-style: none;
    display: block;
    margin-bottom: 0
}

.list-checked-blue li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 10px;
    font-size: 15px;
    list-style-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-green-check-7302fa463a48b6721cb4deca86851c17.svg);
    color: #6d7579
}

.list-checked-blue .spaced {
    margin-left: 20px
}

.standard-list ul {
    list-style: none;
    display: block;
    margin-bottom: 0;
    padding-left: 0
}

.standard-list li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 10px;
    font-size: 15px;
    color: #6d7579
}

.standard-list li a:hover {
    color: #5423bb
}

.standard-list-numbered {
    padding-left: 20px
}

.standard-list-numbered li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 10px;
    font-size: 15px;
    color: #6d7579
}

.standard-list-numbered li a:hover {
    color: #5423bb
}

.standard-list-numbered--white li {
    color: #fff
}

.standard-list-seo ul {
    list-style: none;
    display: block;
    margin-bottom: 0;
    padding: 0 0 0 20px
}

.standard-list-seo li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 10px;
    font-size: 15px;
    list-style-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-circle-chevron-right-08d05eba9c5805ccfbf2911754e8b451.svg);
    list-style-position: outside;
    color: #6d7579
}

.standard-list-seo li a {
    width: 90%;
    color: #6d7579;
    text-decoration: underline;
    vertical-align: text-bottom
}

.standard-list-seo li a:hover {
    color: #5423bb
}

.standard-list-no-dots ul {
    list-style: none;
    display: block;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.standard-list-no-dots li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 10px;
    font-size: 15px;
    color: #6d7579
}

.standard-list-no-dots li a:hover {
    color: #5423bb
}

.standard-list-dotted ul {
    display: block;
    margin-bottom: 0
}

.standard-list-dotted li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 10px;
    font-size: 15px;
    color: #6d7579
}

.standard-list-dotted li a:hover {
    color: #5423bb
}

.standard-list-blue ul {
    list-style: none;
    display: block;
    margin-bottom: 0;
    padding-left: 0
}

.standard-list-blue li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 10px;
    font-size: 15px;
    color: #5423bb
}

.standard-list-blue li a:hover {
    color: #5423bb
}

.standard-list-blue-horizontal ul {
    list-style: none;
    display: block;
    margin-bottom: 0;
    padding-left: 0
}

.standard-list-blue-horizontal li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 10px;
    font-size: 15px;
    float: left;
    color: #5423bb;
    padding-right: 14px
}

.standard-list-blue-horizontal li:hover {
    color: #78b0ee
}

.standard-list-gray-horizontal ul {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0
}

.standard-list-gray-horizontal li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding-top: 10px;
    font-size: 15px;
    font-size: 15px;
    float: left;
    color: #4A5155;
    padding-right: 14px
}

.standard-list-gray-horizontal li:hover {
    color: #5423bb
}

.list-cities ul {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0
}

.list-cities li {
    display: inline-block;
    border: 1px solid #E7EBEB;
    border-radius: 40px;
    margin-top: 10px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding: 6px 16px;
    font-size: 15px;
    float: left;
    color: #4A5155;
    padding-right: 14px;
    margin-right: 5px
}

.list-cities li:hover {
    color: #5423bb
}

.um-custom-service__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.um-custom-service__list li {
    padding: 10px 0;
    border-bottom: 1px solid #e7ebeb;
    color: #6d7579
}

.um-custom-service__list li:last-child {
    border-bottom: none
}

.no-padding-list {
    padding-left: 0 !important;
    margin-top: 0 !important
}

.general-list ul {
    list-style: none;
    padding-left: 0;
    font-size: 15px
}

.general-list ul li a {
    display: inline-block;
    padding-top: 10px;
    color: #6d7579
}

.general-list ul li a:after {
    display: inline-block;
    content: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-chevron-circle-right-gray-a3168251dc7b59423e0b45210d9355f4.svg);
    margin-left: 6px;
    vertical-align: sub
}

.general-list ul li a:hover {
    color: #5423bb
}

.g-seo-links {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.g-seo-links li {
    color: #6d7579;
    padding: 3px 0;
    font-size: 14px
}

.g-seo-links li a {
    cursor: pointer;
    color: #6d7579
}

.g-seo-links li a:hover {
    color: #5423bb
}

.g-seo-links li a:last-of-type {
    padding: 5px 0 0 0
}

.g-link-list__item,.g-link-list__item a {
    display: block;
    color: #363946;
    padding: 3px 0
}

.g-link-list__item:hover,.g-link-list__item a:hover {
    color: #5423bb
}

.review-services-list {
    padding-left: 0;
    list-style: none
}

.review-services-list li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #4A5155;
    line-height: 130%
}

.carousel-control.left,.carousel-control.right {
    background-image: none;
    width: 15px
}

.home-icon-arrow-left {
    display: inline-block;
    background-image: url("../booking/icons/icon-arrow-left.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 40px;
    cursor: pointer
}

.home-icon-arrow-right {
    display: block;
    background-image: url("../booking/icons/icon-arrow-right.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 40px;
    cursor: pointer
}

#price-review-carousel blockquote,#mechanic-carousel blockquote {
    border-left: 0px
}

#price-review-carousel .carousel-indicators,#mechanic-carousel .carousel-indicators {
    bottom: -5px
}

#price-review-carousel .carousel-indicators li,#mechanic-carousel .carousel-indicators li {
    background-color: #ccc;
    background-color: rgba(255,255,255,0.25);
    border: 1px solid #6d7579
}

#price-review-carousel .carousel-indicators .active,#mechanic-carousel .carousel-indicators .active {
    background-color: #6d7579
}

@media (min-width: 768px) and (max-width: 991px) {
    .carousel-seo .carousel-inner .active.left {
        left:-33.3%
    }

    .carousel-seo .carousel-inner .next {
        left: 33.3%
    }

    .carousel-seo .carousel-inner .prev {
        left: -33.3%
    }

    .carousel-seo .active>div:first-child {
        display: block
    }

    .carousel-seo .active>div:first-child+div {
        display: block
    }

    .carousel-seo .active>div:last-child {
        display: none
    }
}

@media (max-width: 767px) {
    .carousel-seo .carousel-inner .active.left {
        left:-100%
    }

    .carousel-seo .carousel-inner .next {
        left: 100%
    }

    .carousel-seo .carousel-inner .prev {
        left: -100%
    }

    .carousel-seo .active>div {
        display: none
    }

    .carousel-seo .active>div:first-child {
        display: block
    }
}

.faq {
    padding: 30px 0
}

.faq .panel:hover {
    background-color: #f4f6f8
}

.faq hr {
    margin: 15px 0
}

.faq h4 {
    color: #4A5155
}

.faq h5 {
    color: #4A5155
}

.faq .panel-body {
    border-top: none !important;
    color: #6d7579
}

.faq .panel-title {
    color: #4A5155;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 14px
}

.faq .panel {
    border: none;
    background: none;
    border-radius: 0;
    box-shadow: none
}

.faq h4:after {
    content: url(https://res.cloudinary.com/yourmechanic/image/asset/chevron-up-small-25427df5691877539445657f2942e5be.svg);
    float: right;
    font-size: 10px;
    font-weight: 300;
    transition: .5s
}

.faq .panel-title:after {
    color: #6d7579
}

.faq .collapsed:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq-list h5 a {
    color: #4A5155
}

.faq-list ul li a {
    color: #6d7579;
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .faq-list ul li a {
        font-size:15px
    }
}

.faq-list ul li a:hover {
    color: #5423bb
}

#service li,#booking li,#payment li,#parts li,#billing li,#mechanics li,#warranty li {
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    #service li,#booking li,#payment li,#parts li,#billing li,#mechanics li,#warranty li {
        font-size:15px
    }
}

.blue-info-box {
    display: block;
    width: 100%;
    padding: 15px 15px;
    background: #EAF8FF;
    border: 1px solid #4DC4FF;
    border-radius: 4px;
    overflow: hidden
}

.blue-info-box .exclamation-circle {
    color: #5423bb;
    text-align: center;
    border-radius: 20px;
    display: inline-block;
    float: left;
    overflow: hidden;
    border: 1px solid #5423bb;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-right: 8px
}

.blue-info-box p {
    color: #5423bb;
    font-size: 12px;
    display: inline-block;
    width: 86%
}

.blue-info-box img {
    display: inline-block
}

.blue-info-box ul li {
    color: #5423bb;
    font-size: 12px
}

.mainblue-info-box {
    display: block;
    width: 100%;
    padding: 15px 15px;
    background: #EAF8FF;
    border: 1px solid #5423bb;
    border-radius: 4px;
    overflow: hidden
}

.mainblue-info-box .exclamation-circle {
    color: #5423bb;
    text-align: center;
    border-radius: 20px;
    display: inline-block;
    float: left;
    overflow: hidden;
    border: 1px solid #5423bb;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-right: 8px
}

.mainblue-info-box p {
    color: #5423bb !important;
    font-size: 13px !important;
    display: inline-block !important
}

.mainblue-info-box img {
    display: inline-block
}

.mainblue-info-box ul li {
    color: #5423bb;
    font-size: 12px
}

.mainblue-info-box a {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    text-decoration: underline
}

.mainblue-info-box span {
    color: #5423bb !important;
    font-size: 12px !important
}

.mainblue-info-box--react a {
    margin: 0 4px
}

.mainblue-info-box--text {
    display: inline-block;
    color: #ce32a3;
    font-size: 13px
}

.green-info-box {
    display: block;
    width: 100%;
    padding: 15px 15px;
    background: #e9f5e8;
    border: 1px solid #70C06B;
    border-radius: 4px;
    overflow: hidden
}

.green-info-box .exclamation-circle {
    color: #70C06B;
    text-align: center;
    border-radius: 20px;
    display: inline-block;
    float: left;
    overflow: hidden;
    border: 1px solid #70C06B;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-right: 8px
}

.green-info-box h1,.green-info-box h2,.green-info-box h3,.green-info-box h4,.green-info-box h5,.green-info-box h6,.green-info-box p,.green-info-box a {
    color: #489c42;
    overflow: hidden
}

.green-info-box span {
    display: block;
    overflow: hidden
}

.green-info-box p {
    font-size: 12px
}

.green-info-box a {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    text-decoration: underline
}

.green-info-box a:hover {
    color: #50ae4a
}

.green-info-box img {
    display: inline-block
}

.green-info-box .green-info-box__text {
    color: #70C06B;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px
}

.orange-info-box {
    display: block;
    width: 100%;
    padding: 15px 15px;
    background: #fbded4;
    border: 1px solid #EB5B27;
    border-radius: 4px;
    overflow: hidden
}

.orange-info-box .exclamation-circle {
    color: #EB5B27;
    text-align: center;
    border-radius: 20px;
    display: inline-block;
    float: left;
    overflow: hidden;
    border: 1px solid #EB5B27;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-right: 8px
}

.orange-info-box p {
    color: #EB5B27 !important;
    font-size: 12px !important
}

.orange-info-box img {
    display: inline-block
}

.orange-info-box .orange-info-box__text {
    color: #EB5B27;
    font-size: 12px
}

.orange-info-box .orange-info-box__text a {
    color: #EB5B27;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.orange-info-box .orange-info-box__text a:hover {
    color: #f1906d
}

.yellow-info-box {
    display: block;
    width: 100%;
    padding: 15px 15px;
    background: #fcf8e3;
    border: 1px solid #F0BF61;
    border-radius: 4px;
    overflow: hidden
}

.yellow-info-box .exclamation-circle {
    color: #D0A147;
    text-align: center;
    border-radius: 20px;
    display: inline-block;
    float: left;
    overflow: hidden;
    border: 1px solid #F0BF61;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-right: 8px
}

.yellow-info-box p {
    color: #D0A147;
    font-size: 12px
}

.yellow-info-box img {
    display: inline-block
}

.white-info-box {
    display: block;
    width: 100%;
    padding: 15px 15px;
    background: #fff;
    background: rgba(255,255,255,0.1);
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    overflow: hidden
}

.white-info-box .exclamation-circle {
    color: #fff;
    text-align: center;
    border-radius: 20px;
    display: inline-block;
    float: left;
    overflow: hidden;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-right: 8px
}

.white-info-box p {
    float: left;
    color: #fff;
    font-size: 12px;
    display: inline
}

.light-purple-info-box {
    display: block;
    width: 100%;
    padding: 10px 15px;
    background: #DEEEFF;
    border: 1px solid #5423bb;
    border-radius: 4px;
    overflow: hidden
}

.light-purple-info-box p {
    color: #5099EA;
    font-size: 12px;
    display: inline-block
}

.light-purple-info-box img {
    display: inline-block
}

.light-purple-info-box ul li {
    color: #5423bb;
    font-size: 12px
}

.light-purple-info-box a {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    text-decoration: underline
}

.alert {
    border: none
}

.alert-success {
    color: #70C06B;
    border: 1px solid #70C06B;
    background-color: #fafdfa !important;
    background-image: none !important
}

.alert-info {
    color: #5423bb;
    border: 1px solid #5423bb;
    background-color: #d3e5f9 !important;
    background-image: none !important
}

.alert-warning {
    color: #EEAF4B;
    border: 1px solid #EEAF4B;
    background-color: #fff !important;
    background-image: none !important
}

.alert-danger {
    color: #ED7161;
    border: 1px solid #ED7161;
    background-color: #fce4e1 !important;
    background-image: none !important
}

.alert a:not(.close),.alert .alert-link {
    color: #fff;
    font-weight: bold
}

.alert .close {
    color: #fff
}

.badge {
    padding: 3px 6px 5px
}

.progress {
    position: relative;
    z-index: 1;
    height: 6px;
    border-radius: 0
}

.progress-bar:last-child {
    border-radius: 0 3px 3px 0
}

.progress-bar:last-child:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: #bcd8f6
}

.progress-bar-success:last-child.progress-bar:before {
    background-color: #e9f5e8
}

.progress-bar-info:last-child.progress-bar:before {
    background-color: #e9f2fc
}

.progress-bar-warning:last-child.progress-bar:before {
    background-color: #fdf7ee
}

.progress-bar-danger:last-child.progress-bar:before {
    background-color: #fad8d3
}

.g-alert-slide {
    font-size: 14px;
    padding: 16px 20px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

.g-alert-slide--blue {
    color: #fff;
    background-color: #5423bb
}

.g-alert-slide--red {
    color: #fff;
    background-color: #ED7161
}

.g-alert-slide--green {
    color: #fff;
    background-color: #ED7161
}

.g-alert-slide--yellow {
    color: #fff;
    background-color: #ED7161
}

.car-logo-container .car-make-large {
    display: inline-block;
    height: 90px;
    width: 90px
}

.car-logo-container .car-make-medium {
    display: inline-block;
    height: 70px;
    width: 70px
}

.car-logo-container .car-make-small {
    display: inline-block;
    height: 30px;
    width: 30px
}

.car-logo-container .bmw {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bmw-color-aad13f775c453699b128f5ed00e43964.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .acura {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/acura-be074737be63086cd2c1f4156b9248e2.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .audi {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/audi-c964e56b425ecb43dd066cceb3f5019f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .buick {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/buick-0a39cb26e9a80954eb6b3425234a93ec.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .cadillac {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/cadillac-9a8c8e2975ccfa6678dea2781528561a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .chevrolet {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/chevrolet-77f749b864b0aa41c08d8cff7acab66a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .chrysler {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/chrysler-d61a9b854e299c66dd8ab7a5fddb3e31.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .dodge {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/dodge-f9e356912df179449d028a759f637e78.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .fiat {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/fiat-471af0533949962f0997ce2567d2a69f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .ford {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/ford-be12117d638605918d07a6adcd2c2ace.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .gmc {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/gmc-0c29b8a9257e1f67d42576a5e9e26860.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .geo {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/geo-111d373e6287b9a6762337738c9a67dd.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .honda {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/honda-c94368e2ccd00a3a583d55fecdb4b51a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .hummer {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/hummer-bf7488da45c0b2a7287cd8e8fcf144de.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .hyundai {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/hyundai-6315a1ea71dbb12a01c04966f8f168fe.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .infiniti {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/infiniti-031a22d77c6a409a48e9eae06d14b7ee.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .isuzu {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/isuzu-67bb63caaa0d82a79bf8093835fa5beb.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .jaguar {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/jaguar-a5b6b0c466c01757f620386d9d8998de.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .jeep {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/jeep-4ae59a1e1ba7720f61f4b12f198893e7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .kia {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/kia-7ef9058351567b6ca7c59275cb5836a3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .land-rover {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/land_rover-653f61484a9af728d63333670bb86da1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .lexus {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/lexus-0807fd38f36f03f0fa00661a848da5f5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .lincoln {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/lincoln-0cd6647a73d1699ae77dc6e8104215b9.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .mazda {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mazda-a1f926bd369628dae79fa9bd706dd536.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .mercedes-benz {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mercedes_benz-8cef3411514ffa3c5f211647a52e209f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .mercury {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mercury-a538c023bdccd2aabcdd8bbb23957c97.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .mini {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mini-8085fda89309f961f96f06db6c43fbed.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .mitsubishi {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mitsubishi-8b32dae7616b6ff8381e8f2f2e6a5ec4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .nissan {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/nissan-072e6b89b7ea0c041091b1c2ac8212bc.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .oldsmobile {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/oldsmobile-e227f9839e2f7592c6ebc45b01962013.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .plymouth {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/plymouth-e83f9ba23ebb64e4a56721ef5afda81c.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .pontiac {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/pontiac-3154244fb13ded568d1c51806d1a4312.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .porsche {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/porsche-a93693cb425367ab5d91b106e3b0598a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .ram {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/ram-5e4b882b9b88c412a44a446a83cae912.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .saab {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/saab-572d1bf64c503bccd833d1dc494821c5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .saturn {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/saturn-c9aa1c5c06a1b6288b6bdb1dcd4ebad9.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .scion {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/scion-e7ba33071c119b3b950f2e6651c59c0a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .smart {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/smart-13abe8522e17e906295a3647c6020a7f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .subaru {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/subaru-5b3aecae9deaa9e5d46b85acf3a89aaa.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .suzuki {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/suzuki-393f8d061adb09b7a3f5d21ab701ab01.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .toyota {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/toyota-ffe306ae009dfda61f01fac1d3bbd685.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .volkswagen {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/volkswagen-15421d2330a20a54ce22b91d20c8e88e.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.car-logo-container .volvo {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/volvo-55d07e724b86c8c3ed7841a888624c5c.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.g-custom-tabs li {
    cursor: pointer
}

.g-custom-tabs li a {
    color: #6d7579;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px
}

.g-custom-tabs .active {
    cursor: default
}

.g-custom-tabs .active a {
    color: #5423bb !important
}

@media all and (max-width: 767px) {
    .g-custom-tabs {
        border-bottom:none
    }

    .g-custom-tabs li {
        width: 100%;
        text-align: left
    }

    .g-custom-tabs .active a {
        background-color: #5423bb !important;
        color: #fff !important;
        border: none !important;
        border-radius: 3px !important
    }
}

.mechanic-tabs .nav-tabs {
    border-bottom: none
}

.mechanic-tabs .nav-tabs>li>a,.mechanic-tabs .nav-tabs>li>a:focus {
    margin-right: 0;
    background-color: transparent;
    border: none;
    color: #6d7579;
    box-shadow: inset 0 -1px 0 #ddd;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    padding: 22px 40px !important
}

.mechanic-tabs .nav-tabs>li>a:hover,.mechanic-tabs .nav-tabs>li>a:focus:hover {
    background-color: transparent;
    box-shadow: inset 0 -2px 0 #5423bb;
    color: #5423bb
}

.mechanic-tabs .nav-tabs>li.active>a,.mechanic-tabs .nav-tabs>li.active>a:focus {
    border: none;
    box-shadow: inset 0 -2px 0 #5423bb;
    color: #6d7579
}

.mechanic-tabs .nav-tabs>li.active>a:hover,.mechanic-tabs .nav-tabs>li.active>a:focus:hover {
    border: none;
    color: #5423bb
}

.mechanic-tabs .nav-tabs>li.disabled>a {
    box-shadow: inset 0 -1px 0 #ddd
}

.mechanic-tabs .nav-tabs.nav-justified>li>a,.mechanic-tabs .nav-tabs.nav-justified>li>a:hover,.mechanic-tabs .nav-tabs.nav-justified>li>a:focus,.mechanic-tabs .nav-tabs.nav-justified>.active>a,.mechanic-tabs .nav-tabs.nav-justified>.active>a:hover,.mechanic-tabs .nav-tabs.nav-justified>.active>a:focus {
    border: none
}

.mechanic-tabs .nav-tabs .dropdown-menu {
    margin-top: 0
}

.web-report-tabs .nav-tabs {
    color: #4A5155;
    border: none;
    text-transform: uppercase
}

.web-report-tabs .nav-tabs li {
    border-left: 1px solid #E7EBEB;
    border-right: 1px solid #E7EBEB;
    width: 25%;
    margin-left: -1px
}

.web-report-tabs .nav-tabs li a {
    height: 80px;
    color: #6d7579;
    border: none !important;
    padding-top: 30px;
    word-wrap: break-word
}

.web-report-tabs .nav-tabs li a:hover {
    background-color: transparent;
    color: #3d4143
}

.web-report-tabs .nav-tabs li.active {
    border: none;
    border-left: 1px solid #E7EBEB;
    background-color: #fff
}

.web-report-tabs .nav-tabs li.active:last-child {
    border-right: 1px solid #E7EBEB
}

.nav-tabs--custom {
    font-size: 14px;
    margin-bottom: 10px
}

.nav-tabs--custom li {
    cursor: pointer
}

.nav-tabs--custom li a {
    color: #6d7579
}

.nav-tabs--custom li.active a {
    color: #363946;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.nav-tabs--custom .nav-tabs__item {
    padding: 8px 0
}

.nav-tabs--custom .nav-tabs__item a {
    color: #6d7579
}

.nav-tabs--custom .nav-tabs__item a:hover {
    color: #363946
}

.nav-tabs--custom .nav-tabs__item--padding-l {
    padding-left: 18px
}

.modal-custom .modal-content {
    border-radius: 0;
    border: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2)
}

.modal-custom .close {
    opacity: 1;
    position: absolute;
    right: -50px;
    top: 0px;
    width: 50px;
    height: 50px;
    background-color: #5423bb;
    z-index: 150;
    color: #fff;
    text-shadow: none
}

@media all and (max-width: 768px) {
    .modal-custom .close {
        right:0;
        background-color: transparent;
        color: #6d7579
    }
}

.modal-custom .modal-body {
    background: #fff;
    padding: 40px 20px
}

.modal-custom .modal-body-small {
    padding: 13px 20px
}

.modal-custom .modal-body-gradient {
    background-image: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #f7f7f7 50%, #f7f7f7 100%);
    background-image: linear-gradient(to right, #fff 0%, #fff 50%, #f7f7f7 50%, #f7f7f7 100%)
}

.modal-custom .modal-content-padding {
    padding: 20px
}

.review-container {
    margin-top: 150px
}

.review-container h4 {
    margin: 0
}

.review-container .modal-body {
    padding-left: 0;
    padding-right: 0
}

.review-container .mechanic-avatar {
    width: 114px;
    height: 114px;
    border-radius: 200px;
    overflow: hidden;
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -100px
}

.review-container .mechanic-avatar img {
    width: 100%
}

.review-container .mechanic-name {
    margin-top: 26px;
    font-size: 18px
}

.review-container .mechanic-title {
    margin-top: 3px;
    color: #6d7579
}

.review-container .rating-subheader {
    border-radius: 50px;
    width: 40%;
    margin: 0 auto;
    margin-top: 10px
}

.review-container .rating-subheader h5 {
    letter-spacing: 0px;
    color: #5423bb;
    font-size: 14px;
    display: inline-block;
    vertical-align: super
}

.review-container .appointment-details-header {
    font-size: 12px;
    color: #7F7F7F;
    line-height: 15px
}

.review-container .appointment-details-text {
    font-size: 14px;
    color: #363946;
    line-height: 17px
}

.review-container .modal-spacing {
    padding: 0 15px 0 15px
}

.review-container .review-question {
    letter-spacing: normal;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px
}

.review-container .review-job-summary span {
    display: block
}

.review-container .review-job-summary-item img {
    float: left;
    overflow: hidden;
    margin-right: 10px
}

.review-container .review-job-summary-item span {
    text-align: left;
    overflow: hidden
}

.review-container .review-textarea,.review-container .medium-textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #E2E2E2;
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 20px;
    color: #6d7579;
    font-size: 14px;
    margin: 15px 0 15px 0;
    min-height: 120px
}

.review-container .review-textarea:focus,.review-container .medium-textarea:focus {
    border: 1px solid #5423bb
}

.review-container .review-textarea-highlight,.review-container .medium-highlight-textarea {
    border: 1px solid #FFB912
}

.review-container .option {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 4px;
    font-size: 14px !important;
    background: #fff;
    border: 1px solid #E2E2E2;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 12px 28px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.review-container .option:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.1)
}

.review-container .option-active {
    border: 1px solid #5423bb;
    color: #5423bb
}

.review-container .option-active:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-checkbox-circled-baa28f49253769330fa9d040d4916b8c.svg);
    vertical-align: sub;
    float: right;
    margin-left: 8px
}

.review-container .medium-textarea {
    min-height: 0px
}

.review-container .medium-highlight-textarea {
    min-height: 0px
}

.review-container .icon-5-star {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/5star-face-d5647b7fe771c662f815c99228694c05.svg)
}

.review-container .reviews-question-number {
    width: 27px;
    height: 27px;
    border-radius: 40px;
    border: 1px solid #E2E2E2;
    font-size: 13px;
    text-align: center;
    color: #4A5155;
    float: left;
    margin-top: -5px;
    margin-right: 10px;
    padding-top: 4px;
    background: #F5F5F5
}

.review-container .reviews-highlight-question-number {
    width: 27px;
    height: 27px;
    border-radius: 40px;
    border: 1px solid #ffb400;
    font-size: 13px;
    text-align: center;
    color: #ECAB0E;
    float: left;
    margin-top: -5px;
    margin-right: 10px;
    padding-top: 4px;
    background: #FFF8E5
}

.review-container .star-rating,.review-container .thankyou-review-content .star-rating-small,.thankyou-review-content .review-container .star-rating-small {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    width: 215px;
    height: 40px;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMzRweCIgaGVpZ2h0PSIzMXB4IiB2aWV3Qm94PSIwIDAgMzQgMzEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlN0YXIgMSBDb3B5IDQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUmV2aWV3cy1QYWdlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJzdGFycy1yZXZpZXctc3ByaXRlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBzdHJva2U9IiNFMkUyRTIiPiAgICAgICAgICAgIDxnIGlkPSJTdGFyLTEtQ29weS0zLSstU2hhcGUiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiPiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU3Rhci0xLUNvcHktNCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgcG9pbnRzPSIxNyAyNS41IDcuMDA3NjUwNzEgMzAuNzUzMjg4OSA4LjkxNjAxOTYxIDE5LjYyNjY0NDUgMC44MzIwMzkyMjMgMTEuNzQ2NzExMSAxMi4wMDM4MjU0IDEwLjEyMzM1NTUgMTcgMCAyMS45OTYxNzQ2IDEwLjEyMzM1NTUgMzMuMTY3OTYwOCAxMS43NDY3MTExIDI1LjA4Mzk4MDQgMTkuNjI2NjQ0NSAyNi45OTIzNDkzIDMwLjc1MzI4ODkgIj48L3BvbHlnb24+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+");
    background-size: contain
}

.review-container .star-rating i,.review-container .thankyou-review-content .star-rating-small i,.thankyou-review-content .review-container .star-rating-small i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 1;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMzRweCIgaGVpZ2h0PSIzMXB4IiB2aWV3Qm94PSIwIDAgMzQgMzEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlN0YXIgMSBDb3B5IDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUmV2aWV3cy1QYWdlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJzdGFycy1yZXZpZXctc3ByaXRlIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgLTMxLjAwMDAwMCkiIGZpbGw9IiNGRkJBMDgiPiAgICAgICAgICAgIDxnIGlkPSJTdGFyLTEtQ29weS0zLSstU2hhcGUiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiPiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU3Rhci0xLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgcG9pbnRzPSIxNyA1Ni41IDcuMDA3NjUwNzEgNjEuNzUzMjg4OSA4LjkxNjAxOTYxIDUwLjYyNjY0NDUgMC44MzIwMzkyMjMgNDIuNzQ2NzExMSAxMi4wMDM4MjU0IDQxLjEyMzM1NTUgMTcgMzEgMjEuOTk2MTc0NiA0MS4xMjMzNTU1IDMzLjE2Nzk2MDggNDIuNzQ2NzExMSAyNS4wODM5ODA0IDUwLjYyNjY0NDUgMjYuOTkyMzQ5MyA2MS43NTMyODg5ICI+PC9wb2x5Z29uPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==");
    background-size: contain
}

.review-container .star-rating input,.review-container .thankyou-review-content .star-rating-small input,.thankyou-review-content .review-container .star-rating-small input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative
}

.review-container .star-rating input:hover+i,.review-container .thankyou-review-content .star-rating-small input:hover+i,.thankyou-review-content .review-container .star-rating-small input:hover+i,.review-container .star-rating input:checked+i,.review-container .thankyou-review-content .star-rating-small input:checked+i,.thankyou-review-content .review-container .star-rating-small input:checked+i {
    opacity: 1
}

.review-container .star-rating i ~ i,.review-container .thankyou-review-content .star-rating-small i ~ i,.thankyou-review-content .review-container .star-rating-small i ~ i {
    width: 40%
}

.review-container .star-rating i ~ i ~ i,.review-container .thankyou-review-content .star-rating-small i ~ i ~ i,.thankyou-review-content .review-container .star-rating-small i ~ i ~ i {
    width: 60%
}

.review-container .star-rating i ~ i ~ i ~ i,.review-container .thankyou-review-content .star-rating-small i ~ i ~ i ~ i,.thankyou-review-content .review-container .star-rating-small i ~ i ~ i ~ i {
    width: 80%
}

.review-container .star-rating i ~ i ~ i ~ i ~ i,.review-container .thankyou-review-content .star-rating-small i ~ i ~ i ~ i ~ i,.thankyou-review-content .review-container .star-rating-small i ~ i ~ i ~ i ~ i {
    width: 100%
}

.review-container .review-question-padding {
    padding: 30px 0 30px 0
}

.review-container .star-explanation {
    width: 215px;
    margin: auto;
    font-size: 15px;
    line-height: 150%;
    color: #6d7579;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400
}

.thankyou-review-content .modal-body {
    padding-bottom: 0
}

.thankyou-review-content .star-rating-small {
    width: 75px !important;
    height: 14px !important
}

.thankyou-review-content .star-rating-small input {
    cursor: default
}

.thankyou-review-content .star-rating-disabled:hover+i,.thankyou-review-content .star-rating-disabled:checked+i {
    opacity: 0 !important
}

.thankyou-review-content .ready-review {
    background: #fff;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 10px 30px 20px 30px
}

.thankyou-review-content .review-content {
    font-style: italic
}

@media screen and (max-width: 768px) {
    .review-container .mechanic-avatar {
        top:-120px
    }

    .review-container .close {
        top: 0;
        right: 0;
        background-color: transparent;
        color: #6d7579;
        font-size: 30px
    }
}

@media screen and (max-width: 480px) {
    .review-container .option {
        padding:14px 14px;
        width: 100%
    }

    .review-container .modal-spacing {
        padding: 0 0 0 0
    }
}

.old-school-radio-button {
    text-align: center
}

.old-school-radio-button ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.old-school-radio-button ul li {
    display: inline-block;
    width: 50px;
    border-radius: 40px;
    text-align: center;
    padding: 0;
    margin-right: 10px;
    padding: 13px;
    transition: 0.3s
}

.old-school-radio-button ul li:hover {
    background-color: #5423bb;
    border: 1px solid #5423bb;
    color: #fff;
    cursor: pointer
}

.old-school-radio-button-selected {
    background-color: #5423bb;
    border: 1px solid #5423bb;
    color: #fff
}

.old-school-radio-button-unselected {
    background-color: #fff;
    border: 1px solid #e7ebeb
}

@media only all and (max-width: 968px) {
    .old-school-radio-button ul li {
        width:45px;
        padding: 10px
    }
}

.highlight-question {
    background-color: #fff8e5
}

.review-container {
    margin-top: 60px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #E6E9EC
}

.review-container .cd-form.radio-button {
    display: inline-block;
    margin: 0px;
    width: unset
}

.review-container .cd-form.radio-button ul.option {
    margin-top: 0px;
    cursor: pointer
}

.review-container .cd-form.radio-button ul.option .sl_select_qna {
    margin: 14px 25px 10px 20px;
    cursor: inherit
}

.review-container .cd-form.radio-button ul.option .sl_select_qna label.mb-select-answer-check {
    cursor: inherit
}

.review-container .star-rating,.review-container .thankyou-review-content .star-rating-small,.thankyou-review-content .review-container .star-rating-small,.review-container .thankyou-review-content .star-rating-small,.thankyou-review-content .review-container .star-rating-small {
    width: 220px
}

.review-question,.question-hint {
    margin-left: 12px
}

.limit-indicator-text {
    padding: 0px 26px
}

.question-required:after {
    content: '(required)';
    display: inline-block;
    font-size: 12px;
    color: #ED7161
}

.mb-panel-group .panel-group {
    margin-bottom: 5px
}

.mb-panel-group .panel {
    margin-bottom: 5px;
    padding: 15px 20px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    font-size: 13px
}

.mb-panel-group .panel .panel-title {
    font-size: 14px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.mb-panel-group .panel:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.mb-panel-group .panel-heading {
    border-radius: 4px;
    padding: 0 0 0 0;
    background-image: none !important;
    background-color: #fff !important
}

.mb-panel-group .panel-heading h4 {
    font-size: 13px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.mb-panel-group .panel a span {
    display: block;
    padding: 20px 20px;
    width: 100%
}

.mb-panel-group .panel a:active {
    color: #5423bb
}

.mb-panel-group .panel-footer {
    border-top: none
}

.mb-panel-group .panel .mb-faq-question {
    font-size: 13px
}

.seo-panel-group .panel {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    margin-bottom: 8px
}

.seo-panel-group .panel:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.seo-panel-group .panel-heading {
    border-radius: 4px;
    padding: 0 0 0 0;
    background-image: none !important;
    background-color: #fff !important
}

.seo-panel-group .panel-heading h4 {
    font-size: 14px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.seo-panel-group .panel h5 {
    padding: 15px 0;
    width: 100%
}

.seo-panel-group .panel .maintenance-schedule {
    padding-top: 0;
    background-color: #FAFBFC
}

.seo-panel-group .panel a:active {
    color: #5423bb
}

.seo-panel-group--border .panel {
    border: 1px solid #e7ebeb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    margin-bottom: 8px
}

.seo-panel-group--border .panel:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.seo-panel-group--border .panel-heading h4 {
    font-size: 15px;
    color: #363946;
    display: block;
    width: 100%
}

.seo-panel-group--border .panel-heading h4 a {
    padding: 15px 20px;
    width: 100%;
    display: block
}

.seo-panel-group--border .panel-heading:after {
    content: ' ';
    position: absolute;
    display: inline-block;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-chevron-down-dark-191398a8611adb4a5de18c7ded508ba6.svg);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 14px;
    height: 9px;
    vertical-align: sub;
    right: 30px;
    top: 18px
}

.seo-panel-group--border .panel-body {
    font-size: 15px;
    color: #6d7579;
    padding: 15px 20px
}

.seo-cars-panel-group .seo-cars-panel-panel-item {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #e7ebeb;
    border-radius: 4px;
    background-color: white
}

.seo-cars-panel-group .seo-cars-panel-heading h5 {
    font-weight: 400
}

.seo-cars-panel-group .seo-cars-panel-heading a.collapsed:after {
    content: url(/assets/icons/accordion-plus.svg);
    width: 8px
}

.seo-cars-panel-group .seo-cars-panel-heading a:after {
    content: url(/assets/icons/accordion-minus.svg);
    position: absolute;
    right: 50px;
    top: 14px;
    display: inline-block;
    width: 8px
}

.seo-cars-panel-group .list-checked-green ul {
    list-style: none;
    display: block;
    margin-bottom: 0
}

.seo-cars-panel-group .list-checked-green li {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    padding-top: 4px;
    font-size: 14px;
    list-style-image: url(/assets/main/icon-green-check.svg);
    color: #6d7579
}

.g-user-avatar {
    overflow: hidden;
    border-radius: 600px;
    display: inline-block
}

.g-user-avatar img {
    width: 100%
}

.g-user-avatar-extra-small {
    width: 24px;
    height: 24px
}

.g-user-avatar-small {
    width: 50px;
    height: 50px
}

.g-user-avatar-medium {
    width: 70px;
    height: 70px
}

.g-user-avatar-large {
    width: 100px;
    height: 100px
}

.g-user-avatar-extra-large {
    width: 150px;
    height: 150px
}

.g-user-avatar--stroke {
    border: 1px solid #5423bb
}

.g-user-avatar-name {
    display: inline-block;
    margin-left: 10px
}

.image--full-width,.image--full-width img {
    width: 100%
}

@media only screen and (max-width: 991px) {
    .service-part-wireframe-desktop {
        display:none
    }

    .service-part-wireframe-desktop img {
        width: 819px;
        height: 546px
    }
}

@media only screen and (min-width: 992px) {
    .service-part-wireframe-mobile {
        display:none
    }

    .service-part-wireframe-mobile img {
        width: 526px;
        height: 351px
    }
}

.featured-section {
    margin-top: 40px
}

.featured-section h5 {
    margin-right: 40px;
    float: left;
    color: #6d7579;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase
}

.featured-section img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    max-height: 40px;
    max-width: 90px;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.featured-section img:hover {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.featured-section span {
    color: #6d7579;
    font-size: 12px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

@media all and (max-width: 767px) {
    .featured-section span {
        display:block;
        width: 100%;
        text-align: center
    }
}

.featured-section a {
    margin: 0 10px
}

.featured-section--header {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #6d7579;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.featured-section--home {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 10vh;
    min-height: 98px;
    margin-top: 0
}

.featured-section--home span {
    color: #6d7579;
    font-size: 12px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

@media all and (max-width: 767px) {
    .featured-section--home span {
        display:block;
        width: 100%;
        text-align: center
    }
}

.featured-section--p-25 {
    padding: 25px 0
}

.featured-section--new .logos {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.featured-section--new .logos__heading {
    color: #6d7579;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase
}

@media only screen and (max-width: 767px) {
    .featured-section--new .logos__heading {
        display:none
    }
}

.featured-section--new .logos__item img {
    opacity: 0.4;
    display: block;
    max-height: 40px
}

.featured-section--new .logos__item img:hover {
    opacity: 1
}

.featured-link {
    color: #1A71D1;
    font-size: 15px;
    font-weight: 600
}

.featured-link:focus,.featured-link:visited,.featured-link:hover {
    color: #388be6
}

.profile-box {
    border: 1px solid #e7ebeb;
    border-radius: 1px;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .profile-box {
        padding:25px 15px 20px
    }
}

@media only screen and (min-width: 768px) {
    .profile-box {
        padding:25px 30px 20px
    }
}

.profile-box__header {
    border-bottom: 1px solid #e7ebeb;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-align: center
}

.profile-box__avatar {
    display: inline-block;
    max-width: 100%;
    width: 120px;
    height: 120px;
    border-radius: 400px
}

.profile-box__name {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin: 10px 0
}

.profile-box__rating {
    margin-bottom: 15px
}

.profile-box__rating .star {
    display: inline-block;
    width: 22px
}

.profile-box__stats {
    font-size: 13px
}

.profile-box__reference__content {
    color: #6d7579;
    margin-bottom: 20px
}

.profile-box__reference__author {
    color: #363946;
    font-size: 15px;
    font-width: 600
}

.profile-box__reference__meta {
    color: #6d7579;
    font-style: italic;
    margin-bottom: 20px
}

.section {
    padding: 30px 0
}

.section--big {
    padding: 48px 0
}

@media only screen and (min-width: 768px) {
    .section--big {
        padding:64px 0
    }
}

@media only screen and (min-width: 992px) {
    .section--big {
        padding:72px 0
    }
}

@media only screen and (min-width: 1200px) {
    .section--big {
        padding:96px 0
    }
}

.section--medium {
    padding: 28px 0
}

@media only screen and (min-width: 768px) {
    .section--medium {
        padding:44px 0
    }
}

@media only screen and (min-width: 992px) {
    .section--medium {
        padding:52px 0
    }
}

@media only screen and (min-width: 1200px) {
    .section--medium {
        padding:66px 0
    }
}

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

.section--white+.section--white {
    border-top: 1px solid #FAFBFC
}

.section--gray {
    background-color: #FAFBFC
}

.section__heading {
    color: #4A5155;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 15px
}

.section__sub-heading {
    color: #6d7579;
    font-size: 20px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .section__sub-heading {
        font-size:16px
    }
}

.section__sub-heading a {
    color: #6d7579;
    text-decoration: underline !important
}

h2.section__heading {
    font-size: 30px;
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    h2.section__heading {
        font-size:22px
    }
}

h3.section__heading {
    font-size: 27px
}

@media only screen and (max-width: 767px) {
    h3.section__heading {
        font-size:20px
    }
}

h4.section__heading {
    font-size: 15px;
    margin-top: 28px
}

.section__paragraph {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 15px
}

.section__paragraph--medium {
    font-size: 18px;
    line-height: 150%
}

.section__h2,.section__h3 {
    color: #363946;
    font-size: 24px;
    margin: 0 0 15px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.section--prepurchase .section__h2,.section--penn .section__h2,.section--prepurchase .section__h3,.section--penn .section__h3 {
    color: #fff;
    margin-bottom: 20px
}

.section--dark .section__h2,.section--dark .section__h3 {
    color: #fff
}

@media only screen and (min-width: 768px) {
    .section__h2,.section__h3 {
        font-size:30px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 992px) {
    .section__h2,.section__h3 {
        font-size:30px;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 1200px) {
    .section__h2,.section__h3 {
        font-size:30px;
        margin-bottom: 40px
    }
}

.section__h2--small {
    font-size: 20px
}

@media only screen and (min-width: 768px) {
    .section__h2--small {
        font-size:20px;
        margin-bottom: 6px
    }
}

@media only screen and (min-width: 992px) {
    .section__h2--small {
        font-size:22px;
        margin-bottom: 8px
    }
}

@media only screen and (min-width: 1200px) {
    .section__h2--small {
        font-size:24px;
        margin-bottom: 10px
    }
}

.section__h3--small {
    font-size: 18px
}

.section--prepurchase .section__h3--small,.section--penn .section__h3--small {
    color: #fff;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .section__h3--small {
        font-size:26px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 992px) {
    .section__h3--small {
        font-size:30px;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 1200px) {
    .section__h3--small {
        font-size:30px;
        margin-bottom: 30px
    }
}

.section__h6--small {
    font-size: 18px
}

.section--penn .section__h6--small {
    color: #fff;
    margin-bottom: 20px
}

@media only screen and (max-width: 992px) {
    .section__h6--small {
        text-align:center
    }
}

@media only screen and (min-width: 768px) {
    .section__h6--small {
        font-size:20px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 992px) {
    .section__h6--small {
        font-size:23px;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 1200px) {
    .section__h6--small {
        font-size:23px;
        margin-bottom: 30px
    }
}

.section__h2 {
    font-weight: 600;
    line-height: 1
}

.section--prepurchase .section__h2,.section--penn .section__h2 {
    margin-top: 16%
}

@media only screen and (max-width: 991px) {
    .section--prepurchase .section__h2,.section--penn .section__h2 {
        text-align:center
    }

    .section--prepurchase .section__h2 br,.section--penn .section__h2 br {
        display: none
    }
}

.section__advice-mobile__top {
    color: #6d7579;
    margin-bottom: 8px
}

.section__advice-mobile__bottom {
    color: #ce32a3;
    text-transform: uppercase;
    text-align: center;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.section__advice-mobile__top__icon {
    border-radius: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ce32a3;
    color: #ce32a3;
    text-align: center
}

.section__h3 {
    font-weight: 600;
    line-height: 1.2
}

.section__p {
    color: #6d7579;
    font-size: 16px;
    line-height: 1.2273;
    margin: 0 0 10px
}

.section--dark .section__p {
    color: #fff
}

@media only screen and (min-width: 768px) {
    .section__p {
        font-size:18px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 992px) {
    .section__p {
        font-size:20px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1200px) {
    .section__p {
        font-size:22px;
        margin-bottom: 40px
    }
}

.section__image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.section__image--sem {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg_video-61edc2a9fa454a3fea9ca27148eed8f4.png)
}

.g-tooltip {
    position: relative
}

.g-tooltip:hover .g-tooltip__content {
    opacity: 1;
    visibility: visible;
    bottom: 30px
}

.g-tooltip .g-tooltip__content {
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background-color: #363946;
    width: 140px;
    padding: 5px;
    border-radius: 3px;
    bottom: 40px;
    left: calc(50% - 70px)
}

.g-tooltip .g-tooltip__content:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    bottom: -18px;
    left: calc(50% - 10px);
    border: 10px solid transparent;
    border-top-color: #363946
}

.g-sidebar-container {
    height: 100%;
    position: relative;
    width: 100%
}

.g-sidebar {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e7ebeb;
    border-radius: 4px
}

.g-sidebar--sticky {
    position: fixed;
    top: 95px;
    overflow-x: auto;
    bottom: 0;
    height: auto
}

.g-sidebar--sticky .shadow-box-fill:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.g-sidebar-price-box {
    padding: 15px 20px;
    background-color: #363946;
    border-radius: 2px 2px 0 0;
    color: #fff
}

.g-sidebar-price-box__subtitle {
    opacity: 0.7;
    font-size: 13px
}

.g-sidebar-price-box__price {
    line-height: 30px;
    font-size: 26px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.g-sidebar-price-box__saving {
    font-size: 13px;
    color: #fff
}

.g-sidebar-price-box__coupon {
    opacity: 0.7;
    font-size: 13px;
    color: #fff;
    cursor: pointer
}

.g-sidebar-price-box__coupon:hover {
    opacity: 1
}

.g-sidebar-price-box__breakdown {
    cursor: pointer;
    font-size: 14px;
    color: #5423bb;
    text-decoration: underline;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.g-sidebar-price-box__breakdown:hover {
    color: #195495
}

.g-sidebar-property {
    font-size: 14px;
    color: #6d7579;
    line-height: 24px
}

@media all and (max-height: 640px) {
    .g-sidebar-property {
        line-height:18px
    }
}

.g-sidebar-property--scrollable {
    cursor: pointer
}

.g-sidebar-property--scrollable:hover {
    text-decoration: underline !important
}

.g-sidebar-job-name {
    display: inline-block;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #363946
}

.g-sidebar-job-name--seo {
    cursor: default
}

.g-sidebar-job-name--seo:hover {
    text-decoration: none !important
}

.g-sidebar-property--link {
    color: #5423bb;
    cursor: pointer
}

.g-sidebar-property--link:hover {
    text-decoration: underline
}

.g-sidebar-link:hover {
    color: #5423bb
}

.g-sidebar-service-list {
    display: block
}

.g-sidebar-service-list__toggle--small {
    width: 3em !important;
    height: 1.6em !important;
    margin-right: 10px
}

.g-service-list__delete {
    display: inline-block;
    height: 22px;
    width: 22px;
    border-radius: 3px;
    border: 1px solid #e7ebeb;
    text-align: center;
    cursor: pointer
}

.g-service-list__delete img {
    margin-top: -2px
}

.g-service-list__delete:hover {
    background-color: #FAFBFC
}

.g-sidebar-service-list__item {
    display: block
}

.g-sidebar-table {
    width: 100%
}

.g-sidebar-table td {
    width: 50%
}

.g-sidebar-main-price {
    font-size: 36px;
    color: #363946;
    line-height: 32px
}

.g-sidebar-more-links {
    padding: 15px 20px;
    border-top: 1px solid #e7ebeb;
    background-color: #FAFBFC
}

.g-sidebar-more-links ul {
    list-style: none;
    color: #6d7579;
    padding: 0;
    margin: 0;
    line-height: 22px;
    font-size: 14px
}

.g-sidebar-more-links li {
    font-size: 14px;
    cursor: pointer;
    margin-top: 5px
}

.g-sidebar-more-links li:first-of-type {
    margin-top: 0
}

.g-sidebar-more-links li:hover {
    color: #505659
}

.g-sidebar-more-links li:after {
    content: " ";
    display: inline-block;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-chevron-dark-small-f55d45711d624c24fbf9f540afcc0618.svg);
    background-repeat: no-repeat;
    width: 6px;
    height: 10px;
    margin-left: 4px
}

.g-sidebar-time {
    line-height: 14px;
    padding: 5px 0
}

.g-sidebar-mechanic {
    margin-left: 10px
}

.g-sidebar-mechanic__info {
    font-size: 13px;
    color: #6d7579
}

.g-sidebar-mechanic__info--link {
    color: #5423bb;
    cursor: pointer
}

.g-sidebar-mechanic__name {
    color: #363946;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.g-sidebar-review-star-rating {
    margin-bottom: 5px !important
}

.g-sidebar-review-star-rating .mb-review-star-rating {
    display: inline-block
}

.g-sidebar-mechanic__reviews {
    margin-left: 5px;
    display: inline-block;
    font-size: 13px;
    color: #6d7579
}

.g-sidebar-mechanic-info-box {
    text-align: center
}

.g-sidebar-mechanic-info-box img {
    margin-right: 4px
}

.g-coupon {
    margin-top: -15px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    display: block;
    height: 0px;
    overflow: hidden
}

.g-coupon--hidden {
    display: block;
    height: 0px;
    opacity: 0
}

.g-coupon--visible {
    height: 80px;
    opacity: 1
}

.g-add-services--off {
    cursor: not-allowed;
    color: #6d7579
}

.g-add-services--off:hover {
    text-decoration: none
}

@media all and (max-height: 640px) {
    .g-sidebar__total-price .g-sidebar-main-price,.g-sidebar__total-price .g-sidebar__fixed-price {
        display:inline-block
    }

    .g-sidebar__total-price .g-sidebar-main-price {
        margin-left: 5px;
        font-size: 20px;
        font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
        font-style: normal;
        font-weight: 600
    }
}

.g-optional-services {
    position: relative;
    width: 100%;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 4px
}

.g-optional-services__line {
    position: absolute;
    top: 50%;
    height: 1px;
    width: 100%;
    background-color: #e7ebeb
}

.g-optional-services__text {
    font-size: 12px;
    background-color: #fff;
    display: inline-block;
    color: #6d7579;
    z-index: 2;
    position: relative;
    padding-right: 6px
}

.g-review-star-rating {
    display: inline-block
}

.g-icon-coupon {
    margin-right: 5px
}

.g-icon-coupon-light {
    margin-right: 3px;
    width: 13px;
    height: 13px
}

.g-coupon--value {
    font-size: 13px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    width: 100%;
    border-top: 1px solid #1a6cc8;
    margin-top: 10px;
    padding: 5px 0 0 0;
    margin-bottom: -5px;
    opacity: 0.7
}

.g-sidebar-price-box__details--container {
    border-top: 1px solid #1A80D9;
    margin-top: 10px;
    padding-top: 10px
}

.g-sidebar--padding {
    padding: 10px 20px 20px 20px
}

.g-sidebar-price-box__details {
    font-size: 13px;
    line-height: 15px;
    padding: 4px 0;
    color: #fff
}

.g-sidebar-price-box__details--amount {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.g-modal-summary {
    margin-top: 70px !important;
    margin-right: 20px;
    max-width: 420px
}

.g-modal-summary .modal-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: none
}

.g-modal-summary .modal-content .modal-body {
    position: relative;
    padding: 0;
    margin: 0;
    box-shadow: none
}

.g-modal-summary .modal-content .modal-dialog {
    max-width: 350px
}

.g-modal-summary .g-sidebar {
    border: none;
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    box-shadow: 0 8px 20px rgba(0,0,0,0.3)
}

.g-accordion .panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 6px;
    background-color: #fff
}

.g-accordion .panel-default {
    border: none;
    border-bottom: 1px solid #eee
}

.g-accordion .panel-heading,.g-accordion .panel-body {
    text-align: left
}

.g-accordion .panel-heading {
    padding: 0;
    background-color: transparent;
    background-image: none;
    background-color: #fff;
    background-image: none;
    border: none;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    position: relative
}

.g-accordion .panel-heading a.collapsed:after {
    content: url(/assets/icons/accordion-plus.svg);
    position: absolute;
    top: 14px;
    left: 5px;
    width: 8px
}

.g-accordion .panel-heading a:after {
    content: url(/assets/icons/accordion-minus.svg);
    position: absolute;
    top: 14px;
    left: 5px;
    width: 8px
}

.g-accordion .panel-title,.g-accordion .panel-body {
    font-size: 14px;
    color: #363946;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400
}

.g-accordion .panel-title {
    font-weight: 500
}

.g-accordion .panel-title a {
    padding: 14px 24px;
    width: 100%;
    display: block
}

.g-accordion .panel-title a:hover {
    color: initial
}

.g-accordion .panel-title a:focus {
    color: initial
}

.g-accordion .panel-body {
    color: #6d7579;
    padding: 14px 24px
}

.g-accordion.spaceb-5 {
    padding-left: 40px;
    border-bottom: 1px solid #eee
}

.g-accordion.spaceb-20 {
    padding-left: 50px
}

.g-accordion__header {
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%
}

.g-accordion__header h4 {
    padding: 12px 0px;
    padding-right: 50px;
    font-size: 16px
}

.g-accordion__header:last-of-type {
    margin-bottom: 0
}

.g-accordion__header a {
    color: #363946;
    font-weight: 500
}

.g-accordion__header a:hover {
    color: #5423bb
}

.g-accordion__header:after {
    content: url(/assets/icons/accordion-plus.svg);
    position: absolute;
    left: -25px;
    top: 10px;
    width: 8px
}

.g-accordion__header.open:after {
    content: url(/assets/icons/accordion-minus.svg);
    width: 8px
}

.g-accordion__header:hover {
    cursor: pointer
}

.g-accordion__header--padding {
    padding: 10px 0px
}

.g-accordion__header--light a {
    color: #fff
}

.g-accordion__header--light:after {
    color: #5423bb
}

.g-accordion__header--active:after {
    content: '-';
    font-size: 16px;
    font-weight: 600
}

.g-accordion__content {
    padding: 0px 40px 10px 0px
}

.g-accordion__content:last-of-type {
    margin-top: 0
}

.g-accordion__header__clickzone {
    position: absolute;
    right: 0;
    width: 50px;
    height: 40px;
    top: 0;
    z-index: 999
}

.g-accordion__content--light ul,.g-accordion__content--light ol,.g-accordion__content--light p,.g-accordion__content--light a {
    color: #BBC1C8
}

.g-accordion__content--medium ul,.g-accordion__content--medium ol,.g-accordion__content--medium p,.g-accordion__content--medium a {
    color: #6d7579;
    font-weight: 400;
    line-height: 150%
}

.bd-modal-custom .modal-content {
    border-radius: 0
}

.bd-modal-custom .modal-header {
    border-bottom: none
}

.bd-modal-custom .modal-footer {
    border-top: none
}

.bd-modal-custom .modal-body {
    padding: 15px 50px 50px 50px
}

.bd-modal-custom .modal-body p {
    font-size: 14px
}

.bd-modal-custom .modal-body td,.bd-modal-custom .modal-body th {
    padding-left: 10px
}

.bd-modal-custom .modal-body .bd-indent {
    padding-left: 20px
}

.bd-modal-custom .modal-body .bd-total-price {
    font-size: 30px;
    color: #5423bb
}

.bd-modal-custom .modal-body .bd-total-label {
    color: #363946
}

.bd-modal-custom .modal-body .bd-total-label,.bd-modal-custom .modal-body .bd-total-price {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.bd-modal-custom--dark .modal-header {
    position: relative;
    background-color: #363946;
    border-radius: 6px 6px 0 0
}

.bd-modal-custom--dark .modal-header .close {
    color: #E7EBEB
}

.bd-modal-custom--dark .modal-header .close:hover {
    color: #FAFBFC
}

.bd-modal-custom--dark .modal-content {
    border-radius: 20px 20px 6px 6px
}

@media screen and (min-width: 1199px) {
    .bd-modal-medium {
        max-width:510px
    }
}

.modal-lg {
    max-width: 1100px
}

.bd-modal-icon {
    text-align: center;
    margin: 0 auto
}

.bd-modal-icon--warranty {
    width: 50px;
    height: 50px
}

.bd-modal-icon--hiw {
    width: 80px;
    height: 80px
}

@media all and (max-width: 767px) {
    .bd-modal-icon--hiw {
        margin-top:10px
    }
}

.bd-modal-subheader {
    font-size: 14px;
    color: #363946;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

.bd-modal-custom--half-gray-right .modal-body {
    padding: 0px 20px 20px 20px
}

.bd-modal-custom--half-gray-right .modal-content {
    height: 100%;
    background: -webkit-linear-gradient(90deg, #fff 50%, #FAFBFC 50%);
    background: linear-gradient(90deg, #fff 50%, #FAFBFC 50%)
}

@media all and (max-width: 768px) {
    .bd-modal-custom--half-gray-right .modal-content {
        background:transparent
    }
}

.bd-modal-summary {
    margin-top: 64px !important;
    margin-right: 0px !important
}

.bd-modal-summary .modal-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: none
}

.bd-modal-summary .modal-content .modal-body {
    position: relative;
    padding: 0;
    margin: 0;
    box-shadow: none
}

.bd-modal-summary .bd-sidebar {
    border: none;
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    box-shadow: 0 8px 20px rgba(0,0,0,0.3)
}

.bd-modal-summary__close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    border-bottom: none;
    margin-top: -64px;
    width: 121px;
    text-align: center;
    padding: 13px 15px;
    float: none;
    color: #fff;
    font-size: 17px;
    opacity: 1;
    text-shadow: none;
    background-color: #5423bb;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.bd-modal-summary__close:hover {
    background-color: #1a6fcc
}

@media all and (min-width: 991px) {
    .bd-modal-custom--md {
        width:450px
    }
}

@media all and (max-width: 767px) {
    .bd-modal-custom--md {
        width:100%
    }
}

.bd-modal-custom--md .modal-content {
    border-radius: 0
}

.bd-modal-custom--md .modal-header {
    border-bottom: none
}

.bd-modal-custom--md .modal-footer {
    background-color: #fafbfc
}

.bd-modal-custom--md .modal-body {
    padding: 15px 50px 50px 50px
}

.bd-modal-custom--md .modal-content__p {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    color: rgba(55,61,81,0.6)
}

.modal-body .g-disclaimer-text {
    color: #6d7579;
    font-size: 12px;
    display: inline-block;
    position: relative
}

.modal-body .g-disclaimer-text:before,.modal-body .g-disclaimer-text:after {
    content: "";
    position: absolute;
    height: 10px;
    border-bottom: 1px solid #e7ebeb;
    top: 0;
    width: 80px
}

.modal-body .g-disclaimer-text:before {
    right: 100%;
    margin-right: 15px
}

.modal-body .g-disclaimer-text:after {
    left: 100%;
    margin-left: 15px
}

.modal-body .back-to-login:before {
    content: '';
    bottom: 6px;
    transform: rotate(133deg);
    -webkit-transform: rotate(133deg);
    border: solid #5423bb;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 1px;
    margin-right: 5px
}

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

@media (max-width: 991px) {
    .popular__services__component {
        overflow-x:scroll;
        -webkit-overflow-scrolling: touch;
        margin-left: -15px;
        margin-right: -15px;
        white-space: nowrap;
        display: block
    }
}

.popular__services__component a {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    flex: 1;
    position: relative
}

@media (max-width: 991px) {
    .popular__services__component a {
        margin-right:15px;
        margin-left: 15px;
        width: 300px;
        min-height: 183px;
        white-space: normal
    }

    .popular__services__component a:not(:first-child) {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .popular__services__component a {
        margin-right:15px
    }

    .popular__services__component a:last-child {
        margin-right: 0
    }
}

@media (min-width: 992px) {
    .popular__services__component a {
        transition:all 0.2s
    }

    .popular__services__component a:hover {
        box-shadow: 0 5px 14px rgba(0,0,0,0.1)
    }
}

.popular__services__component .job__icon {
    display: block;
    min-height: 45px;
    height: 45px;
    min-width: 45px;
    width: 45px;
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: 25px;
    background-color: white;
    border: 1px solid #E7EBEB;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

@media (max-width: 991px) {
    .popular__services__component .job__icon {
        display:none
    }
}

.popular__services__component .job__icon .diag,.popular__services__component .job__icon .rnr,.popular__services__component .job__icon .pre-purchase,.popular__services__component .job__icon .oil {
    min-width: 30px;
    width: 30px;
    min-height: 30px;
    height: 30px
}

.popular__services__component .job__icon .diag {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_30,q_auto,w_30/ym_assets/job_icons/diagnostic-icon--dark") 0px 0px no-repeat
}

.popular__services__component .job__icon .rnr {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_30,q_auto,w_30/ym_assets/job_icons/rnr-icon--dark") 0px 0px no-repeat
}

.popular__services__component .job__icon .pre-purchase {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_30,q_auto,w_30/ym_assets/job_icons/pre-purchase--dark") 0px 0px no-repeat
}

.popular__services__component .job__icon .oil {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_30,q_auto,w_30/ym_assets/job_icons/oil-change--dark") 0px 0px no-repeat
}

.popular__services__component .job__icon .car-not-starting {
    background: url("https://res.cloudinary.com/yourmechanic/image/upload/c_scale,dpr_auto,f_auto,h_30,q_auto,w_30/ym_assets/job_icons/car-not-starting--dark") 0px 0px no-repeat
}

.popular__services__component p {
    margin: 5px 0
}

.popular__services__component .learn__more__wrapper {
    margin-top: auto
}

.popular__services__component .learn__more__wrapper .popular__hr {
    margin: 10px 0 15px 0
}

.popular__services__component .job__link {
    font-weight: 600;
    font-size: 14px;
    color: #5423bb;
    margin: 0 auto;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase
}

.service-list-dropdown {
    position: absolute;
    z-index: 10;
    box-shadow: 0 5px 14px rgba(0,0,0,0.1);
    width: 100%
}

.service-list-dropdown ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    border: 1px solid #E2E2E2;
    border-radius: 3px;
    overflow: scroll;
    overflow-x: hidden;
    color: #4A5155;
    max-height: 300px
}

.service-list-dropdown ul li {
    cursor: pointer;
    background-color: #fff;
    font-size: 14px;
    padding: 12px 15px;
    border-bottom: 1px solid #E2E2E2;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.service-list-dropdown ul li:hover {
    background-color: #FAFBFC;
    color: #5423bb
}

.service-list-dropdown ul .icon-service-plus {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("../booking/icons/icon-service-plus.svg");
    background-repeat: no-repeat;
    margin-right: 13px;
    vertical-align: bottom
}

.question-box {
    background: #fff;
    border: 1px solid #e7ebeb
}

@media only screen and (max-width: 767px) {
    .question-box {
        margin-bottom:15px;
        padding: 30px 30px 20px
    }
}

@media only screen and (min-width: 768px) {
    .question-box {
        margin-bottom:25px;
        padding: 30px 35px 20px
    }
}

.question-box__heading {
    font-weight: 600;
    line-height: 1.1;
    margin: 0;
    padding: 2px 0;
    position: relative;
    color: #363946
}

.question-box__heading:hover {
    color: #5423bb
}

.question-box__heading::before {
    background: #5423bb;
    bottom: 0;
    content: '';
    position: absolute;
    width: 3px;
    top: 0
}

@media only screen and (max-width: 767px) {
    .question-box__heading {
        font-size:18px
    }

    .question-box__heading::before {
        left: -30px
    }
}

@media only screen and (min-width: 768px) {
    .question-box__heading {
        font-size:18px
    }

    .question-box__heading::before {
        left: -35px
    }
}

.question-box__answered-by {
    color: #6d7579;
    font-size: 12px;
    margin-bottom: 15px
}

.question-box__answered-by strong {
    font-weight: 600;
    color: #363946
}

.question-box__answer {
    color: #6d7579;
    overflow-wrap: anywhere;
    margin-bottom: 25px
}

@media only screen and (min-width: 768px) {
    .question-box__answer {
        font-size:15px
    }
}

.question-box__tag {
    border: 1px solid #d9dfdf;
    border-radius: 3px;
    color: #6d7579;
    display: inline-block;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    height: 32px;
    letter-spacing: 1px;
    margin: 3px;
    padding: 10px;
    text-transform: uppercase
}

.question-box__tag:hover {
    color: #5423bb
}

.question-box__tag:first-child {
    margin-left: 0
}

.seo-estimates-background-image {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-parts-2791960febfa48385c219ba320e12405.jpg);
    background-size: cover;
    background-position: center
}

.seo-estimate-base-widget__subheader {
    font-size: 12px
}

.seo-estimate-base-widget__subheader--medium {
    text-transform: uppercase;
    color: #6d7579;
    font-size: 22px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.seo-estimate-base-widget__subheader--small {
    font-size: 16px;
    color: #363946;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.seo-estimate-base-widget__subheader--large {
    font-size: 32px;
    color: #EB5B27;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.seo-estimate-base-widget .seo-estimate-base-widget__image img {
    width: 100%
}

.seo-estimate-base-widget .seo-estimate-base-widget__subheader {
    color: #6d7579;
    font-size: 13px
}

.seo-estimate-base-widget .seo-estimate-base-widget__price--medium {
    display: block;
    font-size: 22px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.seo-estimate-base-widget .seo-estimate-base-widget__price--small {
    display: block;
    font-size: 16px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.seo-estimate-base-widget .seo-estimate-base-widget__price--large {
    display: block;
    font-size: 32px;
    color: #7FB632;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.seo-estimate-learn-more {
    font-size: 13px;
    color: #6d7579;
    margin-top: 10px;
    display: block
}

.seo-estimate-learn-more a {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #363946;
    text-decoration: underline
}

.seo-estimate-learn-more a:hover {
    color: #5423bb
}

.seo-estimate-service-questions__list {
    margin-top: 5px !important;
    padding: 0;
    margin-bottom: 0
}

.seo-estimate-service-questions__list li {
    margin: 0 17px 0 0 !important
}

.seo-estimate-service-questions h5 {
    color: #363946;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.seo-estimate-service-questions__description {
    font-size: 12px;
    color: #6d7579
}

.hero-section {
    background-color: black;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
    min-height: 400px;
    height: 90vh;
    width: 100%;
    color: white;
    position: relative;
    display: table;
    background-image: url(//app.wrench.com/assets/main/wrench_home_bg.jpeg);
    background-position-x: calc(100% - 0px)
}

@media screen and (max-width: 1024px) {
    .hero-section {
        background-position-x:calc(100% - -255px)
    }
}

.hero-section .levitate_qt_cta {
    bottom: 0px;
    z-index: 99;
    right: 0;
    left: 0;
    padding-bottom: 5px;
    position: fixed
}

.hero-section .levitate_qt_cta a.btn-orange-fill {
    box-shadow: 0px 0px 15px rgba(0,0,0,0.35);
    transition: all 0.3s ease 0s;
    padding: 18px
}

.hero-section h1 {
    font-size: 4em;
    font-size: calc(1.7vw + 1.7vh + 2vmin);
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    margin: 0;
    margin-top: 0.5%;
    letter-spacing: 0.03em;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0,0,0,0.2)
}

.hero-section h3 {
    margin: 0;
    font-size: 23px
}

.hero-section .btn-orange-fill {
    padding: 22px 0;
    width: 100%;
    margin-top: 40px;
    font-size: 18px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px
}

.hero-section h5 {
    font-size: 16px;
    color: #d2d2d2;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 5px
}

.hero-section .ym-hero-content-container {
    display: table-cell;
    vertical-align: middle
}

.hero-section .ym-hero-card-container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

@media all and (max-width: 767px) {
    .hero-section .ym-hero-card-container {
        -webkit-box-orient:vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

.hero-section .ym-hero-card {
    background-color: #fff;
    padding: 30px;
    border-radius: 4px;
    -webkit-flex-basis: 47%;
    -moz-flex-basis: 47%;
    flex-basis: 47%;
    -ms-flex-preferred-size: 47%;
    margin: 20px;
    max-width: 320px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.5)
}

.hero-section .ym-hero-card__icon {
    width: 60px;
    margin-bottom: 30px
}

@media all and (max-width: 767px) {
    .hero-section .ym-hero-card__icon {
        display:none
    }
}

.hero-section .ym-hero-card__title {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #363946;
    text-transform: uppercase;
    margin-bottom: 15px
}

.hero-section .ym-hero-card__description {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    color: #6d7579;
    font-size: 15px;
    margin-bottom: 15px
}

@media all and (max-width: 767px) {
    .hero-section .ym-hero-card__description {
        display:none
    }
}

.hero-section .ym-hero-card__button {
    width: 100%;
    text-transform: none;
    font-size: 16px
}

.hero-section .ym-hero-card--dark {
    background-color: #363946
}

.hero-section .ym-hero-card--dark .ym-hero-card__title {
    color: #fff
}

.hero-section .ym-hero-card--dark .ym-hero-card__description {
    color: #E7EBEB
}

.hero-section .ym-hero-learn-more {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%
}

.hero-section .ym-hero-learn-more a {
    display: inline-block
}

.hero-section .ym-hero-learn-more a h5 {
    color: #c2c3c5;
    font-size: 16px;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.header-image-delay {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s
}

.second-section {
    padding: 70px 0;
    background-color: #FAFBFC
}

.second-section .container-point {
    height: 215px
}

.second-section .container-point .pull-bot {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0
}

.second-section h5 {
    margin-bottom: 20px
}

.second-section .icon {
    padding-bottom: 20px;
    max-height: 72px
}

.second-section .btn-more {
    margin-top: 20px;
    display: inline-block;
    transition-duration: 0.3s
}

.second-section .btn-more:hover {
    color: #ce32a3
}

.second-section .btn-more:hover i {
    border-color: #ce32a3
}

.second-section i {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border: solid #218be7;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 1px;
    transition-duration: 0.3s
}

.third-section .number-circle {
    display: inline-block;
    overflow: hidden;
    border: 1px solid #4A5155;
    width: 38px;
    height: 38px;
    color: #4A5155;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding-top: 8px;
    vertical-align: middle;
    float: left;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.third-section .one-two-three {
    margin-bottom: 30px
}

.third-section .container-point {
    height: 100px;
    display: inline-block
}

.third-section .container-point h5 {
    display: inline-block;
    overflow: hidden;
    color: #4A5155;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.third-section .container-point p {
    display: inline-block;
    overflow: hidden
}

.third-section .container-point .text-number {
    padding-left: 15px;
    padding-top: 7px;
    overflow: hidden
}

.third-section .container-point .text-number p {
    margin-top: -4px
}

.third-section .container-buttons {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.third-section .learn-more,.third-section .get-a-quote {
    display: inline-block;
    margin: 5px 20px 5px 20px;
    padding: 12px 0px;
    width: 167px
}

.recommendations .shadow-box-fill {
    margin-top: 20px
}

.recommendations .btn-gray-stroke {
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%
}

.jobs-list ul {
    list-style: none;
    padding-left: 0
}

.jobs-list li {
    font-size: 16px;
    text-decoration: none
}

.jobs-list li a {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    color: #6d7579;
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
    padding-top: 20px
}

.jobs-list li a:hover {
    color: #5423bb
}

.services-section .shadow-box-fill.home-services {
    padding: 15px 10px 32px 25px
}

.services-section .shadow-box-fill {
    padding: 15px 10px 32px 38px
}

.services-section h5 {
    margin-bottom: 20px
}

.services-section .btn-gray-stroke {
    margin-top: 40px
}

.section-makes img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    max-height: 100px;
    max-width: 100px
}

.section-makes .image-space {
    align-items: center;
    width: 100%;
    height: 100px;
    vertical-align: middle;
    margin-top: 30px
}

.section-makes .image-space img {
    height: auto
}

.section-makes .btn-gray-stroke {
    margin-top: 55px
}

.cities-section img {
    width: 100%
}

.cities-section .map {
    margin-bottom: 20px;
    width: 100%
}

.cities-section .cities-list {
    padding-top: 20px;
    line-height: 126%;
    margin-top: 20px
}

.cities-section .cities-list .btn-more {
    margin-left: 0
}

.cities-section .cities-list ul {
    list-style: none;
    color: #6d7579;
    padding-left: 0
}

.cities-section .cities-list ul li a {
    color: #6d7579
}

.cities-section .cities-list ul li a:hover {
    color: #5423bb
}

.cities-section .cities-list a {
    font-size: 14px
}

.cities-section .btn-more {
    margin-left: 10px
}

.cities-section .more-cities {
    margin-top: 40px
}

.questions-section p {
    margin-bottom: 10px
}

.questions-section p:last-of-type {
    margin-bottom: 30px
}

.phonebrowser {
    width: 100%
}

.home-car-logos img {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.home-car-logos img:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

@media only all and (max-width: 1202px) {
    .hero-section h2 {
        font-size:3.3em !important
    }
}

@media only all and (max-width: 992px) {
    .hero-section h2 {
        font-size:2.5em !important
    }

    .hero-section h3 {
        font-size: 15px !important;
        margin-bottom: 6px;
        font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
        font-style: normal;
        font-weight: 400
    }

    .hero-section h5 {
        font-size: 16px;
        margin-top: 10px
    }

    .hero-section .btn-orange-fill {
        margin-top: 10px;
        font-size: 15px;
        padding: 16px 0
    }

    .third-section .learn-more {
        display: none
    }

    .third-section .easy-as-br {
        display: none
    }

    .third-section .get-a-quote {
        margin: 0;
        width: 100%;
        padding: 14px
    }

    .third-section .container-point {
        height: 115px
    }
}

@media only all and (max-width: 767px) {
    .second-section .btn-more {
        margin-bottom:20px
    }

    .hero-section h2 {
        font-size: 28px !important
    }

    .hero-section h3 {
        font-size: 16px !important;
        margin-bottom: 6px;
        font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
        font-style: normal;
        font-weight: 400
    }

    .hero-section h5 {
        font-size: 16px;
        line-height: 150%
    }

    .hero-section .btn-orange-fill {
        margin-top: 10px;
        font-size: 15px;
        padding: 16px 0
    }

    .questions-section .btn-blue-stroke {
        margin-bottom: 20px
    }

    .featured-section img {
        margin-bottom: 20px
    }

    .services-section h5 {
        margin-top: 20px;
        margin-bottom: 10px
    }
}

.home-devices-container {
    width: 100%
}

.home-devices-container .home-device-one {
    -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.25, 1);
    -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.25, 1.22);
    -moz-transition: all 600ms cubic-bezier(0.86, 0, 0.25, 1.22);
    -o-transition: all 600ms cubic-bezier(0.86, 0, 0.25, 1.22);
    transition: all 600ms cubic-bezier(0.86, 0, 0.25, 1.22);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.25, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.25, 1.22);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.25, 1.22);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.25, 1.22);
    transition-timing-function: cubic-bezier(0.86, 0, 0.25, 1.22);
    z-index: 9;
    position: absolute;
    bottom: 0;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
}

.home-devices-container .home-device-two {
    -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.25, 1);
    -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.25, 1.22);
    -moz-transition: all 600ms cubic-bezier(0.86, 0, 0.25, 1.22);
    -o-transition: all 600ms cubic-bezier(0.86, 0, 0.25, 1.22);
    transition: all 600ms cubic-bezier(0.86, 0, 0.25, 1.22);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.25, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.25, 1.22);
    -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.25, 1.22);
    -o-transition-timing-function: cubic-bezier(0.86, 0, 0.25, 1.22);
    transition-timing-function: cubic-bezier(0.86, 0, 0.25, 1.22);
    z-index: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    margin-left: -160px
}

@media all and (device-width: 1024px) {
    .home-device-two img {
        max-width:80%
    }
}

.hiw-spacing {
    display: block;
    padding-bottom: 50px
}

.hiw-spacing h5 {
    margin-bottom: 12px
}

.icon-container {
    width: 80px;
    margin-right: 20px;
    border-radius: 50%;
    float: left;
    text-align: center
}

.icon-container img {
    margin-top: 11px;
    max-width: 100%
}

.icon-container .icon-car {
    display: inline-block;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/car-6c518256fefaa649f1ef0786f9011070.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%
}

.steps-part {
    padding-top: 30px
}

.text-icon {
    overflow: hidden;
    padding-left: 15px;
    padding-top: 10px
}

.button-section {
    padding: 20px
}

.oil-notification {
    margin-top: 30px
}

.next-section {
    margin: 25px 0;
    float: right;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.next-section .right-arrow {
    margin-left: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border: solid #5423bb;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 1px;
    transition-duration: 0.3s
}

.next-section:hover .right-arrow {
    border-color: #ce32a3
}

.text-space ul li {
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .text-space ul li {
        font-size:15px
    }
}

@media only screen and (max-width: 758px) {
    .next-section {
        padding-right:15px
    }
}

.table-bg-blue {
    background-color: #5423bb !important;
    color: #fff !important
}

@media all and (max-width: 991px) {
    .table-bg-blue:before {
        color:#fff !important
    }
}

.table-bg-green {
    background-color: #E9F5E8 !important;
    font-weight: 600
}

.s-pricing img {
    padding: 20px 0;
    max-width: 100%
}

.s-pricing table {
    margin-top: 30px
}

.pricing-table--service thead {
    background-color: #FAFBFC;
    border-bottom: 2px solid #e7ebeb
}

.pricing-table--service tr {
    border-bottom: 1px solid #e7ebeb
}

.pricing-table--service tr:hover {
    background-color: #FAFBFC
}

@media (max-width: 767px) {
    .pricing-table--service tr td>span {
        margin:0px 0px 0px 40px
    }
}

.pricing-table--service tr span {
    font-weight: 600
}

.pricing-table--service tr span a {
    font-weight: 400
}

.pricing-table--service .pricing-table-savings {
    color: #36B047;
    font-weight: 600
}

@media (max-width: 767px) {
    .pricing-table--service .pricing-table-savings:before {
        color:#36B047 !important
    }
}

.full-search {
    width: 100%;
    height: 70px;
    border: none;
    text-indent: 38px
}

.searchservice-icon {
    position: absolute;
    top: 25px;
    left: 20px
}

.s-mechanics img {
    max-width: 100%
}

.s-support img {
    margin-bottom: 20px
}

.s-support .chat-available {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 12px;
    width: auto;
    font-size: 12px;
    color: #70c06b;
    border: 1px solid #70c06b;
    border-radius: 3px
}

.s-support h2 {
    margin-bottom: 25px
}

.s-support .faq-list h5 {
    text-transform: uppercase
}

.s-support .faq-list ul {
    list-style: none;
    padding-left: 0
}

.s-support .faq-list ul li {
    padding-top: 15px;
    color: #6d7579
}

.s-support .faq-list ul li:hover {
    color: #5423bb
}

.s-support .faq-subheader {
    margin-bottom: 10px;
    margin-top: 30px
}

@media only all and (max-width: 768px) {
    .contact-icon-info {
        margin-bottom:40px
    }
}

.s-reviews select {
    width: 100%;
    z-index: 999;
    margin-top: 20px;
    height: 60px;
    background: #fff;
    color: #888888;
    border: none;
    outline: none;
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.s-reviews .photo-module {
    margin-top: 0
}

.s-reviews .post-text p {
    display: inline-block
}

.s-reviews .reviews-select label {
    z-index: 1;
    margin-top: 21px;
    position: absolute;
    pointer-events: none
}

.s-reviews .reviews-select:after {
    content: url("main/chevron-down.png");
    position: absolute;
    top: 30px;
    right: 10px;
    z-index: 2
}

.s-reviews .reviews-checkbox {
    margin-top: 16px;
    color: #4A5155;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400
}

.s-reviews .reviews-checkbox input {
    margin-right: 10px
}

.s-reviews .dropdown-bg {
    height: 90px;
    padding-top: 27px
}

.s-reviews .dropdown-bg .dropdown-label {
    font-size: 13px;
    color: #6d7579
}

.s-reviews .dropdown-bg .dropdown-selection {
    font-size: 15px;
    color: #4A5155
}

.s-reviews .dropdown-bg .dropdown-chevron {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 42px
}

.reviews-space {
    padding: 20px 0
}

.review-job {
    max-width: 88%;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #4A5155
}

.post-review-hr {
    width: 50px;
    position: absolute;
    left: 37px;
    color: #5423bb;
    background-color: #5423bb;
    height: 1px
}

.post-text-quote {
    font-size: 15px
}

.post-text-quote-author {
    font-weight: 500;
    font-size: 15px
}

@media only screen and (min-width: 992px) {
    .post-text-review {
        min-height:250px
    }
}

.job {
    padding: 20px
}

.job h4 {
    color: #4A5155
}

.job h6 {
    color: #6d7579
}

.job .job-location img {
    display: inline-block
}

.job .job-location h6 {
    display: inline-block
}

.job button {
    margin-top: 20px
}

.careers img {
    height: 51px;
    margin: 20px 0
}

.news-card h5 {
    padding-top: 0 !important;
    margin-bottom: 10px
}

.milestone h5 {
    margin-bottom: 20px;
    font-size: 24px
}

.milestone h6 {
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400
}

.milestone h6:last-of-type {
    margin-bottom: 0px;
    margin-top: 30px
}

.team-photo {
    max-width: 120px;
    max-height: 120px;
    border-radius: 50%;
    margin: auto
}

.team-car {
    max-width: 220px;
    margin: auto
}

.news-image {
    background-color: #fff;
    background-image: none;
    background-size: cover;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    width: 100px;
    height: 100px;
    border-radius: 200px;
    overflow: hidden;
    border: 1px solid #eee
}

.news-image-new {
    margin-top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.news-content h2 {
    display: inline-block
}

.news-content .media-mail {
    display: inline-block;
    padding: 10px 0;
    float: right;
    color: #6d7579;
    text-align: right
}

@media only all and (max-width: 991px) {
    .news-content .media-mail {
        display:block;
        float: none;
        text-align: center
    }
}

.awards-image {
    background-color: #fff;
    background-image: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid #eee
}

.press_kit-section-title {
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    color: #363946
}

.press_kit-section-title h1 {
    font-size: 24px
}

.press_kit-section-title h5 {
    font-size: 15px
}

.press_kit-section-sub-title {
    font-size: 16px
}

.press_kit-section-sub-text {
    font-size: 14px;
    color: #666b7c
}

.press-data-box__bottom,.press-data-box__bottom {
    display: block
}

.press-data-box__bottom {
    text-align: center
}

.press-data-box__bottom__title {
    display: block;
    color: #363946;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px
}

.press-kit__logo_main {
    display: block;
    width: 100%;
    padding: 80px 20px;
    text-align: center
}

.press-kit__logo_2 {
    display: block;
    width: 100%;
    padding: 20px 10px 10px 10px;
    text-align: center
}

.press-kit__logo_main__img {
    max-width: 250px;
    margin: 0 auto;
    display: block
}

.press-kit__logo_2__img {
    max-width: 250px;
    margin: 0;
    display: block
}

.press-kit__logo_2__img--wide {
    max-width: 400px;
    margin: 0;
    display: block
}

.press-kit__logo--dark {
    background-color: #363946
}

.press-kit__logo__assets {
    color: #6d7579
}

.press-kit__logo__asset {
    color: #6d7579;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.articleContainer-content {
    margin-top: 20px
}

.articleContainer-title {
    vertical-align: middle
}

.net_promoter {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/net_promoter_score_logo-c75a955132fafb43228ecf38b6c1fa77.png)
}

.bbb {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bbb_logo-35f87a7bf6559698633a3c9cdf452dc0.png)
}

.yelp {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/yelp_logo-190e94f155097d21c7711dc88fe74d81.png)
}

.tc_disrupt {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/techcrunch_disrupt_scaled500-3ff2322ade8011c7e72609f08c80c6dc.png)
}

.wiac {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/women_in_autocare-d4dbfb6b5957cae27529738798ad8304.png)
}

.automobility_la {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/automobility_la-f43fe7d02d0c17aeab412f4443cfcb10.png)
}

.abc {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/abc-65dc732e6c8fe94c9e0e89ef42921f5f.png)
}

.svbj {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/svbj-b10c921dba167bc63cc890ad65ecffab.png)
}

.article3 {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/article3-086a43d33f687f4bc9bf20c65cec989b.png)
}

.bloomberg {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bloomberg-80b2911812fe93353a2966b6d61d0c18.png)
}

.businessinsider {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/businessinsider-9e94f2eaf203cfd2411ac48b5f41d8eb.png)
}

.cbssf {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/cbssf-44b897b5e4cdca36fb5bd7aa362e9b3e.png)
}

.foxnews {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/foxnews-9cf000ed9d985f8e865538e83dc605be.png)
}

.inc {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/inc-c8a92a2470a85152e264c5d85388ab6c.png)
}

.tnw {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/tnw-e24eecc0ee26f3bcb0524fd86d04bc34.png)
}

.vb {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/vb-fba21cba0f6e1c5aefe11c9a659e8140.png)
}

.evernote {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/evernote-767f33e9df4e15564660159d3520fb12.png)
}

.svbj {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/svbj-b10c921dba167bc63cc890ad65ecffab.png)
}

.examiner {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/examiner-7910da406ed2b1691f7b40a31bb3e3d5.png)
}

.fastcompany {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/fastcompany-1cf4ee2bfa2bf5900bbfba864d2d9971.png)
}

.patch {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/patch-7d4f1cad26fec56d2340e73f5d02ea60.png)
}

.wired {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/wired-16654c023c7640ca98f2d273b0beab53.png)
}

.nbc {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/nbc-4949eb3b0310c76f2e62bfada6902922.png)
}

.nbc-chicago {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/nbc-chicago-38af0aad67d6d91617ef321d8b70626e.png)
}

.sfgate {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/sfgate-77f5f7e6d1519cd4289f4f6e24d43609.png)
}

.techcrunch {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/techcrunch-7bfe79549a642599b3a110896dde4b9a.png)
}

.christian {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/christian-27f58583ce42c38ce653ca5ff95bc1ad.png)
}

.freep {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/freep-eba90557b34a761a209ab7b473ea60f0.png)
}

.bic {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bic-c1ff7ef69ce9636701a14e33a58d090a.png)
}

.huffington {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/huffington-febfa36f2acdf5fa3ca2d9e49fcce6b7.png)
}

.nytimes {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/nytimes-bd980a5864b50e2bc3d528c362b4633f.png)
}

.aztechbeat {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/aztechbeat-ca312a8ca8b16becd67d9b745f0cdd04.png)
}

.ktvu {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/ktvu-c677c22d5b2dbb13fe0bad54afdad642.png)
}

.newsobserver {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/newsobserver-0b604abf9b66ba8edfeb6210e070ea5f.png)
}

.bizjournals {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bizjournals-4b2f3eb1af2843f26b00a109aacdf579.png)
}

.autonews {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/autonews-4de599e37449755d73a3a8479edaefdd.png)
}

.fortune {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/fortune-8cb997cd9a7ee261e596fc1a01085232.png)
}

.prnews {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/prnews-ea2f290597c63113593aa9284c1f469a.png)
}

.roadandtrack {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/roadandtrack-4b41b7054b2353a718315032b0cf9697.jpg)
}

.popmech {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/popmech-da6bad99b2be3f7169d1e0e595df701b.jpg)
}

.dailyjournal {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/dailyjournal-fa1d018658cba7fb1b7925f8b11abded.jpg)
}

.venturebeat {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/venturebeat-5c2c6fddcb680bc6b1ffdf298bd72d7c.jpg)
}

.popularscience {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/popularscience-e5efc7defcc44a6ea17fc8eb7a188f5b.jpg)
}

.yourmechanic {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/ym_logo-3671755e0bc69c258dcf493a4d78ec43.png)
}

.forbes {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/forbes-40ee85a1de7ff9815f37a564bcf372ee.jpg)
}

.siliconvalleybizjournal {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/siliconvalleybizjournal-8cdfdbef505dcdaed7752cc60b0d07b2.jpg)
}

.sfgate {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/sfgate-9f7fc5d0b9347a039b10dd6b1dedbcaf.jpg)
}

.mtd {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mtd-640573be20e577dd8d654aa03cf87f2d.jpg)
}

.automotivenews {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/automotivenews-be67759bee5627e407aee1ddc0088b2c.jpg)
}

.mechform-header-list ul {
    list-style: none;
    display: block;
    white-space: nowrap;
    margin-bottom: 0
}

.mechform-header-list a {
    color: white
}

.mechform-header-list li {
    color: #d9d9d9;
    font-size: 15px;
    position: relative;
    height: auto;
    padding: 0 0.5em;
    line-height: 30px;
    list-style: url(https://res.cloudinary.com/yourmechanic/image/asset/check-a710711b25894da45d550d36de4168fc.svg)
}

.mech-section-hdiw {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-mechform2-e2ace3e7e85f6daac800f4140955fc5a.jpg);
    background-size: cover;
    background-position: right
}

.mechanic-duo {
    position: absolute;
    bottom: -490px;
    max-width: 100%
}

.mech-point-hdiw h5 {
    margin: 15px 0 10px 0;
    color: #fff
}

.mech-point-hdiw p {
    color: #ccc
}

.mechanic-last-section {
    padding-bottom: 0
}

.mechanic-form-padding {
    padding: 0 15px 15px 15px
}

@media only all and (max-width: 992px) {
    .mechanic-duo {
        display:none
    }
}

.mechanic-form-header {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-mechform-b-2e1edbcbee0cf72a65f202a7b0dc72c0.jpg) no-repeat;
    background-size: cover
}

.mechanic-form-text-header {
    text-transform: uppercase;
    font-size: 57px;
    color: #FFFFFF;
    letter-spacing: 2px;
    text-shadow: 0px 2px 11px rgba(0,0,0,0.5);
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

@media all and (max-width: 992px) {
    .mechanic-form-text-header {
        font-size:30px
    }
}

.mechanic-form-text-subheader {
    font-size: 16px;
    color: #fff
}

.mechanic-form-header-list {
    list-style: none;
    display: block;
    margin-bottom: 0;
    padding: 0
}

.mechanic-form-header-list a {
    color: white
}

.mechanic-form-header-list img {
    margin-right: 5px
}

.mechanic-form-header-list li {
    color: #fff;
    font-size: 15px;
    position: relative;
    height: auto;
    padding: 5px 0
}

.mechanic-form-review__quote {
    font-size: 84px;
    margin-bottom: -60px
}

.mechanic-form-review__text {
    font-size: 24px
}

.total-price {
    color: #5423bb;
    font-size: 18px
}

.seo-featured {
    padding-bottom: 30px
}

.clock-icon {
    display: inline-block;
    float: left;
    margin-right: 10px
}

.map-section {
    height: 500px
}

.prepurchase-header {
    border-bottom: 1px solid #E7EBEB
}

.prepurchase-spacing h5 {
    margin-bottom: 10px
}

.maintenance-card {
    min-height: 390px
}

.maintenance-schedule {
    padding: 20px
}

.maintenance-schedule ul li {
    padding: 0;
    font-size: 0.96em
}

.maintenance-btn {
    margin-top: 20px;
    border-radius: 4px
}

.article .row {
    margin-bottom: 0 !important
}

.article h2 {
    font-size: 16px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.article h3 {
    font-size: 18px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 20px
}

.article h5 {
    font-size: 18px
}

.article p {
    font-size: 16px;
    color: #565e63;
    margin: 10px 0;
    text-align: justify;
    line-height: 170%
}

.article iframe {
    margin: 30px 0
}

.article img {
    max-width: 100%
}

.article ul {
    margin: 20px 0
}

.article ul li {
    font-size: 16px;
    color: #626b70;
    line-height: 170%
}

.article .g-header-text {
    font-size: 30px
}

.service-page-v3 .article .g-header-text {
    font-size: 24px
}

.side-menu-article h5 {
    text-transform: uppercase;
    margin: 0px 0 3px 0
}

.side-menu-article .btn-more {
    margin-top: 20px !important
}

.seo-car-image {
    max-width: 100%
}

.map-seo-side {
    width: 100%;
    height: 280px
}

.mech-data {
    display: inline-block
}

.mech-box-info {
    margin-bottom: 0 !important;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #6d7579;
    font-size: 14px;
    vertical-align: super
}

.recently-inspected-car {
    padding: 15px
}

.sidebar-service-button {
    margin: 15px 0
}

.crumbs {
    padding: 8px 0 8px 0;
    margin-bottom: 0
}

.crumbs li {
    display: inline-block;
    font-size: 12px;
    color: #6d7579 !important
}

.crumbs li:after {
    content: url(https://res.cloudinary.com/yourmechanic/image/asset/arrow-small-right-fc7ad9ac1f950a02342c85196a0c3c2c.svg);
    padding: 0 0.25em 0 0.5em;
    color: #6d7579
}

.crumbs li.last:before,.crumbs li.last:after {
    content: none
}

.crumbs li.last a {
    color: #6d7579 !important
}

.crumbs-on-image {
    position: absolute;
    z-index: 80;
    margin-top: -50px
}

.crumbs-on-image a {
    color: #fff
}

.crumbs-on-white a {
    color: #5423bb
}

.crumbs-container {
    border-top: 1px solid #e7ebeb;
    border-bottom: 1px solid #e7ebeb
}

.seo-car-list ul {
    padding-left: 0;
    list-style-type: none;
    display: inline-block
}

.seo-car-list ul li {
    display: inline-block;
    padding: 3px 13px;
    border-radius: 20px;
    border: 1px solid #d9dfdf;
    margin-top: 5px;
    margin-right: 5px
}

.seo-car-list ul li a {
    color: #6d7579
}

.seo-car-list ul li a:hover {
    color: #5423bb
}

.header-seo h1 {
    color: #fff
}

@media only all and (max-width: 992px) {
    .mechanic-name-section .btn-orange-fill {
        margin-bottom:15px
    }

    .mechanic-name-section .mechanic-image-container {
        margin-bottom: 0
    }
}

@media only all and (max-width: 767px) {
    .mechanic-text-name {
        text-align:center
    }
}

.seo-text-under-cta {
    display: block;
    margin-top: 10px
}

.seo-text-under-cta b {
    text-transform: none
}

.seo-list-checked-lightgray {
    font-size: 14px
}

.seo-list-checked-lightgray li {
    color: #E7EBEB;
    padding-top: 2px
}

.seo-list-checked-lightgray li:first-child {
    padding-top: 0
}

.seo-abc-review {
    padding: 20px 0 40px 0
}

.seo-abc-review h3 {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: italic;
    font-weight: 400
}

.seo-abc-review h3 b {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #363946
}

.seo-abc-review span {
    color: #6d7579
}

.seo-tb-review-box {
    background: #FAFBFC;
    border: 1px solid #e7ebeb;
    border-radius: 3px;
    padding: 30px
}

.orange-info-box {
    background-color: #fce9e2;
    border: 1px solid #EB5B27;
    text-align: center;
    padding: 20px;
    color: #EB5B27;
    margin: 10px 0;
    border-radius: 4px;
    box-shadow: 0px 7px 27px 0px rgba(249,108,56,0.25)
}

.orange-info-box h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: 2px;
    font-size: 22px
}

.orange-info-box img {
    width: 30px
}

.seo-links-header {
    text-transform: uppercase
}

.cars-ym-container p,.cars-ym-container a {
    font-size: 14px
}

.cars-ym-section {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.cars-second-section {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.cars-right-side-hours {
    margin-bottom: 0;
    text-align: right
}

.cars-right-side-days {
    margin: 0;
    text-align: right
}

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

@media (max-width: 991px) {
    .two__col__reversed {
        -webkit-box-orient:vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: reverse;
        -moz-box-direction: reverse;
        box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-direction: column-reverse
    }
}

.two__col__reversed .two__main__col {
    width: 66.66666667%;
    padding: 0px 15px 0px 0px;
    min-height: 1px
}

@media (max-width: 991px) {
    .two__col__reversed .two__main__col {
        width:100%;
        padding: 0;
        margin-top: 20px
    }
}

.two__col__reversed .two__side__col {
    width: 33.33333333%;
    padding: 48px 0px 0px 15px;
    min-height: 1px
}

@media (max-width: 991px) {
    .two__col__reversed .two__side__col {
        width:100%;
        padding: 0
    }
}

.city__page__content h2 {
    font-size: 1.4em;
    font-weight: 500;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .city__page__content h2 {
        font-size:1.2em
    }
}

.city__page__content h2.g-header-text {
    font-size: 1.6em
}

@media (max-width: 767px) {
    .city__page__content h2.g-header-text {
        font-size:1.4em;
        text-align: center
    }
}

@media (min-width: 992px) {
    .city__popular__services {
        margin-bottom:25px
    }
}

@media (max-width: 991px) {
    .city__popular__services.top {
        display:none
    }
}

@media (min-width: 992px) {
    .city__popular__services.bottom {
        display:none
    }
}

.city__popular__services.bottom .job__name {
    text-transform: none;
    margin: 0
}

.city__popular__services .header__section {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin-bottom: 25px
}

@media (max-width: 991px) {
    .city__popular__services .header__section {
        -webkit-box-orient:vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        margin-bottom: 20px
    }

    .city__popular__services .header__section .g-header-text {
        margin-bottom: 5px;
        max-width: 100%
    }
}

.city__popular__services .header__section p {
    max-width: 100%
}

.city__popular__services .header__section p:before {
    content: url(/assets/merchandise/icon-alarm--blue.svg);
    display: inline-block;
    height: 21px;
    width: 21px;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom: 5px
}

@media (max-width: 991px) {
    .city__popular__services .header__section p {
        text-align:center
    }
}

.city__popular__services .header__section p .text-bold {
    color: #4A5155
}

.city__popular__services .earliest__availability {
    text-align: right
}

.service-qna .qna-section {
    padding-top: 0px;
    padding-top: 20px
}

.media-title {
    margin: 10px 0 20px 0;
    text-transform: uppercase;
    color: #6d7579;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400
}

.web-report-audio {
    width: 100%
}

.nav-full {
    border-bottom: 1px solid #E7EBEB
}

.s-web_report img {
    padding: 20px 0;
    max-width: 100%
}

.s-web_report table {
    margin-top: 30px
}

.report-header {
    padding: 150px 0
}

.report-header h2 {
    color: #fff
}

.report-header h5 {
    color: #c8c8c8;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 5px
}

.web-report-header {
    padding: 30px 0 100px 0;
    background: #363945
}

@media all and (max-width: 991px) {
    .web-report-header {
        padding:30px 0
    }
}

.web-report-header h2 {
    color: #fff
}

.web-report-header h5,.web-report-header .h5__text {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #c8c8c8;
    letter-spacing: 0.02em;
    font-size: 14px
}

.web-report-header--text {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-weight: 500;
    font-size: 42px;
    letter-spacing: 0.02em
}

@media all and (max-width: 991px) {
    .web-report-header--text {
        font-size:28px
    }
}

.web-report--nav {
    padding: 60px 0 0 0;
    background: #363945
}

@media all and (max-width: 991px) {
    .web-report--nav {
        padding:30px 0 0 0
    }
}

.web-report--nav .web-report__logo {
    width: 200px
}

.terms-condition__p {
    font-size: 14px
}

.terms-condition__link {
    color: #6d7579;
    cursor: pointer
}

.terms-condition__link:link,.terms-condition__link:visited {
    text-decoration: underline !important
}

.car-make {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 90px;
    width: 90px;
    margin-bottom: 10px
}

.bmw {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bmw-color-aad13f775c453699b128f5ed00e43964.png);
    background-position: center;
    background-size: contain
}

.acura {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/acura-be074737be63086cd2c1f4156b9248e2.png);
    background-position: center;
    background-size: contain
}

.audi {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/audi-c964e56b425ecb43dd066cceb3f5019f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.buick {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/buick-0a39cb26e9a80954eb6b3425234a93ec.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.cadillac {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/cadillac-9a8c8e2975ccfa6678dea2781528561a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.chevrolet {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/chevrolet-77f749b864b0aa41c08d8cff7acab66a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.chrysler {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/chrysler-d61a9b854e299c66dd8ab7a5fddb3e31.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.dodge {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/dodge-f9e356912df179449d028a759f637e78.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.fiat {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/fiat-471af0533949962f0997ce2567d2a69f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.ford {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/ford-be12117d638605918d07a6adcd2c2ace.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.gmc {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/gmc-0c29b8a9257e1f67d42576a5e9e26860.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.geo {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/geo-111d373e6287b9a6762337738c9a67dd.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.honda {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/honda-c94368e2ccd00a3a583d55fecdb4b51a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.hummer {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/hummer-bf7488da45c0b2a7287cd8e8fcf144de.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.hyundai {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/hyundai-6315a1ea71dbb12a01c04966f8f168fe.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.infiniti {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/infiniti-031a22d77c6a409a48e9eae06d14b7ee.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.isuzu {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/isuzu-67bb63caaa0d82a79bf8093835fa5beb.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.jaguar {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/jaguar-a5b6b0c466c01757f620386d9d8998de.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.jeep {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/jeep-4ae59a1e1ba7720f61f4b12f198893e7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.kia {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/kia-7ef9058351567b6ca7c59275cb5836a3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.land-rover {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/land_rover-653f61484a9af728d63333670bb86da1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.lexus {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/lexus-0807fd38f36f03f0fa00661a848da5f5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.lincoln {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/lincoln-0cd6647a73d1699ae77dc6e8104215b9.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.mazda {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mazda-a1f926bd369628dae79fa9bd706dd536.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.mercedes-benz {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mercedes_benz-8cef3411514ffa3c5f211647a52e209f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.mercury {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mercury-a538c023bdccd2aabcdd8bbb23957c97.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.mini {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mini-8085fda89309f961f96f06db6c43fbed.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.mitsubishi {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mitsubishi-8b32dae7616b6ff8381e8f2f2e6a5ec4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.nissan {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/nissan-072e6b89b7ea0c041091b1c2ac8212bc.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.oldsmobile {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/oldsmobile-e227f9839e2f7592c6ebc45b01962013.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.plymouth {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/plymouth-e83f9ba23ebb64e4a56721ef5afda81c.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.pontiac {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/pontiac-3154244fb13ded568d1c51806d1a4312.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.porsche {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/porsche-a93693cb425367ab5d91b106e3b0598a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.ram {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/ram-5e4b882b9b88c412a44a446a83cae912.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.saab {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/saab-572d1bf64c503bccd833d1dc494821c5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.saturn {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/saturn-c9aa1c5c06a1b6288b6bdb1dcd4ebad9.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.scion {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/scion-e7ba33071c119b3b950f2e6651c59c0a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.smart {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/smart-13abe8522e17e906295a3647c6020a7f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.subaru {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/subaru-5b3aecae9deaa9e5d46b85acf3a89aaa.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.suzuki {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/suzuki-393f8d061adb09b7a3f5d21ab701ab01.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.toyota {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/toyota-ffe306ae009dfda61f01fac1d3bbd685.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.volkswagen {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/volkswagen-15421d2330a20a54ce22b91d20c8e88e.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.volvo {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/volvo-55d07e724b86c8c3ed7841a888624c5c.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.property-label {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: white
}

.property-value {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #c8c8c8
}

.separator:before {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    content: "\25cf";
    font-size: 0.5em;
    color: white
}

.table-text {
    font-size: 1.5em
}

.marker {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.problem {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #ED7161;
    border-radius: 50%
}

.poor {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #EEAF4B;
    border-radius: 50%
}

.not-applicable {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #6d7579;
    border-radius: 50%
}

.fair {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #EEAF4B;
    border-radius: 50%
}

.good {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #70C06B;
    border-radius: 50%
}

.excellent {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #70C06B;
    border-radius: 50%
}

.default {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #E7EBEB;
    border-radius: 50%
}

.mechanic-image {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin-right: 10px
}

.whitney {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/m_whitney%402x-fd1e940e1bd7d25e9da6647095ab4b4c.png);
    background-size: contain
}

.btn-mechanic-profile {
    display: inline-block;
    padding: 14px 50px;
    background-color: transparent;
    border: 1px solid #d8d8d8;
    border-radius: 40px;
    color: #4A5155;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    letter-spacing: 1px;
    margin-top: 15px
}

.btn-mechanic-profile:hover {
    border: 1px solid #5423bb;
    background-color: #5423bb;
    color: #fff
}

.table-web-report .insp-table {
    width: 100%;
    margin-bottom: 2rem;
    background-color: #ffffff;
    border-top: 0 !important;
    color: #6d7579
}

.table-web-report .table>thead>tr,.table-web-report .table>tbody>tr,.table-web-report .table>tfoot>tr {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.table-web-report .insp-table>thead>tr>th,.table-web-report .insp-table>tbody>tr>th,.table-web-report .insp-table>tfoot>tr>th,.table-web-report .insp-table>thead>tr>td,.table-web-report .insp-table>tbody>tr>td,.table-web-report .insp-table>tfoot>tr>td {
    text-align: left;
    padding: 1.6rem;
    vertical-align: middle;
    border-top: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.table-web-report .insp-table>thead>tr>th {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    color: #4A5155;
    vertical-align: bottom;
    border-bottom: 1px solid transparent
}

.table-web-report .insp-table>caption+thead>tr:first-child>th,.table-web-report .insp-table>colgroup+thead>tr:first-child>th,.table-web-report .insp-table>thead:first-child>tr:first-child>th,.table-web-report .insp-table>caption+thead>tr:first-child>td,.table-web-report .insp-table>colgroup+thead>tr:first-child>td,.table-web-report .insp-table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table-web-report .insp-table .insp-table {
    background-color: #ffffff
}

.table-web-report .insp-table .no-border {
    border: 0
}

.table-web-report .insp-detail-table {
    border-collapse: collapse !important
}

.table-web-report .insp-detail-table td,.table-web-report th {
    border: 1px solid #ddd
}

.table-web-report .insp-detail-table tr:first-child th {
    border-top: 0 !important;
    border-bottom: 0 !important
}

.table-web-report .insp-detail-table tr td {
    border-bottom: 0 !important;
    border-top: 0 !important
}

.table-web-report .insp-detail-table tr td:first-child,.table-web-report .insp-detail-table tr th:first-child {
    border-left: 0 !important
}

.table-web-report .insp-detail-table tr td:last-child,.table-web-report .insp-detail-table tr th:last-child {
    border-right: 0 !important
}

.mechanic-text {
    color: #A9AAAC;
    font-size: 1.2em
}

.appearing {
    display: none;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: collapse
}

.disappearing {
    visibility: initial;
    display: table-cell;
    width: auto;
    height: auto;
    opacity: 1
}

@media screen and (max-width: 768px) {
    .disappearing {
        visibility:collapse;
        display: none;
        width: 0;
        height: 0;
        opacity: 0
    }

    .appearing {
        visibility: initial;
        display: table-cell;
        width: auto;
        height: auto;
        opacity: 1
    }
}

.web-report-media-pic-1 {
    position: relative;
    display: block;
    width: 100%;
    background-image: url("https://unsplash.it/230/?image=605");
    background-size: cover;
    height: 230px
}

.web-report-media-pic-1 .zoom-icon {
    position: absolute;
    bottom: 0;
    right: 0px;
    margin: 15px;
    display: block;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/zoom-in-430b6d6d3f7c3818b020ba3c04c040d4.svg);
    background-size: cover;
    float: right;
    width: 30px;
    height: 30px
}

.img-module {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    min-height: 200px
}

.img-module .zoom-icon {
    position: absolute;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/zoom-in-430b6d6d3f7c3818b020ba3c04c040d4.svg);
    background-size: cover;
    width: 68px;
    height: 68px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.img-module img {
    width: 100%;
    height: auto;
    top: 0;
    left: 0
}

.image img {
    width: 100%
}

.web-report-media-pic-2 {
    position: relative;
    display: block;
    width: 100%;
    background-image: url("https://unsplash.it/230/?image=111");
    background-size: cover;
    height: 230px
}

.web-report-media-pic-2 .zoom-icon {
    position: absolute;
    bottom: 0;
    right: 0px;
    margin: 15px;
    display: block;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/zoom-in-430b6d6d3f7c3818b020ba3c04c040d4.svg);
    background-size: cover;
    float: right;
    width: 30px;
    height: 30px
}

.web-report-media-pic-3 {
    position: relative;
    display: block;
    width: 100%;
    background-image: url("https://unsplash.it/230/?image=133");
    background-size: cover;
    height: 230px
}

.web-report-media-pic-3 .zoom-icon {
    position: absolute;
    bottom: 0;
    right: 0px;
    margin: 15px;
    display: block;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/zoom-in-430b6d6d3f7c3818b020ba3c04c040d4.svg);
    background-size: cover;
    float: right;
    width: 30px;
    height: 30px
}

.web-report-media-pic-4 {
    position: relative;
    display: block;
    width: 100%;
    background-image: url("https://unsplash.it/230/?image=183");
    background-size: cover;
    height: 230px
}

.web-report-media-pic-4 .zoom-icon {
    position: absolute;
    bottom: 0;
    right: 0px;
    margin: 15px;
    display: block;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/zoom-in-430b6d6d3f7c3818b020ba3c04c040d4.svg);
    background-size: cover;
    float: right;
    width: 30px;
    height: 30px
}

.web-report-media-pic-5 {
    position: relative;
    display: block;
    width: 100%;
    background-image: url("https://unsplash.it/230/?image=514");
    background-size: cover;
    height: 230px
}

.web-report-media-pic-5 .zoom-icon {
    position: absolute;
    bottom: 0;
    right: 0px;
    margin: 15px;
    display: block;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/zoom-in-430b6d6d3f7c3818b020ba3c04c040d4.svg);
    background-size: cover;
    float: right;
    width: 30px;
    height: 30px
}

.score-label {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 10px
}

.score-summary-container .score-meter-container {
    width: 400px;
    margin: 0 auto
}

.score-summary-container .score-meter-container .score-meter {
    margin-top: 40px;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/hype-o-meter-2361c9764c61d81cdb705b34286126eb.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 192px
}

.score-summary-container .score-meter-container .needle-circle-container {
    position: relative;
    margin: 0 auto;
    width: 390px
}

.score-summary-container .score-meter-container .needle-circle-container .circle-container {
    position: absolute;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/meter-circle-e98603aff9fb8d07096baccffa3c0ef7.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 76px;
    left: 0;
    right: 0;
    top: -38px;
    text-align: center
}

.score-summary-container .score-meter-container .needle-circle-container .circle-container span {
    display: inline-block;
    margin-top: 18px;
    font-size: 30px;
    font-weight: 500;
    color: #939597
}

.score-summary-container .score-meter-container .needle-circle-container .fancy.meter-1 {
    -webkit-transform: rotate(6.2deg);
    -moz-transform: rotate(6.2deg);
    -o-transform: rotate(6.2deg);
    -ms-transform: rotate(6.2deg);
    transform: rotate(6.2deg)
}

.score-summary-container .score-meter-container .needle-circle-container .fancy.meter-2 {
    -webkit-transform: rotate(24.2deg);
    -moz-transform: rotate(24.2deg);
    -o-transform: rotate(24.2deg);
    -ms-transform: rotate(24.2deg);
    transform: rotate(24.2deg)
}

.score-summary-container .score-meter-container .needle-circle-container .fancy.meter-3 {
    -webkit-transform: rotate(42.2deg);
    -moz-transform: rotate(42.2deg);
    -o-transform: rotate(42.2deg);
    -ms-transform: rotate(42.2deg);
    transform: rotate(42.2deg)
}

.score-summary-container .score-meter-container .needle-circle-container .fancy.meter-4 {
    -webkit-transform: rotate(60.2deg);
    -moz-transform: rotate(60.2deg);
    -o-transform: rotate(60.2deg);
    -ms-transform: rotate(60.2deg);
    transform: rotate(60.2deg)
}

.score-summary-container .score-meter-container .needle-circle-container .fancy.meter-5 {
    -webkit-transform: rotate(78.2deg);
    -moz-transform: rotate(78.2deg);
    -o-transform: rotate(78.2deg);
    -ms-transform: rotate(78.2deg);
    transform: rotate(78.2deg)
}

.score-summary-container .score-meter-container .needle-circle-container .fancy.meter-6 {
    -webkit-transform: rotate(96.2deg);
    -moz-transform: rotate(96.2deg);
    -o-transform: rotate(96.2deg);
    -ms-transform: rotate(96.2deg);
    transform: rotate(96.2deg)
}

.score-summary-container .score-meter-container .needle-circle-container .fancy.meter-7 {
    -webkit-transform: rotate(114.2deg);
    -moz-transform: rotate(114.2deg);
    -o-transform: rotate(114.2deg);
    -ms-transform: rotate(114.2deg);
    transform: rotate(114.2deg)
}

.score-summary-container .score-meter-container .needle-circle-container .fancy.meter-8 {
    -webkit-transform: rotate(132.2deg);
    -moz-transform: rotate(132.2deg);
    -o-transform: rotate(132.2deg);
    -ms-transform: rotate(132.2deg);
    transform: rotate(132.2deg)
}

.score-summary-container .score-meter-container .needle-circle-container .fancy.meter-9 {
    -webkit-transform: rotate(150.2deg);
    -moz-transform: rotate(150.2deg);
    -o-transform: rotate(150.2deg);
    -ms-transform: rotate(150.2deg);
    transform: rotate(150.2deg)
}

.score-summary-container .score-meter-container .needle-circle-container .fancy.meter-10 {
    -webkit-transform: rotate(168.2deg);
    -moz-transform: rotate(168.2deg);
    -o-transform: rotate(168.2deg);
    -ms-transform: rotate(168.2deg);
    transform: rotate(168.2deg)
}

.score-summary-container .score-meter-container .needle-circle-container .image-fallback.meter-1 {
    position: absolute;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/meter-1-2966ce8c345f228415aac67e45da5495.png);
    width: 142px;
    height: 27px;
    left: 46px;
    top: -20px
}

.score-summary-container .score-meter-container .needle-circle-container .image-fallback.meter-2 {
    position: absolute;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/meter-2-933ffa9b4ece36c38e5f6b00a68059d6.png);
    width: 133px;
    height: 67px;
    left: 64px;
    top: -66px
}

.score-summary-container .score-meter-container .needle-circle-container .image-fallback.meter-3 {
    position: absolute;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/meter-3-82b4017b40e54e289ec51b42a228f0b7.png);
    width: 108px;
    height: 104px;
    left: 90px;
    top: -100px
}

.score-summary-container .score-meter-container .needle-circle-container .image-fallback.meter-4 {
    position: absolute;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/meter-4-33752b896af6e996fc39883ae8fb9b04.png);
    width: 74px;
    height: 130px;
    left: 130px;
    top: -130px
}

.score-summary-container .score-meter-container .needle-circle-container .image-fallback.meter-5 {
    position: absolute;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/meter-5-02b79ae3b8e8d3cb957e0b87210b4ac2.png);
    width: 30px;
    height: 142px;
    left: 174px;
    top: -130px
}

.score-summary-container .score-meter-container .needle-circle-container .image-fallback.meter-6 {
    position: absolute;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/meter-6-8c06b56e1b8e950e96567da645a8b2e0.png);
    width: 31px;
    height: 142px;
    left: 190px;
    top: -140px
}

.score-summary-container .score-meter-container .needle-circle-container .image-fallback.meter-7 {
    position: absolute;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/meter-7-a96137157de6af1ba42517af82b417fc.png);
    width: 72px;
    height: 131px;
    left: 194px;
    top: -130px
}

.score-summary-container .score-meter-container .needle-circle-container .image-fallback.meter-8 {
    position: absolute;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/meter-8-b4d6f45033092acb3e4de0f17da33e6e.png);
    width: 108px;
    height: 105px;
    left: 190px;
    top: -104px
}

.score-summary-container .score-meter-container .needle-circle-container .image-fallback.meter-9 {
    position: absolute;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/meter-9-2017a66a24a251d3e2e5eae4aacf5882.png);
    width: 132px;
    height: 68px;
    left: 194px;
    top: -66px
}

.score-summary-container .score-meter-container .needle-circle-container .image-fallback.meter-10 {
    position: absolute;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/meter-10-ba600506332524ffd41fa46e0eec328d.png);
    width: 143px;
    height: 24px;
    left: 200px;
    top: -16px
}

.score-summary-container .score-meter-container .needle-circle-container .meter.image-fallback {
    position: absolute;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/meter-10-ba600506332524ffd41fa46e0eec328d.png);
    width: 143px;
    height: 24px;
    left: 200px;
    top: -16px
}

.score-summary-container .score-meter-container .needle-circle-container .fancy.meter {
    background: none;
    position: absolute;
    left: 30px;
    top: -5px;
    width: 0;
    height: 0;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    border-right: 152px solid #999;
    border-top: none;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -webkit-transition: -webkit-transform 2s ease;
    -moz-transition: -moz-transform 2s ease;
    -o-transition: -o-transform 2s ease;
    -ms-transition: -ms-transform 2s ease;
    transition: transform 2s ease
}

.score-summary-container .score-meter-container .score-box {
    background-color: #F4F4F5;
    border: 1px solid #DFDFE0;
    color: #939597;
    font-size: 16px;
    font-weight: 200;
    padding: 16px 0;
    margin: 0 auto;
    margin-top: 50px;
    width: 100%;
    text-align: center
}

.score-summary-container .score-meter-container .score-box .average-score {
    font-weight: 500
}

@media only all and (min-width: 400px) {
    .score-meter-container .needle-circle-container {
        width:100%
    }

    .score-meter-container .score-meter {
        background-size: contain !important
    }
}

.web-report--dropdown-btn {
    background: none;
    border: none;
    border-top: 1px solid #e7ebeb;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 10px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    text-align: left;
    position: relative
}

.web-report--dropdown-btn .icon-caret {
    color: #363946;
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 10px;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 5px solid #000000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.web-report--dropdown-btn .icon-caret--rotated {
    transform: rotate(180deg)
}

@media all and (max-width: 991px) {
    .web-report--dropdown-btn {
        padding:17px 15px
    }

    .web-report--dropdown-btn .icon-caret {
        top: 24px
    }
}

.web-report--dropdown__full {
    width: 100%;
    border: none !important
}

.web-report--dropdown__full li>a {
    text-transform: uppercase;
    padding: 5px 20px !important;
    font-size: 14px;
    font-weight: 600
}

.web-report--rec-services .view-dashboard {
    width: 320px;
    margin: 30px auto;
    display: block
}

@media (max-width: 767px) {
    .web-report--rec-services .view-dashboard {
        width:100%
    }
}

@media (max-width: 767px) {
    .web-report--rec-services .hidden-below-sm {
        display:none !important
    }
}

@media (min-width: 768px) {
    .web-report--rec-services .hidden-above-xs {
        display:none !important
    }
}

.web-report--rec-services .top-section {
    text-align: center;
    margin-bottom: 30px
}

.web-report--rec-services .top-section .title {
    color: #8a8a8a;
    font-size: 20px;
    font-weight: 500
}

.web-report--rec-services .top-section .desc {
    font-size: 18px;
    color: #363946;
    margin: 20px 0
}

.web-report--rec-services .top-section .details {
    color: #363946;
    font-size: 22px;
    font-weight: 600
}

.web-report--rec-services .reco-cards .reco-card {
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
    background: white;
    margin-bottom: 20px
}

.web-report--rec-services .reco-cards .reco-card .card-label {
    color: #BBC1C8;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0px 0 15px 0
}

.web-report--rec-services .reco-cards .reco-card .header {
    border-bottom: 1px solid #E0E0E0;
    padding: 20px
}

.web-report--rec-services .reco-cards .reco-card .header .title {
    color: #363946;
    font-size: 22px;
    font-weight: 600
}

@media (max-width: 767px) {
    .web-report--rec-services .reco-cards .reco-card .header .title {
        font-size:18px
    }
}

.web-report--rec-services .reco-cards .reco-card .header .card-label {
    margin: 0
}

.web-report--rec-services .reco-cards .reco-card .header .no-recs {
    color: #363946;
    margin-top: 20px
}

.web-report--rec-services .reco-cards .reco-card .cell {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.web-report--rec-services .reco-cards .reco-card .cell.hidden-below-sm {
    margin-top: 20px
}

.web-report--rec-services .reco-cards .reco-card .cell .item {
    flex: 1
}

@media (max-width: 767px) {
    .web-report--rec-services .reco-cards .reco-card .cell .item {
        margin-bottom:20px
    }

    .web-report--rec-services .reco-cards .reco-card .cell .item:last-of-type {
        margin-bottom: 0
    }
}

.web-report--rec-services .reco-cards .reco-card .body {
    padding: 0 20px 20px 20px
}

.web-report--rec-services .reco-cards .reco-card .body .cell {
    border-bottom: 1px solid #E0E0E0;
    padding: 25px 0 15px 0
}

@media (max-width: 767px) {
    .web-report--rec-services .reco-cards .reco-card .body .cell {
        padding:20px 0;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

.web-report--rec-services .reco-cards .reco-card .body .cell:last-of-type {
    border-bottom: none
}

.web-report--rec-services .reco-cards .reco-card .body .safety-critical {
    border: 1px solid #E0E0E0;
    display: inline-block;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: white;
    margin-bottom: 8px;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start
}

.web-report--rec-services .reco-cards .reco-card .body .safety-critical:before {
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-warning-5ee13c94acb811577afc1bbf0986e57b.png) no-repeat 0 0;
    background-size: 17px;
    display: inline-block;
    content: '';
    width: 17px;
    height: 17px;
    margin-right: 5px
}

.web-report--rec-services .reco-cards .reco-card .body .service,.web-report--rec-services .reco-cards .reco-card .body .description {
    font-size: 18px;
    color: #363946
}

.web-report--rec-services .reco-cards .reco-card .body .choice {
    font-size: 12px
}

.web-report--rec-services .reco-cards .reco-card .body .reason {
    font-size: 13px
}

.after-module {
    margin-top: 2%
}

.login {
    height: 100vh;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bg-parts-2791960febfa48385c219ba320e12405.jpg);
    background-size: cover
}

.login h6 {
    margin-bottom: 15px;
    color: #6d7579
}

.login .logo-white-general {
    margin: 0 auto;
    margin-bottom: 20px
}

.login--centered {
    height: 100%;
    min-height: 80vh;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    padding: 30px 15px
}

@media all and (max-width: 991px) {
    .login--centered {
        height:100%;
        padding: 15px
    }
}

.login-modal {
    margin-top: 50%;
    padding: 20px 15px
}

.login-modal .btn-orange-fill {
    margin: 0 !important;
    padding: 20px 0
}

.login-modal label {
    font-weight: normal !important
}

.login--gray {
    background-image: none;
    background-color: #FAFBFC
}

.facebook-login {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/fb_login_button-d911cf2ccf1ec123681f272fe68794dd.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    height: 60px;
    width: 100%;
    border-radius: 3px;
    margin: 0 auto;
    background-position: center;
    background-color: white
}

.facebook-login:active {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/fb_login_button_pressed-c6005c7da7fc11dc9b55f62bb0cf621a.png)
}

legend {
    border-bottom: none !important;
    margin-bottom: 0
}

.login-links {
    color: #fff
}

.login-links:hover {
    color: #fff
}

.g-login {
    border-radius: 4px;
    border: 1px solid #e7ebeb;
    overflow: hidden;
    max-width: 800px;
    margin: 0 auto
}

.g-login--wide {
    max-width: 900px
}

.g-login--narrow {
    max-width: 400px;
    width: 100%
}

.g-login--no-left .g-login__body__left {
    display: none
}

.g-login--no-left .g-login__body__right {
    width: 100%
}

.g-login__header {
    padding: 45px 20px;
    text-align: center;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/background-sign-up-a-c3f0983de39fa650a35650d8829852be.jpg);
    background-size: cover;
    background-position: center
}

.g-login__header__logo img {
    width: 150px
}

.g-login__header__logo--centered .logo-white-general {
    margin: 0 auto
}

.g-login__header__title {
    color: #fff;
    font-size: 30px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

@media all and (max-width: 991px) {
    .g-login__header__title {
        font-size:24px
    }
}

.g-login__body {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

@media all and (max-width: 991px) {
    .g-login__body {
        -webkit-flex-flow:column;
        -moz-flex-flow: column;
        flex-flow: column
    }
}

.g-login__body__left,.g-login__body__right {
    background-color: #fff;
    padding: 25px;
    width: 50%
}

@media all and (max-width: 991px) {
    .g-login__body__left,.g-login__body__right {
        width:100%
    }
}

.g-login__body__left {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    background-color: #FAFBFC;
    border-right: 1px solid #e7ebeb
}

@media all and (max-width: 991px) {
    .g-login__body__left {
        border-right:none;
        border-top: 1px solid #e7ebeb
    }
}

.g-login__body__left--image {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/background-sign-up-b-938c62d307f26450bfe2785a00b753ff.jpg);
    background-size: cover;
    background-position: center;
    padding: 45px
}

@media all and (max-width: 991px) {
    .g-login__body__left--image {
        text-align:center;
        padding: 25px
    }
}

.g-login__body__title {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    color: #363946
}

.g-login__body__title--white {
    color: #fff
}

.g-login__body__hr {
    opacity: 0.2
}

.g-login__body__benefits ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.g-login__body__benefits ul li {
    padding: 15px 0
}

.g-login__body__benefits ul li:before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px
}

.g-login__body__benefits--light,.g-login__body__benefits--light ul li {
    color: #fff
}

.g-login__body__benefits--arrows ul li:before {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/arrows-16px-1_tail-right_medium-6ede7b2e9ca7a7274be789adae1daf1f.svg)
}

.g-login__body__benefits--standard ul li:nth-child(1):before {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-service-history-205531e974ad332b087df5617e5bc4ad.svg)
}

.g-login__body__benefits--standard ul li:nth-child(2):before {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-ask-question-efc96b654f7f2af0e0165661ce186645.svg)
}

.g-login__body__benefits--standard ul li:nth-child(3):before {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-scheduled-maintenance-c245fe0d5fca618f674d7a090dd47d08.svg)
}

.g-login__body__featured {
    text-align: center
}

.g-login__body__featured-title {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #6d7579;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px
}

.g-login__body__featured-logos img {
    margin: 10px;
    opacity: 0.4
}

.g-login__body__footer {
    text-align: center;
    color: #6d7579;
    font-size: 14px
}

.g-login__body__footer a {
    cursor: pointer;
    color: #5423bb;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400
}

.g-login__body__footer a:before {
    content: ' '
}

.g-login__body__footer .back-to-login {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    color: #5423bb
}

.g-login__body__footer .back-to-login:before {
    content: '';
    bottom: 6px;
    transform: rotate(133deg);
    -webkit-transform: rotate(133deg);
    border: solid #5423bb;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 1px;
    margin-right: 5px
}

.g-login__body__footer--mechanic-apply {
    margin-bottom: 5px
}

.g-login__body__footer--mechanic-apply:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 5px;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-mechanic-apply-4e5983a926ae84036b3ec719d1f57832.svg)
}

.g-login__body .g-disclaimer-text {
    color: #6d7579;
    font-size: 12px;
    display: inline-block;
    position: relative
}

.g-login__body .g-disclaimer-text:before,.g-login__body .g-disclaimer-text:after {
    content: "";
    position: absolute;
    height: 10px;
    border-bottom: 1px solid #e7ebeb;
    top: 0;
    width: 80px
}

.g-login__body .g-disclaimer-text:before {
    right: 100%;
    margin-right: 15px
}

.g-login__body .g-disclaimer-text:after {
    left: 100%;
    margin-left: 15px
}

.sign-up .dropdown {
    width: 100%
}

.sign-up .dropdown .caret {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: solid #6d7579;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 5px;
    margin-right: 5px
}

.sign-up .open>.dropdown-toggle.btn-default.country-btn {
    background-color: 0 !important;
    border-color: #e7ebeb !important;
    color: #4A5155 !important
}

.sign-up .country-btn {
    width: 100%;
    border: 1px solid #e7ebeb;
    height: 51px;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    color: #4A5155;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.sign-up .country-btn:hover,.sign-up .country-btn:focus,.sign-up .country-btn:active {
    border: 1px solid #e7ebeb;
    background: none;
    box-shadow: none
}

.sign-up .dropdown-selected .country-flag-name {
    margin-left: 13px
}

.sign-up .dropdown-menu {
    width: 100%;
    padding: 0
}

.sign-up .dropdown-menu .country-flag-name {
    margin-left: 10px
}

.sign-up .dropdown-menu li a {
    padding: 10px 15px
}

.sign-up .dropdown-menu li a:hover {
    background-color: #f9f9f9 !important
}

.sign-up .dropdown-menu .country-flag-img,.sign-up .dropdown-selected .country-flag-img {
    height: 28px;
    width: 28px
}

.price-report {
    padding: 10px 15px
}

.price-report ul {
    padding-left: 0;
    list-style: none
}

.price-report ul li {
    overflow: hidden;
    margin: 15px 0 10px 0;
    position: relative
}

.price-report ul li span:first-child {
    color: #6d7579;
    float: left;
    display: inline-block;
    padding: 0 26px 0 0;
    background-color: #fff;
    z-index: 10;
    position: relative
}

.price-report ul li span+span {
    float: right;
    display: inline-block;
    background-color: #fff;
    z-index: 10;
    position: relative
}

.price-report hr {
    margin-left: -35px;
    margin-right: -35px
}

#price-details {
    padding-left: 25px
}

.price-total span {
    font-size: 16px;
    margin-top: 15px;
    color: #5423bb !important
}

.part-detail {
    float: left !important
}

.price_breakdown-subheader {
    padding: 30px 0;
    margin: 0
}

.header-pricing-h5 {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px
}

.price_breakdown-header h6 {
    color: #6d7579
}

.price_breakdown-header .logo-red-general {
    margin: 10px auto;
    margin-bottom: 10px;
    padding-top: 40px;
    float: left !important
}

.price_breakdown-header .next_step {
    color: #E7EBEB;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.9em;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 40px
}

.price_breakdown-header .current_step {
    color: #5423bb;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.9em;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 40px
}

.price_breakdown-header .status {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/price_breakdown_status-a1f409ca88fe77c3eadb32a2e7fd18cf.png);
    height: 20px;
    width: 360px
}

.price_breakdown-declaration {
    padding: 20px 0
}

.price_breakdown-declaration .car_make {
    display: inline-block;
    height: 80px;
    width: 80px
}

.price_breakdown-declaration .bmw {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/bmw-color-aad13f775c453699b128f5ed00e43964.png);
    background-position: center;
    background-size: contain
}

.price_breakdown-declaration .acura {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/acura-be074737be63086cd2c1f4156b9248e2.png);
    background-position: center;
    background-size: contain
}

.price_breakdown-declaration .audi {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/audi-c964e56b425ecb43dd066cceb3f5019f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .buick {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/buick-0a39cb26e9a80954eb6b3425234a93ec.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .cadillac {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/cadillac-9a8c8e2975ccfa6678dea2781528561a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .chevrolet {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/chevrolet-77f749b864b0aa41c08d8cff7acab66a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .chrysler {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/chrysler-d61a9b854e299c66dd8ab7a5fddb3e31.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .dodge {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/dodge-f9e356912df179449d028a759f637e78.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .fiat {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/fiat-471af0533949962f0997ce2567d2a69f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .ford {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/ford-be12117d638605918d07a6adcd2c2ace.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .gmc {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/gmc-0c29b8a9257e1f67d42576a5e9e26860.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .geo {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/geo-111d373e6287b9a6762337738c9a67dd.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .honda {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/honda-c94368e2ccd00a3a583d55fecdb4b51a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .hummer {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/hummer-bf7488da45c0b2a7287cd8e8fcf144de.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .hyundai {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/hyundai-6315a1ea71dbb12a01c04966f8f168fe.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .infiniti {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/infiniti-031a22d77c6a409a48e9eae06d14b7ee.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .isuzu {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/isuzu-67bb63caaa0d82a79bf8093835fa5beb.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .jaguar {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/jaguar-a5b6b0c466c01757f620386d9d8998de.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .jeep {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/jeep-4ae59a1e1ba7720f61f4b12f198893e7.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .kia {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/kia-7ef9058351567b6ca7c59275cb5836a3.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .land-rover {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/land_rover-653f61484a9af728d63333670bb86da1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .lexus {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/lexus-0807fd38f36f03f0fa00661a848da5f5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .lincoln {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/lincoln-0cd6647a73d1699ae77dc6e8104215b9.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .mazda {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mazda-a1f926bd369628dae79fa9bd706dd536.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .mercedes-benz {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mercedes_benz-8cef3411514ffa3c5f211647a52e209f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .mercury {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mercury-a538c023bdccd2aabcdd8bbb23957c97.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .mini {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mini-8085fda89309f961f96f06db6c43fbed.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .mitsubishi {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/mitsubishi-8b32dae7616b6ff8381e8f2f2e6a5ec4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .nissan {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/nissan-072e6b89b7ea0c041091b1c2ac8212bc.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .oldsmobile {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/oldsmobile-e227f9839e2f7592c6ebc45b01962013.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .plymouth {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/plymouth-e83f9ba23ebb64e4a56721ef5afda81c.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .pontiac {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/pontiac-3154244fb13ded568d1c51806d1a4312.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .porsche {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/porsche-a93693cb425367ab5d91b106e3b0598a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .ram {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/ram-5e4b882b9b88c412a44a446a83cae912.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .saab {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/saab-572d1bf64c503bccd833d1dc494821c5.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .saturn {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/saturn-c9aa1c5c06a1b6288b6bdb1dcd4ebad9.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .scion {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/scion-e7ba33071c119b3b950f2e6651c59c0a.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .smart {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/smart-13abe8522e17e906295a3647c6020a7f.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .subaru {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/subaru-5b3aecae9deaa9e5d46b85acf3a89aaa.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .suzuki {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/suzuki-393f8d061adb09b7a3f5d21ab701ab01.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .toyota {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/toyota-ffe306ae009dfda61f01fac1d3bbd685.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .volkswagen {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/volkswagen-15421d2330a20a54ce22b91d20c8e88e.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .volvo {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/volvo-55d07e724b86c8c3ed7841a888624c5c.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-declaration .verticalLine {
    margin: 20px;
    display: inline-block;
    border-left: 2px solid #E7EBEB;
    height: 40px
}

.price_breakdown-declaration .name-declaration-text {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #6d7579;
    font-size: 1.75em;
    font-weight: 500
}

.price_breakdown-declaration .price-text {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #5423bb;
    margin: 10px;
    text-indent: 10px;
    font-size: 2.5em;
    font-weight: 800
}

.price_breakdown-declaration .average-declaration-text {
    display: inline-block;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #6d7579;
    margin: 0 0 10px 10px;
    font-size: 1.1em;
    font-weight: lighter
}

.price_breakdown-declaration .ym-declaration-text {
    display: inline-block;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #5423bb;
    margin: 10px;
    font-size: 1.1em;
    font-weight: lighter
}

.price_breakdown-declaration .appearing {
    display: none;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: collapse
}

.price_breakdown-declaration .disappearing {
    visibility: initial;
    display: inline-block;
    width: auto;
    height: auto;
    opacity: 1
}

@media screen and (max-width: 768px) {
    .price_breakdown-declaration .disappearing {
        visibility:collapse;
        display: none;
        width: 0;
        height: 0;
        opacity: 0
    }

    .price_breakdown-declaration .appearing {
        visibility: initial;
        display: inline-block;
        width: auto;
        height: auto;
        opacity: 1
    }
}

.price_breakdown-whats-next .review-text {
    display: inline-block;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #6d7579;
    margin: 10px;
    font-size: 1.1em
}

.price_breakdown-whats-next .question-image {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-question-a6328ad068708c8207d2619a38cda6af.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-whats-next .light-questions-text {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #6d7579;
    font-weight: 100;
    font-size: 0.8em
}

.price_breakdown-whats-next .btn-gray-stroke-xs {
    display: inline-block;
    padding: 5px 5px;
    background-color: transparent;
    border: 1px solid #d8d8d8;
    border-radius: 40px;
    color: #4A5155;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.8em;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    letter-spacing: 1px;
    width: 130px
}

.price_breakdown-whats-next .btn-gray-stroke-xs:hover {
    border: 1px solid #5423bb;
    background-color: #5423bb;
    color: #fff
}

.price_breakdown-whats-next .time-box {
    display: inline-block;
    padding: 10px 5px;
    background-color: #5423bb;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 1em;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    letter-spacing: 1px;
    width: 100%;
    height: 40px
}

.price_breakdown-whats-next .time-box:hover {
    background-color: #62a3eb
}

.price_breakdown-whats-next .time-box-empty {
    display: inline-block;
    padding: 5px 5px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    color: transparent;
    width: 100px
}

.price_breakdown-whats-next .table-time-select {
    border: 1px solid #e7ebeb;
    margin-top: 16px;
    padding: 13px
}

.price_breakdown-whats-next .table-time-select .time-table {
    padding: 20px;
    width: 100%;
    border-top: 0 !important;
    color: #6d7579
}

.price_breakdown-whats-next .table-time-select .table>thead>tr,.price_breakdown-whats-next .table-time-select .table>tbody>tr,.price_breakdown-whats-next .table-time-select .table>tfoot>tr {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.price_breakdown-whats-next .table-time-select .time-table>thead>tr>th,.price_breakdown-whats-next .table-time-select .time-table>tbody>tr>th,.price_breakdown-whats-next .table-time-select .time-table>tfoot>tr>th,.price_breakdown-whats-next .table-time-select .time-table>thead>tr>td,.price_breakdown-whats-next .table-time-select .time-table>tbody>tr>td,.price_breakdown-whats-next .table-time-select .time-table>tfoot>tr>td {
    text-align: left;
    padding: 5px 5px;
    vertical-align: middle;
    border-top: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.price_breakdown-whats-next .table-time-select .time-table>thead>tr>th {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    color: #4A5155;
    vertical-align: bottom;
    border-bottom: 1px solid transparent
}

.price_breakdown-whats-next .table-time-select .time-table>caption+thead>tr:first-child>th,.price_breakdown-whats-next .table-time-select .time-table>colgroup+thead>tr:first-child>th,.price_breakdown-whats-next .table-time-select .time-table>thead:first-child>tr:first-child>th,.price_breakdown-whats-next .table-time-select .time-table>caption+thead>tr:first-child>td,.price_breakdown-whats-next .table-time-select .time-table>colgroup+thead>tr:first-child>td,.price_breakdown-whats-next .table-time-select .time-table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.price_breakdown-whats-next .table-time-select .time-table .time-table {
    background-color: #ffffff
}

.price_breakdown-whats-next .table-time-select .time-table .no-border {
    border: 0
}

.price_breakdown-whats-next .table-price-report .price-table {
    width: 100%;
    background-color: #ffffff;
    border-top: 0 !important;
    color: #6d7579
}

.price_breakdown-whats-next .table-price-report .table>thead>tr,.price_breakdown-whats-next .table-price-report .table>tbody>tr,.price_breakdown-whats-next .table-price-report .table>tfoot>tr {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.price_breakdown-whats-next .table-price-report .price-table>thead>tr>th,.price_breakdown-whats-next .table-price-report .price-table>tbody>tr>th,.price_breakdown-whats-next .table-price-report .price-table>tfoot>tr>th,.price_breakdown-whats-next .table-price-report .price-table>thead>tr>td,.price_breakdown-whats-next .table-price-report .price-table>tbody>tr>td,.price_breakdown-whats-next .table-price-report .price-table>tfoot>tr>td {
    text-align: left;
    padding: 1.5rem;
    vertical-align: middle;
    border-top: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.price_breakdown-whats-next .table-price-report .price-table>thead>tr>th {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    color: #4A5155;
    vertical-align: bottom;
    border-bottom: 1px solid transparent
}

.price_breakdown-whats-next .table-price-report .price-table>caption+thead>tr:first-child>th,.price_breakdown-whats-next .table-price-report .price-table>colgroup+thead>tr:first-child>th,.price_breakdown-whats-next .table-price-report .price-table>thead:first-child>tr:first-child>th,.price_breakdown-whats-next .table-price-report .price-table>caption+thead>tr:first-child>td,.price_breakdown-whats-next .table-price-report .price-table>colgroup+thead>tr:first-child>td,.price_breakdown-whats-next .table-price-report .price-table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.price_breakdown-whats-next .table-price-report .price-table .price-table {
    background-color: #ffffff
}

.price_breakdown-whats-next .table-price-report .price-table .no-border {
    border: 0
}

.price_breakdown-advantage {
    padding: 30px 0
}

.price_breakdown-advantage p {
    overflow: hidden
}

.price_breakdown-advantage .advantage-images {
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    height: 30px;
    width: 30px
}

.price_breakdown-advantage .savings {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-savemoney-cbec9237de6aa48bd373dd22bc81cc72.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-advantage .convenience {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-convenience-a310fb8a3438e70d2b7798797b630ef5.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-advantage .guaranteed {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-guaranteed-8d5fe1bc9a68179a0b34453356e12d10.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-advantage .savings-text-heading {
    display: inline-block;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #6d7579;
    margin-left: 5px;
    font-size: 1.25em;
    font-weight: bold;
    vertical-align: 15px
}

.price_breakdown-advantage .savings-text {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #6d7579;
    margin-left: 40px;
    margin-top: -10px;
    font-size: 0.9em
}

.price_breakdown-reviews {
    padding: 30px 0
}

.price_breakdown-reviews .row {
    margin-top: 20px
}

.price_breakdown-reviews .review-vendor-images {
    display: inline-block;
    height: 50px;
    width: 50px
}

.price_breakdown-reviews .yelp {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/yelplogo%402x-9d59af457db884d96de64b59b90fc6fe.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-reviews .trust-pilot {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/trustpilotlogo-6af231a437a2f5bd217940d3d3e226a4.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.price_breakdown-reviews .reviewer-images {
    display: inline-block;
    height: 60px;
    width: 60px;
    margin-top: 10px;
    margin-left: 10px
}

.price_breakdown-reviews .reviewer1 {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/kristy-1b127bdb0d2628df68a2392a306dad29.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 60px
}

.price_breakdown-reviews .reviewer2 {
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/stephen-17fd6730f8054474bdb6457e72bdbe30.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 60px
}

.price_breakdown-reviews .reviewer {
    display: inline-block;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #4A5155;
    margin-left: 5px;
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: 30px
}

.price_breakdown-reviews .reviewer-location {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #6d7579;
    margin-left: 80px;
    margin-top: -30px;
    font-size: 0.9em
}

.refer-a-friend-bg {
    background: url("/assets/bg/bg-raf.jpg") no-repeat center center fixed;
    background-size: cover;
    width: 100%;
    height: 100vh;
    min-height: 800px
}

.refer-a-friend .refer-content {
    color: #fff;
    background-color: none;
    z-index: 2;
    padding: 100px 0
}

@media all and (max-width: 991px) {
    .refer-a-friend .refer-content {
        padding:70px 0
    }
}

.refer-a-friend .terms {
    font-size: 12px !important;
    line-height: normal;
    color: #b3b3b3
}

.mechanic-certificates {
    float: right
}

.mechanic-profile-header h1 {
    margin-bottom: 0
}

.mechanic-profile-header img {
    margin: 0 auto;
    max-width: 100%
}

.mechanic-profile-header .btn-white-fill {
    margin: 10px 0
}

.mechanic-profile-header .star-ratings-css {
    margin: 0 0 10px 0 !important
}

.nav-mechprofile li {
    width: 33.3333333333333333333%
}

.review-right-data {
    margin-bottom: 20px
}

.review-right-data:last-child {
    margin-bottom: 0px
}

.review-right-data h5 {
    letter-spacing: 0;
    margin-bottom: 5px
}

.review-separator {
    margin: 40px 0
}

.review-date {
    display: inline-block;
    margin-bottom: 10px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #a1a8ab;
    font-size: 15px;
    padding-left: 10px
}

.review-author {
    margin-top: 10px;
    letter-spacing: 0
}

.mech-available {
    color: #5423bb;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400
}

#ratings_breakdown {
    margin-top: 20px
}

#ratings_breakdown>div {
    display: table-row
}

#ratings_breakdown>div>div {
    display: table-cell;
    vertical-align: top
}

#ratings_breakdown>div>div:first-child {
    padding-right: 10px;
    color: #004b94
}

#ratings_breakdown>div>div:first-child+div>div {
    background-color: #f4f4cf;
    width: 128px;
    height: 16px;
    display: inline-block
}

#ratings_breakdown>div>div:first-child+div>div>div {
    background-color: #ffcc66;
    height: 16px
}

#ratings_breakdown>div>div:last-child {
    padding-left: 10px;
    color: #99999e
}

.mechanic-header-photo {
    overflow: hidden;
    margin: 0 auto;
    width: 145px;
    height: 145px;
    border-radius: 200px;
    margin-bottom: 15px;
    display: block;
    border: 1px solid #5423bb
}

.mechanic-name {
    margin-bottom: 5px
}

.mechanic-subheader-details h5 {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.04em
}

.mechanic-subheader-details h5:first-child {
    margin-right: 10px
}

.mechanic-subheader-details h5:last-child:before {
    display: inline-block;
    content: url("../mechanic_profile/icons/icon-location.svg");
    vertical-align: middle
}

.mechanic-about {
    margin-top: 15px;
    color: #fff
}

.icon-highly-rated {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-image: url("../mechanic_profile/icons/icon-highly-rated.svg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    margin-top: 90px;
    margin-left: -24px
}

.icon-highly-rated {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-image: url("../mechanic_profile/icons/icon-highly-rated.svg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    margin-top: -54px;
    margin-left: 24px
}

.mechanic-photo-container {
    width: 145px;
    height: 145px;
    margin: 0 auto;
    display: block
}

.book-mechanic-widget {
    padding: 25px
}

.book-mechanic-widget ul {
    padding-left: 20px;
    margin-bottom: 0
}

.book-mechanic-widget h5 {
    font-weight: 500
}

.mechanic-tabs-container {
    border-bottom: 1px solid #ddd
}

.customer-review .customer-avatar,.customer-endorsement .customer-avatar {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 200px
}

.customer-review .customer-avatar img,.customer-endorsement .customer-avatar img {
    width: 100%
}

.review-star-rating {
    font-size: 14px;
    margin-bottom: 15px
}

.review-star-rating h5 {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    display: inline-block;
    color: #6d7579
}

.review-star-rating h5 b {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #4A5155
}

.tag-item {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #cad5df;
    border-radius: 4px;
    margin-bottom: 5px
}

.tag-item p {
    display: inline-block
}

.tag-item:hover {
    background-color: #FAFBFC
}

.star-gray-summary {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url("../mechanic_profile/icons/icon-star-rating-summary.svg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain
}

.rating-summary .histo {
    width: 100%;
    font-size: 13px;
    color: #4A5155
}

.rating-summary .histo-star {
    float: left;
    padding: 3px
}

.rating-summary .histo-rate {
    width: 100%;
    display: block;
    clear: both
}

.rating-summary .bar-block {
    margin-left: 5px;
    color: black;
    display: block;
    float: left;
    width: 75%;
    position: relative
}

.rating-summary .bar {
    padding: 4px;
    display: block
}

.rating-summary #bar-five {
    width: 0;
    background: #2096f3
}

.rating-summary #bar-four {
    width: 0;
    background: rgba(32,150,243,0.8)
}

.rating-summary #bar-three {
    width: 0;
    background: rgba(32,150,243,0.6)
}

.rating-summary #bar-two {
    width: 0;
    background: rgba(32,150,243,0.4)
}

.rating-summary #bar-one {
    width: 0;
    background: rgba(32,150,243,0.2);
    margin-left: 3px
}

.badge-checked img {
    display: inline-block;
    float: left;
    margin-right: 15px
}

.mechanic-badges img {
    margin-right: 10px
}

.mechanic-badges img:last-child {
    margin-right: 0px
}

#map-canvas {
    width: 100%;
    height: 160px
}

.read-more {
    z-index: 3
}

.expandable-indicator {
    position: absolute;
    width: 100%;
    height: 80px;
    bottom: 20px;
    right: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(245,245,245,0) 0%, #f5f5f5 85%, #f5f5f5 95%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245,245,245,0)), color-stop(85%, #f5f5f5), color-stop(95%, #f5f5f5));
    background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%, #f5f5f5 85%, #f5f5f5 95%);
    background: -o-linear-gradient(top, rgba(245,245,245,0) 0%, #f5f5f5 85%, #f5f5f5 95%);
    background: -ms-linear-gradient(top, rgba(245,245,245,0) 0%, #f5f5f5 85%, #f5f5f5 95%);
    background: linear-gradient(to bottom, rgba(245,245,245,0) 0%, #f5f5f5 85%, #f5f5f5 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f5f5f5', endColorstr='#f5f5f5', GradientType=0)
}

.review-content-white-expander .expandable-indicator {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.about-mechanic-container .expandable-indicator {
    bottom: 19px
}

.useful-button {
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.useful-button:before {
    display: inline-block;
    content: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-useful-heart-01f063a4370e5bbe0acf48cd4dd7f782.svg)
}

.useful-button:hover:before {
    display: inline-block;
    content: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-useful-heart-red-c7d9d3845595ad81c977190a21d53300.svg)
}

@media only all and (max-width: 768px) {
    .mechanic-profile-basic-info {
        text-align:center
    }

    .mechanic-profile-basic-info h1 {
        margin-top: 10px;
        font-size: 24px
    }

    .mechanic-profile-basic-info .mechanic-about {
        text-align: center
    }

    .mechanic-subheader-details {
        margin-top: 10px
    }

    .mechanic-tabs .nav-tabs li {
        width: 100%;
        text-align: center
    }
}

@media only all and (min-width: 991px) {
    .about-tab {
        display:none !important
    }
}

.stick {
    position: fixed;
    top: 0px
}

#googlemaps {
    height: 600px
}

#wrapper {
    position: relative
}

#mapwrapper {
    position: relative
}

#over-map {
    position: absolute;
    background-color: transparent;
    z-index: 99;
    max-width: 1170px;
    top: 5%;
    left: 15%
}

#over-map .shadow-box-fill {
    max-width: 450px;
    padding: 25px
}

#sticker {
    max-width: 360px
}

.mechanic-panel-b {
    position: relative;
    top: -140px
}

#mobile-book-button {
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #5423bb;
    z-index: 999;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 20px 0
}

#mobile-book-button a {
    color: #fff
}

#mobile-book-button a:hover {
    color: #fff
}

.mechanic-data-b {
    padding: 17px 0
}

.mechanic-data-b p {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #878e92
}

.mechanic-data-b h5 {
    font-size: 18px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400
}

.fb_iframe_widget_lift {
    z-index: 100 !important
}

.make-icon {
    width: auto;
    height: auto;
    margin-top: 8px;
    max-height: 45px;
    max-width: 45px;
    display: block
}

#ratings_breakdown_blue {
    margin-top: 20px
}

#ratings_breakdown_blue>div {
    display: table-row
}

#ratings_breakdown_blue>div>div {
    display: table-cell;
    vertical-align: top
}

#ratings_breakdown_blue>div>div:first-child {
    padding-right: 10px;
    color: #004b94
}

#ratings_breakdown_blue>div>div:first-child+div>div {
    background-color: #d3e5f9;
    width: 128px;
    height: 16px;
    display: inline-block
}

#ratings_breakdown_blue>div>div:first-child+div>div>div {
    background-color: #5423bb;
    height: 16px
}

#ratings_breakdown_blue>div>div:last-child {
    padding-left: 10px;
    color: #99999e
}

.safari_scrolling_fix {
    overflow: hidden;
    position: fixed;
    width: 100%
}

.highlight-question {
    background-color: #fff8e5
}

.question-required:after {
    content: '(required)';
    display: inline-block;
    font-size: 12px;
    color: #ED7161
}

.review-disclaimer {
    font-size: 12px;
    border-bottom: 1px dotted gray;
    display: inline;
    margin: 0 auto
}

.mech-profile-trust__warranty {
    color: #4A5155;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.mechanic-profile-review__make {
    font-size: 14px;
    font-weight: 600
}

.mechanic-profile-review__date {
    font-size: 16px;
    font-weight: 600;
    color: #4A5155
}

@media only all and (max-width: 768px) {
    .mechanic-profile-review__date {
        font-size:15px
    }
}

.roadside-logo {
    content: '';
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/roadside-logo-a25baf7bfb68c4a283a8de297a3e6af2.svg);
    background-repeat: none;
    width: 155px;
    height: 35px;
    margin: 0 auto;
    margin-top: 15px
}

#roadside-top-logo-container {
    position: absolute;
    top: 0;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/roadside-top-bg-9f6f7c382c37aaf93754f59d91f151e4.png);
    background-repeat: repeat-x;
    z-index: 999;
    width: 100%;
    height: 86px
}

.roadside-text-above-status {
    opacity: 0.53;
    font-size: 12px;
    color: #fff;
    line-height: 15px
}

.roadside-text-status {
    text-transform: uppercase;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute
}

.roadside-rotated-chevron {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.chevron-to-rotate {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s
}

#status-button {
    padding: 16px 0;
    width: 100%;
    background-color: #363946
}

#status-button #chevron-top {
    position: absolute;
    right: 32px;
    top: 0;
    border-left: 1px solid #464A5A
}

#status-button #chevron-top img {
    position: relative;
    top: 10px;
    left: 16px
}

#absolute-container {
    width: 100%;
    position: absolute;
    bottom: 0
}

#reveal-section {
    display: none
}

.mdl-progress {
    margin-top: -20px;
    display: block;
    position: absolute;
    height: 4px;
    width: 100%
}

.mdl-progress>.bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0%;
    -webkit-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.mdl-progress>.progressbar {
    background-color: #2196f3;
    z-index: 1;
    left: 0
}

.mdl-progress>.bufferbar {
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.7), rgba(255,255,255,0.7)),-webkit-linear-gradient(left, #2196f3, #2196f3);
    background-image: linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0.7)),linear-gradient(to right, #2196f3, #2196f3);
    z-index: 0;
    left: 0
}

.mdl-progress>.auxbar {
    right: 0
}

@supports (-webkit-appearance: none) {
    .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate)>.auxbar {
        background-image:-webkit-linear-gradient(left, rgba(255,255,255,0.7), rgba(255,255,255,0.7)),-webkit-linear-gradient(left, #2196f3, #2196f3);
        background-image: linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0.7)),linear-gradient(to right, #2196f3, #2196f3);
        -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
        mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=")
    }
}

.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar {
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.9), rgba(255,255,255,0.9)),-webkit-linear-gradient(left, #2196f3, #2196f3);
    background-image: linear-gradient(to right, rgba(255,255,255,0.9), rgba(255,255,255,0.9)),linear-gradient(to right, #2196f3, #2196f3)
}

.mdl-progress.mdl-progress__indeterminate>.bar1 {
    background-color: #2196f3;
    -webkit-animation-name: indeterminate1;
    animation-name: indeterminate1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.mdl-progress.mdl-progress__indeterminate>.bar3 {
    background-image: none;
    background-color: #2196f3;
    -webkit-animation-name: indeterminate2;
    animation-name: indeterminate2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%
    }

    50% {
        left: 25%;
        width: 75%
    }

    75% {
        left: 100%;
        width: 0%
    }
}

@keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%
    }

    50% {
        left: 25%;
        width: 75%
    }

    75% {
        left: 100%;
        width: 0%
    }
}

@-webkit-keyframes indeterminate2 {
    0% {
        left: 0%;
        width: 0%
    }

    50% {
        left: 0%;
        width: 0%
    }

    75% {
        left: 0%;
        width: 25%
    }

    100% {
        left: 100%;
        width: 0%
    }
}

@keyframes indeterminate2 {
    0% {
        left: 0%;
        width: 0%
    }

    50% {
        left: 0%;
        width: 0%
    }

    75% {
        left: 0%;
        width: 25%
    }

    100% {
        left: 100%;
        width: 0%
    }
}

#roadside-tabs {
    margin: 1em auto;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    overflow: hidden
}

#roadside-tabs ul {
    margin: 0;
    padding: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

#roadside-tabs ul::after {
    clear: both;
    content: "";
    display: table
}

#roadside-tabs ul li {
    padding: 20px;
    display: block;
    width: 100%;
    height: 100%;
    background: #FAFBFC;
    border-bottom: 1px solid #e5e5e2
}

#roadside-tabs ul li:first-child {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    border-right: none
}

#roadside-tabs ul li:last-child {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    border-left: 1px solid #e5e5e2
}

#roadside-tabs ul li a {
    display: block;
    cursor: pointer;
    outline: 0;
    border: none;
    text-decoration: none;
    text-transform: uppercase
}

#roadside-tabs ul li span {
    display: block;
    margin-bottom: 0.75em
}

#roadside-tabs ul .ui-state-default {
    background: #f4f4f3;
    text-align: center;
    border-bottom: 1px solid #e5e5e2;
    overflow: hidden
}

#roadside-tabs ul .ui-state-default a {
    color: #6d7579
}

#roadside-tabs ul .ui-tabs-active {
    background: #fff !important;
    border-bottom: 1px solid #fff
}

#roadside-tabs ul .ui-tabs-active a {
    color: #363946
}

#roadside-tabs .tabs-content {
    padding: 20px
}

#roadside-tabs .tabs-content p {
    text-transform: uppercase;
    font-size: 12px
}

.gift-header-text {
    font-size: 55px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

@media all and (max-width: 991px) {
    .gift-header-text {
        font-size:30px
    }
}

.option {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 4px;
    font-size: 14px !important;
    background: #FFFFFF;
    border: 1px solid #E2E2E2;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 12px 28px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.option:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.1)
}

.option input {
    width: 4em;
    border: none;
    outline: none;
    display: none
}

.option-active {
    border: 1px solid #5423bb;
    color: #5423bb
}

.option-active:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-checkbox-circled-baa28f49253769330fa9d040d4916b8c.svg);
    vertical-align: sub;
    float: right;
    margin-left: 8px
}

.loading16 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/ld16w-14cff68ee667e4caf4ea3644467887c2.gif) center no-repeat;
    vertical-align: text-bottom
}

.error-bar .glyphicon-remove {
    cursor: pointer
}

.g-accordion__header {
    border: 1px solid #e7ebeb;
    margin-bottom: 10px;
    position: relative
}

.g-accordion__header h4 {
    padding: 12px 20px
}

.g-accordion__header:last-of-type {
    margin-bottom: 0
}

.g-accordion__header a {
    font-size: 16px;
    color: #363946
}

.g-accordion__header:after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 10px
}

.g-accordion__header--light a {
    color: #fff
}

.g-accordion__header--active:after {
    content: '-'
}

.g-accordion__content ul,.g-accordion__content ol,.g-accordion__content p {
    margin-left: 20px;
    margin-bottom: 10px
}

.g-accordion__content:last-of-type {
    margin-top: 0
}

.g-stripe-outline img {
    width: 120px
}

.gift-zipcode-input {
    margin-top: 20px
}

.service-yes {
    color: green
}

.service-no {
    color: red
}

.partners__logo {
    padding: 20px;
    margin: 15px 0;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e7ebeb;
    width: 100%;
    height: 260px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.partners__logo:hover {
    -webkit-box-shadow: 0 5px 14px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 14px rgba(0,0,0,0.1);
    box-shadow: 0 5px 14px rgba(0,0,0,0.1)
}

@media all and (max-width: 991px) {
    .partners__logo {
        height:200px
    }
}

.partners__image {
    max-width: 130px;
    max-height: 100px
}

.seo-estimates-header {
    font-size: 42px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #363946
}

@media all and (max-width: 767px) {
    .seo-estimates-header {
        font-size:24px
    }
}

.price-estimator-box .price-estimator-service-description {
    min-height: 60px
}

@media all and (max-width: 767px) {
    .price-estimator-box .price-estimator-service-description {
        min-height:130px
    }
}

.seo-estimate-how-list-header {
    font-size: 14px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    margin-top: 40px;
    display: block
}

@media (max-width: 568px) {
    .seo-estimate-how-list-header {
        margin-top:10px
    }
}

.seo-estimate-how-list-header .seo-estimate-how-list-header__icon {
    margin-right: 5px
}

@media (min-width: 64em) {
    .seo-estimate-example__textsection {
        margin-top:60px
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .seo-estimate-example__textsection {
        margin-top:30px
    }
}

.seo-estimate-example span {
    display: block
}

.seo-estimate-example .seo-estimate-example__image {
    padding: 30px 30px 0px 30px
}

.seo-estimate-example .seo-estimate-example__image img {
    width: 100%
}

.seo-estimate-example .seo-estimate-example__subheader {
    color: #6d7579;
    font-size: 13px
}

.seo-estimate-example .seo-estimate-example__service {
    color: #363946;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px
}

.seo-estimate-example .seo-estimate-example__price--medium {
    font-size: 22px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.seo-estimate-example .seo-estimate-example__price--small {
    font-size: 16px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.seo-estimate-example .seo-estimate-example__price--large {
    font-size: 32px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.seo-estimate-model-image img {
    width: 100%
}

@media all and (max-width: 767px) {
    .seo-estimate-car-list .seo-estimate-car-list__image {
        display:none
    }

    .seo-estimate-car-list .seo-estimate-car-list__make {
        text-align: left;
        margin: 8px 0
    }

    .seo-estimate-car-list .seo-estimate-car-list__make:after {
        display: inline-block;
        content: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-chevron-circle-right-gray-a3168251dc7b59423e0b45210d9355f4.svg);
        margin-left: 6px;
        vertical-align: sub
    }
}

.seo-estimate-car-list__image {
    min-height: 140px;
    width: 100%
}

.seo-estimate-car-list__image img {
    width: 100%
}

.seo-car--smart img {
    width: 70%
}

.seo-estimate-car-list__make {
    color: #363946;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 15px
}

.seo-estimate-service-textarea {
    position: relative
}

.seo-estimate-service-textarea textarea {
    height: 70px
}

.cd-form input::placeholder {
    color: #c3c3c3;
    opacity: 1
}

.cd-form input:-ms-input-placeholder {
    color: #c3c3c3
}

.cd-form input::-ms-input-placeholder {
    color: #c3c3c3
}

.yelp-rating-white-small img {
    display: block;
    width: 95px
}

.yelp-rating-white-small .yelp-rating-white-small__text {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    vertical-align: super;
    letter-spacing: 1px
}

.yelp-rating-white-small .yelp-rating-white-small__text--gray {
    color: #363946
}

.yelp-rating-white-small .yelp-rating-white-small__logo {
    display: inline-block
}

.yelp-rating-white-small .yelp-rating-white-small__logo img {
    width: 40px
}

.yelp-rating img {
    display: block;
    width: 95px
}

.yelp-rating__small-text {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    vertical-align: super;
    letter-spacing: 1px
}

.yelp-rating__small-text--gray {
    color: #363946
}

.yelp-rating__logo {
    display: inline-block
}

.yelp-rating__logo img {
    width: 40px;
    height: 20px
}

.yelp-rating-header .yelp-rating-white-small {
    width: 120px
}

@media only screen and (max-width: 991px) {
    .yelp-rating-header {
        text-align:center
    }

    .yelp-rating-header img {
        margin: 0 auto
    }
}

.yelp-relative-container {
    position: relative;
    height: 100%
}

@media (min-width: 64em) {
    .yelp-rating-header-noimage {
        position:absolute;
        bottom: 0;
        right: 0
    }
}

.cd-form {
    width: 100%;
    margin: 0 auto
}

.cd-form::after {
    clear: both;
    content: "";
    display: table
}

.cd-form legend {
    color: #4A5155;
    padding-bottom: 10px;
    font-size: 2.6rem;
    border-bottom: 1px solid #FAFBFC
}

.cd-form .icon,.cd-form .no-icon {
    position: relative
}

.cd-form h4,.cd-form .cd-label {
    font-size: 1.4rem;
    color: #9aaec3;
    margin-bottom: 10px
}

.cd-form .cd-label {
    display: block
}

.cd-form input,.cd-form textarea,.cd-form select,.cd-form label {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    color: #4A5155
}

.cd-form select.showing-prompt {
    color: #9aaec3
}

.cd-form input[type="text"],.cd-form input[type="email"],.cd-form input[type="password"],.cd-form input[type="number"],.cd-form input[type="tel"],.cd-form textarea,.cd-form select,.cd-form legend {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.cd-form input[type="text"],.cd-form input[type="email"],.cd-form input[type="password"],.cd-form input[type="number"],.cd-form input[type="tel"],.cd-form textarea,.cd-form select {
    padding: 12px;
    border: 1px solid #dae1e9;
    background-color: #fff;
    border-radius: .25em;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.08)
}

.cd-form input[type="text"]:focus,.cd-form input[type="email"]:focus,.cd-form input[type="password"]:focus,.cd-form input[type="number"]:focus,.cd-form input[type="tel"]:focus,.cd-form textarea:focus,.cd-form select:focus {
    outline: none;
    border-color: #5423bb;
    box-shadow: 0 0 5px rgba(30,123,226,0.2)
}

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

.cd-form input[type=number] {
    -moz-appearance: textfield
}

.cd-form .cd-select {
    background-color: #fff;
    position: relative
}

.cd-form .cd-select::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url("/assets/icons/cd-icon-arrow.svg") no-repeat center center;
    pointer-events: none
}

.cd-form .cd-select.with-error-message::after {
    top: 24px
}

.cd-form .cd-select select.budget:disabled {
    color: #c3c3c3
}

.cd-form .cd-select-reset {
    margin: 0 !important;
    background-color: transparent
}

.cd-form .cd-select-label,.cd-form .cd-input-label {
    font-size: 12px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px solid;
    color: #6d7579
}

.cd-form select {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    cursor: pointer
}

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

.cd-form .cd-form-list {
    padding: 0;
    margin-top: 16px
}

.cd-form .cd-form-list::after {
    clear: both;
    content: "";
    display: table
}

.cd-form .cd-form-list li {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 16px 16px 0;
    float: left
}

.cd-form .cd-form-list--clear {
    margin: 0;
    padding: 0
}

.cd-form .cd-form-list--clear::after {
    clear: both;
    content: "";
    display: table
}

.cd-form .cd-form-list--clear li {
    font-size: 14px;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    float: left
}

.cd-form .cd-form-list--clear li label {
    color: #6d7579
}

.cd-form input[type=radio],.cd-form input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2
}

.cd-form input[type="radio"]+label,.cd-form input[type="checkbox"]+label {
    padding-left: 24px
}

.cd-form input[type="radio"]+label::before,.cd-form input[type="radio"]+label::after,.cd-form input[type="checkbox"]+label::before,.cd-form input[type="checkbox"]+label::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    width: 16px;
    height: 16px
}

.cd-form input[type="radio"]+label::before,.cd-form input[type="checkbox"]+label::before {
    border: 1px solid #dae1e9;
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.08)
}

.cd-form input[type="radio"]+label::before,.cd-form input[type="radio"]+label::after {
    border-radius: 50%
}

.cd-form input[type="checkbox"]+label::before,.cd-form input[type="checkbox"]+label::after {
    border-radius: .25em
}

.cd-form input[type="radio"]+label::after,.cd-form input[type="checkbox"]+label::after {
    background-color: #5423bb;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px rgba(30,123,226,0.4);
    display: none
}

.cd-form input[type="radio"]+label::after {
    background-image: url("/assets/icons/cd-icon-radio.svg")
}

.cd-form input[type="checkbox"]+label::after {
    background-image: url("/assets/icons/cd-icon-check.svg")
}

.cd-form input[type="radio"]:focus+label::before,.cd-form input[type="checkbox"]:focus+label::before {
    box-shadow: 0 0 5px rgba(30,123,226,0.6)
}

.cd-form input[type="radio"]:checked+label::after,.cd-form input[type="checkbox"]:checked+label::after {
    display: block
}

.cd-form input[type="radio"]:checked+label::before,.cd-form input[type="radio"]:checked+label::after,.cd-form input[type="checkbox"]:checked+label::before,.cd-form input[type="checkbox"]:checked+label::after {
    -webkit-animation: cd-bounce 0.3s;
    -moz-animation: cd-bounce 0.3s;
    animation: cd-bounce 0.3s
}

.cd-form textarea {
    min-height: 200px;
    resize: vertical;
    overflow: auto
}

.cd-form .small-textarea {
    min-height: 60px
}

.cd-form .medium-textarea {
    min-height: 120px
}

.cd-form .large-textarea {
    min-height: 200px
}

.cd-form input[type="submit"] {
    border: none;
    background: #5423bb;
    border-radius: .25em;
    padding: 16px 20px;
    color: #fff;
    float: right;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.no-touch .cd-form input[type="submit"]:hover {
    background: #ce32a3
}

.cd-form input[type="submit"]:focus {
    outline: none;
    background: #4A5155
}

.cd-form input[type="submit"]:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9)
}

.cd-form [required] {
    background: url("/assets/icons/cd-required.svg") no-repeat top right
}

.cd-form .error-message p {
    background: #e94b35;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: .25em;
    padding: 16px
}

.cd-form .facebook-button p {
    background: #3b5998;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: .25em;
    padding: 16px;
    margin-bottom: 5px
}

.cd-form .error {
    border-color: #e94b35 !important
}

@media only screen and (min-width: 600px) {
    .cd-form legend+div {
        margin-top:20px
    }

    .cd-form h4,.cd-form .cd-label {
        font-size: 1.4rem;
        margin-bottom: 10px
    }

    .cd-form input[type="text"],.cd-form input[type="email"],.cd-form input[type="password"],.cd-form input[type="number"],.cd-form input[type="tel"],.cd-form textarea,.cd-form select {
        padding: 14px
    }
}

.cd-form label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cd-form .g-input-disabled {
    background-color: #FAFBFC !important;
    cursor: not-allowed !important
}

@-webkit-keyframes cd-bounce {
    0%, 100% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(0.8)
    }
}

@-moz-keyframes cd-bounce {
    0%, 100% {
        -moz-transform: scale(1)
    }

    50% {
        -moz-transform: scale(0.8)
    }
}

@keyframes cd-bounce {
    0%, 100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.cd-form h4 {
    margin-bottom: 5px
}

.cd-form .icon input,.cd-form .icon select,.cd-form .icon textarea {
    padding-left: 54px !important
}

.cd-form .user {
    background: url("/assets/icons/cd-icon-user.svg") no-repeat 16px center
}

.cd-form .person {
    background: url("/assets/icons/cd-icon-person.svg") no-repeat 16px center
}

.cd-form .s3arch,.cd-form .search {
    background: url("/assets/icons/cd-icon-search-light.svg") no-repeat 16px center
}

.cd-form [required].user {
    background: url("/assets/icons/cd-icon-user.svg") no-repeat 16px center,url("/assets/icons/cd-required.svg") no-repeat top right
}

.cd-form .password {
    background: url("/assets/icons/cd-icon-password.svg") no-repeat 16px center
}

.cd-form [required].password {
    background: url("/assets/icons/cd-icon-password.svg") no-repeat 16px center,url("/assets/icons/cd-required.svg") no-repeat top right
}

.cd-form .email {
    background: url("/assets/icons/cd-icon-email.svg") no-repeat 16px center
}

.cd-form [required].email {
    background: url("/assets/icons/cd-icon-email.svg") no-repeat 16px center,url("/assets/icons/cd-required.svg") no-repeat top right
}

.cd-form [required].location,.cd-form .fleetAddress [required].g-address-input {
    background: url("/assets/icons/cd-icon-email.svg") no-repeat 16px 13px center,url("/assets/icons/cd-required.svg") no-repeat top right
}

.cd-form .phonenumber {
    background: url("/assets/icons/cd-icon-phone.svg") no-repeat 16px 16px
}

.cd-form [required].phonenumber {
    background: url("/assets/icons/cd-icon-phone.svg") no-repeat 16px 16px,url("/assets/icons/cd-required.svg") no-repeat top right
}

.cd-form .message {
    background: url("/assets/icons/cd-icon-message.svg") no-repeat 16px 16px
}

.cd-form [required].message {
    background: url("/assets/icons/cd-icon-message.svg") no-repeat 16px 16px
}

.cd-form .location,.cd-form .fleetAddress .g-address-input {
    background: url("/assets/icons/cd-icon-location.svg") no-repeat 16px 13px
}

.cd-form [required].location,.cd-form .fleetAddress [required].g-address-input {
    background: url("/assets/icons/cd-icon-location.svg") no-repeat 16px 16px,url("/assets/icons/cd-required.svg") no-repeat top right
}

.cd-form .car {
    background: url("/assets/icons/cd-icon-car.svg") no-repeat 16px 13px
}

.cd-form .company {
    background: url("/assets/icons/cd-icon-company.svg") no-repeat 16px 13px
}

.cd-form .company-type {
    background: url("/assets/icons/cd-icon-world.svg") no-repeat 16px 13px
}

.cd-form .g-input-label {
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #6d7579;
    letter-spacing: 1px;
    text-transform: uppercase
}

.cd-form .fleetAddress .g-address-input::placeholder {
    color: transparent
}

.cd-form .fleetAddress .g-address-line2-input {
    display: none
}

.floating-labels .icon,.floating-labels .no-icon {
    margin: 26px 0
}

.floating-labels .icon:first-child,.floating-labels .no-icon:first-child {
    margin: 10px 0
}

.floating-labels .icon:last-child,.floating-labels .no-icon:last-child {
    margin: 10px 0
}

.floating-labels .icon--small-spacing {
    margin: 0 0 10px 0
}

.floating-labels .cd-label {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 1.4rem;
    cursor: text;
    -webkit-transition: top 0.2s,left 0.2s,font-size 0.2s;
    -moz-transition: top 0.2s,left 0.2s,font-size 0.2s;
    transition: top 0.2s,left 0.2s,font-size 0.2s
}

.floating-labels .icon .cd-label {
    left: 56px
}

.floating-labels .cd-label.float {
    font-size: 1.2rem;
    top: -19px;
    left: 0 !important
}

@media only screen and (min-width: 600px) {
    .floating-labels legend+div {
        margin-top:16px
    }

    .floating-labels .cd-label {
        top: 16px
    }
}

.required-text:after {
    content: '';
    width: 4px;
    height: 4px;
    display: inline-block;
    background-color: #ED7161;
    border-radius: 4px;
    vertical-align: text-top
}

.cd-checkbox {
    position: relative
}

.cd-checkbox label {
    margin-bottom: 0;
    font-size: 13px;
    color: #6d7579
}

.car-selection--with-price {
    border-radius: 4px
}

.car-selection__top {
    background-color: #ce32a3;
    color: #fff;
    padding: 15px;
    border-radius: 4px 4px 0 0
}

.car-selection__top--gray {
    background-color: #FAFBFC;
    color: #363946;
    border-radius: 0;
    border: 1px solid #e7ebeb;
    border-bottom: none
}

.car-selection__bottom {
    border: 1px solid #e7ebeb;
    border-radius: 0 0 4px 4px
}

.car-selection__bottom .main-table__head {
    border-bottom: 2px solid #e7ebeb
}

.car-selection__bottom .main-table__body tr {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.car-selection__bottom .main-table__body tr:hover {
    background-color: #FAFBFC
}

.car-selection__bottom .main-table__value a {
    color: #5423bb
}

.car-selection__bottom .main-table__value__year {
    font-weight: 600
}

.car-selection__bottom .main-table-green {
    background-color: #E9F5E8 !important;
    font-weight: 600
}

.car-selection__bottom__table {
    height: 0px;
    padding: 0 15px;
    overflow: hidden
}

.car-selection__bottom__table .main-table td {
    padding: 8px 15px
}

.car-selection__bottom__table--open {
    height: 220px
}

.car-selection__bottom__button {
    cursor: pointer;
    padding: 8px 15px;
    text-align: center;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    border-top: 1px solid #e7ebeb;
    color: #5423bb
}

.car-selection__bottom__button:hover {
    background-color: #FAFBFC
}

.car-selection__top__title {
    font-size: 22px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.car-selection__top__subtitle {
    margin-bottom: 6px
}

.car-selection__top__subtitle--lightgray {
    color: #6d7579
}

.car-selection__dropdowns {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.car-selection__dropdowns .g-select__wrapper {
    display: inline-block;
    margin-left: -1px;
    width: 20%
}

.car-selection__dropdowns .g-select__wrapper .g-select {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.car-selection__dropdowns .g-select__wrapper:first-child .g-select {
    border-radius: 4px 0 0 4px;
    margin-left: 0px
}

.car-selection__dropdowns .g-select__wrapper:last-child .g-select {
    border-radius: 0 4px 4px 0;
    margin-left: 0px
}

@media all and (max-width: 1199px) {
    .car-selection__dropdowns .g-select__wrapper {
        border-radius:4px;
        width: 25%;
        margin-left: 0
    }

    .car-selection__dropdowns .g-select__wrapper:nth-child(4) .g-select {
        border-radius: 0 4px 4px 0;
        margin-left: 0px
    }
}

.car-selection__dropdowns .button {
    width: 20%;
    border-radius: 0 4px 4px 0
}

@media all and (max-width: 1199px) {
    .car-selection__dropdowns .button {
        border-radius:4px;
        width: 100%;
        margin-top: 5px
    }
}

@media all and (max-width: 768px) {
    .car-selection__dropdowns {
        -webkit-box-orient:vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }

    .car-selection__dropdowns .g-select__wrapper {
        margin-bottom: 5px;
        width: 100%
    }

    .car-selection__dropdowns .g-select__wrapper .g-select {
        border-radius: 4px
    }

    .car-selection__dropdowns .g-select__wrapper:first-child .g-select,.car-selection__dropdowns .g-select__wrapper:nth-child(4) .g-select,.car-selection__dropdowns .g-select__wrapper:last-child .g-select {
        border-radius: 4px
    }
}

.car-selection__dropdowns--zip {
    align-items: center;
    justify-content: center
}

.car-selection__dropdowns--zip .g-input {
    width: 15%;
    border-radius: 4px 0 0 4px
}

@media all and (max-width: 1199px) {
    .car-selection__dropdowns--zip .g-input {
        width:20%
    }
}

@media all and (max-width: 768px) {
    .car-selection__dropdowns--zip .g-input {
        width:100% !important;
        border-radius: 4px;
        margin-bottom: 5px
    }
}

.car-selection__dropdowns--zip .g-select__wrapper {
    width: 15%
}

@media all and (max-width: 768px) {
    .car-selection__dropdowns--zip .g-select__wrapper {
        width:100% !important
    }

    .car-selection__dropdowns--zip .g-select__wrapper .g-select {
        border-radius: 4px !important
    }
}

@media all and (max-width: 1199px) {
    .car-selection__dropdowns--zip .g-select__wrapper {
        width:20%
    }

    .car-selection__dropdowns--zip .g-select__wrapper:nth-child(5) .g-select {
        border-radius: 0 4px 4px 0;
        margin-left: 0px
    }

    .car-selection__dropdowns--zip .g-select__wrapper:nth-child(4) .g-select {
        border-radius: 0
    }
}

.car-selection__price {
    background-color: #fff;
    border: 1px solid #e7ebeb;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    position: relative;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

@media screen and (min-width: 768px) {
    .car-selection__price {
        display:-webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.car-selection__price__left,.car-selection__price__right {
    background-color: #ce32a3;
    padding: 15px 25px;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    width: 50%;
    border-radius: 4px 0 0 0
}

@media screen and (max-width: 767px) {
    .car-selection__price__left,.car-selection__price__right {
        padding:15px
    }
}

@media screen and (max-width: 768px) {
    .car-selection__price__left,.car-selection__price__right {
        border-right:1px solid #e7ebeb;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        flex-shrink: 0;
        -ms-flex-negative: 0
    }
}

.car-selection__price__right {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row
}

.car-selection__price__right__dealer,.car-selection__price__right__shop {
    width: 50%
}

.car-selection__price__title {
    font-size: 13px;
    color: #fff;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400
}

.car-selection__price__value {
    font-size: 45px;
    color: #fff;
    line-height: 50px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.car-selection__price__value i {
    font-size: 22px
}

@media all and (max-width: 991px) {
    .car-selection__price__value {
        font-size:35px
    }
}

.car-selection__price__details {
    display: inline-block;
    color: #fff;
    opacity: 0.7;
    width: 50%
}

.car-selection__price__labor-parts {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.car-selection__price__right {
    background-color: #fff;
    border-radius: 0 4px 0 0
}

.car-selection__price__title--lightgray {
    color: #6d7579
}

.car-selection__price__title--bold {
    color: #363946;
    font-size: 16px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

.sample__estimates_mm__table {
    margin-top: 20px
}

.sample__estimates_mm__table .car-selection__bottom {
    border: 1px solid #E4E4E4;
    border-radius: 4px
}

.sample__estimates_mm__table .car-selection__bottom__button {
    border: none;
    padding: 10px 15px;
    font-weight: 500
}

.sample__estimates_mm__table .car-selection__bottom__button:after {
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: solid #5423bb;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 2px;
    margin-left: 13px
}

.sample__estimates_mm__table .car-selection__bottom__button.expanded:after {
    content: '';
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    border: solid #5423bb;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: -2px;
    margin-left: 13px
}

.g-input,.g-input[type="text"],.g-input[type="email"],.g-input[type="password"],.g-input[type="number"],.g-input[type="search"],.g-input[type="tel"],.g-time-input,.g-address-input,.g-address-line2-input,.g-textarea {
    padding: 14px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 0px 1px 0.2px rgba(102,107,124,0.1);
    -moz-box-shadow: inset 0px 0px 1px 0.2px rgba(102,107,124,0.1);
    box-shadow: inset 0px 0px 1px 0.2px rgba(102,107,124,0.1);
    width: 100%;
    color: #363946;
    opacity: 1 !important;
    -webkit-opacity: 1
}

.g-input:focus,.g-input[type="text"]:focus,.g-input[type="email"]:focus,.g-input[type="password"]:focus,.g-input[type="number"]:focus,.g-input[type="search"]:focus,.g-input[type="tel"]:focus,.g-time-input:focus,.g-address-input:focus,.g-address-line2-input:focus,.g-textarea:focus {
    outline: none;
    border-color: #5423bb
}

.g-input:disabled,.g-input[type="text"]:disabled,.g-input[type="email"]:disabled,.g-input[type="password"]:disabled,.g-input[type="number"]:disabled,.g-input[type="search"]:disabled,.g-input[type="tel"]:disabled,.g-time-input:disabled,.g-address-input:disabled,.g-address-line2-input:disabled,.g-textarea:disabled {
    border: 1px solid #e7ebeb;
    background-color: #FAFBFC;
    cursor: not-allowed;
    color: #6d7579;
    opacity: 1 !important;
    -webkit-opacity: 1;
    -webkit-text-fill-color: #6d7579
}

.g-input--inline {
    width: auto
}

@media all and (max-width: 991px) {
    .g-input--inline {
        width:100%;
        margin-bottom: 10px
    }
}

.g-textarea {
    height: 127px;
    resize: vertical
}

.g-checkbox,.g-radiobutton {
    font-size: 14px;
    color: #363946;
    display: block;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400
}

.g-radiobutton span {
    margin-left: 5px
}

.g-checkbox--disclaimer,.g-radiobutton--disclaimer {
    font-size: 12px;
    color: #6d7579
}

.g-checkbox--inlined,.g-radiobutton--inlined {
    display: inline-block;
    margin-right: 5px
}

.g-checkbox--block {
    float: left;
    clear: both
}

@media all and (max-width: 767px) {
    .g-checkbox--responsive {
        width:100%;
        padding: 10px;
        border-radius: 4px;
        border: 1px solid #e7ebeb;
        background-color: #fff
    }
}

@media all and (max-width: 767px) {
    .g-radiobutton--responsive {
        width:100%;
        padding: 10px;
        border-radius: 4px;
        border: 1px solid #e7ebeb
    }
}

.g-select__wrapper,.g-time-am-pm-selector-wrapper,.g-settings-selector-wrapper {
    position: relative
}

.g-select__wrapper::after,.g-time-am-pm-selector-wrapper::after,.g-settings-selector-wrapper::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/cd-icon-arrow-814635af0f2bc1a745ebf9f577eb86c0.svg);
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none
}

.g-time-am-pm-selector-wrapper {
    display: inline-block
}

.g-time-am-pm-selector-wrapper::after {
    right: 5px
}

.g-settings-selector-wrapper::after {
    right: 10px
}

.g-select__wrapper--inline {
    display: inline-block
}

.g-select,.g-time-am-pm-selector,.g-settings-selector {
    border-radius: 3px;
    border: 1px solid #E2E2E2;
    height: 50px;
    width: 100%;
    padding-left: 23px;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #4A5155;
    padding: 12px 40px 12px 12px;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-weight: 400
}

.g-select:focus,.g-time-am-pm-selector:focus,.g-settings-selector:focus {
    outline: none;
    border-color: #5423bb;
    box-shadow: 0 0 5px rgba(30,123,226,0.2)
}

.g-select:disabled,.g-time-am-pm-selector:disabled,.g-settings-selector:disabled {
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.15);
    background-color: #FAFBFC
}

.g-settings-selector {
    width: auto;
    height: 47px;
    padding: 12px;
    padding-right: 22px;
    margin-right: 5px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.08)
}

.g-settings-selector:disabled {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.08)
}

.full-width {
    width: 100%
}

.g-select--nav {
    height: 51px;
    border-radius: 0;
    border: none;
    border-left: 1px solid #e7ebeb;
    box-shadow: none
}

.g-select--nav:focus {
    box-shadow: none
}

.g-accordion-b {
    background-color: #fff;
    border: 1px solid #e7ebeb;
    border-radius: 4px;
    display: block;
    padding: 10px 15px;
    margin-bottom: 5px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    cursor: pointer
}

.g-accordion-b::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 22px;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/cd-icon-arrow-814635af0f2bc1a745ebf9f577eb86c0.svg);
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none
}

.g-accordion-b:hover {
    border: 1px solid #cbd4d4
}

.g-accordion-b__header {
    font-size: 15px;
    color: #363946;
    font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Avenir,"Helvetica-Neue","Helvetica","Arial",sans-serif;
    font-style: normal;
    font-weight: 600
}

@media all and (max-width: 991px) {
    .g-accordion-b__header {
        font-size:14px
    }
}

.g-accordion-b__content {
    padding-top: 1px;
    font-size: 15px;
    color: #6d7579;
    line-height: 125%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

@media all and (max-width: 991px) {
    .g-accordion-b__content {
        font-size:14px
    }
}

.g-accordion-b--open .g-accordion-b__content {
    max-height: initial
}

.g-accordion-b--open::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://res.cloudinary.com/yourmechanic/image/asset/cd-icon-arrow-814635af0f2bc1a745ebf9f577eb86c0.svg);
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none;
    transform: rotate(180deg)
}

.g-location-list {
    display: block;
    background-color: #fff;
    padding: none;
    margin-top: 10px;
    border: 1px solid #e7ebeb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative
}

.g-location-list:before {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 8px solid #e7ebeb;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: none;
    top: -8px;
    left: 10px
}

.g-location-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.g-location-list ul li {
    cursor: pointer;
    border-bottom: 1px solid #e7ebeb;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 10px;
    color: #363946
}

.g-location-list ul li:hover,.g-location-list ul li:focus {
    outline: none;
    background-color: #FAFBFC
}

.g-location-list__map {
    width: 100%;
    display: block;
    border: 1px solid #e7ebeb;
    overflow: hidden;
    height: 136px;
    border-radius: 3px
}

.g-location-list__map img {
    width: 100%;
    height: 100%
}

.g-time-input {
    padding: 5px;
    width: 46px
}

.g-time-am-pm-selector {
    margin-left: 5px;
    height: auto;
    width: 50px;
    padding: 5px;
    padding-right: 0
}

.g-address-input {
    width: calc(100% - 105px - 6px)
}

.g-address-line2-input {
    margin-left: 6px;
    width: 105px
}

.exit .modal-backdrop {
    z-index: 1000
}

.exit .modal-dialog {
    width: 800px
}

@media (max-width: 767px) {
    .exit .modal-dialog {
        width:auto
    }
}

.exit-sign-up-modal .loading__overlay {
    position: absolute;
    background: white;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.8);
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.exit-sign-up-modal .loading__container {
    width: 60%;
    height: 60%;
    background-color: white;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

@media (max-width: 767px) {
    .exit-sign-up-modal .loading__container {
        width:80%;
        height: 80%
    }
}

.exit-sign-up-modal .loading__text {
    font-size: 18px;
    font-weight: 500;
    color: #363946;
    margin-bottom: 20px;
    text-align: center
}

.exit-sign-up-modal .modal-body {
    width: 100%;
    height: 100%;
    padding: 0px;
    min-height: 391px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    .exit-sign-up-modal .modal-body {
        -webkit-box-orient:vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

.exit-sign-up-modal .modal-body .back-btn {
    display: block;
    position: absolute;
    top: 22px;
    left: 25px;
    color: #BFBFBF;
    font-weight: 500;
    font-size: 14px
}

.exit-sign-up-modal .modal-body .back-btn:hover {
    cursor: pointer
}

.exit-sign-up-modal .modal-body .back-btn:before {
    content: url("/assets/merchandise/back-arrow.svg");
    min-width: 20px;
    width: 20px;
    min-height: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.exit-sign-up-modal .modal-body .close {
    display: block;
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 30px;
    color: #BFBFBF;
    opacity: 1;
    text-shadow: none;
    font-weight: normal
}

.exit-sign-up-modal .modal-body .one,.exit-sign-up-modal .modal-body .two {
    flex: 1;
    padding: 40px 50px
}

.exit-sign-up-modal .one {
    background-color: #f9f9f9;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 2px solid #F5F5F5
}

.exit-sign-up-modal .one h4 {
    color: #363946;
    font-weight: 500;
    font-size: 18px
}

.exit-sign-up-modal .one ul {
    margin: 25px 0px
}

.exit-sign-up-modal .one li {
    list-style: none;
    position: relative;
    color: #363946;
    font-size: 16px;
    margin-bottom: 22px
}

.exit-sign-up-modal .one li:before {
    content: url("/assets/merchandise/checkmark--blue.svg");
    display: inline-block;
    position: absolute;
    left: -35px;
    top: -3px;
    width: 27px;
    pointer-events: none
}

.exit-sign-up-modal .one a {
    display: block;
    text-align: center;
    margin-top: 40px;
    font-weight: 500;
    font-size: 15px
}

.exit-sign-up-modal .promo__container .promo__box {
    background: url("/assets/exit-modal/receipt-icon.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    height: 298px;
    width: 298px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.exit-sign-up-modal .promo__container .promo__icon {
    background: url("/assets/exit-modal/promo.svg");
    background-repeat: no-repeat;
    height: 74px;
    width: 70px;
    margin-bottom: 20px;
    margin-top: 15px;
    display: block
}

.exit-sign-up-modal .promo__container .headline {
    color: #5423bb;
    font-weight: 600;
    font-size: 32px;
    margin: 5px 0px;
    text-transform: uppercase
}

.exit-sign-up-modal .promo__container .sub {
    color: #5423bb;
    font-size: 22px;
    margin-top: -5px
}

.exit-sign-up-modal .two {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

@media (max-width: 767px) {
    .exit-sign-up-modal .two {
        position:initial
    }
}

.exit-sign-up-modal .two .promo__headline {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 30px;
    text-align: center;
    color: #363946
}

.exit-sign-up-modal .two .btns__container {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.exit-sign-up-modal .two .btns__container button {
    height: 48px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 15px
}

.exit-sign-up-modal .two .btns__container .google {
    border: 1px solid #d8d8d8;
    color: #363946;
    background: url("/assets/icons/Google__G__Logo.svg") no-repeat;
    background-size: 22px 22px;
    background-position: 16px 12px
}

.exit-sign-up-modal .two .btns__container .facebook {
    background-color: #3b5998;
    color: white;
    background-image: url("/assets/icons/facebook-2--white.svg");
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: 15px 13px;
    border: none
}

.exit-sign-up-modal .two .btns__container .email {
    border: 1px solid #d8d8d8;
    color: #363946;
    background: url("/assets/icons/cd-icon-email.svg") no-repeat;
    background-size: 24px 24px;
    background-position: 15px 12px
}

.exit-sign-up-modal .two .btns__container h5 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #363946
}

.exit-sign-up-modal .two .btns__container .password__wrapper {
    position: relative
}

.exit-sign-up-modal .two .btns__container .password__wrapper .eye-btn {
    position: absolute;
    top: 10px;
    right: 16px;
    width: 30px;
    height: 30px;
    background: transparent;
    border: none;
    outline: none
}

.exit-sign-up-modal .two .btns__container .password__wrapper .eye-btn:hover {
    cursor: pointer
}

.exit-sign-up-modal .two .btns__container input[type='text'],.exit-sign-up-modal .two .btns__container input[type='password'] {
    height: 48px;
    padding: 14px;
    font-size: 15px;
    border-radius: 4px;
    outline: none;
    border: 1px solid #d8d8d8;
    margin-bottom: 15px;
    width: 100%
}

.exit-sign-up-modal .two .btns__container input[type='text']:focus,.exit-sign-up-modal .two .btns__container input[type='password']:focus {
    border: 1px solid #5423bb
}

.exit-sign-up-modal .two .btns__container input[type='text'].error,.exit-sign-up-modal .two .btns__container input[type='password'].error {
    border: 1px solid #e84833
}

.exit-sign-up-modal .two .btns__container .g-input-text-error {
    margin-top: -10px;
    margin-bottom: 10px
}

.exit-sign-up-modal .two .btns__container .btn-orange-fill {
    border-radius: 40px;
    margin-top: 15px;
    text-transform: uppercase
}

.exit-sign-up-modal .two .toggle__login {
    text-align: center;
    font-size: 15px;
    color: #363946
}

.exit-sign-up-modal .two .toggle__login .link {
    color: #5423bb;
    font-weight: 500
}

.exit-sign-up-modal .two .toggle__login .link:hover {
    cursor: pointer
}

.exit-sign-up-modal .success__container {
    width: 100%;
    height: 100%;
    min-height: 391px;
    padding: 25px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.exit-sign-up-modal .success__container i {
    background: url("/assets/exit-modal/ym-cash-icon.svg");
    background-repeat: no-repeat;
    height: 74px;
    width: 70px;
    display: block
}

.exit-sign-up-modal .success__container .headline {
    font-size: 22px;
    font-weight: 500;
    color: #363946;
    text-align: center;
    margin-top: 20px;
    line-height: 180%
}

.exit-sign-up-modal .success__container .subheadline {
    font-size: 20px;
    color: #7F7F7F;
    text-align: center;
    margin-top: 7px
}

.exit-sign-up-modal .success__container .btns__container {
    width: 100%;
    margin-top: 70px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.exit-sign-up-modal .success__container .btns__container a {
    width: 270px;
    height: 54px;
    font-size: 15px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.exit-sign-up-modal .success__container .btns__container a:first-of-type {
    background-color: white;
    color: #5423bb;
    margin-right: 35px;
    border: 2px solid #5423bb
}

.exit-sign-up-modal .success__container .btns__container a:first-of-type:hover {
    background-color: #5423bb
}

.loading-dots {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.loading-dots .bounce-one,.loading-dots .bounce-two,.loading-dots .bounce-three {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 0.8s infinite ease-in-out both;
    animation: sk-bouncedelay 0.8s infinite ease-in-out both;
    -moz-animation: sk-bouncedelay 0.8s infinite ease-in-out both;
    -o-animation: sk-bouncedelay 0.8s infinite ease-in-out both
}

.loading-dots .bounce-one {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
    -moz-animation-delay: -0.32s;
    -o-animation-delay: -0.32s
}

.loading-dots .bounce-two {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    -moz-animation-delay: -0.16s;
    -o-animation-delay: -0.16s
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.8);
        opacity: 0.5
    }

    40% {
        -webkit-transform: scale(1);
        opacity: 1.0
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.5
    }

    40% {
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1.0
    }
}

@-moz-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -moz-transform: scale(0.8);
        opacity: 0.5
    }

    40% {
        -moz-transform: scale(1);
        opacity: 1.0
    }
}

@-o-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -o-transform: scale(0.8);
        opacity: 0.5
    }

    40% {
        -o-transform: scale(1);
        opacity: 1.0
    }
}

.date-picker-container {
    outline: none
}

.date-picker-container .DayPicker {
    display: inline-block;
    font-size: 1rem;
    outline: none;
    border: 1px solid #dbdbdb;
    border-radius: 4px
}

.date-picker-container .DayPicker-wrapper {
    position: relative;
    outline: none;
    flex-direction: row;
    padding-bottom: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-picker-container .DayPicker-Months {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.date-picker-container .DayPicker-Month {
    display: table;
    margin: 0 1em;
    margin-top: 1em;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-picker-container .DayPicker-NavButton {
    position: absolute;
    top: 1em;
    right: 1.5em;
    left: auto;
    display: inline-block;
    margin-top: 4px;
    width: 15px;
    height: 15px;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    color: #8B9898;
    cursor: pointer
}

.date-picker-container .DayPicker-NavButton:hover {
    opacity: 0.8
}

.date-picker-container .DayPicker-NavButton--prev {
    margin-right: 2em;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC")
}

.date-picker-container .DayPicker-NavButton--next {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==")
}

.date-picker-container .DayPicker-NavButton--interactionDisabled {
    display: none
}

.date-picker-container .DayPicker-Caption {
    display: table-caption;
    margin-bottom: 0.5em;
    padding: 0 0.5em;
    text-align: left;
    color: rgba(54,57,70,0.75);
    font-weight: 600;
    font-size: 18px
}

@media screen and (max-width: 450px) {
    .date-picker-container .DayPicker-Caption {
        font-size:16px
    }
}

.date-picker-container .DayPicker-Caption span {
    float: right;
    margin-right: 40px;
    font-size: 14px;
    line-height: 24px;
    color: #363946;
    font-weight: 400
}

@media screen and (max-width: 450px) {
    .date-picker-container .DayPicker-Caption span {
        font-size:12px
    }
}

.date-picker-container .DayPicker-Caption>div {
    font-weight: 500;
    font-size: 1.15em
}

.date-picker-container .DayPicker-Weekdays {
    display: table-header-group;
    margin-top: 1em
}

.date-picker-container .DayPicker-WeekdaysRow {
    display: table-row
}

.date-picker-container .DayPicker-Weekday {
    display: table-cell;
    padding: 0.5em;
    text-align: center;
    color: #363946;
    font-size: 12px;
    font-weight: 400
}

.date-picker-container .DayPicker-Weekday abbr[title] {
    border-bottom: none;
    text-decoration: none
}

.date-picker-container .DayPicker-Body {
    display: table-row-group
}

.date-picker-container .DayPicker-Week {
    display: table-row
}

.date-picker-container .DayPicker-Day {
    display: table-cell;
    font-size: 12px;
    padding: 14px 16px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    color: #5423bb;
    outline: none
}

@media screen and (max-width: 450px) {
    .date-picker-container .DayPicker-Day {
        font-size:12px;
        padding: 8px 10px
    }
}

.date-picker-container .DayPicker--interactionDisabled .DayPicker-Day {
    cursor: default
}

.date-picker-container .DayPicker-Footer {
    padding-top: 0.5em
}

.date-picker-container .DayPicker-TodayButton {
    border: none;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    color: #5423bb;
    font-size: 0.875em;
    cursor: pointer
}

.date-picker-container .DayPicker-Day--today {
    font-weight: 700
}

.date-picker-container .DayPicker-Day--outside {
    color: #8B9898;
    cursor: default
}

.date-picker-container .DayPicker-Day--disabled {
    color: #DCE0E0;
    cursor: default
}

.date-picker-container .DayPicker-Day--sunday {
    background-color: #F7F8F8
}

.date-picker-container .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
    color: #DCE0E0
}

.date-picker-container .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
    position: relative;
    background-color: #5423bb;
    color: #F0F8FF
}

.date-picker-container .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
    background-color: #5423bb
}

.date-picker-container .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
    background-color: #F0F8FF
}

.date-picker-container .DayPickerInput {
    display: inline-block
}

.date-picker-container .DayPickerInput-OverlayWrapper {
    position: relative
}

.date-picker-container .DayPickerInput-Overlay {
    position: absolute;
    left: 0;
    z-index: 1;
    background: white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15)
}

.date-picker-container .strikethrough-hourbox {
    background: linear-gradient(to bottom right, transparent calc(50% - 1.5px), #e0e0e0 calc(50% - 1.5px), #e0e0e0 50%, transparent 50%) !important
}

.login-app .main-head {
    height: 150px;
    background: #FFF
}

.login-app .branding {
    background-image: linear-gradient(rgba(36,123,160,0), rgba(36,123,160,0)),url(/assets/bg/loginbg.jpg);
    background-position: center;
    background-size: cover;
}

.login-app .main {
    padding: 0px 10px
}

.login-app .rating-color-white .rating {
    fill: rgba(255,255,255,0.61)
}

.login-app .rating-color-white .rating-05 .stars-0h,.login-app .rating-color-white .rating-10 .stars-1f,.login-app .rating-color-white .rating-15 .stars-1f,.login-app .rating-color-white .rating-15 .stars-1h {
    fill: #fff
}

.login-app .rating-color-white .rating-20 .stars-1f,.login-app .rating-color-white .rating-20 .stars-2f,.login-app .rating-color-white .rating-25 .stars-1f,.login-app .rating-color-white .rating-25 .stars-2f,.login-app .rating-color-white .rating-25 .stars-2h {
    fill: #fff
}

.login-app .rating-color-white .rating-30 .stars-1f,.login-app .rating-color-white .rating-30 .stars-2f,.login-app .rating-color-white .rating-30 .stars-3f,.login-app .rating-color-white .rating-35 .stars-1f,.login-app .rating-color-white .rating-35 .stars-2f,.login-app .rating-color-white .rating-35 .stars-3f,.login-app .rating-color-white .rating-35 .stars-3h {
    fill: #fff
}

.login-app .rating-color-white .rating-40 .stars-1f,.login-app .rating-color-white .rating-40 .stars-2f,.login-app .rating-color-white .rating-40 .stars-3f,.login-app .rating-color-white .rating-40 .stars-4f,.login-app .rating-color-white .rating-45 .stars-1f,.login-app .rating-color-white .rating-45 .stars-2f,.login-app .rating-color-white .rating-45 .stars-3f,.login-app .rating-color-white .rating-45 .stars-4f,.login-app .rating-color-white .rating-45 .stars-4h {
    fill: #fff
}

.login-app .rating-color-white .rating-50 .stars-1f,.login-app .rating-color-white .rating-50 .stars-2f,.login-app .rating-color-white .rating-50 .stars-3f,.login-app .rating-color-white .rating-50 .stars-4f,.login-app .rating-color-white .rating-50 .stars-5f {
    fill: #fff
}

.login-app .rating-color-white .rating-10 .stars-0h,.login-app .rating-color-white .rating-15 .stars-0h,.login-app .rating-color-white .rating-20 .stars-0h,.login-app .rating-color-white .rating-20 .stars-1h,.login-app .rating-color-white .rating-25 .stars-0h,.login-app .rating-color-white .rating-25 .stars-1h,.login-app .rating-color-white .rating-30 .stars-0h,.login-app .rating-color-white .rating-30 .stars-1h,.login-app .rating-color-white .rating-30 .stars-2h,.login-app .rating-color-white .rating-35 .stars-0h,.login-app .rating-color-white .rating-35 .stars-1h,.login-app .rating-color-white .rating-35 .stars-2h,.login-app .rating-color-white .rating-40 .stars-0h,.login-app .rating-color-white .rating-40 .stars-1h,.login-app .rating-color-white .rating-40 .stars-2h,.login-app .rating-color-white .rating-40 .stars-3h,.login-app .rating-color-white .rating-45 .stars-0h,.login-app .rating-color-white .rating-45 .stars-1h,.login-app .rating-color-white .rating-45 .stars-2h,.login-app .rating-color-white .rating-45 .stars-3h,.login-app .rating-color-white .rating-50 .stars-0h,.login-app .rating-color-white .rating-50 .stars-1h,.login-app .rating-color-white .rating-50 .stars-2h,.login-app .rating-color-white .rating-50 .stars-3h,.login-app .rating-color-white .rating-50 .stars-4h {
    display: none
}

.login-app .rating-container {
    display: flex;
    color: #fff;
    font-weight: 500
}

.login-app .rating-container span {
    margin-top: auto;
    margin-bottom: auto
}

.login-app .text-12 {
    font-size: 12px !important
}

.login-app .text-14 {
    font-size: 14px !important
}

.login-app .text-green {
    color: #39AC60;
    font-weight: 500
}

.login-app .text-red {
    color: #F44336;
    font-weight: 500
}

.login-app .customer-review-text * {
    color: #fff
}

.login-app .customer-review-text .customer-info {
    text-align: right
}

.login-app .customer-review-text .customer-info .customer_name {
    font-size: 12px;
    font-weight: 600
}

.login-app .customer-review-text .customer-info .location,.login-app .customer-review-text .customer-info .cd-form .fleetAddress .g-address-input,.cd-form .fleetAddress .login-app .customer-review-text .customer-info .g-address-input {
    font-size: 12px
}

.login-app .customer-review-text .review-text {
    color: #fff;
    font-size: 12px;
    font-weight: 600
}

@media screen and (max-width: 991px) {
    .login-app .featured-sm {
        margin-top:50px;
        margin-bottom: 25px;
        padding: 0px 15px
    }

    .login-app .featured-sm .title {
        font-weight: 600;
        color: rgba(0,0,0,0.26);
        font-size: 14px
    }

    .login-app .featured-sm .logo-list {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        justify-content: space-around;
        line-height: 50px
    }

    .login-app .featured-sm .logo-list img {
        margin: 10px;
        opacity: 0.4;
        width: 70%
    }

    .login-app .login-container {
        width: 80%
    }

    .login-app .login-container .login-btn {
        display: inline-block !important
    }

    .login-app .branding {
        padding: 30px
    }

    .login-app .branding .logo,.login-app .branding .login-main-text {
        padding-bottom: 40px;
        width: 80%;
        margin: auto
    }

    .login-app .main-content {
        padding: 30px 15px
    }
}

@media screen and (min-width: 992px) {
    .login-app .login-container {
        width:60%
    }

    .login-app .login-main-text {
        display: table-cell;
        height: 100%;
        width: 100%;
        vertical-align: middle
    }

    .login-app .featured-on {
        display: table-row
    }

    .login-app .main {
        margin-left: 55%;
        width: 45%;
        position: fixed;
        z-index: 1;
        display: table;
        top: 0;
        left: 0;
        background-position: center;
        height: 100%
    }

    .login-app .main .main-content {
        display: table-cell;
        vertical-align: top
    }

    .login-app .main .main-footer {
        display: table-footer-group
    }

    .login-app .branding {
        width: 55%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        display: table;
        height: 100%;
        padding: 50px 20px 0px 40px;
        overflow-x: hidden
    }

    .login-app .branding .logo {
        display: table-row;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .login-app .register-form {
        margin-top: 20%
    }
}

.login-app .login-main-text {
    color: #fff
}

.login-app .login-main-text h2 {
    color: inherit
}

.login-app .login-main-text p {
    max-width: 460px;
    color: inherit
}

.login-app .btn-black {
    background-color: #000 !important;
    color: #fff
}

.login-app .featured-on .title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.login-app .featured-on .logo-list {
    display: flex;
    margin-bottom: 20px;
    flex-flow: wrap;
    text-align: center;
    align-content: center
}

.login-app .featured-on .logo-list li {
    margin: 5px 10px
}

.login-app .featured-on .logo-list li img {
    padding: 5px
}

.login-app .login-container {
    margin: auto
}

.login-app .login-form {
    margin-top: 25px
}

.login-app .title-text,.login-app .login-main-text h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media screen and (max-width: 992px) {
    .login-app .title-text,.login-app .login-main-text h2 {
        font-size:18px
    }
}

.login-app .sub-text,.login-app .login-main-text p {
    font-size: 14px
}

@media screen and (max-width: 992px) {
    .login-app .sub-text,.login-app .login-main-text p {
        font-size:14px
    }
}

.login-app .form-control {
    box-shadow: none;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 6px;
    font-size: 13px;
    font-weight: normal;
    height: 45px
}

.login-app hr {
    border: 1px solid #ededed;
    margin: 20px 0px 15px 0px
}

.login-app .social-btn-list {
    display: flex
}

.login-app .social-btn-list button.social-button {
    width: 45px;
    margin-right: 15px;
    background: #fff;
    border-radius: 25px;
    border: 1px solid;
    height: 45px;
    border: 1px solid rgba(0,0,0,0.12)
}

.login-app .social-btn-list button.social-button.fb {
    background: #087de6;
    /* padding: 15px; */
    border: 1px solid rgba(0,0,0,0.12);
    outline: 11.5px solid #fff;
    outline-offset: -11.5px;
}

.login-app .social-btn-list button.social-button .fb-icon:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 17px;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-fb-letter-white-ed25e77b934b4020ec2d0a005fb259d3.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: sub
}

.login-app .social-btn-list button.social-button .google-icon:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(https://res.cloudinary.com/yourmechanic/image/asset/icon-google-03193fa948c93e7b1551141b47cb20eb.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: sub
}

.login-app .social-btn-list button.social-button .apple-icon:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 25px;
    background-image: url(//app.wrench.com/assets/icons/apple-icon-90abcda8dcec587c94e35c8b81b6a9f1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: sub
}

.login-app .main-footer {
    padding: 0px 15px
}

.login-app .main-footer a {
    font-weight: 600
}

.login-app .login-btn {
    width: unset;
    padding: 15px 40px;
    border-radius: 6px
}

@media screen and (max-height: 450px) {
    .login-app .branding {
        padding-top:15px
    }
}

@media screen and (max-width: 450px) {
    .login-app .login-form {
        margin-top:10%
    }

    .login-app .login-container {
        width: 90%
    }

    .login-app .branding {
        padding: 15px
    }

    .login-app .branding .logo,.login-app .branding .login-main-text {
        width: 90%
    }

    .login-app .register-form {
        margin-top: 10%
    }
}

.login-app .main-content {
    padding: 30px 0px
}

.login-app input.error,.login-app input.error:focus {
    border-color: red !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(233,102,102,0.6) !important
}

.login-app .btn-container {
    display: inline-block;
    text-align: center
}

.login-app .btn-container .button-clear {
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    padding: 15px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px
}

.login-app .maxw-350 {
    max-width: 350px
}

.login-app .g-select__wrapper.blue-chev::after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url("/assets/main/bookx/collapse_down.svg");
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none
}

.login-app .invisible {
    visibility: hidden !important
}

.login-app .first-service .radio-service-container {
    border: 1px solid #DFDFDF;
    padding: 15px 15px 10px 15px;
    border-radius: 4px
}

.login-app .first-service .radio-service-container,.login-app .first-service .radio-service-container * {
    cursor: pointer
}

.login-app .first-service .radio-service-container.active {
    border: 1px solid #5423bb
}

.login-app .first-service .radio-service-container.active span.service-title {
    color: #5423bb !important
}

.login-app .first-service .radio-service-container:hover:not(.active) {
    border-color: #bbb;
    -webkit-transition: border 500ms ease-out;
    -moz-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
    transition: border 0.3s ease-out
}

.login-app .first-service .radio-service-container .content {
    margin: 0px
}

.login-app .first-service .radio-service-container label.radio-service {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.login-app .first-service .radio-service-container label.radio-service span {
    flex: 1 1 50%;
    justify-content: space-between;
    line-height: 24px
}

.login-app .first-service .radio-service-container label.radio-service span.service-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #4A5155
}

.login-app .first-service .radio-service-container label.radio-service span:nth-child(even) {
    flex: 1;
    text-align: right
}

.login-app .first-service .radio-service-container label.radio-service .line-through {
    text-decoration-line: line-through
}

.modal {
    text-align: center;
    padding: 0 !important
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}