html, body {
    height: 100%;
}
body {
    font-size: 15px;
    font-family: Roboto, 'Roboto Condensed', Ubuntu;
    background: url('https://cdn.s2s.ru/images/company/287000040985/fon/original/grass.jpg') fixed;
    background-size: cover;
}
a {
    color: #48679a;
}
.star {
    cursor: pointer;
}
.s2s-container {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    flex-grow: 1;
}
.s2s-main-content {
    flex-grow: 1;
}
.full-width h1 {
    font-weight: bold;
}
table.full-width {
    width: 100%;
}
.row.form-group {
    margin-bottom: 1rem;
}
.requiredColor {
    color: #20A648;
}
.right-sidebar {
    width: 255px;
    float: right;
    padding-left: 0;
}
.top-phone {
    font-weight: bold;
    font-family: "Ubuntu";
    font-size: 22px;
    line-height: 26px;
    display: block;
    color: green;
    text-align: center;
    white-space: nowrap;
}
.top-phone a {
    color: green;
}
.top-phone-text {
    text-align: center;
    color: #999;
    max-height: 82px;
    position: relative;
    overflow-y: hidden;
}
.top-phone img, .footer2-phone img {
    margin-right: 5px;
}
.search-form {
    background-color: white;
    margin-top: -15px;
    margin-left: -15px;
    padding: 15px;
}
.search-form.one-company {
    background-color: initial;
    margin-right: -15px;
    padding-top: 0;
    /*padding-bottom: 0;*/
}
h1 {
    color: #333;
    margin-top: 0;
    font-size: 28px;
    font-family: 'Roboto Condensed', Ubuntu;
}
.search-form.one-company h1 {
    font-weight: bold;
    margin-bottom: 0;
}
.d-flex {
    display: flex;
}
.flex-grow-1 {
    flex-grow: 1;
}
.search-form-ext {
    padding: 2px;
    background-color: #7492c9;
    display: flex;
    border-radius: 2px !important;
    /* flex-wrap: wrap; */
    justify-content: flex-start;
    margin-bottom: 10px;
}
#search-ext {
    font-size: 20px;
    flex-grow: 1;
    margin-right: 1px;
    padding-left: 30px !important;
    background: lightyellow url(https://cdn.s2s.ru/img/magnifying-glass.png) no-repeat;
    background-position: 6px 7px;
}
.search-form-toolbar {
    margin-top: 5px;
    display: flex;
    align-items: center;
}
.view_label {
    float: left;
    display: block;
    margin-top: 3px;
    font-size: 1em;
}
.form-control {
    padding-left: 7px;
}
.search-form-ext .form-control {
    width: 20%;
    font-family: 'Roboto Condensed', Ubuntu;
}
#cregion {
    font-size: 16px;
}
#tag, #cregion {
    margin-right: 1px;
}
#type {
    width: 120px;
    padding-right: 0;
}
.cregion, #type, #industry_id {
    width: 112px;
    margin-left: 0px !important;
}
.search-button button {
    padding: 5px 15px;
    margin-left: 2px;
    border-radius: 4px !important;
    font-size: 20px;
    font-family: 'Roboto Condensed', Ubuntu;
}
.btn {
    border: 0;
}
.activeColor {
    color: #48679A;
}
.search-form input, .search-form select, .search-form-ext input, .search-form-ext select {
    border-radius: 3px;
    font-size: 18px;
    border: 1px solid #7492c9;
    height: 38px;
    padding: 4px 7px !important;
    background-color: lightyellow;
}
#search-ext:focus {
    background: lightyellow;
    padding-left: 7px !important;
}
#search-ext:focus::-webkit-input-placeholder { color:transparent; }
#search-ext:focus:-moz-placeholder { color:transparent; }
.hidden-search * {
    display: none !important;
}
.transparent-white-bg {
    background-color: rgba(255, 255, 255, 0.9);
}
.transparent-black-bg {
    background-color: rgba(5, 5, 5, 0.5);
    color: white;
}
.black-bg {
    background-color: #555;
    color: white;
}
.more-transparent-white-bg {
    background-color: rgba(255, 255, 255, 0.5);
}
.white-bg {
    background-color: white;
}
.stretching-ad {
    margin: auto;
}
.stretching-ad > div {
    margin: auto;
}
.popup-login {
    padding: 5px 10px 0;
}
.flex-container-between {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    /*align-items: flex-end;*/
}
.checkbox-inputs {
    min-height: 35px;
    width: 100%;
    flex-wrap: wrap !important;
}
.checkbox-inputs input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    margin-right: 8px;
    position: relative;
    overflow: hidden;
    vertical-align: sub;
}
.checkbox-inputs label {
    text-indent: 0px;
    font-weight: normal;
    font-size: 14px;
    padding-right: 20px;
    margin-bottom: 0;
}
.search-labels :first-child {
    padding-left: 0 !important;
}
#scroll-wrapper, #scroll-wrapper2 {
    position: relative;
}
#scroll-wrapper2 {
    margin-top: 0;
}
.scroll-btn {
    position: absolute;
    right: 25px;
    background: #3c4869;
    opacity: 0.7;
    color: white;
    font-weight: bold;
    padding: 6px 6px 1px 6px;
    border-radius: 15px;
    cursor: pointer;
    bottom: 0;
    margin-bottom: 10px !important;
    display: none;
}
#scroll-up, #scroll-down, #scroll-up2, #scroll-down2, #scroll-all, #scroll-all2, #scroll-all-back2 {
    display: none;
}
#scroll-up2 {
    right: 38px;
}
#scroll-down2 {
    right: 38px;
}
#scroll-all {
    right: 60px;
}
#scroll-all2 {
    right: 70px;
}
#scroll-all-back2 {
    right: 38px;
    transform: rotate(-45deg);
}

