/* 
 * font-family: 'robotoregular';
 * font-family: 'robotomedium';
 * font-family: 'robotobold';
*/

html, body{
    height: 100%;
}

#calc_block{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .25s, visibility .25s;
    -moz-transition: opacity .25s, visibility .25s;
    -ms-transition: opacity .25s, visibility .25s;
    -o-transition: opacity .25s, visibility .25s;
    transition: opacity .25s, visibility .25s;
}


#calc_block.active{
    opacity: 1;
    visibility: visible;
}

.nice-select{
    border: none;
    border-radius: 0;
    height: 49px;
    color: #313131;
    font-size: 18px;
    background-color: #ffffff;
    padding-top: 3px;
    padding-left: 18px;
    padding-right: 48px;
}

.calc_step_item:not(.calc_step_active) .nice-select{
    color: #9e9e9e;
}

.nice-select .option {
    padding: 8px 29px 9px 18px;
}

.niceselect_wrapper.disabled{
    cursor: not-allowed;
    pointer-events: all; 
}

.fileupload_modal_starter.disabled,
.fileupload_modal_starter.disabled .calc_btn{
    cursor: not-allowed;
    pointer-events: all; 
}

.fileupload_modal_starter:not(.disabled):hover{
    cursor: pointer;
}

.total_size_exceeded_text {
    display: none;
    margin-top: 9px;
}

.nice-select.focus{
    border: 1px solid #da081a !important;
}

.nice-select .list{
    width: 100%;
    max-height: 400px;
}

.text_color_gray{
    color: #9e9e9e;
}

.text_color_red{
    color: #f18168;
}

.disabled_style {
    cursor: not-allowed !important;
}

.nice-select:after{
    border: none !important;
    display: block;
    height: auto;
    margin-top: 0;
    pointer-events: none;
    position: absolute;
    right: 17px;
    top: calc(50% - 4px);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: auto;
    width: 11px;
    height: 11px;

    font-family: 'icomoon' !important;
    font-size: 11px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0.7em;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e910";
    padding-top: 2px;
    color: #b2b7be'
}

.nice-select.open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#calc_main_wrap{
    background-color: #f5f5f5;
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#calc_main_wrap label{
    font-weight: normal;
}
 

#calc_ghost_wrapper{
    opacity: 0;
    visibility: hidden;
}

#calc_ghost_wrapper{
    opacity: 1;
    visibility: visible;
}

.calc_ghost-info{
    background-color: #ebebeb;
    position: relative;
    padding: 55px 80px 45px;
}

#calc_wrapper{

}


#calc_wrapper{
    opacity: 0;
    visibility: hidden;
    height: 0;
}

#calc_wrapper.active{
    opacity: 1;
    visibility: visible;
    height: auto;
}

#cart_controller{

}

#cart_controller.disabled{

}

#form_controller{
    pointer-events: none;
    border: 0;
    padding: 15px 18px 16px 19px;
    display: none;
}

#cart_controller.disabled{
    background-color: rgba(218, 8, 26, 0.2);
    cursor: not-allowed;
}

#cart_controller.active,
#form_controller.active{
    pointer-events: all;
    display: inline-block;
}

.calc_title {
    margin: 0 0 21px;
    margin-top: 0;
    position: relative;
    padding-right: 53px;
}

.calc_title .popover {
    white-space: nowrap;
}

.calc_reset,
.cart_close_overview {
    font-size: 3.8rem;
    position: absolute;
    right: 0;
    top: -3px;
    color: #969696;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.cart_close_overview {
    font-size: 1.8rem;
    color: #434343;
    font-family: 'robotoregular';
}

.cart_close_overview:hover {
    color: #da081a;
}

.cart_close_overview i {
    font-size: 19px;
    position: relative;
    top: 2px;
}




.calc_reset:hover {
    color: #da081a;;
}

.calc_inner-ghost .calc_title .cart_close_overview:hover {
    color: #009fc7;
}


#calc_steps_wrapper {
    padding: 25px 0 0;
}

.calc-steps-wrap {
    position: relative;
    padding: 0 25px;
    border-top: 8px solid #d9d9d9;
}

.calc-steps-inner {
    padding-top: 70px;
    background-color: #ebebeb;
}

.calc_step_item{
    position: relative;
}
.calc_step_item:not(.calc_step_active) {

}




/* .calc_step_item:not(.calc_step_active) *{
    pointer-events: none;
}
.calc_step_item:not(.calc_step_active) .input_range_wrapper,
.calc_step_item:not(.calc_step_active) .input_range_wrapper *{
    pointer-events: all !important;
} */

