$lightgrey    : #a0a0a0;
$dark         : #343a40;
$light        : #dcefe8;
$red          : #e46c63;
$error        : #f83c2d;
$blue         : #2d4f6f;
$lt_orange    : #EED1C2;
$orng         : #FD7E14;
$orange       : #198c8c;
$black_green  : #032626;
$valid        : #02682b;
$light_green  : #198c8c;
$primary      : $light_green;
$green2       : #28acac;
$raleway      : 'raleway', sans-serif;
$gradient_1   : linear-gradient(90deg, $primary 0%, $green2 100%);
$lato         : 'Lato', sans-serif;

// LF
.navbar-light .navbar-toggler {
    border : none;
}

header.entry-header h1 {
    font-family : $lato;
}

.cta h1 {
    padding : 2rem 0;
}


//@import "../js/jquery.steps-1.1.0/jquery.steps.css";
//@import "../css/jquery-ui-1.12.1.custom/jquery-ui.min.css";
//@import "../css/banners-buttons.scss";

form#large_form {
    border        : 1px solid $light;
    border-radius : 20px;
    margin-bottom : 25px;

    div.form_header {
        background : $light_green;
        h1#form-title {
            text-align     : center;
            text-transform : uppercase;
            color          : white;
            font-size      : 1.6rem;
            font-weight    : 900;
            padding        : 20px;
        }
        p {
            font-size     : 1.3rem;
            text-align    : center;
            margin-bottom : 5px;
            color         : $light;
        }
        p.security {
            color     : $light;
            font-size : 1.3rem;
        }
        h2 {
            text-transform : uppercase;
            text-align     : center;
            color          : $primary;
            font-size      : 1.6rem;
            font-weight    : 900;
        }
    }
    select,
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="tel"] {
        height        : 46px;
        border-radius : 25px;
        font-size     : medium;
        padding-left  : 1em;
    }
    label {
        margin-top : 10px;
    }
    span.error {
        color     : $error;
        font-size : small;
    }
    div.typerocket-elements-fields-radio {
        text-align : center;
        ul {
            padding    : 0 !important;
            list-style : none;
            li {
                display : inline-block;
                padding : 0 20px;
                label {
                    display     : flex;
                    align-items : center;
                    span {
                        padding-left : 10px;
                        color        : $dark;
                        font-weight  : 200;
                    }
                }
            }
        }
    }
    .income {
        span.tr-label {
            font-weight : 600;
        }
        span.error {
            display    : block;
            text-align : center;
        }
    }
}

.tr-control-label span {
    font-weight : 600;
}

label span {
    cursor : pointer;
}

select.error {
    background : rgb(251, 227, 228);
    border     : 1px solid #fbc2c4;
    color      : $error;
}

div.form_steps {
    span.current-info.audible {
        display : none;
    }
    div.actions {
        li > a {
            background     : $dark;
            padding        : 12px 16px;
            line-height    : inherit;
            font-family    : "Lato", sans-serif;
            font-size      : 1.4rem;
            font-weight    : 900;
            letter-spacing : 1px;
            border-radius  : 10px;
            color          : white;
            text-align     : center;
            text-transform : uppercase;
            &:hover {
                text-decoration : none;
                opacity         : .8;
                //padding : 8px 10px !important;
            }
        }
        li > a.submit {
            font-weight    : 900;
            width          : 100px;
            background     : $orng;
            letter-spacing : 3px;
            &:hover {
                opacity : .8;
            }
        }
    }
}

.transition-default {
    transition : all 0.3s;
}

div.error-message-fancybox.fancybox-content {
    background : #ffe3e3;
    p {
        font-weight : 600;
        font-size   : 1.8rem
    }
}

div#aba-help {
    div.aba-help {
        display        : flex;
        flex-direction : column;
        align-items    : center;
        a.toggle-aba-help {
            margin        : 15px 0;
            font-weight   : 600;
            color         : $primary;
            font-size     : 1.6rem;
            border-bottom : 1px dashed $primary;
            &:hover {
                text-decoration : none;
            }
        }
    }
    p {
        text-align : center;
        font-size  : 1.1rem;
        padding    : 15px;
    }
    img {
        width : 100%;
    }
    div#aba-help-fields {
        background    : #ecfff9;
        border        : 1px solid #d5e2cf;
        border-radius : 3px;
        padding       : 20px;
        label {
            color : $primary;
        }
        select {
            border-color : $orange;
            color        : $dark;
        }
    }
}

