@import '../node_modules/normalize.css/normalize.css';
* {
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}
body {
	font-family: 'Lato', sans-serif;
	height: 100%;
	min-width: 1024px;
}
.vb-container {
	max-width: 1920px;
	padding: 0;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
a {
	text-decoration: none;
	cursor: pointer;
	color: #036;
}
.header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0 60px;
	z-index: 5;
	position: absolute;
	top: 0;
	border-bottom: 1px solid white;
}
.header .logo {
	/*width: 143px;*/
}
.header .logo .logo__materik {
	height: 120px;
	width: 180px;
}
.icon_adress,
.icon_phone {
	width: 24px;
	height: 24px;
}
.icon_adress {
	background-image: url('../img/icon_adress.png');
}

.icon_phone {
	background-image: url('../img/icon_phone.png');
}

.header .header__contacts {
	/* margin-left: 150px;  
  display: block;
  width: 300px;
  padding: 15px; */
	display: flex;
	margin-left: 10px;
}
.header .header__contacts .header__tel,
.header .header__contacts .header__adress {
	margin-right: 45px;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	margin-bottom: 5px;
	color: #1a1a1a;
}
.header .header__contacts .header__tel--white,
.header .header__contacts .header__adress--white {
	color: #ffffff;
}
.header .header__contacts .header__adress {
	font-weight: normal;
}
.header .menu {
	display: flex;
	padding: 15px;
	/* margin: 0 auto 0 455px; */
}

.header .header__icons {
	width: 150px;
}

.header .menu .menu__item {
	display: block;
	border-bottom: 4px solid transparent;
	color: #8f8f8f;
	font-size: 16px;
	font-weight: 500;
	margin-right: 30px;
	padding: 30px 0;
	transition: 0.3s;
}
.header .menu .menu__item:hover,
.header__order:hover {
	border-bottom: 4px solid #ffca61;
	text-decoration: none;
}
.header .menu .menu__item--white {
	color: #ffffff;
}
.header_icons {
	width: 80px;
	display: flex;
	justify-content: space-between;
}
.header__order {
	position: absolute;
	color: white;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	top: 42px;
	right: 30px;
	cursor: pointer;
	transition: 0.2s;
	border-bottom: 2px solid #ffca6100;
}
.header__order--black {
	color: black;
	line-height: 40px;
}
.header__search {
	margin-top: 3px;
	cursor: pointer;
	z-index: 1;
	transition: 0.3s;
}
.header__cart {
	cursor: pointer;
	opacity: 1;
	transition: 0.3s;
}
.header__count {
	position: absolute;
	bottom: -6px;
	right: -8px;
	font-size: 10px;
	font-weight: bold;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffca61;
	border-radius: 50%;
	opacity: 1;
	transition: 0.3s;
}
.header__count.is-empty {
	opacity: 0;
	transition: 0.3s;
}
.close__search {
	opacity: 0;
	z-index: 1;
	width: 18px;
	height: 25px;
	margin-right: -90px;
	margin-top: 1px;
	cursor: pointer;
	transition: 0.3s;
	pointer-events: none;
}
.search-wrapper {
	position: absolute;
	width: 100%;
	height: 89px;
	left: 0px;
	top: 0;
	display: flex;
	align-items: center;
	z-index: -1;
}
#search {
	width: 100%;
	height: 89px;
	margin-bottom: 2px;
	font-size: 18px;
	border: none;
	transition: 0.3s;
	padding: 0 30px 0 60px;
	opacity: 0;
}
input {
	caret-color: #ffcb60;
}
.autocomplete-container {
	position: absolute;
	top: 89px;
	background-color: white;
	width: 100%;
}
.main__wrapper {
	background: #1a1a1a;
	z-index: 0;
	position: relative;
}
.main {
	display: flex;
	position: relative;
}
.main__catalog {
	padding: 170px 60px 105px 60px;
	background-color: #1a1a1a;
	min-width: 480px;
	max-width: 640px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	overflow: hidden;
}
.main__name {
	color: #888888;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.main__item {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.main__link {
	position: relative;
	white-space: nowrap;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	left: 0px;
	transition: all 0.2s;
	display: block;
	margin-right: 30px;
}
.main__link:hover {
	cursor: pointer;
	color: #fad36c;
	text-decoration: none;
	transition: all 0.2s;
	left: 10px;
}
.main__link--hot {
	border: 1px solid grey;
	padding: 8px;
	/* animation: bop 7s cubic-bezier(0.275, 1, 0.32, 2) forwards infinite
    alternate;  */
}

