/* USER VARIABLES SECTION */

:root {
	--maincolor: #404E65;
	--accentcolor: #AE1547;

	--mainfontfamily: "OpenSans-Regular",Arial,sans-serif;
	--mainfontfamilybold: "OpenSans-Medium",Arial,sans-serif;
	--headerfontfamily: "Rubik-Medium",sans-serif;
	--fontsize:16px;
	--lineheight:1.5;

	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	--sectionpadding: 48px  10px;
}


/* FONTS LOAD SECTION */

@font-face { src: url("Rubik-Medium-500.woff2") format("woff2"); font-family: "Rubik-Medium"; font-weight: 500; font-style: normal;font-display:swap;}
@font-face { src: url("OpenSans-Regular-400.woff2") format("woff2"); font-family: "OpenSans-Regular"; font-weight: 400; font-style:normal; font-display:swap;}
@font-face { src: url("OpenSans-Medium-500.woff2") format("woff2"); font-family: "OpenSans-Medium"; font-weight: 700; font-style: normal;font-display:swap; }




/*  WP */
body.admin-bar {padding-top: 32px;}
body.admin-bar > .topbar {top: 32px;}


/* slick */
.slick-track{display: flex;}
.slick-slide img {color:#fff;    width: 100%;}
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
		left: 0;
		z-index: 1;
    
		display: flex;
		align-items: center;
		justify-content: center;

    height: 48px;
		width: 34px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: 1px solid transparent;
    outline: none;
    background: transparent;
		
		opacity: .25;
		transition: .3s ease;
		border-radius: 4px;
}
.slick-next{
	left: auto;
	right: 0;
}


.slick-prev:before,
.slick-next:before
{
    content: '';
    display: block;
		border-bottom:1px solid rgba(0, 0, 0);
		border-left:1px solid rgba(0, 0, 0);
		transform: rotate(45deg) translate(20%, -20%);
		width: 24px;
		height: 24px;
		transition: .3s ease;

}
.slick-next:before{
	transform: rotate(-135deg) translate(20%, -20%);
}


.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background:transparent;

}

.slick-prev:hover:before,
.slick-next:hover:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}



