.media {
    display: block
}

.media-img {
    float: left;
    margin-right: 1em
}

.media-img-rev {
    float: right;
    margin-left: 1em
}

.media-img img,
.media-img-rev img {
    display: block
}

.media-body {
    overflow: hidden
}

.media-body,
.media-body>:last-child {
    margin-bottom: 0
}

.islet .media-img {
    margin-right: .5em
}

.islet .media-img-rev {
    margin-left: .5em
}

.nav,
.tabs__menu {
    margin: 0;
    padding: 0
}

.nav li,
.tabs__menu li {
    display: inline
}

* {
    padding: 0;
    margin: 0
}

body {
    font: 1em Helvetica, Arial, sans-serif
}

a img {
    border: 0
}

.success {
    background: #dff0d8 !important
}

.warning {
    background: #fcf8e3 !important
}

.error {
    background: #f2dede !important
}

.info {
    background: #d9edf7 !important
}

.cf,
.media,
.gw,
.grid-wrapper,
.form__checkbox,
.form__radio,
.form__group,
.form__actions,
.nav--dropdown,
.navbar {
    zoom: 1
}

.cf:before,
.media:before,
.gw:before,
.grid-wrapper:before,
.form__checkbox:before,
.form__radio:before,
.form__group:before,
.form__actions:before,
.nav--dropdown:before,
.navbar:before,
.cf:after,
.media:after,
.gw:after,
.grid-wrapper:after,
.form__checkbox:after,
.form__radio:after,
.form__group:after,
.form__actions:after,
.nav--dropdown:after,
.navbar:after {
    content: " ";
    display: table
}

.cf:after,
.media:after,
.gw:after,
.grid-wrapper:after,
.form__checkbox:after,
.form__radio:after,
.form__group:after,
.form__actions:after,
.nav--dropdown:after,
.navbar:after {
    clear: both
}

.g-float-right {
    float: right !important
}

.g-float-left {
    float: left !important
}

.g-align-right {
    text-align: left !important
}

.g-align-right {
    text-align: right !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5em
}

h1,
.alpha {
    font-size: 2em
}

h2,
.beta {
    font-size: 1.6em
}

h3,
.gamma {
    font-size: 1.4em
}

h4,
.delta {
    font-size: 1.2em
}

h5,
.epsilon {
    font-size: 1em
}

h6,
.zeta {
    font-size: 1em
}

p {
    margin-bottom: .5em;
    line-height: 135%
}

ul,
ol {
    margin-left: 2em;
    margin-bottom: .5em
}

li {
    margin-bottom: .2em;
    line-height: 135%
}

dl {
    margin-bottom: .5em
}

blockquote {
    padding: 0 1em;
    border-left: 3px solid #ccc;
    margin-bottom: .5em
}

pre {
    margin-bottom: .5em
}

figure {
    margin-bottom: .5em
}

figcaption {
    font-style: italic;
    font-size: 0.8em
}

code {
    background: #f7f7f9;
    padding: .2em;
    border: 1px solid #ececec;
    color: #e52c57
}

.table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em
}

.table caption {
    text-align: left
}

.table th,
.table td {
    text-align: left;
    padding: .8em
}

.table tbody th,
.table tbody td {
    border-top: 1px solid #ccc
}

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

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

.table--hover tbody tr:hover {
    background: #ccc
}

.table--condensed th,
.table--condensed td {
    padding: .4em
}

fieldset {
    border: 0
}

legend {
    display: block;
    width: 100%;
    font-size: 1.6em;
    border-bottom: 1px solid #ccc;
    margin-bottom: .7em;
    padding-bottom: .2em
}

label {
    display: block;
    margin-bottom: .5em;
    cursor: pointer
}

input {
    display: block;
    outline: none
}

input[type=text],
input[type=email],
input[type=password] {
    border: 1px solid #ccc;
    padding: .7em;
    font-size: .8em
}

textarea {
    border: 1px solid #ccc;
    padding: .7em;
    font-size: .8em
}

input[type=checkbox],
input[type=radio] {
    float: left;
    margin-right: 8px
}

.container {
    width: 960px;
    max-width: 95%;
    margin: 0 auto
}

.gw,
.grid-wrapper {
    margin-left: -10px;
    list-style: none;
    margin-bottom: 0
}

.gw>.gw {
    margin-left: 0
}

.g {
    min-height: 1px;
    float: left;
    padding-left: 10px;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/boxsizing.htc)
}

.gw--full {
    margin-left: 0
}

.gw--full .g {
    padding-left: 0
}

.one-whole,
.g-12 {
    width: 100%
}

.push-one-whole,
.push-g-12 {
    margin-left: 100%
}

.one-half,
.g-6,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths {
    width: 50%
}

.push-one-half,
.push-g-6,
.push-two-quarters,
.push-three-sixths,
.push-four-eighths,
.push-five-tenths {
    margin-left: 50%
}

.one-third,
.g-4,
.two-sixths {
    width: 33.333%
}

.push-one-third,
.push-g-4,
.push-two-sixths {
    margin-left: 33.333%
}

.two-thirds,
.g-8,
.four-sixths {
    width: 66.666%
}

.push-two-thirds,
.push-g-8,
.push-four-sixths {
    margin-left: 66.666%
}

.one-quarter,
.g-3,
.two-eighths {
    width: 25%
}

.push-one-quarter,
.push-g-3,
.push-two-eighths {
    margin-left: 25%
}

.three-quarters,
.g-9,
.six-eighths {
    width: 75%
}

.push-three-quarters,
.push-g-9,
.push-six-eighths {
    margin-left: 75%
}

.one-fifth,
.two-tenths,
.four-tenths {
    width: 20%
}

.push-one-fifth,
.push-two-tenths,
.push-four-tenths {
    margin-left: 20%
}

.two-fifths {
    width: 40%
}

.push-two-fifths {
    margin-left: 40%
}

.three-fifths,
.six-tenths {
    width: 60%
}

.push-three-fifths,
.push-six-tenths {
    margin-left: 60%
}

.four-fifths,
.eight-tenths {
    width: 80%
}

.push-four-fifths,
.push-eight-tenths {
    margin-left: 80%
}

.one-sixth,
.g-2 {
    width: 16.666%
}

.push-one-sixth,
.push-g-2 {
    margin-left: 16.666%
}

.five-sixths,
.g-10 {
    width: 83.333%
}

.push-five-sixths,
.push-g-10 {
    margin-left: 83.333%
}

.one-eighth {
    width: 12.5%
}

.push-one-eighth {
    margin-left: 12.5%
}

.three-eighths {
    width: 37.5%
}

.push-three-eighths {
    margin-left: 37.5%
}

.five-eighths {
    width: 62.5%
}

.push-five-eighths {
    margin-left: 62.5%
}

.seven-eighths {
    width: 87.5%
}

.push-seven-eighths {
    margin-left: 87.5%
}

.one-tenth {
    width: 10%
}

.push-one-tenth {
    margin-left: 10%
}

.three-tenths {
    width: 30%
}

.push-three-tenths {
    margin-left: 30%
}

.seven-tenths {
    width: 70%
}

.push-seven-tenths {
    margin-left: 70%
}

.nine-tenths {
    width: 90%
}

.push-nine-tenths {
    margin-left: 90%
}

.g-1 {
    width: 8.333333333%
}

.push-g-1 {
    margin-left: 8.333333333%
}

.g-5 {
    width: 41.666666665%
}

.push-g-5 {
    margin-left: 41.666666665%
}

.g-7 {
    width: 58.333333331%
}

.push-g-7 {
    margin-left: 58.333333331%
}

.g-11 {
    width: 91.666666663%
}

.push-g-11 {
    margin-left: 91.666666663%
}

.push-none {
    margin-left: 0
}

@media (min-width: 320px) {

    .xs-one-whole,
    .xs-g-12 {
        width: 100%
    }

    .xs-push-one-whole,
    .xs-push-g-12 {
        margin-left: 100%
    }

    .xs-one-half,
    .xs-g-6,
    .xs-two-quarters,
    .xs-three-sixths,
    .xs-four-eighths,
    .xs-five-tenths {
        width: 50%
    }

    .xs-push-one-half,
    .xs-push-g-6,
    .xs-push-two-quarters,
    .xs-push-three-sixths,
    .xs-push-four-eighths,
    .xs-push-five-tenths {
        margin-left: 50%
    }

    .xs-one-third,
    .xs-g-4,
    .xs-two-sixths {
        width: 33.333%
    }

    .xs-push-one-third,
    .xs-push-g-4,
    .xs-push-two-sixths {
        margin-left: 33.333%
    }

    .xs-two-thirds,
    .xs-g-8,
    .xs-four-sixths {
        width: 66.666%
    }

    .xs-push-two-thirds,
    .xs-push-g-8,
    .xs-push-four-sixths {
        margin-left: 66.666%
    }

    .xs-one-quarter,
    .xs-g-3,
    .xs-two-eighths {
        width: 25%
    }

    .xs-push-one-quarter,
    .xs-push-g-3,
    .xs-push-two-eighths {
        margin-left: 25%
    }

    .xs-three-quarters,
    .xs-g-9,
    .xs-six-eighths {
        width: 75%
    }

    .xs-push-three-quarters,
    .xs-push-g-9,
    .xs-push-six-eighths {
        margin-left: 75%
    }

    .xs-one-fifth,
    .xs-two-tenths,
    .xs-four-tenths {
        width: 20%
    }

    .xs-push-one-fifth,
    .xs-push-two-tenths,
    .xs-push-four-tenths {
        margin-left: 20%
    }

    .xs-two-fifths {
        width: 40%
    }

    .xs-push-two-fifths {
        margin-left: 40%
    }

    .xs-three-fifths,
    .xs-six-tenths {
        width: 60%
    }

    .xs-push-three-fifths,
    .xs-push-six-tenths {
        margin-left: 60%
    }

    .xs-four-fifths,
    .xs-eight-tenths {
        width: 80%
    }

    .xs-push-four-fifths,
    .xs-push-eight-tenths {
        margin-left: 80%
    }

    .xs-one-sixth,
    .xs-g-2 {
        width: 16.666%
    }

    .xs-push-one-sixth,
    .xs-push-g-2 {
        margin-left: 16.666%
    }

    .xs-five-sixths,
    .xs-g-10 {
        width: 83.333%
    }

    .xs-push-five-sixths,
    .xs-push-g-10 {
        margin-left: 83.333%
    }

    .xs-one-eighth {
        width: 12.5%
    }

    .xs-push-one-eighth {
        margin-left: 12.5%
    }

    .xs-three-eighths {
        width: 37.5%
    }

    .xs-push-three-eighths {
        margin-left: 37.5%
    }

    .xs-five-eighths {
        width: 62.5%
    }

    .xs-push-five-eighths {
        margin-left: 62.5%
    }

    .xs-seven-eighths {
        width: 87.5%
    }

    .xs-push-seven-eighths {
        margin-left: 87.5%
    }

    .xs-one-tenth {
        width: 10%
    }

    .xs-push-one-tenth {
        margin-left: 10%
    }

    .xs-three-tenths {
        width: 30%
    }

    .xs-push-three-tenths {
        margin-left: 30%
    }

    .xs-seven-tenths {
        width: 70%
    }

    .xs-push-seven-tenths {
        margin-left: 70%
    }

    .xs-nine-tenths {
        width: 90%
    }

    .xs-push-nine-tenths {
        margin-left: 90%
    }

    .xs-g-1 {
        width: 8.333333333%
    }

    .xs-push-g-1 {
        margin-left: 8.333333333%
    }

    .xs-g-5 {
        width: 41.666666665%
    }

    .xs-push-g-5 {
        margin-left: 41.666666665%
    }

    .xs-g-7 {
        width: 58.333333331%
    }

    .xs-push-g-7 {
        margin-left: 58.333333331%
    }

    .xs-g-11 {
        width: 91.666666663%
    }

    .xs-push-g-11 {
        margin-left: 91.666666663%
    }

    .xs-push-none {
        margin-left: 0
    }
}