.main__line {
	width: 1200px;
	height: 2px;
	background-color: #fad36c;
	opacity: 0;
	transition: 0.2s;
}
.main__line--active {
	opacity: 1;
}
.main__background {
	max-width: 1280px;
	position: relative;
	width: 100%;
}
.main__curtain {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 80px;
}
.main__curtain--active {
	opacity: 1;
	overflow: hidden;
}
.main__title {
	color: #ffca61;
	font-size: 24px;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 30px;
	font-size: 42px;
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
}
.main__title--active {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	color: #ffca61;
}
.main__text {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.78;
	color: #ffffff;
	max-width: 800px;
}
.main__text--active {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5;
	color: #ffffff;
}
.main__img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	z-index: -1;
	filter: brightness(0.6);
}
.btn-main {
	position: relative;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 17px;
	text-transform: uppercase;
	border: 4px solid #ffca61;
	padding: 20px 0;
	width: 100%;
	background-color: transparent;
	margin-top: 60px;
	transition: 0.3s;
}
.btn-main:hover {
	background-color: #ffca61;
	color: black;
	cursor: pointer;
	transition: 0.3s;
}
.about {
	padding: 160px 60px;
	position: relative;
	max-width: 1500px;
	margin: auto;
}
.about__text {
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	width: 820px;
	margin: 30px 0;
}
.about__list {
	width: 820px;
	display: flex;
	flex-wrap: wrap;
	padding-left: 20px;
	margin-bottom: -30px;
}
.about__item {
	width: 50%;
	color: #1a1a1a;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 30px;
	padding-right: 20px;
	list-style: none;
	position: relative;
}
.about__brands {
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin-top: 5px;
}
.about__btn {
	margin-top: 60px;
}
.about__btn:hover {
	background-color: #ffca61 !important;
	cursor: pointer;
	transition: 0.3s;
}
.about__ico {
	position: absolute;
	right: 60px;
	top: 200px;
	bottom: 0;
	margin: auto;
	z-index: -1;
}
.btn {
	color: #1a1a1a;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 20px 28px;
	border: 4px solid #ffca61;
	text-transform: uppercase;
	transition: 0.3s;
	background-color: white;
}
.title-l {
	color: #000000;
	font-size: 28px;
	font-weight: 700;
	width: 100%;
}
.hr__footer {
	border-top: 1px solid #cacaca;
	margin: 0;
	z-index: 1;
	position: relative;
}
.footer {
	padding: 80px 60px;
	display: flex;
	justify-content: space-between;
}
.footer__wrapper {
	z-index: 1;
	background: white;
	position: relative;
}
.footer__text {
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	opacity: 0.30251116;
	width: 280px;
	margin-bottom: 30px;
	margin-top: 0;
}
.footer__menu {
	margin-top: 15px;
}
.footer__title {
	color: #1a1a1a;
	font-size: 20px;
	font-weight: 700;
	line-height: 18px;
	margin-bottom: 40px;
}
.footer__item {
	display: block;
	color: #8f8f8f;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 5px;
	transition: 0.3s;
}
.footer__item:hover {
	color: black;
	cursor: pointer;
	text-decoration: none;
	transition: 0.3s;
}
.footer__tel {
	color: #1a1a1a;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
.footer__hours {
	display: block;
	color: #8f8f8f;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 5px;
}
.arrow--footer {
	margin-top: 15px;
}
.arrow {
	background-color: #ffffff;
	border: 1px solid #cacaca;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.3s;
}
.post__wrapper {
	background-color: #f7f7f7;
}
.contacts__map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.post {
	padding-top: 80px;
	padding-bottom: 100px;
	margin-top: 89px;
}
.post__box {
	padding: 80px 130px !important;
	background-color: white;
	position: relative;
	margin-bottom: 40px;
}
h1 {
	margin-top: 20px;
	margin-bottom: 0;
	width: 100%;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.36;
	color: #000000;
	margin-bottom: 20px;
}
.contacts__card {
	padding: 60px;
	background-color: white;
	width: 540px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
}
.contacts__label {
	opacity: 0.3;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.contacts__address {
	font-size: 24px;
	line-height: 1.42;
	color: #000000;
	margin-bottom: 40px;
}
.contacts__col {
	width: 50%;
}
.contacts__key {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.56;
	color: #000000;
	margin-bottom: 10px;
}
.contacts__value {
	font-size: 18px;
	line-height: 1.56;
	color: #000000;
	margin-bottom: 5px;
}
.vb-container > :last-child {
	margin-bottom: 0;
}
.crumbs {
	padding: 40px 0 20px 0;
	margin: 0 60px;
	/* border-bottom: 1px solid #CACACA; */
	margin-top: 89px;
}
.crumbs__item {
	color: #bcbcbc;
	font-size: 14px;
	font-weight: 500;
	transition: 0.3s;
}
.crumbs__item--active {
	color: black;
	pointer-events: none;
}
.title-l {
	color: #000000;
	font-size: 28px;
	font-weight: 700;
	width: 100%;
}
.category {
	display: flex;
	padding: 0px 60px 0px 60px;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	min-width: 1024px;
	opacity: 1;
	transition: 0.3s;
}
.category__wrapper {
	padding-bottom: 100px;
	padding-left: 60px;
	width: 70%;
	position: relative;
	top: -50px;
}
.category__desc {
	width: 100%;
	padding-bottom: 40px;
	padding: 50px 40px; /*80px 40px;*/
	float: left;
	line-height: 1.75em;
	float: left;
	top: -50px;
	background: #f7f7f7;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	text-align: justify;
}
.category__img-array {
	/* width: 400px;  */
	width: 48%;
	margin: 7px 0 7px 7px;
}
.sidebar {
	width: 30%;
	position: relative;
	top: -50px;
	background: #f7f7f7;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.subcat {
	padding: 40px 0px;
	/*border: solid 1px #cacaca;*/
	margin-bottom: 60px;
}
.subcat__title {
	padding: 0 30px;
	font-size: 24px;
	font-weight: bold;
	color: #1a1a1a;
	margin-bottom: 30px;
}
.section__item {
	padding: 0 30px;
	display: block;
	height: 70px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 22px;
	background-color: #f7f7f7;
	font-weight: bold;
	color: #004e9e;
}

.subcat__item {
	padding: 0 30px;
	display: block;
	height: 70px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	color: #8f8f8f;
	transition: 0.3s;
}
.subcat__item:hover {
	cursor: pointer;
	color: black;
	text-decoration: none;
	background-color: #f7f7f7;
	transition: 0.3s;
}
.posters {
	padding: 100px 180px 125px 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1740px;
	margin: auto;
}
.posters--lak {
	justify-content: flex-start;
	padding: 50px 180px 125px 0px !important;
}
.card {
	padding: 30px;
	border: 1px solid #d5d5d5;
	width: 50%;
	height: 405px;
	position: relative;
}
.card__title {
	color: #1a1a1a;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	width: 460px;
}
.card__btn {
	position: absolute;
	bottom: -30px;
	left: 30px;
}
.card--lak {
	width: unset;
}

.modal-header {
	padding: 40px 60px;
	display: flex;
	justify-content: space-between;
}
.modal-header__close {
	width: 60px;
	height: 60px;
	border: solid 1px #cacaca;
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.3s;
}

#order {
	background-color: white;
}

#order .checkmark {
	border-radius: 50%;
}