.slick-slider:hover > .slick-prev,
.slick-slider:hover >.slick-next{
	background: #fff;
	border: 1px solid var(--accentcolor);
	opacity: .75;
}
.slick-slider:hover > .slick-prev:before,
.slick-slider:hover > .slick-next:before{
	border-color: var(--accentcolor);
}
.slick-slider:hover > .slick-prev:hover,
.slick-slider:hover > .slick-next:hover
{
    opacity: 1;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 64px;
		position: relative;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 16px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

		transition: .3s ease;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.slick-list{
	overflow: hidden;	
}




/* GENERAL CSS SETTINGS */

.error > input{ webkit-animation: animate_motion 0.3s;
	border: 1px solid var(--accentcolor);
	animation: animate_motion 0.3s;}
	@keyframes animate_motion {
		0%, 100% {
		transform: translate3d(0, 0, 0);
		}
		15%, 65% {
		transform: translate3d(-7px, 0, 0);
		}
		45% {
		transform: translate3d(7px, 0, 0);
		}
		}
::placeholder { color: #666; }
::selection { background-color: var(--accentcolor); color: #fff; }
input, textarea { outline: none; }
input:focus:required:invalid, textarea:focus:required:invalid 
{ border-color: var(--accentcolor); }
input:required:valid, textarea:required:valid { border-color:#D5E0EC; }


html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
::-webkit-scrollbar {	width: 0px;	}
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}


body {
	font-family: var(--mainfontfamily);
	font-size: var(--fontsize);
	line-height: var(--lineheight);
	color: var(--maincolor);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
}
.text--center{text-align: center;}
.is-center {max-width: 400px; margin-left: auto; margin-right: auto;}

a{color: var(--maincolor); text-decoration: none; transition: .3s ease; }
a:hover{color: var(--accentcolor); border-color: var(--accentcolor);}

.link--dotted{
	border-bottom: 1px dashed var(--maincolor); 
	font-family: var(--mainfontfamilybold);
}
.link--wa{
	box-sizing: content-box;
	border: 1px solid #37b74b;
	border-radius: 4px;
	display:flex;
	align-items: center;
	padding: 4px 12px;
	margin:15px 0 0;
	font-size: 12px;
	font-family: var(--mainfontfamilybold);
}
.link--wa svg{
	width: 20px; height: 20px;
	fill: #37b74b;
	margin-right: 10px;
}
.link--wa:hover{background-color: #37b74b; color: #fff; border-color: #37b74b;}
.link--wa:hover svg{
	fill: #fff;
}
.link--wa.btn {
  padding: 12px;
  margin: 0 0 0 4px;
  border-color: #37b74b;
  box-sizing: border-box;
  flex: 1 1 44px;
  background: transparent;
}
.link--wa.btn:hover{
	background-color: #37b74b;
	color: #fff;
	border-color: #37b74b;
}
.accent {
	color: var(--accentcolor);
}
.font{ 
	font-family: var(--headerfontfamily);
}

svg {
	/*! width: 1px; */
	/*! height: 1px; */
	fill: var(--maincolor);
	transition: .3s ease;
}
img{
	width: 100%;
	height: auto;
}

.section--gray {
	background-color: #F7F7F7;
}
.section--red {
	border-top: 2px solid var(--accentcolor);
	border-bottom: 2px solid var(--accentcolor);
}
.btn__box{display: flex;}
.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px; 
	height: 44px;
	width: 100%;
	max-width: 450px;
	border: 1px solid var(--accentcolor);
	border-radius: 4px;
	color: #fff;
	text-transform: uppercase;
font-size: 16px;
line-height: 125%;
background: var(--accentcolor);
transition: .3s ease;
cursor: pointer;
	font-family: var(--mainfontfamilybold);
}
.btn:hover,.btn:focus,.btn:active{
background-color: #8e123b;
color: #fff;
}




iframe[slide="false"] {
  z-index: 5;
}

/* USER STYLES */

/*======================================================*/
.wrap--boxed {
	width: 100%;
	max-width: 1240px !important;
	position: relative;
	margin: 0 auto;
}

/*======================================================*/
.topbar {
	width: 100%;	
	position: fixed;
	left: 0; top: 0; background-color: #fff; z-index: 9;
	box-shadow: 0 0 2px #ccc;
}
.topbar__box{
	display: flex; align-items:flex-end; justify-content: flex-start;
	padding: 20px 15px 20px 60px;
	position: relative;
}
.topbar__mobile {
	height: 60px; transition: .25s ease; padding: 5px 0 0;
	width: 56px; position: absolute;	left: 0; top: 0;
	display: flex;align-items: center; justify-content: center;
}
.topbar__mobile.is-show {
	background-color:var(--accentcolor);
}
.topbar__mobile.is-show svg{
	fill:#fff ;
}
.topbar__mobile svg{
	 height:16px; width: auto;
}
.topbar__logo{display: flex;align-items: center;}
.topbar__logo-img {
	width: 90px;
}
.topbar__menu {display: flex;
	align-items: flex-start;
	position: absolute;flex-direction: column;
	width: 100%; padding: 0;margin: 0;list-style: none;
	left:0;
	top:60px ;
	height: 0;
	background: #fff;
	
	transition: .2s ease-out;
	overflow: hidden;
}
.topbar__menu.is-show{
	left: 0px; opacity: 1; visibility: visible;
	background-color:var(--accentcolor); height: auto; padding: 10px 0;
}
.topbar__menu.is-show .topbar__menu-item{
	color: #fff; padding:10px 15px;
}
.topbar__menu.is-show .topbar__menu-item a{color: #fff;}
.topbar__menu-item {
	font-family: var(--mainfontfamilybold);
	line-height:1; border-bottom: none; text-transform: uppercase;
	padding: 5px 15px;
}
.topbar_menu-item:not(:last-child) {
	border-right: 1px solid var(--maincolor); padding-right:12px ; margin-right: 12px;
}
.topbar__right {
	padding: 0; margin-left: auto;line-height: 1.35;
	display: flex; flex:0 0 auto;
}
.topbar__link {
	font-size: 16px; 
}
.topbar .link--wa{
	margin: 0 0 0 12px;
	border: none;
	padding: 0;
	background: transparent;
}
.topbar .link--wa:hover svg{
	fill:#37b74b;
}
@media (min-width : 991px) {
	.topbar__box{padding: 20px;}
	.topbar__mobile {display: none;}
	.topbar__menu {position: relative;
		height: auto;
		flex-direction: row;
		flex: 0 0 auto;
		max-width: fit-content;
		top: 0;
		margin: auto;
		overflow: visible;
	}
	.topbar__menu-item{
		padding: 0 10px;
		cursor: pointer;
		transition: .3s ease;
		font-size: 90%;
	}
	.topbar__menu-item:hover{
		color: var(--accentcolor);
	}
	.topbar__right { margin-left: 0}
}
@media (min-width : 1024px) {
	.topbar__menu-item{	padding: 0 15px;}
}
/*======================================================*/

.header {
	padding:62px 0 16px;
}

.header__box {
	padding: 32px 10px;
	text-align: center;
}
.header__title {
	margin: 0 0 16px;
font-size: 24px;
line-height: 125%;
text-transform: uppercase;
}
.header__title span{
	color: var(--accentcolor);
	display: block;
}
.header__title::after{
	content: '';
	display: block;
	width: 70%;
	height: 2px;
	background-color: var(--accentcolor);
	margin-top: 16px;
	margin-left: 15%;
}
.header__text {
	font-family: var(--mainfontfamilybold);
	font-size: 16px;
	line-height: 125%;
	margin-bottom: 8px;
}
.header__text  span{
	color: var(--accentcolor);
}

.header__text svg{
width: 16px;
height: 20px;
vertical-align: bottom;
}
.header__btn {
	max-width: 350px;
	margin: 36px auto 0;
}

@media (min-width : 768px) {
	.header {display: flex;align-items: center; }
	.header__box { flex: 45%; padding: 36px 20px;
	text-align: left;}
	.header__title{font-size: 20px;}
	.header__title::after{margin-left: 0;}
	.header__text{font-size: 14px;}
	.header__btn {margin: 36px 0 0;}
}
@media (min-width : 991px) {
	.header__title{font-size: 32px;}
	.header__text{font-size: 16px;}
	
}

/*======================================================*/
.gallery {
	display: flex;
}
.gallery__item {
	position: relative;
}
.gallery__item:nth-child(1){
	flex:25%;
}
.gallery__item:nth-child(2){
	flex: 45%;
}
.gallery__item:nth-child(3){
	flex: 30%;
}
.gallery__img{
	display: block;
	margin: 0 3px 6px;
}
.gallery__img img{
	display: block;
	border-radius: 4px;
	transition: .3s ease;
	border: 2px solid #f7f7f7;
}
.gallery__img1{
	margin-top: 30%;
	position: relative;
	z-index: 1;
}
.gallery__img2 {
  right: -25%;
  position: absolute;
  left: 0;
  width: calc(100% + 25%);
  z-index: 1;
}
.gallery__img4{
	margin-top: 30%;
	position: relative;
	z-index: 1;
}
.gallery__img5{
	left: -10%;
  position: absolute;
 right: 0;
  width: calc(100% + 10%);
  z-index: 1;
}

/*======================================================*/

.form{
	max-width: 450px;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.form__title {
font-size: 20px;
color: var(--accentcolor);
text-transform: uppercase;
margin: 0;
font-family: var(--mainfontfamilybold);
}
.form__text {
	font-size: 16px;	
	margin: 0 0 32px;
	
}
.form__text strong{
	text-transform: uppercase;
	display: block;
	margin-bottom: 8px;
}
.form__input {
	font-size: 16px;
	border: 1px solid #D5E0EC;
	border-radius: 4px;
	padding: 9px 16px;
	margin-bottom:8px;
	width: 100%;
}
.input--city{
	margin-bottom: -49px;
  height: 49px;
}
.form__btn {margin-top: 14px;}
.form__info{min-height: 158px; display: flex;align-items: center; justify-content: center;}


@media (min-width : 768px) {
	.form__title {font-size: 18px;text-align: center;}
	.form__text {	margin: 4px 0 24px;	text-align: center; justify-content: center;}
	.form__text strong{font-size: 18px}
}

/*======================================================*/

.section {
	padding: 64px 10px;
}
.section__title {
	display: block;
	text-align: center;
	margin: 0 auto 64px;
	text-align: center;
text-transform: uppercase;
color: #404E65;
font-size: 20px;
	font-family: var(--mainfontfamilybold);
}

.section__title::after{
	content: '';
	display: block;
	height: 2px;
	width: 70%;
	background-color: var(--accentcolor);
	margin: 16px auto 0;
	max-width: 100px;
}
.section__title--small{
	margin:0 auto 32px; 
	padding-top: 48px;
	font-size:97%;}

.section__p{
	text-transform: none;
	margin: 0 0 48px;
}

@media (min-width : 768px) {
	.section {padding: 64px 20px;}
	.section__title {line-height: 100%;width: max-content;}
	.section__title::after{max-width:none;	}

}
@media (min-width : 991px) {
	.section {	padding: 96px 20px;}
	.section__title {font-size: 28px; margin-bottom: 96px}
	.section__title--small{	margin:0 auto 48px; 	padding-top: 96px;	font-size:97%;}
}

/*======================================================*/



.tezis {
	padding: 0;margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	justify-content: space-between;
}
.tezis__item{
	padding: 0 8px;
	margin: 0;
	width: 33%;
	text-align: center;
	transition: .5s ease;
}
.tezis__item:nth-child(1),
.tezis__item:nth-child(2),
.tezis__item:nth-child(3){
	margin-bottom: 28px
}

.tezis__icon{
width: 44px;height: 44px; margin-bottom: 4px;
/*! background: #AE1547; */
border-radius: 50%;
padding: 8px;
}
.tezis__text {
	text-transform: uppercase;
	font-family: var(--mainfontfamilybold);
	font-size: 12px;
}

@media (min-width : 991px) {
	.tezis__item{width: auto;}
	.tezis__icon {	width: 64px;height:64px; }
	.tezis__text {font-size: 14px}
	.tezis__item:hover{margin-top: -24px}
}

/*======================================================*/






.product {
	max-width: 920px; 
	margin: 0 auto;

}
.product:not(:last-child){
margin-bottom: 64px;
}
.product__text {
	max-width: 380px;
	margin: auto;
	padding: 0;
}
.product__title {
	font-size: 22px;
	line-height: 130%;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 16px;
	padding: 0;
}
.product__info {
	list-style: none;
	padding: 0;
	margin: 0 0 16px;
}
.product__info li{
	position: relative;
	padding-left: 28px;

}
.product__info li::before{
	content: ' ';
	color: var(--accentcolor);
	border-left:3px solid var(--accentcolor) ;border-bottom:3px solid var(--accentcolor) ;
	display: block;
	width: 14px;
	height: 8px;
	position: absolute;
	left: 6px; top: 6px;
	transform: rotate(-45deg) ;
}
.product__size {
  text-align: center;
  font-weight: bold;
  padding: 0 0 15px;
  color: var(--accentcolor);
	border-bottom: 1px solid var(--accentcolor);
margin-bottom: 15px;
}
.product__price {
	margin-bottom: 48px;
	font-weight: 600;
	display: flex;
justify-content: space-between;
}
.product__more a {
  font-weight: normal;
  border-bottom: 1px dashed;
}
.product__btn {
	margin-bottom: 16px;
}


.product__slider{
	position: relative;
}


@media (min-width : 768px) {
	.product {display: flex;align-items: center;justify-content: space-between;}
	.product__slider {flex: 0 0 50%; max-width: 350px;}
	.product__text{margin: 0 0 0 32px;flex: 0 0 auto;  flex-basis: calc(50% - 32px);}
	.product:nth-child(2n) .product__text {
		order:-1;	margin: 0 32px 0 0;
	}
}
@media (min-width : 991px) {
	.product__title{font-size: 28px; margin-bottom: 24px;}
	.product__slider { max-width: 450px;}
}


/*======================================================*/

.product--large:nth-child(2n){
	background-color: #F7F7F7;
}
.product--large .product__text{
	max-width: none;
}
.product--large .slicky {
  display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.product--large .product__card{
	padding: 0 0 30px;
	flex: 100%;
}
.product--large .product__video {
	margin-bottom: 36px;
}
.product--large .product__img{
margin-bottom: 24px;
}
.product--large .product__list{
	display: flex;
	align-items:center;
	justify-content: space-between;
	padding:4px 10px;
	border-bottom: 1px dotted #ccc;
}
.product--large .product__listtitle {
color: #414141;

}

.product--large .product__title--small{
	font-size: 14px;
	margin-bottom: 40px;
}
.product--large .product{
	flex-wrap: wrap;
}
.product--large .product__price {
	margin: 0;
}
.product--large .btn__box{

	margin-top: 24px;
}

@media (min-width : 559px) {
	.product--large .product__card{
		flex-basis: calc(50% - 10px);
	}
}

@media (min-width : 768px) {
	.product--large .product__title{text-align: left}
	.product--large .product__video {order: 1; flex: 0 0 50%;flex-basis: calc(50% - 20px);}
	.product--large .product__text{order: 2; max-width: none;}
	.product--large .product__slider{order: 3; flex: 0 0 100%;max-width: 100%;}
	.product--large .product__title--small{font-size: 16px;	}
}
@media (min-width : 990px) {
	.product--large .product__card{
		flex-basis: calc(25% - (60px/4));
		padding-bottom: 0;
	}
}

/*======================================================*/

.step{
	position: relative;
	counter-reset: listCounter;
	display: flex;
	flex-direction: column;
	max-width: 820px; margin: 0 auto;
}
.step__item {
	position: relative;
	counter-increment: listCounter;
	max-width: calc(50% - 25px);
	text-align: right;

}
.step__item:nth-child(2n) {
  align-self: flex-end;
	text-align: left;
}

.step__item:not(:last-child){
	padding-bottom: 32px;
}

.step__item::before{
	content: counter(listCounter);
	display: flex; align-items: center; justify-content: center;
	width: 30px; height: 30px;
	background: var(--accentcolor);
	position: absolute;
	right: -40px;
	top: 0;
	border-radius: 50%;
	color: #fff;
	font-weight: 600;
	z-index: 2;
}
.step__item:nth-child(2n)::before{
	left: -40px; right: auto;
}
.step__item:not(:last-child)::after{
	content: '';
	position: absolute;
	right: -26px; top: 0;
	height: 100%;
	width: 3px;
	background-color: var(--accentcolor);z-index: 1;

}
.step__item:nth-child(2n)::after{
	left: -26px; right: auto;
}
.step__title {
	font-size: 18px;
	line-height: 100%;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: var(--mainfontfamilybold);
}

.step__description {
	font-weight: 400;
}

@media (min-width : 991px) {
	.step.wrap--boxed{max-width: 920px !important;;}
	.step__title {font-size: 20px;}
	
}

/*======================================================*/


.brandlist {
	position: relative;
	
}

.brandlist__item {
	width: 180px !important;
	display: inline-flex;
	flex-wrap: wrap;
	margin: 0 5px;
}
.brandlist__name {
	display: flex;
	justify-content: center;
align-items: center;
padding: 10px;
border: 0px solid #D5E0EC;
border-radius: 4px;
flex: 0 0 50%;
	font-size: 14px;
	line-height: 100%;
	text-transform: uppercase;
	min-width: max-content;
	font-family: var(--mainfontfamilybold);
}
.brandlist__name:first-child{
	margin-right: 10px;
	flex-basis: calc(50% - 10px);
}
.brandlist__name:last-child{
	flex: 100%;
	margin: 10px 0;
}

.brandlist .slick-arrow{display: none !important;}
.brandlist__name picture {  width: 100%;}
.brandlist__name img {
  width: 100%;
  height: 100%;
  aspect-ratio: 55/30;
  object-fit: contain;
  max-width: 100px;
  margin: 0 auto;
  display: block;
	transition: opacity .3s ease, filter .3s ease;
  opacity: 0.8;
}
.brandlist__name img:hover{
	opacity: 1;
}
/*======================================================= */

#promo  .section__title {line-height: 100%;width: max-content;}
#promo  .section__title::after{max-width:none;	}
.promo {position: relative;}
.promo .slick-list{
	padding: 0 75px !important;
}
.promo .slick-next{
	right: -.5px;
}


/*======================================================*/


.footer__map{
	margin: 32px 0 0;
	height: 300px;
}

@media (min-width : 768px) {
	.footer{
		display: flex;align-items: flex-start; 
		flex-wrap: wrap;
	}
	.footer__map{
		margin: 0 32px 0 0;
		order: -1;
		flex: auto;
		max-width: 50%;
		
	}
}


/*======================================================*/


.company__name{
margin-bottom: 32px;
display: block;
}
.adr {
	display: flex;
	margin: 8px 0;
}
.adr__head {
	margin-right: 10px;
	font-size: 12px;
	font-weight: 600;
	min-width: 60px;
}
.adr__link{
	margin-bottom: 8px;
	display: block;
	width: max-content;
}


/*======================================================*/

.no-scroll {
	position: fixed;
right: 0;
left: 0;
overflow: hidden;
}
.popup { 
	position: fixed;
left: 0;right: 0;top: 0;bottom: 0;
z-index: 10;
transition: .3s ease;
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
overflow-y: auto;
}

.popup.is-show{
	opacity: 1;
	visibility: visible;
}
.popup__overlay {
	background: #000;
	opacity: .85;
	position: absolute;
	width: 100%;
	height: 100%;
}
.popup__body {
	position: relative;
	padding: 48px 16px;
	border-radius: 4px;
	background: #fff;
	margin: 0 10px;
	max-width: 600px;
}
.popup__body .form__title {
  margin-bottom: 8px;
}

.popup__close {
	position: absolute;
	right: 5px;top: 5px;
	color: var(--accentcolor);
cursor: pointer;
width: 20px;height: 20px;
display: flex;align-items: center;
	justify-content: center;
}
.popup__close::before{
	content: '+';
	display: block;
	transform: rotate(45deg);
	font-size: 32px;
}

@media (min-width : 768px) {
	.popup__body {padding: 72px 48px;}
	.popup__body .form__title {font-size: 24px; margin-bottom:16px;}
	.popup__body .form__text{line-height:1.55;}
	.popup__close{right:16px;top:16px;}
	.popup__close::before{ font-size: 36px}
}

/*======================================================*/

.copyright{font-size: 11px; text-align: center; padding: 0 0 20px; line-height: 1.75;}
.copyright__link{ text-decoration: underline;

}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: var(--accentcolor);
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}





/* Создаем анимацию swing*/
@keyframes scale {
	0% { transform: scale(.25);opacity: 0; }
	20% { transform: scale(1.1); }
	40% { transform: scale(1); }
}
.scale
{ 	
    -webkit-animation: scale 3s ease 1;
    animation: scale 3s ease 1;
}

@keyframes scale1 {
	20% { transform: scale(.25);opacity: 0; }
	40% { transform: scale(1.1); }
	60% { transform: scale(1); }
}
.scale1
{ 	
    -webkit-animation: scale1 3s ease 1;
    animation: scale1 3s ease 1;
}



@keyframes scale2 {
	40% { transform: scale(.25);opacity: 0; }
	60% { transform: scale(1.1); }
	80% { transform: scale(1); }
}
.scale2
{ 	
    -webkit-animation: scale2 3s ease 1;
    animation: scale2 3s ease 1;
}
@keyframes scale3 {
	60% { transform: scale(.25);opacity: 0; }
	80% { transform: scale(1.1); }
	100% { transform: scale(1); }
}
.scale3
{ 	
    -webkit-animation: scale3 3s ease 1;
    animation: scale3 3s ease 1;
}

/*=====================================================*/
.breadcrumbs, #breadcrumbs{
	font-size: 12px;
	line-height: 125%;
	display: flex;
	align-items: center;	
	color:#c1c5cd;
	padding: 32px 10px 0;
}

.breadcrumb_last strong,.current {
	color:#404E65; font-weight:normal
	}
.breadcrumbs a, #breadcrumbs a{
	color:#c1c5cd;
}
.breadcrumbs a:hover, #breadcrumbs a:hover{
	color: var(--accentcolor);
}
#breadcrumbs > span > span {
	padding: 0 4px;
}
.breadcrumbs i {
	color:#c1c5cd;
	padding: 0 4px;
}
@media (min-width : 768px) {
	.breadcrumbs,  #breadcrumbs{	font-size: 14px;	}
}



/*=====================================================*/


.has-video {
  position: relative;
  padding-bottom: 55.65%;
  background: #000;
}

.youtube, .has-video > iframe {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*! opacity: .5; */
}
.youtube::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .5;
  background: #000;
}