@media (max-width: 320px) {
    .xs-hide {
        display: none
    }
}

@media (min-width: 515px) {

    .s-one-whole,
    .s-g-12 {
        width: 100%
    }

    .s-push-one-whole,
    .s-push-g-12 {
        margin-left: 100%
    }

    .s-one-half,
    .s-g-6,
    .s-two-quarters,
    .s-three-sixths,
    .s-four-eighths,
    .s-five-tenths {
        width: 50%
    }

    .s-push-one-half,
    .s-push-g-6,
    .s-push-two-quarters,
    .s-push-three-sixths,
    .s-push-four-eighths,
    .s-push-five-tenths {
        margin-left: 50%
    }

    .s-one-third,
    .s-g-4,
    .s-two-sixths {
        width: 33.333%
    }

    .s-push-one-third,
    .s-push-g-4,
    .s-push-two-sixths {
        margin-left: 33.333%
    }

    .s-two-thirds,
    .s-g-8,
    .s-four-sixths {
        width: 66.666%
    }

    .s-push-two-thirds,
    .s-push-g-8,
    .s-push-four-sixths {
        margin-left: 66.666%
    }

    .s-one-quarter,
    .s-g-3,
    .s-two-eighths {
        width: 25%
    }

    .s-push-one-quarter,
    .s-push-g-3,
    .s-push-two-eighths {
        margin-left: 25%
    }

    .s-three-quarters,
    .s-g-9,
    .s-six-eighths {
        width: 75%
    }

    .s-push-three-quarters,
    .s-push-g-9,
    .s-push-six-eighths {
        margin-left: 75%
    }

    .s-one-fifth,
    .s-two-tenths,
    .s-four-tenths {
        width: 20%
    }

    .s-push-one-fifth,
    .s-push-two-tenths,
    .s-push-four-tenths {
        margin-left: 20%
    }

    .s-two-fifths {
        width: 40%
    }

    .s-push-two-fifths {
        margin-left: 40%
    }

    .s-three-fifths,
    .s-six-tenths {
        width: 60%
    }

    .s-push-three-fifths,
    .s-push-six-tenths {
        margin-left: 60%
    }

    .s-four-fifths,
    .s-eight-tenths {
        width: 80%
    }

    .s-push-four-fifths,
    .s-push-eight-tenths {
        margin-left: 80%
    }

    .s-one-sixth,
    .s-g-2 {
        width: 16.666%
    }

    .s-push-one-sixth,
    .s-push-g-2 {
        margin-left: 16.666%
    }

    .s-five-sixths,
    .s-g-10 {
        width: 83.333%
    }

    .s-push-five-sixths,
    .s-push-g-10 {
        margin-left: 83.333%
    }

    .s-one-eighth {
        width: 12.5%
    }

    .s-push-one-eighth {
        margin-left: 12.5%
    }

    .s-three-eighths {
        width: 37.5%
    }

    .s-push-three-eighths {
        margin-left: 37.5%
    }

    .s-five-eighths {
        width: 62.5%
    }

    .s-push-five-eighths {
        margin-left: 62.5%
    }

    .s-seven-eighths {
        width: 87.5%
    }

    .s-push-seven-eighths {
        margin-left: 87.5%
    }

    .s-one-tenth {
        width: 10%
    }

    .s-push-one-tenth {
        margin-left: 10%
    }

    .s-three-tenths {
        width: 30%
    }

    .s-push-three-tenths {
        margin-left: 30%
    }

    .s-seven-tenths {
        width: 70%
    }

    .s-push-seven-tenths {
        margin-left: 70%
    }

    .s-nine-tenths {
        width: 90%
    }

    .s-push-nine-tenths {
        margin-left: 90%
    }

    .s-g-1 {
        width: 8.333333333%
    }

    .s-push-g-1 {
        margin-left: 8.333333333%
    }

    .s-g-5 {
        width: 41.666666665%
    }

    .s-push-g-5 {
        margin-left: 41.666666665%
    }

    .s-g-7 {
        width: 58.333333331%
    }

    .s-push-g-7 {
        margin-left: 58.333333331%
    }

    .s-g-11 {
        width: 91.666666663%
    }

    .s-push-g-11 {
        margin-left: 91.666666663%
    }

    .s-push-none {
        margin-left: 0
    }
}

@media (max-width: 515px) {
    .s-hide {
        display: none
    }
}

@media (min-width: 768px) {

    .m-one-whole,
    .m-g-12 {
        width: 100%
    }

    .m-push-one-whole,
    .m-push-g-12 {
        margin-left: 100%
    }

    .m-one-half,
    .m-g-6,
    .m-two-quarters,
    .m-three-sixths,
    .m-four-eighths,
    .m-five-tenths {
        width: 50%
    }

    .m-push-one-half,
    .m-push-g-6,
    .m-push-two-quarters,
    .m-push-three-sixths,
    .m-push-four-eighths,
    .m-push-five-tenths {
        margin-left: 50%
    }

    .m-one-third,
    .m-g-4,
    .m-two-sixths {
        width: 33.333%
    }

    .m-push-one-third,
    .m-push-g-4,
    .m-push-two-sixths {
        margin-left: 33.333%
    }

    .m-two-thirds,
    .m-g-8,
    .m-four-sixths {
        width: 66.666%
    }

    .m-push-two-thirds,
    .m-push-g-8,
    .m-push-four-sixths {
        margin-left: 66.666%
    }

    .m-one-quarter,
    .m-g-3,
    .m-two-eighths {
        width: 25%
    }

    .m-push-one-quarter,
    .m-push-g-3,
    .m-push-two-eighths {
        margin-left: 25%
    }

    .m-three-quarters,
    .m-g-9,
    .m-six-eighths {
        width: 75%
    }

    .m-push-three-quarters,
    .m-push-g-9,
    .m-push-six-eighths {
        margin-left: 75%
    }

    .m-one-fifth,
    .m-two-tenths,
    .m-four-tenths {
        width: 20%
    }

    .m-push-one-fifth,
    .m-push-two-tenths,
    .m-push-four-tenths {
        margin-left: 20%
    }

    .m-two-fifths {
        width: 40%
    }

    .m-push-two-fifths {
        margin-left: 40%
    }

    .m-three-fifths,
    .m-six-tenths {
        width: 60%
    }

    .m-push-three-fifths,
    .m-push-six-tenths {
        margin-left: 60%
    }

    .m-four-fifths,
    .m-eight-tenths {
        width: 80%
    }

    .m-push-four-fifths,
    .m-push-eight-tenths {
        margin-left: 80%
    }

    .m-one-sixth,
    .m-g-2 {
        width: 16.666%
    }

    .m-push-one-sixth,
    .m-push-g-2 {
        margin-left: 16.666%
    }

    .m-five-sixths,
    .m-g-10 {
        width: 83.333%
    }

    .m-push-five-sixths,
    .m-push-g-10 {
        margin-left: 83.333%
    }

    .m-one-eighth {
        width: 12.5%
    }

    .m-push-one-eighth {
        margin-left: 12.5%
    }

    .m-three-eighths {
        width: 37.5%
    }

    .m-push-three-eighths {
        margin-left: 37.5%
    }

    .m-five-eighths {
        width: 62.5%
    }

    .m-push-five-eighths {
        margin-left: 62.5%
    }

    .m-seven-eighths {
        width: 87.5%
    }

    .m-push-seven-eighths {
        margin-left: 87.5%
    }

    .m-one-tenth {
        width: 10%
    }

    .m-push-one-tenth {
        margin-left: 10%
    }

    .m-three-tenths {
        width: 30%
    }

    .m-push-three-tenths {
        margin-left: 30%
    }

    .m-seven-tenths {
        width: 70%
    }

    .m-push-seven-tenths {
        margin-left: 70%
    }

    .m-nine-tenths {
        width: 90%
    }

    .m-push-nine-tenths {
        margin-left: 90%
    }

    .m-g-1 {
        width: 8.333333333%
    }

    .m-push-g-1 {
        margin-left: 8.333333333%
    }

    .m-g-5 {
        width: 41.666666665%
    }

    .m-push-g-5 {
        margin-left: 41.666666665%
    }

    .m-g-7 {
        width: 58.333333331%
    }

    .m-push-g-7 {
        margin-left: 58.333333331%
    }

    .m-g-11 {
        width: 91.666666663%
    }

    .m-push-g-11 {
        margin-left: 91.666666663%
    }

    .m-push-none {
        margin-left: 0
    }
}

@media (max-width: 768px) {
    .m-hide {
        display: none
    }
}