.order {
	max-width: 600px;
}
.order__title {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.36;
	color: #000000;
	margin-bottom: 10px;
}
.order__greet {
	font-size: 16px;
	line-height: 1.63;
	color: #8f8f8f;
	margin-bottom: 60px;
}

.order__field {
	position: relative;
	margin-bottom: 40px;
}

.order__input {
	font-size: 18px;
	line-height: 1;
	color: #1a1a1a;
	border: none;
	border-bottom: solid 1px #cacaca;
	width: 100%;
	height: 50px;
	background-color: transparent;
	outline: none;
	padding-top: 15px;
	transition: 0.3s;
}

.order__input:hover {
	border-bottom: solid 1px black;
	transition: 0.3s;
}

.input__border {
	border-top: 2px solid #ffcb60;
	margin-top: -2px;
	position: relative;
	width: 0%;
	left: 50%;
	opacity: 0;
}

.invalid__input {
	border-top: 1px solid #ff5f5f;
	margin-top: -1px;
	position: relative;
	width: 100%;
	left: 0%;
	opacity: 0;
}

.order__label {
	position: absolute;
	bottom: 10px;
	z-index: -1;
}

.order__text {
	transform-origin: left top;
	font-size: 18px;
	line-height: 1;
	color: #8f8f8f;
	position: relative;
	top: 0;
}

