/* /modules/bootstrap/css/bootstrap.css*/
*, ::after, ::before
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

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

body {
    margin: 0;
    background-color:#fff;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: .5px;
    color: #333;
}

[hidden], template {
    display:none
}

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

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

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

a {
    color: #337ab7;
    text-decoration:none
}

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

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

figure {
    margin:0
}

img {
    vertical-align:middle
}

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

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

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

[role="button"] {
    cursor:pointer
}

p {
    margin: 0 0 10px;
    line-height: 1.55;
}

a {
    background-color:transparent
}

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

b, strong {
    font-weight:700
}

h1 {
    margin: .67em 0;
    font-size:32px;
    line-height: 36px;
}

h2 {
	margin: .64em 0;
    font-size: 28px;
    line-height: 32px;
}

h3 {
    margin: .62em 0;
    font-size: 25px;
    line-height: 29px;
}

h4 {
    margin: .60em 0;
    font-size: 22px;
    line-height: 26px;
}

h5 {
    margin: .58em 0;
    font-size: 20px;
    line-height: 24px;
}

h6 {
    margin: .58em 0;
    font-size: 18px;
    line-height: 22px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:600;
}

blockquote {
    background: #e9f6ff;
    padding: 5px;
    margin: 20px 0 10px 10px;
    border-left: 5px solid #206fac;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    line-height: 22px;
    letter-spacing: .5px;
}

.taxi-h2 {
    font-size: 24px !important;
    line-height: 28px;
    color: #323232;
    font-weight: 600;
    text-align: center;
    margin: 5px 0;
}

.taxi-h3 {
    font-size: 22px !important;
    line-height: 26px;
    color: #323232;
    font-weight: 600;
    text-align: center;
    margin: 5px 0;
}

.taxi-h4 {
    font-size: 20px !important;
    line-height: 24px;
    color: #323232;
    font-weight: 600;
    margin: 5px 0;
}

.taxi-h5 {
    font-size: 20px !important;
    line-height: 24px;
    color: #323232;
    font-weight: 600;
    margin: 5px 0;
}

.taxi-h6 {
    font-size: 18px !important;
    line-height: 22px;
    color: #323232;
    font-weight: 600;
    margin: 5px 0;
}

.article-page {
    line-height: 1.6;
    margin-bottom: 30px;
}

.article-page h2 {
    color: #2c3e50;
    border-bottom: 2px solid #3498db;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.article-page h3 {
    color: #34495e;
    margin-top: 25px;
    margin-bottom: 15px;
}

.article-page h4 {
    color: #7f8c8d;
}

img {
    border:0
}

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

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

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

button {
    overflow:visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height:normal
}

textarea {
    overflow:auto
}

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

td, th {
    padding: 0
}

ol, ul {
    padding-left: 3rem;
    margin: 10px 0;
}

ol li {
        margin: 0 0 5px;
    }

ul li {
        margin: 0 0 5px;
    }

ul li::marker {
    font-size: 1.9rem;
}