#scrolltags {
    max-height: 153px;
    overflow: auto;
    transition: .5s;
}
#scrolltags2 {
    max-height: 144px;
    overflow: auto;
    transition: .5s;
}
#scrolltags {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 9px;
}
#scrolltags a, #scrolltags2 a {
    border: 1px solid #555;
    border-radius: 8px;
    padding: 2px 6px 1px;
    transition: all 250ms cubic-bezier(0.42,0,0.58,1) 0s;
    /*background-color: rgba(255,255,255,0.4);*/
    background-color: white;
    list-style: none;
    display: inline-block;
    text-decoration: none;
    color: #333;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Roboto Condensed';
    font-weight: normal;
    margin-bottom: 10px;
    margin-right: 5px;
}
#scrolltags a:hover, #scrolltags2 a:hover {
    background-color: rgba(255,255,255,0.2);
}
#scrolltags a.active {
    background-color: black;
    color: white;
}
#scrolltags::-webkit-scrollbar, #scrolltags2::-webkit-scrollbar {
    -webkit-appearance: none;
}
#scrolltags::-webkit-scrollbar:vertical, #scrolltags2::-webkit-scrollbar:vertical {
    width: 20px;
}
#scrolltags::-webkit-scrollbar:horizontal, #scrolltags2::-webkit-scrollbar:horizontal {
    height: 20px;
}
#scrolltags::-webkit-scrollbar-thumb, #scrolltags2::-webkit-scrollbar-thumb {
    background-color: rgba(116, 125, 145, 1);
    border-radius: 5px;
    border: 2px solid rgba(241, 245, 251, 0.9);
}
#scrolltags::-webkit-scrollbar-track, #scrolltags2::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: rgba(241, 245, 251, 0.5);
}
.container {
    padding: 0 !important;
}
@media (min-width: 992px) {
    .container {
        width: 980px;
    }
    .left-sidebar {
        width: 725px;
    }
    #divisions {
        columns: 3;
    }
}
#logo {
    margin-right: 20px;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.vertical-align-center {
    align-items: center;
    display: flex;
}
.horizontal-align-right {
    justify-content: flex-end;
    margin: 10px 0 !important;
}
.row > div {
    margin: 15px 0;
}
.breadcrumbs {
    margin: 5px 0 !important;
}
.crumbs {
    padding: 5px 0px 5px 5px;
    margin: 0;
    float: left;
}
.crumbs > li {
    margin-left: 10px;
    list-style: none;
    display: inline-block;
}
.crumbs :first-child {
    margin-left: -2px;
}
.crumbs > li > a {
    font-family: "Roboto Condensed";
    color: #555;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0 10px 0 0;
    letter-spacing: -0.2px;
}
.crumbs li:not(:last-child)::after {
    content: ">";
}

