/* Start:/bitrix/templates/.default/components/wls/app.list/appindex.2014/style.css*/
 
/* End */



/* Start:/bitrix/templates/.default/components/bitrix/news.list/presslist2015/style.css*/
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */



/* Start:/bitrix/templates/.default/components/bitrix/news.list/newslist2014/style.css*/
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */



/* Start:/bitrix/templates/ru-pdd-index/template_styles.css*/
/* #44cae2 */
html, body{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

html{
	/*background-image: url(/bitrix/templates/ru-pdd-index/img/1-2.png);*/
	/*background-image: url(/bitrix/templates/ru-pdd-index/img/bkg.jpg);*/
	background-position: 50% top;
	background-repeat: no-repeat;
}

body {
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	/*opacity: .8;*/
	color: #15181c;
}

/* header */
	header{
		height: 89px;
		width: 940px; /* Real is 1004 px */
		padding: 0 32px;
		margin: 0 auto;
	}
		header .logo{
			width: 210px;
			height: 61px;
			float: left;
			margin: 14px 0 0 0;
			background-image: url(/bitrix/templates/ru-pdd-index/img/logo-rupdd.svg);
			background-repeat: no-repeat;
			background-size: 210px 61px;
		}
		header .about-site{
			float: left;
			width: 310px;
			margin: 25px 0 0 30px;
			font-style: italic;
		}
		.project-of{
			float: left;
			margin: 22px 0 0 198px;
		}
			.project-of > .label{
				font-size: 14px;
				color: #a4aebb;
				margin: 0 0 0 -2px;
			}
			.project-of > .project-of-logo{
				width: 192px;
				height: 26px;
				float: left;
				margin: -1px 0 0 0;
				background-image: url(/bitrix/templates/ru-pdd-index/img/logo-rp-header.svg);
			}
			.project-of > .project-of-logo:hover,
			.project-of > .project-of-logo:active{
				background-image: url(/bitrix/templates/ru-pdd-index/img/logo-rp-header-pressed.svg);
			}

/* Menu */

	nav.menu{
		border-top: 1px solid #f5f8fa;
	}
		nav.menu > .wrapper{
			width: 940px;
			height: 54px;
			padding: 0 32px;
			margin: 0 auto;
		}
			nav.menu > .wrapper .dropdown-menu{
				float: left;
				width: 168px;
				height: 54px;
				color: #606d80;
				margin: -1px 0 0 -1px;
				border: 1px solid transparent;
				border-bottom: none;
				transition: box-shadow 0s, border 0s;
			}
			nav.menu > .wrapper .dropdown-menu.active{
				height: auto;
				position: absolute;
				box-shadow: 0 1px 3px #606d80;
				border: 1px solid #aebdc8;
				transition: box-shadow .5s, border .5s;
				-moz-transition: box-shadow 0s, border 0s;
				z-index: 15;
			}
				nav.menu > .wrapper .dropdown-menu .label{
					width: 149px;
					height: 23px;
					padding: 18px 0 13px 19px;
					background-image: url(/bitrix/templates/ru-pdd-index/img/menu-arrow.png);
					background-size: 11px 6px;
					background-repeat: no-repeat;
					background-position: 142px 26px;
					cursor: pointer;
					transition: background-image .2s, color .2s, background-color 0s;
					text-transform: uppercase;
					font-weight: bold;
				}
				nav.menu > .wrapper .dropdown-menu .label:hover{
					background-image: url(/bitrix/templates/ru-pdd-index/img/menu-arrow-active.png);
					color: #44cae2;
				}
				nav.menu > .wrapper .dropdown-menu.active .label{
					background-image: url(/bitrix/templates/ru-pdd-index/img/menu-arrow-active.png);
					background-color: #eef6fa;
					transition: background-color .5s;
					color: #44cae2;
				}
				nav.menu > .wrapper > .dropdown-menu > .list{
					font-size: 16px;
					position: absolute;
					top: -9999px;
					left: -9999px;
					opacity: 0;
					transition: opacity 0s;
					z-index: 10;
				}
				nav.menu > .wrapper > .dropdown-menu.active > .list{
					position: relative;
					top: 0;
					left: 0;
					opacity: 1;
					transition: opacity .5s;
				}
					nav.menu > .wrapper > .dropdown-menu > .list > a{
						float: left;
						width: 118px;
						height: 3px;
						padding: 0 0 0 50px;
						background-color: white;
						background-size: 29px 29px;
						background-position: 12px center;
						background-repeat: no-repeat;
						color: #606d80;
						text-decoration: none;
						vertical-align: middle;
						border-top: 1px solid #e2e6eb;
						transition: height 0s;
					}
					nav.menu > .wrapper > .dropdown-menu.active > .list > a{
						height: 19px;
						padding: 16px 0 17px 50px;
						transition: height .15s, padding .15s;
					}
					nav.menu > .wrapper > .dropdown-menu.active > .list > a:nth-child(2){
						transition: height .275s, padding .275s;
					}
					nav.menu > .wrapper > .dropdown-menu.active > .list > a:nth-child(3){
						transition: height .4s, padding .4s;
					}

					nav.menu > .wrapper > .dropdown-menu > .list > a:hover,
					nav.menu > .wrapper > .dropdown-menu > .list > a:active{
						/*font-weight: bold;*/
						color: #44cae2;
					}
						nav.menu > .wrapper > .dropdown-menu > .list > a.exams{
							background-image: url(/bitrix/templates/ru-pdd-index/img/menu-icon-exam.png);
						}
						nav.menu > .wrapper > .dropdown-menu > .list > a.penalties{
							background-image: url(/bitrix/templates/ru-pdd-index/img/menu-icon-fines.png);
						}
						nav.menu > .wrapper > .dropdown-menu > .list > a.fuels{
							background-image: url(/bitrix/templates/ru-pdd-index/img/menu-icon-fuels.png);
						}

			nav.menu > .wrapper .inline-menu{
				float: right;
				height: 54px;
			}
				nav.menu > .wrapper .inline-menu > a{
					display: inline-block;
					padding: 18px 0 13px 0;
					margin: 0 0 0 50px;
					font-weight: bold;
					text-transform: uppercase;
					text-decoration: none;
					color: #606d80;
					transition: color .2s;
				}
				nav.menu > .wrapper .inline-menu > a:hover,
				nav.menu > .wrapper .inline-menu > a:active{
					color: #44cae2;
				}
/* content */
	.content{
		min-width: 1004px;
	}
	.content.index{
		background-image: url(/bitrix/templates/ru-pdd-index/img/bg.jpg);
		background-position: center center;
		background-size: 100%;
	}
		.content > .wrapper{
			width: 940px;
			padding: 0 32px;
			margin: 0 auto;
		}
			.content > .wrapper > .apps{
				padding-bottom: 50px;
			}
			.content > .wrapper > .apps > .app-line{
				;
			}
				.content > .wrapper > .apps > .app-line > .app{
					position: relative;
					float: left;
					width: 267px;
					height: 385px;
					margin-top: 45px;
					margin-left: 37px;
					padding: 0 0 0 180px;
				}
				.content > .wrapper > .apps > .app-line > .app:first-child{
					margin-left: 0;
				}
				.content > .wrapper > .apps > .app-line:nth-child(2n) > .app{
					padding: 0 180px 0 0;
				}
					.content > .wrapper > .apps > .app-line > .app > .phone{
						position: absolute;
						left: -3px;
						top: 0;
						width: 183px;
						height: 385px;
					}
					.content > .wrapper > .apps > .app-line:nth-child(2n) > .app > .phone{
						right: 0;
						left: auto;
					}
					.content > .wrapper > .apps > .app-line > .app > .description{
						height: 238px;
						margin-top: 58px;
						padding: 32px 20px 0 20px;
						background-color: white;
					}
					.content > .wrapper > .apps > .app-line:nth-child(2n) > .app > .description{
						/* height: 273px; */
						height: 238px;
					}
						.content > .wrapper > .apps > .app-line > .app > .description .header{
							padding: 0 0 0 73px;
							background-size: 58px 58px;
							background-repeat: no-repeat;
							background-position: 0 1px;
						}
						.content > .wrapper > .apps > .app-line > .app > .description a{
						text-decoration: none;
						color:#000;
						}
							.content > .wrapper > .apps > .app-line > .app > .description .header > .title{
								font-size: 21px;
								font-weight: bold;
								line-height: 26px;
								color: #15181c;
								text-decoration: none;
							}
							.content > .wrapper > .apps > .app-line > .app > .description .header > .short-description{
								font-size: 14px;
								font-style: italic;
							}
							.content > .wrapper > .apps > .app-line > .app > .description > .comment{
								margin-top: 18px;
							}
								.content > .wrapper > .apps > .app-line > .app > .description > .comment > .user-login{
									margin: 0 0 0 16px;
									padding: 0 0 0 25px;
									background-image: url(/bitrix/templates/ru-pdd-index/img/face.svg);
									background-repeat: no-repeat;
									font-size: 16px;
									font-weight: bold;
									color: #606d80;
									line-height: 17px;
								}
								.content > .wrapper > .apps > .app-line > .app > .description > .comment > .arrow{
									width: 0;
									height: 0;
									border-left: 11px solid transparent;
									border-right: 11px solid transparent;
									border-bottom: 11px solid #f8ecce;
									margin-left: 26px;
								}
								.content > .wrapper > .apps > .app-line > .app > .description > .comment > .text{
									text-indent: -6px;
									font-family: "Cuprum", sans-serif;
									padding: 18px 20px;
									margin: 0 -20px;
									font-size: 14px;
									background: #f8ecce;
									min-height: 32px;
								}
						.content > .wrapper > .apps > .app-line > .app > .description > .app-links{
							height: 19px;
							width: 120px;
							float: left;
							margin: 16px 0 0 0px;
						}
							.content > .wrapper > .apps > .app-line > .app > .description > .app-links > .link{
								width: 19px;
								height: 19px;
								float: left;
								margin-left: 5px;
								background-repeat: no-repeat;
								background-size: 19px 19px;
							}
							.content > .wrapper > .apps > .app-line > .app > .description > .app-links > .link:first-child{
								margin-left: 0;
							}
							.content > .wrapper > .apps > .app-line > .app > .description > .app-links > .link.ios{
								background-image: url(/bitrix/templates/ru-pdd-index/img/ios.svg);
							}
							.content > .wrapper > .apps > .app-line > .app > .description > .app-links > .link.android{
								background-image: url(/bitrix/templates/ru-pdd-index/img/android.svg);
							}
							.content > .wrapper > .apps > .app-line > .app > .description > .app-links > .link.windows{
								background-image: url(/images/huawei-icon.svg);
							}

						.content > .wrapper > .apps > .app-line > .app > .description > .more{
							float: right;
							margin: 14px 0 20px 0;
						}
						.content > .wrapper > .apps > .app-line > .app > .description > a.more{
							color:#fff;
						}
						.content > .wrapper > .apps > .app-line > .app > .description > .already{
							width: 272px;
							height: 112px;
							margin: 13px -20px 13px -20px;
						}

/* app */
			.content > .app{
				height: 683px;
				background-color: #f5f8fa;
			}
				.content > .app > .wrapper{
					width: 940px;
					padding: 0 32px;
					margin: 0 auto;
				}
					.content > .app > .wrapper > .app-share{
						float: right;
						margin: 15px 0 0 0;
					}
						.content > .app > .wrapper > .app-share > .title{
							font-size: 14px;
							color: #606d80;
						}
						.content > .app > .wrapper > .app-share > .yashare-auto-init{
							float: right;
							width: 133px;
							margin: -1px -4px 0 0;
						}

/* app-phone */
					.content > .app > .wrapper > .app-phone{
						float: left;
						width: 286px;
						height: 587px;
						background-image: url(/bitrix/templates/ru-pdd-index/img/app-phone.png);
						background-size: 286px 587px;
						background-repeat: no-repeat;
						position: relative;
					}
						.blick{
							width: 147px;
							height: 468px;
							position: absolute;
							top: 8px;
							left: 123px;
							z-index: 11;
							background-image: url(/bitrix/templates/ru-pdd-index/img/blick.png);
							-webkit-user-select: none;
							-moz-user-select: none;
						}
						.slidesjs-next{
							position: absolute;
							width: 42px;
							height: 42px;
							background-color: rgba(255,255,255,0);
							top: 499px;
							left: 122px;
							font-size: 0;
							border-radius: 21px;
							-webkit-user-select: none;
							-moz-user-select: none;
						}
						.slidesjs-next:hover,
						.slidesjs-next:active{
							top: 497px;
							left: 120px;
							border: 2px solid rgba(255, 245, 0, 0.15);
						}
						.content > .app > .wrapper > .app-phone > .slider{
							width: 225px;
							height: 399px;
							overflow: hidden;
							margin: 82px 0 0 30px;
							background-color: black;
						}
							.content > .app > .wrapper > .app-phone > .slider > img{
								width: 225px;
								height: 399px;
							}

/* app-info */
					.content > .app > .wrapper > .app-info{
						float: right;
						width: 620px;
						margin: 58px 0 0 0;
					}
						.content > .app > .wrapper > .app-info > .header{
							display: inline-block;
							height: 60px;
							padding: 0 0 0 80px;
							background-position: 0 0;
							background-repeat: no-repeat;
							background-size: 60px 60px;
							font-size: 48px;
							font-weight: bold;
							line-height: 52px;
						}
						.content > .app > .wrapper > .app-info > .app-description{
							font-size: 24px;
							font-style: italic;
							margin: 14px 0 0 0;
						}
						.content > .app > .wrapper > .app-info > .all-inclusive{
							font-size: 18px;
							font-weight: bold;
							text-transform: uppercase;
							margin: 34px 0 0 0;
						}
						.content > .app > .wrapper > .app-info > .slider-titles{
							margin: 4px 0 0 0;
							padding: 0;
							list-style-type: none;
						}
							.content > .app > .wrapper > .app-info > .slider-titles > li{
								height: 27px;
								padding: 5px 0 0 35px;
								background-image: url(/bitrix/templates/ru-pdd-index/img/check.svg);
								background-repeat: no-repeat;
								background-size: 24px 24px;
								background-position: 0 center;
								font-style: italic;
								cursor: pointer;
							}
							.content > .app > .wrapper > .app-info > .slider-titles > li:hover{
								color: #44cae2;
							}
							.content > .app > .wrapper > .app-info > .slider-titles > li.active{
								margin: 0 0 0 -37px;
								padding-left: 70px;
								background-image: url(/bitrix/templates/ru-pdd-index/img/check-active.svg);
								background-size: 61px 32px;
								background-color: white;
								color: #44cae2;
								font-weight: bold;
							}

/* store-links */
						.content > .app > .wrapper > .app-info > .store-links{
							margin: 42px 0 0 0;
						}
							.content > .app > .wrapper > .app-info > .store-links > .link-item{
								float: left;
								width: 80px;
								height: 12px;
								padding: 61px 0 0 0;
								margin: 0 0 0 38px;
								font-size: 16px;
								font-weight: bold;
								text-align: center;
								color: #15181c;
								text-decoration: none;
								background-repeat: no-repeat;
								background-position: top center;
							}
		
							.content > .app > .wrapper > .app-info > .store-links > .link-item:first-child{
								margin: 0 0 0 -13px;
							}
							.content > .app > .wrapper > .app-info > .store-links > .link-item.ios{
								background-image: url(/bitrix/templates/ru-pdd-index/img/ios-big.svg);
							}
							.content > .app > .wrapper > .app-info > .store-links > .link-item:hover.ios{
								background-image: url(/bitrix/templates/ru-pdd-index/img/ios-big-hover.svg);
							}
							.content > .app > .wrapper > .app-info > .store-links > .link-item.android{
								background-image: url(/bitrix/templates/ru-pdd-index/img/android-big.svg);
							}
							.content > .app > .wrapper > .app-info > .store-links > .link-item:hover.android{
								background-image: url(/bitrix/templates/ru-pdd-index/img/android-big-hover.svg);
							}
							.content > .app > .wrapper > .app-info > .store-links > .link-item.windows{
								background-image: url(/bitrix/templates/ru-pdd-index/img/windows-big.svg);
							}
							.content > .app > .wrapper > .app-info > .store-links > .link-item:hover.windows{
								background-image: url(/bitrix/templates/ru-pdd-index/img/windows-big-hover.svg);
							}
							.content > .app > .wrapper > .app-info > .store-links > .link-item.java{
								background-image: url(/bitrix/templates/ru-pdd-index/img/java-big.svg);
							}
							.content > .app > .wrapper > .app-info > .store-links > .link-item:hover.java{
								background-image: url(/bitrix/templates/ru-pdd-index/img/java-big-hover.svg);
							}

			.content > .wrapper > .app-screenshots{
				;
			}
				.content > .wrapper > .app-screenshots > .screen{
					border-top: 1px solid #c1c1c1;
				}
				.content > .wrapper > .app-screenshots > .screen:first-child{
					border-top: none;
				}
					.content > .wrapper > .app-screenshots > .screen > .image-cell{
						width: 470px;
						display: table-cell;
						text-align: center;
					}
						.content > .wrapper > .app-screenshots > .screen > .image-cell > img{
							margin: 72px auto;
						}
					.content > .wrapper > .app-screenshots > .screen > .screen-description{
						width: 470px;
						display: table-cell;
						vertical-align: middle;
						padding: 10px 0 0 10px;
					}
						.content > .wrapper > .app-screenshots > .screen > .screen-description > .title{
							margin: 0 0 4px 0;
							font-size: 30px;
							font-weight: bold;
						}
						.content > .wrapper > .app-screenshots > .screen > .screen-description > .shot-description{
							margin: 0 0 11px 0;
							font-size: 24px;
							font-style: italic;
							color: #606d80;
						}

		.content > .app-comments{
			background-color: #44cae2;
		}
			.content > .app-comments > .wrapper{
				width: 940px;
				padding: 0 32px;
				margin: 0 auto;
			}
				.content > .app-comments > .wrapper > .comments{
					text-align: center;
					padding: 0 0 54px 0;
				}
					.content > .app-comments > .wrapper > .comments > .comment{
						display: inline-block;
						padding: 17px 25px;
						margin: 55px 0 0 0;
						background-color: white;
						font-weight: bold;
						font-style: italic;
					}
					.content > .app-comments > .wrapper > .comments > .comment:first-child{
						margin: 72px 0 0 0;
					}
						.content > .app-comments > .wrapper > .comments > .comment > .nic{
							position: absolute;
							margin: -52px 0 0 17px;
							font-weight: bold;
							color: #2e5a83;
						}
						.content > .app-comments > .wrapper > .comments > .comment > i.arrow{
							position: absolute;
							margin: -27px 0 0 3px;
							border-left: 10px solid transparent;
							border-right: 10px solid transparent;
							border-bottom: 10px solid white;
						}

	.news{
		width: 920px;
		padding: 0 42px;
		margin: 38px auto 33px auto;
	}
		.news > .item{
			float: left;
			width: 280px;
			margin: 0 0 0 40px;
		}
		.news > .item:first-child{
			margin-left: 0;
		}
			.news > .item > .title{
				font-size: 17px;
				font-weight: bold;
				color: #44cae2;
				text-decoration: none;
				line-height: 10px!important;
			}
			.news > .item > .date{
				font-size: 12px;
				color: #a4aebb;
			}
			.news > .item > .text{
				font-size: 14px;
			}

	.footer{
		min-width: 1004px;
		height: 90px;
		background-color: #15181c;
	}
		.footer > .wrapper{
			width: 940px;
			padding: 0 32px;
			margin: 0 auto;
		}
			.footer > .wrapper > .copyright{
				width: 341px;
				height: 60px;
				float: left;
				padding-top: 30px;
				font-size: 24px;
				color: #606d80;
			}
				.footer > .wrapper > .copyright > .copyright-link{
					float: right;
					width: 174px;
					height: 24px;
					background-image: url(/bitrix/templates/ru-pdd-index/img/logo-rp-footer.svg);
					background-size: 174px 24px;
				}
					.footer > .wrapper > .copyright > .copyright-link:hover,
					.footer > .wrapper > .copyright > .copyright-link:active{
						background-image: url(/bitrix/templates/ru-pdd-index/img/logo-rp-footer-pressed.svg);
					}
			.footer > .wrapper > .phone{
				width: 151px;
				float: left;
				font-size: 18px;
				font-weight: bold;
				color: white;
				padding: 35px 0 0 129px;
			}

			.footer > .wrapper > .links{
				float: left;
				width: 198px;
				padding: 27px 0 0 120px;
				text-align: right;
			}

				.footer > .wrapper > .links > a{
					float: left;
					width: 36px;
					height: 36px;
					margin-left: 16px;
					background-size: 36px;
					background-repeat: no-repeat;
				}
				.footer > .wrapper > .links > a:first-child{
					margin-left: 0;
				}
				.footer > .wrapper > .links > a.email{
					width: 42px;
					background-image: url(/bitrix/templates/ru-pdd-index/img/mail.svg);
					background-size: 42px 30px;
					background-position: center center;
				}
				.footer > .wrapper > .links > a.email:hover{
					background-image: url(/bitrix/templates/ru-pdd-index/img/mail-pressed.svg);
				}
				.footer > .wrapper > .links > a.vkontakte{
					background-image: url(/bitrix/templates/ru-pdd-index/img/vk-footer.svg);
				}
				.footer > .wrapper > .links > a.vkontakte:hover{
					background-image: url(/bitrix/templates/ru-pdd-index/img/vk-footer-hover.svg);
				}
				.footer > .wrapper > .links > a.twitter{
					background-image: url(/bitrix/templates/ru-pdd-index/img/twitter-footer.svg);
				}
				.footer > .wrapper > .links > a.twitter:hover{
					background-image: url(/bitrix/templates/ru-pdd-index/img/twitter-footer-hover.svg);
				}
				.footer > .wrapper > .links > a.facebook{
					background-image: url(/bitrix/templates/ru-pdd-index/img/facebook-footer.svg);
				}
				.footer > .wrapper > .links > a.facebook:hover{
					background-image: url(/bitrix/templates/ru-pdd-index/img/facebook-footer-hover.svg);
				}

.button{
	background-color: #44cae2;
	padding: 2px 9px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 6px;
	text-align: center;
	color: white;
	white-space: nowrap;
}
.button:hover,
.button:active{
	padding: 1px 8px;
	border: 1px solid white;
	background-color: #44cae2;
}
.button.black{
	background-color: #15181c;
}
.button.black:hover,
.button.black:active{
	background-color: #15181c;
}
.clear{
	clear: both
}

.skoro {
	margin:10px -20px 10px -20px;width:267px;
}
.btn {
	background: none repeat scroll 0% 0% #CA402D;
	color: #FFF;
	font-size: 24px;
	width: 100%;
	display: inline-block;
	margin-bottom: 0px;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	padding: 6px 0px;
	font-size: 14px;
	line-height: 1.42857;
	border-radius: 4px;
	-moz-user-select: none;	
	text-transform: uppercase;
	text-decoration: none;
}
.btn span {
	color:#f6a095;
}

/* End */
/* /bitrix/templates/.default/components/wls/app.list/appindex.2014/style.css */
/* /bitrix/templates/.default/components/bitrix/news.list/presslist2015/style.css */
/* /bitrix/templates/.default/components/bitrix/news.list/newslist2014/style.css */
/* /bitrix/templates/ru-pdd-index/template_styles.css */