@media (min-width: 980px) {

    .l-one-whole,
    .l-g-12 {
        width: 100%
    }

    .l-push-one-whole,
    .l-push-g-12 {
        margin-left: 100%
    }

    .l-one-half,
    .l-g-6,
    .l-two-quarters,
    .l-three-sixths,
    .l-four-eighths,
    .l-five-tenths {
        width: 50%
    }

    .l-push-one-half,
    .l-push-g-6,
    .l-push-two-quarters,
    .l-push-three-sixths,
    .l-push-four-eighths,
    .l-push-five-tenths {
        margin-left: 50%
    }

    .l-one-third,
    .l-g-4,
    .l-two-sixths {
        width: 33.333%
    }

    .l-push-one-third,
    .l-push-g-4,
    .l-push-two-sixths {
        margin-left: 33.333%
    }

    .l-two-thirds,
    .l-g-8,
    .l-four-sixths {
        width: 66.666%
    }

    .l-push-two-thirds,
    .l-push-g-8,
    .l-push-four-sixths {
        margin-left: 66.666%
    }

    .l-one-quarter,
    .l-g-3,
    .l-two-eighths {
        width: 25%
    }

    .l-push-one-quarter,
    .l-push-g-3,
    .l-push-two-eighths {
        margin-left: 25%
    }

    .l-three-quarters,
    .l-g-9,
    .l-six-eighths {
        width: 75%
    }

    .l-push-three-quarters,
    .l-push-g-9,
    .l-push-six-eighths {
        margin-left: 75%
    }

    .l-one-fifth,
    .l-two-tenths,
    .l-four-tenths {
        width: 20%
    }

    .l-push-one-fifth,
    .l-push-two-tenths,
    .l-push-four-tenths {
        margin-left: 20%
    }

    .l-two-fifths {
        width: 40%
    }

    .l-push-two-fifths {
        margin-left: 40%
    }

    .l-three-fifths,
    .l-six-tenths {
        width: 60%
    }

    .l-push-three-fifths,
    .l-push-six-tenths {
        margin-left: 60%
    }

    .l-four-fifths,
    .l-eight-tenths {
        width: 80%
    }

    .l-push-four-fifths,
    .l-push-eight-tenths {
        margin-left: 80%
    }

    .l-one-sixth,
    .l-g-2 {
        width: 16.666%
    }

    .l-push-one-sixth,
    .l-push-g-2 {
        margin-left: 16.666%
    }

    .l-five-sixths,
    .l-g-10 {
        width: 83.333%
    }

    .l-push-five-sixths,
    .l-push-g-10 {
        margin-left: 83.333%
    }

    .l-one-eighth {
        width: 12.5%
    }

    .l-push-one-eighth {
        margin-left: 12.5%
    }

    .l-three-eighths {
        width: 37.5%
    }

    .l-push-three-eighths {
        margin-left: 37.5%
    }

    .l-five-eighths {
        width: 62.5%
    }

    .l-push-five-eighths {
        margin-left: 62.5%
    }

    .l-seven-eighths {
        width: 87.5%
    }

    .l-push-seven-eighths {
        margin-left: 87.5%
    }

    .l-one-tenth {
        width: 10%
    }

    .l-push-one-tenth {
        margin-left: 10%
    }

    .l-three-tenths {
        width: 30%
    }

    .l-push-three-tenths {
        margin-left: 30%
    }

    .l-seven-tenths {
        width: 70%
    }

    .l-push-seven-tenths {
        margin-left: 70%
    }

    .l-nine-tenths {
        width: 90%
    }

    .l-push-nine-tenths {
        margin-left: 90%
    }

    .l-g-1 {
        width: 8.333333333%
    }

    .l-push-g-1 {
        margin-left: 8.333333333%
    }

    .l-g-5 {
        width: 41.666666665%
    }

    .l-push-g-5 {
        margin-left: 41.666666665%
    }

    .l-g-7 {
        width: 58.333333331%
    }

    .l-push-g-7 {
        margin-left: 58.333333331%
    }

    .l-g-11 {
        width: 91.666666663%
    }

    .l-push-g-11 {
        margin-left: 91.666666663%
    }

    .l-push-none {
        margin-left: 0
    }
}

@media (max-width: 980px) {
    .l-hide {
        display: none
    }
}

@media (min-width: 1200px) {

    .xl-one-whole,
    .xl-g-12 {
        width: 100%
    }

    .xl-push-one-whole,
    .xl-push-g-12 {
        margin-left: 100%
    }

    .xl-one-half,
    .xl-g-6,
    .xl-two-quarters,
    .xl-three-sixths,
    .xl-four-eighths,
    .xl-five-tenths {
        width: 50%
    }

    .xl-push-one-half,
    .xl-push-g-6,
    .xl-push-two-quarters,
    .xl-push-three-sixths,
    .xl-push-four-eighths,
    .xl-push-five-tenths {
        margin-left: 50%
    }

    .xl-one-third,
    .xl-g-4,
    .xl-two-sixths {
        width: 33.333%
    }

    .xl-push-one-third,
    .xl-push-g-4,
    .xl-push-two-sixths {
        margin-left: 33.333%
    }

    .xl-two-thirds,
    .xl-g-8,
    .xl-four-sixths {
        width: 66.666%
    }

    .xl-push-two-thirds,
    .xl-push-g-8,
    .xl-push-four-sixths {
        margin-left: 66.666%
    }

    .xl-one-quarter,
    .xl-g-3,
    .xl-two-eighths {
        width: 25%
    }

    .xl-push-one-quarter,
    .xl-push-g-3,
    .xl-push-two-eighths {
        margin-left: 25%
    }

    .xl-three-quarters,
    .xl-g-9,
    .xl-six-eighths {
        width: 75%
    }

    .xl-push-three-quarters,
    .xl-push-g-9,
    .xl-push-six-eighths {
        margin-left: 75%
    }

    .xl-one-fifth,
    .xl-two-tenths,
    .xl-four-tenths {
        width: 20%
    }

    .xl-push-one-fifth,
    .xl-push-two-tenths,
    .xl-push-four-tenths {
        margin-left: 20%
    }

    .xl-two-fifths {
        width: 40%
    }

    .xl-push-two-fifths {
        margin-left: 40%
    }

    .xl-three-fifths,
    .xl-six-tenths {
        width: 60%
    }

    .xl-push-three-fifths,
    .xl-push-six-tenths {
        margin-left: 60%
    }

    .xl-four-fifths,
    .xl-eight-tenths {
        width: 80%
    }

    .xl-push-four-fifths,
    .xl-push-eight-tenths {
        margin-left: 80%
    }

    .xl-one-sixth,
    .xl-g-2 {
        width: 16.666%
    }

    .xl-push-one-sixth,
    .xl-push-g-2 {
        margin-left: 16.666%
    }

    .xl-five-sixths,
    .xl-g-10 {
        width: 83.333%
    }

    .xl-push-five-sixths,
    .xl-push-g-10 {
        margin-left: 83.333%
    }

    .xl-one-eighth {
        width: 12.5%
    }

    .xl-push-one-eighth {
        margin-left: 12.5%
    }

    .xl-three-eighths {
        width: 37.5%
    }

    .xl-push-three-eighths {
        margin-left: 37.5%
    }

    .xl-five-eighths {
        width: 62.5%
    }

    .xl-push-five-eighths {
        margin-left: 62.5%
    }

    .xl-seven-eighths {
        width: 87.5%
    }

    .xl-push-seven-eighths {
        margin-left: 87.5%
    }

    .xl-one-tenth {
        width: 10%
    }

    .xl-push-one-tenth {
        margin-left: 10%
    }

    .xl-three-tenths {
        width: 30%
    }

    .xl-push-three-tenths {
        margin-left: 30%
    }

    .xl-seven-tenths {
        width: 70%
    }

    .xl-push-seven-tenths {
        margin-left: 70%
    }

    .xl-nine-tenths {
        width: 90%
    }

    .xl-push-nine-tenths {
        margin-left: 90%
    }

    .xl-g-1 {
        width: 8.333333333%
    }

    .xl-push-g-1 {
        margin-left: 8.333333333%
    }

    .xl-g-5 {
        width: 41.666666665%
    }

    .xl-push-g-5 {
        margin-left: 41.666666665%
    }

    .xl-g-7 {
        width: 58.333333331%
    }

    .xl-push-g-7 {
        margin-left: 58.333333331%
    }

    .xl-g-11 {
        width: 91.666666663%
    }

    .xl-push-g-11 {
        margin-left: 91.666666663%
    }

    .xl-push-none {
        margin-left: 0
    }
}

@media (max-width: 1200px) {
    .xl-hide {
        display: none
    }
}

.credit {
    font-size: .7em
}

.credit--footer {
    border-top: 1px solid #ccc;
    padding-top: 1em;
    margin-top: 1em
}

.credit--header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
    margin-bottom: 1em
}

.content-block {
    margin-bottom: 40px
}

.content-block__title h1,
.content-block__title h2,
.content-block__title h3,
.content-block__title h4,
.content-block__title h5,
.content-block__title h6 {
    font-size: 35px;
    margin-bottom: 5px
}

.content-block__subtitle p {
    font-size: 18px
}

.form li {
    margin: 0
}

.form--horizontal label {
    margin-bottom: 0
}

.form--horizontal .form__label {
    width: 25%;
    float: left;
    margin-bottom: 0
}

.form--horizontal .form__group {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em
}

.form--horizontal .form__help-block {
    margin: 0 0 0 25%
}

.form--horizontal input[type=text],
.form--horizontal textarea {
    width: 72%
}

.form--horizontal select {
    width: 30%
}

.form--horizontal ul {
    width: 75%;
    float: right;
    margin: 0;
    padding: 0;
    list-style: none
}

.form--horizontal ul li {
    margin-bottom: 5px
}

.form--inline .form__group,
.form--inline .form__actions {
    display: inline-block
}

.form__help-block {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7;
    font-size: .9em;
    padding-top: .5em;
    margin-bottom: 0
}

.form__help-block p {
    margin-bottom: 0
}

.form__checkbox,
.form__radio {
    font-size: .9em;
    line-height: .9em;
    margin-bottom: 1em
}

.form__field-inline {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap
}

.form__group {
    margin-bottom: 1.5em
}

.form__group--check label {
    width: 75%;
    float: right
}

.form__actions {
    clear: both
}

input[type=submit].btn {
    border: 0;
    cursor: pointer
}

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

.input-group--full {
    width: 100%
}

.input-group__addon,
.input-group__control {
    width: auto;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell
}

.input-group__addon {
    background-color: #ccc;
    padding: 0 15px;
    color: #666;
    text-align: center
}

.input-group__addon+.input-group__control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0
}

.input-group__addon+.input-group__control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0 !important
}

.hero {
    border: 1px solid #ccc
}

.hero img {
    display: block
}

.hero--img-text,
.hero--with-menu {
    position: relative
}