.top-banner-info-company-name {
    line-height: 28px;
    font-size: 26px;
    font-weight: bold;
    display: block;
    font-family: "Roboto Condensed", Roboto, Ubuntu;
}
.top-banner-info-company-name a, .top-banner-info-company-name a:hover {
    color: #333;
    text-decoration: none;
}
.top-banner-info-company-desc {
    margin-top: 0;
    font-size: 15.9px;
    line-height: 18px;
    color: #353334;
    display: block;
    font-family: "Roboto Condensed", Roboto, Ubuntu;
    max-height: 53px;
    position: relative;
    overflow-y: hidden;
}
.short-info-company-desc {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 18px;
    color: #353334;
    display: block;
    font-family: "Roboto Condensed", Roboto, Ubuntu;
}
.main-content {
    margin-top: 0 !important;
    overflow: hidden;
}
#right-banner-block {
    margin-top: -15px;
    width: 240px;
    padding: 0;
    position: absolute;
    overflow: hidden;
    display: block;
}
#footer a, #footer span, #footer text, #footer div {
    color: #fff;
    font-family: "Roboto Condensed", Roboto, Ubuntu;
}
#footer a {
    /*text-decoration: underline;*/
}
#footer a:hover {
    /*text-decoration: none;*/
}
a.underlined {
    text-decoration: underline;
}
a.underlined:hover {
    text-decoration: none;
}

#footer .left {
    margin-right: 20px;
}
#footer .right a {
    text-decoration: none;
}
.footer2-left {
    font-size: 16px;
    padding-left: 25px;
}
.footer2-header {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}
.footer2-phone {
    font-family: "Ubuntu";
    font-size: 28px !important;
    line-height: 33px !important;
    font-weight: bold;
    margin-right: 10px;
    text-align: right;
}
.footer2-bottom {
    margin-top: 0 !important;
}
.footer2-top>div {
    margin-bottom: 0;
}

.footer2-bottom div {
    text-align: center;
}
.footer2-bottom .header {
    font-size: 28px;
}
.footer2-bottom .footer {
    margin-top: 15px;
}
.justify-content {
    display: flex;
    justify-content: space-between;
}
.view4-row {
    display: flex;
    /*align-items: center;*/
    padding: 15px;
    font-family: "Roboto Condensed", Roboto, Ubuntu;
}
.view4-row .text {
    font-size: 18px;
    line-height: 20px;
}
.view4-row .left {
    min-width: 135px;
}
.view4-row .left img {
    max-width: 120px;
    max-height: 120px;
    /*margin-right: 20px;*/
}
.view4-row a.title {
    font-size: 22px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}
.view4-row .goods {
    font-size: 18px;
    font-weight: bold;
}
.view4-row:nth-child(2n+1) {
    background: #ecf0f5;
}
.view4-row:nth-child(2n) {
    background: #f9f9f9;
}
.view4 .categories {
    font-family: "Roboto Condensed", Roboto, Ubuntu;
    max-height: 78px;
    overflow: hidden;
    margin-top: 3px;
}
.view4 .categories a {
    padding-right: 10px;
    font-size: 18px;
    display: inline-block;
    line-height: 20px;
}
.view1 .photo-element-item {
    width: 100%;
    align-content: flex-end;
    align-items: flex-end;
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    font-family: "Roboto Condensed", Roboto, Ubuntu;
}
.view1 .photo-element-item:nth-child(2n+1) {
    background: #ecf0f5;
}
.view1 .photo-element-item:nth-child(2n) {
    background: #f9f9f9;
}
.view1 .photo-element-item-image {
    display: flex;
    margin: 5px;
    width: 100%;
}
.view1 .photo-element-item-image > a {
    display: inline-flex;
    width: 25px;
    text-decoration: none;
    color: #48679a;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
}
.view1 .glyphicon-picture {
    font-size: 18px;
}
.view1 .picture-count {
    font-size: 0.6em;
    padding-top: 3px;
    display: block;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}