.calc_step_item:before {
    font-family: 'robotobold';
    position: absolute;
    top: 13px;
    left: 0;
    /* color: #cbcbcb; */
    color: #434343;
    font-size: 42px;
}

.calc_step_item.calc_step_active:before {
    color: #9f9f9f;
}

.calc_step_item{
    padding: 0 120px 40px;
    display: none;
}

.calc_step_item.calc_step_active{
    display: block;
}

.calc-step-controll-btn-wrap{
    text-align: center;
    padding-bottom: 65px;
}

.calc-step-controll-btn{
    background-color: #da081a;
    padding: 16px 53px 16px;
    color: #fff;
    align-items: center;
    display: inline-block;
    font-size: 1.6rem;
    cursor: pointer;
    -webkit-transition: color .25s, background-color .25s;
    -moz-transition: color .25s, background-color .25s;
    -ms-transition: color .25s, background-color .25s;
    -o-transition: color .25s, background-color .25s;
    transition: color .25s, background-color .25s;
}

.calc-step-controll-btn:hover{
    background-color: #434343;
}

.calc-step-controll-btn.disabled{
    background-color: rgba(218, 8, 26, 0.2);
    cursor: not-allowed;
}

#the_calculator {
    min-width: 915px;
    /* overflow-x: scroll; */
}

#the_calculator .calc-info{
    margin-bottom: 0;
    z-index: 1;
}

#the_calculator .calc-step-info--inner{
    width: 180px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

#the_calculator .calc-steps-info-wrap{
    display: flex;
    padding: 0;
}

#the_calculator #calc_wrapper .calc-step-info{
    padding: 18px 0 8px;
    position: relative;
    width: 20% !important;
}

/* 
data-step-1-status="1"
calc-step-1-info
*/

#the_calculator #calc_wrapper:not([data-current-step="1"]) .calc-step-1-info:hover,
#the_calculator #calc_wrapper[data-step-1-status="1"]:not([data-current-step="2"]) .calc-step-2-info:hover,
#the_calculator #calc_wrapper[data-step-1-status="1"][data-step-2-status="1"]:not([data-current-step="3"]) .calc-step-3-info:hover,
#the_calculator #calc_wrapper[data-step-1-status="1"][data-step-2-status="1"][data-step-3-status="1"]:not([data-current-step="4"]) .calc-step-4-info:hover,
#the_calculator #calc_wrapper[data-step-1-status="1"][data-step-2-status="1"][data-step-3-status="1"][data-step-4-status="1"]:not([data-current-step="5"]) .calc-step-5-info:hover{
    background-color: rgba(67, 67, 67, 0.3);
    cursor: pointer;
}

#the_calculator #calc_wrapper[data-current-step="1"] .calc-step-1-info,
#the_calculator #calc_wrapper[data-current-step="2"] .calc-step-2-info,
#the_calculator #calc_wrapper[data-current-step="3"] .calc-step-3-info,
#the_calculator #calc_wrapper[data-current-step="4"] .calc-step-4-info,
#the_calculator #calc_wrapper[data-current-step="5"] .calc-step-5-info{
    background-color: #434343;
    color: #fff;
}

#calc_wrapper[data-current-step="5"] .calc-steps-inner{
    padding-top: 45px;
}

#the_calculator #calc_wrapper[data-current-step="1"] .calc-step-1-info:before,
#the_calculator #calc_wrapper[data-current-step="2"] .calc-step-2-info:before,
#the_calculator #calc_wrapper[data-current-step="3"] .calc-step-3-info:before,
#the_calculator #calc_wrapper[data-current-step="4"] .calc-step-4-info:before,
#the_calculator #calc_wrapper[data-current-step="5"] .calc-step-5-info:before {
    content: '';
    width: 100%;
    height: 52px;
    position: absolute;
    bottom: -50px;
    left: 0;
    background-image: url(../../../../images/svg/calc-step-bottom.svg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}


/* #the_calculator #calc_wrapper[data-current-step="1"] .calc-step-1-info:before,
#the_calculator #calc_wrapper[data-current-step="2"] .calc-step-2-info:before,
#the_calculator #calc_wrapper[data-current-step="3"] .calc-step-3-info:before,
#the_calculator #calc_wrapper[data-current-step="4"] .calc-step-4-info:before,
#the_calculator #calc_wrapper[data-current-step="5"] .calc-step-5-info:before,
#the_calculator #calc_wrapper[data-current-step="1"] .calc-step-1-info:after,
#the_calculator #calc_wrapper[data-current-step="2"] .calc-step-2-info:after,
#the_calculator #calc_wrapper[data-current-step="3"] .calc-step-3-info:after,
#the_calculator #calc_wrapper[data-current-step="4"] .calc-step-4-info:after,
#the_calculator #calc_wrapper[data-current-step="5"] .calc-step-5-info:after{
    content: "";
    background-color: #434343; */
    /* background-color: red; */
    /* width: 51.6%;
    height: 55px;
    border-bottom: 8px solid #d9d9d9;
    position: absolute;
    bottom: -8px;
    -webkit-backface-visibility: hidden;
} */