.hero--img-text .hero__title {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.hero--with-menu .hero__menu {
    left: 0;
    bottom: 0;
    right: 0
}

.hero--with-vertical-menu .hero__menu {
    top: 0;
    left: 0;
    bottom: 0
}

.hero__title {
    padding: 4em
}

.hero__title h1,
.hero__title h2,
.hero__title h3,
.hero__title h4,
.hero__title h5,
.hero__title h6 {
    font-size: 3em;
    margin-bottom: 0
}

.hero__subtitle h1,
.hero__subtitle h2,
.hero__subtitle h3,
.hero__subtitle h4,
.hero__subtitle h5,
.hero__subtitle h6,
.hero__subtitle p {
    font-size: 1.8em;
    margin-bottom: 0
}

.hero__menu {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: .9;
    background-color: #eee;
    position: absolute
}

.nav ul,
.tabs__menu ul {
    margin: 0
}

.nav--vertical li {
    display: block
}

.nav--breadcrumb li:after {
    content: " >"
}

.nav--breadcrumb li:last-child {
    font-weight: bold
}

.nav--breadcrumb li:last-child:after {
    content: ""
}

.dropdown {
    position: relative;
    list-style: none;
    z-index: 5
}

.dropdown li {
    position: relative;
    float: left
}

.dropdown a {
    white-space: nowrap;
    display: block
}

.dropdown ul {
    list-style: none;
    position: absolute !important;
    left: -9999px
}

.dropdown ul li {
    padding-top: 1px;
    float: none
}

.dropdown ul a {
    white-space: nowrap
}

.dropdown li:hover ul {
    position: absolute;
    left: 0
}

.navbar {
    background: #eee
}

.navbar .active a {
    background: #fff
}

.navbar ul {
    margin: 0
}

.navbar__title {
    float: left
}

.navbar__title a {
    display: block;
    padding: 1em
}

.navbar__nav {
    float: left
}

.navbar__nav li {
    float: left;
    display: block;
    margin-bottom: 0
}

.navbar__nav a {
    display: block;
    padding: 1em;
    float: left
}

.navbar__nav a:hover {
    background: #fff
}

.tabs__menu {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}

.tabs__menu a {
    display: inline-block;
    padding: 10px;
    text-decoration: none
}

.tabs__menu .tab--is-active a {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    margin-bottom: -1px
}

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

body {
    color: #4A4A4A;
    background-color: #DADADA;
    font-family: "Montserrat", sans-serif
}

a:not(.btn) {
    color: #216a94
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #216a94;
    font-weight: 400
}

@-moz-keyframes shadowPulse {
    0% {
        color: #fff
    }

    70% {
        color: yellow
    }

    100% {
        color: #fff
    }
}

@-webkit-keyframes shadowPulse {
    0% {
        color: #fff
    }

    70% {
        color: yellow
    }

    100% {
        color: #fff
    }
}

@keyframes shadowPulse {
    0% {
        color: #fff
    }

    70% {
        color: yellow
    }

    100% {
        color: #fff
    }
}

@-moz-keyframes colourPulse {
    0% {
        background-color: rgba(0, 48, 92, 0.2)
    }

    100% {
        background-color: rgba(98, 179, 78, 0.2)
    }
}

@-webkit-keyframes colourPulse {
    0% {
        background-color: rgba(0, 48, 92, 0.2)
    }

    100% {
        background-color: rgba(98, 179, 78, 0.2)
    }
}

@keyframes colourPulse {
    0% {
        background-color: rgba(0, 48, 92, 0.2)
    }

    100% {
        background-color: rgba(98, 179, 78, 0.2)
    }
}

#form_search {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 18px;
    padding: 8px;
    border: 2px solid #ccc;
    margin-bottom: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form input[type=text],
.form input[type=password],
.form input[type=email],
.form input[type=number],
.form input[type=search],
.form textarea,
.form select {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 20px;
    border: 2px solid #ccc;
    padding: 12px;
    -webkit-appearance: none
}

.form select {
    background: url("../img/dropdown.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 98% center
}

.form .form__group:last-child {
    margin-bottom: 0px
}

.form input[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none
}

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

.form .radio-group {
    margin-top: 12px;
    margin-bottom: 12px;
    text-align: left
}

.form .radio-group input {
    float: right
}

.form .form__group--gap {
    margin-top: 48px
}

.form .form__group--checkbox input[type='checkbox'] {
    float: none;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 5px
}

.form .form__group--checkbox label {
    display: inline-block
}

.form .form__group--radio input[type='radio'] {
    float: none;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 5px
}

.form .form__group--radio label {
    display: inline-block
}

.alert {
    width: 100%;
    padding: 12px 12px 9px 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 24px
}

.alert p:last-child {
    margin-bottom: 0px
}

.alert.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-bottom: 1px solid #ebccd1
}

.alert.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-bottom: 1px solid #d6e9c6
}

.alert.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border: 1px solid #bee5eb
}

.flash .alert {
    width: 100%;
    padding: 12px 12px 12px 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0 !important
}

.flash .alert p:last-child {
    margin-bottom: 0px
}

.flash .alert.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-bottom: 2px solid #ebccd1
}

.flash .alert.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-bottom: 2px solid #d6e9c6
}

.flash .alert .close {
    float: right;
    line-height: 135%
}

.flash .alert .close:hover {
    cursor: pointer
}

.btn-toolbar {
    margin-top: 12px
}

.btn-toolbar.btn-toolbar--no-margin {
    margin: 0px !important
}

.btn-toolbar.btn-toolbar--header {
    margin-top: 6px;
    margin-left: 12px;
    float: left
}

.btn-toolbar input[type=submit].btn {
    background-color: #62B34E;
    color: #fff;
    border: 2px solid #62B34E;
    font-family: "Montserrat", sans-serif
}

.btn-toolbar input[type=submit].btn:hover {
    background-color: #fff;
    color: #62B34E !important;
    border: 2px solid #58a246
}

.btn-toolbar .btn {
    margin-right: 5px;
    background-color: #fff;
    border: 2px solid #216a94;
    color: #216a94;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 110%;
    text-align: center
}

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

.btn-toolbar .btn:visited {
    color: #216a94
}

.btn-toolbar .btn:hover {
    background-color: #fff;
    color: #62B34E;
    border: 2px solid #58a246
}

.btn-toolbar .btn--danger {
    border: 2px solid #d9534f;
    color: #fff !important;
    background-color: #d9534f
}

.btn-toolbar .btn--danger:hover {
    background-color: #fff;
    color: #d9534f !important;
    border: 2px solid #d43f3a
}

.btn-toolbar input[type=submit].btn--danger {
    border: 2px solid #d9534f;
    color: #fff !important;
    background-color: #d9534f
}

.btn-toolbar input[type=submit].btn--danger:hover {
    background-color: #fff;
    color: #d9534f !important;
    border: 2px solid #d9534f
}

.btn-toolbar .btn--info {
    border: 2px solid #216a94;
    color: #fff !important;
    background-color: #216a94
}

.btn-toolbar .btn--info:hover {
    background-color: #fff;
    color: #216a94 !important;
    border: 2px solid #002343
}

.btn-toolbar .btn--complete {
    cursor: default !important;
    background-color: #62B34E;
    color: #fff;
    border: 2px solid #58a246
}

.btn-toolbar .btn--complete:hover {
    background-color: #62B34E;
    color: #fff
}

table .btn-toolbar {
    margin-top: 0
}

td.actions .btn-toolbar {
    text-align: right
}

.btn {
    color: #216a94;
    border: 2px solid #216a94;
    font-weight: bold;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    font-size: 16px;
    padding: 6px 10px;
    line-height: 100%;
    display: inline-block;
    transition: all .3 ease-in;
    text-decoration: none;
    cursor: pointer
}

.btn:hover {
    color: #62B34E;
    border-color: #62B34E
}

.btn.btn-success {
    background-color: #216a94;
    border: 2px solid #216a94;
    color: #fff;
}

.btn.btn-success:hover {
    border-color: #398439;
    color: #398439;
}

.btn.btn-default {
    border: 2px solid #216a94 !important
}

.btn.btn--large {
    text-transform: uppercase;
    font-size: 20px;
    padding: 12px
}

@media (max-width: 515px) {
    .btn.btn--large {
        display: block;
        width: 100%;
        padding: 12px;
        margin-bottom: 5px
    }
}

.btn.btn-sm {
    font-size: 13px
}

input[type=submit].btn-success,
input[type=submit].btn,
button.btn {
    border: 4px solid #216a94;
    background-color: #fff
}

.btn--disabled {
    border: 2px solid #62B34E !important;
    background-color: #fff !important;
    color: #62B34E !important
}

.btn--disabled:hover {
    border: 1px solid #62B34E !important;
    background-color: #fff !important;
    color: #62B34E !important
}

.btn--create-account {
    background-color: transparent;
    border-width: 0px !important;
    position: relative;
    top: 2px;
    text-decoration: underline
}

.btn-cancel {
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 12px;
    font-weight: bold;
    font-size: 13px
}

.btn-cancel:hover {
    text-decoration: underline
}

.btn-delete {
    background-color: transparent;
    text-decoration: none;
    color: #B60303 !important;
    margin-right: 12px
}

.btn-delete:hover {
    text-decoration: underline
}

header {
    padding: 12px;
    margin-bottom: 10px;
    width: 100%;
    z-index: 1000;
    position: relative;
    background-color: #fff
}

label .estimate {
    color: #216a94;
    font-size: 13px;
    font-weight: bold
}

.info-box {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    background-color: #f5f5f5;
    padding: 20px;
    margin-bottom: 20px;
    background-repeat: none;
    background-position: top left;
    overflow: hidden
}

.info-box__title {
    margin-bottom: 1em
}

.info-box__title h1,
.info-box__title h2,
.info-box__title h3,
.info-box__title h4,
.info-box__title h5,
.info-box__title h6 {
    font-size: 30px;
    margin-bottom: 0
}

.info-box__body {
    margin-bottom: 1em
}

.white-band {
    position: absolute;
    height: 162px;
    background-color: #fff;
    left: 0;
    right: 0;
    top: 0
}

.auth-form {
    position: relative;
    z-index: 10;
    text-align: center;
    margin: 0 auto 30px auto;
    margin-top: 36px
}

@media (min-width: 768px) {
    .auth-form {
        width: 50%
    }
}

.auth-form .auth-form__header .content {
    border-radius: 6px 6px 0px 0px;
    margin-bottom: 0px
}

.auth-form .auth-form__header h1 {
    color: #fff
}

.auth-form .auth-form__logo {
    margin-bottom: 30px
}

.auth-form .auth-form__logo .sgs-logo {
    margin: 0 auto
}

.auth-form .auth-form__logos {
    display: flex;
    justify-content: space-between;
    align-self: center
}

.auth-form .auth-form__logos div {
    display: flex;
    justify-items: center;
    align-self: center
}

.auth-form .auth-form__form {
    border-radius: 0px 0px 6px 6px;
    border: 1px solid #ccc;
    padding: 24px;
    background: #fff
}

.auth-form .form__footer {
    margin-top: 12px
}

nav.main {
    margin-bottom: 10px;
    font-size: 13px
}

@media (min-width: 768px) {
    nav.main {
        font-size: 16px
    }
}

nav.main .overview {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px
}

nav.main .customers {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0;
    border-radius: 0 5px 5px 0
}

nav.main .active {
    background-color: #72bb60;
    color: #fff
}

nav.main div a {
    display: block;
    padding: 10px;
    background-color: #eee;
    text-decoration: none;
    text-align: center
}

.info-table {
    width: 100%;
    border: 1px solid #216a94;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 12px
}

.info-table tr th {
    background-color: #216a94;
    font-size: 13px;
    padding: 6px;
    color: #fff
}

.info-table tr td {
    padding: 6px;
    border-bottom: 1px solid #216a94;
    border-right: 1px solid #216a94
}

.info-table tr td:last {
    border-right: none;
    border-bottom: none
}

.info-table tr td .btn-toolbar {
    margin-top: 0px;
    text-align: right
}

.lists {
    margin-bottom: 24px
}

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

