iframe, .fancybox-content{
    background: transparent !important;
}
body{
    overflow-x:hidden;
}
section.form-step-section {
    padding: 80px 0 50px;
    text-align: center;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}
* {
    margin: 0;
    padding: 0;
    outline: none !important;
    font-family: "Mulish", serif;
}
html, body {
    font-family: "Mulish", serif;
    height: 100%;
}
body{

    color: #000;
}
section {
    display: block;
    position: relative;
}
:root{
    --dark_gray: #475F6B;
    --orange: #F4776B;
    --black: #000;
    --gray: #7B9095;
    --white: #fff;
    --light-gray: #F9F9F9; 
    --shadow: 0px 0px 10px 5px rgba(57, 96, 115, .2);

}
ul{
    list-style: none;
}

ol, ul{
    list-style-position: inside;
}

img{
    width: 100%;
}
a, a:active, a:visited{
    color: #000;
}
a:hover{
    text-decoration: none;
}
a.cta{
   
}
a.cta:hover, input[type="submit"]:hover{
text-decoration: none;
background: var(--fade-hover);
}
h1{
    font-size: 32px;
    line-height: 1.2;
color: var(--dark_gray);
}
h2{
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: var(--dark_gray);
}
h3{
    font-size: 24px;
color: var(--dark_gray);
}
h4{
    font-size: 20px;
    color: var(--dark_gray);
}

p{
    font-size: 16px;
   color: var(--gray);
    margin-bottom: 0px;
}

.text-black{

}
.text-orange{
    color: var(--orange);
}
.text-10{
    font-size: 10px;
    line-height: 1;
}
.text-12{
    font-size: 12px;
}
.text-14{
    font-size: 14px;
}
.text-16{
    font-size: 16px;
}
.text-18{
    font-size: 18px;
}
.text-20{
    font-size: 20px;
}
.text-24{
    font-size: 24px;
}

@media screen and  (min-width: 1300px) {
    header .container{
        max-width: 1440px;
    }  
    #hero .container{
        max-width: 1440px;
    }  
    #nums .container{
        max-width: 1250px;
    }
    #about .container{
        max-width: 1350px;
    }
    #services .container{
        max-width: 1350px;
    }
    #dirs .container{
        max-width: 1390px;
    }
    section#equip .container{
        max-width: 1390px;
    }
    section#about_clin .container{
        max-width: 1400px;
    }
    #dms .container{
        max-width: 920px;
    }
    .progs-container{
        max-width: 1400px;
    }
#yr_service .container{
    max-width: 1200px;
}
#cta .container{
    max-width: 1400px;
}
#prems .container{
    max-width: 1440px;
}
#specialists .container{
    max-width: 1440px;
}
section#contact .container{
    max-width: 1440px;
}
#stac .container{
    max-width: 1440px; 
}
#obsled .container{
    max-width: 1440px; 
}
#results .container{
    max-width: 1360px;

}
#obsled .container{
    max-width: 1550px;
}
#recomend .container{
    max-width: 1440px;
}
#check_advs .container{
    max-width: 1440px;
}
#faq .container{
    max-width: 1440px;
}
}

/*HEader*/
header{
    background-color: #475F6B;
    height: 123px;
}

span.text-orange,
.row.actions b,
.row.actions strong{
    color:#f4776b;
    font-weight:normal;
}

a.hdr-cta{
    white-space: nowrap;
    color: #fff;
    border-radius: 4px;
    background: none;
    padding: 11px 21px;
    background: rgba(246,100,80,1);
    background: linear-gradient(180deg, rgba(244,119,107,1) 0%, rgba(246,100,80,1) 100%);
}
a.hdr-cta:hover{
    background: rgba(244,119,107,1);
    background: linear-gradient(0deg, rgba(244,119,107,1) 0%, rgba(246,100,80,1) 100%);
}

img.logo{
    width: 250px;
}
img.hdr_ph{
    width: 19px;
    height: 19px;
    margin-right: 5px;
}
header .col, footer .col{
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hdr_soc img{
    width: 40px;
    height: 40px;
}
.hdr_soc img:nth-child(1){
    margin-right: 10px;
}
.hdr_ph_a{
    color: #fff;
    font-size: 20px;
}
.hdr_ph_a:hover{
    color:#efefef;
}

/*HEro*/
section#hero{ /*
    background-image: url('/wp-content/themes/blank2/images/hero_bg.png');
    padding: 50px 0px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative; */
    position: relative;
}

section#hero::after{
    display:block;
    content:'';

    position: absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    width:25px;
    height:37px;

    background: url('../images/slider.png');

}
section#hero .container{
    position: relative;
    background-image: url('/wp-content/themes/blank2/images/hero_bg.png');
    padding: 50px 0px;
    background-size: 900px;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
}


