.modal-lg {
    max-width: calc(100% - 60px);
}

.modal-choose-left .modal-body {
    padding: 55px 30px 30px 30px;
}

.modal-choose-left .modal-header {
    padding-left: 30px;
    padding-right: 30px;
}

#chooseLeft2 {
    padding-left: 0 !important;
}

.orange-opacity-box-modal {
    border: 2px solid rgba(255, 55, 0, 0.1);
}

.orange-opacity-box-content-top {
    padding: 26px;
    background: rgba(255, 55, 0, 0.1);
}

.orange-opacity-box-content-top h5 {
    margin-top: 0;
    color: #ff3700;
    font-size: 1.3em;
}

.orange-opacity-box-content-bottom {
    padding: 26px;
    background: #fff;
}

.orange-opacity-box-content-bottom a {
    margin-top: 10px;
}

.choose-from-above-block {
    padding: 100px 50px;
    text-align: center;
}

.choose-from-above-block img {
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-bottom: 10px;
}

.solutions-list {
    margin: 0 -5px 0 -5px;
    padding: 0;
    list-style: none;
    width: 100%;
}

.solutions-list>li {
    width: 1%;
    display: table-cell;
    max-width: 20% !important;
    min-width: 20% !important;
    padding: 0 5px;
    position: relative;

}

.solutions-list.alone>li {
    width: 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
    display: block;
}

.forming-list {
    text-align: center;
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.forming-list li {
    display: inline-block;
    padding: 3px 5px;
    font-weight: bold;
    font-size: 1.5rem;
    border-radius: 4px;
}

.forming-list li:hover {
    background: #fff;
}

.fl-circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    position: relative;
    border-radius: 50%;
}

.fl-circle:after {
    position: absolute;
    content: "";
    width: 19px;
    height: 19px;
    border: 2px solid transparent;
    top: -2px;
    bottom: -2px;
    right: -2px;
    left: -2px;
    margin: auto;
    display: block;
    border-radius: 50%;
}

.fl-hot {
    /*color: #ff3700;*/
    color: rgb(199, 23, 18);
}

.fl-hot .fl-circle {
    /*background: #ff3700;*/
    background: rgb(199, 23, 18);
}

.fl-hot .fl-circle:after {
    border-color: rgba(199, 23, 18, 0.3)
}

.fl-cold {
    /*color: #9db1c9;*/
    color: rgb(23, 97, 171);
}

.fl-cold .fl-circle {
    /*background: #9db1c9;*/
    background: rgb(23, 97, 171);
}

.fl-cold .fl-circle:after {
    border-color: rgba(23, 97, 171, 0.3)
}

.fl-roll {
    /*color: #686868;*/
    color: rgb(74, 79, 74);
}

.fl-roll .fl-circle {
    background: #686868;
    background: rgb(74, 79, 74);
}

.fl-roll .fl-circle:after {
    border-color: rgba(74, 79, 74, 0.3)
}

.solutions-list>li>a {
    text-align: center;
    display: block;
    position: relative;
    border: 2px solid #ededed;
    padding: 60px 10px 70px 10px;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.solutions-list-no-space.solutions-list>li>a {
    padding-bottom: 20px;
}

.solutions-list>li>a:hover,
.solutions-list>li>a.active {
    background: #ededed;
}

.solutions-list>li>a.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(237, 237, 237, 0);
    border-top-color: #ededed;
    border-width: 12px;
    margin-left: -12px;
}

.solution-image-container {
    position: absolute;
    left: 0;
    right: 0;
    width: 90px;
    height: 90px;
}

.solution-image-container {
    background: #f0f0f0;
    border-radius: 50%;
    border: 5px solid #fff;
    top: -45px;
    left: 0;
    right: 0;
    margin: auto;
}

.solutions .image-responsive,
.solutions-list .image-responsive {
    max-width: 100%;
}