.has-video .play::after {
  opacity: .7;
  background: transparent url(/wp-content/themes/b2b/img/yt__icon.png) no-repeat center;
    background-size: auto;
  background-size: cover;
  width: 56px;
  height: 40px;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  margin-left: -28px;
  position: absolute;
  content: '';
  transition: .3s;
	cursor: pointer;
  filter: brightness(15);
}
.has-video .play:hover::after{
	opacity:.9;
}
/*===================== PAGE CATALOG ================================*/
.page__header {
	padding-top: 94px;
	padding-bottom: 82px;
}
.page__header .header__title{
	font-size: 20px;
	line-height: 125%;
	padding: 0 10px; text-align: center; 
}
.page__header .header__title > small{
	font-size: 14px;
	display: block;
}
.page__header .header__title::after{
	display: none;
}
.page__header .action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.page__header .action a {
  margin: 0;
}
.page__header .tezis__item{
	width: 100%;
	display: flex;
	align-items: center;
	text-align: left;
	margin: 0 auto 12px;
	padding: 0 10px;
	max-width: 390px;

	}
	.page__header .tezis__item:last-child{
		margin-bottom: 0;
	}
.page__header .tezis__text{
	text-transform: none;
	font-size: 14px;
}
.page__header .tezis__icon {
	flex: 0 0 24px;
  height: 24px;
  margin: 0 10px 0 0;
  padding: 0;
} 

