/* all */
.comment {background: #f8f8f8; padding: 23px 35px 28px; border: 1px solid #000; font-size: 20px; font-weight: 300; color: #282828; line-height: 1.4em;}

.btn {padding: 10px 25px; font-weight: 300; border-radius: 5px; display: inline-block; margin: 0px 0 10px;}
.btn-wy {background: #ffae00; color: #000; text-decoration: none;}
.btn-wy:hover {background:#ffc03a;}


.table-otdel {width: 100%;margin-bottom: 30px;text-align: center;}
.table-otdel tr:nth-child(2n+2) {background: #f9f9f9;}
.table-otdel tr:last-child {border-bottom: 3px solid #f9f9f9;}
.table-otdel tr:hover {background:rgba(238, 28, 37, 0.03);}
.table-otdel td {font-size: 16px;font-weight: 300;text-align: left;}
.table-otdel td, .table-otdel th {padding: 4px 20px;}
.table-otdel th {background: rgb(216, 31, 37);color: #ffffff;font-weight: normal;padding: 20px;font-weight: 400;}
.table-otdel td + td {font-size:15px;width: 170px;font-weight: 300;text-align: right;}
.table-otdel p {border-bottom: 1px solid #ddd;margin: 0;padding: 5px;color: #3b3b3b;}
.table-otdel p:last-child {border:none;}
.table-otdel .gray {text-align:center;background: rgba(238, 28, 37, 0.85)!important;color: #fff;}
.table-otdel .gray td {padding:11px;font-size: 18px;}


.table-rekvez {width: 100%;margin:20px 0 30px;text-align: center;border-collapse: separate;}
.table-rekvez th {color: #333;padding:10px;font-weight: 500;font-weight: normal;}
.table-rekvez th:nth-child(2) {/* border-right:1px solid #ddd; *//* border-left: 1px solid #ddd; */}
.table-rekvez tr:nth-child(2n+1) {/* background: #fbfbfb; */}
.table-rekvez tr td {border-bottom: 1px solid #ddd;}
.table-rekvez tr:first-child th {border-bottom: 1px solid #ddd;background: #f1f1f1;border-top: 1px solid #ddd;}
.table-rekvez tr:first-child th:nth-child(1) {border-radius: 5px 0 0 0;}
.table-rekvez tr:first-child th:nth-child(2) {border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.table-rekvez tr:first-child th:nth-child(3) {border-radius: 0 5px 0 0;}
.table-rekvez tr:last-child td {border-bottom-width: 3px;}
.table-rekvez tr:hover {background:rgba(238, 28, 37, 0.03);}
.table-rekvez td {font-size: 16px;font-weight: 300;}
.table-rekvez td, .table-rekvez th {padding: 12px 30px;width: 33%;}
.table-rekvez .gray {text-align:center;background: #f9f9f9;color: #333;}
.table-rekvez .gray td {font-size: 18px;font-weight: 400;}



/* price-page */
#component .slide-tab p {}
#component .slide-tab h3 {cursor: pointer;width: 28%;text-align: center;padding: 15px 2%;margin: 5px 2px;border-radius: 2px;font-weight: 300;font-size: 19px;display: inline-block;min-width: 234px;vertical-align: top;transition: all 0.3s;color: #313131;background: #f5f5f5;}
#component .slide-tab h3.active {background: #f0f0f0;box-shadow: inset 0px 1px 2px #ccc;}
#component .slide-tab>div {display: none;}
#component .zabrat .slide-tab h3 {width: 44%;}

/* --- */

.mini_comment {font-size: 12px; color: #777; margin-top: 20px;}

/* about */
#component .about_ico {list-style: none;margin: 40px 0 0;text-align: center;}
#component .about_ico li {display: inline-block;width: 244px;margin: 0 41px 40px;text-align: center;vertical-align: top;padding-top: 140px;}
#component .about_ico li:nth-child(1) {background: url(../images/about/01.png) center top no-repeat;}
#component .about_ico li:nth-child(2) {background: url(../images/about/02.png) center top no-repeat;}
#component .about_ico li:nth-child(3) {background: url(../images/about/03.png) center top no-repeat;}

/* icons */
.icons {text-align:center;}
.icons a {border-radius: 0;border-right: solid 1px #db1c24;width: 277px;padding: 13px 30px;background: #eb1c22;color: #fff;text-decoration: none;display: inline-block;}
.icons a:first-child {border-radius: 5px 0 0 5px;}
.icons a:last-child {border-radius: 0 5px 5px 0;border-right: none;}
.icons a:hover {background:#d70c13;}



/* punkti_mat */
.punkti_mat {text-align: center;margin: 40px 0 0;}
.punkti_mat h2 {text-align:left;}
.punkti_mat div {display: inline-block;width: 330px;vertical-align: top;}
.punkti_mat p {font-weight: 300; line-height: normal;}
.punkti_mat .calc_zayavka {line-height: 50px;height: 50px;margin: 30px 0 0;font-size: 20px;}





.tarif {/* text-align:center; *//* margin-bottom: 70px; */}
.tarif .button_all {margin: 40px 0 30px;text-align: center;}
.tarif .button {display: inline-block;width: 255px;}
.tarif .button:first-child input[type="radio"] + label::before {border-radius: 2px 0 0 2px;}
.tarif .button:last-child input[type="radio"] + label::before {border-radius: 0 2px 2px 0;/*border-right: none;*/}
.tarif input[type="radio"] {display:none;}
.tarif input[type="radio"] + label {color: #000;cursor: pointer;position: relative;padding: 20px 0;width: 100%;display: inline-block;transition: color, 0.2s;}
.tarif input[type="radio"] + label::before {content: "";height: 100%;width: calc(100% - 1px);margin: 0 5px 0 0;border-radius: 0;background: #f2f2f2;position: absolute;z-index: -1;left: 0;top: 0;border-right: solid 1px #db1c24;transition: background, box-shadow 0.4s;border: 1px solid #ddd;}
.tarif input[type="radio"]:hover + label::before {background:#e5e5e5;transition: background, 0.2s;}
.tarif input[type="radio"]:checked + label::before {background-color: #ed1c24;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3) inset;}
.tarif input[type="radio"]:checked +label {color:#fff;}
.tarif input[type="radio"]:disabled + label::before {background-color: gray;}
.tarif input[type="radio"]:checked:disabled + label::before {background-color: black;}


.tarif .tarif_more {text-align:left;position: absolute;width: 100%;}
.tarif .tarif_more h3 {font-size:24px;font-weight: 400;text-align: left;margin-top: 10px;margin-bottom: 20px;margin-left: 5px;}
.tarif .tarif_more img {opacity: 0.6;width: 220px;}
.tarif .t2, .tarif .t3, .tarif .t4 {display:none;}
/*.tarif p {margin: 30px 0 40px;font-weight: 300;text-align: left;}
.tarif .percent, .tarif .summa, .tarif .srok {position: relative;display: inline-block;text-align: center;width: 150px;margin-right: 70px;font-size: 17px;}
.tarif .percent p, .tarif .summa p, .tarif .srok p {font-size:22px;font-weight: 600;display: inline-block;width: 40px;height: 80px;background: #f2f2f2;line-height: 64px;position: absolute;left: 34px;top: 50px;border-radius: 45px;padding: 0px 20px 0 20px;margin: 0;border: 1px solid #333;color: #333;transition:border-color, 0.5s;text-align: center;}
.tarif .percent p span, .tarif .summa p span, .tarif .srok p span {font-weight:300;font-size: 14px;position: absolute;top: 19px;left: 0;width: 80px;}
*/



.sviaz {text-align:center;position: relative;}
.sviaz h2 {margin-bottom:40px;}
.sviaz>div {display: inline-block;vertical-align: middle;}
.sviaz .telefon {text-align: left;width: 244px;}
.sviaz .telefon a {cursor: pointer;text-decoration: none;font-size: 26px;text-transform: uppercase;/* font-weight: 300; */font-weight: 500;}
.sviaz .telefon a:hover {text-decoration: underline;}
.sviaz span {display: inline-block;width: 250px;font-size: 18px;margin-top: 5px;color: #272727;}
.sviaz .zaiavka {}
.sviaz .zaiavka a {height: 57px;width: 285px;display: inline-block;line-height: 54px;color: #fff;background: #ed1c24;}
.sviaz .zaiavka a:hover {background:#dc161e;}
.sviaz .or {background: #f4f4f4;border-radius: 29px;height: 57px;width: 57px;line-height: 54px;margin: 0 77px;}

.yourself {}
.yourself h2 {margin-bottom: 30px;}
#component .yourself ul {margin-left:23px;}
#component .yourself ul li {list-style:none;position:relative;font-weight: 300;font-size: 20px;color: #282828;line-height: normal;margin-bottom: 12px;}
.yourself ul li:after {content:'';width: 6px;height: 6px;background: #bababa;position:absolute;left: -23px;top: 10px;}

.zabrat {}



.tarif.poluch, .sviaz, .yourself, .zabrat {position:relative;}

.tarif.poluch:before, .sviaz:before, .yourself:before {content:'';width: 2px;height: calc(100% - 194px);position:absolute;left: 92px;bottom: 0px;background: #686868;}
.tarif.poluch:after, .sviaz:after, .yourself:after {content:'';position: absolute;left: 87px;bottom: -14px;width: 0px;height: 0px;border-left: 6px solid transparent;border-top: 28px solid #686868;border-right: 6px solid transparent;}


.tarif .desc {font-weight:300;font-size:20px;color:#282828;text-align: left;margin-left: 5px;}
.tarif.poluch h2, .sviaz h2, .yourself h2, .zabrat h2 {text-align: left;margin-left: 10px;}

.tarif .percent p, .tarif .summa p, .tarif .srok p  {color: #2c3e50;font-weight: 600;margin: 0;}
.tarif .percent, .tarif .summa, .tarif .srok {display: inline-block;font-size: 14px;color: #2c3e50;position: relative;background: #f4f4f4;line-height: normal;margin: 10px 0;}
.tarif .summa {margin-right: 13px;margin-left: 13px;}
.tarif .percent p span, .tarif .summa p span, .tarif .srok p span {font-size: 20px;font-weight: 300;margin-left: 5px;}
#component .red-circle {counter-reset: li;list-style: none;padding: 0;text-shadow: 0 1px 0 rgba(255,255,255,.5);margin: 60px 0;}
.red-circle > div > li {position: relative;}
.red-circle > div > li:before {content: counter(li);counter-increment: li;position: absolute;left: -110px;top: 35px;margin-top: -1.3em;background: #ed1c24;height: 2em;width: 2em;line-height: 1.9em;text-align: center;font-weight: 600;border-radius: 2em;color: #fff;}

.download img {margin-right: 10px;}

/* akcii */
.akc div {vertical-align: top;display: inline-block;}
.akc:after {content:'';clear: both;display: block;}
.akc img {display: inline-block;padding: 3px;border: 1px solid #ee1c25;}
.akc .titile {font-size: 32px;\: 20px;line-height: 1.2em;}
.akc .date {font-size: 16px;color: #888;margin-bottom: 20px;}
.akc .desc {line-height: 1.4em;margin-bottom: 20px;}
.akc a {}
/* akcii end */


/* end all*/







/* start m980 */

@media screen and (min-width: 939px) {

.right_img2 {float: right; margin: -80px 100px 0;}

.punkti_mat {margin: 30px 0 0px;}
.punkti_mat div {width: 330px;}
.punkti_mat p {margin: 10px 50px 50px;}


.tarif .percent, .tarif .summa, .tarif .srok {width: 110px;padding: 14px 105px 15px 15px;}
.tarif.poluch .percent, .tarif.poluch .summa, .tarif.poluch .srok {width: 120px;padding: 14px 103px 15px 15px;}
.tarif.poluch .button {width: 195px;}
.tarif.poluch, .sviaz, .yourself, .zabrat {width: 780px;/* float:right; */padding-left: 240px;background-position: left 7px top 3px;background-repeat: no-repeat;min-height: 230px;transition: background, 0.5s;}
.tarif.poluch {background-image: url(../images/poluchit/circle1.png);}
.sviaz {background-image: url(../images/poluchit/circle2.png);}
.yourself {background-image: url(../images/poluchit/circle3.png);}
.zabrat {background-image: url(../images/poluchit/circle4.png);}

.tarif.poluch:hover {background-image: url(../images/poluchit/circle12.png);}
.sviaz:hover {background-image: url(../images/poluchit/circle22.png);}
.yourself:hover {background-image: url(../images/poluchit/circle32.png);}
.zabrat:hover {background-image: url(../images/poluchit/circle42.png);}
.tarif .tarif_all {position: relative;height: 220px;}
.tarif .percent p, .tarif .summa p, .tarif .srok p  {position: absolute;right: 15px;font-size: 33px;top: 8px;}

/* akcii */
.akc_all {margin: 40px 0 60px;}
.akc div {width: 700px;}
.akc {margin-bottom: 40px;}
.akc img {margin-right: 50px;width: 260px;float: left;}
.akc .titile {margin-bottom: 10px;}
/* akcii end */

/* end 980 */
}





/* start m320 */
@media screen and (max-width: 939px) {

.comment {padding: 15px 25px 22px;}
.right_img2 {float: right; margin: -80px 100px 0;}

/* icons */
.icons a {width: 27%;vertical-align: top;padding: 18px 15px;height: 36px;font-size: 16px;}
.icons a:nth-child(1) {line-height: 32px;}

/* about_ico */
#component .about_ico li {width: 150px;margin: 0px 3% 40px;font-size: 14px;}
#component .about_ico li:first-child {margin-left: 0;}
#component .about_ico li:last-child {margin-right: 0;}

/* punkti_mat */
.punkti_mat {margin: 10px 0 0px;}
.punkti_mat div {width: 32%;}
.punkti_mat p {margin: 10px 5px 50px;font-size: 16px;}



.tarif .button_all {margin: 30px 0 40px;}
.tarif .button {width: 50%;}
.tarif .button:nth-child(1) input[type="radio"] + label::before {border-radius: 5px 0 0 0;}
.tarif .button:nth-child(2) input[type="radio"] + label::before {border-radius: 0 5px 0 0;}
.tarif .button:nth-child(3) input[type="radio"] + label::before {border-radius: 0 0 0 5px;}
.tarif .button:nth-child(4) input[type="radio"] + label::before {border-radius: 0 0 5px 0;}
.tarif .tarif_all {position: relative;height: 280px;}
.tarif.poluch .tarif_all {position: relative;height: 240px;}
.tarif .percent, .tarif .summa, .tarif .srok {padding: 10px 1.5%;}
.tarif .summa {margin: 0 0.5%;}
.tarif .tarif_more img {width: 124px;margin-top:0;margin-bottom: 0;}

.tarif .tarif_more {text-align:center;}
.tarif .percent p, .tarif .summa p, .tarif .srok p  {font-size: 28px;text-align:center;height: 34px;}


.red-circle li {padding-left:17px;}
.red-circle > div > li:before {left: -54px;top: 18px;padding-left: 30px;}
.tarif.poluch:before, .sviaz:before, .yourself:before {height: calc(100% - 45px);left: -3px;bottom: 0px;}
.tarif.poluch:after, .sviaz:after, .yourself:after {left: -8px;bottom: -14px;}

.sviaz .telefon a {font-size:22px;}
.sviaz .telefon {width: 202px;}
.sviaz .or {margin: 0px 2% 0px;}
.sviaz .zaiavka a {width: 215px;}

#component .yourself ul {margin-left:15px;}
.yourself ul li:after {left: 0px;}


.tarif.poluch, .sviaz, .yourself, .zabrat {padding-left: 6px;padding-bottom: 5px;}

.slide-tab {text-align:center;}



.table-otdel {margin-bottom: 30px;margin-top: 10px;}
.table-otdel td {font-size: 14px;}
.table-otdel td, .table-otdel th {padding: 4px 3%;}
.table-otdel th {padding: 10px;font-size: 16px;}
.table-otdel td + td {font-size: 12px;px; width: 31%;min-width: 125px;}
.table-otdel .gray td {padding:5px 3%;font-size: 16px;}

/* akcii */
.akc_all {margin: 40px 0 60px;}
.akc div {display: block;}
.akc {margin-bottom: 40px;}
.akc img {float: left; margin-right: 25px; margin-bottom: 10px; max-width: 43%;}
.akc .titile {margin-bottom: 20px;}
.akc .date {text-align:right;}
.akc a {float:right;text-align:right;}
/* akcii end */


/* end 320 */
}



@media screen and (max-width: 510px) {
/* start m510 */
/* icons */
.icons a {width: calc(100% - 70px);border: none;border-radius: 0px;margin: 0;border-bottom: solid 1px #dc1d24;}
.icons a:first-child {border-radius: 5px 5px 0 0;}
.icons a:last-child {border-bottom: none;border-radius: 0 0 5px 5px;}
.icons {margin-bottom: 20px;}

/* about_ico */
#component .about_ico li {margin: 10px 3% 40px!important;}

/* punkti_mat */
.punkti_mat div {width: 48%;}
.punkti_mat p {margin: 10px 0px 50px;font-size: 15px;}

.tarif.poluch .tarif_all {position: relative;height: 370px;}
.tarif .tarif_all {position: relative;height: 390px;}
.tarif .button {width: 100%;}
.tarif .calculate {/* padding-top: 400px; */}
.tarif .calc_info {padding: 10px 0;}
.tarif .calc_info .calc_info_block {padding: 10px 0;}
.tarif .calc_info span {font-size: 12px;line-height: 12px;}
.tarif .calc_info input {font-size: 22px;}
.tarif .button:nth-child(1) input[type="radio"] + label::before {border-radius: 5px 5px 0 0;}
.tarif .button:nth-child(2) input[type="radio"] + label::before {border-radius: 0 0 0 0;}
.tarif .button:nth-child(3) input[type="radio"] + label::before {border-radius: 0 0 0 0;}
.tarif .button:nth-child(4) input[type="radio"] + label::before {border-radius: 0 0 5px 5px;}
.tarif .tarif_more img {display:none;}
.tarif .percent, .tarif .summa, .tarif .srok {width: 94%;font-size: 14px;/* height: 150px; */margin: 0 auto 10px;padding: 15px 3% 11px;}
.tarif .summa {}
.tarif .tarif_more {text-align:left;}
.tarif .percent p, .tarif .summa p, .tarif .srok p {width: auto;display: inline-block;font-size: 26px;position: absolute;right: 3%;top: 3px;}
.tarif .percent p span, .tarif .summa p span, .tarif .srok p span {font-size: 14px;margin-left: 5px;}
.sviaz>div, .sviaz .or {display:block;margin: 0px auto 20px;}


/* akcii */
.akc_all {margin: 40px 0 60px;}
.akc img {display: block;margin: 0 auto 20px;float: none;max-width: 100%;}
.akc .date {text-align:right;}
/* akcii end */
}


/* end m510 */