html, body, div, span, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select, hr, h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    border: 0;
}

html, body {
    height: 100%;
}

@font-face {
    font-family: PDbk;
    src: url(/css/fonts/PlayfairDisplay-Black.ttf) format("truetype");
}
@font-face {
    font-family: PDb;
    src: url(/css/fonts/PlayfairDisplay-Bold.ttf) format("truetype");
}
@font-face {
    font-family: PDr;
    src: url(/css/fonts/PlayfairDisplay-Regular.ttf) format("truetype");
}
@font-face {
    font-family: PDSbk;
    src: url(/css/fonts/PlayfairDisplaySC-Black.ttf) format("truetype");
}
@font-face {
    font-family: PDSr;
    src: url(/css/fonts/PlayfairDisplaySC-Regular.ttf) format("truetype");
}
@font-face {
    font-family: PNb;
    src: url(/css/fonts/ProximaNova-Bold.ttf) format("truetype");
}
@font-face {
    font-family: PNr;
    src: url(/css/fonts/ProximaNova-Regular.ttf) format("truetype");
}
@font-face {
    font-family: PNsb;
    src: url(/css/fonts/ProximaNova-Semibold.ttf) format("truetype");
}

body{
    font:15px PNr,Arial,sans-serif;
    color:#282828;
    background-color: #ffffff;
    text-align: left;
    line-height: 20px;
}

h1{
    font-family: PDr;
    font-size: 70px;
    font-weight: normal;
    color: #000000;
    margin-bottom: 30px;
    line-height: 70px;
}
h2, span.title2{
    font-family: PDr;
    font-size: 70px;
    font-weight: normal;
    color: #000000;
    margin-bottom: 30px;
    line-height: 70px;
    text-align: center;
}
h2.white{
    color: #ffffff;
}
h2.smaller{
    font-size: 50px;
    line-height: 60px;
}

span.title3{
    font: 33px PDr;
    color: #000000;
    display: block;
}
span.title4{
    font: 24px PNb;
    color: #282828;
    display: block;
}

label{
    margin: 20px 0 10px 0;
    display: block;
    padding-top: 10px;
    
    color: #282828;
    font-size: 15px;
}
label input[type=text],
label input[type=password]{
    position: relative;
    top: -5px;    
}

input[type=radio]{
    margin-right: 10px;
}
input[type=text],
input[type=password],
textarea{
    color: #000000;
    background-color: #3f2f8d;
    display:inline-block;
    border: none;
    padding: 30px;
}
input[type=text],
input[type=password]{ width: 468px; height: 10px; }
textarea{ width: 468px; height: 128px; }

.order_form input[type=text],
.order_form textarea{
	background-color: #ffffff;
	border: 1px solid #3f2f8d;
}

ul{
    list-style: none;
    line-height: 25px;
    display: inline-block;
}
ul li{
    padding-left: 20px;
}
ul li strong{
    font-size: 15px;
    color: #000000;
}

ol{
    padding-left:10px;
}
ol li ol{
    margin-left: 10px;
}

.gray{
    background-color: #f3f3f3;
}
.red{
    color: #fa1838;
    font-family: Lblack;
}
.black{
    color: #000000;
    font-family: PTbold;
}

