@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@900&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400;1,700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,600&family=Manrope:wght@200;300;400;500;600;700;800&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500;1,900&family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
/*font-family: 'Cousine', monospace;*/
/*font-family: 'IBM Plex Sans', sans-serif;*/
/*font-family: 'Manrope', sans-serif;*/
/*font-family: 'Montserrat', sans-serif;*/
/*font-family: 'Varela Round', sans-serif;*/
@font-face {
    font-family: 'FuturaDemiC';
    src: local('Futura Demi Cyrillic'), local('FuturaDemiC'),
    url('../fonts/FuturaDemiC.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FuturaMediumC';
    src: local('Futura Medium Cyrillic'), local('FuturaMediumC'),
    url('../fonts/FuturaMediumC.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FuturaLightC';
    src: local('Futura Light Cyrillic'), local('FuturaLightC'),
    url('../fonts/FuturaLightC.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FuturaBookC';
    src: local('Futura Book Cyrillic'), local('FuturaBookC'),
    url('../fonts/FuturaBookC.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html {
    overflow-x: hidden;
    margin-right: calc(-1 * (100vw - 100%));
    -ms-overflow-style: none;  /* IE 10+ */
    scrollbar-width: none; /* Firefox */
}
html::-webkit-scrollbar {
    background: transparent;
    width: 0;
}
/** {border: 1px solid #f00;}*/
body {
    font-family: FuturaLightC, serif;
    margin: 0;
    padding: 0;
}


#mod_price{
    display: none;
    position: absolute;
    left: 0.4vw;
    top: 0.4vmax;
    z-index: 99;
}
#sect_head_bg {
    position: relative;
    /* height: 56.667vmax; */
    height: 54.667vmax;
    z-index: 3;
}
#sect_head{
    width:100vw;
    height: 48.37vmax;
    background: url("../img/bg1_head.jpg") no-repeat;
    background-size:cover;
    padding-top:0.781vmax;
}
#sect_head:after{
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    background: url(../img/botom_wave.png);
    right: 0;
    bottom: -6.031vmax;
    z-index: -1;
    height: 7.5vmax;
}
#sect_head_bg{
    width: 100vw;
    position: relative;
    background: url("../img/bg2_head.png") no-repeat;
    background-size: 56vw 56vmax;
    background-position: 43vw 0.2vmax;
    display:flex;
    flex-flow:column;
    height: 54.667vmax;
    z-index: 3;}
#head_top{
    display: flex;
    flex-flow: row;
    justify-content: left;
    margin-left: 0.781vw;
}
#top_logo {
    width:5.208vw;
    height:5.208vmax;
    background: url("../img/onl_delphin_237.webp") no-repeat;
    background-size:contain;
}

#top_text > p:nth-child(1) {
    font-family: Inter Tight,serif;
    font-size: 2.917vmax;
    font-weight: bolder;
    color: #ffffff;
    margin: 0;
}
#top_text > p:nth-child(2) {
    font-family: Inter Tight,serif;
    font-size: 1.25vmax;
    font-weight: bolder;
    color: #ffffff;
    margin: 0;
}

.head_top_col {
    display: flex;
    flex-flow: row;
}
.head_top_col:nth-child(1) {
    margin-right: 35.938vw;
}
.head_top_col:nth-child(2) {
    margin-right: 5.729vw;
}

#midl_top_ico {
    width:1.146vw;
    height:1.563vmax;
    background: url("../img/point_adr.svg") no-repeat center;
    background-size:contain;
    padding-top:2.2vmax;
    margin-right: .78125vw;
}

#midle_top_text {
    font-family: Roboto,serif;
    font-size: 1.042vmax;
    font-weight: 500;
    line-height: 2.22vmax;
    width: 17vw;
    color: #ffffff;
    padding-top: 0;
}
#last_top_ico {
    width:1.563vw;
    height:1.563vmax;
    background: url("../img/top_phone.svg") no-repeat center;
    background-size:contain;
    padding-top:1.1vmax;
    margin-right: .625vw;
}

#last_top_text {
    font-family: Roboto,serif;
    font-size: 1.354vmax;
    font-weight: 800;
    color: #ffffff;
    padding-top:.6vmax;

}

