body {
    padding: 0;
    margin: 0;
    background: #FFF;
    font-family: 'AvenirNextCyr-Regular', sans-serif;
    color: #696969;
}

    body a {
        text-decoration: none;
        color: #007cc7
    }

        body a img {
            border: 0 none
        }

        body a:hover,
        body a:focus {
            text-decoration: none;
            color: #004799
        }

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

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="button"],
input[type="submit"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all
}

input[type="checkbox"],
input[type="radio"] {
    margin: 3px 0 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: 'Roboto-Bold', sans-serif;
    letter-spacing: 1px;
    color: #2e3035
}

h5,
h6 {
    font-family: 'Roboto-Medium', sans-serif !important
}

.caption-h3 {
    font-size: 14px !important;
    font-family: 'Roboto-Medium', sans-serif !important;
    color: #007cc7;
    margin: 15px 0px;
}

p {
    line-height: 30px
}

p,
span {
    margin: 0;
    font-family: 'AvenirNextCyr-Regular', sans-serif;
    font-size: 14px;
    color: #696969
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px
}

label {
    margin: 0 !important;
    font-weight: 100 !important
}

img {
    border: none;
    max-width: 100%
}

blockquote {
    border-left: 5px solid #f33316;
    background-color: #f7f7f7;
    padding-left: 20px;
}

div:focus {
    outline: none
}

/*-- //ÎÒÑÒÓÏÛ--*/

.noborder {
    border: 0px !important;
    box-shadow: none
}

.nopadding {
    padding: 0 !important
}

.nomargin {
    margin: 0 !important
}

.m-tb-10 {
    margin: 10px 0 !important
}

.m-tb-15 {
    margin: 15px 0 !important
}

.m-tb-20 {
    margin: 20px 0 !important
}

.m-tb-25 {
    margin: 25px 0 !important
}

.m-tb-30 {
    margin: 30px 0 !important
}

.m-rl-10 {
    margin: 0 10px !important
}

.m-rl-15 {
    margin: 0 15px !important
}

.m-rl-20 {
    margin: 0 20px !important
}

.m-rl-25 {
    margin: 0 25px !important
}

.m-rl-30 {
    margin: 0 30px !important
}

