body {background: black; }
@font-face { 
  font-family: 'Inter'; 
  src: url("../sm/fonts/Inter-Regular.woff");

} 
 @font-face { 
  font-family: 'InterLight'; 
  src: url("../sm/fonts/Inter-Light.woff");

}  
/* .menu1  {display: none!important }     

.ios - основний клас для apple
    */


.close {  display: none}


* {font-family: 'Inter'!important;     font-size: 14px;}

.k    {    display:none; transition:0.7;}
.thumbnails   {    height: 12px; display:none}
.filter {    height: 12px; display:none}
.up { visibility: hidden }

.hide5 {display: none}
.thumbnails a {display:none} 
.thumbnails a:nth-child(1) {display:block; text-align:center; color: white;} 
.blure {
	display:none;
	height: 100%;
    background: #17151bdb;
    opacity: 1;
    width: 100%;
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 100;
	text-align: center;
}
.blure > div {
	font-size:25px;
	color: white;
	margin: 0 auto;
	margin-top: 75px;
}

.blure1 {
	display:none;
	height: calc(100% + 284px);
    background: #17151bdb;
    opacity: 1;
    width: 100%;
    position: absolute;
    left: 0;
    top: 75px;
    border-radius: 0px 0px 17px 17px;
    z-index: 100;
    text-align: center;
}

.blure1 > div {
	font-size:25px;
	color: white;
	margin: 0 auto;
	margin-top: 158px;
}


.myblock1 { 
	position: relative;
}

.pr {
    position: fixed;
    display: none;
}
.map {
	width: 12px;
}

.tele2 { visibility:hidden}

.service-massage.app_version {
    position: fixed;
    z-index: 8888;
    background: #1b252e;
    height: 100%;
    width: 100%;
    margin: 0 auto; 
	display:none; 
}
.app_version a {
    color: white;
    border-radius: 5px;
    text-align: center;
    width: 100px;
    padding: 1px 35px;
    display: block;
    margin: 0 auto;
    line-height: 41px;
    font-size: 21px;
    text-decoration: none;
    border: 1px solid #8f8f8f;
}
.app_version_div { 
	width: 100%;     
	
    margin-top: 43vh;
}
.app_version_div > div { 
    color: white;
	margin-bottom: 17px;
    border-radius: 5px;
    text-align: center;
}


.sel1 img {
	position: absolute;
    width: 17px;
    margin-left: -14px;
    margin-top: 0px;
}
.menu_icon {
	width: 18px; 
    vertical-align: bottom;
}

.like-text { display: none; text-align:center; font-size: 18px; margin-top: 21px;}


.like-div img {
	width: 18px;
}

.like-div {
	position: absolute;
    display: block;
    background: #535353;
    padding: 8px 7px;
    /* transition: 1s; */
    /* bottom: 1px; */
    right: 26px;
    text-align: center;
    /* width: 16px; */
    margin-top: -59px;
    border-radius: 50px;
    cursor: pointer;
    z-index: 0;
}

.show {display: block!important }
#content.refreshing {
    transform: translateY(50px);
}
#content.refreshing {
    transform: translateY(50px);
}


.img2 {display: none }   

.like-active2 .img1 {display:none }
.like-active2 .img2 {display:block }   
.like-active-color {
	background: white!important;
}
.white {background: white!important;}

.text-bottom img{     width: 26px;}

.text-bottom {
	text-align: center;
    position: ABSOLUTE;
    margin: 23px 0px 0px -9px;
    width: 100%;
    z-index: 778877;
}
.text-bottom span{
	font-size: 22px;
    color: white;
    margin-left: 8px;
}
.gradient {    
	position: absolute;
    width: 103%;
    left: -8px;

}
.text-gradient {
	bottom: 64px;
    display: block;
    position: fixed;
    width: 100%;
	display:none; 
}

.user-menu0 {
	margin-top:-21px;
}