.view1 .photo-element-item-wrapper {
    width: 97%;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
}
.view1 .photo-element-item-title {
    display: inline-block;
    width: 75%;
    overflow: hidden;
    height: 22px;
}
.view1 .photo-element-item-title > a {
    color: #48679a;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
}
.view1 .photo-element-item-price {
    float: right;
    width: 120px;
    min-height: 50px;
    text-align: center;
    display: block;
    margin-right: 22px;
    margin-top: -10px;
}
.view1 div.photo-element-item-favorite, .view1 span.photo-element-item-favorite {
    display: inline-block;
    margin-top: 20px;
    position: absolute;
    right: 20px;
    font-size: 25px;
}
.view1 .photo-element-item-date {
    display: inline-block;
    width: 100px;
    float: left;
    font-size: 14px;
    min-width: 110px;
}
.view1 span.photo-element-item-location {
    min-width: 120px;
    width: 29%;
    float: left;
    display: inline-block;
    font-size: 15px;
    color: #777;
    /*padding-left: 7px;*/
    overflow: hidden;
    height: 18px;
}
.view1 span.photo-element-pretty-price {
    font-weight: bold;
    font-size: 17px;
    width: 120px;
    line-height: 14px;
    display: block;
}
.view1 .photo-element-item-type {
    color: #afafaf;
    width: 115px;
    text-align: center;
    display: block;
    font-size: 13px;
    line-height: 13px;
    padding-bottom: 5px;
}
.view1 .photo-element-item-currency {
    font-size: 13px;
}
.view1 a.photo-element-item-author {
    font-size: 14px;
    display: inline-block;
    float: left;
    overflow: hidden;
    min-width: 150px;
    /*padding-left: 10px;*/
}
.view1 .star {
    opacity: 1;
    cursor: pointer;
}
.view1 .dropdown-menu {
    left: initial;
    right: 0;
}
.view2 .left, .view2 .middle, .view2 .right {
    display: inline-block;
    font-family: "Roboto Condensed", Roboto, Ubuntu;
    position: relative;
}
.view2 .item-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px;
    font-weight: bold;
}
.view2 .left img {
    object-fit: cover;
    width:140px;
    height:140px;
}
.view2 .middle {
    padding: 0 15px;
}
.view2-row {
    margin-bottom: 15px;
}
.view2 .price-full {
    background-color: #ffffa5;
    padding: 5px 3px 3px 5px;
    font-size: 18px;
    font-weight: bold;
    /*margin-left: 5px;*/
}
.view2 .star, .view2 .promo {
    display: block;
    font-size: 26px;
}
.view2 .num-images {
    position: absolute;
    top: 5px;
    /* left: 20px; */
    left: 0;
    padding: 0 5px;
    background-color: black;
    color: white;
    border-radius: 5px;
    opacity: 0.8;
}
.glyphicon-star {
    color: #fdb226 !important;
}
.view3 .item {
    position: relative;
    margin-right: -15px;
    margin-top: -15px;
    height: 180px;
    background-color: white;
}
.view3 .main-img {
    object-fit: cover;
    width:100%;
    max-height:180px;
}
.view3 .item-wrapper {
    color: white;
    background-color: rgba(5,5,5,0.5);
    font-family: "Roboto Condensed", Roboto, Ubuntu;
    height: 55px;
    bottom: 55px;
    position: absolute;
    bottom: 0;
    display: block;
    z-index: 998;
    width: 100%;
}
.view3 a {
    color: white;
}
.view3 .item-title {
    position: absolute;
    padding: 5px;
    font-size: 15px;
    line-height: 15px;
    height: 35px;
    overflow: hidden;
}
.view3 .item-region {
    position: absolute;
    bottom: 0;
    left: 5px;
    width: 50%;
    height: 19px;
    overflow: hidden;
    font-size: 12px;
}
.view3 .item-price {
    position: absolute;
    bottom: 0;
    right: 5px;
    font-weight: bold;
}
.view3 .star {
    display: block;
    font-size: 26px;
    position: absolute;
    top: 10px;
    right: 5px;
}
.view3 .promo {
    display: block;
    position: absolute;
    top: 10px;
    right: 40px;
}
.view3 .num-images {
    position: absolute;

    padding: 0 5px;
    background-color: black;
    color: white;
    border-radius: 5px;
    opacity: 0.8;
    top: 7px;
    left: 7px;
}
.view3 .dropdown-menu {
    left: inherit;
    right: 0;
}
.disableColor {
    color: #CACACA;
}
.carousel-picture img {
    object-fit: cover;
    max-height: 450px;
    max-width: 100%;
}
.carousel-picture .active {
    margin-left: 0 !important;
}
.carousel-slider .active:after {
    margin-top: -35%;
}
.carousel-slider div {
    float: right;
}
.carousel-slider {
    width: 12em;
}
#carousel-wrapper {
    width: 100%;
}
.one-price {
    text-align: right;
}
.one-price span.price {
    padding: 5px 10px;
    background-color: #ffffa5;
    margin-top: -5px;
}
.one-price .valPrice, .one-price .unitsPrice {
    font-weight: bold;
}
.one-add-to-fav .star {
    font-size: 28px;
}
.one-add-to-fav .star-text {
    padding: 5px;
    color: #777;
}
.one-top-line div {
    margin: 0;
}
.one-top-line .type {
    margin-top: 5px;
    color: #afafaf;
    font-weight: bold;
}
.others {
    font-size: 18px;
    font-weight: bold;
    width: 200px;
    font-family: "Roboto Condensed", Roboto, Ubuntu;
}
.contact-bar {
    border: 0;
    margin-bottom: 0;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.07);
    padding: 15px;
    margin-top: -15px;
    clear: both;
}
.table-contact {
    margin-bottom: 0;
}
.share, .complain {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.complain {
    text-align: right;
}
#message {
    padding: 5px; resize: none;
}
.row.form-group > div {
    margin: 0;
    margin-bottom: 5px;
}
.hidden-block {
    display: none;
}
#show-search {
    /*position: absolute;*/
    /*right: 15px;*/
    color: #48679A;
    font-size: 18px;
    padding-top: 5px;
}
#show-search .text-span {
    margin-left: 4px;
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold;
}
#show-search:hover, #show-search:focus, #show-search:active {
    text-decoration: none;
}
.required input, .required textarea, .required select {
    border: 1px solid #20A648;
}
.required label {
    color: #20A648;
}
.remark {
    color: gray;
    font-weight: normal;
    font-size: 14px;
}
.form_decorator_phonetripple .desc {
    font-size: 11px;
}
.runtime_validator_errors {
    font-size: 0.8em;
    color: rgb(192, 152, 83);
    margin-top: 5px;
    margin-bottom: 10px;
}
.red {
    color: red;
}
input, select, textarea {
    border-radius: 4px;
    border: 1px solid lightgray;
    padding: 4px;
}
.droparea {
    border: 5px dashed #ccc;
    border-radius: 10px;
    vertical-align: baseline;
    margin: 0 auto;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
}
.droparea .uploadbtn {
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    padding: 2px 5px;
    margin-bottom: 5px;
    border-radius: 25px;
    cursor: pointer;
    font-weight: bold;
    color: #777;
}
.upload {
    visibility: hidden;
    opacity: 0;
    position: absolute;
}
p.dropfiletext {
    margin: 10px 0;
    font-weight: normal;
}
.empty-result {
    color: red;
    font-size: 20px;
    text-align: center;
    padding-top: 50px;
}
.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.mt-0 {
    margin-top: 0!important;
}
.mt-1 {
    margin-top: .25rem!important;
}
.mt-2 {
    margin-top: .5rem!important;
}
.mt-3 {
    margin-top: 1rem!important;
}
.mt-5 {
    margin-top: 1.5rem!important;
}
.mb-0 {
    margin-bottom: 0!important;
}
.mb-1 {
    margin-bottom: .25rem!important;
}
.mb-2 {
    margin-bottom: .5rem!important;
}
.mb-3 {
    margin-bottom: 1rem!important;
}
.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
}
.px-3 {
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}
.pt-3 {
    padding-top: 1rem!important;
}
@media (min-width: 1200px) {
    .bizon-container {
        width: 980px;
    }
}
@media (max-width: 991px) {
    .left-sidebar {
        /*margin-right: -15px !important;*/
        /*margin-top: 0 !important;*/
    }
    .search-form {
        margin-right: -15px;
    }
    .add-btn {
        text-align: center;
    }
    #divisions {
        columns: 2;
    }
    .horizontal-align-right {
        justify-content: center !important;
    }
}
.search-form-toolbar .glyphicon, .search-form-toolbar .fa {
    font-size: 21px;
}
.search-form-toolbar .btn {
    padding: 5px 11px 1px;
}
.search-form-toolbar .btn:last-child {
    padding-top: 3px;
}
.search-form-toolbar .btn {
    height: 32px;
}
.search-form-toolbar button:first-child {
    padding-left: 15px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}