/* ===== ШАПКА САЙТА ===== */
.site-header {
    background: #fff;
    padding: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

/* ЛОГОТИП */
.logo {
    display: flex;
    align-items: center;
}

.cont-logotip {
    padding: 15px 0;
}

.logotip {
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
    transition: opacity 0.3s;
}

.logotip:hover {
    opacity: 0.9;
}

.logotip img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.logotip div {
    display: flex;
    flex-direction: column;
    font-size: 24px;
    font-weight: 900;
    color: #282828;
}

.logotip div:first-child {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.logotip small {
    font-size: 14px;
    font-weight: 500;
    opacity: 0.8;
}

/* НАВИГАЦИЯ */
.menu-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-items {
    display: flex;
    align-items: center;
    gap: 20px;
}

.menu-item-element {
    display: flex;
    align-items: center;
}

.menu-btn {
    position: relative;
}

.menu-btn a {
    display: inline-block;
    padding: 10px 20px;
    background: #007dd9;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.menu-btn a:hover {
    background: #00508b;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}

/* МОБИЛЬНОЕ МЕНЮ */
.mobile-menu-open {
    display: none;
    cursor: pointer;
    padding: 8px;
    margin-left: 10px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    transition: background 0.3s;
}

.mobile-menu-open:hover {
    background: rgba(255, 255, 255, 0.2);
}

.mobile-menu-open svg {
    width: 24px;
    height: 24px;
    fill: white;
}

/* МОБИЛЬНОЕ МЕНЮ (РАСКРЫТОЕ) */
.mobile-menu {
    display: none;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    background: #283593;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    z-index: 999;
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mobile-menu.active {
    display: block;
}

.mobile-menu-items {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mobile-menu-item {
    display: block;
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    transition: all 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.mobile-menu-item:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    text-decoration: none;
}

/* ДЕСКТОПНЫЕ КНОПКИ */
.m-d-none {
    display: flex;
}

/* АДАПТИВНОСТЬ */
@media (max-width: 768px) {
    .site-header {
        padding: 0;
    }
    
    .logotip img {
        width: 35px;
        height: 35px;
        margin-right: 12px;
    }
    
    .logotip div:first-child {
        font-size: 18px;
    }
    
    /* Скрываем десктопные кнопки на мобильных */
    .m-d-none {
        display: none;
    }
    
    /* Показываем кнопку мобильного меню */
    .mobile-menu-open {
        display: block;
    }
    
    .menu-items {
        gap: 10px;
    }
    
    .menu-btn a {
        padding: 8px 15px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .cont-logotip {
        padding: 12px 0;
    }
    
    .logotip img {
        width: 32px;
        height: 32px;
        margin-right: 10px;
    }
    
    .logotip div:first-child {
        font-size: 16px;
    }
    
    .mobile-menu-open {
        padding: 6px;
    }
    
    .mobile-menu-open svg {
        width: 20px;
        height: 20px;
    }
}

/* ===== Форма поиска ===== */
    #city_filter_form {
        display: flex;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        gap: 10px;
        align-items: flex-start;
        flex-wrap: wrap;
        position: relative;
    }

    .form-group {
        position: relative;
        flex: 1;
        min-width: 110px;
    }

    .city_input_wrapper {
        position: relative;
    }

    .city_input {
        width: 100%;
        padding: 12px 40px 12px 15px;
        border: 2px solid #ddd;
        border-radius: 8px;
        font-size: 16px;
        box-sizing: border-box;
        transition: all 0.3s ease;
        background: white;
        color: #080808;
        height: 48px;
    }

    .city_input:focus {
        outline: none;
        border-color: #4a90e2;
        box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
    }

    .city_input.valid {
        border-color: #36b37e;
    }

    .city_input.error {
        border-color: #ff5630;
    }

    .clear_btn {
        position: absolute;
        right: 12px;
        top: 40%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background: none;
        border: none;
        cursor: pointer;
        opacity: 0.6;
        transition: opacity 0.2s;
        padding: 0;
        display: none;
    }

    .clear_btn:hover {
        opacity: 1;
    }

    .clear_btn::before,
    .clear_btn::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 14px;
        height: 2px;
        background: #666;
        border-radius: 1px;
    }

    .clear_btn::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .clear_btn::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .autocomplete_dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        border: 1px solid #ddd;
        border-top: none;
        border-radius: 0 0 8px 8px;
        max-height: 300px;
        overflow-y: auto;
        z-index: 1000;
        box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        display: none;
        animation: fadeIn 0.2s ease;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .autocomplete_item {
        padding: 12px 15px;
        cursor: pointer;
        transition: background-color 0.2s;
        border-bottom: 1px solid #f0f0f0;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .autocomplete_item:last-child {
        border-bottom: none;
    }

    .autocomplete_item:hover,
    .autocomplete_item.active {
        background-color: #f5f9ff;
    }

    .city_name {
        font-weight: 500;
        color: #333;
    }

    .city_region {
        font-size: 12px;
        color: #666;
        opacity: 0.8;
    }

    .loading_indicator {
        padding: 15px;
        text-align: center;
        color: #666;
        font-style: italic;
    }

    .no_results {
        padding: 15px;
        text-align: center;
        color: #999;
    }

    .btn_search {
        padding: 0 30px;
        background: linear-gradient(135deg, #ffd067 0%, #edc500 100%);
        color: #181818;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        white-space: nowrap;
        height: 48px;
        min-width: 150px;
        flex-shrink: 0;
    }

    .btn_search:hover:not(:disabled) {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
    }

    .btn_search:active:not(:disabled) {
        transform: translateY(0);
    }

    .btn_search:disabled {
        opacity: 0.9;
        cursor: not-allowed;
        background: linear-gradient(135deg, #ffd067 0%, #edc500 100%);
    }

    .input_hint {
        position: absolute;
        bottom: -20px;
        left: 0;
        font-size: 12px;
        color: #999;
        opacity: 0;
        transition: opacity 0.3s;
        pointer-events: none;
    }

    .city_input:focus + .input_hint {
        opacity: 1;
    }

    @media (max-width: 768px) {
        #city_filter_form {
            flex-direction: column;
            gap: 10px;
            margin-bottom: 20px;
        }
        
        .form-group {
            width: 100%;
            margin: 5px 0;
        }
        
        .btn_search {
            width: 100%;
            min-width: auto;
        }
    }

    /* Стили для результатов поиска */
    .city_icon {
        width: 20px;
        height: 20px;
        background: #667eea;
        border-radius: 50%;
        flex-shrink: 0;
        position: relative;
    }

    .city_icon::before {
        content: '📍';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 12px;
    }

.site-header-inner, .site-footer-inner {
    margin: 0 auto;
    max-width: 1200px;
    display: flow-root;
}

.breadcrumb {
    font-size: 16px;
    line-height: 18px;
    color: var(--text-grey);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
    list-style: none;
	margin: 20px 0;
	padding: 0;
	
	overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: thin;
    scrollbar-color: var(--bs-border-width) solid;
}

.breadcrumb img {
    height: 20px;
}

.breadcrumb li:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
}

.breadcrumb li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: url(/img/right-arrow.png) 0 0 no-repeat;
    background-size: contain;
}

.hero {
    padding: 60px 0;
    background: linear-gradient(135deg, #0071e3 0%, #0071e3 100%);
    color: white;
}

.entry-header, .container {
    max-width: 1200px;
    margin: 0 auto;
}

.entry-header {
    display: flex;
    justify-content: space-between;
}

.entry-title, .p-title {
    font-size: 34px;
    font-weight: 700;
    line-height: 36px;
    margin: 0 0 10px;
}

.h-left {
    width: 60%;
}

.h-right {
    display: flex;
    width: 35%;
    gap: 34px;
    justify-content: flex-end;
}

.messengers {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
    margin-top: 15px;
}

.messenger {
    flex: 1 0 calc(50% - 10px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff !important;
    font-size: 20px;
    line-height: 2;
    white-space: nowrap;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
    min-width: 0;
}

.telegram {
    background: #2aabee;
    border-radius: 10px;
}

.whatsapp {
    background: #25d366;
    border-radius: 10px;
}

.taxi-facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
    margin: 10px 0;
}

.fact-item {
    background: #ffffff54;
    font-size: 18px;
    line-height: 22px;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fact-item::before {
    content: "✓";
    background: #fff;
    color: #1d1d1f;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.nomers {
	display: block;
    margin: 0 0 10px;
}

.page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0 auto;
    max-width: 1200px;
}

.page-content {
        -ms-flex: 0 0 70.666667%;
        flex: 0 0 70.666667%;
        max-width: 70.666667%;
		padding-right: 15px;
		margin-top: 20px;
    }

aside {
        -ms-flex: 0 0 29.333333%;
        flex: 0 0 29.333333%;
        max-width: 29.333333%;
		padding-left: 10px;
    }

.card {
    box-shadow: inset 0 0 0 1px #ccd6e4;
    border-radius: 8px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-decoration: none;
    background: #fff;
    cursor: pointer;
}

ul.taxi-info {
	display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    font-size: 14px;
	padding: 5px 10px;
    margin: 0;
    border-top: 1px solid #e5e5e5;
    list-style: none;
}

ul.taxi-info li {
    margin: 0;
}

.card_description {
    overflow: hidden;
    color: #2f353f;
}

.card_description span:not(:last-child) {
    margin-right: 18px;
}

.card_description span {
    margin-left: -12px;
    padding-left: 12px;
}

.card_description span::before {
    margin-right: 6px;
    margin-left: -12px;
    content: '•';
    color: #8e9aad;
}

.img {
    position: relative;
    background: #000;
}

.ava {
    position: relative;
}

.taxi-img {
	width: auto;
    height: 160px;
}

.taxi-ava {
	width: auto;
    height: 160px;
    border-radius: 20px;
}

@media (max-width: 1240px) {
.site-header-inner, .entry-header, .container, .page {
        padding: 0 15px;
}
.page-content, aside {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    
}

.hero {
    padding: 20px 0;
}

.entry-header {
        margin-bottom: 40px;
        margin-bottom: 0px;
        display: block;
}

.city-cart {
        background: #fff;
        color: #000;
        border-radius: 15px;
        padding: 15px;
        width: 50%;
    }
    
.entry-title, .p-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 10px;
    text-align: center;
}

.h-left {
    width: 100%;
}

.h-right {
    display: flex;
    gap: 10px;
    width: 100%;
	width: 100%;
	text-align: center;
	justify-content: center;
}

.card {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.img {
    height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.taxi-img {
    width: 100% !important;
    height: unset !important;
}

ul.taxi-info {
    gap: 15px;
}

.phone {
    margin-top: 15px;
}
}

@media (max-width: 992px) {
.page-content, aside {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    
}

.hero {
    padding: 20px 0;
}

.entry-header {
        margin-bottom: 40px;
        margin-bottom: 0px;
        display: block;
}

.city-cart {
        background: #fff;
        color: #000;
        border-radius: 15px;
        padding: 15px;
        width: 50%;
    }
    
.entry-title, .p-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
}

.h-left {
    width: 100%;
}

.h-right {
    display: flex;
    width: 100%;
	width: 100%;
	text-align: center;
	justify-content: center;
}

.card {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.img {
    height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.taxi-img {
    width: 100% !important;
    height: unset !important;
}

.ava {
    height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

.taxi-ava {
    width: 100% !important;
    height: unset !important;
}

ul.taxi-info li {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.phone {
    margin-top: 15px;
}
}

@media (max-width: 768px) {
ul.taxi-info {
        gap: 5px;
}
ul.taxi-info li {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.company {
    display: block;
}
}

.header {
    text-align: center;
    margin: 30px 0;
}

.header h1 {
    font-size: 40px;
    word-wrap: break-word;
    line-height: 40px;
    letter-spacing: 2px;
}

.new-companies {
    margin: 30px 0;
}

.new-companies .items-list {
    margin-top: 15px;
}

.new-companies .items {
    padding: 15px;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.new-companies .author a {
    color: #1a73e8;
    font-size: 1.1em;
    text-decoration: none;
}

.new-companies .info {
    margin: 10px 0;
    color: #666;
    font-size: 0.9em;
}

.new-companies .rating {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 10px 0;
}

.new-companies .rating img {
    width: 20px;
    height: 20px;
}

.new-companies .text {
    margin-top: 10px;
}

.company {

}

.no-companies {
    color: #666;
    text-align: center;
    padding: 20px;
}
    
.reviews-section {
    margin: 40px 0;
    border-radius: 10px;
}

.review-item {
    margin: 20px 0;
    padding: 15px;
    background: white;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.review-header h3 {
    margin: 0;
    font-size: 18px;
    color: #333;
}

.rating-block {
    min-width: 100px;
}

.review-date {
    color: #666;
    font-size: 14px;
}

.review-text {
    color: #444;
    line-height: 1.5;
}    

.img-taxi {
    float: left;
    padding: 0 20px 0 0;
}

.cont-logotip > a:hover, a:focus, a:active {
    color: #6c6c6c !important;
    text-decoration: none  !important;
}

.lkabimet {
    background: #f1f1f1;
    width: 100%;
    display: flex;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid #d7d7d7;
}

.new-taxi, .vhod-lk{
    display: block;
    padding: 10px;
    text-align: center;
    width: 50%;
}

.new-taxi {
    border-right: 1px solid #d7d7d7;
}

.vhod-lk{
    border-left: 1px solid #d7d7d7;
}

.ads-t {
    min-height: 250px;
}

.direction {
    background-color: #b2d9ff;
    border-radius: 4px;
    padding: 2px 5px;
}

.work {
    background-color: #caebca;
    border-radius: 4px;
    padding: 2px 5px;
}

.wrapper {
    margin-top: 20px;
}

.list {
    text-align: center;
}

.list h3 {
    margin: 20px 0 10px 0;
    font-size: 28px;
    background: #ffde02;
    padding: 10px;
    display: inline-block;
}

.list ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.list ul li {
    width: 25%;
    vertical-align: middle;
    padding: 0 5px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.list li a {
    font-family: 'PFDinTextCompProRegular', sans-serif;
    font-size: 14px;
    color: #363636;
    display: block;
    padding: 4px 3px;
    border: 1px dotted #848484;
    text-align: center;
    border-radius: 1px;
    background: #f1f1f1;
    text-decoration: none;
    margin-bottom: 0px;
}

.list li a:hover {
    color: #000000 !important;
    background: #ffcd00;
    border: none;
}

.row-wrap {
    margin-top: 10px;
}

.mezhgorod_item {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 10px 0;
}

.col-wrap {
    border: 1px solid #c9c9c9;
    padding: 5px;
    margin: 10px 0;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: 10px;
}

@media (max-width: 600px) {
.row {
    display: block;
}

.row-wrap {
    display: block;
}

.col {
    width: 100% !important;
    margin-bottom: 20px;
}

.col-wrap {
    width: 100% !important;
    margin-bottom: 20px;
}

.col-par {
    width: 100% !important;
    margin-bottom: 20px;
}

.mezhgorod_item {
    text-align: center;
}

.mezhgorod_h3 {
    width: 100% !important;
    justify-content: center;
}

.mezhgorod_desc {
    width: 100% !important;
}

.mezhgorod_price {
    width: 100% !important;
}
}

.col-par {
    width: 30%;
    color: #ffffff;
    border-radius: 10px;
    text-align: center;
}

.adventages_par {
    background: #fff;
    border: 2px solid #ababab;
    border-radius: 7px;
}

.adventages_parametr {
    display: inline-flex;
    color: #494949;
    font-size: 20px;
    padding: 7px 0;
    font-weight: 600;
    border-radius: 7px;
    align-items: center;
}

.adventages_parametr svg {
    margin-right: 5px;
}

.mezhgorod_h3 {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin: 10px 0;
    padding: 5px;
    font-weight: 700;
    width: 30%;
}

.mezhgorod_desc {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    margin: 10px 0;
    padding: 5px;
    font-weight: 700;
    width: 30%;
}

.mezhgorod_price {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffe682;
    margin: 10px 0;
    padding: 5px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    width: 30%;
}

.adventages_rout {
    background: #ffde02;
    padding: 5px;
    font-size: 18px;
    font-weight: 700;
}

.adventages_param {
    font-size: 20px;
    padding: 20px 0;
}



.thumb {margin-bottom: 20px;box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .15) !important;border: 1px solid #c9c9c9;border-radius: 10px;}

@media (max-width: 480px) {
    .list ul li {
        width: 50%;
    }
}

@media (max-width: 250px) {
    .list ul li {
        width: 100%;
    }
}

@media print {
    *, * :before, * :after {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow:none !important
    }

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

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

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

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

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

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

    .navbar {
        display:none
    }

    .label {
        border:1px solid #000
    }

    .table {
        border-collapse:collapse !important
    }

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

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

.cities_list {
    display: flow-root;
    margin-top: 30px;
}

.query {
    width: 100%;
    background: #f4f4f4;
    border: none;
    padding-left: 28px;
    padding-right: 28px;
    color: #2c2c2c;
    float: left;
    clear: none;
    border-radius: 14px;
}

.searchbar {
    background: #e5e5e5;
    padding: 2px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: grid;
    border-radius: 7px;
}

.searchbar .query {
    height: 40px;
}

.searchbar .btn_submit {
    margin-left: -70px;
    width: 70px;
    height: 40px;
    background-size: 24px 24px;
}

.searchbar .btn_submit {
    float: right;
    display: block;
    border: none;
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHdpZHRoPSIyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMy4zMjIzNyAxOS4zOWMtNC40Mjk3NS00LjQyOTktNC40Mjk2Ni0xMS42Mzc3OCAwLTE2LjA2NzYyIDQuNDI5ODQtNC40Mjk4NCAxMS42Mzc2My00LjQyOTg0IDE2LjA2NzQzIDAgMy43NTgxIDMuNzU4MTEgNC4zMjczIDkuMzQ3NDIgMS43MDkgMTMuNzEyMDIgMCAwLS4xODguMzE1NS4wNjYuNTY5MyAxLjQ0OSAxLjQ0OSA1Ljc5NjUgNS43OTY2IDUuNzk2NSA1Ljc5NjYgMS4xNTM4IDEuMTUzNyAxLjQyODQgMi43NjY5LjQwNTMgMy43OTAybC0uMTc2Mi4xNzZjLTEuMDIzMSAxLjAyMzMtMi42MzY0Ljc0ODgtMy43OTAxLS40MDUgMCAwLTQuMzM4My00LjMzODQtNS43ODQ0LTUuNzg0NC0uMjY2Mi0uMjY2Mi0uNTgxNi0uMDc4MS0uNTgxNi0uMDc4MS00LjM2NDUgMi42MTgyLTkuOTUzODIgMi4wNDkxLTEzLjcxMTkzLTEuNzA5em0xMy45Njk5My0yLjA5NzZjMy4yNzMyLTMuMjczMiAzLjI3MzEtOC41OTkwMy0uMDAwMS0xMS44NzIyMy0zLjI3MzItMy4yNzMxLTguNTk5MDItMy4yNzMxOS0xMS44NzIxMyAwLTMuMjczMTkgMy4yNzMxMS0zLjI3MzE5IDguNTk5MDMgMCAxMS44NzIyMyAzLjI3MzIgMy4yNzMgOC41OTg5MyAzLjI3MyAxMS44NzIyMyAweiIgZmlsbD0iI2I0YjRiNCIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center center;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    transition: all 300ms;
}

.searchbar .btn_submit:hover, .searchbar .btn_submit:active {
    background-color: #FFDE02;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHdpZHRoPSIyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMy4zMjIzNyAxOS4zOWMtNC40Mjk3NS00LjQyOTktNC40Mjk2Ni0xMS42Mzc3OCAwLTE2LjA2NzYyIDQuNDI5ODQtNC40Mjk4NCAxMS42Mzc2My00LjQyOTg0IDE2LjA2NzQzIDAgMy43NTgxIDMuNzU4MTEgNC4zMjczIDkuMzQ3NDIgMS43MDkgMTMuNzEyMDIgMCAwLS4xODguMzE1NS4wNjYuNTY5MyAxLjQ0OSAxLjQ0OSA1Ljc5NjUgNS43OTY2IDUuNzk2NSA1Ljc5NjYgMS4xNTM4IDEuMTUzNyAxLjQyODQgMi43NjY5LjQwNTMgMy43OTAybC0uMTc2Mi4xNzZjLTEuMDIzMSAxLjAyMzMtMi42MzY0Ljc0ODgtMy43OTAxLS40MDUgMCAwLTQuMzM4My00LjMzODQtNS43ODQ0LTUuNzg0NC0uMjY2Mi0uMjY2Mi0uNTgxNi0uMDc4MS0uNTgxNi0uMDc4MS00LjM2NDUgMi42MTgyLTkuOTUzODIgMi4wNDkxLTEzLjcxMTkzLTEuNzA5em0xMy45Njk5My0yLjA5NzZjMy4yNzMyLTMuMjczMiAzLjI3MzEtOC41OTkwMy0uMDAwMS0xMS44NzIyMy0zLjI3MzItMy4yNzMxLTguNTk5MDItMy4yNzMxOS0xMS44NzIxMyAwLTMuMjczMTkgMy4yNzMxMS0zLjI3MzE5IDguNTk5MDMgMCAxMS44NzIyMyAzLjI3MzIgMy4yNzMgOC41OTg5MyAzLjI3MyAxMS44NzIyMyAweiIgZmlsbD0iIzMzMzMzMyIvPjwvc3ZnPg==);
}

.margin-min {
    margin: 0;
}

ul.main-city {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
}

ul.main-city a {
    font-weight: 500;
    border-radius: 15px;
    background: #ffd257;
    color: #3a3a3a;
    float: left;
    padding: 5px 10px;
    margin: 2px;
    text-align: center;
}

ul.main-city li:hover {
background: #ffeb55;
}

ul.main-city li a {
    color: #424242;
}

.taxi-service {
    border: 1px solid #ffcd00;
    padding: 20px 5px 10px 5px;
    border-radius: 10px;
    position: relative;
    font-size: 16px;
    margin-top: 40px;
}

a.taxi-company  {
    color: #333;
    text-decoration: none;
}

a:hover.taxi-company, a:active.taxi-company {
    color: #545454 !important;
}

.taxi-name {
    font-size: 18px !important;
    line-height: 22px;
    color: #323232;
    font-weight: 600;
    margin: 10px 0 2px;
}

.taxi-name span {
    color: #e3b600;
}

.taxi-status {
    color: #333;
    font-size: 13px;
    line-height: 15px;
    background: #ffcd00;
    padding: 2px 5px;
    border-radius: 4px;
}

@media (max-width: 300px) {
.taxi-img {
    width: 60px;
    height: 60px;
}
}

@media (max-width: 370px) {
.taxi-name {
    text-align: center;
}

.telephone-net {
    font-size: 15px;
    font-weight: 550;
    display: block;
    color: #ff2422;
}
}

@media (max-width: 767px) {
.taxi-content .img {
    position: absolute;
    right: 20px;
}
}

.taxi-inform {
    width: 100%;
    padding: 5px 10px;
}

.td_company {
    min-width: 150px;
}

.taxi-name a {
    color: black;
}

.taxi-name a:hover, a:active {
    color: black;
}

.text-base{
    font-style: normal;
    text-decoration: none;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .5px;
}
.text-center{
    text-align: center;
}

.fixed a:hover, a:active {
    color: #0788e3;
    text-decoration: none;
}

.taxi-block {
    padding: 10px 7px 10px 7px;
    margin: 0 0 20px;
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .15) !important;
    border: 1px solid #c9c9c9;
    border-radius: 10px;
}

.comments, .othercities, .sidebar-cities, .sidebar-companies, .sidebar-routes {
    padding: 10px 7px 10px 7px;
    margin: 20px 0;
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .15) !important;
    border: 1px solid #c9c9c9;
    border-radius: 10px;
}

.apps {
    margin: 20px;
}

.playgoogle, appstore {
    margin: 5px;
    display: inline-block;
}

a.online-zakaz {
    background: linear-gradient(to bottom, #FFFFFF, #E6E6E6) #F5F5F5 repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    text-decoration: none;
    display: block;
    font-size: 14px;
    width: 130px;
    line-height: 20px;
    margin: 20px auto;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

a.online-zakaz:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

a.online-zakaz:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}

.universal-article ul, .universal-article ol {
    padding-left: 20px;
    margin-bottom: 15px;
}

.universal-article li {
    margin-bottom: 8px;
}

.important-note {
    background-color: #fff8e1;
    border-left: 4px solid #ffc107;
    padding: 15px;
    margin: 20px 0;
    border-radius: 0 4px 4px 0;
}

.final-recommendation {
    background-color: #e8f5e9;
    border-left: 4px solid #4caf50;
    padding: 15px;
    margin: 20px 0;
    border-radius: 0 4px 4px 0;
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.comparison-table th {
    background-color: #3498db;
    color: white;
    padding: 12px;
    text-align: left;
}

.comparison-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #ddd;
}

.comparison-table tr:nth-child(even) {
    background-color: #f8f9fa;
}

.comparison-table tr:hover {
    background-color: #e3f2fd;
}

/* Адаптивность для мобильных устройств */
@media screen and (max-width: 768px) {
    .comparison-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border: 1px solid #ddd;
        border-radius: 4px;
        background: white;
    }
    
    .comparison-table table {
        min-width: 600px; /* Минимальная ширина для скролла */
        width: 100%;
        margin-bottom: 0;
    }
    
    .comparison-table::-webkit-scrollbar {
        height: 8px;
    }
    
    .comparison-table::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }
    
    .comparison-table::-webkit-scrollbar-thumb {
        background: #3498db;
        border-radius: 4px;
    }
    
    .comparison-table::-webkit-scrollbar-thumb:hover {
        background: #2980b9;
    }
}

#map {
    width: 100%;
    height: 400px;
    margin-top: 20px;
}

.tarif_title {
    margin-top: 20px;
}

.rang-card {
	display: flex;
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 5px 10px;
    background: #ffffffc2;
    margin: 20px 5px;
    border-radius: 20px;
	color: #333;
}

.rang-card:after {
    height: 1em;
    content: '';
    background-image: radial-gradient(circle, currentcolor -1px, transparent 1.2px);
    background-repeat: space no-repeat;
    background-position: bottom;
    background-size: 1ex 4.5px;
    flex-grow: 1;
    order: 2;
}

.taxi-card-text {
    font-size: 14px;
    line-height: 17px;
    max-width: 60%;
    margin: 0 auto 0 0;
    padding: 0 5px 0 0;
    text-decoration: none;
    order: 1;
}

.taxi-card-price {
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 0 5px;
    white-space: nowrap;
    order: 3;
}

.taxi-card-rang {
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 0 5px;
    white-space: nowrap;
    order: 3;
}

.taxi-card-item:after {
	height: 1em;
    content: '';
    background-image: radial-gradient(circle, rgb(161 161 161) 1.5px, #00000000 1.2px);
    background-repeat: space no-repeat;
    background-position: bottom;
    background-size: 1.06ex 8.5px;
    flex-grow: 1;
    order: 2;
}

.taxi-card-text {
    float: left;
}

.taxi-card-price {
    background: #ffffffd9;
}

.maxim-promokod {
    background: #ffcd17;
    padding: 3px 5px;
    font-weight: 600;
}

.taxi-content {
	display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
	width: 100%;
}

.param-blok {
    font-style: normal;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .5px;
    margin: 0 -10px -10px 0;
    display: flex;
    flex-wrap: wrap;
}

.param-text {
    background: #f1f1f1;
    border-radius: 5px;
    margin: 0 10px 10px 0;
    flex-grow: 1;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
}

param-li {
    margin: 0 10px 10px 0;
    flex-grow: 1;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.dispatcher {
	display: block;
	background-image: url(/img/dispatcher.svg);
	background-repeat: no-repeat;
	padding: 0 15px 2px 30px;
    background-position: 0px center;
    background-size: 25px;
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
    color: #ffffff;
    white-space: nowrap;
}

.dispatcher:hover {
    color: #aaa !important;
}

.telephone {
    display: inline-block;
    background-image: url(/img/telephone.svg);
    background-repeat: no-repeat;
    padding: 3px 15px 3px 30px;
    background-position: 0px center;
    background-size: 18px;
	font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #337ab7;
    white-space: nowrap;
}

@media (max-width: 767px) {
.telephone {
    display: block;
}
}

.messengerz {
    padding: 0 10px 0 0;
    line-height: 2;
    font-size: 20px;
    white-space: nowrap;
}

.messengerz img {
    margin: -5px 0 0 0;
}

.taxi-phon {
    background: #ff838d;
    padding: 2px 5px;
    color: black;
}

ul.infotaxi {
    padding: 0;
    list-style: none;
}

ul.infotaxi li {
    display: flex;
    align-items: center;
    margin: 8px 0;
    padding: 8px 0;
    border-bottom: 1px solid #f1f1f1;
}

ul.infotaxi li strong {
    padding: 0 5px;
}

ul.infotaxi li span {
    padding-left: 7px;
}

.popular_taxies {
    display: flow-root;
}

.popular-taxi {
	position: relative;
    display: inline-block;
	background: #3b93d7;
	color: #ffffff;
    font-weight: 500;
    border-radius: 4px;
    width: 49.4%;
	overflow: hidden;
    padding: 5px 10px;
    float: left;
    margin: 2px;
    text-align: center;
	-webkit-transition: ease-out 0.12s;
    transition: ease-out 0.12s;
}

@media (max-width: 767px) {
.popular-taxi {
    width: calc(98.8% + 4px);
}
}

.spisok-city {
    margin-top: 20px;
    text-align: center;
}

.alf-ukazatel {
    background: #ffe100;
    display: inline-block;
    padding: 3px 10px;
    margin: 5px 0 15px 0;
    font-weight: 600;
}

.city-services {
    display: flow-root;
    margin: 0 !important;
    padding: 0;
}

.city-services li {
    list-style-type: none;
    background: #ffe100;
    padding: 2px 10px;
    margin: 0 7px 10px 0;
    float: left;
}

.city-services li:hover {
    background: #ffeb55;
}

.city-services a {
    text-decoration: none !important;
}

.mt-14px {
    margin-top: 14px;
}

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

.phone {
    position: relative;
    z-index: 1;
    margin-top: 7px;
}

.playgoogle img, .appstore img {
    width: 90px;
}

@media (max-width: 767px) {
    .container-fluid {
        padding-right: 7px;
        padding-left:7px
    }
}

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

.office-description{
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .7px;
    margin-top: 14px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fade.in {
    opacity:1
}

.dropdown-toggle:focus {
    outline:0
}

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

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

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

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

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

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

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

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

.open > a {
    outline:0
}

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

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

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

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

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

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity:.2
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity:.5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border:0
}

.modal-open {
    overflow:hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline:0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform:translate(0, -25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform:translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y:auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin:10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow:0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color:#01101C
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity:0
}

.modal-backdrop.in {
    filter: alpha(opacity=85);
    opacity:.85
}

.modal-header {
    padding: 15px;
    border-bottom:1px solid #e5e5e5
}

.modal-header .close {
    margin-top:-2px
}

.modal-title {
    margin: 0;
    line-height:1.42857143
}

.modal-body {
    position: relative;
    padding:15px
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow:scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin:30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow:0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width:300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

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

.pull-right {
    float:right !important
}

.pull-left {
    float:left !important
}

.hide {
    display:none !important
}

.show {
    display:block !important
}

.invisible {
    visibility:hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border:0
}

.hidden {
    display:none !important
}

.affix {
    position:fixed
}

@-ms-viewport {
    width:device-width
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display:none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display:none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block !important
    }

    table.visible-xs {
        display:table !important
    }

    tr.visible-xs {
        display:table-row !important
    }

    th.visible-xs, td.visible-xs {
        display:table-cell !important
    }
}

@media (min-width: 768px) and(max-width: 991px) {
    .visible-sm {
        display:block !important
    }

    table.visible-sm {
        display:table !important
    }

    tr.visible-sm {
        display:table-row !important
    }

    th.visible-sm, td.visible-sm {
        display:table-cell !important
    }
}

@media (min-width: 992px) and(max-width: 1199px) {
    .visible-md {
        display:block !important
    }

    table.visible-md {
        display:table !important
    }

    tr.visible-md {
        display:table-row !important
    }

    th.visible-md, td.visible-md {
        display:table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block !important
    }

    table.visible-lg {
        display:table !important
    }

    tr.visible-lg {
        display:table-row !important
    }

    th.visible-lg, td.visible-lg {
        display:table-cell !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none !important
    }
}

@media (min-width: 768px) and(max-width: 991px) {
    .hidden-sm {
        display:none !important
    }
}

@media (min-width: 992px) and(max-width: 1199px) {
    .hidden-md {
        display:none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

/* /modules/jquery-ui-1.12.1.custom/jquery-ui.css */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor:default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline:0
}

.ui-menu .ui-menu {
    position:absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-item-wrapper {
    position:relative
}

@media (max-width: 767px) {
    .ui-menu .ui-menu-item-wrapper {
        padding:10px 14px 10px 14px
    }
}

@media (min-width: 768px) {
    .ui-menu .ui-menu-item-wrapper {
        padding:14px 28px 14px 28px
    }
}

@media (min-width: 992px) {
    .ui-menu .ui-menu-item-wrapper {
        padding:18px 28px 18px 28px
    }
}

@media (min-width: 1200px) {
    .ui-menu .ui-menu-item-wrapper {
        padding:21px 28px 21px 28px
    }
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width:1px 0 0 0
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0;
    background:#ffde02
}

.ui-menu-item-wrapper:hover{
    margin: 0;
    background:#ffde02
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin:auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right:0
}

.ui-widget .ui-widget {
    font-size:1em;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .09);
}

.ui-widget {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .09);
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size:1em
}

.ui-widget-content {
    background: #fff;
    color:#333
}

.ui-widget-content a {
    color:#333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight:700
}

.ui-widget-header a {
    color:#333
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter:Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow:0 0 5px #666
}

@media (max-width: 767px) {
    .ui-widget {
        font-size: 16px;
        line-height: 20px;
        letter-spacing:.7px
    }
}

@media (min-width: 768px) {
    .ui-widget {
        font-size: 18px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 1600px) {
    .ui-widget {
        font-size: 18px;
        line-height: 20px;
        letter-spacing:1px
    }
}

.ui-widget.ui-widget-content {
    border:0 solid #fff
}

.ui-widget-content {
    border: 1px solid #fff;
    background: #fff;
    color:#333
}

.ui-widget-content a {
    color: #333
}

/* /modules/slick/slick.css */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color:transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding:0
}

.slick-list:focus {
    outline:none
}

.slick-list.dragging {
    cursor: pointer;
    cursor:hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display:block
}

.slick-track:before, .slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear:both
}

.slick-loading .slick-track {
    visibility:hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height:1px
}

.slick-slide img {
    display:block
}

.slick-slide.slick-loading img {
    display:none
}

.slick-slide.dragging img {
    pointer-events:none
}

.slick-initialized .slick-slide {
    display:block
}

.slick-loading .slick-slide {
    visibility:hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border:1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/* /modules/slick/slick-theme.css */
.slick-loading .slick-list {
    background:#fff url(/modules/slick/ajax-loader.gif) center center no-repeat
}

.slick-prev, .slick-next {
    display: block;
    font-size: 0;
    line-height: 0;
    padding: 0;
    position: absolute;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 4;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 28px;
    height: 56px;
    background-color: #FFDE02;
    border-radius: 7px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px 14px;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
    box-shadow:0 2px 7px 0 rgba(0, 0, 0, .15)
}

@media (max-width: 767px) {
    .slick-prev {
        border-top-left-radius: 0;
        border-bottom-left-radius:0
    }

    .slick-next {
        border-top-right-radius: 0;
        border-bottom-right-radius:0
    }
}

.slick-prev.slick-disabled, .slick-next.slick-disabled {
    background-color:#EEF3F2
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline:none
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity:1
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity:.25
}

.slick-prev {
    left: 0;
    background-image:url(/images/slider_prev.svg)
}

.slick-prev:before {
    content: '←'
}

.slick-prev.slick-disabled {
    left: 0;
    background-image:url(/images/slider_prev_disabled.svg)
}

.slick-next {
    right: 0;
    background-image:url(/images/slider_next.svg)
}

.slick-next:before {
    content: '→'
}

.slick-next.slick-disabled {
    right: 0;
    background-image:url(/images/slider_next_disabled.svg)
}

.slick-prev.slick-disabled, .slick-next.slick-disabled {
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1)
}

/* /modules/lightbox/jquery.lightbox.css */
.lightbox {
    cursor: pointer;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, .7);
    -webkit-filter: none !important;
    z-index:9997
}

.lightbox img {
    display: block;
    position: absolute;
    border: 5px solid #fff;
    box-shadow: 0 0 20px #000;
    border-radius:1px
}

body.blurred > * {
    -webkit-filter: blur(2px);
    -webkit-transform:translate3d(0, 0, 0)
}

.lightbox__loading {
    background: url(/modules/lightbox/loading.gif) center center no-repeat;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 50%;
    left:50%
}

.lightbox__caption {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 9998;
    background: #000;
    background:rgba(0, 0, 0, .7)
}

.lightbox__caption p {
    margin: 0 auto;
    max-width: 70%;
    display: inline-block;
    * display:inline;
    * zoom:1;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    line-height:18px
}

.lightbox__button {
    position: absolute;
    z-index: 9999;
    background: no-repeat center center;
    width: 32px;
    height: 32px;
    opacity: .4;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition:all 0.3s
}

.lightbox__button:hover, .lightbox__button:focus {
    opacity: 1;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform:scale(1.4)
}

.lightbox__close {
    right: 10px;
    top: 10px;
    background-image:url(/modules/lightbox/close.png)
}

.lightbox__nav {
    top: 50%;
    margin-top:-16px
}

.lightbox__nav--next {
    right: 10px;
    background-image:url(/modules/lightbox/next.png)
}

.lightbox__nav--prev {
    left: 10px;
    background-image: url(/modules/lightbox/previous.png)
}

/* /modules/media_size_jquery/media_size_jquery.css */
.max_width_767 {
    display:none
}

.min_width_768 {
    display:none
}

.min_width_992 {
    display:none
}

.min_width_1200 {
    display:none
}

@media (max-width: 767px) {
    .max_width_767 {
        display:block
    }
}

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

@media (min-width: 992px) {
    .min_width_992 {
        display:block
    }
}

@media (min-width: 1200px) {
    .min_width_1200 {
        display: block
    }
}

@media (max-width: 767px) {
    .filter .sublinks .droplist li a {
        font-size: 14px;
        line-height: 20px;
        letter-spacing:.7px
    }
}

@media (min-width: 768px) {
    .filter .sublinks .droplist li a {
        font-size: 14px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 992px) {
    .filter .sublinks .droplist li a {
        font-size: 16px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 1600px) {
    .filter .sublinks .droplist li a {
        font-size: 18px;
        line-height: 20px;
        letter-spacing:1px
    }
}

.cities_list ul li b {
    font-weight:400
}

.pagination {
    font-family: "m_medium", "Tahoma", "Sans-Serif"
}

@media (max-width: 359px) {
    .pagination {
        font-size: 14px;
        letter-spacing:.3px
    }
}

@media (min-width: 360px) {
    .pagination {
        font-size: 16px;
        letter-spacing:.5px
    }
}

@media (min-width: 768px) {
    .pagination {
        font-size: 16px;
        letter-spacing:1px
    }
}

@media (min-width: 992px) {
    .pagination {
        font-size: 18px;
        letter-spacing:1px
    }
}

@media (min-width: 1200px) {
    .pagination {
        font-size: 18px;
        letter-spacing:1px
    }
}

@media (min-width: 1600px) {
    .pagination {
        font-size: 18px;
        letter-spacing:1px
    }
}

.comments {

}

.comments .comment .author b, .comments .comment .answer .title {
    font-family: "m_medium", "Tahoma", "Sans-Serif"
}

@media (max-width: 767px) {
    .comments .comment .author b, .comments .comment .answer .title {
        font-size: 16px;
        line-height: 16px;
        letter-spacing:1px
    }
}

@media (min-width: 768px) {
    .comments .comment .author b, .comments .comment .answer .title {
        font-size: 16px;
        line-height: 16px;
        letter-spacing:1px
    }
}

@media (min-width: 992px) {
    .comments .comment .author b, .comments .comment .answer .title {
        font-size: 20px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 1200px) {
    .comments .comment .author b, .comments .comment .answer .title {
        font-size: 20px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 1600px) {
    .comments .comment .author b, .comments .comment .answer .title {
        font-size: 22px;
        line-height: 22px;
        letter-spacing:1px
    }
}

@media (max-width: 767px) {
    .comments .comment > .text, .comments .comment .answer .text, .comments .comment .answer .title {
        font-size: 14px;
        line-height: 18px;
        letter-spacing:.3px
    }
}

@media (min-width: 768px) {
    .comments .comment > .text, .comments .comment .answer .text, .comments .comment .answer .title {
        font-size: 14px;
        line-height: 18px;
        letter-spacing:1px
    }
}

@media (min-width: 992px) {
    .comments .comment > .text, .comments .comment .answer .text, .comments .comment .answer .title {
        font-size: 14px;
        line-height: 18px;
        letter-spacing:1px
    }
}

@media (min-width: 1200px) {
    .comments .comment > .text, .comments .comment .answer .text, .comments .comment .answer .title {
        font-size: 14px;
        line-height: 18px;
        letter-spacing:1px
    }
}

@media (min-width: 1600px) {
    .comments .comment > .text, .comments .comment .answer .text, .comments .comment .answer .title {
        font-size: 14px;
        line-height: 18px;
        letter-spacing:1px
    }
}



@media (max-width: 359px) {
    .discounts .discount .title {
        font-size: 16px;
        line-height: 18px;
        letter-spacing:.3px
    }
}

@media (min-width: 360px) {
    .discounts .discount .title {
        font-size: 18px;
        line-height: 20px;
        letter-spacing:.5px
    }
}

@media (min-width: 768px) {
    .discounts .discount .title {
        font-size: 22px;
        line-height: 22px;
        letter-spacing:.7px
    }
}

@media (min-width: 992px) {
    .discounts .discount .title {
        font-size: 24px;
        line-height: 26px;
        letter-spacing:1px
    }
}

@media (min-width: 1200px) {
    .discounts .discount .title {
        font-size: 24px;
        line-height: 26px;
        letter-spacing:1px
    }
}

@media (min-width: 1600px) {
    .discounts .discount .title {
        font-size: 28px;
        line-height: 30px;
        letter-spacing:1px
    }
}

@media (max-width: 767px) {
    .ymap_balloon {
        font-size: 14px;
        line-height: 20px;
        letter-spacing:.3px
    }
}

@media (min-width: 768px) {
    .ymap_balloon {
        font-size: 14px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 992px) {
    .ymap_balloon {
        font-size: 16px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 1200px) {
    .ymap_balloon {
        font-size: 16px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 1600px) {
    .ymap_balloon {
        font-size: 18px;
        line-height: 22px;
        letter-spacing:1px
    }
}

.ymap_balloon b {
    font-size: 16px;
    line-height: 20px;
    letter-spacing:.5px
}

.ymap_balloon u, .ymap_balloon i {
    font-size: 14px;
    line-height: 20px;
    letter-spacing:.3px
}

.ymap_balloon u {
}

@media (max-width: 359px) {
    .prices .item .title {
        font-size: 16px;
        line-height: 18px;
        letter-spacing:.3px
    }
}

@media (min-width: 360px) {
    .prices .item .title {
        font-size: 18px;
        line-height: 20px;
        letter-spacing:.3px
    }
}

@media (min-width: 768px) {
    .prices .item .title {
        font-size: 22px;
        line-height: 22px;
        letter-spacing:1px
    }
}

@media (min-width: 992px) {
    .prices .item .title {
        font-size: 16px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 1200px) {
    .prices .item .title {
        font-size: 16px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 1600px) {
    .prices .item .title {
        font-size: 18px;
        line-height: 22px;
        letter-spacing:1px
    }
}

.prices .item .title b {
    font-weight:400
}

@media (max-width: 359px) {
    .prices .item .title b {
        font-size: 16px;
        line-height: 18px;
        letter-spacing:.3px
    }
}

@media (min-width: 360px) {
    .prices .item .title b {
        font-size: 18px;
        line-height: 20px;
        letter-spacing:.3px
    }
}

@media (min-width: 768px) {
    .prices .item .title b {
        font-size: 22px;
        line-height: 22px;
        letter-spacing:.8px
    }
}

@media (min-width: 992px) {
    .prices .item .title b {
        font-size: 20px;
        line-height: 20px;
        letter-spacing:.7px
    }
}

@media (min-width: 1200px) {
    .prices .item .title b {
        font-size: 20px;
        line-height: 20px;
        letter-spacing:.7px
    }
}

@media (min-width: 1600px) {
    .prices .item .title b {
        font-size: 22px;
        line-height: 22px;
        letter-spacing:.8px
    }
}

@media (max-width: 767px) {
    .prices .item .vehicle {
        font-size: 14px;
        line-height: 20px;
        letter-spacing:.3px
    }
}

@media (min-width: 768px) {
    .prices .item .vehicle {
        font-size: 14px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 992px) {
    .prices .item .vehicle {
        font-size: 16px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 1200px) {
    .prices .item .vehicle {
        font-size: 16px;
        line-height: 20px;
        letter-spacing:1px
    }
}

@media (min-width: 1600px) {
    .prices .item .vehicle {
        font-size: 18px;
        line-height: 22px;
        letter-spacing:1px
    }
}

.prices .item .price {
    font-style:normal
}

@media (max-width: 767px) {
    .prices .item .price {
        font-size: 28px;
        line-height: 28px;
        letter-spacing:1px
    }
}

@media (min-width: 768px) {
    .prices .item .price {
        font-size: 28px;
        line-height: 28px;
        letter-spacing:1px
    }
}

@media (min-width: 992px) {
    .prices .item .price {
        font-size: 30px;
        line-height: 30px;
        letter-spacing:2px
    }
}

@media (min-width: 1200px) {
    .prices .item .price {
        font-size: 32px;
        line-height: 32px;
        letter-spacing:2px
    }
}

@media (min-width: 1600px) {
    .prices .item .price {
        font-size: 36px;
        line-height: 36px;
        letter-spacing:3px
    }
}

.prices .item .price b {
    font-style:normal
}

@media (max-width: 767px) {
    .prices .item .note, .prices .item .term, .prices .item .info, .prices .item .sale, .prices .item .tariffs u > b {
        font-size: 14px;
        line-height: 14px;
        letter-spacing:.3px
    }
}

@media (min-width: 768px) {
    .prices .item .note, .prices .item .term, .prices .item .info, .prices .item .sale, .prices .item .tariffs u > b {
        font-size: 14px;
        line-height: 14px;
        letter-spacing:.5px
    }
}

@media (min-width: 992px) {
    .prices .item .note, .prices .item .term, .prices .item .info, .prices .item .sale, .prices .item .tariffs u > b {
        font-size: 16px;
        line-height: 16px;
        letter-spacing:.7px
    }
}

@media (min-width: 1200px) {
    .prices .item .note, .prices .item .term, .prices .item .info, .prices .item .sale, .prices .item .tariffs u > b {
        font-size: 16px;
        line-height: 16px;
        letter-spacing:.7px
    }
}

@media (min-width: 1600px) {
    .prices .item .note, .prices .item .term, .prices .item .info, .prices .item .sale, .prices .item .tariffs u > b {
        font-size: 18px;
        line-height: 18px;
        letter-spacing:.8px
    }
}

.prices .item .tariffs i, .prices .item .tariffs u {
    font-style: normal;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    letter-spacing:.3px
}

.instructors .slide b, .cars .slide b {
    font-weight:400
}

@media (max-width: 767px) {
    .instructors .slide b, .cars .slide b {
        font-size: 16px;
        line-height: 16px;
        letter-spacing:.3px
    }
}

@media (min-width: 768px) {
    .instructors .slide b, .cars .slide b {
        font-size: 16px;
        line-height: 16px;
        letter-spacing:.7px
    }
}

@media (min-width: 992px) {
    .instructors .slide b, .cars .slide b {
        font-size: 16px;
        line-height: 16px;
        letter-spacing:.7px
    }
}

@media (min-width: 1200px) {
    .instructors .slide b, .cars .slide b {
        font-size: 16px;
        line-height: 16px;
        letter-spacing:.7px
    }
}

@media (min-width: 1600px) {
    .instructors .slide b, .cars .slide b {
        font-size: 18px;
        line-height: 18px;
        letter-spacing:.8px
    }
}

.instructors .slide i, .cars .slide i {
    font-style:normal
}

@media (max-width: 767px) {
    .instructors .slide i, .cars .slide i {
        font-size: 14px;
        line-height: 14px;
        letter-spacing:.3px
    }
}

@media (min-width: 768px) {
    .instructors .slide i, .cars .slide i {
        font-size: 14px;
        line-height: 16px;
        letter-spacing:.5px
    }
}

@media (min-width: 992px) {
    .instructors .slide i, .cars .slide i {
        font-size: 14px;
        line-height: 16px;
        letter-spacing:.5px
    }
}

@media (min-width: 1200px) {
    .instructors .slide i, .cars .slide i {
        font-size: 14px;
        line-height: 16px;
        letter-spacing:.5px
    }
}

@media (min-width: 1600px) {
    .instructors .slide i, .cars .slide i {
        font-size: 16px;
        line-height: 18px;
        letter-spacing:.7px
    }
}

.site, .vk, .yt, .ok, .instagram, .email {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.modal .offer b, #modal_thanks .text b {
    font-weight:400
}

@media (max-width: 359px) {
    .modal .modal-header .title b, .modal .offer b, #modal_thanks .text b {
        font-size: 18px;
        line-height: 18px;
        letter-spacing:.3px
    }
}

@media (min-width: 360px) {
    .modal .modal-header .title b, .modal .offer b, #modal_thanks .text b {
        font-size: 20px;
        line-height: 20px;
        letter-spacing:.5px
    }
}

@media (min-width: 768px) {
    .modal .modal-header .title b, .modal .offer b, #modal_thanks .text b {
        font-size: 22px;
        line-height: 22px;
        letter-spacing:.7px
    }
}

@media (min-width: 992px) {
    .modal .modal-header .title b, .modal .offer b, #modal_thanks .text b {
        font-size: 24px;
        line-height: 26px;
        letter-spacing:.8px
    }
}

@media (min-width: 1200px) {
    .modal .modal-header .title b, .modal .offer b, #modal_thanks .text b {
        font-size: 24px;
        line-height: 26px;
        letter-spacing:.8px
    }
}

@media (min-width: 1600px) {
    .modal .modal-header .title b, .modal .offer b, #modal_thanks .text b {
        font-size: 28px;
        line-height: 30px;
        letter-spacing:1px
    }
}

.modal .inp .label {
    font-style:normal
}

.modal .modal-header .title i, .modal .modal-header .title u, .modal .offer, #modal_thanks .text, #modal_lead .slide .counter {
    font-style: normal;
    text-decoration:none
}

@media (max-width: 359px) {
    .modal .modal-header .title i, .modal .modal-header .title u, .modal .offer, .modal .inp .label, #modal_thanks .text, #modal_lead .slide .counter {
        font-size: 14px;
        line-height: 18px;
        letter-spacing:.3px
    }
}

@media (min-width: 360px) {
    .modal .modal-header .title i, .modal .modal-header .title u, .modal .offer, .modal .inp .label, #modal_thanks .text, #modal_lead .slide .counter {
        font-size: 14px;
        line-height: 18px;
        letter-spacing:.3px
    }
}

@media (min-width: 768px) {
    .modal .modal-header .title i, .modal .modal-header .title u, .modal .offer, .modal .inp .label, #modal_thanks .text, #modal_lead .slide .counter {
        font-size: 16px;
        line-height: 20px;
        letter-spacing:.5px
    }
}

@media (min-width: 992px) {
    .modal .modal-header .title i, .modal .modal-header .title u, .modal .offer, .modal .inp .label, #modal_thanks .text, #modal_lead .slide .counter {
        font-size: 16px;
        line-height: 20px;
        letter-spacing:.5px
    }
}

@media (min-width: 1200px) {
    .modal .modal-header .title i, .modal .modal-header .title u, .modal .offer, .modal .inp .label, #modal_thanks .text, #modal_lead .slide .counter {
        font-size: 16px;
        line-height: 20px;
        letter-spacing:.5px
    }
}

@media (min-width: 1600px) {
    .modal .modal-header .title i, .modal .modal-header .title u, .modal .offer, .modal .inp .label, #modal_thanks .text, #modal_lead .slide .counter {
        font-size: 18px;
        line-height: 22px;
        letter-spacing:.5px
    }
}

.modal .offer i {
    font-style:normal
}

#modal_lead .agreement {
    font-size: 12px;
    line-height:14px
}

@media (min-width: 1600px) {
    #modal_lead .agreement {
        font-size: 14px;
        line-height:16px
    }
}

@media (max-width: 359px) {
    .modal .inp input, .modal .inp textarea {
        font-size: 14px;
        line-height: 14px;
        letter-spacing:.3px
    }
}

@media (min-width: 360px) {
    .modal .inp input, .modal .inp textarea {
        font-size: 16px;
        line-height: 16px;
        letter-spacing:.3px
    }
}

@media (min-width: 768px) {
    .modal .inp input, .modal .inp textarea {
        font-size: 16px;
        line-height: 16px;
        letter-spacing:.5px
    }
}

@media (min-width: 992px) {
    .modal .inp input, .modal .inp textarea {
        font-size: 20px;
        line-height: 20px;
        letter-spacing:.5px
    }
}

@media (min-width: 1200px) {
    .modal .inp input, .modal .inp textarea {
        font-size: 20px;
        line-height: 20px;
        letter-spacing:.5px
    }
}

@media (min-width: 1600px) {
    .modal .inp input, .modal .inp textarea {
        font-size: 22px;
        line-height: 22px;
        letter-spacing: .5px
    }
}

@media (max-width: 767px) {
    .fulladvantages, .faststart {
        margin-bottom:56px
    }
}

@media (min-width: 768px) {
    .fulladvantages, .faststart {
        margin-bottom:70px
    }
}

@media (min-width: 992px) {
    .fulladvantages, .faststart {
        margin-bottom:98px
    }
}

@media (min-width: 1200px) {
    .fulladvantages, .faststart {
        margin-bottom:98px
    }
}

@media (min-width: 1600px) {
    .fulladvantages, .faststart {
        margin-bottom:112px
    }
}

.comments .comment {
    padding-top: 28px;
    padding-bottom:28px
}

@media (max-width: 767px) {

    body.no_flow_menu {
        margin-top:0
    }
}

a:focus, input:focus, textarea:focus, * :focus {
    outline:none
}

.mobile_br {
    display:none
}

@media (max-width: 767px) {
    .mobile_br {
        display:inline
    }
}

.desktop_br {
    display:inline
}

@media (max-width: 767px) {
    .desktop_br {
        display:none
    }
}

.nobr {
    white-space:nowrap
}

.mt0 {
    margin-top:0
}

@media (max-width: 767px) {
    .mobile_no_padding {
        padding-right: 0;
        padding-left:0
    }
}

div, img, a, input, textarea, select {
    outline:none
}

.scroll_ancor {
    position: absolute;
    margin: 0;
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important;
    display:block !important
}

.scroll_ancor {
    margin-top:-50px
}

@media (max-width: 767px) {
    .scroll_ancor {
        margin-top:-14px
    }
}

.scroll_ancor.banner {
    margin-top:-106px
}

@media (max-width: 767px) {
    .scroll_ancor.banner {
        margin-top:-70px
    }
}

.scroll_ancor.ymap {
    margin-top:0
}

@media (max-width: 767px) {
    .scroll_ancor.ymap {
        margin-top:-84px
    }
}

.empty {
    text-align: center;
    color: #a6a6a6;
    margin-top:56px
}

@media (max-width: 767px) {
    .empty {
        margin-top:28px
    }
}

.mybtn {
    display: inline-block;
    border: none;
    text-align: center;
    text-decoration: none !important;
    border-radius: 14px;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
    box-shadow:0 2px 7px 0 rgba(0, 0, 0, .15)
}

    .mybtn {
        padding: 15px 25px 15px 25px;
        border-radius:7px
    }

.mybtn:hover, .mybtn:active, .mybtn:focus {
    text-decoration:none
}

@media (max-width: 767px) {
    .mybtn_big {
        padding:10px 20px 8px 20px
    }
}

@media (min-width: 768px) {
    .mybtn_big {
        padding:15px 30px 13px 30px
    }
}

@media (min-width: 992px) {
    .mybtn_big {
        padding:20px 50px 17px 50px
    }
}

@media (min-width: 1200px) {
    .mybtn_big {
        padding:20px 50px 17px 50px
    }
}

.mybtn_yellow {
    background-color: #FFDE02 !important;
    color:#2c2c2c !important
}

.mybtn_yellow:hover, .mybtn_yellow:active {
    background-color: #FFC802 !important;
    color:#2c2c2c !important
}

.mybtn_green {
    background-color: #5AB605 !important;
    border-bottom-color: #48920c !important;
    color:#ffffff !important
}

.mybtn_green:hover, .mybtn_green:active {
    background-color: #77cf26 !important;
    border-bottom-color: #48920c !important;
    color:#ffffff !important
}

.animation_pulse_green {
    animation: pulse_green 1500ms infinite;
    animation-direction: normal;
    animation-timing-function:ease-in
}

@keyframes pulse_green {
    0% {
        box-shadow:0 0 0 0 rgba(125, 181, 44, 0), 0 0 0 0 rgba(125, 181, 44, .3), 0 0 0 0 rgba(125, 181, 44, 0), 0 0 0 14px rgba(125, 181, 44, 0)
    }

    25% {
        box-shadow:0 0 0 7px rgba(125, 181, 44, .3), 0 0 0 0 rgba(125, 181, 44, 0), 0 0 0 0 rgba(125, 181, 44, 0), 0 0 0 0 rgba(125, 181, 44, 0)
    }

    50% {
        box-shadow:0 0 0 14px rgba(125, 181, 44, 0), 0 0 0 7px rgba(125, 181, 44, .3), 0 0 0 0 rgba(125, 181, 44, 0), 0 0 0 0 rgba(125, 181, 44, 0)
    }

    75% {
        box-shadow:0 0 0 0 rgba(125, 181, 44, 0), 0 0 0 14px rgba(125, 181, 44, 0), 0 0 0 7px rgba(125, 181, 44, .3), 0 0 0 0 rgba(125, 181, 44, 0)
    }

    100% {
        box-shadow:0 0 0 0 rgba(125, 181, 44, 0), 0 0 0 14px rgba(125, 181, 44, 0), 0 0 0 0 rgba(125, 181, 44, .3), 0 0 0 0 rgba(125, 181, 44, 0)
    }
}

.mybtn_white {
    background-color: #f4f4f4 !important;
    border-bottom-color: #c8cbcd !important;
    color:#2c2c2c !important
}

.mybtn_white:hover, .mybtn_white:active {
    background-color: #ffc600 !important;
    border-bottom-color: #b49d00 !important;
    color:#2c2c2c !important
}

.mybtn_blue {
    background-color: #3c93d6 !important;
    border-bottom-color: #3177ae !important;
    color:#ffffff !important
}

.mybtn_blue:hover, .mybtn_blue:active {
    background-color: #2487d4 !important;
    border-bottom-color: #3177ae !important;
    color:#ffffff !important
}

.mybtn_red {
    background-color: #cb0404 !important;
    border-bottom-color: #6e1818 !important;
    color:#ffffff !important
}

.mybtn_red:hover, .mybtn_red:active {
    background-color: #ab0505 !important;
    border-bottom-color: #6e1818 !important;
    color:#ffffff !important
}

.mybtn_gray {
    background-color: #626b72 !important;
    border-bottom-color: #47545d !important;
    color:#ffffff !important
}

.mybtn_gray:hover, .mybtn_gray:active {
    background-color: #5c768a !important;
    border-bottom-color: #47545d !important;
    color:#ffffff !important
}

.mybtn_izzi {
    background-color: #E4C589 !important;
    border-bottom-color: #E4C589 !important;
    color:#35322B !important
}

.mybtn_izzi:hover, .mybtn_izzi:active {
    background-color: #FAF3E7 !important;
    border-bottom-color: #FAF3E7 !important;
    color:#35322B !important
}

.mybtn_block {
    width: 100%;
    display: block !important;
    padding-left: 10px;
    padding-right:10px
}

@media (max-width: 767px) {
    .mybtn_mblock {
        width: 100%;
        display: block !important;
        padding-left: 10px;
        padding-right:10px
    }
}

.mybtn_mini {
    padding:10px 30px 7px 30px
}

.mybtn_loading {
    background-image: url(/images/button_loading.png);
    background-position: 0 center;
    -webkit-animation: mybtn_loading_animation 1s linear 0s infinite;
    -moz-animation: mybtn_loading_animation 1s linear 0s infinite;
    -o-animation: mybtn_loading_animation 1s linear 0s infinite;
    animation:mybtn_loading_animation 1s linear 0s infinite
}

.unit.transport{
    background-image: url(/images/car.svg);
    background-size: 18px 18px;
    background-position-y: center;
}

.mt-0{
    margin-top: 0!important;
}

.mb-0{
    margin-bottom: 0!important;
}

.hr-c6 hr{
    border: .7px solid #c6c6c6!important;
}

@-webkit-keyframes mybtn_loading_animation {
    from {
        background-position:0 center
    }

    to {
        background-position:40px center
    }
}

@-moz-keyframes mybtn_loading_animation {
    from {
        background-position:0 center
    }

    to {
        background-position:40px center
    }
}

@keyframes mybtn_loading_animation {
    from {
        background-position:0 center
    }

    to {
        background-position:40px center
    }
}

.input_error_highlight {
    animation-duration: 1s;
    animation-name:input_error_highlight_animation
}

@-webkit-keyframes input_error_highlight_animation {
    0% {
        background-color:none
    }

    50% {
        background-color:#ffc1c1
    }

    100% {
        background-color:none
    }
}

@-moz-keyframes input_error_highlight_animation {
    0% {
        background-color:none
    }

    50% {
        background-color:#ffc1c1
    }

    100% {
        background-color:none
    }
}

@keyframes input_error_highlight_animation {
    0% {
        background-color:none
    }

    50% {
        background-color:#ffc1c1
    }

    100% {
        background-color:none
    }
}

.content {
    color: #333;
    margin-bottom:-25px
}

.content p {
    margin:0 0 25px 0
}

.content ul {
    margin: 0 0 25px 20px;
    padding:0
}

.content ul li {
    margin: 0 0 10px 0;
    padding:0 0 0 10px
}

.content a {
    text-decoration:underline
}

.content a:hover, .content a:focus, .content a:active {
    text-decoration: underline;
    color:#3B93D7
}

.content h2 {
    margin:0 0 25px 0
}

.content h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
}

.lk-blok {
    background: #ffd45a;
    text-align: center;
    padding: 10px;
    border: 1px solid #c1c1c1;
    border-radius: 10px;
    margin-bottom: 25px;
}

.lk-blok-one {
    display: block;
    text-align: center;
    color: white;
    font-size: 20px;
    margin-bottom: 10px;
}

.lk-blok-two {
    display: block;
    text-align: center;
    color: black;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

.lk-blok-three {
    display: block;
    text-align: center;
    color: #00b548;
    font-size: 18px;
    margin-bottom: 10px;
}

.lk-blok-botton {
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    text-decoration: none !important;
    background: #303030;
    padding: 10px;
}

.pagination {
    display: block;
    text-align: center;
    margin:0
}

.pagination ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style:none
}

.pagination ul li {
    display:inline-block
}

.pagination a, .pagination span.current {
    display: inline-block;
    font-weight: 400;
    text-decoration: none;
    border-radius:50%
}

@media (max-width: 359px) {
    .pagination a, .pagination span.current {
        width: 28px;
        height: 28px;
        line-height:28px
    }

    .pagination ul li {
        margin-left: 2px;
        margin-right:2px
    }
}

@media (min-width: 360px) {
    .pagination a, .pagination span.current {
        width: 28px;
        height: 28px;
        line-height:28px
    }

    .pagination ul li {
        margin-left: 4px;
        margin-right:4px
    }
}

@media (min-width: 768px) {
    .pagination a, .pagination span.current {
        width: 30px;
        height: 30px;
        line-height:30px
    }

    .pagination ul li {
        margin-left: 7px;
        margin-right:7px
    }
}

@media (min-width: 992px) {
    .pagination a, .pagination span.current {
        width: 30px;
        height: 30px;
        line-height:30px
    }

    .pagination ul li {
        margin-left: 14px;
        margin-right:14px
    }
}

@media (min-width: 1200px) {
    .pagination a, .pagination span.current {
        width: 30px;
        height: 30px;
        line-height:30px
    }

    .pagination ul li {
        margin-left: 14px;
        margin-right:14px
    }
}

@media (min-width: 1600px) {
    .pagination a, .pagination span.current {
        width: 30px;
        height: 30px;
        line-height:30px
    }

    .pagination ul li {
        margin-left: 14px;
        margin-right:14px
    }
}

.pagination a:hover, .pagination a:active, .pagination a:focus {
    text-decoration:none
}

.pagination.style1 li.active span.current {
    background-color: #000000;
    color:#fff
}

.pagination.style1 a {
    background-color: #fff;
    color:#333
}

.pagination.style1 a:hover, .pagination.style1 a:active, .pagination.style1 a:focus {
    background-color: #ffc600;
    color:#333
}

.pagination.style1 li.disabled span.current {
    background-color: #fff;
    color:#333
}

.admin_buttons {
    position: fixed;
    width: 60px;
    bottom: 15px;
    left:15px
}

@media (max-width: 767px) {
    .admin_buttons {
        display:none
    }
}

.admin_buttons img {
    display: block;
    opacity: .3;
    margin-bottom:15px
}

.admin_buttons img:hover {
    opacity: .8
}



.hero {
    background-size: cover;
    background-position: center center;
    background-repeat:no-repeat
}

@media (min-width: 768px) {
    .hero.main {
        padding-bottom:84px
    }
}

@media (min-width: 768px) {
    .hero.city {
        padding-bottom:84px
    }
}

@media (min-width: 768px) {
    .hero.firm {
        padding-bottom:84px
    }
}

.hero .title {
    color: #fff;
    text-align: center;
    word-wrap: break-word;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
}

.hero .title::-webkit-scrollbar {
    display:none
}

@media (max-width: 767px) {
    .hero .title {
        padding-top: 28px;
        padding-bottom: 28px;
        color:#213341
    }
}

@media (min-width: 768px) {
    .hero .title {
        padding-top: 112px;
        padding-bottom:42px
    }
}

@media (min-width: 992px) {
    .hero .title {
        padding-top: 112px;
        padding-bottom:42px
    }
}

@media (min-width: 1200px) {
    .hero .title {
        padding-top: 140px;
        padding-bottom:56px
    }
}

@media (min-width: 1600px) {
    .hero .title {
        padding-top: 140px;
        padding-bottom:56px
    }
}

.hero .title h1 {
    display:inline
}

@media (max-width: 767px) {
    .hero.main .title {
        padding-top: 28px;
        padding-bottom:28px
    }
}

.hero .title h1 b {
    font-weight: 400;
    color: #000000;
}

@media (max-width: 767px) {
    .hero .title h1 b {
        color:#333
    }
}

.hero .title h1 i, .hero .title u {
    display:block
}

.hero.main .title h1 i {
    margin-top:7px
}

.hero .title u {
    margin-top:14px
}

.hero .title a {
    color: #fff;
    text-decoration:none
}

.hero .title a:hover, .hero .title a:active, .hero .title a:focus {
    color: #333;
    background: #FFDE02;
    text-decoration:underline
}

@media (max-width: 767px) {
    .hero .title a {
        color:#213341
    }

    .hero .title a:hover, .hero .title a:active, .hero .title a:focus {
        color: #333;
        background:#FFDE02
    }
}

.cities {
    margin-bottom:-3px
}

@media (max-width: 767px) {
    .cities_list {
        padding-top: 14px;
        padding-bottom: 11px;
        background-color:#fff
    }

    .cities.all .cities_list {
        padding-top: 0;
        overflow:hidden
    }
}

.cities_list ul {
    margin: 0;
    padding: 0;
    list-style:none
}

@media (max-width: 767px) {
    .cities_list ul {
        margin-top:0
    }
}

.cities_list ul li {
    margin: 0;
    padding: 0;
    margin-bottom: 3px;
    border-radius:7px
}

.cities_list ul li a {
    color: #333;
    text-decoration: underline;
    border-radius:7px
}

.cities_list ul li a:hover, .cities_list ul li a:active, .cities_list ul li a:focus {
    color: #333;
    background-color: #FFDE02;
    text-decoration:none
}

.cities_list ul li a {
    background-image: url(/img/marker.svg);
    background-repeat: no-repeat;
    background-position:2px 12px
}

.cities_list ul li a, .cities_list ul li.letter b {
    display: block;
    padding:14px 14px 14px 28px
}

.cities_list .scroll_highlight {
    animation-duration: 1s;
    animation-name:cities_list_scroll_highlight_animation
}

@-webkit-keyframes cities_list_scroll_highlight_animation {
    0% {
        background-color:none
    }

    50% {
        background-color:#FFDE02
    }

    100% {
        background-color:none
    }
}

@-moz-keyframes cities_list_scroll_highlight_animation {
    0% {
        background-color:none
    }

    50% {
        background-color:#FFDE02
    }

    100% {
        background-color:none
    }
}

@keyframes cities_list_scroll_highlight_animation {
    0% {
        background-color:none
    }

    50% {
        background-color:#FFDE02
    }

    100% {
        background-color:none
    }
}

.cities_list ul li.letter {
    padding-top: 28px;
    color:#333
}

@media (max-width: 767px) {
    .cities_list ul li.letter {
		background: #206fac;
        color: #fff;
        padding: 14px 14px 14px 42px;
        border-radius: 10px;
        text-align: center;
        font-weight: 700;
    }

    .cities_list ul li.letter b {
        padding:0
    }
}

.cities_list ul li.letter b {
    font-family: "m_bold", "Tahoma", "Sans-Serif"
}

.cities_list ul li.letter a.letter_ancor {
    position: absolute;
    margin: 0;
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important;
    display: block !important;
    margin-top:-14px
}

@media (max-width: 767px) {
    .cities_list ul li.letter a.letter_ancor {
        margin-top:-70px
    }
}

@media (max-width: 767px) {
    .main_text .content {
        margin-top:28px
    }
}

@media (min-width: 768px) {
    .main_text .content {
        margin-top:35px
    }
}

@media (min-width: 992px) {
    .main_text .content {
        margin-top:49px
    }
}

@media (min-width: 1200px) {
    .main_text .content {
        margin-top:49px
    }
}

@media (min-width: 1600px) {
    .main_text .content {
        margin-top:56px
    }
}

@media (max-width: 767px) {
    .banner {
        padding-top: 28px;
        padding-bottom:14px
    }
}

@media (min-width: 768px) {
    .banner {
        padding-top: 56px;
        padding-bottom:56px
    }
}

@media (max-width: 767px) {
    .banner.closer2top {
        margin-top:28px
    }
}

@media (min-width: 768px) {
    .banner.closer2top {
        margin-top:56px
    }
}

.banner .title {
    text-align:center
}

.banner .text, .faststart .text {
    text-align: center;
    margin-top:21px
}

.banner .text a {
    text-decoration:underline
}

.banner .text a:hover, .banner .text a:active, .banner .text a:focus {
    text-decoration:underline
}

@media (max-width: 767px) {
    .banner .title, .banner .text, .faststart .text {
        padding-left: 14px;
        padding-right:14px
    }
}

@media (min-width: 768px) {
    .banner .title, .banner .text, .faststart .text {
        padding-left: 32px;
        padding-right:32px
    }
}

@media (min-width: 992px) {
    .banner .title, .banner .text, .faststart .text {
        padding-left: 50px;
        padding-right:50px
    }
}

@media (min-width: 1200px) {
    .banner .title, .banner .text, .faststart .text {
        padding-left: 67px;
        padding-right:67px
    }
}

@media (min-width: 1600px) {
    .banner .title, .banner .text, .faststart .text {
        padding-left: 92px;
        padding-right:92px
    }
}

.banner .btn, .faststart .btn {
    display: block;
    text-align: center;
    margin: 35px 0 0 0;
    padding:0
}

@media (max-width: 767px) {
    .banner .btn, .faststart .btn {
        margin-top:28px
    }
}

.banner .firm_link {
    text-align: center;
    margin:28px 0 0 0
}

@media (max-width: 767px) {
    .banner .firm_link {
        margin-top:14px
    }
}

.banner .firm_link a {
    text-decoration:underline
}

.banner .firm_link a:hover, .banner .firm_link a:active, .banner .firm_link a:focus {
    text-decoration:underline
}

@media (max-width: 767px) {
    .banner.main {
        background:#FFDE02
    }
}

@media (min-width: 768px) {
    .banner.main {
        background: #FFDE02 url(/images/banner_main.svg) center bottom no-repeat;
        background-size:100% auto
    }
}

.banner.main .title {
    color:#CB0404
}

.banner.main .text {
    color:#333
}

.banner.main .text a {
    color:#333
}

.banner.main .text a:hover, .banner.main .text a:active, .banner.main .text a:focus {
    color:#CB0404
}

.banner .firm_link a {
    color:#333
}

.banner .firm_link a:hover, .banner.main .firm_link a:active, .banner.main .firm_link a:focus {
    color:#CB0404
}

.banner.main .text ul {
    margin: 0 0 -7px 0;
    padding: 0;
    list-style:none
}

.banner.main .text ul li {
    margin: 0 0 7px 0;
    padding:0
}

@media (max-width: 767px) {
    .banner.main .text ul {
        margin: 0 0 0 0;
        padding: 0;
        list-style:none
    }

    .banner.main .text ul li {
        margin: 0 0 14px 0;
        text-align: left;
        background: url(/images/li_white.svg) 0 4px no-repeat;
        background-size: 14px 10px;
        padding-left:21px
    }
}

@media (max-width: 767px) {
    .banner.main.izzi {
        background:#08070a url(/images/banner_izzi_bg_mobile.jpg) center top no-repeat
    }
}

@media (min-width: 768px) {
    .banner.main.izzi {
        background: #08070a url(/images/banner_izzi_bg.jpg) center top no-repeat;
        background-size:cover
    }
}

.banner.main.izzi .title {
    color:#E4C589
}

.banner.main.izzi .title i {
    color:#EEDDBF
}

.banner.main.izzi .text {
    color:#EEDDBF
}

.banner.main.izzi .firm_link a {
    color:#EEDDBF
}

.banner.main.izzi .firm_link a:hover, .banner.main.izzi .firm_link a:active, .banner.main.izzi .firm_link a:focus {
    color:#FAF3E7
}

.banner.main.izzi .text p {
    padding: 0;
    margin:21px 0 0 0
}

.banner.main.izzi .text b {
    color:#F9EDDA
}

.banner.main.izzi .text a {
    color:#EEDDBF
}

.banner.main.izzi .text a:hover, .banner.main.izzi .text a:active, .banner.main.izzi .text a:focus {
    color:#FAF3E7
}

@media (max-width: 767px) {
    .banner.main.izzi .text ul li {
        background:url(/images/li_white_izzi.svg) 0 4px no-repeat
    }
}

@media (max-width: 767px) {
    .banner.students {
        background:#000000
    }
}

@media (min-width: 768px) {
    .banner.students {
        background: #000000 url(/images/banner_students.svg) center bottom no-repeat;
        background-size:100% auto
    }
}

.banner.students .title {
    color:#fff
}

.banner.students .text {
    color:#fff
}

.banner.students .text a {
    color:#fff
}

.banner.students .text a:hover, .banner.students .text a:active, .banner.students .text a:focus {
    color:#FFDE02
}

.banner.students .firm_link a {
    color:#fff
}

.banner.students .firm_link a:hover, .banner.students .firm_link a:active, .banner.students .firm_link a:focus {
    color:#FFDE02
}

@media (max-width: 767px) {
    .banner.online {
        background:#5AB605
    }
}

@media (min-width: 768px) {
    .banner.online {
        background: #5AB605 url(/images/banner_online.svg) center bottom no-repeat;
        background-size:100% auto
    }
}

.banner.online .title, .banner.online .text {
    color:#fff
}

.banner.online .text ul {
    margin: 0 0 -7px 0;
    padding: 0;
    list-style:none
}

.banner.online .text ul li {
    margin: 0 0 7px 0;
    padding:0
}

@media (max-width: 767px) {
    .banner.online .text ul {
        margin: 0 0 0 0;
        padding: 0;
        list-style:none
    }

    .banner.online .text ul li {
        margin: 0 0 14px 0;
        text-align: left;
        background: url(/images/li_white.svg) 0 4px no-repeat;
        background-size: 14px 10px;
        padding-left:21px
    }
}

@media (max-width: 767px) {
    .banner.installment {
        background:#206FAC
    }
}

@media (min-width: 768px) {
    .banner.installment {
        background: #206FAC url(/images/banner_installment.svg) center bottom no-repeat;
        background-size:100% auto
    }
}

.banner.installment .title, .banner.installment .text {
    color:#fff
}

@media (max-width: 767px) {
    .banner.certificate {
        background:#5AB605
    }
}

@media (min-width: 768px) {
    .banner.certificate {
        background: #5AB605 url(/images/banner_certificate.svg) center bottom no-repeat;
        background-size:100% auto
    }
}

.banner.certificate .title, .banner.certificate .text {
    color:#fff
}

.firms .top {
    text-align:center
}

@media (max-width: 767px) {
    .top .found {
        text-align:center
    }
}

@media (min-width: 768px) {
    .top .found {
        text-align:left
    }
}

@media (max-width: 767px) {
    .top .sort {
        text-align: center;
        margin-top:3px
    }
}

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

.top .sort > a {
    color: #206FAC;
    text-decoration:underline
}

.top .sort > a:hover, .top .sort > a:active, .top .sort > a:focus {
    color: #3B93D7;
    text-decoration:underline
}

.top .sort .dropdown-menu {
    background: #fff;
    border-radius:7px
}

@media (max-width: 767px) {
    .top .sort .dropdown-menu {
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform:translate(-50%, 0)
    }
}

.top .sort .dropdown-menu > li > p {
    padding: 14px 28px;
    text-decoration:none
}

.top .sort .dropdown-menu > li > p:hover, .top .sort .dropdown-menu > li > p:active, .top .sort .dropdown-menu > li > p:focus {
    text-decoration: none;
    background: #FFDE02;
    color:#2c2c2c
}

.top {
    display: flow-root;
    margin-top: 15px;
}

.advantages {
    padding: 0 10px;
}

.advantages .advantage {
    color: #333;
    background-image: url(/img/icons/icon-check.svg);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0 4px;
    background-size: 13px 11px;
    margin: 5px 10px 0 0;
    float: left;
}

.comments .comment {
    margin-top: 20px;
    background-color: #fffff8;
    border: 1px solid #c5c5c5;
    padding: 20px 10px;
}

.comments .comment .author {
    color:#333
}

.comments .comment .author img {
    margin-right:7px
}

@media (max-width: 767px) {
    .comments .comment .author img {
        width: 18px;
        height: 18px;
        margin-top:-4px
    }
}

@media (min-width: 768px) {
    .comments .comment .author img {
        width: 18px;
        height: 18px;
        margin-top:-3px
    }
}

@media (min-width: 992px) {
    .comments .comment .author img {
        width: 21px;
        height: 21px;
        margin-top:-4px
    }
}

@media (min-width: 1200px) {
    .comments .comment .author img {
        width: 21px;
        height: 21px;
        margin-top:-4px
    }
}

@media (min-width: 1600px) {
    .comments .comment .author img {
        width: 21px;
        height: 21px;
        margin-top:-5px
    }
}

.comments .comment .author span {
    color:#a6a6a6
}

@media (max-width: 767px) {
    .comments .comment .author span {
        display:block
    }
}

.comments .comment .author span a {
    color: #206FAC;
    text-decoration:underline
}

.comments .comment .author span a:hover, .comments .comment .author span a:active, .comments .comment .author span a:focus {
    color: #3B93D7;
    text-decoration:underline
}

.comments .comment .info {
    color:#a6a6a6
}

.comments .comment .info .date, .comments .comment .info .rating {
    margin-top:7px
}

.comments .comment .info .rating img {
    width: 19px;
    height: 18px;
    margin-top: -3px;
    margin-left:3px
}

.comments .comment .info .rating b {
    margin-left:7px
}

@media (max-width: 767px) {
    .comments .comment .info .rating img {
        width: 15px;
        height: 14px;
        margin-left:2px
    }
}

.comments .comment > .text {
    margin-top: 7px;
    color:#333
}

.comments .comment .answer {
    color: #333;
    margin-top:28px
}

@media (max-width: 767px) {
    .comments .comment .answer {
        margin-top:14px
    }
}

.comments .comment .answer .text {
    margin-top:7px
}

.comments .comment .answer .title img {
    margin-right:9px
}

@media (max-width: 767px) {
    .comments .comment .answer .title img {
        width: 16px;
        height: 16px;
        margin-top:-4px
    }
}

@media (min-width: 768px) {
    .comments .comment .answer .title img {
        width: 16px;
        height: 16px;
        margin-top:-3px
    }
}

@media (min-width: 992px) {
    .comments .comment .answer .title img {
        width: 19px;
        height: 19px;
        margin-top:-4px
    }
}

@media (min-width: 1200px) {
    .comments .comment .answer .title img {
        width: 19px;
        height: 19px;
        margin-top:-4px
    }
}

@media (min-width: 1600px) {
    .comments .comment .answer .title img {
        width: 19px;
        height: 19px;
        margin-top:-5px
    }
}

.comments .items .page_item {
    display:none
}

.comments .items .page_1 {
    display:block
}

.comments .pagination {
    margin-top:56px
}

@media (max-width: 767px) {
    .comments .pagination {
        margin-top:28px
    }
}

.comments .btn {
    text-align: center;
    margin-top:20px
}

.prices_tbl .tbl_scroll {
    display: block;
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
}

.prices_tbl .tbl_scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height:10px
}

.prices_tbl .tbl_scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color:rgba(0, 0, 0, .3);
}

.tbl {
    width:100%;
    margin-top: 20px;
}

.tbl .tr .td {
    padding:15px 10px
}

.td-n {
min-width: 160px;
}

.tbl .tr:nth-child(2n + 1) .td {
    background:#fff
}

.tbl .tr:nth-child(2n) .td {
    background:#f5f5f5
}

.tbl-b .td:nth-child(1) {
border-right: 3px solid #ffffff
}

.tbl-b .td:nth-child(2) {
border-right: 3px solid #ffffff
}

.tbl .tr .td.td_right {
    text-align:right
}

.tbl .tr.head .td {
    background: #3b93d7;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 5px;
}

.tbl .tr .td .title a {
    color: #206FAC;
    text-decoration:underline
}

.tbl .tr .td .title a:hover, .prices_tbl-n .tbl .tr .td .title a:active, .prices_tbl-n .tbl .tr .td .title a:focus {
    color: #3B93D7;
    text-decoration:underline
}

.tbl .tr .td .price {
    display: block;
    color:#333
}

.tbl .tr .td .sale {
    display: block;
    color: #333;
    margin-top:3px
}

.tbl .tr .td .note {
    display: block;
    margin-top:3px
}

.tbl .tr .td .note.only_theory {
    color:#a6a6a6
}

.tbl .tr .td .note.all_inclusive {
    color:#5AB605
}

.vse-taxi-city {
    display: block;
    clear: both;
    text-align: center;
    background: #ffd400;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    border-radius: 10px;
    color: #121212;
}

.pagination {
    margin-top:56px
}

@media (max-width: 767px) {
    .pagination {
        margin-top:28px
    }
}

.tbl .tr.page_item {
    display:none
}

.tbl .tr.page_1 {
    display:table-row
}


.city_text {
    margin-top: 56px;
    padding-right: 28px;
    padding-left:28px
}

@media (max-width: 767px) {
    .city_text {
        padding-left: 14px;
        padding-right: 14px;
        margin-top:28px
    }
}

.city_text .btn {
    text-align: center;
    padding-top:56px
}

@media (max-width: 767px) {
    .city_text .btn {
        padding-top:28px
    }
}

.simple_text {
    margin-top: 56px;
    padding-right: 28px;
    padding-left:28px
}

@media (max-width: 767px) {
    .simple_text {
        padding-left: 14px;
        padding-right: 14px;
        margin-top:28px
    }
}

.simple_text .block_title {
    margin-bottom:56px
}

@media (max-width: 767px) {
    .simple_text .block_title {
        margin-bottom:28px
    }
}

.ymap {
    height: 800px;
    background: #f8f1c2;
    margin-top:56px
}

@media (max-width: 767px) {
    .ymap {
        height: 320px;
        margin-top:28px
    }
}

.ymap_balloon {
    color: #333;
    display: block;
    text-align:center
}

.ymap_balloon b {
    font-weight: 400;
    display:block
}

.ymap_balloon u {
    margin-top: 3px;
    color: #a6a6a6;
    text-decoration: none;
    display:block
}

.ymap_balloon i {
    margin-top: 7px;
    font-style: normal;
    display:block
}

.ymap_balloon a.link {
    color: #206FAC;
    text-decoration:underline
}

.ymap_balloon a.link:hover, .ymap_balloon a.link:active, .ymap_balloon a.link:focus {
    color: #3B93D7;
    text-decoration:underline
}

.mybtn_ymap {
    margin-top:7px
}

.othercities .cities_list {
    margin-top:20px
}

@media (max-width: 767px) {
    .othercities .cities_list {
        margin-top:20px
    }
}

.othercities .cities_list h5.title {
    color: #a6a6a6;
    margin-bottom: 28px;
    display:block
}

@media (max-width: 767px) {
    .othercities .cities_list h5.title {
        margin-bottom: 14px;
        padding-top: 14px;
        color:#333
    }
}

@media (max-width: 767px) {
    .otherfirms .firms {
        margin-top:-28px
    }
}

@media (max-width: 767px) {
    .fulladvantages .items {
        margin-top:14px
    }
}

.fulladvantages .title {
    display:block
}

@media (max-width: 767px) {
    .fulladvantages .title > i, .fulladvantages .title > i > i {
        display: block;
        width: 28px;
        height: 28px;
        border-radius:50%
    }

    .fulladvantages .title > i {
        display: block;
        background: #fff url(/images/fulladvantages_icon_go1.svg) center center no-repeat;
        background-size: 6px 11px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -14px;
        z-index:1
    }

    .fulladvantages .title > i > i {
        background: #3B93D7 url(/images/fulladvantages_icon_go2.svg) center center no-repeat;
        background-size: 6px 11px;
        opacity:0
    }

    .fulladvantages .title {
        z-index: 2;
        position: relative;
        color: #333;
        border-radius: 7px;
        margin-top: 14px;
        padding: 14px 14px;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
        box-shadow:0 2px 7px 0 rgba(0, 0, 0, .15)
    }

    .fulladvantages .title:hover, .fulladvantages .title:active, .fulladvantages .title:focus {
        background: #3B93D7;
        text-decoration: none;
        color:#fff
    }

    .fulladvantages .title:hover > i, .fulladvantages .title:active > i, .fulladvantages .title:focus > i {
        background-color:#3B93D7
    }

    .fulladvantages .title:hover > i > i, .fulladvantages .title:active > i > i, .fulladvantages .title:focus > i > i {
        opacity:1
    }
}

@media (min-width: 768px) {
    .fulladvantages .title i {
        display:none
    }

    .fulladvantages .title {
        color: #333;
        text-decoration: none;
        margin-top: 56px;
        background: url(/images/fulladvantages_icon.svg) 0 2px no-repeat;
        background-size: 24px 24px;
        padding-left:31px
    }

    .fulladvantages .title:hover, .fulladvantages .title:active, .fulladvantages .title:focus {
        color: #3B93D7;
        text-decoration:underline
    }
}

.discounts .discount {
    background: #fff;
    margin-top:56px
}

@media (max-width: 767px) {
    .discounts .discount {
        margin-top:28px
    }
}

.discounts .discount .title {
    color:#333
}

.discounts .discount .text {
    color: #333;
    margin-top:7px
}

@media (max-width: 991px) {
    .discounts .discount .btn {
        margin-top:14px
    }
}

.prices .items .item {
    background: #f5f5f5;
    margin-top: 15px;
    display: flow-root;
    border: 1px solid #d9d9d9;
}

@media (max-width: 767px) {
    .prices .items .item {
        margin-top:28px
    }
}

.prices .item .title {
    color:#a6a6a6
}

.prices .item .title b {
    display: block;
    color:#333
}

.prices .item .vehicle {
    color: #a6a6a6;
    margin-top:7px
}

.prices .item .price, .prices .item .note, .prices .item .term, .prices .item .info, .prices .item .sale {
    text-align:right
}

.prices .item .price {
    color: #333;
    margin-top:14px
}

.prices .item .price.best {
    color:#5AB605
}

.prices .item .note, .prices .item .term, .prices .item .info, .prices .item .sale {
    margin-top:7px
}

.prices .item .note span {
    display: inline-block;
    padding: 3px 7px;
    border-radius:3px
}

.prices .item .note span.all_inclusive {
    background: #5AB605;
    color:#fff
}

.prices .item .term, .prices .item .info, .prices .item .tariffs {
    color:#333
}

.prices .item .sale {
    color:#CB0404
}

.prices .item .tariffs {
    display: table;
    border-collapse: collapse;
    float: right;
    margin-top:21px
}

.prices .item .tariffs .tr {
    display:table-row
}

.prices .item .tariffs i, .prices .item .tariffs u {
    padding-top: 7px;
    padding-bottom:7px
}

.prices .item .tariffs i {
    text-align:right
}

.prices .item .tariffs u {
    padding-left: 7px;
    text-align:right
}

.prices .item .tariffs .tr.green > u {
    color:#5AB605
}

@media (max-width: 991px) {
    .prices .item .title {
        color:#333
    }

    .prices .item .title b {
        display:inline
    }

    .prices .item .price, .prices .item .note, .prices .item .term, .prices .item .info, .prices .item .sale {
        text-align:left
    }

    .prices .item .tariffs {
        width: 100%;
        float: none;
        margin-top:21px
    }

    .prices .item .tariffs i {
        padding: 5px 0 5px 0;
        text-align:left
    }

    .prices .item .tariffs .tr {
        border-bottom:1px dashed rgba(51, 51, 51, .2)
    }

    .prices .item .btn {
        margin-top:28px
    }
}

.photos .slider_container {
    padding-left: 0;
    padding-right:0
}

@media (max-width: 767px) {
    .photos .slider_container {
        margin-left: 0;
        margin-right:0
    }
}

.photos .slider {
    margin-left: -14px;
    margin-right:-14px
}

@media (max-width: 767px) {
    .photos .slider {
        margin-left: 0;
        margin-right:0
    }
}

.photos .slide {
    padding-left: 14px;
    padding-right:14px
}

@media (max-width: 767px) {
    .photos .slide {
        padding-left: 14px;
        padding-right:14px
    }
}

.photos .slide img, .photos .slide a {
    display:block
}

.photos .slide img {
    display: block;
    width:100%
}

.instructors .slider_container {
    padding-left: 0;
    padding-right:0
}

@media (max-width: 767px) {
    .instructors .slider_container {
        margin-left: 0;
        margin-right:0
    }
}

.instructors .slider {
    margin-left: -14px;
    margin-right: -14px;
    margin-top:56px
}

@media (max-width: 767px) {
    .instructors .slider {
        margin-left: 0;
        margin-right: 0;
        margin-top:28px
    }
}

.instructors .slide {
    padding-left: 14px;
    padding-right:14px
}

@media (max-width: 767px) {
    .instructors .slide {
        padding-left: 14px;
        padding-right:14px
    }
}

.instructors .slide img, .instructors .slide a {
    display:block
}

.instructors .slide img {
    display: block;
    width:100%
}

.instructors .slide b, .instructors .slide i {
    display: block;
    text-align:center
}

.instructors .slide b {
    color: #333;
    margin-top:14px
}

.instructors .slide i {
    color: #a6a6a6;
    margin-top:7px
}

.instructors .slide a {
    text-decoration:none
}

.instructors .slide a:hover, .instructors .slide a:active, .instructors .slide a:focus {
    text-decoration:none
}

@media (max-width: 767px) {
    .instructors .slick-prev, .instructors .slick-next {
        margin-top:-28px
    }
}

@media (min-width: 768px) {
    .instructors .slick-prev, .instructors .slick-next {
        top:116px
    }
}

@media (min-width: 992px) {
    .instructors .slick-prev, .instructors .slick-next {
        top:111px
    }
}

@media (min-width: 1200px) {
    .instructors .slick-prev, .instructors .slick-next {
        top:136px
    }
}

@media (min-width: 1600px) {
    .instructors .slick-prev, .instructors .slick-next {
        top:173px
    }
}

.cars .slider_container {
    padding-left: 0;
    padding-right:0
}

@media (max-width: 767px) {
    .cars .slider_container {
        margin-left: 0;
        margin-right:0
    }
}

.cars .slider {
    margin-left: -14px;
    margin-right: -14px;
    margin-top:56px
}

@media (max-width: 767px) {
    .cars .slider {
        margin-left: 0;
        margin-right: 0;
        margin-top:28px
    }
}

.cars .slide {
    padding-left: 14px;
    padding-right:14px
}

@media (max-width: 767px) {
    .cars .slide {
        padding-left: 14px;
        padding-right:14px
    }
}

.cars .slide img, .cars .slide a {
    display:block
}

.cars .slide img {
    display: block;
    width:100%
}

.cars .slide b, .cars .slide i {
    display: block;
    text-align:center
}

.cars .slide b {
    color: #333;
    margin-top:14px
}

.cars .slide i {
    color: #a6a6a6;
    margin-top:7px
}

.cars .slide a {
    text-decoration:none
}

.cars .slide a:hover, .cars .slide a:active, .cars .slide a:focus {
    text-decoration:none
}

@media (max-width: 767px) {
    .cars .slick-prev, .cars .slick-next {
        margin-top:-28px
    }
}

@media (min-width: 768px) {
    .cars .slick-prev, .cars .slick-next {
        top:87px
    }
}

@media (min-width: 992px) {
    .cars .slick-prev, .cars .slick-next {
        top:83px
    }
}

@media (min-width: 1200px) {
    .cars .slick-prev, .cars .slick-next {
        top:102px
    }
}

@media (min-width: 1600px) {
    .cars .slick-prev, .cars .slick-next {
        top:130px
    }
}

.firm_about {
    padding-top: 60px;
    margin-bottom:-30px
}

@media (max-width: 767px) {
    .firm_about {
        padding-top: 30px;
        padding-right: 20px;
        padding-left:20px
    }
}

.firm_about_content {
    margin-top:45px
}

@media (max-width: 767px) {
    .firm_about_content {
        margin-top:15px
    }
}

@media screen and (min-width: 768px) {
    .modal .modal-dialog {
        width:650px
    }
}

.mezhgorod {
    border: 1px solid #dfdfdf;
    display: flow-root;
    margin-top: 15px;
    padding: 10px;
    border-radius: 5px;
}

.modal .modal-content {
    background: #fff;
    border:none
}

.modal .modal-header button.close {
    width: 16px;
    height: 16px;
    border: none;
    background: url(/images/modal_close_x.svg) 0 0 no-repeat;
    background-size: 16px 32px;
    margin-top: 20px;
    margin-right: 20px;
    opacity:1
}

@media (max-width: 767px) {
    .modal .modal-header button.close {
        margin-top: 7px;
        margin-right:7px
    }
}

.modal .modal-header button.close:hover, .modal .modal-header button.close:active, .modal .modal-header button.close:focus {
    background-position: 0 -16px;
    opacity:1
}

.modal .modal-header {
    padding: 0;
    border:none
}

.modal .modal-body {
    padding:0 0 28px 0
}

@media (max-width: 767px) {
    .modal .modal-body {
        padding:0 0 14px 0
    }
}

.modal .modal-header .title {
    padding: 14px 28px 0 28px;
    text-align:center
}

.modal .modal-header .title b, .modal .modal-header .title i, .modal .modal-header .title u {
    display:block
}

.modal .modal-header .title b, .modal .modal-header .title i {
    color:#333
}

.modal .modal-header .title u {
    color:#a6a6a6
}

.modal .modal-header .title u {
    margin-top:7px
}

.modal .agreement {
    color: #a6a6a6;
    text-align: center;
    padding: 0 28px 0 28px;
    margin-top:28px
}

@media (max-width: 767px) {
    .modal .agreement {
        padding: 0 14px 0 14px;
        margin-top:28px
    }
}

.modal .agreement a {
    color: #a6a6a6;
    text-decoration:underline
}

.modal .agreement a:hover, .modal .agreement a:active, .modal .agreement a:focus {
    color: #3B93D7;
    text-decoration:underline
}

.modal .offer {
    text-align: center;
    color: #333;
    margin-top: 14px;
    padding:28px 28px 28px 28px
}

@media (max-width: 767px) {
    .modal .offer {
        padding:14px 14px 14px 14px
    }
}

#modal_lead.theme_yellow .offer {
    background: #FFF29A;
    border-color:#FFDE02
}

#modal_lead.theme_blue .offer {
    background: #3B93D7;
    color: #fff;
    border-color:#3B93D7
}

#modal_lead.theme_green .offer {
    background: #5AB606;
    color: #fff;
    border-color:#5AB606
}