.list-row {
    padding: 8px 16px 8px 16px;
    border-top: 1px solid #E7E5E7;
    border-left: 1px solid #E7E5E7;
    border-right: 1px solid #E7E5E7;
    position: relative;
    height: 60px
}

.list-row:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.list-row:last-child {
    border-bottom: 1px solid #E7E5E7;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.list-row:single {
    padding: 16px 16px 16px 16px
}

.single .list-row__title {
    margin-top: 9px
}

.list-row__title {
    font-size: 18px
}

.list-row__title a {
    color: #4A4A4A !important
}

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

.list-row__accessory {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px
}

.list-row__accessory .swatch {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #E7E5E7
}

video#video {
    width: 100%;
    height: auto;
    padding-bottom: 20px
}

.customer-video .video-wrapper {
    text-align: center
}

.customer-video video#video {
    margin: 0 auto
}

footer {
    background-color: #4A4A4A;
    padding: 20px 0;
    margin-top: 30px
}

footer p {
    margin-bottom: 0;
    color: #fff;
    font-size: 0.8em
}

footer a {
    color: #fff !important
}

.garage-name {
    font-family: "Montserrat", sans-serif;
    text-align: center;
    font-size: 20px
}

@media (min-width: 768px) {
    .garage-name {
        text-align: right;
        padding-top: 20px;
        font-size: 30px
    }
}

.content {
    background-color: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px
}

.content h1 {
    padding: 15px 0 14px 10px;
    background-color: #216a94;
    margin-bottom: 0;
    color: #fff;
    font-size: 1.25rem;
    text-align: center
}

.content h1 i {
    color: #216a94
}

@media (min-width: 768px) {
    .content h1 {
        font-size: 2rem;
        padding: 15px 0 14px 20px
    }
}

.content h2 {
    font-size: 20px
}

@media (min-width: 768px) {
    .content h2 {
        font-size: 25px
    }
}

.content p {
    margin-bottom: 1em;
    line-height: 160%;
    font-size: 0.9em
}

@media (min-width: 768px) {
    .content p {
        font-size: 1em
    }
}

.content table {
    font-size: 0.9em
}

@media (min-width: 768px) {
    .content table {
        font-size: 1em
    }
}

.content .tab-panel {
    padding: 10px
}

@media (min-width: 768px) {
    .content .tab-panel {
        padding: 20px
    }
}

.content .tab-panel__condensed {
    max-width: 800px;
    margin: 0 auto
}

.sgs-logo {
    margin: 10px auto 10px auto;
    display: block;
    text-align: center
}

@media (min-width: 1200px) {
    .sgs-logo {
        margin: 10px 0 10px 0
    }
}

.bg {
    padding-top: 30px
}

.bg--grey {
    background-color: #DADADA
}

p.welcome {
    font-family: "Montserrat", sans-serif;
    text-align: center;
    font-size: 20px;
    width: 90%;
    margin: 0 auto 30px auto
}

@media (min-width: 768px) {
    p.welcome {
        font-size: 25px
    }
}

.video-logo {
    display: block;
    margin: 0 auto 30px auto
}

.subscription-alert {
    padding: 10px;
    font-size: 14px;
    background-color: #EED202;
    color: #8a6d3b
}

.subscription-alert p {
    text-align: center;
    margin-bottom: 12px
}

.subscription-alert p:last-child {
    margin-bottom: 0px
}

.subscription-alert p a {
    display: block
}

@media (min-width: 768px) {
    .subscription-alert p {
        text-align: left
    }

    .subscription-alert p a {
        display: inline
    }

    .subscription-alert p.text-right {
        text-align: right !important
    }
}

.subscription-alert a {
    color: #8a6d3b
}

.status {
    position: relative;
    z-index: 900;
    padding-top: 2px;
    background-color: transparent
}

.status a {
    text-decoration: none
}

@media (max-width: 980px) {
    .status {
        margin-bottom: 0px
    }
}

.status__stat--active:hover .status__stat {
    background: #216a94
}

.status__stat--active:hover .status__stat i {
    color: #fff
}

.status__stat--active:hover .status__stat span {
    color: #FFF
}

.status__stat--active:hover .status__stat .status__number {
    color: #fff
}

.status__label {
    display: none
}

@media (min-width: 768px) {
    .status__label {
        display: inline
    }
}

.status__stat {
    box-sizing: border-box;
    padding: 10px 0;
    background-repeat: no-repeat;
    background-position: 0px 15px;
    padding: 8px 10px;
    border: 1px solid #216a94;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

@media (max-width: 515px) {
    .status__stat {
        margin-bottom: 10px
    }
}

.status__stat .status__number {
    display: block;
    font-size: 13px;
    font-weight: 400;
    opacity: 1;
    color: #216a94
}

@media (min-width: 768px) {
    .status__stat .status__number {
        font-size: 18px
    }
}

.status__stat .status__number i {
    color: #216a94
}

.status__stat span {
    font-size: 12px;
    color: #216a94
}

.user-meta {
    text-align: center;
    margin-bottom: 0;
    font-size: 13px
}

@media (min-width: 768px) {
    .user-meta {
        text-align: right
    }
}

.user-meta i.fa {
    margin-right: 2px;
    margin-left: 10px;
    color: #3c763d
}

@media (max-width: 768px) {
    .user-meta .sign-in {
        display: block
    }
}

.container {
    width: 95%
}

.customer-video .container {
    width: 960px
}

div.form__error {
    color: #a94442;
    font-weight: bold;
    text-align: right;
    margin-top: 6px
}

.form__group--error input {
    border-color: #a94442 !important
}

.tabs__menu {
    background-color: #3097d1;
    border-color: #3097d1;
    border-width: 2px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: center
}

@media (min-width: 768px) {
    .tabs__menu {
        padding-bottom: 0
    }
}

.tabs__menu li {
    font-size: 14px;
    position: relative;
    margin: 0 5px
}

@media (min-width: 768px) {
    .tabs__menu li:first-child {
        margin-left: 20px
    }
}

.tabs__menu li a {
    color: #fff;
    padding: 4px
}

@media (min-width: 515px) {
    .tabs__menu li a {
        font-size: 14px
    }
}

@media (min-width: 768px) {
    .tabs__menu li a {
        font-size: 16px;
        padding: 5px
    }
}

@media (min-width: 980px) {
    .tabs__menu li a {
        padding: 6px
    }
}

.tabs__menu li a:hover {
    color: #FFF
}

@media (max-width: 650px) {
    .tabs__menu li {
        display: block
    }

    .tabs__menu li a {
        display: block;
        border: 0 !important;
        background: none !important
    }

    .tabs__menu li.tab--is-active a {
        font-weight: 700
    }
}

.tabs__menu li.tab--is-active a {
    font-weight: 700;
    color: #216a94;
    border-color: #216a94;
    border-bottom-color: #fff;
    border-width: 2px;
    margin-bottom: -2px
}

.tabs__menu.tabs__menu-alphabet {
    display: none
}

@media (min-width: 768px) {
    .tabs__menu.tabs__menu-alphabet {
        display: block
    }
}

.tabs__menu.tabs__menu-alphabet li {
    margin: 0 2px
}

.tabs__menu.tabs__menu-alphabet li:first-child {
    margin-left: 20px
}

.badge {
    background-color: #d9534f;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    width: 25px;
    height: 0;
    padding-bottom: 22px;
    text-align: center;
    color: #fff;
    padding-top: 3px;
    font-size: 0.8em;
    font-weight: bold
}

@media (min-width: 768px) {
    .badge {
        top: -21px;
        right: -7px;
        position: absolute;
        display: block
    }
}

.input-group__addon {
    background-color: #fff;
    padding: 0 5px;
    border: 2px solid #ccc;
    color: #777;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px 0 0 6px
}

.forgot_password {
    margin-top: 16px
}

.forgot_password a {
    text-decoration: none
}

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

table {
    overflow-x: auto;
    display: block
}

table tbody {
    display: table;
    width: 100%
}

.packages {
    padding: 30px 0
}

.packages .package__header {
    background: linear-gradient(to bottom right, #216a94, #006793);
    padding: 10px;
    color: #fff
}

.packages .package__header h2,
.packages .package__header span,
.packages .package__header a {
    color: #fff;
    margin-bottom: 0
}

.packages .package__header h2 {
    color: #216a94
}

.packages .package__footer {
    padding: 10px
}

.packages .package__footer .btn {
    width: 100%;
    text-align: center;
    padding: 15px 10px
}

.packages .package {
    border: 2px solid #DADADA;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px
}

.packages .package.package--active {
    border: 1px solid #62B34E
}

.packages .package.package--active .package__header {
    background-color: #62B34E
}

.packages .package--margin {
    margin-top: 30px
}

.packages ul {
    margin-left: 0;
    list-style: none;
    font-size: 0.875em
}

.packages ul li {
    border-bottom: 1px solid #eee;
    padding: 9px;
    color: #4A4A4A;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    background-position: 10px 3px
}

.packages ul li i {
    color: #216a94
}

.userbar {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px
}

.userbar .fa {
    color: #216a94
}

.userbar .userbar__detail {
    text-align: center
}

.userbar .userbar__detail:first {
    margin-bottom: 6px
}

@media (min-width: 768px) {
    .userbar .userbar__detail {
        text-align: left;
        margin-bottom: 0px
    }
}

.userbar .userbar__detail p {
    margin-bottom: 0px
}

.userbar .userbar__detail.userbar__detail--right {
    text-align: center
}

@media (min-width: 768px) {
    .userbar .userbar__detail.userbar__detail--right {
        text-align: right
    }
}

.card {
    background-color: #216a94;
    color: #fff;
    text-align: center;
    margin-bottom: 30px
}

.card h4 {
    color: #fff;
    margin-bottom: 10px
}

.card a {
    color: #62B34E;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase
}

.card__body {
    padding: 20px
}

.card__icon {
    margin-top: -50px
}

.img--fluid {
    width: 100%;
    height: auto;
    margin: 0;
    display: block
}

.did-you-know {
    margin: 40px 0
}

.underline {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 30px
}

.btn--group {
    text-align: right;
    margin: 20px 0
}

.btn--grey {
    background-color: #666
}

.reg {
    background-color: #FFD939;
    display: inline-block;
    padding: 3px 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-weight: 700
}

.toggle {
    background-color: #216a94;
    color: #fff;
    padding: 10px;
    border-radius: 3px
}

.toggle:hover {
    cursor: pointer
}

.hide-m {
    display: none
}

@media (min-width: 768px) {
    .hide-m {
        display: inline
    }
}

.video-card {
    margin-bottom: 20px;
    border: 2px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 15px #eaeaea;
    transition: .5s;
    overflow: hidden
}

.video-card:hover {
    box-shadow: 0 0 15px #bbb;
    transition: .5s;
    border-color: #bbb
}

.video-card a {
    text-decoration: none
}

.video-card__title {
    padding: 10px;
    margin-bottom: 0;
    text-decoration: none;
    font-size: 18px
}

.video-card__title .reg {
    position: relative;
    top: -2px;
    font-size: 0.7em
}

.video-card__body {
    padding: 10px
}

.video-card__stat {
    font-size: 11px;
    text-align: center;
    border-right: 1px solid #eee
}

.video-card__stat i {
    color: #216a94;
    display: block;
    font-size: 16px;
    margin-bottom: 5px
}

.video-card__action {
    font-size: 12px;
    background-color: #eaeaea;
    text-transform: uppercase
}

.video-card__action .won {
    color: #62B34E
}

.video-card__action .won:hover {
    color: #fff;
    background-color: #62B34E;
    transition: .5s
}

.video-card__action .lost {
    color: #d43f3a
}

.video-card__action .lost:hover {
    color: #fff;
    background-color: #d43f3a;
    transition: .5s
}

.video-card__action .review {
    background-color: #72bb60;
    color: #fff;
    font-weight: bold
}

.video-card__action .review:hover {
    background-color: #62B34E;
    transition: .5s
}

.video-card__action .callback {
    background-color: #d9534f;
    color: #fff;
    font-weight: bold
}

.video-card__action .callback:hover {
    background-color: #d43f3a;
    transition: .5s
}

.video-card__action .info-only {
    color: #216a94
}

.video-card__action .info-only:hover {
    color: #fff;
    background-color: #216a94;
    transition: .5s
}

.video-card__action ul {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%
}

.video-card__action li {
    list-style: none;
    display: table-cell;
    margin: 0
}

.video-card__action li a {
    display: block;
    text-align: center;
    padding: 10px 3px;
    border-right: 2px solid white;
    font-weight: bold
}

.video-card__action li:last-child a {
    border-right: 0
}

.no-border-right {
    border-right: 0
}

#popup {
    position: relative;
    background: #FFF;
    padding: 30px 40px 30px 40px;
    width: auto;
    max-width: 500px;
    margin: 40px auto;
    border-radius: 4px
}

#popup .mfp-close {
    right: 30px;
    top: 25px
}

