.artstates{
	
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
	
	
	
}
.artstates .arts{
	
    width: 100%;
    max-width: 32%;
}


.artstates .stat-blok{
        min-height: 240px;	
	
}

.static{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;	
	margin-bottom: 20px;
	
}

.static > a{
width:100%;
max-width:32%;	
display:block;
	
	
}

.artstates .arts img{
max-width:100%;	
	
	
}
.statiya h3 { font-size: 20px;font-family: georgia;    text-transform: uppercase;padding: 15px;font-weight: 500;}
.statiya-text{
    padding: 0px 15px;	
	
}

.wr {
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

/* Принудительно показываем первые 10 блоков */
.wr:nth-child(-n+10) {
    display: flex;
    opacity: 1;
    transform: translateY(0);
}

/* Вспомогательный класс для анимации появления через JS */
.wr.show {
    display: flex !important;
    opacity: 1;
    transform: translateY(0);
}


.colonka {
    height: initial;
    min-height: auto;
    float: none;
    display: block;
    width: auto;
    margin-bottom: 0px !important;
	background-color: white;
}

.colonka p, .colonka2 p{
width: auto;	
float:none;
padding:0px;
text-align:left;	
	
}

#pr{
margin-left:0px;
    display: flex;
    margin-bottom: 10px;
    gap: 10px;	
	
}

.colonka img, .colonka2 img{
width: auto;	
float:none;
padding:0px;	
    height: 160px;
}

.colonka{
    margin-top: 0px;
    width: 100%;
    display: flex;
    padding: 10px;
    gap: 10px;
    max-width: 49%;
	
}

.qentries{
	
display: flex;
    flex-wrap: wrap;
    gap: 10px;	
	
}


#loadMore{
    color: #f1669b;
    border: 1px solid;
    margin-top: 30px;	
}

.wr{

    gap: 10px;	
	
}

button{
box-shadow:none !important;	
	
}


div.colonka:not(#pr) {

}


a:hover{
text-decoration:none !important;	
	
}
.news-news span{
    margin-bottom: 20px !important;
    display: inline-block;
}

.news-news h3{
	
	margin-top: 10px;
}
#footer-contact a{
color: #fff !important;	
	
}

.left-usl, .center-usl, .right-usl{
	
height: auto !important;	
}

    .stat-menu a {

        text-decoration: none !important;
    }
	
	.stat > a{
	max-width:30%;	
		
	}
	
	#mymap iframe{
	margin:0 auto;	
	max-width: 100%;
    padding: 0px 10px;	
	}
	

	
	#video-right, #video-center, #video-left{
	   float:none !important;
margin:0px !important;
width:auto !important;	   
height: auto !important;		
	}
	


	
	.stat + p{
	clear:both;	
		
		
	}

.btn-primary{
background-color: #E4487D;	
    border: none;	
}

#top.logo img{
max-width:150px;	
	
}

.header span{
	
margin-top:0px !important;
float:none !important;	
}

.row2 {

    padding-top: 40px;
}
	
	.one{
	top:0px;	
		
	}

.tpl-header{
display:none;	
	
}
.back-top{
display:none;	
	
}
.container.black > .header{
    display: flex;
    justify-content: space-between;	
	align-items:center;
	flex-wrap: wrap;
}

.contact{
margin:0px !important;
float:none !important;
width: auto !important;	
	
}

.contact h3{
font-size:24px !Important;	
	
}

.one ul{
	
display: flex;	
}

body {
    background-color: #f1f0f0 !important;
    font-family: 'Open Sans', sans-serif !important;
}

.container.icon{
     display: flex;
    justify-content: flex-end;
    gap: 5px;
    /* max-width: 100px; */
    align-items: center;
    max-width: min-content;;	
	
}

.container.icon p{
margin:0px !important;	
	
}


.dancer{
height: auto !important;
    background: #fff;
    padding:10px;
	
}

#left-st h4 h4{
	
margin-top:0px;	
}

.biograph-partners{

    width: auto !important;
    margin-left: 0px !important;	
	
}

.com-content-article__body > .row{
margin-right: 0px !important;
    margin-left: 0px !important;	
	display:block;
}


#text-price2{
width: auto;	
	
}



.tpl-header__close{
padding-right:15px;	
	
}

footer{
overflow: hidden;
    background: #e4487d;	
	
}

.footer{
height: auto !important;	
	
}
#back-top{
display:none !important;	
	
}

#text-price p{
	
margin:0px !important;	
	
}

#text-price{
    padding: 10px !important;
    margin: 10px;	
	
}