.z2 { 
    letter-spacing: 0px;
    font-weight: 700;
    width: 152px;
    border-radius: 8px;
    text-align: center;
    padding: 7px 15px 10px;  
    margin: 8px auto;
    box-shadow: 7px 8px 7px 2px #1d1d1d; 
    cursor: pointer;   
    background: linear-gradient(to top, #918e8e, #fdfdfd 5px); 
    box-shadow: 0px 5px 11px 1px #1a1919;
    border-bottom: 1px solid #5f5959;  
	  
} 


.search-img { 
	position: fixed;
    display: block;
    background: rgba(255, 255, 255, 0.431);
    padding: 8px; 
    transition: 0.5s;
    bottom: 152px;
    right: 14px; 
    border-radius: 50px;
	width: 33px;
    height: 33px; 
}  

.all-likes img { 
	    width: 26px;
    margin: 5px 0px 0px 2px;
    position: absolute;
}


 
.search-img img {
	width: 25px;
    margin: 5px 0px 0px 5px;
	/* filter: brightness(8); */
}     

.like-active-color .like-norm {display:none }
.like-active-color .like-active {display:block }   

.all-likes { 
	position: fixed;
    display: block;
    background: rgba(255, 255, 255, 0.431);
    padding: 10px; 
    transition: 0.5s;
    bottom: 95px;
	width: 30px;
    height: 30px;
    right: 14px; cursor:pointer;
    border-radius: 50px;  
}  
.search-img, .all-likes, .style-b1 {
	box-shadow: 0px 7px 8px 3px #0000006b;
	z-index: 778;
}
.style-b1 {
	position: fixed;
    display: block;
    background: rgba(255, 255, 255, 0.431);
    padding: 10px; 
    transition: 0.5s;
    bottom: 124px;
	width: 30px;
    height: 30px;
    right: 14px; cursor:pointer;
    border-radius: 50px;     z-index: 8888;   
}  

.close2 {
	position: absolute;
    display: none;
    top: 3px;
    width: 5px;
    height: 19px;
    left: -15px;
    cursor: pointer;
}
.search-img  .close2 { top: 12px; left: -18px;  }
.all-likes  .close2 { top: 10px;  }


.like-active-color .close2 { display: block  }
.white .close2 { display: block  }  

 






.menu1 {
	bottom: 38px; 
}
.up {
	bottom: 208px;
}
.menu1 img{
	width: 25px;
    margin-top: 12px;
    margin-left: 2px;
}
.up img {
	width: 23px; 
    margin: 8px 0px 0px 3px;
}

 
.menu-hide  {display:none }
.hide-menu5 {display:none!important }



.no-like  { 
   /* display:none!important */
   visibility:hidden; position: absolute;       left: 0;

 }  

.design2 img {    width: 100%;}
.design2{    
	margin-top: 39px;
    margin-bottom: -24px;   
}
.k1 img {
	width: 11px;
    position: absolute;
    margin-left: -17px;
    margin-top: 1px;
}   
 


.logo1 {    
	width: 302px;
    margin: 11px 0px 0px 0px;
}
/* .all-likes, .like-div  { display:none }  */  


/* .Китайськa, .Американська, .Паназіатська  {display:none}  
    z-index: 9999;
    position: fixed;
    top: 2px;
    padding: 10px 0px 0px 0px;
    margin-left: -10px;
    background: #151c22;
    zoom: 0.84;
    box-shadow: 1px -1px 10px 11px #151c22; 
	
	display:none;
*/ 
.search-mode { display:none;}
.search0 {  
    display:none;
    z-index: 9999;
    position: fixed;
    top: 2px;
    padding: 10px 0px 0px 0px;
    margin-left: -10px;
    background: #1b252e;
	display:none;
    zoom: 0.84;
    border-radius: 0px 0px 21px 21px;
    /* margin: 10px 10px 0px 0px; */
    box-shadow: 1px -1px 10px 11px #151c22; 
}




/* 
.link-main { 
    margin-top: 100px!important;
}
*/ 
.k1 a {
   text-decoration:none;  color: white;
}
.main-cont0   { display: none; }

.row0 { width: 100% }

.soc, .phone img { 
     filter: grayscale(50%);  
}
.hide {display:none;  }

.date-modified111 { 
	display:none;  
}
.main-block {  position: relative;} 

.clear {
    font-size: 17px;
    color: #838383;
    width: 37px;
    padding-top: 13px;
    height: 34px;
    cursor: pointer;
    position: absolute;
    margin: 1px 12px 12px -34px;
}


.close img {  width: 23px; } 
.close {  
	font-size: 23px;
    color: #dfdfdf;
    right: 0px;
    cursor: pointer;
    position: absolute;
    top: 18px;
    margin: 4px 12px 12px -32px;
}


@media (min-width: 1060px) and (max-width: 1300px)  {
	.photo img { 
		 min-height: auto!important
	}
}


.sel1 {
	background: white;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 4px 17px;
    margin-right: 28px;
    color: #000000;
    border-bottom: 1px solid #b7b7b7;
    border-radius: 0px;
}
.sel1 a {
    text-decoration: none;
    color: black;
}
 
.select0 .k1 { cursor:pointer;  border-bottom: 1px solid #403f2f ;}

.select0 a {
    padding: 4px; 
}

.sel-div .sel1:last-child(1) { 
    border-radius: 0px 0px 8px 8px;
}
.sel-div {
	width: 237px;
	display:none;
	position: absolute;
    z-index: 888;
}    


.search-mode { 
	text-align: center;  margin-bottom: 5px; 
}
.search-mode label {  
    font-size: 19px;
    margin-right: 8px;
}

.search-info { 
	width: 150px;
    margin: 0 auto;
    text-align: center; 
	font-size: 12px; 
    /* background: #4e8c4b;  */
	border-radius: 0px 5px 5px 0px;
    color: white;     margin-top: -5px;
	margin-bottom: 8px;
}





 
.search-main {
	top: 0px;
    width: 57%;
    margin: 0 auto;
    text-align: center;
    
    /* margin: 0 auto;    для absolute*/
}  
.search-tags {
	
	display: inline-block;
    width: 80%;
	/* padding-left: 42px; */
    text-align: center;     
    background: none;
    line-height: 40px; 
    font-size: 28px;
	margin-bottom: 11px;
    margin-top: 1px;
    vertical-align: top;
    color: #e8dbdb; 
    border: 1px solid #5a5a5a;
    border-radius: 10px;
} 


.link-main { 
    margin-top: 0px;
}
  
/* .search-img:hover img { filter: brightness(0);} */
.search-img:hover {
	/* background:white;  */
	/* transition: 1s; */
	cursor: pointer;
} 
.search-tags:active { border: 1px solid #5a5a5a;}
.search-tags:focus-visible { border: 1px solid #5a5a5a!important}
 
.search-main-tags {
	word-wrap: break-word; 
    height: auto!important; 
	
}
.search-main-tags .main-tags0 {  
    white-space: inherit;  
}
.light { background: #198f28;  color: #dddddd;}

.triangle  {
	width: 0;
    height: 0;
    display: inline-block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #ffffff;  
    margin-left: 12px;
    top: 5px;
    padding-top: 0px;
}

.link-main div {font-size: 18px;}


@media (max-width:1060px) {	
	.search-main { 
		width: 100%;
	}
	.search-mode label {
		font-size: 15px;
	}
	.search-tags { 
		font-size: 19px;
	}
	.k1 {  margin-top: -7px;} 
    .mobile { display: block;} 
	.desctop { display: none;}  
	
	.kuhni {  
		margin-top: -28px;
	}
	.z2 a { 
		font-size: 13px;
	}
	 
	
	.select0  { 
		margin: 0 auto;
		width: 262px;
	}
	
	.date-modified-mobile {  
		font-size: 13px; margin-bottom: 8px;
		margin-top: 0px; 
		color: grey;
	}
    .info   {    margin-top: 7px!important;}
    .info2   {   margin-top: 14px;}
    .info1 b  { 
	    margin-bottom: 7px;
		font-weight: 300;
		display: block;
	}
	.left-div1 { margin-left: -11px!important; }
	.info1 span {  margin-left: 0px!important; }
	.k1 { width: auto!important  }
	.select0 .k1 { 
		width: 255px!important
	}  
	  
	.info {
		margin-top: -1px;
		width: 178px;
		float: right;
		zoom: 0.93;
	}  
	.mobile .akc {
		font-size: 14px;
		margin-top: 8px;
		text-align: center;
		color: #ff8fae; min-height: 21px;
		height: auto; 
		/* display: inline-block; */
		margin-left: -80px;
		margin-bottom: -7px;
	} 
	.info1 span { 
		overflow: hidden;
		/* text-overflow: ellipsis; */
		white-space: nowrap;
		width: 100%;
	}
	.photo img { 
		/* margin-top: 21%; */  
		width: auto!important;
		margin-top: 12px;
		height: 123px;
	}
	.photo {
		width: calc(100% - 148px)!important;
		float: left;
		margin-left: -18px!important; 
		text-align: center; 
	}
	.link-main div {font-size: 3.4vw;}
    
}

@media (min-width: 1060px) {	 
	 
	.mobile { display: none;} 
	.desctop { display: block;} 
	.info {
		margin-top: 20px!important;
		min-height: auto!important;
		text-align: left;
	}
    .zamovutu {     margin-top: 32px!important;     margin-bottom: 7px;}
	.myblock1 {
		width: 31%!important;
		float: left;
		margin-left: 38px;
		padding: 19px;
		margin-top: 10px!important;
	}
	.info1 {    margin-bottom: 13px;}
	.top1 {margin-top: 50px!important}
	.date-modified-desc {  
		    font-size: 12px;
		margin-top: 45px;
		right: 25px;
		position: absolute;
		color: grey;
	}
	.myblock1 .photo {   height: 171px}  
	.photo img { 
		overflow: hidden;
		min-height: 177px; 
	}
	.link-main div {font-size: 18px;}
	.block2 { 
		margin-top: 14px;
	}
	.soc img {
		height: 25px;
		margin-top: -1px;
	}
	.like-div {  
		margin: -30px -14px 0px 6px;
	}
}




.service-massage { display:none }


.main-tags  {
    height: 23px;
    color: #838383;
    line-height: 14px;
    overflow: hidden;
    width: 100%;
    float: left; 
    background: #282727; 
    /* position: absolute; */ 
    margin-top: -7px;
    border-radius: 0px 0px 17px 17px;
    padding: 0px 0px 0px;
	cursor: pointer;
}
.main-tags0 {
    padding: 4px 18px;
    overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.info-tags {
	position: absolute; background: #5a5a5a;
}


.service-massage {
	   
	/* margin-left: -8px; */
    top: 0px;
    position: fixed;
    line-height: 3;     font-size: 18px; transition: 1.4s;
    background: #4e8c4b!important;
    z-index: 99999999;
    display: none; 
    text-align: center;
    color: white;
    width: 100vw;
    text-align: center;
    animation: fadeIn 1s ease-in both;
	left: 0; 
}   

/* ~~~~~~~~~~~~~~ LIKES ~~~~~~~~~~~~~~~~~~~~~ */
.like-cont {
	display:none;
    right: 17px;
    margin-top: -6px;
    position: absolute;
}

.like-button img { width: 23px;}
.like-kilk { 
    color: white;
    font-size: 23px; 
    line-height: 14px;
    margin-top: 7px;
    vertical-align: top;
    display: inline-block; 
}

.block2 { 
    position: relative; 
}



.products-dost11111 {display: none}  
.dost  iframe {width: 100%;display: block; height:300px}
.dost    {
	    width: 97.3%!important;
    text-align: center;
	    display: none!important;
}

.z2-face, .z2-inst { display:none;  }
.z2-face  img , .z2-inst  img {
	width: 19px;
	vertical-align: bottom;	
	opacity: 0.88;
	/*	
	
    position: ABSOLUTE;
    margin: -1px 0px 0px -23px;
	*/
}

/*  Привітання */

.pr   {
	position: fixed;
    background: #172734;
    color: white;
	padding-top: 17vh;
    font-size: 24px;
    width: 100%;
    z-index: 999;
    height: -webkit-fill-available;
    margin: -35px -10px -10px -10px;
	
}


.pr > div {display:none}
.pr > div > div   {  width: 50%;    float: left;}
 
.pr > div > div  img{
	width: 610px;
    margin: 0 auto;
    display: block;
}
.pr > div > div {
	width: 50%;
    float: left; 
	
}
.pr .h1 {display:block}
.pr p {font-size: 26px;}
.pr p b {font-size: 42px;  color: white;     margin-bottom: 3px;    display: block;}

   
.pr .b1 {
    background-image: -webkit-linear-gradient(top, #f95f75, #f0235d);
    width: 153px;
    text-align: center;
    padding: 7px 21px;
    font-size: 19px;
    text-transform: uppercase;
    border-radius: 7px;
	margin-top: 25px;
    display: inline-block;
	border: 5px solid #172734;
	transition:1.7s;
}
.pr .b1:hover {
	background: none;
	border: 5px solid #f95f75;
	transition:1.7s;
	border-right-width: 64px; 
	border-radius: 7px 33px 33px 7px;
	cursor:pointer;
}
.pr  .c1 { 
	display: block;
    text-align: center;
    width: 100%;
    /* float: none; */
    position: absolute;
    bottom: 44px;

}
label {
    color: white;
    /* margin-top: -18px; */
    font-size: 22px; 
    line-height: -38px; 
    margin-left: 2px;
}
.pl {display:none}
.pr .c1 { 
		zoom: 0.8;
}
.pr input {
	width: 16px;
    height: 15px;
}	
	


 

@media (max-width: 768px) {	
    .desc {display:none}
    .pl {display:block}
	.pr  {margin: -18px -10px -10px -8px; padding-top: 0px;}
	.pr > div > div {
		width: 100%;  text-align: center;
	}
	.pr > div > div img {
        width: 64%;
		display: block; 
		margin: 0 auto;
		margin-top: 36px;
	}
	.pr p {    
		font-size: 16px;
		/* padding: 17px; */
	}
	.pr p b {
		font-size: 36px;
	}
	.text p {      
		padding: 0px 50px;
		text-align: justify;
	}
	.h1 .text p {      
		padding: 0px 50px;
		text-align: center;
	}
	.h4 .text p {      
		padding: 0px 50px;
		text-align: center;
	}
    br1 {display:none}
	.pr .c1 { 
		zoom: 0.7;
	}
}



@media (max-width: 768px) {	
	.pr > div > div img {
		width: 64%;
		 margin-top: 20px;
	}	
	 .text p {
		padding: 0px 35px;
		 text-align: center;  
		/* font-size: 15px; */
	}
	.h2 p {
		padding: 0px 35px;
		 text-align: left;  
		/* font-size: 15px; */
	}
	 /* body {margin:0px; }   overflow: hidden;   */
	
    .container-fluid { position:relative;  height: 95%; }    
	.h1 p, .h2 p,.h3 p,.h4 p {height: 221px;}
	.k1 { 
		display: block!important;
	}
	/* MODERN SHOW-TEXT   .show-text { display:none } */
	.show-text {
		background: linear-gradient(to top, #1b252e, #1b252e73);
		position: absolute;
		margin-top: -16px; 
		line-height: 55px;
		height: 21px;
		width: 89%;
		text-align: center;
		text-decoration: underline;
		z-index: 0;
	}
	.main-descr { 
		overflow-y: hidden!important; height: 51px!important 
	}
	.full {
      height: auto!important; 
	}
	.full2  { 
	  background: none!important;  height: 44px;
	}
	.full2 .show-text {}
	.full2 .show-button img { 
		margin: 21px 0px 0px 0px!important;
		transform: rotate(0deg)!important; 
	}  
	
	.z2 { 
		margin-top: 21px;  
	}
	.show-button  {font-size: 12px!important; height: 43px;}
	.show-button span { display:none}
    
}


@media (min-width: 340px) and (max-width: 780px) {	
	 
	.pr > div > div img {
		width: auto;
		height: 128px;
		margin-top: 20px;
	}
	.pr p b {
		font-size: 30px;
	}
	 .text p {
		padding: 0px 25px;
		font-size: 15px;
		/* text-align: left; */
		/* font-size: 15px; */
	}
	.pr {height: 100vh;} 
	.pr .c1 {
		    position: initial; z-index: 999;
	}
}




@media (max-width: 340px) {
	.pr > div > div img {
		height: 100px;
		width: auto;
		 margin-top: 20px;
	}
	.pr p b {
		font-size: 2em;
	}
	.text p { 
		font-size: 14px;
		text-align: left;
		padding: 0px 10px;
	}
	.h4 .text p {
		padding: 0px 10px; 
	}
	.pr .c1 { 
		bottom: 21px;
	}
	.photo {
		width: 132px!important; 
	}
}






.time {text-align: center;}
.link-main {
	text-align: center;
    margin: 26px 10px 19px 10px;
    width: 98%;  
}

.link-main div  { 
	/* color: #6ee57c!important */ 
	color: #838383!important 
}
 
.link-main a{
	color: white;
    letter-spacing: 0px;
    font-weight: 500;
    width: 154px; 
    display: block; 
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 8px;
    text-align: center;
    padding: 10px 19px;
    margin: -1px auto 7px;  cursor:pointer;
    /* box-shadow: 6px 7px 6px 2px #6b6a6a1f; */
    background-image: -webkit-linear-gradient(top, #40596f, #1d1d1d)
}



.filter {    text-align: center;   margin: 14px;} 
.shop {background: #393939;  width: 44%;color: white; border-radius:21px; margin: 30px 30px 34px 36px; transition:0.7; display:inline-block;} 
.container  {    margin:10px;     margin: 0 auto;}
body {
    background: #151c22;
}
.shop {
    background: #1b252e;
}


 label {color:white;}
.myblock1 {  width: 38%; float: left;   padding: 19px 0px 19px 19px;  margin-top: 10px!important;} 
.block2 {  width: 47%; float: right;     padding: 19px;}
.info {    margin-top: 10px; min-height: 84px;}
.phone   {display: inline-block;}
.phone img  {width:26px;   display: block;}

.phone a {     color: white;  text-decoration: none!important;}    
  
.phone span {     
	font-size: 21px;
    font-weight: 600;
    display: block;
    margin: -26px 0px 0px 34px;
}
.akc {
    font-size: 17px;
    margin-top: -10px;
    text-align: center;
    color: #ff8fae;
    height: 20px;
}

/* .photo { min-height: 269px;} */

.name {     position: absolute;     margin: -38px 0px 3px 17px;}
.name img {width:25px;}
.photo img {width:100%;}
.z2 a {
    color: black!important; 
    text-decoration: none;
}
.mfp-bg { 
    background: rgb(11, 11, 11);
    opacity: 1;
}
.mfp-figure  figure { margin: -3px!important }

.soc {display: inline-block;       float: right;
    margin-top: 1px;}   
h2 {
	font-size: 22px; display: inline-block; text-shadow: 1px 1px 2px #212125, 0 0 1em #1f1717;
      letter-spacing: 0px;
}
.h2-ios {letter-spacing: -2px;}

.show-block .show-button-ios img{ 
    /* margin-top: 85px!important; */
	margin-left: -8px!important;
	 
}


.ios .info1 span {
    font-size: 25px; 
}
.ios h2 {
    font-size: 27px;
	margin-top: 14px;
}
.ios .k1 { 
    font-size: 12px;
}
 
.ios .phone span {
    font-size: 23px;
}
.ios .z2 a {
    font-size: 14px;
}
.ios .z2 { 
    width: 164px;
    padding: 9px 18px 12px;
}
.ios .z1 {
    font-size: 20px;
}
.ios .soc img {
    height: 29px;
}
.ios .main-descr p, .ios  .main-descr span, .ios  .main-descr div {
    font-size: 15px !important; 
}
.ios .like-div img {
    width: 20px;
}

.ios .like-div { 
    margin-top: -63px;
}
.ios .choice img {
    height: 14px;
}

.ios  .time {
    font-size: 15px;
}
.text-bottom {
    font-size: 15px;
}
 
.text-page h2 {
    font-size: 25px;
    display: block;
    text-shadow: none;
    color: #c14646;
    font-weight: 700;
    margin-bottom: 18px;
    margin-top: 21px;
}
html {
	    /* min-height: 1000px; */ 
}


 

.main-descr {
	height: 144px;
    overflow-y: scroll;
    margin: 0px;
    width: 96%;
    padding-right: 10px;
    margin-top: 10px;
}
.main-descr p, .main-descr span, .main-descr  div {     font-size: 14px!important; color: white!important} 
.line { 
    background: #e12651; 
    height: 7px;
    margin: 26px 0px 0px 0px; 
}
.kuhni {
	margin-top: -27px;
    margin-left: 29px;
}
.k1 {
	background: #4c4949;
    display: inline-block;
    text-align: center;
    padding: 4px 11px;
    width: 240px;
    margin-right: 28px;
    color: #ededed;
    border: 0px solid #e12651;
    border-radius: 8px 8px 0px 0px;
}




.zamovutu {     margin-top: 31px;}
.z2:hover {   cursor:pointer;  }


.z1 {   
	color: #c4dd61;
    font-size: 23px; 
}

.info1 span {    
	font-size: 19px;  
	margin-left: 3px;
    display: inline-block;   
}
/* #f95f75    #f0235d*/

@media (min-width: 1400px) { 
	.container-fluid {
		width: 1366px;
		margin: 0 auto;
	} 
}

@media (min-width: 1280px) { 
	.container {width: 1280px;}
	.shop:hover {  box-shadow: 1px -1px 10px 11px #b7a7a747;;  transition: 1s;}

}





@media (min-width: 1073px) { 
	.shop { 
		width: 48%;
		color: white;
		border-radius: 21px;
		margin: 31px 9px 21px 9px;
	}
}


@media (max-width: 1073px) { 
    .container {width: 100%;}  .cathegory-new {margin-top: 18px;  } 
 
	.shop { 
		border-radius: 21px;
		margin: 0px;     width: 100%; margin-bottom: 50px;
	}
	.link-main {
		text-align: -webkit-center;
		margin: 11px 0px 38px 0px;
		width: 100%;
	}
	.k1 { 
		padding: 4px 8px; font-size: 11px;
	}
	/* .main-descr, .info1 , .info2  {font-size: 12px;} */
	
    .filter { margin: 14px 10px 38px 0px;  }     
    .filter  label{     font-size: 12px;  }     
    
    
 
	.myblock1 {   width: 95%;}
  
	.main-descr {   height: 82px;     padding: 0px 10px 0px 0px;}
	 
	.photo {    margin-top: 11px!important;}
	
	.photo img  {width: 100%;}
	.photo {
		width: 140px; 
		float: left;     margin-left: 3px; 
	}
	.zamovutu {
		margin-top: 14px;
	}
	.name {    
		margin: -30px 0px 3px -3px;
		text-align: center;
		width: 100%;
	}
	.z1 {    
		font-size: 18px;
		text-align: left;
	}
	
	.line {    margin: 40px 0px -22px 0px;}
	
	.block1 {
		width: 88%;
		float: none;
		padding: 12px;
	}
	.soc { 
		float: right;    
	}
	.soc img { 
		height: 27px;
		margin-top: -3px; 
	}
	.block2 {
		width: 91%;
        padding: 10px 17px 17px 31px;
	}
   .z1 {color: #3aa933}
}	


@media (min-width: 1180px) and (max-width: 1181px) { 
 
	.shop { 
		border-radius: 21px;
	    margin: 9px;
		width: 47%; margin-bottom: 50px;
	}
	 
	 
	.photo {
		width: 140px; 
		float: left;     margin-left: 3px; 
	}
	 
	.name {    
		margin: -28px 0px 0px 0px;
		width: 45vw;
		text-align: center;
		line-height: 29px;
	}
	h2 {
		font-size: 19px;
	} 
}


::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}
/* .main-descr*/
::-webkit-scrollbar-thumb {
    background-color: #403333;
    border-radius: 10px;
    border: 2px solid #ffffff;
}   

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff;
}
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.loader img {
	width: 100px; 
	opacity: 0.5;
    margin-top: 37vh;
}
.loader {
	/*
    top: 0;
    padding-top: 246px;
    height: 100vh;
    background: #0a0a0ad6!important;
    backdrop-filter: blur(3px);
    transition: 0.7s;
    color: white;
    display: none;
    animation: none !important;
	*/  
    position: fixed;
    z-index: 8888; 
	background: #1b252e;
	height: 100%;
    width: 100%;   
	display:none;
	margin: -17px auto;
    margin-left: -8px;
}



/* LOADER */
 @keyframes pulse {
	  0% {
		transform: scale(1);
	  }
	  50% {
		transform: scale(1.1);
	  }
	  100% {
		transform: scale(1);
	  }
}

@keyframes blink {
	  50% {
		opacity: 1;
	  }
	  0%, 100% {
		opacity: 0.5;
	  }
}
    
.pulsating-blinking-image {      
	  animation: pulse 3s infinite, blink 3s infinite; /* Додана анімація blink */
	  max-width: 100%;
	  height: auto;
	  display: block;
	  margin: auto;
}



@media (min-width: 1180px) and (max-width: 1181px) {	
	.k1 { 
		padding: 4px 12px; 
		font-size: 12px;
	}
}

@media (min-width: 500px) and (max-width: 1080px) {	
	body {
		margin: 0 auto;
		max-width: 390px;
	}   
	.loader { 
		left: 0px;
	}
	 
}
 /*
@media (min-width: 991px)   {	
	.h4 img {
		height: 353px;
		width: auto!important;
	}
}
 */
@media (max-width: 348px)   {	
	  
	.choice img {
		height: 10px!important; 
	}
}

@media (max-width: 360px)   {	
	  
	 
}    

@media (min-width: 460px)   {	
	  .userinfo-text { 
			margin: 15% auto 30px!important;
	  }   
}

@media (min-width: 580px)   {	
	 .show-text {display:none}
	 .loader { 
		margin: -28px auto;     height: 105%;
	 }
	 .userinfo-main { 
		margin: -25px 7px 7px -19px!important; 
	 }
	.user-info2 .userinfo-text {
		margin: 34px auto 30px!important;
		width: 402px!important;
	} 
	 
}




.choice { position: absolute; }
.choice img { 
    height: 12px;
    margin: 11px 0px 0px 0px;
}
  
.right { right: -100px!important;}

 
.like-active {display:none;} 

@viewport { 
	 width: device-width; 
	 user-zoom: fixed;
	 orientation: portrait ;   
}

.userinfo-main {
    background: #0a0a0ad6;
    backdrop-filter: blur(3px);
    color: white;
    padding: 11px;  left: 0px;
    text-align: center; 
    border-radius: 11px; 
    /* overflow-y: scroll; */
    height: 100%;    
	position: fixed; 
    width: 100%; display: none;
    margin: -17px 7px 7px -19px;
    z-index: 99999; 
}

.userinfo-text {
    width: 100%;
    text-align: center;
    margin: 43% auto 30px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 100!important;
}
 
.userinfo-button {
    margin: 0 auto!important;
    display: inline-block;
    color: #ffffff;
    display: block;
    padding: 7px 50px;
    font-size: 17px!important;
    text-align: center;
    /* background: #151518db; */
    width: 120px;
    border-radius: 5px; text-decoration: none;
    border: 1px solid #595555;
}

    
.service-text .text-bottom {
    text-align: center;
    position: ABSOLUTE;
    margin: 0px 0px 0px -20px;
    width: 100%;
    z-index: 778877;
    padding: 0px 10px;
    color: white;
}

.top-info .text-bottom {
    text-align: center;
    /* position: ABSOLUTE; */
    margin: 24px 0px 0px -20px;
    width: 100%;
    z-index: 778877;
    padding: 0px 10px;
    color: white;
}
 
.top-info {
    top: -73px;
    padding-top: 73px;
    bottom: inherit;
    z-index: 999999; 
    position: fixed;
    width: 100%;
}

.service-text .text-bottom  div {
	color: #f5677a;
}
.top-info .text-bottom  {
	color: #fa7474 ;
}

.top-info .gradient { 
    transform: rotate(180deg);
}



.userinfo-text b, .text-bottom b { font-weight: 100!important;     font-size: 21px; }  

.show-button img { 
    width: 18px; 
    margin: 4px 0px 0px 0px;
    transform: rotate(179deg); 
}
.userinfo-text  div{ display: inline-block;   }

.userinfo-text b, .userinfo-text div {
	font-size: 30px!important;
    font-weight: 800!important;
    color: red;
	margin: 7px 1px;
}
.info-close { 
        right: 14px;
    position: absolute;
    font-size: 27px;
    color: #858484;
    display: block;
    cursor: pointer;
    top: 5px;

}
.telegr {color: green;}
.main-descr p {   margin: 0 auto; } 
.user-info2 {
	/* display:block; */
    width: 100%;
    text-align: center; 
} 

.user-info2 .userinfo-text { 
    text-align: left!important;
	font-family: InterLight!important;
	width: 85%;
    text-align: center;
    margin: 11px 33px 33px 36px;
    font-size: 15px;
    line-height: 21px; 
}
.user-info2  h2 {
    font-size: 18px;
    margin-top: 26px;
}

.user-info2 .userinfo-text span { 
    color: red;
    font-size: 23px; 
    margin: 10px 4px 15px 0px;
    padding: 10px 1px;
    vertical-align: text-bottom;
}
.c1 label { 
    font-size: 16px; 
}
.c1   { 
       margin-top: 30px;
}
 


.user-info2 .userinfo-text  span.span2   {
    background: red!important;
    font-size: 23px!important;
    margin: -4px 4px 7px 0px!important; 
    padding: 0px!important; 
    width: 5px;
    height: 5px;
    display: inline-block!important;
}



@media (min-width: 585px)   {	
	.top-info .text-bottom {
		text-align: center;
		/* position: ABSOLUTE; */
		margin: 140px 0px 0px -20px; 
		padding: 36px 10px; 
	}
	.top-info {
		top: -215px;
		padding-top: 73px;
	}
}



@media (max-width: 585px)   {	
	.userinfo-text b, .text-bottom b {  font-size: 15px; } 
	/* .main-descr p  { line-height: 10px!important; } */ 
	}
	.user-info2 .userinfo-text { 
		font-size: 13px; 
	}
	
	
	.z2-limit {display:none}
	.phone-limit {display:none}
}
 
@media (min-width: 495px) and (max-width: 1280px)   {	
	 .search-tags { width: 96%!important;}
     .search0 {left: 10px!important; }  
	 .service-text {left: 0px;}
	 .userinfo-main { 
		left: 0px;
		top: 0px;
	 }
	
}

@media (min-width: 800px) and (max-width: 1088px) {
	body { 
		  max-width: auto!important;
	}
}
   
@media (min-width: 510px)  {
	.text-gradient { 
    	left: 6px;
    }
    .search0 {   
    	left: 10px;
    }  
	.gr1, .show-block  {display:none}
}  

        

@media (max-width: 570px)  {
	.gr1 {
		border-top: 1px solid #303040;
		box-shadow: 0px 1px 1px 1px #55515173;
		margin: -14px 0px 25px 1px
	}
	.show-block .show-button  {  
		width: 100%; 
		margin-top: 55px; 
		text-align: center;
		position: relative;
		bottom: -97px;
 
	}
	.show-block .show-button img {  
		text-align: center;
	}
		 
	
	.show-block { 
	    display:none; 
		width: 91%;
		position: absolute;
		text-align: center;  
	}
   
}   


.ios .style-b1, .ios .all-likes,  .ios .search-img {
	    zoom: 1.15; 
}

.style-b1,  .all-likes,   .search-img {
	   pointer-events: auto;
	   z-index: 1000;  
}




.main-tags0 span {
	font-size: 12px;
}
/* */
.phone { 
    float: right;
	 width: 170px;
    margin-right: -1px 
}
.soc { 
    float: left;    margin-bottom: 17px;
}   


.phone a >img, .gr1 { 
    display:none; 
}

@media (min-width: 1073px) { 
	.phone span { 
		margin: -1px 0px 0px 34px;
	}
	.myblock1 .photo { 
		margin-top: 27px;
	}
	
}



@media (max-width: 1073px) {
	.block2 {
		width: auto;
		padding: 19px;
		border-top: 2px solid #80808087; 
		margin-bottom: 7px; 
		height: inherit;
		display:none;
		background: #2F3942!important;
	}
	 
	.z2, .zamovutu { margin-top: 0px;}
	.show-text {
		    background: linear-gradient(to top, #2F3942, #2f394230)!important;
		position: absolute;
		margin-top: -44px;
		line-height: 55px;
		height: 21px;
		width: 89%;
		text-align: center;
		text-decoration: underline;
		z-index: 0;
	}
	.phone span {
		font-size: 21px;
		font-weight: 600;
		display: block;
		margin: -2px 18px 0px 23px;
	}
	.main-descr { 
		margin-bottom: 29px;
	}
	.photo img { 
		margin-left: -15px;
	}
}
.show-button img {
        width: 12px;transition: transform 0.5s ease-in-out;
    margin: 19px -3px 0px 0px;
}

.show-text img {
        margin-left: 9px;
}
.block2-garmoniz {
	margin-top: 7px;
}  





 
.rotated {
  transform: rotate(0deg)!important; transition: transform 0.5s ease-in-out;
}

@media (max-width: 570px) {
	.show-block {
		 display: block;
		width: 91%;
		position: absolute;
		text-align: center;
		margin-top: -26px;
	}
}
@media (max-width: 362px) {
	.show-block .show-button { 
		bottom: -115px;
	}
}
           
div#\31 15 .photo img, div#\31 53 .photo img, div#\31 64 .photo img {
    margin-top: 12px!important;
}

  
.no-scroll {
    overflow: hidden!important;
}

.ios .show-text  { 
    margin-left:   -4px!important; 
}    
.loader-img {
	height: 123px;
    /* padding-top:18px;     */
} 

.loader-img img {
	filter: invert(22%);
    /* opacity: 0.5;  
	*/    
    border-radius: 100px; 
    /* height: 44px;  */     
	opacity: 0.1;
}


.text-gradient { 
    	z-index: 8888;
    }
  
/*
html, body {
    overflow: hidden; 
    height: 100%;
    margin: 0;
}

 
.products-dost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;  
    
}

 
.menu0  {
    position: fixed;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 1000;
    pointer-events: none;  
}

 
.always-clickable button {
    pointer-events: auto;
}
*/


 
 /* ~~~~~~~~~~~~~~~~~~~~ 29.01  DESIGN PRO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
@media (max-width: 570px)  {
	 .myblock1 {
		 display: flex;
		align-items: flex-start;
	 } 
	 .photo {
		 justify-content: center;
		display: flex; 
		align-self: center;
	}
	.photo img {
		margin-top: -4px;
	}
	
	.block2 {
		width: 90%;
		 background: #ff2c2c; 
		border-radius: 15px;
	}
}     
   
 */ 
   
   
   
 /* .user-info2, .soc ,  .link-main a  { display: none}  */
 /* .zamovutu  { visibility:hidden } */
   
   
 
/* html, body {width:100%!important; overflow-x:hidden!important}  */