#popup h4 {
    font-weight: 400;
    font-size: 24px
}

#popup h4 i {
    color: #216a94
}

.mfp-bg {
    background: #216a94 !important;
    opacity: 0.6 !important
}

.icon-toolbar {
    text-align: center;
    font-weight: 700;
    font-size: 14px
}

.icon-toolbar i {
    font-size: 66px;
    display: block;
    margin-bottom: 10px;
    font-weight: normal
}

.icon-toolbar a {
    background-color: #eaeaea;
    display: block;
    text-decoration: none;
    padding: 25px 15px;
    border-radius: 4px;
    margin-bottom: 10px
}

.icon-toolbar small {
    display: block;
    font-weight: 300;
    margin-top: 10px
}

@media (max-width: 768px) {
    .icon-toolbar small {
        display: none
    }
}

.icon-toolbar .callback {
    background-color: #f4cecd;
    color: #b42c27;
    transition: all .3s
}

.icon-toolbar .callback:hover {
    color: #fff;
    background-color: #d43f3a;
    transition: all .3s
}

.icon-toolbar .callback:hover i {
    color: #fff
}

.icon-toolbar .lost {
    background-color: #f4cecd;
    color: #b42c27;
    transition: all .3s
}

.icon-toolbar .lost:hover {
    color: #fff;
    background-color: #d43f3a;
    transition: all .3s
}

.icon-toolbar .lost:hover i {
    color: #fff
}

.icon-toolbar .won {
    background-color: #d1e9cb;
    color: #4e903e;
    transition: all .3s
}

.icon-toolbar .won:hover {
    color: #fff;
    background-color: #62B34E;
    transition: all .3s
}

.icon-toolbar .won:hover i {
    color: #fff
}

.icon-toolbar .info-only {
    transition: all .3s
}

.icon-toolbar .info-only:hover {
    color: #fff;
    background-color: #216a94;
    transition: all .3s
}

.icon-toolbar .info-only:hover i {
    color: #fff
}

.icon-toolbar .callback i {
    color: #d43f3a
}

.icon-toolbar .won i {
    color: #62B34E
}

.icon-toolbar .lost i {
    color: #d43f3a
}

.icon-toolbar .info-only i {
    color: #216a94
}

.help-video {
    margin: 20px auto;
    display: block;
    border: 0
}

.intl-tel-input {
    width: 100%
}

[v-cloak] {
    display: none
}

.loading {
    clear: both;
    text-align: center;
    color: #216a94
}

.loading div {
    margin-top: 12px
}

.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;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    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);
    background-clip: padding-box
}

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

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

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

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

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

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

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

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

.open>a {
    outline: 0
}

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

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

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

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

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

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

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

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

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

.date-range-picker {
    border: 1px solid #216a94;
    color: #216a94;
    border-radius: 6px;
    margin-bottom: 12px;
    font-family: "Montserrat", sans-serif
}

.date-range-picker i {
    top: 12px !important;
    left: 12px !important
}

.date-range-picker>input {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    color: #216a94
}

#finance {
    margin-top: 48px;
    margin-bottom: 48px
}

.finance #finance-schedule {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center
}

@media (min-width: 768px) {
    .finance #finance-schedule {
        flex-direction: row
    }

    .finance #finance-schedule img,
    .finance #finance-schedule ul {
        margin-right: 48px
    }

    .finance #finance-schedule .pa-info,
    .finance #finance-schedule .logo {
        width: 25%
    }
}

.customer-video .finance {
    margin-top: 48px;
    padding-bottom: 24px;
    text-align: center
}

.customer-video .finance #finance-schedule {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (min-width: 768px) {
    .customer-video .finance #finance-schedule {
        flex-direction: row
    }

    .customer-video .finance #finance-schedule img,
    .customer-video .finance #finance-schedule ul {
        margin-right: 48px
    }

    .customer-video .finance #finance-schedule .pa-info,
    .customer-video .finance #finance-schedule .logo {
        width: 25%
    }
}

.customer-video .cta-buttons {
    display: flex;
    justify-content: space-between
}

.customer-video .cta-buttons .btn {
    margin: 6px
}

.pa-logo {
    max-width: 100px;
    display: block !important
}

.pa-logo img {
    width: 100%;
    height: auto
}

.pa-apply {
    color: #EA242E;
    border-color: #EA242E !important;
    line-height: 1.5em
}

.pa-apply:hover {
    color: #fff !important;
    background-color: #EA242E !important
}

.pa-apply.pa-apply-success {
    color: #fff !important;
    background-color: #EA242E !important;
    cursor: default !important
}

.cta-buttons div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

#finance-schedule {
    margin-bottom: 24px
}

#finance-schedule ul {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
    display: flex;
    align-items: flex-start
}

#finance-schedule ul li {
    display: block;
    position: relative;
    margin-right: 16px
}

@media (min-width: 768px) {
    #finance-schedule ul li {
        margin-right: 36px
    }
}

#finance-schedule ul li>div {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 14px;
    align-items: center;
    justify-content: center
}

#finance-schedule ul li>div span {
    border: 3px solid #3B55A3;
    width: 56px;
    height: 56px;
    border-radius: 28px;
    padding-top: 16px;
    display: block;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 6px
}

@media (min-width: 768px) {
    #finance-schedule ul li>div span {
        width: 80px;
        height: 80px;
        border-radius: 40px;
        padding-top: 28px;
        font-size: 14px
    }
}

#finance-schedule ul li>div .title {
    font-size: 11px
}

#finance-schedule ul li:last-child {
    margin-right: 0px
}

#finance-schedule ul li.deposit>div span {
    border: 3px solid #EC252E !important
}

#finance-schedule ul li.last:after {
    content: ''
}

#finance-schedule ul li.total span {
    background-color: #42b2e6;
    color: #fff
}

#finance-schedule ul li.total:after {
    content: ''
}

button {
    cursor: pointer
}

#finance-info {
    color: #42b2e6;
    cursor: pointer;
    margin-left: 12px
}

.upper-bold {
    text-transform: uppercase;
    font-weight: bold
}

.pa-red {
    color: #EC252E
}

.pa-green {
    color: #518F40
}

.text-center {
    text-align: center
}

.country-select {
    position: relative;
    display: block
}

.country-select * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.country-select .hide {
    display: none
}

.country-select .v-hide {
    visibility: hidden
}

.country-select input,
.country-select input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.country-select .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.country-select .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px
}

.country-select .selected-flag .flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.country-select .selected-flag .arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.country-select .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.country-select .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll
}

.country-select .country-list .flag {
    display: inline-block;
    width: 20px
}

@media (max-width: 500px) {
    .country-select .country-list {
        white-space: normal
    }
}

.country-select .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.country-select .country-list .country {
    padding: 5px 10px
}

.country-select .country-list .country.highlight {
    background-color: rgba(0, 0, 0, 0.05)
}

.country-select .country-list .flag,
.country-select .country-list .country-name {
    vertical-align: middle
}

.country-select .country-list .flag {
    margin-right: 6px
}

.country-select.inside input,
.country-select.inside input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.country-select.inside .flag-dropdown {
    right: auto;
    left: 0
}

.country-select.inside .selected-flag {
    width: 46px
}

.country-select.inside .flag-dropdown:hover {
    cursor: pointer
}

.country-select.inside .flag-dropdown:hover .selected-flag {
    background-color: rgba(0, 0, 0, 0.05)
}

.country-select.inside input[disabled]+.flag-dropdown:hover,
.country-select.inside input[readonly]+.flag-dropdown:hover {
    cursor: default
}

.country-select.inside input[disabled]+.flag-dropdown:hover .selected-flag,
.country-select.inside input[readonly]+.flag-dropdown:hover .selected-flag {
    background-color: transparent
}

.country-select .flag {
    width: 20px;
    height: 15px;
    -webkit-box-shadow: 0px 0px 1px 0px #888;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../img/flags.png");
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .country-select .flag {
        background-image: url("../img/flags@2x.png")
    }
}

.country-select .flag {
    width: 20px
}

.country-select .flag.be {
    width: 18px
}

.country-select .flag.ch {
    width: 15px
}

.country-select .flag.mc {
    width: 19px
}

.country-select .flag.ne {
    width: 18px
}

.country-select .flag.np {
    width: 13px
}

.country-select .flag.va {
    width: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .country-select .flag {
        background-size: 5630px 15px
    }
}

.country-select .flag.ac {
    height: 10px;
    background-position: 0px 0px
}

.country-select .flag.ad {
    height: 14px;
    background-position: -22px 0px
}

.country-select .flag.ae {
    height: 10px;
    background-position: -44px 0px
}

.country-select .flag.af {
    height: 14px;
    background-position: -66px 0px
}

.country-select .flag.ag {
    height: 14px;
    background-position: -88px 0px
}

.country-select .flag.ai {
    height: 10px;
    background-position: -110px 0px
}

