@media (max-width:575px){
	.landing .row{
		margin-right:-10px;
		margin-left:-10px;
	}
	*.row>*{
		padding-right:10px;
		padding-left:10px;
	}
	.landing .container, .landing .container-fluid, .landing .container-lg, .landing .container-md, .landing .container-sm, .landing .container-xl, .landing .container-xxl{
		padding-right:10px;
		padding-left:10px;
	}
}
@media (min-width:576px){
	.landing .row{
		margin-right:-7px;
		margin-left:-7px;
	}
	*.row>*{
		padding-right:7px;
		padding-left:7px;
	}
	.landing .container, .landing .container-fluid, .landing .container-lg, .landing .container-md, .landing .container-sm, .landing .container-xl, .landing .container-xxl{
		padding-right:7px;
		padding-left:7px;
	}
	.landing .onlyXS{
		display:none !important;
	}
}
@media (max-width:575px){
	.landing .hideXS{
		display:none !important;
	}
}
@media (min-width:768px){
	.landing .row{
		margin-right:-9px;
		margin-left:-9px;
	}
	*.row>*{
		padding-right:9px;
		padding-left:9px;
	}
	.landing .container, .landing .container-fluid, .landing .container-lg, .landing .container-md, .landing .container-sm, .landing .container-xl, .landing .container-xxl{
		padding-right:9px;
		padding-left:9px;
	}
}
@media (min-width:992px){
	.landing .row{
		margin-right:-13px;
		margin-left:-13px;
	}
	*.row>*{
		padding-right:13px;
		padding-left:13px;
	}
	.landing .container, .landing .container-fluid, .landing .container-lg, .landing .container-md, .landing .container-sm, .landing .container-xl, .landing .container-xxl{
		padding-right:13px;
		padding-left:13px;
	}
}
@media (min-width:1200px){
	.landing .row{
		margin-right:-15px;
		margin-left:-15px;
	}
	*.row>*{
		padding-right:15px;
		padding-left:15px;
	}
	.landing .container, .landing .container-fluid, .landing .container-lg, .landing .container-md, .landing .container-sm, .landing .container-xl, .landing .container-xxl{
		padding-right:15px;
		padding-left:15px;
	}
}
@media (min-width:1400px){
	.landing .row{
		margin-right:-18px;
		margin-left:-18px;
	}
	*.row>*{
		padding-right:18px;
		padding-left:18px;
	}
	.landing .container, .landing .container-fluid, .landing .container-lg, .landing .container-md, .landing .container-sm, .landing .container-xl, .landing .container-xxl{
		padding-right:18px;
		padding-left:18px;
	}
}