#topmenu{
    padding: 0px 0 20px 0;
    position: relative;
    z-index: 10;
}
#topmenu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    max-width: 78%;
}
#topmenu ul li{
    display: inline-block;
}
#topmenu ul li:first-child{
    margin-left:0;
}
#topmenu ul li:last-child{
    margin-right:0;
}
#topmenu ul li a{
    font-size: 16px;
    font-weight:bold;
    color:#475F6B;
    text-transform: uppercase;
    text-decoration:none;
}
#topmenu ul li a:hover,
#topmenu .current-menu-item a{
    color:#F4776B;
}

#hero .row{
    position: relative;
    z-index: 4;
}
section#hero img.abs_clin{
    width: 680px;
    height: 800px;
    position: absolute;
    z-index: 3;
    top: -40px;
    right: -10%;
}
img.hero-adv{
    width: 70px;
    height: 70px;
    margin-right: 50px;
}
.hero_txt .row{
margin-bottom: 20px;
}
.hero_advs_row_2{
    background-color: #fff;
    padding: 30px 100px;
    box-shadow: 6px 20px 30px 5px rgba(71, 95, 107, .15);
}
.hero_advs_row_2 img{
    width: 55px;
    height: 55px;
    margin-right: 25px;
}
.hero_advs_row_2 .row{
    align-items: center;
}
.hero_advs_row_2 .col-md-4{
    padding: 0px 50px;
}
.hero_advs_row_2 .col-md-4:nth-child(2){
    border-left: 1px solid var(--dark_gray);
    border-right: 1px solid var(--dark_gray);
}
.form-bg{
    background-color: var(--dark_gray);
    padding: 45px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.form-bg input, .form-bg select{
    width: 200px;
    border: none;
    padding: 15px 0px;
    background: none;
    border-bottom: 2px solid #758790;
    margin: 0px 20px;
    color: #fff;
    background-color: var(--dark_gray);
}
.form-bg input::placeholder, .form-bg select::placeholder{
    color: #fff;
}
.form-bg .wpcf7-response-output{
    color: #fff;
    margin: 20px 0 -20px 0 !important;
}
.form-bg input[type="submit"]{
    background-color: #fff;
    color: var(--orange);
    width: 280px;
    padding: 15px 30px;
}

/*   #nums*/
#nums{
    padding: 100px 0px;

}
#nums h2{
    font-size: 42px;
}
.nums-cont{
    margin-top: 50px;
}
.sqr{
    width: 116px;
    height: 116px;
    border-radius: 10px;
    box-shadow: 0px 0px 50px 5px rgba(57, 96, 115, .2);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    position: relative;
}
.sqr .count{
font-size: 14px;
color: #fff;
width: 34px;
height: 34px;
background-color: #70C7F6;
border-radius: 50px;
position: absolute;
top: 0px;
display: flex;
    justify-content: center;
    align-items: center;
right: -20px;
}
.sqr .num{
    font-size: 24px;
    font-weight: 600;
    color: var(--dark_gray);
}
.sqr .num_trans{
    position: absolute;
    font-size: 28px;
    font-weight: 900;
    color: #70C7F6;
    opacity: .1;
    top: 20%;
}
.nums-row .col-md-3{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

#about{
    
}
.accred{
display: flex;
flex-direction: row;
border-radius: 10px;
background-color: #F0F8FC;

padding: 22px;
max-width: 500px;
margin: auto;
margin-top: 30px;
}
.accred img{
    width: 45px;
    height: 45px;
    margin-right: 20px;

}
.accred p{
    color: var(--dark_gray);
}
#about video{
    width: 100%;
    height: 270px;
}
.row.cols_2{
margin-top: 40px;
}
#about h4{
    margin-bottom: 40px;
    line-height: 1.5;
}

/*Services*/
section#services{
padding: 70px 0px;
}
section#services h2{
    font-size: 42px;
