/* advantages */
	.advantages{
		margin-bottom:64px;
	}
	.adv-tabs .thumb,
	.thumb-absolute{
		background:#FAFAFA;
		height:100%;
		text-align:center;
		padding:20px 10px;
		font-family:'Gotham Pro Medium';
		font-size:20px;
		color:var(--accent-color);
		line-height:1.4;
		border:1px solid #FAFAFA;
		transition:.3s;
		cursor:pointer;
		position:relative;
	}
	.adv-tabs .icon,
	.adv-tabs-content .icons .icon,
	.thumb-absolute .icon,
	.adv-tabs-content .icon-active{
		width:100px;
		height:100px;
		border-radius:50%;
		background-color:#fff;
		margin:0 auto 20px;
		transition:.3s;
	}
	.adv-tabs .icon .ic,
	.adv-tabs-content .icons .icon .ic,
	.thumb-absolute .icon .ic,
	.adv-tabs-content .icon-active .ic{
		width:100%;
		height:100%;
		-webkit-mask-size: 48px auto;
		mask-size: 48px auto;
		background-color:var(--black-color);
		transition:.3s;
	}
	.adv-tabs .thumb:hover{
		border-color:var(--accent-color);
		
	}
	.adv-tabs .thumb.active,
	.adv-tabs .thumb:hover,
	.thumb-absolute{
		color:var(--black-color);
	}
	
	.adv-tabs .thumb.active,
	.thumb-absolute{
		border-color:#FAFAFA;
		z-index:2;
	}
	
	.adv-tabs .thumb:hover .icon{
		background-color:#A1A1A1;
	}
	.adv-tabs .thumb.active .icon,
	.thumb-absolute .icon{
		background-color:var(--accent-color);
	}
	.adv-tabs .thumb.active .icon .ic,
	.adv-tabs .thumb:hover .icon .ic,
	.thumb-absolute .icon .ic{
		background-color:#fff;
	}
	.adv-tabs-wrap{
		position:relative;
	}
	.thumb-absolute{
		position:absolute;
		left:0;
		top:0;
		z-index:1;
		width:calc(calc(100% - 80px) / 5);
		transition:.5s;
	}
	
	.advantages[data-active="0"] .adv-tabs-wrap .thumb-absolute{
		left:0;
	}
	.advantages[data-active="1"] .adv-tabs-wrap .thumb-absolute{
		left:calc(100% / 5);
	}
	.advantages[data-active="2"] .adv-tabs-wrap .thumb-absolute{
		left:calc(calc(100% / 2) - calc(calc(calc(100% - 80px) / 5) / 2));
	}
	.advantages[data-active="3"] .adv-tabs-wrap .thumb-absolute{
		left:calc(calc(100% / 2) + calc(calc(calc(calc(100% - 80px) / 5) / 2) + 20px));
	}
	.advantages[data-active="4"] .adv-tabs-wrap .thumb-absolute{
		left:calc(100% - calc(calc(100% - 80px) / 5));
	}
	.advantages .progress .line{
		width:82%;
		margin:59px auto;
		background:#DBDBDB;
		height:2px;
		position:relative;
		
	}
	.advantages .progress .line:before{
		content:"";
		display:inline-block;
		width:56px;
		height:56px;
		background:var(--black-color) url(/image/catalog/usage/progress-arrow.svg) no-repeat center center;
		background-size:24px auto;
		position:absolute;
		top:-28px;
		border-radius:50%;
		transition:.3s;
		margin-left:-28px;
		cursor:pointer;
		transition:.5s;
	}
	.advantages[data-active="0"] .progress .line:before {
		left:0;
	}
	.advantages[data-active="1"] .progress .line:before{
		left:calc(100% / 4);
	}
	.advantages[data-active="2"] .progress .line:before{
		left:calc(100% / 2);
	}
	.advantages[data-active="3"] .progress .line:before{
		left:calc(calc(100% / 4) * 3);
	}
	.advantages[data-active="4"] .progress .line:before{
		left: 100%;
	}
	
	.advantages .progress .line:hover:before{
		background-color:var(--accent-color);
	}
	
	.h-100{
		height:100%;
	}
	
	.adv-tabs-content{
		position:relative;
		z-index:0;
		font-size:16px;
		color:var(--black-color);
		line-height:1.6;
		overflow:hidden;
	}
	
	.adv-tabs-innner{
		position:relative;
		height:600px;
	}
	.adv-tabs-innner > .bg{
		background:#FAFAFA;
		position: absolute;
		width: 100vw;
		height: 100%;
		top:0;
		z-index:0;
	}
	.adv-tabs-innner > .bg:before,
	.adv-tabs-innner > .bg:after{
		content:"";
		height:6px;
		display:block;
		width:100%;
		background:url(/image/catalog/usage/adv-content-bg.png) repeat-x 0 0;
		left:0;
		position:absolute;
		z-index:-1;
	}
	.adv-tabs-innner > .bg:before{
		top:0;
	}
	.adv-tabs-innner > .bg:after{
		bottom:0;
		-moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
	}
	.adv-tab{
		height:100%;
		width:100%;
		visibility:hidden;
		opacity:0;
		transition:.3s;
		position:absolute;
		top:0;
		left:0;
	}
	.adv-tab.active{
		visibility:visible;
		opacity:1;
		height:600px;
	}
	.adv-tab p{
		margin-bottom:20px;
	}
	
	.adv-photo{
		position:absolute;
		z-index:2;
		top:0;
		right:0;
		height:100%;
		width:auto;
		max-width:unset;
	}
	
	.adv-tab .flex-2{
		border-left:1px solid #C3C3C3;
	}
	
	.adv-content{
		padding:40px 0 40px 40px;
		
	}
	
	.adv-content .title{
		font-family:'Gotham Pro Bold';
		font-size:30px;
		margin:0 0 20px;
	}
	
	.adv-content b{
		font-family:'Gotham Pro Bold';
	}
	.adv-content ul{
		margin:0 0 20px;
		padding-left:25px;
	}
	
	.adv-content p + ul{
		margin-top:-10px;
	}
	
	.adv-content .text{
		overflow-y:auto;
		height:395px;
		transition:.3s;
		position:relative;
		padding-bottom:20px;
	}
	.adv-tabs-content .icons-wrap{
		position:absolute;
		bottom:30px;
		left:-45px;
		z-index:2;
	}
	.adv-tabs-content .icons{
		display:flex;
		
	}
	
	.adv-tabs-content .icons .icon,
	.adv-tabs-content .icon-active{
		width:50px;
		height:50px;
		margin:10px;
		cursor:pointer;
		position:relative;
	}
	
	.adv-tabs-content .icon-active{
		position:absolute;
		z-index:1;
		left:0;
		top:0;
	}
	
	.adv-tabs-content .icons .icon .ic,
	.adv-tabs-content .icon-active .ic{
		-webkit-mask-size: 24px auto;
		mask-size: 24px auto;
	}
	.adv-tabs-content .icons .icon:hover{
		background-color:var(--black-color);
	}
	.adv-tabs-content .icons .icon.active{
		z-index:2;
	}
	.adv-tabs-content .icons .icon.active,
	.adv-tabs-content .icon-active{
		background-color:var(--accent-color);
	}
	.adv-tabs-content .icons .icon:hover .ic,
	.adv-tabs-content .icons .icon.active .ic,
	.adv-tabs-content .icon-active .ic{
		background-color:#fff;
	}
	
	.advantages[data-active="0"] .adv-tabs-content .icon-active{
		left:0;
	}
	.advantages[data-active="1"] .adv-tabs-content .icon-active{
		left:calc(100% / 5);
	}
	.advantages[data-active="2"] .adv-tabs-content .icon-active{
		left:calc(calc(100% / 2) - 35px);
	}
	.advantages[data-active="3"] .adv-tabs-content .icon-active{
		left:calc(calc(100% / 2) + 35px);
	}
	.advantages[data-active="4"] .adv-tabs-content .icon-active{
		left:calc(100% - 70px);
	}
	
	/* width */
