.width18 {
    width: 18%;
}

.width23 {
    width: 23%;
}

.size18 {
    font-size: 18px;
}

.color000 {
    color: #000;
}

.mb10 {
    margin-bottom: 10px;
}

.mb30 {
    margin-bottom: 30px;
}

.style-t1 {
    padding-right: 24px;
}

.style-t1--mods i:before {
    content: '*';
}

.style-t1 i {
    right: inherit;
    top: inherit;
    margin-top: -3px;
}

.style-t2 {
    padding-left: 28px !important;
}

.marker-green.marker-green--mod {
    margin-left: 24px;
}

wbr {
    display: inline-block;
}

.jBox-content li {
    list-style: none;
    margin-left: 15px;
}

.jBox-content p {
    margin-bottom: 10px;
}

.change-tarif.korobka-oblako .table:not(.first-row) .table-cell:nth-child(even) {
    border-left: none;
}

.change-tarif.korobka-oblako .table-cell:nth-child(odd) {
    text-align: justify;
}

.change-tarif.korobka-oblako .table-cell.cell-tarif-name {
    text-align: center;
}

.contract_price__amount > small {
    display: block;
    font-size: small;
    font-weight: normal;
    text-align: right;
    color: #aaa;
}
/*----------------------------------------*/

.buhtab td {
    margin: 0 10px !important;
    padding-top: 0 !important;
}

.bill:after {
    content: '';
    border-radius: 4px;
    z-index: 2;
    height: 2px;
    left: -6px;
    right: -6px;
    top: -1px;
    width: auto;
    position: absolute;
    display: block;
    background: #0c0c0c;
}

.button_kons {
    color: #000;
    background-color: #fff;
    font-size: 18px;
    border: 2px solid #037add;
    padding: 0 10px;
    margin: 10px auto;
    display: block;
}

.button_kons:hover {
    border: 2px solid #ff6c00;
}

.media-descr__row {
    margin: 0 70px;
}

.media-descr__item {
    width: 47%;
}

.media-descr__item + .media-descr__item {
    margin-left: 6%;
}

.sidebar-widget-wrapper {
    margin-bottom: 22px;
    padding-bottom: 22px;
    min-height: 500px;
}

.bill {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 9px 18px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 9px 18px 0 rgba(0, 0, 0, .2);
    border-radius: 8px;

}

.bill hr {
    border-top: 2px solid #ddd;
    margin-top: 0;
}

.bill-slide {

    display: none;
}

.bill-slide > div {
    padding: 14px 14px 22px;
    margin-bottom: 30px;
}

.bill:after {
    border-radius: 4px;
    z-index: 2;
    height: 2px;
    left: -5%;
    right: -6px;
    top: -3px;
    width: 110%;
    position: absolute;
    display: block;
    background: #bebcb8;
    -webkit-box-shadow: 0px -3px 10px 1px #bebcb8;
    box-shadow: 0px -3px 10px 1px #bebcb8;
}

.counter-list ol li {
    display: block;
    position: relative;
    overflow: hidden;
}

.counter-list ol li:after {
    content: '';
    display: block;
    overflow: hidden;
    height: 14px;
    border-bottom: 1px dotted #ccc;
}

.counter-list ol li .key {
    display: block;
    float: left;
    z-index: 2;
    padding-right: 2px;
}

.counter-list ol li .value {
    display: block;
    float: right;
    z-index: 2;
    padding-left: 2px;
}

.counter-list ol li .value--mod {
    margin-right: 23px;
}

.alert-warning {
    color: red;
}

.change-tarif {
    position: relative;
    font-size: 14px;
}

.change-tarif .table {
    margin: 0;
}

.change-tarif .table-cell {
    text-align: center;
    vertical-align: middle;
    padding: 6px;
}

.change-tarif .cell-title {
    text-align: left;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
}

.change-tarif .table:not(.first-row) .table-cell {
    border-left: 2px solid #F5F5F5;
}

