:root  {
/* colors  - begin */
	--primary-h: 310;
	--primary-s: 35%;
	--primary-l: 45%;
    
	--secondary-h: 187;
	--secondary-s: 94%;
	--secondary-l: 41%;
    
	--tertiary-h: 0;
	--extra1-h: 2;
	--extra2-h: 45;
    --primary-gray-h: 180;

	--brand-primary: hsl( var(--primary-h), var(--primary-s), var(--primary-l) );
	--brand-secondary: hsl( var(--secondary-h), var(--secondary-s), var(--secondary-l) );
	--brand-tertiary: hsl( var(--tertiary-h), 0%, 20% );
	--brand-extra1: hsl( var(--extra1-h), 82%, 40% );
	--brand-extra2: hsl( var(--extra2-h), 97%, 51% );

	--gray-0: hsl( var(--primary-gray-h), 0%, 0% );
	--gray-1: hsl( var(--primary-gray-h), 0%, 10% );
	--gray-2: hsl( var(--primary-gray-h), 0%, 20% );
	--gray-3: hsl( var(--primary-gray-h), 0%, 30% );
	--gray-4: hsl( var(--primary-gray-h), 0%, 40% );
	--gray-5: hsl( var(--primary-gray-h), 0%, 50% );
	--gray-6: hsl( var(--primary-gray-h), 0%, 60% );
	--gray-7: hsl( var(--primary-gray-h), 0%, 70% );
	--gray-8: hsl( var(--primary-gray-h), 0%, 80% );
	--gray-9: hsl( var(--primary-gray-h), 0%, 92% );
/* colors  - end */
}

body {
    font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
    color: var(--brand-tertiary);
    overflow-x: hidden;
}

.h3, h3 {
    font-size: 1.3rem;
}

@supports (font-variation-settings: normal) {
    @font-face {
        font-family: 'MyriadPro';
        src: url('../fonts/MyriadPro-Regular.woff2') format('woff2');
        font-display: swap;
    }
    
    body {
        font-family: 'MyriadPro', sans-serif;
    }
}

article .read-more.read-more__close {
    cursor: pointer;
}

img {
    image-rendering: -webkit-optimize-contrast;
}

a {
    color: var(--gray-2);
}

a:hover {
	color: var(--gray-6);
}

h1 {
    color: var(--gray-6);
    font-size: clamp(1.25rem, 1.25rem + 1vw, 1.5rem);
    font-weight: 700;
    margin-bottom: 1rem;
}

.h1-main {
    font-size: 1.25rem;
    color: var(--gray-6);
    margin: 1rem 0;
    display: inline-block;
}

.h1-secondary {
    color: var(--brand-tertiary);
}

.day-h2 {
    color: var(--gray-2);
    font-size: clamp(1.25rem, 1.25rem + 1vw, 1.7rem);
    font-weight: 500;
    line-height: 1.2;
    box-sizing: border-box;
    font-family: 'MyriadPro', sans-serif;
}

.h2-main {
    float: right;
    color: var(--brand-secondary);
    text-transform: uppercase;
    font-size: 1.25rem;
    position: relative;
    z-index: 1;
    padding: 8px 10px;
    margin-bottom: 0;
    text-shadow: none;
}

.h-headers {
    min-height: 58px;
}

main p a, main ul a {
    text-decoration: underline;
    color: var(--brand-secondary);
}

main p a:visited, main ul a:visited {
    color: var(--brand-primary);
}

button a {
    text-decoration: none;
}

/*
.h2-main {
    float: right;
    color: var(--brand-secondary);
    text-transform: uppercase;
    font-size: 1.25rem;
    border: 2px solid var(--brand-secondary);
    position: relative;
    z-index: 1;
    padding: 8px 10px;
    margin-bottom: 0;
    text-shadow: none;
}

.h2-main::after,
.h2-main::before {
    content: "";
    display: block;
    border: 2px solid #f7f9f9;
    z-index: 20;
    position: absolute;
}

.h2-main__privilege::after,
.h2-main__privilege::before {
    border: 2px solid #cfe5fc;
}

.h2-main::after {
    left: -2px;
    top: 13px;
    right: -2px;
    bottom: 13px;
    border-top: none;
    border-bottom: none;
}

.h2-main::before {
    left: 13px;
    top: -2px;
    right: 13px;
    bottom: -2px;
    border-left: none;
    border-right: none;
} */

.background-main__fon {
    min-height: 680px;
}

.block__stocks, .block__sendform {
    bottom: 0;
    width: 100%;
    position: absolute;
}

.block__stocks {
    margin-left: -15px;
}

.block__sendform {
    padding-right: 30px;
}

@media (max-width: 992px) {
    .h2-main {
        float: none;
        text-align: center;
        margin: 0 auto !important;
        padding: 8px 0;
        font-size: 1.15rem;
        align-items: center;
    }
    .background-main__fon {
        min-height: 0;
    }
}
@media (max-width: 390px) {
    .h2-main {
        display: inline-flex;
    }
}

@media (max-width: 992px) {
    .block__stocks, .block__sendform {
        position: relative;
        margin-left: 0;
        padding-right: 0;
    }
    .block__stocks .col, .block__sendform .col {
        padding-left: 0;
        padding-right: 0;
    }
}

h2 {
    color: var(--gray-2);
    font-size: clamp(1.25rem, 1.25rem + 1vw, 1.7rem);
}

button:focus {
	outline-color: var(--brand-primary);
}

.btn-primary-custom {
	background-color: var(--brand-primary);
	border: none;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.btn-primary-custom:hover {
    background-color: hsl(var(--primary-h), 55%, var(--primary-l) );
}

.btn-primary-custom:focus, .btn-primary-custom.focus {
    background-color: hsl(var(--primary-h), var(--primary-s), var(--primary-l) );
    box-shadow: 0 0 0 0.2rem hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.5 );
}

.btn-primary-custom:not(:disabled):not(.disabled):active, .btn-primary-custom:not(:disabled):not(.disabled).active,
.show > .btn-primary-custom.dropdown-toggle {  
    background-color: hsl(var(--primary-h), 80%, var(--primary-l) );  
}

.btn-primary-custom:not(:disabled):not(.disabled):active:focus, .btn-primary-custom:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary-custom.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem hsla(var(--primary-h), var(--primary-s), var(--primary-l), .25 );
}

.btn-secondary-custom {
    background-color: var(--brand-secondary);
    border: none;
    color: white;
    text-transform: uppercase;
}

.btn-secondary-custom:hover {
	background-color: var(--gray-6);
    border: none;
    color: white;
}

.btn-outline-secondary-custom {
    color: var(--brand-tertiary);
    font-weight: 700;
    box-shadow: 0px 0px 10px hsla(var(--primary-h), var(--primary-s), var(--primary-l),0.2);
	border-color: var(--gray-8);
	transition: 0.5s;
    padding: .5rem .75rem;
    text-transform: uppercase;
    line-height: 1.6;
}

.btn-outline-secondary-custom:hover {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: white;
    box-shadow: 0px 0px 40px hsla(var(--primary-h), var(--primary-s), var(--primary-l),0.3);	
/*	border: none;*/
}

.btn-icon {
    height: 1.5rem;
    width: auto;
}

.btn-xs {
	font-size: .75rem;
	padding: 2px 10px;
	border-color: var(--gray-9);
	color: var(--gray-6);
	margin-bottom: .5rem;
}

.form-control, .input-group-text {
    border: 2px solid #DDD;
}

.input-group-text {
    padding: 0 .4rem;
}

.form-control:focus {
    border-color: hsl(var(--primary-h), var(--primary-s), 60% );
    box-shadow: 0 0 0 0.2rem hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.5 );
}

