* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

html body {
    width: 100%;
    height: 100% !important;
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    background: #2b2b2b;
}

html body main {
    max-width: 1920px;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    background: #fff;
    color: #1A2643;
}

html body footer {
    max-width: 1920px;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    background: #1A2643;
    color: #fff;
}

html body footer .content {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

html body footer .content .contacts {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
}

html body footer .content .contacts .contact {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
}

html body footer .content .contacts .contact img {
    filter: brightness(0) saturate(100%) invert(65%) sepia(59%) saturate(566%) hue-rotate(346deg) brightness(100%) contrast(97%);
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
}

html body footer .content > img {
    width: 250px;
    height: auto;
    object-fit: contain;
    object-position: center;
}

html body footer .content .socials {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

html body footer .content .socials a img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(65%) sepia(59%) saturate(566%) hue-rotate(346deg) brightness(100%) contrast(97%);
}

@media screen and (max-width: 1024px) {
    html body footer {
        flex-flow: column nowrap;
    }
}

@media screen and (max-width: 744px) {
    html body footer .content {
        flex-flow: column nowrap;
    }

    html body footer .content .contacts {
        order: 2;
        width: 100%;
        align-items: center;
        max-width: 250px;
    }

    html body footer .content .contacts a {
        width: 100%;
        justify-content: space-between;
    }

    html body footer .content > img {
        order: 1;
    }

    html body footer .content .socials {
        order: 3;
    }

    html body footer .content .socials a img {
        width: 32px;
        height: 32px;
    }
}

html body .copyright {
    max-width: 1920px;
    width: 100%;
    background: #1A2643;
    color: #ffffff50;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    font-size: 12px;
    padding: 5px;
}

html body .copyright a {
    color: #ffffff50;
    text-decoration: none;
}

html body .copyright:hover {
    color: #fff;
}

html body .copyright:hover a {
    color: #fff;
    text-decoration: underline;
}

html body aside {
    height: 100%;
    min-width: 240px;
    width: 300px;
    background: #1A2643;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

@media screen and (max-width: 1200px) {
    html body aside {
        display: none;
    }
}

html body aside img {
    padding: 10px;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}

html body aside .secondary_menu {
    width: 100%;
    padding: 10px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

html body aside .secondary_menu a {
    color: #fff;
    white-space: nowrap;
}

html body aside .secondary_menu a img {
    filter: brightness(0) saturate(100%) invert(94%) sepia(94%) saturate(7309%) hue-rotate(177deg) brightness(130%) contrast(110%);
}

html body aside .secondary_menu .sub_menu {
    width: 100%;
    padding: 0 10px 10px 20px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

html body .content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

html body .content header {
    position: relative;
    padding: 15px 0 0 0;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: flex-start;
    background: url("../img/banner.png") no-repeat top left fixed;
    background-size: cover;
}

html body .content header nav {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    padding: 10px;
    gap: 10px;
}

html body .content header nav a {
    white-space: nowrap;
    color: #fff;
    font-weight: bold;
}

html body .content header nav a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1200px) {
    html body .content header nav {
        display: none;
    }
}

html body .content header .icons {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    padding: 10px;
    gap: 10px;
}

html body .content header .icons .icon {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background: #fff;
    color: #1A2643;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

html body .content header .icons .icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(12%) sepia(33%) saturate(1387%) hue-rotate(187deg) brightness(90%) contrast(92%);
}

html body .content header .icons .icon.menu {
    display: none;
}

@media screen and (max-width: 1200px) {
    html body .content header .icons .icon.menu {
        display: flex;
    }
}

html body .content header .icons .icon.language {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 16px;
}

html body .content header .icons .icon.notification span {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    width: 24px;
    height: 24px;
    border: 1px solid #1A2643;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    color: #1A2643;
    font-size: small;
}

html body .content header .icons .icon.user span {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    width: 24px;
    height: 24px;
    border: 1px solid #1A2643;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    color: #1A2643;
    font-size: small;
}

html body .content header .list {
    z-index: 20;
    position: absolute;
    top: 75px;
    background: #fff;
    border: 1px solid #F3F4F4;
    padding: 10px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #00000050;
}

html body .content header .list.menu_list {
    right: 10px;
    width: 220px;
}

@media screen and (max-width: 512px) {
    html body .content header .list.menu_list {
        width: calc(100% - 20px);
    }
}

html body .content header .list.language_list {
    right: 10px;
    width: 160px;
}

@media screen and (max-width: 512px) {
    html body .content header .list.language_list {
        width: calc(100% - 20px);
    }
}

html body .content header .list.notification_list {
    right: 10px;
    width: 250px;
}

@media screen and (max-width: 512px) {
    html body .content header .list.notification_list {
        width: calc(100% - 20px);
    }
}

html body .content header .list.user_list {
    right: 10px;
    width: 200px;
}

@media screen and (max-width: 512px) {
    html body .content header .list.user_list {
        width: calc(100% - 20px);
    }
}

html body .content header .list .primary {
    display: none;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
}

@media screen and (max-width: 512px) {
    html body .content header .list .primary {
        display: flex;
    }
}

html body .content header .list .secondary {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
}

html body .content header .list .secondary .sub_menu {
    padding: 0 0 0 10px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
}

html body .content header .list a {
    text-decoration: none;
    color: #1A2643;
    font-weight: 700;
}

html body .content header .list a:hover {
    text-decoration: underline;
}

html body .content section {
    z-index: 10;
    background: #fff;
    width: calc(100% - 20px);
    padding: 10px;
    margin: 10px;
}

html body .content section form .help_icon {
    filter: brightness(0) saturate(100%) invert(65%) sepia(59%) saturate(566%) hue-rotate(346deg) brightness(100%) contrast(97%);
    width: 16px;
    height: 16px;
    object-fit: contain;
    object-position: center;
}

html body .content section.search {
    margin: -20px 10px 10px 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #00000050;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

html body .content section.search .double_search {
    max-width: 1000px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

html body .content section.search .double_search .inputs {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: center;
    gap: 10px;
}

html body .content section.search .double_search .inputs .from .title,
html body .content section.search .double_search .inputs .to .title,
html body .content section.search .double_search .inputs .date .title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

html body .content section.search .double_search .inputs .from .title label.not_empty,
html body .content section.search .double_search .inputs .to .title label.not_empty,
html body .content section.search .double_search .inputs .date .title label.not_empty {
    padding: 0 0 0 10px;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

html body .content section.search .double_search .inputs .from .title label.not_empty span,
html body .content section.search .double_search .inputs .to .title label.not_empty span,
html body .content section.search .double_search .inputs .date .title label.not_empty span {
    width: 100%;
}

html body .content section.search .double_search .inputs .from .info,
html body .content section.search .double_search .inputs .to .info,
html body .content section.search .double_search .inputs .date .info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

@media screen and (max-width: 1024px) {
    html body .content section.search .double_search .inputs .from .info input[type="text"],
    html body .content section.search .double_search .inputs .to .info input[type="text"],
    html body .content section.search .double_search .inputs .date .info input[type="text"] {
        width: 150px;
    }
}

@media screen and (max-width: 810px) {
    html body .content section.search .double_search .inputs .from .info input[type="text"],
    html body .content section.search .double_search .inputs .to .info input[type="text"],
    html body .content section.search .double_search .inputs .date .info input[type="text"] {
        width: 140px;
    }
}

@media screen and (max-width: 744px) {
    html body .content section.search .double_search .inputs .from .info input[type="text"].date,
    html body .content section.search .double_search .inputs .to .info input[type="text"].date,
    html body .content section.search .double_search .inputs .date .info input[type="text"].date {
        width: 80px;
    }
}

html body .content section.search .double_search .inputs img.toggle {
    width: 32px;
    height: 32px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(12%) sepia(33%) saturate(1387%) hue-rotate(187deg) brightness(90%) contrast(92%);
    cursor: pointer;
}

@media screen and (max-width: 690px) {
    html body .content section.search .double_search .inputs {
        flex-flow: column nowrap;
        gap: 10px;
    }

    html body .content section.search .double_search .inputs img.toggle {
        display: none;
    }

    html body .content section.search .double_search .inputs .from,
    html body .content section.search .double_search .inputs .to,
    html body .content section.search .double_search .inputs .date {
        width: 100%;
    }

    html body .content section.search .double_search .inputs .from .info input[type="text"],
    html body .content section.search .double_search .inputs .to .info input[type="text"],
    html body .content section.search .double_search .inputs .date .info input[type="text"] {
        width: 100%;
    }

    html body .content section.search .double_search .inputs .from .info input[type="text"].date,
    html body .content section.search .double_search .inputs .to .info input[type="text"].date,
    html body .content section.search .double_search .inputs .date .info input[type="text"].date {
        width: 100%;
    }
}

html body .content section.search .double_search .buttons {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: center;
    gap: 10px;
    width: 100%;
    text-transform: uppercase;
}

html body .content section.search .double_search .buttons button,
html body .content section.search .double_search .buttons .button {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    font-weight: 700;
    width: 200px;
    text-decoration: none;
}

html body .content section.search .double_search .buttons button img,
html body .content section.search .double_search .buttons .button img {
    height: 24px;
    width: 50px;
    object-fit: contain;
    object-position: center;
}

html body .content section.search .double_search .buttons button:hover,
html body .content section.search .double_search .buttons .button:hover {
    box-shadow: 2px 2px 2px #00000050;
}

html body .content section.search .double_search .buttons button:active,
html body .content section.search .double_search .buttons .button:active {
    box-shadow: inset 2px 2px 2px #00000050;
}

html body .content section.search .double_search .buttons .search_car {
    background: #1A2643;
    color: #fff;
}

html body .content section.search .double_search .buttons .search_car img {
    filter: brightness(0) saturate(100%) invert(94%) sepia(94%) saturate(7309%) hue-rotate(177deg) brightness(130%) contrast(110%);
}

html body .content section.search .double_search .buttons .search_cargo {
    background: #FBA637;
    color: #1A2643;
}

html body .content section.search .double_search .buttons .search_cargo img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(33%) saturate(1387%) hue-rotate(187deg) brightness(90%) contrast(92%);
}

@media screen and (max-width: 430px) {
    html body .content section.search .double_search .buttons {
        flex-flow: column nowrap;
    }

    html body .content section.search .double_search .buttons button,
    html body .content section.search .double_search .buttons .button {
        width: 100%;
        text-decoration: none;
    }
}

html body .content section.title {
    padding: 10px;
    margin: 0;
    width: 100%;
    height: 100px;
    background: #1A2643;
    color: #fff;
}

html body .content section.title h1 {
    text-transform: uppercase;
}

html body .content section.title h1 .colored {
    color: #FBA637;
}

html body .content section.page {
    padding: 0;
    margin: 0;
    width: 100%;
}

html body .content section.page article {
    margin: 10px;
    padding: 10px;
}

html body .content section.page article .colored {
    color: #FBA637;
}

@media screen and (min-width: 769px) {
    html body .content section.page article .column_two {
        width: 100%;
        order: 1;
    }

    html body .content section.page article .column_one {
        order: 2;
    }
}

@media screen and (max-width: 768px) {
    html body .content section.page article .column_two {
        width: 100%;
        order: 2;
    }

    html body .content section.page article .column_one {
        order: 1;
    }
}

html body .content section.page article.about {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

html body .content section.page article.about img {
    border: 2px solid #FBA637;
    width: 700px;
}

@media screen and (max-width: 1440px) {
    html body .content section.page article.about img {
        width: 500px;
    }
}

@media screen and (max-width: 1366px) {
    html body .content section.page article.about img {
        width: 400px;
    }
}

@media screen and (max-width: 1024px) {
    html body .content section.page article.about img {
        width: 300px;
    }
}

html body .content section.page article.about button,
html body .content section.page article.about .button {
    background: #FBA637;
    width: 100%;
    border: 0;
    outline: 0;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #00000050;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    html body .content section.page article.about {
        flex-flow: column nowrap;
        align-items: center;
    }

    html body .content section.page article.about .info {
        width: calc(100% - 20px);
    }

    html body .content section.page article.about img {
        width: calc(100% - 20px);
    }
}

html body .content section.page article.help .carousel_row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

html body .content section.page article.help .carousel_row .carousel {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

html body .content section.page article.help .carousel_row .carousel img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}

html body .content section.page article.news .all_news {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

html body .content section.page article.news .all_news .news_list {
    width: 100%;
    max-width: 1300px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

html body .content section.page article.news .all_news .news_list .news_item {
    position: relative;
    cursor: pointer;
}

html body .content section.page article.news .all_news .news_list .news_item .hover {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 350px;
    background: #1A2643;
    color: #fff;
    display: none;
}

html body .content section.page article.news .all_news .news_list .news_item img {
    width: 300px;
    height: 350px;
    object-fit: cover;
    object-position: center;
    border: 2px solid #1A2643;
}

html body .content section.page article.news .all_news .news_list .news_item:hover .hover {
    opacity: 0.7;
    padding: 10px;
    display: block;
}

html body .content section.page article.news .all_news button,
html body .content section.page article.news .all_news .button {
    padding: 10px 20px;
    border-radius: 5px;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-weight: 700;
    background: #FBA637;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}

html body .content section.page article.news .news_list {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

html body .content section.page article.news .news_list .one_news {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

html body .content section.page article.news .news_list .one_news .news_content {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

html body .content section.page article.news .news_list .one_news .news_content .info {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 200px;
    gap: 10px;
}

html body .content section.page article.news .news_list .one_news .news_content .info h2 {
    font-size: 24px;
    font-weight: 700;
    min-height: 57px;
}

html body .content section.page article.news .news_list .one_news .news_content .info .short {
    min-height: 59px;
}

html body .content section.page article.news .news_list .one_news .news_content .info button,
html body .content section.page article.news .news_list .one_news .news_content .info .button {
    background: #FBA637;
    border: 0;
    outline: 0;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #00000050;
    min-width: 170px;
    text-decoration: none;
}

html body .content section.page article.news .news_list .one_news .news_content .info .line {
    min-height: 5px;
    height: 5px;
    max-height: 5px;
    background: #FBA637;
    width: 100%;
}

html body .content section.page article.news .news_list .one_news .news_content img {
    width: 170px;
    height: 200px;
    object-fit: cover;
    object-position: center;
    border: 4px solid #1A2643;
}

@media screen and (max-width: 730px) {
    html body .content section.page article.news .news_list .one_news .news_content {
        flex-flow: column nowrap;
        align-items: center;
    }

    html body .content section.page article.news .news_list .one_news .news_content .info {
        order: 2;
        width: 100%;
    }

    html body .content section.page article.news .news_list .one_news .news_content .info button,
    html body .content section.page article.news .news_list .one_news .news_content .info .button {
        width: 100%;
    }

    html body .content section.page article.news .news_list .one_news .news_content .info .line {
        width: 100%;
    }

    html body .content section.page article.news .news_list .one_news .news_content img {
        order: 1;
    }
}

@media screen and (min-width: 730px) {
    html body .content section.page article.news .news_list .one_news:nth-child(odd) .news_content {
        flex-flow: row-reverse nowrap;
    }

    html body .content section.page article.news .news_list .one_news:nth-child(odd) .news_content .info {
        align-items: flex-end;
    }
}

html body .content section.page article.news .news_info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

html body .content section.page article.news .news_info img {
    width: 400px;
    height: auto;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 730px) {
    html body .content section.page article.news .news_info {
        flex-flow: column nowrap;
        align-items: center;
    }
}

html body .content section.page article.contact {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

html body .content section.page article.contact .forms {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

html body .content section.page article.contact .forms .mail,
html body .content section.page article.contact .forms .phone {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    min-height: 100px;
}

html body .content section.page article.contact .forms .mail form,
html body .content section.page article.contact .forms .phone form {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    border-radius: 5px;
}

html body .content section.page article.contact .forms .mail form label,
html body .content section.page article.contact .forms .phone form label {
    width: 100%;
}

html body .content section.page article.contact .forms .mail form label input,
html body .content section.page article.contact .forms .phone form label input {
    width: 100%;
    background: #ffffffA0;
}

html body .content section.page article.contact .forms .mail form label textarea,
html body .content section.page article.contact .forms .phone form label textarea {
    width: 100%;
    background: #ffffffA0;
}

html body .content section.page article.contact .forms .mail form h5,
html body .content section.page article.contact .forms .phone form h5 {
    min-height: 90px;
    text-align: center;
}

html body .content section.page article.contact .forms .mail form button,
html body .content section.page article.contact .forms .phone form button,
html body .content section.page article.contact .forms .mail form .button,
html body .content section.page article.contact .forms .phone form .button {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-weight: 700;
    box-shadow: 2px 2px 2px #00000050;
    text-decoration: none;
}

html body .content section.page article.contact .forms .mail {
    color: #1A2643;
    background: url("../public/assets/img/mail.png") center center no-repeat, #FBA637;
}

html body .content section.page article.contact .forms .mail form button,
html body .content section.page article.contact .forms .mail form .button {
    background: #1A2643;
    color: #fff;
}

html body .content section.page article.contact .forms img {
    width: calc(100% - 600px);
    object-fit: cover;
    object-position: center;
}

html body .content section.page article.contact .forms .phone {
    color: #fff;
    background: url("../public/assets/img/phone.png") center center no-repeat, #1A2643;
}

html body .content section.page article.contact .forms .phone form .empty {
    width: 100%;
    height: 80px !important;
}

@media screen and (max-width: 730px) {
    html body .content section.page article.contact .forms .phone form .empty {
        display: none;
    }
}

html body .content section.page article.contact .forms .phone form button,
html body .content section.page article.contact .forms .phone form .button {
    background: #FBA637;
    color: #fff;
}

@media screen and (max-width: 730px) {
    html body .content section.page article.contact .forms {
        flex-flow: column nowrap;
        align-items: center;
    }

    html body .content section.page article.contact .forms .mail,
    html body .content section.page article.contact .forms .phone,
    html body .content section.page article.contact .forms img {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
}

html body .content section.page article.partners span {
    padding: 5px 0;
}

html body .content section.page article.partners span img {
    padding: 0 10px;
    object-fit: contain;
    object-position: center;
    border: 1px solid #00000050;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #00000050;
}

html body .content section.page article.faq .list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

html body .content section.page article.faq .list .questions {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

html body .content section.page article.faq .list .questions .items {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

html body .content section.page article.faq .list .questions .items .faq_item {
    padding: 10px;
    width: 100%;
    text-overflow: ellipsis;
    background: #1A2643;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 2px 2px 2px #00000050;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

html body .content section.page article.faq .list .questions .items .faq_item span {
    width: 100%;
}

html body .content section.page article.faq .list .questions .items .faq_item button,
html body .content section.page article.faq .list .questions .items .faq_item .button {
    white-space: nowrap;
    background: #FBA637;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
}

html body .content section.page article.faq .list .questions > button,
html body .content section.page article.faq .list .questions .button {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-weight: 700;
    box-shadow: 2px 2px 2px #00000050;
    background: #FBA637;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    html body .content section.page article.faq .list .questions {
        width: 350px;
        min-width: 350px;
        max-width: 350px;
    }
}

@media screen and (max-width: 768px) {
    html body .content section.page article.faq .list .questions {
        width: 300px;
        min-width: 300px;
        max-width: 300px;
    }
}

@media screen and (max-width: 690px) {
    html body .content section.page article.faq .list .questions {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
}

html body .content section.page article.faq .list .answer {
    width: 100%;
    padding: 10px;
    border: 1px solid #00000050;
}

@media screen and (max-width: 690px) {
    html body .content section.page article.faq .list {
        flex-flow: column nowrap;
        align-items: center;
    }
}

html body .content section.page article.price {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 50px;
}

html body .content section.page article.price .item {
    border: 1px solid #1A2643;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 2px 2px 2px #00000050;
    width: 600px;
}

html body .content section.page article.price .item .info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
}

html body .content section.page article.price .item .info img {
    width: 250px;
}

html body .content section.page article.price .item .info ul.listing {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

html body .content section.page article.price .item .info ul.listing li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

html body .content section.page article.price .item .info ul.listing li img.icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
}

html body .content section.page article.price .item button {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-weight: 700;
    box-shadow: 2px 2px 2px #00000050;
    background: #FBA637;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    html body .content section.page article.price .item {
        width: 450px;
    }

    html body .content section.page article.price .item .info img {
        width: 150px;
    }
}

@media screen and (max-width: 512px) {
    html body .content section.page article.price .item {
        width: 350px;
    }

    html body .content section.page article.price .item .info {
        flex-flow: column nowrap;
    }

    html body .content section.page article.price .item .info img {
        width: 250px;
    }
}

html body .content section.page article.payment {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

html body .content section.page article.payment form {
    width: 400px;
    border: 1px solid #00000050;
    padding: 50px 10px 10px 10px;
    border-radius: 10px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    box-shadow: 2px 2px 2px #00000050;
}

html body .content section.page article.payment form label {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

html body .content section.page article.payment form .select-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
}

html body .content section.page article.payment form .select-row label {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

html body .content section.page article.payment form button {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-weight: 700;
    box-shadow: 2px 2px 2px #00000050;
    background: #1A2643;
    color: #fff;
}

@media screen and (max-width: 512px) {
    html body .content section.page article.payment form {
        width: 350px;
    }
}

html body[data-block="site"] main .content header {
    height: 600px;
    min-height: 600px;
    max-height: 600px;
}

html body[data-block="user"] main .content header {
    height: 150px;
    min-height: 150px;
    max-height: 150px;
}

/*# sourceMappingURL=main.css.map */