.solution-info-block {
    margin-bottom: 5px;
}

.solution-info-block-title {
    font-size: 0.85em;
    opacity: 0.7;
    color: #404040;
}

.solution-name {
    margin-top: 0;
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: 5px;
}

.new-generation {
    background: #32ba7c;
    position: absolute;
    left: 10px;
    right: 10px;
    text-align: center;
    display: block;
    bottom: 10px;
    border-radius: 4px;
    font-size: 0.85em;
    padding: 10px 5px;
    color: #fff;
}

.new-generation-check {
    background: url(../images/check-green.png) no-repeat center center;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    margin: auto;
}

.solution-content {
    display: none;
    padding: 20px 10px;
}

.solution-content.active {
    display: block !important;
}

.solution-content-title {
    margin-bottom: 20px;
    text-align: left;
    font-size: 1.5em;
}

.solution-small-title {
    font-weight: bold;
    font-size: 1.1em;
    display: block;
    padding-bottom: 10px;
}

.products-steel-list li {
    padding: 10px 15px;
    border: 0;
}

.products-steel-list>li:nth-child(odd) {
    background: #f0f0f0;
}

.chart-box {
    border: 1px solid #ededed;
    ;
    padding: 15px;
    margin-bottom: 10px;
}

.chart-box td:last-child {
    padding-left: 5px;
}

.chart-box td canvas {
    margin: 0 !important;
    width: 64px !important;
    height: 64px !important;
}

.chart-box td p {
    margin: 0;
    font-size: 0.9em;
    opacity: 0.7;
}

.forming-label {
    display: block;
    padding: 10px;
    font-size: 0.9em;
    text-align: center;
    border-radius: 30px;
    color: #fff;
}

.forming-label-cold {
    background: rgb(23, 97, 171);
}

.forming-label-hot {
    background: rgb(199, 23, 18);
}

.forming-label-roll {
    background: rgb(74, 79, 74);
}

.center-mobile {
    text-align: left;
}

button.primary-link {
    text-align: left;
}

@media(max-width:1024px) {
    .modal-lg {
        max-width: calc(100% - 20px);
    }

    .forming-list {
        margin-left: -3px;
    }

    .hidden-mobile {
        display: none;
    }

    .full-mobile {
        width: 100% !important;
    }

    .solutions-list>li,
    .solutions-list.alone>li {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin-bottom: 10px;
    }

    .solutions-list>li>a {
        padding: 10px 10px 10px 80px;
        text-align: left;
    }

    .new-generation {
        position: absolute;
        right: 10px;
        bottom: 0px;
        top: 0px;
        width: 70px;
        font-size: 0.75em;
        left: auto;
        height: 62px;
        margin: auto;
    }

    .solution-image-container {
        width: 60px;
        height: 60px;
        top: 0;
        bottom: 0;
        left: 10px;
        right: auto;

    }

    .solution-info-block {
        text-align: left;
        font-size: 0.9em;
    }

    .solution-info-block-title {
        display: block;
        font-size: 0.8em;
    }

    .ice-solutions-list .solution-info-block-title {
        display: none;
    }

    .solution-info-block > p {
        margin-bottom: 5px;
    }

    .solution-info-block + .solution-info-block {
        margin-bottom: 0;
    }

    .forming-label {
        padding: 5px 10px;
        display: inline-block;
    }

    .solution-name {
        margin: 0;
        font-size: 1.3em;
        margin-bottom: 5px;
    }

    .solution-content-title {
        text-align: center;
    }

    .solutions-list {
        margin: 10px 0 10px 0;
    }

    .center-mobile {
        text-align: center;
        margin: 10px 0;
    }

    .solution-name,
    .solution-lightweight-design,
    .forming-list {
        text-align: left;
    }

    .solution-content.active {
        border-left: 2px solid #ededed;
        border-right: 2px solid #ededed;
        border-bottom: 2px solid #ededed;
    }
}