.modal .offer b {
    display: block;
    margin-bottom:7px
}

#modal_fulladvantages.modal .offer {
    margin-top:4px
}

#modal_fulladvantages .offer p {
    margin-top:10px
}

.modal .inps {
    margin-top:28px
}

.modal .inp {
    margin-top: 28px;
    padding:0 28px 0 28px
}

@media (max-width: 767px) {
    .modal .inp {
        margin-top: 14px;
        padding:0 14px 0 14px
    }
}

.modal .inp .label {
    margin-bottom: 3px;
    color:#333
}

.modal .inp .label i {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url(/images/inp_asterisk.svg) 0 0 no-repeat;
    background-size: 7px 14px;
    margin-bottom: 7px;
    margin-left:3px
}

@media (max-width: 767px) {
    .modal .inp .label i {
        margin-bottom:4px
    }
}

.modal .inp input, .modal .inp textarea {
    width: 100%;
    border: none;
    outline: none;
    background-color: #E5E5E5;
    transition: background-color 150ms;
    border-radius: 14px;
    color:#333
}

.modal .inp textarea::placeholder, .modal .inp input::placeholder {
    color: #a6a6a6;
    opacity:1
}

.modal .inp textarea:-ms-input-placeholder, .modal .inp input:-ms-input-placeholder {
    color:#a6a6a6
}

