/****** fonts start *********/
@font-face {
  font-family: 'IBMPlexSans-Regular'; src: url('/css/tn/fonts/IBMPlexSans-Regular.ttf') format('truetype') ;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBMPlexSans-Light'; src: url('/css/tn/fonts/IBMPlexSans-Light.ttf') format('truetype') ;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Unbounded-Reg'; src: url('/css/tn/fonts/Unbounded-Regular.ttf') format('truetype') ;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Unbounded-Light'; src: url('/css/tn/fonts/Unbounded-Light.ttf') format('truetype') ;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Unbounded-Black'; src: url('/css/tn/fonts/Unbounded-Black.ttf') format('truetype') ;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}




/****** fonts end *********/


body {
    font-family: 'IBMPlexSans-Light';
    font-size: 100%;
	font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	min-width: 1260px;
    line-height: 22px;
}




.align-center{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.svg-ico{
   width: 44px;
   height: 44px;
   fill: none;
   z-index: 1;
}




.wrapper{
	position: relative;
}

.container {
     width: min(100% - 2rem, 1440px);
	 /* width: min(100%, 1440px);*/
    margin-inline: auto;
	
}
/****** fonts end *********/


/*header start*/
header {
   /* background: #fff;
    box-shadow: 0px 0px 7px 4px rgb(0 0 0 / 15%);*/
    height: 100px;
    position: absolute;
    z-index: 16;
	width: 100%;
}

header.main-header {
    background: #fff;
    box-shadow: 0px 0px 7px 4px rgb(0 0 0 / 15%);
    height: 72px;
    position: absolute;
    z-index: 14;
    top: 0;
    left: 0;
    width: 100%;
}



header.go-scroll{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}


/* top menu */
.header__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    /* padding: 0px 25px;*/
	margin-top: 20px;
	height: 80px;
	border-radius: 40px;
	backdrop-filter: blur(6px);
	background: rgb(108 108 108 / 20%);
	
}
.header__left {
	width: 84%;
    display: flex;
    align-items: center;
    gap: 20px;
	margin-left: 25px;
}
/* opacity: 0.75;*/

.header__logo {
	flex: 0 1 80px;
    display: flex;
    align-items: center;
    gap: 32px;
}

.header__menu-top, .header__city-tel {
	background: #fff;
	height: 44px;
	border-radius: 22px;
	padding: 0 30px;
}
.header__city-tel {
	margin-right: 25px;
}
.header__menu-top ul {
    display: flex;
    align-items: center;
    gap: 26px;
}

.header__menu-top ul li {
    list-style: none;
	position:relative;
	cursor: pointer;
    /*background: #8de1e1;*/
    padding: 11px 0px 13px 0px;
}

.header__menu-top ul li:after {
	content: '';
    width: 0px;
    height: 3px;
    position: absolute;
    bottom: 2px;
    left: 0px;
    background: #FFC800;
    transition: 0.15s;
}

.header__menu-top ul li:hover:after{
	width: 100%;
}

.header__menu-top a {
	font-size: 14px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    font-family: 'IBMPlexSans-Regular';
    transition: 0.2s;
    position: relative;
    white-space: nowrap;
}

.header__menu-top a:hover{
	color: #000;
}
.header__tel {
	font-size: 15px;
	margin: 12px 0px;
    font-weight: 600;
    text-decoration: none;
    color: #000;
    display: block;	
	white-space: nowrap;
}

.ico-c {
    width: 44px;
    height: 44px;
    /*border: 1px solid #D2D2D2;*/
    border-radius: 50%;
    /*box-sizing: border-box;
	background: #fff;*/
	cursor: pointer;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
}


.visual-id {
    position: relative;
    margin-bottom: 35px;
    background: #f5f5f5;
    box-sizing: border-box;
	top: -2px;
    width: 100%;
	max-height: 420px;
	overflow: hidden;
}
.visual-id-cont {
	padding-top: 130px;
	position: relative;
    z-index: 1;
}

.visual-id-big .visual-id-blo {
	padding: 0px 33px 0px 33px!important;
	display: table-cell;
    vertical-align: middle;
    height: 227px;
}

.visual-id-blo {
	padding: 0px 33px 33px 33px;
	z-index: 10;
    position: relative;
}

.visual-id-descr {
	line-height: 22px;
    padding-top: 10px;
	color: #3f464e;
	opacity: 0.85;
}
.visual-id-pic {
	position: absolute;
    bottom: -2px;
	left: 0px;
    width: 1680px;
	z-index: 2;
	overflow: hidden;
	text-align: right;
	max-height: 420px;
}

.visual-id-small {height: 147px;}
.visual-id-big { height: 290px;}
.visual-id h1 {
    color: #3f464e;
    font-size: 37px;
    text-decoration: none;
    line-height: 34px;
    font-weight: 400;
    padding: 0px;
    font-family: 'Unbounded-Reg';
    position: relative;
    display: inline-block;
}