margin-bottom: 60px;
}
h2{
    margin-bottom: 30px;
}
h2::after{
    content: '';
    display: block;
    top: 30px;
    position: relative;
    width: 50px;
    height: 3px;
    border-radius: 5px;
    right: calc(-50% + 25px);
    background-color: var(--orange);
}
h2.no_after::after{
    display: none;
}
.serv-card{
    display: block;
position: relative;
background-color: #fff;
border-radius: 10px;
padding: 15px;
width: 435px;
height: 230px;
    transition-duration:.3s;
    box-shadow:0px 0px 1px 1px rgba(57, 96, 115, .2);
}
.serv-card:hover{
    box-shadow: 0px 0px 10px 5px rgba(57, 96, 115, .2);
}
.serv-card:hover{
    position: relative;
    transform: scale(1.15);
    z-index: 1;
}
.serv-card.lift img{
    bottom: 45px;
}
.serv-card .count{
    font-size: 14px;
color: #fff;
width: 34px;
height: 34px;
background-color: #70C7F6;
border-radius: 50px;
display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.serv-card h3{
    font-weight: 700;
    margin-bottom: 45px;
    max-width: 160px;
    font-size: 20px;
    display: block;
}
.serv-card h3::after{
    content: '';
    display: block;
    top: 30px;
    position: relative;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background-color: var(--orange);
}
.serv-card img{
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 240px;
}
.serv-descr{
    max-width: 700px;
}
.serv-descr p{
    font-size: 24px;
    color: var(--dark_gray);
}
span.serv-descr{
    max-width: 145px;
    line-height: 1;
    color: var(--dark_gray);
    font-size: 14px;
    font-weight: 600;
    display: block;
}
.second_row{
    margin-top: 20px;
}

/*Направления dirs*/
section#dirs{
padding: 60px 0px;
}
h2.smalls{
    font-size: 24px;
    margin: auto;
    max-width: 760px;
    margin-bottom: 60px;
}
#dirs h2{
    margin-bottom: 60px;
}
#dirs h2::after{
    content: '';
    display: block;
    top: 30px;
    position: relative;
    width: 50px;
    right: calc(-50% + 25px);
    height: 3px;
    border-radius: 5px;
    background-color: var(--orange);
}
ul.dirs-list{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
gap: 30px 20px;overflow: visible !important;

}
.list-item span.text {
    font-size: 15px;
    letter-spacing: -0.5px;
}
#specialists ul.dirs-list:first-child{
    margin-top: 50px;
}
ul.dirs-list li{
    height: 50px;
    padding: 5px;
    padding-right: 10px;
    border-radius: 50px;
    box-shadow: var(--shadow);
    transition: all .2s ease;
}
ul.dirs-list li a{
    
display: flex;
flex-direction: row;
align-items: center;
}
ul.dirs-list li a .circle{
    padding: 6px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    background-color: var(--orange);
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease;
}
ul.dirs-list li a img{
    width: 28px;
    height: 28px;
    transition: all .2s ease;
}
ul.dirs-list li:hover{
    box-shadow: none;
    background-color: var(--orange);
}
ul.dirs-list li:hover a{
text-decoration: none;
}
ul.dirs-list li:hover a span{
    color: #fff;
}
ul.dirs-list li:hover a .circle{
    background-color: #fff;
}
ul.dirs-list li:hover a img{
    filter: brightness(0%);
}
div.last-item{
    border-radius: 40px;
    border: 3px solid #BCCFD3;
    padding: 5px;
    padding-left: 30px;
    height: 50px;
    display: flex;
    width: fit-content;
    align-items: center;    background: #ffffff;
    position: relative;
    z-index: 1;
}
.last-item img{
    width: 40px;
    height: 40px;
    margin-left: 30px;
    transition-duration: .3s;
    transform: rotate(90deg);
}
div.last-item.opened img{
    transform: rotate(270deg);
}

section#advs{
    background-image: url('/wp-content/themes/blank2/images/background.jpg');
    background-size: cover;
    background-attachment: fixed;
    padding: 60px 0px;
}
section#advs .sqr{
    width: 230px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
}
section#advs .count{
 position: relative;
 color: var(--dark_gray);
background: none;
font-size: 24px;
font-weight: 700;
top: 0px;
right: 0px;
    height: auto;
}
section#advs .sqr .num_trans{
    font-size: 28px;
}
section#advs .sqr .num{
    font-size: 18px;
}


section#form {
    margin: 76px 0;
}

.form-bg-white{
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}

section#licenses .container{
    position: relative;
}
section#licenses{
    padding: 60px 0px;
}
.slider_control{
    border: none;
    position: absolute;
    border-radius: 50px;
    top: calc(50% - 20px) ;
    z-index: 4;
    cursor:pointer;
}
.slider_control img{
    width: 40px;
    height: 40px;
}

.slider_control.next{
right: -45px;
}
.slider_control.next img{
    transform: rotate(180deg);
}
.slider_control.prev{
    left: -45px;  
}
section#equip{
padding: 60px 0px;
}

#equip h4{
    padding-top:20px;
}


.eq-row{
    margin-top: 50px;
    gap: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


div.eq_card{
    box-shadow:0px 0px 1px 1px rgba(57, 96, 115, .2);
border-radius: 10px;
padding: 25px;
}
div.eq_card:hover{
    box-shadow: 0px 0px 10px 5px rgba(57, 96, 115, .2);
}
div.eq_card img{
margin-bottom: -30px;
height: 290px;
border-radius: 10px;
object-fit: cover;
}
div.eq_card h3{
color: var(--orange);
font-size: 20px;
font-weight: 700;
margin-bottom: 30px;
}
.eq_card h3::after{
    content: '';
    display: block;
    top: 20px;
    position: relative;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background-color: var(--orange);
}
.eq_card ul{

}
.eq_card ul li{
    font-size: 14px;
    color: var(--gray);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 5px;
    align-items: center;
}
.eq_card ul li::before{
    content: '';
    position: relative;
    border-radius: 10px;
    display: block;
    width: 4px;
    height: 4px;
    margin-right: 10px;
    background-color: #7B9095;
}



.orange_lined{
    display: inline-block;
    padding-bottom:30px;
}
.orange_lined::after{
    content: '';
    display: block;
    bottom: -12px;
    left:0;
    position: relative;
    width: 50px;
    height: 3px;
    border-radius: 5px;
    right: calc(-50% + 25px);
    background-color: var(--orange);
}

section#about_clin{

}
section#about_clin *{
    color: #475F6B;
}