.w-all-25 { width: 25% }
.w-all-50 { width: 50% }
.w-all-75 { width: 75% }
.w-all-100 { width: 100% }
.w-all-auto { width: auto }

@media (min-width: 576px) {
    .w-sm-25 { width: 25%; }
    .w-sm-50 { width: 50%; }
    .w-sm-75 { width: 75%; }
    .w-sm-100 { width: 100%; }
    .w-sm-auto { width: auto; }
}

@media (min-width: 768px) {
    .w-md-25 { width: 25%; }
    .w-md-50 { width: 50%; }
    .w-md-75 { width: 75%; }
    .w-md-100 { width: 100%; }
    .w-md-auto { width: auto; }
}

@media (min-width: 992px) {
    .w-lg-25 { width: 25%; }
    .w-lg-50 { width: 50%; }
    .w-lg-75 { width: 75%; }
    .w-lg-100 { width: 100%; }
    .w-lg-auto { width: auto; }
}

.primary-divider {
    background-color: var(--brand-primary);
    width: 4rem;
    margin: 1rem auto;
}

.secondary-divider {
    background-color: var(--brand-secondary);
    width: 100%;
    margin: 1rem auto;
    height: 1px;
}

.list-group {
    border-radius: .15rem;
    border: 2px solid var(--gray-8);
}

.list-group-item {
    padding: .25rem 1.25rem;
    border: none;
}

.list-group-item:not(li:last-child) {
    border-bottom: 2px dotted var(--gray-9);
}

.pic-svg {
    display: flex;
}

@media (max-width: 576px) {
    .pic-svg__phone {
        width: 28px;
        height: 28px;
    }
}

/* begin - card */
.card-custom {
	box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.2);    
	border: none;
	transition: 0.5s;
    /* height: 100%; */
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    padding: .75rem;
}

.card-custom-primary {
	box-shadow: 0px 0px 10px hsla(var(--primary-h), var(--primary-s), var(--primary-l),0.2);
	border: none;
	transition: 0.5s;
}

.card-custom-primary:hover {
	box-shadow: 0px 0px 40px hsla(var(--primary-h), var(--primary-s), var(--primary-l),0.3);	
}

.card-custom__rounded15 {
    border-radius: 15px;
}

.card-custom-bg {
    background-color: var(--gray-9);
	border: none;
    padding: .5rem;
}

.card-custom-bg .card-img-top {
    border-radius: .5rem;
}

.card-custom:hover {
	box-shadow: 0px 0px 40px hsla(0, 0%, 0%, 0.3);	
}

.card-text {
    color: var(--gray-0);
}

.card-title-custom {
    font-size: 1rem;
    color: var(--gray-1);
    font-weight: 700;    
    margin: 0;
}

.card-title2-custom {
    font-size: 1.25rem;
    color: var(--gray-4);
    font-weight: 700;
    margin: 0;
}

.card-title-custom_center {
    font-size: clamp(1rem, 1rem + 1vw,  1.25rem);
    color: var(--gray-4);
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding: 0;
}

.card-title-custom_center a {
    color: var(--gray-4);
}

.card-subtitle-custom {
    font-size: .875rem;
    color: var(--gray-1);
    margin-top: .75rem;
}

.card-subtitle2-custom {
    font-size: 1rem;
    color: var(--gray-4);
/*    font-weight: 700;*/
    margin-bottom: .5rem;
}

.card-header-custom {
    background-color: var(--gray-9);
    border: none;
    padding: 1rem 1.25rem 0 1.25rem;
    font-size: 1.125rem;
    font-weight: 700;
}

.card-header2 {
    background-color: white;
    border: none;
    padding: 1.25rem 1.25rem 0 1.25rem;
    font-size: 1.125rem;
    font-weight: 700;
}

.card-header3 {
    background-color: white;
    border: none;
    padding: 1.25rem 1.25rem 0 1.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
}

.card-footer-custom {
    padding: 0 1.25rem 1.25rem 1.25rem;
    background-color: white;
    border: none;        
}

.card-label-hit {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    background-color: var(--brand-extra2);
    padding: .5rem 1.5rem;
    text-transform: uppercase;
    font-size: .8125rem;
/*    color: var(--brand-primary);*/
    color: #25567B;
    border-radius: .25rem;
    z-index: 10;
}

.card-label-hit_detail {
    top: 2rem;
    left: 2rem;
}

.card-label-city {
    position: absolute;
    top: .5rem;
    right: .5rem;
    background-color: var(--gray-4);
    padding: .15rem .5rem;
    text-transform: uppercase;
    font-size: .75rem;
    color: white;
    border-radius: .25rem;
}

.card-label-date {
    position: absolute;
    bottom: .5rem;
    left: 1.25rem;
    width: calc(100% - 2.5rem);
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    color: white;
    z-index: 2;
    white-space: nowrap;
    overflow: hidden;
}

.card-label-date__day {
    font-size: clamp(2rem, 2rem + 1vw, 3rem);
    line-height: 1;
}

.card-label-date_primary {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: clamp(.75rem, .75rem + 1vw, 1.25rem);
    font-weight: 700;
    color: white;
    background-color: var(--brand-primary);
    padding: .5rem 0;
    z-index: 2;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
}

.card-price .fas {
    font-size: 85%;
}

.card-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.card-action__cta {
    text-transform: uppercase;
    flex-basis: 50%;
}

.card-action__more {
    color: var(--gray-4);
    font-size: .875rem;
    text-transform: uppercase;    
}

.card-icon {
    color: var(--gray-6);
    font-size: 4rem;
    text-align: center;
}

.card-icon a {
    color: var(--gray-6);
}

.card-img-wrapper {
    display: block;
    position: relative;
}

.card-img-wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0) 50%, hsla(0, 0%, 0%, 0.35) 100%);
}

.card-img-custom-overlay {
    display: block;
    position: relative;
}

.card-img-overlay_play {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
    background-image: url("../images/jcarousel/button-play2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30%;
}

.card-body__short-view {
    max-height: 30vh;
    overflow: hidden;
}

.card-body__doctor {
    padding: .5rem;
}

.read-more {
    line-height: 1.25;
    border-bottom: 1px dashed var(--gray-6);
    margin-bottom: .1rem;
    display: inline-block;
    font-size: 0.9rem;
    list-style: none;
    color: var(--gray-6);
}

[open] .read-more {
    display: none;
}

.read-more.read-more__close {
    display: none;
}

[open='']  .read-more.read-more__close {
    display: inline-block;
}

.comment__details summary {
    list-style: none;
}

.card-body__all-view {
    max-height: none;
    overflow: auto;
    background: none;
    -webkit-text-fill-color: unset;
}

.card-footer-custom-catalog {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0 0 0;
    flex-wrap: wrap;
    background-color: var(--gray-9);
}

.card-footer-custom-comment {
    background: none;
    border: none;
    padding-top: 0;
    color: var(--gray-0);
    font-size: .875rem;
}

.comment__details {
    color: var(--gray-0);
}

.card-footer__link {
    color: var(--gray-0);
    font-size: .875rem;
    text-decoration: underline;
}

.card-footer__link:hover {
    color: var(--brand-tertiary);
}



.card-footer_download {
    white-space: nowrap;
    padding: .5rem 0;
    line-height: 1;
}

.card-footer_download .fas {
    color: var(--gray-6);
}

.card-footer_open {
    white-space: nowrap;
    background-color: white;
    border-radius: .25rem;
    padding: .25rem .5rem;
}

.card-footer_open .far {
    color: var(--gray-7);
}


.card-deck-custom .card {
  margin-bottom: 15px;
}

.card-deck-custom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.card-deck-custom .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}

/* end - card */