.aCenter{ text-align: center; }
.cred{ color: #ee2542; }
.cgreen{ color: #33af7d; }
.cgray{ color: #999999; }

.fRight{ float: right; }
.fLeft{ float: left; }

a, a:visited, a:link{ color: #fa1838; text-decoration: underline; }
a:hover{ text-decoration: none; }

a.underline, a.underline:visited, a.underline:link{ text-decoration: none; }
a span{ border-bottom: 1px dotted #ffffff; }
a:hover span { border-bottom: none; }

span.title a, span.title a:visited, span.title a:link,
h2 a, h2 a:visited, h2 a:link{ color: #222121;}

.clear{ clear:both; }
.space10{ height:10px; }
.space20{ height:20px; }
.space30{ height:30px; }
.space40{ height:40px; }
.space50{ height:50px; }
.space60{ height:60px; }
.space100{ height:100px; }

.w80p{ width: 80%; }
.w20p{ width: 15%; }

.w70p{ width: 65%; }
.w30p{ width: 30%; }

.w50p{ width: 45%; }
.w50p{ width: 45%; }

.Citem .description p.m0,
.m0{ margin-top: 0; }

.background{
    display: none;
    width:100%;
    min-height: 100%;
    height:100%;
    background-color:#000000;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;

    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter:alpha(opacity=80);
}

a.close{
    position: absolute;
    top: -13px;
    right: -14px;
    display: block;
    width: 29px;
    height: 29px;
    z-index: 5;
}
a.send{
    margin-top: 30px;
    font-family: PNsb;
    color: #ffffff;
    font-size: 20px;
    padding:12px 20px;
    text-decoration: none;
    display: inline-block;
    border: 2px solid #f8aa00;
}
a.send:hover{
    color: #000000;
    background-color: #f8aa00;
}

.pager a{
    display: inline-block;
    margin-right:20px;
    text-decoration: none;
}
.pager div{
    margin-top:20px;
}

table{
    vertical-align: top;
    border-collapse: collapse;
    color: #333333;
    margin: 10px 0 25px 0;
    font-size: 13px;
    width: 100%;
    border-bottom: 2px solid #dadada;
}
table th{
    font-size: 15px;
    color: #000000;
    font-weight: normal;
    border-bottom: 2px solid #fa1838;
    padding: 5px 0;
}
table td{
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid #dadada;
    padding: 10px 0;
}
table td img{
    border: 1px solid #dadada;
}
table td.last{
    border-bottom: none;
}

div.container{
    display: flex;
    flex-direction: column;
    height: 100%;
    position:relative;
    min-width: 1204px;
}
    @media screen and (max-width: 320px) {
        div.container{
            width: 100%;
            min-width: auto;
        }
    }
.wraper{
    flex: 1 0 auto;
}
.content{
    width: 1204px;
    margin:0 auto;
    position: relative;
}
    @media screen and (max-width: 320px) {
        .content{
            width: 100%;
        }
    }
div.footer{
    flex: 0 0 auto;
    width:100%;
    height:125px;
    color: #ffffff;
    position: relative;
    background-color: #0b0912;
}
div.footer div:nth-child(1){
    margin: 50px 0 0 115px;
    float: left;
}
div.footer div:nth-child(2){
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -340px;
    width: 830px;
}
div.footer div:nth-child(2) span,
div.footer div:nth-child(2) a{
    color: #f8aa00;
    text-decoration: none;
	margin-left: 15px;
    display: inline-block;
}
div.footer div:nth-child(2) span:nth-child(2),
div.footer div:nth-child(2) a:nth-child(2){
    padding-left: 30px;
    margin-left: 30px;
    border-left: 1px solid #24222a;	
}
div.footer div:nth-child(2) a:hover{
    text-decoration: underline;
}

div.footer div:nth-child(3){
    float: right;
    margin: 50px 82px 0 0;
}
div.footer div:nth-child(3) a:nth-child(1),
div.footer div:nth-child(3) a:nth-child(2),
div.footer div:nth-child(3) a:nth-child(3),
div.footer div:nth-child(3) a:nth-child(4){
    display: inline-block;
    margin-right: 33px;
}
div.footer div:nth-child(3) a:nth-child(1){ background: url(/img/yt.png) 0 0 no-repeat; width: 28px; height: 21px; }
/*div.footer div:nth-child(3) a:nth-child(2){ background: url(/img/fb.png) 0 0 no-repeat; width: 8px; height: 20px; }*/
div.footer div:nth-child(3) a:nth-child(2){ background: url(/img/vk.png) 0 0 no-repeat; width: 21px; height: 14px; position: relative; top: -1px; }
div.footer div:nth-child(3) a:nth-child(3){ background: url(/img/ok.png) 0 0 no-repeat; width: 23px; height: 23px; position: relative; top: 5px; }
div.footer div:nth-child(3) a:nth-child(1):hover{ background: url(/img/yt_a.png) 0 0 no-repeat; width: 28px; height: 21px; }
/*div.footer div:nth-child(3) a:nth-child(2):hover{ background: url(/img/fb_a.png) 0 0 no-repeat; width: 8px; height: 20px; }*/
div.footer div:nth-child(3) a:nth-child(2):hover{ background: url(/img/vk_a.png) 0 0 no-repeat; width: 21px; height: 14px; }
div.footer div:nth-child(3) a:nth-child(3):hover{ background: url(/img/ok_a.png) 0 0 no-repeat; width: 23px; height: 23px; }

.scrollerAreas,
#scrollerArea,
#scrollerArea2{
    position: relative;
    margin: 0 auto;
    text-align: left;
}
#scrollerArea2{
    top: -25px;
}
.scrollerAreas .inner,
#scrollerArea .inner,
#scrollerArea2 .inner{
    overflow:hidden;
}

.scrollerAreas .scroller,
#scrollerArea .scroller,
#scrollerArea2 .scroller{
    width:90000px;
    overflow:hidden;
    position:relative;
    left:0;
}

.scrollerAreas .item,
#scrollerArea .item{
    float: left;
    position: relative;
    width: 234px;
}
#scrollerArea2 .item{
    float: left;
    position: relative;
    width: 1204px;
}

/*------HEADER------*/
.header_main{
    height:936px;
    text-align: center;
	background-color: #1b2143;
}
.header_main > div > img{
	width:100%;
}
.header_inner{
    height:700px;
    text-align: center;
    background: url(/img/banner_inner.jpg) 0 0 no-repeat;
	overflow: hidden;
}
.header_contact{
    height:110px;
    text-align: center;
    background: url(/img/banner_contact.jpg) 0 0 no-repeat;
}