#price {
    width: 12.5vw;
    height: 2.344vmax;
    background-color: #82E341;
    border-radius: 0.156vmax;
    text-align: center;
    margin-left:0.781vw;
    margin-top:0.781vmax;
    font-family: Roboto,serif;
    font-weight: 800;
    font-size: 1.094vmax;
    color: #004E63;
    padding-top: 1vmax;
}

#head_info {
    display: flex;
    margin: 6.5vmax 0 0 19.271vw;
}
#head_info > div:nth-child(1){
    display: flex;
    flex-direction: column;
}
#head_info > div:nth-child(2){
    width:27.083vw;
    height:32.396vmax;
    background: url("../img/abramov_top_foto.png") no-repeat center;
    background-size:contain;
    margin-left: 9vw;
}
#head_info li{
    font-family: Roboto,serif;
    font-weight: 500;
    font-size: 1.563vmax;
    color: #ffffff;
    list-style-type: none;
}
#head_info li i::before{
    font-size: 1.563vmax;
    color: #82E341;
}
#head_info > div:nth-child(1) > p:nth-child(2){
    color: #00ff00;
    font-family: Roboto,serif;
    font-size: 3.125vmax;
    font-weight: 900;
    font-style: italic;
    text-align: center;
    text-shadow:
            0 0 0.26vmax #FFF,
            0 0 0.365vmax #FFF,
            0 0 0.469vmax #FFF,
            0 0 0.573vmax #49ff18,
            0 0 0.677vmax #49FF18,
            0 0 0.781vmax #49FF18,
            0 0 0.885vmax #49FF18,
            0 0 0.99vmax #49ff18;
    margin: 0;
}
#head_info > div:nth-child(1) > p:nth-child(3){
    width:18.229vw;
    color: #00ff00;
    font-family:Noto Sans Display,serif;
    font-size: 2.9vmax;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    margin: 0;

}
#sect_uslugi > div:nth-child(1) > ul > li > i:before{
    content: "\f058";
    color: #00ff00;
    font-size: 0.6vmax;
    position: relative;
    top: -0.13vmax;
    left: -0.3vw;
}
#sect_uslugi > div:nth-child(1) > ul{
    font-family: Roboto,serif;
    font-weight: 400;
    font-size: 1.042vmax;
    color: #004e63;
    list-style-type: none;
    line-height: 2vmax;
}
#sect_uslugi {
    display: flex;
    margin-left: 19.8vw;
    margin-top: 8.79vmax;
}
#sect_uslugi > div:nth-child(1) > h2{
    color: #004e63;
    font-size: 2.5vmax;
    font-family: 'Roboto',serif;
    font-weight: 600;
    margin-bottom: 2vmax;
    width: 26vw;
    line-height: 5vmax;
}
.usl_col {
    display: flex;
    flex-flow: column;
}
#sect_uslugi > div:nth-child(2) > div:nth-child(1){

    background-image: url(../img/uzi_aparat.png);
    background-repeat: no-repeat;
    width: 18.75vw;
    background-size: 17.813vw 18.281vmax;
    background-position: 0vw 1vmax;
    height: 20vmax;
}
#sect_uslugi > div:nth-child(2) > div:nth-child(2){
    display: flex;
    height: 4vmax;
}
#sect_uslugi > div:nth-child(2) > div:nth-child(2) > div:nth-child(1){
    width: 6.8vw;
    font-family: Roboto,serif;
    font-weight: 600;
    font-size: 1.042vmax;
    color: #004e63;
    text-align: center;
    background-image: url(../img/foto_ico.png);
    background-repeat: no-repeat;
    background-size:  2.344vw 1.979vmax;
    background-position: 2.45vw 0vmax;
    padding-top: 2.2vmax;
}
#sect_uslugi > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
    width: 6.8vw;
    font-family: Roboto,serif;
    font-weight: 600;
    font-size: 1.042vmax;
    color: #004e63;
    text-align: center;
    background-image: url(../img/demo_ico.png);
    background-repeat: no-repeat;
    background-size:  2.344vw 1.979vmax;
    background-position: 2.3vw 0vmax;
    padding-top: 2.2vmax;
}
#sect_uslugi > div:nth-child(1) > p{
    font-family: Roboto,serif;
    font-weight: 600;
    font-size: 1.042vmax;
    color: #004e63;
}
#myMapId {
    width: 100vw;
    height: 41.667vmax;
}
/*#myMapIdInDoor {*/
/*    width: 30vw;*/
/*    height: 41.667vmax;*/
/*}*/