.modal .inp textarea::-ms-input-placeholder, .modal .inp input::-ms-input-placeholder {
    color:#a6a6a6
}

@media (max-width: 767px) {
    .modal .inp input, .modal .inp textarea {
        padding: 16px 14px 17px 14px;
        border-radius:7px
    }
}

@media (min-width: 768px) {
    .modal .inp input, .modal .inp textarea {
        padding:19px 28px 18px 28px
    }
}

@media (min-width: 992px) {
    .modal .inp input, .modal .inp textarea {
        padding:19px 28px 19px 28px
    }
}

@media (min-width: 1200px) {
    .modal .inp input, .modal .inp textarea {
        padding:23px 28px 23px 28px
    }
}

@media (min-width: 1600px) {
    .modal .inp input, .modal .inp textarea {
        padding:29px 28px 31px 28px
    }
}

.modal .inp input.err, .modal .inp textarea.err {
    background-image: url(/images/inp_error.svg);
    background-repeat: no-repeat;
    background-color:#F5CDCD
}

@media (max-width: 767px) {
    .modal .inp input.err, .modal .inp textarea.err {
        background-position: right 17px top 17px;
        background-size:20px 18px
    }
}

@media (min-width: 768px) {
    .modal .inp input.err, .modal .inp textarea.err {
        background-position: right 19px top 19px;
        background-size:20px 18px
    }
}