.landing.mainContainer{
	overflow:clip
}
.landing .nowrap{
	white-space:nowrap;
}
.landing .txtCenter{
	text-align:center;
}
.landing .txtRight{
	text-align:right;
}
.landing .fLeft{
	float:left;
}
.landing .yellow{
	color:#fdca00;
}
.landing .absolute, .gradients.absolute{
	position:absolute;
}
.landing .relative, .landing.relative{
	position:relative;
}
.landing img.responsive{
	width:100%;
	height:auto;
	max-width:100%;
}
@font-face{
	font-family:'Montserrat';
	src:url('../fonts/Montserrat-Medium.eot');
	src:local('Montserrat Medium'), local('Montserrat-Medium'),
		url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Medium.woff') format('woff'),
		url('../fonts/Montserrat-Medium.ttf') format('truetype');
	font-weight:500;
	font-style:normal;
}
@font-face{
	font-family:'Montserrat';
	src:url('../fonts/Montserrat-Regular.eot');
	src:local('Montserrat Regular'), local('Montserrat-Regular'),
		url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Regular.woff') format('woff'),
		url('../fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'Montserrat';
	src:url('../fonts/Montserrat-SemiBold.eot');
	src:local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
		url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-SemiBold.woff') format('woff'),
		url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
	font-weight:600;
	font-style:normal;
}
@font-face{
	font-family:'Montserrat';
	src:url('../fonts/Montserrat-Bold.eot');
	src:local('Montserrat Bold'), local('Montserrat-Bold'),
		url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-Bold.woff') format('woff'),
		url('../fonts/Montserrat-Bold.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
}
@font-face{
	font-family:'Montserrat';
	src:url('../fonts/Montserrat-ExtraBold.eot');
	src:local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
		url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
		url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
	font-weight:800;
	font-style:normal;
}
#scalableContent{
	max-width:1920px;
}
body{
	background-color:#0c2653;
}
.landing hr{
	height:2px;
	background: linear-gradient(112.96deg, #9E37A9 7.98%, #017FDD 106.24%);
	opacity:1;
	margin:0;
}
.landing a{
	color:#FF2CDF;
	text-decoration:none;
	transition:color 0.3s ease-in-out;
}
.landing #sec9 .links a, .landing a.white{
	color:#fff;
}
.landing a:hover, .landing #sec1 .method a.white:hover, .landing #sec9 .links a:hover, .landing a.white:hover{
	color:#0092FF;
}
.landing a svg{
	width:53px;
	height:35px;
}
.landing a svg path{
	transition:stroke 0.3s ease-in-out;
}
.landing a:hover svg path{
	stroke:#0092FF;
}
.landing a.button{
	display:flex;
	justify-content: center;
	align-items: center;
	width:400px;
	height:64px;
	background-color:#0092FF;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-weight:700;
	transition:background-color 0.3s ease-in-out;
	text-transform: uppercase;
}
.landing a.button:hover{
	background-color:#2D27FF;
}
.landing .txtCenter a.button{
	margin-left: auto;
	margin-right: auto;
}
.landing h1{
	margin-top:7px;
	font-size:100px;
	line-height:105px;
	font-weight:800;
}
.landing h2{
	font-size:50px;
	line-height:55px;
	font-weight:700;
}
.landing h3{
	font-size:35px;
	line-height:39px;
	font-weight:700;
	margin:0;
}
.landing{
	font-family:'Montserrat';
	font-weight:500;
	font-size:20px;
	line-height:30px;
	color:#fff;
}
.landing header{
	background-image:url('../img/header.jpg');
	background-size:1920px auto;
	background-position:center -80px;
	background-repeat:no-repeat;
	height:1146px;
}
.landing header .cinema{
	padding-top:101px;
	font-weight:600;
}
.landing header .subtitle{
	margin-top:40px;
	line-height:28px;
	margin-bottom:40px;
}
.landing header .benefits{
	border-radius:4px;
	background: linear-gradient(98.93deg, #FF0A6C -10.42%, #2D27FF 100%);
	padding:0 80px 0 80px;
	margin-top:115px;
	margin-bottom:100px;
}
.landing header .benefits .content{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height:191px;
}
.landing header .benefits .content .item{
	font-size:24px;
	text-align:center;
	font-weight:700;
}
.landing header .benefits .content .item.amediateka img{
	width:263px;
	height:25px;
}
.landing header .benefits .content .item.premier img{
	width:199px;
	height:24px;
}
.landing header .benefits .content .item.start img{
	width:82px;
	height:40px;
}
.landing header .benefits .content .item .big{
	font-size:35px;
	line-height:42px;
}
.landing #sec1 h2{
	margin-top:10px;
	margin-bottom:40px;
}
.landing #sec1 .subtitle{
	font-size:30px;
	font-weight:500;
	line-height:45px;
}
.landing #sec1 .link a{
	display:flex;
	align-items: center;
	font-size:25px;
	font-weight:600;
}
.landing #sec1 .link.right a{
	justify-content: flex-end;	
}
.landing #sec1 .method{
	height:600px;
	border-radius:4px;
	border:solid 1px #fff;
	padding:39px;
	margin-top:70px;
	margin-bottom:100px;
}
.landing #sec1 .method .icon, .landing #sec1 .method .icon img{
	width:80px;
	height:80px;
	border-radius:4px;
	overflow:hidden;
}
.landing #sec1 .method .icon{
	background-color:#E1137E;
	margin-bottom:20px;
}
.landing #sec1 .method.card-id .icon{
	background-color:#402BED;
}
.landing #sec1 .method.card-phone{
	background-image:url('../img/phone-bg.png');
	background-repeat:no-repeat;
	background-size:290px 340px;
	background-position:center bottom;
}
.landing #sec1 .method.card-id .title{
	font-size:25px;
	font-weight:600;
	line-height:38px;
	margin-top:80px;
	margin-bottom:20px;
}
.landing #sec1 .method.card-id p{
	margin-bottom:10px;
}
.landing #sec1 .method.card-id .link{
	margin-top: 51px;
}
.landing #sec1 .method a.white{
	color:#ff2cdf;
	display:flex;
	align-items: center;
}
.landing #sec2{
	margin-bottom: 170px;
}
.landing #sec2 h2{
	margin-top: 200px;
	margin-bottom: 40px;
}
.landing #sec2 .subtitle{
	font-size:30px;
	line-height:45px;
}
.landing #sec2 .devices, .landing #sec2 .links svg{
	margin-top: 65px;
	margin-bottom:137px;
}
.landing #sec3 .txt, .landing #sec4 .txt, .landing #sec3 .txt, .landing #sec5 .txt, .landing #sec6 .txt, .landing #sec8 .txt{
	margin-top:40px;
}
.landing #sec3 .link{
	margin-top: 61px;
}
.landing #sec3 .link a, .landing #sec4 .link a{
	font-size:25px;
	font-weight:600;
	line-height:30px;
}
.landing #sec3 img.tvLogos, .landing #sec4 img.tvBoxes{
	margin-top:60px;
}
.landing #sec3 img.tvLogos{
	width:523px;
	height:107px;
}
.landing #sec4 img.tvBoxes{
	width:510px;
	height:207px;
}
.landing #sec3 img.epidemic{
	margin-top: 118px;
	width:550px;
	height:auto;
	position: absolute;
	right: 18px;
	top: 0;
}
.landing #sec4, .landing #sec5, .landing #sec6{
	margin-top: 170px;
}
.landing #sec4 .link{
	margin-top: 63px;
}
.landing #sec5 .storesAndQR, .landing #sec8 .storesAndQR{
	display:flex;
	align-items: flex-end;
	margin-top:40px;
}
.landing #sec5 .stores, .landing #sec8 .stores{
	margin-right:56px;
}
.landing .stores .item{
	margin-bottom:20px;
	background-color:rgba(253,245,239,20%);
	border-radius:8px;
	overflow:hidden;
	transition:background-color 0.3s ease-in-out;
}
.landing #sec5 .stores .item:hover, .landing #sec8 .stores .item:hover{
	background-color:rgba(253,245,239,10%);
}
.landing .stores .item.ruStore{
	margin:0 !important;
}
.landing #sec5 .stores .item img, .landing #sec8 .stores .item img{
	width:238px;
	height:70px;
}
.landing #sec5 .QR .image, .landing #sec8 .QR .image{
	width:180px;
	overflow:hidden;
	border-radius:16px;
	margin-bottom:-20px;
}
.landing #sec5 .QR .image img, .landing #sec8 .QR .image img{
	width:180px;
	height:180px;
}
.landing #sec5 .QR .txt, .landing #sec8 .QR .txt{
	font-size:25px;
	font-weight:600;
	line-height:30px;
}
.landing #sec5 .phoneTablet{
	display:flex;
	align-items: center;
	justify-content: flex-end;
}
.landing #sec5 .phoneTablet img{
	width:550px;
	height:470px;
}
.landing #sec6{
	margin-top:143px;
}
.landing #sec6 .pcTxt{
	display:flex;
	align-items: center;
}
.landing #sec6 .txt{
	margin-bottom:65px;
}
.landing #sec6 hr{
	margin-top:98px;
}
.landing #sec6 .phoneTablet{
	text-align:right;
}
.landing #sec6 .phoneTablet img{
	width:550px;
	height:308px;
}
.landing #sec7 .row{
	margin-top:225px;
}
.landing #sec7 ol{
	margin-top:40px;
	margin-bottom: 40px;
	padding-left: 24px;
}
.landing #sec7 ol li{
	margin-bottom:10px;
}
.landing #sec7 ol li:last-child{
	margin-bottom:0;
}
.landing #sec7 .txt{
	letter-spacing:-0.01rem;
}
.landing #sec7 .txtRight img{
	width:550px;
	height:445px;
}
.landing #sec8{
	margin-top:80px;
}
.landing #sec8 hr{
	margin-top:106px;
}
.landing #sec8 .txtRight img{
	width:624px;
	height:605px;
}
.landing #sec9 .content{
	margin-top:200px;
}
.landing #sec9 .subtitle{
	margin-top: 40px;
}
.landing #sec9 .icon{
	margin-right:10px;
	width:80px;
	height:80px;
}
.landing #sec9 .links{
	margin-top:50px;
}
.landing #sec9 .links .item{
	margin-right:120px;
}
.landing #sec9 .links .item:last-child{
	margin-right:0;
}
.landing #sec9 .info{
	margin-top:152px;
}
.infoOpenClose a img{
	transition:transform 0.3s ease-in-out;
	width:36px;
	height:36px;
}
.infoOpenClose.active a img{
	transform: rotate(180deg);
}
.landing #sec9 .infoOpenClose.active .txt{
	max-height:1000px;
	margin-bottom:25px;
}
.landing #sec9 .info .txt{
	font-size:16px;
	line-height:25px;
	transition:max-height 0.3s ease-in-out;
	max-height:0;
	overflow:hidden;
	padding-top:38px;
}
.landing #sec9 .copyrights{
	font-size:14px;
	line-height:21px;
	padding-bottom: 99px;
}
.landing .gradient1{
	position:absolute;
	height:2401px;
	top:1619px;
	left:0;
	right:0;
	background-image:url('../img/gradient-1.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:1920px auto;
}
.landing .gradient2, .landing .gradient3{
	position:absolute;
	height:1800px;
	top:3369px;
	left:0;
	right:0;
	background-image:url('../img/gradient-2.png');
	background-size:1920px 1800px;
	background-position:center top;
	background-repeat:no-repeat;
}
.landing .gradient3{
	top:4809px;
}
.landing .gradient4{
	position:absolute;
	height:760px;
	top:7860px;
	left:0;
	right:0;
	background-image:url('../img/gradient-3.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:1920px auto;
}
.landing .anchors{
	position:relative;
}
.landing #sec2 .anchors .links{
	position:absolute;
	top:0;
}
.landing .imgAnchors{
	width:100%;
	height:auto;
	opacity:0;
}
.landing .stickyContainer{
	position: absolute;
	right: 0;
}
.landing .sticky{
	position:sticky;
	top:0;
}

/*----------------------- XL ------------------------*/

@media (min-width:1200px) and (max-width:1399px){
	.landing a svg{
		width:46px;
		height:30px;
	}
	.landing a.button{
		width:345px;
		height:55px;
	}
	.landing h1{
		margin-top:6px;
		font-size:86px;
		line-height:91px;
	}
	.landing h2{
		font-size:43px;
		line-height:47px;
	}
	.landing h3{
		font-size:30px;
		line-height:34px;
	}
	.landing{
		font-size:17px;
		line-height:26px;
	}
	.landing header{
		background-size:1660px auto;
		background-position: center -69px;
		height:991px;
	}
	.landing header .cinema{
		padding-top:85px;
	}
	.landing header .subtitle{
		margin-top:34px;
		line-height:24px;
		margin-bottom:34px;
	}
	.landing header .benefits{
		border-radius:3px;
		padding:0 69px 0 69px;
		margin-top:99px;
		margin-bottom:86px;
	}
	.landing header .benefits .content{
		height:165px;
	}
	.landing header .benefits .content .item{
		font-size:21px;
	}
	.landing header .benefits .content .item.amediateka img{
		width:227px;
		height:22px;
	}
	.landing header .benefits .content .item.premier img{
		width:172px;
		height:21px;
	}
	.landing header .benefits .content .item.start img{
		width:71px;
		height:34px;
	}
	.landing header .benefits .content .item .big{
		font-size:30px;
		line-height:36px;
	}
	.landing #sec1 h2{
		margin-top:9px;
		margin-bottom:29px;
	}
	.landing #sec1 .subtitle{
		font-size:26px;
		line-height:39px;
	}
	.landing #sec1 .link a{
		font-size:22px;
	}
	.landing #sec1 .method{
		height:517px;
		border-radius:3px;
		padding:34px;
		margin-top:60px;
		margin-bottom:86px;
	}
	.landing #sec1 .method .icon, .landing #sec1 .method .icon img{
		width:69px;
		height:69px;
		border-radius:3px;
	}
	.landing #sec1 .method .icon{
		margin-bottom:17px;
	}
	.landing #sec1 .method.card-phone{
		background-size:250px 293px;
	}
	.landing #sec1 .method.card-id .title{
		font-size:22px;
		line-height:33px;
		margin-top:69px;
		margin-bottom:17px;
	}
	.landing #sec1 .method.card-id p{
		margin-bottom:9px;
	}
	.landing #sec1 .method.card-id .link{
		margin-top:44px;
	}
	.landing #sec2{
		margin-bottom:147px;
	}
	.landing #sec2 h2{
		margin-top:172px;
		margin-bottom:34px;
	}
	.landing #sec2 .subtitle{
		font-size:26px;
		line-height:39px;
	}
	.landing #sec2 .devices, .landing #sec2 .links svg{
		margin-top:56px;
		margin-bottom:118px;
	}
	.landing #sec3 .txt, .landing #sec4 .txt, .landing #sec3 .txt, .landing #sec5 .txt, .landing #sec6 .txt, .landing #sec8 .txt{
		margin-top:34px;
	}
	.landing #sec3 .link{
		margin-top:53px;
	}
	.landing #sec3 .link a, .landing #sec4 .link a{
		font-size:22px;
		line-height:26px;
	}
	.landing #sec3 img.tvLogos, .landing #sec4 img.tvBoxes{
		margin-top:52px;
	}
	.landing #sec3 img.tvLogos{
		width:451px;
		height:92px;
	}
	.landing #sec4 img.tvBoxes{
		width:440px;
		height:179px;
	}
	.landing #sec3 img.epidemic{
		margin-top:102px;
		width:474px;
	}
	.landing #sec4, .landing #sec5, .landing #sec6{
		margin-top:147px;
	}
	.landing #sec4 .link{
		margin-top:54px;
	}
	.landing #sec5 .storesAndQR, .landing #sec8 .storesAndQR{
		margin-top:34px;
	}
	.landing #sec5 .stores, .landing #sec8 .stores{
		margin-right:48px;
	}
	.landing #sec5 .stores .item, .landing #sec8 .stores .item{
		margin-bottom:17px;
		border-radius:7px;
	}
	.landing #sec5 .stores .item img, .landing #sec8 .stores .item img{
		width:205px;
		height:60px;
	}
	.landing #sec5 .QR .image, .landing #sec8 .QR .image{
		width:155px;
		border-radius:14px;
		margin-bottom:-17px;
	}
	.landing #sec5 .QR .image img, .landing #sec8 .QR .image img{
		width:155px;
		height:155px;
	}
	.landing #sec5 .QR .txt, .landing #sec8 .QR .txt{
		font-size:22px;
		line-height:26px;
	}
	.landing #sec5 .phoneTablet img{
		width:474px;
		height:405px;
	}
	.landing #sec6{
		margin-top:123px;
	}
	.landing #sec6 .txt{
		margin-bottom:56px;
	}
	.landing #sec6 hr{
		margin-top:85px;
	}
	.landing #sec6 .phoneTablet img{
		width:474px;
		height:266px;
	}
	.landing #sec7 .row{
		margin-top:194px;
	}
	.landing #sec7 ol{
		margin-top:34px;
		margin-bottom:34px;
		padding-left: 20px;
	}
	.landing #sec7 ol li{
		margin-bottom:9px;
	}
	.landing #sec7 .txtRight img{
		width:474px;
		height:384px;
	}
	.landing #sec8{
		margin-top:69px;
	}
	.landing #sec8 hr{
		margin-top:91px;
	}
	.landing #sec8 .txtRight img{
		width:538px;
		height:522px;
	}
	.landing #sec9 .content{
		margin-top:172px;
	}
	.landing #sec9 .subtitle{
		margin-top:34px;
	}
	.landing #sec9 .icon{
		margin-right:9px;
		width:69px;
		height:69px;
	}
	.landing #sec9 .links{
		margin-top:43px;
	}
	.landing #sec9 .links .item{
		margin-right:103px;
	}
	.landing #sec9 .info{
		margin-top:131px;
	}
	.infoOpenClose a img{
		width:31px;
		height:31px;
	}
	.landing #sec9 .infoOpenClose.active .txt{
		max-height:862px;
		margin-bottom:22px;
	}
	.landing #sec9 .info .txt{
		font-size:14px;
		line-height:22px;
		padding-top:33px;
	}
	.landing #sec9 .copyrights{
		font-size:12px;
		line-height:18px;
		padding-bottom:85px;
	}
	.landing .gradient1{
		height:2076px;
		top:1396px;
		background-size:1660px auto;
	}
	.landing .gradient2, .landing .gradient3{
		height:1552px;
		top:2905px;
		background-size:1656px 1552px;
	}
	.landing .gradient3{
		top:4147px;
	}
	.landing .gradient4{
		height:554px;
		top:6778px;
		background-size:1400px auto;
	}
}

