* {margin: 0; padding: 0; border: 0;}


/* style.css */
/* html, body {width: 100%; height: 100%;} */
body {background: #f9f9f9;}
body.loading {cursor: wait;}
body.loading input {cursor: wait;}
a {text-decoration: none;}
a.img {border-bottom: none;}
a.button {display: block; padding: 10px 58px; border-radius: 4px; text-transform: uppercase; font-weight: bold; font-size: 16px;}
li {list-style-type: none;}
hr {width: 100%; border: none; height: 1px; background: #cbccc8; margin-top: 24px;}
span.gray {color: #787878;}
.clear {clear: both;}
.indent {height: 20px;}
.laydown {padding-bottom: 333px;}
.video {margin: 20px 0;}

.icon {display: block; width: 15px; height: 15px; border-bottom: none; background: url('../img/icons.png') no-repeat; cursor: pointer;}
.icon.add {background-position: 0 0;}
.icon.rem {background-position: -15px 0;}

.scrollbar {position: absolute; top: 40px; bottom: 40px; left: 20px; right: 20px; overflow-y: hidden;}

h1 {color: #363636; font-size: 32px; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 17px;}
h2 {color: #363636; font-size: 24px; font-weigdrweb_c_service_top_blockht: bold; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 10px; clear: both;}
h3 {color: #363636; font-size: 18px; font-weight: bold; margin: 20px 0 10px 0; font-family: Arial;}
h4 {color: #787878; font-size: 18px; font-weight: bold; margin: 20px 0 10px 0;}
p {color: #363636; font-size: 14px; line-height: 20px; margin-bottom: 10px;}
p.gray {color: #4d4d4d;}

.errors {font-style: italic; font-size: 12px; color: #FF0000;}

#page {position: relative; min-height: 100%; background: #f7f7f7;}
#header {width: 965px; height: 107px; margin: 0 auto 30px; padding-top: 12px; font-family: Arial;}
#header a {font-size: 12px; color: #787878;}

#header .logo {display: block; position: absolute; top: 0; left: 0; width: 285px; height: 59px; background: url("../img/logo.png") no-repeat; border-radius: 4px 0 0 4px }

#header .header__top--left, #header .header__top--right { display: block; line-height: 26px; }
#header .header__top--left { float: left; }
#header .header__top--right { float: right; }

#header .header__top--left > *, #header .header__top--right > * { display: inline-block; vertical-align: middle; font-size: 12px; }

#header .city { position: relative; }
#header .city a {}
#header .city a.active {border-bottom: 1px dashed #787878; margin-top: 3px; cursor: pointer;}
#header .city ul { display: none; position: absolute; top: 25px; left: 10px; width: 200px; background: #eaebe7; padding: 10px 5px; border-radius: 0 0 4px 4px; z-index: 11000; line-height: 1.5; }
#header .city li {border-radius: 4px; padding: 5px 10px; cursor: pointer;}
#header .city li:hover {background: #fff;}
#header .city p {float: left; font-size: 12px; color: #787878;}
#header .city-open { display: inline-block; width: 12px; height: 8px; background: url("../img/icon_arrow-bot_12x8.png") no-repeat; cursor: pointer; }

#header .cabinet .phone {vertical-align: middle; font-size: 20px; font-weight: 700; display: inline-block}
#header .cabinet a.icon {display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("../img/icon_people_16x16.png") no-repeat;}

#header .phone { display: inline-block; font-size: 17px; font-weight: 700;  color: #6bbe46; margin-left: 10px; }

#header .nav {position: relative; margin-top: 8px; background: #72bf44; border-radius: 5px 5px 0 5px;}
#header .nav ul {float: right; height: 59px;}
#header .nav li {float: left; background: #72bf44 url("../img/nav-menu-separator.png") left center no-repeat; padding: 17px 0 17px 0; cursor: pointer;}
#header .nav li.level1 ul {opacity: 0;}
#header .nav li.hover,
#header .nav li.level1.active {background: #eaebe7;}
#header .nav li.level1.hover + li,
#header .nav li.level1.active + li {background-image: none;}
#header .nav li.hover a,
#header .nav li.active a {color: #363636;}
#header .nav li a {padding: 0 9px; color: #fff; font-size: 21px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: bold;}
#header .nav li.right {width: 9px; background: url("../img/nav-menu-last.png") no-repeat; height: 59px; padding: 0;}
#header .nav li.first,
#header .nav li:first-child {background-image: none;}
#header .nav li.first a {}
#header .nav li.last,
#header .nav li:last-child {border-radius: 0 4px 0 0;}
#header .nav li.last a {}
#header .nav li.last ul a {padding-right: 14px;}
#header .nav li .sub {position: absolute; left: 285px;  right: 0; bottom: -40px; height: 40px; display: none; padding: 0 14px; z-index: 100; overflow: hidden;}
#header .nav li .blind {position: absolute; left: 0; right: 0; top: 0; height: 40px; background: #eaebe7; border-radius: 0 0 4px 4px;}
#header .nav li.hover .sub,
#header .nav li.active .sub {display: block;}
#header .nav li.hover .sub {z-index: 200;}
#header .nav li ul li {background:  url("../img/nav-submenu-separator.png") left center no-repeat; padding: 9px 7px;}
#header .nav li ul li.first {background:  none; padding-left: 7px;}
#header .nav li ul li.first a {padding-left: 14px;}
#header .nav li ul li a {font-size: 13px; color: #7e7f7d; text-transform: none; font-weight: normal; padding: 5px 14px;}
#header .nav li ul li:hover a,
#header .nav li ul li.active a {background: #fff; border-radius: 4px;}
#header .nav li.hover ul li a,
#header .nav li.active ul li a {color: #7e7f7d; margin: 0 4px;}
#header .nav li ul {float: left;}
@-moz-document url-prefix(){
    #header .nav li {padding: 15px 0;}
}

#header .header__top--left .b2b a{
	color: black;
    font-weight: 700;
	margin-left: 25px;
}

#header .header__top--left .b2b a:before{
    width: 20px;
    top: 18px;
    margin-left: -23px;
    height: 18px;
    position: absolute;
    background-size: cover;
    content: '';
    background-image: url('/assets/img/b2b_icon.png');
}
/* ...menu... */
#header .nav ul.four li.level1 {padding-left: 13px; padding-right: 13px;}
#header .nav ul.four li.level1.first {padding-left: 22px; padding-right: 13px;}
#header .nav ul.four li.level1.last {padding-left: 13px; padding-right: 23px;}
#header .nav ul.three li.level1 {padding-left: 43px; padding-right: 43px;}
#header .nav ul.three li.level1.first {padding-left: 50px; padding-right: 43px;}
#header .nav ul.three li.level1.last {padding-left: 43px; padding-right: 50px;}

#header a.b2b {margin-left: 0px;}
#header a.b2b:hover {color: #ff6e00; border-bottom: 1px solid #ff6e00;}

#content {position: relative; width: 965px; margin: 0 auto; padding-top: 30px; font-family: Arial; }
#content a.button {color: #fff; background: #ff6e00; float: left; padding: 10px 52px; font-family: 'Roboto Condensed', sans-serif;}
#content a.img {border-bottom: none;}
#content .wrapper {min-height: 260px; padding: 17px 42px /*80px*/; background: #fff; border-radius: 4px; border: 1px solid #f1f1f1;}
#content .layout1 {width: 750px;}
#content .layout2 {width: 100%; margin: 0 auto; min-height: 600px;}
#content .layout3 {width: 317px; height: 102px; margin: 0 auto; background: url("../img/bg01.png") no-repeat;}
#content .layout3 a.button { margin: 28px 0 28px 44px;}
#content .layout4 {}
#content .layout4 img:not(.modalformz) {margin: 20px; border-radius: 4px;}
#content .layout4 ul {float: left; width: 410px; margin-left: 18px; margin-right: 10px;}
#content .layout4 ul li {margin-left: 0;}
/* .layout42 - копия .layout4, только у .layout42 ul нет float:left. С данным свойством ul справа к себе притягивает следующий за ним текст контента и ссылку в шаблоне Текстовая страница - способы оплаты, поэтому в нем меняю .layout4 на .layout42  - 18.07.2014*/
#content .layout42 {}
#content .layout42 img {margin: 20px; border-radius: 4px;}
#content .layout42 ul {width: 410px; margin-left: 18px; margin-right: 10px;}
#content .layout42 ul li {margin-left: 0;}
/*18.07.2014*/
#content .layout5 ul {width: 100%;}
#content .layout5 ul li {float: left; width: 43%; margin-right: 4%;}
#content .layout6 {width: 680px;}
#content .layout6 h1 {width: 600px;}
#content .left_2x2 {float: left; width: 420px; margin-right: 39px; margin-top: 8px;}
#content .left_2x2.alt {margin-right: 0;}
#content .left_2x2 .map {width: 420px; height: 300px; margin: 30px 0 50px;}

#content i {color: #787878; font-size: 12px;}
#content a {color: #ff6e00; border-bottom: 1px solid #ff6e00;}
#content a.more {border-bottom: none;}
#content a.more img {float: none; margin: 0 0 -1px 0;}
#content .left {float: left; width: 587px;}
#content .right {float: left; width: 250px; margin: 5px 0 5px 40px;}
#content .right h2 {font-size: 18px; font-family: Arial;}
#content li {color: #363636; font-size: 14px; background: url("../img/li-marker.png") left 6px no-repeat; line-height: 20px; margin: 0 0 10px 37px; padding-left: 26px;}
#content .item {float: left; width: 420px; margin-right: 38px;}
#content .item.alt {margin-right: 0;}
#content .contract.item {float: left; width: 355px; margin-right: 38px;}
#content .contract.item.alt {margin-right: 0;}
#content .item img {float: left; margin: 0 18px 18px 0;}
#content .item p {font-size: 12px;}
#content .item a {font-size: 14px; border-bottom: 1px dashed #ff6e00;}
#content .cloud {background: #fff url("../img/cloud.png") center top no-repeat;}

/* breadcrumbs */
.breadcrumbs { font-size: 12px; padding: 5px 0px; }
.breadcrumbs li { background: none; margin: 0 4px; padding: 0 0 0 12px; display: inline; background: url("../img/breadcrumb-arrow.png") left 6px no-repeat; }
.breadcrumbs a { font-size: 12px; font-family: Arial; color: #ff6e00; border-bottom: 1px solid #ff6e00; }

#content .tabs {float: left; background: #eaebe7; border-radius: 4px; padding: 8px 0; margin-left: -3px; margin-bottom: 18px; width: 100%;
display: flex;
justify-content: space-around;}
#content .tabs li {float: left; background: none; margin: 0 8px; padding: 3px 0; outline: 0;}
#content .tabs li.ui-tabs-active {background: #fff;  border-radius: 4px;}
#content .tabs li.first {margin-right: 1px;}
#content .tabs li.last {margin-left: 1px;}
#content .tabs a {color: #363636; border-bottom: none; outline: 0; font-size: 13px; padding: 0 14px;}

#content .price {border: 1px solid #f0f0f0; border-radius: 4px; width: 100%; margin: 25px 0; padding: 10px; box-shadow: 0px 1px 1px #d6d6d6;}
#content .price td {position: relative; padding: 12px 6px 14px 10px;}
#content .price p {margin-bottom: 4px; margin-right: 100px;}
#content .price .first td {border-radius: 6px 6px 0 0;}
#content .price .last td {border-radius: 0 0 6px 6px;}
#content .price .res {width: 190px; text-align: center; vertical-align: middle; background: #fff9da; color: #363636; font-size: 14px; font-weight: bold;}
#content .price .res span {font-size: 14px; margin: 0 4px;}
#content .price .br {position: absolute; bottom: 0; left: 10px; right: 24px; border-bottom: 1px solid #ededed;}
#content .price .res .br {border-bottom: 1px solid #f2e9ce; left: 24px;}

#content .info {width: 250px; float: right; margin-top: 8px;}
#content .info .phone {color: #363636; font-size: 27px;}
#content .info p {font-size: 14px; color: #787878; margin: 5px 0;}

#content ul.payment {margin: 20px 0; overflow: hidden;}
#content ul.payment li {float: left; background: none; width: 150px; height: 120px; margin: 10px 27px 10px 0; padding: 15px 20px; border: 1px solid #e1e1e1; border-radius: 4px; text-align: center;}
#content ul.payment .parent {width: 100%; height: 50px; display: table;}
#content ul.payment .parent div {width: 100%; display: table-cell; vertical-align: middle; text-align: center;}
#content ul.payment a {}

#content .support a.button {float: none; display: inline; padding: 10px 15px; margin-right: 40px;}
#content #hd-channels ul {width: auto;}
#content #hd-channels ul li {width: 170px;}

#footer {position: relative; height: 340px; bottom: 0; margin: -344px auto 0 auto; font-family: Arial; background: url('../img/footer-bg.png') top repeat-x; padding-top: 40px;}
#footer .wrapper {position: relative; width: 985px; margin: 0 auto;}
#footer .copyright {float: left; font-size: 13px; color: #232323;}
#footer .copyright a {margin: 0 23px;}
#footer .createby {float: right; font-size: 13px; color: #232323;}
#footer .createby a,
#footer .copyright a {font-size: 13px; color: #232323; border-bottom: 1px solid #232323;}
#footer .links {float: left; width: 775px;}
#footer .links li {float: left; margin-top: 4px; margin-left: 30px;}
#footer .links li.first {margin-left: 0;}
#footer .links li .first:first-of-type:hover {text-decoration: underline;}
#footer .links li.last1111 {float: none; margin-left: 0;}
#footer .links li a {color: #363636; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: bold;}
ul .title-footer:hover {text-decoration: underline;}
#footer .links li ul {margin-bottom: 10px;}
#footer .links li ul li {float: none; margin-left: 0;}
#footer .links li ul li a {color: #787878; text-transform: none; font-weight: normal; font-size: 14px; font-family: Tahoma, sans-serif;}
#footer .links li ul li a:hover {color: #ff6e00; border-bottom: 1px solid #ff6e00;}
#footer .info {width: 210px; float: right; text-align: right;}
#footer .info .phone {color: #363636; font-size: 22px;}
#footer .info p {font-size: 14px; color: #787878; margin: 5px 0;}
#footer .info .button {color: #80807f; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; background: #e8e8e8; margin: 43px 0 0 10px; padding: 10px 0; text-align: center;}
#footer .info .button:hover {color: #fff; background: #ff6e00;}
#footer .service {position: relative; margin: 18px auto; padding: 5px 0 5px 0; height: 70px; text-align: center; border-top: 1px solid #cbccc8; border-bottom: 1px solid #cbccc8;display:flex;    justify-content: space-between;}
#footer .service li {position: relative; float: left; width: 164px; opacity: 0.1;line-height: 6;}
#footer .service li a.block {display: block; width: 160px; margin: 0 auto;}
#footer .service img {/*width: 100px; height: 60px;*/ height: 38px; margin: auto; max-width: 100%;}

/* black and white */
#footer .service img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); 
    filter: grayscale(100%);
	transform: scale(.9, .9);
}
#footer .service img:hover {
    -webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    filter: grayscale(0%);
	transform: scale(1, 1);
}

.socials {float: left; margin-top: -5px;}
.socials a {display: block; float: left; width: 25px; height: 25px; margin: 0 6px; border-bottom: none;}
.socials .vkontakte {background: url("../img/socials.png") 0 0 no-repeat;}
.socials .vkontakte:hover {background-position: -25px 0;}
.socials .twitter {background: url("../img/socials.png") 0 -25px no-repeat;}
.socials .twitter:hover {background-position: -25px -25px;}
.socials .facebook {background: url("../img/socials.png") 0 -50px no-repeat;}
.socials .facebook:hover {background-position: -25px -50px;}
.socials .google {background: url("../img/socials.png") 0 -75px no-repeat;}
.socials .google:hover {background-position: -25px -75px;}
.socials .odnoklassniki {background: url("../img/socials.png") 0 -100px no-repeat;}
.socials .odnoklassniki:hover {background-position: -25px -100px;}
.socials .instagram {background: url("../img/socials.png") 0 -125px no-repeat;}
.socials .instagram:hover {background-position: -25px -125px;}
.socials .forum {background: url("../img/forum.png") 0 0 no-repeat;}
.socials .forum:hover {background-position: -25px 0;}
.socials .youtube {background: url("../img/YouTube.png") 0 0 no-repeat;}
.socials .youtube:hover {background-position: -25px 0;}
.socials .flamp {-webkit-filter: grayscale(100%); filter: grayscale(100%);opacity: 0.28;}
.socials .flamp:hover {-webkit-filter: grayscale(0); filter: grayscale(0);opacity:1;}

#modal {width: 600px;}
.modal {background: #fff; border-radius: 6px; padding: 20px 30px;}
.modal h1 {font-size: 22px; font-family: 'Roboto Condensed'; margin-bottom: 0;}
.modal h2 {font-size: 16px; font-family: 'Roboto Condensed'; margin-bottom: 20px;}
.modal i {color: #ff6e00; font-size: 14px;}
.modal p {font-family: 'Roboto Condensed';}
.modal label {color: #363636; font-size: 14px; font-family: Arial; margin-right: 6px;}
.form input[type="text"],
.form input[type="tel"],
.modal input[type="text"],
.modal input[type="tel"],
.modal textarea {border-radius: 4px; outline: 0; padding: 7px; border: 1px solid #efc594; box-shadow: inset 0px 2px 0px 1px #faf2e9; width: 93%; font-size: 14px; font-family: Arial; color: #363636;}
.modal input[type="text"].success,
.modal textarea.success {border: 1px solid #9ddb78; box-shadow: inset 0px 2px 0px 1px #e7f2e1;}
.modal textarea {resize: none; height: 128px;}
.modal .introtext {color: #787878; font-size: 12px; font-style: italic; line-height: 16px;}
.modal .submit {text-align: center;}
.modal .submit input  {background: #ff6e00; border-radius: 4px; padding: 10px 84px; color: #fff; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 16px; cursor: pointer; margin-top: 26px;}
.modal .submit input.no-action  {background: #feddb3; cursor: default;}
.modal .button {background: #ff6e00; border-radius: 4px; color: #fff; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 16px; cursor: pointer; text-align: center;}
.modal-green {background: #daf2d8; padding: 30px; margin: 10px 0; border-radius: 4px; }

.droplist {position: relative; width: auto !important;}
.droplist ul {position: absolute; top: -15px; left: 0; right: 0; background: #fff; border-left: 1px solid #efc594; border-right: 1px solid #efc594; border-bottom: 1px solid #efc594; border-radius: 0 0 4px 4px; padding-top: 3px; z-index: 1234;}
.droplist li {font-size: 14px; font-family: Arial; color: #363636; padding: 8px 0;}
.droplist li.current {background: #ff6e00 url('../img/form-enter.png') right 10px top 11px no-repeat; cursor: pointer;}
.droplist li span {padding: 0 7px;}

.mysocials {margin: 14px 0 0; height: 82px;}
.mysocials li {float: left; width: 252px; height: 32px; margin-right: 25px; margin-bottom: 16px;}
.mysocials li.alt {margin-right: 0;}
.mysocials input[type="text"] {width: 196px;}
.mysocials label {display: block; float: left; width: 25px; height: 25px; margin: 3px 10px 0 4px; border-bottom: none;}
.mysocials label.vkontakte {background: url("../img/socials.png") -25px 0 no-repeat;}
.mysocials label.facebook {background: url("../img/socials.png") -25px -50px no-repeat;}
.mysocials label.twitter {background: url("../img/socials.png") -25px -25px no-repeat;}
.mysocials label.odnoklassniki {background: url("../img/socials.png") -25px -100px no-repeat;}


#services {}
#services h1 {margin-bottom: 22px;}
#services h2 {font-family: Arial;}
#services h3 {font-size: 15px; margin: 8px 0;}
#services img.pic {float: left; width: 100px; height: 100px; border-radius: 4px;}
#services  p.s {margin: 0 0 10px 20px;}
#services  a {font-family: Arial;}
#services  input {margin: 0 10px;}
#services  input[type="checkbox"], #services  .radio-label input[type="radio"] {display: none;}
#services  ul {margin: 8px 0 0 0;}
#services  ul li {background: none; margin: 0 0 4px 0; padding: 0;}

#services .title {margin: 10px;}
#services .title h2 {display: inline; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; margin-right: 4px;}
#services .title i {font-size: 14px;}
#services .s-items {float: left; width: 670px;}
#services .s-items .description,
#services .s-items .descrip,
#services .s-items .fee2,
#services .s-items .cost2, 
#services .s-items .first_pay, 
#services .s-items .descrip2{display: none;}

#services .s-item {position: relative; background: #fff; border-radius: 4px; box-shadow: 0px 1px 3px #d6d6d6; padding: 10px; margin-bottom: 30px; }
#services .s-item p {width: 380px;}
#services .s-item .s-follow {position: absolute; bottom: -18px; left: 51%; margin-left: -24px;width: 33px; height: 18px; background: url("../img/s-follow.png") no-repeat;}
#services .s-base {position: relative; min-height: 100px; background: #daf2d8; border-radius: 4px; padding: 10px; margin-bottom: 10px;}
#services .s-add {position: relative; min-height: 10px; background: #fff9da; border-radius: 4px; padding: 15px; }
#services .block .s-add {display: none;}
#footer .service li a.block.kaverafisha img {
	opacity: 0.6;
}
#footer .service li a.block.kaverafisha img:hover {
	opacity: 1;
}
#services .s-add b {font-size: 14px; color: #c1a479;}
#services .s-add span {float: right; font-size: 13px; color: #363636; font-weight: bold;}
#services .s-add label {font-size: 13px;}
#services .s-add a {font-size: 12px; border-bottom: 1px dashed #ff6e00; margin: 0 16px;}
#services .s-description {float: left; width: 509px; margin: 6px 0 0 20px;}
#services .scale {position: relative; height: 5px; border-radius: 4px; background: #fff9da; margin-top: 15px; margin-bottom: 22px;}
#services  .scale .point {position: absolute; right: -6px; top: -8px; width: 19px; height: 19px; background: url("../img/scale-point.png") 0 0 no-repeat; cursor: pointer;  z-index: 1000;}
#services  .scale .active .point,
#services  .scale .active .point:hover,
#services  .scale .active .point.hovered {right: -12px; top: -15px; width: 32px; height: 32px; background: url("../img/scale-point.png") 0 -38px no-repeat;}
#services  .scale .less .point {background: url("../img/scale-point.png") 0 -19px no-repeat;}
#services  .scale .step {position: absolute; top: 0; left: 0; height: 5px; border-radius: 4px;}
#services  .scale .step.active {background: #ff6e00;}
#services  .scale .step1 {width: 120px;}
#services  .scale .step2 {width: 260px;}
#services  .scale .step3 {width: 400px;}
#services  .scale .info {position: absolute; bottom: -48px; right: -48px; width: 102px; height: 24px; font-size: 14px; text-align: center; background: url("../img/scale-info.png") 0 -38px no-repeat; border-bottom: none; padding-top: 12px; z-index: 1000; color: #363636; cursor: pointer;}
#services  .scale .info:hover,
#services  .scale .info.hovered {background-position: 0 -75px;}
#services  .scale .point:hover,
#services  .scale .point.hovered {background-position: 0 -93px;}
#services  .scale .active .info {color: #fff; background: url("../img/scale-info.png") 0 0 no-repeat;}
#services  .scale .active .info:hover {color: #fff; background: url("../img/scale-info.png") 0 0 no-repeat;}
#services  .scale-wrapper {height: 70px; overflow: hidden; postition: relative; margin: 0 3%;}
#services  .buy {position: absolute; top: 15px; right: 10px; width: 256px; height: 40px; text-align: right;}
#services  .buy .button {display: inline; font-size: 15px; color: #fff; font-weight: bold; padding: 6px 12px; border-radius: 4px; cursor: pointer;}
#services  .buy .add {display: none; background: #ff6e00; padding: 6px 16px;}
#services  .buy .free {background: #72bf44;}
#services  .buy .rem {background: #72bf44 url("../img/button-remove.png") right 0 no-repeat; padding-right: 44px;}
#services  .buy .rem:hover {background-position-y: -30px;}
#services  .buy .block {display: none; padding: 6px 15px; background: url("../img/button-block.png") no-repeat;}
#services  .buy .block:hover {background-position: 0 -30px;}
#services  .buy span {color: #363636; font-size: 15px; font-weight: bold; margin: 0 5px;}

#services .tvcount .counter {float: left;} 
#services .tvcount .description,#services .tvcount .desc {display: none;} 
#services .tvcount input {border: 1px solid #9ddb78; box-shadow: inset 0px 2px 0px 1px #e7f2e1; border-radius: 4px; outline: 0; padding: 4px; font-size: 14px; font-family: Arial; color: #363636; width: 30px; float: left; margin: 0;}
#services .tvcount i {color: #64874f; font-size: 14px;}
#services .tvcount .counter {background: #c8ebbb; border-radius: 4px; width: 100px; margin-right: 10px;}
#services .tvcount .cost {float: right; font-size: 13px; color: #363636; font-weight: bold;}
#services .tvcount .s-add{ background: #daf2d8; margin: 0; padding: 5px 0 0 }
#services .icon {border-bottom: none; float: left; margin: 5px 7px 0;}
#services .disable .tvcount,
#services .block .tvcount {display: none;}

label .checkbox {width: 16px; height: 16px; background: url("../img/checkbox.png") no-repeat; cursor: pointer; float: left; margin: 2px 10px 0 0;}
label .checkbox:hover {background-position: 0 -48px;}
label.active .checkbox {background-position: 0 -16px;}

#services .s-result {float: left; width: 294px;}
#services .s-result b {font-size: 15px; color: #363636; display: block;}
#services .s-result a {float: right; font-size: 12px;}
#services .s-result .s-adress {padding: 18px; background: #fff9da url("../img/adress-bg.png") 190px -10px no-repeat; box-shadow: 0px 1px 3px #d6d6d6; margin-left: 20px; margin-bottom: 20px; border-radius: 4px;}
#services .s-result .s-adress p {margin-top: 8px; margin-bottom: 0px;}
#services .s-result .s-info {background: #fff; padding: 8px; box-shadow: 0px 1px 3px #d6d6d6; margin-left: 20px; border-radius: 4px;}
#services .s-result .s-info b.s-title {display: block; background: #fff9da; padding: 9px 10px; border-radius: 4px;}
#services .s-result .s-info p {font-size: 13px; margin: 13px 10px; padding-right: 60px;}
#services .s-result .s-info p.s-wc {position: relative; padding-right: 30px;}
#services .s-result .s-info .s-fee span,
#services .s-result .s-info .s-cost span {float: right; font-size: 13px; font-weight: bold; margin: 15px 8px 0;}
#services .s-result .s-info a.remove {position: absolute; top: 6px; right: 2px; display: block; width: 8px; height: 8px; background-image: url('../img/close_8x8.png'); cursor: pointer; border-bottom: none;}
#services .s-result .s-info hr {margin: 0 auto; width: 235px; background: #dddddb;}
.s-result .s-outer {background: #fff9da; text-align: center; font-size: 15px; font-weight: bold; padding: 11px 0; border-radius: 4px 4px 0 0; color: #363636;}
.s-result .s-send, .s-result .s-send-online {width: 100%; background: #ff6e00; text-align: center; font-size: 15px; font-weight: bold; padding: 11px 0; border-radius: 0 0 4px 4px; color: #fff; outline: 0; cursor: pointer; font-family: 'Roboto Condensed', sans-serif;}
.s-result.success .s-send {display: none;}
.s-result .s-send.green {background: #72bf44; cursor: default; display: none;}
.s-result.success .s-send.green {background: #72bf44; cursor: default; display: block;}
.s-result .s-fee {min-height: 32px;}
.s-result .s-cost {min-height: 32px; padding: 1px 0;}
.s-result .s-fee b {}
#services .s-result.fix {position: fixed; top: 20px; margin-left: 670px; z-index: 1;}
#services .s-result.fix.bot {position: absolute; top: auto; bottom: 30px; margin-left: 670px; z-index: 1;}

#services .canals {margin-top: 16px;}
#services .canals li {float: left; display: block; background: #daf2d8; border-radius: 4px;  margin: 0 8px 8px 0; padding: 3px 0 3px 10px;}
#services .canals span {float: none; font-weight: normal;}
#services .canals .remove {background: #fff9da url("../img/canal-remove.png") 0 0 no-repeat; cursor: pointer; padding: 6px 14px; border-bottom: none; margin: 0 0 0 10px;}
#services .canals .remove:hover {background-position-y: -27px;}
#services .disable .canals,
#services .block .canals {display: none;}

/*#services .img {float: left; width: 100px; height: 100px; border-radius: 4px;}
#services .img.goodline {background: #fff9da url("../img/pic_goodline_100x100.png") no-repeat;}
#services .img.bambuk {background: #fff9da url("../img/pic_bambuk_100x100.png") no-repeat;}
#services .img.btv {background: #fff9da url("../img/pic_btv_100x100.png") no-repeat;}
#services .disable .img,
#services .block .img {background-position-y: -100px;}*/

#services .img {float: left; width: 100px; height: 100px; border-radius: 4px; background-repeat: no-repeat; background-position: center; background-color: rgb(255, 255, 255);}
#services .img.goodline {background-image: url("../img/icons/Internet.png");}
#services .img.bambuk {background-image: url("../img/icons/Bambuk.png");}
#services .img.btv {background-image: url("../img/icons/BTV.png");}
#services .img.tv {background-image: url("../img/icons/TV.png");}
#services .disable .img,
#services .block .img {-webkit-filter: grayscale(100%); filter: gray;}

#services .s-base.disable,
#services .s-base.block,
#services .block .s-base,
#services .disable .s-add,
#services .block .s-add,
#services .disable .s-base {background: #f2f2f2;}
#services .block .s-add b,
#services .disable .s-add b {color: #b0b0b0;}
#services .disable .scale {background: #b0b0b0;}
#services .disable .scale .point,
#services .disable .scale .point.hovered,
#services .disable .scale .point:hover {right: -6px; top: -8px; width: 19px; height: 19px; background-position-y: -70px;}
#services .disable .scale .step {background: none;}
#services .disable .scale .info,
#services .disable .scale .info:hover {color: #363636; background-position-y: -38px;}
#services .disable .buy .add {display: inline;}
#services .disable .buy .rem {display: none;}
#services .disable .checkbox {background: url("../img/checkbox.png") 0 -32px no-repeat;}
#services .block .buy .free,
#services .disable .buy .free {display: none;}

#services .block .buy .button {display: none;}
#services .block .buy span {display: none;}
#services .block .buy .block {position: relative; display: inline;}
#services .block .help {position: absolute; right: -28px; bottom: 42px; background: #fff; border-radius: 4px; width: 584px; box-shadow: 0 0 30px #000; display: none;}
#services .block .help .text{background: #f2f2f2; padding: 12px; margin: 8px; text-align: center;}
#services .block .help .joyride-bot{left: auto; right: 34px;}
#services .block .help p {font-weight: normal; display: inline;}
#services .block .help .button {display: block; width: 320px; margin-left: 100px; margin-top: 10px;}
#services .block .help .introtext {display: block; font-style: italic; font-size: 14px; font-weight: normal; color: #787878;}
#services .block .help.active {display: block;}

#internet {height: 136px;}

#services .arrow {background: none;}
#services .arrow-left, #services .arrow-right {position: absolute; top: 94px; cursor: pointer;}
#services .arrow-left:hover i, #services .arrow-right:hover i {color: #72C044;}
#services .arrow-left {left: 120px;}
#services .arrow-right {right: 5px;}
#services .arrow i {font-size: 18px; }

#review_add {width: 570px; height: 190px;}
#review_add .form {background: #fff9da; border-radius: 6px;  padding: 20px;}
#review_add .field {float: left; width: 250px; margin-right: 30px; margin-bottom: 10px;}
#review_add .field.alt {margin-right: 0;}
#review_add .field label {display: block; margin: 5px 0 15px;}
#review_add .field input[type="file"] {display: none;}
#review_add .field .photo-area {border: 1px dashed #ff6e00; width: 140px; height: 142px; margin: 15px 0; padding: 0;}
#review_add .field .photo-area.success {border: 1px dashed #9ddb78;}
#review_add .field .photo-area img {background: #f2f2f2; width: 132px; height: 134px; border: 4px solid #fff;}
#review_add .field .photo-button {float: right; width: 96px; margin-left: 12px; margin-top: 30px;}
#review_add .field .photo-button span.change {background: #ff6e00; font-size: 14px; color: #fff; padding: 7px 13px; margin-bottom: 15px; border-radius: 4px; display: block;}

#packets_add {position: relative; width: 906px; height: 94%; overflow: hidden;}
#packets_add .form {float: left; width: 636px; max-height: 580px;}
#packets_add .form input[type="text"] {width: 400px;}
#packets_add .s-result {float: right; width: 240px; font-family: Arial; font-size: 13px; color: #363636; margin-left: 25px; margin-top: 18px;}
#packets_add .s-result b {display: block; font-family: Arial; font-size: 15px; border-bottom: 1px solid #dddddb; padding: 8px 0;}
#packets_add .s-result span {float: right;}
#packets_add .s-result .s-outer span {float: none;}
#packets_add .s-result ul {padding: 0; margin-bottom: 20px;}
#packets_add .s-result li {padding: 6px 0; border-bottom: 1px solid #dddddb;}
#packets_add .droplist ul {top: -4px;}
#packets_add  a.clear {color: #ff6e00; border-bottom: 1px solid #ff6e00; cursor: pointer; font-family: Arial;}
#packets_add  label {float: left;}
#packets_add #box {position: absolute; width: 935px; top: 80px; bottom: 0;}
#packets_add #box #accordion {float: left; width: 600px;}
#packets_add b.title {display: block; font-family: Arial; font-size: 15px; border-bottom: 1px solid #dddddb; padding: 8px 0; color: #363636; margin: 55px; width: 160px; float: right;}

.joyride-hover {position: relative; cursor: pointer;}
.joyride-hover:hover span {color: #ff6e00;}
.joyride-hover:hover .joyride-text span {color: #363636;}
.joyride {position: absolute; width: 453px; background: #fff; border-radius: 4px; box-shadow: 0 0 30px #000; z-index: -1; padding: 10px;}
.joyride-hover .joyride {display: none; bottom: 32px; left: -16px;}
.joyride-content {min-height: 50px; background: #f2f2f2; border-radius: 4px; padding: 10px;}
.joyride-content b {font-size: 24px; color: #363636; font-family: Arial;}
.joyride-content p {font-size: 14px; color: #363636; margin: 0;}
.joyride-content img {float: left; margin: 0 8px 8px 0; border: 6px solid #fff; border-radius: 4px; background: #fff;}
.joyride-text {}
.joyride-bot {position: absolute; bottom: -10px; left: 50px; width: 20px; height: 10px; background: url("../img/joyride-bot.png") no-repeat;}

#content .checkConnect {float: right; width: 338px; height: 42px; background: url("../img/connect-bg.png") no-repeat; padding: 14px 36px;}
#content .checkConnect a {padding: 10px 16px; cursor: pointer;}

#checkConnect {width: 366px; _box-shadow: 0 0 16px #000;}
#checkConnect div.fon {
	width: 325px;
	height: auto;
	/* background: #fff9da url("../img/checkConnect-bg.png") no-repeat; */
	background-color: #e1ffda;
	padding: 25px 20px 35px;
	border-radius: 4px;
	margin-bottom: 35px;
}
#checkConnect form input {cursor: pointer;}
.loading #checkConnect form input {cursor: wait;}
#checkConnect form input[type="text"], #checkConnect form input[type="tel"] {width: 95%; margin-top: 6px; margin-bottom: 12px; box-shadow: inset 0px 3px 0px 1px #faf2e9;}
#checkConnect form input.dropdown[type="text"] {background: #fff url("../img/checkConnect-down.png") right 10px top 11px no-repeat;}
#checkConnect form .button {border-radius: 4px; text-transform: uppercase; font-weight: bold; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; color: #fff; background: #ff6e00; margin-top: 20px; padding: 10px; cursor: pointer; width: 100%;}
.loading #checkConnect form .button {cursor: wait;}
#checkConnect h3 {font-size: 15px;}

#editAddres {width: 366px;}
#editAddres form div {background: #fff9da; padding: 15px 20px; border-radius: 4px;}
#editAddres form div.droplist {height: 0; padding: 0;}
#editAddres form input {cursor: pointer;}
#editAddres form input[type="text"] {margin-top: 6px; margin-bottom: 12px; box-shadow: inset 0px 3px 0px 1px #faf2e9; background: #fff; width: 310px;}
#editAddres form input[type="text"].dropdown {background: #fff url("../img/checkConnect-down.png") right 10px top 11px no-repeat;}
#editAddres form input[type="text"].dropdown::-ms-clear {display: none;}
#editAddres form input[type="text"].dropdown.success {background: #fff;}
#editAddres form .button {border-radius: 4px; text-transform: uppercase; font-weight: bold; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; color: #fff; background: #ff6e00; margin-top: 20px; padding: 10px 0; padding: 10px 0;
width: 100%; cursor: pointer;}

#frmFeedback {width: 530px;}
#frmFeedback .field {float: left; width: 250px; margin-right: 30px;}
#frmFeedback .field.alt {margin-right: 0;}
#frmFeedback .introtext {color: #787878; font-size: 12px; font-style: italic;}
#frmFeedback .button {
	border-radius: 4px; 
	text-transform: uppercase; 
	font-weight: bold; 
	font-size: 16px; 
	font-family: 'Roboto Condensed', sans-serif; 
	color: #fff; 
	background: #ff6e00; 
	margin-top: 20px; 
	margin-bottom: 10px; 
	padding: 10px 87px; 
	cursor: pointer;
}
#frmFeedback .button.noactive { background: #7f7f7f; cursor: default;}
#frmFeedback label {font-size: 14px; display: block;}
#frmFeedback input[type="text"],
#frmFeedback textarea {border-radius: 4px; outline: 0; padding: 7px; border: 1px solid #efc594; box-shadow: inset 0px 2px 0px 1px #faf2e9; margin: 6px 0 16px;}
#frmFeedback input[type="text"].success,
#frmFeedback textarea.success {border: 1px solid #9ddb78; box-shadow: inset 0px 2px 0px 1px #e7f2e1;}
#frmFeedback input[type="text"] {width: 234px;}
#frmFeedback textarea {width: 514px; height: 115px; resize: none; font-family: Arial;}
#frmFeedback .blocked {
	width: 234px;
	height: 16px;
	float: left;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	background: #f7f7f7;
	font-size: 14px;
	color: #7C7C7C;
	padding: 7px;
	margin: 6px 0 16px;
	overflow: hidden;
	white-space: nowrap;
}
#frmFeedback #uLogin {
	display: none;
}

#frmFeedback .social-button {
	float: left;
	margin: -16px 0 19px 20px;
}
#frmFeedback .social-button a {
	float: left;
	display: block;
	width: 31px;
	height: 31px;
	background-image: url("../img/social_button.png");
	cursor: pointer;
	margin-right: 8px;
	border-bottom: none;
}
#frmFeedback .social-button a.vkontakte {
	background-position: 0 0;
}12+
#frmFeedback .social-button a.vkontakte.push {
	background-position: -33px 0;
}
#frmFeedback .social-button a.facebook {
	background-position: 0 -33px;
}
#frmFeedback .social-button a.facebook.push {
	background-position: -33px -33px;
}
#frmFeedback .social-button a.odnoklassniki {
	background-position: 0 -66px;
}
#frmFeedback .social-button a.odnoklassniki.push {
	background-position: -33px -66px;
}

#frmFeedback .social-button span {
	display: block;
	font-size: 14px;
	margin-bottom: 6px;
	color: #ff6e00;
}
#frmFeedback .social-button span.success {
	color: #72bf44;
}

#frmCross, #frmQuest {width: 530px;}
#frmCross, #frmQuest .field {float: left; width: 250px; margin-right: 30px;}
#frmCross, #frmQuest .introtext {color: #787878; font-size: 12px; font-style: italic;}
#frmCross, #frmQuest .button {
	border-radius: 4px; 
	text-transform: uppercase; 
	font-weight: bold; 
	font-size: 16px; 
	font-family: 'Roboto Condensed', sans-serif; 
	color: #fff; 
	background: #ff6e00; 
	margin-top: 20px; 
	margin-bottom: 10px; 
	padding: 10px 87px; 
	cursor: pointer;
}
#frmCross, #frmQuest .button.noactive { background: #7f7f7f; cursor: default;}
#frmCross, #frmQuest label {font-size: 14px; display: block;}
#frmCross, #frmQuest input[type="text"],
#frmCross, #frmQuest select {border-radius: 4px; outline: 0; padding: 7px; border: 1px solid #efc594; box-shadow: inset 0px 2px 0px 1px #faf2e9; margin: 6px 0 16px;}
#frmCross, #frmQuest input[type="text"].success,
#frmCross, #frmQuest textarea.success {border: 1px solid #9ddb78; box-shadow: inset 0px 2px 0px 1px #e7f2e1;}
#frmCross, #frmQuest input[type="text"],
#frmCross, #frmQuest select {width: 234px;}
#frmCross, #frmQuest textarea {width: 514px; height: 115px; resize: none;}
#frmCross, #frmQuest .blocked {
	width: 234px;
	height: 16px;
	float: left;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	background: #f7f7f7;
	font-size: 14px;
	color: #7C7C7C;
	padding: 7px;
	margin: 6px 0 16px;
	overflow: hidden;
	white-space: nowrap;
}
#frmCross, #frmQuest input[type="radio"] {margin: 6px 0 16px;}

.internet  {padding: 0 18px;}
.internet .justifyleft {float: left; margin-right: 40px; z-index: 1000;}
.internet .justifyright {float: right; margin-left: 40px; z-index: 1000;}
.internet .block {position: relative; padding-right: 40px; border-top: 1px solid #fff;}
.internet .block.alt {border-bottom: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; padding-right: 0;}
.internet .block .top {position: absolute; top: 0; width: 843px; height: 35px; background: url("../img/internet-blok-top.png") no-repeat; pointer-events: none;}
.internet .block .bot {position: absolute; bottom: 0; width: 843px; height: 35px; background: url("../img/internet-blok-bot.png") no-repeat; pointer-events: none;}
.internet h2 {display: block; margin: 40px 0 20px; clear: none;}
.internet td {color: #676767; font-size: 14px; line-height: 20px;}
.internet img {margin-left: 40px;}
.internet table {margin-bottom: 40px;}

#hd-channels {background: #f2f2f2; border-radius: 4px; padding: 12px;}
#hd-channels li {float: left; margin: 10px; font-size: 14px; color: #363636; width: 194px; font-family: Arial; background: none;}
#hd-channels .button {border-radius: 4px; text-transform: uppercase; font-weight: bold; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; color: #fff; background: #ff6e00; margin: 20px auto; padding: 10px 100px; cursor: pointer; width: 116px;}
#hd-channels ul li.joyride-hover img {margin: 0px 8px -6px 0;}
#hd-channels.easy li {margin: 6px 10px;}
.joyride .joyride-text {font-size: 14px; color: #363636; font-family: Arial;}
#accordion.packets li .joyride .joyride-text span{float:none; width:100%;}


#loading {
    display: none;
    position: absolute;
    z-index: 999999;
    background: url("../img/overlay.png");
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
}

#loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -26px;
    margin-top: -21px;
    -webkit-animation: glRotate 1.5s 0s infinite;
    -moz-animation: glRotate 1.5s 0s infinite;
    -o-animation: glRotate 1.5s 0s infinite;
    animation: glRotate 1.5s 0s infinite;
}

#link-success, #link-error {display: none;}

.spoiler {outline: 0;}
.spoiler h2 {cursor: pointer; outline: 0;}

#tvpackets input[type="text"] {width: 640px;}
#tvpackets #accordion h3 {height: 30px;}
#tvpackets #accordion ul {float: none; width: 840px; margin: 0;}
#tvpackets #accordion ul li {background: none; margin: 10px 16px 0; width: 170px;height:35px;display:table;}
#tvpackets #accordion ul li .wrap_img{display:table-cell;height:35px;vertical-align:middle; width:35px}
#tvpackets #accordion ul li .wrap{display:table-cell;height:35px;vertical-align:middle;}
#tvpackets .droplist ul {width: auto; margin: 0; top: -6px;}
#tvpackets .droplist ul li {background: none;}
#tvpackets .droplist ul li.current {background: #ff6e00;}
#tvpackets label {float: left; margin: 5px 8px 0 0;}
#tvpackets a.clear {cursor: pointer;}
#tvpackets .icon {display: inline-block; width: 21px; height: 21px; background: url("../img/icon_tariffs.png") no-repeat; border-bottom: none; cursor: pointer;}
#tvpackets .icon.sale {margin: 4px; background-position: -44px 0; float: right; top: -4px; position: relative;}
#tvpackets .joyride {left: -50px;}
.form .field .field-box {position: relative; float: left; margin: -6px 8px 0 0;}

#rightChoice {padding: 0;}
#rightChoice .fancybox-close {background: #fff url('../img/close.png');}
#rightChoice h1 {background: #fff9da; text-align: center; padding: 10px; color: #525252;}
/* #rightChoice .info {width: 867px; height: 310px; background: url("../img/info20012015.png") no-repeat; margin: 0 auto;margin-bottom:20px;} */
#rightChoice .info {width: 867px; height: 310px; background: url("../img/info20052015.png") no-repeat; margin: 0 auto;margin-bottom:20px;}
#rightChoice  form {background: #fff9da; padding: 20px 140px;}
#rightChoice  input {width: 282px;}
#rightChoice .button {height: 30px; margin-left: 20px;}
a#rightChoice.button {width: 100%; padding: 10px 0; text-align: center; background: #72bf44; border-bottom: 0; margin: 20px 0;}

#tariffs .tariffs {width: 100%; margin-bottom: 30px;}
#tariffs .tariffs .first td {border-top: 5px solid #d4d4d4; border-bottom: 5px solid #d4d4d4;}
#tariffs .tariffs td {/*border-bottom: 5px solid #d0efbe;*/border-bottom: 5px solid #d4d4d4; border-right: 5px solid #d4d4d4; text-align: center; padding: 16px 5px;}
#tariffs .tariffs.region td {width: 200px; padding: 16px 24px;}
#tariffs .tariffs td.gray {background: #909090;}
#tariffs .tariffs td.silver {background: #b9b9b9;}
#tariffs .tariffs td.orange {background: #ffa302;}
#tariffs .tariffs td.green {background: #72bf44;}
#tariffs .tariffs td.row {width: 40px; border: none; vertical-align: bottom; text-align: left; padding: 16px 5px;}
#tariffs .tariffs td.row .wrap {position: relative;}
#tariffs .tariffs td.row span {font-size: 24px; color: #fff; font-family: 'MyriadPro', sans-serif;}
#tariffs .tariffs td.row span {
	display: block;
	position: absolute;
    /*bottom: 20px;*/
	height:28px;
	bottom:100px;
	left:-80px;
	width: 200px;
	-moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=3.061616999114022e-16, M12=1, M21=-1, M22=3.061616999114022e-16, SizingMethod='auto expand')";
	
    /*height: 190px;*/
	
	
}

@media all{#tariffs .tariffs td.row {padding: 7px 5px;}}
#tariffs .tariffs td.united {border-top: none; height: 100px;}
#tariffs .tariffs .wrap-text {text-align: left; margin: 0 20px;}

#tariffs .tariffs .ladder {float: none; width: 135px; height: 70px;}
#tariffs .tariffs .ladder .ld-box {float: left; width: 17px; background: #b9b9b9; padding: 0; margin-left: 8px;}
#tariffs .tariffs .ladder .ld-item1 {height: 30px; margin-top: 40px;}
#tariffs .tariffs .ladder .ld-item2 {height: 37px; margin-top: 33px;}
#tariffs .tariffs .ladder .ld-item3 {height: 46px; margin-top: 24px;}
#tariffs .tariffs .ladder .ld-item4 {height: 57px; margin-top: 13px;}
#tariffs .tariffs .ladder .ld-item5 {height: 71px; margin-top: 0;}
#tariffs .tariffs .rate100 .ld-item1 {background: #72bf44;}
#tariffs .tariffs .rate100 .ld-item2 {background: #72bf44;}
#tariffs .tariffs .rate100 .ld-item3 {background: #72bf44;}
#tariffs .tariffs .rate100 .ld-item4 {background: #72bf44;}
#tariffs .tariffs .rate100 .ld-item5 {background: #ffa302;}
#tariffs .tariffs .rate80 .ld-item1 {background: #72bf44;}
#tariffs .tariffs .rate80 .ld-item2 {background: #72bf44;}
#tariffs .tariffs .rate80 .ld-item3 {background: #72bf44;}
#tariffs .tariffs .rate80 .ld-item4 {background: #72bf44;}
#tariffs .tariffs .rate60 .ld-item1 {background: #72bf44;}
#tariffs .tariffs .rate60 .ld-item2 {background: #72bf44;}
#tariffs .tariffs .rate60 .ld-item3 {background: #72bf44;}
#tariffs .tariffs .rate40 .ld-item1 {background: #72bf44;}
#tariffs .tariffs .rate40 .ld-item2 {background: #72bf44;}
#tariffs .tariffs .rate20 .ld-item1 {background: #72bf44;}

#tariffs .column {font-size: 24px; font-family: 'Roboto Condensed', sans-serif;}
#tariffs .big {font-size: 40px; font-family: 'Roboto', sans-serif; font-weight: 300;}
#tariffs .middle {font-size: 20px; font-family: 'Roboto', sans-serif;}
#tariffs .roboto40 {font-size: 40px; font-weight: 400; color: #5e5e5e; font-family: 'Roboto', sans-serif;}
#tariffs .roboto34 {font-size: 34px; font-weight: 400; color: #5e5e5e; font-family: 'Roboto', sans-serif;}
#tariffs .roboto24 {font-size: 24px; font-weight: 300; color: #5e5e5e; font-family: 'Roboto', sans-serif;}
#tariffs .roboto18 {font-size: 18px; font-weight: 300; color: #5e5e5e; font-family: 'Roboto', sans-serif;}
#tariffs .desc {font-size: 14px; font-weight: 300; color: #5e5e5e; font-family: 'Roboto', sans-serif; width: 70px; display: block; float: left;}
#tariffs .block  {width: 172px; margin: 15px 5px 0 15px; text-align: left; line-height: 16px;}
#tariffs .number {float: left; /*font-size: 36px;*/font-size: 28px; font-weight: 400; color: #5e5e5e; text-align: center; font-family: 'Roboto', sans-serif; /*background: url("../img/sprite_tariffs.png") no-repeat;*/ line-height: 46px; background: url("../img/sprite_tariffs_2015-07-21.png") no-repeat;}
#tariffs .ogo .number.number1000 { background: url("../img/sprite_tariffs_2015-07-21.png") no-repeat; background-position: -120px -75px; }
#tariffs .ogo .number.number100 { background: url("../img/sprite_tariffs_2015-07-21.png") no-repeat; background-position: -180px -75px; }
#tariffs .bambuk .number {width: 60px; height: 55px;}
#tariffs .sd .number {width: 77px; height: 55px; background-position: -68px 0;}
#tariffs .tv .number {width: 77px; height: 55px; background-position: -233px 0;}
#tariffs .hd .number {width: 93px; height: 55px; background-position: -146px 0;}
#tariffs .ogo .number {width: 60px; height: 55px; background-position: 0 -75px;}
#tariffs .pack .number {width: 60px; height: 55px; background-position: -62px -75px;}
#tariffs .pack .desc {width: 80px;}
#tariffs .sd .desc {margin-top: 8px;}
#tariffs .hd .desc {margin-top: 8px;}
#tariffs .tv .desc {margin-top: 8px;}
#tariffs .united .block {width: 350px; float: left;}
#tariffs .united .desc {width: 255px;}
#tariffs .united .untext {float: left; margin: 18px -10px 0 8px;}
#tariffs .icon {display: inline-block; width: 21px; height: 21px; background: url("../img/icon_tariffs.png") no-repeat; border-bottom: none; cursor: pointer;}
#tariffs .row .icon.question {margin: 0 0 -2px 0; background-position: 0 0;}
#tariffs .icon.question {margin: 4px; background-position: -22px 0;}
#tariffs .icon.sale {margin: 4px; background-position: -44px 0;}

#tariffs .joyride {left: -140px; width: 220px;}
#tariffs .joyride .joyride-bot {left: 140px;}
#tariffs .joyride .joyride-text {font-size: 12px; text-align: left;}
#tariffs .row .joyride {left: -30px; width: 440px;}
#tariffs .row .joyride .joyride-bot {left: 30px;}
#tariffs .row .joyride-hover {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

/*знак рубля*/
@font-face { font-family: "Rubl Sign";
	src: url('../fonts/rouble-webfont.eot');
    src: url('../fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rouble-webfont.woff') format('woff'),
         url('../fonts/rouble-webfont.ttf') format('truetype'),
         url('../fonts/rouble-webfont.svg#als_rublregular') format('svg'); }
    span.rur { position: relative; font-family: "Rubl Sign"; width: 14px; height: 20px; text-transform: uppercase; // text-transform: none;}
	span.rur:after {
		content: '\2013'; 
		displayt:block; 
		width: 14px; height: 20px; 
		position:absolute; 
		top: 0; 
		line-height: 24px; 
		left: -2px;
	}
	span.rur.small:after {
		line-height: 14px; 
	}
    span.rur span { position: absolute; overflow: hidden;  // display: none; }
    span.rur span:before {  }

.roboto24 span.rur span { /*margin: 1.05em 0 0 -.55em;*/ // display: none; }

.block.pack .desc span.rur span { // display: none; }


@-moz-document url-prefix() {  
	/*span.rur span { margin: 0.2em 0 0 -.55em; // display: none; }
.roboto24 span.rur span { margin: 0.8em 0 0 -.55em; // display: none; }*/
	span.rur:after {
			line-height: 20px;
	}
	span.rur.small:after {
		line-height: 12px; 
	}
}

*|html[xmlns*=""] span.rur span { margin: 0.2em 0 0 -.55em; // display: none; }
*|html[xmlns*=""] .roboto24 span.rur span { margin: 0.8em 0 0 -.55em; // display: none; }

opera:-o-prefocus span.rur span { margin: 0.1em 0 0 -.55em; // display: none; }
opera:-o-prefocus .roboto24 span.rur span { margin: 0.4em 0 0 -.55em; // display: none; }
/*знак рубля*/



/* новости */
.news  {padding: 0px;}
.news .justifyleft {float: left; margin-right: 20px;}
.news .justifyright {float: right; margin-left: 20px;}
.news .block {position: relative; padding-right: 0px; border-top: 1px solid #fff;}
.news .block.alt {border-bottom: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; padding-right: 0;}
.news .block .top {position: absolute; top: 0; width: 843px; height: 35px; background: url("../img/internet-blok-top.png") no-repeat;}
.news .block .bot {position: absolute; bottom: 0; width: 843px; height: 35px; background: url("../img/internet-blok-bot.png") no-repeat;}
.news h2 {display: block; margin: 40px 0 20px; clear: none;}
.news p,
.news td {color: #676767; font-size: 14px; line-height: 20px;}
.news img {margin-left: 40px;}
.news table {margin-bottom: 40px;}

.search_for_news{position:absolute; top:-20px;right:42px;}
.search_for_news form input{border: 1px solid #d4d4d4; width:416px;height:32px;line-height:32px;font-style:italic;border-radius:5px; padding:0 7px;}

.news .block .news_title{float:left; width:690px;margin-top:30px;margin-bottom:30px;}
#content .news .block .news_title a{color:#363636;text-decoration:none;border-bottom: 2px solid #9a9a9a; font-size:24px;font-family: 'Roboto Condensed', sans-serif;font-weight:bold;}
#content .news .block .news_title a:hover{color:#363636;text-decoration:none;}
.news .block .date{width:90px;padding-left:20px;float:right;color:#72bf44;font-family: 'Roboto Condensed', sans-serif;font-size:18px;padding-top:7px;margin-top:30px;}
#content .news .news_img {width:270px;height:200px;background:#d0d0d0;margin-bottom:35px;}
#content .news .news_img img{width:270px;height:200px;margin:0;}
.news .text {width:490px;font-family:Arial,sans-serif;font-size:16px;color:#363636;margin-bottom:35px;}
.news .text p{font-family:Arial,sans-serif;font-size:16px;color:#363636;}
#content .more {text-align:center;width:100%;font-family:Arial,sans-serif;font-size:16px;color:#363636;font-weight:bold;}
#content .more span{border-bottom:1px dashed #363636;cursor:pointer;}

.light_green{float:left;color:#72bf44;font-family: 'Roboto Condensed', sans-serif;font-size:18px;margin-bottom:20px;}
.what_search{float:left;font-family:Arial,sans-serif;font-size:16px;color:#373737;font-style:italic;margin-left:20px;margin-top:2px;margin-bottom:20px;}
.none_search_result{float:left;font-family:Arial,sans-serif;font-size:16px;color:#373737;margin-bottom:65px;}
.back_to_news{text-align:right;margin-right: 0px;}
#content .back_to_news a{text-decoration:none;color:#000000;font-family: 'Roboto Condensed', sans-serif;font-size:18px;border-bottom:1px solid #3f3f3f;cursor:pointer;}
.search_new_form .search_for_news{position:relative;float:left;top:0;right:0;margin-bottom:60px;}

.date_news{width:90px;float:left;color:#72bf44;font-family: 'Roboto Condensed', sans-serif;font-size:18px;margin-bottom:25px;}


#content .one_news .news_img {width:270px;height:200px;background:#d0d0d0;margin-bottom:15px;}
#content .one_news .news_img img{width:270px;height:200px;margin:0;}
.one_news .text {width:100%;font-family:Arial,sans-serif;font-size:16px;color:#363636;margin-bottom:35px;}
.one_news .text p{font-family:Arial,sans-serif;font-size:16px;color:#363636;}
.one_news  {padding: 0px;}
.one_news .justifyleft {float: left; margin-right: 20px;}
.one_news .justifyright {float: right; margin-left: 20px;margin-top: 15px; clear:left;}
.one_news .block {position: relative; padding-right: 0px; border-top: 1px solid #fff; float:left;}
.one_news .justifyleft_bottom {float: left; margin-right: 23px;}
.one_news .justifyright_bottom {float: right; margin-left: 0px;}
#content .one_news .news_img a{border:none;text-decoration:none;}

.hidden{display:none;}
/* новости */

/*some style for visible*/
.visible_block
{
	position:relative;
	z-index:1000;
	margin-top: 25px;
    margin-left: 20px;
}
/*some style for visible*/

/* fotter's menu last li kostyl for time*/
#footer ul.links li.last
{
	margin-top: 12px;
}
/* fotter's menu last li*/


.blind  {position: relative;}
.blind iframe {display: none;}
.blind .play {
	position: absolute;
	top: 50%;
	right: 50%;
	width: 180px; 
	height: 180px; 
	background: url("../img/Play_Button.png") no-repeat; 
	opacity: 0.5;
	cursor: pointer;
	margin-top: -90px;
	margin-right: -90px;
	display: none;
}

.blind:hover .play { display: block; }


#hd-channels ul li .wrap_img {
display: table-cell;
height: 35px;
vertical-align: middle;
width: 35px;
	float:left;
}

#hd-channels ul li
{
	display: table;
}

#hd-channels li span {
float: left;
width: 98px;
min-height:40px;
	margin-top:-1px;
}


#hd-channels li .joyride-text span
{
	float: none;
width: auto; 
}

#internet-buy-type 
{
	font-size:13px;
	color: #363636;
}
#internet-buy-type input{
	vertical-align: middle;
	margin: 0 10px 0 25px;
}
#services .s-result .s-info b.s-title.hidden
{
	display: none;
}

#content .ogosha-download {
	display: block;
	border-radius: 5px;
	background-color: #62be54;
	text-align: center;
	color: #ffffff;
	font-size: 26px;
	padding: 16px;
	line-height: 26px;
	border-bottom: none;
	width: 375px;
}
#content .ogosha-download:first-child {
	float: left;
}
#content .ogosha-download:last-child {
	float: right;
	margin-right: -40px;
}

#content .ogosha-download.windows:before {
    content: url(/assets/images/icons/Windows.png);
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

#content .ogosha-download.android:before {
    content: url(/assets/images/icons/Android.png);
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

/* @key GOOD-92 + GOOD-126 */

#tariffs .tariffs {
	table-layout: fixed;
}

#tariffs .tariffs td {
	width: 150px;
}

#tariffs .wrap-text .roboto24 {
	font-size: 20px;
}

#tariffs .block {
    margin: 15px 9px 0 5px;  /* GOOD-126 */
}

#tariffs .desc {
	width: 75px;
}

#content .layout4 ul {
	margin-left: 10px;
}

#tariffs .united .untext {
    margin: 18px 0 0 0; /* GOOD-126 */
}

@font-face {
  font-family: 'PTRoubleSans';
  src: url('../fonts/PTRoubleSans.eot');
  src: url('../fonts/PTRoubleSans.eot?#iefix') format('embedded-opentype'),
       url('../fonts/PTRoubleSans.woff2') format('woff2'),
       url('../fonts/PTRoubleSans.woff') format('woff'),
       url('../fonts/PTRoubleSans.ttf') format('truetype'),
       url('../fonts/PTRoubleSans.svg#PTRoubleSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

span.rur-font {
	font-family: "PTRoubleSans";
}

.social-boost {
	position: relative;
	cursor: pointer;
	margin-top: 10px;
	color: #5E5E5E !important;
}

.social-boost span {
	color: #72BF44 !important;
	font-size: 20px !important;
}

.social-boost .boost-popup {
	position: absolute;
	display: none;
	background: white;
	width: 200px;
	height: 40px;
	z-index: 4000;
	box-sizing: border-box;
	padding: 8px 12px; 
	left: -20px;
	top: 100%;
	border-radius: 2px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);	
}

.social-boost:hover .boost-popup {
	display: block;
	text-align: center;	
}

.social-boost .boost-popup ul.soc {
	display: inlin-block; *zoom: 1;
	width: 	176px !important;
	margin: 0 !important;
	height: 24px !important;
}

.social-boost .boost-popup ul li.soc-item {
	display:block;
	width: 24px; height: 24px;
	margin: 0 6px 0 0 !important;
	float: left;
	padding-left: 0 !important;
	
	background: url('../img/social-boost.png') no-repeat !important;
}

.arrow {
	display: inline-block;
    background-image: url('/img/accordion-arrow.png');
    width: 17px;
    height: 11px;
    margin-left: 10px;
    vertical-align: middle;
}
.arrow.arrow-down {
	background-position: 0 33px;
}
.arrow.arrow-up {
	background-position: 0 55px;
}

.channels {text-align: left;}
.channel {display: inline-block; text-align: center; width: 170px; margin: 10px;}

.social-boost .boost-popup ul li.soc-item.vk { background-position: 0 0 !important; }
.social-boost .boost-popup ul li.soc-item.ok { background-position: -24px 0 !important; }
.social-boost .boost-popup ul li.soc-item.yt { background-position: -48px 0 !important; }
.social-boost .boost-popup ul li.soc-item.ya { background-position: -72px 0 !important; }
.social-boost .boost-popup ul li.soc-item.ml { background-position: -96px 0 !important; }
.social-boost .boost-popup ul li.soc-item.g { background-position: -120px 0 !important; margin: 0 0 0 0 !important;}

.text .green_text:hover {
	color:#72bf44;
}

.btv_package_block {
	width: 315px; 
	height: 160px; 
	object-fit: contain; 
	border-radius: 4px; 
	background-color: #ffffff; 
	border: solid 1px #e0e1dc; 
	float: left; 
	margin-bottom: 11px; 
	margin-right: 10px;
	position: relative; 
	cursor: pointer;
}

.btv_package_block:hover {
	border-radius: 4px;
  	background-color: #ffffff;
 	box-shadow: 0 9px 25px 0 rgba(5, 21, 0, 0.2);
  	border: solid 2px #72bd35;
	margin-bottom: 10px; 
	margin-right: 9px;
	margin-left: -1px; 
	margin-top: -1px;
}

.btv_package_block .img_block {
	width: 155px; 
	height: 140px; 
	float: left;
}

.btv_package_block .text_block{
	float:left; 
	height: 160px;
}

.btv_package_block .text_block .title_btv{
	font-family: Roboto;
	font-size: 18px; 
	font-weight: bold;
	line-height: 1.11;
	text-align: left;
	color: #363636; 
	margin-top:23px;
	width:150px;
}

.btv_package_block .text_block .channel_btv{
	font-family: Roboto; 
	font-size: 16px; 
	font-weight: 300; 
	font-stretch: condensed; 
	line-height: 1.13; 
	text-align: left; 
	color: #666666; 
	position: absolute; 
	top: 63px; 
	left:155px;
}


.btv_package_block .text_block .price_btv{
	font-family: Roboto; 
	font-size: 20px; 
	font-weight: bold; 
	line-height: 1; 
	text-align: left; 
	color: #46b90f; 
	position: absolute; 
	top: 102px; 
	left:155px;
}

.btv_package_block .text_block .free_btv{
	font-family: Roboto; 
	font-size: 20px; 
	font-weight: bold; 
	line-height: 1; 
	text-align: left; 
	color: #46b90f; 
	position: absolute; 
	top: 102px; 
	left:155px;
}

.header_new_btv {
	text-align: left; 
	padding: 16px 0 0px 0;
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: bold;
}

.category_new_btv {
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 24px; 
	font-weight: bold; 
	text-align: left; 
	color: #363636; 
	margin-bottom: 13px;
}

.bt_cart_btv {
	position: absolute !important;
	background-image: url(/assets/images/channel_packets/bt.png) !important;
	width:146px !important; 
	height:39px !important; 
	bottom: 26px !important; 
	right: 14px !important; 
	border-bottom: none !important; 
	color: white !important; 
	text-align: center !important; 
	font-family: 'Roboto Condensed', sans-serif !important;  
	font-size: 21px !important; 
	font-weight: bold !important;
	line-height: 180% !important;
	display: none;
}

.btv_package_block:hover > .bt_cart_btv {
	display: block;
}

.btv_package_block:hover > .text_block .price_btv {
	top: 136px;
	left: 201px;
	position: absolute; 
	font-size: 12px;
}

.month_btv {
	font-size: 14px;
}

.month_btv_12 {
	font-size: 12px;
}

.btv_package_block:hover > .text_block .price_btv .month_btv{
	font-size: 10px;
}

.free{
	color: #46b90f; 
}

.btv_package_block:hover > .text_block .price_btv .month_btv .free{
	color: #ffffff;
}

.cart_main_block {
	position:fixed;
	bottom: 0; 
	width:412px;
	height:80px;
	margin-left: 558px;
	z-index: 9999;
	display: none;
	border-top: 2px #72bf44 solid;
    border-left: 2px #72bf44 solid;
    border-right: 2px #72bf44 solid;
}

.cart_first_part {
	float:left; 
	width: 135px; 
	height:80px; 
	background-color:white; 
	cursor: pointer;
}

.cart_second_part {
	float:left; 
	width: 107px; 
	height:80px; 
	background-color:white;
}

.cart_third_part {
	float:left; 
	width: 170px; 
	height:80px; 
	background-color: #72bd36;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 21px;
	font-weight: bold;
  	line-height: 3.95;
	text-align: center; 
	color: #ffffff;
	cursor: pointer;
}

.cart_count_packets {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-left: 22px;
	color: #666666;
	margin-top:22px;
	margin-bottom: 0;
}

.cart_count_channels {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px; 
	margin-left: 22px;
	color: #c3c3c3;
}

.cart_total_price {
	font-family: Roboto; 
	font-size: 20px; 
	font-weight: bold; 
	text-align: center; 
	color: #46b90f;
	margin-top:22px;
	margin-bottom: 0;
}

.cart_total {
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 16px; 
	text-align: center; 
	color: #72bd36; 
	margin-top: -3px;
}

.cart_more_block {
	position:fixed;
	bottom: 80px; 
	width:412px;
	height:auto;
	max-height:360px;
	margin-left: 558px;
	z-index: 9999;
	overflow: scroll;
	border-top: 2px #72bf44 solid;
    border-left: 2px #72bf44 solid;
    border-right: 2px #72bf44 solid;
	display:none;
}

.cart_more_element {
	width: 412px; 
	height: 72px;
	background-color:white;
}

.cart_more_elem_1 {
	width: 40px; 
	height: 72px; 
	float: left;
}

.cart_more_elem_2 {
	width: 200px; 
	height: 72px; 
	float: left;
}

.cart_more_elem_3 {
	width: 42px; 
	height: 72px; 
	float: left;
}

.cart_more_elem_4 {
	width: 110px; 
	height: 72px; 
	float: left;
}

.cart_more_elem_5 {
	width: auto; 
	float: left;
	margin-top: 15px;
}

.cart_more_id {
	font-family: 'Roboto Condensed', sans-serif;  
	font-size: 14px;
	color: #c3c3c3; 
	margin-top: 17px; 
	margin-left: 22px;
}

.cart_more_name {
	font-family: Roboto; 
	font-size: 15px; 
	font-weight: bold; 
	color: #363636; 
	margin-top: 16px;
	margin-bottom: 0;
}

.cart_more_channels {
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 14px; 
	font-weight: 300; 
	color: #666666;
}

.cart_more_price {
	font-family: Roboto;
	font-size: 15px;
	font-weight: bold; 
	color: #46b90f;
	margin-top: 14px;
}

.cart_more_block::-webkit-scrollbar { 
    display: none; 
}

.delete_item {
	cursor: pointer;
}

.btv_package_block_checked {
	font-family: Roboto;
  	font-size: 16px;
  	font-weight: bold;
  	color: #46b90f;
	position: absolute;
	top: 104px;
	left: 155px;
}

.btv_package_block_checked_price {
	font-family: Roboto;
  	font-size: 12px;
  	font-weight: 500;
  	color: #8d8d8d;
	position: absolute;
	top: 121px;
	left: 156px;
}

.btv_package_checked_price_month {
  	font-size: 10px;
  	color: #8d8d8d;
	font-weight: normal !important;
}

.btv_package_check_min {
	top: -2px;
    position: relative;
}

.cart_up {
	-ms-transform: rotate(0deg) !important; 
	-webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}

.cart_down {
	-ms-transform: rotate(180deg); 
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.popup_notification_show {
	overflow: visible;
}



.ktv_main_image_block {
      max-width: 1920px; 
      height: 335px; 
      background-color: #ffffff; 
      padding-top: 40px;
}

.ktv_main_title {
      text-align: center; 
      font-size: 36px; 
      position: relative; top: 23px;
}

.ktv_order_1_main_block {
      background-image: url('/assets/images/redesign_tv/hotel-eleon-background.jpg'); 
      background-position:center top; 
      height: 430px; 
      width:100%; 
      position: relative; 
}

.opacity-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(53,53,53,0.3);
}

.ktv_order_1_top_block {
      width: 960px; 
      height: 235px; 
      background-color: #ffffff; 
      margin: auto; 
      top: 50px; 
      position: relative;
      border-radius: 4px;
}

.ktv_order_1_top_div {
      height: 60px; 
      width: 960px;
}

.ktv_order_1_top_title {
      font-weight: bold; 
      font-size: 26px; 
      position: relative; 
      top: 20px; 
      left: 40px; 
      font-family: 'Roboto Condensed', sans-serif;
}

.ktv_order_1_top_link {
      position: relative; 
      top: 25px; 
      color: #999999; 
      font-size: 14px; 
      text-decoration: underline;
}

.ktv_order_line {
      width: 960px; 
      height: 1px; 
      background-color: #e0e1dc;
}

.ktv_order_1_middle_block {
      height: 175px; 
      width: 960px;
}

.ktv_order_middle_first {
      float: left; 
      width: 245px
}

.ktv_order_middle_first_img {
      position: relative; 
      top: 17px; 
      left: 50px;
}

.ktv_order_middle_second {
      float: left; 
      width: 575px;
}

.ktv_order_middle_second_title {
      position: relative; 
      top: 23px; 
      font-size: 16px; 
      color: #333333; 
      line-height: 1.5;
}

.ktv_order_line_short {
      width: 470px; 
      height: 1px; 
      background-color: #e0e1dc;
}

.ktv_order_middle_second_textblock {
      height: 50px; 
      width: 415px; 
      background-color: #dcefd0;
      position: relative; 
      top: 25px;      
}

.ktv_order_middle_second_text {
      text-align: center; 
      font-family: 'Roboto', sans-serif; 
      font-size: 14px; 
      line-height: 1.7;
}

.ktv_order_middle_second_span {
      color: #72bf44; 
      text-decoration: underline;
}

.ktv_order_price {
      position: relative; 
      top: 35px; 
      left: 17px; 
      font-family: 'Roboto Condensed', sans-serif; 
      font-size: 46px;
      font-weight: 300;
}

.ktv_order_price_span {
      font-size: 26px; 
      position: relative; 
      top: -15px; 
      color: #ff6600
}

.ktv_order_price_desc {
      position: relative; 
      top: -13px; 
      left: 57px;
}

.ktv_order_price_rouble {
      font-family: 'Roboto', sans-serif; 
      font-size: 14px; 
      margin-bottom: 0px;
}

.ktv_order_price_line {
      width: 25px; 
      height: 1px; 
      background-color: #000000;
}

.ktv_order_price_day {
      font-family: 'Roboto', sans-serif; 
      font-size: 14px;
}

.ktv_order_price_month {
      position: relative; 
      top: 30px;
      font-family: 'Roboto', sans-serif; 
      font-size: 16px; 
      color: #999999;
}

.ktv_order_button {
      display: block; 
      margin-left: auto; 
      margin-right: auto; 
      position: relative; 
      top: 65px;
}

.order_copyright {
      position: absolute; 
      bottom: 10px; 
      right: 20px; 
      font-family: 'Roboto', sans-serif; 
      font-size: 12px; 
      color: #ffffff; 
      opacity: 0.5;
}

.ktv_adv_block {
      background-image: url('/assets/images/redesign_tv/btv_image_1.png'); 
      background-position:center; 
      height: 360px; 
      width:100%; 
      position: relative;      
}

.adv_block {
      width: 995px; 
      height: 235px; 
      margin: auto;
}

.adv_first {
      float: left; 
      width: 160px;
}

.adv_first_link {
      position: relative; 
      top: 165px; 
      left: 0px; 
      color: #ffffff;
		opacity: 0.5;
}

.adv_first_link:hover {
	opacity: 1;
}

.adv_fisrt_img {
      position: relative;
       top: -1px;
}

.adv_first_text {
      text-transform: uppercase; 
      font-family: 'Roboto Condensed', sans-serif; 
      font-weight: bold; 
      font-size: 18px;
}

.adv_first_text:hover {
	border-bottom: solid 1px #ffffff; 
}

.adv_middle {
      float: left; 
      width: 585px;
}

.adv_middle_title {
      position: relative; 
      top: 85px; 
      left: 135px; 
      color: #ffffff; 
      font-size: 16px; 
      font-family: 'Roboto', sans-serif;
}

.adv_middle_text {
      position: relative; 
      top: 90px; 
      left: 100px; 
      color: #ffffff; 
      font-size: 36px; 
      width: 470px; 
      text-align: center; 
      line-height: 1; 
      font-family: 'Roboto Condensed', sans-serif; 
      font-weight: bold;
}

.adv_third {
      float: left; 
      width: auto;
}

.adv_third_link {
      position: relative; 
      top: 165px; 
      left: 128px; 
      color: #ffffff;
	opacity: 0.5;
}

.adv_third_link:hover {
	opacity: 1;
}

.adv_third_text {
      text-transform: uppercase; 
      font-family: 'Roboto Condensed', sans-serif; 
      font-weight: bold; 
      font-size: 18px;
}

.adv_third_text:hover {
	border-bottom: solid 1px #ffffff; 
}

.adv_button {
      display: block; 
      margin-left: auto; 
      margin-right: auto; 
      position: relative; 
      top: -25px;
}

.before_after {
      height: 450px; 
      width: 960px; 
      margin: auto;
}

.before_after_right .before_after_count {
  	color: #72bf44;
    background-color: #d6e9ca;
}

.before_after_left {
      float: left; 
      width: 40%; 
      margin-left: 40px;
}

.before_after_right {
      float: left; 
      width: 40%; 
      margin-left: 100px;
}

.before_after_header {
      font-family: 'Roboto', sans-serif; 
      font-size: 24px; 
      padding-bottom: 20px;
}

.before_after_item {
      padding-bottom: 15px; 
      padding-top: 15px; 
      width: 350px;
}

.before_after_count {
      float: left; 
      width: 30px; 
      height: 30px; 
      background-color: #ffe9d9; 
      border-radius: 30px; 
      position: relative; 
      top: -5px; 
      text-align: center; 
      line-height: 1.3; 
      margin-right: 10px; 
      font-size: 24px; 
      color: #ff6e00; 
      font-weight: 600;
}

.before_after_img {
      float: left;  
      position: relative; 
      top: -5px; 
      padding-right: 10px;
}

.before_after_text {
      font-family: 'Roboto', sans-serif; 
      font-size: 16px;
}

.before_after_spec {
      position: relative; 
      top: 15px; 
      font-family: 'Roboto', sans-serif; 
      font-size: 16px;
       color: #66cc33;
}

.before_after_spec_img {
      float: left; 
      position: relative; 
      top: -4px; 
      padding-right: 15px;
}

.before_after_div {
      position: relative; 
      width: 838px;
      height: 50px; 
      text-align: center; 
      border-radius: 4px; 
      background-color: #dcefd0; 
      font-family: 'Roboto', sans-serif; 
      font-size: 16px; 
      margin: auto;
      line-height: 3;
}

.btv_mobile {
      height: 230px; 
      width: 840px; 
      margin: auto; 
      background-color: #ffffff; 
      border-radius: 4px; 
      overflow: hidden;
}

.btv_mobile_left {
      float: left; 
      width: 285px;
      height: 230px; 
}

.btv_mobile_left_img {
      position: relative; 
      top: 35px; 
      left: 40px;
}

.btv_mobile_middle {
      float: left; 
      width: 430px; 
      height: 230px;
}

.btv_mobile_header {
      font-family: 'Roboto', sans-serif; 
      font-size: 18px; 
      font-weight: bold; 
      position: relative; 
      top: 40px; 
      margin-bottom: 20px;
}

.btv_mobile_text {
      font-family: 'Roboto', sans-serif; 
      font-size: 14px; 
      position: relative; 
      top: 40px; 
      margin-bottom: 20px;
}

.btv_mobile_right {
      float: left; 
      width: auto; 
      height: 230px;
}

.flex-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#newTariffsMain {
    padding: 0;
    background:url('/assets/images/background-main701-801.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-top: -10px;
}
.tariff__item {
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
#newTariffsMain .tariff__item:last-of-type {
    margin-bottom: 0;
}
#newTariffsMain h2 {
    padding: 30px;
    margin: 0;
    color: #fff;
}
.tariff__item_header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid gray;
}
.tariff__item_header, .tariff__item_body {
    background-color: #fff;
    overflow: hidden;
    padding: 0 40px;
}
.tariff__item_header--title, .tariff__item_header--desc, .tariff__item_header--share, .tariff__item_header--addition {
    float: left;
    line-height: 60px;
    position: relative;
}
.tariff__item_header--title  {
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    font-weight: 700;
    margin-right: -2%;
    width: 25%;
}
.tariff__item_header--desc {
    color: #999;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    width: 30%;
}
.tariff__item_header--addition {
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 700;
    float: right;
}
.tariff__item_header--addition span {
    padding: 5px 10px;
    border-radius: 15px;
}
.tariff__item_header--addition span:not(:last-of-type) {
    margin-right: 10px;
}
.tariff__item_header--addition .green_span {
    background-color: #deedd4;
    color: #72bf44;
}
.tariff__item_header--addition .red_span {
    background-color: #ffe9d9;
    color: #ff6e00;
}
.tariff__item_body--speed.speed-medium {
    background-image: url(/assets/images/icons/icon__speed--medium.png);
}
.tariff__item_body--speed.speed-high {
    background-image: url(/assets/images/icons/icon__speed--high.png);
}
.tariff__item_body--item {
    width: 17%;
    position: relative;
    border-radius: 50%;
    background-position: 50% 50%;
    margin-right: 4%;
}
.tariff__item_body--item:last-child {
    margin-right: 0;
    flex-grow: 1;
    width: 15%;
}
.tariff__item_body--item:before {
    content: '+';
    position: absolute;
    font-size: 24px;
    left: -25px;
    top: 40%;
}
.tariff__item_body--item:first-child:before, .tariff__item_body--item:last-child:before {
    content: "";
}
.tariff__item_body--speed {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
    margin-top: 60px;
    margin-bottom: 100px;
}
.tariff__item_body--speed .speed--count {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 60px;
    position: relative;
    text-align: center;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tariff__item_body--speed .speed--size {
    font-weight: 700;
    position: relative;
    text-align: center;
    top: 10%;
}
.tariff__item_body--price {
    text-align: right;
}
.tariff__item_body--header {
	position: absolute;
	width: 100%;
    text-align: center;
	top: -35px;
}
.tariff__item_body--header a {
	font-size: 16px;
    color: #72bf44;
    text-decoration: underline;
}
.tariff__item_body--header a:hover {
	text-decoration: none;
}
.indent30 {
    margin: 30px;
}
.indent20 {
    margin: 20px;
}
.tariff__item_body--price .price--count {
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 72px;
    font-weight: 300;
}
.tariff__item_body--price .price--size {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
	position: relative;
	top: -14px;
}
.tariff__item_body--price .price--size:before, .tariff__item_body--price .price--size:after {
    display: block;
    text-align: center;
}
.tariff__item_body--price .price--size::before {
    border-bottom-color: rgb(51, 51, 51);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    content: "руб";
    padding-bottom: 6px;
}
.tariff__item_body--price .price--size::after {
    content: "мес";
    margin-top: 4px;
}
.tariff__item_body--price .button {
    border-color: #72bf44;
    border-radius: 4px;
    border-style: solid;
    border-width: 3px;
    color: #72bf44;
    display: inline-block;
    font-weight: 700;
    line-height: 32px;
    padding: 2px 14px;
    text-align: right;
    text-transform: capitalize;
    font-size: 16px;
	position: relative;
    top: -15px;
}
.tariff__item_body--price .button:hover {
    background-color: #72bf44;
    color: #fff;
}
.tariff__item_body .old--price, .tariff__item_body .new--price {
    position: absolute;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.tariff__item_body .old--price {
    bottom: -40px;
    text-decoration: line-through #ff6e00;
}
.tariff__item_body .new--price {
    bottom: -65px;
    color: #ff7b26;
}
.tariff__item_body--wifi {
    background-color: #fff3b7;
    background-image: url('/assets/images/wifi-router.png');
    background-size: 65%;
}
.tariff__item_body--btv {
    background-image: url('/assets/images/btv-image.png');
    position: relative;
}
.tariff__item_body--console {
    background-image: url('/assets/images/consoleBTV.png');
    background-size: 75%;
    background-color: #fff3b7;
}
.tariff__item_body--btv .speed--count, .tariff__item_body--btv .speed--size {
    color: #fff;
}
.tariff__item_body {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	align-items: flex-start;
}
.link-container {
    text-align: center;
    padding: 50px 0;
}
a.all_tariffs {
    border-style: solid;
    border-width: 3px;
    border-color: #69c215;
    box-sizing: border-box;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 36px;
    margin: 0 auto;
    text-align: center;
    padding: 15px 20px;
    border-radius: 4px;
    text-transform: uppercase;
}
a.all_tariffs:hover {
    background-color: #69c215;
}

.drweb_header_back {
	background-color: #ffffff;
}

.drweb_header_image {
	margin: auto;
	width: 960px;
	padding-top: 30px;
}

.drweb_header_line {
	height: 1px; 
	background-color: #e0e1dc;
}

.drweb_total_def_back {
	width: 100%; 
	height: 400px; 
	background-image: url('/assets/images/drweb/top_image.png'); 
	background-position: 48% 100px; 
	background-repeat: no-repeat;
}

.drweb_td_text_block {
	position: relative; 
	width: 360px; 
	margin: auto;
	text-align: center;
}

span.drweb_td_main_text {
	color: #72bf44;
    font-weight: bold;
}

.drweb_td_text_title {
	font-family:'Roboto Condensed', sans-serif; 
	font-weight: bold; 
	font-size: 36px; 
	color: #333333; 
	padding: 50px 0px 40px 0px;
}

.drweb_td_main_text {
	font-family:'Roboto', sans-serif; 
	font-size: 18px; 
	color: #333333; 
	line-height: 1.6;
}

.drweb_shield {
	width: 100%; 
	height: 190px;
}

.drweb_shield_pos {
	position: relative; 
	z-index: 21; 
	width: 165px; 
	margin: auto; 
	top: 40px;
}

.drweb_shield_text {
	position: relative; 
	width: 125px; 
	margin: auto; 
	top: -135px; 
	font-size: 16px; 
	font-family: 'Roboto'; 
	text-align: center; 
	line-height: 1.5;
}

.drweb_connect {
	width: 100%; 
	height: 710px; 
	background-image: url('/assets/images/drweb/main_back.png'); 
	background-position: center; 
	background-repeat: no-repeat; 
	position: relative; 
	z-index:1;
}

.drweb_connect_block {
	width: 960px; 
	margin: auto;
}

.drweb_connect_title {
	text-align: center;
	 padding: 120px 0 35px 0; 
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: bold; 
	font-size: 42px;  
	line-height: 1.1; 
	color: #ffffff;
	margin: auto;
}

.drweb_underline {
	border-bottom: 1px dashed #333333;
}

.drweb_connect_main {
	background-color: white; 
	width: 960px; 
	height: 330px; 
	border-radius: 5px;
}

.drweb_connect_main_top {
	width: 960px; 
	height: 60px; 
}

.drweb_connect_top_title {
	position: relative; 
	top: 20px; 
	left:20px; 
	color: #333333; 
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: bold; 
	font-size: 26px;
}

.drweb_connect_bottom {
	width: 960px; 
	height: 1px; 
	background-color: #e0e1dc;
}

.drweb_c_image_block {
	float: left; 
	width: 245px;
	height: 270px;
}

.drweb_c_image_pos {
	position: relative; 
	top: 25px; 
	left: 35px;
}

.drweb_c_service_block {
	float: left; 
	width: auto; 
	height: 270px;
	position: relative;
}

.drweb_c_service_top {
	height: 75px; 
	margin-top: 30px;
}

.drweb_c_service_top_block {
	float:left; 
	height: 50px; 
	width: 330px; 
	background-color: #f7f7f7; 
	border-radius: 5px; 
	margin-right: 20px;
}

.drweb_c_service_top_title {
	text-align: center; 
	color: #333333; 
	font-family: 'Roboto'; 
	font-size: 16px; 
	line-height: 3.3;
	cursor: pointer;
}

.drweb_c_service_top_block_green {
	background-color: #72bf44;
}

.drweb_c_service_top_title_green {
	color: #ffffff;
	
} 

.drweb_c_service_line {
	height: 5px; 
	width: 675px; 
	background-color: #dcefd0; 
	border-radius: 15px;
	position: relative;
}

.drweb_c_service_line_up {
	background-color: #72bf44; 
	height: 5px; 
	width: 512px; 
	position: absolute;
	top: 105px;
	border-radius: 15px;
	z-index: 2;
}

.drweb_c_service_points_block {
	float: left; 
	width: 335px;
	margin-right: 20px;
}

.drweb_c_service_points_block_min {
	float: left; 
	width: 315px;
}

.drweb_service_point {
	width: 16px; 
	height: 16px; 
	background-color: #72bf44; 
	border-radius: 16px; 
	position: relative; 
	top: -5px;
	margin: auto;
	cursor: pointer;
}

.drweb_service_point_inside {
	float: left; 
	width: 6px; 
	height: 6px; 
	background-color: #ffffff; 
	border-radius: 16px; 
	position: relative; 
	top: 5px; 
	left: 5px;
	z-index: 5;
}

.drweb_service_price {
	height: 40px;
}

.drweb_sercive_price_block {
	float: left; 
	width: 325px; 
	margin-right: 20px; 
	text-align: center;
}

.drweb_sercive_price_text {
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: bold; 
	font-size: 16px; 
	color: #333333;
}

.drweb_service_bottom {
	height: 80px; 
	width: 675px; 
	background-color: #dcefd0; 
	border-radius: 5px;
}

.drweb_button {
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	position: relative; 
	top: 12px;
}

.drweb_halo {
	width: 30px; 
	height: 30px; 
	background-color: #72bf44; 
	opacity: 0.2; 
	position: absolute; 
	top: -12px; 
	left: 497px;
	border-radius: 30px;
}

.drweb_service_bottom_block {
	float: left; 
	width: 225px;
}

.drweb_service_bottom_item {
	float: left; 
	color: #333333; 
	font-family: 'Roboto'; 
	font-size: 12px; 
	margin-left: 20px; 
	padding-top: 15px;
	margin-right: 35px;
	cursor: help;
}

.drweb_service_bottom_img_active {
	float: left; 
	width: 16px; 
	height: 16px;
	background-image: url('/assets/images/drweb/active.png');
	margin-right: 15px;
}

.drweb_service_bottom_img_disabled {
	float: left; 
	width: 16px; 
	height: 16px;
	background-image: url('/assets/images/drweb/disabled.png');
	margin-right: 15px;
}

.drweb_triangle_up {
	background-image: url('/assets/images/drweb/triangle_up.png');
	width: 12px;
	height: 6px;
	position: absolute;
	top: 80px;
	left: 506px;
}

.drweb_triangle_down {
	background-image: url('/assets/images/drweb/triangle_down.png');
	width: 28px;
	height: 11px;
	position: absolute;
	top: 139px;
	left: 498px;
}

.drweb_ps {
	width: 960px; 
	margin: auto; 
	height: 370px;
}

.drweb_ps_title {
	text-align: center; 
	font-family:'Roboto Condensed', sans-serif; 
	font-size: 36px; 
	font-weight: bold; 
	color: #333333; 
	padding: 45px 0 35px 0;
}

.drweb_ps_block {
	width: 880px; 
	margin: auto; 
	height: 115px; 
	padding-bottom:40px;
}

.drweb_ps_block_left {
	float: left; 
	width: 54%;
}

.drweb_ps_block_right {
	float: left; 
	width: 46%;
}

.drweb_ps_block_text {
	width: 400px; 
	font-family:'Roboto'; 
	font-size: 16px; 
	color: #333333; 
	line-height: 1.5;
}

.drweb_ps_bottom_block {
	width: 880px; 
	height: 50px; 
	margin: auto; 
	background-color: #fff3b7; 
	border-radius: 5px;
}

.drweb_ps_bottom_block_text {
	text-align: center;
	font-family:'Roboto'; 
	font-size: 16px; 
	color: #333333;
}

.drweb_ps_bottom_block_img {
	position: relative; 
	top: 10px; 
	padding-right: 20px;
}
.adress__item {
	margin: 40px 0;
}
.adress__item p {
	line-height: normal;
}
.adress__item h4 {
	margin-top: 0;
}
.adress__item strong {
	display: flex;
}
.adress__item strong img {
	margin-right: 5px;
}

.channel_count_tarriff {
	padding: 5px 10px; 
	border-radius: 15px; 
	background-color: #deedd4; 
	color: black; 
	width: 105px; 
	margin: auto;
}

.channel_count_tarriff span {
	font-family: 'Roboto', sans-serif; 
	font-size: 14px; 
}

.footer_call_me {
	color: #787878 !important;
    border-bottom: 1px dashed #787878 !important;
    margin-right: 45px !important;
    font-size: 14px !important;
}

.desktop_banner {
	width: 100% !important; 
	height: 60px !important; 
	display: none; 
	background-position: center center !important; 
	background-repeat: no-repeat !important;
}

.desktop_popup--close {
	position: relative; 
	top: -20px; 
	left: 610px;
	width: 20px; 
	height: 20px; 
	cursor: pointer;
}

.desktop_popup--title {
	font-size: 40px; 
	font-family: Roboto; 
	font-weight: 700; 
	position: relative; 
	top: 15px; 
	left: 35px; 
	color: #ffffff;
}

.desktop_popup--subtitle {
	font-size: 18px; 
	font-family: Roboto; 
	position: relative; 
	top: 45px; 
	left: 35px; 
	color: #ffffff;
}

.desktop_popup--input {
	position: relative; 
	top: 60px; 
	left: 35px; 
	width: 260px; 
	height: 45px; 
	border-radius: 5px;
	border: #72bf44 solid 2px; 
	padding-left: 20px; 
	font-size: 24px;
}

.desktop_popup--bt {
	position: relative; 
	top: 11px; 
	left: 353px; 
	width: 200px; 
	height: 49px; 
	border-radius: 5px; 
	color: #ffffff; 
	text-align: center; 
	font-size: 24px; 
	text-align: center; 
	text-transform: uppercase; 
	background-color: #72bf44; 
	font-family: Roboto; 
	font-size: 24px; 
	line-height: 2; 
	cursor: pointer;
}

.desktop_popup--desc {
	font-size: 18px; 
	font-family: Roboto; 
	position: relative; 
	top: 35px; 
	left: 35px; 
	color: #ffffff;
}

.bird_button_block{
	position: fixed;
    bottom: 80px;
    left: 80px;
	z-index: 10000;
}
.bird_button{
	background-image: url("/assets/img/birds_button.png");
	width:120px;
	background-size: cover;
	height: 120px;
}
.bird_button:hover{
	background-image: url("/assets/img/birds_button_hover.png");
}
.bird_wave{
	position: absolute;
    left: calc(50% + 3px);
    top: calc(50% - 10px);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    border: 2px solid #fb8d03;
    width: 65%;
    height: 65%;
    opacity: .9;
    z-index: -1000;
    -webkit-animation: cvn-wave-stroke 1.5s infinite cubic-bezier(.42,0,.85,.75);
    -moz-animation: cvn-wave-stroke 1.5s infinite cubic-bezier(.42,0,.85,.75);
    -o-animation: cvn-wave-stroke 1.5s infinite cubic-bezier(.42,0,.85,.75);
    animation: cvn-wave-stroke 1.5s infinite cubic-bezier(.42,0,.85,.75);
}
@keyframes cvn-wave-stroke{100%{width:200px;height:200px;border-color:transparent;opacity:0}}