section#about_clin li{
    padding-bottom: 15px;
}
.text-top{
    position: relative;
    padding-top: 30px;
    margin-bottom: 30px;
}
.text-top .circle{
    position: absolute;
    width: 120px;
    height: 120px;
    top: 0px;
    left: -40px;
}
img#hall{
    width: 500px;
}
p.marg{
    margin-top: 30px;
    padding-left: 30px;
}
.form-bg-white input, .form-bg-white select{
    width: 200px;
    border: none;
    padding: 15px 0px;
    background: none;
    border-bottom: 2px solid #758790;
    margin: 0px 20px;
}
.form-bg-white input[type="submit"]{
    background-color: var(--orange);
    color: #fff;
    width: 280px;
    padding: 15px 30px;
    border: 1px solid transparent;
}
section#faq{
padding: 90px 0px;
position: relative;
}
section#faq img.rectangle{ 
 width: 50%;
 position: absolute;
 height: 100%;
 left: 0px;
 top: 0px;
 z-index: 0;
 object-fit: cover;
    }



.faq-container{
    width: 100%;
    max-width: 1000px;

}
#faq_title h2{
    text-align: center;
}
#faq_title{
    padding: 60px 0px;
}
.quest_cont{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 900px;
    position: relative;
    z-index: 4;
  }
  
  .accordion .accordion-item {
    background-color: #FFFFFF;
   margin-bottom: 5px;
    border-radius: 30px;
    padding: 10px;
    border: 1px solid #BCCFD3;
    
  }
  
  .accordion .accordion-item .accordion-item-description-wrapper hr {
    border: none;
    border-top: 1px solid var(--border-color);
    visibility: visible;
  }
  
  .accordion .accordion-item.open .accordion-item-description-wrapper hr {
    visibility: visible;
  }
  
  .accordion .accordion-item .accordion-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
    cursor: pointer;
  }
  
  .accordion .accordion-item .accordion-item-header .accordion-item-header-title {
    font-weight: 600;
  }
  
  .accordion .accordion-item .accordion-item-header .accordion-item-header-icon {
    transition: all 0.2s ease;
    flex-shrink: 0;
  }
  
  .accordion
    .accordion-item.open
    .accordion-item-header
    .accordion-item-header-icon {
    transform: rotate(-180deg);
  }
  
  .accordion .accordion-item .accordion-item-description-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: all 0.2s ease;
  }
  
  .accordion .accordion-item.open .accordion-item-description-wrapper {
    grid-template-rows: 1fr;
  }
  .accordion .accordion-item .accordion-item-description-wrapper{
    padding: 0px 10px;
  
    border-top: 1px solid transparent;
  
  }
  .accordion
    .accordion-item
    .accordion-item-description-wrapper
    .accordion-item-description {
    min-height: 0;
  }
  .accordion-item.open  .accordion-item-description-wrapper{
    border-top: 1px solid #BCCFD3;
    margin: auto;
    width: 95%;
    margin-top: 10px;
    padding-top: 10px;
  }
  .accordion
    .accordion-item
    .accordion-item-description-wrapper
    .accordion-item-description
    p {
    padding: 10px;
    line-height: 1.5;
  }
  .accordion-item-header svg{
    width: 40px;
    height: 40px;
    background-color: #BCCFD3;
    border-radius: 50px;
    stroke: #fff;
  }
  .accordion-item:hover .accordion-item-header svg{
    stroke: var(--orange);

  }
  .accordion-item.open .accordion-item-header svg{
    stroke: #fff;
    background-color: var(--orange);
  }
  .accordion-item:hover .accordion-item-header-title, .accordion-item:hover .accordion-item-header-icon, .accordion-item.open .accordion-item-header-title, .accordion-item.open .accordion-item-header-icon{
    color: var(--orange);
  }


section#dms{
    padding: 65px 0px;
}
section#dms h2{
    margin-bottom: 40px;
}
section#dms h2::after{
 
}
#dms .serv-card img{
    width: 310px;
    height: 200px;
}
#dms .serv-card h3{
    max-width: 190px;
    z-index: 2;
    position: relative;
}
#dms .serv-card .count{
    margin-bottom: 100px;
}
#dms .serv-card h3::after{
    top: 10px;  
}


section#programs{

}