/* begin - header */
.navbar-custom {
	background-color: white;
	/*box-shadow: 0 0px 10px 0 hsla(var(--primary-h), var(--primary-s), var(--primary-l),0.32);*/
    margin-bottom: 0;
}

.sub-dropdown-menu {
    display: none;
    position: absolute;
    left: 100%;
    min-width: 100%;
    white-space: nowrap;
    top: 0;
    z-index: 1000;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    min-height: 100%;
}

.dropdown-menu .menu-item a span::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    transform: rotate(-90deg);
}

.sub-dropdown-menu.mobile {
    display: none;
    position: unset;
    z-index: 1000;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    height: 100%;
    border: none;
}

.dropdown-menu.mobile .menu-item {
    display: unset;
}

.dropdown-menu.mobile .sub-dropdown-menu.mobile a {
    padding-left: 35px;
    text-wrap: wrap;
}

.dropdown-menu.mobile .menu-item a span::after {
    display: inline-block;
    margin-left: 0;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    transform: unset;
}

.dropdown-menu .menu-item {
    display: flex;
    justify-content: space-between;
}

.dropdown-menu .menu-item a {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.dropdown-menu.desctop .menu-item:hover .sub-dropdown-menu {
    display: block;
}

@media (max-width: 768px) {
    .form-input-mobile-100 {
        width: 100% !important;
        flex: unset !important;
        max-width: 100%;
    }

    .navbar-brand__logo {
        height: 40px;
    }

    header.sticky-top {
        z-index: 2147483647;
        max-height: 100vh;
        overflow-y: auto;
    }
}

.nav-link-custom {
	font-size: 1rem;
    text-transform: uppercase;
    font-weight: 400;
    white-space: nowrap;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--brand-tertiary);
}

.nav-pills .nav-link {
    text-transform: uppercase;
    font-weight: 700;    
}

.nav-pills .nav-link.active {
    background-color: #6c757d;
}



.navbar__contact-phone {
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
    float: right;
}

@media (max-width: 575px) {
    .navbar__contact-phone_icon {
        font-size: 1.75rem;
    }
}

.navbar__topbutton {
    margin-bottom: .5rem;
}

/* end - header */


.header-announce__title {
	font-size: clamp(1rem, 1rem + 1vw, 1.5rem);
	padding-bottom: .3rem;
	margin-bottom: 1rem;	
    font-weight: 700;
    position: relative;
    border-left: 5px solid var(--brand-primary);
    padding-left: 1rem;
    color: var(--gray-2);
}

.header-announce__title_inline {
    color: var(--gray-6);
    font-size: 1rem;
}

@media (max-width: 575px) {
    .header-announce__title_inline {
        font-size: .875rem;
    }
}

.header-announce__title_icon {
    margin-right: .5rem;
    max-width: 100%;
    max-height: 40px;
    height: auto;
}

.page-title__breadcrumb {
    background-color: white;
	margin: 0;
	padding: 10px 30px 0px 0px;
    display: inline-flex;
    align-items: baseline;
}

.page-title__breadcrumb_home {
    color: var(--gray-6);
}

.page-title__breadcrumb-item a {
	color: var(--gray-4);
}

.page-title__breadcrumb-item.active {
	color: var(--gray-6);
}

.page-title__breadcrumb-wrapper::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #e9ecef;
    display: block;
    margin-top: -0.8rem;
}

.page__nav {
    border-radius: .25rem;
    padding: .75rem 0;
    margin: 2rem 0rem 1rem 0rem;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.page__nav_bg {
    background-color: var(--gray-9);
    padding: .75rem;
    
}

.page__nav .nav-link {
    white-space: nowrap;
}

.page__nav .nav-link.active {
    background-color: var(--brand-primary);
}

/* begin - main slider */

.slider-main__item {
    min-height: 200px;
    height: 50vh;
    max-height: 426px;
    background-color: var(--gray-7);
    background-size: cover;
}

@media (max-width: 1024px) {
    .slider-main__item {
        height: 40vh;
    }
}

@media (max-width: 767px) {
    .slider-main__item {
        height: 10vh;
    }
}

.slider-main__item-title {
    font-size: clamp(1.25rem, 1.25rem + 1.5vw, 2.5rem);
    color: white;
    text-transform: uppercase;
    margin-bottom: .75rem;
    font-weight: 600;
}

.slider-main__item-title mark {
    color: var(--brand-primary);
    background: none;
}

.slider-main__item-subtitle {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.slider-main__item-cta {
    font-size: 1rem;
    text-transform: uppercase;
    margin: 0 auto 1rem auto;
    width: 30%;
}

/* end - main slider */

/* begin - education */
.page__filter {
    background-color: var(--gray-9);
    border-radius: .25rem;
    padding: 1rem 1.25rem;
    margin: 1rem 0rem 2.5rem 0rem;
}

/* end - education */

/* begin - about */
.about__mission-text {
    background-color: var(--gray-9);    
}

.about__info {
    margin-bottom: 2rem;
    border-radius: .25rem;
}

.about__info_item {
    border-left: 5px solid var(--brand-primary);
    margin: 2rem;
    padding: 0 1.5rem;
}

.about__info_item-title {
    color: var(--gray-2);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    
}

.about__info_item-description {
    color: var(--gray-2);
    
}

.about__privilege_icon {
    margin-right: 1.0rem;
}

.about__privilege_title {
    color: var(--gray-2);
    font-size: 1.0rem;
    font-weight: 700;
    margin-bottom: 0;
}

.about__privilege_description {
    color: var(--gray-2);
    line-height: 1.25;
}
/* end - about */


/* begin - product */
.product__announce-rubric {
    border: none;
}

.product__announce-rubric_img-wrapper {
    padding: 1.25rem 1.25rem 0 1.25rem;
    text-align: center;
    
    display: block;
    overflow: hidden;
}

.product__announce-rubric_img-wrapper img {
    border-bottom: 1px solid var(--gray-9);
}


.card-footer_brand-primary {
    background-color: var(--brand-primary);
    padding: .5rem 1rem;
    border-radius: 0 0 .25rem .25rem;
    flex-grow: 1;
    display: flex;
}

.product__announce-rubric-title {
    color: white;
    font-weight: 600;
    font-size: clamp(.85rem, .85rem + 1vw, 1.5rem);
    margin: auto;
    text-align: center;
}
/* end - product */


/* begin - footer */
footer {
	background-color: var(--gray-2);
	color: white;
}

.footer__menu-head {
	padding-bottom: 1rem;
	font-size: 1.1rem;
	font-weight: 700;
    text-transform: uppercase;
    color: white;
}

.footer__menu-panel {
	padding: 3rem 0 1.5rem 0;
}

.footer__menu-list, .footer__menu-list a {
	color: var(--gray-7);
}

.footer__menu-list a:hover {
	color: white;
}

.footer__menu-list li {
	padding-bottom: .5rem;
}

.footer__bottom-panel {
	background-color: var(--gray-1);
}

.footer__bottom-panel_text {
	color: var(--gray-7);
	padding: 1.5rem 0rem;
    font-size: .85rem;
}

.footer__icon-group {
    display: flex;
    flex-wrap: nowrap;
    color: var(--gray-7);
    margin-bottom: 1.5rem;
    align-items: center;
}

.footer__icon-group_icon {
    font-size: 2rem;    
    padding-right: .75rem;
    margin-top: -20px;
}

.footer__icon-group_phone {
    display: block;
    font-size: 1.25rem;
    color: white !important;
    white-space: nowrap;
}

.footer__icon-group_link {
	color: var(--gray-7);
    font-size: .85rem;
    display: block;
    text-decoration: underline;
}

.footer__developer {
    color: var(--gray-4);
}

.footer__developer:hover {
    color: white;
}
.footer__icon-group.text-fon {
    color: var(--gray-2);
}
/* end - footer */


/* begin - scroll top button  */
#scroll-to-top-btn {
    display:block;
    position:fixed;
    right:16px;
    bottom:-88px;
    width:44px;
    height:44px;
    transition:bottom 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55),opacity 0.3s,background-color 0.3s,border-color 0.3s;
    border-radius:50%;
    background-color: hsla( var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.3 );
    color: white;
    font-size: 1.3rem;
    line-height:44px;
    opacity:0;
    z-index:2000;
    text-align:center;
    text-decoration:none;
}
#scroll-to-top-btn:hover {
    background-color: hsla( var(--secondary-h), var(--secondary-s), var(--secondary-l), 0.8 );
    color: white;
}
#scroll-to-top-btn:focus,
#scroll-to-top-btn:active {
    color: white;
}
#scroll-to-top-btn.visible {
    bottom:14px;
    opacity:1
}
@media (max-width: 768px) {
    #scroll-to-top-btn {
        bottom:-72px;
        width:36px;
        height:36px;
        line-height:36px;
        font-size: 1rem;
    }
}

