/* Стили для содержимого модального окна, могут быть любыми */
.modal {
    background: #ffffff;
    width: 75%;
	 max-width: 860px;
    margin: 20px auto;
    border: 1px solid #999999;
    padding: 20px;
}
.modal .close {
    float: right;
    font-size: 36px;
	 color: #434345;
    text-decoration: none;
    cursor: pointer;
}
.modal .close:hover {
	 color: #FFA300;
}

/* --------------------------------------------------------- */



.themodal-lock {
	/* Убираем полосы прокрутки соновного контента при открытии окна */
	overflow: hidden;
}
.themodal-overlay {
	/* Создание фтксированного оверлея на весь экран */
	position: fixed;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	z-index: 100;
	/* Если текст не умещается в модельном окне, то добавляем полосу прокрутки */
	overflow: auto; 
	/* Прокрутка одним пльцем для IPad */
	-webkit-overflow-scrolling: touch;
}
/* Иправление глюков для iPad */
.themodal-overlay > * {
	-webkit-transform: translateZ(0px);
}
.themodal-overlay {
	background: rgba(0, 0, 0, 0.6);
	/* IE6–IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #7F000000, endColorstr = #7F000000);
	zoom: 1;
}