.search-form-toolbar button:last-child {
    padding-right: 15px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}
.btn-default.active, .btn-default.active:hover, .btn-default:active {
    background-color: #c8d4ea;
}
@media (max-width: 520px) {
    .search-button, .search-button button, .search-form-ext .form-control {
        /* width: 100% !important; */
        margin-right: 0 !important;
    }
    .search-button {
        margin-left: -2px;
    }
    .row-eq-height {
        display: block;
    }
    .carousel-slider {
        display: none;
    }
    .carousel-picture img {
        height: 300px;
    }
    .one-top-line div {
        width: 100%;
    }
    .one-add-to-fav {
        display: flex;
    }
    #phone_tripple_phone td {
        display: inline-table;
    }
    #divisions {
        columns: 1;
    }
}
@media (max-width: 490px) {
    .col-xs-6 {
        width: 100%;
    }
    .table-contact td {
        display: inline-block;
    }
    .view3 .item {
        margin-right: inherit !important;
    }
    .star-td {
        display: none !important;
    }
    .col-md-8, .footer2-left, .footer2-bottom {
        padding-left: 7px;
        padding-right: 7px;
        overflow: hidden;
        padding-top: 10px;
    }
    #scrolltags, .left-sidebar {
        padding-left: 7px;
        padding-right: 7px;
    }
    .left-sidebar {
        overflow-x: hidden;
        padding-top: 15px;
        margin-top: 0 !important;
    }
    .contact-bar {
        padding: 5px;
    }
    .contact-author, .phone-author {
        padding-bottom: 0 !important;
    }
    .contact-author-value, .phone-author-value {
        padding-top: 0 !important;
    }
    #messagetoauthor, #phonetoauthor {
        margin-top: 5px;
    }
}
@media (max-width: 540px) {
    .view4-row {
        flex-direction: column;
    }
    .view4-row .left {
        margin-bottom: 10px;
        text-align: center;
    }
    .view4-row .text {
        overflow: hidden;
        max-width: 220px;
        max-height: 200px;
    }
    .view4-row a.title {
        text-align: center;
    }
    .search-form-ext {
        flex-direction: column;
    }
}
@media (min-width: 491px) {
    .view3 {
        padding-right: 15px;
    }
    .step-wrapper {
        display: block !important;
    }
}
#uploadfon, #uploadlogo, #uploadsubgoodimage {
    width: 10px;
}
.dropdown-menu>li>a {
    color: white;
}
.view1 .btn-group {
    margin-top: -7px;
}
.fa-chevron-circle-right {
    color: #a71010;
    cursor: pointer;
    box-shadow: none !important;
}
.fa-chevron-circle-right.active {
    color: #08c124;
}
.view2 .fa-chevron-circle-right {
    font-size: 26px;
}
.view3 .btn-group {
    display: block;
    font-size: 26px;
    position: absolute;
    top: 5px;
    right: 5px;
}
.navbar-nav>li>.dropdown-menu {
    max-height: 800px;
    overflow: auto;
}
.control-bar {
    margin-top: 0 !important;
}
.control-bar .panel {
    margin-bottom: 0;
}
.imageholder-large {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
}
.imageholder-large img {
    max-height: 70px;
    display: inline-block;
    background: #fff;
    padding: 2px;
    text-align: center;
    box-shadow: 0 0 4px #999;
    border: 1px solid #999;
    position: relative;
}
.btnclose {
    background: url(/images/icon.png) repeat scroll -40px 0;
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    right: -10px;
    top: -10px;
    border: 0 none;
}
div.step-wrapper {
    text-align: center;
    width: 100%;
    height: 60px;
    display: none;
    float: left;
    margin-top: 5px;
}
div.step-bar {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
}
div.step-one {
    background-image: url(/images/steps/step1.png);
}
div.step-two {
    background-image: url(/images/steps/step2.png);
}
div.step-three {
    background-image: url(/images/steps/step3.png);
}
div.step-bar a {
    display: block;
    float: left;
    height: 100%;
}
div.step-bar a.step-one {
    width: 32%;
}
div.step-bar a.step-two {
    width: 32%;
}
div.step-bar a.step-three {
    width: 36%;
}
span.description {
    font-size: 1.3rem;
}
.text-center {
    text-align: center;
}
.btn-big {
    font-size: 1.5em;
    border-radius: 0;
    font-family: 'Roboto Condensed', Roboto, Ubuntu;
}
a.delete_label {
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: underline;
    color: #c7254e;
    padding-left: 5px;
    text-transform: lowercase;
    vertical-align: text-bottom;
}
.py-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.pr-2 {
    padding-right: 1rem;
}
.pr-3 {
    padding-right: 1.5rem;
}
.master .fa {
    font-size: 3rem;
}
#pagination {
    text-align: center;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #fff;
    background-color: #337ab7;
}
.disabled {
    background: #e0e0e0 !important;
}
.imageholder {
    display: inline-block !important;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.imageholder.files {
    width: 30%;
}
.imageholder img {
    width: 100%;
    max-width: 150px;
    border: 5px solid white;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.droparea.files .imageholder img, .imageholder.files img {
    max-width: 50px;
}
.s2s-main-content {
    /*padding-top: 15px;*/
    /*padding-bottom: 15px;*/
}
#division_search_result input[type=checkbox] {
    margin-right: 5px;
    vertical-align: top;
}
.chain_line label {
    font-weight: normal;
}
.customer-files {
    padding-left: 0;
}
.customer-files li {
    list-style: none;
    background: url(https://cdn.s2s.ru/img/icons/default.png) no-repeat left 1px;
    background-size: 14px;
    padding-left: 20px;
}
#files {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
#files + label {
    font-size: 15px;
    font-weight: 700;
    color: #777;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 25px;
    display: inline-block;
    cursor: pointer;
    padding: 5px 10px;
    margin: 15px;
    text-shadow: initial;
}

#files:focus + label,
#files + label:hover {
    background-color: #e4e4e4;
}
#files:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
#files + label * {
    pointer-events: none;
}
.new-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.new-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.new-col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
#message-send h4 {
    margin-top: 0;
    font-size: 16px;
}
.carousel-slider .active:after {
    content: url(https://cdn.s2s.ru/img/left_arrow_white.png);
}
#messagetoauthor, #phonetoauthor, #showphone {
    margin-bottom: 5px;
}
.table-contact tr:first-child td {
    border-top: none;
}
.btn-phone, .btn-phone:hover, .btn-phone:focus, .btn-phone:active
{
    background-image: none !important;
    background-color: transparent !important;;
    box-shadow: none !important;
}
.sub-title {
    margin-top: -5px;
    font-weight: normal;
}
.sub-title a {
    font-weight: normal !important;
}
.social_network {
    padding-right: 10px;
    vertical-align: bottom;
}
.social_network img {
    opacity: 0.3;
    cursor: pointer;
}
.social_network input[type=checkbox] {
    vertical-align: sub;
    display: none;
}
.social_network [type=checkbox]:checked + img {
    opacity: 1;
}
form {
    margin-bottom: 0;
}
.row.form-group:last-child {
    margin-bottom: 0;
}
#divisions input[type=checkbox] {
    vertical-align: top;
}
.history-table td:first-child {
    padding-left: 0;
}
.history-date {
    padding: 3px 7px;
    border-radius: 5px;
    background-color: #eee;
    font-size: 14px;
    display: inline-block;
}
.visible-inline {
    display: inline-block;
}
.view-small .left {
    padding-right: 10px;
}
.view-small .left img.mini-special {
    position: absolute;
    top: 2px;
    left: 16px;
}
.view-small .left img.mini-img {
    object-fit: cover;
    width: 60px;
    height: 60px;
}
.view-small .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.view-small .middle {
    padding: 0 5px;
}
.view-small .item-title {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 5px;
    font-weight: bold;
}
.view-small .star {
    font-size: 24px;
}
.view-small .mini-price {
    background-color: #ffffa5;
    color: black;
    white-space: nowrap;
    padding: 0 5px;
}
.view-small .mini-title {
    margin-right: 5px;
}

