.micros {
max-width: 100% !important;
}
.calc_ner {
margin-top:35px;
background: #f2f2f2;
padding-bottom:20px;
}
.calc_ner .titles {
font-size: 32px;
padding-bottom: 30px;
color:
#000;
background-color:
#fff;
}
.calc_ner .box_form_send .titles {
background-color:transparent;
}
.micros .box_tabs .items_tabs {
display: flex;
padding-top: 20px;
}
.micros .wrapper_calcks {
max-width: 100%;
margin: 0 auto;
}
.dont-hide {
background: #f2f2f2;
}
#profil_results {
padding: 20px 27px;
}
#rabica_results {
padding: 20px 27px;
}
#metall_results {
padding: 20px 27px;
}
#derevo_results {
padding: 20px 27px;
}
.calcResultMaterial thead {
color: #fff !important;
}
.calcResultDelivery thead {
color: #fff !important;
}
.finish-total-price {
margin-top:35px;
margin-bottom:35px;
}
.result-summ {
font-size:14px !important;
}
.result-summ strong {
color:
#fff !important;
}
.wrapper_table_result p {
text-align:left !important;
font-size:18px;
}
.micros .name_tab p {
margin-top:5px;
margin-bottom:5px;
}
.micros .box_tabs .items_tabs .item_tab p {
margin: 0 1px;
border: 1px solid #ececec;
margin: 0px -1px -1px 0px;
padding: 0 15px;
cursor: pointer;
border-bottom: 0px;
background:#f7f7f7;
border: 1px solid #ececec;
color: #000;
border-radius: 3px;
font-size: 14px;
position: relative;
margin-right: 7px;
padding: 14px 25px 13px;
text-transform: uppercase;
font-weight: 400 !important;
transition: background-color .3s , box-shadow .3s;
margin-top: 10px;
}
.micros .box_tabs .items_tabs .item_tab:first-child {
margin: 0 px;
cursor: pointer;
}
.micros p {
margin-top:0px;
margin-bottom:0px;
}
.micros .box_tabs .items_tabs .item_tab.active p {
background: #fff;
}
.micros .box_tabs .items_tabs .item_tab p:hover {
background: #fff;
}
.micros .box_tabs .items_tabs .item_tab.active p::before {
content: "";
margin-top: -1px;
top: 0px;
left: 0px;
right: 0px;
display: block;
width: 100%;
height: 3px;
background: #ddd;
position: absolute;
color:
#000;
}
.micros .box_tabs .items_tabs .item_tab.active p::before {
background:
#188b30;
}
.window_hint{
max-width:190px;
display:none;
}
.window_hint.bottom{
position:absolute;
}
.window_hint.top{
position:absolute;
}
.wrapper_calcks{
max-width: 100%;
margin: 0 auto;
}
.wrapper_calcks .box_tabs .items_tabs .item_tab.active{
background: #188b30;
color: #fff;
}
.wrapper_calcks .box_tabs .items_tabs .item_tab{
margin: 0 5px;
background: #eee;
padding: 0 10px;
cursor: pointer;
}
.wrapper_calcks .box_tabs .items_tabs{
display:flex;
}
.wrapper_calcks .box_calcks{
background: #f7f7f7;
}
.wrapper_calcks .box_calcks .caclkualate.active{
display:block;
}
.wrapper_calcks .box_calcks .caclkualate{
display:none;
}
.wrapper_calcks .box_calcks .caclkualate .bns_form .cont_btns{
display:flex;
padding: 0px 30px;
}
#modal_prof_results {
padding: 0px 30px;
}
#modal_derevo_results {
padding: 0px 30px;
}
#modal_metall_results {
padding: 0px 30px;
}
#modal_rabica_results {
padding: 0px 30px;
}
.box_form_send .titles {
margin-top:15px;
font-size: 22px;
margin-bottom: 15px;
color:
#000;
}
.box_form_send2 .titles {
margin-top:15px;
font-size: 22px;
margin-bottom: 15px;
color:
#000;
}
.box_form_send {
padding: 0px 30px;
}
.box_form_send2 {
padding: 0px 30px;
}
.wrapper_calcks .box_calcks .caclkualate .bns_form .reset_btn{
background: none;
border: 1px solid #188b30;
color: #188b30;
padding: 8px 25px;
transition: background-color 0.1s ease;
-moz-transition: background-color 0.1s ease;
-ms-transition: background-color 0.1s ease;
-o-transition: background-color 0.1s ease;
-webkit-transition: background-color 0.1s ease;
}
.wrapper_calcks .box_calcks .caclkualate .bns_form .reset_btn:hover{
background-color:
#1da539;
color: #fff;
transition: background-color 0.1s ease;
-moz-transition: background-color 0.1s ease;
-ms-transition: background-color 0.1s ease;
-o-transition: background-color 0.1s ease;
-webkit-transition: background-color 0.1s ease;
}
.wrapper_calcks .box_calcks .caclkualate .bns_form .send_btn{
background: #188b30;
border: none;
color: #fff;
padding: 8px 20px;
margin-right: 20px;
transition: background-color 0.1s ease;
-moz-transition: background-color 0.1s ease;
-ms-transition: background-color 0.1s ease;
-o-transition: background-color 0.1s ease;
-webkit-transition: background-color 0.1s ease;
}
.wrapper_calcks .box_calcks .caclkualate .bns_form .send_btn:hover{
background-color:
#1da539;
transition: background-color 0.1s ease;
-moz-transition: background-color 0.1s ease;
-ms-transition: background-color 0.1s ease;
-o-transition: background-color 0.1s ease;
-webkit-transition: background-color 0.1s ease;
}
.wrapper_calcks .box_calcks .caclkualate .data_form{
display:flex;
flex-wrap:wrap;
padding: 20px 15px;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form{
flex:0 0 50%;
box-sizing: border-box;
padding: 10px 15px;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .name_item_c{
font-size: 14px;
margin-bottom: 5px;
display: block;
font-weight: 600;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr .label_hint .win_h:before{
content: '';
border: solid;
position: absolute;
top: -18px;
left: 50%;
transform: translateX(-50%);
border-width: 10px;
border-color: transparent #ff000000 #fff transparent;
transition:.45s;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr .label_hint.active{
border-color: #0783d9;
color: #0783d9;
cursor:help;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr .label_hint .win_h.anim{
top: 30px;
opacity:1;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr .label_hint .win_h{
position: absolute;
pointer-events: none;
top: 25px;
background: #fff;
z-index: 9;
min-width: 160px;
font-size: 14px;
padding: 5px 5px;
opacity: 0;
transition: .45s;
box-shadow: 0px 5px 6px 0 #00000061;
color:#000;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr .label_hint{
background: #fff;
border-radius: 50%;
border: 1px solid #aaa;
margin-left: 5px;
color: #aaa;
cursor: default;
width: 19px;
height: 19px;
line-height: 19px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr input:focus{
box-shadow: 0 0 5px 0 #188b30;
outline:none;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr input:hover{
border: 1px solid #000;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr select:focus{
box-shadow: 0 0 5px 0 #188b30;
outline:none;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr select:hover{
border: 1px solid #000;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr input{
width: 100%;
box-sizing: border-box;
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 5px;
height:42px;
background-color: #fff;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr select{
width: 100%;
box-sizing: border-box;
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 5px;
height:42px;
background-color:#fff;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr{
display:flex;
align-items: center;
}
.wrapper_table_result{
padding: 10px 0;
}
.box_form_send .content_form_send .submit_f_s{
border: none;
background: #188b30;
text-transform: uppercase;
color: #fff;
padding: 10px 20px;
margin-top: 10px;
}
.box_form_send .content_form_send .item_gr{
margin-top:10px;
}
.box_form_send .content_form_send .item_gr p{
margin: 0px 0 5px 0;
}
.box_form_send .content_form_send .custom_inp_fs2{
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px 5px;
}
.box_form_send{
display:none;
}
.box_form_send2{
display:none;
}
.box_form_send2 .content_form_send .submit_f_s{
border: none;
background: #188b30;
text-transform: uppercase;
color: #fff;
padding: 10px 20px;
margin-top: 10px;
}
.submit_f_s:hover{
background-color:
#1da539;
transition: background-color 0.1s ease;
-moz-transition: background-color 0.1s ease;
-ms-transition: background-color 0.1s ease;
-o-transition: background-color 0.1s ease;
-webkit-transition: background-color 0.1s ease;
}
.box_form_send2 .content_form_send .item_gr{
margin-top:10px;
}
.box_form_send2 .content_form_send .item_gr p{
margin: 0px 0 5px 0;
}
.box_form_send2 .content_form_send .custom_inp_fs2{
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px 5px;
}
/*NEW**/
.wrapper_calcks .box_calcks .caclkualate2.active{
display:block;
}
.wrapper_calcks .box_calcks .caclkualate2{
display:none;
}
.wrapper_calcks .box_calcks .caclkualate2 .bns_form .cont_btns{
display:flex;
}
.wrapper_calcks .box_calcks .caclkualate2 .bns_form .reset_btn{
background: none;
border: 1px solid #188b30;
color: #188b30;
padding: 8px 25px;
border-radius: 5px;
}
.wrapper_calcks .box_calcks .caclkualate2 .bns_form .send_btn{
background: #188b30;
border: none;
color: #fff;
padding: 8px 20px;
border-radius: 5px;
margin-right: 20px;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form{
display:flex;
flex-wrap:wrap;
padding: 20px 15px;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form{
flex:0 0 50%;
box-sizing: border-box;
padding: 10px 15px;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .name_item_c{
font-size: 14px;
margin-bottom: 5px;
display: block;
font-weight: 600;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .h_gr .label_hint .win_h:before{
content: '';
border: solid;
position: absolute;
top: -18px;
left: 50%;
transform: translateX(-50%);
border-width: 10px;
border-color: transparent #ff000000 #fff transparent;
transition:.45s;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .h_gr .label_hint.active{
border-color: #0783d9;
color: #0783d9;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .h_gr .label_hint .win_h.anim{
top: 30px;
opacity:1;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .h_gr .label_hint .win_h{
position: absolute;
pointer-events: none;
top: 25px;
background: #fff;
z-index: 9;
min-width: 160px;
font-size: 14px;
padding: 5px 5px;
opacity: 0;
transition: .45s;
box-shadow: 0px 5px 6px 0 #00000061;
color:#000;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .h_gr .label_hint{
background: #fff;
border-radius: 50%;
border: 1px solid #aaa;
margin-left: 5px;
color: #aaa;
cursor: default;
width: 19px;
height: 19px;
line-height: 19px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .h_gr input:focus{
box-shadow: 0 0 5px 0 #188b30;
outline:none;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .h_gr input:hover{
border: 1px solid #000;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .h_gr select:focus{
box-shadow: 0 0 5px 0 #188b30;
outline:none;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .h_gr select:hover{
border: 1px solid #000;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .h_gr input{
width: 100%;
box-sizing: border-box;
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 5px;
height:32px;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .h_gr select{
width: 100%;
box-sizing: border-box;
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 5px;
height:32px;
}
.wrapper_calcks .box_calcks .caclkualate2 .data_form .item_form .group_ite_f .h_gr{
display:flex;
align-items: center;
}
@media (max-width: 767px) {
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr .label_hint .win_h:before {
left: 80%;
}
.wrapper_calcks .box_calcks .caclkualate .data_form .item_form .group_ite_f .h_gr .label_hint .win_h {
margin-right: 100px !important;
right:100px;
margin-right: 100px;
position: absolute;
display: flex;
right: 0;
left: -120px;
}
.micros .box_tabs .items_tabs {
display: block;
padding-top: 20px;
width:100%;
}
.micros .item_tab {
width: 49%;
float: initial;
display: inline-block;
}
.micros .item_tab:nth-child(2n) {
width: 49%;
float: right;
display: inline-block;
}
.micros .box_tabs .items_tabs .item_tab p {
text-align:center;
font-size:12px;
margin-right:0px;
padding: 14px 5px 13px;
}
}
@media (max-width: 479px) {
.micros .item_tab {
width: 100%;
float: initial;
display: inline-block;
}
.micros .item_tab:nth-child(2n) {
width: 100%;
float: initial;
display: inline-block;
}
}