.tarif-name {
    height: 44px;
    margin: 10px 0;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
}

.change-tarif .table-row:nth-child(even) {
    background-color: rgb(227, 227, 227);
}

.change-tarif .table-row:nth-child(odd) .table-cell:nth-child(even) {
    background-color: rgb(228, 228, 228);
}

.change-tarif .table-row:nth-child(even) .table-cell:nth-child(even) {
    background-color: rgb(211, 211, 211);
}

.change-tarif .table-cell {
    border-bottom: none;
}

.change-tarif .table-cell {
    border-top: none;
    font-size: 14px;
}

.change-tarif .cell-tarif-name {
    vertical-align: top !important;
    background-color: #ffcb06 !important;
}

.change-tarif .tarifs-title {
    font-size: 20px;
    background-color: #ffcb06 !important;
    color: #fff;
}

.useful__list {
    margin: 0;
    padding: 0;
    text-align: center;
}

.useful__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 270px;
    margin: 0;
    padding: 20px;
    overflow: hidden;
    list-style: none;
    border-radius: 5px;
    background: linear-gradient(to bottom, #FFCC00, #fff);
}

.useful__item:not(:first-child) {
    margin-left: 30px;
}

.useful__item:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -60px;
    z-index: 1;
    height: 60px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
    transition: .2s ease-in-out;
}

.useful__item:hover::before {
    top: 100%;
}

