.wrapper__warm-or-cold .main-title__fst{max-width: 765px;text-align:center}
.wrapper__warm-or-cold .main-title__fst span{color: #FC8A15;}
.warm-or-cold__content-left{width:calc(100% - 405px); padding-right:70px}
.warm-or-cold__title{font-weight: 700;font-size: 22px;line-height: 28px;color: #000000;padding-bottom:25px}
.warm-or-cold__text{font-weight: 500;font-size: 14px;line-height: 18px;margin-bottom:20px;color: #000000;height:55px;max-width:585px}
.warm-or-cold__info-cover{width:230px; position:relative}
.warm-or-cold__info-cover img{width:100%; height:auto}
.warm-or-cold__info-list{width:calc(100% - 230px)}
.warm-or-cold__info-list a{font-weight: 500;width:275px;line-height:60px;font-size:14px;margin-left: auto;margin-bottom: 15px;}
.warm-or-cold__info-cover span{position:absolute;bottom:25px;left: 100%;font-weight: 500;font-size: 14px;line-height: 18px;color: #000000;transform: translateX(-10px);}
.warm-or-cold__content-right{width:405px;text-align: center;position:relative;margin: -125px 0 0 0;}
.warm-or-cold__gradus{position:absolute;top:50%;transform: translateY(-50%) translateX(-135px);}
.warm-or-cold__list{padding:0 0 35px 95px; margin:0}
.warm-or-cold__list li{padding:0 15px 0 0; margin:0; list-style:none}
.warm-or-cold__list li a{width: 200px; height: 35px; font-weight: 700;font-size: 22px;color:#fff;text-align: center;padding-left:15px;background: rgba(219,0,0,0.7)}
.warm-or-cold__list li a:hover{background: rgba(219,0,0,1); text-decoration:none}
.warm-or-cold__list li:nth-child(2) a{background:rgba(47,128,237,0.5); color:#000}
.warm-or-cold__list li:nth-child(2) a:hover{background:rgba(47,128,237,1); text-decoration:none}
.warm-or-cold__list li.active a{background: rgba(219,0,0,1); box-shadow: 0px 4px 10px rgba(219,0,0, 0.6);}
.warm-or-cold__list li.active:nth-child(2) a{background:rgba(47,128,237,1); box-shadow: 0px 4px 10px rgba(47,128,237, 0.6);}
.warm-or-cold__list li a svg{margin-right:25px}
.warm-or-cold__info-list{padding-left:65px}
.warm-or-cold__info-list ul{padding:0; margin:0}
.warm-or-cold__info-list ul li{padding:0; margin:0 0 8px; list-style:none; font-weight: 500;font-size: 14px;line-height: 30px;color: #000000; text-transform:uppercase}
.warm-or-cold__info-list ul li svg{margin-right:15px; width:30px; min-width:30px}
.warm-or-cold__wrap{display:none}
.warm-or-cold__wrap.active{display:block}

@media(max-width:1229px){
	.wrapper__warm-or-cold .main-title__fst{max-width: 100%;text-align: left;}
	.warm-or-cold__content-left{width: calc(100% - 340px);padding-right: 30px;}
	.warm-or-cold__title{font-size: 20px;line-height: 24px;padding-bottom: 15px;}
	.warm-or-cold__text{max-width:100%}
	.warm-or-cold__info-list a{width: 240px;line-height: 55px;font-size: 13px;margin-bottom: 0;}
	.warm-or-cold__info-cover span{bottom: 10px;font-size: 13px;line-height: 16px;transform: translateX(-25px);}
	.warm-or-cold__content-right{width: 340px;margin: -45px 0 0;}
	.warm-or-cold__gradus{transform: translateY(0) translateX(-50%);left: 50%;width: 230px;top: auto;bottom: 15px;}
	.warm-or-cold__gradus img{max-width:100%}
	.warm-or-cold__list{padding: 0 0 25px 0;}
	.warm-or-cold__list li{padding:0 15px 0 0}
	.warm-or-cold__info-list{padding-left: 30px;}
	.warm-or-cold__info-list ul li{margin: 0 0 5px;font-size: 13px;line-height: 25px;}
	.warm-or-cold__info-list ul li svg{margin-right: 10px;width: 25px;min-width: 25px;}
}
@media(max-width:991px){
	.wrapper__warm-or-cold .main-title__fst{text-align: center;}
	.warm-or-cold__content-left{width:100%;padding-right: 0;}
	.warm-or-cold__text{margin-bottom:15px}
	.warm-or-cold__info-list a{line-height: 50px}
	.warm-or-cold__content-right{display:none}
	.warm-or-cold__list{justify-content:center}
	.warm-or-cold__info-list ul li{margin: 0 0 10px;font-size: 14px;line-height: 30px;}
	.warm-or-cold__info-list ul li svg{margin-right: 15px;width: 30px;min-width: 30px;}
}
@media(max-width:767px){
	.warm-or-cold__info-cover{width:200px}
	.warm-or-cold__info-list{width:calc(100% - 200px); padding-left:20px}
	.warm-or-cold__info-list ul li{margin: 0 0 5px;font-size: 13px;line-height: 25px;}
	.warm-or-cold__info-list ul li svg{margin-right: 10px;width: 25px;min-width: 25px;}
	.warm-or-cold__info-cover span {bottom: 5px;font-size: 12px;line-height: 14px;transform: translateX(-40px)}
	.warm-or-cold__text{text-align:center; font-size: 13px;line-height: 16px;height:50px}
	.warm-or-cold__title{text-align:center; font-size: 18px;line-height: 22px;padding-bottom: 15px;}
}
@media(max-width:575px){
	.warm-or-cold__info-cover{width:100%}
	.warm-or-cold__info-list{width:100%; padding-left:0}
	.warm-or-cold__info{flex-wrap:wrap}
	.warm-or-cold__info-cover span br{display:none}
	.warm-or-cold__info-list ul li{margin: 0 0 5px;font-size: 13px;line-height: 25px;}
	.warm-or-cold__info-list ul li svg{margin-right: 10px;width: 25px;min-width: 25px;}
	.warm-or-cold__info-cover, .warm-or-cold__info-list ul{max-width:300px; margin:0 auto}
	.warm-or-cold__info-cover span{position:static;display:block;text-align:center;transform: translateX(0);margin-top: 5px;margin-bottom: 20px;}
	.warm-or-cold__text{text-align:center; font-size: 13px;line-height: 16px;height:auto; min-height:50px}
	.warm-or-cold__title{text-align:center; font-size: 18px;line-height: 22px;padding-bottom: 15px;}
	.warm-or-cold__info-list a{margin-right:auto; line-height: 45px; margin-top:20px}
	.warm-or-cold__list{margin: 0 -5px;}
	.warm-or-cold__list li{padding:0 5px; width:50%}
	.warm-or-cold__list li a{width:100%; font-size: 18px; padding-left:0; justify-content:center}
	.warm-or-cold__list li a svg{margin-right: 10px;}
}