/* Модальное окно */
.modals {
	display: none;
}

.modal {
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 9999;
    background-image: url(../img/bgm.png);
    background-repeat: repeat;
	display: block;
    overflow: auto;
}

.modal > div.nc {
    position: relative;
    width: 280px;
    padding: 30px 30px;
    margin: 4% auto;
    background-color: #fff;
    border-radius: 10px;
}

.modal > div.nc.bigform {
    width: 760px;
}

.modal .close {
	width: 30px;
    height: 30px;
    position: absolute;
	right: -15px;
	top: -15px;
    background-image: url(../img/close.png);
    background-repeat: no-repeat;
    background-position: center 0;
}

.modal .close:hover {
    
}

.modimg {
    width: 450px;
    margin: 0 30px 0 0;
    padding: 0;
    float: left;
}

.modtext {
    width: 280px;
    margin: 0;
    padding: 0;
    float: left;
}

.bigimg {
    display: block;
    max-width: 440px;
    max-height: 440px;
    margin: 0 auto 10px;
    padding: 0;
}

.modimg a.smallimg {
    display: block;
    width: 65px;
    height: 65px;
    margin: 5px 5px;
    padding: 0;
    float: left;
}

.modimg a.smallimg img {
    display: block;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    padding: 0;
}

.modal p.mz {
    max-width: 960px;
    text-align: center;
    font: normal 20px "Museo Cyrl 900", sans-serif;
    color: #fff;
    margin: 0 auto 15px;
    padding: 0;
    line-height: 140%;
    text-transform: uppercase;
}

.modal p.mz span {
    background: #E6007E;
    padding: 1px 5px;
}

.modal p.mt {
    text-align: left;
    font: normal 15px "Proxima Nova Rg", sans-serif;
    color: #000;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    line-height: 140%;
    border-bottom: 1px solid #8c8c8c;
}

.modal p.mt span {
    font-weight: bold;
}

.modal form {
    width: 280px;
    margin: 0 auto;
    padding: 0;
}

.modal input[type=text] {
    display: block;
    width: 253px;
    border: 1px solid #b7b7b7;
    background-color: #fff;
    padding: 17px 5px 17px 20px;
    margin: 0 auto 15px;
    border-radius: 10px;
    text-align: left;
    font: normal 15px "Proxima Nova Rg", sans-serif;
    color: #8c8c8c;
}

.modal input.n {
    background-image: url(../img/in.png);
    background-repeat: no-repeat;
    background-position: 0 center;
}

.modal input.p {
    background-image: url(../img/ip.png);
    background-repeat: no-repeat;
    background-position: 0 center;
}

.modal input.s {
    display: block;
    width: 276px;
    margin: 20px auto 0;
    padding: 15px 0;
    background: #044597;
    border: 2px solid #E6007E;
    border-radius: 10px;
    text-align: center;
    font: normal 18px "Museo Cyrl 300", sans-serif;
    color: #fff;
}

.modal input.s:hover {
    text-decoration: none;
    background: #E6007E;
    border-color: #044597;
}





/*******/