.header.header_inner h1{
    font: 93px PDr;
    top: 131px;
    left: 65px;
    line-height: 105px;
    text-align: left;
}
.header.header_inner > .content > span{
    text-align: left;
    color: #ffffff;
    font: 28px PNb;
    position: absolute;
    left: 0;
    top: 330px;
}
.header.header_inner > .content > p{
    top: 390px;
}
.header hr{
    height: 1px;
    background-color: #313956;
	position: relative;
	z-index: 2;
}
.header > div:nth-child(1){
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.header > div.content > div:nth-child(1){
	width: 173px;
	height: 103px;
	background-color: #3f2f8d;
	position: absolute;
    top: 131px;
    left: 6px;
	z-index: 2;
}
.header > div.content > span{
	font: 140px PDr;
	color: #ffffff;
    position: absolute;
    left: 34px;
    top: 110px;
	z-index: 2;
}
.header > div.content > span i{
	font-style:normal;
	position: absolute;
    left: 174px;
    top: 110px;
}
.header > span:nth-child(2),
.header > a:nth-child(2){
    background: url(/img/logo.png) 0 0 no-repeat;
    display: block;
    width: 190px;
    height: 24px;
    float: left;
    margin: 23px 40px 0 115px;
    text-decoration: none;
	font: 15px PDSr;
	position: relative;
	z-index: 2;
	padding:40px 0 0 0;
	border:none;
	color:#fa1838;
}
.header > span{
    float: left;
    font: 18px PNr;
    border-right: 1px solid #313956;
    border-left: 1px solid #313956;
    padding: 47px 40px 30px 40px;
	position: relative;
	z-index: 2;
}
.header > span a{
    color: #ffffff;
    text-decoration: none;
}
.header > a:nth-child(4){
    display: block;
    width: 26px;
    height: 24px;
    background: url(/img/mail.png) 50% 40px no-repeat;
    float: left;
    padding: 43px 40px 32px 40px;
    border-right: 1px solid #313956;
	position: relative;
	z-index: 2;
}
.header > a:nth-child(4):hover{
    background: url(/img/mail_a.png) 50% 40px no-repeat;
}
.header > div.lng{
    display: block;
    width: 55px;
    height: 24px;
    float: left;
    padding: 43px 20px 32px 20px;
    border-right: 1px solid #313956;
    position: relative;
    z-index: 2;
    font-size: 18px;
}
.header > div.lng > span:nth-child(1),
.header > div.lng > a:nth-child(1){
	margin-right:10px;
}
.header > div.lng > a{
	text-decoration: none;
	color: #b0b8c5;
}
.header > div.lng > span,
.header > div.lng > a:hover,
.header > div.lng > a.active{
	color: #fa1838;
}
.header > ul{
    float: right;
    padding: 47px 63px 0 0;
	position: relative;
	z-index: 3;
}
.header ul li{
    float: left;
    margin-right: 52px;
	position: relative;
	padding: 0 0 27px 20px;
}
.header ul li span,
.header ul li a{
    text-decoration: none;
    color: #b0b8c5;
    font: 18px PNr;
    padding-top: 10px;
}
.header ul li.active span,
.header ul li.active a,
.header ul li:hover > a{
    color: #ffffff;
    background: url(/img/menu_hover.jpg) 0 0 no-repeat;
}
.header ul li.active a{
    font-family: PNb;    
}

.header ul li:hover ul{
	display: block;
}
.header ul li ul{
    display: none;
    position: absolute;
    top: 50px;
    left: 0px;
    padding: 10px 10px 10px 20px;
    width: 640px;
    text-align: left;
    z-index: 3;
    background-color: #ffffff;
}
.header ul li ul li{
	float:none;
	margin-bottom: 10px;
	padding: 0;
}

.header ul li.active ul li a,
.header ul li ul li:hover > a,
.header ul li ul li a{
	color: #000000;
	background: none;
}
.header ul li ul li a:hover{
	background: none;
	color: #f8aa00;
}

.header h1{
    color: #ffffff;
    font: 28px PNb;
    margin-bottom: 10px;
    position: absolute;
    top: 410px;
    left: 0;
	z-index: 2;
}
.header p{
    color: #ffffff;
    font-size: 20px;
    position: absolute;
    top: 457px;
    left: 0;
    width: 600px;
    text-align: left;
    line-height: 30px;
	z-index: 2;
}
.header .content a{
    font: 20px PNsb;
    padding: 19px 57px;
    border: 4px solid #f8aa00;
    text-decoration: none;
    color: #ffffff;
    position: absolute;
    top: 745px;
    left: 0;
	z-index: 2;
}
.header .content a:hover{
    color: #000000;
    background-color: #f8aa00;
}

/*------CONTENT_MAIN------*/
div.gallery{
    position: relative;
    background: url(/img/background_gallery.jpg) 0 0 no-repeat;
    padding-top: 130px;
    height: 950px;
}

div.gallery .eventsList{
    margin-top: 60px;
}
div.gallery .eventsList .event{
    position: relative;
    width: 224px;
    height: 224px;
    float: left;
    margin: 0 21px 21px 0;
	overflow:hidden;
}
div.gallery .eventsList .event:nth-child(5n){ margin-right: 0; }

.galleryList .background_item,
div.gallery .eventsList .event .background_item{
    width:100%;
    min-height: 100%;
    height:100%;
    background-color:#000000;
    position:absolute;
    top:0;
    left:0;
    z-index:3;

    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter:alpha(opacity=50);
}
.galleryList .background_item{ display: none; }
div.gallery .eventsList .event .background_item{ display: block; }

.galleryList .info,
div.gallery .eventsList .event .info{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    background-color: #07050a;
    color: #ffffff;
    width: 164px;
    height: 109px;
    padding: 85px 30px 30px 30px;
}

.galleryList .imgList a:hover .info,
div.gallery .eventsList .event:hover .info{
    display: block;
}
.galleryList .imgList .info font,
div.gallery .eventsList .event .info font{
    font: 18px PNsb;
    display: block;
    margin-bottom: 10px;
}
.galleryList .imgList .info span,
div.gallery .eventsList .event .info span{
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 14px 30px;
    color: #000000;
    font: 18px PNsb;
    background-color: #f8aa00;
}
div.gallery .eventsList .event .info p span,
.galleryList .imgList .info p span{
    position: inherit;
    padding: 0;
    color: #ffffff;
    font: 15px PNr;
    background-color: #07050a;
}
div.gallery .eventsList > a:nth-child(13){
    background: url(/img/arrow_w.png) 46px 170px no-repeat #3f2f8d;
    font: 20px PNsb;
    color: #ffffff;
    text-decoration: none;
    padding: 55px 236px 109px 45px;
    display: block;
    float: left;
    line-height: 30px;
}
div.gallery .eventsList > a i{
	font-style:normal;
}
div.gallery .eventsList > a:nth-child(13):hover i{
    border-bottom: 1px dashed #ffffff;
}
div.gallery .eventsList > a:nth-child(15){
    background: url(/img/arrow_y.png) right 50% no-repeat;
    font: 20px PNsb;
    color: #000000;
    text-decoration: none;
    padding-right: 100px;
    display: block;
    position: absolute;
    bottom: 125px;
    right: 0;
}
div.gallery .eventsList > a:nth-child(15) span{
    padding: 44px 59px;
    background-color: #f8aa00;
    border-bottom: none;
}
div.gallery .eventsList > a:nth-child(15):hover span i{
    border-bottom: 1px dashed #000000;
}

.order{
    position: relative;
    height: 1075px;
	overflow: hidden;
}
.order.show .fullLeftBlock{
    width: 40%;
}

.order .fullLeftBlock{
    width: 48%;
    float: left;
    padding-top: 110px;
}
.order.reverse .fullLeftBlock{
    float: right;
}
.order h2{
    line-height: 70px;
    text-align: left;
    margin-bottom: 60px;
}
.order span strong{
	font-weight:normal;
    font: 80px PDSbk;
    color: #f8aa00;
}
.order span i{
    font: 80px PDSbk;
    color: #ffffff;
    font-style: inherit;
}
.order span{
    position: absolute;
    top: 87px;
    font: 40px PDSr;
    color: #ffffff;
    width: 160px;
    left: 50%;
    margin-left: -80px;
}
.order.price_gallery span{
    top: 550px;
    left: -480px;
    color: #000000;
}
.order.price_gallery span i{
    color: #000000;
}
.order .bigimg{
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}
.order.reverse .bigimg{
    left: 0;
    right: inherit;
}
.order img{
    width: 100%;
    float: right;
}
.order .mini{
    position: absolute;
    top: 730px;
    z-index: 4;
	overflow: hidden;
    height: 232px;
    width: 987px;
}
.order .mini .inner{
	position: absolute;
	width: 9000px;
}
.order .mini a{
    margin-right: 16px;
    display: inline-block;
    border: 4px solid transparent;
}
.order .mini a.active,
.order .mini a:hover{
    border: 4px solid #f8aa00;
}
.order .mini img{
	width: 224px;
	height: 224px;
}

.order .fullLeftBlock p{
    color: #282828;
    font-size: 24px;
    line-height: 30px;
}
.order .fullLeftBlock .info div{
	display: none;
}
.order .fullLeftBlock .info div:nth-child(1){
	display: block;
}
.order .fullLeftBlock a{
    margin-top: 80px;
    padding: 23px 72px;
    color: #000000;
    font: 20px PNsb;
    background-color: #f8aa00;
    text-decoration: none;
    display: inline-block;
}
.order .fullLeftBlock a:hover{
    color: #f8aa00;
    background-color: #000000;
}
.order .fullLeftBlock a.purple{
    color: #ffffff;
    background-color: #3f2f8d;
    border: 4px solid #3f2f8d;
    padding: 15px 64px;
}
.order .fullLeftBlock a.purple:hover{
    color: #3f2f8d;
    background-color: #ffffff;
}

.order a.goleft,
.order a.goright{
    display: block;
    width: 27px;
    height: 41px;
    position: absolute;
    top: 600px;
    z-index: 4;
}
.order a.goleft{ background: url(/img/toleft.png) 0 0 no-repeat; left: 300px; }
.order a.goright{ background: url(/img/toright.png) 0 0 no-repeat; left: 400px; }
.order a.goleft:hover{ background: url(/img/toleft_a.png) 0 0 no-repeat; }
.order a.goright:hover{ background: url(/img/toright_a.png) 0 0 no-repeat; }

.responces{
    background: url(/img/background_responces.jpg) 0 0 no-repeat #151225;
    height: 690px;
    padding-top: 290px;
    position: relative;
}
.responces h2{
    margin-bottom: 110px;
}
.responces > .content{
    text-align: center;
}
.responces > .content > #scrollerArea2 > a:nth-child(1),
.responces > .content > #scrollerArea2 > a:nth-child(2){
    display: block;
    width: 27px;
    height: 41px;
    position: absolute;
    top: 140px;
    z-index: 4;
}
.responces > .content > #scrollerArea2 > a:nth-child(1){ background: url(/img/toleft_w.png) 0 0 no-repeat; left: 0px; }
.responces > .content > #scrollerArea2 > a:nth-child(2){ background: url(/img/toright_w.png) 0 0 no-repeat; right: 0px; }
.responces > .content > #scrollerArea2 > a:nth-child(1):hover{ background: url(/img/toleft_a.png) 0 0 no-repeat; }
.responces > .content > #scrollerArea2 > a:nth-child(2):hover{ background: url(/img/toright_a.png) 0 0 no-repeat; }