.prog-card{
max-width: 435px;
padding: 33px 18px;
border-radius: 10px;
box-shadow: var(--shadow);
width: 100%;
}
.prog-card h3{
    text-align: center;
}
.prog-card h3 .text-gray{
    color: #7B9095;
}
.prog-card span.count{
    font-size: 14px;
    color: #fff;
    width: 34px;
    height: 34px;
    background-color: #70C7F6;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btns-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
}
a.more{
    color: #7B9095;
    border-radius: 5px;
    padding: 10px 20px;
    border: 1px solid #BCCFD3;
    background: #fff;

}
a.call{
    background: var(--orange);
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    border: 1px solid transparent;
}
.progs-container{
    margin-top: 40px;
}
.prog-card .num_trans{
    position: absolute;
    font-size: 28px;
    font-weight: 900;
    color: #70C7F6;
    opacity: .1;
    top: 20%;
}
.progs-container .row{
    gap: 33px;
    margin-top: 33px;
}

#yr_service{
    padding: 70px 0px;
}
.yr_grid{
    display: grid;
    gap: 50px;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    margin-top: 70px;
}
.yr_item h3{
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    height: 45px;
}
.yr_item img{
    width: 75px;
    height: 75px;
}
.yr_item{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.yr_item p{
    text-align: center;
    font-weight: 600;
    color: var(--dark_gray);
}


#cta{
    padding: 60px 0px;
    background-image: url('/wp-content/themes/blank2/images/cta_bg.jpg');
    background-size: cover;
}


section#prems{
    padding: 70px 0px;
}
section#text{
    padding: 60px 0px;
}
.prems_grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: 30px;
    margin-top: 80px;
}
.prems_item{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.prems_item h3{
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    height: 45px;
}
.prems_item img{
    width: 75px;
    height: 75px;
    position: relative;
    right: 5px;
}
.prems_item p{
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    color: var(--dark_gray);
}
.text-top p{
    color: var(--dark_gray);
    font-weight: 600;
}
.img-col img{
    margin-bottom: 10px;
}

section#obsled{
    padding: 60px 0px;
}
#obsled h2, #stac h2{
    margin-bottom: 60px;
}

#results{
    padding: 60px 0px;
}
#results h3{
    margin-bottom: 50px;
}

#recomend{
padding: 60px 0px;
}
ul.check_list{
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    margin-top: 80px;
}
li.check-item{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
li.check-item p{
    text-align: center;
}
li.check-item img{
    width: 70px;
    height: 70px;
    margin-bottom: 40px;
}
.swiper {
    width: 310px;
    height: 420px;
  }
  .swiper-slide img{
    width: 300px;
    height: 420px;
  }
.swiper-slide{
    width: 450px;
    height: 550px;
}
.swiper-container {
    width: 840px;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
    margin: auto;
}
section#check_advs{
    padding: 60px 0px;
}
ul.check_prems{
    display: grid    ;
        gap: 50px;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
        margin-top: 70px;
}
section#contact{
    padding: 70px 0px;
    background-color: #475F6B;
}
section#contact .col-md-4{
    padding: 45px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .25);;
}



#default *{
    font-size:17px;
    color:#222;
}

.all_title h1,
#default h1,
#default h2,
#default h3,
#default h4,
#default h5,
#default h6{
    font-weight:bold;
    color: var(--dark_gray);
}

#default h1::after,
#default h2::after,
#default h3::after,
#default h4::after,
#default h5::after,
#default h6::after{
    display: none;
}

.all_title h1,
#default h1{
    font-size: 44px;
}
#default h2{
    font-size: 40px;
}
#default h3{
    font-size: 36px;
}
#default h4{
    font-size: 22px;
}
#default h5{
    font-size: 20px;
}
#default h6{
    font-size: 18px;
}

.just_text {
    padding-top: 20px;
}

#default ul,
#default ol,
.content ul,.content ol{
    margin: 10px 0;
    padding: 0;
    list-style: disc;
    list-style-position: inside;
}
#default ol li,
#default ul li,
.content ol li,
.content ul li{
    padding: 4px 0 4px 10px;
}

#default .content,
.content{
    padding-bottom:80px;
    color:#222;
}



.blocker {
    z-index: 888;
}


.modal {
    overflow: visible;
}

.s-form{
    width: 100%;
    position:relative;
}


.row-form{
    position: relative;
}
span.wpcf7-not-valid-tip {
    display: none;
}


.wpcf7-not-valid {
    box-shadow: 0 0 10px #f5a9a9 !important;
}

.wpcf7-spinner {
    position: absolute;
    background: #f56d5d;
    z-index: 55;

    top: 50%;
    right: -60px;
    transform: translate(-32px, -50%);
}
.wpcf7-spinner::before {
    background: #fff;
}


.wpcf7-response-output{
    color: #333;
    border: none !important;
    padding: 0;
    margin: 0;
    text-align: center;
}
.modal h3 {
    margin-bottom: 20px;
}




.contacts p,
.contacts a{
    font-size: 28px;
}
.contacts p{
    padding: 0 0 10px 0;
}



.contsform{
    width: 100%;
    position:relative;
}

.contsform input,
.contsform textarea{
    width:100%;
    margin:0 0 10px 0;
    font-size:20px;
    line-height: 30px;
}
.contsform textarea{
    height: 80px;
}