/* end - scroll top button  */

/* begin - video */
.figure {
	position: relative;
}

.figure-button {
	position: absolute;
 	background-image: url("../images/jcarousel/button-play.png");
 	background-repeat: no-repeat;
 	background-position: center center;
	width: 100%;
    height: 100%;
/*	padding-bottom: 56.25%;*/
	top: 0;
	left: 0;
    border-radius: .25rem;
}

.figure-button-zoom {	
 	background-image: url("../images/jcarousel/button-zoom.png");
	background-color: hsla(0, 0%, 0%, 0.2);
    background-size: 20%;
}

.figure-button-play {
 	background-image: url("../images/jcarousel/button-play3.svg");
	background-color: hsla(0, 0%, 0%, 0.2);
    background-size: clamp(2rem, 15%, 4rem);
}

.figure-caption-custom {	
	font-size: .875rem;
    font-weight: 600;
}

.figure-caption-custom a {	
	color: var(--brand-secondary);
}

.figure-caption-custom a:hover {	
	color: var(--brand-primary);
}

.figure-carousel {
	margin: 0 1.5rem 0 0;
}

/* end - video */



/* begin - comment */
.comment__item {
	margin-bottom: 3rem;
}

.comment__user {
	font-size: 3rem;
	color: var(--gray-8);
	padding: 0 1rem 0 0;
}

.comment__form-add {
/*	margin-bottom: 2rem;*/
    padding: 1.25rem;
}

.comment__form-text {
	font-size: .75rem;
	color: var(--gray-6);
}

.comment__form-text a {
    text-decoration: underline;
    white-space: nowrap;
}

.form-icon {
    color: var(--gray-6);
    background-color: var(--gray-9);
    font-size: 1.5rem;
}

.form-link {
    font-size: .875rem;
    color: var(--gray-6);
    text-decoration: underline;
}
.bright-link {
    color: var(--brand-secondary);
    text-decoration: underline;
}

.comment__auxiliary {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 1rem;
    color: var(--gray-6);
    font-size: .8rem;
}

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

.comment__author_name {
    font-weight: 400;
}

.comment__author_child {
    white-space: nowrap;
}

.comment__source {
    flex-grow: 1;
    white-space: nowrap;
}

.comment__source a {
    color: var(--gray-6);
}

/* end - comment */

/* babydent - unique styles below */

/* main-advantages - begin */
.advantage {
    background: var(--brand-secondary);
    color: white;
    /* padding-bottom: 0; */
    margin-top: -.5rem;
}

.card-custom.advantage:hover{
    box-shadow: 0px 0px 40px rgb(0 0 0 / 30%);
}

.advantage .card-body {
    padding: 0;
}

.card-body {
    overflow: hidden;
}

.advantage .service__list li {
    color: var(--gray-0);
    text-decoration: none;
}

.advantage__head {
    text-align: center;
}

.advantage__head-title, .advantage__head-title a {
    color: white;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.advantage__description {
    padding-top: 1rem;
    color: var(--gray-0);
    background: white;
    padding: .25rem .5rem;
    border-radius: .25rem;
    line-height: 1.25;
    height: min-content;
}
/* main-advantages - end */


/* service - begin */

.service__list {
    padding-left: .35rem;
    list-style: disc;
    color: var(--gray-2);
}

.service__head {
    align-items: center;
    position: relative;
}

.service__head-subtitle {
    font-size: 1rem;
    margin-bottom: .2rem;
    color: var(--gray-2);
}

.service__head-title {
    font-size: 1.45rem;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    color: var(--gray-2);
}

.service__list {
    margin-top: .75rem;
    list-style: none;
}

.service__list li {
    text-decoration: underline;
    padding-bottom: .25rem;
}

.service__list li:before {
    content: '';
    list-style-type: disc;
    display: list-item;
    float: left;
    width: 1px;
    margin: 0 -5px 1px 10px;
}

.service__desc_title {
    background-color: var(--gray-9);
    padding: .75rem 1rem;
    margin: 2.5rem 0 1rem 0;
    position: relative;
    font-size: 1.5rem;
}

.service__desc_list {
    padding: 0 1rem;
    list-style: none;    
}

.service__desc_subtitle {
    font-size: 1.2rem;
    color: var(--gray-2);
    font-weight: 700;
}

.media-body {
    border-left: 2px solid var(--gray-2);
    padding: 10px;
    margin-left: 2px;
}

@media (max-width: 768px) {
    .media__privilege {
        display: block;
    }
}
/* service - end */

/* about - begin */

.about__img {
    margin-bottom: 1rem;
    border-radius: .25rem;
}
/* about - end */

/* specialoffer - begin */
@media (min-width: 992px) {
    .welcome {
        background-image: url("../images/welcome-bg-04.jpg");
        background-repeat: no-repeat;
        background-size: 100%;
    }
    
    .specialoffer__bg {
        background-image: none !important;
    }
}

.specialoffer__title {
    font-size: 1.125rem;    
    font-weight: 700;
    margin-bottom: 1rem;
}


.specialoffer__item-main {    
    background-repeat: no-repeat;
    background-color: var(--gray-3);
    background-size: cover;
    color: white;
    text-align: right;
    padding: 2rem;
    position: relative;
    height: 100%;
    text-shadow: var(--brand-primary) 0 0 .5rem;
}

.specialoffer__item-main_service {
    min-height: clamp(15rem, 15rem + 3vw, 20rem);
    border-right: 1px solid var(--gray-2);
    border-left: none;
    border-bottom: none;
    border-top: none;
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem;
    background: none;
}

.specialoffer__item-main_block {
    border-left: 5px solid var(--brand-primary);
    padding-left: 1rem;
}

.specialoffer__item-main_title {
    font-size: clamp(1.25rem, 1.5rem + 1vw, 1.5rem);
    font-weight: 900;
    word-wrap: break-word;
    line-height: 2rem;
    color: var(--gray-2);
}

.specialoffer__item-main_subtitle {
    font-size: clamp(1.25rem, 1.5rem + 1vw, 1.5rem);
    font-weight: 400;
    padding: .75rem 0;
    word-wrap: break-word;
    color: var(--gray-2);
}

.specialoffer__item {    
    background-repeat: no-repeat;
    background-color: var(--gray-3);
    background-size: cover;
    padding: 1.5rem;
    position: relative;
    border-radius: .25rem;
}

.specialoffer__item_card {
    background-color: white;
    padding: 1rem;
    max-width: 15rem;
    float: right;
    border-radius: .25rem;
}

.specialoffer__item_busy, .specialoffer__item_busy:hover {
    background-color: var(--gray-8);
    text-transform: uppercase;
    border: none;
    cursor: default !important;
}

.specialoffer__item_title {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--gray-2);
    margin-bottom: 1.75rem;
}