.responces > .content > #scrollerArea2 > img:nth-child(3),
.responces > .content > #scrollerArea2 > img:nth-child(4){
    position: absolute;
    top: 145px;
}
.responces > .content > #scrollerArea2 > img:nth-child(3){
    left: 150px;
}
.responces > .content > #scrollerArea2 > img:nth-child(4){
    right: 150px;
}
.responces > .content > #scrollerArea2 > .inner > .scroller > .item > div{
    width: 370px;
    color: #ffffff;
    font-size: 18px;
    float: left;
    padding-top: 300px;
    text-align: left;
}
.responces > .content > #scrollerArea2 > .inner > .scroller > .item > div i{
	font-style:normal;
}
.responces > .content > #scrollerArea2 > .inner > .scroller > .item > a:nth-child(2){
    float: left;
    margin: 0 60px;
}
.responces > .content > #scrollerArea2 > .inner > .scroller > .item > div > p{
    line-height: 30px;
}
.responces > .content > #scrollerArea2 > .inner > .scroller > .item > div > span{
    display: block;
    margin: 30px 0 10px 0;
    font: 24px PDb;
}

.callback{
    background: url(/img/background_callback.jpg) right 0 no-repeat;
    height: 1080px;
    position: relative;
	background-size: cover;
}
.callback .fullLeftBlock{
    width: 50%;
    padding-top: 270px;
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
}
.callback .fullLeftBlock h2{
    position: absolute;
    top: 155px;
    left: 0;
}
.callback .background_item2{
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 3;

    background-color:#151225;
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter:alpha(opacity=80);
}
.callback .content {
    z-index: 4;
}
.callback form{
    margin-top: 50px;
    text-align: right;
    width: 490px;
}
.callback form input,
.callback form textarea{
    margin: 0 6px 6px 0;
    width: 430px;
    font-size: 18px;
    color: #ffffff;
    
    -moz-opacity: 0.60;
    -khtml-opacity: 0.60;
    opacity: 0.60;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter:alpha(opacity=60);
}
.callback form input:nth-child(3),
.callback form input:nth-child(2){
    float: left;
    width: 182px;
}
.callback form input:nth-child(3){
    margin-right: 0;
}
.callback form a{
    display: inline-block;
    color: #ffffff;
    font: 20px PNsb;
    border: 2px solid #f8aa00;
    padding: 21px 62px;
    text-decoration: none;
    margin-top: 35px;
}
.callback form a:hover{
    background-color: #f8aa00;
    color: #000000;
}