@media (min-width: 992px) {
    .modal .inp input.err, .modal .inp textarea.err {
        background-position: right 16px top 16px;
        background-size:30px 27px
    }
}

@media (min-width: 1200px) {
    .modal .inp input.err, .modal .inp textarea.err {
        background-position: right 20px top 20px;
        background-size:30px 27px
    }
}

@media (min-width: 1600px) {
    .modal .inp input.err, .modal .inp textarea.err {
        background-position: right 28px top 29px;
        background-size:30px 27px
    }
}

.inp .rating_stars {
    margin-top:14px
}

.inp .rating_stars i {
    display: block;
    width: 20%;
    float: left;
    clear: none;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/images/comment_rating_star_gray.svg);
    background-size:auto 40px
}

.rating_stars.rating_val_1 i:nth-child(1) {
    background-image:url(/images/comment_rating_star_red.svg)
}

.rating_stars.rating_val_2 i:nth-child(1) {
    background-image:url(/images/comment_rating_star_red.svg)
}

.rating_stars.rating_val_2 i:nth-child(2) {
    background-image:url(/images/comment_rating_star_red.svg)
}

.rating_stars.rating_val_3 i:nth-child(1) {
    background-image:url(/images/comment_rating_star_yellow.svg)
}

.rating_stars.rating_val_3 i:nth-child(2) {
    background-image:url(/images/comment_rating_star_yellow.svg)
}