.specialoffer__price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;    
}

.specialoffer__price_discount {
    color: var(--gray-2);
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
    white-space: nowrap;
    text-transform: uppercase;
}

.specialoffer__price_initial {
    color: var(--gray-4);
    font-size: 1rem;
    text-decoration: line-through;
    text-decoration-color: var(--brand-primary);
    line-height: 1;
    white-space: nowrap;
    text-transform: uppercase;
/*    margin: 0;*/
}

.specialoffer__price_profit {
    color: white;
    font-size: 1rem;
    padding: 0 .2rem;
    background-color: var(--brand-secondary);
    border-radius: .15rem;
}

.specialoffer__price_profit:hover {
    text-decoration: none;
    color: white;
    background-color: hsl(var(--secondary-h), 55%, var(--secondary-l) );
}

.specialoffer__bg {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 6rem;
}

/* specialoffer - end */

/* contact - begin */
.card-custom__contacts {
    padding: 0;
}

.contact__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    border: none;
}

.contact__address {
    font-size: 1.3rem;
    font-weight: 400;
    color: var(--gray-2);
    padding-right: .25rem;
    line-height: 1.5rem;
    margin-bottom: 0;
}

.contact__location {
    color: var(--gray-6);
    white-space: nowrap;
    font-size: .8rem;
}

.contact__location a {
    color: var(--gray-6);
}

.contact__location .fa-map-marker-alt {
    font-size: 1.75rem;
    color: var(--brand-secondary);
    margin-bottom: .5rem;
}

.contact__body {
    padding: 0;
    flex-grow: 0;
}

.card-body.contact__body {
    position: relative;
    overflow: hidden;
}

.card-body.contact__body .card-map-view {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    max-height: 300px;
    top: -300px;
    transition: top ease-in-out .3s;
}

.card-body.contact__body .card-map-view.active {
    top: 0;
}

.contact__footer {
    background-color: white;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact__schedule {
    padding-right: 2rem;
    color: var(--gray-1);
    display: flex;
}

.contact__schedule .fa-history, .contact__phone .fa-mobile-alt {
    color: var(--brand-secondary);
    font-size: 1.75rem;
    padding-right: .5rem;
}

.contact__phone {
    white-space: nowrap;
    color: var(--gray-1);
}

.contact__licence {
    padding: .75rem 1.25rem;
    color: var(--gray-6);
    font-size: .7rem;
}
    

/* contact - end */

/* advice - begin */
.advice__list {
    padding-left: 0;
    list-style: none;
}

.advice__list li {
    padding-left: 1.75rem;
    padding-bottom: .75rem;
    text-shadow: 0 0 3px white;
}

.advice__list li:before {    
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: hsl( var(--primary-h), 35%, 75% );
    display: inline-block;    
    margin-left: -1.75rem;
    width: 1.75rem;    
}
    
.advice__list-item_memo:before {
    content: "\f071";
}

.advice__list-item_article:before {
    content: "\f15c";
    padding-left: .2rem;
}

.advice__bg {
    background-position: bottom right;
    background-repeat: no-repeat;
}

.advice__bg_1 {
    background-image: url("../img/advice/advice-bg-01.jpg");
}
.advice__bg_2 {
    background-image: url("../img/advice/advice-bg-04.jpg");
}
.advice__bg_3 {
    background-image: url("../img/advice/advice-bg-03.jpg");
}
.advice__bg_4 {
    background-image: url("../img/advice/advice-bg-01.jpg");
}
.advice__bg_5 {
    background-image: url("../img/advice/advice-bg-02.jpg");
}
.advice__bg_6 {
    background-image: url("../img/advice/advice-bg-06.jpg");
}
.advice__bg_7 {
    background-image: url("../img/advice/advice-bg-07.jpg");
}
.advice__bg_8 {
    background-image: url("../img/advice/advice-bg-08.jpg");
}

.advice__card-columns {
    column-count: 2;
    column-gap: 1.75rem;
}

@media (max-width: 767px) {
    .advice__card-columns {
        column-count: 1;
    }
}

.advice__date {
    font-size: .85rem;
    color: var(--gray-6);
    margin-bottom: 1rem;
}

.advice__author {
	margin: 2rem 0;
}

.advice__author-params {
	padding-top: 4px;
}

.advice__author-name {
	color: var(--gray-6);
}

.advice__author-experience {
	font-size: .875rem;
	color: var(--gray-6);
}

.advice__author-count_caption {
	padding-top: 5px;
	color: var(--gray-6);
}

.advice__author-count_icon {
	color: var(--gray-6);
	font-size: 1.6rem;
}

.advice__author-count {
	font-size: 1.6rem;
	display: inline-block;
	padding-left: .5rem;
}

/* advice - end */

/* doctor - begin */ 

.doctor__detail_subtitle {
    font-size: 1rem;
    color: var(--gray-6);
}

.doctor__experience-label {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: hsla(0, 0%, 0%, 0.2);
    color: white;
    font-size: .8rem;
    padding: 2px 10px;
    border-radius: .25rem;
    z-index: 20;
}

/* doctor - end */ 

/* hottime - begin */
.hottime__img {
    align-self: flex-start;
    margin-right: 1rem;
    max-width: 130px;
    width: 100%;
    height: auto;        
}

@media (max-width: 575px) {
    .hottime__img {
        max-width: 100px;
    }
}

.list-group-item__hottime {
    padding: .75rem;
}

.hottime__service {
    font-size: 1.125rem;
    line-height: 1.125;
    color: var(--gray-2);
    border-bottom: 1px dashed var(--gray-2);
    display: inline-block;
    list-style: none;
    margin-bottom: .1rem;
}

.hottime__service:focus {
    outline: 0;
}

.hottime__service:hover {
    color: var(--gray-6);
}

.hottime__service::-webkit-details-marker {
    display: none
}

.hottime__service-details {
    margin: 1.5rem 0;
}

.hottime__service_title {
    font-size: 1rem;
    font-weight: 700;
}

.hottime__service_list {
    padding-left: 0;
    list-style: none;    
}

.hottime__service_list li {
    padding-left: 1.5rem;
}

.hottime__service_list li:before {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: var(--brand-secondary);
    display: inline-block;    
    margin-left: -1.5rem;
    width: 1.5rem;
    content: "\f00c";
}

.hottime__item-info {
    border-left: none;
}

.hottime__doctor {
    font-size: 1rem;
    color: var(--gray-2);
    text-decoration: underline;
    margin-bottom: 2rem;
    margin-top: .5rem;
}

.hottime__doctor a, .hottime_time {
    color: var(--gray-5);
}

.hottime__location {
    font-size: .7rem;
    color: var(--gray-6);
}

.hottime__location a {
    text-decoration: underline;
    color: var(--gray-6);
}


/* hottime - end */


/* faq - begin */
.accordion__faq {
    border: 2px solid rgba(0,0,0,.125);
    border-radius: .125rem;
}
.card__faq {
    border: none !important;
}
.card__faq:not(:last-child) {
    border-bottom: 2px dotted var(--gray-9) !important;
}
.card__faq .card-header {
    background: none;
    border-bottom: none;
    padding: .5rem 1.25rem;
}
.faq__title {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    background: none;
    outline: none;
    font-size: 1.125rem;
    font-weight: 400;
}

.faq__title:focus {
    outline: none;
}

.faq__title span {
    border-bottom: 1px dashed var(--gray-2);
}

.card__faq:focus, .card__faq:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}
/* faq - end */

.carousel-control-next, .carousel-control-prev {
    width: 10%;
}

