body{
	margin:0;
	padding:0;
	font-size: 16px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	height: 2000px;
}

#mobile-wrapper{
	position: fixed;
	width: 100%;
	height: 100%;
	overflow:hidden;
	background: #EEE;
}

#mobile-close-icon{
	top: 4px;
	right: 4px;
	background-image: url(/img/mobile-close-icon.png);
	width: 33px;
	background-size: 100%;
	height: 33px;
	position: absolute;
}

#mobile-top{
	text-align: left;
	background: #417196;
	background: linear-gradient(0deg, #417196, #3d69a4);
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	color: #FFF;
	padding: 0 0 0 5%;
}

#mobile-content{
	position: absolute;
	top: 40px;
	bottom: 0;
	left: 0;
	right: 0;
	webkit-transition: left 1s ease-in-out;
	-moz-transition: left 1s ease-in-out;
	-o-transition: left 1s ease-in-out;
	transition: left 1s ease-in-out;
}

#mobile-content .frame{
	height: 100%;
	position: relative;
}

/*footer*/

.mobile-footer{
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 37px;
	padding: 5px 0 0;
	text-align: center;
	background: #f0efef;
	border-top: 1px solid #666;
}

.mobile-footer>*{
	vertical-align: middle;
}

.mobile-footer>em{
	font-size: 16px;
	text-transform: uppercase;
	font-style: normal;
	line-height: 37px;
	text-align:center;
	display: block;
	width: 160px;
	position: absolute;
	left: 50%;
	margin-left: -80px;
}

/*footer*/

#select-soc-net{
	text-align: center;
	margin: 25px 0 0;
}

#card-target-menu{
	text-align: left;
	width: 90%;
	margin: 0 5%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#card-target-menu .soc-net{
	display: block;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	background-color: #EEE;
	line-height: 38px;
	margin: 0 0 4px;
	padding: 0 0 4px;
	width: 50%;
	float: left;
	text-decoration: none;
	color: #000;
}

#card-target-menu .soc-net div{
	background: url(/img/send-card-icons.png?v=1);
	display: block;
	width: 38px;
	height: 38px;
	cursor: pointer;
	margin-right: 10px;
	position: relative;
	float: left;
}

#card-target-menu .soc-net[data-sn="mm"] div{
	background-position: 0 0;
}
#card-target-menu .soc-net[data-sn="vk"] div{
	background-position: -38px 0
}
#card-target-menu .soc-net[data-sn="ok"] div{
	background-position: -76px 0;
}
#card-target-menu .soc-net[data-sn="fb"] div{
	/*background-position: -114px 0*/
	background: url(/img/send-card-facebook.png);
	background-position: 0 0;
}
#card-target-menu .soc-net[data-sn="email"] div{
	background-position: -152px 0
}
#card-target-menu .soc-net[data-sn="viber"] div{
	background-position: -190px 0;
}
#card-target-menu .soc-net[data-sn="whatsapp"] div{
	background-position: -228px 0;
}
#card-target-menu .soc-net[data-sn="telegram"] div{
	background-position: -266px 0;
}
#card-target-menu .soc-net[data-sn="skype"] div{
	background-position: -304px 0;
}
#card-target-menu .soc-net[data-sn="sms"] div{
	background-position: -342px 0;
}
#card-target-menu .soc-net[data-sn="in"] div{
	background-position: -380px 0;
}
#card-target-menu .soc-net[data-sn="pi"] div{
	background-position: -418px 0;
}
#card-target-menu .soc-net[data-sn="download"] div{
	background-position: -456px 0;
}
#card-target-menu .soc-net[data-sn="max"] div{
	background-position: 0 0;
	background: url(/img/mobile/max.png);
	background-size: cover;
}

/*Select friends*/

/*Поиск друзей*/

#friends-form{
	text-align: center;
	border-bottom: 1px solid #666;
}

#friends-form>div {
	padding: 10px 0;
	float: left;
	width: 50%;
}

#counters{
	font-size: 14px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 0 5px;
	display: block;
}

.mobile-button{
	color: #fff;
	background-color: #6182aa;
	border-radius: 4px;
	display: inline-block;
	padding: 6px 10px;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	-webkit-font-smoothing: subpixel-antialiased;
	margin: 0 2px;
}