/* #the_calculator #calc_wrapper[data-current-step="1"] .calc-step-1-info:before,
#the_calculator #calc_wrapper[data-current-step="2"] .calc-step-2-info:before,
#the_calculator #calc_wrapper[data-current-step="3"] .calc-step-3-info:before,
#the_calculator #calc_wrapper[data-current-step="4"] .calc-step-4-info:before,
#the_calculator #calc_wrapper[data-current-step="5"] .calc-step-5-info:before{
    left: 0;
    transform: rotate(15.2deg);
    transform-origin: bottom left;
}

#the_calculator #calc_wrapper[data-current-step="1"] .calc-step-1-info:after,
#the_calculator #calc_wrapper[data-current-step="2"] .calc-step-2-info:after,
#the_calculator #calc_wrapper[data-current-step="3"] .calc-step-3-info:after,
#the_calculator #calc_wrapper[data-current-step="4"] .calc-step-4-info:after,
#the_calculator #calc_wrapper[data-current-step="5"] .calc-step-5-info:after{
    right: 0;
    transform: rotate(-15deg);
    transform-origin: bottom right;
} */



.calc-step-info-icon:after{
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
}

.calc-step-info-icon {
    font-size: 7.1rem;
    color: #da081a;
    margin-bottom: 2px;
    position: relative;
}

.calc-step-info-icon:before {
    position: relative;
    z-index: 1;
}

.calc_step_inner{
    min-height: 50px; /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!REMOVE!!!!!*/
}

#calc_step_2 .calc_step_inner,
#calc_step_3 .calc_step_inner,
#calc_step_4 .calc_step_inner,
#calc_step_5 .calc_step_inner{
    width: 50%;
    margin: 0 auto;
}

.calc_field_wrapper{

}

.calc_step_languages .calc_step_inner{
    display: flex;
}

.lang_selector_wrapper {
    width: 50%;
}

.lang-separator {
    width: 110px;
    font-size: 41px;
    color: #da081a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nice-select.open{
    position: relative;
    z-index: 10;
}

.styled_option_selector{
    width: 100%;
}

.styled_option_selector .option.disabled {
    color: #d9d9d9;
}

.calc_field_label{
    margin-bottom: 10px;
}

.calc_field_label.align_top_fix {
    display: block;
    margin-top: -3px;
}

.field_styled_div{
    height: 50px;
    color: #9e9e9e;
    font-size: 18px;
    background-color: #ffffff;
    padding-top: 2px;
    padding-left: 18px;
    padding-right: 48px;
    position: relative;
}

.field_styled_div.fileupload_btn_wrapper {
    padding-right: 8px;
    padding-top: 7px;
}

.fileupload_label{
    float: left;
    padding-top: 8px;
    font-size: 1.6rem;
    line-height: 1.325em;
}

.fileupload_label_hasval{
    color: #434343;
}

.fileupload_modal_starter{
    text-align: right;
}

.calc_btn_white:not(.calc_btn),
.calc_btn_red:not(.calc_btn),
.calc_btn{
    display: inline-block;
    cursor: pointer;
    -webkit-transition: color .25s, background-color .25s, border .25s;
    -moz-transition: color .25s, background-color .25s, border .25s;
    -ms-transition: color .25s, background-color .25s, border .25s;
    -o-transition: color .25s, background-color .25s, border .25s;
    transition: color .25s, background-color .25s, border .25s;
    font-size: 1.6rem;
    padding: 5px 14px 5px;
}

.calc_btn_red,
.calc_btn_red:focus,
.calc_btn_white:not(.disabled):hover,
.calc_btn:not(.calc_btn_red):not(.disabled):hover,
.calc_btn:not(.calc_btn_white){
    color: #fff;
    background-color: #da081a;
    border: 1px solid #da081a;
}


.calc_btn_white,
.calc_btn_red:hover,
.calc_btn:not(.calc_btn_white):hover,
.calc_btn:not(.calc_btn_red){
    color: #da081a;
    background-color: #ffffff;
    border: 1px solid #b2b7be;
}

.calc_btn_red.disabled_style,
.calc_btn_red.disabled_style:hover{
    color: #fff;
    background-color: #f18168;
    border: 1px solid #f18168;
}