#carouselStocksCaptions .carousel-control-next {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(111,111,111,0.3029412448573179) 100%);
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

#carouselStocksCaptions  .carousel-control-prev {
    background: linear-gradient(90deg, rgba(111,111,111,0.3029412448573179) 0%, rgba(255,255,255,0) 100%);
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

/* youtube pleer fix iframe */

.youtube-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}
.youtube-item .play {
    background: url('../images/youtube-play-btn.png') no-repeat;
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.youtube-item:hover .play {
    background-position: 0 0;
}

/* end youtube pleer */

/* fancybox styles */
.fancybox-content {
    padding: 0;
    background: none;
}

.fotorama__caption__wrap {
    background-color: rgba(30,30,30,.6) !important;
    color: #ccc;
    font-family: 'MyriadPro', sans-serif;
}

.fotorama__caption {
    top: 0;
}

.fotorama__arr:focus::after, .fotorama__fullscreen-icon:focus::after, .fotorama__nav__frame:focus .fotorama__dot::after, .fotorama__nav__frame:focus .fotorama__thumb::after {
    background-color: unset !important;
}
/* end of fancybox styles */

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--gray-6);
}

.circle__blue {
    background-color: var(--brand-secondary);
    padding: .6rem;
    border-radius: 50%;
}
.circle-container__blue {
    width: 80px;
    height: 80px;
    font-size: 1rem;
    color: white;
    font-weight: 700;
    padding-top: .3rem;
    text-align: center;
    margin-right: .6rem;
}
.circle-container__blue_digital {
    font-size: 2.6rem;
    font-weight: 700;
    color: white;
}

.border-right_black {
    border-right: 1px solid black;
}

.slide_table {
    max-width: 100%;
    overflow-y: scroll;
}

.slide_table table {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
    border-collapse: collapse;
}

.slide_table table tr {
    border: 1px solid #dddddd;
    padding: 5px;
}

.slide_table table td {
    font-weight: bold;
    padding: 5px;
    background: #efefef;
    border: 1px solid #dddddd;
}

.btn-primary:disabled {
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed !important; 
}

p a {
    text-decoration: underline;
    color: var(--brand-secondary);
    transition: color 0.3s ease;
}

p a:visited {
    color: var(--brand-primary);
}

p a:hover {
    color: var(--gray-6) !important;
}
  
a.dropdown-item.drop-active-item:active {
    background-color: var(--brand-primary) !important; 
}

.independent-ratings {
    border-top: 1px solid #e9eef4;
    border-bottom: 1px solid #e9eef4;
    padding: 50px 0 44px;
    margin-bottom: 40px;
}