.adv-content .text::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.adv-content .text::-webkit-scrollbar-track {
  background: #DBDBDB;
   border: 3px solid transparent;
   background-clip: content-box;
}

/* Handle */
.adv-content .text::-webkit-scrollbar-thumb {
  background: var(--black-color);
}

/* Handle on hover */
.adv-content .text::-webkit-scrollbar-thumb:hover {
  background: var(--accent-color);
}
	
	.adv-content .button{
		position:absolute;
		bottom:6px;
		left:0;
		padding:40px;
		width:calc(100% - 8px);
		background: rgb(250, 250, 250);
		background: linear-gradient(0deg, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, .7) 100%);
	}
	
	.adv-content .button a{
		display: inline-block;
    padding: 20px 40px;
    background: #ed361f;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: 'Gotham Pro Black';
    -webkit-box-shadow: 10px 10px 25px rgba(0, 0, 0, .2);
    -moz-box-shadow: 10px 10px 25px rgba(0, 0, 0, .2);
    box-shadow: 10px 10px 25px rgba(0, 0, 0, .2);
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
	transition:.3s;
	}
	.adv-content .button a:hover{
		background:var(--accent-color);
	}

	/* end advantages */
	
	@media (max-width:1199px){
		
		.adv-tab .flex-1{
			width:370px;
			max-width:370px;
		}
		.adv-tab .flex-2{
			flex:1;
		}
		.adv-photo{
			width:calc(100% + 20px);
			object-fit:cover;
		}
		
		.adv-tabs-content .icons-wrap{
			left:0;
		}
		
	}
	
	@media (max-width:992px){
		.adv-tabs .thumb, 
		.thumb-absolute{
			font-size:16px;
		}
	}
	
	@media (max-width:767px){
		.adv-tabs-wrap{
			display:none;
		}
		.advantages{
			margin-bottom:35px;
		}
		.adv-tab{
			position:relative;
			display:none;
			visibility:visible;
			opacity:1;
		}
		.adv-tab.active{
			display:block;
		}
		.adv-tab > .flex{
			flex-wrap:wrap;
			flex-direction:column;
		}
		.adv-tabs-innner,
		.adv-tab.active{
			height:auto;
		}
		
		.adv-tab .flex-1{
			width:100%;
			max-width:100%;
			height:200px;
			min-height:200px;
		}
		    .adv-photo {
				width: calc(100% + 40px);
				right:-20px;
			}
			
			.adv-tabs-content .icons-wrap{
				bottom:inherit;
				top:100px;
				left:50%;
				transform:translateX(-50%);
			}
			
			.adv-tabs-innner > .bg{
				left:-20px;
			}
			
			.adv-content{
				padding:30px 0 0 0;
			}
			
			.adv-tab .flex-2{
				border-left:0px;
			}
			
			.adv-content .text{
				height:auto;
			}
			
			.adv-content .button{
				padding:0 0 30px;
				position:relative;
			}
			
			.advantages .progress .line:before {
				left: calc(100% / 2) !important;
			}
		
	}