.visual-id-line {
	box-shadow: 0px 9px 69px 0px rgba(0, 0, 0, 0.2);
	width: 100%;
    position: absolute;
       bottom: -23px;
    z-index: 3;
    height: 23px;
}



.breadcrumbs {
    padding: 0 0 0 0;
    margin: 0px auto 10px auto;
    position: relative;
	font-family: 'IBMPlexSans-Regular';
	font-size: 14px;
}

.breadcrumbs li {
    display: inline-block;
}

.breadcrumbs a {
    color: #3f464e;
	opacity: 0.85;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.breadcrumbs a:hover {
	color: #000;
	border-bottom: 2px solid #FFC800;
}

.breadcrumbs__raz {
	margin: 0 10px 0px 10px;
    color: #646363;
    font-size: 14px; 
}



/* Menu podrazd  */


.simple-menu-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 16px;
	padding-bottom: 60px;
}

.simple-menu-link {
	font-size: 14px;
    color: #000;
    text-decoration: none;
    font-family: 'IBMPlexSans-Regular';
    transition: 0.2s;
    position: relative;
	height: 60px;
	background: #FFC800;
	border-radius: 30px;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 0px 30px;
    line-height: 18px;
}

.simple-menu-link:hover {
	background: #ffe58a;
}


.catalog__products {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
    grid-auto-rows: minmax(200px, auto);
	margin-bottom: 50px;
	/*grid-auto-rows: 585px;*/
}




.catalog__prod-prev {
    position: relative;
    overflow: hidden;
    background-color: #fbfbfb;
	border:  1px solid #E7E7E7;
	border-radius: 7px;
	/*box-shadow: 0px 0px 0px 1px #D3D3D3, 0px 0px 30px rgba(0, 0, 0, 0.25);*/
}

.catalog__prod-prev:hover {
	box-shadow: 0px 0px 0px 1px #E7E7E7, 0px 0px 17px rgba(0, 0, 0, 0.2);
}

.catalog__prod-prev:hover .prod-prev__link a {
	color: #0eb6bb;
}

.prod-prev__image {
	width: 100%;
    margin-bottom: 12px;
    overflow: hidden;
    background: #ffffff;
    text-align: center;
   /* height: calc(247px - 15px);*/
    height: 247px;
    position: relative;
}

.prod-prev__image img {
	object-fit: contain;
    transition: all .5s ease 0s;
    will-change: transform;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	max-width: 100%;
}

.prod-prev__info {
	 height: 133px;
	 /* background: #8eb3dd; */
	 margin: 10px 15px 10px 15px;
	 overflow: hidden;
}

.prod-prev__link {
	max-height: 67px;
    overflow: hidden;
	margin-bottom: 4px;
}
.prod-prev__link a {
	font-family: 'Unbounded-Light';
	font-size: 14px;
    line-height: 22px;
	color: #3E3E3E;
    text-decoration: none;
}
.prod-prev__link a:hover {
	border-bottom: 1px solid #0eb6bb;
	color: #0eb6bb;
}

.good-chars {
	color: #3E3E3E;
} 
.good-chars li {
	
}

.prod-prev__price {
    height: 60px;
    /*background: #e2efff;*/
    margin: 10px 15px 14px 15px;
	position: relative;
	overflow: hidden;
}


.prod-prev__old-price {
	position: absolute;
	top: 0px;
	font-family: 'Unbounded-Light';
	font-size: 12px;
	text-decoration-line: line-through;
	color: #979797;
}

.prod-prev__act-price {
	position: absolute;
	font-family: 'Unbounded-Black';
	font-size: 15px;
	/*font-weight: 800;*/
	top: 18px;
}
.prod-prev__act-price span {
   font-family: 'Unbounded-Reg';
   
}

.c-red {
	color: #FF0000;
}

.prod-prev__price-dop {
	position: absolute;
	color: #3E3E3E;
	font-size: 13px;
	top: 38px;
}

.prod-prev__price-right {
	position: absolute;
	right: 0px;
	top: 19px;
    height: 24px;
	color: #1DBCC1;
	font-family: 'IBMPlexSans-Regular';
}




/* content */

.align-content {
    width: 930px;
    margin: 0 auto 50px auto;
}

.align-content.align-content-good{
    width: 100%;
}

.single-man-main-cont .align-content{
    width: 100%;
}

/*content start*/

.top-content-block, .bot-content-block, .main-content-block, .imp-content-block{
	margin-bottom: 30px;
}

.content {
    font-size: 13px;
    color: #333;
    line-height: 23px;
}

.contacts-main-cont-c .align-content{
	width: 100%;
}
.content h2:first-child, .content h3:first-child, .content h4:first-child, .content h5:first-child {
margin-top: 0;padding-top: 0;}
.content div.quote:first-child{margin-top: 0;}
.content .dynamic-album + h2, .content .dynamic-album + h3, .content .dynamic-album + h4, .content .dynamic-album + h5, .content .dynamic-album + h6 {
margin-top: 0;padding-top: 0;}
.content .quote + h2, .content .quote + h3, .content .quote + h4, .content .quote + h5, .content .quote + h6 {
margin-top: 0;padding-top: 0;}
.red-h{color: #c30827!important;}
.content table{width:100%;margin: 18px 0 40px 0;box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.09);}
.content table thead td{
	font-size: 13px;
    padding: 15px 10px 16px 18px;
    background: #D72000;
    color: #fff;
}
.content table tr th{
	position: relative;
    border-top: 3px solid #7294b3;
    background: #e0ecf7;
    font-size: 21px;
    color: #365568;
    padding: 16px 26px 17px 26px;
} 