div.terms {
    p.terms {
        font-size : 1.1rem;
        padding   : 15px;
        a {
            text-decoration : none;
            border-bottom   : 1px $orange dashed;
            &:hover {
                text-decoration : none;
            }
        }
    }
}

div.sms-rules,
div#ajaxdata,
div.fancybox-content {
    max-width : 75%;
}

div#ajaxdata,
div.fancybox-content {
    overflow-y : auto;
    max-height : 75%;
    p {
        font-size : 1.6rem;
    }
}

div.email-sms > div {
    padding         : 15px;
    display         : flex;
    flex-direction  : row-reverse;
    justify-content : flex-end;
    align-items     : center;
    span {
        padding-left : 5px;
        text-align   : left;
        font-weight  : 200;
        font-size    : .9rem;
    }
    input {
        cursor : pointer;
    }
}

div.preloader_text {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    h4 {
        text-align : center;
        color      : white;
        display    : block;
        background : $orange;
        width      : 100%;
        padding    : 15px 0;
    }
    p.note {
        padding       : 5px 15px 10px 15px;
        font-size     : 1.4rem;
        color         : $blue;
        border-bottom : 1px solid $orange;
        line-height   : 1.8em;

    }
    span {
        font-weight : 600;
        display     : block;
        padding     : 10px;
        color       : $dark;
        text-align  : center;
    }
    div.interstitial_disclaimer {
        width         : 85%;
        display       : block;
        border-radius : 3px;
        border        : 1px solid #ececec;
        padding       : 15px;
        p {
            font-size : 1.2rem;
        }
    }
}

div.aftersending-message {
    h2 {
        color      : $orange;
        text-align : center;
    }
    p {
        padding : 15px;
    }
    div.banner-wrapper {
        display         : flex;
        flex-wrap       : wrap;
        justify-content : center;
    }
}

div.form_steps {
    input,
    select,
    input[type=email],
    input[type=text] {
        border-radius : 2px;
        border        : 2px solid $dark !important;
        &.valid.error, &.error {
            border : 2px solid $error !important;
        }
        &.valid {
            border : 2px solid $valid !important;
        }
    }
    div.row {
        padding-bottom : 20px;
    }
    .form_page_title {
        text-transform : uppercase;
        color          : $orange;
        font-weight    : 600;
        padding        : 15px 25px 0 0;
        text-align     : right;
        font-size      : 1.4rem;
        span {
            width         : 26px;
            height        : 26px;
            line-height   : 26px;
            text-align    : center;
            display       : inline-block;
            font-size     : 20px;
            color         : white;
            background    : $orange;
            border-radius : 25px;
            margin        : 0 auto 10px auto;
            z-index       : 1;
            position      : relative;
        }
    }
    div.steps {
        padding : 20px 0;
        ul {
            li.current {
                a {
                    font-weight : 600;
                }
            }
            li.done {
                a {
                    color : $light_green;
                    span.number {
                        background : $light;
                        color      : $light_green;
                    }
                    &:hover {
                        color : $black_green;
                    }
                }
                span.number.for-sm {
                    background : $light;
                    color      : $light_green;
                }
            }
        }
        ul > li {
            line-height     : 1.2 !important;
            list-style-type : none;
            color           : #565656;
            text-transform  : uppercase;
            font-size       : 10px;
            font-weight     : 500;
            text-align      : center;
            width           : 26.6666%;
            float           : left;
            position        : relative;
            letter-spacing  : 1px;
            background      : transparent !important;
            margin          : 0 !important;
            padding         : 0 !important;
            & > a {
                font-size : .8rem;
                display   : none;
            }
            span.number.for-sm {
                display : inherit;
            }
            a > span.number, span.number.for-sm {
                width         : 24px;
                height        : 24px;
                line-height   : 24px;
                text-align    : center;
                display       : block;
                font-size     : 12px;
                color         : white;
                background    : $orange;
                border-radius : 25px;
                margin        : 0 auto 10px auto;
                z-index       : 1;
                position      : relative;

            }
            a {
                color : $lightgrey;
            }
            &:after {
                content    : '';
                width      : 100%;
                height     : 1px;
                background : #d9cfcf;
                position   : absolute;
                left       : -50%;
                top        : 11px;
                z-index    : 0;
            }
            &:first-child {
                &:after {
                    height : 0;
                }
            }
        }
        ul {
            li.last {
                width : 20%;
                a { // result
                    color       : $light_green;
                    font-weight : 600;
                }
                &:after {
                    height : 0;
                }
                span.number {
                    background : transparent;
                    font-size  : 18px;
                    color      : $light_green;
                }
            }
        }
        ul > li.current {
            a {
                color : $dark;
                span.number {
                    background : $dark;
                }
            }
            span.number.for-sm {
                background : $dark;
            }
        }
        ul > li.current.error {
            a {
                background  : transparent;
                color       : $error;
                font-weight : 600;
                span.number {
                    background : $error;
                }
            }
            span.number.for-sm {
                background : $error;
            }
        }
    }
    div.content {
        padding : 15px;
        div.tr-control-label {
            text-align : center;
            color      : $blue;
        }
        div.dob > div {
            padding : 0 5px 0 0 !important;
            select {
                font-size : 1.3rem;
                padding   : 0 0 0 6px;
            }
        }
        select#tr_field_1_tr_loanamount {
            option[value^="500"],
            option[value^="1000"] {
                font-weight : 600;
                color       : black;
            }
        }
    }
    div.actions {
        background : $primary;
        padding    : 25px;
        > ul {
            padding         : 0 15px !important;
            margin          : 0;
            width           : 100%;
            display         : flex;
            justify-content : space-between;
            list-style      : none;
        }
    }
}

