html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr [title ]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button, [type= "button " ], [type= "reset " ], [type= "submit " ]{-webkit-appearance:button}button::-moz-focus-inner, [type= "button " ]::-moz-focus-inner, [type= "reset " ]::-moz-focus-inner, [type= "submit " ]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring, [type= "button " ]:-moz-focusring, [type= "reset " ]:-moz-focusring, [type= "submit " ]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto} [type= "checkbox " ], [type= "radio " ]{box-sizing:border-box;padding:0} [type= "number " ]::-webkit-inner-spin-button, [type= "number " ]::-webkit-outer-spin-button{height:auto} [type= "search " ]{-webkit-appearance:textfield;outline-offset:-2px} [type= "search " ]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none} [hidden ]{display:none}

*,*::before,*::after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}


@font-face {
	font-family: 'RobotoC';
	src: url('../fonts/RobotoCondensed-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'RobotoC';
	src: url('../fonts/RobotoCondensed-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'RobotoC';
	src: url('../fonts/RobotoCondensed-Italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}


@font-face {
	font-family: 'RobotoC';
	src: url('../fonts/RobotoCondensed-Light.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'RobotoS';
	src: url('../fonts/RobotoSerif-SemiBold.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}


:root{
	--bg-color:#F1F1F1;
	--color:#000;
	
	--brandcolor:#65112A;
	--linkcolor:#65112A;	
	--dark:#242424;
	
	--radius:40px;	
	--gap: 20px;	
	
	--BoxSplitGap: var(--gap);
	--BoxSplitBg: var(--bg-color);
	
	--StickyMenuH: 0px;
	--AnchorGap: 12px;
}

html{
	scroll-padding-top: calc(var(--StickyMenuH) + var(--AnchorGap));
}

[id]{
	scroll-margin-top: calc( 2 * var(--AnchorGap) );
}
body{
	background-color:#fff;
	color: var(--color);
	
	font-size:14px;
	line-height: 19px;
	
	font-family: "RobotoC", serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;	
	
	min-width:300px;
}
body.lock{overflow:hidden;content-visibility: visible;}

.cnt{
	max-width:1200px;
	width:100%;
	margin:0 auto;
}
.hero .logo{
	display: flex;
    flex-direction: column;
    width: 390px;
    margin: 200px auto 0;
    color: var(--color);
    text-decoration: none;
    font-size: 20px;
    line-height: 90px;
}
.hero .logo,
.hero__bottom,
.specContent{
	z-index:3;
	position:relative;
}
.logo:hover{
	border:none;
	opacity:0.8;
}
.column--logo .logo{
	width: 200px;
	max-width:100%;
    display: inline-block;
    text-decoration: none;
	position: relative;
    top: 6px;
}
.column--logo .logo img{
	max-width:100%;
}
.column--logo .logo span{
	    font-size: 12px;
    letter-spacing: 0.1px;
	    line-height: 14px;
    display: inline-block;
}

.column--contacts{
	display: flex;    
    justify-content: flex-end;
}
hr{
	    margin: 30px 0;
    height: 2px;
    background-color: var(--brandcolor);
    border: none;
}



a{
	color:var(--linkcolor);
	-moz-transition:0.2s all ease;
	-webkit-transition:0.2s all ease;
	transition:0.2s all ease;
	text-decoration:underline;
}
a:hover{
	cursor:pointer;
	color:#333;
}


header .columns{
	align-items: center;
}
header .button{
	height: 60px;
    font-size: 16px;
    max-width: 200px;
    margin: 0;
}
header .btn__title{
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 1px;
    font-weight: normal;
    line-height: 20px;
}
header .btn__subtitle{
	    line-height: 16px;
    font-size: 15px;
    margin: 0;
}


p, li{
	font-size:15px;
	line-height:20px;
}
main ul{
	list-style:none;
	padding:0;
}
main ul li{
	position:relative;
	padding-left: 15px;
}
main ul ul{
    margin-top: 0;
    margin-left: 20px;		
}
main ul li::before
{
    content: ' ';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: var(--brandcolor);
    margin-left: -15px;
    top: 7px;
}
main ul ul li::before
{
	    background-color: var(--brandcolor);
}
li p {
	margin:0;
}
p, ul{
	margin:10px 0;
}

footer, header, nav, section, .columns {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.columns {
flex-direction:row;
flex-wrap: wrap;
}
.column1-2,.column1-3,.column2-3,.column1-4,.column3-4 {
margin:0;
padding:0;
position:relative;
align-items:stretch;
}
.column4-5{
width:80%;
}
.column3-4 {
width:75%;
}
.column2-3 {
width:66.666666%;
width:calc( 200% / 3);
}
.column3-5 {
width:60%;	
}
.column1-2 {
width:50%;
}
.column2-5 {
width:40%;	
}
.column1-3 {
width:33.333333%;
width:calc( 100% / 3);
}
.column1-4 {
width:25%;
}
.column1-5 {
width:20%;
}
.column2-9{
width:22.222222%;
width:calc( 200% / 9  );
}

.a-c{text-align:center;}
.a-l{text-align:left;}
.a-r{text-align:right;}

h1,h2,h3,h4,h5 {
	margin:50px 0 20px;
	color:var(--color);
	font-weight: 600;
	font-family:'RobotoS', serif;
}
h1 {
	font-size: 30px;
    line-height: 36px;
    text-align: center;    
	text-align:left;	
}
h2 {
	font-size: 28px;
    line-height: 32px;
    margin: 50px 0 20px;
}
h3 {
	font-size:26px;
	line-height:30px;
	margin: 30px 0 10px;
}

form.loading::after{
	content:' ';
	display:block;
	width:50px;
	height:30px;
	background-image:url('../img/loading.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:50px 50px;
	margin:20px auto 0;
}

label{
	display:block;
}

input[type=submit],
button,
.button{
	position: relative;
	display: inline-block;
		
	font-family: "RobotoC", serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-style: normal;
	font-size:15px;
	line-height:30px;
	
-webkit-border-radius: var(--radius);  	
  border-radius: var(--radius);  
  
  width:100%;
  max-width: 450px;
  height: 130px;
  
  padding:0;
  text-align:center;
  
  margin:30px auto;

  text-transform:none;
  
  overflow: hidden;	
	text-decoration:none;
	
	color:#fff;
	background: var(--brandcolor);
	border:none;
	
		
	transform: translateY(0);
	box-shadow: 0 0 0 rgba(0,0,0,0.12);
	
	z-index: 0;
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease,
		transform 0.2s ease,
		box-shadow 0.2s ease;
		
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


input[type=submit]:hover,
button:hover,
.button:hover,
input[type=submit]:focus-visible,
button:focus-visible,
.button:focus-visible{	
color:#fff;
	background-color: #333;	
		
	transform: translateY(-2px);
	box-shadow: 0 18px 44px rgba(0,0,0,0.22);
	outline: none;
}

input[type=submit]:active,
button:active,
.button:active{
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}


.button--alt{
	background-color:transparent;
	border:4px solid var(--brandcolor);
	color:var(--brandcolor);
}




.btn__title{
text-transform: uppercase;
    font-size: 26px;
	margin-top: 6px;
    font-weight: normal;
}
.btn__subtitle{
	        font-weight: normal;
    line-height: 30px;
    font-size: 16px;
}
.button--tg::after{
	content:' ';
	background-image:url(../img/tg.svg);
	background-size:49px 44px;
	width:49px;
	height:44px;
	position:absolute;
	right:40px;
	top:45px;
}
.button--tg:hover::after{
	background-image:url(../img/tg-w.svg);
}
button:hover,
.button:hover,
.button--alt:hover,
.button--white:hover{
	cursor:pointer;	
}

input[type=submit]:disabled ,
button:disabled,
.button:disabled{
	 background-color: #ccc;
  color: #666;           
  border: 1px solid #aaa;
  cursor: not-allowed; 
  opacity: 0.6;        
  pointer-events: none;
}

input:focus,
select:focus,
textarea:focus{
	outline:none;
}




select,
input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=search],
textarea
{
		position: relative;
	display: inline-block;
	
	
	font-family: "RobotoC", serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
		font-size:15px;
		line-height:44px;
		
  border-radius: 8px;
  background-color: #fff;  
  height: 44px;
  
  padding:0 10px;
  text-align:left;
  
  border: 2px solid #E4E7EA;
  color:var(--color);
  text-transform:none;
  
  -webkit-appearance: none;
}
select.error,
input[type=text].error,
input[type=email].error,
input[type=tel].error,
input[type=number].error,
input[type=search].error,
textarea.error{
border-color: #c30000;
    box-shadow: inset 3px -2px 15px 0px #ff00000d;
}

select{
	width:241px;
}

input[type=search]
{
  background-color: #f6f6f6;  
}

input[type="search"]::-webkit-search-cancel-button {  
   margin-right: 30px; 
   cursor:pointer;
}

textarea{
	padding:12px 10px;
	line-height:18px;
	height:120px;
}
label{
text-transform: uppercase;
    color: var(--color);
    font-size: 14px;
    padding-left: 9px;
    font-weight: bold;
    display: inline-block;
    line-height: 25px;
}



.msg.info,
.msg.error,
.msg.success{
	background-color: #ffffff;    
    padding: 15px 20px;    
	text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
	line-height:20px;
    box-shadow: 0 3px 3px #dcdcdc;
}
.msg.error::before,
.msg.success::before{
	content: ' ';
    display: block;
    width: 40px;
    height: 40px;    
    background-size: 40px 40px;
    margin: 0 0 20px 0;
    background-repeat: no-repeat;
}
.msg.error{color: #c30000;}
.msg.success{color: #0b3102;}
.msg.info{
	color: var(--color);
    width: 100%;
    background-color: #e4e7ea;
    text-align: center;
}
.msg.error::before{
	background-image: url(../img/error-min.svg);
}
.msg.success::before{
	background-image: url(../img/success-min.svg);
}
.msg b{
display: inline-block;
background-color: #efefef;
padding: 0px 5px;
}
.checkboxLabel{
	display: flex;
    flex-direction: row;
	font-size:10px;
	line-height:14px;	
}
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + label {
position: relative;
    padding-left: 50px;
    cursor: pointer;
    user-select: none;
    margin: 0;
    line-height: 14px;
    padding-top: 4px;
    text-transform: none;
    font-weight: normal;
    min-height: 34px;
}
input[type="checkbox"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 34px;
    border: 2px solid #E4E7EA;
    border-radius: 4px;
    background-color: #fff;
    transition: background-color 0.3s, border-color 0.3s;	
}

input[type="checkbox"]:checked + label::before {    
    border-color: #9ca3af;
}
input[type="checkbox"] + label::after {	
	content: '';        
    position: absolute;
    left: 11px;
    top: 13px;
    transform: translateY(-50%) rotate(45deg);
    width: 12px;
    height: 20px;
    border-right: 2px solid #c38d00;
    border-bottom: 2px solid #c38d00;
    opacity: 0;
    transition: opacity 0.3s;
}
input[type="checkbox"]:checked + label::after {
    opacity: 1;
}


.group{
	margin:20px 0;
}
.controls{
	margin:40px 0 0;
}


.crumbsWrapper{
	overflow-x: auto;
	overflow-y: hidden;
	 margin: 30px 0 0;
	 -webkit-overflow-scrolling: touch; 
}
.crumbsWrapper::-webkit-scrollbar{
	display: none;
}

.crumbs{       
    width: 300%;
    list-style: none;
    padding: 0;
	
	width: auto;      
	min-width: max-content;
	flex-wrap: nowrap;
}
.crumbs .separator{
	margin: 0 10px;
    font-weight: bold;
}
.crumbs li::before{
	display:none;
}
.crumbs li{
padding-left:0;	
}
.crumbs li,
.crumbs a{
    font-size: 13px;
    line-height: 14px;
}
.crumbs li a{    
    display: inline-block;
}
.crumbs li,
.crumbs a,
.crumbs span{
	white-space: nowrap;
}

header{
	padding:30px 0;
	border-bottom:2px solid var(--brandcolor);
	margin-bottom:20px;
}


.menu.block{
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.menu.block a{	
	color: var(--color);
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    display: inline-block;
    position: relative;
	padding-bottom: 6px; 
	transition: color .25s ease;
	white-space: nowrap;
}

.menu.block li{
	margin:0 15px;
	padding:0;	
}
header .menu.block{
	margin-top: 16px;
    position: relative;
}
.menu.block li:first-child{
	margin-left:0;
}
.menu.block li:last-child{
	margin-right:0;
}

.menuWrapper.isSticky{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;

	padding: 14px 5%;
	background: rgba(255,255,255,0.92);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	box-shadow: 0 10px 28px rgba(0,0,0,0.10);
	
	border-bottom: 2px solid var(--brandcolor);
	
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
	min-width:280px;
}
.menuWrapper.isSticky a.isActive{
	text-decoration: none;
	opacity: 1;
	transform: translateY(-1px);
	text-shadow: 0 6px 18px rgba(0,0,0,0.20);
	color:#000
}
.menuWrapper.isSticky span.separator{
	margin:0 5px;
	display:inline-block;
}
.menuWrapper.isSticky a{
	opacity: 0.75;
	font-size:16px;
	transition: opacity .2s ease, transform .2s ease;
}




.arrowed{
	position:relative;
}
.arrowed::after{
	content:' ';
	width:17px;
	height:18px;
	display:block;
	position:absolute;
	background-image:url(../img/arrow-brown.svg);
	background-position:center center;
	background-size:17px 18px;
	    top: 5px;
    right: -27px;
}


.pagination{
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
	padding:0;
}
.pagination li::before{
	display:none;
}
.pagination li{
	margin:0;
	padding:0;
}
.pagination a,
.pagination span{
	display: block;
    width: 43px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    background-color: #eee;
	font-size:16px;
	font-weight:600;
}
.pagination a:hover{
	
}
.pagination li.separator{
	width:43px;
	height:43px;
	position:relative;
}
.pagination li.separator::before{
    content: ' ';
    display: block;
    width: 24px;
    height: 3px;
    background-color: var(--color);
    top: 21px;
    left: 24px;
}
.pagination li:last-child:is(.separator) {
	display:none;
}






.cookieNoti{
position: fixed;
bottom: -500px;
width:100%;
max-width: 300px;
padding: 20px 30px;
background-color: #fff;
transition: right 0.5s ease-in-out;
border-radius: 8px;
box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.2);
z-index:9999;
right: calc(50% - 150px);
}
.cookieNoti.show {
bottom:30px;
}
.cookieNoti__title{
font-size:15px;
line-height:24px;
font-weight:bold;
text-transform:uppercase;
}
.cookieNoti__msg{
margin:10px 0;
}
.cookieNoti button {
width:100%;
}

.hidden{display:none;}

.boxWrapper{
	padding:35px 47px;
	width:100%;
}
.box{
	margin:0 auto;	
	background-color:var(--bg-color);
	max-width:2000px;	
	border-radius:var(--radius);
	-webkit-border-radius:var(--radius);
	position:relative;	
	width: 100%;
}
.box--dark{
	background-color:var(--dark);
}
.box--dark h2,
.box--dark p,
.box--dark li{
	color:#fff;
}
.hero{	
    min-height: 800px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    max-height: 1200px;
}
.hero::before,
.hero::after{
    content: ' ';
    position: absolute;
    height: 100%;
    width: 360px;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.hero::before{
	left:0;
	background-image:url(../img/roman.png);
	background-position:top right;	
}
.hero::after{
	right:0;
	background-image:url(../img/marina.png);
	background-position:top left;
}
.hero.hero--roman-vladimirovich-garbuzov::after{
	background-image:none;
}
.hero.hero--marina-vladimirovna-prozhivina::before{
	background-image:none;
}

.hero--spec{
	    justify-content: center;
}

.hero--spec .logo{
	    margin-top: 50px;
    position: absolute;
    top: 0;
	z-index:200;
}
.hero--spec h1,
.hero--spec h2{
	    font-family: 'RobotoC';
    font-weight: 400;
	font-size:32px;
	line-height:40px;
	margin:0;	
}
.hero--spec h1{
	margin-bottom:20px;
}

.hero .cnt{
	height:100%;
}
.menuWrapper{
	text-align:center;
}
.menuWrapper a{
	font-size:20px;
	text-decoration:none;
}
.menuWrapper a:hover{
	text-decoration:underline;
}
.menuWrapper span.separator{
	    margin: 0 5px;
    display: inline-block;
}
.hero .subtitle,
.hero .subtitle h1{
	font-size: 20px;
    line-height: 26px;
    font-weight: 300;
	text-align:center;
}
.hero .subtitle h1{
	font-family: "RobotoC", serif;
	margin:0;
	padding:0;
}
.hero__bottom{
	padding-bottom:45px;
	width:100%;	
}
.hero__bottom .button{
}
.specContent{
	
}
.specContent .specMain,
.specContent .hero__bottom{
	    height: 100%;    
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.specContent .specMain p{
	margin:0;
}
.specContent .hero__bottom .button{
	margin:0;
}
.specContent .hero__bottom .button + .button{
	margin-top:30px;
}
.specContent .specMain{
	align-items: flex-start;
	padding-right:40px;
	max-width:400px;
}
.specContent .hero__bottom{
	padding-bottom:0;
	align-items: flex-end;
}


.aboutWrapper .box{
	padding:35px 0;
}
.aboutWrapper h2{
	margin:0 0 20px;
}
.aboutWrapper + footer{
margin-top:100px;	
}
.about__image,
.about__content{
	    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.about__image{
	
}
.about__image--main{
padding-right:60px;	
}
.about__intro{
	position:relative;
}
.about__intro::before{
content:' ';
position: absolute;
width: 8px;
height: 100%;
background: #D9D9D9;
left:-22px;
}
.about__title{
	margin:30px 0 10px;
}
.about__list{
	list-style:none;
	padding:0;
	margin:0;
	
}
.about__list li{
	position:relative;
	margin-bottom:20px;
	padding-left:0;
}
.about__list li::before{
    content: ' ';
    position: absolute;
    width: 8px;
    left: -10px;
    height: 10px;
    background: #64112A;
    top: 5px;
}

.about__content.about__content--spec{
	    justify-content: center;
}
.about__content--spec,
.about__content--spec h2,
.about__content--spec h3{
	color:#fff;
}
.about__content--spec h2,
.about__content--spec h3{
	font-family: 'RobotoC';
	font-weight: 400;
}
.about__content--spec h2{
	font-size: 16px;
    margin: 0;
}
.about__content--spec h3{    
    font-size: 30px;
    line-height: 36px;
    margin: 0px 0 40px;
}

.sampleWrapper .box{
	padding:50px 0 35px;
}
.sampleWrapper .box h2{
	margin:0 0 40px;
}


.reviewsWrapper{
	color:#fff;
}
.reviewsWrapper .box{
	padding:30px 0;
}
.reviewsWrapper .button{
	margin:50px 0 20px;
}
.review{
	padding-right:40px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.review__source{
	font-weight:300;
	font-size:14px;
}
.review__title{
    font-family: 'RobotoC';
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    margin: 30px 0 50px;
}
.review__text,
.spec__quote{
	position:relative;
	font-size:16px;
	line-height:26px;	
	    font-weight: 300;
}
.review__text::before,
.review__text::after,
.spec__quote::before,
.spec__quote::after{
	content:' ';
	position:absolute;
	background-image:url(../img/quote.svg);
	background-size:18px 18px;
	background-position:center center;
	background-repeat:no-repeat;
	width:18px;
	height:18px;
	left:0;
}
.review__text::after,
.spec__quote::after{top:-20px;}
.review__text::before,
.spec__quote::before{bottom:-20px;}

.reviewsWrapper .box--split::before,
.reviewsWrapper .box--split::after{
	background-repeat:no-repeat;
	background-size:257px auto;
	background-size: contain;
}
.reviewsWrapper .box--split::before{	
    background-image: url(../img/roman.png);
    background-position: top left;
}
.reviewsWrapper .box--split::after{
	background-image: url(../img/marina.png);
    background-position: top right;
}


footer {
	margin-top:120px;
}
footer .boxWrapper{
	margin-bottom:0;
	padding-bottom:0;
}
footer .box{
	padding-bottom:25px;
}
footer p{
	font-size:20px;
	line-height:20px;
}
footer p.thin,
footer p.thin a,
footer p span{
    font-weight: 300;	
}
footer p.thin a{text-decoration:none;}
footer .marina{
	position: absolute;
    bottom: -25px;
	right:0;
}

.column--cta.a-l .button{
margin:30px 0;
}


.cookie-notice{
	display:none;
	position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 20px 5%;
    font-size: 16px;
    line-height: 24px;
    box-shadow: 1px 20px 20px 16px #777;
	z-index:999;
}
.cookie-notice.show{
display:block;	
}
.cookie-notice button{
	margin: 20px auto 0;
    height: 70px;
    max-width: 225px;	
}

.legal {
	margin:50px auto;
}
.legal p{
	margin:20px 0;
}
.legal p,
.legal a{
	font-size:16px;
	line-height:20px;
}
p.copyright{
	
}
p.official {
text-transform: uppercase;
    font-weight: 100;
    font-size: 14px;
    margin: -5px 0;
}
.priceWrapper .box{
padding: 49px 0 20px;
}
.priceWrapper .box h2{
	margin:0;
}
.priceWrapper .box .subTitle{
	font-weight:300;
}
.priceList{
	list-style:none;
	padding:0;
	margin:0;
	margin-bottom: 120px;
}
.priceList li{
    border-bottom: 1px solid #E0E0E0;
    font-size: 20px;
    line-height: 23px;
    font-weight: 400;
    padding: 14px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;	
}
.priceList li::before{
	display:none;
}
.priceList li:hover{
	background-color:#f7f7f7;
}
.priceList .service__name{
	width:60%;
	text-align:left;
}
.priceList .service__price{
	width:30%;
	text-align:right;
}

.specWrapper{
	margin:10px 0 0;
	padding-top:70px;
}




.box--split .column1-2:nth-child(2n+2){
	padding-left:40px;
}
.box--dark.box--split,
.box--split{
	position: relative;
	background-color: transparent;
}
.box--split::before,
.box--split::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width: calc(50% - (var(--BoxSplitGap) / 2));
	background-color: var(--BoxSplitBg);
	z-index: 0;
	border-radius: var(--radius);
}
.box--split::before{
	left:0;	
}
.box--split::after{
	right:0;
}
.box--split > .cnt,
.box--split > .columns,
.box--split > *{
	position: relative;
	z-index: 1;
}
.box--dark.box--split{
	--BoxSplitBg: var(--dark);
}

@media screen and (max-width: 768px){
	.box--split::before{
		width:100%;
		border-radius: var(--radius);
	}
	.box--split::after{
		display:none;
	}
}



.specCard{
	margin:-100px 0 35px;
}
.specCard .button{
	margin:30px 0 0;	
}
h3.specCard__title{
	font-family: 'RobotoC';
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
	margin:20px 0 20px
}
.specCard__titleLink
{
	color: inherit;
	text-decoration: none;
	display: inline-block;
}
.specCard__titleLink:hover,
.specCard__titleLink:focus
{
	text-decoration: underline;
	text-underline-offset: 0.08em;
}

.specCard__body{
	max-width:450px;
	padding-right:30px;
}
.specCard__desc{
	font-size:16px;
	line-height:26px;
}

.chaptersWrapper .box {
    padding: 30px 0;
}
.chaptersWrapper .box h2{
	margin:0;
}
.serviceList{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.serviceList li::before{
	content:' ';
	position:absolute;
	top:20px;
	left:35px;
	background-color:var(--brandcolor);
	border-radius:var(--radius);
	width: 30px;
	height: 16px;
}
.serviceList li{
    position: relative;
    background-color: var(--bg-color);
    border-radius: var(--radius);
    width: 300px;
    margin: 10px 10px;
    font-size: 15px;
    line-height: 20px;
    height: auto;
	min-height: 125px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 43px 20px 20px;
    text-align: left;
}
.serviceList li p{
	    width: 100%;
}



.sampleRows{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;	
	margin: 30px 0 40px;
}

.sampleCard{
	width: 280px;
	height:280px;
	margin:10px;
}

.sampleCard__btn{
	appearance:none;
	border:none;
	background:transparent;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	cursor:pointer;
	text-align:left;
	background-color: #fff;
	
	padding: 0;
    margin: 0;
    align-items: flex-start;
    justify-content: flex-start;
}
.sampleCard__btn:hover{
	background-color: #fff;
}

.sampleCard__img{
	position:relative;
	background:#fff;
	border-radius: var(--radius) var(--radius) 0 0 ;
	overflow:hidden;	
	width:100%;
	height:163px;
}

.sampleCard__img img{
	display:block;
	width:100%;	
	object-fit: cover;
}

.sampleCard__badge{
    position: absolute;
    bottom: 6px;
    display: inline-block;
    padding: 0 0;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    width: 100px;
    height: 19px;
    background: #64112A;
    border-radius: 40px;
    left: calc(50% - 50px);
}

.sampleCard__caption{
    padding: 0 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 117px;
}

.sampleCard__text{
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: normal;
    text-align: center;    
}

.sampleCard__btn:focus-visible{
	outline:none;
}

@media screen and (max-width: 768px){
	.sampleRows{
		
	}
	.sampleCard{
		width: 260px;		
	}
	.sampleCard__img img{
		height: 195px;
	}
}



.sampleCompare__range,
#sampleRange{
	--TrackH: 10px;
	--Thumb: 18px;
	--TrackBg: rgba(0,0,0,0.12);
	--Fill: var(--brandcolor);

	-webkit-appearance: none;
	appearance: none;

	width: 100%;
	height: var(--Thumb);
	margin: 14px 0 0;
	background: transparent;
	cursor: pointer;
	
	overflow: hidden;
	border-radius: 999px;
	
	accent-color: var(--brandcolor);
}

.sampleCompare__range:focus,
#sampleRange:focus{
	outline: none;
}
.sampleCompare__range:focus-visible,
#sampleRange:focus-visible{
	outline: 2px solid rgba(101,17,42,0.35);
	outline-offset: 4px;
}
.sampleCompare__range::-webkit-slider-runnable-track,
#sampleRange::-webkit-slider-runnable-track{
	height: var(--TrackH);
	border-radius: 999px;
	background: var(--TrackBg);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
}

/* WebKit thumb + "заливка" слева через box-shadow */
.sampleCompare__range::-webkit-slider-thumb,
#sampleRange::-webkit-slider-thumb{
	-webkit-appearance: none;
	appearance: none;

	width: var(--Thumb);
	height: var(--Thumb);
	border-radius: 999px;

	background: #fff;
	border: 3px solid var(--brandcolor);

	/* это и есть заполненная часть трека */
	box-shadow: -1000px 0 0 1000px var(--Fill);

	/* выравниваем по центру трека */
	margin-top: calc((var(--TrackH) - var(--Thumb)) / 2);
}

/* Firefox track */
.sampleCompare__range::-moz-range-track,
#sampleRange::-moz-range-track{
	height: var(--TrackH);
	border-radius: 999px;
	background: var(--TrackBg);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
}

/* Firefox progress */
.sampleCompare__range::-moz-range-progress,
#sampleRange::-moz-range-progress{
	height: var(--TrackH);
	border-radius: 999px;
	background: var(--brandcolor);
}

/* Firefox thumb */
.sampleCompare__range::-moz-range-thumb,
#sampleRange::-moz-range-thumb{
	width: var(--Thumb);
	height: var(--Thumb);
	border-radius: 999px;
	background: #fff;
	border: 3px solid var(--brandcolor);
	box-shadow: 0 10px 22px rgba(0,0,0,0.22);
}





.sampleCompare{
	margin-top: 8px;
}

.sampleCompare__viewport{
	position:relative;
	border-radius: 26px;
	overflow:hidden;
	background: #f3f3f3;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
	user-select:none;
	-webkit-user-select:none;
	touch-action: pan-y;
}

.sampleCompare__img{
	display:block;
	width:100%;
	height: 420px;
	object-fit: cover;
}

.sampleCompare__img--before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.sampleCompare__img--after{
	position: relative;
	z-index: 0;
}

.sampleCompare__img--before{
	z-index: 1;
}

.sampleCompare__line{
	position:absolute;
	top:0;
	bottom:0;
	width:2px;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
	left:50%;
}

.sampleCompare__line::after{
	content:' ';
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background:var(--brandcolor);	
	box-shadow: 0 10px 28px rgba(0,0,0,0.25);
	cursor:pointer;
	z-index:2;
}

.sampleCompare__line::before{
	content:' ';
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	width: 31px;
	height: 18px;
	background-image: url(../img/l-r-arrow.svg);
	background-size: 31px 18px;
	background-repeat:no-repeat;
	background-position:center center;	
	z-index:3;
	cursor:pointer;
}

.sampleCompare__range{
	width:100%;
	margin: 14px 0 0;
}

.sampleCompare__labels{
	display:flex;
	justify-content:space-between;
	margin-top: 6px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	opacity:.75;
}

.sampleCompare--single .sampleCompare__img--before,
.sampleCompare--single .sampleCompare__line,
.sampleCompare--single .sampleCompare__range,
.sampleCompare--single .sampleCompare__labels{
	display:none;
}

@media screen and (max-width: 768px){
	.sampleCompare__img{
		height: 320px;
	}
}



.diplomWrappers{
margin:50px 0;	
}
.diplomRows{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;	
	margin: 40px auto 0;
}

.diplomCard{
	width: 280px;
	height:380px;
	margin:10px;
}

.diplomCard__btn{
	width:100%;
	border:none;
	padding:0;
	background:#f1f1f1;
	cursor:pointer;
	    margin: 0;
    height: 100%;
    width: 100%;
}
.diplomCard__btn:hover{
	background-color:#f1f1f1;
}

.diplomCard__img{
	display:block;
	width:100%;
	height: 280px;
	border-radius: var(--radius) var(--radius) 0 0 ;
	overflow:hidden;	
	position:relative;
}
.diplomCard__img::before{
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background-color:#0000006b;
    position: absolute;
}
.diplomCard__img img{
	width:100%;
	height:100%;
	object-fit: cover;
	display:block;
}

.diplomCard__caption{
    display: block;
    padding: 20px;
    font-weight: normal;
    color: #000;
    height: 100px;
    font-size: 15px;
    line-height: 20px;
}

/* modal */
html.isModalOpen,
body.isModalOpen{ overflow:hidden; }
.modal{
position:fixed; inset:0; z-index:10000; display:none; 

top: 0;
right: 0;
bottom: 0;
left: 0;	
}
.modal[aria-hidden="false"]{ display:block; }

.modal__overlay{	
	position:absolute; inset:0;
	
		top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	background: rgba(0,0,0,0.7);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.modal__dialog{
	position:relative;
		width: calc(100% - 24px);
	max-width: 1100px;
	
	margin: 40px auto;
	background:#fff;
	border-radius: var(--radius);
	padding: 20px;
	box-shadow: 0 30px 90px rgba(0,0,0,0.45);
	transform: translateY(10px);
	opacity: 0;
	transition: transform .2s ease, opacity .2s ease;
}
.modal__close{								
	position:absolute;
	right: 16px;
	top: -16px;
	width: 48px;
	height: 48px;
	border-radius: 999px;
	border:none;
	background: rgba(0,0,0,0.06);
	color:#000;
	font-size: 26px;
	line-height: 48px;
	text-align:center;
	cursor:pointer;
	transition: background-color .2s ease, transform .2s ease;
}
.modal__close:hover{	
	transform: translateY(-1px);
}
.modal__title{
	font-family: 'RobotoS', serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;		
	margin: 10px 0 30px;
}
.modal[aria-hidden="false"] .modal__dialog{
	transform: translateY(0);
	opacity: 1;
}
.modal__text{
	margin-top: 14px;
	font-size: 15px;
	line-height: 20px;
	opacity: .9;
}

@media screen and (max-width: 768px){
	.modal__dialog{
		margin: 30px auto;
        padding: 20px;
        border-radius: var(--radius);
	}
	.modal__title{
		font-size: 18px;
		line-height: 22px;
		margin-right: 56px;
	}
}
/* /modal */


.diplomModal__img{
	width:100%;
	height:auto;
	max-height: calc(100vh - 170px);
	object-fit: contain;
	display:block;
}
.qualificationWrapper{
margin: -30px 0 120px;
}
.qualificationWrapper .box{
	padding: 40px 0;
}
.qualificationWrapper .box h2{
	margin:0;	
}
.qualificationWrapper h3{
	    font-family: 'RobotoC';
    font-weight: 300;
	text-transform:uppercase;
	font-size:30px;
	margin-top:50px;
}
.qualificationWrapper ul{
	    list-style: none;
    padding: 0;
    margin: 0;    
}
.qualificationWrapper ul h3{
	margin-top:40px;
}
.qualificationWrapper li{
	border-bottom: 1px solid #E0E0E0;
    font-size: 20px;
    line-height: 23px;
    font-weight: 400;
    padding: 14px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.qualificationWrapper li::before{
	display:none;
}
.qualificationWrapper li:last-child{border-bottom:none;}

.doctorPhotosWrapper{
	margin: -20px 0 0;
}

.doctorPhotosWrapper .box{
	padding: 40px 5%;
}

.doctorPhotosHead{
	max-width: 760px;
	margin: 0 auto 30px;
}

.doctorPhotosHead h2{
	margin: 0 0 15px;
}

.doctorPhotosHead p{
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
}

.doctorPhotosRow{
	margin: 0 -10px;
}

.doctorPhotosRow + .doctorPhotosRow{
	margin-top: 20px;
}

.doctorPhotosRow .column1-2{
	padding: 0 10px;
}

.doctorPhotosRow--single{
	justify-content: center;
}

.doctorPhotosRow--single .column1-2{
	width: 42%;
	min-width: 360px;
	text-align:center;
}

.doctorPhotoCard{
	height: 100%;
	background-color: #fff;
	border-radius: var(--radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 3px 20px rgba(0,0,0,0.04);
	max-width:500px;
	margin:0 auto 20px;
}

.doctorPhotoCard__img{
	background-color: #e9e9e9;
}

.doctorPhotoCard__img img{
	display: block;
	width: 100%;
	height: auto;
}

.doctorPhotoCard__body{
	padding: 24px 28px 26px;
}

.doctorPhotoCard__body p{
	margin: 0;
	font-size: 16px;
	line-height: 26px;
}

.aboutSlider{
	width: 100%;	
    max-width: 100%;
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
}

.aboutSlider__viewport{
	width: 100%;
	overflow: hidden;
	position: relative;
	touch-action: pan-y;
	user-select: none;
	-webkit-user-select: none;
}

.aboutSlider__track{
	display: flex;
	transition: transform 0.35s ease;
	will-change: transform;
}

.aboutSlider__slide{
	flex: 0 0 100%;
	width: 100%;
}

.aboutSlider__slide img{
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	-webkit-user-drag: none;
	user-select: none;
}

.aboutSlider__dots{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: -32px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.aboutSlider__dot{
	width: 12px;
	height: 12px;
	min-width: 12px;
	border-radius: 999px;
	border: none;
	background: rgba(255,255,255,0.35);
	padding: 0;
	margin: 0;
	cursor: pointer;
	transition: transform 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
	box-shadow: none;
	max-width: none;
	display: inline-block;
}

.aboutSlider__dot:hover,
.aboutSlider__dot:focus-visible{
	background: rgba(255,255,255,0.75);
	transform: scale(1.08);
	outline: none;
}

.aboutSlider__dot.isActive{
	background: #fff;
	transform: scale(1.12);
}


@media screen and (max-width: 1900px) 
{	
	.specContent{
		padding-top: 150px;
		padding-bottom:20px;
	}
	.specContent .columns{
		flex-direction:column;
		flex-direction: column;        
        justify-content: center;
	}
	.hero--roman-vladimirovich-garbuzov .specContent .columns{
		align-items: flex-end;
	}
	.hero--roman-vladimirovich-garbuzov .specContent {
		
	}
	.hero--roman-vladimirovich-garbuzov .specContent .specMain,
	.hero--roman-vladimirovich-garbuzov .specContent .hero__bottom{
		align-items: flex-end;
		padding-right:0;
		        max-width: 100%;
				        text-align: right;
	}
	.hero--marina-vladimirovna-prozhivina .specContent .columns{
		align-items: flex-start;
	}
	.specContent .hero__bottom{
	    align-items: flex-start;
        margin: 30px 0 0;
	}
}
@media screen and (max-width: 1600px) 
{	
	.reviewsWrapper .box--split::after {
    background-image: url(../img/marina-bg.png);    
	}
	.reviewsWrapper .box--split::before {
    background-image: url(../img/roman-bg.png);
    }
}
@media screen and (max-width: 1400px) 
{	
	.cnt {
    max-width: 100%;    
	padding: 0 5%;
	}
	.boxWrapper{
		padding:35px 5%;
	}
	.aboutWrapper img{
		max-width:100%;
	}
	
	.about__image{
		padding-right:40px;
	}
	.about__intro::before{
		left:calc( 4px - 5% );
		width:4px;
	}
	.about__list li::before{
		left:0;
		width:4px;
	}
	.hero{
		min-height: 654px;
	}
	.hero .button {
		z-index:3;
		position:relative;
	}
	.hero::before, .hero::after{
		width:300px;
	}

}
@media screen and (max-width: 1200px) 
{
	.specCard .button{
	max-width:280px;
	}
	.hero.hero--spec .logo{
		margin-top:30px;
		width:250px;
		z-index:4;
	}
	.hero.hero--spec .logo span{
		font-size: 14px;
        line-height: 56px;
	}
	.hero--spec .column1-2{width:80%;}
}
@media screen and (max-width: 1024px) 
{		
	.boxWrapper{
		padding:25px 5%;
	}
	.hero::before {    
    background-image: url(../img/roman-hero-bg-gr.png);
	}
	.hero::after {    
    background-image: url(../img/marina-hero-bg-gr.png);
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) 
{	
	h1 {
	font-size: 28px;
    line-height: 32px;
	}
	h2 {
	font-size:20px;
	line-height:24px;
	}
	h3 {
	font-size:18px;
	line-height:22px;
	}
}
@media screen and (max-width: 980px) 
{
	.menuWrapper {
		padding:0 15px;
	}
	.menuWrapper span.separator{
		margin:0 3px;
	}
	.menuWrapper a{
		font-size:16px;
	}
	h3.specCard__title{
	font-size: 24px;
    line-height: 28px;
	}
	.specCard__desc{		
		font-size: 14px;
		line-height: 24px;
	}
}
@media screen and (min-width: 480px) and (max-width: 768px) 
{		
	
	
}
@media screen and (max-width: 768px) 
{
	h1 {
	font-size: 26px;
    line-height: 30px;
	}
	h2 {
	font-size:18px;
	line-height:22px;
	}
	h3 {
	font-size:16px;
	line-height:20px;
	}	
	.column--logo,
	.column--contacts{width:50%;}
	.column--menu{
		width:100%;
	}
	.column--logo{order:1;}
	.column--contacts{order:2;}
	.column--menu{order:3;margin:30px 0 -5px;}
	
	footer .column--cta{
		width:100%;
		text-align:center;
	}	
	footer .column--cta.a-l .button{
		margin:30px auto;
	}
	footer .column--marina,
	footer .column--marina img{
		display:none;
	}
	
	.aboutWrapper + footer,
	footer{
		margin-top:50px;
	}
	.qualificationWrapper{
		margin-bottom:50px;
	}
	.priceList{
		margin-bottom:0;
	}
	
	input[type=submit], button, .button{
		height:90px;		
        border-radius: 25px;
		max-width:280px;
	}
	.sampleCard__btn{
		border-radius:var(--radius);
	}
	.btn__title {    
            font-size: 22px;
        margin-top: 6px;
        line-height: 24px;
	}
	.btn__subtitle {
	            line-height: 19px;
        font-size: 16px;
	}
	.button--tg::after{
		    content: ' ';
    background-image: url(../img/tg.svg);
    background-size: 25px 22px;
    width: 25px;
    height: 22px;
    position: absolute;
    right: 32px;
    top: 35px;
	}
	.qualificationWrapper li,
	.priceList li,
	footer p{
		font-size: 16px;
    line-height: 19px;
	}
	
	
	.specWrapper{
		padding-top:0;
		margin-top:0;
	}
	.specCard{
		margin:35px 0;
	}
	.specCard__body{
		padding-right:0;
	}
	.diplomCard{
		height:250px;
	}
	.diplomCard__img{
		height:150px;
	}
	
	
	.box--split::before,
	.box--split::after{
		left: 0;
		right: 0;
		width: 100%;
	}

	.box--split::before{
		top: 0;
		bottom: auto;
		height: calc(50% - (var(--BoxSplitGap) / 2));
		border-radius: var(--radius);
	}

	.box--split::after{
		display: block;
		top: auto;
		bottom: 0;
		height: calc(50% - (var(--BoxSplitGap) / 2));
		border-radius: var(--radius);
	}
	.box--split .column1-2{
		width: 100%;
	}
	.box--split .column1-2:nth-child(2n+2){
		padding-left: 0;
		padding-top: var(--BoxSplitGap);		
	}
	
	
	.specWrapper .box--split .column1-2{
		width:50%;
		padding:0;
	}
	
	.specWrapper .box--split .column1-2:nth-child(2n+2){
		
	}
	.specWrapper .box--split::before{
		height: 100%;
	}
	.specWrapper .specCard {
		
	}
	.specWrapper .specCard img{
		max-width:90%;
	}
	.specWrapper .specCard h3.specCard__title{
		height: 80px;
	}
	.specWrapper .specCard .specCard__desc{
		height: 120px;
	}
	.specWrapper .column1-2:nth-child(1) .specCard {
		padding-right:20px;
	}
	.specWrapper .column1-2:nth-child(2) .specCard {
		padding-left:20px;
	}
	
	
	.aboutWrapper .column1-2{
		width:100%;
	}
	.about__image{
		padding:0;
		margin-bottom:40px;
	}
	
	.review{
		padding-right:0;
	}
	.reviewsWrapper .box--split .column1-2:nth-child(2n+2){
		padding-top:150px;
	}
	
	.about__content--spec h3{
		    font-size: 24px;
    line-height: 30px;
	}
	.about__content.about__content--spec{
		padding-bottom:40px;
	}
	
	.hero .logo{
		width: 250px;
	}
	.hero .logo span{
		font-size: 14px;
        line-height: 56px;
	}
	.hero .subtitle {
    font-size: 14px;
    line-height: 18px;
	}
	.menuWrapper a{
		font-size:15px;
	}
	.hero .button{
		margin:20px auto;
	}
	.qualificationWrapper h3{
		margin: 10px 0 5px;
    font-size: 22px;
    line-height: 30px;
	}
	.hero__bottom{
		margin-top:40px;
	}
	

	.doctorPhotosWrapper{
		margin: 0;
	}

	.doctorPhotosWrapper .box{
		padding: 30px 0;
	}

	.doctorPhotosHead{
		margin-bottom: 20px;
	}

	.doctorPhotosRow{
		margin: 0;
	}

	.doctorPhotosRow .column1-2,
	.doctorPhotosRow--single .column1-2{
		width: 100%;
		min-width: 0;
		padding: 0;
	}

	.doctorPhotosRow .column1-2 + .column1-2{
		margin-top: 20px;
	}

	.doctorPhotosRow + .doctorPhotosRow{
		margin-top: 20px;
	}

	.doctorPhotoCard__body{
		padding: 20px;
	}

	.doctorPhotoCard__body p,
	.doctorPhotosHead p{
		font-size: 14px;
		line-height: 24px;
	}
	
	.diplomWrappers .cnt{
		overflow: hidden;
	}

	.diplomRows{
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% - 32px) / 3);
		gap: 16px;
		justify-content: flex-start;

		overflow-x: auto;
		overflow-y: hidden;

		margin: 24px 0 0;
		padding: 0 0 12px;

		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.diplomRows::-webkit-scrollbar{
		display: none;
	}

	.diplomRows .diplomCard{
		display: block !important;
		width: auto;
		height: auto;
		min-width: 0;
		margin: 0;
		scroll-snap-align: start;
	}

	.diplomRows .diplomCard__btn{
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
	}

	.diplomRows .diplomCard__img{
		height: 170px;
		border-radius: 26px 26px 0 0;
		top:-5px;
	}

	.diplomRows .diplomCard__img::before{
		background-color: #00000040;
	}

	.diplomRows .diplomCard__caption{
		height: auto;
		min-height: 72px;
		padding: 14px 10px 0;
		font-size: 13px;
		line-height: 17px;
		text-align: center;
	}

	.diplomRows + .button--more{
		display: none !important;
	}

}
@media screen and (max-width: 650px) 
{	
    .hero {
        min-height: 450px;
    }
	.hero::before, .hero::after{
		width:228px;
	}
	.hero--spec h1, .hero--spec h2{
		font-size:26px;
		line-height:34px;
	}
	.hero--spec h1{
		margin-bottom:10px;		
	}
	.specContent .hero__bottom,
	.specContent .hero__bottom .button + .button{
		margin-top:20px;
	}
	
	.specWrapper .specCard h3.specCard__title{
		font-size: 20px;
        line-height: 24px;
	}
	.specWrapper .specCard .specCard__desc{
		font-size: 14px;
        line-height: 20px;
	}
	
	
}

@media screen and (max-width: 640px){
	.diplomRows{
		grid-auto-columns: calc((100% - 14px) / 2);
		gap: 14px;
	}

	.diplomRows .diplomCard__img{
		height: 190px;
	}

	.diplomRows .diplomCard__caption{
		font-size: 14px;
		line-height: 18px;
	}
	.diplomWrappers .cnt{
		position: relative;
		overflow: hidden;
	}

	.diplomRows{
		grid-auto-columns: calc((100% - 14px) / 1.75);
		gap: 14px;
		padding: 0 24px 12px 0;
	}

	.diplomWrappers .cnt::after{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 42px;
		height: 100%;
		pointer-events: none;
		background: linear-gradient(to right, rgba(245,245,245,0), #f5f5f5 72%);
		z-index: 3;
	}
}

@media screen and (max-width: 420px){
	.diplomRows{
		grid-auto-columns: 86%;
		gap: 12px;
		padding: 0 20px 12px 0;
	}

	.diplomRows .diplomCard__img{
		height: 240px;
	}

	.diplomRows .diplomCard__caption{
		padding: 14px 14px 0;
	}
	
}

@media screen and (max-width: 480px) 
{	
	body{
		min-width:300px;
	}
	.group{
		margin:15px 0;
	}
	textarea{height:60px;}
	.controls{
		margin-bottom:20px;
	}		
	.column--logo .logo{
		width:145px;
	}
	header .btn__title{
		font-size: 18px;
		line-height: 17px;
	}
	header .btn__subtitle{
		    font-size: 14px;
	}
	header .button{
		max-width:145px;
	}
	
	.review__title {    
    font-size: 22px;
    line-height: 30px;
	}
	.review__text, .spec__quote{
		font-size:14px;
		line-height:24px;
	}
	
	.hero {
        min-height: 300px;
    }
	.hero .logo
	{
		margin-top:50px;
	}
	.hero::before, .hero::after{
		width:165px;
	}
	.hero--spec h1{
		font-size: 18px;
        line-height: 24px;
	} 
	.hero--spec h2{
		font-size: 23px;
        line-height: 28px;
	}
	.specContent {
        padding-top: 110px;
    }
	.specContent .specMain p{
		font-size: 13px;
    line-height: 17px;
	}
	.hero .logo,
	.hero.hero--spec .logo {        
        width: 145px;
    }
	.hero.hero--spec .logo{
		margin-top: 30px;
	}
	.hero .logo span,
	.hero.hero--spec .logo span {
        font-size: 12px;
        letter-spacing: 0.1px;
        line-height: 13px;
        display: inline-block;
        margin-top: 10px;
	}
	
	.specContent .hero__bottom, .specContent .hero__bottom .button + .button{
		margin-top:15px;
	}
	.hero--spec h2{
		margin-bottom:15px;
	}
	
	input[type=submit], button, .button{
		height:70px;		
        border-radius: 25px;
		max-width:280px;
		        border-width: 2px;
	}
	.sampleCard__btn{
		border-radius:var(--radius);
	}
	.btn__title {    
              font-size: 18px;
        margin-top: 3px;
        line-height: 21px;
	}
	.btn__subtitle {
		        line-height: 17px;
        font-size: 14px;
	}
	.button--tg::after{		    
		right: 24px;
        top: 25px;
	}
	.hero__bottom{
		padding-bottom:20px;
		margin-top: 20px;
	}
	.hero__bottom .button {
		margin: 20px auto;
		box-shadow: 0 0 20px 1px #ffffff1a;
		max-width:85%;
	}
	.hero__bottom .menuWrapper{
		        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
	}
	.hero__bottom .menuWrapper a {
		        font-size: 14px;
        margin: 0;
	}
	.menuWrapper span.separator{
		line-height:14px;
	}
	
	.hero__bottom .menuWrapper.isSticky{
		        flex-direction: row;
	}
	
	
	
	.hero .subtitle,
	.hero .subtitle h1{
		font-size:14px;
	}
	.specWrapper .column1-2:nth-child(1) .specCard{
		padding-right:10px;
	}
	.specWrapper .column1-2:nth-child(2) .specCard{
		padding-left:10px;
	}
	.specWrapper .specCard h3.specCard__title {
        font-size: 15px;
		line-height: 20px;
		height: 60px;
	}
	.specWrapper .specCard .specCard__desc {
        font-size: 12px;
		line-height: 16px;
	}
	.specWrapper .specCard .btn__subtitle{
		display:none;
	}
	.specWrapper .specCard .arrowed::after{
		display:none;
	}
}
@media screen and (max-width: 340px) 
{	
	.menuWrapper.isSticky span.separator{
		margin:0 3px;
	}
	.menuWrapper.isSticky a {    
    font-size: 14px;
	}
}