.contsform input[type=submit]{
    color: #fff !important;
    border-radius: 4px;
    background: none;
    padding: 11px 21px;
    background: rgba(246,100,80,1);
    background: linear-gradient(180deg, rgba(244,119,107,1) 0%, rgba(246,100,80,1) 100%);
    border: none;
}
.contsform input[type=submit]:hover{
    background: rgba(244,119,107,1);
    background: linear-gradient(0deg, rgba(244,119,107,1) 0%, rgba(246,100,80,1) 100%);
}


.gridded {
    display: grid;
    grid-gap: 30px;
}

.gridded.g2{
    grid-template-columns: 1fr 1fr;
}
.gridded.g3{
    grid-template-columns: 1fr 1fr 1fr;
}
.gridded.g4{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}


body .osn_modal{
    background-color: #475f6b;
    padding: 45px;
    border-radius: 10px;
    color:#eee;
    box-shadow: none;
}
.osn_modal h3 {
    color: #fff;
    font-weight: 300;
    font-size: 36px;
    position: relative;
}
.osn_modal h3::after {
    content: '';
    display: block;
    width: 130px;
    height: 2px;
    background: #F66450;
    position: absolute;
    bottom: -10px;
    left: 0;
}

body .osn_modal input,
body .osn_modal select{
    width: 100%;
    border: none;
    padding: 15px 0px;
    background: none;
    border-bottom: 2px solid #758790;
    margin: 10px auto;
    color: #fff;
    background-color: var(--dark_gray);
}
body .osn_modal input::placeholder,
body .osn_modal select::placeholder{
    color: #fff;
}
body .osn_modal .wpcf7-response-output{
    color: #fff;
    margin: 0 0 -25px 0;
    font-size: 12px;
    text-align: left;
}
body .osn_modal input[type="submit"]{
    background-color: #fff;
    color: var(--orange);
    width: 280px;
    padding: 15px 30px;
    margin-top:25px;
}
body .osn_modal h6{
    font-size: 14px;
    line-height: 16px;
    color:#ccc;
}

.modal .wpcf7-spinner {
    top: auto;
    right: auto;
    bottom: 24px;
    left: 300px;
    transform: translateX(-32px);
}


.logotext, .logotext a{
    color:#fff;
    text-decoration: none;
    font-size:14px;
}

#hero .actions{
    margin-top:20px;
}

#hero .actions .text-20,
#hero .actions .text-20 *{
    font-size: 20px;
}
.row.acrumbs {
    font-size: 15px;
}
.row.acrumbs a,
.row.acrumbs span{
    display: inline-block;
    padding: 0 5px 0 0;
    color:#444;
}
.row.acrumbs a{
    color:#f56958;
    text-decoration: none;
}
div#dmspop{
    max-width: max-content;
}

body .d1300{
    display: none;
}
@media screen and  (max-width: 1300px) {

    .container {
        max-width: 95%;
    }
    body .dn1300{
        display: none;
    }
    body .d1300{
        display: inherit;
    }

    a.wa img{height: 30px;width: auto}

    section#hero img.abs_clin {
        width: 50%;
        height: auto;
        top: 0;
        right: 0;
    }
    #topmenu ul {
        display: block;
        max-width: 50%;
    }
    #topmenu ul li{
        margin: 0 12px 4px 0;
    }
    .form-bg,
    .form-bg-white{
        padding: 15px 20px;
    }
    .form-bg input[type="submit"],
    .form-bg-white input[type="submit"]{
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    .form-bg input, .form-bg select,
    .form-bg input[type="submit"],
    .form-bg-white input, .form-bg-white select,
    .form-bg-white input[type="submit"] {
        width: 20%;
        margin: 0 12px;
    }
    .container {
        max-width: 98%;
    }
}

/* mobiled! */