.mobile-button.back-arrow{
	padding-left: 35px;
	background-size: 30px;
	background-position: left center;
	background-image: url(/img/mobile/back-arrow.png);
	background-repeat: no-repeat;
}

.mobile-button.next-arrow{
	padding-right: 35px;
	background-size: 30px;
	background-position: right center;
	background-image: url(/img/mobile/next-arrow.png);
	background-repeat: no-repeat;
}

#friends-form input[type="search"]{
	width: 160px;
	border-radius: 3px;
	vertical-align: top;
	min-width: 30px;
	border: 1px solid #B9C4D1;
	padding: 5px 0;
	text-indent: 5px;
	margin: 0 2px;
}

#friends-form select{
	padding: 4px 0;
	width: 130px;
	background: #E5EDFF;
	border-radius: 3px;
	margin: 0 2px;
}

.for-select-all{
	width: 94%;
	display: block;
	padding: 5px 3%;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase
}

#friends-slider{
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
}

.friend-item{
	width: 11%;
	margin: 3px 0.6%;
	display: block;
	position: relative;
	padding: 0;
	float: left;
	cursor: pointer;
	overflow: hidden;
}
.friend-item>img{
	width: 100%;
	height: auto;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.friend-item>input{
	position:absolute;
	top: 0;
	right: 0;
	margin: 0;
}

.friend-item>div.user-online, .friend-item>div.user-offline{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 18px;
}

.friend-item>div.user-online{
	background-image: url("/img/user-online.gif");
}

.friend-item>div.user-offline{
	background-image: url("/img/user-offline.gif");
}

.friend-item>div.user-age{
	position: absolute;
	bottom: 40px;
	left: 0;
	display: inline-block;
	font-size: 16px;
	color: #FFF;
	text-shadow: 1px 1px 3px #000;
	background: rgba(0,0,0,0.5);
	padding: 1px 3px;
	border-radius: 0 5px 0;
	cursor: help;
}

.friend-item>a {
	font-size: 12px;
	line-height: 14px;
	font-family: sans-serif;
	display: block;
	width: 100%;
	height: 27px;
	overflow: hidden;
	text-decoration: none;
	color: #555;
}

.friend-item>a:hover {
	text-decoration: underline;
}

#text-form p, #text-form input[type="text"]{
	width: 93%;
	margin: 0 2%;
	padding: 5px 1%;
	font-size: 14px;
}

#text-form textarea{
	resize: none;
	width: 93%;
	margin: 0 2%;
	padding: 0 1%;
	font-size: 14px;
}

#send_to{
	text-align: center;
}

#no-friends-info{
	text-align: center;
	padding: 10px;
}

#no-friends-info .mobile-button{
	display: block;
}

#popup__content{
	width: 100%;
	position: relative;
}


#popup__content progress{
	width: 80%;
	margin: 15px 10%;
}

/*Диалого отправки открытки{*/

#card-turn-text img{
	float: left;
	border: 1px solid #a5a5a5;
	padding: 3px;
	border-radius: 10px;
	margin: 0 10px 5px 0;
}

#card-turn-text{
	text-align: left;
	height: 100px;
	overflow: hidden;
}

#delivery-report{
	padding: 20px 0 0;
	font-size: 18px;
	text-align: center;
}

#delivery-report u{
	color: #00C;
	text-decoration: none;
}

.button {
	display: block;
	text-align: center;
	padding: 5px 10px;
	margin: 0 5px 0 0;
	cursor: pointer;
	border: 1px solid #bbb;
	overflow: visible;
	font: bold 13px arial, helvetica, sans-serif;
	text-decoration: none;
	white-space: nowrap;
	color: #555;
	background-color: #ddd;
	background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,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);
	transition: background-color .2s ease-out;
	background-clip: padding-box;/* Fix bleeding */
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(255,255,255, .9);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.button:hover {
	background-color: #eee;
	color: #555;
}