/*----------------------- LG ------------------------*/

@media (min-width:992px) and (max-width:1199px){
	.landing a svg{
		width:39px;
		height:26px;
	}
	.landing a.button{
		width:292px;
		height:47px;
		font-size:13px;
	}
	.landing h1{
		margin-top:5px;
		font-size:73px;
		line-height:77px;
	}
	.landing h2{
		font-size:36px;
		line-height:40px;
	}
	.landing h3{
		font-size:26px;
		line-height:28px;
	}
	.landing{
		font-size:15px;
		line-height:22px;
	}
	.landing header{
		background-size:1396px auto;
		background-position: center -58px;
		height:833px;
	}
	.landing header .cinema{
		padding-top:64px;
	}
	.landing header .subtitle{
		margin-top:29px;
		line-height:20px;
		margin-bottom:29px;
	}
	.landing header .benefits{
		border-radius:3px;
		padding:0 58px 0 58px;
		margin-top:84px;
		margin-bottom:73px;
	}
	.landing header .benefits .content{
		height:139px;
	}
	.landing header .benefits .content .item{
		font-size:18px;
	}
	.landing header .benefits .content .item.amediateka img{
		width:192px;
		height:18px;
	}
	.landing header .benefits .content .item.premier img{
		width:145px;
		height:18px;
	}
	.landing header .benefits .content .item.start img{
		width:60px;
		height:29px;
	}
	.landing header .benefits .content .item .big{
		font-size:26px;
		line-height:31px;
	}
	.landing #sec1 h2{
		margin-top:7px;
		margin-bottom:29px;
	}
	.landing #sec1 .subtitle{
		font-size:22px;
		line-height:33px;
	}
	.landing #sec1 .link a{
		font-size:18px;
	}
	.landing #sec1 .method{
		height:438px;
		border-radius:3px;
		padding:28px;
		margin-top:51px;
		margin-bottom:73px;
	}
	.landing #sec1 .method .icon, .landing #sec1 .method .icon img{
		width:58px;
		height:58px;
		border-radius:3px;
	}
	.landing #sec1 .method .icon{
		margin-bottom:15px;
	}
	.landing #sec1 .method.card-phone{
		background-size:212px 248px;
	}
	.landing #sec1 .method.card-id .title{
		font-size:18px;
		line-height:28px;
		margin-top:58px;
		margin-bottom:15px;
	}
	.landing #sec1 .method.card-id p{
		margin-bottom:7px;
	}
	.landing #sec1 .method.card-id .link{
		margin-top:37px;
	}
	.landing #sec2{
		margin-bottom:124px;
	}
	.landing #sec2 h2{
		margin-top:146px;
		margin-bottom:29px;
	}
	.landing #sec2 .subtitle{
		font-size:22px;
		line-height:33px;
	}
	.landing #sec2 .devices, .landing #sec2 .links svg{
		margin-top:47px;
		margin-bottom:100px;
	}
	.landing #sec3 .txt, .landing #sec4 .txt, .landing #sec3 .txt, .landing #sec5 .txt, .landing #sec6 .txt, .landing #sec8 .txt{
		margin-top:29px;
	}
	.landing #sec3 .link{
		margin-top:44px;
	}
	.landing #sec3 .link a, .landing #sec4 .link a{
		font-size:18px;
		line-height:22px;
	}
	.landing #sec3 img.tvLogos, .landing #sec4 img.tvBoxes{
		margin-top:44px;
	}
	.landing #sec3 img.tvLogos{
		width:381px;
		height:78px;
	}
	.landing #sec4 img.tvBoxes{
		width:372px;
		height:151px;
	}
	.landing #sec3 img.epidemic{
		margin-top:86px;
		width:401px;
	}
	.landing #sec4, .landing #sec5, .landing #sec6{
		margin-top:124px;
	}
	.landing #sec4 .link{
		margin-top:46px;
	}
	.landing #sec5 .storesAndQR, .landing #sec8 .storesAndQR{
		margin-top:29px;
	}
	.landing #sec5 .stores, .landing #sec8 .stores{
		margin-right:41px;
	}
	.landing #sec5 .stores .item, .landing #sec8 .stores .item{
		margin-bottom:15px;
		border-radius:6px;
	}
	.landing #sec5 .stores .item img, .landing #sec8 .stores .item img{
		width:174px;
		height:51px;
	}
	.landing #sec5 .QR .image, .landing #sec8 .QR .image{
		width:131px;
		border-radius:12px;
		margin-bottom:-15px;
	}
	.landing #sec5 .QR .image img, .landing #sec8 .QR .image img{
		width:131px;
		height:131px;
	}
	.landing #sec5 .QR .txt, .landing #sec8 .QR .txt{
		font-size:18px;
		line-height:22px;
	}
	.landing #sec5 .phoneTablet img{
		width:401px;
		height:343px;
	}
	.landing #sec6{
		margin-top:104px;
	}
	.landing #sec6 .txt{
		margin-bottom:47px;
	}
	.landing #sec6 hr{
		margin-top:71px;
	}
	.landing #sec6 .phoneTablet img{
		width:401px;
		height:225px;
	}
	.landing #sec7 .row{
		margin-top:164px;
	}
	.landing #sec7 ol{
		margin-top:29px;
		margin-bottom:29px;
		padding-left: 17px;
	}
	.landing #sec7 ol li{
		margin-bottom:7px;
	}
	.landing #sec7 .txtRight img{
		width:401px;
		height:325px;
	}
	.landing #sec8{
		margin-top:58px;
	}
	.landing #sec8 hr{
		margin-top:77px;
	}
	.landing #sec8 .txtRight img{
		width:455px;
		height:441px;
	}
	.landing #sec9 .content{
		margin-top:146px;
	}
	.landing #sec9 .subtitle{
		margin-top:29px;
	}
	.landing #sec9 .icon{
		margin-right:7px;
		width:58px;
		height:58px;
	}
	.landing #sec9 .links{
		margin-top:36px;
	}
	.landing #sec9 .links .item{
		margin-right:88px;
	}
	.landing #sec9 .info{
		margin-top:111px;
	}
	.infoOpenClose a img{
		width:26px;
		height:26px;
	}
	.landing #sec9 .infoOpenClose.active .txt{
		max-height:729px;
		margin-bottom:18px;
	}
	.landing #sec9 .info .txt{
		font-size:12px;
		line-height:18px;
		padding-top:28px;
	}
	.landing #sec9 .copyrights{
		font-size:10px;
		line-height:15px;
		padding-bottom:72px;
	}
	.landing .gradient1{
		height:1751px;
		top:1181px;
		background-size:1400px auto;
	}
	.landing .gradient2, .landing .gradient3{
		height:1313px;
		top:2457px;
		background-size:1400px 1313px;
	}
	.landing .gradient3{
		top:3508px;
	}
	.landing .gradient4{
		height:554px;
		top:5733px;
		background-size:1400px auto;
	}
}