.content table tbody td{
	font-size: 13px;
    padding: 12px 10px 12px 18px;
}


.content table tbody tr{
	transition: 0.3s;
}
.content table tbody tr:hover{
	background: #ffdec5!important;
}

.content table tbody tr:nth-of-type(even){
	background: #f8f8f9;
}

.content table tbody tr:nth-of-type(odd){
	background: #fff;
}

.content p{padding: 0 0 17px 0;line-height: 23px;}
.content a{
	color:#D72000;
	text-decoration: none;
	border-bottom: 1px solid #D72000;
}

.content .album-in-cont + h2, .content .album-in-cont + h3, .content .album-in-cont + h4, .content .album-in-cont + h5, .content .album-in-cont + h6 {
    margin-top: 0;padding-top: 0;}

.content a:hover{border-color: transparent;}

.content h2{font-size: 28px; padding: 18px 0 19px 0;line-height: 39px;font-family: 'OpenSans-SemiBold';color: #383838;}
.content h3{font-size: 24px; padding: 16px 0 17px 0; line-height: 36px;font-family: 'OpenSans-SemiBold';color: #D72000;}
.content h4, .section-head-inn {color: #383838;font-size: 21px;padding: 14px 0 15px 0;line-height: 33px;font-family: 'OpenSans-SemiBold';}
.content h5{color: #D72000;font-size: 19px; padding: 12px 0 12px 0;line-height: 30px;font-family: 'OpenSans-SemiBold';}
.section-head-inn{padding: 0 0 35px 0!important;}
.content h6{font-size: 17px; padding: 10px 0 17px 0; line-height: 27px;font-family: 'OpenSans-SemiBold';color: #383838;}
.content ul{padding:0px 0 20px 20px;}
.content ul > li{ position: relative;padding-left: 20px;margin-left: 0px;margin-bottom: 10px;overflow: hidden;line-height: 23px;text-indent: 0px;}

.content ul > li:after{
	content: '';
    position: absolute;
    top: 10px;
    left: 4px;
    width: 6px;
    height: 6px;
    background: #D72000;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
}    
	
	
.content ol{counter-reset: count;padding:0px 0 20px 20px;}
.content ol > li{position: relative;padding-left: 20px;margin-left: 0px;padding-bottom: 10px;line-height: 23px;
    list-style-position: inside;text-indent: -14px;overflow: hidden;line-height: 26px;}
.content  ol > li:before{
	counter-increment: count; 
    content: " " counter(count) ". "; 
}
.content ol li .quote{
	margin: 20px 0!important;
}

.content ol ul, content ul ol, .content ul ul, .content ol ol{
	padding: 10px 0 8px 15px;
} 
blockquote {
    font-style: italic;
    text-indent: 0px;
    padding: 26px 57px 35px 120px;
    margin: 15px 0 15px 0;
    background-repeat: no-repeat;
    background-position: 2% 26%;
    background-color: #fbfbfb;
    display: flex;
    position: relative;
	border: 1px solid #dfdfdf;
	box-shadow: 0px 6px 9px 0px rgb(0 0 0 / 9%);
    flex-wrap: wrap;
}



blockquote a{
    display: contents;
}

blockquote:before{
	content: "";
    position: absolute;
    width: 3px;
    height: 70%;
    background: #dfdfdf;
    top: 0;
    left: 90px;
    bottom: 0;
    margin: auto;
}

blockquote:after{
	content: "";
    position: absolute;
    width: 55px;
    height: 55px;
    background: url(/images/project/system/quotes-ico.png);
    background-repeat: no-repeat;
    top: 11px;
    left: 11px;
    bottom: 0;
    background-size: 25px;
    border-radius: 2px;
    background-position: center;
    /* border: 2px solid #ccc; */
    border-radius: 50%;
}

.imp-content-block {
    
    box-sizing: border-box;

    position: relative;
	border-radius: 2px;
}

.imp-content-block:after {
    content: "!";
    width: 7px;
    height: 17px;
    position: absolute;
    left: 44px;
    top: 34px;
    color: #D72000;
    font-size: 20px;
    font-size: 22px;
    border-radius: 2px;
    font-weight: 700;
    display: none;
}

.imp-content-block:before {
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    left: 30px;
    top: 30px;
    color: #fff;
    text-align: center;
    font-size: 37px;
    border-radius: 7px;
    border: 2px solid #D72000;
    background: #fff;
    display: none;

}

.content em, .content i{
	font-style: italic;
}

.content b, .content strong{
	font-family: 'OpenSans-SemiBold';
}
/* content */