.order__btn {
	border: solid 4px #ffca61 !important;
	height: 60px;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #1a1a1a;
	text-transform: uppercase;
	margin-top: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 5px;
	margin-bottom: 200px !important;
	padding: 0;
	transition: 0.3s;
	background-color: white;
}
.order__btn:hover {
	background-color: #ffca61;
	cursor: pointer;
	transition: 0.3s;
}

.order__cat {
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	color: #8f8f8f;
	margin-bottom: 20px;
	margin-top: 60px;
}

.order__tags {
	display: flex;
	flex-wrap: wrap;
}

.order__tag {
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 1px;
	color: #1a1a1a;
	border: solid 1px #cacaca;
	padding: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	transition: 0.3s;
}

.order__tag input {
	display: none;
}

.order__tag--active {
	background-color: #ffca61;
	border-color: #ffca61;
}

.order__tag:hover {
	border-color: #ffca61;
	cursor: pointer;
	transition: 0.3s;
}

.order__radio {
	display: flex;
	height: 30px;
	margin-bottom: 60px;
}

.order__captchablock {
	display: flex;
	margin: 60px 0px;
	justify-content: space-between;
	align-items: center;
}

/* .order__captcha {

} */

.order__privacy {
	width: 280px;
	font-size: 12px;
	line-height: 1.5;
	color: #8f8f8f;
}

/* .order__success {

} */

.success__img {
	width: 80px;
	height: 80px;
	background-color: #ffca61;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.success__img img {
	width: 36px;
	height: 26px;
	margin: 2px -3px 0 0;
}

.success__title {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: normal;
	text-align: center;
	margin: 30px 0 10px 0;
}

.success__text {
	text-align: center;
	line-height: 1.63;
	color: #8f8f8f;
}
.success__text--margin-bottom {
	margin-bottom: 20px;
}

.order-error-msg {
	font-size: 12px;
	color: #ff5f5f;
	margin-top: -32px;
}

.s-checkout-success .success__img {
	width: 50px;
	height: 50px;
}

.s-checkout-success .order__success {
	padding-top: 120px;
}

.s-checkout-success .success__title {
	font-size: 18px;
	line-height: 30px;
}

.s-checkout-success .success__text {
	color: #1a1a1a;
	padding: 0 30px;
}

.offcanvas__close {
	cursor: pointer;
	color: #cacaca;
	transition: 0.3s;
}

.offcanvas__close line {
	stroke: #cacaca !important;
	transition: 0.3s;
}

.offcanvas__close:hover line {
	stroke: black !important;
	transition: 0.3s;
}

/*------------------------------------*\
RADIO
\*------------------------------------*/

.radio {
	display: flex;
	position: relative;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #1d1c21;
	font-size: 1rem;
	font-weight: 400;
	align-items: flex-end;
	flex-direction: row-reverse;
	margin-right: 30px;
	padding-left: 50px;
}

/* Hide the browser's default radio button */
.radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	height: 30px;
	width: 30px;
	background-color: white;
	/*border-radius: 50%;*/
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	border: 1px solid #bcbcbd;
}

/* On mouse-over, add a grey background color */
.radio:hover input ~ .checkmark {
	border: 1px solid #ffca61;
}