/* frontpage quick form */
div.quickform_container {
    margin          : 30px -15px 0 -15px;
    padding         : 0;
    display         : flex;
    justify-content : flex-start;
}

aside#secondary div.quickform_container,
div.lf_sm div.quickform_container {
    margin : 0;
    div.quickform {
        border : 2px solid $blue;
    }
}

div.lf_sm {
    margin-top    : 20px;
    margin-bottom : 20px;
}

div.quickform {
    display        : flex;
    flex-direction : column;
    align-items    : flex-start;
    padding        : 0;
    background     : white;
    max-width      : 380px;
}

div.quickform form {
    display        : flex;
    flex-direction : column;
    width          : 100%;

    input[type=email] {
        border        : 2px $primary solid;
        margin-bottom : 12px;
        border-radius : 25px;
    }
    input[type=submit] {
        border-radius : 0;
        font-weight   : 900;

    }
    input[type=text], select {
        border        : 2px $blue solid;
        margin-bottom : 12px;
        font-size     : 16px;
        border-radius : 25px;
    }
}

$darkred      : #6397e4;
$lt_blue      : #e1ffff;
div.form_header {
    text-align    : center;
    background    : $blue;
    color         : white;
    margin-bottom : 20px;

    h2 {
        font-size      : 26px;
        text-transform : uppercase;
        font-weight    : 900;
        padding        : 20px;
        color          : white;
        margin         : 0;
        text-align     : center;

        span {
            color : $primary;
        }
    }
}

ul.form_ribbons {
    text-align    : left;
    margin-bottom : 0;
    padding       : 0 !important;
    li {
        color            : white;
        background-image : $gradient_1;
        padding          : 3px 10px 3px 15px;
        margin           : 15px 0;
        width            : 100%;
        font-size        : 16px;
        font-weight      : 700;
        position         : relative;
    }
}

ul.checkboxes {
    margin-bottom : 15px;
    padding       : 0 15px;

    li {
        font-weight : 600;
        font-size   : 13px;
        text-align  : left;
        padding     : 0 0 0 20px;
        margin      : 10px 0;
        list-style  : none;

        &:before {
            position : absolute;
            left     : 0;
            top      : -1;
            //background-image : url(../images/tick.png);
            display  : block;
            width    : 20px;
            height   : 20px;
            content  : '';
        }
    }
}