#calc_bottom{
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    padding: 0 55px;
    -webkit-transition: opacity .25s, visibility .25s, max-height .25s;
    -moz-transition: opacity .25s, visibility .25s, max-height .25s;
    -ms-transition: opacity .25s, visibility .25s, max-height .25s;
    -o-transition: opacity .25s, visibility .25s, max-height .25s;
    transition: opacity .25s, visibility .25s, max-height .25s;
}

#calc_bottom.active{
    opacity: 1;
    visibility: visible;
    max-height: 125px;
}

.calc_bottom_inner{
    color: #434343;
    background-color: #d9d9d9;
    padding: 34px 25px 36px;
    text-align: center;
}

.container_5000,
.container_24,
.container_regular{
    display: none;
}
.container_5000.active,
.container_24.active,
.container_regular.active{
    display: flex;
    align-items: center;
    justify-content: center;
}

.price_text{
    font-size: 1.6rem;
    padding-right: 11px;
}

.calc_bottom_item{
    width: 33.33%;
    float: left;
}

#calc_bottom_left{
    font-size: 2.0rem;
    color: #ffffff;
    line-height: 1.1em;
    padding: 35px 26px 40px;
}
#calc_bottom_left p{
    max-width: 140px;
    border-right: 1px solid #1285b9;
    padding-bottom: 5px;
    margin: 0;
}
#calc_bottom_middle{
    font-family: "robotobold";
    font-size: 3.8rem;
    color: #ffffff;
    text-align: center;
    padding: 46px 26px 52px;
}

#calc_bottom_right{
    padding: 30px 26px 37px;
    text-align: right;
    position: relative;
}

.quality-check-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.big_calc_btn{
    border: none;
    min-width: 295px;
    font-size: 1.6rem;
    color: #fff;
    background-color: #da081a;
    border-radius: 0px;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 16px 26px 15px 30px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: color .25s, background-color .25s;
    -moz-transition: color .25s, background-color .25s;
    -ms-transition: color .25s, background-color .25s;
    -o-transition: color .25s, background-color .25s;
    transition: color .25s, background-color .25s;
}

.big_calc_btn span{
    font-size: 27px;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

.big_calc_btn:hover{
    color: #fafbfb;
    background-color: #434343;
}

.big_calc_btn.disabled{
    cursor: not-allowed;
    background-color: rgba(218, 8, 26, 0.2);
}

#total_price_info {
    min-width: 295px;
    display: inline-block;
    background: #fff;
    text-transform: uppercase;
    padding: 17px 26px 15px 30px;
    vertical-align: middle;
    font-size: 3rem;
}

.discounted-from {
    color: #da081a;
    text-decoration: line-through;
    font-size: 60%;
    display: none;
    vertical-align: top;
}

.on_request_left{
    width: 50%;
    float: left;
    padding: 40px 25px 49px;
}
.on_request_right{
    width: 50%;
    float: left;
    text-align: right;
    padding: 32px 25px 0;
}
.on_request_title {
    display: inline-block;
    color: #fff;
    font-size: 3.8rem;
    line-height: 0.8;
    font-family: 'robotobold';
}

.on_request_title .simple_popover{
    font-size: 1.9rem;
    margin-left: 8px;
    position: relative;
    top: -3px;
    cursor: pointer;
}

#fileupload_modal {
    display: none;
    width: 100%;
    max-width: 900px;
    background-color: #fff;
    border-radius: 6px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9;
}

#fileupload_top {
    padding: 25px 30px 10px;
}

#fileupload_top > .h2 {
    margin: 0 0 9px !important;
}

#fileupload_playground {
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 25px 35px 8px;
    margin-bottom: 17px;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

#dropzone_el.dz-drag-hover #fileupload_playground {
    opacity: 0.8;
    box-shadow: inset 0px 0px 30px 12px rgba(0, 0, 0, 0.22);
}

.horisontal_separator {
    text-align: center;
    color: #868585;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 14px;
}

.horisontal_separator span{
    display: inline-block;
    background-color: #f5f5f5;
    position: relative;
    z-index: 2;
    padding: 0 20px;
    top: 4px;
}

.horisontal_separator:before{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #dfdedd;
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
}

#fileupload_modal-footer{
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -40px;
    position: relative;
}



#fileupload_modal-footer:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

#fileupload_bottom {
    background-color: #f5f5f5;
    padding: 30px 30px 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.calc_field_wrapper.horisontal_separator{
    
}

.fileupload_dnd{
    position: relative;
}