/* ============================ */
.news-date {
    float: right;
    width: 20%;
    padding: 5px 5px 10px 0;
    text-align: right;
    color: #999;
    font-size: 1.5rem;
}

.table-stripped {
    border-top: none!important;
    border-bottom: none!important;
    border-right: none!important;
    border-left: none!important;
}
.table-stripped tr {
    border-top: none!important;
    border-bottom: none!important;
    border-right: none!important;
    border-left: none!important;
}
.table-stripped td {
    border-top: none!important;
    border-bottom: none!important;
    border-right: none!important;
    border-left: none!important;
}
.table-stripped td.date-td, .table-stripped td.title-td {
    border-top: none!important;
    border-bottom: none!important;
    border-right: none!important;
    border-left: none!important;
}

.table-striped > tbody > tr:nth-child(4n+1) > td, .table-striped > tbody > tr:nth-child(4n+2) > td,
.table-striped > tbody > tr:nth-child(4n+1), .table-striped > tbody > tr:nth-child(4n+2)
{
    background-color: #ECF0F5;
    border: 0;
}

.table-striped > tbody > tr:nth-child(4n+3) > td, .table-striped > tbody > tr:nth-child(4n+4) > td,
.table-striped > tbody > tr:nth-child(4n+3), .table-striped > tbody > tr:nth-child(4n+4) {
    background-color: #F7F9FB;
    border: 0;
}
.table>tbody>tr.no-padding-bottom>td {
    padding-bottom: 0;
}
.table>tbody>tr.no-padding-top>td {
    padding-top: 0;
}

