@font-face{font-family:"MuseoSansCyrl-100";src:url(fonts/MuseoSansCyrl-100.ttf);font-style:normal;font-weight:100}
@font-face{font-family:"MuseoSansCyrl-300";src:url(fonts/MuseoSansCyrl-300.ttf);font-style:normal;font-weight:300}
@font-face{font-family:"MuseoSansCyrl-500";src:url(fonts/MuseoSansCyrl-500.ttf);font-style:normal;font-weight:500}
@font-face{font-family:"MuseoSansCyrl-700";src:url(fonts/MuseoSansCyrl-700.ttf);font-style:normal;font-weight:700}
@font-face{font-family:"MuseoSansCyrl-900";src:url(fonts/MuseoSansCyrl-900.ttf);font-style:normal;font-weight:900}
*{margin:0;padding:0}
.container{width:1920px;max-width:100%;margin:auto}
.wrapper{width:1230px;max-width:95%;margin:auto}
.wrapper.wide-wrapper{width:1200px}
body{font-family:"MuseoSansCyrl-500",sans-serif;color:#383838;font-size:20px;line-height:1.2}
.hidden{display:none}
.overflow-hidden{overflow:hidden}
.responsive{max-width:100%}
.auto{display:block;margin:auto}
.relative{position:relative}
.display-block{display:block}
strong{font-family:"MuseoSansCyrl-700",sans-serif}
.clearfix:after{display:block;content:"";clear:both}
.clearfix .float-left,.clearfix .float-right{box-sizing:border-box;max-width:100%}
.float-left{float:left}
.float-right{float:right}
.flex{display:flex}
.btn{max-width:100%;width:280px;height:60px;background-color:#0071bb;border-radius:50px;outline:none;cursor:pointer;border:none;color:#ffffff;font-size:24px}
.btn:hover{background-color:#0c997c;}
.block1 header{background-color:#ecf9ff;font-size:30px}
.block1 header .flex{height:150px;align-items:center;justify-content:space-between}
.block1 header img{margin-right:10px}
.block1 .filter{padding:80px 0 95px;background-color:rgba(35,37,48,0.749)}
.block1 .content{width:560px;color:#fff9f2}
.block1 h1{margin:0 auto 15px;font-size:46px;text-transform:uppercase}
.block1 h1 span{color:#62cfff}
.block1 .description{margin-bottom:35px;font-size:24px}
.block2{width:980px;max-width:90%;margin:auto;padding:150px 0;justify-content:space-between}
.block2 .flex-item{flex-direction:column;justify-content:flex-end}
.block2 .flex-item img{transition:all .2s ease-in-out}
.block2 .flex-item:hover img{transform:scale(1.05)}
.block2 .flex-item:not(:first-child){margin-left:-30px}
.block2 .text{position:absolute;width:200px;top:0;right:-15px;text-align:center}
.block2 .text strong{font-size:42px;color:#ff8d00;margin-bottom:15px}
.block3 .video{margin-bottom:100px;border: 1px solid #ccc;}
.block3 .float-left{height:360px;font-size:28px}
.block3 .float-left:nth-child(1){width:640px;position:relative;cursor:pointer}
.block3 .float-left:nth-child(1) img{position:absolute;left:calc((100% - 85px) / 2);top:calc((100% - 80px) / 2)}
.block3 .float-left:nth-child(2){display:flex;align-items:center;width:calc(100% - 650px);padding-left:60px}
.block3 .doctors{margin-top:70px;justify-content:space-between}
.block3 .flex-item{width:calc(50% - 10px);box-shadow:0 0 8.73px .27px rgba(56,56,56,0.42);padding:30px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}
.block3 .flex-item .btn{width:100%}
.block3 .doctor{height:140px;align-items:center;margin-bottom:45px}
.block3 .doctor img{margin-right:28px;}
.block3 .doctor-img{width:140px;border-radius:9px; margin: 40px 0 30px 0}
.block3 .doctor-descripotion strong{font-size:22px;margin-bottom:10px;display:block}
.block3 .doctor-descripotion img.reiting{margin:0 15px}
.block3 .text{margin-bottom:30px}
.block3 .text strong{color:#ff8d00}
.block4{padding:150px 0}
.block4 .subtitle{text-align:center;margin-bottom:35px;font-size:42px}
.block4 .flex{justify-content:space-between}
.block4 .flex-item{box-sizing:border-box;width:280px;max-width:calc(25% - 20px / 3)}
.block4 .flex-item:hover .text{color:#FFF;background-color:#FF8E00}
.block4 .flex-item .text,.block4 .flex-item .image{width:100%;height:140px;border:3px solid #FF8E00;display:flex;align-items:center;justify-content:center;text-align:center;background-size:cover!important;font-size:30px}
.block4 .flex-item .text{margin-bottom:30px}
.block4 .flex-item:nth-child(1) .image{background:url(../img/img1.jpg) center}
.block4 .flex-item:nth-child(2) .image{background:url(../img/img2.jpg) center}
.block4 .flex-item:nth-child(3) .image{background:url(../img/img3.jpg) bottom}
.block4 .flex-item:nth-child(4) .image{background:url(../img/img4.jpg) right bottom}
.block4 .diagram-block{width:980px;max-width:100%;margin:150px auto 0}
.block4 .float-left{position:relative}
.block4 .float-left:nth-child(1){overflow:hidden;width:380px;height:380px;border-radius:100%;font-size:72px;line-height:1;color:#FFF;background-color:#006087}
.block4 .float-left:nth-child(1) #output{position:absolute;width:190px;height:190px;left:50%;top:0;background-color:#FF8E00}
.block4 .float-left:nth-child(1) #output .relative{top:-189px;border:190px solid transparent;border-bottom:190px solid #006087;box-sizing:border-box}
.block4 .float-left:nth-child(1) strong{position:absolute;left:0;top:235px;width:100%;text-align:center}
.block4 .float-left:nth-child(2){width:calc(100% - 380px);padding-left:20px;font-size:30px}
.block4 .float-left:nth-child(2) strong{margin-top:20px}
.block4 .float-left:nth-child(2) .btn{position:absolute;left:20px;bottom:-110px}
address{height:200px;display:flex;align-items:center;justify-content:center;font-style:normal;background-color:#006087}
address p{text-align:center;width:80%;max-width:100%;margin:0 auto 15px;font-size:14px;color:#ccc}
address a{text-decoration:none;color:#fff}
.modal{opacity:0;position:fixed;background-color:rgba(255,255,255,0.95);left:0;top:0;z-index:10;width:100%;height:100%;box-sizing:border-box;display:none;align-items:center;text-align:center;overflow:auto;padding:60px 0}
.modal form{opacity:1;width:520px;max-width:100%;margin:auto}
.modal form input{width:100%;height:60px;border-radius:50px;outline:none;text-align:center;font-size:24px;margin-top:30px}
.modal form input:not([type=submit]){border:3px solid #757575}
.modal form input:focus{border-color:#FF8E00}
.modal .content{width:980px;max-width:90%;margin:auto}
.modal .btn{width:100%;padding:0}
.modal h2{margin:0 auto 15px;font-size:46px;text-transform:uppercase}
.modal h2 span{color:#ff8d00}
.modal p{margin-bottom:30px;font-size:24px}
.modal .content{max-width:90%}
.modal img{width:40px;position:absolute;cursor:pointer;right:3%;top:3%;transition:all .2s ease-in-out}
.modal img:hover{transform:scale(1.1)}



#logo img {width:400px}


@media screen and (min-width: 1200px) and (max-width: 1300px) {
.block3 .float-left{font-size:26px}
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
.block1 header{font-size:26px}
.block1 header .flex{height:120px}
.block1 .container{background-position:left!important;background-size:120%!important}
.block1 .filter{padding:60px 0}
.block1 h1{font-size:40px}
.block2{padding:100px 0}
.block2 .flex-item img{max-width:100%}
.block2 .text{right:-30px}
.block3 .video{margin-bottom:60px}
.block3 video{max-width:680px;margin:0 auto 60px}
.block3 .float-left{font-size:26px;width:100%!important;padding:0!important;float:none;text-align:center;display:block;height:auto}
.block4{padding:100px 0}
.block4 .flex-item{max-width:calc(25% - 30px / 3)}
.block4 .flex-item .text,.block4 .flex-item .image{font-size:24px}
.block4 .flex-item .text{margin-bottom:10px}
.block4 .diagram-block{margin-top:100px}
.block4 .diagram-block .float-left:nth-child(2){font-size:26px;padding-left:50px}
.block4 .diagram-block .float-left:nth-child(2) .btn{left:50px}
address{height:150px}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
.block1 header{font-size:24px}
.block1 header .flex{height:100px}
.block1 header img{max-height:60px}
.block1 .container{background-position:left bottom!important;background-size:140%!important}
.block1 .content{width:60%}
.block1 .filter{padding:50px 0}
.block1 h1{font-size:36px}
.block2{padding:60px 0;font-size:18px}
.block2 .flex-item{justify-content:flex-start;position:static;width:33.3%}
.block2 .flex-item:last-child{display:none;width:0}
.block2 .flex-item img{display:none}
.block2 .text{width:100%;padding:0 10px;box-sizing:border-box;position:static;right:0}
.block3 .video{margin-bottom:50px}
.block3 video{max-width:500px;margin:0 auto 50px}
.block3 .flex-item{font-size:18px;padding:20px;text-align:center}
.block3 .doctor{display:block;height:auto;margin-bottom:20px}
.block3 .doctor img.doctor-img{margin:0 auto 20px;}
.block3 .float-left{font-size:24px;width:100%!important;padding:0!important;float:none;text-align:center;display:block;height:auto}
.block4{padding:60px 0}
.block4 .subtitle{font-size:28px}
.block4 .flex-item{max-width:calc(25% - 30px / 3)}
.block4 .flex-item .text,.block4 .flex-item .image{font-size:18px;background-size:cover!important;height:120px}
.block4 .flex-item .text{margin-bottom:10px}
.block4 .diagram-block{margin-top:60px}
.block4 .diagram-block .float-left{text-align:center}
.block4 .diagram-block .float-left:nth-child(2){font-size:20px}
.block4 .diagram-block .float-left:nth-child(2) .btn{position:static;margin:40px auto 0}
address{height:150px}
}
@media screen and (min-width: 599px) and (max-width: 767px) {
body{font-size:18px}
.btn{width:240px;height:50px;font-size:20px}
.block1 header{font-size:24px}
.block1 header .flex{height:80px;justify-content:center}
.block1 header img{max-height:50px}
.block1 header .btn{display:none}
.block1 .content{width:100%;text-align:center}
.block1 .filter{padding:40px 0}
.block1 h1{font-size:36px}
.block2{max-width:100%;padding:40px 0;font-size:18px}
.block2 .flex-item{justify-content:flex-start;position:static;width:33.3%}
.block2 .flex-item:last-child{display:none;width:0}
.block2 .flex-item img{display:none}
.block2 .text{width:97%;padding:0 5px;box-sizing:border-box;position:static;right:0}
.block2 .text strong{font-size:30px;margin-bottom:10px}
.block3 .video{margin:30px auto}
.block3 video{max-width:400px;margin:0 auto 30px}
.block3 .float-left{font-size:20px;width:100%!important;padding:0!important;float:none;text-align:center;display:block;height:auto}
.block3 .flex{display:block}
.block3 .flex-item{width:100%;max-width:600px;font-size:20px;text-align:center;margin:0 auto 30px}
.block3 .doctor{display:block;height:auto;margin-bottom:20px}
.block3 .doctor img.doctor-img{margin:0 auto 20px}
.block4{padding:40px 0}
.block4 .subtitle{font-size:28px}
.block4 .flex{display:block}
.block4 .flex:after{display:block;content:"";clear:both}
.block4 .flex-item{width:calc(50% - 10px);max-width:calc(50% - 10px);margin-bottom:10px}
.block4 .flex-item:nth-child(odd){float:left}
.block4 .flex-item:nth-child(even){float:right}
.block4 .flex-item .text,.block4 .flex-item .image{font-size:18px;background-size:cover!important;height:120px}
.block4 .flex-item .text{margin-bottom:10px}
.block4 .diagram-block{margin-top:60px}
.block4 .diagram-block .float-left{text-align:center;margin:auto;float:none}
.block4 .diagram-block .float-left:nth-child(1){font-size:48px;width:280px;height:280px}
.block4 .diagram-block .float-left:nth-child(1) strong{top:60%}
.block4 .diagram-block .float-left:nth-child(1) #output{height:140px}
.block4 .diagram-block .float-left:nth-child(1) #output .relative{top:-140px;border-width:140px}
.block4 .diagram-block .float-left:nth-child(2){padding-left:0;width:100%;font-size:20px;margin-top:40px}
.block4 .diagram-block .float-left:nth-child(2) .btn{position:static;margin:40px auto 0}
address{height:120px}
address p{font-size:10px}
.modal h2{font-size:30px}
.modal p{font-size:22px;margin-bottom:10px}
.modal form{max-width:75%}
.modal form input{height:50px;margin-top:20px;font-size:22px}
.modal form input:not([type=submit]){border-width:2px}
#logo img {width:100%}
}
@media screen and (min-width: 300px) and (max-width: 599px) {
body{font-size:18px}
.btn{width:240px;height:50px;font-size:20px}
.block1 header{font-size:20px}
.block1 header .flex{display:block;height:auto;padding:10px 0 5px;text-align:center}
.block1 header img{max-height:80px;display:block;margin:0 auto 5px}
.block1 header .btn{display:none}
.block1 .content{width:100%;text-align:center}
.block1 .filter{padding:30px 0}
.block1 h1{font-size:26px}
.block1 .description{font-size:20px}
.block2{max-width:90%;padding:30px 0 20px;font-size:16px;display:block}
.block2 .flex-item{justify-content:flex-start;position:static;margin:0 auto 20px!important;width:100%}
.block2 .flex-item:last-child{display:none;width:0}
.block2 .flex-item img{display:none}
.block2 .text{position:static;width:90%;margin:auto;padding:0;box-sizing:border-box;right:0}
.block2 .text strong{font-size:20px;margin-bottom:5px}
.block3 .video{margin-bottom:30px}
.block3 video{max-width:100%;margin:0 auto 30px}
.block3 .float-left{font-size:16px;width:100%!important;padding:0!important;float:none;text-align:center;display:block;height:auto}
.block3 .flex{display:block}
.block3 .flex-item{padding:20px 15px;width:100%;max-width:600px;font-size:16px;text-align:center;margin:0 auto 30px}
.block3 .doctor{display:block;height:auto;margin-bottom:10px}
.block3 .doctor img.doctor-img{margin:0 auto 20px}
.block3 .doctor-descripotion strong{font-size:18px}
.block3 .doctor-descripotion img.reiting{display:block;margin:5px auto}
.block4{padding:10px 0 30px}
.block4 .subtitle{font-size:20px;margin-bottom:20px}
.block4 .flex{display:block}
.block4 .flex:after{display:block;content:"";clear:both}
.block4 .flex-item{width:calc(50% - 5px);max-width:calc(50% - 5px);margin-bottom:5px}
.block4 .flex-item:nth-child(odd){float:left}
.block4 .flex-item:nth-child(even){float:right}
.block4 .flex-item .text,.block4 .flex-item .image{border-width:2px;font-size:16px;background-size:cover!important;height:120px}
.block4 .flex-item .text{margin-bottom:5px}
.block4 .diagram-block{margin-top:60px}
.block4 .diagram-block .float-left{text-align:center;margin:auto;float:none}
.block4 .diagram-block .float-left:nth-child(1){font-size:36px;width:200px;height:200px}
.block4 .diagram-block .float-left:nth-child(1) strong{top:60%}
.block4 .diagram-block .float-left:nth-child(1) #output{height:100px}
.block4 .diagram-block .float-left:nth-child(1) #output .relative{top:-100px;border-width:100px}
.block4 .diagram-block .float-left:nth-child(2){padding-left:0;width:100%;font-size:18px;margin-top:30px}
.block4 .diagram-block .float-left:nth-child(2) .btn{position:static;margin:30px auto 0}
address{height:120px}
address p{font-size:10px}
.modal h2{font-size:24px}
.modal p{font-size:20px;margin-bottom:10px}
.modal form{max-width:100%}
.modal form input{height:50px;margin-top:15px;font-size:20px}
.modal form input:not([type=submit]){border-width:2px}
#logo img {width:100%}
}