.fileupload_info_txt {
    display: block;
    padding: 24px 0 18px;
}

.text_center{
    text-align: center;
}

.fileupload_dnd_img {
    display: inline-block;
    width: 90px;
    min-height: 64px;
}

#fileupload_data {
    /* background-color: #f5f5f5; */
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 0 35px 0;
    overflow: auto;
    border: 1px solid #d7d7d7;
}

#dnd_zone {
    height: 114px;
    width: calc(100% - 70px);
    position: absolute;
    top: 25px;

}

.dz-preview .dz-image{
    display: none;
}

.dz-preview .dz-details{

}

.dz-preview .dz-details .dz-size{
    display: none;
}

.dz-preview .dz-details .dz-filename{
    color: #231f20;
    padding-right: 60px;
}

.dz-preview.dz-error .dz-details .dz-filename{
    color: #f18168;
}

.dz-preview .dz-progress{
    margin: 14px 0 8px;
    background-color: #d5d5d5;
    border-radius: 3px;
}

.dz-preview .dz-progress .dz-upload{
    -webkit-transition: width 0.15s ease-in-out;
    transition: width 0.15s ease-in-out;
    height: 8px;
    background: #da081a;
    display: block;
    width: 0%;
    border-radius: 3px;
}

.dz-preview .dz-error-message,
.dz-preview .dz-success-mark,
.dz-preview .dz-error-mark,
.dz-preview .dz-remove{
    display: none;
}

.dz-preview .dz-success-mark,
.dz-preview .dz-error-mark,
.dz-preview .dz-remove{
    font-size: 32px;
    position: absolute;
    top: 25px;
    right: 0;
}

.dz-remove{
    text-transform: uppercase;
}

.dz-preview.dz-success .dz-remove{
    font-size: 14px;
    color: #a3a5a5;
    position: static;
}

.dz-preview.dz-success .dz-remove .show_on_error,
.dz-remove .show_on_success{
    display: none;
}

.dz-preview.dz-success .dz-remove .show_on_success,
.dz-preview.dz-error .dz-remove .show_on_error{
    display: block;
}

.dz-preview.dz-success .dz-remove .icon-delete{
    font-size: 17px;
    position: relative;
    top: 1px;
}

.dz-preview.dz-success .dz-success-mark{
    display: block;
}
.dz-preview .dz-remove{
    text-decoration: none;
    display: block;
    -webkit-transition: color .25s;
    -moz-transition: color .25s;
    -ms-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s;
}

/* .dz-preview.dz-error .dz-error-mark{
    display: block;
} */

.dz-preview.dz-error .dz-error-message{
    display: block;
}

.dz-preview .dz-error-message{
    font-size: 14px;
    color: #a3a5a5;
    text-transform: uppercase;
}

.dz-preview .dz-success-mark{
    color: #da081a;
}

.dz-preview .dz-error-mark,
.dz-preview .dz-remove{
    color: #969696;
}

.dz-preview{
    border-bottom: 2px solid #dfdedd;
    padding: 13px 0 10px;
    position: relative;
}

.dz-preview:first-of-type {
    margin-top: 8px;
}
.dz-preview:last-of-type {
    margin-bottom: 25px;
}

.pdf_files_notification {
    display: none;
    opacity: 0;
    visibility: hidden;
    background-color: #fc8256;
    color: #fff;
    padding: 10px 20px 13px;
    margin-bottom: 25px;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.pdf_files_notification.active {
    display: block;
    opacity: 1;
    visibility: visible;
}

.wrong_format_info{
    color: #929292;
    font-size: 15px;
}

#acme_actions_container{
    display: none;
    margin-bottom: 20px;
    text-align: right;
}

#fileupload_proceed{
    margin-right: 11px;
}
.bottom_info_container_padding_fix_bcoz_dusan{
    padding-top: 5px;
}

.calc_step_item .horisontal_separator.horisontal_separator span {
    font-size: 2.0rem;
    background-color: #f5f5f5;
    color: #231f20;
}

.date_selector_slider{
    width: 493px;
    max-width: 100%;
    margin: 0 auto;
}

/* .date_selector_slider .slick-arrow */
#wordlimit-form textarea,
#on-request-form textarea {
    margin-bottom: 5px;
}




.adds_wrapper{
    display: none !important;
}

#calc_step_3 .checkbox_field_wrapper{
    padding-top: 10px;
}

#calc_step_3 .checkbox_field_wrapper label .simple_popover{
    line-height: 0.9em;
    vertical-align: middle;
    padding: 0 0 0 4px;
}







.date_selector_slider .slick-list {
    margin-left: -4px;
    margin-right: -4px;
}