@media (min-width : 768px) {
	.page__header{display: block; padding-bottom:32px}
	.page__header .tezis {align-items: flex-start;max-width: 760px;}
	.page__header .tezis__item{width: 33%;}
	.page__header .action {  position: relative;  bottom: 0; margin-bottom:20px}

}
@media (min-width : 991px) {
	.page__header{display:flex;}
	.page__header .tezis {margin:0 0 0 auto}
	.page__header .header__title{text-align: left;}
	.page__header .action {justify-content: flex-start; margin:0px;padding: 0 10px;}
	.page__header .tezis__icon {flex: 0 0 32px;height: 32px;}	
}

.caption {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing:1px;
	text-align: center;
}

/*===================== FAQ ================================*/
.faq-item {
	max-width:720px;
	margin-left: auto;
	margin-right:auto;
}
.faq-item:not(:last-child) {
  margin-bottom:24px;
  padding-bottom:16px;
  border-bottom:1px solid #BABABA
}
.faq-item .toggler {
  padding-right:60px;
  position:relative;
  cursor:pointer;
  margin-bottom:8px
}
.faq-item .toggler svg {
  position:absolute;
  right:0;
  top:6px;
  width:16px;
  height:16px;
  transform-origin:center;
  transition:transform .5s ease
}
.faq-item .toggler.toggled svg {
  transform:rotate(-45deg)
}
.faq-itemtext {
  max-height:0;
  overflow:hidden;
  display:block;
  transition:max-height 0.5s cubic-bezier(0,1,0,1)
}
.faq-itemtext.is-toggled {
  max-height:500px;
  transition:max-height .5s cubic-bezier(.77,0,.18,1)
}