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

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

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

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



* {margin: 0; padding: 0; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none;}
*:before, *:after {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html {    height: unset !important;  }
body {height:unset !important; min-height: 100%; font: 300 16px/1.6 'Roboto', sans-serif; color: #314553;}
.open_m{overflow:hidden}

aside, nav, footer, header, section, article, menu {display: block;}

a {color: #007ac3; cursor:pointer;}
a img {border:none;}
img {vertical-align: middle; max-width: 100%; height: auto;}

p {margin:0 0 20px 0;}

ol, ul {margin: 0 0 20px 30px;}
ol li, ul li {margin: 0 0 10px 0;}


.list_imp { list-style-type: none;  counter-reset:  item;  }
.list_imp  li{padding-left:20px; position:relative}
.list_imp  li:before {content: counter(item) '/ ';  counter-increment: item;  font: 400 23px/1.0 'Cuprum', sans-serif; color: #00a2ff; position: absolute; left: -5px;}


nav ul, nav ul li {list-style: none; margin: 0;}

/* Titles */

h1, .H1 { font: 700 32px/1.0 'Cuprum', sans-serif; margin: 0 0 40px 0; color: #fff; text-transform: uppercase;}
h2, .H2 {font: 700 32px/1.0 'Cuprum', sans-serif; color: #037ac3; margin: 0 0 20px 0;}
h3, .H3 {font: 700 26px/1.2 'Cuprum', sans-serif; color: #037ac3; margin: 0 0 20px 0;}
h4, .H4 {font: 600 24px/1.0 'Cuprum', sans-serif; color: #037ac3; margin: 0 0 20px 0;}
h5, .H5 {font: 600 18px/1.2 'Cuprum', sans-serif; color: #037ac3; margin: 0 0 20px 0;}
h6, .H6 {font: 600 16px/1.4 'Cuprum', sans-serif; color: #037ac3; margin: 0 0 20px 0;}

.block-item h2{font: 400 16px/1.4 'Open Sans', sans-serif; color: inherit; }


/* Section navigation */
.sestionNav, .navArrows, .sestionLinks {display: none;}
.all_block{width:100%; padding:0px 20px}
.block-item{padding:20px;}
.block-item:after{display:block; clear:both; content:''}
.block-item-main{width:320px; max-width:100%; padding:10px; display:inline-block; margin-right:-3px; vertical-align:top}
.block-item a.js-openModal{font: 400 16px/1.4 'Roboto', sans-serif; margin: 0 0 20px 0;display:block}
.block-item-news a{text-decoration:none}
.block-item-news img{margin-bottom:10px}
.block-item-news a h5{font-weight:500}
/* COLOR */


.White, .white{background:#fff}
.Gray{background:#a6c2d3}
.Blue{background:#007ac3; color:#fff}
.NonBG, .bg_none{background:none}

h2.title, a.title{color:#007ac3}

.text_white{color:#fff}
.text_gray{color:#a6c2d3}
.text_blue{color:#007ac3}

.light, .light h2.title, .light a.title{color:#fff}
.dark{color:#314553}
.Blue a, .Blue h6, .Blue h2, .Blue .H2, .Blue h3, .Blue h4, .Blue h5{color:#fff}

.price .big, .price .rub, .price  .period {color: #00a2ff;}
.Blue .price .big, .Blue .price .rub, .Blue .price  .period {color: #fff;}
.tarifInfo li .ico {border: 1px solid #007ac3; color: #007ac3;}
.light .tarifInfo li .ico {border: 1px solid #fff; color: #fff;}

.addTarif {color: #2688cf; border: 1px solid #2688cf; }
.addTarif:hover {background: #2688cf; color: #fff;}
.Blue .addTarif{border: 1px solid #fff;}
.Blue .addTarif:hover {background: #fff; color: #2688cf;}

.icoBlue {background: #007ac3; color: #fff; border-radius: 50%; padding: 14px;}
.icoWhite {background: #fff; color: #037ac3; border-radius: 50%;}

.block-item .icoBlue{font-size: 30px; }
.block-item h2 span, .block-item a span{     display: block; margin-top: 20px; font: 400 16px/1.4 'Roboto', sans-serif;}
.block-item a span{     display: none;}

/* PADDING */


#all_content{ opacity:0;}
.bodyPage{padding-top:80px; padding-bottom:65px;}


/* Side bar */
.sideBar {width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 9; background: #fff; padding: 90px 0 0 0; overflow-x: hidden; overflow-y: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; transition: all .3s ease; -webkit-transition: all .3s ease;}
.sideBar::-webkit-scrollbar {width: 0;}
.sideBar.open {left: 0;}
.siteMenu {font: 400 16px/1.4 'Cuprum', sans-serif;}
.siteMenu ul {margin: 0 10px 30px 20px;}
.siteMenu ul hr {width: 50px; height: 5px; border-style: solid; border-color: #007AC3; border-width: 1px 0 0 0; text-align:left}
.siteMenu ul li {margin: 0 0 12px 0; text-align:left}

.siteMenu ul li a {text-decoration: none; transition: all .3s ease; -webkit-transition: all .3s ease;}
.siteMenu ul li.current a, .siteMenu ul li a.selected, .siteMenu ul li a:hover{color: #2c4554;}
.nav_scroll{overflow: scroll;}

/* Section navigation */
.sestionNav {padding-top:50px; display: block; font-size:0px; width: 100%; height: 65px; padding: 0px; position: fixed; z-index: 3; left: 0; bottom: 0; background: #007ac3;}
.sestionNav .sectionIco {display: block; width: 65px; padding:10px 0px;  color: #fff;  text-decoration: none; -webkit-transition: all ease-out 0.5s;-moz-transition: all ease-out 0.5s;-o-transition: all ease-out 0.5s; transition: all ease-out 0.5s;}
.sestionNav .sectionIco:before {display:block; vertical-align:top; font: normal 36px/50px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.sestionNav .sectionIco span{}
.sestionNav .sectionIco:after, .both{content:''; clear:both; display:block}
.sestionNav .sectionIco.active, .sestionNav .active .sectionIco {background:rgba(0, 0, 0, 0.1)}
.sestionNav div{display: flex; text-align:center; justify-content: space-between;}


/* Section navigation */


/* Header menu*/
.pageHeader {width: 100%; height: 80px; position: fixed; left: 0; top: 0; z-index: 994; background: #fff;}
.menuIco {width: 40px; height: 29px; float: left; position: relative; z-index: 101; margin: 25px 0 0 10px;}
.menuIco span, .menuIco span:before, .menuIco span:after {display: block; width: 100%; height: 3px; background: #00a2ff; position: absolute; left: 0; top: 13px; transition: all .3s ease; -webkit-transition: all .3s ease;}
.menuIco span:before, .menuIco span:after {content: '';}
.menuIco span:before {top: -13px;}
.menuIco span:after {top: 13px;}
.menuIco.open span {width: 100%; background: transparent;}
.menuIco.open span:before {top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.menuIco.open span:after {top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.pageHeader .logo {display: block; width: 108px;height: 50px;float: left;margin: 10px 0 0 25px;position: relative;z-index: 1;}

.copy_in{ font-size: 12px; }
.search_click_new{ font-size: 12px;}

/* AUTH */

.topPersonal {background: #fff; border-radius: 2px 0 0 2px; position: absolute; top: 15px; right: 52px; font-size: 0;}
.topPersonal.topSearh{right:0px}
.topPersonal .personalIco {display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin: 0 10px 0 0; text-align: center; text-decoration: none;}
.topPersonal .personalIco:before {content: '\e876'; font: normal 32px/50px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #00a2ff;}
.topPersonal .searchlIco:before {content: '\e830'; font: normal 32px/50px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #00a2ff;}
.topPersonal .searchlIco{display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin: 0 10px 0 0; text-align: center; text-decoration: none;}


.topPersonal .sectionIco{display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin: 0 10px 0 0; text-align: center; text-decoration: none;}
.topPersonal.topZayavka .sectionIco:before { color: #fff;    font: normal 30px/50px "gascom";
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.topPersonal.topZayavka{top:290px; background:#007ac3;}


@media screen and (max-width: 1024px){
.topPersonal.topZayavka {
    right: 125px;
    top: 25px;
    background: #fff;
}
.topPersonal.topZayavka .sectionIco:before {
    color: #007ac3;
}
}

@media screen and (min-width: 640px){
.topPersonal .personalIco {
    margin: 0 30px 0 0;
}
}


.topPersonal .topAuthForm, .topPersonal .copy_in {width: 100%; position: fixed; right: -100%; top: 80px; padding: 25px 10px 10px 10px; background: #fff; transition: all .3s ease; -webkit-transition: all .3s ease;}
.topPersonal .topAuthForm, .topPersonal.open .copy_in{z-index:9}
.topPersonal.open .topAuthForm, .topPersonal.open .copy_in {right: 0;}
.topPersonal .input {margin: 0 0 15px 0;}
.topPersonal .submitIcoBtn {}
.topPersonal .topAuthForm .errorMess {margin: 10px 0 0 0;}

.topPersonal .topAuthLinks {display: inline-block; vertical-align: middle; font: 300 16px/1.4 'Roboto', sans-serif; text-align: right; float: right; width: 100%; margin-top: 20px;}
.topPersonal .topAuthLinks div{display: inline-block; width: 49%; vertical-align: middle; text-align: center;}
.topPersonal .topAuthLinks a {text-decoration: none;}
.topPersonal .inAuth{text-align: center; display: block; font: 300 16px/2.4 'Roboto', sans-serif; width:100%}



.authLinks {margin: 0 10px 30px 10px; font: 400 16px/1.4 'Cuprum', sans-serif;}
.authLinks > div {margin: 0 0 15px 0;}
.authLinks a {text-decoration: none;}



/* Buttons */
.submitIcoBtn {    float: right; padding: 1px 10px; display: inline-block; text-decoration: none; vertical-align: middle;  width: 70px;  height: 36px;  background: #037ac3; color: #fff; border-radius: 6px; position: relative;}
.submitIcoBtn input {color:#fff; display: block; width: 100%; height: 100%; background: none; border: none; cursor: pointer; position: absolute; left: 0; top: 0;}

.bigButton, .midButton {margin-right:3px; display: inline-block !important; vertical-align: middle; cursor: pointer; text-decoration: none; white-space: nowrap; transition: all .3s ease; -webkit-transition: all .3s ease; text-align: center; border-radius: 6px; border: 1px solid #357ebc;}


.bigButton {font: 300 16px/36px 'Roboto', sans-serif !important; padding: 0 25px;   -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;}
.midButton {font: 300 14px/30px 'Roboto', sans-serif !important; padding: 0 15px;   -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;}

.bigButton.signBtn {font-size:26px}
.midButton.signBtn {font-size:22px}

.bigButton.signBtn{padding: 0 12px;}
.midButton.signBtn{padding: 0 10px;}

.defaultBtn {background: #2688cf; color: #fff; border-color:#076fab}
.defaultBtn:hover, .submitIcoBtn:hover {background: #076fab; }

.primaryBtn {background: #43a6f9; color: #fff; border-color:#43a6f9}
.primaryBtn:hover {background: #fff; color: #076fab; border-color:#076fab}
.sucsessBtn {background: #314553; color: #fff; border-color:#314553}
.sucsessBtn:hover {background: #fff; color: #314553;}
.infoBtn {background: #a6c2d3; color: #fff; border-color:#a6c2d3}
.infoBtn:hover {background: #314553; color: #fff; border-color:#314553}
.noneBtn {background: #fff; color: #428bca;}
.warningBtn {background: none; color: #2688cf; border-color:#2688cf}
.warningBtn:hover {background: #076fab; color: #fff;}
.dangerBtn {background: none; color: #a6c2d3; border-color:#a6c2d3}
.dangerBtn:hover {background: #a6c2d3; color: #fff;}


/* OTHER_CSS */

.bodySection{position:relative; /*z-index:2;*/ padding-bottom:20px}
.bodySection:after{content:''; clear:both; display:block}
.text_accent{    color: #fff; background:rgba(0,122,195,0.7); padding: 3px 10px;}
blockquote, .text_info { margin: 0;margin-bottom: 20px;background: #efefef; padding: 60px 20px 20px; position: relative;text-align: center;}
blockquote:before, text_info:before{ font: normal 34px/0.1 "gascom"; color: #2688cf; position: absolute; height: 2px; left: 40px;  right: 40px; background: linear-gradient(to right, #2688cf 45%, transparent 45%, transparent), linear-gradient(to right, transparent, transparent 55%, #2688cf 55%);}
blockquote:before, text_info:before { content: "\e895"; top: 30px;}
blockquote cite, text_info cite{color: #2688cf; display:block; text-align:right; font-weight:600; padding-top:10px}
.bg_lk{ background: url(/upload/iblock/162/bg_gray_one.png) #a6c2d3;background-position: center;  padding: 40px 20px;}

.search_modal{padding:15px; border-bottom: 1px solid #a0c2d5;}
.search_modal:hover{background: #a6c2d3}
.search_top{    background: #efefef;
    padding: 15px;     margin: 20px 0px;}

.tariffAllBanner{text-align:left; }
.tariffAllBanner tr td {
    padding: 15px 0px;
    border-top: 1px solid #ffffff;
}


#viewerContent{position:relative; min-height:100vh; z-index:1;}
.float_left{float:left}
.float_rigth{float:right}
.clear:after{clear:both; content:''; display:block}
.vertical{display:inline-block; margin-right:-4px;     vertical-align: middle !important;}


.pict img{width:auto}
.pict{position:relative}

.lk_content{padding:15px; background: #a0c2d5 url(/upload/zv.svg) no-repeat 95% 5%;    background-size: 100%; min-height:100vh}
.select_answer{float:right; width:190px}


.news_prew{display:none}

figcaption{padding: 10px 0px; font-size: 13px;font-style: italic;}
figcaption:before{    font: normal 17px/0.2 "gascom"; content: '\e85c';margin-right: 5px;}

.bgPic {width: 600px; height: 80%; position: absolute; top: 10%; right: 10px; background-position: right center; background-repeat: no-repeat; background-size: contain;}

.fancybox{/*text-align:center; */}
.fancybox a{width:150px; display:inline-block; height:110px; overflow:hidden; margin:10px}

.right{float:right}
.left{float:left}

.Opis{margin-bottom:40px}
.Opis div{text-align: center; margin: 0px 5px 17px; background: #efefef; padding: 15px;  min-width: 150px; width:25%; max-width:177px}
.Opis div h2{text-align: right; display: inline-block; font-size:40px; width:auto; color:#00a2ff}
.Opis div span, .Opis div i{font:300 normal 14px/1 "Roboto";     color: #037ac3;}
.Opis div i{display:block; text-align:right}


/* accordion */

.accordion {margin: 0 0 30px 0;}
.accordion .accordionTitle {background: #fff; cursor:pointer; color: #037ac3; font: 500 18px/1.2 'Cuprum', sans-serif; text-transform: uppercase; padding: 20px 80px 20px 20px; position: relative; border-bottom: 1px solid #037ac3;}
.accordion .accordionTitle:after {content: '\e8ac'; font: normal 30px/1.0 "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 20px; margin: -15px 0 0 0;}
.accordion .accordionTitle.open {border-bottom: 1px solid #a0c2d5;}
.accordion .accordionTitle.open:after {content: '\e8ad';}
.accordion .accordionSection {    background: #efefef; padding: 15px 20px; }

/* documentList */

.documentList {margin: 0 0 30px 0; max-width: 700px;}
.text .documentList{max-width:100%}
.documentList .documentBox {margin: 0 0 20px 0;}
.documentList .documentBox .ico {float: left; }
.documentList .documentBox .ico:before {content: '\e822'; font: normal 24px/50px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; width: 30px; height: 50px; border-radius: 50%; text-align: center;}
.documentList .documentBox .name { text-transform: uppercase; padding: 0 0 10px 70px;}
.documentList .documentBox .link {margin: 0 0 0 70px;}

	.formWrap {font-size: 0;}
	.formWrap div, .formWrap p {font: 600 14px/1.2 'Cuprum', sans-serif;}
	.size12, .size13, .size14, .size23 {width: 100%; display: inline-block; vertical-align: top;}


/* Forms */
textarea {resize:none; overflow: hidden;}
fieldset {border: none;}
.breadcrumbs {color:#2c4554;margin-bottom:2%}
.breadcrumbs a{color: #007ac3;text-decoration:none}
.inputselect{flex-basis: 100%;  color: #565656;  height: 34px;  padding: 0 7px;  border:0px }
.input {border: 1px solid #ccc; border-radius: 3px; position: relative;}
.input input {display: block; width: 100%; height:36px; padding: 0 10px; font: 300 14px/36px 'Roboto', sans-serif; border: none; background: none; color: #565656;}
.input textarea {display: block; width: 100%; height: 90px; padding: 10px; font: 400 14px/1.2 'Roboto', sans-serif; border: none; background: none; color: #565656;}
.bx-user-field-enum{display: block; width: 100%; height: 90px; padding: 10px; font: 400 14px/1.2 'Roboto', sans-serif; border: 1px solid #ccc; border-radius: 3px; background: none; color: #565656;}


.input2 input[type="file"]{font-size: 0px; cursor:pointer; width: 100%; left:0px; height: 40px;position: absolute; background:none; border:0px; opacity:0;}
.input2{padding:0; text-align:center; width:300px;display:block; position: relative;   border: 1px solid #ccc; cursor:pointer; border-radius: 3px;}
.btn-tertiary{color:#ccc; margin:0px; line-height:40px; cursor:pointer;     }
.input2:hover,.input2:focus{color:#fff; background: #a6c2d3;    border-color: #a6c2d3;}
.input2:hover .btn-tertiary{color:#fff}
.input2 .input-file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.colButton{color:#a6c2d3; border:0px; background:0px;}
.colButton:hover{color:#314553;}


.checkbox:focus{}


.input.error {border: 1px solid #dc0000;}
.input .errorMess {display: none;}
.input.error .errorMess {display: block; width: 100%; position: absolute; left: 0; bottom: -18px; font: 12px/1.4 'Roboto', sans-serif;}
.errorMess {font: 300 italic 12px/1.0 'Roboto', sans-serif; color: #dc0000;}

.input.inputPay { border: unset; float: left; margin-left: 15px;}
.input.inputPay input { display: unset; width: unset;}
.input.inputPay span { margin-left: 5px;}

label {display: block; margin: 0 0 5px 0; color: #2688cf; font: 300 14px/1.4 'Cuprum', sans-serif; text-transform: uppercase;}


/* TABS */


.tabs {margin: 0 0 30px 0; background: #fff;}
.tabs .tabNav {display: block;}
.tabs .tabNav a, .btn_type_pers {display: block; min-height: 60px; border-bottom: 1px solid #007ac3; font: 300 16px/1.2 'Roboto', sans-serif; text-transform: uppercase; color: #007ac3; padding: 10px 15px; text-align: center; text-decoration: none; transition: all .3s ease; -webkit-transition: all .3s ease;}
	
.tabs .tabNav a{width:100% !important}

@media screen and (max-width:768px){
.tabs .tabNav a{line-height:36px !important;}
}

.tabs .tabNav a span {display: inline-block; vertical-align: middle; width: 99%;}
	.tabs .tabNav a:after, .btn_type_pers:after {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
	.tabs .tabNav a:first-child, .btn_type_pers:first-child {border-left: none; margin-right:-2px}
	.tabs .tabNav a:hover, .tabs .tabNav a.active {background: #007ac3; color: #fff;}


.tabs .tabTitle, .btn_type_pers {display: block; border-bottom: 1px solid #a0c2d5; font: 300 16px/1.2 'Roboto', sans-serif; text-transform: uppercase; background: #fff; color: #2688cf; padding: 10px 15px; text-align: center; text-decoration: none;}
.tabs .tab {background: #fff; margin: 0 0 10px 0; padding: 25px 20px;}
.tabs .tableWrap, .tabs .formWrap, .tabs .accountingPeriod {padding: 0;}
.btn_type_pers{cursor:pointer}
.btn_type_pers.active, .btn_type_pers:hover{background: #007ac3; color: #fff;}

/* Tarifs */

h2.title, .block-item a.title {font: 400 28px/1.0 'Cuprum', sans-serif; text-transform: uppercase; margin: 0 0 15px 0; text-decoration:none}
a.title:hover{text-decoration:underline}
.price {margin: 0 0 10px 0; overflow: hidden; font: 400 23px/1.0 'Cuprum', sans-serif;}
.price .big {font: 400 55px/1.0 'Roboto', sans-serif; float: left; margin: 0 15px 0 0;}
.rub:after {content: '\20bd'; }
.tariff-card-description .rub, .tariff-card__price_hidden .rub{font: 400 16px/1.0 'Cuprum', sans-serif; display:inline-block}
.price .text {font: 400 18px/1.0 'Cuprum', sans-serif;}
.tarifInfo {margin: 0 0 15px 0;}
.tarifInfo li {list-style: none; margin: 0 0 5px 33px;}
.tarifInfo li span {display: inline-block;     vertical-align: middle;
   /* width: calc(100% - 33px); */}
.extra {color: #007ac3; text-transform: uppercase;}
.curTarif {font: 700 14px/32px 'Roboto', sans-serif;}
.addTarif {display: inline-block; float: right; border-radius: 3px; padding: 0 15px; font: 300 14px/30px 'Roboto', sans-serif !important; text-decoration: none; transition: all .3s ease; -webkit-transition: all .3s ease;}
.block-item a.addMoney{margin-top:10px}


.toolTip{ position: relative; display: inline-block;}
.whatis{ font-size: 18px;position: absolute;right: 0px; top: -29px; color: #2688cf;}


.tooltip0 .tooltiptext{visibility: hidden; width: 200px; font: 14px 'Cuprum', sans-serif; background-color: white; color: #007AC3; text-align: center; padding: 5px 10px; margin-right:10px; border-radius: 6px; position: absolute; z-index: 1; border: 2px solid #007AC3; }

.whatis span{font: 13px/1.2 'Cuprum', sans-serif; position: absolute;  box-shadow: 5px 7px 10px rgba(0,0,0,0.4); width: 150px; height: 60px; line-height: 22px; padding: 10px; background: #fff; color: #30333A;top: -75px; right: 0; border-radius: 4px; opacity: 0; transition: all 0.5s ease;}
.whatis span:before{content: "";  position: absolute; bottom: -10px; right: 0px;border-left: 10px solid transparent; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}

.whatis:hover span{ pointer-events: auto;    opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}





.tooltip .tooltiptext{ font: 14px 'Roboto', sans-serif; display:none;   position: absolute; box-shadow: 5px 7px 10px rgba(0,0,0,0.4); width: 350px; height: 90px; line-height: 22px; padding: 10px; background: #fff; color: #30333A; top: -75px; left: -340px; border-radius: 4px; opacity: 0; transition: all 2.5s ease;}
.tooltip .tooltiptext:before{content: "";  position: absolute; bottom: -10px; right: 0px;border-left: 10px solid transparent; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}


.tooltipSearch.tooltip .tooltiptext{width: 250px; height: 70px; top: -55px; left: -240px;}



.tooltip hr{background: #007AC3; height: 1px; margin: 5px 0px; border: 0px;}
.tooltip-left{bottom: auto; right: 100%; top: 1px;}


	.accountingPeriod .dateBox label {display: inline-block; vertical-align: middle; width: 120px;}
	.accountingPeriod .dateBox .datepicIco {    position: absolute; top: -1px; right: -5px;height: 38px; line-height: 32px; border-radius: 4px;}

.ui-datepicker{background:#fff; box-shadow: 0 20px 20px rgba(88, 122, 118, 0.3); padding:20px}
.ui-datepicker-title{float:left; font-weight: 600; margin-right: 30px;}
.ui-datepicker-prev{margin-right: 10px;}


/* Modal */
.modal {-webkit-overflow-scrolling: touch; display: block; width: 100%; height: 100%; position: fixed; overflow: scroll;  left: 0; top: 0; z-index: -1; background: rgba(44,69,84,.5); padding: 5px; visibility: hidden; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease;}
/*.modalreq { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1; background: rgba(44,69,84,.5); padding: 25px 20px; visibility: hidden; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease;}*/
.modalreq {align-items: unset;}
#open_O{overflow: hidden; }
.modal.visible {z-index: 9999; visibility: visible; opacity: 1;}
#open_O.visible {z-index: 991; ;}
.modal .close {width: 20px;  height: 20px; position: absolute; right: 10px; top: 10px; cursor: pointer;}
.modal .close:before, .modal .close:after {content: ''; display: block; width: 1px; height: 90%; background: #464646; position: absolute; left: 50%; top: 0;}
.modal .close:before {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.modal .close:after {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.modalContent {background: #fff; padding: 40px 30px 60px 25px; position: relative; min-width: 280px; max-width: 850px; margin:0px auto; display: inline-table;}
.modalContentreq {overflow-y: scroll;}
.modalError {color:#fff; background: red; padding: 20px 30px 20px 25px; position: relative; min-width: 280px; max-width: 850px;}
.modalForm:after {content: ''; display: block; clear: both;}
.modalForm .fieldBox {padding: 0 0px 15px 10px;}
.modalForm .bigButton {margin: 5px 10px;}

.modal .close{display:none}
.modal .close_mobile{display:block; background:#fff;     height: 50px;
    position: fixed;
    z-index: 999;
    width: 100%;
    margin: 0px auto;
    right: 0px;
bottom:0px;     border: 1px solid #d0d0d0;
    top: auto;}



/* TABLE */

.tableWrap {background: #fff; padding: 25px 20px; margin: 0 0 30px 0; overflow-x: auto;}
table {border-collapse: collapse; width: 97%;}
table tr th {color: #2688cf; vertical-align: bottom; padding: 10px 7px; font: 400 16px/1.4 'Roboto', sans-serif; border-bottom: 1px solid #d5dadd; text-align: left;}
table tr td {padding: 10px 7px; border-top: 1px solid #d5dadd;}
table tr td:first-child {color: #abb1b6;}
table .midButton {margin: 0 2px 5px 2px;}




/* 3 BLOCK */


.InfoSet {margin: 0 0 30px 0; }
.InfoSet:after{content:''; display:block; clear:both}
.InfoSet .White, .InfoSet .Blue, .InfoSet .NonBG{margin: 0 0 20px 0; padding: 25px 20px;}
.InfoSet .price {margin: 0 0 10px 0; overflow: hidden; font: 400 23px/1.0 'Cuprum', sans-serif;}
.InfoSet .price .big {color: #00a2ff; font: 400 55px/1.0 'Roboto', sans-serif; float: left; margin: 0 15px 0 0;}
.InfoSet .price .text {font: 100 16px/1.0 'Roboto', sans-serif;}
.InfoSet .largeText {font: 400 60px/1.0 'Roboto', sans-serif; }

.InfoSet .workTime {margin: 0 0 10px 0; font: 400 22px/1.0 'Roboto', sans-serif;}
.InfoSet .workTime:before {content: '\e86f'; display: inline-block; vertical-align: middle; margin: 0 20px 0 0; font: normal 55px/55px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.InfoSet .Important i{display: inline-block; vertical-align: middle; margin: 0 20px 0 0; font-size:40px; float:left}
.InfoSet .Important:after{clear:both; display:block; content:''}
.InfoSet .Important{margin-bottom:20px}
.InfoSet .workTime span {display: inline-block; vertical-align: middle;}
.InfoSet .actionPac {margin: 0 0 10px 0; font: 400 22px/1.0 'Cuprum', sans-serif;}
.InfoSet .actionPac:before {content: '\e8b9'; display: inline-block; vertical-align: middle; margin: 0 20px 0 0; font: normal 55px/55px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.InfoSet .actionPac span {display: inline-block; vertical-align: middle;}

.InfoSet .rightImg {display: none;}
.InfoSet .statBox {display: inline-block; vertical-align: top; width: 49%; font: 400 16px/1.4 'Cuprum', sans-serif; padding: 0 15px 15px 0;}
.InfoSet .statBox .count {font: 400 36px/1.0 'Cuprum', sans-serif;}

.topBox{    display: inline-block;width: 100%; min-width: 100%; margin-right: -3px; margin-bottom:20px;     vertical-align: top;}
.topBox i{font-size: 30px; float: left;}
.topBox .name { display: table-cell;vertical-align: middle; padding: 0 20px; color: #314553; text-transform: uppercase; font: 400 14px/1.6 'Roboto', sans-serif;}


.copy{    padding: 0px 20px 30px;font-size: 11px; }
.copy span, .copy a{font-weight:600; font-size: 16px;   display:block  }
.copy a{text-decoration:none}
.copy.desktop{    margin: 130px 10px;width: 200px}


.mobile{display:none}


@media screen and (max-width: 1024px){
.desktop{display:none}
.mobile{display:block}
}



.checkbox { position: absolute; z-index: -1;opacity: 0; margin: 10px 0 0 20px;}
.checkbox + label {position: relative; padding: 0 0 0 60px; cursor: pointer;}
.checkbox + label:before { content: ''; position: absolute; top: -4px; left: 0;width: 50px; height: 26px;border-radius: 13px; background: #bbbcbd; box-shadow: inset 0 2px 3px rgba(0,0,0,.2); transition: .2s;}
.checkbox + label:after { content: ''; position: absolute; top: -2px; left: 2px; width: 22px;height: 22px; border-radius: 10px;background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,.3);transition: .2s;}
.checkbox:checked + label:before { background: #43a6f9;}
.checkbox:checked + label:after { left: 26px;}






/* Icons */
.symbolIco {font: normal 1em/1.0 "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle;}
.symbolIco.ico {width: 25px;     padding: 1px 0px 0px; height: 25px; border-radius: 50%; margin: 0 5px 0 -35px; text-align: center;}
.ico:before {font: normal 16px/23px "gascom"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#ikonki{font-size:18px}
#ikonki i{margin:0 10px 0 30px}
.ico001:before {content: '\e8ae';}
.ico002:before {content: '\e8af';}
.ico003:before {content: '\e8b1';}
.ico004:before {content: '\e8b4';}
.ico005:before {content: '\e8b2';}
.ico006:before {content: '\e8b3';}
.ico007:before {content: '\e8b6';}
.ico008:before {content: '\e8b7';}
.ico009:before {content: '\e8b5';}
.ico010:before {content: '\e8b8';}
.ico011:before {content: '\e8bb';}
.ico012:before {content: '\e8ba';}
.ico013:before {content: '\e8b9';}
.ico014:before {content: '\e803';}
.ico015:before {content: '\e804';}
.ico016:before {content: '\e802';}
.ico017:before {content: '\e805';}
.ico018:before {content: '\e807';}
.ico019:before {content: '\e806';}
.ico020:before {content: '\e800';}
.ico021:before {content: '\e80a';}
.ico022:before {content: '\e801';}
.ico023:before {content: '\e80e';}
.ico024:before {content: '\e80d';}
.ico025:before {content: '\e80b';}
.ico026:before {content: '\e808';}
.ico027:before {content: '\e80f';}
.ico028:before {content: '\e80c';}
.ico029:before {content: '\e809';}
.ico030:before {content: '\e812';}
.ico031:before {content: '\e811';}
.ico032:before {content: '\e810';}
.ico033:before {content: '\e813';}
.ico034:before {content: '\e814';}
.ico035:before {content: '\e815';}
.ico036:before {content: '\e816';}
.ico037:before {content: '\e817';}
.ico038:before {content: '\e81b';}
.ico039:before {content: '\e81a';}
.ico040:before {content: '\e818';}
.ico041:before {content: '\e819';}
.ico042:before {content: '\e820';}
.ico043:before {content: '\e81c';}
.ico044:before {content: '\e81f';}
.ico045:before {content: '\e81e';}
.ico046:before {content: '\e81d';}
.ico047:before {content: '\e822';}
.ico048:before {content: '\e821';}
.ico049:before {content: '\e823';}
.ico050:before {content: '\e825';}
.ico051:before {content: '\e824';}
.ico052:before {content: '\e826';}
.ico053:before {content: '\e827';}
.ico054:before {content: '\e828';}
.ico055:before {content: '\e829';}
.ico056:before {content: '\e82a';}
.ico057:before {content: '\e82c';}
.ico058:before {content: '\e82b';}
.ico059:before {content: '\e82e';}
.ico060:before {content: '\e82f';}
.ico061:before {content: '\e832';}
.ico062:before {content: '\e82d';}
.ico063:before {content: '\e833';}
.ico064:before {content: '\e831';}
.ico065:before {content: '\e830';}
.ico066:before {content: '\e834';}
.ico067:before {content: '\e835';}
.ico068:before {content: '\e836';}
.ico069:before {content: '\e837';}
.ico070:before {content: '\e839';}
.ico071:before {content: '\e83b';}
.ico072:before {content: '\e838';}
.ico073:before {content: '\e83a';}
.ico074:before {content: '\e83c';}
.ico075:before {content: '\e83e';}
.ico076:before {content: '\e83d';}
.ico077:before {content: '\e83f';}
.ico078:before {content: '\e840';}
.ico079:before {content: '\e84c';}
.ico080:before {content: '\e842';}
.ico081:before {content: '\e841';}
.ico082:before {content: '\e843';}
.ico083:before {content: '\e845';}
.ico084:before {content: '\e852';}
.ico085:before {content: '\e846';}
.ico086:before {content: '\e844';}
.ico087:before {content: '\e84d';}
.ico088:before {content: '\e849';}
.ico089:before {content: '\e848';}
.ico090:before {content: '\e84a';}
.ico091:before {content: '\e847';}
.ico092:before {content: '\e851';}
.ico093:before {content: '\e84e';}
.ico094:before {content: '\e84b';}
.ico095:before {content: '\e850';}
.ico096:before {content: '\e84f';}
.ico097:before {content: '\e853';}
.ico098:before {content: '\e855';}
.ico099:before {content: '\e854';}
.ico100:before {content: '\e856';}
.ico101:before {content: '\e85e';}
.ico102:before {content: '\e85d';}
.ico103:before {content: '\e859';}
.ico104:before {content: '\e858';}
.ico105:before {content: '\e857';}
.ico106:before {content: '\e85b';}
.ico107:before {content: '\e85c';}
.ico108:before {content: '\e861';}
.ico109:before {content: '\e85a';}
.ico110:before {content: '\e85f';}
.ico111:before {content: '\e862';}
.ico112:before {content: '\e863';}
.ico113:before {content: '\e860';}
.ico114:before {content: '\e866';}
.ico115:before {content: '\e865';}
.ico116:before {content: '\e864';}
.ico117:before {content: '\e867';}
.ico118:before {content: '\e86a';}
.ico119:before {content: '\e868';}
.ico120:before {content: '\e86c';}
.ico121:before {content: '\e869';}
.ico122:before {content: '\e86e';}
.ico123:before {content: '\e871';}
.ico124:before {content: '\e86b';}
.ico125:before {content: '\e873';}
.ico126:before {content: '\e86f';}
.ico127:before {content: '\e86d';}
.ico128:before {content: '\e870';}
.ico129:before {content: '\e872';}
.ico130:before {content: '\e875';}
.ico131:before {content: '\e874';}
.ico132:before {content: '\e876';}
.ico133:before {content: '\e877';}
.ico134:before {content: '\e87b';}
.ico135:before {content: '\e87a';}
.ico136:before {content: '\e879';}
.ico137:before {content: '\e87c';}
.ico138:before {content: '\e878';}
.ico139:before {content: '\e87d';}
.ico140:before {content: '\e87e';}
.ico141:before {content: '\e87f';}
.ico142:before {content: '\e881';}
.ico143:before {content: '\e880';}
.ico144:before {content: '\e882';}
.ico145:before {content: '\e884';}
.ico146:before {content: '\e883';}
.ico147:before {content: '\e885';}
.ico148:before {content: '\e886';}
.ico149:before {content: '\e887';}
.ico150:before {content: '\e88a';}
.ico151:before {content: '\e889';}
.ico152:before {content: '\e88d';}
.ico153:before {content: '\e888';}
.ico154:before {content: '\e88b';}
.ico155:before {content: '\e895';}
.ico156:before {content: '\e890';}
.ico157:before {content: '\e88c';}
.ico158:before {content: '\e892';}
.ico159:before {content: '\e893';}
.ico160:before {content: '\e88e';}
.ico161:before {content: '\e891';}
.ico162:before {content: '\e88f';}
.ico163:before {content: '\e89e';}
.ico164:before {content: '\e89f';}
.ico165:before {content: '\e897';}
.ico166:before {content: '\e896';}
.ico167:before {content: '\e894';}
.ico168:before {content: '\e89d';}
.ico169:before {content: '\e899';}
.ico170:before {content: '\e898';}
.ico171:before {content: '\e89a';}
.ico172:before {content: '\e89b';}
.ico173:before {content: '\e8a1';}
.ico174:before {content: '\e89c';}
.ico175:before {content: '\e8a0';}
.ico176:before {content: '\e8a5';}
.ico177:before {content: '\e8a4';}
.ico178:before {content: '\e8a6';}
.ico179:before {content: '\e8a2';}
.ico180:before {content: '\e8a7';}
.ico181:before {content: '\e8a3';}
.ico182:before {content: '\e8a8';}
.ico183:before {content: '\e8a9';}
.ico184:before {content: '\e8aa';}
.ico185:before {content: '\e8ab';}
.ico186:before {content: '\e8ad';}
.ico187:before {content: '\e8ac';}
.ico188:before {content: '\e8b0';}
.ico999:before {
content: '';
    background-image: url(/upload/wheel-white.svg);
    background-size: 47px 47px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico999:hover:before {
content: '';
    background-image: url(/upload/wheel-blue.svg);
}

.ico189:before {content: 'Ka'; font-family: "Roboto" !important;}
.ico190:before {content: 'Ku'; font-family: "Roboto" !important;}
.ico191:before {content: '\20bd'; font-family: "Roboto" !important;}

.ico192:before { content: '\e800'; font-family: "gascom2" !important}
.ico193:before { content: '\e801'; font-family: "gascom2" !important} 
.ico194:before { content: '\e802'; font-family: "gascom2" !important} 
.ico195:before { content: '\e803'; font-family: "gascom2" !important} 
.ico196:before { content: '\e804'; font-family: "gascom2" !important} 
.ico197:before { content: '\e805'; font-family: "gascom2" !important} 
.ico198:before { content: '\e806'; font-family: "gascom2" !important} 
.ico199:before { content: '\e807'; font-family: "gascom2" !important} 
.ico200:before { content: '\e808'; font-family: "gascom2" !important} 
.ico201:before { content: '\e809'; font-family: "gascom2" !important} 
.ico202:before { content: '\e80a'; font-family: "gascom2" !important} 
.ico203:before { content: '\e80b'; font-family: "gascom2" !important} 
.ico204:before { content: '\e80c'; font-family: "gascom2" !important} 
.ico205:before { content: '\e80d'; font-family: "gascom2" !important} 
.ico206:before { content: '\e80e'; font-family: "gascom2" !important} 
.ico207:before { content: '\e80f'; font-family: "gascom2" !important} 
.ico208:before { content: '\e810'; font-family: "gascom2" !important} 
.ico209:before { content: '\e811'; font-family: "gascom2" !important} 
.ico210:before { content: '\e812'; font-family: "gascom2" !important} 
.ico211:before { content: '\e813'; font-family: "gascom2" !important} 
.ico212:before { content: '\e814'; font-family: "gascom2" !important}
.ico213:before { content: '\e815'; font-family: "gascom2" !important} 
.ico214:before { content: '\e816'; font-family: "gascom2" !important} 
.ico215:before { content: '\e817'; font-family: "gascom2" !important} 
.ico216:before { content: '\e818'; font-family: "gascom2" !important} 
.ico217:before { content: '\e819'; font-family: "gascom2" !important} 
.ico218:before { content: '\e81a'; font-family: "gascom2" !important} 
.ico219:before { content: '\e81b'; font-family: "gascom2" !important} 
.ico220:before { content: '\e81c'; font-family: "gascom2" !important} 
.ico221:before { content: '\e81d'; font-family: "gascom2" !important} 
.ico222:before { content: '\e81e'; font-family: "gascom2" !important} 
.ico223:before { content: '\e81f'; font-family: "gascom2" !important} 
.ico224:before { content: '\e820'; font-family: "gascom2" !important} 
.ico225:before { content: '\e821'; font-family: "gascom2" !important} 
.ico226:before { content: '\e822';font-family: "gascom2" !important} 
.ico227:before { content: '\e823';font-family: "gascom2"  !important} 
.ico228:before { content: '\e824'; font-family: "gascom2" !important} 
.ico229:before { content: '\e825'; font-family: "gascom2" !important} 
.ico230:before { content: '\e826'; font-family: "gascom2" !important} 
.ico231:before { content: '\e827'; font-family: "gascom2" !important} 
.ico232:before { content: '\e828'; font-family: "gascom2" !important} 
.ico233:before { content: '\e829'; font-family: "gascom2" !important} 
.ico234:before { content: '\e82a'; font-family: "gascom2" !important} 
.ico235:before { content: '\e82b'; font-family: "gascom2" !important} 
.ico236:before { content: '\e82c'; font-family: "gascom2" !important} 
.ico237:before { content: '\e82d'; font-family: "gascom2" !important} 
.ico238:before { content: '\e82e'; font-family: "gascom2" !important} 
.ico239:before { content: '\e82f'; font-family: "gascom2" !important} 
.ico240:before { content: '\e830'; font-family: "gascom2" !important} 
.ico241:before { content: '\e831'; font-family: "gascom2" !important} 
.ico242:before { content: '\e832'; font-family: "gascom2" !important} 
.ico243:before { content: '\e833'; font-family: "gascom2" !important} 
.ico244:before { content: '\e834'; font-family: "gascom2" !important} 
.ico245:before { content: '\e835'; font-family: "gascom2" !important} 
.ico246:before { content: '\e836'; font-family: "gascom2" !important} 
.ico247:before { content: '\e837'; font-family: "gascom2" !important} 
.ico248:before { content: '\e838'; font-family: "gascom2" !important} 
.ico249:before { content: '\e839'; font-family: "gascom2" !important} 
.ico250:before { content: '\e83a'; font-family: "gascom2" !important} 
.ico251:before { content: '\e83b'; font-family: "gascom2" !important} 
.ico252:before { content: '\e83c'; font-family: "gascom2" !important} 
.ico253:before { content: '\e83d'; font-family: "gascom2" !important} 
.ico254:before { content: '\e83e'; font-family: "gascom2" !important} 
.ico255:before { content: '\e83f'; font-family: "gascom2" !important} 
.ico256:before { content: '\e840'; font-family: "gascom2" !important} 
.ico257:before { content: '\e841'; font-family: "gascom2" !important} 
.ico258:before { content: '\e842'; font-family: "gascom2" !important} 
.ico259:before { content: '\e843'; font-family: "gascom2" !important} 
.ico260:before { content: '\e844'; font-family: "gascom2" !important} 
.ico261:before { content: '\e845'; font-family: "gascom2" !important} 
.ico262:before { content: '\e846'; font-family: "gascom2" !important} 
.ico263:before { content: '\f097';font-family: "gascom2"  !important} 
.ico264:before { content: '\f099';font-family: "gascom2"  !important} 
.ico265:before { content: '\f09a'; font-family: "gascom2" !important} 
.ico266:before { content: '\f0ae';font-family: "gascom2"  !important} 
.ico267:before { content: '\f0b0'; font-family: "gascom2" !important} 
.ico268:before { content: '\f0d6'; font-family: "gascom2" !important} 
.ico269:before { content: '\f0dc'; font-family: "gascom2" !important} 
.ico270:before { content: '\f0dd'; font-family: "gascom2" !important} 
.ico271:before { content: '\f0e0'; font-family: "gascom2" !important} 
.ico272:before { content: '\f0e1';font-family: "gascom2"  !important} 
.ico273:before { content: '\f0e5';font-family: "gascom2"  !important} 
.ico274:before { content: '\f0e6';font-family: "gascom2"  !important} 
.ico275:before { content: '\f0e8'; font-family: "gascom2" !important} 
.ico276:before { content: '\f0f6'; font-family: "gascom2" !important} 
.ico277:before { content: '\f0f9'; font-family: "gascom2" !important} 
.ico278:before { content: '\f0fa'; font-family: "gascom2" !important} 
.ico279:before { content: '\f100'; font-family: "gascom2" !important} 
.ico280:before { content: '\f101'; font-family: "gascom2" !important} 
.ico281:before { content: '\f102'; font-family: "gascom2" !important} 
.ico282:before { content: '\f103'; font-family: "gascom2" !important}
.ico283:before { content: '\f104';font-family: "gascom2"  !important} 
.ico284:before { content: '\f105';font-family: "gascom2"  !important} 
.ico285:before { content: '\f106'; font-family: "gascom2" !important} 
.ico286:before { content: '\f107'; font-family: "gascom2" !important}
.ico287:before { content: '\f108'; font-family: "gascom2" !important} 
.ico288:before { content: '\f109'; font-family: "gascom2" !important} 
.ico289:before { content: '\f10a'; font-family: "gascom2" !important} 
.ico290:before { content: '\f10b';font-family: "gascom2"  !important} 
.ico291:before { content: '\f10c';font-family: "gascom2"  !important} 
.ico292:before { content: '\f10d'; font-family: "gascom2" !important} 
.ico293:before { content: '\f10e'; font-family: "gascom2" !important} 
.ico294:before { content: '\f110'; font-family: "gascom2" !important}
.ico295:before { content: '\f111'; font-family: "gascom2" !important} 
.ico296:before { content: '\f118'; font-family: "gascom2" !important} 
.ico297:before { content: '\f119'; font-family: "gascom2" !important} 
.ico298:before { content: '\f11a'; font-family: "gascom2" !important} 
.ico299:before { content: '\f128'; font-family: "gascom2" !important} 
.ico300:before { content: '\f129'; font-family: "gascom2" !important} 
.ico301:before { content: '\f12a'; font-family: "gascom2" !important} 
.ico302:before { content: '\f132'; font-family: "gascom2" !important} 
.ico303:before { content: '\f135'; font-family: "gascom2" !important} 
.ico304:before { content: '\f13e'; font-family: "gascom2" !important} 
.ico305:before { content: '\f140'; font-family: "gascom2" !important} 
.ico306:before { content: '\f153'; font-family: "gascom2" !important} 
.ico307:before { content: '\f154';font-family: "gascom2"  !important} 
.ico308:before { content: '\f155'; font-family: "gascom2" !important} 
.ico309:before { content: '\f158'; font-family: "gascom2" !important} 
.ico310:before { content: '\f164'; font-family: "gascom2" !important} 
.ico311:before { content: '\f165'; font-family: "gascom2" !important} 
.ico312:before { content: '\f16a'; font-family: "gascom2" !important} 
.ico313:before { content: '\f179'; font-family: "gascom2" !important} 
.ico314:before { content: '\f17b';font-family: "gascom2"  !important} 
.ico315:before { content: '\f17e';font-family: "gascom2"  !important} 
.ico316:before { content: '\f185'; font-family: "gascom2" !important} 
.ico317:before { content: '\f188'; font-family: "gascom2" !important}
.ico318:before { content: '\f189';font-family: "gascom2"  !important} 
.ico319:before { content: '\f192'; font-family: "gascom2" !important} 
.ico320:before { content: '\f19e'; font-family: "gascom2" !important} 
.ico321:before { content: '\f1a0'; font-family: "gascom2" !important} 
.ico322:before { content: '\f1b2'; font-family: "gascom2" !important} 
.ico323:before { content: '\f1b3'; font-family: "gascom2" !important} 
.ico324:before { content: '\f1c0'; font-family: "gascom2" !important} 
.ico325:before { content: '\f1c1'; font-family: "gascom2" !important} 
.ico326:before { content: '\f1c2'; font-family: "gascom2" !important} 
.ico327:before { content: '\f1c3'; font-family: "gascom2" !important} 
.ico328:before { content: '\f1c4';font-family: "gascom2"  !important} 
.ico329:before { content: '\f1c5'; font-family: "gascom2" !important} 
.ico330:before { content: '\f1ce'; font-family: "gascom2" !important} 
.ico331:before { content: '\f1db'; font-family: "gascom2" !important} 
.ico332:before { content: '\f1de'; font-family: "gascom2" !important} 
.ico333:before { content: '\f1e0'; font-family: "gascom2" !important} 
.ico334:before { content: '\f1eb'; font-family: "gascom2" !important} 
.ico335:before { content: '\f1ec';font-family: "gascom2"  !important} 
.ico336:before { content: '\f1f0';font-family: "gascom2"  !important} 
.ico337:before { content: '\f1f1'; font-family: "gascom2" !important} 
.ico338:before { content: '\f1f2'; font-family: "gascom2" !important}
.ico339:before { content: '\f1f3'; font-family: "gascom2" !important} 
.ico340:before { content: '\f1f4'; font-family: "gascom2" !important} 
.ico341:before { content: '\f1f5';font-family: "gascom2"  !important} 
.ico342:before { content: '\f1f8';font-family: "gascom2"  !important} 
.ico343:before { content: '\f1f9'; font-family: "gascom2" !important} 
.ico344:before { content: '\f1fa'; font-family: "gascom2" !important}
.ico345:before { content: '\f1fe'; font-family: "gascom2" !important}
.ico346:before { content: '\f200'; font-family: "gascom2" !important} 
.ico347:before { content: '\f217'; font-family: "gascom2" !important} 
.ico348:before { content: '\f218'; font-family: "gascom2" !important} 
.ico349:before { content: '\f21e'; font-family: "gascom2" !important} 
.ico350:before { content: '\f232'; font-family: "gascom2" !important} 
.ico351:before { content: '\f233'; font-family: "gascom2" !important} 
.ico352:before { content: '\f240'; font-family: "gascom2" !important} 
.ico353:before { content: '\f241'; font-family: "gascom2" !important} 
.ico354:before { content: '\f242'; font-family: "gascom2" !important} 
.ico355:before { content: '\f243'; font-family: "gascom2" !important} 
.ico356:before { content: '\f244'; font-family: "gascom2" !important} 
.ico357:before { content: '\f25c'; font-family: "gascom2" !important} 
.ico358:before { content: '\f25d'; font-family: "gascom2" !important} 
.ico359:before { content: '\f263'; font-family: "gascom2" !important} 
.ico360:before { content: '\f268'; font-family: "gascom2" !important} 
.ico361:before { content: '\f269'; font-family: "gascom2" !important} 
.ico362:before { content: '\f26a'; font-family: "gascom2" !important} 
.ico363:before { content: '\f26b'; font-family: "gascom2" !important} 
.ico364:before { content: '\f276'; font-family: "gascom2" !important} 
.ico365:before { content: '\f277'; font-family: "gascom2" !important} 
.ico366:before { content: '\f278'; font-family: "gascom2" !important} 
.ico367:before { content: '\f279'; font-family: "gascom2" !important} 
.ico368:before { content: '\f291'; font-family: "gascom2"  !important} 
.ico369:before { content: '\f295'; font-family: "gascom2"  !important} 
.ico370:before { content: '\f2b6'; font-family: "gascom2" !important } 
.ico371:before { content: '\f2b7'; font-family: "gascom2"  !important} 
.ico372:before { content: '\f2bb'; font-family: "gascom2" !important } 
.ico373:before { content: '\f2bc'; font-family: "gascom2" !important} 







.ico374:before { content: '\e800'; font-family: "gascom3" !important} 
.ico375:before { content: '\e801'; font-family: "gascom3" !important} 
.ico376:before { content: '\e803'; font-family: "gascom3" !important} 
.ico377:before { content: '\e804'; font-family: "gascom3" !important} 
.ico378:before { content: '\e805'; font-family: "gascom3" !important} 
.ico379:before { content: '\e806'; font-family: "gascom3" !important} 
.ico380:before { content: '\e807'; font-family: "gascom3" !important} 
.ico381:before { content: '\e808'; font-family: "gascom3" !important} 
.ico382:before { content: '\e809'; font-family: "gascom3" !important} 
.ico383:before { content: '\e80a'; font-family: "gascom3" !important} 
.ico384:before{ content: '\e80b'; font-family: "gascom3" !important} 
.ico385:before { content: '\e80c';font-family: "gascom3" !important} 
.ico386:before { content: '\e80d'; font-family: "gascom3" !important}
.ico387:before { content: '\e80e'; font-family: "gascom3" !important}
.ico388:before { content: '\e811'; font-family: "gascom3" !important}
.ico389:before { content: '\e812'; font-family: "gascom3" !important}
.ico390:before { content: '\e813'; font-family: "gascom3" !important}
.ico391:before { content: '\e814'; font-family: "gascom3" !important} 
.ico392:before { content: '\e817';  font-family: "gascom3" !important} 
.ico393:before { content: '\e819'; font-family: "gascom3" !important} 
.ico394:before { content: '\e81b'; font-family: "gascom3" !important} 
.ico395:before { content: '\e81d'; font-family: "gascom3" !important} 
.ico396:before { content: '\e81e';font-family: "gascom3" !important} 
.ico397:before { content: '\e81f'; font-family: "gascom3" !important} 
.ico398:before { content: '\e820'; font-family: "gascom3" !important} 
.ico399:before { content: '\e821';font-family: "gascom3" !important} 
.ico400:before { content: '\e822'; font-family: "gascom3" !important} 
.ico401:before { content: '\e823'; font-family: "gascom3" !important} 
.ico402:before { content: '\e824'; font-family: "gascom3" !important} 
.ico403:before { content: '\e825'; font-family: "gascom3" !important} 
.ico404:before { content: '\e826'; font-family: "gascom3" !important} 
.ico405:before { content: '\e827'; font-family: "gascom3" !important} 
.ico406:before { content: '\e828'; font-family: "gascom3" !important} 
.ico407:before { content: '\e829'; font-family: "gascom3" !important} 
.ico408:before { content: '\e82a'; font-family: "gascom3" !important} 
.ico409:before { content: '\e82b';font-family: "gascom3" !important} 
.ico410:before { content: '\e82c'; font-family: "gascom3" !important} 
.ico411:before { content: '\e82d'; font-family: "gascom3" !important} 
.ico412:before { content: '\e82e'; font-family: "gascom3" !important} 
.ico413:before { content: '\e82f'; font-family: "gascom3" !important} 
.ico414:before { content: '\e830';font-family: "gascom3" !important} 
.ico415:before { content: '\e831'; font-family: "gascom3" !important} 
.ico416:before { content: '\e832'; font-family: "gascom3" !important} 
.ico417:before { content: '\e833'; font-family: "gascom3" !important} 
.ico418:before { content: '\e834'; font-family: "gascom3" !important} 
.ico419:before { content: '\e835'; font-family: "gascom3" !important} 
.ico420:before { content: '\e836'; font-family: "gascom3" !important} 
.ico421:before { content: '\e837'; font-family: "gascom3" !important} 
.ico422:before { content: '\e839'; font-family: "gascom3" !important} 
.ico423:before { content: '\e83a'; font-family: "gascom3" !important} 
.ico424:before { content: '\e83b'; font-family: "gascom3" !important} 
.ico425:before { content: '\e83c'; font-family: "gascom3" !important} 
.ico426:before { content: '\e83d'; font-family: "gascom3" !important} 
.ico427:before { content: '\e83e'; font-family: "gascom3" !important}
.ico428:before { content: '\e83f'; font-family: "gascom3" !important} 
.ico429:before { content: '\e840'; font-family: "gascom3" !important} 
.ico430:before { content: '\e841'; font-family: "gascom3" !important} 
.ico431:before{ content: '\e842'; font-family: "gascom3" !important} 
.ico432:before { content: '\e843'; font-family: "gascom3" !important} 
.ico433:before { content: '\e844';font-family: "gascom3" !important} 
.ico434:before { content: '\e845'; font-family: "gascom3" !important} 
.ico435:before { content: '\e846';font-family: "gascom3" !important} 
.ico436:before { content: '\e847'; font-family: "gascom3" !important} 
.ico437:before { content: '\e848';font-family: "gascom3" !important} 
.ico438:before { content: '\e849'; font-family: "gascom3" !important} 


.ico439:before { content: '\e804'; font-family: "gascom5" !important}



h1{text-align:center}
.profileLink{max-width:180px}

@media screen and (max-width: 450px){
.block-item-main{padding:10px 0px}
}

@media screen and (min-width: 450px){
/* Tarifs */

.tarifBox {width:320px;}
.heightBg {margin: 0;}


	/* 3 BLOCK */
	.profileLink {display: inline-block; vertical-align: top;}
	
	.InfoSet .Blue, .InfoSet .White, .InfoSet .same_block {width: 290px; float: left; margin: 0;}

	.InfoSet .NonBG{width: 290px;  float: left; margin: 0;} 
	.InfoSet .statBox {display: block; width: auto; padding: 0 0 15px 0;}
	.InfoSet .statBox .count {font: 400 36px/1.0 'Cuprum', sans-serif;}

}



@media screen and (max-width: 1024px){
.modalContent {max-width:100%; width:100%}
}


@media screen and (min-width: 640px){
	.sectionContent .prices img {display: block; width: 150px; float: left;}
	.pageHeader {height: 100px;}
	.menuIco {margin: 35px 0 0 30px;}
	.pageHeader .logo {width: 144px; height: 71px; margin: 10px 0 0 45px;}

.bgPic {right: 35px;}

/* Modal */
	.modalContent {min-width: 500px;}

/* AUTH */
.topPersonal{top: 25px;}
.topPersonal.number{right:85px}

.topPersonal .topAuthForm, .topPersonal .copy_in {padding: 30px; width: 50%; right: -50%;}

.fancybox a{width:200px; height:150px}


.submitIcoBtn {    text-align: center;line-height: 34px;font-size: 20px;float:none; display: inline-block; text-decoration:none; vertical-align: middle; width: 70px; height: 36px; background: #037ac3; color: #fff; border-radius: 6px;  position: relative;}

/* documentList */

	.documentList .documentBox {display: table; width: 100%; min-width: 100%;}
	.documentList .documentBox .ico {display: table-cell; float: none; width:30px}
	.documentList .documentBox .name {display: table-cell; vertical-align: middle; padding: 0 20px;}
	.documentList .documentBox .link {display: table-cell; vertical-align: middle; text-align: right; margin: 0;}



	/* 3 BLOCK */
	.profileLink {display: inline-block; vertical-align: top;}
	



}





@media screen and (min-width: 768px){
h1, .H1 { font: 700 38px/1.0 'Cuprum', sans-serif; margin: 0 0 40px 0; color: #fff; text-transform: uppercase;}

.toolTip span{position: absolute;  box-shadow: 5px 7px 10px rgba(0,0,0,0.4); width: 150px; height: 60px; line-height: 22px; padding: 10px; background: #fff; color: #30333A;top: -75px; right: 0; border-radius: 4px; opacity: 0; transition: all 0.5s ease;}
.toolTip.Tleft span{left:0px; right:auto}

.toolTip span:before{content: "";  position: absolute; bottom: -10px; right: 0px;border-left: 10px solid transparent; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}
.toolTip.Tleft span:before{left:0px; right:auto; border-left: 10px solid #fff; border-right:0px}



.toolTip:hover span{
    pointer-events: auto;    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}



.lk_content{padding:20px;  background-size: 40%;}





	.InfoSet .White, .InfoSet .same_block, .InfoSet .Blue {width: 290px; float: left; margin: 0;}
	.InfoSet .NonBG {width: 290px;  float: left; margin: 0;} 

h1, .H1 {font: 700 60px/1.0 'Cuprum', sans-serif;}

.Opis{display:flex;}
.sideBar {padding: 110px 0 20px 0;}

	
	.accountingPeriod .dateBox {width: 49%; display: inline-block; vertical-align: middle; padding: 0 20px 0 0;}
.accountingPeriod .datesBox {height:45px}

		.leftCol {width: 50%; float: left; padding: 0 20px 0 0;}
	.rightCol {width: 50%; float: right; padding: 0 0 0 20px;}

.topPersonal .topAuthLinks div{    display: block; width: auto; vertical-align: middle;text-align: left;}
.topPersonal.topSearh{right:20px}

	.size12, .size13, .size14, .size23 {width: 50%;}


}


@media screen and (min-width: 768px) and (max-width: 1023px){
.InfoSet{    margin: 20px auto;     width: 580px;}
/*.media-boxes-container{    margin: 0px auto !important; width: 650px;}*/
.Opis{margin: 0px auto;     width: 580px;}
}

@media screen and (min-width: 1024px) and (max-width: 1025px){
.InfoSet{    margin: 0px auto;     width: 870px;}
.Opis{margin: 0px auto;     /*width: 580px;*/}
/*.media-boxes-container{    margin: 0px auto !important; width: 650px;}*/
}


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

body {font: 300 15px/1.5 'Roboto', sans-serif; }
.block-item a span{     display: block;}

.tabs .tabNav a{width:33.333% !important}
.no-js .block-item{max-width:800px}

.innerPage{    margin-left: 350px}

.tooltip:hover .tooltiptext{
display:block;
    pointer-events: auto;    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.pict a{    position: absolute;right: 0px;bottom: 20px;}

h1{text-align:left}

.sideBar, .sestionNav, .pageHeader .logo{z-index:2;}

.sideBar:before{background:#fff; content:'';display:block; width:200px;     height: 162px;
    position: fixed;
    top: 0px;
}

.bottomButton{position:absolute; bottom:20px}

/*Header*/
.pageHeader {height: 0;}
.pageHeader .menuIco {display: none;}
.pageHeader .logo {margin: 35px 0 0 20px;}

.accountingPeriod .dateBox {width: auto;}
	.accountingPeriod .defaultBtn {float: right;}


.modal .close{display:block}
.modal .close_mobile{display:none}
	/* Modal */
	.modalContent {min-width: 850px; padding: 20px 30px 20px 25px; display:block} 
.modalContent2{top: 50%; transform: translateY(-50%); left: 0; right: 0;}

.text{padding-left:10px}
.one_section h1{padding-left:10px}

/* AUTH */

.topPersonal, .topPersonal.topSearh {width: 595px; top: 140px; right: -545px; transition: all .3s ease; -webkit-transition: all .3s ease; box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);

}

.topPersonal.number{    top: 70px;
    right: 0px;
    width: auto;}
.topPersonal.open {right: 0;}
.topPersonal .personalIco {margin: 0 10px 0 0;}
.topPersonal .topAuthForm, .topPersonal .copy_in {display: inline-block; vertical-align: middle; width: auto; position: static; padding: 5px 0;}
.topPersonal .input {display: inline-block; vertical-align: middle; width: 130px; margin: 0 5px 0 0;}
.topPersonal.topSearh .input{width:400px}
.topPersonal .topAuthForm .errorMess {display: none;}
.topPersonal.open .topAuthForm .errorMess {display: block; margin: 5px 0 0 0;}
.topPersonal .topAuthLinks {text-align: left; float: none; margin: 0 0 0 25px;}
.topPersonal .inAuth{display:inline-block; width:auto; font: 300 16px/1.4 'Roboto', sans-serif;}
.topSearh{top:205px !important;}

.topPersonal .topAuthLinks{width:auto}
/* PADDING */
.bodyPage{padding-top:0px; padding-bottom:0px}
.formWrap, .tableWrap, .accordion, .documentList, .no-js .block-item {margin: 0 0 50px 0;}


/* Section navigation */

.sestionNav {display: block; width: 150px; font-size:inherit; height: 100%; overflow:hidden; position: fixed; left: 200px; padding: 10px 0px;}
.sestionNav .sectionIco {width: 150px; font-size:14px;  margin: 0 auto; height:105px; line-height:16px; border-left:4px solid #007ac3; border-right:4px solid #007ac3;}
.sestionNav div{transition: 0.5s; }
.servicePage {margin: 0 0 0 350px;}
.servicePage.paddingSmall{margin: 0 0 0 200px; min-height:100vh}
.nav_scroll{position:relative; overflow-y: auto; overflow-x: hidden; padding-top: 150px; scrollbar-width: none; -ms-overflow-style: none;}
.sestionNav div{ display: block;}
.sestionNav .sectionIco.active, .sestionNav .sectionIco:hover, .sestionNav .active .sectionIco {border-left:4px solid #fff; border-right:4px solid #fff;width:150px; padding-left:0px; padding-right:0px; }

.sestionNav:after, .sestionNav:before{background: #007ac3; opacity:0.8; position:absolute; top:684px; left:0px; width:150px; border-top:1px solid #0c6396; height:100%; content:' '; display:block}
.sestionNav:before {top:calc(-100% + 162px); z-index:9; }
.sestionNav:before{border-bottom:1px solid #0c6396;}
.nav_scroll::-webkit-scrollbar {width: 0; display: none;}
.sestionNav .sectionIco:hover{background:rgba(0, 0, 0, 0.1)}

.before_class{top: calc(-100% + 160px); z-index: 9; position: absolute;  /* top: 650px; */ width: 140px; height: 305px;  content: ' '; display: block;box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.after_class{  position: absolute; top: 100%; width: 140px; height: 305px; content: ' ';display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* Side bar */
.sideBar {left: 0; width: 200px; padding: 210px 0 20px 0;}

	.size12 {width: 50%;}
	 .size13 {width: 33.3333%;}
	.size14 {width: 25%;}
	.size23 {width: 66.6666%;}



/* TABS */

	.tabs {background: #fff; margin: 0 0 30px 0;}
	.tabs .tabTitle {display: none;}
	.tabs .tabNav {display: flex; flex-wrap: wrap; align-content: stretch;}
	.btn_type_pers{display:inline-block; line-height: 40px;}


.all_block .btn_type_pers{width:25%; margin-right:-4px;}




}

/* Search */

.tooltipSearch{display:flex;justify-content:flex-start;align-items:center;}
.search-suggest{padding: 0 10px;font: 400 14px/36px 'Roboto', sans-serif;background: none; color: #565656;    width: 400px; margin: 0 5px 0 0;    border: 1px solid #ccc;  border-radius: 3px;}
.change_text{padding: 0 10px;    font: 400 14px/36px 'Roboto', sans-serif;    background: none;    color: #565656;    width: 500px;    margin: 0 5px 0 0;    border: 1px solid #ccc;    border-radius: 3px;}
.custom_search{float:right;    width: 77px;    height: 36px;    background: #037ac3;    color: #fff;    border-radius: 6px;    text-align: center;border:none;cursor:pointer;}
.custom_search:hover{    background: #076fab;}
.custom_submit:hover{    background: #076fab;}
.custom_submit{  width: 77px;    height: 34px;    background: #037ac3;    color: #fff;    border-radius: 6px;    text-align: center;border:none;}


.before_class2{
background: #007ac3;
    opacity: 0.8;
    top: calc(-100% + 162px);
    z-index: 9;
    position: absolute;
    left: 20px;
    width: 140px;
    border-top: 1px solid #0c6396;
    height: 100%;

    display: block;
    opacity: 0;
}

.after_class2{
    background: #007ac3;
 opacity: 0.8;
    opacity: 0;
    position: absolute;
    top: 684px;
    left: 20px;
    width: 140px;
    border-top: 1px solid #0c6396;
    height: 100%;
    display: block;
z-index:9999;
}

/* Stimulsoft override */
.stiJsViewerReportPanel table tr td:first-child {
    color: black;
}




@media screen and (max-width: 767px){
.tabs .row_custom{display:block !important}
.col_custom{width:100%;}
.col_custom:first-child{margin-bottom:40px}
.tableWrap table tr:first-child{display:none}
.tableWrap table tr td {display: grid;}
.periodForm .input{margin:10px 0px}
.bigButton{float:right}
#knopki .defaultBtn{float:none}
.tabs .tab:after, .formWrap:after, .documentList .documentBox:after, .White:after, .Gray:after, .Blue:after{display:block; clear:both; content:''}
.documentList .documentBox .name{padding-left:40px}
#knopki .submitIcoBtn{float:none; width:auto}
.modal.visible{display: flex;}
.modalContent2{margin: auto;}
}




@media screen and (min-width: 1250px){
.text{width:70%; padding-left:10px}
.InfoSet{width:960px}
.modal .InfoSet{width:100%}
.topBox{    display: inline-block;width: 50%; min-width: 50%; }
.InfoSet .NonBG {width: 580px;} 
.modal .InfoSet .NonBG {    width: 500px;} 
}

@media screen and (min-width: 960px) and (max-width: 1023px){
.InfoSet{width:960px}
.topBox{    display: inline-block;width: 50%; min-width: 50%; }
.InfoSet .NonBG {width: 580px;} 


}

@media screen and (min-width: 1024px) and (max-width: 1200px){
.Opis{display:block;}
.Opis div{ display: inline-block; /*min-height: 200px;*/ vertical-align: text-bottom;}
}

@media screen and (max-width: 850px){
.Opis{display:block;}
.Opis div{ display: inline-block; /*min-height: 200px;*/ width:100%; vertical-align: text-bottom; margin: 5px;}
}

@media screen and (max-width: 400px){
.Opis div{ max-width:100%; min-height: auto;}
.Opis div i{display:inline}
}





@media screen and (min-width: 1250px) and (max-width: 1340px){


.servicePage, .innerPage { overflow: hidden;}
.InfoSet .NonBG {
    width: 520px;
}
.text{width:90%}
}



@media screen and (max-width: 767px){
.addElem div{min-height:60px}
.topPersonal.topZayavka {    right: 150px;
    top: 28px;}
.tariffAllBanner tr td {
    padding: 10px 5px; 
}
}

@media screen and (max-width: 640px){
.topPersonal.topZayavka {    right: 150px;
    top: 28px;
    right: 105px;
    top: 15px;}
}

.no-js a{float:none; margin-bottom:10px}

.price_big{
font: 400 55px/1.0 'Roboto', sans-serif;
    float: left;
    margin: 0 15px 0 0;
color:white;
}
#no_js_message{    font: 700 30px/1.0 'Cuprum', sans-serif;
    color: #037ac3;
    margin: 0 0 30px 0; z-index:999999; position:absolute; width:50%; bottom:10%; left:50%; margin-left:-25%; text-align:center}


.tp-bgimg.defaultimg{    background-position: top center !important;}
.tp-revslider-mainul li{width:100% !important}


.lk_content .reportPayment .table {
    border: 0px;
    padding: 0px;
}



//пожелания

p, li{line-height: 1.3;}
.Opis h3{font: 300 15px/1.5 'Roboto', sans-serif;     color: #314553;}
.block-item a .circle{margin-top:0px; position:relative}
.block-item a .circle:before{content: '';
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background:#e6e9ea;
    position: absolute;
    left: 10px;
    top: -10px;}

.block-item:hover a .circle:before{display:none}

.Plus{position: absolute;
    top: -20px; display:block;
    right: 0px;
    color: #fff;

      background: #43a6f9;
    padding: 5px 12px;}
.block-item{position:relative;}

.modal.visible .Plus, .modal.visible .circle{display:none}



@media (max-width:360px){
.pageHeader .logo{margin-left:5px; width: 90px;}
.topPersonal .sectionIco{    margin: 0 0px 0 0;}
}



.documentList a{text-decoration:none}

font.notetext{    color: #037ac3;}
.map .map-area{top:-30px}
.map-area__btn.btn {
    text-align: center;
    text-decoration: none;
}

.map-area__title{margin-bottom:30px}



    .help_id_dealer{
        position: absolute;
    top: -1px;
    font-size: 20px;
    right: -26px;
    border-radius: 20px;
    border: 1px solid;
    padding: 2px 5px;
    }
    #main_UF_USER_DEALER_ID{
        position: relative;
    }
    .block_relative{
        position: relative;
    }
    .help_text_dealer{
        display: none;
        position: relative;
    }
    .help_id_dealer:hover .help_text_dealer{
        display: block;
        position: absolute;
    }



#page-zona{background: #e6e9ea url(/upload/i2.svg) right top no-repeat; background-size: 400px;}
#page-oborudovanie{background: #e6e9ea url(/upload/i3.svg) right top no-repeat; background-size: 400px;}
#page-tariff{background: #e6e9ea url(/upload/i4.svg) right top no-repeat; background-size: 400px;}
#page-gde-kupit{background: #e6e9ea url(/upload/i5.svg) right top no-repeat; background-size: 400px;}
#page-document{background: #e6e9ea url(/upload/i6.svg) right top no-repeat; background-size: 400px;}
#page-faq{background: #e6e9ea url(/upload/i7.svg) right top no-repeat; background-size: 400px;}
#page-news{background: #e6e9ea url(/upload/i8.svg) right top no-repeat; background-size: 400px;}
#page-about{background: #e6e9ea url(/upload/i9.svg) right top no-repeat; background-size: 400px;}
#page-kontakty{background: #e6e9ea url(/upload/i10.svg) right top no-repeat; background-size: 400px;    min-height:100vh}

#page-personal, #page-personalaktsiiu, #page-personalnew1, #page-personalnew2, #page-personalnew4{background: #e6e9ea url(/upload/i11.svg) right top no-repeat; background-size: 400px;}
#page-business, #page-businessaktsii, #page-businesszayavka-na-podklyuchenie{background: #e6e9ea url(/upload/01.jpg) right top no-repeat; background-size: 400px;}

#page-dileram, #page-dileramzayavka-na-podklyuchenie{background: #e6e9ea url(/upload/011.png) right top no-repeat; background-size: 400px;}


#blog-page{background: #e6e9ea url(/upload/012.svg) right top no-repeat; background-size: 400px; min-height:100vh}
#page-personalnew1{min-height:100vh}

.area {
    z-index: 2 !important;}


@media (max-width:460px){
.search-city__input{width:100% !important}
}



.trf.accordion .accordionSection{background:none}

@media screen and (min-width:1024px){
.news-detail{padding-left:30px;  max-width:800px; margin-bottom:60px}
}




@media screen and (min-width:1024px) and (max-width:1250px){

.InfoSet.margin-bottom-0 .NonBG {
    width: calc(100% - 290px);
}
}
.popup-window-content {padding:0px 20px !important}
.popup-window-content  p {font-size:14px; font-family:Open Sans !important}
.popup-window-titlebar {height:20px !important}

.frame_blc{
  overflow:hidden;
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
}
.frame_blc iframe {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.bx-breadcrumb{
	margin-left: 10px;
	padding-left: 20px;
}