* {-webkit-box-sizing: border-box; box-sizing: border-box}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {display: block}
audio, canvas, video {display: inline-block}
[hidden] {display: none}
a {text-decoration: none}
a:active, a:hover, a:focus {outline: 0}
abbr[title] {border-bottom: 1px dotted}
b, strong {font-weight: bold}
dfn {font-style: italic}
mark {background: #ff0; color: #000}
p {margin: 0}
menu, ol, ul {margin: 16px 0; padding: 0 0 0 40px}
ul {list-style-type: none; padding: 0; margin: 0}
nav ul, nav ol {list-style: none; list-style-image: none}
li > ul, li > ol {margin: 0}
img {-ms-interpolation-mode: bicubic; border: 0; vertical-align: middle}
svg:not(:root) {overflow: hidden}
figure {margin: 0}
form {margin: 0}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em}
button, input, select, textarea {font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline}
button, input {line-height: normal}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer}
button[disabled], input[disabled] {cursor: default}
input[type="checkbox"], input[type="radio"] {padding: 0}
input[type="search"] {-webkit-appearance: textfield; padding-right: 2px; width: 270px}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}
textarea {overflow: auto; vertical-align: top}
::-webkit-input-placeholder {color: #7d7b6d}
:-moz-placeholder {color: #7d7b6d}
::-moz-placeholder {color: #7d7b6d}
:-ms-input-placeholder {color: #7d7b6d}
embed, iframe, object, video {max-width: 100%}
html {font-size: 100%; overflow-y: scroll; overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
body {font-family: 'Oswald', sans-serif; color: #000; line-height: 1.5; margin: 0}

.l-16 {font-weight: 300; font-size: 16px} .l-18 {font-weight: 300; font-size: 18px} .l-20 {font-weight: 300; font-size: 20px}
.r-14 {margin-top: 24px; font-weight: 400; font-size: 14px} .r-18 {font-weight: 400; font-size: 18px}
.m-20 {font-weight: 500; font-size: 20px} .m-24 {font-weight: 500; font-size: 24px}
.sb-14 {font-weight: 600; font-size: 14px} .sb-18 {font-weight: 600; font-size: 18px} .sb-24 {font-weight: 600; font-size: 24px} .sb-25 {font-weight: 600; font-size: 25px} .sb-30 {font-weight: 600; font-size: 30px} .sb-36 {font-weight: 600; font-size: 36px} .sb-48 {font-weight: 600; font-size: 48px} .sb-72 {font-weight: 600; font-size: 72px}
h1 {font-weight: 400; font-size: 30px} h2 {font-weight: 500; font-size: 24px} h3 {font-weight: 600; font-size: 18px} h4 {font-weight: 600; font-size: 24px}
h1, h2, h3, h4 {margin: 0; text-transform: uppercase}
.button {display: inline-block; padding: 22px 26px; background: #BB1E15; color: #fff; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-shadow: inset 0 0 0 1px rgba(0,0,0,0); -webkit-transition: all .1s;-o-transition: all .1s;transition: all .1s}
.button:hover {box-shadow: inset 0 0 0 1px #fff}

.loader {background: #748DA5;bottom: 0;left: 0; overflow: hidden;position: fixed;right: 0;top: 0;z-index: 99999;}
.loader img{position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0}

.grey {color: #748DA5}
.red {color: #BB1E15}
.yellow {color: #FFF700}

.container {width: 1200px; margin: 0 auto; padding: 0 30px; display: table}

#float-dot {position: absolute; top: 0}
header#top {height: 70px; position: absolute; left: 0; right: 0; z-index: 1; background: #000}
header#top img {padding: 5.5px 0}
header#top .menu {margin-top: 21.5px; float: right}
header#top .menu div.toggle {padding: 21.5px 0; display: none; text-align: center}
header#top .menu li {margin-right: 25px; display: inline-block}
header#top .menu li a {color: #fff}
header#top a.button {padding: 21.5px 26px; float: right}
header#top .feed-menu {display: none}
header#top .phones-menu {display: none; background: #000; border-top: 1px solid #fff}
header#top.fixed {position: fixed; top: 0}

.mobile-menu {display: none}
.mobile-menu .menu > ul {width: 100%; margin-top: 70px; display: none; position: relative; max-height: 384px; overflow: auto; overflow-x: hidden}
.menu li > a, .menu li > p {-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menu li > a:hover, .menu li > p:hover {opacity: 0.7}
.menu li p {color: #fff; cursor: pointer}
.menu li.has-sub ul {display: none}
.menu li.has-sub ul li {background: #3a3a3a !important}
.menu li.has-sub ul li a {font-size: 16px}

div#background {height:511px; background: url(images/background.jpg); -webkit-background-size: 1920px 511px; background-size: 1920px 511px; background-position: center center; color: #fff; text-align: center}
div.blur {position: relative; top: 159px; background: url(images/blur.png)}
div#background .container {width: 945px; padding: 29px 0}
h1.line {margin-bottom: 31px; position: relative}
h1.line:before {content: " "; display: block; width: 141px; height: 2px; margin: auto; position: absolute; bottom: -15.5px; left: 0; right: 0; background: #fff}
div#background p {margin-bottom: 27px}
div#background .button {padding: 10.5px 49px}

div#why {margin: 130px 0 109px}
div#why h2, div#score h2, div#tariff h2, div#how h2 {text-align: center}
div#why h2 {margin-bottom: 80px}
div.why-b {width: 167px; min-height: 250px; margin: 0 13.5px; position: relative; float: left; text-align: center}
div.why-f {margin-left: 0} div.why-l {margin-right: 0}
div.why-i {width: 100%; height: 60px; position: absolute; margin: auto; top: 0}
div.why-b img {margin: auto; position: absolute; bottom: 0px; left: 0; right: 0}
div.why-b h3 {margin-bottom: 14px; padding-top: 65px}

div#score {width: 100%; display: table; color: #fff}
div.score-b {width: 33.33%; height: 462px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; float: left; text-align: center; text-transform: uppercase}
div.s1 {background: url(images/banner-1.jpg)} div.s2 {background: url(images/banner-2.jpg)} div.s3 {background: url(images/banner-3.jpg)}

div#tariff {text-align: center}
div#tariff .container {padding: 89px 30px 97px; text-align: center}
div#tariff h2 {margin-bottom: 12px}
div#tariff p.l-18 {margin-bottom: 60px}
div.tariff-b {width: 360px; margin: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; float: left; border: 1px solid #748DA5}
div.tariff-f {margin-left: 0} div.tariff-l {margin-right: 0}
div.tariff-b h4 {margin: 48px 0 22px; padding: 0 20px}
div.tariff-b hr {width: 90%; margin: 21px auto 46px; background: #748DA5}
div.tariff-b .price {text-transform: uppercase}
div.tariff-b .price .m-20 {position: relative; top: -6px}
div.tariff-b ul {margin-bottom: 32px; color: #748DA5}
div.tariff-b li {margin-bottom: 30px}
div.tariff-b .button {width: 100%; padding: 14.5px 0}

div#how {background: #f7f8fa}
div#how .container{padding: 103px 30px 173px}
div#how h2 {margin-bottom: 68px}
div.how-b {width: 263px; height: 575px; margin: 0 14.6px; padding: 0 11px; float: left; background: #fff; background-repeat: no-repeat; background-position: center 30px; text-align: center}
div.how-f {margin-left: 0} div.how-l {margin-right: 0}
div.how-f {padding-top: 142px; background: #748DA5; background-repeat: no-repeat; background-position: center 30px; color: #fff}
div.how-i {height: 195px; margin-top: 163px}
div.h1 {background-image: url(images/group-1.png)}
div.h2 {background-image: url(images/group-2.png)}
div.h3 {background-image: url(images/group-3.png)}
div.h4 {background-image: url(images/group-4.png)}

div#total {height: 200px; background: #748DA5; color: #fff}
div#total .container {height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around}
div.total-b p {text-align: center}
div.total-b span {margin-top: -13px; display: block}

div#where .container {padding: 138px 65px 117px}
div#where .where-l {position: absolute; left: -574px; top: -29px}
div#where .where-r {margin-top: 29px; position: relative;	float: right}
div#where .where-r h2 {margin-bottom: 51px}
div#where .where-r p {max-width: 362px; margin-bottom: 26px}
div#where .where-r a.button {margin-top: 25px; padding: 24.5px 22.5px}

div#than {background: #f7f8fa}
div#than .container {padding: 122px 30px 130px}
div#than .than-l {position: absolute; left: -497px; top: 33.5px}
div#than .than-r {position: relative; float: right}
div#than .than-r h2 {margin-bottom: 8px; text-align: left}
div#than .than-r p {max-width: 642px; margin-top: 26px}

div#form {background: #748DA5}
div#form .container {padding: 24px 30px 24px}
form {width: 751px; margin: 0 auto; color: #fff}
h2 {margin: 10px 0 34px; text-align: center}
form > label {margin: 26px 0 0 17px; display:block; opacity: 0.5; font-weight: 400; font-size: 18px; text-transform: uppercase}
input[type="text"], textarea {width: 100%; margin: 8px 0 0; border: 1px solid #95989A; font-family: Oswald}
input[type="text"] {height: 50px; padding: 0 17px}
input.invalid-field {border: 1px solid red}
textarea {width: 100%; max-width: 100%; min-width: 100%; height: 150px; max-height: 350px; min-height: 50px; padding: 10px 17px}
input.ch, div.checkbox label.check {cursor: pointer}
div.checkbox {margin-bottom: 26px; padding-left: 37px}
input.ch {display: none}
label.check {margin: 26px 0 0 22px; display: inline-block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
label.check:before {content: " "; width: 20px; height: 20px; display: block; position: absolute; left: -42px; top: 4.5px; background: #ffffff; border: 1px solid #95989A}
input.ch:checked ~ label.check:before {content: "\2713"; font-size: 18px; line-height: 18px; color: #748DA5; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.2)}
input.invalid-field ~ label.check:before {border: 1px solid red}
input.invalid-field.checked ~ label.check:before {border: 1px solid #95989A}
input.ch + div.validatr-message {display: none}
div.clear {clear: both}
button.button {padding: 18px 43.5px; float: right; border: 0; font-family: Oswald}
div.validatr-message {position: static !important; text-transform: uppercase}

div#ontop {height: 46px}
div#ontop a {height: 100%; margin: 0 auto; padding: 0 30px; display: table; text-transform: uppercase; line-height: 46px}
 
footer {background: #000000}
footer .container {width: 886px; padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
footer a {padding-left: 55px; display: block; position: relative; color: #fff}
footer a:before {content: " "; width: 40px; height:40px; position: absolute; top: 2.5px; left: 0; background: url(images/phone.png)}

.modal {width: 1140px; max-height: 912px; margin: auto; display: none; position: fixed; top: 45%; left: 0; right: 0; bottom: 0; z-index: 5; overflow: auto; overflow-x: hidden; opacity: 0}
.close {width: 48px; height: 48px; margin: auto; display: block; position: fixed; top: 19px; left: 1092px; right: 0; background: #fff; cursor: pointer; z-index: 5}
.close img {margin: auto; position: absolute; left: 0; right: 0; bottom: 0; top: 0}
#overlay {width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 3; background-color: #000; opacity: 0.7; -moz-opacity: 0.8; filter: alpha(opacity=80); cursor: pointer}

#popup_form > div {background: #748DA5; border: 2px solid #FFFFFF}
#popup_form p {margin-top: 12px; color: #fff; text-align: center; text-transform: uppercase}
#popup_form hr {height: 3px; margin: 0; background: #fff}
#popup_form form {margin-top: 40px; display: table}
#popup_form button {margin-bottom: 31px}
#popup_form .f18 {margin-bottom: 20px}
.flex_modal {width: 582px; margin:0 auto; padding: 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.flex_modal a {padding-left: 55px; display: block; position: relative; color: #fff}
.flex_modal a:before {content: " "; width: 40px; height:40px; position: absolute; top: 2.5px; left: 0; background: url(images/phone.png)}

#popup_price > div {padding: 34px 184px 59px; background: #fff; border: 2px solid #FFFFFF}
#popup_price h2 {margin: 20px 0 0; padding-left: 20px; text-align: left; line-height: 43px; color: #BB1E15; border-bottom: 2px solid #BB1E15}
.price-b {width: 100%; margin: 0 auto; text-transform: uppercase; border-spacing: 0}
.price-b th {width: 100%}
.price-b tr {width: 100%; height: 66px; display: table; vertical-align: bottom; border-bottom: 1px solid #95989A}
.price-b td.position {width: 38%; font-weight: 300; font-size: 24px; text-align: left; padding-left: 40px}
.price-b td.l-16 {width: 45%; text-align: left; padding-left: 90px}

.floating-phones {width: 290px; height: 123px; margin: auto; padding: 5px 0; position: fixed; bottom: 16px; right: 0; left: 850px; background: rgba(0,0,0,0.7); color: #fff; opacity: 1; text-align: center; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.floating-phones:after {content: " "; width: 0; margin: auto; position: absolute; bottom: -32px; left: 0; right: 0; border: 16px solid transparent;	border-top: 16px solid rgba(0,0,0,0.7)}
.floating-phones div {margin: 8px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff}
.floating-phones a {margin: 1px 0; padding-left: 46px; display: block; position: relative; color: #fff}
.floating-phones a:before {content: " "; width: 35px; height:35px; position: absolute; top: 2.5px; left: 0; background: url(images/phone.png); -webkit-background-size: 100% 100%; background-size: 100% 100%}
.floating-phones.hidden {opacity: 0}

.agree {width: 900px; margin: 20px auto 40px; padding: 20px 40px; font-weight: 300; font-size: 18px}
.agree ul {list-style: none; margin: 10px 0; padding: 0} 
.agree ul li {position: relative; padding: 0; margin: 5px 0 5px 25px} 
.agree ul li::before {content: "—"; height: 1px; line-height: 1px; display: block; position: absolute; top: 13px; left: -25px} 

.article {padding-top: 42px}
.article h1, .article h2, .article h3 {font-weight: 400}
.article h1, .article h2 {margin: 0 0 24px; padding-top: 18px; text-align: left}
.article h3 {margin: 0 0 24px; padding-top: 10px}
.article p {margin: 0 0 24px; font-weight: 300; font-size: 18px}
.article img {max-width: 100%; margin: 0 0 24px 34px; display: block}

#popup_price.out > div {padding: 34px 184px 59px}
.out p.l-18 {margin-top: 60px; text-align: center}
.toform {width: 416px; margin: 49px auto 22px; padding: 20px 0; display: block; text-align: center}
@media only screen and (min-width: 1221px) {
	header#top .menu > ul {display: block !important}
	header#top .menu li.has-sub {position: relative}
	header#top .menu li.has-sub ul {display: none; position: absolute; top: 48px; width: 256px}
	header#top .menu li.has-sub ul li {display: block !important; padding: 2px 12px}
}
@media only screen and (max-width: 1220px) {
	.menu li:hover {opacity: 1; border-bottom: 1px solid #fff !important}
}
@media only screen and (max-width: 1220px) and (min-width: 858px) {
	.container {width: 810px}

	header#top .container {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
	header#top .logo {display: block; order: 2}
	header#top .menu {width: 180px; margin-top: 0; display: block; position: relative; float: none; order: 1}
	header#top .menu div.toggle {display: block; cursor: pointer}
	header#top .menu.open div.toggle {background: #748DA5}
	header#top .menu > ul {width: 100%; display: none; position: absolute}
	header#top .menu ul li {display: block; margin: 0; line-height: 49px; background: #000; border-bottom: 1px solid #95989A; text-align: center}
	header#top .menu ul li:last-child {border-bottom: 0}
	header#top .menu li a {display: block}
	header#top a.open_modal {order: 3}

	div#background .container {width: 737px; padding: 20px 0}
	h1.line {margin-bottom: 23px}
	h1.line:before {bottom: -11.5px}

	div#why {margin: 60px 0 88px}
	div#why .container {width: 615px}
	div#why h2 {margin-bottom: 49px}
	div.why-b:nth-child(n+2):nth-child(-n+4) {margin-bottom: 23px}
	div.why-b:nth-last-child(4n) {margin-right: 0}
	div.why-b:nth-last-child(3n) {margin-left: 0}

	div#tariff .container {padding: 89px 0 179px}
	div.tariff-b {margin-bottom: 47px}
	div.tariff-b:nth-last-child(2) {margin-right: 0; float: right}
	div.tariff-l {margin: 0 auto; float: none}

	div#how .container {width: 616px; margin-bottom: 31px; padding: 81px 30px 53px}
	div.how-b {margin-bottom: 31px}
	div.how-b:nth-last-child(3n) {margin-right: 0}
	div.how-b:nth-last-child(2n) {margin-left: 0}

	div#where .container {width: 616px; padding: 122px 65px 76px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column}
	div#where .where-l {position: static; margin-bottom: 36px}
	div#where .where-r h2 {margin-bottom: 35px; text-align: left}

	div#than .container {padding: 122px 84px 77px}
	div#than .than-l {width: 316px; margin: 0 auto 72px; display: block; position: static}
	div#than .than-r h2 {margin-bottom: 36px; text-align: center}

	footer .container {width: 810px; padding: 12px 30px}
	footer a.sb-30 {padding-left: 48px; font-size: 26px}
	footer a:before {top: 0}

	.floating-phones {left: 520px}

	.modal {width: 840px}
	.close {left: 792px}
	#popup_price > div {padding: 34px 43px 59px}
	#popup_price.out > div {padding: 34px 26px 59px}
}

@media only screen and (min-width: 858px){
	header#top .phones {display: none}
}
@media only screen and (max-width: 920px) {
	.agree {width: 100%}
}
@media only screen and (max-width: 857px) {
	.container {width: 420px}
	
	header#top {height: auto; padding-top: 70px; position: relative !important; top: 0}
	header#top .container {height: 100%; padding: 0 0 70px; display: block; position: relative}
	header#top .logo {display: none}
	header#top .menu {display: none}
	header#top .menu div.toggle {width: 71px; display: block; float:right; cursor: pointer}
	header#top .menu.open div.toggle {width: 71px; height: 70px; position: relative; background: #748DA5}
	header#top .menu.open div.toggle span {display: none}
	header#top .menu.open div.toggle:before {content: " "; width: 33px; height: 33px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(images/close-menu.png)}
	header#top .menu ul {width: 100%; margin-top: 70px; display: none; position: relative}
	header#top .menu ul li {display: block; margin: 0; line-height: 49px; background: #000; border-bottom: 1px solid #95989A; text-align: center}
	header#top .menu ul li:last-child {border-bottom: 0}
	header#top .menu li a {display: block}
	header#top a.open_modal {width: 100%; position: absolute; left: 0; bottom: 0; text-align: center}
	header#top .phones {width: 100%; margin: 0 auto; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: 2px solid #fff; border-bottom: 2px solid #fff}
	header#top .phones a {padding-left: 55px; display: block; position: relative; font-size: 25px; color: #fff}
	header#top .phones a:before {content: " "; width: 34px; height:34px; position: absolute; top: 2.5px; left: 0; background: url(images/phone.png); background-size: 100% 100%}
	
	.mobile-menu {height: 70px; display: block; position: fixed; left: 0; right: 0; top: 0; z-index: 1; background: #000}
	.mobile-menu .container {padding: 0; position: relative}
	.mobile-menu .logo {margin-left: 18px; padding: 5.5px 0}
	.mobile-menu .menu {width: 100%; position: absolute; top: 0}
	.mobile-menu .menu div.toggle {width: 71px; padding: 21.5px 0; display: block; float:right; cursor: pointer; text-align: center}
	.mobile-menu .menu.open div.toggle {width: 71px; height: 70px; position: relative; background: #748DA5}
	.mobile-menu .menu.open div.toggle span {display: none}
	.mobile-menu .menu.open div.toggle:before {content: " "; width: 33px; height: 33px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(images/close-menu.png)}
	.mobile-menu .menu > ul {width: 100%; margin-top: 70px; display: none; position: relative; max-height: 384px; overflow: auto; overflow-x: hidden}
	.mobile-menu .menu ul li {display: block; margin: 0; line-height: 49px; background: #000; border-bottom: 1px solid #95989A; text-align: center}
	.mobile-menu .menu ul li:last-child {border-bottom: 0}
	.mobile-menu .menu li a {display: block; color: #fff}
	.mobile-menu .feed-menu {display: block; position: static; text-align: center}
	.mobile-menu .phones-menu {width: 100%; margin: 0 auto; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #000; border-top: 2px solid #fff; border-bottom: 2px solid #fff}
	.mobile-menu .phones-menu a {padding-left: 55px; display: block; position: relative; font-size: 25px; color: #fff}
	.mobile-menu .phones-menu a:before {content: " "; width: 34px; height:34px; position: absolute; top: 2.5px; left: 0; background: url(images/phone.png); background-size: 100% 100%}
	.mobile-menu.fixed {display: block}

	div#why h2, div#score h2, div#where h2 {text-align: left}
	
	div#background {height: auto; background: #748DA5}
	div.blur {position: static; background: none}
	div#background .container {width: 100%; padding: 22px 30px 46px}

	div#why {margin: 46px 0 60px}
	div#why h2 {margin-bottom: 40px}
	div.why-b {min-height: 226px; margin: 0 13px 16px}
	div.why-b:nth-last-child(2n+1) {margin-right: 0}
	div.why-b:nth-last-child(2n) {margin-left: 0}

	div.score-b {width: 100%; height: 300px; background-size: cover}

	div#tariff .container {padding: 56px 20px 72px}
	div.tariff-b {margin: 0 auto 20px; float: none}
	div.tariff-l {margin: 0 auto}

	div#how .container {padding: 44px 20px 66px}
	div.how-f {margin: 0 auto 32px}
	div.how-l {margin: 0 auto}
	div.how-b {width: 298px; height: auto; margin: 0 auto 32px; padding-bottom: 30px; display: inherit; float: none}

	div#total {height: auto}
	div#total .container {padding: 10px 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column}
	div.total-b {margin: 24px 0}

	div#where .container {padding: 32px 30px 40px}
	div#where .where-l {max-width: 310px; margin: 0 auto 48px; display: block; position: static}
	div#where .where-r h2 {margin-bottom: 32px}
	div#where .where-r a.button {margin-top: 10px; padding: 24.5px 19px; font-size: 14px}

	div#than .container {width: 85%; padding: 32px 30px 44px}
	div#than .than-l {max-width: 316px; margin: 0 auto 48px; display: block; position: static}
	div#than .than-r h2 {margin-bottom: 44px}

	form {width: 366px}
	form a.yellow {margin-left: 22px; display: block} 
	button.button {margin: 0 auto; display: block; float: none}

	div#ontop {height: 90px}
	div#ontop a {line-height: 90px}

	footer .container {width: auto; padding: 27px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column}
	footer a {margin-bottom: 27px}

	.floating-phones {display: none}

	.modal {width: 410px}
	.close {left: 362px}
	.flex_modal {width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column}
	#popup_price > div {padding: 34px 26px 49px}
	#popup_price h2 {padding-left: 15px; font-size: 19px}
	.price-b td.position, .price-b td.l-16 {width: 100%; display: block; text-align: center}
	.price-b td.position {padding: 6px 0 0}
	.price-b td.l-16 {padding: 0 0 6px}

	.article img {margin: 0 auto 24px; float: none}

	#popup_price.out > div {padding: 34px 26px 59px; display: block}
	.out p.l-18 {margin-top: 40px}
	.toform {width: 100%}
}

@media only screen and (max-width: 460px) {
	h1 {font-size: 26px}
	.container {width: 100%; padding: 0 20px}
	.mobile-menu .logo {margin-left: 10px}
	div#background .button {padding: 10.5px 40px}

	div.why-b {width: 46%; min-height: 300px; margin: 0 10px 16px; -webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto}
	div.why-b:nth-last-child(2n+1) {margin-right: 0; float: right}
	div.why-b:nth-last-child(2n) {margin-left: 0}

	div#tariff .container {padding: 56px 30px 72px}
	div.tariff-b {width: 100%}

	div#how .container {padding: 44px 30px 66px}
	div.how-b {width: 100%}

	div#where .where-l {width: 100%; max-width: 290px}

	div#than .container {width: 100%}
	div#than .than-l {width: 100%; max-width: 290px}

	form {width: 100%}

	.modal {width: 100%; padding: 0}
	.close {left: auto; right: 0; top: 33px}
	#popup_form > div {padding: 0 20px}
	#popup_price > div {padding: 34px 20px 49px}
	#popup_price h2 {font-size: 20px; line-height: 1.5}

	#popup_price.out > div {padding: 34px 20px 59px}
}
div.line {
	position: relative;
	margin: 0 0 31px 0;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 30px;
}
div.line:before {content: " "; display: block; width: 141px; height: 2px; margin: auto; position: absolute; bottom: -15.5px; left: 0; right: 0; background: #fff}
.article h1 {text-align: center;}
.article p {text-align: justify;}
.article img {float: right;}
.kabel div.tariff-b  {
	margin: 0 auto;
	float: none;
}
footer a.footlogo:before {background: none;}
//footer a:before {content: " "; width: 40px; height:40px; position: absolute; top: 2.5px; left: 0; background: url(images/phone.png)}
footer .orgname {display: none;}
footer .address {
	text-align: center;
	color: #fff;
	padding-bottom: 12px;
}
.tariff-b-2 {
	width: 765px;
	margin: 0 auto;
}