/*----------------------- MD ------------------------*/


@media (min-width:768px) and (max-width:991px){
	.landing a svg{
		width:29px;
		height:29px;
	}
	.landing a.button{
		width:218px;
		height:35px;
		font-size:10px;
	}
	.landing h1{
		margin-top:4px;
		font-size:55px;
		line-height:57px;
	}
	.landing h2{
		font-size:27px;
		line-height:30px;
	}
	.landing h3{
		font-size:19px;
		line-height:21px;
	}
	.landing{
		font-size:11px;
		line-height:16px;
	}
	.landing header{
		background-size:1048px auto;
		background-position: center -44px;
		height:626px;
	}
	.landing header .cinema{
		padding-top:48px;
	}
	.landing header .subtitle{
		margin-top:22px;
		line-height:15px;
		margin-bottom:22px;
	}
	.landing header .benefits{
		border-radius:2px;
		padding:0 44px 0 44px;
		margin-top:63px;
		margin-bottom:55px;
	}
	.landing header .benefits .content{
		height:104px;
	}
	.landing header .benefits .content .item{
		font-size:13px;
	}
	.landing header .benefits .content .item.amediateka img{
		width:144px;
		height:14px;
	}
	.landing header .benefits .content .item.premier img{
		width:109px;
		height:13px;
	}
	.landing header .benefits .content .item.start img{
		width:25px;
		height:12px;
	}
	.landing header .benefits .content .item .big{
		font-size:19px;
		line-height:23px;
	}
	.landing #sec1 h2{
		margin-top:5px;
		margin-bottom:22px;
	}
	.landing #sec1 .subtitle{
		font-size:16px;
		line-height:25px;
	}
	.landing #sec1 .link a{
		font-size:14px;
	}
	.landing #sec1 .method{
		height:328px;
		border-radius:2px;
		padding:21px;
		margin-top:38px;
		margin-bottom:55px;
	}
	.landing #sec1 .method .icon, .landing #sec1 .method .icon img{
		width:44px;
		height:44px;
		border-radius:2px;
	}
	.landing #sec1 .method .icon{
		margin-bottom:11px;
	}
	.landing #sec1 .method.card-phone{
		background-size:158px 186px;
	}
	.landing #sec1 .method.card-id .title{
		font-size:14px;
		line-height:21px;
		margin-top:36px;
		margin-bottom:11px;
	}
	.landing #sec1 .method.card-id p{
		margin-bottom:4px;
	}
	.landing #sec1 .method.card-id .link{
		margin-top:28px;
	}
	.landing #sec2{
		margin-bottom:93px;
	}
	.landing #sec2 h2{
		margin-top:109px;
		margin-bottom:22px;
	}
	.landing #sec2 .subtitle{
		font-size:16px;
		line-height:25px;
	}
	.landing #sec2 .devices, .landing #sec2 .links svg{
		margin-top:35px;
		margin-bottom:75px;
	}
	.landing #sec3 .txt, .landing #sec4 .txt, .landing #sec3 .txt, .landing #sec5 .txt, .landing #sec6 .txt, .landing #sec8 .txt{
		margin-top:22px;
	}
	.landing #sec3 .link{
		margin-top:33px;
	}
	.landing #sec3 .link a, .landing #sec4 .link a{
		font-size:14px;
		line-height:16px;
	}
	.landing #sec3 img.tvLogos, .landing #sec4 img.tvBoxes{
		margin-top:33px;
	}
	.landing #sec3 img.tvLogos{
		width:286px;
		height:58px;
	}
	.landing #sec4 img.tvBoxes{
		width:278px;
		height:113px;
	}
	.landing #sec3 img.epidemic{
		margin-top:64px;
		width:300px;
	}
	.landing #sec4, .landing #sec5, .landing #sec6{
		margin-top:93px;
	}
	.landing #sec4 .link{
		margin-top:34px;
	}
	.landing #sec5 .storesAndQR, .landing #sec8 .storesAndQR{
		margin-top:22px;
	}
	.landing #sec5 .stores, .landing #sec8 .stores{
		margin-right:31px;
	}
	.landing #sec5 .stores .item, .landing #sec8 .stores .item{
		margin-bottom:11px;
		border-radius:4px;
	}
	.landing #sec5 .stores .item img, .landing #sec8 .stores .item img{
		width:130px;
		height:38px;
	}
	.landing #sec5 .QR .image, .landing #sec8 .QR .image{
		width:98px;
		border-radius:9px;
		margin-bottom:-11px;
	}
	.landing #sec5 .QR .image img, .landing #sec8 .QR .image img{
		width:98px;
		height:98px;
	}
	.landing #sec5 .QR .txt, .landing #sec8 .QR .txt{
		font-size:14px;
		line-height:16px;
	}
	.landing #sec5 .phoneTablet img{
		width:300px;
		height:257px;
	}
	.landing #sec6{
		margin-top:78px;
	}
	.landing #sec6 .txt{
		margin-bottom:35px;
	}
	.landing #sec6 hr{
		margin-top:53px;
	}
	.landing #sec6 .phoneTablet img{
		width:300px;
		height:168px;
	}
	.landing #sec7 .row{
		margin-top:123px;
	}
	.landing #sec7 ol{
		margin-top:22px;
		margin-bottom:22px;
		padding-left: 13px;
	}
	.landing #sec7 ol li{
		margin-bottom:5px;
	}
	.landing #sec7 .txtRight img{
		width:300px;
		height:243px;
	}
	.landing #sec8{
		margin-top:44px;
	}
	.landing #sec8 hr{
		margin-top:58px;
	}
	.landing #sec8 .txtRight img{
		width:341px;
		height:330px;
	}
	.landing #sec9 .content{
		margin-top:109px;
	}
	.landing #sec9 .subtitle{
		margin-top:22px;
	}
	.landing #sec9 .icon{
		margin-right:5px;
		width:44px;
		height:44px;
	}
	.landing #sec9 .links{
		margin-top:27px;
	}
	.landing #sec9 .links .item{
		margin-right:66px;
	}
	.landing #sec9 .info{
		margin-top:83px;
	}
	.infoOpenClose a img{
		width:20px;
		height:20px;
	}
	.landing #sec9 .infoOpenClose.active .txt{
		max-height:546px;
		margin-bottom:14px;
	}
	.landing #sec9 .info .txt{
		font-size:9px;
		line-height:14px;
		padding-top:21px;
	}
	.landing #sec9 .copyrights{
		font-size:8px;
		line-height:11px;
		padding-bottom:54px;
	}
	.landing .gradient1{
		height:1311px;
		top:884px;
		background-size:1048px auto;
	}
	.landing .gradient2, .landing .gradient3{
		height:9830px;
		top:1839px;
		background-size:1048px 983px;
	}
	.landing .gradient3{
		top:2625px;
	}
	.landing .gradient4{
		height:415px;
		top:4291px;
		background-size:1048px auto;
	}
}