div.form_body {
    padding : 0 15px;
    div.submit {
        text-align : center;
    }
    input#inputEmail {
        position : relative;
    }

    label#qf_email {
        position    : absolute;
        font-size   : 12px;
        font-weight : 600;
        font-family : $raleway;
        top         : -8px;
        left        : 15px;
        background  : white;
        padding     : 0 10px;
    }

    div.names {
        display        : flex;
        flex-direction : column;
        align-content  : space-around;
        padding        : 10px 0 0 0;

        span.first_name {
            margin-bottom : 12px;
            /*margin-right: 10px;*/
        }
    }
}

input[type=submit].quickform {
    padding        : 8px 16px;
    background     : $red;
    color          : white;
    font-weight    : 900;
    font-size      : 1.6rem;
    text-transform : none;
    display        : block;
    width          : 100%;
    box-shadow     : 0 22px 20px -12px rgba(245, 113, 112, 0.35);
    border         : 2px solid transparent;

    &:hover {
        border     : 2px $red solid;
        color      : $red;
        background : transparent;
    }
}

input[type=submit], button, a.btn {
    max-width  : 570px;
    text-align : center;
}

$lt           : #f4fafa;
$border_lt    : #ebefef;

div.form_footer {
    margin-top : 35px;
    background : $lt;
    border-top : 1px solid $border_lt;
    padding    : 15px;
    text-align : center;
    color      : $primary;
    a {
        color           : $primary;
        text-decoration : underline;
    }
    p {
        padding : 0
    }
    p.secured {
        font-size : 14px;
    }
    p.pr_po {
        font-size : 12px;
    }
}

.hidden {
    display : none !important;
}

@media screen and (min-width : 380px) {
    div.quickform_container {
        padding      : 0;
        margin-left  : inherit;
        margin-right : inherit;
    }
}

@media screen and (min-width : 480px) {
    div.form_steps div.steps > ul > li {
        a {
            display : block;
        }
        span.number.for-sm {
            display : none;
        }
    }
}

@media screen and (min-width : 768px) {
    form#large_form {
        div.form_header {
            padding-top : 25px;
            p {
                font-size : 1.4rem;
            }
            h2, h1#form-title {
                font-size : 2.4rem;
            }
        }
    }
    div#aba-help {
        img {
            max-width : 500px;
        }
    }
}

@media screen and (min-width : 992px) {
    form#large_form {
        //max-width : 70%;
    }
}

/* LOADER */
div.ajaxloader {
    min-height      : 80px;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
}

.cssload-loader {
    position                 : relative;
    width                    : 10px;
    height                   : 10px;
    border-radius            : 10px;
    background-color         : $orange;
    transform-origin         : 50% 50%;
    -o-transform-origin      : 50% 50%;
    -ms-transform-origin     : 50% 50%;
    -webkit-transform-origin : 50% 50%;
    -moz-transform-origin    : 50% 50%;
    animation                : cssload-loader 0.85s ease-in-out infinite;
    -o-animation             : cssload-loader 0.85s ease-in-out infinite;
    //-ms-animation: cssload-loader 0.85s ease-in-out infinite;
    -webkit-animation        : cssload-loader 0.85s ease-in-out infinite;
    -moz-animation           : cssload-loader 0.85s ease-in-out infinite;
}

.cssload-loader:before {
    content          : "";
    position         : absolute;
    background-color : $light_green;
    top              : 0;
    left             : -21px;
    height           : 10px;
    width            : 10px;
    border-radius    : 10px;
}

.cssload-loader:after {
    content          : "";
    position         : absolute;
    background-color : $light_green;
    top              : 0;
    left             : 21px;
    height           : 10px;
    width            : 10px;
    border-radius    : 10px;
}

@keyframes cssload-loader {
    0% {transform : rotate(0deg);}
    50% {transform : rotate(180deg);}
    100% {transform : rotate(180deg);}
}

@-o-keyframes cssload-loader {
    0% {-o-transform : rotate(0deg);}
    50% {-o-transform : rotate(180deg);}
    100% {-o-transform : rotate(180deg);}
}

@-ms-keyframes cssload-loader {
    0% {-ms-transform : rotate(0deg);}
    50% {-ms-transform : rotate(180deg);}
    100% {-ms-transform : rotate(180deg);}
}

@-webkit-keyframes cssload-loader {
    0% {-webkit-transform : rotate(0deg);}
    50% {-webkit-transform : rotate(180deg);}
    100% {-webkit-transform : rotate(180deg);}
}