/*------PAGING------*/
.paging{
    padding: 20px 0;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
.paging a{
    display: inline-block;
    font-size: 13px;
    color: #999999;
    border: 1px solid #fa1838;
    padding: 4px 9px;
    text-decoration: none;
    margin-right: 5px;
}
.paging a.pprev{
    border: 1px solid transparent;
    background: url(/img/pprev.png) 0 50% no-repeat;
    width: 10px;
}
.paging a.pnext{
    border: 1px solid transparent;
    background: url(/img/pnext.png) 0 50% no-repeat;
    width: 10px;
}
.paging a.pprev:hover,
.paging a.pnext:hover{
    background-color: #ffffff;
}

.paging a.active,
.paging a:hover{
    color: #000000;
    border: 1px solid transparent;
    background-color: #fed92e;
}
.paging a.active{
    
}
/*------WINDOW_MODAL------*/
.order_form{
	width: 528px;
    display:none;
    background-color: #ffffff;
    padding: 35px 65px;
    position: fixed;
    z-index:10000;
    top:75px;
    left: 50%;
    margin-left: -281px;
    overflow-y: auto;

    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.7);
    overflow: hidden;
}
.order_form input,
.order_form textarea {
	margin: 0 0 5px 0;
}
.order_form a.close{
    top: 7px;
    right: 0px;
    text-decoration: none;
    color: #000000;
    text-align: center;
    font-size: 25px;
}
.order_form a.send{
	color: #000000;
}
.order_form span{
    display:block;
    text-align: left;
    font-size: 26px;
    color: #0a1218;
    font-weight: bold;
}
.order_form span.error{
    font-size: 12px;
    color: red;
    clear: both;
}