.country-select .flag.al {
    height: 15px;
    background-position: -132px 0px
}

.country-select .flag.am {
    height: 10px;
    background-position: -154px 0px
}

.country-select .flag.ao {
    height: 14px;
    background-position: -176px 0px
}

.country-select .flag.aq {
    height: 14px;
    background-position: -198px 0px
}

.country-select .flag.ar {
    height: 13px;
    background-position: -220px 0px
}

.country-select .flag.as {
    height: 10px;
    background-position: -242px 0px
}

.country-select .flag.at {
    height: 14px;
    background-position: -264px 0px
}

.country-select .flag.au {
    height: 10px;
    background-position: -286px 0px
}

.country-select .flag.aw {
    height: 14px;
    background-position: -308px 0px
}

.country-select .flag.ax {
    height: 13px;
    background-position: -330px 0px
}

.country-select .flag.az {
    height: 10px;
    background-position: -352px 0px
}

.country-select .flag.ba {
    height: 10px;
    background-position: -374px 0px
}

.country-select .flag.bb {
    height: 14px;
    background-position: -396px 0px
}

.country-select .flag.bd {
    height: 12px;
    background-position: -418px 0px
}

.country-select .flag.be {
    height: 15px;
    background-position: -440px 0px
}

.country-select .flag.bf {
    height: 14px;
    background-position: -460px 0px
}

.country-select .flag.bg {
    height: 12px;
    background-position: -482px 0px
}

.country-select .flag.bh {
    height: 12px;
    background-position: -504px 0px
}

.country-select .flag.bi {
    height: 12px;
    background-position: -526px 0px
}

.country-select .flag.bj {
    height: 14px;
    background-position: -548px 0px
}

.country-select .flag.bl {
    height: 14px;
    background-position: -570px 0px
}

.country-select .flag.bm {
    height: 10px;
    background-position: -592px 0px
}

.country-select .flag.bn {
    height: 10px;
    background-position: -614px 0px
}

.country-select .flag.bo {
    height: 14px;
    background-position: -636px 0px
}

.country-select .flag.bq {
    height: 14px;
    background-position: -658px 0px
}

.country-select .flag.br {
    height: 14px;
    background-position: -680px 0px
}

.country-select .flag.bs {
    height: 10px;
    background-position: -702px 0px
}

.country-select .flag.bt {
    height: 14px;
    background-position: -724px 0px
}

.country-select .flag.bv {
    height: 15px;
    background-position: -746px 0px
}

.country-select .flag.bw {
    height: 14px;
    background-position: -768px 0px
}

.country-select .flag.by {
    height: 10px;
    background-position: -790px 0px
}

.country-select .flag.bz {
    height: 14px;
    background-position: -812px 0px
}

.country-select .flag.ca {
    height: 10px;
    background-position: -834px 0px
}

.country-select .flag.cc {
    height: 10px;
    background-position: -856px 0px
}

.country-select .flag.cd {
    height: 15px;
    background-position: -878px 0px
}

.country-select .flag.cf,
.country-select .flag.media,
.country-select .flag.gw,
.country-select .flag.grid-wrapper,
.country-select .flag.form__checkbox,
.country-select .flag.form__radio,
.country-select .flag.form__group,
.country-select .flag.form__actions,
.country-select .flag.nav--dropdown,
.country-select .flag.navbar {
    height: 14px;
    background-position: -900px 0px
}

.country-select .flag.cg {
    height: 14px;
    background-position: -922px 0px
}

.country-select .flag.ch {
    height: 15px;
    background-position: -944px 0px
}

.country-select .flag.ci {
    height: 14px;
    background-position: -961px 0px
}

.country-select .flag.ck {
    height: 10px;
    background-position: -983px 0px
}

.country-select .flag.cl {
    height: 14px;
    background-position: -1005px 0px
}

.country-select .flag.cm {
    height: 14px;
    background-position: -1027px 0px
}

.country-select .flag.cn {
    height: 14px;
    background-position: -1049px 0px
}

.country-select .flag.co {
    height: 14px;
    background-position: -1071px 0px
}

.country-select .flag.cp {
    height: 14px;
    background-position: -1093px 0px
}

.country-select .flag.cr {
    height: 12px;
    background-position: -1115px 0px
}

.country-select .flag.cu {
    height: 10px;
    background-position: -1137px 0px
}

.country-select .flag.cv {
    height: 12px;
    background-position: -1159px 0px
}

.country-select .flag.cw {
    height: 14px;
    background-position: -1181px 0px
}

.country-select .flag.cx {
    height: 10px;
    background-position: -1203px 0px
}

.country-select .flag.cy {
    height: 13px;
    background-position: -1225px 0px
}

.country-select .flag.cz {
    height: 14px;
    background-position: -1247px 0px
}

.country-select .flag.de {
    height: 12px;
    background-position: -1269px 0px
}

.country-select .flag.dg {
    height: 10px;
    background-position: -1291px 0px
}

.country-select .flag.dj {
    height: 14px;
    background-position: -1313px 0px
}

.country-select .flag.dk {
    height: 15px;
    background-position: -1335px 0px
}

.country-select .flag.dm {
    height: 10px;
    background-position: -1357px 0px
}

.country-select .flag.do {
    height: 13px;
    background-position: -1379px 0px
}

.country-select .flag.dz {
    height: 14px;
    background-position: -1401px 0px
}

.country-select .flag.ea {
    height: 14px;
    background-position: -1423px 0px
}

.country-select .flag.ec {
    height: 14px;
    background-position: -1445px 0px
}

.country-select .flag.ee {
    height: 13px;
    background-position: -1467px 0px
}

.country-select .flag.eg {
    height: 14px;
    background-position: -1489px 0px
}

.country-select .flag.eh {
    height: 10px;
    background-position: -1511px 0px
}

.country-select .flag.er {
    height: 10px;
    background-position: -1533px 0px
}

.country-select .flag.es {
    height: 14px;
    background-position: -1555px 0px
}

.country-select .flag.et {
    height: 10px;
    background-position: -1577px 0px
}

.country-select .flag.eu {
    height: 14px;
    background-position: -1599px 0px
}

.country-select .flag.fi {
    height: 12px;
    background-position: -1621px 0px
}

.country-select .flag.fj {
    height: 10px;
    background-position: -1643px 0px
}

.country-select .flag.fk {
    height: 10px;
    background-position: -1665px 0px
}

.country-select .flag.fm {
    height: 11px;
    background-position: -1687px 0px
}

.country-select .flag.fo {
    height: 15px;
    background-position: -1709px 0px
}

.country-select .flag.fr {
    height: 14px;
    background-position: -1731px 0px
}

.country-select .flag.ga {
    height: 15px;
    background-position: -1753px 0px
}

.country-select .flag.gb {
    height: 10px;
    background-position: -1775px 0px
}

.country-select .flag.gd {
    height: 12px;
    background-position: -1797px 0px
}

.country-select .flag.ge {
    height: 14px;
    background-position: -1819px 0px
}

.country-select .flag.gf {
    height: 14px;
    background-position: -1841px 0px
}

.country-select .flag.gg {
    height: 14px;
    background-position: -1863px 0px
}

.country-select .flag.gh {
    height: 14px;
    background-position: -1885px 0px
}

.country-select .flag.gi {
    height: 10px;
    background-position: -1907px 0px
}

.country-select .flag.gl {
    height: 14px;
    background-position: -1929px 0px
}

.country-select .flag.gm {
    height: 14px;
    background-position: -1951px 0px
}

.country-select .flag.gn {
    height: 14px;
    background-position: -1973px 0px
}

.country-select .flag.gp {
    height: 14px;
    background-position: -1995px 0px
}

.country-select .flag.gq {
    height: 14px;
    background-position: -2017px 0px
}

.country-select .flag.gr {
    height: 14px;
    background-position: -2039px 0px
}

.country-select .flag.gs {
    height: 10px;
    background-position: -2061px 0px
}

.country-select .flag.gt {
    height: 13px;
    background-position: -2083px 0px
}

.country-select .flag.gu {
    height: 11px;
    background-position: -2105px 0px
}

.country-select .flag.gw {
    height: 10px;
    background-position: -2127px 0px
}

.country-select .flag.gy {
    height: 12px;
    background-position: -2149px 0px
}

.country-select .flag.hk {
    height: 14px;
    background-position: -2171px 0px
}

.country-select .flag.hm {
    height: 10px;
    background-position: -2193px 0px
}

.country-select .flag.hn {
    height: 10px;
    background-position: -2215px 0px
}

.country-select .flag.hr {
    height: 10px;
    background-position: -2237px 0px
}

.country-select .flag.ht {
    height: 12px;
    background-position: -2259px 0px
}

.country-select .flag.hu {
    height: 10px;
    background-position: -2281px 0px
}

.country-select .flag.ic {
    height: 14px;
    background-position: -2303px 0px
}

.country-select .flag.id {
    height: 14px;
    background-position: -2325px 0px
}

.country-select .flag.ie {
    height: 10px;
    background-position: -2347px 0px
}

.country-select .flag.il {
    height: 15px;
    background-position: -2369px 0px
}

.country-select .flag.im {
    height: 10px;
    background-position: -2391px 0px
}

.country-select .flag.in {
    height: 14px;
    background-position: -2413px 0px
}

.country-select .flag.io {
    height: 10px;
    background-position: -2435px 0px
}

.country-select .flag.iq {
    height: 14px;
    background-position: -2457px 0px
}

.country-select .flag.ir {
    height: 12px;
    background-position: -2479px 0px
}

.country-select .flag.is {
    height: 15px;
    background-position: -2501px 0px
}

.country-select .flag.it {
    height: 14px;
    background-position: -2523px 0px
}

.country-select .flag.je {
    height: 12px;
    background-position: -2545px 0px
}

.country-select .flag.jm {
    height: 10px;
    background-position: -2567px 0px
}

.country-select .flag.jo {
    height: 10px;
    background-position: -2589px 0px
}

.country-select .flag.jp {
    height: 14px;
    background-position: -2611px 0px
}

.country-select .flag.ke {
    height: 14px;
    background-position: -2633px 0px
}

.country-select .flag.kg {
    height: 12px;
    background-position: -2655px 0px
}

.country-select .flag.kh {
    height: 13px;
    background-position: -2677px 0px
}

.country-select .flag.ki {
    height: 10px;
    background-position: -2699px 0px
}

.country-select .flag.km {
    height: 12px;
    background-position: -2721px 0px
}

.country-select .flag.kn {
    height: 14px;
    background-position: -2743px 0px
}

.country-select .flag.kp {
    height: 10px;
    background-position: -2765px 0px
}

.country-select .flag.kr {
    height: 14px;
    background-position: -2787px 0px
}

.country-select .flag.kw {
    height: 10px;
    background-position: -2809px 0px
}

.country-select .flag.ky {
    height: 10px;
    background-position: -2831px 0px
}

.country-select .flag.kz {
    height: 10px;
    background-position: -2853px 0px
}