.useful__link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.useful__title {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-height: 56px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

.useful__button {
    z-index: 4;
}

.tarif-price {
    margin-top: 0;
    font-size: 12px;
}

.tarif-price-value {
    font-size: 36px;
    line-height: 36px;
}

.tarif-price-descr-1 {
    display: block;
    height: 68px;
}

.tarif-price-descr-2 {
    color: #ff0000;
}

.style-row .table-cell:nth-child(even) {
    background-color: rgb(211, 211, 211) !important;
}

.style-row .table-cell {
    border-bottom: dashed 1px #808080;
}

.day-free {
    font-size: 20px;
}

.tarifs {
    padding-bottom: 50px;
    background-color:#F5F5F5;
}

.tarifs__style-1 {
    font-size: 18px;
}

.useful {
    text-align: center;
}
.useful__text {
    display: inline-block;
    width: 268px;
    height: 69px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 69px;
    text-shadow: 1px 1px 2px black;
    background-image: url(img/bgr-useful.jpg);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.useful__text:hover,
.useful__text:focus {
    color: #fff;
    text-decoration: none;
}

.useful__text--one {
    margin-right: 100px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.useful__text--one:hover,
.useful__text--one:focus {
    -webkit-transform: rotate(-15deg) scale(1.2);
    -ms-transform: rotate(-15deg) scale(1.2);
    transform: rotate(-15deg) scale(1.2);
}

.useful__text--two {
    -webkit-transform: rotate(12deg) translateY(30px);
    -ms-transform: rotate(12deg) translateY(30px);
    transform: rotate(12deg) translateY(30px);
}

.useful__text--two:hover,
.useful__text--two:focus {
    -webkit-transform: rotate(12deg) translateY(30px) scale(1.2);
    -ms-transform: rotate(12deg) translateY(30px) scale(1.2);
    transform: rotate(12deg) translateY(30px) scale(1.2);
}

.table-type-t1 {
    width: 100%;
    table-layout: fixed;
}

.table-type-t1__cell-h:first-child {
    width: 30%;
}

.table-type-t1__cell,
.table-type-t1__cell-h {
    text-align: center;
    padding: 10px;
}

.table-type-t1__cell:first-child {
    text-align: left;
    font-weight: bold;
}

.table-type-t1__cell {
    border: 1px solid #CCC;
}

.table-type-t1__row-h {
    border-bottom: 2px solid #006FCB;
}

.table-type-t1__style-t1 {
    font-weight: normal;
}

.table-type-t2 {
    width: 100%;
    table-layout: fixed;
}

.table-type-t2__row:first-child .table-type-t2__cell {
    border: none;
}

.table-type-t2__row:nth-child(odd) {
    border-bottom: 2px solid #006FCB;
}

.table-type-t2__row:nth-child(odd) .table-type-t2__cell {
    font-weight: bold;
}

.table-type-t2__cell {
    text-align: center;
    padding: 10px;
    border: 1px solid #CCC;
}

.bgr-type-1 {
    padding-bottom: 50px;
    background-image: url(../img/bgr-gray.png);
}

.for-accountant-manager__list {
    margin: 0;
    list-style: none;
}

.for-accountant-manager__item {
    margin: 0;
}

.for-accountant-manager__item:not(:last-of-type) {
    margin: 0 0 10px 0;
}

.for-accountant-manager__item-title {
    display: inline;
}

.for-accountant-manager__item-text {
    margin: 0;
}

.marker-green {
    height: 20px;
    width: 20px;
    background: url("/bitrix/components/eoffice/tarif.list/templates/rent/images/marker-green.png") no-repeat;
    margin: 0px auto;

}

.fresh-and-tarifs a.button-blue,
.change-tarif a.button-blue {
    text-decoration: none !important;
    color: #FFF !important;
}

.fresh-and-tarifs .button-blue,
.change-tarif .button-blue {
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    text-decoration: none;
    color: #FFF;
    background: #FF6C00;
    padding: 5px 15px;
    display: inline-block;
    text-align: center;
    margin: 10px 0px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.7);
    border: 2px solid rgba(0, 0, 0, 0);
    text-transform: uppercase;
    position: relative;
    z-index: 50;
    font-size: 16px;
}

.price {
    margin-bottom: 60px;
}

.issues__title {
    margin: 0 0 20px;
    padding: 0;
    font-size: 24px;
    color: #000;
}

.issues__title::after {
    content: none;
}

.issues__list {
    margin-bottom: 15px;
    list-style: none;
}

.issues__item {
    text-align: center;
}

.issues__item:not(:last-child) {
    margin-bottom: 15px;
}

.issues .sliding-title {
    display: inline;
    font-size: 18px;
}

@media (max-width: 1199px) {
    .change-tarif .tarif-name {
        font-size: 20px;
    }

    .change-tarif .table-cell {
        font-size: 13px;
    }

    .day-free {
        font-size: 18px;
    }

    .change-tarif .button-blue {
        padding: 5px 10px;
        margin: 5px 0px;
        font-size: 12px;
    }

    .tarifs__style-1 {
        font-size: 14px;
    }

    .useful__item {
        width: 200px;
    }

    .useful__title {
        min-height: 112px;
    }

    .media-descr__row {
        margin: 0 30px;
    }

    .media-descr__item {
        width: 48%;
    }

    .media-descr__item + .media-descr__item {
        margin-left: 4%;
    }
}

@media (max-width: 991px) {
    .change-tarif .tarif-name {
        font-size: 16px;
    }

    #list-dop-opt .cell-title, #list-dop-config .cell-title {
        padding-left: 10px;
    }

    .tarifs__style-1 {
        font-size: 12px;
    }


    .change-tarif .table-cell {
        font-size: 12px;
    }

    .day-free {
        font-size: 14px;
    }

    .media-descr__row {
        margin: 0 9px;
    }

    .media-descr__item {
        width: 49%;
    }

    .media-descr__item + .media-descr__item {
        margin-left: 2%;
    }

    .counter-list ol {
        padding-left: 12px;
    }
}

.bx-ie:not(.bx-ie11) .change-tarif .table-cell:not(.cell-title) {
    border-right: 1px solid #E8E8E8;
    position: relative;
}

.bx-ie:not(.bx-ie11) .change-tarif {
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
}

@media (min-width: 992px) {
    .tarif-price-descr-1 {
        height: 51px;
    }
    .tarif-name {
        height: 56px;
    }
}

@media (min-width: 1200px) {
    .tarif-name {
        height: 68px;
    }
}