@font-face {
    font-family: 'Gotham Pro Light';
    src: url('../fonts/GothamPro-Light.eot');
    src: url('../fonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamPro-Light.woff') format('woff'),
    url('../fonts/GothamPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gotham Pro Regular';
    src: url('../fonts/GothamPro.eot');
    src: url('../fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamPro.woff') format('woff'),
    url('../fonts/GothamPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gotham Pro Medium';
    src: url('../fonts/GothamPro-Medium.eot');
    src: url('../fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamPro-Medium.woff') format('woff'),
    url('../fonts/GothamPro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gotham Pro Bold';
    src: url('../fonts/GothamPro-Bold.eot');
    src: url('../fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamPro-Bold.woff') format('woff'),
    url('../fonts/GothamPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gotham Pro Black';
    src: url('../fonts/GothamPro-Black.eot');
    src: url('../fonts/GothamPro-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamPro-Black.woff') format('woff'),
    url('../fonts/GothamPro-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

/**     general          */
body {
    font-family: "Gotham Pro Light";
    font-size: 14px
}

html,
body {
    overflow-x: hidden;
    height: 100%
}

h1 {
    font-size: 1.7em;
    font-family: "Gotham Pro Bold"
}

.content h2 {
    font-size: 1.2em
}

.content h1 {
    margin-bottom: 15px
}

::-webkit-input-placeholder {
    color: black;
}

::-moz-placeholder {
    color: black;
}

/* Firefox 19+ */
:-moz-placeholder {
    color: black;
}

/* Firefox 18- */
:-ms-input-placeholder {
    color: black;
}

.container {
    width: 100%;
    max-width: 100%;
    padding-left: 34px;
    padding-right: 34px
}

h2 {
    font-family: "Gotham Pro Black";
    font-size: 1.714285714285714em; /* 24 / 14 */
    text-transform: uppercase
}

.mobile_menu {
    display: none
}

h3 {
    font-family: 'Gotham Pro Black';
    font-size: 1.285714285714286em;
    /* 14 / 18 */
}

.btn {
    border-radius: 0;
    background: #ff3300;
    text-transform: uppercase;
    color: white;
    font-family: "Gotham Pro Bold";
    font-size: 1.142857142857143em; /* 16 / 14 */
    padding: 10px 20px;
    position: relative
}

.btn:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url('../img/after_btn.png') no-repeat;
    position: absolute;
    right: -10px;
    top: calc(50% - 10px)
}

.btn_2 {
    border-radius: 0;
    border: none;
    background: #007bff;
    text-transform: uppercase;
    color: white;
    font-family: "Gotham Pro Bold";
    font-size: 1.142857142857143em; /* 16 / 14 */
    padding: 10px 20px;
    cursor: pointer;
    position: relative
}

.btn_2:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url('../img/btn_after-2.png') no-repeat;
    position: absolute;
    right: -10px;
    top: calc(50% - 10px)
}

.row {
    margin-left: -34px;
    margin-right: -34px;
    margin: 0
}

/****   end general      */
/*       header         */
.kartinkasp {
    float: right;
    border: none;
    padding: 7px;
    margin: 10px 0 5px 5px;
    background: #fff; /* Цвет фона */
}

.kartinkasp figcaption {
    margin: 0 auto 0;
    text-align: center;
}

.kartinkasp figcaption a {
    margin: 0 auto 0;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.polos .col-6 {
    height: 5px
}

.polos .row {
    margin: 0
}

.polos .col-6:first-child {
    background: #ff3300
}

.polos .col-6:last-child {
    background: #007bff
}

table tr td p {
    margin-top: 0;
    margin-bottom: 0
}

table.table.table-bordered thead:first-child tr {
    background: #007bff;
    color: #fff;
    line-height: 1;
}

table.table.table-bordered tbody tr:nth-child(odd) {
    background: #f6f6f6
}

table {
    width: 100%
}

table > tbody > tr:first-child {
    background: #007bff;
    line-height: 1
}

table > tbody > tr {
    font-size: 14px;
    font-weight: 600
}

table td, table th {
    padding: 1.5rem
}

table > tbody > tr:first-child > td {
    color: #fff !important
}

.table > tbody > tr:first-child > td {
    color: #000 !important
}

.table {
    font-weight: 600;
    font-size: 14px
}

.table td, .table th {
    padding: 1.5rem
}

header {
    position: relative
}

header, header .row {
    min-height: 95px
}

header .bg_red {
    background: #ff3300
}

header .logo {
    flex-grow: 1
}

header .logo .site_name {
    font-family: "Gotham Pro Bold";
    font-size: 1.714285714285714em; /* 24 / 14 */
    text-transform: uppercase;
    color: #007bff;
    line-height: 1.3em;
    margin: 0;
    margin-left: 2%
}

header .hours, header address {
    width: 18.48958333333333%;
    margin: 0
}

header address p, header .hours p {
    font-family: "Gotham Pro Medium";
    line-height: 1.2em;
    font-size: 1.428571428571429em; /* 20 / 14 */
    margin: 0;
    margin-left: 5%
}

header address img, header .hours img {
    float: left
}

header .phone {
    width: 15%;
    background: url('../img/red_bg.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    color: white
}

header .phone:after {
    content: '';
    position: absolute;
    width: 35px;
    right: -34px;
    height: 100%;
    background: #ff3300
}

header .phone p {
    font-family: "Gotham Pro";
    font-size: 1.5em; /* 21 / 14 */
    margin: 0
}

header .phone a {
    color: white;
    display: block;
    text-decoration: none;
    position: relative;
    font-family: "Gotham Pro Bold";
    font-size: 17px
}

header .phone a:last-child {
    margin-bottom: 15px
}

header .phone a:after {
    height: 1px;
    width: 100%;
    content: '';
    border-top: 1px solid white;
    position: absolute;
    bottom: 2px;
    left: 0
}

header .phone a:hover:after {
    display: none
}

/*      end header        */
/**      social, search, order blocks */
.social_block {
    background: #dddddd;
    margin-top: 21px;
    margin-bottom: 16px
}

.social_block, .social_block .row {
    min-height: 52px
}

.social_block .search {
    width: 31.51041666666667%
}

.social_block .social {
    background: url('../img/bg_gray_cr22.png') no-repeat;
    background-position: left;
    background-size: 7% 100%;
    margin-left: -1px;
    width: 21.61458333333333%
}

.social_block .social a {
    display: block;
    margin-left: 2.7%;
    margin-right: 2.7%;
    width: 10%;
    text-align: center
}
.eye-version{
    margin-left: 30px !important;
    margin-right: 0 !important;
}

.social_block .social a img {
    max-width: 100%
}

.social_block .social a:last-child {
    margin-right: 0
}

.social_block .social .first_social {
    margin-left: 7%
}

.social_block .social p {
    margin: 0;
    text-align: right;
    flex-grow: 1;
    font-family: "Gotham Pro Bold";
    font-size: 1.071428571428571em; /* 15 / 14 */
}

.social_block .search {
    background: url('../img/bg_gray.png') no-repeat;
    background-size: 100% 100%;
    margin-left: -1px
}

.social_block .search input {
    border: none
}
.social_block .search .text_search, .social_block .search .submit_btn {
    font-size: 1.071428571428571em; /* 15 / 14 */
}

.simplesearch-search-form{
    width: 85%;
}
.social_block .search .text_search {
    width: 100%;
    padding: 5px 17px
}

.social_block .search .submit_btn {
    background: #ff3300;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 25%;
    font-family: "Gotham Pro Medium";
    color: white;
    cursor: pointer
}

.social_block .order {
    flex-grow: 1
}

.social_block .order p {
    margin: 0;
    font-family: "Gotham Pro Bold";
    font-size: 1.428571428571429em; /* 20 / 14 */
    flex-grow: 1
}

.social_block .order .order_btn {
    width: 42.89017341040462%;
    background: url('../img/red_bg-2.png') no-repeat;
    background-size: 100% 100%;
    height: 100%;
    font-family: "Gotham Pro Bold";
    font-size: 1.428571428571429em; /* 20 / 14 */
    text-transform: uppercase;
    cursor: pointer
}

.social_block .order_btn a {
    color: white;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

/*       end social, search, order blocks  */
/*          navigation                    */
.navigation {
    position: relative
}

.navigation, .navigation .row {
    min-height: 48px;
    background: #007bff
}

.navigation ul {
    list-style: none;
    margin: 0;
    display: flex;
    padding: 0;
    width: 100%;
    justify-content: space-around
}

.navigation ul li {
    padding-left: 1.04166666666667%;
    padding-right: 1.04166666666667%;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%
}

.navigation ul li:hover:after {
    content: '';
    border: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: 0;
    left: calc(50% - 6px)
}

.navigation ul li a {
    color: white;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-family: "Gotham Pro Bold";
    text-transform: uppercase;
    font-size: 1.071428571428571em; /* 15 / 14 */
}

.navigation ul li a:hover {
    text-decoration: none
}

.navigation ul li:first-child {
    margin-left: 0
}

li.parent ul li:hover:after {
    border: unset
}

li.parent ul li {
    padding: 5px
}

li.parent ul {
    z-index: 15;
    display: none;
    position: absolute;
    top: 48px;
    background: #007bff;
    width: auto;
    min-width: 310px
}

li.parent:hover ul {
    display: block
}

/*           end navigation              */
/*           Banner                   */
.banner {
    height: 530px;
    background: url('../img/banner.png') no-repeat;
    background-size: cover
}

.banner .banner_text {
    margin-left: 3.64583333333333%
}

.banner p {
    font-family: "Gotham Pro Bold";
    text-transform: uppercase;
    width: 100%;
    font-size: 2.285714285714286em; /* 32 / 14 */
    margin-bottom: 25px
}

.banner p span {
    color: #f80000
}

.banner p .old_price {
    text-decoration: line-through;
    color: #ffffff
}

/*             end banner            */
/*             section 1            */
.section_1 {
    margin-top: 75px;
    margin-bottom: 60px
}

.section_1, .section_1 .row {
    min-height: 449px;
    position: relative
}

.number_section {
    flex-basis: 7.55208333333333%;
    margin-right: 1.77083333333333%;
    margin-left: 0.625%;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative
}

.number_section .vertical_text, .number_section .number {
    color: #bebebe;
    margin: 0
}

.number_section .number {
    font-family: "Gotham Pro Black";
    font-size: 6.857142857142857em; /* 96 / 14 */
    line-height: 0.9;
    text-align: center;
    position: absolute;
    top: 0
}

.section_1 .number_section .number {
    left: 9.625%
}

.number_section .vertical_text {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: right;
    line-height: 1;
    text-transform: uppercase;
    font-family: "Gotham Pro Medium";
    font-size: 1.642857142857143em; /* 23 / 14 */
    position: absolute
}

.section_1 .number_section .vertical_text {
    top: 132px;
    left: 22.39130434782609%
}

.section_1 .inside_section {
    background: url('../img/bg_1.png') no-repeat;
    background-position: right
}

.inside_section {
    flex-grow: 1
}

.section_1 .inside_section p, .section_1 .inside_section h2 {
    width: 42.8169014084507%;
    margin-bottom: 35px
}

.section_1 .inside_section p {
    font-size: 14px
}

/*             end section 1    */
/*              section 2      */
.section_2 {
    margin-bottom: 50px
}

.section_2, .section_2 .row_section_2 {
    min-height: 530px;
    position: relative
}

.section_2 .number_section .vertical_text {
    top: 205px;
    left: -24%
}

.section_2 .number_section .number {
    left: 3%
}

.section_2 .lab_item {
    width: 15.19138755980861%;
    text-align: center
}

.section_2 .lab_item a {
    font-size: 1.142857142857143em; /* 16 / 14 */
    color: black;
    text-decoration: none;
    display: block;
    margin: 12px 0;
    font-family: "Gotham Pro Bold"
}

.section_2 .lab_item a:first-child {
    height: 135px
}

.section_2 .lab_item img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section_2 h2 {
    margin-bottom: 42px
}

/*              end section 2        */
/*              section 3         */
.section_3 .number_section .vertical_text {
    top: 175px;
    left: 2%
}

/*              end section 3      */
/*               section 4        */
.section_4 {
    margin-bottom: 25px;
    position: relative
}

.section_4 .number_section .vertical_text {
    top: 122px;
    left: 38%
}

.section_4 .inside_section .news {
    flex-grow: 1;
    margin-right: 2.4%
}

.section_4 .inside_section .soc {
    min-width: 26.79425837320574%;
    margin-right: 2.9%
}

.section_4 .inside_section .order_serv {
    min-width: 33.01435406698565%
}

.section_4 .doctor_form {
    position: absolute;
    right: 0;
    bottom: -25px;
    width: 16%
}

.section_4 .order_serv form {
    width: 93.87755102040816%;
    padding: 19px;
    border: 12px solid #007bff
}

.section_4 .order_serv form .zag_form {
    text-transform: uppercase;
    font-size: 1.142857142857143em; /* 16 / 14 */
    font-family: "Gotham Pro Medium";
    line-height: 1.3
}

.section_4 .order_serv form label {
    font-family: "Gotham Pro Medium";
    margin: 0;
    font-size: 1.142857142857143em; /* 16 / 14 */
}

.section_4 .order_serv form input[type="text"],
.section_4 .order_serv form input {
    margin-bottom: 16px;
    border: 1px solid #bebebe;
    padding: 5px;
    width: 60%
}

.section_4 .order_serv form .btn {
    margin-top: 10px
}

.section_4 .news p {
    margin: 0;
    line-height: 1.3
}

.section_4 .news h3 {
    margin-bottom: 4px
}

.section_4 h2 {
    margin-bottom: 35px
}

.section_4 .news .link_all_news {
    text-transform: uppercase;
    font-size: 1.285714285714286em; /* 18 / 14 */
    text-decoration: underline;
    font-family: "Gotham Pro";
    display: block;
    margin-top: 27px
}

.section_4 .news .link_all_news:hover {
    text-decoration: none
}

.section_4 .news ul {
    padding: 0;
    margin: 0
}

.section_4 .news li {
    list-style: none;
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede
}

.section_4 .news li:first-child {
    border-top: 1px solid #dedede
}

.section_4 li .date {
    height: 73px;
    background: #007bff;
    font-family: "Gotham Pro Bold";
    padding: 12px 9px;
    margin-right: 12px
}

.section_4 li .date p {
    font-size: 1.142857142857143em; /* 16 / 14 */
    margin: 0;
    color: white
}

.section_4 li .date p:first-child {
    font-size: 2.571428571428571em; /* 36 / 14 */
    line-height: 0.8
}

/*              end section 4     */
/*            section 5          */
.section_5 {
    background: #007bff;
    padding-top: 46px;
    padding-bottom: 80px
}

.section_5 .vertical_text {
    top: 175px;
    left: 4%
}

.section_5 address {
    color: white;
    font-family: "Gotham Pro";
    min-width: 27%
}

.section_5 address .inside_address {
    font-size: 1.428571428571429em; /* 20 / 14 */
}

.section_5 address .label_map {
    margin-right: 25px
}

.section_5 address a {
    color: white;
    font-family: "Gotham Pro Black";
    font-size: 1.714285714285714em; /* 24 / 14 */
}

.section_5 h2 {
    color: white;
    margin-bottom: 50px
}

.section_5 .spec_bot_menu {
    margin-right: 7%
}

.section_5 .services_bot_menu ul, .section_5 .spec_bot_menu ul {
    margin: 0;
    padding: 0;
    margin-right: 40px;
    margin-left: 17px
}

.section_5 .services_bot_menu ul li, .section_5 .spec_bot_menu ul li {
    list-style-image: url(../img/arrow-white-right1.png);
    margin-bottom: 10px
}

.section_5 .services_bot_menu ul li a, .section_5 .spec_bot_menu ul li a {
    color: white;
    font-family: "Gotham Pro";
    font-size: 1.428571428571429em; /* 20 / 14 */
}

/*            end section 5      */
/*       content               */
.content {
    padding: 20px;
    background-color: white;
    border: 1px solid #dedede;
    min-height: 80vh;
    margin: 0 auto
}

.content-box {
    padding: 40px 0
}

/*        end content        */
/*           footer             */
footer, footer .row {
    min-height: 66px;
    background: #ff3300;
    color: white;
    font-size: 1.142857142857143em; /* 16 / 14 */
}

footer .creator {
    text-align: right
}

footer a {
    color: white;
    text-decoration: underline
}

footer p {
    margin: 0
}

footer a:hover {
    text-decoration: none;
    color: white
}

/*         footer end         */
.content-box p,
.content-box ul li {
    font-size: 14px;
    font-weight: 600
}

.list-group-item.active a {
    color: #fff
}

/* li.parent ul li {padding-left: 10px; padding-right: 50px} */
li.parent ul li.parent ul {
    display: none;
    top: 0;
    left: 100%
}

.navigation ul li {
    padding: 0 !important
}

li.parent ul li a {
    padding: 7px 28px;
    font-size: 12px;
    color: #000
}

li.parent ul li a:hover {
    background-color: #e3e3e3
}

.navigation ul li.parent ul {
    display: block;
    visibility: hidden;
    top: calc(100% + 3px);
    transform: translateY(35px);
    border: 1px solid #e3e3e3;
    opacity: 0;
    background-color: #fff;
    box-shadow: 0 0 18px 2px rgba(108, 108, 108, 0.03);
    transition: .3s ease
}

/*li.parent:hover ul {*/
/*    visibility: visible !important;*/
/*    transform: translateY(0) !important;*/
/*    opacity: 1 !important*/
/*}*/

.navigation ul li ul li:first-child a {
    padding-top: 10px
}

.navigation ul li ul li:last-child a {
    padding-bottom: 10px
}

li.parent ul li.parent ul {
    display: block !important;
    visibility: hidden !important;
    transform: translateX(35px) !important;
    opacity: 0 !important
}

li.parent ul li:hover ul {
    visibility: visible !important;
    transform: translateX(0) !important;
    opacity: 1 !important
}

.nav-arrow {
    position: relative
}

.nav-arrow:before {
    content: '>';
    position: absolute;
    font-size: 14px;
    font-family: "Gotham Pro Bold";
    color: #000;
    top: 50%;
    transform: translateY(-50%);
    right: 10px
}

/*li.parent ul li ul li:hover {background-color: #f30}
.navigation ul li:before {content: ''; position: absolute; width: 100%; bottom: 0; left: 0; border-bottom: 2px solid #fff; display: none}*/
/* .navigation ul li:hover:before {display: block}
li.parent ul li.parent:hover ul {display: block} */
/* .activeee:before {content: ''; position: absolute; width: 100%; bottom: 0; left: 0; border-bottom: 2px solid #fff; display: none}
.navigation ul li:hover {background-color: #f30}
.activeee:hover:before {display: block} */
/*         media             */
@media only screen and (max-width: 1780px) {
    body {
        font-size: 13px
    }
}

@media only screen and (max-width: 1660px) {
    body {
        font-size: 12px
    }
}

@media only screen and (max-width: 1520px) {
    body {
        font-size: 11px
    }

    .section_1 .number_section .vertical_text {
        top: 114px
    }

    .section_2 .number_section .vertical_text {
        top: 167px
    }

    .section_3 .number_section .vertical_text {
        top: 136px
    }

    .section_4 .number_section .vertical_text {
        top: 94px
    }

    .section_5 .vertical_text {
        top: 135px
    }
}

@media only screen and (max-width: 1450px) {
    .banner {
        background-position: 70%
    }
}

@media only screen and (max-width: 1390px) {
    body {
        font-size: 10px
    }

    .section_1 .number_section .vertical_text {
        top: 105px
    }

    .section_2 .number_section .vertical_text {
        top: 154px
    }

    .section_3 .number_section .vertical_text {
        top: 124px
    }

    .section_4 .number_section .vertical_text {
        top: 87px
    }

    .section_5 .vertical_text {
        top: 125px
    }
}

@media only screen and (max-width: 1290px) {
    body {
        font-size: 9px
    }
}

@media only screen and (max-width: 1200px) {
    li.parent ul li a {
        font-size: 10px
    }

    .social_block, .social_block .row {
        min-height: 37px
    }

    footer, footer .row {
        height: 41px
    }

    .section_5 {
        padding-top: 29px;
        padding-bottom: 37px
    }

    .navigation, .navigation .row {
        min-height: 36px
    }

    header, header .row {
        min-height: 70px
    }

    .banner {
        height: 330px
    }

    .section_2, .section_2 .row_section_2 {
        min-height: 350px
    }

    .section_1 {
        margin-top: 30px
    }

    .section_1 .inside_section p, .section_1 .inside_section h2 {
        width: 48.816901%
    }
}

@media only screen and (max-width: 1140px) {
    body {
        font-size: 8px
    }

    .section_2 .lab_item a {
        font-size: 1.5em
    }

    .section_1 .number_section .vertical_text {
        top: 87px
    }

    .section_2 .number_section .vertical_text {
        top: 133px
    }

    .section_3 .number_section .vertical_text {
        top: 110px
    }

    .section_4 .number_section .vertical_text {
        top: 73px
    }

    .section_5 .vertical_text {
        top: 101px
    }
}

@media only screen and (max-width: 1030px) {
    body {
        font-size: 7px
    }
}

@media only screen and (max-width: 992px) {
    li.parent ul li a {
        font-size: 8px
    }

    .section_4 .order_serv form input[type="text"] {
        width: 100%
    }

    .section_2 h2 {
        margin-bottom: 16px
    }

    .section_2, .section_2 .row_section_2 {
        min-height: 310px
    }

    .section_4 li .date {
        height: 50px
    }

    .section_4 .order_serv form {
        border: 7px solid #007bff
    }

    .btn, .btn_2 {
        padding: 6px 20px
    }

    .banner {
        height: 270px
    }

    .social_block, .social_block .row {
        min-height: 30px
    }

    header address img, header .hours img {
        width: 30px
    }

    header, header .row {
        min-height: 46px
    }

    .section_5 address a {
        font-size: 1.1em
    }

    .section_1 .number_section .vertical_text {
        top: 75px
    }

    .section_2 .number_section .vertical_text {
        top: 112px
    }

    .section_3 .number_section .vertical_text {
        top: 90px
    }

    .section_4 .number_section .vertical_text {
        top: 55px
    }

    .section_5 .vertical_text {
        top: 89px
    }

    .section_5 h2 {
        margin-bottom: 20px
    }

    .section_2 {
        margin-bottom: 20px
    }

    .section_5 .services_bot_menu ul, .section_5 .spec_bot_menu ul {
        margin-right: 0
    }
}

@media only screen and (max-width: 900px) {
    body {
        font-size: 6px
    }
}

@media only screen and (max-width: 768px) {
    .navigation ul li.parent ul {
        display: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        border: none;
        background-color: transparent;
        transition: unset
    }

    .navigation ul li.parent ul li a {
        color: #fff
    }

    li.parent ul li a {
        font-size: 12px
    }

    .navigation ul li {
        width: 100%
    }

    .navigation ul li a {
        width: 100%;
        border-bottom: 1px solid #e0e0e0
    }

    .navigation ul > li {
        margin-top: 0;
        margin-bottom: 0
    }

    .navigation ul li > a {
        padding: 7px 0
    }

    .navigation ul li a {
        font-size: 12px
    }

    .navigation ul li ul {
        display: none
    }

    li.parent ul li.parent ul {
        display: block !important;
        padding-left: 25px;
        height: 0;
        opacity: 0 !important;
        overflow: hidden;
        visibility: unset !important;
        transform: unset !important;
        transition: .2s ease !important
    }

    li.parent ul li.parent ul.nav-acti {
        height: 100% !important;
        opacity: 1 !important
    }

    .nav-arrow:before {
        top: 5px;
        transform: rotate(90deg);
        color: #fff
    }

    .navigation {
        padding-left: 60px
    }

    .mobile_menu {
        left: 10px
    }

    .navigation ul {
        align-items: flex-start !important; /* padding: 0 45px; */
    }

    .navigation ul li {
        display: flex;
        flex-direction: column;
        height: auto;
        padding-left: 0;
        margin-left: 0
    }

    li.parent ul li.parent ul.nav-acti {
        display: block !important
    }

    li.parent:hover ul {
        display: flex
    }

    .navigation ul li ul {
        position: static;
        margin-top: 15px;
        padding-left: 20px; /* display: none !important; */
    }

    .activi > a { /* border-bottom: 2px solid #fff; */
    }

    li.parent ul li.parent ul {
        display: block
    }

    body {
        font-size: 10px
    }

    header .logo {
        width: 100%
    }

    header .logo .site_name {
        width: 100%;
        text-align: center
    }

    header .hours, header address {
        width: 100%;
        margin-top: 20px
    }

    header .phone {
        width: 100%;
        background: none;
        color: black;
        text-align: center;
        margin-top: 20px
    }

    header .phone a {
        color: black
    }

    header .phone:after {
        display: none
    }

    .social_block .order {
        width: 100%;
        min-height: 50px
    }

    .social_block .order .order_btn {
        background: #ff3300
    }

    .social_block .search {
        width: 100%;
        min-height: 50px;
        background: #ddd
    }

    .social_block .social {
        width: 100%;
        background: #ddd;
        min-height: 50px
    }

    .social_block .social p {
        flex-grow: unset
    }

    .banner {
        height: 226px
    }

    .number_section {
        display: none
    }

    .section_1 .inside_section {
        text-align: center;
        background: none
    }

    .section_1, .section_1 .row {
        min-height: 340px
    }

    .section_2 h2 {
        text-align: center
    }

    .section_2 .lab_item {
        width: 30.191388%;
        text-align: center;
        margin-left: 5px;
        margin-right: 5px
    }

    .section_4 .doctor_form {
        display: none
    }

    .inside_section {
        flex-wrap: wrap
    }

    .section_4 h2 {
        margin-bottom: 20px;
        text-align: center
    }

    .section_4 .inside_section .soc {
        width: 100%;
        margin-top: 20px;
        margin-right: 0
    }

    .section_4 .inside_section .order_serv {
        width: 100%;
        margin-top: 20px
    }

    .section_4 .order_serv form {
        text-align: center;
        margin: 0 auto
    }

    .section_4 .order_serv form input[type="text"] {
        margin-top: 10px
    }

    .section_1 .inside_section p, .section_1 .inside_section h2 {
        width: 100%
    }

    .section_5 address {
        width: 100%;
        text-align: center
    }

    .section_5 address .label_map {
        display: none
    }

    .section_5 address .inside_address {
        justify-content: center;
        order: 2;
        margin-top: 20px;
        margin-bottom: 20px
    }

    footer .creator {
        text-align: center
    }

    .navigation ul {
        display: none
    }

    .mobile_menu {
        display: block;
        position: absolute;
        top: 6px;
        width: 24px;
        height: 22px;
        background: url('../img/menu.png') no-repeat
    }

    .mobile_open {
        width: 24px;
        height: 24px;
        background: url('../img/cross.png') no-repeat
    }

    .navigation ul {
        flex-direction: column
    }

    .navigation .visible_nav {
        display: flex
    }

    .navigation ul li:hover:after {
        display: none
    }

    .navigation ul li {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 670px) {
    .services_bot_menu {
        width: 100%;
        order: 2;
        margin-top: 20px
    }

    footer {
        text-align: center
    }

    .menu_spec_inside {
        justify-content: space-between
    }

    .section_5 .spec_bot_menu {
        width: 100%
    }
}

@media only screen and (max-width: 500px) {
    body {
        font-size: 9px
    }

    .menu_spec_inside {
        flex-wrap: wrap
    }

    .section_2 .lab_item {
        width: 100%
    }
}

@media only screen and (max-width: 440px) {
    .navigation {
        padding-left: 45px !important
    }

    .navigation ul li a {
        font-size: 10px
    }

    li.parent ul li a {
        padding-left: 35px !important
    }

    .social_block .order .order_btn {
        font-size: 1.2em
    }

    .banner .banner_text {
        margin-left: 0
    }

    .banner p {
        font-size: 1.5em
    }

    .social_block .order_btn a {
        text-align: center
    }

    footer, footer .row {
        height: 90px
    }
}

@media only screen and (max-width: 360px) {
    header .logo {
        flex-wrap: wrap
    }

    header .logo a {
        display: block;
        width: 35%;
    }
    header .logo .site_name{
        width: 50%;
    }
    header .logo .site_name{
        font-size: 14px;
    }
    header address p, header .hours p{
        font-size: 10px;
    }
    header .phone p{
        font-size: 12px;
    }
    header .phone a{
        font-size: 12px;
    }
}

@media (max-width: 320px) {
    li.parent ul li a {
        padding-left: 50px !important
    }
}

/*         end media         */

.modal-content {
    border: 8px solid #007bff;
    padding: 30px 20px;
    text-align: center;
}

button.close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.btn-signUp {
    background: #c72a15;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Gotham Pro Light";
    padding: 15px;
    width: 100%;
    color: #fff;
    border: none;
    transition: all .5s ease;
    cursor: pointer;
}

.btn-signUp:hover {
    background: #e8290f;
}

.modal-content input {
    width: 100%;
    font-size: 12px;
    font-family: "Gotham Pro Light";
    border: 1px solid #b0b0b0;
    padding: 12px 10px;
    outline: none;
}

.modal-content p {
    font-size: 14px;
    font-family: "Gotham Pro Light";
}

.modal-dialog {
    margin-top: 150px;
}

@media (max-width: 560px) {
    .modal-dialog {
        margin-top: 80px;
    }
}

li.parent:hover ul {
    visibility: visible !important;
    transform: translateY(0) !important;
    opacity: 1 !important
}

@media (max-width: 1366px){
    header .hours, header address{
        width: 17.489583%;
    }
    .eye-version{
        margin-left: 22px !important;
    }
}

@media (max-width: 1024px) {
    header .logo {
        width: 200px;
    }
    header .phone {
        width: 20%;
    }
    .section_5 address a {
        font-size: 20px;
    }
}

@media (max-width: 920px) {
    header .logo {
        width: inherit;
    }
    header .phone {
        width: 23%;
    }
    header .hours, header address{
        width: 33%;
    }
    .eye-version{
        margin-left: 15px !important;
    }
    .social_block .order p{
        font-size: 9px;
    }
    .section_4 .order_serv form input[type="text"], .section_4 .order_serv form input {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .logo a img {
        width: 100%;
    }
    header .logo .site_name {
        text-align: left;
    }
    header .hours, header address {
        display: none !important;
        width: 28%;
    }
    header address p, header .hours p{
        font-size: 12px;
    }
    header .phone p {
        font-size: 14px;
    }
    header .phone a {
        font-size: 14px;
    }
    .kartinkasp{
        display: none;
    }
    .social_block .order{
        margin: 0 75px;
    }
    .social_block .order p{
        font-size: 12px;
    }
    .simplesearch-search-form{
        width: 50%;
    }
    .social_block .search .submit_btn{
        width: 35%;
    }
    .social_block, .social_block .row{
        position: relative;
    }
    .social_block .social{
        width: 100%;
        background: transparent;
        min-height: 46px;
        position: absolute;
        z-index: 1;
        top: 115%;
        right: 15%;
    }
    .social_block .social a{
        width: 5%;
    }
    .social_block .social p{
        color: #fff;
    }
    .social_block .social a img{
        filter: brightness(0.5);
    }
    .eye-version{
        margin-right: 20px !important;
    }
    .burger-menu{
        display: block;
        width: 38px;
        height: 35px;
        background-color: transparent;
        border-radius: 5px;
        position: relative;
        margin: 5px 0;
        z-index: 2;
    }
    .burger-menu span,
    .burger-menu span::before,
    .burger-menu span::after{
        position: absolute;
        top: 50%;
        margin-top: -2px;
        width: 25px;
        height: 4px;
        border-radius: 10px;
        background-color: #fff;
    }
    .burger-menu span::before,
    .burger-menu span::after{
        content: '';
        display: block;
        transition: .5s;
    }
    .burger-menu span::before{
        transform: translateY(-7px);
    }
    .burger-menu span::after{
        transform: translateY(7px);
    }
    .burger-active span{
        height: 0;
    }
    .burger-active span:before{
        transform: rotate(45deg);
    }
    .burger-active span:after{
        transform: rotate(-45deg);
    }
    .nav-active{
        display: block !important;
    }
    .navigation ul li{
        position: relative;
    }
    .navigation ul li a{
        font-size: 14px;
        position: relative;
    }
    .navigation ul li.parent ul{
        background-color: #fff;
        opacity: 1;
        visibility: visible;
        position: static;
    }
    .navigation ul li.parent ul li a{
        color: #007bff;
    }
    .navigation .row .btn-open{
        display: none;
    }
    .navigation .row ul li{
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .navigation .row ul li .btn-open{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 5%;
        height: 35px;
        background: url("../img/arrow-white.png") no-repeat 90%;
        border: 0;
        outline: none;
        transition: .2s;
    }
    .btn-rotate{
        transform: rotate(180deg);
        background-position: 10% !important;
    }
    li.parent ul li a{
        padding-left: 15px !important;
    }
    #vk_groups{
        width: 550px;
        margin: 0 auto;
    }
    .section_4 .order_serv form {
        width: 65%;
    }
    .inside_address .info {
        width: 90%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .section_5 .spec_bot_menu {
        margin-right: 0;
    }
    .content-box .container{
        padding: 10px 0 !important;
    }
    table > tbody > tr{
        font-size: 12px;
    }
    .content-box .row p img{
        padding: 2px;
    }
}

@media (max-width: 600px) {
    header .logo{
        margin-top: 15px;
        width: 100%;
    }
    .date-time{
        width: 50%;
    }
    header .phone{
        width: 50%;
    }
    .social_block .order{
        margin: 0;
    }
    .simplesearch-search-form{
        width: 65%;
    }
    .social_block .social{
        right: 9px;
    }
    .section_1, .section_1 .row{
        padding: 0;
    }
    .inside_section{
        padding: 0 15px;
    }
    .section_1 .inside_section p, .section_1 .inside_section h2{
        margin-bottom: 20px;
    }
    #vk_groups{
        width: 100% !important;
    }
    .content-box .row .col-md-8  h1{
        margin-top: 15px;
    }
    .content-box {
        padding: 10px 0;
    }
    .content-box iframe{
        width: 100%;
    }
}

@media (max-width: 515px){
    .section_2 .lab_item{
        width: 45%;
    }
    .inside_address .info{
        flex-direction: column;
        align-items: center;
    }
    .section_5 address .inside_address{
        font-size: 15px;
    }
    .section_1 .inside_section{
        background: none !important;
    }
    .inside_section p{
        text-align: justify;
    }
}

@media (max-width: 425px){
    .social_block, .social_block .row{
        padding: 0;
    }
    .social_block .order p{
        padding-left: 15px;
    }
    .simplesearch-search-form{
        width: 90%;
    }
    .social_block .search .text_search,
    .social_block .search .submit_btn{
        font-size: 12px;
        height: 30px;
    }
    .social_block .social{
        right: -25px;
    }
    .social_block .social a{
        width: 8%;
    }
    .section_4 .order_serv form{
        width: 100%;
    }
    .navigation{
        padding-left: 15px !important;
    }
    .table{
        font-size: 12px;
    }
    .table td, .table th{
        padding: 15px 10px;
    }
}

@media (max-width: 375px){
    header .logo{
        padding-left: 10px;
    }
    .date-time{
        padding-left: 10px;
    }
    .burger-menu{
        margin: 5px 10px;
    }
    .navigation ul{
        padding: 0 10px;
    }
    .section_2 .lab_item{
        width: 85%;
    }
    .container{
        padding: 0 !important;
    }
    .inside_section h2{
        margin-top: 20px;
    }
    address{
        margin-bottom: 0;
    }
}

@media (max-width: 320px){
    .date-time, header .phone{
        width: 100%;
    }
    .social_block .order .order_btn{
        width: 80%;
    }
    .simplesearch-search-form{
        width: 100%;
    }
    .social_block .social{
        right: -15px;
    }
    .section_1 .inside_section p{
        text-align: justify;
    }
    .section_2 .lab_item{
        width: 100%;
    }
    table > tbody > tr{
        font-size: 10px;
    }
}

@media (min-width: 769px){
    .btn-open{
        display: none;
    }
}