.rating_stars.rating_val_3 i:nth-child(3) {
    background-image:url(/images/comment_rating_star_yellow.svg)
}

.rating_stars.rating_val_4 i:nth-child(1) {
    background-image:url(/images/comment_rating_star_yellow.svg)
}

.rating_stars.rating_val_4 i:nth-child(2) {
    background-image:url(/images/comment_rating_star_yellow.svg)
}

.rating_stars.rating_val_4 i:nth-child(3) {
    background-image:url(/images/comment_rating_star_yellow.svg)
}

.rating_stars.rating_val_4 i:nth-child(4) {
    background-image:url(/images/comment_rating_star_yellow.svg)
}

.rating_stars.rating_val_5 i:nth-child(1) {
    background-image:url(/images/comment_rating_star_green.svg)
}

.rating_stars.rating_val_5 i:nth-child(2) {
    background-image:url(/images/comment_rating_star_green.svg)
}

.rating_stars.rating_val_5 i:nth-child(3) {
    background-image:url(/images/comment_rating_star_green.svg)
}

.rating_stars.rating_val_5 i:nth-child(4) {
    background-image:url(/images/comment_rating_star_green.svg)
}

.rating_stars.rating_val_5 i:nth-child(5) {
    background-image:url(/images/comment_rating_star_green.svg)
}

