body {
    background-color: #fff;
    color: #000;
    font-family: Roboto;
}

.header {
    font-family: Montserrat;
    font-weight: 400;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase;
}

.slogan {
    font-family: Montserrat;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.form-group {
    text-align: left;
}

button + a {
    margin-left: 1rem;
}


.description p {
    margin: 0;
}

.header span {
    font-weight: 100;
}

p {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/*        .container {
            text-align: center;
        }*/

img {
    max-width: 100%;
}

.container {
    /*max-width: 60em;*/
    max-width: 70em;
}

.text-block {
    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
}

.description {
    border-radius: 1.5rem;
    max-width: 54em;
    margin-bottom: 2rem;
    margin-top: -5rem;
    background-color: #fff;
    padding: 3rem 4rem;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 12%);
}

/*.text-block p, .text-block li {
    text-align: left;
}*/

.image {
    border-radius: 1.5rem;
    height: 21em;
    background-size: cover;
    background-position: center center;
    -background-image: url(https://cdn.iz.ru/sites/default/files/article-2019-10/MAY_1681_1.jpg);
    -background-image: url(https://kkmsale.ru/upload/medialibrary/ac3/ac372e67e1d3a33c280a4ff612133148.png);
    -background-image: url(https://primamedia.gcdn.co/f/main/1837/1836196.jpg?b197a638f6d5b34df6d72d033bb85e1f);
    -background-image: url(https://images.unsplash.com/photo-1488590528505-98d2b5aba04b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80);
    -background-image: url(https://images.unsplash.com/photo-1520105072000-f44fc083e508?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1189&q=80);
    background-image: url(/assets/images/photo-1520105072000-f44fc083e508.jpg);
}

h2 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.75rem;
}

h3 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.75rem;
}

.services .text-block {
    max-width: 25em;
}

.services a {
    display: inline-block;
    margin-right: 1em;
}

.about .text-block {
    max-width: 25em;
}

footer {
    background-color: #f3f3f3;
    outline: 1px solid #dfdfdf;
    border-top: 4px solid #fff;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.phone {
    font-size: 2em;
}

.contacts {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.feedback {
    margin-bottom: 10rem;
}

.form-ticket {
    max-height: 0;
    transition: all 0.3s ease-out;
    transition-property: max-height;
    overflow: hidden;
}

.form-ticket.is-open {
    max-height: 40em;
}

.form-ticket.is-open + .do-find {
    display: none;
}

.do-find {
    margin-top: 0;
}

a, a:not([href]):not([tabindex]) {
    color: rgba(0, 128, 255, 1);
    color: rgb(82 115 222);
}

a:hover, a:not([href]):not([tabindex]):hover {
    color: rgba(0, 90, 180, 1);
    color: rgb(198 105 202);
}


h1 a, h2 a, h3 a {
    color: inherit !important;
    cursor: pointer !important;
    margin-right: 0 !important;
}

/*        .secondary {
            opacity: 0.5;
            margin: 1rem;
        }*/

.msg.alert {
    text-align: left !important;
    border: 1px solid rgba(165, 0, 0, 0.7);
}

/*h1:after, h2:after, h3:after {
    content: '//';
    display: inline-block;
    font-size: 0.8em;
    color: rgba(0,128,255,0.2);
    margin-left: 0.5em;
    position: relative;
    top: -0.1em;
    font-weight: 300;
}*/

@media (max-width: 576px) {

    .header {
        margin-top: 2rem;
    }

    .description {
        padding: 1rem;
        margin-top: 1rem;
        box-shadow: none;
    }

    .image {
        height: 8em;
        /*background-image: url(assets/images/main-sm.jpg);*/
    }
}

@media (min-width: 576px) and (max-width: 992px) {

    .description {
        max-width: 42em;
    }

    .text-block {
        max-width: 38em;
    }
}


.ui-clean {
    --label-focused-color: rgb(169 92 176);
    --label-color: rgb(117 145 228);
    --underline-color: rgb(117 145 228);
    --underline-focused-color: rgb(198 105 202);
}


.ui-clean .btn {
    border-radius: 0.5rem;
    border: 0;
    padding: 0.7em 2em;
    -background-image: linear-gradient(to right, rgba(0, 200, 255, 1), rgba(0, 128, 255, 1));
    background-image: linear-gradient(to right, rgb(171 91 174), rgb(117 146 228));
    background-size: 200% auto;
}

.ui-clean .btn-primary:not(:disabled):not(.disabled):active:active {
    background-image: linear-gradient(to right, rgb(141 61 144), rgb(87 116 198)) !important;
    background-color: transparent !important;
}

p.action {
    font-weight: 600;
    font-family: 'Montserrat';
    margin: 0;
    letter-spacing: -0.05rem;
    font-size: 2rem;
    line-height: 1.2;
    background-image: linear-gradient(to right, rgba(128, 0, 128, 0.65), rgba(0, 128, 255, 0.65));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.services p.action {
    margin-top: 2.5rem;
}

/* PATCH */


@media (max-width: 576px) {

    .image {
        border-radius: 0.75rem;
    }

    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }

    .description {
        margin-bottom: 1rem;
    }

    p.action {
        margin-bottom: 2rem;
    }

    .about p.action {
        margin-bottom: 4rem;
    }

    .ui-clean .form-group.do-find {
        margin-top: 0;
    }

    .text-sm-center {
        text-align: center;
    }

    .row.services {
        padding-top: 1rem;
    }

    .row.services > div {
        margin-bottom: 1.5rem;
    }

    .row.about > div:nth-child(2) h3 {
        display: none;
    }

    .row.about > div:nth-child(2) h3 + p {
        margin-top: 0;
    }

    footer .text-block {
        max-width: 25rem;
    }

    footer .nav-bottom {
        margin-top: 2rem;
    }

    footer .nav-bottom a {
        font-weight: bold;
        margin-bottom: 1rem;
    }

    section {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
}

@media (min-width: 576px) and (max-width: 992px) {

    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }

    .services .text-block {
        max-width: 30rem;
    }

    .about .text-block {
        max-width: 30rem;
    }

    .row.services > div {
        margin-bottom: 4rem;
    }

    .row.about > div:nth-child(2) h3 {
        display: none;
    }

    .text-md-center {
        text-align: center;
    }

    .row.about > div:nth-child(2) h3 + p {
        margin-top: 0;
    }

    footer .text-block {
        max-width: 25rem;
    }

    footer .nav-bottom {
        margin-top: 2rem;
    }

    footer .nav-bottom a {
        font-weight: bold;
        margin-bottom: 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }

    .nav-bottom {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: center;
    }

    .nav-bottom a {
        padding: 1rem 2rem;
        font-weight: bold;
        font-size: 1.1rem;
    }
}

@media (min-width: 1200px) {

    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }

    .nav-bottom {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: center;
    }

    .nav-bottom a {
        padding: 1rem 2rem;
        font-weight: bold;
        font-size: 1.1rem;
    }

}