/* ---------- important color */


/* ------------------------------------------------- слайдер кнопки * /
.calc-slider .slider .slider-btn {
    background-color: #95c12b !important;
    color: white;
}

/* слайдер полоса * /
.calc-slider .ui-widget-content {
     background: linear-gradient(to bottom, #7a9c28, #b8ed38) !important;
}

.calc-slider .slider .ui-slider-handle {
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .3) !important;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .3) !important;
    background-color: #b8ed38 !important;
}*/

.chart {
    margin-bottom: 42px;
}

.calc-titleform {
    text-align: right;
    font-size: 13px;
    color: #676767;
}

p.formclass86 {
    font-size: 13px;
    margin: 8px 0 0 -28px;
    padding: 0;
    color: #676767;
}

.seo {}

.seo .scene {
    box-shadow: 2px 4px 8px #b5b5b9;
    padding: 17px 29px 17px 60px;
    max-width: 925px;
    margin: 0 auto;
}


/* left */

.seo .graph {
    /*width: 300px;*/
    /*height: 155px;*/
    /*margin: 0 auto 0;*/

}

.seo .chart svg {
    display: none;
}


/* right */


.box-title-zakaz {
    font-size: 18px;
    font-weight: 600;
    padding-left: 95px;
}

.seo .fields {
    padding: 0 95px 0;
}

.seo .fields .btnwm {
    font-size: 22px;
    margin: 28px auto 0;
}

.seo .flex {
    display: flex;
    display: -webkit-flex;
}

.seo .flex.gorizont {
    flex-direction: row;
    -webkit-flex-direction: row;
}

.seo .box-panel,
.seo .flex.vertical {
    flex-direction: column;
    -webkit-flex-direction: column;
}

.seo .box-panel.right {
    flex-basis: 70%;
    padding: 0 51px 0 36px;
}

.seo .box-panel.left {
    flex-basis: 30%;
}


.seo .box-panel.right {
    flex-basis: 70%;
}


.seo .box-title {
    font-size: 18px;
    font-weight: 500;
}


.seo .title-result > span {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    text-decoration: underline #5AFA5A;
}


/* отступ между колонками */
.seo .box-space {
    padding-right: 30px;
    padding-bottom: 20px;
}


/* соцкнопки */

.seo .social-like {
    margin: 0 !important;
;
}

.seo .box-soc {
    justify-content: space-between;
    display: flex;
}

.seo .social-like .sl_facebook .fb-like {
    top: 3px !important;
}

.seo .socbtn {
    margin: 0 5px 0 0;
}

.seo .socbtn .icon {
    width: 31px;
    height: 31px;
    background-size: contain;
}

.title-soc {
    font-size: 14px;
    margin: 10px 0 12px;
}

.box-soc {
    margin-bottom: 5px;
}


/* important */

.seo .transition {}


/* ----------------------------------------------------- form fields ---- */

.seo .loader .circle1 {
    position: relative;
    top: -40px;
}

.seo .fields .spacer {
    position: relative !important;
    width: 100% !important;
    margin-top: 21px;
    margin-bottom: 0;
}

.seo input[type="text"],
.seo .labelwm {
    line-height: 36px;
}

.seo .error,
.seo input[type="text"],
.seo .labelwm {
    height: 36px !important;
}

.seo .labelwm,
.seo .error {
    -webkit-transition-duration: .5s !important;
    transition-duration: .5s !important;
}

.seo input[type="text"] {
    width: 100%;
    padding: 0 0 0 3%;
    margin: 0;
    font-weight: 300;
    font-size: 13px;
}

.seo .labelwm {
    position: absolute !important;
    color: #a5a3a3 !important;
    text-align: left !important;
    overflow: hidden !important;
    top: 2px;
    width: auto;
    font-size: 13px;
    font-weight: 400;
    text-transform: initial;
}

.seo .spacer .invalid+.error {
    position: absolute;
    right: 0px;
    top: 0;
    line-height: 38px;
    font-size: 13px;
    color: #fff;
    background-color: rgba(255, 27, 0, .48);
    overflow: hidden;
    width: 43% !important;
    padding: 0 5px 0;
}

