/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/

.col210 .item {
    text-align: center;
}

.top-art-b {
    margin-bottom: 10px;
}

.box_big_inner .top_buttons {
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
}

.box_big_inner .top_buttons li {
    display: block;
    float: left;
    margin-left: 7px;
}

.box_big_inner .krok1_rozwiazania {
    border-bottom: 1px solid #d8d8d8;
}

.box_big_inner .col750 {
    width: 750px;
    float: left;
    box-sizing: border-box;
    padding-left: 37px;
}

.box_big_inner .col750 .items {
    border-right: 1px solid #d8d8d8;
}

.box_big_inner .col750 .item p {
    margin-left: 78px;
    position: relative;
    width: auto;
    vertical-align: middle;
    min-height: 65px;
    display: table;
}

.box_big_inner .col750 .item p a {
    display: block;
}

.box_big_inner .col750 .item p span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.box_big_inner .col750 .item p img {
    display: block;
    position: absolute;
    margin: auto 0 auto -78px;
    top: 0;
    bottom: 0;
}

.box_big_inner .col210 {
    width: 210px;
    float: left;
    padding-top: 27px;
}

.box_big_inner .col210 .icon {
    margin: 0 auto;
}

.box_big_inner .col210 p {
    color: #010101;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
}

.box_big_inner .items .item {
    clear: both;
}

.box_big_inner .col750 .krok1_rozwiazania {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

.box_big_inner .items .icon {
    float: left;
}

.box_big_inner .items p {
    font-family: BenchNine;
    font-size: 24px;
    font-weight: 400;
}

.box_big_inner .items a {
    color: #14173f;
}

.box_big_inner .col750.w100 {
    width: auto;
    float: none;
}

.product {
    float: left;
    width: 14.6666666667%;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    margin-right: 2%;
}

.box_big_inner .products a {
    color: #14173f;
}

.box_big_inner .product:last-child {
    margin-right: 0;
}

.box_big_inner .product img {
    width: 80%;
    margin: 10%;
}

.box_big_inner .product p {
    text-align: center;
}

.products .krok1_rozwiazania {
    /*    display: none;
*/
}

.banner-img {
    width: 100%;
}

.st-list {
    list-style-type: disc;
}

.inf-block {
    padding: 50px 0;
}

.cf:after {
    clear: both;
}

.cf:after,
.cf:before {
    content: '';
    display: table;
}

.main_container .inf-block h3 {
    font-size: 26px;
    margin-top: 0 !important;
    text-transform: uppercase;
}

.left-block {
    float: left;
}

.right-block {
    float: right;
    display: inline-block;
}

.w-cont {
    width: 45%;
}

.inf-block__img {
    width: 505px;
}

.box_big .big-box-title {
    font-size: 28px;
    color: #111111;
    font-weight: normal;
    text-transform: capitalize;
}

.box_big .smoll-box-title {
    font-size: 24px;
    color: #111111;
    font-weight: normal;
    text-transform: capitalize;
}

.scroll-cont {
    margin: 10px 3.5%;
    max-height: 765px;
    overflow-y: scroll;
}

.scroll-cont table {
    width: 100%;
    border-collapse: collapse;
}

.scroll-cont table,
.scroll-cont th,
.scroll-cont td {
    border: 1px solid #ededed;
}

.scroll-cont td {
    padding: 40px 10px;
}

.scroll-cont tr:first-child td {
    padding: 10px;
    font-weight: bold;
}

.box_big .bix-t {
    text-transform: uppercase;
    font-size: 40px;
    color: #5f5f5f;
    padding-bottom: 78px;
}

.some-cont {
    padding: 0 9%
}

.box_big .list-in-txt {
    margin: 0 3.5%;
    padding: 0;
}

.box_big .list-in-txt li {
    list-style-type: none;
}

.box_big .list-in-txt li:before {
    content: "-";
    margin-right: 10px;
    display: inline-block;
}

.box_big .some-cont p {
    margin-bottom: 0;
    margin-top: 0;
}

.al-r {
    text-align: right;
}

.block-input {
    float: left;
    width: 50%;
    text-align: right;
}

.inli {
    display: inline-block;
    vertical-align: super;
}

.block-input input {
    float: right;
    margin: 1px 10px;
    width: 230px;
    border-color: #cccccc;
    padding: 4px;
    border-width: 1px;
    box-sizing: border-box;
}

.sell {
    float: right;
    margin: 1px 10px;
    width: 80%;
    padding: 5px;
    box-sizing: border-box;
    border-color: #cccccc;
}


/*.send-form {
    margin-top: 80px;
}*/

.align-but {
    text-align: center;
    margin-top: 20px;
}

.submit-f {
    background: #d10018;
    border: none;
    width: 130px;
    padding: 10px 0;
    color: white;
    margin: 0 10px;
}

.clear-but {
    background: #c3c3c3;
    border: none;
    width: 130px;
    padding: 10px 0;
    color: white;
    margin: 0 10px;
    display: inline-block;
    font: 13.3333px Arial;
}

@media (max-width: 1023px) {
    .box_big_inner .col750 {
        width: 80%;
    }
    .box_big_inner .col210 {
        width: 20%;
    }
}

@media (max-width: 992px) {
    .box_big_inner .top_buttons li {
        width: 30%;
        margin-left: 3%;
    }
    .box_big_inner .top_buttons a,
    .box_big_inner .top_buttons img {
        width: 100%;
    }
    .inf-block__img {
        width: 95%;
    }
    .left-block {
        width: 50%
    }
    .right-block {
        width: 50%
    }
    .some-cont {
        padding: 0 2%;
    }
}

@media (max-width: 830px) {
    .sell {
        width: 95%;
    }
    .block-input input {
        width: 95%;
    }
    .al-r,
    .block-input {
        text-align: left;
    }
    .inli {
        padding-left: 5%;
    }
}

@media (max-width: 768px) {
    .box_big_inner .col750 {
        width: 100%;
        float: none;
        padding: 0 10px;
    }
    .box_big_inner .col750 .items {
        border: 0 !important;
    }
    .box_big_inner .col210 {
        width: 100%;
        float: none;
    }
    .box_big_inner .col210 .item {
        width: 33%;
        float: left;
    }
    .box_big_inner .product {
        width: 30%;
        margin-right: 3%;
        margin-bottom: 10px;
    }
    .products .krok1_rozwiazania {
        display: block;
    }
    .items+.krok1_rozwiazania {
        display: none;
    }
}

@media (max-width: 480px) {
    .box_big_inner .top_buttons li {
        width: 100%;
        max-width: 200px;
        margin: 10px auto;
        float: none;
    }
    .box_big_inner .top_buttons a,
    .box_big_inner .top_buttons img {
        width: 100%;
    }
    .left-block,
    .right-block {
        width: 100%;
    }
    .inf-block__img {
        padding-left: 10px;
        box-sizing: border-box;
    }
    .block-input {
        width: 100%;
    }
}

.detail_text {
    margin: 0 40px;
}

.roadshow img {
    max-width: 100% !important;
    height: auto !important;
}