.modal .btn {
    margin-top: 28px;
    padding:0 28px 0 28px
}

@media (max-width: 767px) {
    .modal .btn {
        margin-top: 14px;
        padding:0 14px 0 14px
    }
}

#modal_lead .counter {
    text-align: center;
    color: #333;
    margin-top:14px
}

#modal_thanks .icon {
    text-align:center
}

#modal_thanks .text {
    text-align: center;
    color: #333;
    margin-top: 14px;
    padding:0 28px 0 28px
}

@media (max-width: 767px) {
    #modal_thanks .text {
        padding:0 14px 0 14px
    }
}

#modal_thanks.theme_yellow .modal-content {
    background:#FFDE02
}

#modal_thanks.theme_yellow .text {
    color:#333
}

#modal_thanks.theme_blue .modal-content {
    background:#3B93D7
}

#modal_thanks.theme_blue .text {
    color:#fff
}

#modal_thanks.theme_green .modal-content {
    background:#5AB606
}

#modal_thanks.theme_green .text {
    color:#fff
}

#modal_thanks .text b {
    display: block;
    margin-bottom:7px
}

#modal_thanks .modal-header button.close {
    background:url(/images/modal_close_x1.svg) 0 0 no-repeat
}

#modal_thanks .modal-header button.close:hover, #modal_thanks .modal-header button.close:active, #modal_thanks .modal-header button.close:focus {
    background-position: 0 -16px;
    opacity: 1
}