.title-td {
    line-height: 19px !important;
    font-size: 17px !important;
    font-weight: bold !important;
    padding-top: 11px !important;
    word-break: break-word;
}
.title-td a {
    text-decoration: none;
}
.title-td a:hover {
    text-decoration: underline;
}

.date-td {
    font-size: 13px;
    padding-top: 3px !important;
}

.okrug-td, .region-td, .author-td {
    padding: 4px 0 7px 0 !important;
    font-size: 15px;
}
.okrug-td {
    color: #777;
    font-size: 12px;
}
.price-new-td {
    vertical-align: middle !important;
    padding: 8px 2px 8px 0 !important;
}
.align-center {
    text-align: center;
}
.price-span {
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 22px;
    white-space: nowrap;
}
.star-td .star {
    font-size: 25px;
}
.star-td {
    vertical-align: middle !important;
    padding-right: 10px;
    padding-left: 5px !important;
}
.type-span {
    color: #afafaf;
    font-size: 13px;
}
.unit-span {
    font-size: 13px;
}
.view1 .btn-group {
    margin-top: initial;
    font-size: 22px;
}
.lightGreenColor {
    color: #6eaf6e;
}
.redColor {
    color: #FF9999;
}
/* ============================ */
.contact-author, .contact-author-value {
    vertical-align: unset !important;
}
#show-more, #show-less {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: white;
    display: none;
    padding-right: 3px;
}
#show-more2, #show-less2 {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: white;
    font-size: 12px;
    display: none;
    padding-right: 3px;
}
.logo-area {
    flex-grow: 1;
    margin: 10px 0 !important;
    padding-top: 0 !important;
}
.transparent {
    opacity: 0;
}
.delimiter {
    color: white;
    opacity: .5;
    padding: 0 10px;
}
.nobr {
    white-space:nowrap;
}
.navbar-inverse .navbar-toggle {
    border: none;
}
button.navbar-toggle {
    margin-right: 15px;
}
@media (max-width: 767px) {
    .navbar-message-icon {
        padding-top: 15px !important;
    }
}
.logo-main-page {
    margin-top: -10px;
}
.logo-main-page img {
    width: 90px !important;
}
.table {
    margin-bottom: 0;
}
.paid {
    background-color: white;
    margin-bottom: 10px;
    border: 5px solid coral;
    padding: 10px;
}
.view2-row:last-child {
    margin-bottom: 0;
}
.view3.paid > .row {
    width: 100%;
}
.view3.paid > .row > div {
    margin-bottom: 0;
}