.mdm {z-index:1600;
margin-top:6px;}

.mdm_spk {z-index:1600;max-width:240px;
padding-top:4px;margin-bottom:-20px;margin-left:auto;margin-right:auto;}


.fond_mdm {
	padding: 20px 12px 12px 12px;
	border: 1px solid #ccc;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background:#fdfbfa;
	text-align:center;
}

.x_icon {
	position: absolute;
	right: -35px;
	bottom: 4px;
	width: 30px;
	height: 30px; border: none;
	background: #B5A58E;
  border-radius: 15px;
  -moz-border-radius:15px;
	-webkit-border-radius:15px;
/*
  font-size: 18px;
  line-height: 20px;
  font-weight:600;
 */
  color:#fff;	z-index: 20;
	background-image: url(../_raga_images_con/x_button.png);
	background-repeat: no-repeat;
	background-position: center center;
}


.modal-wrapper {
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(102,98,94,.8);
  transition: .4s;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
}

.modal-content {
	max-width: 280px;
	width: 100%;
	position: relative;
	top: 5%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10;
	color: #fff;
}
.modal-content img {
  width: 100%!important;
  position: relative;
  margin:0 auto 0 auto;
  top: 5%;
  border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
  z-index: 5;
}

.modal-opened {
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 980px) {
.fond_mdm {
	padding: 0px 12px 12px 12px;
}	
.modal-content { top: 5%; }
.mdm_spk { max-width:340px; }
.fond_mdm { padding: 40px; }
.modal-content { max-width: 500px;}
.modal-content img {
  width: 100%!important;
  top: 5%!important;
  z-index: 5;
}
	}