#forecast__live--block {display: none; position: fixed; bottom: 0; right:0; background: transparent; z-index: 999999;}
#forecast__live--block,.forecast__iframe--block,.forecast__iframe--iframe {width: 360px; height: 203px;}
.forecast__live--inner {width: 100%; height: 100%; position: relative;overflow: hidden;}
.forecast__name--block {position: absolute; top: 0; left:0; z-index: 9;  opacity: 0.7; width: 100%; height: 36px; white-space: nowrap; font-size: 12px; color: #fff; padding-left: 36px; display: flex; align-items: center; justify-content: left; background: url(/local/templates/acroweb.rmanpo/images/live_forecast.svg) 7px center no-repeat #000; cursor: move;}
.forecast__name--inner {width: calc(100% - 40px);overflow: hidden;}
.forecast__iframe--block {background: #000;}
.forecast__iframe--iframe {border: 0; overflow: hidden;}
.forecast__live--close {position: absolute; top: 5px; right: 5px;width: 24px;height: 24px;cursor: pointer; z-index: 10;}
.forecast__live--close:before, .forecast__live--close:after {position: absolute;left: 12px;content: ' ';height: 25px;width: 1px;background-color: #fff;}
.forecast__live--close:before {transform: rotate(45deg);}
.forecast__live--close:after {transform: rotate(-45deg);}
.forecast__button--block {position: absolute; top: -100px; left:0; z-index: 8; background: rgba(0,0,0, 0.7); height: 57px; width: 100%;  display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .4s;}
.forecast__button--block button {background: #720A0A; height: 32px; border-radius: 16px; color: #fff; font-size: 10px; text-transform: uppercase; border: 0; box-shadow: none; width: 270px; line-height: 0;}
.forecast__live--inner:hover .forecast__button--block {top: 36px;}

@media (min-width: 1439px) {
	#forecast__live--block,.forecast__iframe--block,.forecast__iframe--iframe {width: 420px; height: 237px;}
}

@media (min-width: 1599px) {
	#forecast__live--block,.forecast__iframe--block,.forecast__iframe--iframe {width: 480px; height: 271px;}
}

@media (max-width: 768px) {
	#forecast__live--block,.forecast__iframe--block,.forecast__iframe--iframe {width: 320px; height: 180px;}
}

@media (max-width: 480px) {
	#forecast__live--block,.forecast__iframe--block,.forecast__iframe--iframe {width: 260px; height: 147px;}
}