#top_table{
    background-image: url(../img/_info.png);
    width: 50vw;
    height: 9vmax;
    background-repeat: no-repeat;
    background-size: cover;
}
#mod_price button{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1.458vw;
    height: 1.458vmax;
    padding: 0;
    border-color: #0a72f3;
    color: #0a72f3;
    text-shadow: 0.052vmax 0.052vmax 0.26vmax;
}
#mod_price button:hover{
    background: #0a72f3;
}
#mod_price td:nth-child(1){
    width: 43vw;
    border: 0;
    line-height: 0.9vmax;
    font-family: FuturaBookC,serif;
    font-weight: 500;
    border-radius: 0.156vmax;
    z-index: 1;
    background: transparent;
    border-spacing: 0;
}
#mod_price td:nth-child(2){
    font-size: 0.72vmax;
    position: absolute;
    left: 0;
    padding-top: 1vmax;
    background: transparent;
    border: 0;
    line-height: 0.5vmax;
    font-family: FuturaBookC,serif;
    font-weight: 100;
    z-index: 2;
    width: 49vw;
    padding-left: 0.9vw;
    letter-spacing: -0.02vw;
}
#mod_price td:nth-child(3){
    width: 6.073vw;
    border: 0;
    border-radius: 0.156vmax;
    font-weight: 900;
    font-size: 1vmax;
    text-align: right;
    padding-right: 0.3vw;
    font-family: Rubic,sans-serif;
    letter-spacing: 0;
    padding-top: 0;
    line-height: 0.8vmax;
}
#mod_price tr{
    background: #FFFFFF;
    margin-top: 0.1vmax;
    display: flex;
    justify-content: left;
    border-radius: 0.156vmax;
    height: 1.65vmax;
    padding-left: 0.4vw;
}
#mod_price h1{
    text-align: center;
    font-weight: 900;
    z-index: 1;
    position: absolute;
    top: 3.792vmax;
    right: 18.854vw;
    font-family: Inter Tight,serif;
    color: #FFFFFF;
    text-shadow: #0b76f5 0.156vmax 0.208vmax 0.208vmax;
    font-size: 2.5vmax;
    letter-spacing: 0.2vw;
}
#sect_onas{
    background-image: url(../img/onas_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 50vmax;
}
#sect_onas h2{
    color:#ffffff;
    display:inline-block;
    font-family: Roboto, sans-serif;
    font-size:2.5vmax;
    font-weight: 600;
    margin-left: 6.25vw;
    margin-top:2.083vw;
}
#onas_row{
    display: flex;
    flex-flow: row;
}
#onas_row_col1_foto{
    background-image: url(../img/onas.png);
    background-repeat: no-repeat;
    background-size: 21.875vw 32.969vmax;
    background-position: 0 0;
    width: 21.875vw;
    height: 32.969vmax;
}
#onas_row_col1_text{
    margin-top: 0.5vmax;
}
#onas_row_col1_text p{
    color:#ffffff;
    display:block;
    font-family: Roboto, sans-serif;
    font-size:0.938vmax;
    font-weight: 400;
    letter-spacing: 0.1vw;
    font-style: italic;
    text-shadow:
            -0.089vmax -0.089vmax 0.089vmax rgba(0, 14, 81,0.4),
            0.089vmax 0.089vmax 0.089vmax rgba(0, 2, 62,0.7);
    margin:0;
}
.slide_onas_img1{content: url("../img/slider/slide_onas_1.jpg")}
.slide_onas_img2{content: url("../img/slider/slide_onas_2.jpg")}
.slide_onas_img3{content: url("../img/slider/slide_onas_3.jpg")}
.slide_onas_img4{content: url("../img/slider/slide_onas_4.jpg")}
.slide_onas_img5{content: url("../img/slider/slide_onas_5.jpg")}
.slide_onas_img6{content: url("../img/slider/slide_onas_6.jpg")}
.slide_onas_img7{content: url("../img/slider/slide_onas_7.jpg")}
.slide_onas_img8{content: url("../img/slider/slide_onas_8.jpg")}
.slide_onas_img9{content: url("../img/slider/slide_onas_9.jpg")}
.slide_onas_img10{content: url("../img/slider/slide_onas_10.jpg")}
.slide_onas_img11{content: url("../img/slider/slide_onas_11.jpg")}
.slide_onas_img12{content: url("../img/slider/slide_onas_12.jpg")}
.slide_onas_img13{content: url("../img/slider/slide_onas_13.jpg")}
.slide_onas_img14{content: url("../img/slider/slide_onas_14.jpg")}
.slide_onas_img15{content: url("../img/slider/slide_onas_15.jpg")}
.slide_onas_img16{content: url("../img/slider/slide_onas_16.jpg")}
.slide_onas_img17{content: url("../img/slider/slide_onas_17.jpg")}
.slide_onas_img18{content: url("../img/slider/slide_onas_18.jpg")}
.slide_onas_img19{content: url("../img/slider/slide_onas_19.jpg")}