.seo .table-box {
    padding: 0;
}

.seo table.total {
    width: 100%;
}

.seo .total-wrap {
    border: 2px solid #5AFA5A;
    padding: 3px 0 7px;
}

.seo .low,
.seo .mid,
.seo .high {
    width: 33%;
}

.seo .th-total th {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
}

.seo .total td {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
}

.seo .remark {
    text-align: center;
    font-size: 13px;
    color: #676767;
    margin-top: 10px;
}

.seo .service-details tr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: normal;
    margin-bottom: 3px;
}

.seo .service-details th {
    font-size: 13px;
    font-weight: 400;
}

.seo .service-details td {
    font-size: 12px;
    color: #7F7D78;
    position: relative;
    padding-left: 16px;
    margin-top: 2px;
}

.seo .service-details td:before {
    content: "\e006";
    position: absolute;
    left: 0;
    top: 2px;
    font-family: 'IcoMoon';
    font-size: 10px;
}


/* ---- currency ---- */


/*fix*/

.seo .checkbox+.checkbox,
.radio+.radio {
    margin-top: 0 !important;
}

.rcurrency {
    justify-content: center;
    margin: 10px 0 22px;
}

.rcurrency .checkbox {
    cursor: pointer;
    margin: 0 8px 0 !important;
    position: relative;
    padding-left: 22px;
    line-height: normal;
}

.rcurrency .checkbox:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 15px;
    height: 15px;
    border: 1px solid #000000;
    border-radius: 50%;
}


.rcurrency .checkbox.checked:before {
    background: #5AFA5A;
}

.rcurrency .checkbox span {
    font-size: 18px;
    font-weight: 600;
}


/* ---- */

@media screen and (max-width:991px) {
    .seo .scene {
        padding: 12px 20px;
    }

    .calc-slider ._row label {
        flex-basis: 36%;
        padding: 0 0 0 14px;
        font-size: 15px;
    }

    .seo .box-panel.right {
        padding: 0 34px;
    }

    .calc-slider ._row label:before {
        top: 3px;
        font-size: 11px;
    }

    .calc-slider ._row .value {
        font-size: 14px;
    }

    .calc-slider ._row:not(.col-sm-6) .value {
        margin-left: 8px;
        padding: 2px 14px;
    }

    .seo .fields {
        padding: 0 35px 0;
    }

    .box-title-zakaz {
        padding-left: 35px;
    }

}

@media screen and (max-width:767px) {

    .seo .scene {
        padding: 3px 7px;
        border: none;
        max-width: 500px;
    }

    .calc-slider ._row:not(.col-sm-6) label,     .calc-slider ._row:not(.col-sm-6) .slider  {
        flex-basis: 100%;
    }

    .calc-slider ._row:not(.col-sm-6) .slider  {
        margin: 13px 0;
    }

    .calc-slider ._row.col-sm-6 .slider {
        flex-basis: 30%;
    }

    .scene .calc-slider .checkbox span {
        left: 59px;
    }


    .seo .flex,
    .seo .flex.gorizont {
        flex-direction: column !important;
        -webkit-flex-direction: column !important;
    }

    .seo .flex.column-reverse {
        flex-direction: column !important;
        -webkit-flex-direction: column-reverse !important;
    }

    .seo .flex.column-reverse > div {
        flex-basis: 100%;
        padding: 0;
    }

    .seo .box-panel.left {
        margin-top: 20px;
    }

    .seo .title-result,
    .seo .box-space {
        padding-right: 0;
    }

    .seo .title-result > span {
        font-size: 20px;
    }

    .seo .flex.gorizont.rcurrency {
        flex-direction: row !important;
    }

    .rcurrency .checkbox {
        margin: 0 3px 0 !important;
    }

    .seo .th-total th {
        font-size: 14px;
    }

    .seo .total td {
        font-size: 16px;
    }

    .box-title-zakaz {
        font-size: 17px;
        padding-left: 0;
    }

    .seo .graph {
        display: none;
    }

    .seo .fields {
        padding: 0;
    }

    .scene .spacer .invalid+.error {
        font-size: 12px;
    }

    .seo .labelwm {
        height: 30px !important;
    }

    .seo .social-like {
        margin: 5px !important;
    }

    .seo .box-soc {
        justify-content: center;
        -webkit-justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }


    .seo .panel-currency,
    .seo .panel-currency .rcurrency {
        -webkit-flex-direction: row !important;
        flex-direction: row !important;
    }

    p.formclass86 {
        margin: 8px 0 0 0;
        line-height: normal;
    }
}


