@font-face {
	font-display: swap;
	font-family: RostelecomBasis;
	font-style: normal;
	font-weight: 200;
	src: url(/fonts/fonts/BasisGrotesquePro-Light-Web.eot);
	src: url(/fonts/fonts/BasisGrotesquePro-Light-Web.eot?#iefix) format("embedded-opentype"),url(/fonts/fonts/BasisGrotesquePro-Light-Web.woff2) format("woff2"),url(/fonts/fonts/BasisGrotesquePro-Light-Web.woff) format("woff"),url(/fonts/fonts/BasisGrotesquePro-Light-Web.ttf) format("ttf");
}

@font-face {
	font-display:swap;font-family:RostelecomBasis;font-style:normal;font-weight:300;
	src:url(/fonts/fonts/BasisGrotesquePro-Light-Web.eot);
	src:url(/fonts/fonts/BasisGrotesquePro-Light-Web.eot?#iefix) format("embedded-opentype"),url(/fonts/fonts/BasisGrotesquePro-Light-Web.woff2) format("woff2"),url(/fonts/fonts/BasisGrotesquePro-Light-Web.woff) format("woff"),url(/fonts/fonts/BasisGrotesquePro-Light-Web.ttf) format("ttf");
}

@font-face {
	font-display:swap;font-family:RostelecomBasis;font-style:normal;font-weight:400;
	src:url(/fonts/fonts/BasisGrotesquePro-Regular-Web.eot);
	src:url(/fonts/fonts/BasisGrotesquePro-Regular-Web.eot?#iefix) format("embedded-opentype"),url(/fonts/fonts/BasisGrotesquePro-Regular-Web.woff2) format("woff2"),url(/fonts/fonts/BasisGrotesquePro-Regular-Web.woff) format("woff"),url(/fonts/fonts/BasisGrotesquePro-Regular-Web.ttf) format("ttf");
}

@font-face {
	font-display:swap;font-family:RostelecomBasis;font-style:normal;font-weight:500;
	src:url(/fonts/fonts/BasisGrotesquePro-Medium-Web.eot);
	src:url(/fonts/fonts/BasisGrotesquePro-Medium-Web.eot?#iefix) format("embedded-opentype"),url(/fonts/fonts/BasisGrotesquePro-Medium-Web.woff2) format("woff2"),url(/fonts/fonts/BasisGrotesquePro-Medium-Web.woff) format("woff"),url(/fonts/fonts/BasisGrotesquePro-Medium-Web.ttf) format("ttf");
}

@font-face {
	font-display:swap;font-family:RostelecomBasis;font-style:normal;font-weight:600;
	src:url(/fonts/fonts/BasisGrotesquePro-Bold-Web.eot);
	src:url(/fonts/fonts/BasisGrotesquePro-Bold-Web.eot?#iefix) format("embedded-opentype"),url(/fonts/fonts/BasisGrotesquePro-Bold-Web.woff2) format("woff2"),url(/fonts/fonts/BasisGrotesquePro-Bold-Web.woff) format("woff"),url(/fonts/fonts/BasisGrotesquePro-Bold-Web.ttf) format("ttf");
}

@font-face {
	font-display:swap;font-family:RostelecomBasis;font-style:normal;font-weight:800;
	src:url(/fonts/fonts/BasisGrotesquePro-Bold-Web.eot);
	src:url(/fonts/fonts/BasisGrotesquePro-Bold-Web.eot?#iefix) format("embedded-opentype"),url(/fonts/fonts/BasisGrotesquePro-Bold-Web.woff2) format("woff2"),url(/fonts/fonts/BasisGrotesquePro-Bold-Web.woff) format("woff"),url(/fonts/fonts/BasisGrotesquePro-Bold-Web.ttf) format("ttf");
}

/*
@font-face {
	font-family: 'RostelecomBasis';
	src: url('fonts/BasisGrotesquePro-Medium-Web.eot');
	src: local('Rostelecom Basis MediumHighlight 2'), local('BasisGrotesquePro-Medium-Web'),
		url('fonts/BasisGrotesquePro-Medium-Web.eot?#iefix') format('embedded-opentype'),
		url('fonts/BasisGrotesquePro-Medium-Web.woff') format('woff'),
		url('fonts/BasisGrotesquePro-Medium-Web.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}


@font-face {
	font-family: 'RostelecomBasis';
	src: url('fonts/BasisGrotesquePro-Bold-Web.eot');
	src: local('Rostelecom Basis Bold 2'), local('BasisGrotesquePro-Bold-Web'),
		url('fonts/BasisGrotesquePro-Bold-Web.eot?#iefix') format('embedded-opentype'),
		url('fonts/BasisGrotesquePro-Bold-Web.woff') format('woff'),
		url('fonts/BasisGrotesquePro-Bold-Web.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'RostelecomBasis';
	src: url('fonts/BasisGrotesquePro-Light-Web.eot');
	src: local('Rostelecom Basis Light 2'), local('BasisGrotesquePro-Light-Web'),
		url('fonts/BasisGrotesquePro-Light-Web.eot?#iefix') format('embedded-opentype'),
		url('fonts/BasisGrotesquePro-Light-Web.woff') format('woff'),
		url('fonts/BasisGrotesquePro-Light-Web.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}


@font-face {
	font-family: 'RostelecomBasis';
	src: url('fonts/BasisGrotesquePro-Regular-Web.eot');
	src: local('Rostelecom Basis Regular 2'), local('BasisGrotesquePro-Regular-Web'),
		url('fonts/BasisGrotesquePro-Regular-Web.eot?#iefix') format('embedded-opentype'),
		url('fonts/BasisGrotesquePro-Regular-Web.woff') format('woff'),
		url('fonts/BasisGrotesquePro-Regular-Web.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-family:inherit;
  font-size:100%;
  vertical-align:baseline;
  font-display: swap;
  font-family: 'RostelecomBasis' !important;
}
html{
	
  background:#f8f8f8 !important;
  min-width: 320px;
}
body {
  line-height:1;
  color: #101828;
  background:#f8f8f8 !important;
  font-family: 'RostelecomBasis' !important;
  min-width: 320px;
  margin:0;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}
ol,
ul {
  list-style:none
}
table {
  border-collapse:separate;
  border-spacing:0;
  vertical-align:middle
}
caption,
th,
td {
  text-align:left;
  font-weight:400;
  vertical-align:middle
}
a img {
  border:none
}
* {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  font-family: 'RostelecomBasis';
}

a {
  outline: none;
  text-decoration: none;
  color: #ff4f12;
  cursor: pointer;
}

.rt-link--orange {
  color: #ff4f12;
  cursor: pointer;
}

a:link {
  
}


.help-icon a{
	margin-right: 10px;
}

.rt-help-feedback-card__icon-bg {
	  border-radius:50%;
	  background-color: #e3e8ec;
	  -webkit-transition:background-color .2s linear;
	  transition:background-color .2s linear;
}

.rt-help-feedback-card__icon-bg:hover {
  background-color: #ff4f12;
}

.rt-help-feedback-card__icon-bg--rtk:hover {
  background-color: #70f;
}

.rt-help-feedback-card__icon-bg--ok:hover {
  background-color: #ff8400;
}

.rt-help-feedback-card__icon-bg--vk:hover {
  background-color: #4c75a3;
}

.rtk-footer__line {
  border-top:
1px solid rgba(16,24,40,.05);
}

.color-block--purple {
  background-color: #70f;
}
.rtk-footer__applink-icon > *, .rtk-footer__applink-icon > * svg {
  height: 34px !important;
  width: 20px !important;
}

.rtk-footer__applink-icon {
  border-radius:
12px;
  height: 48px;
  position: relative;
  width: 48px;
}

.rtk-footer__applink-icon > * {
  bottom: 0;
  left: 0;
  margin:
auto;
  position: absolute;
  right: 0;
  top: 0;
}

.top10
{
	top: 0;
	transition: top ease 0.5s;
}

.top10:hover{
	top: -10px;
}

.top10:hover .title{
	color: #7800ff;
}

.rtk-badge {
  background-attachment: scroll;
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-border-radius:
5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius:
5px;
  display: inline-block;
  height: 47px;
  margin-right: 15px;
  width: 165px;
}

.read-more:hover svg{
	left: 5px;
}

.read-more svg{
	left: 0px;
	position: relative;
	transition: left ease 0.5s;
}

.footer a{
	color: rgba(16,24,40,.7);
}

.lechei-block .rt-jumbotron__block{
	max-height:none; height: auto;
}

.lechei-block{
	padding-top: 30px !important;
	padding-bottom: 40px !important;
}	

.wink-block .rt-jumbotron{
	
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}


.list-item img{
	max-height: 40px;
}

.arrow {
  width: 10px;
  height: 10px;
  border: 1px solid #101828;
  border-left: 0;
  border-top: 0;
}

.arrow-up { transform: rotate(225deg); }
.arrow-down { transform: rotate(45deg); }


.arrow.arrow-down{
	margin-top: -7px;
}

.drop-block.active .arrow-down{
	transform: rotate(225deg);
	margin-top: -2px;
}

.drop-content.open{
	animation: shows 0.5s;
}

@keyframes shows {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

@media screen and (min-width: 769px) {
	
	
	
	.mlk-image-block .mlk-image{
		transform: scale(1);
		transition: transform 0.5s ease-in-out;
		-webkit-backface-visibility: hidden; 
		-ms-transform: translateZ(0); /* IE 9 */
		-webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
		transform: translateZ(0);
	}
	.mlk-image-block:hover .mlk-image{
		transform: scale(1.05);
	}
	
	
}

@media screen and (max-width: 991px) {

	.mixx-block .rt-button .ripple {
	  padding-left: 14px !important;
	  padding-right: 14px !important;
	}
	
}

@media screen and (max-width: 768px) {
	.rt-jumbotron-wrapper {
		padding: 15px !important;
	}

	.idBanner3{
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}	
	
	.lechei-block .jumbotron__content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.lechei-block .rt-jumbotron__block{
		max-height: none;
    height: auto;
	}
	
	.rt-jumbotron-wrapper, .rt-jumbotron__picture, .rt-jumbotron__block {
	  border-radius: 15px !important;
	}
	
	
	.lechei-block .rt-jumbotron__content{
		margin-top: 10px;
	}
	
	
	.mlk-image{
		right: auto;
		top: -20%;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.mlk-image-text{
		margin-top: 30%;
	}
	
	.pay-block svg{
		height: auto;
	}
	
	.rt-help-feedback-card__icon-bg {
	  background-color: #ff4f12;
	  opacity: 0.8;
	}

	.rt-help-feedback-card__icon-bg--rtk {
	  background-color: #70f;
	  opacity: 0.9;
	}

	.rt-help-feedback-card__icon-bg--ok {
	  background-color: #ff8400;
	  opacity: 0.8;
	}

	.rt-help-feedback-card__icon-bg--vk {
	  background-color: #4c75a3;
	  opacity: 0.8;
	}
	
	.svg-p100 svg{
		height: auto;
		width: 100%;
	}
	
	.soch-link-block svg{
		width: auto;
		max-height: 35px;
	}
	
	.list-item img{
		max-height: 20px;
	}
}

@media screen and (max-width: 650px) {

	.mlk-image-text{
		margin-top: 25%;
	}

}

@media screen and (max-width: 576px) {

	.mlk-image-text{
		margin-top: 30%;
	}

}

@media screen and (max-width: 508px) {
	.b3p .inner img{
		width: auto;
		height: 100% !important;
	}
}

@media screen and (max-width: 380px) {

	.mlk-image-text{
		margin-top: 28%;
	}

}
@media screen and (max-width: 350px) {

	.mlk-image-text{
		margin-top: 28%;
	}

}