.price h3{
margin-bottom:15px !important;	
	
}

#text-price2{
margin-left:0px !important;	
	
}

    .mobile-menu {
        position: absolute;

           top: 120px;
        left: 20px;
        z-index: 2;
        background: url(../img/menu.png) center center no-repeat;
        background-size: contain;

    }


.no-pad-otr-marg {
	padding: 0;
	margin-bottom: -40px;
}
#uslugi-corp .forma2 {
	padding-top: 50px;
}

/*корпоративные танцы*/
#uslugi-corp {
    text-align: center;
    list-style: none;
    margin: 44px 0 15px;
    padding: 13px 48px;
    background-color: #FBFBFB;
    clear: both;
}

#footer-contact p {

    margin-bottom: 0px;
}


#uslugi-corp .asd2 {
    color: #E4487D;
    font-size: 22px;
    margin: 0;
}
.corp-tanc #left-foto-about img {
	width: 100%;
	margin-right: 0;
	margin-top: 10px;
}
/*-----*/

@media (max-width: 1279px) {
	.about {
	    padding-top: 20px !important;
	    padding-bottom: 20px !important;
	}
}

@media (max-width: 1085px) {
    .one li {
        display: inline;
        padding: 5px 5px;
    }
}


@media (max-width: 991px) {
    .menu.not-on-phone {
        display: none;
    
    }
	
	.colonka{
		
	max-width:100% !important;	
		
	}
	
	
	
	.wrapconcept{
		
	    margin-bottom: -60px;	
	}
	
	.concept, .wrapconcept .left-concept{
	text-align:center;	
		
	}
	.wrapconcept img{
	        transform: rotate(90deg);	
	margin:10px 0px;	
	}
	
	.artstates .arts {
  
    max-width: 49%;
}
	
	.wr {
gap:0px;
    flex-wrap: wrap;
}

.colonka img, .colonka2 img{
	
	height:50px;
	
}


	
		.stat > a{
	max-width:100%;	
		
	}
	
	footer :not(img):not([class^="fon"]):not([id^="footer-contact"] a):not([id^="footer-contact"] p) {
		
		float:none !important;	
	width: auto !important;	
	text-align: left;	
		
	}
	
	#footer-contact{
	text-align:left;	
		
		
	}
	
#footer-logo {

    max-width: 200px;

    margin: 30px auto;
    margin-top: 0px;
}
	
	#footer-menu1, #footer-menu2, #footer-menu3, #footer-menu4{
	margin:0px !important;	
	}
	
	#footer-menu1 h3, #footer-menu2 h3, #footer-menu3 h3, #footer-menu4 h3{
	    font-size: 16px;
    background: #00000036;
    padding: 5px;
    display: inline-block;
margin-bottom:15px;	
		
	}
	
	.footer li{
		
	margin-bottom:10px !important;	
	        line-height: 1.4 !important;	
			    font-size: 15px;
	}
	
	
	.contact h3 {
    font-size: 20px ! Important;
}
	
	.row2{
	        padding-top: 0px;	
		
	}
	
	.tpl-header__nav a{
		    font-weight: 300;
		
	}
	
	#top.logo img{
		
	max-width:150px;	
		
	}
	
	
	.dancer{
	height: auto !important;	
		
	}
	
	.tpl-header{
	max-width:200px !important;	
		
	}
	
	.mobile-menu.on-phone{
	display:block !important;	
		
	}
	
	.tpl-header{
	display:block !important;	
		
	}
	
	#menu{
	padding:15px;	
		
	}

.com-content-article :not(img):not([class^="fon"]):not([id^="left"] h3):not(div.stat a):not(div.stat button):not(iframe):not(.static  a):not(.static  button){
float:none !important;
width: auto !important;
line-height:1.4;	
	        height: auto !important;

	
}






div#video-left, div#video-right, div#video-foto, div#video-foto img{
width: 100% !important;	
	
}


#right-st, #left-st{
    text-align: center !important;
	
}


#block-left-foto{
margin-bottom:20px !important;	
	
}

.static  a{
	
max-width: 48% !important;	
}

.static  a img{
	
width: 100% !important;
        height: 180px;
        object-fit: cover;	
}
	
}

@media (max-width: 525px) {

	.artstates .arts {
  
    max-width: 100%;
}

#video1, #video2, #video3 {
    float: none !important;
    width: auto !important;
	max-width:100% !important;
  margin:0px !important;
  margin-bottom:10px !important;
}


.static > a {

    max-width: 100% !important;

}

    .static a img {
        width: 100% !important;
        height: auto !important;;
  
    }
}


}