.button:active {
	background: #e9e9e9;
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.button>img{
	max-height: 22px;
	vertical-align:middle;
	margin-right: 7px;
}

.button i{
	font-family: "fontello";
	margin-right: 5px;
	font-style: normal;
	pointer-events: none;
}

.card-turn-dialog{
	padding: 5% 10%;
}

.card-turn-dialog>hr{
	clear:both;
}

.card-turn-dialog img{
	float: left;
	margin: 0 10px;
}


/*Диалого отправки открытки}*/

.ok-popup-info{
	font-family: 'Roboto', sans-serif;
    line-height: 22px;
    min-width: 50vw;
    max-width: 700px;
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ok-instruction h3{
	font-size: 18px;
	margin: 15px 0 0;
	color: #176ead;
}

.ok-instruction a{
	color: #176EAD;
}

.ok-instruction a:hover{
	color: #0000AD;
}

.ok-instruction h4{
	text-align: left;
	margin: 7px 10px;
	font-size: 16px;
}

.ok-instruction ol{
	text-align: left;
	margin: 7px 0;
	padding: 0 10px 0 30px;
}

.ok-instruction li{
	line-height: 25px;
}

.ok-text-border{
	border: 2px dashed #666;
	width: 80%;
	max-width: 420px;
	padding: 10px;
	margin: 0 auto 10px;
}

.ok-text-border input{
	margin: 3px 0;
	text-align: left;
	width: 98%;
	text-indent: 3px;
	padding: 6px 0 5px;
	border: 1px solid #bbb;
	vertical-align: top;
}

.ok-popup-info .ok-info{
	text-align: justify;
	margin: 15px 10px 0 15px;
}

.ok-popup-info .ok-back-button{
	padding: 2px 0;
}

.ok-popup-info .ok-back-button .button{
	padding: 10px;
	margin: 0 auto;
	white-space: normal;
	line-height: 20px;
}

.ok-card-text{
	position: relative;
    margin: 15px 1% 0;
    width: 96%;
	text-align: left;
}

.ok-card-text>p{
	font-size: 15px;
	margin: 7px 1px 2px;
	color: #176ead;
}

.ok-card-text input{
	width: 100%;
	margin: 0;
	padding: 1%;
	text-align: left;
}

.ok-card-text textarea{
	width: 100%;
	height: 130px;
	margin: 0;
	padding: 1%;
	overflow-x: hidden;
	resize: vertical;
}

.ok-card-text .ok-card-text-buttons{
	padding: 7px 0 5px;
	text-align: right;
}

.alternative{
	position: absolute;
	top: 20%;
	text-align: center;
	font-size: 18px;
}

.alternative::first-letter {
	color: #407098;
	font-size: 23px;
}

.alternative .mobile-button{
	margin-top: 7px;
}

.instagram-info{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.instagram-info div{
	text-align: center;
	padding: 13px 7px;
	line-height: 1.5em;
}

.instagram-info .button{
	margin: 0;
}

.instagram-info div.profile-image{
	padding: 54% 0 0;
    background-image: url(/img/instagram/url.jpg);
    background-size: cover;
    box-shadow: inset 0 0 10px 5px #eee;
    margin: 5px 0;
}

.instagram-info div svg{
	vertical-align: middle;
}

@media (max-width: 600px){
	.friend-item{
		width: 13%;
		margin: 3px 0.6%;
	}
	#friends-form>div {
		float: none;
		width: 100%;
		padding: 5px 0;
	}
}

@media (max-width: 480px){
	.friend-item{
		width: 15%;
		margin: 3px 0.7%;
	}
}

@media (max-width: 420px){
	.friend-item{
		width: 18%;
		margin: 3px 1%;
	}	
	.mobile-footer>em{
		display: none;
	}
	#card-target-menu .soc-net{
		width: 100%;
		float: none;
	}
}

@media (max-height: 620px){
	#PWA_iphone{
		display: none;
	}
}

@media (max-height: 480px){
	#card-target-menu .soc-net{
		line-height: 33px;
	}
	
	#card-target-menu .soc-net div{
		transform: scale(0.9);
		transform-origin: center;
	}
}

/* cyrillic-ext */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), url(/css/fonts/Roboto-cyrillic-ext.woff2) format('woff2');
	unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), url(/css/fonts/Roboto-cyrillic.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), url(/css/fonts/Roboto-latin-ext.woff2) format('woff2');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), url(/css/fonts/Roboto-latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
	font-display: auto;
	font-family: 'fontello';
	src: url('/css/fonts/fontello.eot');
	src: url('/css/fonts/fontello.eot') format('embedded-opentype'), url('/css/fonts/fontello.woff') format('woff'), url('/css/fonts/fontello.ttf') format('truetype'), url('/css/fonts/fontello.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}