/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	/*overflow:hidden;	/*сайт закрыт!!!*/
}
html, body {
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;/*'Roboto', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
    font-size: 100%;
    line-height: 18px;
    margin: 0;
    padding: 0;
}
body{
    color: #fff;/*#e4e7eb;*/
    background-repeat: no-repeat;
    background-size: cover;
    /*background-attachment: fixed;
    background: linear-gradient( rgba(187, 187, 187, .7), transparent 1px), linear-gradient( 90deg, rgba(187, 187, 187, .7), transparent 1px);
    background-size: 25px 25px;
    background-position: center center;*/
    /*background-image: url(/images/fon3.jpg);*/
    background-size: 100% auto;
    background-repeat: repeat;
    background-attachment: fixed;
}
/***********************************************************/
.wrap{
    flex-flow: column wrap;
    margin: 0;
    padding: 0;
    place-content: stretch space-between;
    background-image: url("/images/roundico.png");
    background-size: contain;
    background-position: center;
	overflow: hidden;
}
/***********************************************************/
.wrap,.header,#menu,.footer,.scrollmenu,#menu ul,.mback ul,#fcontent ul,
.scrollmenu ul,.mback,.social,.callme,.login,.work,.wr,.text,.textblock,.poz,
.rekl,.sld,.kalend,.img,.album,.dopolnen,.backstage,#wrapphoto,.three,.fore,
.backstagethumb,.wrapalb,.quest,.hoveralb{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.header,#menu,.footer,.scrollmenu,.mback ul,.social,.callme,.login,.work,.wr,.text,
.textblock,.poz,.album,.dopolnen,.backstage,#wrapphoto,.backstagethumb,.wrapalb,.quest{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;        /*Определяет, будет ли контейнер однострочным или многострочным, а также направление поперечной оси, определяющей направление, в котором будут располагаться новые строки.*/
}
.header,#menu,.footer,.scrollmenu,.mback,.social,.callme,.login,.work,
.wr,.text,.textblock,.poz,.rekl,.kalend,.backstage,#wrapphoto,
.backstagethumb,.wrapalb,.quest,.hoveralb,.wrap div:last-child{
    justify-content: center;    /*Определяет выравнивание относительно главной оси*/
}
.wrap,.header,#menu,.footer,.scrollmenu,.header h1,#menu ul,.mback li,.social,
.callme,.callme form,.login, .login form,.work,h2,.pic,.pic img,.sld img,#send,.images img,
.three,.fore,.hoveralb,.hoveralb h4,.button a,.quest div,.hoveralbname{
    width: 100%;
}
.wrap,.mback,.callme,.login,.blkalb img,.hoveralb,.button a,.loadcontent{
    height: 100%;
}
.header,#menu,.footer,.scrollmenu,.album{
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;    /*направление для flex-элементов*/  
}
.wrap,.header,#menu,.footer,.scrollmenu{
    align-items: stretch;    /*Определяет поведение по умолчанию для того, как flex-элементы располагаются относительно поперечной оси на текущей строке.*/
}
.header,#menu,.footer,.scrollmenu,.album{
    -webkit-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    align-content: center;  /*Выравнивает строки flex-контейнера при наличии свободного места на поперечной оси*/
}
.header,.footer,.tbut,.hit,.dopolnen .call{
    /*background-color: rgba(231, 126, 0, 1);*/
}
.header h1,.fcontent,.callme form,.login form,.work div,h2,.poz h3,#send,table,.backstage,.hoveralb h4,.hoveralbname,.mainalb{
    text-align: center;
}
.butto,#menu a,.mback a,.scrollmenu a,.tbut,.hoveralb{
    color: #fff;
}
.butto,#menu a,.mback a,.scrollmenu a,.footer a,.button,.button a{
    text-decoration: none;
}
.butto,.polevvoda,.knopka,.button,.quest div{
    border-radius: 5px;
}
#menu ul,.album,.dopolnen{
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
}
.butto,#menu li,.mback ul,#fcontent li,.scrollmenu li,.button{
    padding: 20px;
}
.butto,.button{
    font-size: 1.6em;
    margin-top: 20px;
    box-shadow: 0 0 7px rgba(0,0,0,0.5);
}
#menu li,#fcontent li,.scrollmenu li,.social p {
    display: inline-block;
}
.footer a,.fcontent,.level3{
    color: #474129;
}
.footer,.mback,.social,.callme,.login,.textblock,.poz,.rekl,.kalend,.album,.dopolnen,.three,.fore,.quest,.hoveralb{
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.footer a,td i,.hoveralb h4{
    font-size: 1.5em;
}
#menu a,.mback a,.scrollmenu a,.footer a{
    text-shadow: none;
}
.footer img,.callme form,.login form,.kalend,.img,table,.hit,.dopolnen,.backstage,#wrapphoto,.wrapalb,.quest{
    margin: 0 auto;
}
.tel,.adress a,.hoveralb p{
    font-size: 1.2em;
}
.scrollmenu .tel,form i,.hit,.images img,.hoveralb,.hoveralbname{
    position: absolute;
}
.scrollmenu .tel,.titl{
    font-weight: 600;
}
.mback,.scrollmenu,.login,.callme{
    position: fixed;
}
.mback,.kalend p,td,.tbut{
    font-size: 14px;
}
.mback,.mback a,.tbut{
    text-transform: uppercase;
}
.mback,.mback a,h4,.dopolnen{
    font-weight: 700;
}
.scrollmenu .tel,.tprice{
    font-size: 1.7em;
}
.tel i,#mback .butto.call,.wr p,.textblock p,.quest h5{
    font-size: .9em;
}
#menu a,.mback a,.scrollmenu a,#fcontent ul a,.polevvoda{
    font-size: 16px;
}
.adress i,th,.dopolnen,.quest h4{
    font-size: 1.3em;
}
.callme form,.login form,.knopka,.textblock,.thit,.images,.blkalb{
    position: relative;
}
.scrollmenu,.rekl,.sld,.thit,.images,.three,.fore,.blkalb{
    overflow: hidden;
}
.pointer,.button,.blkalb,.quest h4,.qhelp,.pocet{
    cursor: pointer;
}
.titl,.knopka,form i,h2,#send,.tprice,.orange,.button,.quest i,.quest h4:hover{
    color: rgba(231, 126, 0, 1);
}
.knopka,#mback .butto.call,.level3,.poz h3,th,.tprice,.quest h5{
    font-weight: 100;
}
.kalend,.three,.fore{
    justify-items: center;
}
#wrapphoto,.rekl,.dopolnen,.backstagethumb{
    width: 70vw;
}
#wrapphoto{
    width: 90vw;
}
.wrapalb,.album{
    width: 80vw;
}
h4,.kalend p,.hoveralb p{
    line-height: 24px;
}
/***********24.09.2018*********/
.hoveralb p{
    font-size: .9em;
    line-height: 18px;
}
/******************************/
/***********************************************************/
.header{
    padding-bottom: 30px;
}
.header{
    -webkit-clip-path: polygon(0 95%, 20% 100%, 20% 93%, 50% 100%, 80% 93%, 80% 100%, 100% 95%, 100% 0%, 0% 0%);
    clip-path: polygon(0 95%, 20% 100%, 20% 93%, 50% 100%, 80% 93%, 80% 100%, 100% 95%, 100% 0%, 0% 0%);
}
.header h1 {
    line-height: 30px;
    font-size: 28px;
}
.button a {
    color: inherit;
}
.butto {
    border: 2px solid aliceblue;
}
.footer{
    -webkit-clip-path: polygon(100% 2%, 100% 100%, 0% 100%, 0% 2%, 20% 15%, 20% 0%, 50% 20%, 80% 0%, 80% 15%);
    clip-path: polygon(100% 2%, 100% 100%, 0% 100%, 0% 2%, 20% 15%, 20% 0%, 50% 20%, 80% 0%, 80% 15%);
    padding-top: 40px;
}
#menu li, .mback ul, #fcontent li, .scrollmenu li{
    list-style: outside none none;
}
#menu a:hover, .butto:hover{
    color: #474129;
    text-shadow: 0 1px 20px rgba(1,1,1,.5);
}
#menu a, .mback a, .scrollmenu a{
    float: left;
    padding: 12px;
}
.footer{
    justify-content: center !important;
}
.footer a{
    padding: 0;
}
.fcontent{
    width: 20%;
}
.scrollmenu .tel {
    right: 5%;
}
.tel i{
    padding-right: 5%;
}
i{
    padding: 10px !important;
}
.mback {
    flex-direction: column;
    width: 15%;
    background-color: #333;
    color: rgba(255,255,255,.6) !important;
    line-height: 28px;
    left: -110%;
    z-index: 10;
}
.mback a{
    color: #aaa;
    line-height: 28px;
}
#fcontent ul a {
    color: #474129 !important;
    padding: 12px;
}
#fcontent ul i{
    color: #474129 !important;
    border: 1px solid #474129;
}
.scrollmenu{
    z-index: 50;
    top: 0;
    left: 0;
    right: 0;
    background-color: #333;
    background-color: rgba(0,0,0,.8);
    -webkit-transition: height .6s;
    transition: height .6s;
}
.adress{
    text-align: end;
}
.adress i {
    padding: 0 5px !important;
}
.adress p {
    padding-bottom: 20px;
    font-size: .8em;
}
.callme,.login{
    background-color: rgba(255,255,255,1);
    z-index: 100;
    top: 0;
    left: 0;
    background-image: url("/images/roundico.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.titl{
    font-size: 33px;
    padding: 30px 0;
}
.polevvoda{
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-color: #d5d5d5;
    border-style: solid;
    border-width: 2px;
    color: rgba(0,0,0,.6);
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    height: 47px;
    margin: 0 0 7px;
    padding: 0 18px;
    width: 30%;
}
.knopka{
    background-color: #fff;
    border: 2px solid rgba(231, 126, 0, 1);
    font-family: "Open Sans",sans-serif;
    font-size: 200%;
    height: 57px;
    padding: 0 20px;
    width: calc(30% + 36px);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
form i {
    border: solid .08em rgba(231, 126, 0, .8) !important;
    top: -16%;
    right: 34%;
    font-size: 1em !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#mback .butto.call {
    line-height: 1.8;
    border: 1px solid;
    align-self: baseline;
    margin: 25px;
	font-weight: 900;
}
#mback .butto.call:hover{
    color: #fff;
    box-shadow: 0 0 7px rgba(255,255,255,1);
}
.level3{
    font-size: 12px;
}
.qhelp{
    color: #000;
}
/*************************************************************************************************************/
.work{
    padding: 2% 0;
    border-bottom: 4px dashed rgba(255, 114, 114, .4);
    border-top: 4px dashed rgba(255, 114, 114, .4);
    border-image: url(/images/pic2.png) 40/auto 1/1 stretch;
}
h2{
    font-size: 50px;
    padding-bottom: 2%;
    padding-top: 2%;
    /*text-shadow: 2px 2px 1px rgba(0,0,0,.2);*/
    font-stretch: ultra-condensed;
	text-transform: uppercase;
	line-height: 1;
}
h3{
    color: #5e8074;
    font-size: 24px;
    text-shadow: 1px 1px 2px #aaa;
	/*word-break: break-all;*/
}
h4{
    font-size: 18px;
    margin-bottom: 7px;
}
.wr, .text{
    width: 60vw;
    align-items: baseline;
}
.wr div, .textblock{
    width: 30%;
}
.wr p, .textblock p {
    color: #000;
    padding: 2% 10%;
}
.wr img {
    height: 5vw;
}
.textblock_l h3 {
    word-break: normal;
}
.wr .textblock_l {
    width: 100%;
}
.textblock{
    padding: 1.2% 0;
}
.poz {
    padding: 5%;
}
.poz h3 {
    color: #000;
    width: 40%;
    font-size: 21px;
    line-height: 1.2;
    padding-bottom: 20px;
	font-weight: 300;
}
.rekl {
    flex-wrap: unset;
    border-radius: 10px;
}
.sld {
    height: 15vw;
    width: 15vw;
    border-radius: 50%;
    margin: 1%;
}
#send{
    padding: 3% 0;
    font-family: "Open Sans",sans-serif;
}
.kalend {
    width: 55vw;
    color: #000;
    padding: 1% 0;
}
.kalend div {
    width: 50%;
}
.kalend img {
    width: 80%;
}
.kalend p {
    color: #666;
}
.text {
    padding-top: 1%;
}
table {
    color: black;
    border: 1px solid rgba(100,100,100,.6);
    border-spacing: 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
tr {
    padding: 10px;
    border: 1px solid rgba(100,100,100,.6);
}
td {
    padding: 20px 1%;
    border: 1px solid #e5e5e5;
    width: 25%;
    font-weight: 400;
}
th {
    background-color: rgba(0,0,0,.1);
    padding: 3%;
    line-height: 2;
	font-weight: 600;
}
.tprice {
    line-height: 25px;
	font-weight: 600;
}
.price{
    padding: 4% 0;
}
.tbut {
    padding: 3% 16px;
    border: none;
    border-radius: 3px;
    line-height: normal;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.hit{
    top: 0;
    right: -40px;
    width: 50%;
    transform: rotate(45deg);
    color: white;
    font-size: .7em;
    padding-left: 9%;
    letter-spacing: 1.5px;
}
.album{
    height: 70vh;
    margin: auto;
}  
.action{
    /*height: 600px;*/
}
.dopolnen {
    color: black;
}
.dopolnen div {
    padding: 3% 0;
}
.dopolnen i {
    color: rgba(231, 126, 0, .7);
    font-size: 1.8em;
}
.button {
    border: 2px solid rgba(231, 126, 0, 1);
    width: 60vw;
}
img.gs {
    height: 98%;
    padding: .1%;
}
.three, .fore{
    height: 310px;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.fore {
    height: 220px;
}
.backstagethumb {
    padding: 15px;
}
.backstagethumb img {
    width: 30%;
    padding: .2%;
    border-radius: 10px;
}
.backstagethumb img:hover {
    opacity: .8;
    cursor: pointer;
}
.blkalb,.wrapalb a {
    width: 350px;
    height: 350px;
    margin: 1%;
	box-shadow: 0 0 5px rgba(0,0,0,.7);
}
.wrapalb a {
    display: contents;
}
.wrapalb .button a{
	box-shadow: none;
}
.hoveralb{
    bottom: 100%;
    left: 0;
    background-color: rgba(102, 102, 102, 0.9); /*background-color: rgba(231, 126, 0, .9);*/
}
.hoveralb h4 {
    font-variant: petite-caps;
    font-weight: 300;
    letter-spacing: 2px;
    padding: 20px 0;
}
.hoveralb p {
    padding: 0 20px;
    text-align: justify;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.hoveralb p span {
    padding: 2%;
    border: 2px solid #4a9b91;
    text-align: center;
    align-self: end;
    margin: 0 auto;
	background-color: #4a9b91;
	color: #fff;
	font-size: 1.3em;
}
.blkalb:hover .hoveralb{
    bottom: 0;
}
.quest {
    width: 60vw;
    padding: 40px 0;
}
textarea{
	height: auto !important;
}
/***********************************/
.quest div {
    color: black;
    padding: 20px 10px;
    border: 1px dashed rgba(0,0,0,.6);
    margin: 5px 0;
}
.quest i {
    float: right;
}
.quest h5, .albdescript{
    display: none;
}
.hoveralbname {
    background-color: rgba(255,255,255,.6);
    padding: 5% 0;
    color: black;
    font-size: 2.5em;
    font-variant: petite-caps;
    font-weight: 100;
    letter-spacing: 2px;
    text-shadow: 0 0 3px cornsilk;
    /*background-color: rgba(255,255,255,.8);
    padding: 5% 0;
    color: black;
    font-size: 2em;
    font-variant: petite-caps;
    font-weight: 300;
    letter-spacing: 2px;*/
}
.fix .socialicon{
    color: black;
}
.fix {
    position: fixed;
    right: 0;
    top: 10%;
    height: 30%;
    width: 60px;
    font-size: 1.5em;
}
.quest h5 {
    font-weight: 300;
}
/***********************dorabotat_20,11**************************************/
.hoveralbname span {
    font-size: .8em;
    line-height: 1;
}
.hoveralbname.dsp {
    bottom: 0;
    font-size: 1em;
}
.hoveralbname {
    width: 87%;
    font-weight: 600;
}
.hoveralbim {
    width: 350px;
    height: 350px;
    overflow: hidden;
}
.blkalb {
    padding: 2%;
    padding-bottom: 4%;
}
.textblock img{
	display: none;
	width: 20vw;
}
.wr_mb {
    display: none;
}
.karusel {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: center;
}
/****************************************************************************/
.images img{
    top: 0;
    left: 0;
    height: auto;
    opacity:0;
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -ms-animation-name: anim_slides;
    -ms-animation-duration: 24.0s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -ms-animation-delay: 0;
    -ms-animation-play-state: running;
    -ms-animation-fill-mode: forwards;
    -o-animation-name: anim_slides;
    -o-animation-duration: 24.0s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: normal;
    -o-animation-delay: 0;
    -o-animation-play-state: running;
    -o-animation-fill-mode: forwards;
    animation-name: anim_slides;
    animation-duration: 24.0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-delay: 0;
    animation-play-state: running;
    animation-fill-mode: forwards;
}
.images img:nth-child(1){
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
    -ms-animation-delay: 6.0s;
    -o-animation-delay: 6.0s;
    animation-delay: 6.0s;
}
.images img:nth-child(2){
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
    -ms-animation-delay: 12.0s;
    -o-animation-delay: 12.0s;
    animation-delay: 12.0s;
}
.images img:nth-child(3){
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
    -ms-animation-delay: 18.0s;
    -o-animation-delay: 18.0s;
    animation-delay: 18.0s;
}
.images img:nth-child(4){
    -webkit-animation-delay: 24.0s;
    -moz-animation-delay: 24.0s;
    -ms-animation-delay: 24.0s;
    -o-animation-delay: 24.0s;
    animation-delay: 24.0s;
}
@-webkit-keyframes anim_slides {
	    0% {
	        opacity:0;
	    }
	    6% {
	        opacity:1;
	    }
	    24% {
	        opacity:1;
	    }
	    30% {
	        opacity:0;
	    }
	    100% {
	        opacity:0;
	    }
	}
@-moz-keyframes anim_slides {
	    0% {
	        opacity:0;
	    }
	    6% {
	        opacity:1;
	    }
	    24% {
	        opacity:1;
	    }
	    30% {
	        opacity:0;
	    }
	    100% {
	        opacity:0;
	    }
	}
@-ms-keyframes anim_slides {
	    0% {
	        opacity:0;
	    }
	    6% {
	        opacity:1;
	    }
	    24% {
	        opacity:1;
	    }
	    30% {
	        opacity:0;
	    }
	    100% {
	        opacity:0;
	    }
	}
@-o-keyframes anim_slides {
	    0% {
	        opacity:0;
	    }
	    6% {
	        opacity:1;
	    }
	    24% {
	        opacity:1;
	    }
	    30% {
	        opacity:0;
	    }
	    100% {
	        opacity:0;
	    }
	}
@keyframes anim_slides {
	    0% {
	        opacity:0;
	    }
	    6% {
	        opacity:1;
	    }
	    24% {
	        opacity:1;
	    }
	    30% {
	        opacity:0;
	    }
	    100% {
	        opacity:0;
	    }
	}
/*********************************************************************************************/
@media all and (max-width: 375px) {
.header{ background-color: rgba(200, 0, 0, 1); }
}

/*768*/
@media all and (max-width: 720px) {
body{
	font-size: 2em;
}
/*.header{ background-color: rgba(0, 200, 0, 1); }*/
.header a {
    text-align: center;
}
.header img {
    height: 70%;
}
.header .butto.call.present {
    margin-bottom: 40px;
}
.poz {
    padding: 5% 0;
    width: 100vw;
}
h2 {
    font-size: 1.6em;
	line-height: 1;
	word-wrap: break-word;
}
.poz h3 {
    width: 90%;
    font-size: 1.3em;
}
.butto.call.present {
    margin: 35px;
    box-shadow: 0px 0px 35px oldlace;
}
.singlalbumproperties > span {
    padding: 20px 0;
    display: block;
}
.wrapalb{
    width: 100vw;
    margin: 0;
}
.button a {
    box-shadow: none;
}
.butto,.button a,.textblock p,.wr p{
    line-height: 1;
}
.work {
    width: 100vw;
}
.text {
    width: 100vw;
}
.textblock {
    width: 90vw;
}
h3 {
    font-size: 1.5em;
}
.singlalbumproperties {
    font-size: 1em !important;
}
.widthsto{
	width: 100vw !important;
	text-align: center !important;
}
.textblock p {
    width: 70vw;
    font-size: 1.3em;
    padding: 5% 0;
}
.kalend {
    width: 100vw;
    margin: 0;
    text-align: center;
}
.img {
    margin: 0;
    width: 100vw;
}
.wr {
    width: 100vw;
}
.wr div{
    width: 50%;
}
.wr div h3 {
    line-height: 1.1em;
}
.price {
    width: 100vw;
    padding: 0;
    margin: 0;
    text-align: center;
}
#dp {
    width: 100vw;
    margin: 0;
	padding-bottom: 10vw;
}
#dp div {
    width: 100vw;
    text-align: center;
}
.fcontent {
    width: 33vw;
}
.scrollmenu .tel {
    display: none;
}
#mback {
    width: 100vw;
    text-align: center;
}
.mback a {
    font-size: 3em;
    width: 100%;
    line-height: 1;
}
#mback ul {
    padding-top: 20%;
}
#mback .butto.call {
    margin: 25px auto;
    width: 90vw;
}
.wrapsinglalbum{
	width: 100% !important;
}
.singlalbumleft,.singlalbumright{
	width: 100% !important;
}
.singlalbumtitle h1 {
    padding-top: 15% !important;
}
.singlalbumthumb {
    height: 15vw !important;
}
.pocet{
    margin-top: 2%;
}
.singlalbumproperties p {
    padding-bottom: 3% !important;
}
.singlalbumproperties p i {
    display: inline-flex !important;
}
.adress {
    font-size: .4em;
}
.fix {
    position: fixed;
    right: 0;
    font-size: 1.5em;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.7);
	top: auto;
	height: auto;
}
.fix .socialicon {
    color: white;
}
.hoveralb p {
    font-size: 1em;
    line-height: 1;
	text-align: center;
}
.hoveralbim {
    width: 90vw;
    height: 90vw;
}
.knopka{
	font-size: 1.3em;
	width: calc(90% + 36px);
}
.polevvoda{
	width: 90%;
}
.whelp {
    width: 80vw !important;
    line-height: 1;
}
.backstagethumb {
    width: 100vw;
}
.blkalb, .wrapalb a {
    width: 90vw;
    height: 90vw;
}
.hoveralb {
    bottom: 0;
	/*height: 50%;*/
	height: auto;
	padding: 4% 0;
}
.blkalb img{
    /*height: 50%;*/
	height: auto;
	width: 100%;
}
th {
    font-size: .8em;
}
.tprice, table {
    line-height: 1;
}
.quest {
    width: 96vw;
}
.quest h4{
    line-height: 1;
}
.quest h5 {
    line-height: 1;
    font-weight: 600 !important;
}
.wr div {
    width: 96%;
}
#mback .butto.call {
    font-size: 2.5em;
}
.hoveralbname {
    font-weight: 600;
	width: 100%;
}
.wr img {
    width: 80%;
}
.mf {
    font-size: 1em !important;
    text-align: center;
}
.textblock img{
	display: block;
}
.textblock {
    font-size: .8em;
}
.hd{
	display: none;
}
.wr_mb {
    height: 20vw !important;
    width: auto !important;
    display: block;
}
.textblock_l img {
    display: none;
}
.wr div {
    display: flex;
	align-items: center;
}
.textblock_l {
    display: block !important;
}
.karusel {
    height: 98vw;
}
.hit {
    right: -30px;
}
.work {
    border-bottom: none;
    border-top: none;
    border-image: none;
}
.tprice {
    font-size: 1.2em;
}
}
@media all and (max-width: 992px) {
/*.mback{ width: 100%; }*/
}