.single_date_slide{
    text-align: center;
    color: #434343;
    padding: 7px 4px;
    width: 101px;

    /* -webkit-transition: width .25s, padding .25s;
    -moz-transition: width .25s, padding .25s;
    -ms-transition: width .25s, padding .25s;
    -o-transition: width .25s, padding .25s;
    transition: width .25s, padding .25s; */
}
/* .date_selector_slider:not(.disabled) .slick-list, */

/* .date_selector_slider:not(.disabled):hover .single_date_slide, */

/* .date_selector_slider:not(.disabled) .single_date_slide:hover, */

.date_selector_slider.disabled .single_date_slide{
    cursor: not-allowed;
}

.single_date_slide .single_date_inner{
    border: 1px solid #989898;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: background-color .25s, font-size .25s;
    -moz-transition: background-color .25s, font-size .25s;
    -ms-transition: background-color .25s, font-size .25s;
    -o-transition: background-color .25s, font-size .25s;
    transition: background-color .25s, font-size .25s;
}

.date_selector_slider.date_selected .single_date_slide.selected_date .single_date_inner,
.date_selector_slider:not(.disabled) .single_date_slide:hover .single_date_inner {
    cursor: pointer;
}

.date_selector_slider .single_date_slide.request_only_translation .single_date_inner{
}



.date_selector_slider.date_selected .single_date_slide.request_only_translation.selected_date .single_date_inner,
.date_selector_slider:not(.disabled) .single_date_slide.request_only_translation:hover .single_date_inner{
    cursor: pointer;
}

.date_selector_slider.date_selected .single_date_slide.selected_date .single_date_inner{
    background-color: #434343;
    color: #fff;
}

.date_selector_slider.date_selected .single_date_slide.express_translation.selected_date .single_date_inner,
.date_selector_slider:not(.disabled) .single_date_slide.express_translation:hover .single_date_inner{
    cursor: pointer;
}

.d_string{
    font-size: 3rem;
    line-height: 1em;
    display: block;
    padding-top: 10px;
}

.m_string{
    font-size: 1.6rem;
    line-height: 1em;
    display: block;
    padding: 0px 0 6px;
}

.tp_string{
    font-size: 1.2rem;
    display: block;
    
    color: #fff;
    letter-spacing: -0.5px;
    padding: 0px 5px 4px;
    position: relative;
    z-index: 1;
}

.tp_string:before{
    content: "";
    width: calc(100% - 10px);
    height: 24px;
    position: absolute;
    bottom: 4px;
    left: 5px;
    background-color: #434343;
    z-index: -1;
}

.single_date_slide.express_translation .tp_string:before,
.single_date_slide.request_only_translation .tp_string:before{
    background-color: #da081a;
}


.single_date_slide.non_working_day{
    pointer-events: none;
}

.single_date_slide.non_working_day .single_date_inner{
    background-color: rgba(67, 67, 67, 0.5);
    opacity: 0.5;
}



/* .single_date_slide.non_working_day * {
    pointer-events: none;
} */



.calc_field_wrapper .horisontal_separator{
    margin-top: -8px;
    padding-top: 0;
    margin-bottom: 6px;
}

/* DRAGGABLE ADAPTATIONS */

#draggable_wrapper {
    position: relative;
    height: 34px;
    margin-top: 4px;
}

/* #draggable_handle {

} */

#draggable{
    width: 34px;
    height: 34px;
    display: block;
    background-color: #da081a;
    border-radius: 50%;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
}

.ui-draggable-handle {
    position: relative;
    text-align: center;
    padding-top: 4px;
    cursor: pointer;
}

.ui-draggable-handle:before {
    content: "";
    width: 7px;
    height: 14px;
    border-left: 2px solid #f0fbfe;
    display: inline-block;
    border-right: 2px solid #f0fbfe;
}

.ui-draggable-handle:after {
    content: "";
    width: 5px;
    height: 14px;
    border-right: 2px solid #f0fbfe;
    display: inline-block;
}

#draggable_wrapper:before {
    content: "";
    width: 100%;
    height: 10px;
    background-color: #e5e5e5;
    position: absolute;
    top: 12px;
    left: 0;
    border-radius: 5px;
    box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.14);
}

#quality_ranger_progres_bar {
    width: 0;
    height: 10px;
    background-color: #da081a;
    position: absolute;
    top: 12px;
    left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.draggable_points{
    display: flex;
    align-items: center;
    justify-content: center;
}

