/*put your css code here*/
div.section-blog div.section-blog-item div.picture {
    height: 300px;
}
.shadow-tone.dark {
    background: rgba(0, 0, 0, 0.2);
    display: block;
}
.catalog-list-item.view-2 .wr-img {
    width: 90px;
    margin-right: 15px;
}
div.catalog-main-menu div.frame div.text div.cont div.name {
    font-size: 17px;
    line-height: 21px;
}

div.news div.slider-news div.element div.wrap-img {
    height: 260px;
}
div.search-body div.news-chrono-flat div.element div.wrap-img {
    height: 260px;
}
div.news div.wrap-element div.element table td {
    height: 275px;
}
div.news div.slider-news div.element div.name {
    font-size: 18px;
    line-height: 21px;
}
div.menu-navigation div.other-news div.item {
    height: 295px;
}
/** квадратные баннеры**/
div.galbox {
	box-sizing: border-box;
	padding: 16px;
	min-height: 768px;
	display: flex;
	justify-content: center;
	align-items: center;
}

div.galbox img {
	width: 100%;
	display: block;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	transition: transform 1000ms;
}

div.galbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	max-width: 100%;
	width: 1120px;
}

div.galbox figure {
	margin: 0;
	position: relative;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
	/*box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;*/
}

div.galbox figure::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200%;
	height: 200%;
	background: rgba(0, 0, 0, 0.5);
	transform-origin: center;
	opacity: 0;
	transform: scale(2);
	transition: opacity 300ms;
}

div.galbox figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	place-items: center;
	text-align: center;
	padding: 1rem;
	color: white;
	font-size: 1.2rem;
	z-index: 1;
	opacity: 0;
	transition: opacity 600ms, transform 600ms;
}

div.galbox a:is(:hover, :focus) figure::after {
	opacity: 1;
}

div.galbox a:is(:hover, :focus) figcaption {
	opacity: 1;
	transition: opacity 600ms;
}

@media (prefers-reduced-motion: no-preference) {
	div.galbox figcaption {
		transform: translate3d(0, 2rem, 0);
	}
	
	div.galbox figure::after {
		border-radius: 50%;
		opacity: 1;
		transform: scale(0);
		transition: transform 900ms;
	}
	
	div.galbox a:is(:hover, :focus) figure::after {
		transform: scale(2.5);
	}

	div.galbox a:is(:hover, :focus) figcaption {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		transition: opacity 600ms 400ms, transform 600ms 400ms;
	}

	div.galbox a:is(:hover, :focus) img {
		transform: scale(1.2);
	}
}
@media screen and (max-width: 767.98px){
	div.galbox ul {
	grid-template-columns: 4fr;
	max-width: 400px;
}
}
/**end квадратные баннеры**/
/** leftbannbox**/
div.leftbannbox {
	box-sizing: border-box;
	padding: 0px;
	min-height: 368px;
	display: flex;
	justify-content: center;
	align-items: center;
}

div.leftbannbox img {
	width: 100%;
	display: block;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	transition: transform 1000ms;
}

div.leftbannbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0px;
	grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
	max-width: 100%;
	width: 285px;
}

div.leftbannbox figure {
	margin: 0;
	position: relative;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
	/*box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;*/
}

div.leftbannbox figure::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200%;
	height: 200%;
	background: rgba(0, 0, 0, 0.5);
	transform-origin: center;
	opacity: 0;
	transform: scale(2);
	transition: opacity 300ms;
}