.photo-company{
    border-radius: 28px;
    margin: 1em;
    max-height: 20em;
    max-width: 25em;
}

.trip-description{
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px;
    margin-top: .5em;
    color: #a6a6a6;
}

.svg-search{
    height: 3em;
    fill: black;
    padding: 8px;
}

.text-muted{
    color: #A6A6A6;
}

.map-icon{
    height: 1.5em;
    margin-left: .3em;
}

.text-red{
    color: red;
}

.unit.services-desc{
    padding-left: 0!important;
}

@media screen and (max-width: 767px) {
    
    .photo-company{
        margin-left: 0;
        margin-right: 0;
    }
}

.card-taxi-container{
    margin-top: 56px;
    background-color: #fff;
    padding: 28px;
    border-radius: 28px;
}

.type-rout{
    color: #a6a6a6;
    margin-bottom: 28px;
    display: block;
}

.rout-item:hover{
    background-color: #FFDE02;
}

.rout-icon{
    height: 1em;
}

.pagination-routs{
    margin-top: 56px;
    display: block;
    text-align: center;
    margin: 0;
}
.pagination-link_routs{
    background-color: #fff;
    color: #333;
    width: 56px;
    height: 56px;
    line-height: 56px;
}
.pagination-link_routs a{
    display: inline-block;
    font-weight: 400;
    text-decoration: none;
    border-radius: 50%;
}
.pagination-link_routs.ative{
    background-color: #000000;
    color: #fff;
}

.routs .routs-items .page_item:not(.page_1) {
    display: none;
}

#search-res{
    z-index: 1;
}

.search {
    position: relative;
}

#search-res {
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
}

.error-404-img{
    height: 150px;
}

.ya-share2 {
    text-align: center;
    margin-top: 20px;
}

.mt-1em{
    margin-top: 1em;
}

.mb-1em{
    margin-bottom: 1em;
}

@media screen and (max-width: 767px){
    .menu-items{
        display: block;
    }
    .m-mb-15{
        margin-bottom: 15px;
    }
    .mobile-menu-open{
        display: block;
    }
    .m-d-none {
    display: none;
}
}

.sidebar-header {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
}

.sidebar-title {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 5px 0;
}

.sidebar-subtitle {
    font-size: 14px;
    color: #7f8c8d;
}

/* Список городов */
.cities-list {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 5px;
}

.cities-list::-webkit-scrollbar {
    width: 6px;
}

.cities-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.cities-list::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.cities-list::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Элемент города */
.city-item {
    display: block;
    padding: 16px;
    margin-bottom: 12px;
    background: #f8f9fa;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: all 0.25s ease;
    border: 1px solid #e9ecef;
    position: relative;
    overflow: hidden;
}

.city-item:hover {
    background: #edf2f7;
    border-color: var(--type-color, #3498db);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(52, 152, 219, 0.15);
}

.city-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--type-color, #3498db);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.city-item:hover:before {
    opacity: 1;
}

.city-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.city-icon {
    font-size: 24px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    flex-shrink: 0;
}

.city-info {
    flex: 1;
    min-width: 0; /* Для правильного обрезания текста */
}

.city-name {
    font-weight: 600;
    color: #2c3e50;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.city-type {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 12px;
    text-transform: lowercase;
}

.city-distance {
    font-size: 13px;
    color: #7f8c8d;
    font-weight: 500;
    background: #f1f3f4;
    padding: 4px 10px;
    border-radius: 15px;
    white-space: nowrap;
    flex-shrink: 0;
}

.distance-value {
    color: #2c3e50;
    font-weight: 600;
}

.city-details {
    display: flex;
    gap: 20px;
    font-size: 13px;
    color: #666;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.city-param {
    display: flex;
    align-items: center;
    gap: 6px;
}

.city-param svg {
    color: #7f8c8d;
    flex-shrink: 0;
}

/* Состояние пустого списка */
.cities-empty {
    text-align: center;
    padding: 30px 15px;
    color: #95a5a6;
}

.cities-empty svg {
    margin-bottom: 15px;
    color: #bdc3c7;
}

.cities-empty p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}

/* Футер */
.sidebar-footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
    text-align: center;
}

.view-all-link {
    display: inline-block;
    color: #3498db;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 6px;
    transition: all 0.25s ease;
}

.view-all-link:hover {
    color: #2980b9;
    background: #ebf5fb;
}

/* Адаптивность */
@media (max-width: 768px) {
    .sidebar-cities {
        padding: 15px;
    }
    
    .city-item {
        padding: 12px;
    }
    
    .city-name {
        font-size: 15px;
    }
    
    .city-icon {
        width: 36px;
        height: 36px;
        font-size: 20px;
    }
    
    .city-type {
        font-size: 10px;
        padding: 2px 6px;
    }
    
    .city-details {
        font-size: 12px;
        gap: 15px;
    }
}

/* Анимация появления */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.city-item {
    animation: slideIn 0.3s ease forwards;
    animation-delay: calc(var(--item-index, 0) * 0.05s);
    opacity: 0;
}

/* Список компаний */
.companies-list {
    max-height: 600px;
    overflow-y: auto;
    padding-right: 5px;
}

.companies-list::-webkit-scrollbar {
    width: 6px;
}

.companies-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.companies-list::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.companies-list::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Элемент компании */
.company-item {
    display: block;
    padding: 16px;
    margin-bottom: 12px;
    background: #f8f9fa;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: all 0.25s ease;
    border: 1px solid #e9ecef;
    position: relative;
    overflow: hidden;
}

.company-item:hover {
    background: #edf2f7;
    border-color: #3498db;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(52, 152, 219, 0.15);
}

.company-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #3498db;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.company-item:hover:before {
    opacity: 1;
}

.company-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.company-name {
    font-weight: 600;
    color: #2c3e50;
    font-size: 15px;
    line-height: 1.3;
    flex: 1;
    padding-right: 10px;
}

.company-price {
    font-size: 14px;
    color: #27ae60;
    font-weight: 600;
    background: #d5f4e6;
    padding: 4px 10px;
    border-radius: 15px;
    white-space: nowrap;
    flex-shrink: 0;
}

.company-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 13px;
}

.company-phone,
.company-worktime {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #555;
}

.company-phone svg,
.company-worktime svg {
    color: #7f8c8d;
    flex-shrink: 0;
}

.company-rating {
    display: flex;
    align-items: center;
    gap: 5px;
}

.star {
    font-size: 16px;
    line-height: 1;
}

.star.full {
    color: #f39c12;
}

.star.half {
    color: #f39c12;
    position: relative;
}

.star.half:after {
    content: '☆';
    color: #ddd;
    position: absolute;
    left: 0;
    width: 50%;
    overflow: hidden;
}

.star.empty {
    color: #ddd;
}

.rating-value {
    margin-left: 8px;
    font-size: 13px;
    color: #7f8c8d;
    font-weight: 600;
    background: #f1f3f4;
    padding: 2px 6px;
    border-radius: 10px;
}

/* VIP маркер (опционально) */
.company-vip {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, #ffd700, #ffed4e);
    color: #8b6508;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(255, 215, 0, 0.3);
}

/* Адаптивность */
@media (max-width: 768px) {
    .sidebar-companies {
        padding: 15px;
    }
    
    .company-item {
        padding: 12px;
    }
    
    .company-name {
        font-size: 14px;
    }
    
    .company-price {
        font-size: 13px;
        padding: 3px 8px;
    }
    
    .company-info {
        font-size: 12px;
    }
    
    .star {
        font-size: 14px;
    }
}

/* Анимация появления */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.company-item {
    animation: slideIn 0.3s ease forwards;
    animation-delay: calc(var(--item-index, 0) * 0.05s);
    opacity: 0;
}

/* Список маршрутов */
.routes-list {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 5px;
}

/* Стили скроллбара */
.routes-list::-webkit-scrollbar {
    width: 6px;
}

.routes-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.routes-list::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.routes-list::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Элемент маршрута */
.route-item {
    display: block;
    padding: 12px 15px;
    margin-bottom: 10px;
    background: #f8f9fa;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: all 0.25s ease;
    border: 1px solid transparent;
}

.route-item:hover {
    background: #edf2f7;
    border-color: #3498db;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.15);
}

.route-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.route-city {
    font-weight: 500;
    color: #2c3e50;
    font-size: 15px;
    line-height: 1.3;
}

.route-price {
    font-size: 14px;
    color: #27ae60;
    font-weight: 600;
    background: #d5f4e6;
    padding: 3px 8px;
    border-radius: 12px;
    white-space: nowrap;
    margin-left: 10px;
}

.route-details {
    display: flex;
    gap: 15px;
    font-size: 13px;
    color: #666;
}

.route-distance,
.route-duration {
    display: flex;
    align-items: center;
    gap: 6px;
}

.route-distance svg,
.route-duration svg {
    color: #7f8c8d;
    flex-shrink: 0;
}

/* Состояние пустого списка */
.routes-empty {
    text-align: center;
    padding: 30px 15px;
    color: #95a5a6;
}

.routes-empty svg {
    margin-bottom: 15px;
    color: #bdc3c7;
}

.routes-empty p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}

/* Адаптивность */
@media (max-width: 768px) {
    .sidebar-routes {
        padding: 15px;
    }
    
    .route-item {
        padding: 10px 12px;
    }
    
    .route-city {
        font-size: 14px;
    }
    
    .route-price {
        font-size: 13px;
        padding: 2px 6px;
    }
    
    .route-details {
        font-size: 12px;
    }
}

/* Анимация появления */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.route-item {
    animation: fadeIn 0.3s ease forwards;
    animation-delay: calc(var(--item-index, 0) * 0.05s);
    opacity: 0;
}

/* ===== ФУТЕР ===== */

.footer {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    color: #fff;
    position: relative;
    padding-top: 60px;
    margin-top: 80px;
    overflow: hidden;
}

.footer__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

/* Верхняя часть футера */
.footer__top {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 60px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 992px) {
    .footer__top {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* Левая колонка с логотипом */
.footer__column--logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer__logo {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    text-decoration: none;
    transition: opacity 0.3s;
}

.footer__logo:hover {
    opacity: 0.9;
}

.footer__logo img {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    object-fit: cover;
}

.footer__logo span {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}

.footer__descr {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 320px;
}

/* Меню футера */
.footer__menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

@media (max-width: 768px) {
    .footer__menu {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

.menu-footer__col {
    display: flex;
    flex-direction: column;
}

.menu-footer__label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    user-select: none;
}

.menu-footer__arrow {
    display: none;
    transition: transform 0.3s ease;
}

@media (max-width: 768px) {
    .menu-footer__arrow {
        display: block;
    }
    
    .menu-footer__col.active .menu-footer__arrow {
        transform: rotate(180deg);
    }
}

.menu-footer__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

@media (max-width: 768px) {
    .menu-footer__links {
        display: none;
    }
    
    .menu-footer__col.active .menu-footer__links {
        display: block;
    }
}

.menu-footer__link {
    margin-bottom: 12px;
}

.menu-footer__link:last-child {
    margin-bottom: 0;
}

.menu-footer__link a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 15px;
    line-height: 1.5;
    transition: all 0.3s;
    display: inline-block;
}

.menu-footer__link a:hover {
    color: #fff;
    transform: translateX(5px);
}

/* Нижняя часть футера */
.footer__bottom {
    padding: 25px 0;
    background: rgba(0, 0, 0, 0.2);
}

.footer__inner-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 768px) {
    .footer__inner-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

.footer__copyright {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

.footer__policy {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    text-decoration: none;
    transition: color 0.3s;
}

.footer__policy:hover {
    color: #fff;
    text-decoration: underline;
}

.footer__contact-us {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

.footer__contact-us a {
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s;
}

.footer__contact-us a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Декоративный элемент */
.footer__decor {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.1;
    pointer-events: none;
    z-index: 1;
    max-width: 50%;
}

@media (max-width: 768px) {
    .footer__decor {
        display: none;
    }
}

/* Анимация для мобильного меню */
@keyframes slideDown {
    from {
        opacity: 0;
        max-height: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        max-height: 500px;
        transform: translateY(0);
    }
}

.menu-footer__links {
    animation: slideDown 0.3s ease-out forwards;
}

/* Дополнительные стили для иконок */
.menu-footer__link a::before {
    content: '→';
    margin-right: 8px;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    display: inline-block;
}

.menu-footer__link a:hover::before {
    opacity: 1;
    transform: translateX(-3px);
}

/* Эффект при наведении на всю карточку меню */
.menu-footer__col:hover .menu-footer__label {
    color: #007bff;
}

/* Адаптация для очень маленьких экранов */
@media (max-width: 480px) {
    .footer {
        padding-top: 40px;
        margin-top: 60px;
    }
    
    .footer__top {
        padding-bottom: 30px;
    }
    
    .footer__logo {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .footer__logo span {
        font-size: 20px;
    }
    
    .footer__descr {
        font-size: 14px;
    }
    
    .menu-footer__label {
        font-size: 16px;
        margin-bottom: 15px;
    }
    
    .menu-footer__link a {
        font-size: 14px;
    }
    
    .footer__inner-bottom {
        font-size: 13px;
    }
}