@media screen and  (min-width: 980px) {
    .mobile{
        display: none;
    }
}
@media screen and  (max-width: 980px) {


    .botfix{
        position: fixed;
        z-index: 50;
        bottom:0;
        left:0;
        width:100%;
        background: #475F6B;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 -5px 5px rgba(255,255,255,.5);
    }
    .botfix .itms{
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        padding: 5px;
    }
    .botfix .itms .itm{
        padding: 5px;
        text-align: center;
    }
    .botfix a.wats img {
        height: 40px;
    }
    .botfix .itms .hdr_ph_a {
        white-space: nowrap;
        font-size: 3.6vw !important;
        line-height: 15px;
    }
    .botfix .itms .hdr_ph_a img.hdr_ph {
        height: 16px !important;
        width: auto !important;
    }
    .botfix .itms .hdr-cta{
        white-space: nowrap;
        font-size: 3.2vw !important;
        line-height: 13px;
        width: auto;
    }
    .swiper-slide {
        text-align: center;
        align-items: center;
    }
    .swiper-slide img{

    }
    button.slider_control.next,
    button.slider_control.prev {
        box-shadow: 0 0 10px #fff, 0 0 2px #fff, 0 0 1px #000;
    }
    button.slider_control.prev {
        left: -10px;
    }
    button.slider_control.next {
        right: -10px;
    }
    .swiper-slide {
        opacity: .6;
    }
    .swiper-slide.swiper-slide-active {
        opacity: 1;
    }
    #default .all_title{
        margin-top:22px;
    }
    #dms .serv-card img {
        width: 80%;
        height: auto;
    }
    .container {
        max-width: 100%;
    }
    .nomobile{
        display: none;
    }

    .class_menu{
        position: fixed;
        right: 0;
        top: 0;
        z-index: 99;
    }

    /*Toggler-menu*/
    #menuToggle
    {
        display: block;
        position: relative;
        top: 10px;
        z-index: 15;
        right: 10px;
        width: 50px;
        height: 50px;
        background: rgba(71, 95, 107, 0.9);
        padding: 13px 0 0 8px;
    }
    #menuToggle input
    {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;

        cursor: pointer;

        opacity: 0; /* hide this */
        z-index: 17; /* and place it over the hamburger */

        -webkit-touch-callout: none;
    }

    /*
     * Just a quick hamburger
     */
    #menuToggle span
    {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;

        background: #fff;
        border-radius: 1px;

        z-index: 16;

        transform-origin: 4px 0px;

        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        opacity 0.55s ease;
    }

    #menuToggle span:first-child
    {
        transform-origin: 0% 0%;
    }
    #menuToggle span:nth-last-child(2)
    {
        transform-origin: 0% 100%;
    }
    #menuToggle input:checked ~ span
    {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #f4776b;
        top: 4px;
        left: 6px;
    }
    #menuToggle input:checked ~ span:nth-last-child(3)
    {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }
    #menuToggle input:checked ~ span:nth-last-child(2)
    {
        transform: rotate(-45deg) translate(0, -1px);
        left: 7px;
        top: 4px;
    }
    #overlay{
        position: absolute;
        width: 100vw;
        height: 100vh;
        margin: -50px 0 0 0;
        padding: 120px 30px 0 0;
        z-index: 14;
        background: #475f6b;
        background: rgba(71, 95, 107, 0.95);
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        /* to stop flickering of text in safari */

        transform-origin: 0% 0%;
        transform: translate(100%, 0);

        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }


    #overlay .topside {
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px;
        width: 100%;
        background: #475f6b;
    }
    #overlay .topside a img{
        height:50px;
        width: auto;
    }
    #overlay .bottomside {
        position: absolute;
        bottom: 30px;
        left: 0;
        width: 100%;
        text-align: right;
        padding: 0 30px 0 0;
    }
    #overlay .bottomside p{
        font-size: 18px;
        line-height: 22px;
        text-align: right;
        color: #ddd;
    }

    #overlay .rightside {
        position: absolute;
        right: 30px;
        bottom: 90px;
        text-align: right;
    }
    .rightside .phoned {
        display: flex;
        align-items: center;
        gap:12px;
    }
    .rightside .phoned a{
        font-size: 24px;
    }
    .rightside .phoned img{
        width: auto;
        height:20px;
    }
    .rightside .phoned .wats img{
        height:30px;
    }
    .bcall a {
        display: inline-block;
        text-align: center;
        margin: 20px auto;
    }



    #overlay li > a{
        text-align: right;
        width: 100%;
        display: block;
        font-size: 21px;
        font-weight: 600;

        margin-bottom: 15px;
        text-transform: uppercase;
        color:#fff;

    }
    #overlay .current-menu-item a,
    #overlay li a:hover{
        color: #f4776b;
    }
    #overlay a.header-cta{
        margin: auto;
        margin-bottom: 15px;
    }
    .main-navigation{

    }
    #overlay a.mob-link{
        width: 100%;
        display: block;
    }
    #menuToggle input:checked ~ #overlay
    {
        transform: translate(calc(52px - 100%), 0);
    }

    img.hero-adv {
        width: 50px;
        height: 50px;
        margin: 10px 20px 10px 0;
    }
    #hero .actions .row{
        align-items: center;
    }
    #hero .actions .text-20{
        font-size: 20px;
        line-height: 24px;
    }
    ul.dirs-list li {
        height: 42px;
        padding: 5px;
        padding-right: 10px;
        border-radius: 42px;
        overflow: hidden;
    }
    ul.dirs-list li a .circle {
        padding: 6px;
        border-radius: 42px;
        width: 32px;
        height: 32px;
    }
    .list-item span.text {
        font-size: 13px;
        letter-spacing: -0.5px;
        line-height: 14px;
    }

    #advs .row {
        display: grid
    ;
    }
    section#advs .sqr {
        width: 100%;
        height: auto;
    }

    .swiper-container {
        width: 100vw;
        margin: 0 0 0 -30px;
    }


    .form-bg input, .form-bg select, .form-bg input[type="submit"], .form-bg-white input, .form-bg-white select, .form-bg-white input[type="submit"] {
        width: 100%;
        margin: 0 auto 20px auto;
    }



    .sqr{
        margin-bottom: 10px;
    }

    .text-18 {
        font-size: 16px;
    }
    .row.nums-row {
        align-items: flex-start;
        gap: 20px 0;
    }

    section#services{
        padding-bottom: 0;
    }
    .text-24{
        font-size:18px;
    }
    body #services .row {
        display: block !important;
    }
    .serv-card {
        width: auto;
        margin: 0 15px;
        max-width: 100%;
        margin-bottom: 20px;
        position: relative;
        transform: none !important;
    }
    .serv-card::after{
        content: 'Подробнее';
        position: absolute;
        right: 5px;
        top: 5px;
        display: block;
        font-size: 14px;
        font-weight: 100;
        color: #555;
        background: rgba(255, 255, 255, .8);
        padding: 2px 5px;
    }
    .serv-card span.serv-descr,
    .serv-card h3{
        position: relative;
        z-index: 2;
        padding-right: 10px;
        max-width: 50%;
        text-shadow: 0 0 1px #fff, 0 0 10px #fff;
    }
    .serv-descr {
        max-width: 100%;
        margin: 0 15px 15px 15px;
    }
    .serv-descr p {
        font-size: 18px;
    }

    .hero_advs_row_2 {
        padding: 20px 0px;
    }
    .hero_advs_row_2 .col-4 .row {
        display: block;
        padding: 0;
    }
    .hero_advs_row_2 .col-md-4 {
        padding: 0 10px;
    }

    section#dirs{
        padding-top:0;
    }
    section#licenses{
        padding-bottom: 0;
    }

    .wpcf7-spinner {
        position: absolute;
        background: #f56d5d;
        z-index: 55;
        top: auto !important;
        right: auto !important;
        bottom: -20px !important;
        left: 50% !important;
        transform: translate(-32px, 0) !important;
    }
    .form-bg .wpcf7-response-output{
        margin: 0;
    }

    .tops img {
        height: 50px;
        width: auto;
    }

    .tops {
        background: #475f6b;
        z-index: 4;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 10px;
    }

    #topmenu {
        /*
        margin-top:50px;
        padding: 0px 0 40px 10px;
        */
        display:none;
    }

    section#hero .row {
        margin: 0;
    }
    section#hero .row .col-12,
    section#hero .row .col-4{
        padding-left:10px;
        padding-right: 10px;
    }
    section#hero .row.actions {
        padding-top: 35px;
    }
    body.notmainpage section#hero .row.actions{
        padding-top:25px;
    }
    section#hero img.abs_clin{
        z-index: 5;
    }
    section#hero .container{
        padding-top:70px;
    }
    section#hero .row.actions,
    .row.acrumbs {
        z-index: 6 !important;
        background: rgba(255,255,255,.8);
    }
    .row.acrumbs {
        padding: 5px 10px 10px;
    }



    ul.dirs-list {
        gap: 10px;
    }
    h2 {
        font-size: 36px !important;
    }
    h2.smalls {
        font-size: 21px !important;
    }
    #nums{
        padding-top:10px;
    }


    .row.eq-row {
        display: block;
        margin: 20px 0;
    }


    div.eq_card {
        margin-bottom: 20px;
    }


    section#contact {
        padding: 20px 0;
    }
    section#contact img.logo {
        width: 150px;
        height: auto;
    }

    section#contact .col-md-4 {
        margin: 10px;
        padding: 15px 10px 5px;
    }

    body .osn_modal input[type="submit"]{
        width:100%;
    }

    .blocker {
        padding: 0;
    }
    .osn_modal h3 {
        font-size: 26px;
    }

    section#about_clin .row.dblocks,
    section#about_clin .col{
        display: block;
    }
    section#about_clin img{
        max-width: 100%;
    }


    .prog-card {
        max-width: 100%;
        width: 100%;
        margin: 0 15px;
    }


    .gridded{
        grid-template-columns: 1fr !important;
    }

    a.more,a.call {
        white-space: nowrap;
        padding: 8px 5px;
        font-size: 14px;
    }

    .serv-card h3 {
        margin-bottom: 30px;
    }
    .serv-card h3::after {
        top: 15px;
    }


    /*body.notmainpage .actions,*/
    body.notmainpage .requested {
        display: none;
    }

    /*
    body.notmainpage #topmenu {
        margin-top: 25px;
        padding-bottom:10px;
    }

     */
    .utp_items {
        padding: 20px 0;
    }

    #about h4{
        margin: 30px 0 0 0;
    }

}


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

    #overlay{
        padding-top:90px;
    }
    #overlay li > a{
        font-size: 17px;
        margin-bottom: 8px;
    }

    #hero .text-14 {
        font-size: 12px;
    }
    #hero .actions .text-20,
    #hero .actions .text-20 * {
        font-size: 16px;
    }
}