@-moz-keyframes cssload-loader {
    0% {-moz-transform : rotate(0deg);}
    50% {-moz-transform : rotate(180deg);}
    100% {-moz-transform : rotate(180deg);}
}

// FOOTER

#wrapper-footer {
    background : var(--primary);
    .site-info a {
        color           : $lt_blue;
        text-decoration : underline;
    }
}


// DC
$lightgrey    : #a0a0a0;
$light        : #dcefe8;
$red          : #e46c63;
$darkred      : #6397e4;
$lt_blue      : #e1ffff;
$error        : #f83c2d;
$blue         : #2d4f6f;
$lt_orange    : #EED1C2;
$orange       : #ee895b;
$black_green  : #032626;
$light_green  : #FD7E14;
$primary      : $light_green;
$green2       : #ffa156;
$white        : #fff !default;
$gray-100     : #f8f9fa !default;
$gray-200     : #e9ecef !default;
$gray-300     : #dee2e6 !default;
$gray-400     : #ced4da !default;
$gray-500     : #adb5bd !default;
$gray-600     : #6c757d !default;
$gray-700     : #495057 !default;
$gray-800     : #343a40 !default;
$gray-900     : #212529 !default;
$black        : #000 !default;

$grays        : () !default;
$grays        : map-merge(
        (
            "100": $gray-100,
            "200": $gray-200,
            "300": $gray-300,
            "400": $gray-400,
            "500": $gray-500,
            "600": $gray-600,
            "700": $gray-700,
            "800": $gray-800,
            "900": $gray-900
        ),
        $grays
);

$blue         : #3490DE !default;
$indigo       : #6610f2 !default;
$purple       : #6f42c1 !default;
$pink         : #e83e8c !default;
$red          : #dc3545 !default;
$orange       : #198c8c !default;
$yellow       : #ffc107 !default;
$green        : #28a745 !default;
$teal         : #20c997 !default;
$cyan         : #17a2b8 !default;

$colors       : () !default;
$colors       : map-merge(
        (
            "blue": $blue,
            "indigo": $indigo,
            "purple": $purple,
            "pink": $pink,
            "red": $red,
            "orange": $orange,
            "yellow": $yellow,
            "green": $green,
            "teal": $teal,
            "cyan": $cyan,
            "white": $white,
            "gray": $gray-600,
            "gray-dark": $gray-800
        ),
        $colors
);

$primary      : $orange !default;
$secondary    : $blue !default;
$success      : $green !default;
$info         : $cyan !default;
$warning      : $yellow !default;
$danger       : $red !default;
$light        : $gray-100 !default;
$dark         : $gray-800 !default;

$theme-colors : () !default;
$theme-colors : map-merge(
        (
            "primary": $primary,
            "secondary": $secondary,
            "success": $success,
            "info": $info,
            "warning": $warning,
            "danger": $danger,
            "light": $light,
            "dark": $dark
        ),
        $theme-colors
);

$light_orange : #ffbc81;
$gradient_1   : linear-gradient(90deg, $primary 0%, $light_orange 100%);


$raleway      : 'raleway', sans-serif;
$gradient_1   : linear-gradient(90deg, $primary 0%, $green2 100%);
$lato         : 'Lato', sans-serif;

div#regions_menu_container {
    margin  : 25px auto;
    padding : 10px 0 0 0;
    //max-height : 400px;
    //max-width  : 380px;
    //overflow-x : scroll;
    ul.states_list {
        display        : flex;
        flex-direction : column;
        list-style     : none !important;
        padding        : 0;
        margin         : 0;
        li[id^="region_"] > div.cont {
            background    : $lt;
            border-radius : 20px;
            padding       : 15px;
            height        : 100%;
            border        : 1px solid $border_lt;
        }
        li {
            padding : 10px;
            a {
                padding        : 2px 0;
                color          : $blue;
                font-weight    : 900;
                text-transform : uppercase;
                word-break     : normal;
            }

            span.top_city {
                display      : block;
                padding-left : 5px;

                a {
                    background     : none;
                    font-size      : 16px;
                    text-transform : none;
                    color          : $black_green;
                    font-weight    : 400;

                    &:hover {
                        text-decoration : underline;
                    }

                    &:before {
                        border : none;
                    }
                }
            }
        }
    }
}