.draggable_point{
    cursor: pointer;
    display: inline-block;
    width: 33.33%;
    text-align: center;
    line-height: 1.25em;
    -webkit-transition: color .1s, transform .1s;
    -moz-transition: color .1s, transform .1s;
    -ms-transition: color .1s, transform .1s;
    -o-transition: color .1s, transform .1s;
    transition: color .1s, transform .1s;
    align-self: flex-end;
    transform-origin: center;
}

.draggable_points .draggable_point:first-of-type{
    text-align: left;
    transform-origin: left;
}

.draggable_points .draggable_point:last-of-type{
    text-align: right;
    transform-origin: right;
}
.draggable_point .quality_point_info{
    font-size: 15px;
    line-height: 1;

}
.draggable_point .quality_point_info,
#calc_main_wrap .draggable_point .popover{
    -webkit-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;
    opacity: 0.001;
    pointer-events: none;
}
#calc_main_wrap .popover{
    font-family: 'robotoregular';
    font-size: 1.6rem;
    border: none;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    letter-spacing: -0.57px;
    max-width: 320px;
    box-shadow: none;
    z-index: 9;
}
#calc_main_wrap .popover > .arrow {
    border-top-color: transparent;
}
#calc_main_wrap .popover > .arrow:after{
    border-top-color: rgba(0, 0, 0, 0.8);
}


.draggable_point.active .quality_point_info,
#calc_main_wrap .draggable_point.active .popover{
    opacity: 0.999;
    pointer-events: all;
}


.calc_empty_field_popover{
    display: block;
    width: 100%;
}

.calc_empty_field_popover_wrapper .popover.top {
    margin: 0;
    top: -8px !important;
    transform: translateY(-100%);
}


.popover_right .popover{
    left: auto !important;
    right: 13px !important;
}
.popover_right .popover .arrow{
    left: auto !important;
    right: 13px !important;
}

.draggable_point:not(.active){
    color: #9e9e9e;
}
.calc_step_item:not(.disable_dragger) .draggable_point:not(.active):hover,
.draggable_point.active{
    color: #da081a;
    transform: scale(1.15);
}
.calc_step_item.disable_dragger .draggable_point:not(.active):hover,
.ui-draggable-disabled {
    cursor: not-allowed;
}

.cart_info_hr{
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #9f9f9f;
    margin: 0;
    padding: 0;
}

.cart_info_hr:last-of-type{
    display: none;
}

.checkout_section {
    display: inline-block;
    width: 35px;
}




.cart_info-left {
    padding: 5px 0 6px;
}
.cart_info-right {
    padding: 5px 0 6px;
}

.cart_info_icon{
    color: #da081a;
    font-size: 2.2rem;
    position: relative;
    top: 3px;
}

.strip_excess_text{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#calc_form{
    margin: 27px 0 0;
}

#calc_form input[type="text"],
#calc_form input[type="email"]{
    width: 100%;
    margin-bottom: 10px;
    padding: 7px 15px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #434343;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.checkbox_field_wrapper em.hover-active,
.checkbox_field_wrapper em{
    line-height: 1;
    right: auto;
    left: 0px;
    top: -18px;
    text-align: left;
}
.checkbox_field_wrapper em:before{
    margin: 0;
    height: 20px;
}
.checkbox_field_wrapper em span.error{
    right: auto;
    left: 0;
    top: 47px;
}

.checkbox_field_wrapper em span.error.hover-active:after{
    right: auto;
    left: 4px;
    top: -12px;
    transform: rotate(-90deg);
}

#calc_form input[type="checkbox"]{

}

.cart_payment_methods {
    margin-top: 30px;
}

.cart_payment_methods p{
    
}

.cart_payment_methods .payment-methods{
    margin-top: 7px;
}


.cart_payment_methods .payment-methods .payment-method {
    width: 79px;
    height: auto;
    margin-right: 12px;
}
.calc_form_info{
    line-height: 1.5em;
    margin-top: 4px;
}



.calc_form_info > span{
    line-height: 1.3em;
    display: block;
}

/* The container */
.cart_info{
    margin-top: 5px;
}

.agb_dataprotect_wrap{
    margin-top: 47px;
}

.checkbox_wrap {
    padding-left: 17px;
    padding-right: 17px;
}

.quality-check-wrap {
    margin-left: -17px;
    margin-right: -17px;
}

.checkbox_label a{
    padding-right: 6px;
    color: #434343;
    text-decoration: underline;
}

.checkbox_label a:hover,
.checkbox_label a:focus{
    color: #da081a;
}

#calc_form .checkbox_wrap{
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
}

#calc_form .checkbox_label{
    justify-content: left;
}

