*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{vertical-align:baseline;background:#efefef;font:94%/1.45 Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,Ubuntu,Arial,sans-serif;color:#222;}
a{text-decoration:none;  }
h1 {font-size:170%;color:#222}
img{width: 100%} 
li{list-style:none}   
.wrapper {
	max-width: 600px;
	min-width: 320px;
    background: #fff;
    border-radius: 15px;          
    margin: 2em auto;   
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);	
	display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;
}

.block-main {
padding: 0 2.2em; 
}

/*Лого*/
.sakura-title{
  margin-top: 30px;
  margin-bottom: 20px;
  display: inline-block;  
  width: 100%;
}

.logo-img {
  width: 5.5em;
  height: 5.5em;
  float: left;
  display: flex;
  margin-right: 12px;  
}
.logo-img img{border-radius: 15px;}
.sakura-title h1{
	display: block;
	line-height: 25px;
	margin-top:5px;
}
.sakura-title span{
	display: block;	
	color:#555;
	margin-top:5px;
	font-weight:bold;
}

.poster{display: inline-block;margin:25px 0}
.poster img{border-radius: 15px;}


         
.link{
	display: block;
	overflow:hidden;
	margin-bottom:5px;
}   

.download-btn {
    background: radial-gradient(circle,rgb(165, 114, 136) 0%, rgb(0, 0, 0) 100%);
    color: #fff!important;
    padding: 12px 30px;
    border-radius: 25px;
    text-decoration: none;
    font-weight:bold;
    display: block;   
	text-align: center;
}  

.link p{
	
	 padding:7px 0 7px 10px;
	 font-weight:600;
	 border-left: 4px solid #dc6888;
	
}
.soc {margin-bottom:25px;}
.soc span{
	font-weight:600;
	
}



.our-soc {margin-top:25px;}
.our-soc li{display: block;margin: 10px 0;height:40px}
.our-soc a{color:#444;float:left;height: 100%;}
.img-soc{display: flex;height: 100%;align-items: center}
.img-soc b{margin-left:10px;font-weight: 600}
.vk-soc {	
height: 30px;
width: 30px;
border-radius: 50px;
background-color: #4c75a3;
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.878 17.304c-5.411 0-8.695-3.755-8.823-9.994h2.74c.086 4.583 2.171 6.528 3.77 6.925V7.31h2.627v3.954c1.542-.17 3.155-1.97 3.698-3.954h2.584c-.414 2.441-2.17 4.24-3.412 4.983 1.242.6 3.24 2.17 4.011 5.01h-2.84c-.6-1.898-2.07-3.369-4.04-3.569v3.57h-.315Z' fill='%23fff'/%3e%3c/svg%3e");
background-position: center;
background-repeat: no-repeat;
background-size: 22px 22px; 
}

.tg-soc {	
height: 30px;
width: 30px;
border-radius: 50px;
background-color: #64a9dc;
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.92 6.089L4.747 11.555c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zM8.66 13.573l7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833-1.343-4.116z' fill='%23FFF' fill-rule='evenodd'/%3e%3c/svg%3e");
background-position: center;
background-repeat: no-repeat;
background-size: 22px 22px; 
}
 
 
.polosa-pl{border-bottom: 1px solid rgba(0,0,0,0.22);margin: 25px 0 25px 0}
.version{display: block;margin-top:25px}
.version span{font-weight:600;display: inline-block;text-align: center;width: 100%;color:#555 }
.dop-info{margin-bottom: 20px;margin-top: 40px}
.dop-info span{font-weight:600}
.dop-info li{margin:7px 0}
.dop-info a{color: #C65063;border-bottom: 1px solid #e8b9c0}

.block-404{margin-top:40px;min-height:500px}
.block-404 a{color: #C65063;border-bottom: 1px solid #e8b9c0}

.info-page {margin:25px 0}
.info-page h1{margin:10px 0;font-size:140%}
.info-page img{margin-top:20px;border: 1px solid rgba(0,0,0,.2);width: 300px}
.nazad{color: #C65063;border:none!important}

.ios-page{margin:25px 0;}
.ios-page h1{margin:10px 0;font-size:140%;}
.ios-page img{margin-top:20px;width: 200px;}
.ios-page a{color: #C65063;border-bottom: 1px solid #e8b9c0}
.ios-share{border-left: 3px solid #dc6888;padding-left:8px}

/*max-width: 600px*/ 
@media only screen and (max-width: 600px) {
body{background:#fff}
.wrapper {border-radius: 0;box-shadow:none;margin: 0 auto 2em auto;}
.sakura-title{margin-top: 50px;}
.block-main {padding: 0 2em;}
.ios-page img{margin-top:40px;width: 300px;}
}

/*max-width: 400px*/ 
@media only screen and (max-width: 400px) {
.block-main {padding: 0 1.8em;}
.ios-page img {width: 90%;padding: 0 5%}
}

/*max-width: 340px*/ 
@media only screen and (max-width: 340px) {
.sakura-title h1 {margin-top: 0}
}