/*
.regions_menu {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    padding: 0;
    margin-bottom: 4em;
}

.regions_menu ol ol,
.regions_menu ul {
    margin: 0 0 0 2em;
}

.regions_menu a {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #93C775;
    color: #000;
    text-decoration: none;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: 10em;
    transition: all .2s ease-in-out;
}

.regions_menu a:hover {
    background: #d6d4d4;
    text-decoration: none;
    transform: scale(1.1);
}

.regions_menu a:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #93C775;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    color: #FFF;
}
*/

div.cities_container_cities_list,
div.companies_list {
    margin           : 0 auto;
    padding          : 10px;
    background-color : #fcffee;
    border           : 1px solid $red;
    border-radius    : 6px;

    a[id^="showmore_"] {
        max-width     : var(--responsive--aligndefault-width);
        display       : inline-block;
        text-align    : center;
        margin        : 15px auto;
        font-weight   : 600;
        color         : $black_green;
        border-bottom : 1px dotted #777;
    }

    input.zipcode {
        border-color  : $black_green;
        margin-bottom : 10px;
        font-size     : 1.6rem;
        color         : $red;
        font-weight   : 600;
    }

    div.ajax_zip_results {
        span {
            color         : red;
            display       : block;
            width         : 100%;
            text-align    : center;
            padding       : 5px;
            border-bottom : 1px solid #dddddd;

            i {
                padding-right : 10px;
            }
        }

    }

    ul.ajax_search_result {
        padding       : 5px 0 15px 0 !important;
        margin-bottom : 15px;
        border-bottom : 1px solid #dddddd;

        li > a {
            color : $red;
        }
    }

    div.list_control {
        a {
            color   : $blue;
            padding : 0 15px;
        }
    }

}

.hidden {
    display    : none;
    visibility : hidden;
}

.single #primary ul#cities_menu.cities_list {
    max-height      : 260px;
    overflow-y      : scroll;
    list-style-type : none !important;
    padding         : 0;
    transition      : max-height .5s ease-out;
    border-bottom   : 1px solid #dddddd;
    a {
        text-decoration : none;
        display         : block;
        color           : $red;
    }

    li, p {
        padding : 3px;
        display : inline-block;
        width   : 50%;

        &:hover {
            background-color : $light;
            position         : relative;

            a {
                color : darkred;
            }
        }
    }
    li.large > a {
        text-transform : uppercase;
        font-weight    : 600;
    }
}

.cities_list.expand {
    max-height : inherit;
}

/*
span.reg_code {
    margin-left: 5px;
    font-weight: 600;
    color: darkblue;
    font-size: small;
}


/*
ul.states_list li {
    margin: 3px;
    padding: 10px 0;
    border: 1px solid #e2e2ff;
    text-align: center;

    span.top_city {
        text-align: left;
        display: block;
        margin: 5px 5px;
        padding-left: 10px;
        font-size: smaller;

        a {
            color: #423964;

            &:hover {
                text-decoration: underline;
            }
        }
    }
}
*/

input.zipcode.is-active {
    //background              : url("../images/ajaxloader.gif") 98% center #ffffff no-repeat;
    -webkit-background-size : 16px;
    background-size         : 16px;
}

ul.ajax_search_result {
    display    : block;
    padding    : 5px 15px;
    list-style : none;

    li {
        display       : inline-block;
        margin        : 3px;
        padding-right : 10px;
        line-height   : inherit;

        &:hover {
            background : #fff;
        }
    }
}

ul.list-style-none {
    list-style : none !important;
}

/* KVG */
div.companies_list {
    display       : block;
    background    : $light;
    border        : 1px solid #dadfe5;
    border-radius : 20px;
    padding       : 15px;
    margin        : 25px 0;

    ul.list-style-none {
        padding : 0 !important;
        li.header {
            text-transform : uppercase;
            padding-top    : 15px;

            h4 > a, a.company_page, h2, h3, h4 {
                font-size   : 1.4rem;
                font-weight : 900;
                color       : $blue;
            }
            a {
                font-size : 1.4rem;
            }
        }
        li.company_address {
            display        : flex;
            flex-direction : column;
            border         : 1px solid #eee2de;
            border-radius  : 8px;
            overflow       : hidden;
        }
        li.header:first-of-type {
            border-top : none;
            padding    : 0 0 0 10px;
        }

        li.city {
            padding : 3px;
            a {
                color : $blue;
            }
        }

    }
}

