#modals {

	width: auto;
	height: auto; /* а аАаЗаМаЕб€б‹ аДаОаЛаЖаНб‹ аБб‹б‚бŒ б„аИаКбаИб€аОаВаАаНб‹ */
	border-radius: 0px;
	border: 0px #000 solid;
	background: #fff;
	position: fixed;  /*б‡б‚аОаБб‹ аОаКаНаО аБб‹аЛаО аВ аВаИаДаИаМаОаЙ аЗаОаНаЕ аВ аЛбŽаБаОаМ аМаЕбб‚аЕ */

	top: 42%;  /*аОб‚бб‚бƒаПаАаЕаМ баВаЕб€б…бƒ 45%, аОбб‚аАаЛбŒаНб‹аЕ 5% аПаОаДаВаИаНаЕб‚ баКб€аИаПб‚ */
	left: 50%;  /*аПаОаЛаОаВаИаНаА баКб€аАаНаА баЛаЕаВаА */

	-webkit-transform: translate(-50%, -40%);
       -ms-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%);

	/* б‚бƒб‚ аВбб аМаАаГаИб б†аЕаНб‚б€аОаВаКаИ css, аОб‚бб‚бƒаПаАаЕаМ аВаЛаЕаВаО аИ аВаВаЕб€б… аМаИаНбƒб аПаОаЛаОаВаИаНбƒ бˆаИб€аИаНб‹ аИ аВб‹баОб‚б‹ баОаОб‚аВаЕб‚бб‚аВаЕаНаНаО =) */
	display: none; /* аВ аОаБб‹б‡аНаОаМ баОбб‚аОбаНаИаИ аОаКаНаА аНаЕ аДаОаЛаЖаНаО аБб‹б‚бŒ */
	opacity: 0; /* аПаОаЛаНаОбб‚бŒбŽ аПб€аОаЗб€аАб‡аНаО аДаЛб аАаНаИаМаИб€аОаВаАаНаИб */
	z-index: 10000; /* аОаКаНаО аДаОаЛаЖаНаО аБб‹б‚бŒ аНаАаИаБаОаЛаЕаЕ аБаОаЛбŒбˆаЕаМ баЛаОаЕ */
	padding: 0px;
}

#modals #mw_close {
	height: 50px;
	width:50px;
	position: absolute;
	/*top: -30px;
	right: 0px;*/
	cursor: pointer;
	border-radius:0px;
	/*background: url('/upload/close/close-30-30.png') center no-repeat;*/
    background: url('https://esplus.ru/upload/close/closewhite-2.png') center no-repeat;
	color:#a92309; font-weight:bolder;
	padding:0;
	text-align:center;
	z-index:1 !important;
	border:0px solid #004a94;
	margin:-14px 5px 0 650px;
	/*right: 0px;*/
	top: 0px;
	/*display: none;*/
	opacity:0.8;
	z-index: 10000;
}

#modals #mw_close:hover {
	opacity:0.5
}


/* аŸаОаДаЛаОаЖаКаА */
#mw_overlay {
	z-index: 1000; 
	position: fixed; 
	background: #000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	display: none;
}


.soder-modal {
	padding:20px 10px 30px 10px;
	width:650px;
}

.soder-modal .title {
	font: 22px 'Roboto';
    color: #000;
    /*text-transform: uppercase;*/
	margin: 0px;
	text-align:center;
}

.soder-modal .title2 {
	font-size: 22px;
	font-family: 'Roboto';
	font-weight:normal;
    color: #0069aa;
	margin: 20px 0px;
	text-align:center;
}

.soder-modal .data-content-re {
	padding:10px;
	font-family: 'Roboto'  !important;
}

.soder-modal .data-content-re p {
	font-size:16px !important;
	color:#454747  !important;
	text-align:justify;
	font-family: 'Roboto'  !important;
}

.soder-modal .data-content-re p span {
	font-size:16px;
	color:#000;
	background:none;
	font-weight:bolder !important;
	}

.soder-modal .data-content-re p .mark {
	font-size:18px;
	color:#000;
	background:none;
	/*text-decoration:underline;*/
	font-weight:bolder !important;
	}

	.foot-data-re-blok {
		width:200px;
		height:60px;
		position: fixed;
		right: 10px;
		bottom:10px;
		display:none;
		z-index:1000
	}
	
	.foot-data-re {
		width:200px;
		height:60px;
		background: #0069aa !important;
		border-radius:6px;
		opacity:1;
		position: fixed;
		right: 10px;
		bottom:10px;
	}
	
	
	.foot-data-re-2 {
		width:200px;
		height:57px;
		border-radius:3px;
		position: fixed;
		right: 10px;
		bottom:10px;
		padding:10px 10px 5px 30px;
		/*background: #f05b25 !important;*/
		font-size: 13px;
		font-family: inherit;
		/*color: #D0CFD2;*/
		color: #fff;
		margin:-10px 0 0 0;
		text-align:center;
		cursor:pointer;
		z-index:1000;
	}
	
	.foot-data-re-2 span {
		display:block;
		/*text-decoration:underline;*/
		font-size:13px;
		font-family: inherit;
		/*color: #D0CFD2;*/
		color: #fff;
		/*font-weight:bolder;*/
	}
	
	.foot-data-re-2 mark {
		background:url("/upload/close/nexp-pre-right-white.png") 0px 0 no-repeat;
		width:48px;
		height:48px;
		position:absolute;
		z-index:1;
		margin:-5px 0 0 -42px;
	}
	

/*
@media (max-width: 760px) {
  .soder-modal {
	padding:20px 5% 30px 5%;
	width:100%;
    }
	}
*/


@media (min-width: 320px) and (max-width: 480px) {
	.soder-modal {
		padding:20px 1% 30px 1%;
		width:320px !important;
		height:400px !important;
		overflow: scroll;
		}

	#modals #mw_close {
		height: 50px;
		width:50px;
		position: absolute;
		/*top: -30px;
		right: 0px;*/
		cursor: pointer;
		border-radius:0px;
		/*background: url('/upload/close/close-30-30.png') center no-repeat;*/
		background: url('/upload/close/closewhite-2.png ') center no-repeat;
		color:#a92309; font-weight:bolder;
		padding:0;
		text-align:center;
		z-index:1 !important;
		border:0px solid #004a94;
		margin:-44px 5px 0 280px;
		/*right: 0px;*/
		top: 0px;
		display: block;
		opacity:0.8
	}
	}


@media (min-width: 640px) and (max-width: 900px) {
	.soder-modal {
		padding:20px 1% 30px 1%;
		width:560px !important;
		height:220px !important;
		overflow: scroll;
		}

	#modals #mw_close {
		height: 50px;
		width:50px;
		position: absolute;
		/*top: -30px;
		right: 0px;*/
		cursor: pointer;
		border-radius:0px;
		/*background: url('/upload/close/close-30-30.png') center no-repeat;*/
		background: url('/upload/close/closewhite-2.png ') center no-repeat;
		color:#a92309; font-weight:bolder;
		padding:0;
		text-align:center;
		z-index:100 !important;
		border:0px solid #000;
		margin:-50px 5px 0 520px;
		/*right: 0px;*/
		top: 0px;
		display: block;
		opacity:0.8
	}
	}