@import url('animateNModal.css');
@import url('animateOutNModal.css');

.animateblur {	
	-webkit-transition: filter 0.15s;
	-moz-transition: filter 0.15s;
	-ms-transition: filter 0.15s;
    -o-transition: filter 0.15s;
    transition: filter 0.15s;
}
.blur {	
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
}
.nyroModalBg {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.82) url("/images/patterns.png") repeat scroll 0 0;
	opacity: 0.7;
    z-index: 100;
}
.nmReposition {
	position: absolute;
}
/*.nyroModalCloseButton {
    font-family: "FontAwesome",sans-serif !important;
    color: #ddd;
    font-size: 50px;
    line-height: 20px;
    padding: 16px 16px 17px;
    position: fixed !important;
    right: 15px !important;
    text-decoration: none !important;
    top: 55px !important;
    transition: all 0.35s ease-in-out 0s;
    z-index: 10000;

	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.nyroModalCloseButton:hover {
    color: #be0000;
}*/
.nyroModalCloseButton {
    cursor: pointer;
    height: 36px;
    position: fixed;
    right: 26px;
    top: 26px;
    width: 36px;
    z-index: 101;
}
.nyroModalCloseButton > img {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}


.nyroModalTitle {
    background: #0866c6 none repeat scroll 0 0;
    border-radius: 0;
    color: #e1ebef;
    font-size: 1.3em;
    font-weight: 100;
    left: 0;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 1px #34495e;
    top: 0;
    width: 100%;
    z-index: 100;
}
.nyroModalTitle > span {
    display: block;
    min-height: 1.5em;
    padding: 5px 20px;
}
.nyroModalCont {
	position: absolute;
	border: 2px solid #0866c6;
    box-shadow:0 0 30px #000;
	margin: 25px;
    padding:0;
	background: #fff;
    z-index: 101;
}
.nyroModalCont .notice{
    padding:20px;
    color:#BDC3C7;
}
.nyroModalError {
	border: 4px solid red;
	color: red;
	width: 250px;
	height: 250px;
}
.nyroModalError div {
	min-width: 0;
	min-height: 0;
	padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
	position: relative;
	max-width: 1000px;
	padding: 10px;
	background: #fff none repeat scroll 0 0;
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
	position: relative;
	overflow: hidden;
}
.nyroModalImage img {
    vertical-align: top;
}
.nyroModalHidden {
	left: -9999em;
	top: -9999em;
}
.nyroModalLoad {
    background: #fff;
	border: 2px solid #0866c6;
    overflow: visible !important;

	-moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
    height: 124px;
    left: 50%;
    margin-left: -62px;
    margin-top: -62px;
    padding: 0;
    position: fixed;
    top: 50%;
    width: 124px;
    z-index: 999999;
}
.nyroModalPrev, .nyroModalNext {
	outline: none;
	position: absolute;
	top: 0;
	height: 60%;
	width: 150px;
	min-height: 50px;
	max-height: 300px;
	cursor: pointer;
	text-indent: -9999em;
    transition: none;
}
.nyroModalPrev:after, .nyroModalNext:after {
    content: '';
    height: 32px;
    width: 20px;
    background-image: url(../images/modal/controls.png);
    background-position: 0px 0;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    opacity: 0.5;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
	height: 100%;
	width: 40%;
	max-height: none;
}
.nyroModalPrev {
	left: 0;
}
.nyroModalNext {
	right: 0;
}
.nyroModalPrev:after {
	left: 30px;
}
.nyroModalNext:after {
    right: 30px;
    background-position: 0px -40px;
}
.nyroModalPrev:hover:after, .nyroModalNext:hover:after {
	opacity: 1;
}

/**************** фильтры **************/
/* Youtube */
.nyroModalYoutube {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.nyroModalYoutube iframe {
    height: 100%;
    position: absolute;
    width: 100%;
}
/* Youtube */

@media screen and (max-width: 640px) {
	.nyroModalCont{
		margin: 30px 15px;
	}
	.nyroModalCloseButton {
		top: 5px;
    	right: 5px;
		width: 25px;
		height: 25px;
		background-size:cover;
		z-index:201;
	}
	.nyroModalTitle {
		font-size:14px;
		padding:0 60px 0 0;
	}
	.nyroModalMessage .nyroModalCont {
		max-width: calc(100% - 30px) !important;
		margin:30px 0 15px !important;
	}
	.nyroModalMessage .nyroModalCont.nyroModalImg{
		margin:0 !important;
	}
	.nyroModalMessage .nyroModalTitle {
		font-size:22px;
		padding:0;
	}
	.nyroModalMessage .nyroModalImage img {
		max-width:100%;
		max-height:100%;
		margin:auto;
	}
}