/*modal*/
#modal {display: none; text-align: center;  background-color: rgba(0, 0, 0, .9); position: fixed; top: 0; right: 0; left: 0; bottom: 0; height: 100%; z-index: 999;}
.mw {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.mw .image {width: 1180px; height: 1000px; max-width: 90vw; max-height: 90vh; float: left;}
.mw img {width: auto; max-width: 90vw; max-height: 90vh;}
.mw .burger {padding: 10px; cursor: pointer;  position: absolute; right: 10px; top: 0px; z-index: 3;}
.close {background-color: red; width: 25px; height: 2px; cursor: pointer;}
.close:nth-child(1) {transform: rotateZ(45deg);}
.close:nth-child(2) {transform: rotateZ(-45deg); margin-top: -2px;}

.slider_mw {max-width: 90vw; overflow-x: hidden; position: relative;}
.slider_mw_items {position: relative; left: 0;}
.control_slider_modal {position: absolute; bottom: 40px; left: 50%; transform: translate(-50%, 0); padding: 5px 20px; background-color: #191337; border-radius: 30px;}
.control_slider_modal img {cursor:pointer; margin: 0 10px; width: 30px; margin-bottom: -1px;}
.control_slider_modal img:hover {transform: scale(1.1);}
/*modal*/
/*adaptiv*/
@media (min-width: 320px) and (max-width: 767px){
	.control_slider_modal {width: 70vw; padding: 10px;}
	.mw .image {width: 90vw; height: 90vh;}
}
@media (min-width: 768px) and (max-width: 1023px){
	.mw .image {width: 90vw; height: 90vh;}
}
/*adaptiv*/