.sitemap a{
    display:block;
    margin-bottom: 5px;
}  
  
.submenu{
    background-color: #f3f3f3;
    text-align: center;
}
.submenu a{
    display: inline-block;
    margin-right: 29px;
    font-size: 18px;
    color: #282828;
    text-decoration: none;
    padding: 30px 0;
}
.submenu a.active,
.submenu a:hover{
    color: #000000;
    border-bottom: 2px solid #f8aa00;
}
.submenu a.active{
    font-family: PNb;
}
.submenu > .content > a.last{
    margin-right: 0;
}
span.strong{
    font: 24px PNb;
    color: #282828;
    line-height: 35px;
    margin: 70px 0 20px 0;
    display: block;
}

.splitBlock{
    position: relative;
    padding-top: 60px;
}
.splitBlock .firstback,
.splitBlock .secondback{
    width: 50%;
    height: 100%;
    top: 0;
    position: absolute;
}
.splitBlock .firstback{ left:0; background-color: #f3f3f3; }
.splitBlock .secondback{ right:0; right; background-color: #eaeaea; }

.leftBlock{ float: left; }
.rightBlock{ float: right; }
.leftBlock,
.rightBlock{
    width: 39%;
	position: relative;
}
.splitBlock span.price{
    color: #282828;
    font: 24px PNb;
    display: block;
    position: relative;
}
.splitBlock span.price font{
    width: 85px;
    height: 55px;
    background-color: #f8aa00;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}
.splitBlock span.price i{
    position: relative;
    z-index: 2;
    font-style: inherit;
    top: 25px;
    left: 39px;
}
.splitBlock a{
    margin-top: 40px;
    display: inline-block;
    border: 4px solid #f8aa00;
    padding: 19px 68px;
    text-decoration: none;
    color: #000000;
    font: 20px PNsb;
}
.splitBlock .content a:hover{
    background-color: #f8aa00;
}
.imgList{
    width: 975px;
    margin: 0 auto;
}
.imgList a{
    margin: 0 21px 21px 0;
    display: block;
	float: left;
    border: 4px solid transparent;
    cursor: zoom-in;
    position: relative;
	overflow: hidden;
}
.imgList a img{
	width: 467px;
}
.imgList a:nth-child(2n){
	margin-right:0;
}
.imgList a:hover{
    border: 4px solid #f8aa00;
}
.imgList a:hover .background_item{
    display: block;
}
.galleryList .imgList .info{
    width: 407px;
    height: 87px;
    padding: 30px 30px 30px 30px;
    bottom: 0;
    top: inherit;
}
.galleryList .imgList .info span{
    top: -320px;
    border-bottom: none;
}

.galleryList{
    text-align: center;
}
.galleryList a.more{
    margin-top: 40px;
    display: inline-block;
    border: 4px solid #f8aa00;
    padding: 19px 68px;
    text-decoration: none;
    color: #000000;
    font: 20px PNsb;
}
.galleryList a.more:hover{
    background-color: #f8aa00;
}
.rayder ul{
    width: 965px;
    margin: 0 auto;
    text-align: left;
}
.show ul li,
.rayder ul li{
    margin-bottom: 15px;
    background: url(/img/li.png) 0 10px no-repeat;
}
.olList > div{
    margin-bottom: 20px;
}
.olList > div span{
    font: 18px PNb;
}

a.toggleLink{
    display: block;
    padding: 35px 130px;
    font-size: 24px;
    background: url(/img/open.png) 90% 50% no-repeat #f3f3f3;
    text-decoration: none;
    color: #282828;
    margin-bottom: 12px;
}
a.toggleLink:hover{
    text-decoration: underline;
}
a.toggleLink.active{
    color: #ffffff;
    background: url(/img/close.png) 90% 50% no-repeat #3f2f8d;
}
.toggleList{
    margin-bottom: 20px;
    display: none;
}
.toggleList > div{
    border-bottom: 1px dotted #9f97c6;
    padding: 35px 130px;
}
.toggleList > div.last{
    border-bottom: none;
}
.toggleList > div span{
    color: #000000;
    font: 18px PNsb;
    width: 50%;
    float: left;
}
.toggleList > div font{
    color: #282828;
    font-size: 18px;
    width: 50%;
    float: left;
}

.special2,
.special{
    position: relative;
    font-size: 24px;
    line-height: 26px;
}
.special2 span,
.special span{
    width: 85px;
    height: 55px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}
.special span{
    background-color: #f8aa00;
}
.special2 span{
    background-color: #3f2f8d;
}
.special2 font,
.special font{
    position: relative;
    z-index: 2;
    display: inline-block;
	line-height: 30px;
}
.special2 font{
    padding: 15px 0px 0 40px;
}
.special font{
    padding: 25px 0px 0 40px;    
}

.show .title3,
.show p{
    margin-bottom: 30px;
}

.show.order .fullLeftBlock p{
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
}
.show strong{
    font-family: PNb;
    color: #000000;
}
.onas{
    background: url(/files/about3.jpg) 0 0 no-repeat;
    padding: 140px 0;
    height: 405px;
}
.onas .special2{
    color: #ffffff;
    font-size: 24px;
    line-height: 35px;
}

.mainbanner{
	display:none;
	height: 936px;
}
.mainbanner.mainbanner0{
	display:block;
}
.textBlockIndex{
	padding-bottom: 40px;
}

.hamburger {
  display: none;
}

@media screen and (max-width: 500px) {
	div.container {
		min-width: auto;
		width: 100%;
	}
	.header,
	.header_main,
	.content {
		width: 100%;
	}
	.content {
		box-sizing: border-box;
		padding: 0 10px;
	}

	.header > div:nth-child(1){
		top: 190px;
	}
	.header > a:nth-child(2){
		margin-left: 50px;
	}
	
	.header > div.content > span{
		font-size: 60px;
	}
	.header > div.content > span font{
		top: 56px;
		left: 107px;
	}
	.header h1{
		top: 260px;
		position: relative;
	}
	.header p{
		top: 260px;
		position: relative;
		padding: 0 10px;
		width: 100%;
	}
	
	.header_main{
		height: 100%;
	}
	.header .content a{
		position: relative;
		top: 312px;
	}
	div.gallery{
		padding-top: 25px;
		height: 872px;
		overflow: hidden;
	}
	div.gallery .eventsList .event{
		float: none;
		margin: 19px auto;
	}
	h2, span.title2{
		font-size: 43px;
		line-height: 43px;
	}
	.order .mini{
		width: 100%;
	}
	.order a.goleft{
		left: 30%;
	}
	.order a.goright{
		right: 30%;
	}
	.order .fullLeftBlock{
		width: 100%;
		float: none;
		padding-top: 30px;
	}
	.order h2{
		line-height: 40px;
		text-align: center;
	}
	.order .fullLeftBlock a{
		margin-top: 20px;
	}
	.order .bigimg{
		position: relative;
		margin: 10px 0;
		width: 100%;
	}
	
	.show .title3, .show p{
		font-size: 20px;
		line-height: 30px;
	}
	
	#scrollerArea2 .item{
		width: 100%;
	}
	.responces{
		padding-top: 40px;
		height: 910px;
	}
	.responces > .content > #scrollerArea2 > .inner > .scroller > .item > div{
		float: none;
		padding-top: 0;
	}
	.responces > .content > #scrollerArea2 > .inner > .scroller > .item > a:nth-child(2){
		display: block;
		float: none;
		margin: 90px auto 0 auto;
		width: 100%;
	}
	.responces > .content > #scrollerArea2 > img:nth-child(3){
		top: 185px;
		left: 100px;
	}
	.responces > .content > #scrollerArea2 > img:nth-child(4){
		top: 185px;
		right: 100px;
	}
	.responces > .content > #scrollerArea2 > a:nth-child(1){
		top: 185px;
		left: 20px;
	}
	.responces > .content > #scrollerArea2 > a:nth-child(2){
		top: 185px;
		right: 20px;
	}
	.responces h2{
		margin-bottom: 70px;
	}
	
	.callback .background_item2{
		width: 100%;
		-moz-opacity: 0.50;
		-khtml-opacity: 0.50;
		opacity: 0.5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		filter: alpha(opacity=50);
	}
	.callback .fullLeftBlock h2{
		position: relative;
		top: 0;
	}
	.callback .fullLeftBlock{
		width: 100%;
		padding-top: 35px;
		float:none;
	}
	.callback form{
		width: 80%;
	}
	.callback form input:nth-child(3), .callback form input:nth-child(2),
	.callback form input, .callback form textarea{
		width: 100%;
	}
	
	div.footer{
		height: 140px;
	}
	div.footer div:nth-child(1){
		margin: 20px 0 0 20px;
		float: none;
	}
	div.footer div:nth-child(2){
		position: relative;
		top: 10px;
		left: 0;
		margin-left: 0;
		width: 100%;
		text-align: center;
	}
	div.footer div:nth-child(2) span:nth-child(2),
	div.footer div:nth-child(2) a:nth-child(2){
		padding-left: 10px;
		margin-left: 25px;
	}
	div.footer div:nth-child(2) span{
		display: block;
		text-align: center;
	}
	div.footer div:nth-child(3){
		float: none;
		margin: 0;
		position: absolute;
		top: 18px;
		right: 0px;
	}
	div.footer div:nth-child(3) a:nth-child(2){
		top: -4px;
	}
	div.footer div:nth-child(3) a:nth-child(3){
		top: 1px;
	}
	div.footer div:nth-child(3) a:nth-child(1), div.footer div:nth-child(3) a:nth-child(2), div.footer div:nth-child(3) a:nth-child(3), div.footer div:nth-child(3) a:nth-child(4){
		margin-right: 10px;
	}
	
	.hamburger {
		position: absolute;
		z-index: 11;
		display: inline-block;
		width: 45px;
		height: 45px;
		background: url(/css/hamburger.png) 50% 50% no-repeat;
		background-size: 100%;
		cursor: pointer;
		right: 15px;
		top: 25px;
	}
	
	.header > ul {
		float: left;
		z-index: 10;
		position: absolute;
		display: none;
		margin-left: 0;
		left: auto;
		top: 20px;
		right: 0;
		padding: 20px 60px 30px 30px;
		background: #0e0e0e;
		width: 100%;
		box-sizing: border-box;
	}
	.header > ul > li{
		float: none;
	}
    .header > ul > li > ul {
        display: none;
        position: absolute;
        left: 64px;
        top: 70px;
        padding: 0 20px;
        width: auto;
        right: auto;
    }
	
	/*INNER*/
	.splitBlock .firstback, .splitBlock .secondback{
		width: 100%;
	}
	.leftBlock, .rightBlock{
		width:100%;
		float:none;
	}
	h1{
		font-size: 40px;
		line-height: 40px;
	}
	.splitBlock a{
		padding: 19px 40px;
	}
	.header > span{
		float: none;
		font: 18px PNr;
		border-right: none;
		border-left: none;
		padding: 0px;
		position: absolute;
		display: block;
		top: 92px;
		left: 0;
	}
	.header > a:nth-child(4){
		display: block;
		width: auto;
		height: auto;
		background: url(/img/mail.png) 0 0 no-repeat;
		float: none;
		padding: 13px;
		border-right: none;
		position: absolute;
		z-index: 2;
		top: 90px;
		left: 178px;
	}
	.header > a:nth-child(4):hover{
		background: url(/img/mail_a.png) 0 0 no-repeat;
	}
	
	.header > div.content > div:nth-child(1){
		top: 60px;
	}
	.header.header_inner h1{
		font: 40px PDr;
		font-size: 40px;
		line-height: 40px;
		top: 60px;
		left: 20px;
	}
	.header_inner{
		height: 370px;
	}
	
	.imgList{
		width: 100%;
	}
	.imgList a{
		float: none;
	}
	.imgList a img,
	.imgList a{
		width: 100%;
		height: auto;
	}
	.galleryList a.more{
		padding: 19px 30px;
	}
	
	.header.header_inner > .content > span{
		font: 25px PNb;
		position: absolute;
		left: 10px;
		top: 120px;
	}
	
	.order a.goright{
		left: auto;
	}
	.order a.goleft, .order a.goright{
		top: 395px;
	}
	.order .mini{
		top: 465px;
	}
	.order{
		height: 720px;
	}
	
	.header.header_inner > .content > p{
		display:none;
	}
	
	.order.show .fullLeftBlock{
		float:none;
		width:100%;
	}
	
	.onas{
		background: url(/files/about3.jpg) 0 0 no-repeat #302a38;
		height: 460px;
	}
	.header_contact{
		height: 130px;
		background: url(/img/banner_contact.jpg) 0 0 no-repeat #303f5e;
	}
	.header.header_contact > div.content > div:nth-child(1){
		display: none;
	}
	
	.order.price_gallery{
		height: 850px;
	}
	.order.price_gallery .mini{
		top: 610px;
	}
	.order.price_gallery a.goleft, .order.price_gallery a.goright{
		top: 555px;
	}
}