div.related-post.related_cic {
    ul.article-wrap {
        list-style : none !important;
        li {
            padding-bottom : 5px;
            a {
                font-size      : 1.8rem;
                color          : $red;
                font-weight    : 600;
                text-transform : uppercase;
            }
        }
    }
}

div.general_info {
    padding-left : 15px;
    border-left  : 2px $light_green solid;
    color        : $black_green;
}

ul.parent_company {
    li.header {
        cursor       : pointer;
        padding-left : 10px;
        transition   : background-color .2s ease-in-out, padding-left .2s ease-in-out;

        &:hover {
            background-color : #fff0e9;
            padding-left     : 12px;
        }
    }

    li.header.opened h3,
    li.header.opened h4 {
        color : $blue !important;
    }

    li.city {
        display : none;
    }

    li.city.visible {
        display : block;
        margin  : 10px 5px !important;
    }
}

/* frontpage region list */
div#regions_menu_container.frontpage_states_list {
    border-radius  : 20px;
    background     : #EBF3FA;
    padding        : 15px;
    margin         : 30px 0;
    display        : flex;
    flex-direction : column;

    div.regions_menu_title h2 {
        font-size      : 26px;
        text-transform : uppercase;
        font-weight    : 900;
        padding        : 15px;
        color          : $dark;
        margin         : 0;
        text-align     : left;
    }
    ul {
        list-style-type : none;
        padding-left    : 0;
        margin          : 0;
        li {
            display : inline-block;
            width   : 50%;
            a {
                color   : $dark;
                display : block;
                &:hover {
                    color           : $blue;
                    text-decoration : underline;
                }
            }
        }
    }
}

aside#nav_menu-2 {
    background    : #ebeef1;
    border        : 1px solid #dfe5ea;
    border-radius : 20px;
    padding       : 15px;
    h3.widget-title {
        font-weight    : 900;
        text-transform : uppercase;
        font-size      : 1.6rem;
        padding        : 15px;
    }
    ul {
        list-style   : none;
        padding-left : 0;
        margin-left  : 0;

    }
}

.entry-content h2 {
    color : $blue;
}

aside#secondary section div#regions_menu_container.frontpage_states_list ul {
    column-count    : inherit;
    display         : flex;
    flex-wrap       : wrap;
    justify-content : center;
    li {
        width          : 50%;
        padding-bottom : 15px;
        a {
            color   : $orange;
            padding : 0;
            &:hover {
                background : #fff2f2;
            }
        }
    }
}

/* frontpage top cities */
div.top_cities_container_top_cities_list {
    background    : #e8fff6;
    border-radius : 20px;
    border        : 1px solid #c9eade;
    margin        : 30px 0;

    div.top_cities_title {
        font-weight    : 600;
        text-transform : uppercase;
        padding        : 0;
        font-size      : 1.8rem;
        color          : $blue;
    }
    div.search_zip {
        //padding    : 35px 15px;
        padding : 0 15px;
        label {
            font-size : 1.6rem;
            color     : $blue;
        }
        input#zipcode {
            border : 2px $blue solid;
        }
        .ajax_search_result {
            //column-count : 2;
            padding : 5px 0 !important;
            li {
                background    : $primary;
                padding       : 5px 15px;
                border-radius : 26px;
                a {
                    color : white;
                }
            }
            li.disabled_msg {
                padding : 0 0 0 25px !important;
                span {
                    font-weight : 600;
                }
            }
            li.disabled, li.disabled_msg {
                background : transparent;
                color      : $blue;
                font-style : italic;
                padding    : 0;
            }
            li.disabled:after {
                content : ', ';
            }
            li.disabled:last-child:after {
                content : '';
            }
        }
    }
    ul.top_cities_list,
    ul.top50plus {
        //padding      : 25px 0 0 0;
        padding         : 0 !important;
        list-style      : none !important;
        display         : flex;
        flex-wrap       : wrap;
        justify-content : center;
        li {
            width : 50%;
            a {
                display     : block;
                margin      : 3px;
                padding     : 15px;
                color       : $dark;
                font-weight : 600;
            }
        }
    }
    ul.top50plus {
        margin-top : 10px;
    }
    div#top_cities_showmore,
    div#top_cities_showless {
        display         : flex;
        flex-direction  : column;
        justify-content : center;
        align-items     : center;
        color           : $secondary;
        font-weight     : 600;
        border          : 1px solid #ddf1ff;
        border-radius   : 0 0 6px 6px;
        padding         : 10px;
        cursor          : pointer;
        background      : #f4fbfc;
        transition      : background-color .2s ease-in-out;
        &:hover {
            background : white;
        }
    }
    ul.top50plus,
    div#top_cities_showless {
        //display : none;
    }
}