div.leftbannbox figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	place-items: center;
	text-align: center;
	padding: 1rem;
	color: white;
	font-size: 1.2rem;
	z-index: 1;
	opacity: 0;
	transition: opacity 600ms, transform 600ms;
}
div.leftbannbox button {
  width: 100%;
  background-color: rgba(51, 51, 51, 0.05);
  border-radius: 3px;
  border-width: 0;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  margin: 0;
  padding: 20px 12px;
  text-align: center;
  transition: all 200ms;
  vertical-align: baseline;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
div.leftbannbox a:is(:hover, :focus) figure::after {
	opacity: 1;
}

div.leftbannbox a:is(:hover, :focus) figcaption {
	opacity: 1;
	transition: opacity 600ms;
}

@media (prefers-reduced-motion: no-preference) {
	div.leftbannbox figcaption {
		transform: translate3d(0, 2rem, 0);
	}
	
	div.leftbannbox figure::after {
		border-radius: 50%;
		opacity: 1;
		transform: scale(0);
		transition: transform 900ms;
	}
	
	div.leftbannbox a:is(:hover, :focus) figure::after {
		transform: scale(2.5);
	}

	div.leftbannbox a:is(:hover, :focus) figcaption {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		transition: opacity 600ms 400ms, transform 600ms 400ms;
	}

	div.leftbannbox a:is(:hover, :focus) img {
		transform: scale(1.2);
	}
}
@media screen and (max-width: 767.98px){
	div.leftbannbox ul {
	grid-template-columns: 4fr;
	max-width: 400px;
}
}
.photo-cube a {
	text-decoration: none;
}
.photo-cube h3 {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1.25em;
	letter-spacing: 1px;
	margin-top: 13px;
	margin-bottom: .5em;
}
.photo-cube p {
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 1.4;
	margin: 0 0 1.5em;
}

/* ================================= 
  Base Layout Styles
==================================== */

/* ---- Layout Containers ---- */

.3dcube-container,
.conttent {
	justify-content: center;
	align-items: center;
	/*margin: 0;*/
	margin: auto;
}
.3dcube-container {
	justify-content: center;
	align-items: center;
	width: 94.02985075%;
/*	max-width: 1280px;*/
	max-width: 244px;
	display: flex;
	padding: 0 auto;
/*	padding: 0 2.25em 4em;*/
	background: #fff;
}

.cube-container {
	max-width: 244px;
	text-align: center;
/*	margin: 0 auto 132px;*/
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}
/* ---- Page Elements ---- */

.button {
	font-size: .8em;
	color: #fff;
	width: 90%;
	line-height: 1.15;
	font-weight: 500;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: .95em 0;
	border-radius: .5em;
	background: rgba(59,89,152, .5);
	margin: auto;
}
/* ---- Photo Overlay ---- */

.photo-descript {
	box-sizing: border-box;
	font-size: .85em;
	color: #fff;
	padding: 1.1em 1em 0;
	background-image: url(/upload/redermalab/img/background-cube.jpg);
	background-size: 244px 244px;
/*	background: #4a69ad;*/
}
/* ---- Float clearfix ---- */

.clearfix::after {
	content: " ";
	display: table;
	clear: both;
}

/* ================================= 
  Media Queries
==================================== */
/*
@media (min-width: 767.98px) {
	.cube-container {
		float: left;
		margin-left: 16.6%;
	}
}
@media (min-width: 1080px) {
	.cube-container:first-child {
		margin-left: 0;
	}
	.cube-container:last-child{
		float: right;
	}
	.conttent {
		max-width: 244px;
		margin: auto;
	}
}
*/
/* ================================= 
  Button Transitions
==================================== */

.button {
	transition: background .3s;
}
.button:hover {
	background: rgba(63,63,63, .4);
}

/* ================================= 
  Photo 3D Transforms & Transitions
==================================== */

.cube-container {
	box-shadow: 0 18px 40px 5px rgba(0,0,0,.4);
	perspective: 800px;
}

.photo-cube {
	transition: transform 2s ease-in-out; 
	width: 244px;
	height: 222px;
/*	width: 264px;
	height: 240px;*/
	transform-style: preserve-3d;
}

.photo-cube:hover {
	transform: rotateY(-270deg);
}

.front-side {
transform: translate3d(0,0,122px);
width: 100%;
height: 100%;
display: block;
position: absolute;
}

.back-side {
transform: translateZ(-122px) rotateY(270deg);
  transform-origin: center left;
  width: 100%;
height: 100%;
display: block;
position: absolute;
}

.left-side {
transform: rotateY(-270deg) translate3d(122px, 0, 0);
  transform-origin: top right;
  width: 100%;
height: 100%;
display: block;
position: absolute;
}

.right-side {
transform: translateZ(-122px) rotateY(180deg);
width: 100%;
height: 100%;
display: block;
position: absolute;
 }
/*main-timeline*/
.main-timeline{ font-family: 'Poppins', sans-serif; }
.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline{
    width: calc(50% + 200px);
    margin: 0 0 25px 5px;
    float: right;
}
.main-timeline .timeline-content{
    color: #555;
    background: #fff;
    padding: 15px 15px 15px 290px;
    border-radius: 20px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    display: block;
    position: relative;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-content:before{
    content: '';
    /*background: linear-gradient(#9b9b9b, #7b7b7b);*/
	/*background: linear-gradient(#ab77d9, #00d4d5) !important;*/
/*	background-image: url('/images/png/2005.jpg');*/
	background-color: #8b8b8b;
    height: 100%;
    /*width: 120px;*/
    width: auto;
    position: absolute;
    left: 140px;
    top: 0;

/*	border-radius: 50%;*/
}
.main-timeline .timeline-year{
    color: #8b8b8b;
    font-size: 40px;
    font-weight: 700;
    line-height: 43px;
    transform: translateY(-50%);
    position: absolute;
    left: 22px;
    top: 50%;
}
.main-timeline .timeline-icon{
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    width: 120px;
    transform: translateY(-50%);
    position: absolute;
    left: 140px;
    top: 55%;
}
.main-timeline .title{
    font-size: 23px;
    font-weight: 500;
    /*text-transform: capitalize;*/
    margin: 0 0 7px;
}
.main-timeline .description{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin: 0;
}
.main-timeline .timeline:nth-child(even){
    margin: 0 5px 25px 0;
    float: left;
}
.main-timeline .timeline:nth-child(even) .timeline-content{ padding: 15px 280px 15px 20px; }
.main-timeline .timeline:nth-child(even) .timeline-content:before{
    left: auto;
    right: 139px;
}
.main-timeline .timeline:nth-child(even) .timeline-year{
    left: auto;
    right: 19px;
}
.main-timeline .timeline:nth-child(even) .timeline-icon{
    left: auto;
    right: 139px;
}
.main-timeline .timeline:nth-child(4n+2) .timeline-content:before{ background: linear-gradient(#9b9b9b, #6b6b6b); /*background-color: #7b7b7b; */}
.main-timeline .timeline:nth-child(4n+2) .timeline-year{ color: #7b7b7b; }
.main-timeline .timeline:nth-child(4n+3) .timeline-content:before{ background: linear-gradient(#8b8b8b, #5b5b5b); /*background-color: #6b6b6b; */}
.main-timeline .timeline:nth-child(4n+3) .timeline-year{ color: #6b6b6b; }
.main-timeline .timeline:nth-child(4n+4) .timeline-content:before{ background: linear-gradient(#8b8b8b, #4b4b4b);/*background-color: #5b5b5b; */}
.main-timeline .timeline:nth-child(4n+4) .timeline-year{ color: #5b5b5b; }
.main-timeline .timeline:nth-child(4n+5) .timeline-content:before{ background: linear-gradient(#7b7b7b, #3b3b3b);/*background-color: #4b4b4b;*/ }
.main-timeline .timeline:nth-child(4n+5) .timeline-year{ color: #4b4b4b; }
.main-timeline .timeline:nth-child(4n+6) .timeline-content:before{ background: linear-gradient(#7b7b7b, #2b2b2b);/*background-color: #3b3b3b; */}
.main-timeline .timeline:nth-child(4n+6) .timeline-year{ color: #3b3b3b; }
@media screen and (max-width:767px){
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even){
        width: 100%;
        margin: 0 0 30px;
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content{
        text-align: center;
        padding: 200px 15px 15px 15px;
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline:nth-child(even) .timeline-content:before{
        width: 100%;
        height: 100px;
        transform: translateX(-50%) translateY(0);
        left: 50%;
        right: auto;
        top: 80px;
    }
    .main-timeline .timeline-year,
    .main-timeline .timeline:nth-child(even) .timeline-year{
        transform: translateY(0) translateX(-50%);
        left: 50%;
        right: auto;
        top: 20px;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        width: auto;
        transform: translateY(0) translateX(-50%);
        left: 50%;
        right: auto;
        /*top: 105px;*/
		top: 80px;
    }
}
/*end main-timeline*/
.bancosmet {
	text-align: left;

/*	font-family: 'Myriad Pro', Calibri;*/
}
.bancosmet-cosmet img{
	display: inline-flex;
	margin: -232px 0 0;
	float: right;
}
.bancosmet h2{
    color: #464646;
	font-size: 30px;
    font-weight: 600;
    letter-spacing: 2px;
	padding-left: 40%;
}
.bancosmet h3{
	margin-top: -80px;
    color: #7a7a7a;
	padding-left: 20px;
	font-size: 19px;
    font-weight: 300;
    letter-spacing: 2px;
	padding: 30px 0 0;
	padding-left: 40%;
}
.bancosmet span {
	text-align: left;
    color: #555555;
	font-size: 18px;
/*	margin-top: 80px;*/

}
.bancosmet i{
    color: #bd8802;
	padding-left: 35%;
}

.bancosmet p {
    color: #464646;
	font-size: 22px;
    font-weight: 400;
	padding-left: 30%;
}
@media screen and (max-width: 1199.98px){
    .bancosmet h2 .bancosmet h3 .bancosmet i{
	padding-left: 25%;
    }
/*    .bancosmet i {
	padding-left: 25%;
    }*/
    .bancosmet p {
	padding-left: 19%;
    }
    .bancosmet h2{
	font-size: 27px;
    }
	.bancosmet h3{
	font-size: 17px;
    }
/*	.bancosmet span{
	font-size: 18px;
    }
	.bancosmet p{
	font-size: 20px;
    }*/
}
@media screen and (max-width: 991.98px){
/*    .bancosmet h2 .bancosmet h3 .bancosmet i{
	padding-left: 5%;
    }*/
    .bancosmet i {
	padding-left: 18%;
    }
    .bancosmet p {
	padding-left: 13%;
    }
    .bancosmet h2{
	font-size: 21px;
	padding-left: 25%;
    }
	.bancosmet h3{
	font-size: 16px;
	padding-left: 25%;
    }
/*	.bancosmet span{
	font-size: 18px;
    }
	.bancosmet p{
	font-size: 20px;
    }*/
}
.bancosmet-m {
	text-align: left;
/*	font-family: 'Myriad Pro', Calibri;*/
}
.bancosmet-m h2{
    color: #464646;
	padding-left: 20px;
	font-size: 19px;
    font-weight: 600;
    letter-spacing: 2.2px;
/*	padding-left: 10%;*/
}
.bancosmet-m h3{
	margin: 10px 0 0;
    color: #7a7a7a;
	padding-left: 18px;
	font-size: 14px;
    font-weight: 100;
    letter-spacing: .9px;
/*	padding-left: 10%;*/
}
.bancosmet-m span {
	text-align: left;
    color: #333333;
	font-size: 16px;
/*	margin-top: 80px;*/
}
.bancosmet-m i{
    color: #bd8802;
	padding-left: 10%;
}

.bancosmet-m p {
    color: #7a7a7a;
	font-size: 17px;
    font-weight: 400;
	padding-left: 3%;
}
@media screen and (max-width: 376.98px){
    .bancosmet-m p {
	font-size: 14px;
    }
    .bancosmet-m h2{
	font-size: 16px;
    }
	.bancosmet-m h3{
	font-size: 12px;
    letter-spacing: 0.6px;
    }
}
/**/
.banclinic {
	text-align: left;
}
.banclinic-logo {

	text-align: left;
	padding-left: 25%;
}
.banclinic h2{
    color: #fff;
	font-size: 24px;
    font-weight: 600;
    letter-spacing: 1.5px;
	padding-left: 25%;
}
.banclinic h3{
    color: #000;
	font-size: 21px;
	line-height: 28px;
    font-weight: 600;
    letter-spacing: 1px;
	padding-left: 25%;
	max-width: 1028px;
}
.banclinic h4{

    color: #fff;
	font-size: 21px;
	line-height: 28px;
    font-weight: 400;
    letter-spacing: 1px;
	padding-left: 25%;
}
@media screen and (max-width: 1199.98px){
.banclinic-logo {
	padding-left: 20%;
}
.banclinic h2{
	font-size: 24px;
    letter-spacing: 1px;
	padding-left: 20%;
}
.banclinic h3{
	font-size: 18px;
    letter-spacing: .6px;
	padding-left: 20%;
}
.banclinic h4{
	font-size: 19px;
    letter-spacing: .6px;
	padding-left: 20%;
}
{
@media screen and (max-width: 775.98px){
.banclinic-logo {
	padding-left: 1%;
}
.banclinic h2{
    color: #fff;
	font-size: 14px;
    font-weight: 700;
	line-height: 20px;
    letter-spacing: 1.5px;
	padding-left: 1%;
}
.banclinic h3{
    color: #fff;
	font-size: 12px;
    font-weight: 600;
	line-height: 20px;
    letter-spacing: 1px;
	padding-left: 1%;
}
.banclinic h4{
    color: #fff;
	font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
	padding-left: 1%;
}
}
/**/
.banndistr {
	padding-left: 45%;	
	text-align: left;
}
.banndistr img {
   	float: left;
	width: 281px;
	padding-left: 45%;
}
.banndistr h2 {
	font-size: 19px;
	text-align: left;
/*	float: left;
	 padding-left: 20px;
	line-height: 24px;
	text-align: left;
	text-transform: uppercase;
	color: #202020;
	font-weight: 600;
	letter-spacing: 0.9px;*/
	padding-left: 30%;
}

.banndistr h3{
	display: block;
    float: left;
	line-height: 24px;
	padding: 40px 40px 0;
	text-align: left;
	font-size: 21px;
	color: #202020;
	font-weight: 600;
	letter-spacing: 0.9px;
	padding-left: 30%;
	text-align: left;
}
/*
.banndistr-distr img {
	margin-top: -200px;
	display: inline-block;
 	float: left;
	width: 340px;
}

/**/

/*
.bandistr {
  position: relative;
  display: grid;
  grid-template-areas: "logo p";
  padding: 0 20px 0 40px;
  border-bottom-style: solid;
  color: #fff;
 	padding-left: 20%;
}
.bandistr img {
	grid-area: logo;
	margin-left: -45px;
	padding-left: 20%;
}
.bandistr_text p {
	grid-area: p;
  line-height: 24px;
  padding: 0px 40px 0;
  font-size: 19px;
  text-align: left;
  color: #202020;
  font-weight: 600;
letter-spacing: 0.9px;
}

.bandistr_text2 p {
  line-height: 24px;
  padding: 40px 40px 0;
  text-align: left;
  font-size: 20px;
  color: #202020;
  font-weight: 600;
 letter-spacing: 0.9px;
}
.bandistr-distr {
	position: fixed;
	display: inline-flex;
 	float: left;
	padding-left: 30%;
}
@media screen and (max-width: 1199.98px){
.bandistr {
  grid-template-areas: "img" 
						"p";
	margin-left: -45px;
}
.bandistr_text p {
  font-size: 17px;
  padding: 20px 0px 0;
  margin-top: 25px;

}
.bandistr_text2 p  {
  font-size: 17px;
  padding: 30px 0px 0;

}
.bandistr-distr {
	margin: -118px 0 0;
}
}
@media screen and (max-width: 991.98px){
.bandistr_text p {
  font-size: 15px;
letter-spacing: 0.5px;
}
.bandistr_text2 p {
  font-size: 13px;
letter-spacing: 0.5px;
}
}*/
/*
.bandistr {
/*  position: relative;*/
 /* display: grid;
  grid-template-rows: 100px 100px 100px 100px 100px 100px;/* определяем количество и ширину строк в макете сетки */
 /* grid-template-columns: 25% 25% 25% 25%; /* определяем количество и ширину столбцов в макете сетки */
 /* grid-template-areas: 
  "dr . . ."
  "dr lg h1 h1"
  "dr hr hr hr"
  "dr h2 h2 h2"
  "dr . . ."
  "dr . . .";
 /* padding: 0 20px 0 40px;
  border-bottom-style: solid;
  color: #fff;
  padding-left: 45%;
  width: 600px;*/
}/*
.bandistr img {
	grid-area: lg;
	width: 281px;
/*	display: inline-block;
	padding-left: 45%;
	margin-left: -45px;*/
}
.bandistrh2 p {
/*	padding-left: 45%;*/
	grid-area: h1;
/*	width: 600px;*/
  line-height: 24px;
 /* padding: 0px 50px 0 0;*/
  font-size: 21px;
  text-align: left;
	text-transform: uppercase;
  color: #202020;
  font-weight: 600;
letter-spacing: 0.9px;

}
.bandistrhr hr {
grid-area: hr;
}
.bandistrh3 p {
	grid-area: h2;
  line-height: 24px;
  padding: 40px 40px 0;
  text-align: left;
	text-transform: uppercase;
  font-size: 20px;
  color: #202020;
  font-weight: 600;
  /*	max-width: 600px;*/
 letter-spacing: 0.9px;
 /*padding-left: 45%;*/
}
.bandistr-distr {
	grid-area: dr;
	width: 340px;
	height: 600px;
/*	position: fixed;*/
/*	display: inline-block;
 	float: left;
	margin: -150px 0 0;
/*	padding-left: 30%;*/
}
/*
@media screen and (max-width: 775.98px){
.bandistr {
  grid-template-areas: "logo logo" 
						"p p";
	margin-left: -45px;
	padding-left: 20%;
}
.bandistr_text p {
  font-size: 15px;
  line-height: 20px;
letter-spacing: 0.5px;
	padding-left: 1%;
  font-weight: 600;
}
.bandistr_text2 p  {
  font-size: 15px;
 line-height: 20px;
letter-spacing: 0.5px;
  font-weight: 600;
	padding-left: 12%;
}
}
@media screen and (max-width: 575.98px){
.bandistr {
  grid-template-areas: "logo logo" 
						"p p";
	margin-left: -45px;
	padding-left: 20%;
}
.bandistr_text p {
  font-size: 14px;
  	line-height: 20px;
letter-spacing: 0.5px;

}
.bandistr_text2 p  {
  font-size: 14px;
  	line-height: 20px;
letter-spacing: 0.5px;
	padding-left: 10%;
}
}*/
.bandistr {
  position: relative;
  margin-top: 150;
  height: 600px;
}
.bandistr table {
  margin-left: 25%;
}
.bandistr h3 {
	color: #202020;
	font-size: 18px;
 	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.9px;
	text-align: left;
}
.bandistr p {
	color: #202020;
	font-size: 19px;
 	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.9px;
	text-align: left;
	max-width: 600px;
}
.bandistr hr {
	padding: 0;
	box-shadow: 0 20px 20px -20px #333;
}
.bandistr img {
  margin-top: 0;
}
.team .fa:before {
	content: "";
	display: inline-block;
	width: 85px;
	height: 85px;
	background-size: contain;
	background-repeat: no-repeat;
}
.fa-2005:before {
	background-image: url('/images/png/2005.jpg');
}.fa-2006:before {
	background-image: url('/images/png/2006.jpg');
}.fa-2009:before {
	background-image: url('/images/png/2009.jpg');
}.fa-2017:before {
	background-image: url('/images/png/2017.jpg');
}.fa-2019:before {
	background-image: url('/images/png/2019.jpg');
}.fa-2020:before {
	background-image: url('/images/png/2020.jpg');
}.fa-2023:before {
	background-image: url('/images/png/2023.jpg');
}.fa-2024:before {
	background-image: url('/images/png/2024.jpg');
}.fa-2025:before {
	background-image: url('/images/png/2025.jpg');
}.fa-2026:before {
	background-image: url('/images/png/2026.jpg');
}
@media screen and (max-width: 1199.98px){
.bandistr table {
  margin-left: 20%;
}
.bandistr h3 {
	font-size: 17px;
	font-weight: 600;
}
.bandistr p {
	font-size: 18px;
	font-weight: 600;
}	
}
@media screen and (max-width: 991.98px){
.bandistr table {
  margin-left: 10%;
}
.bandistr h3 {
	font-size: 15px;
	font-weight: 600;
}
.bandistr p {
	font-size: 16px;
	font-weight: 600;
}		
}
@media screen and (max-width: 775.98px){
	.bandistr table {
	  margin-left: 5%;
	}
	.bandistr h3 {
		font-size: 15px;
		font-weight: 600;
	}
	.bandistr p {
		font-size: 16px;
		font-weight: 600;
	}
	.team .fa:before {
		width: 100px;
		height: 100px;
	}
}

div.cart-info-block div.comment-detail-catalog {
    padding-top: 12px;
    font-size: 16px;
    line-height: 19px;
    color: #2b2b2b;
    border-top: 1px solid #eee;
    margin-top: 30px;
}
.import-form{
    padding: 200px;
}
@media screen and (max-width: 550px) {
    .import-form {
        padding: 80px 10px;
    }
}