/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkmark {
	background-color: white;
	border: 1px solid #ffca61;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: '';
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkmark:after {
	display: flex;
}

/* Style the indicator (dot/circle) */
.radio .checkmark:after {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ffca61;
}
/*.section-outer{}
.section-inner {
    width: 1180px;
    margin: 0 auto;
}
// === /Common ===

// === header ===
.section-header {
    color:@color-white;
    background: url('../img/header_bg.jpg') no-repeat 50% 50%;
    background-size: cover;
    position: relative;

    .section-inner {
        height: 100vh;
        position: relative;
        z-index: 10;
        display: flex;
        flex-direction: column;
    }
    
    &::before {
        content: '';
        position: absolute;
        z-index: 5;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(20, 39, 41, .6);        
    }

    &-logo {
        font-weight: bold;
        font-size: 24px;
        flex-shrink: 1;
        padding-top: 35px;
    }
    &-content {
        flex-grow: 1;
        display: flex;
        align-items: center;
    }
    &-wrapper {
        margin: 0 auto;
        &__title,
        &__subtitle { 
            text-align: center;
        }
        &__title {
            font-weight: bold;
            font-size: 56px;
            line-height: 60px;
            margin-bottom: 16px;
        }
        &__subtitle {
            .mixin-font-montserrat();
            font-size: 18px;
            line-height: 32px; 
            width:70%; 
            margin: 0 auto 44px;          
        }
        &__form {
            display: flex;
            &-input {
                flex:1;
                padding-right: 40px;
                input {
                    .mixin-font-montserrat();
                    border: none;
                    background: rgba(255,255,255, .25);
                    color:@color-white;
                    font-size: 16px; 
                    margin: 0;
                    padding: 16px 20px;
                    outline: none;
                    border-radius: 4px;
                    width: 100%;
                    &::placeholder{
                        color:@color-white;
                    }
                }
            }
            &-button {
                button {
                    .mixin-font-montserrat();
                    font-size: 16px;
                    margin: 0;
                    padding: 16px 20px;
                    border: none;
                    background: linear-gradient(to right, #FE985B, #FE4FA7);
                    outline: none;
                    border-radius: 4px;
                    color:@color-white;
                }
            }
        }
    }
}
// === /header ===

// === promo ===
.section-promo {
    padding-top: 120px;
    padding-bottom: 120px;
}
// === /promo ===
*/
.colorBlock {
	padding-top: 30px;
	padding-bottom: 60px;
	width: 100%;
}

.colorBlock_cBlue {
	background-color: #005aab;
}
.colorBlock_cRed {
	background-color: #ef1c24;
}
.colorBlock_cYellow {
	background-color: #ffe000;
}
.colorBlock_cGreen {
	background-color: #4dba48;
}

.colorBlock__wrp {
	box-sizing: border-box;
	margin: 0 auto;
	width: 1200px;
}
.colorBlock__title {
	font-size: 35px;
	color: #fff;
	text-align: center;
	text-shadow: 0px 2px 5px #000;
}
#search-field {
}

#response {
	list-style-type: none;
	padding: 0;
	margin-top: 15px;
}

#response li:hover {
	background-color: #ffca61;
	color: #8f8f8f;
	cursor: pointer;
}

.infogr {
	padding: 100px 90px;
	display: flex;
	justify-content: space-between;
	max-width: 1560px;
	margin: auto;
}

.infogr__wrapper {
	background-color: #f7f7f7;
}

.infogr__item {
	max-width: 230px;
}

.infogr__tick {
	border: 4px solid #ffca61;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
	margin-left: 75px;
}

.infogr__name {
	color: #1a1a1a;
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 20px;
	min-height: 75px;
	text-align: center;
}

.infogr__text {
	color: #8f8f8f;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	text-align: center;
}

.uk-container {
	/* max-width: 1500px; */
}

.soz_title {
	display: inline-block;
	font-weight: bold;
	color: black;
	margin-top: 20px;
}

.link_inst {
	background: url('../img/instagram_soz.png');
	width: 50px;
	height: 50px;
	display: block;
}
a.link_inst:hover {
	text-decoration: none;
}

.block-ral {
	position: absolute;
	width: 110px;
	height: 110px;
	top: -40px;
	left: -40px;
	border: 3px solid red;
	border-radius: 50%;
	background-color: white;
}

.block-ral-img {
	width: 100px;
	height: 75px;
	position: relative;
	top: 15px;
}

.tag-box {
	color: white;
	font-weight: bolder;
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	position: absolute;
	top: -20;
	right: 10px;
}
.tag-color-orange {
	background-color: orange;
}
.tag-color-black {
	background-color: black;
}
.tag-color-green {
	background-color: green;
}
.tag-color-red {
	background-color: red;
}

/*Медиа запросы для разных устройств*/

/* мобильные устройства */
@media screen and (max-width: 320px) {
	.about__text {
		width: 620px;
	}
}

/* планшеты */

@media screen and (max-width: 481px) {
	.about__text {
		width: 620px;
	}
}

/* маленькие экраны, ноутбуки */

@media screen and (max-width: 769px) {
	.about__text {
		width: 620px;
	}
}

/* большие экраны */
@media screen and (max-width: 1025px) {
	.about__text {
		width: 620px;
	}
}

@media screen and (max-width: 1200px) {
	.about__text {
		width: 620px;
	}
}

/*очень большие экраны, телевизоры.*/
@media screen and (max-width: 1400px) {
	.infogr {
		padding: 70px 60px;
	}
}