/*----------------------- SM ------------------------*/


@media (min-width:576px) and (max-width:767px){
	.landing a svg{
		width:22px;
		height:14px;
	}
	.landing a.button{
		width:163px;
		height:26px;
		font-size:7px;
	}
	.landing h1{
		margin-top:3px;
		font-size:41px;
		line-height:43px;
	}
	.landing h2{
		font-size:20px;
		line-height:22px;
	}
	.landing h3{
		font-size:14px;
		line-height:16px;
	}
	.landing{
		font-size:8px;
		line-height:12px;
	}
	.landing header{
		background-size:786px auto;
		background-position: center -33px;
		height:468px;
	}
	.landing header .cinema{
		padding-top:42px;
	}
	.landing header .subtitle{
		margin-top:16px;
		line-height:11px;
		margin-bottom:16px;
	}
	.landing header .benefits{
		border-radius:2px;
		padding:0 33px 0 33px;
		margin-top:47px;
		margin-bottom:41px;
	}
	.landing header .benefits .content{
		height:78px;
	}
	.landing header .benefits .content .item{
		font-size:10px;
	}
	.landing header .benefits .content .item.amediateka img{
		width:107px;
		height:10px;
	}
	.landing header .benefits .content .item.premier img{
		width:81px;
		height:10px;
	}
	.landing header .benefits .content .item.start img{
		width:33px;
		height:16px;
	}
	.landing header .benefits .content .item .big{
		font-size:14px;
		line-height:17px;
	}
	.landing #sec1 h2{
		margin-top:4px;
		margin-bottom:18px;
	}
	.landing #sec1 .subtitle{
		font-size:12px;
		line-height:18px;
	}
	.landing #sec1 .link a{
		font-size:10px;
	}
	.landing #sec1 .method{
		height:245px;
		border-radius:2px;
		padding:16px;
		margin-top:29px;
		margin-bottom:41px;
	}
	.landing #sec1 .method .icon, .landing #sec1 .method .icon img{
		width:33px;
		height:33px;
		border-radius:2px;
	}
	.landing #sec1 .method .icon{
		margin-bottom:8px;
	}
	.landing #sec1 .method.card-phone{
		background-size:118px 139px;
	}
	.landing #sec1 .method.card-id .title{
		font-size:10px;
		line-height:16px;
		margin-top:33px;
		margin-bottom:8px;
	}
	.landing #sec1 .method.card-id p{
		margin-bottom:4px;
	}
	.landing #sec1 .method.card-id .link{
		margin-top:21px;
	}
	.landing #sec2{
		margin-bottom:69px;
	}
	.landing #sec2 h2{
		margin-top:82px;
		margin-bottom:16px;
	}
	.landing #sec2 .subtitle{
		font-size:12px;
		line-height:18px;
	}
	.landing #sec2 .devices, .landing #sec2 .links svg{
		margin-top:27px;
		margin-bottom:56px;
	}
	.landing #sec3 .txt, .landing #sec4 .txt, .landing #sec3 .txt, .landing #sec5 .txt, .landing #sec6 .txt, .landing #sec8 .txt{
		margin-top:40px;
	}
	.landing #sec3 .link{
		margin-top:16px;
	}
	.landing #sec3 .link a, .landing #sec4 .link a{
		font-size:10px;
		line-height:12px;
	}
	.landing #sec3 img.tvLogos, .landing #sec4 img.tvBoxes{
		margin-top:24px;
	}
	.landing #sec3 img.tvLogos{
		width:214px;
		height:44px;
	}
	.landing #sec4 img.tvBoxes{
		width:208px;
		height:85px;
	}
	.landing #sec3 img.epidemic{
		margin-top:48px;
		width:225px;
	}
	.landing #sec4, .landing #sec5, .landing #sec6{
		margin-top:69px;
	}
	.landing #sec4 .link{
		margin-top:26px;
	}
	.landing #sec5 .storesAndQR, .landing #sec8 .storesAndQR{
		margin-top:16px;
	}
	.landing #sec5 .stores, .landing #sec8 .stores{
		margin-right:23px;
	}
	.landing #sec5 .stores .item, .landing #sec8 .stores .item{
		margin-bottom:8px;
		border-radius:3px;
	}
	.landing #sec5 .stores .item img, .landing #sec8 .stores .item img{
		width:97px;
		height:29px;
	}
	.landing #sec5 .QR .image, .landing #sec8 .QR .image{
		width:73px;
		border-radius:7px;
		margin-bottom:-8px;
	}
	.landing #sec5 .QR .image img, .landing #sec8 .QR .image img{
		width:73px;
		height:73px;
	}
	.landing #sec5 .QR .txt, .landing #sec8 .QR .txt{
		font-size:10px;
		line-height:12px;
	}
	.landing #sec5 .phoneTablet img{
		width:225px;
		height:192px;
	}
	.landing #sec6{
		margin-top:58px;
	}
	.landing #sec6 .txt{
		margin-bottom:27px;
	}
	.landing #sec6 hr{
		margin-top:40px;
	}
	.landing #sec6 .phoneTablet img{
		width:225px;
		height:126px;
	}
	.landing #sec7 .row{
		margin-top:92px;
	}
	.landing #sec7 ol{
		margin-top:16px;
		margin-bottom:16px;
		padding-left: 9px;
	}
	.landing #sec7 ol li{
		margin-bottom:4px;
	}
	.landing #sec7 .txtRight img{
		width:225px;
		height:182px;
	}
	.landing #sec8{
		margin-top:33px;
	}
	.landing #sec8 hr{
		margin-top:43px;
	}
	.landing #sec8 .txtRight img{
		width:255px;
		height:247px;
	}
	.landing #sec9 .content{
		margin-top:82px;
	}
	.landing #sec9 .subtitle{
		margin-top:16px;
	}
	.landing #sec9 .icon{
		margin-right:4px;
		width:33px;
		height:33px;
	}
	.landing #sec9 .links{
		margin-top:20px;
	}
	.landing #sec9 .links .item{
		margin-right:49px;
	}
	.landing #sec9 .info{
		margin-top:62px;
	}
	.infoOpenClose a img{
		width:15px;
		height:15px;
	}
	.landing #sec9 .infoOpenClose.active .txt{
		max-height:408px;
		margin-bottom:10px;
	}
	.landing #sec9 .info .txt{
		font-size:7px;
		line-height:10px;
		padding-top:16px;
	}
	.landing #sec9 .copyrights{
		font-size:6px;
		line-height:9px;
		padding-bottom:40px;
	}
	.landing .gradient1{
		height:980px;
		top:661px;
		background-size:784px auto;
	}
	.landing .gradient2, .landing .gradient3{
		height:735px;
		top:1376px;
		background-size:784px 735px;
	}
	.landing .gradient3{
		top:1964px;
	}
	.landing .gradient4{
		height:310px;
		top:3209px;
		background-size:784px auto;
	}
}