a.service_city_link { // ссылкав на город со страницы КВГ
    /*display        : block;
    width          : 100%;
    text-align     : center;
    background     : $light_green;
    color          : white;
    padding        : 15px;
    text-transform : uppercase;
    letter-spacing : 1px;
    border-radius  : 8px;
    border         : 2px white solid;
    font-size      : 1.6rem;
    &:hover {
        text-decoration : none;
        opacity         : .8;
        color           : white;
    }*/
}

a.via_shortcode {
    margin-bottom : 15px;
}

p > a.service_city_link {
    color            : white;
    background-image : linear-gradient(90deg, #15B7B9 0%, #10c8ac 100%);
    padding          : 6px 18px 8px 15px;
    margin           : 15px 0;
    width            : 240px;
    display          : block;
    font-size        : 16px;
    font-weight      : 700;
    box-sizing       : content-box;
    position         : relative;
    text-transform   : uppercase;
    &:after {
        content       : "";
        position      : absolute;
        top           : 0;
        right         : 0;
        width         : 0;
        height        : 0;
        border-right  : 10px solid #e7f3f3;
        border-top    : 18px solid transparent;
        border-bottom : 20px solid transparent;
    }
}

.strong {
    font-weight : bold;
}

@media screen and (min-width : 480px) { // 480+
    .single #primary ul#cities_menu.cities_list {
        max-height : 330px;
        li, p {
            width : 33%;
        }
    }
    /* frontpage region list */
    div#regions_menu_container.frontpage_states_list {
        ul li {
            width : 33%;
            & > a {
                padding-left : 15px;
            }
        }
    }

    div.top_cities_container_top_cities_list {
        div.top_cities_title {
            padding    : 15px;
            text-align : center;
        }
        div.search_zip {
            padding : 15px;
        }
        ul.top_cities_list li,
        ul.top50plus li {
            width : 33%;
        }
    }
    aside#secondary section div#regions_menu_container.frontpage_states_list ul li {width : 33%;}

}

@media screen and (min-width : 600px) {
    div.companies_list {
        div.company_address {
            padding-bottom : 15px;
        }
        div.info {
            padding-left : 15px;
        }
    }
}

@media screen and (min-width : 768px) { // 768+
    div#regions_menu_container {
        max-height : inherit;
        max-width  : inherit;
        overflow-x : inherit;
        ul.states_list {
            display        : flex;
            flex-direction : row;
            flex-wrap      : wrap;
            padding        : 20px !important;
            li {
                width : 25%;
            }
        }
    }
    .single #primary ul#cities_menu.cities_list {
        li, p {
            width : 25%;
        }
    }
    /* frontpage region list */
    div#regions_menu_container.frontpage_states_list {
        ul li {
            width : 25%;
        }
    }
    div.top_cities_container_top_cities_list ul.top_cities_list li, div.top_cities_container_top_cities_list ul.top50plus li,
    aside#secondary section div#regions_menu_container.frontpage_states_list ul li {
        width : 25%;
    }
    div.companies_list {
        li.company_address {
            flex-direction : row !important;
            div.mapouter,
            div.gmap_canvas {
                width  : 300px !important;
                height : 100%;
            }
        }
    }
}

@media screen and (min-width : 991px) {
    /* frontpage region list */

    div.top_cities_container_top_cities_list ul.top_cities_list li, div.top_cities_container_top_cities_list ul.top50plus li {
        width : 20%;
    }
    div#regions_menu_container.frontpage_states_list ul li {width : 50%;}
}