.country-select .flag.la {
    height: 14px;
    background-position: -2875px 0px
}

.country-select .flag.lb {
    height: 14px;
    background-position: -2897px 0px
}

.country-select .flag.lc {
    height: 10px;
    background-position: -2919px 0px
}

.country-select .flag.li {
    height: 12px;
    background-position: -2941px 0px
}

.country-select .flag.lk {
    height: 10px;
    background-position: -2963px 0px
}

.country-select .flag.lr {
    height: 11px;
    background-position: -2985px 0px
}

.country-select .flag.ls {
    height: 14px;
    background-position: -3007px 0px
}

.country-select .flag.lt {
    height: 12px;
    background-position: -3029px 0px
}

.country-select .flag.lu {
    height: 12px;
    background-position: -3051px 0px
}

.country-select .flag.lv {
    height: 10px;
    background-position: -3073px 0px
}

.country-select .flag.ly {
    height: 10px;
    background-position: -3095px 0px
}

.country-select .flag.ma {
    height: 14px;
    background-position: -3117px 0px
}

.country-select .flag.mc {
    height: 15px;
    background-position: -3139px 0px
}

.country-select .flag.md {
    height: 10px;
    background-position: -3160px 0px
}

.country-select .flag.me {
    height: 10px;
    background-position: -3182px 0px
}

.country-select .flag.mf {
    height: 14px;
    background-position: -3204px 0px
}

.country-select .flag.mg {
    height: 14px;
    background-position: -3226px 0px
}

.country-select .flag.mh {
    height: 11px;
    background-position: -3248px 0px
}

.country-select .flag.mk {
    height: 10px;
    background-position: -3270px 0px
}

.country-select .flag.ml {
    height: 14px;
    background-position: -3292px 0px
}

.country-select .flag.mm {
    height: 14px;
    background-position: -3314px 0px
}

.country-select .flag.mn {
    height: 10px;
    background-position: -3336px 0px
}

.country-select .flag.mo {
    height: 14px;
    background-position: -3358px 0px
}

.country-select .flag.mp {
    height: 10px;
    background-position: -3380px 0px
}

.country-select .flag.mq {
    height: 14px;
    background-position: -3402px 0px
}

.country-select .flag.mr {
    height: 14px;
    background-position: -3424px 0px
}

.country-select .flag.ms {
    height: 10px;
    background-position: -3446px 0px
}

.country-select .flag.mt {
    height: 14px;
    background-position: -3468px 0px
}

.country-select .flag.mu {
    height: 14px;
    background-position: -3490px 0px
}

.country-select .flag.mv {
    height: 14px;
    background-position: -3512px 0px
}

.country-select .flag.mw {
    height: 14px;
    background-position: -3534px 0px
}

.country-select .flag.mx {
    height: 12px;
    background-position: -3556px 0px
}

.country-select .flag.my {
    height: 10px;
    background-position: -3578px 0px
}

.country-select .flag.mz {
    height: 14px;
    background-position: -3600px 0px
}

.country-select .flag.na {
    height: 14px;
    background-position: -3622px 0px
}

.country-select .flag.nc {
    height: 10px;
    background-position: -3644px 0px
}

.country-select .flag.ne {
    height: 15px;
    background-position: -3666px 0px
}

.country-select .flag.nf {
    height: 10px;
    background-position: -3686px 0px
}

.country-select .flag.ng {
    height: 10px;
    background-position: -3708px 0px
}

.country-select .flag.ni {
    height: 12px;
    background-position: -3730px 0px
}

.country-select .flag.nl {
    height: 14px;
    background-position: -3752px 0px
}

.country-select .flag.no {
    height: 15px;
    background-position: -3774px 0px
}

.country-select .flag.np {
    height: 15px;
    background-position: -3796px 0px;
    background-color: transparent
}

.country-select .flag.nr {
    height: 10px;
    background-position: -3811px 0px
}

.country-select .flag.nu {
    height: 10px;
    background-position: -3833px 0px
}

.country-select .flag.nz {
    height: 10px;
    background-position: -3855px 0px
}

.country-select .flag.om {
    height: 10px;
    background-position: -3877px 0px
}

.country-select .flag.pa {
    height: 14px;
    background-position: -3899px 0px
}

.country-select .flag.pe {
    height: 14px;
    background-position: -3921px 0px
}

.country-select .flag.pf {
    height: 14px;
    background-position: -3943px 0px
}

.country-select .flag.pg {
    height: 15px;
    background-position: -3965px 0px
}

.country-select .flag.ph {
    height: 10px;
    background-position: -3987px 0px
}

.country-select .flag.pk {
    height: 14px;
    background-position: -4009px 0px
}

.country-select .flag.pl {
    height: 13px;
    background-position: -4031px 0px
}

.country-select .flag.pm {
    height: 14px;
    background-position: -4053px 0px
}

.country-select .flag.pn {
    height: 10px;
    background-position: -4075px 0px
}

.country-select .flag.pr {
    height: 14px;
    background-position: -4097px 0px
}

.country-select .flag.ps {
    height: 10px;
    background-position: -4119px 0px
}

.country-select .flag.pt {
    height: 14px;
    background-position: -4141px 0px
}

.country-select .flag.pw {
    height: 13px;
    background-position: -4163px 0px
}

.country-select .flag.py {
    height: 11px;
    background-position: -4185px 0px
}

.country-select .flag.qa {
    height: 8px;
    background-position: -4207px 0px
}

.country-select .flag.re {
    height: 14px;
    background-position: -4229px 0px
}

.country-select .flag.ro {
    height: 14px;
    background-position: -4251px 0px
}

.country-select .flag.rs {
    height: 14px;
    background-position: -4273px 0px
}

.country-select .flag.ru {
    height: 14px;
    background-position: -4295px 0px
}

.country-select .flag.rw {
    height: 14px;
    background-position: -4317px 0px
}

.country-select .flag.sa {
    height: 14px;
    background-position: -4339px 0px
}

.country-select .flag.sb {
    height: 10px;
    background-position: -4361px 0px
}

.country-select .flag.sc {
    height: 10px;
    background-position: -4383px 0px
}

.country-select .flag.sd {
    height: 10px;
    background-position: -4405px 0px
}

.country-select .flag.se {
    height: 13px;
    background-position: -4427px 0px
}

.country-select .flag.sg {
    height: 14px;
    background-position: -4449px 0px
}

.country-select .flag.sh {
    height: 10px;
    background-position: -4471px 0px
}

.country-select .flag.si {
    height: 10px;
    background-position: -4493px 0px
}

.country-select .flag.sj {
    height: 15px;
    background-position: -4515px 0px
}

.country-select .flag.sk {
    height: 14px;
    background-position: -4537px 0px
}

.country-select .flag.sl {
    height: 14px;
    background-position: -4559px 0px
}

.country-select .flag.sm {
    height: 15px;
    background-position: -4581px 0px
}

.country-select .flag.sn {
    height: 14px;
    background-position: -4603px 0px
}

.country-select .flag.so {
    height: 14px;
    background-position: -4625px 0px
}

.country-select .flag.sr {
    height: 14px;
    background-position: -4647px 0px
}

.country-select .flag.ss {
    height: 10px;
    background-position: -4669px 0px
}

.country-select .flag.st {
    height: 10px;
    background-position: -4691px 0px
}

.country-select .flag.sv {
    height: 12px;
    background-position: -4713px 0px
}

.country-select .flag.sx {
    height: 14px;
    background-position: -4735px 0px
}

.country-select .flag.sy {
    height: 14px;
    background-position: -4757px 0px
}

.country-select .flag.sz {
    height: 14px;
    background-position: -4779px 0px
}

.country-select .flag.ta {
    height: 10px;
    background-position: -4801px 0px
}

.country-select .flag.tc {
    height: 10px;
    background-position: -4823px 0px
}

.country-select .flag.td {
    height: 14px;
    background-position: -4845px 0px
}

.country-select .flag.tf {
    height: 14px;
    background-position: -4867px 0px
}

.country-select .flag.tg {
    height: 13px;
    background-position: -4889px 0px
}

.country-select .flag.th {
    height: 14px;
    background-position: -4911px 0px
}

.country-select .flag.tj {
    height: 10px;
    background-position: -4933px 0px
}

.country-select .flag.tk {
    height: 10px;
    background-position: -4955px 0px
}

.country-select .flag.tl {
    height: 10px;
    background-position: -4977px 0px
}

.country-select .flag.tm {
    height: 14px;
    background-position: -4999px 0px
}

.country-select .flag.tn {
    height: 14px;
    background-position: -5021px 0px
}

.country-select .flag.to {
    height: 10px;
    background-position: -5043px 0px
}

.country-select .flag.tr {
    height: 14px;
    background-position: -5065px 0px
}

.country-select .flag.tt {
    height: 12px;
    background-position: -5087px 0px
}

.country-select .flag.tv {
    height: 10px;
    background-position: -5109px 0px
}

.country-select .flag.tw {
    height: 14px;
    background-position: -5131px 0px
}

.country-select .flag.tz {
    height: 14px;
    background-position: -5153px 0px
}

.country-select .flag.ua {
    height: 14px;
    background-position: -5175px 0px
}

.country-select .flag.ug {
    height: 14px;
    background-position: -5197px 0px
}

.country-select .flag.um {
    height: 11px;
    background-position: -5219px 0px
}

.country-select .flag.us {
    height: 11px;
    background-position: -5241px 0px
}

.country-select .flag.uy {
    height: 14px;
    background-position: -5263px 0px
}

.country-select .flag.uz {
    height: 10px;
    background-position: -5285px 0px
}

.country-select .flag.va {
    height: 15px;
    background-position: -5307px 0px
}

.country-select .flag.vc {
    height: 14px;
    background-position: -5324px 0px
}

.country-select .flag.ve {
    height: 14px;
    background-position: -5346px 0px
}

.country-select .flag.vg {
    height: 10px;
    background-position: -5368px 0px
}

.country-select .flag.vi {
    height: 14px;
    background-position: -5390px 0px
}

.country-select .flag.vn {
    height: 14px;
    background-position: -5412px 0px
}

.country-select .flag.vu {
    height: 12px;
    background-position: -5434px 0px
}

.country-select .flag.wf {
    height: 14px;
    background-position: -5456px 0px
}

.country-select .flag.ws {
    height: 10px;
    background-position: -5478px 0px
}

.country-select .flag.xk {
    height: 15px;
    background-position: -5500px 0px
}

.country-select .flag.ye {
    height: 14px;
    background-position: -5522px 0px
}

.country-select .flag.yt {
    height: 14px;
    background-position: -5544px 0px
}

.country-select .flag.za {
    height: 14px;
    background-position: -5566px 0px
}

.country-select .flag.zm {
    height: 14px;
    background-position: -5588px 0px
}

.country-select .flag.zw {
    height: 10px;
    background-position: -5610px 0px
}