.checkbox_label {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: 2.0rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  
/* Hide the browser's default checkbox */
.checkbox_label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
  
/* Create a custom checkbox */
.checkmark {
    display: inline-block;
    height: 32px;
    width: 32px;
    background-color: #fff;
    border: 1px solid #999999;
    margin-right: 11px;
}
  
/* On mouse-over, add a grey background color */
.checkbox_label:hover input ~ .checkmark {
    background-color: rgba(218, 8, 26, 0.2);
    border: 1px solid rgba(218, 8, 26, 0.2);
}
  
/* When the checkbox is checked, add a blue background */
.checkbox_label input:checked ~ .checkmark {
    background-color: #da081a;
    border: 1px solid #da081a;
}

.checkbox_field_wrapper.disabled .checkbox_label input:checked ~ .checkmark{
    background-color: rgba(218, 8, 26, 0.2);
    border: 1px solid rgba(218, 8, 26, 0.2);
}
  
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
/* Show the checkmark when checked */
.checkbox_label input:checked ~ .checkmark:after {
    display: block;
}
  
/* Style the checkmark/indicator */
.checkbox_label .checkmark:after {
    left: 12px;
    top: 4px;
    width: 9px;
    height: 18px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* UPDATE 21.05.19 - Inactive fields update */
.calc_step_item.disable_dragger .calc_field_label {
    color: #DCDCDC;
}
.calc_step_item.disable_dragger .calc_field_label .text_color_gray {
    color: #E9E9E9;
}
.calc_step_item.disable_dragger .field_styled_div {
    border: 1px solid #EBECED !important;
    background-color: #f7f7f7;
}
.calc_step_item.disable_dragger .fileupload_label {
    color: #d2d2d2;
    font-size: 18px;
}
.calc_step_item.disable_dragger .calc_btn {
    color: rgba(218, 8, 26, 0.2) !important;
    border: 1px solid #ECECED !important;
    background-color: #F7F7F7 !important;
}

#calc_step_3 .checkbox_field_wrapper.disabled label{
    color: #B6B4B5;
}
.checkbox_field_wrapper.disabled label span{
    color: #ABE4F3;
}


.calc_step_item.disable_dragger .draggable_point{
    color: #DCDCDC;
}

.calc_step_item.disable_dragger .draggable_point.active span,
.calc_step_item.disable_dragger .draggable_point.active{
    color: #ABE4F3;
}

.calc_step_item.disable_dragger #quality_ranger_progres_bar {
    background-color: #ABE4F3;
}
.calc_step_item.disable_dragger #draggable {
    background-color: #ABE4F3;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}
.calc_step_item.disable_dragger #draggable:before {

}
.calc_step_item.disable_dragger #draggable:after {

}
.calc_step_item.disable_dragger #draggable_wrapper:before {
    background-color: #F0F0F0;
    box-shadow: inset 0px 1px 0px rgba(220, 220, 220, 0.7);
}

.styled_option_selector.disabled{
    border: 1px solid #ECECEC !important;
    color: #ABABAB;
    background-color: #E6E6E6;
}

.calc_step_item.disable_dateselect .horisontal_separator:before{
    background-color: #eeeeee;
}

.calc_step_item.disable_dateselect .horisontal_separator.horisontal_separator span{
    color: #b6b4b5;
}

.calc_step_item.disable_dateselect .single_date_slide .single_date_inner{
    background-color: #ABE4F3;
    color: #F8F8F8;
}

.calc_step_item.disable_dateselect .date_selector_slider .single_date_slide.request_only_translation .single_date_inner{
    color: #B6B4B5;
    background-color: #F2F2F2;
}

.calc_step_item.disable_dateselect .date_selector_slider .single_date_slide.express_translation .single_date_inner{
    color: #F8F8F8;
    background-color: #BFEBDA;
}

.calc_step_item.disable_dateselect .date_slider_prev-arrow, 
.calc_step_item.disable_dateselect .date_slider_next-arrow{
    pointer-events: none;
    color: #E2E2E2;
}

.calc_step_item.disable_dateselect .tp_string{
    background-color: rgba(35, 31, 32, 0.05);
}
@media (min-width: 992px){
    .col-md-37 {
        width: 37%;
    }
    .col-md-26{
        width: 26%
    }
}

@media (max-width: 1199px){
    .calc_step_item {
        padding: 0 60px 40px;
    }

    #calc_step_2 .calc_step_inner, #calc_step_3 .calc_step_inner, #calc_step_4 .calc_step_inner, #calc_step_5 .calc_step_inner {
        width: 80%;
    }
}

@media (max-width: 992px){
    .ui-draggable-handle {
        position: relative;
        text-align: center;
        padding-top: 9px;
        cursor: pointer;
    }

}