/*----------------------- XS ------------------------*/


@media (max-width:575px){
	.blueGradient{
		margin-left: -10px;
		margin-right: -10px;
		position:absolute;
		left:0;
		right:0;
		top:-300px;
	}
	.landing a.button{
		width:100%;
		height:50px;
		font-size:16px;
	}
	.landing a svg{
		width: 40px;
		height:26px;
	}
	#scalableContainer{
		margin-top:56px;
	}
	.landing header{
		background-image: url('../img/xs-header-bg.jpg');
		background-size:575px auto;
		height:auto;
	}
	.landing{
		font-size:16px;
		line-height:24px;
	}
	.landing header .cinema{
		font-size:14px;
		padding-top:42px;
	}
	.landing h1{
		margin-top:1px;
		font-size:45px;
		line-height:50px;
	}
	.landing h2{
		font-size:24px;
		line-height:31px;
	}
	.landing h3{
		font-size:24px;
		line-height:31px;
		margin: 0;
	}
	.landing header .subtitle{
		font-size:18px;
		margin-top:21px;
		line-height:25px;
		margin-bottom:38px;
	}
	.landing header .benefits{
		padding: 51px 0 11px 0;
		margin-top:41px;
		margin-bottom: 100px;
	}
	.landing header .benefits .content{
		height:auto;
		flex-direction: column;
	}
	.landing header .benefits .content .item{
		font-size: 20px;
		line-height:24px;
		font-weight:600;
		margin-bottom:40px;
	}
	.landing header .benefits .content .item .big{
		line-height:24px;
		font-weight:bold;
	}
	.landing header .benefits .content .item.amediateka img{
		width: 220px;
		height: 21px;
	}
	.landing #sec1{
		z-index:1;
	}
	.landing #sec1 h2{
		margin-top:0;
		margin-bottom:21px;
	}
	.landing #sec1 .subtitle{
		font-size:16px;
		line-height:24px;
	}
	.landing #sec1 .method{
		height:auto;
		margin-top: 29px;
		margin-bottom:1px;
		padding:19px;
	}
	.landing #sec1 .method h3{
		font-size:18px;
		line-height:20px;
	}
	.landing #sec1 .method.card-phone{
		background-image:none;
		padding:19px 19px 0 19px;
		text-align:center;
	}
	.landing #sec1 .method .icon{
		margin-bottom: 7px;
	}
	.landing #sec1 .method.card-phone img.onlyXS{
		padding:40px 40px 0 40px;
		max-width:250px;
	}
	.landing #sec1 .method .icon, .landing #sec1 .method .icon img{
		width:40px;
		height:40px;
	}
	.landing #sec1 .method.card-id .title{
		font-size:16px;
		line-height:24px;
		margin-top:48px;
		margin-bottom:15px;
	}
	.landing #sec1 .method.card-id p{
		font-size:14px;
		line-height:21px;
		margin-bottom:2px;
	}
	.landing #sec1 .link a{
		font-size:14px;
	}
	.landing #sec1 .method.card-id .link{
		margin-top: 35px;
	}
	.landing .gradient1{
		position: absolute;
		height:auto;
		top:-300px;
		background-image:none;
	}
	.landing #sec2 h2{
		margin-top:99px;
		margin-bottom:22px;
	}
	.landing #sec2 .subtitle{
		font-size:16px;
		line-height:24px;
	}
	.landing #sec2 .devices, .landing #sec2 .links svg{
		margin-top: 29px;
		margin-bottom:40px;
	}
	.landing #sec2{
		margin-bottom:100px;
	}
	.landing #sec3 .txt, .landing #sec4 .txt, .landing #sec5 .txt, .landing #sec6 .txt, .landing #sec8 .txt{
		margin-top: 21px;
	}
	.landing #sec3 .txt{
		margin-bottom:39px;
	}
	.landing #sec3 img.tvLogos, .landing #sec4 img.tvBoxes{
		width:100%;
		height:auto;
	}
	.landing #sec2 .anchors, .landing #sec2 a.button, .landing #sec3 h3, .landing #sec3 .txt, .landing #sec3 .link, .landing #sec4 .link, .landing #sec5 h3, .landing #sec5 .txt, .landing #sec5 .storesAndQR, .landing #sec8, .landing #sec9 .container{
		position:relative;
		z-index:1;
	}
	.landing #sec3 img.tvLogos, .landing #sec4 img.tvBoxes{
		margin-top: 40px;
	}
	.landing #sec3 .link a, .landing #sec4 .link a{
		font-size:14px;
		line-height:18px;
	}
	.landing #sec3 .link{
		margin-top: 38px;
	}
	.landing #sec4, .landing #sec5, .landing #sec6{
		margin-top: 84px;
	}
	.landing #sec4 .link{
		margin-top: 45px;
	}
	.landing #sec5 .blueGradient{
		top:-250px;
	}
	.landing #sec5 .stores, .landing #sec8 .stores{
		margin-right:0;
		width:100%;
		display:flex;
		justify-content: center;
	}
	.landing #sec5 .stores .item img, .landing #sec8 .stores .item img{
		width:100%;
		height:auto;
	}
	.landing #sec5 .stores .item, .landing #sec8 .stores .item{
		margin-bottom:10px;
		border-radius:5px;
	}
	.landing .storesAndQR .column:nth-child(odd){
		padding-right:5px;
	}
	.landing .storesAndQR .column:nth-child(even){
		padding-left:5px;
	}
	.landing #sec5 .txt, .landing #sec6 .txt{
		margin-bottom:30px;
	}
	.landing #sec5 .storesAndQR{
		margin-top:30px;
	}
	.landing .stores .item.appStore{
		margin:0 !important;
	}
	.landing #sec6 .link{
		margin-top:38px;
	}
	.landing #sec7 .row{
		margin-top: 100px;
	}
	.landing #sec7 ol{
		margin-top: 26px;
		margin-bottom:30px;
		padding-left: 19px;
	}
	.landing #sec8 .storesAndQR{
		margin-top: 29px;
	}
	.landing #sec9 .gradient{
		top:-270px;
		left:0;
		right:0;
		position:absolute;
	}
	.landing #sec9 .content{
		margin-top:100px;
	}
	.landing #sec9 .subtitle{
		margin-top: 21px;
	}
	.landing #sec9 .icon{
		width:50px;
		height:50px;
	}
	.landing #sec9 .links{
		margin-top: 29px;
	}
	.landing #sec9 .links .item{
		margin-right:0;
		margin-bottom:30px;
		width:100%;
	}
	.landing #sec9 .info{
		margin-top:52px;
	}
	.landing #sec9 .copyrights{
		padding-bottom: 79px;
	}
}
@media (max-width:453px){
	.landing #sec3 .blueGradient{
		top:-200px;
	}
	.landing #sec5 .blueGradient{
		top:-170px;
	}
}
@media (max-width:390px){
	.landing #sec3 .blueGradient, .landing #sec5 .blueGradient{
		top:-120px;
	}
}