#onas_row_col1{
    width: 21.875vw;
    height: 37.24vmax;
    margin-left:18.229vw ;
}

#onas_row_col2{
    width: 39.583vw;
    height: 37.24vmax;
    margin-left: 3vw;
}


#onas_row_col2_slide img{
    background-size: contain;
    width: 15vw;
    height: 15vmax;
}
#onas_row_col2_text > h3{
    color:#ffffff;
    display:block;
    font-family: Roboto, sans-serif;
    font-size:1.667vmax;
    font-weight: 200;
}
#onas_row_col2_text > p{
    color:#ffffff;
    display:block;
    font-family: Roboto, sans-serif;
    font-size:1.042vmax;
    font-weight: 200;
    margin-bottom:0.75vmax;
    text-align: justify;
}
#onas_row_col2_text > p:nth-child(6){
    font-family: FuturaDemiC, sans-serif;
    font-size: 1.7vmax;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.02vw;
    text-shadow:
            0 0 5px #FFF,
            0 0 10px #FFF,
            0 0 15px #FFF,
            0 0 20px #0d2895,
            0 0 30px #0d2895,
            0 0 40px #0d2895,
            0 0 55px #0d2895,
            0 0 75px #0d2895;
}
#mod_cert{
    width: 77vw;
    height: 80vmax;
    margin: 0 auto;
    display: none;
}
#onas_modal_slide  img{
    margin: 0 auto;
}
.sw-review-item-body{
    font-size: 0.833vmax!important;
    line-height: 0.843vmax!important;
}
.sw-review-box {
    padding: 0.365vmax!important;
    margin-bottom: 0!important;
    border-radius: 0.208vmax!important;
}
.sw-review-list {

    min-height: 9.375vmax!important;
    padding: 0.365vmax 0.104vw 0.104vmax 0.104vw !important;
}
#mod_cert_but{
    background: url("../img/slider/close_slide_cert.svg") no-repeat;
    background-size: contain;
    display: block;
    width: 5vw;
    height: 5vmax;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.abramov-dots{
    text-align: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin-top: 0.386vmax;
}
.abramov-dots button {
    background: radial-gradient(circle, #ffffff 0%, #eeeeee 100%);
    box-shadow: 0.05211vmax 0.05211vw 0.05211vmax 0 rgba(34, 60, 80, 0.4);
    border: 0.05211vmax #ffffff solid;
    border-radius: 0.9vmax;
    height: 0.886vmax;
    width: 0.886vw;
    margin: 0.521vmax 0.521vw 0.521vmax 0.521vw;
    outline: white;
    font-size: 0;
}
.abramov-dots li[class="slick-active"] button {
    background: #104675;
    /*background: radial-gradient(circle, #24326a 0%, #b8bccf 100%);*/
    background: linear-gradient(348deg, #104675 33%, #cccfda 100%);
    box-shadow: 0.05211vmax 0.05211vmax 0.05211vmax 0 #0a72f355;
}
#onas_row_col2_slide{
    width: 39.583vw;
    height:10.417vmax;
}
#six_prichin{
    background-image: url(../img/prich_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100vw;
    height: 36vmax;
}

.ico_prich{
    width: 5.688vw;
    height: 5.688vmax;
    margin: 2.5vmax 7vw;
}
#prich_row1{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 60vw;
    margin: 0 auto;
}
#prich_row2{
    margin-left:6.25vw;
    z-index: 3;
    position: relative;
    margin-top: 4vmax;
}
#prich_row2 p{
    font-family: Roboto,serif;
    font-weight: 600;
    font-size: 1.042vmax;
    color: #004e63;
}
#prich_row1 > div::after{
    font-family: Roboto,serif;
    font-weight: 400;
    font-size: 1.042vmax;
    color: #004e63;
    position: relative;
    top: 6vmax;
    width: 16vw;
    display: block;
    text-align: center;
    right: 5.3vw;
}
#prich_row1 > div:nth-child(1){
    background: url("../img/prichin_ico/prich_ico_1.png") no-repeat;
    background-size: contain;
}
#prich_row1 > div:nth-child(2){
    background: url("../img/prichin_ico/prich_ico_2.png") no-repeat;
    background-size: contain;
}
#prich_row1 > div:nth-child(3){
    background: url("../img/prichin_ico/prich_ico_3.png") no-repeat;
    background-size: contain;
}
#prich_row1 > div:nth-child(4){
    background: url("../img/prichin_ico/prich_ico_4.png") no-repeat;
    background-size: contain;
}
#prich_row1 > div:nth-child(5){
    background: url("../img/prichin_ico/prich_ico_5.png") no-repeat;
    background-size: contain;
}
#prich_row1 > div:nth-child(6){
    background: url("../img/prichin_ico/prich_ico_6.png") no-repeat;
    background-size: contain;
}

