
/* код переваг */
.abut-video {
    position: relative;
    width: 120px;
}
.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 16px;
    height: 27px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
    border: 1px solid #fff;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: linear-gradient(60deg, rgb(71, 4, 0) 0%, rgb(219, 41, 30) 100%);
    border-radius: 50%;
    animation: pulse-border 1500ms 
ease-out infinite;
}
.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transition: all 200ms;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.bs-icon.bs-icon-circle {
    border-radius: 50%;
}
.bs-icon-md {
    --bs-icon-size: 1.5rem;
}
.bs-icon {
 
    display: flex
;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: var(--bs-icon-size);
    width: calc(var(--bs-icon-size) * 2);
    height: calc(var(--bs-icon-size) * 2);
    color: var(--bs-primary);
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

figure.figure{
	margin: 0;
}
.p-f-s {
    font-size: 14px;
	 font-weight: 300;
    line-height: 22px;
}


@keyframes block-up {
  0% {
    transform: translate(0,50px);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
    opacity: 1;
  }
}

@keyframes top{
	0%{
		opacity: 0;
		transform: translate(0,100%);
	}
	
	100%{
		opacity: 1;
		transform: translate(0,0);
	}
}


.after::after{
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.925);
}


.conditions.more{
	background: #CF132C;
	padding-top: 80px;
	padding-bottom: 80px;
	color: #fff;
	font-weight: 300;
	font-size: 32px;
}
.more__items{
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.more__item{
	display: flex;
	gap: 20px;
	align-items: center;
}
.more__line{
	flex: 1 1 auto;
	width: 100%;
	height: 2px;
	background:#fff;
	position: relative;
}
.more__line::before{
	content: '';
	display: block;
	background: url('../images/page/arrow-1.png') center/contain no-repeat;
	width: 30px;
	height: 12px;
	position: absolute;
	top: -5px;
	right: -5px;
	
}
.more__info.one{
	flex: 0 0 360px;
}
.more__info.two{
	flex: 0 0 695px;
}
.more__info{
	transition: all 0.3s;

}
@media (any-hover: hover){
	.more__info:hover{
		text-decoration: underline;
		color: #fff;
	}
}



@media (max-width: 1320px){
	.main-block__light{
		width: 800px;
	}
}
@media (max-width: 1265px){
	.main-block img.title {
		bottom: 60px;
		
		width: 600px;
	}

	.main-block__light{
		width: 700px;
		top: 180px;
	}
	.main-block__right {
    -ms-flex: 0 0 550px;
    flex: 0 0 550px;
}
.main-block__title img {
    margin-top: 10px;
    width: 520px;
}
}

@media (max-width: 1170px){
	.main-block__bline{
		gap: 30px;
	}
	.main-block__light{
		width: 600px;
		top: 220px;
	}
	.main-block__right img.logo {
    top: 20px;
    right: 0px;
    width: 220px;
}
.main-block__right {
        flex: 0 0 500px;
    }
}
@media (max-width: 1024px){
	.main-block__flex{
		flex-direction: column;
	}
	.main-block__light{
		width: 100%;
		position: relative;
		top: 0px;
		margin-top: 80px;
		margin-bottom: 140px;
	}
	.main-block__right img.logo{
		border-radius: 16px;
	}
}
@media (max-width: 630px){
	.main-block img.title{
		width: 550px;
	}
	.main-block__title img{
		width: 450px;
	}
	.main-block__light{
		margin-top: 140px;
	}
}
@media (max-width: 600px){
	.main-block__bline{
		flex-direction: column;
		align-items: center;
	}
	.main-block img.title{
		width: 98%;
		
	}
}
@media (max-width: 490px){
	.main-block__title img{
		width: 100%;
	}
	.main-block__light{
		margin-bottom: 100px;
	}
	.main-block__right{
		flex:  1 1 auto;
	}
}
/* tablet */
@media (max-width: 997.98px){

	.conditions.more{
		padding-top: 60px;
		padding-bottom: 60px;
		font-size: 26px;
	}
	.more__items{
		gap: 30px;
	}
	.more__info.one{
		flex: 0 0 290px;
	}
	.more__info.two{
		flex: 0 0 570px;
	}
}


@media (max-width: 767.98px){
	.conditions__items{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.conditions__item.two img{
		margin-top: 0px;
	}
	.conditions__title{
		margin-bottom: 60px;
	}
	.about-brand__bottom{
		flex-direction: column;
		gap: 20px;
	}
	.about-brand__bottom .about-brand__text{
		padding-right: 0px;
	}
	.conditions__items{
		margin-bottom: 60px;
	}
	.about-brand__left{
		flex: 1 1 auto;
	}
	.about-brand__text{
		font-size: 16px;
	}
}

@media (max-width: 650px){
	.more__line.two{
		flex: 0 0 50px;

	}
	.more__info.two{
		flex: 1 1 auto;
	}
}
@media (max-width: 500px){
	.about-brand__text{
		font-size: 14px;
	}
	.about-brand__item img{
		width: 40px;
	}
}
@media (max-width: 392px){
	.more__line{
		flex: 0 0 50px;

	}
	.more__info{
		flex: 1 1 auto;
		font-size: 20px;
	}
	.more__items{
		gap: 20px;
	}
	.about-brand__subtitle{
		font-size: 24px;
	}
}