.independent-ratings__grid {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.independent-ratings__grid > * {
    flex: 0 1 16.66%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.independent-ratings__item {
    text-align: center;
    text-decoration: none;
}

.independent-ratings__icon {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.independent-ratings__icon img {
    max-width: 100%;
}

.independent-ratings__value {
    color: #30343a;
    font-size: 16px;
    font-weight: 600;
    font-family: 'MyriadPro', sans-serif;
}

@media (max-width: 876px) {
    .independent-ratings__grid {
        flex-direction: column !important;
    }

    .independent-ratings__item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .independent-ratings__item:not(:last-child) {
        margin-bottom: 35px !important;
    }

    .independent-ratings__icon {
        height: auto !important;
        width: 50% !important;
        margin-bottom: 10px !important;
    }
}

.service-main-row { padding: 30px 0px;}

.service-main-row .col-md-6:first-child {
    padding-right: 95px;
}

.service-main-row .service-main-title {
    font-size: 50px;
    line-height: 50px;
    color: #221122;
    margin-left: 0 !important;
}

.service-main-row .service-main-subtitle {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    color: #06B6CD;
}

.service-main-row .service-main-price {
    font-size: 50px;
    font-weight: 700;
    color: #06B6CD;
    line-height: 50px;
    text-align: left;
}

.service-main-row .service-main-price span {
    font-size: 30px;
    font-family: system-ui;
}

.service-main-row .service-main-price-description {
    font-size: 13px;
    font-weight: 400;
    line-height: 15.6px;
    text-align: left;
    color: #969696;
}

.service-main-row .service-main-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 15.6px;
    text-align: left;
    color: #221122;
}

.service-main-row .service-main-row-price { margin-bottom: 10px; }

/* .service-main-row .service-main-row-description {
    margin-bottom: 40px;
} */

.fw-container {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    background-color: #EBEBEB;
}

.service-navigation .service-nav-item {
    font-size: 16px;
    line-height: 18px;
    color: #221122;
    border-bottom: 1px dashed var(--gray-2);
    display: inline-block;
    list-style: none;
    margin-bottom: .1rem;
    margin-bottom: 10px;
}

.service-navigation .service-nav-item:hover { 
    color: #9B4B8D;
    border-bottom: none;
    text-decoration: none;
}

.service-navigation {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.service-description {
    margin-top: 45px;
}

.service-main-row a.btn:hover {
    border: 1px solid var(--brand-primary);
    color: var(--brand-primary);
    background-color: #fff !important;
    width: calc(50% - 1px);
}

.service-main-row a.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    min-height: 45px;
    color: white; 
    font-size: 20px; 
    font-weight: 600; 
    text-transform: none;
    margin-top: 40px;
    line-height: normal;
    padding: 5px;
}

.service-banner-image {
    min-height: 247px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 0;
}

.service-banner-image img {
    width: 100%;
}

.service-main-description p {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 22px;
}

.play_video_btn {
    position: absolute !important;
}

.certificates-gallery-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 10px;
}

.certificates-gallery-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.certificates-gallery-item-wrapper {
    height: 210px;
}

.certificates-gallery-image {
    object-fit: contain;
    height: 210px;
}

@media (min-width: 768px) {
    .certificates-gallery-container .slick-track {
        width: 100% !important;
        display: flex;
        flex-direction: row;
        gap: 10px;
    }
    .certificates-gallery-container .slick-track .slick-slide {
        width: 100% !important;
    }
}

.certificates-gallery-arrows {
    display: flex;
    flex-direction: row;
    width: calc(100% + 24px);
    justify-content: space-between;
    padding: 0 !important;
    position: absolute;
    z-index: 10;
    top: 40%;
    left: -12px;
}

.certificates-gallery-arrow {
    background-color: #9b4b8d;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.certificates-gallery-wrapper {
    position: relative;
}

.certificates-gallery-arrow svg {
    position: absolute;
    top: calc(100% / 5.5);
    right: calc(100% / 4.5);
}

.certificates-gallery-arrow.right {
    transform: rotate(180deg);
}

section.service-stages {
    margin-top: 60px;
    margin-bottom: 60px;
}

.stages-slider-dots {
    width: 100%;
    display: flex;
    margin-top: 20px;
    text-align: center;
}

.stages-slider-dots .dot {
    width: calc(100% / 7);
    padding-top: 20px;
    border-top: 3px solid #aeaeae;
    cursor: pointer;
}

.stages-slider-dots .dot span {
    display: block;
    padding-right: 20px;
    width: 100%;
}

.stages-slider-dots .slick-list, .stages-slider-dots .slick-track, .stages-slides .slick-list, .stages-slides .slick-track {
    min-width: 100% !important;
}

.stages-slider-dots .dot.active {
    border-top: 3px solid #0bb4cb;
}

.services-stages-container {
    width: 100%;
    margin-top: 20px;
    position: relative;
}

.service-stages-nav-left {
    position: absolute;
    left: -70px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #0bb4cb;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

.service-stages-nav-right {
    position: absolute;
    right: -70px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #0bb4cb;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    top: 50%;
}

.service-stages-nav-right svg {
    transform: rotate(180deg);
}

.service-stages-nav-right svg, .service-stages-nav-left svg{
    color: #aeaeae;
    fill: #aeaeae;
}

.services-stages-container .stages-slides {
    display: flex;
    width: 100%;
    overflow: hidden;
}

.services-stages-container .stages-slides .stages-slide {
    width: calc(100% / 2);
}

.services-stages-container .stages-slides .stages-slide span {
    font-size: 24px;
    color: #aeaeae;
}

.services-stages-container .stages-slides .stages-slide p {
    font-size: 16px;
    color: #aeaeae;
    padding-right: 20px;
}

.services-stages-container .stages-slides .stages-slide.active p {
    font-size: 16px;
    color: #000000;
    padding-right: 20px;
}

.services-stages-container .stages-slides .stages-slide.active span {
    font-size: 24px;
    color: #0bb4cb;
    padding-right: 20px;
}

.service-another-services {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

.service-another-services > a {
    background-color: #f4f4f4;
    border-radius: .5rem;
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 20px;
    font-size: 1.125rem;
    cursor: pointer;
    transition: .4s;
    text-decoration: none;
}

.service-another-services > a .number {
    background-color: #04b6cd;
    border-radius: 5px;
}

.service-another-services > a .number span {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
}

.service-another-services > a:hover {
    background-color: #fff;
    box-shadow: 0px 12px 30px 0px rgba(214, 201, 192, 0.45);
}

.col-1-2 {
    display: flex;
    width: 100%;
    gap: 20px;
}

.col-1-2 > div {
    flex: 0 0 calc(calc(100% - 20px) / 2);
}

.quote {
    border-left: 0.35em solid #00a3c3;
    font-size: 16px;
    padding: 1.25em 20px;
    position: relative;
    background: #f2f2f2;
    color: #000000;
    margin: 1rem 0;
    box-sizing: border-box;
}

.quote :last-child {
    margin-bottom: 0;
}

.quote .title {
    font-size: 27px;
    color: var(--gray-2);
}

.service-page-navigation {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    background-color: #EBEBEB;
    justify-content: center;
}

.service-page-navigation .center-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 15px;
    max-width: 1140px;
    margin: 0 auto;
}

.service-page-navigation .service-nav-page-item {
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 6px;
    border-radius: .3rem;
    border: 1px solid #333;
    font-size: 16px;
}

@media (max-width: 876px) { 
    .col-1-2 {
        flex-direction: column;
    }
    .col-1-2.reverse {
        flex-direction: column-reverse;
    }
    .col-1-2 > div {
        flex: unset;
        width: 100%;
    }
    .service-main-row .service-main-subtitle { font-size: 25px; }
    .service-main-row a.btn { height: 41px; margin-top: 1rem;}
    .service-main-row .service-main-title { font-size: 45px; }
    .service-main-row .col-md-6:first-child { padding-right: 15px; }
    .service-main-row .service-main-title { margin-bottom: 1rem; }
    .service-main-row .service-main-row-price { margin-bottom: 1rem; }
    /* .service-main-row .service-main-row-description { margin-bottom: 1rem; } */
    .service-main-row .btn.btn-primary { margin-bottom: 2rem; }

    .service-navigation .service-nav-item {
        font-size: 12px;
        line-height: 12px;
    }

    .service-main-row { padding: 30px 0px; }

    .service-banner-image {
        margin: 0 15px;
    }
}
@media (min-width: 876px) { 
    .service-banner-image {
        padding: 0 15px 0 0 !important;
    }

    .service-banner-image video{
        border-radius: 8px !important;
    }
}

.service-main-row .service-main-title, .service-main-row .service-main-row-price {
    margin-bottom: 23px !important;
}

@media (max-width: 876px) {
    section.service-stages {
        max-width: calc(100% - 10px);
    }

    .service-stages-nav-right {
        display: none !important;
    }

    .service-stages-nav-left {
        display: none !important;
    }

    .stages-slide {
        width: 100% !important;
    }
    .h-headers .h2-main.d-lg-block.d-md-none.d-none{
        display: block !important;
        font-size: 0.9rem !important;
    }
}

/* new year banner styles*/

.header-ribbon {
    background-color: #ed6a13;
    overflow: hidden;
}

.header-ribbon__container {
    display: flex;
    align-items: center;
    height: 60px;
    position: relative;
    z-index: 1;
}

.header-ribbon__container::after {
    content: "";
    position: absolute;
    width: 414px;
    height: 60px;
    bottom: 0;
    right: 0;
    background-image: url(/themes/babydent/assets/images/ribbon.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.header-ribbon__text {
    position: relative;
    padding-left: 50px;
    color: #fff;
    font-family: gilroy, sans-serif;
    font-size: 18px;
}

.header-ribbon__text a {
    color: #ffdb4d;
}

.header-ribbon__text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px;
    width: 27px;
    height: 30px;
    background-image: url(/themes/babydent/assets/images/calendar.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.header__secondary_new.sticky {
    background-image: url(/local/templates/main/img/new-year/bg.png);
    background-position: center center;
}

.new-year-wrapper {
    max-width: 1200px;
    min-width: 320px;
    padding: 0 30px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1199px) {

    .header-ribbon__container::after {
        right: -100px;
    }

}

@media screen and (max-width: 1023px) {

    .header-ribbon__container::after {
        right: -200px;
    }

}


@media screen and (max-width: 767px) {
    .new-year-wrapper { 
        padding: 0 15px;
    }

    .header-ribbon {
        display: block;
    }

    .header__mobile_new-year {
        border: 0;
        background-image: url(/local/templates/main/img/new-year/bg.png);
    }

    .header__mobile_new-year .header-ribbon {
        display: block;
    }

    .header-ribbon__container {
        height: 95px;
    }

    .header-ribbon__container::after {
        display: none;
    }

    .header-ribbon__text {
        font-size: 16px;
        line-height: normal;
    }
}

.col-f-ps {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 100%
}

.b-f-auto {
    display: flex;
    align-items: flex-end;
}

.b-f-auto div {
    flex: 0 0 100%;
}


table {
	border: 1px solid #eee;
	table-layout: fixed;
	margin-bottom: 20px;
    border-left: 6px solid #04b6cd;
}
table th p {
    margin: 0;
}
table th {
	font-weight: bold;
	padding: 5px;
	background: #efefef;
	border-right: 1px solid #959799;
	border-top: 1px solid #959799;
    border-bottom: 2px solid #04b6cd;
    margin: 0;
    padding: 10px;
}
table td{
	padding: 5px 10px;
	text-align: left;
    border-top: 1px solid #959799;
    border-right: 1px solid #959799;
    border-bottom: 1px solid #959799;
}
table tbody tr:nth-child(odd){
	background: #fff;
}
table tbody tr:nth-child(even){
	background: #F7F7F7;
}

.mobile-table-wrapper {
    overflow-x: scroll;
}

section.works {
    width: 100%;
}

section.works .works-item {
    width: 100%;
    background-color: #ebebeb;
    min-height: 350px;
    border-radius: 12px;
    padding: 20px;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin-bottom: 20px;
}

section.works .works-item .works-item__info {
    width: 50%;
    border-radius: 12px;
    background-color: #ffffff;
    flex-shrink: 0;
    min-height: 350px;
    padding: 15px;
    box-sizing: border-box;
}

section.works .works-item .works-item__pictures {
    width: calc(50% - 30px);
    aspect-ratio: 16 / 10;
    position: relative;
}

section.works .works-item .works-item__pictures img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-user-drag: none;
    user-select: none;
}

section.works .works-item .works-item__pictures .work-after {
    clip-path: inset(0px 0px 0px 50%);
}

section.works .works-item .works-item__pictures .switcher {
    position: absolute;
    height: 100%;
    width: 3px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

section.works .works-item .works-item__pictures .switcher hr {
    width: 100%;
    height: 100%;
    background-color: #fff;
    margin: 0;
}

section.works .works-item .works-item__pictures .switcher .switcher_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 3px solid #fff;
    flex-shrink: 0;
    cursor: ew-resize;
}

section.works .works-item .works-item__pictures .switcher .switcher_btn img {
    position: unset;
    top: unset;
    left: unset;
}

section.works .works-item .works-item__pictures .switcher .switcher_btn .arrow-left {
    width: 13px;
    height: 13px;
    transform: rotate(90deg);
}

section.works .works-item .works-item__pictures .switcher .switcher_btn .arrow-right {
    width: 13px;
    height: 13px;
    transform: rotate(-90deg);
}

section.works .works-item .works-item__info .title {
    width: max-content;
    max-width: 100%;
}

section.works .works-item .works-item__info .title .title__text {
    font-weight: 700;
    font-size: 26px;
    width: max-content;
    max-width: 100%;
    color: #000000;
}

section.works .works-item .works-item__info .title hr {
    height: 10px;
    width: 100%;
    margin: 0;
    background: linear-gradient(to bottom, #05a2b6 50%, #06b4cb 50%);
    border: 2px solid #ebebeb;
}

section.works .works-item .works-item__info .description {
    margin-top: 20px;
    font-size: 18px;
    padding: 0 5px;
}

section.works .works-item .works-item__info .works-item__bottom-info {
    display: flex;
    padding: 0 5px;
    margin-top: 20px;
    gap: 10px;
}

section.works .works-item .works-item__info .works-item__bottom-info > div {
    width: calc(50% - 5px);
    flex-shrink: 0;
}

section.works .works-item .works-item__info .works-item__bottom-info .doctors .title {
    font-size: 22px;
}

section.works .works-item .works-item__info .works-item__bottom-info .services .title {
    font-size: 22px;
}

section.works .works-item .works-item__info .works-item__bottom-info .doctors .doctors-list {
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

section.works .works-item .works-item__info .works-item__bottom-info .services .services-list {
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

section.works .works-item .works-item__info .works-item__bottom-info .doctors .doctors-list .doctors-list__item {
    display: flex;
    gap: 5px;
}

section.works .works-item .works-item__info .works-item__bottom-info .doctors .doctors-list .doctors-list__item .picture {
    width: 50%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #e7eaec;
}

section.works .works-item .works-item__info .works-item__bottom-info .doctors .doctors-list .doctors-list__item .name {
    margin-top: 10px;
}

section.works .works-item .works-item__info .works-item__bottom-info .doctors .doctors-list .doctors-list__item .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-works-nav-left.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #0bb4cb;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

section.works.container.slider {
    position: relative;
}

.service-works-nav-right.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-180deg);
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #0bb4cb;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

@media (max-width: 768px) {
    section.works .works-item {
        flex-direction: column;
    }

    section.works .works-item .works-item__info {
        width: 100%;
    }

    section.works .works-item .works-item__pictures {
        width: 100%;
    }

    section.works .works-item .works-item__info .works-item__bottom-info {
        flex-direction: column;
    }

    section.works .works-item .works-item__info .works-item__bottom-info > div {
        width: 100%;
    }
}

section.hot-time-link-banner .conteiner-link {
    display: flex;
    flex-direction: column;
}

section.hot-time-link-banner .conteiner-link img {
    width: 100%;
    aspect-ratio: 750 / 190;
}

section.hot-time-link-banner .conteiner-link .description {
    width: 100%;
    margin: 20px 10px;
}

section.hot-time-link-banner .conteiner-link a {
    max-width: 100%;
    width: min-content;
    text-wrap: nowrap;
    margin: 0 10px 20px 10px;
}

.pics-blur {
    position: relative;
    overflow: hidden;
}

.pics-blur::after {
    content: 'Возможен неприятный контент. Нажмите чтобы посмотреть';
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff52;
    top: 0;
    align-items: flex-start;
    padding-top: 40px;

}

.pics-blur img {
    filter: blur(10px);
}

.pics-blur .switcher img {
    filter: unset;
}
/* cookie баннер старт */
.cookie-banner-wrapper {
    position: fixed;
    bottom: 30px;
    left: 30px;
    display: flex;
    justify-content: flex-start;
    pointer-events: none;
    padding: 0;
    max-width: 400px;
    width: calc(100% - 60px);
}

.cookie-banner {
    position: relative;
    width: 100%;
    padding: 38px 28px 24px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    pointer-events: auto;
    animation: cookieFadeIn 0.5s ease;
    box-sizing: border-box;
}

.cookie-b-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 28px;
    height: 28px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    transition: background 0.2s ease, transform 0.2s ease;
    flex-shrink: 0;
    z-index: 10;
}

.cookie-b-close:hover {
    background: #f0f0f0;
    transform: rotate(90deg);
}

.cookie-b-close svg {
    width: 100%;
    height: 100%;
    fill: #666;
    display: block;
}

.cookie-content {
    font-size: 13px;
    line-height: 1.6;
    color: #1a1a1a;
    text-align: left;
    width: 100%;
    padding-right: 30px;
    box-sizing: border-box;
}

.cookie-content a {
    color: #0066cc;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.cookie-content a:hover {
    color: #004499;
}

.cookie-btn {
    flex-shrink: 0;
    padding: 10px 32px;
    background: #1a1a1a;
    color: #ffffff;
    border: none;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.15s ease;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.cookie-btn:hover {
    background: #333333;
    transform: scale(1.02);
}

.cookie-btn:active {
    transform: scale(0.97);
}

@keyframes cookieFadeIn {
    from {
        opacity: 0;
        transform: translateX(-20px) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

/* ===== Адаптив ===== */

/* Планшеты */
@media (max-width: 768px) {
    .cookie-banner-wrapper {
        bottom: 16px;
        left: 16px;
        right: 16px;
        max-width: 100%;
        width: calc(100% - 32px);
    }

    .cookie-banner {
        padding: 32px 16px 16px;
        border-radius: 12px;
        gap: 14px;
        align-items: center;
        text-align: center;
    }

    .cookie-content {
        text-align: center;
        font-size: 13px;
        padding-right: 24px;
    }

    .cookie-b-close {
        top: 10px;
        right: 10px;
        width: 24px;
        height: 24px;
    }

    .cookie-btn {
        padding: 12px 20px;
        font-size: 14px;
        width: 100%;
    }
}

/* Маленькие телефоны */
@media (max-width: 480px) {
    .cookie-banner-wrapper {
        bottom: 10px;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
    }

    .cookie-banner {
        padding: 28px 12px 12px;
        border-radius: 10px;
        gap: 12px;
    }

    .cookie-content {
        font-size: 12px;
        line-height: 1.4;
        padding-right: 20px;
    }

    .cookie-btn {
        padding: 10px 16px;
        font-size: 13px;
    }

    .cookie-b-close {
        top: 8px;
        right: 8px;
        width: 20px;
        height: 20px;
    }
}

/* Очень маленькие экраны */
@media (max-width: 360px) {
    .cookie-banner-wrapper {
        bottom: 8px;
        left: 8px;
        right: 8px;
        width: calc(100% - 16px);
    }

    .cookie-banner {
        padding: 24px 10px 10px;
        border-radius: 8px;
        gap: 10px;
    }

    .cookie-content {
        font-size: 11px;
        line-height: 1.3;
        padding-right: 16px;
    }

    .cookie-btn {
        padding: 8px 12px;
        font-size: 12px;
    }

    .cookie-b-close {
        top: 6px;
        right: 6px;
        width: 18px;
        height: 18px;
    }
}
/* cookie баннер конец */