#prich_row1 > div:nth-child(1)::after{
    content: "Возможность предварительной записи";
}
#prich_row1 > div:nth-child(2)::after{
    content: "Доступная цена";
}
#prich_row1 > div:nth-child(3)::after{
    content: "Квалифицированный персонал";
}
#prich_row1 > div:nth-child(4)::after{
    content: "Современное оборудование";
}
#prich_row1 > div:nth-child(5)::after{
    content: "Стаж работы, опыт врача";
}
#prich_row1 > div:nth-child(6)::after{
    content: "Отсутствие очереди и задержек";
}

.inter_info_foto {
    width: 14.063vw;
    height: 10.521vmax;

}
#inter_info_col2 {
    width: 43.229vw;
    height: 21.615vmax;
    margin-top: 5vmax;
    margin-left: 3vw;
}
#inter_info_col1 {
    width: 33.646vw;
    height: 21.615vmax;
}

#sect_inter {
    background: url("../img/inter/inter_fon_bg.jpg") no-repeat;
    background-size: 99vw 49vmax;
    background-position: -2.917vw -6.927vw;
    height: 32vmax;
}

#inter_info {
    display: flex;
    flex-flow: row nowrap;
    margin-left: 10vw;
}
.sw-review-list.sw-review-unselectable > div.sw-review-bottom > a{
    z-index: -2!important;
}

#sect_inter > h2{
    font-family: Roboto,serif;
    font-weight: 600;
    font-size: 2.5vmax;
    color: #004e63;
    margin-left: 16vw;
}
#sect_info{
    background: linear-gradient(90deg, #104675 0%, #1c66a5 75%, #1e73b9 93%);
    padding: 1.563vmax 20.313vw;
}
#sect_info > p:nth-child(1){
    font-family: Roboto,serif;
    font-weight: 400;
    font-size: 0.9vmax;
    color: #ffffff;
}
#sect_info > p:nth-child(2){
    font-family: Roboto,serif;
    font-weight: 500;
    font-size: 1vmax;
    color: #ffffff;
}
#sect_info > p:nth-child(1) > span{
    font-family: FuturaLightC, serif;
    font-weight: 900;
    font-size: 1.2vmax;
    color: #ffffff;
    box-shadow: 0.052vmax 0.58vmax 0.573vmax -0.573vmax #000000;
}
#sect_stoim::before{
    display: block;
    content: "";
    position: relative;
    background: url("../img/wave.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100vw;
    height: 5.885vmax;
    top: -5.729vmax;
}

#sect_stoim > h2{
    font-family: Roboto,serif;
    font-weight: 600;
    font-size: 2.5vmax;
    color: #16578D;
    margin-left: 5.781vw;
    margin-top: 0;
}
#sect_stoim > p{
    width: 48.438vw;
    font-family: Roboto,serif;
    font-weight: 400;
    font-size:  0.9vmax;
    font-style: italic;
    color: #16578D;
    margin-left: 24.063vw;
}
#six_prichin > h2{
    font-family: Roboto,serif;
    font-weight: 600;
    font-size: 2.5vmax;
    color: #004e63;
    margin-left: 16vw;
}