/*----------- icon linkedin */

#li_ui_li_gen_1508147737832_0 #li_ui_li_gen_1508147737832_0-logo {
    background-image: url(https://static.licdn.com/scds/common/u/images/apps/connect/sprites/sprite_connect_v14.png) !important;
    background-position: 0px -593px !important;
    background-repeat: no-repeat !important;
    background-color: #0077b5 !important;
    background-size: initial !important;
    cursor: pointer !important;
    border: 0 !important;
    border-right-width: 0px;
    border-right-style: none;
    border-right-color: currentcolor;
    border-right: 1px solid #066094 !important;
    text-indent: -9999em !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    float: right !important;
    border-radius: 2px !important;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-radius: 2px !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
}

#li_ui_li_gen_1508147737832_0 #li_ui_li_gen_1508147737832_0-title {
    color: #fff !important;
    cursor: pointer !important;
    display: block !important;
    white-space: nowrap !important;
    float: left !important;
    margin-left: 1px !important;
    vertical-align: top !important;
    overflow: hidden !important;
    text-align: center !important;
    height: 18px !important;
    padding: 0 4px 0 23px !important;
    border: 1px solid #000 !important;
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
    border-top-color: #0077b5 !important;
    border-right-color: #0077b5 !important;
    border-bottom-color: #0077b5 !important;
    border-left-color: #0077b5 !important;
    text-shadow: 0 -1px #005887 !important;
    line-height: 20px !important;
    border-radius: 2px !important;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -moz-border-radius: 2px !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    background-color: #0077b5 !important;
    background-image: -moz-linear-gradient(top, #0077b5 0%, #0077b5 100%) !important;
}

#li_ui_li_gen_1508147737832_0 #li_ui_li_gen_1508147737832_0-title #li_ui_li_gen_1508147737832_0-mark {
    display: inline-block !important;
    width: 0px !important;
    overflow: hidden !important;
}

#li_ui_li_gen_1508147737832_0 #li_ui_li_gen_1508147737832_0-title-text,
#li_ui_li_gen_1508147737832_0 #li_ui_li_gen_1508147737832_0-title-text * {
    color: #fff !important;
    font-size: 11px !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
    display: inline-block !important;
    background: transparent none !important;
    vertical-align: top !important;
    height: 18px !important;
    line-height: 20px !important;
    float: none !important;
}

#li_ui_li_gen_1508147737832_0 a#li_ui_li_gen_1508147737832_0-link::after {
    content: "." !important;
    display: block !important;
    clear: both !important;
    visibility: hidden !important;
    line-height: 0 !important;
    height: 0 !important;
}

#li_ui_li_gen_1508147737832_0 span {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

#li_ui_li_gen_1508147737832_0 a#li_ui_li_gen_1508147737832_0-link:link,
#li_ui_li_gen_1508147737832_0 a#li_ui_li_gen_1508147737832_0-link:visited,
#li_ui_li_gen_1508147737832_0 a#li_ui_li_gen_1508147737832_0-link:hover,
#li_ui_li_gen_1508147737832_0 a#li_ui_li_gen_1508147737832_0-link:active {
    border: 0 !important;
    text-decoration: none !important;
}

#li_ui_li_gen_1508147737832_0 a#li_ui_li_gen_1508147737832_0-link {
    border: 0 !important;
    height: 20px !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
}

#li_ui_li_gen_1508147737832_0 {
    position: relative !important;
    overflow: visible !important;
    display: block !important;
}

.counter {
    font-size: 12px;
    text-align: center;
    margin: 2px 0px 0px 0px;
    border-bottom: 1px solid #95c12b;
}