.m-b-0 {
    margin-bottom: 0px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.m-t-0 {
    margin-top: 0px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-r-0 {
    margin-right: 0px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.m-r-25 {
    margin-right: 25px !important
}

.m-r-30 {
    margin-right: 30px !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.m-l-25 {
    margin-left: 25px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.p-l-0 {
    padding-left: 0px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-tb-10 {
    padding: 10px 0 !important
}

.p-tb-15 {
    padding: 15px 0 !important
}

.p-tb-20 {
    padding: 20px 0 !important
}

.p-tb-25 {
    padding: 25px 0 !important
}

.p-tb-30 {
    padding: 30px 0 !important
}

.p-rl-10 {
    padding: 0 10px !important
}

.p-rl-15 {
    padding: 0 15px !important
}

.p-rl-20 {
    padding: 0 20px !important
}

.p-rl-25 {
    padding: 0 25px !important
}

.p-rl-30 {
    padding: 0 30px !important
}

.btn-primary {
    background-color: #007cc7;
    border-color: #007cc7
}

.btn-danger {
    background-color: #f33316;
    border-color: #f33316
}

.btn-red {
    background-color: #f33316;
    border-color: #f33316;
    border-radius: 3px;
    height: 50px;
    font-family: 'Roboto-Medium', sans-serif;
    color: #fff;
    font-size: 16px;
    width: 25%;
    padding: 12px
}

    .btn-red:hover,
    .btn-red:focus {
        opacity: .7;
        color: #fff
    }

.btn-grey {
    border-radius: 4px;
    background-color: #e4e4e4;
    color: #282d32;
    border: 1px solid #e4e4e4
}

    .btn-grey:hover,
    .btn-grey:focus {
        border: 1px solid #007cc7
    }

@media screen and (max-width:768px) {
    .btn-red {
        width: 100%
    }
}

.push {
    list-style: none;
    font-family: 'AvenirNextCyr-Regular', sans-serif;
    font-size: 14px
}

    .push li {
        position: relative;
        padding: 10px 0 20px 40px;
        color: #696969;
        /*font-variant: small-caps;*/
        font-size: 14px
    }

        .push li span {
            font-size: 14px;
            font-family: 'Roboto-Regular', sans-serif
        }

        .push li:before {
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #4F5151;
            content: "";
            left: 0;
            transition: .3s ease-in-out;
            top: 17px
        }

        .push li:after {
            position: absolute;
            border-left: 1px dotted #4F5151;
            width: 1px;
            bottom: -12px;
            content: "";
            left: 3px;
            top: 28px
        }

        .push li:hover:before {
            box-shadow: 0 0 0 10px rgba(0, 0, 0, .2)
        }

        .push li:last-child:after {
            content: none
        }

.push-ol {
    display: block;
    counter-reset: wslist1;
    color: #696969;
    list-style: none;
    margin-top: 15px
}

    .push-ol > li {
        margin: 0 0 30px 15px;
        position: relative
    }

        .push-ol > li::before {
            background: #f1f1f1;
            border-radius: 50%;
            content: counter(wslist1);
            color: #000;
            counter-increment: wslist1;
            display: inline-block;
            height: 35px;
            left: -50px;
            line-height: 20px;
            padding: 7px;
            position: absolute;
            text-align: center;
            top: -6px;
            transition: all 0.3s ease 0s;
            width: 35px
        }

        .push-ol > li::after {
            position: absolute;
            border-left: 1px dotted #4F5151;
            width: 1px;
            bottom: -23px;
            content: "";
            left: -33px;
            top: 29px
        }

        .push-ol > li:hover:before {
            box-shadow: 0 0 5px 5px rgba(0, 0, 0, .2)
        }

        .push-ol > li:last-child:after {
            content: none
        }

ol.wsnumber3 {
    display: block;
    counter-reset: wslist3;
    color: #696969
}

    ol.wsnumber3 li {
        list-style: none;
        margin: 0 0 30px 8px;
        position: relative
    }

    ol.wsnumber3 > li::before {
        background: #f1f1f1;
        border-radius: 50%;
        color: #000;
        content: counter(wslist3);
        counter-increment: wslist3;
        display: inline-block;
        height: 40px;
        left: -50px;
        line-height: 24px;
        padding: 7px;
        position: absolute;
        text-align: center;
        top: -6px;
        transition: all 0.3s ease 0s;
        width: 40px;
    }

    ol.wsnumber3 ol {
        display: block;
        counter-reset: wslists;
        color: #696969;
        border-left: 1px solid #e3e3e3;
        padding-left: 15px;
        transition: all 0.3s ease 0s
    }

        ol.wsnumber3 ol li {
            margin: 0 0 30px 12px;
            list-style: none;
            position: relative;
            transition: all 0.3s ease 0s
        }

    ol.wsnumber3 li li {
        font-size: 14px
    }

    ol.wsnumber3 ol li::before {
        background: #f1f1f1;
        border-radius: 50%;
        color: #000;
        content: counter(wslist3) "." counter(wslists) ".";
        counter-increment: wslists;
        display: inline-block;
        height: 40px;
        left: -50px;
        line-height: 24px;
        padding: 7px;
        position: absolute;
        text-align: center;
        top: -6px;
        transition: all 0.3s ease 0s;
        width: 40px;
        font-size: 12px;
    }

    ol.wsnumber3 ol ol {
        counter-reset: wslists2;
        margin: 15px 10px;
    }

        ol.wsnumber3 ol ol li::before {
            content: counter(wslist3) "." counter(wslists) "." counter(wslists2);
            counter-increment: wslists2;
            font-size: 12px;
            width: 45px;
            height: 45px;
            line-height: 28px;
        }

    ol.wsnumber3 ol:hover {
        border-left: 1px solid #007cc7
    }

    ol.wsnumber3 li li:hover {
        background: #eee;
        color: #333
    }

    ol.wsnumber3 li:hover:before {
        background: #007cc7;
        color: #fff
    }

.table-panel {
    border: 1px solid #e3e3e3;
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%
}

    .table-panel > thead {
        background-color: #f7f7f7;
        color: #282d32
    }

        .table-panel > thead > tr > th,
        .table-panel > tbody > tr > th {
            border-right: 1px solid #e3e3e3;
            border-bottom: 0 !important;
            background-color: #f7f7f7;
            color: #282d32
        }

    .table-panel > tbody > tr > td {
        color: #696969;
        border-right: 1px solid #e3e3e3
    }

    .table-panel > tbody > tr > td,
    .table-panel > tbody > tr > th,
    .table-panel > tfoot > tr > td,
    .table-panel > tfoot > tr > th,
    .table-panel > thead > tr > td,
    .table-panel > thead > tr > th {
        vertical-align: middle !important;
        padding: 8px;
        line-height: 1.42857143;
        border-top: 1px solid #ddd
    }

    .table-panel .active {
        background: #007cc7;
        color: #fff
    }

    .table-panel .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #fff
    }

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f7f7f7
}

.flex-row-nowrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.flex-row-wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.flex-column-wrap {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between
}

.flex-row-wrap-justify {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.flex-justify-content {
    justify-content: flex-start !important
}

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

.w-a {
    width: auto !important
}

.w-5 {
    width: 5% !important
}

.w-10 {
    width: 10% !important
}

.w-15 {
    width: 15% !important
}

.w-20 {
    width: 20% !important
}

.w-25 {
    width: 25% !important
}

.w-30 {
    width: 30% !important
}

.w-35 {
    width: 35% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.h-a {
    height: auto !important
}

.h-25px {
    height: 25px !important
}

.h-35px {
    height: 35px !important;
}

.h-40px {
    height: 40px !important
}

.h-50px {
    height: 50px !important
}

.h-75px {
    height: 75px !important
}

.h-100px {
    height: 100px !important
}

.pagination {
    margin: 0;
    border-radius: 4px
}

    .pagination > li > a,
    .pagination > li > span {
        border-radius: 3px !important;
        margin: 0 3px;
        color: #282d32;
        padding: 0 7px;
        font-size: 14px
    }

        .pagination > li > a:hover {
            border: 1px solid #007cc7
        }

.checkthis {
    width: 20px;
    height: 25px;
    margin-right: 0 !important
}

.lk-sm { background: url(../img/lk-icons/lk-sm.png) no-repeat 7px 6px }
.lk-sm:hover { background: url(../img/lk-icons/lk-sm-blue.png) no-repeat 7px 6px }
.orders-sm { background: url(../img/lk-icons/orders-sm.png) no-repeat 7px 6px }
.orders-sm:hover { background: url(../img/lk-icons/orders-sm-blue.png) no-repeat 7px 6px }
.balance-sm { background: url(../img/lk-icons/balance-sm.png) no-repeat 7px 6px }
.balance-sm:hover { background: url(../img/lk-icons/balance-sm-blue.png) no-repeat 7px 6px }
.loading-sm { background: url(../img/lk-icons/loading-files-sm.png) no-repeat 7px 6px }
.loading-sm:hover { background: url(../img/lk-icons/loading-files-sm-blue.png) no-repeat 7px 6px }
.complaints-sm { background: url(../img/lk-icons/complaints-sm.png) no-repeat 7px 6px }
.complaints-sm:hover { background: url(../img/lk-icons/complaints-sm-blue.png) no-repeat 7px 6px }
.vin-sm {background: url(../img/lk-icons/vin-sm.png) no-repeat 7px 6px}
.vin-sm:hover {background: url(../img/lk-icons/vin-sm-blue.png) no-repeat 7px 6px}
/*.queries-sm {
    background: url(../img/queries.png) no-repeat 7px 6px
}

    .queries-sm:hover {
        background: url(../img/queries-blue.png) no-repeat 7px 6px
    }*/
.documentation-sm { background: url(../img/lk-icons/docs-sm.png) no-repeat 7px 6px }
.documentation-sm:hover { background: url(../img/lk-icons/docs-sm-blue.png) no-repeat 7px 6px }
.settings-sm { background: url(../img/lk-icons/settings-sm.png) no-repeat 7px 6px }
.settings-sm:hover { background: url(../img/lk-icons/settings-sm-blue.png) no-repeat 7px 6px }
.profill-sm { background: url(../img/lk-icons/profill-sm.png) no-repeat 7px 6px }
.profill-sm:hover { background: url(../img/lk-icons/profill-sm-blue.png) no-repeat 7px 6px }
.gift-sm { background: url(../img/lk-icons/gift-sm.png) no-repeat 7px 6px }
.gift-sm:hover { background: url(../img/lk-icons/gift-sm-blue.png) no-repeat 7px 6px }
.out-sm { background: url(../img/lk-icons/out.png) no-repeat 7px 6px }
.out-sm:hover { background: url(../img/lk-icons/out-blue.png) no-repeat 7px 6px }

.garage-prof {
    background: url(../img/garage-prof.png) no-repeat 25px 34px
}

    .garage-prof:hover {
        background: url(../img/garage-prof-blue.png) no-repeat 25px 34px
    }

.orders-prof {
    background: url(../img/orders-prof.png) no-repeat 25px 34px
}

    .orders-prof:hover {
        background: url(../img/orders-prof-blue.png) no-repeat 25px 34px
    }

.balance-prof {
    background: url(../img/balance-prof.png) no-repeat 25px 34px
}

    .balance-prof:hover {
        background: url(../img/balance-prof-blue.png) no-repeat 25px 34px
    }

.notepad-prof {
    background: url(../img/notepad-prof.png) no-repeat 25px 34px
}

    .notepad-prof:hover {
        background: url(../img/notepad-prof-blue.png) no-repeat 25px 34px
    }

.queries-prof {
    background: url(../img/queries-prof.png) no-repeat 25px 34px
}

    .queries-prof:hover {
        background: url(../img/queries-prof-blue.png) no-repeat 25px 34px
    }

.documentation-prof {
    background: url(../img/documentation-prof.png) no-repeat 25px 34px
}

    .documentation-prof:hover {
        background: url(../img/documentation-prof-blue.png) no-repeat 25px 34px
    }

.bonus-prof {
    background: url(../img/bonus-prof.svg) no-repeat 25px 34px; 
    background-size: 60px 60px;
}

    .bonus-prof:hover {
        background: url(../img/bonus-prof-blue.svg) no-repeat 25px 34px;
        background-size: 60px 60px;
    }

.loading-prof {
    background: url(../img/loading-files-prof.png) no-repeat 25px 34px
}

    .loading-prof:hover {
        background: url(../img/loading-files-prof-blue.png) no-repeat 25px 34px
    }

.complaints-prof {
    background: url(../img/complaints-prof.png) no-repeat 25px 34px
}

    .complaints-prof:hover {
        background: url(../img/complaints-prof-blue.png) no-repeat 25px 34px
    }

/*select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #f6f6f6;
    background-image: none
}*/

.select {
    position: relative;
    display: block;
    width: auto;
    height: 3em;
    line-height: 3;
    background: #f4f4f4;
    overflow: hidden;
    border-radius: .25em
}

select {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 0 .5em;
    color: #25282f;
    cursor: pointer
}

    select::-ms-expand {
        display: none
    }

/*.select::after {
    content: '\02C5';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 1.2em;
    background: #e5e5e5;
    pointer-events: none;
    color: #636363
}*/

.select:hover::after {
    color: #007cc7
}

.select::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease
}

.select-w-25 {
    width: 25% !important
}

@media screen and (max-width:768px) {
    .select-w-25 {
        width: 100% !important
    }
}

.alert-info {
    background-color: #f3f6fa;
    border-color: #f3f6fa;
    color: #1f232b;
    padding: 35px;
    line-height: 25px;
    border-radius: 3px;
    margin: 20px 0
}

.blue {
    color: #007cc7 !important
}

.blue-hover {
    color: #007cc7;
    text-decoration:none;
}

    .blue-hover:hover {
        text-decoration: underline;
        color: #004799;
    }

    .brown {
        color: #92232f
    }

.background-site {
    background-color: #f4f4f4 !important
}

.background-blue {
    background-color: #007cc7 !important
}

.outline {
    width: 100%;
    border-bottom: 2px solid #f4f4f4;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.z-index-1 {
    z-index: 1 !important
}

.info-table > tbody > tr {
    border: 1px solid #e3e3e3
}

    .info-table > tbody > tr > th,
    .info-table > tbody > tr > td {
        text-align: left;
        font-weight: 400;
        width: auto;
        vertical-align: top;
        padding: 10px
    }

    .info-table > tbody > tr > th {
        background-color: #f7f7f7;
        color: #282d32
    }

    .info-table > tbody > tr > td {
        background-color: #f7f7f7;
        color: #282d32
    }

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

    .pager a {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 15px;
        cursor: pointer;
        color: #282d32
    }

        .pager a:hover {
            background-color: #f6f6f6;
            color: #282d32
        }

.clearfix {
    clear: both
}

.text-overflow {
    overflow: auto
}

.gallery {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .gallery.pop {
        -webkit-filter: blur(10px);
        filter: blur(10px)
    }

    .gallery figure {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        overflow: hidden;
        border-radius: 4px;
        cursor: pointer;
        margin-bottom: 30px
    }

        .gallery figure img {
            width: 100%;
            border-radius: 4px;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .gallery figure figcaption {
            display: none
        }

.popup {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(48, 48, 48, .6);
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out .2s;
    transition: opacity .5s ease-in-out .2s
}

    .popup.pop {
        opacity: 1;
        -webkit-transition: opacity .2s ease-in-out 0s;
        transition: opacity .2s ease-in-out 0s
    }

        .popup.pop figure {
            margin-top: 0;
            opacity: 1
        }

    .popup figure {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        margin-top: 30px;
        opacity: 0;
        -webkit-animation: poppy 500ms linear both;
        animation: poppy 500ms linear both
    }

        .popup figure img {
            position: relative;
            z-index: 2;
            border-radius: 4px;
            box-shadow: 0 1px 5px rgba(0, 0, 0, .2), 0 6px 30px rgba(0, 0, 0, .4)
        }

        .popup figure figcaption {
            position: absolute;
            bottom: 50px;
            background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .78));
            background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .78));
            z-index: 2;
            width: 100%;
            border-radius: 0 0 15px 15px;
            padding: 100px 20px 20px 20px;
            color: #fff;
            font-family: 'Open Sans', sans-serif;
            font-size: 32px
        }

            .popup figure figcaption small {
                font-size: 11px;
                display: block;
                text-transform: uppercase;
                margin-top: 12px;
                text-indent: 3px;
                opacity: .7;
                letter-spacing: 1px
            }

        .popup figure .shadow {
            position: relative;
            z-index: 1;
            top: -15px;
            margin: 0 auto;
            background-position: center bottom;
            background-repeat: no-repeat;
            width: 98%;
            height: 50px;
            opacity: .6;
            -webkit-filter: blur(15px) contrast(2);
            filter: blur(15px) contrast(2)
        }

    .popup .close {
        position: absolute;
        z-index: 3;
        top: 10px;
        right: 10px;
        width: 25px;
        height: 25px;
        cursor: pointer;
        background: url(#close);
        border-radius: 25px;
        background: rgba(0, 0, 0, .1);
        box-shadow: 0 0 3px rgba(0, 0, 0, .2)
    }

        .popup .close svg {
            width: 100%;
            height: 100%
        }

@media screen and (max-width:768px) {
    .gallery figure {
        margin-bottom: 15px
    }
}

.hr-blue {
    border-bottom: 2px solid #007cc7
}

.hr-grey {
    border-bottom: 30px solid #f1f1f1;
    position: relative;
    width: calc(100% - -60px);
    right: 30px
}

.hr-grey-left {
    border-left: 2px solid #f1f1f1
}

.text-underline {
    color: #007cc7
}

    .text-underline:hover {
        text-decoration: underline;
        cursor: pointer
    }

.gallery-contact {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .gallery-contact div {
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 0 !important;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: flex-start;
        width: 15%
    }

        .gallery-contact div:last-child {
            margin-right: 0 !important
        }

    .gallery-contact.pop {
        -webkit-filter: blur(10px);
        filter: blur(10px)
    }

    .gallery-contact figure {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        overflow: hidden;
        border-radius: 4px;
        cursor: pointer
    }

        .gallery-contact figure img {
            max-height: 122px;
            width: 100%;
            border-radius: 4px;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .gallery-contact figure figcaption {
            display: none
        }

.popup {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(48, 48, 48, .6);
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out .2s;
    transition: opacity .5s ease-in-out .2s
}

    .popup.pop {
        opacity: 1;
        -webkit-transition: opacity .2s ease-in-out 0s;
        transition: opacity .2s ease-in-out 0s
    }

        .popup.pop figure {
            margin-top: 0;
            opacity: 1
        }

    .popup figure {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        margin-top: 30px;
        opacity: 0;
        -webkit-animation: poppy 500ms linear both;
        animation: poppy 500ms linear both
    }

        .popup figure img {
            position: relative;
            z-index: 2;
            border-radius: 4px;
            box-shadow: 0 1px 5px rgba(0, 0, 0, .2), 0 6px 30px rgba(0, 0, 0, .4)
        }

        .popup figure figcaption {
            position: absolute;
            bottom: 50px;
            background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .78));
            background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .78));
            z-index: 2;
            width: 100%;
            border-radius: 0 0 15px 15px;
            padding: 100px 20px 20px 20px;
            color: #fff;
            font-family: 'Open Sans', sans-serif;
            font-size: 32px
        }

            .popup figure figcaption small {
                font-size: 11px;
                display: block;
                text-transform: uppercase;
                margin-top: 12px;
                text-indent: 3px;
                opacity: .7;
                letter-spacing: 1px
            }

        .popup figure .shadow {
            position: relative;
            z-index: 1;
            top: -15px;
            margin: 0 auto;
            background-position: center bottom;
            background-repeat: no-repeat;
            width: 98%;
            height: 50px;
            opacity: .6;
            -webkit-filter: blur(15px) contrast(2);
            filter: blur(15px) contrast(2)
        }

    .popup .close {
        position: absolute;
        z-index: 3;
        top: 10px;
        right: 10px;
        width: 25px;
        height: 25px;
        cursor: pointer;
        background: url(#close);
        border-radius: 25px;
        background: rgba(0, 0, 0, .1);
        box-shadow: 0 0 3px rgba(0, 0, 0, .2)
    }

        .popup .close svg {
            width: 100%;
            height: 100%
        }

@media screen and (max-width:1200px) {
    .gallery-contact {
        flex-flow: row wrap
    }

        .gallery-contact div {
            flex-flow: row wrap
        }
}

@media screen and (max-width:768px) {
    .gallery-contact {
        flex-flow: row wrap;
        justify-content: center;
        margin-top: 15px
    }

        .gallery-contact div:last-child {
            margin-right: 15px !important
        }
}

.moscow-red {
    color: #f43316 !important
}

    .moscow-red:hover {
        color: #862105 !important;
    }

/* END gallery-contact */

.checkbox-site input {
    margin: -3px 5px 0 0;
    vertical-align: middle;
    width: auto !important;
}
@media screen and (max-width:768px) {
    .width-100 {
        width: 100% !important;
    }
    .mb-10 {
        margin-bottom: 10px !important;
    }
    .mb-15 {
        margin-bottom: 15px !important;
    }
    .mt-10 {
        margin-top: 10px !important;
    }
    .mt-15 {
        margin-top: 15px !important;
    }
    .dnone768{
        display:none !important;
    }
}

/* Radio Buttons */

.radio-blue {
    display: none;
}

.radio-custom {
    width: 15px;
    height: 15px;
    border: 2px solid #ccc;
    border-radius: 3px;
    position: relative;
}

.radio-custom,
.label {
    display: inline-block;
    vertical-align: middle;
}

.radio-blue:checked + .radio-custom::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background: #007cc7;
    border-radius: 50%;
}

.radio-custom,
.radio:checked + .radio-custom::before {
    border-radius: 50%;
    margin: 0 6px 4px 0px;
}

/* END Radio Buttons */

.seo-text-h1 h1:nth-child(1){
    margin-bottom: 30px;
    font-size:x-large;
}