@font-face {
  font-family: 'Century-Gothic';
  src: url('../themes/demo/assets/fonts/centurygothic.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: 'Century-Gothic';
  src: url('../themes/demo/assets/fonts/centurygothic_bold.ttf') format('truetype');
  font-weight: 500;
}



td#isB {
    min-width: 100px;
}
div#svgContainer {
    margin-top: -30px;
}
.blk {
	font-family: 'Century-Gothic';
}

.blk .prof {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 6px 10px;
    border-bottom: 1px solid #9E9E9E;
    font-size: 14px;
}

.blk .act {
    color: #FFF;
}

table#chg td {
    vertical-align: top;
    text-align: center;
} 

.blk .prof i {
    font-style: normal;
    position: relative;
    z-index: 1;
    padding: 10px 10px;
    line-height: 1;
    display: block;
    width: 100%;
    max-width: 90px;
}

.blk .prof i::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #E31E24;
    z-index: -1;
    border-radius: 60px;
    opacity: 0;
}

.blk .prof.act i::before {
    opacity: 1;
} 
  


#isT img{display:block;margin:0 auto;width:auto}
#res_2{margin-bottom:40px;width: 40%;}
.dub-res-all{width:100%;margin-bottom:40px}
.dub-res-all td{padding:10px 5px!important;font-size:14px}
.menu_p input[type=text]{border:none}
#isS img{float:left;margin:10px 0;width:auto}
#prn,#var{color:#bd2a2a}
#prn,#var{text-align:center}
.d-excl{color:#949494;font-size:13px;line-height:1.2;position:relative;padding-top:10px;width:176px;max-width:100%;margin-top: 40px;}
input:focus{background:#f2f2f2}
.blk td,.blk th{vertical-align:top;padding:5px 0}
.blk th{padding:5px;font-size:14px}
.blk table.nol{border-collapse:collapse;border:0 solid #770;mix-blend-mode: darken;transform: scale(1.3);margin-top: 30px;}
.blk table.nol input{font-size:90%}
#b,#bl,#l,#l1,#ll,#ll1,#r,#r1,#rr,#rr1,#t,#tb,#tl,#tr{cursor:pointer}
.blk .nol td{vertical-align:middle;text-align:center;border:0 solid red;padding:0!important}
.blk .nol div{display:block}
.blk input{display:none}
#sS,#sb,#sh,#st{display:inline;position:relative;margin:0;text-align:center;font-weight:400;font-style:normal;width:33px;padding:0;height:29px;line-height:1;border:1px solid #bababa;color:#151515;font-size:17px;background:#f5f5f5;transform: scale(0.8);}
#sb,#sh{width:43px;margin:2px}
#res{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}
#res1{margin-bottom:40px;width: 54%;color:#151515;font-size: 14px;line-height:1.3}
#narD,#op,#pp1,#ppt,#ptm,#tolS,#krugD{display:inline;text-align:right;background: #f3f3f7;padding:0;color:#151515;font-size: 15px;letter-spacing:-.02em;border:none;width: 70px;margin-right:10px}

#ptm_l {
	text-align:right;background: #f3f3f7;padding:0;color:#151515;font-size: 15px;letter-spacing:-.02em;border:none;width: 70px;margin-right:10px;
	font-weight: 700;
}

#polD,#polT,#stenD,#stenS{display:inline;border:1px solid #ccc;padding:5px;margin:5px;font-size:16px;text-align:right;width:75px}
#ptm{font-weight:700}
#inpt span{display: block;text-align: left;width: 45%;}
#chg td,#chg th{border:0}
#list_cust.act,#ptm_cust.act{color:#323232;background:#eee}
.blk td.v_arr{background:url(/themes/demo/assets/images/calc/arr_v.gif) center center repeat-y;background:url(/themes/demo/assets/images/calc/arr_t.gif) center top no-repeat,url(/themes/demo/assets/images/calc/arr_b.gif) center bottom no-repeat,url(/themes/demo/assets/images/calc/arr_v.gif) center center repeat-y}
.blk td.h_arr{background:url(/themes/demo/assets/images/calc/arr_h.gif) center center repeat-x;background:url(/themes/demo/assets/images/calc/arr_r.gif) right center no-repeat,url(/themes/demo/assets/images/calc/arr_l.gif) left center no-repeat,url(/themes/demo/assets/images/calc/arr_h.gif) center center repeat-x}
table.d-ptm td:last-child{background: #f3f3f7;width: 110px;padding:5px;height: 50px;display: flex;align-items: center;justify-content: center;color: #777777;border: 1px solid #d6d6d6;}
table.d-ptm tr{display:flex;justify-content:space-between;margin-bottom:10px;align-items: center;}
table.d-ptm td:first-child{width:calc(100% - 145px);font-weight: normal;margin-bottom: 0;color: #151515;line-height: 1.4;}
.thead_title{margin-bottom:10px}
span#list_cust,span#ptm_cust{color:#fff;background:#e31e24;border:none;border-radius:60px;max-width:100%;line-height:1;font-weight:700;font-size:14px;padding:14px;margin-left: 10px;}
.container.calculator{width:95%;max-width:1300px}
.calc_aside{width:40%;gap: unset;margin-bottom: 20px;}
.calc_page{display:flex;flex-wrap:wrap;justify-content:space-between;gap: unset;}
.calc_content{width:59%;margin-bottom: 20px;}
.calc_aside_title {
    margin-bottom: 20px;
}
.select_field{background:#fff;border-radius:3px;color:#777;font-size:24px;line-height:1;padding:30px 25px 10px;width:100%;border:1px solid #fff;z-index: 1;margin-bottom: 20px;}
.select_field_head{font-weight:400;color:#89899c;line-height:1.3;text-transform:uppercase;font-size:16px;display:block;}
.menu_p_select .caret_arrow {
    top: 50%;
    right: 0;
}
span.menu_p{display:block}
.menu_p .menu{display:block;color:#777;padding:10px 25px;cursor:pointer}
.blk .menu_p .menu.act,.blk .menu_p .menu:hover{background: #e31e24;color:#fff}
 .menu_p.select-menu{position:absolute;top:100%;left:0;background:#fff;z-index:1;width:100%;display:none;box-shadow:0 16px 26px 0 #0000001f}
.select_field .menu_p.active{display:block}

#var {
    text-align: left;
}
.menu_p_select {
    position: relative;
    cursor: pointer;
    padding: 10px 0;
}

.selectclose.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000000d;
    z-index: 1;
}
.select_field.active {
	z-index: 5;
}

span.menu_p.pic_t .menu  {
    border-radius: 60px;
    font-size: 16px;
    background: #f3f3f7;
}

span.menu_p.pic_t {
    max-width: 250px;
}

span.menu_p.pic_t .menu.act {
    background: #e31e24;
    border-radius: 60px;
    font-size: 16px;
}

.select_field.select_field_tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 25px;
} 

div#inpt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}

input#narD, input#tolS, input#krugD {
    height: 50px;
    width: 40%;
    margin: 0 10px 10px;
    padding: 0 15px;
    border: 1px solid #d6d6d6;
}

span.menu_p.d-calc-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 5px 0;
} 
input#ptm_mm {
    background: #f3f3f7;
    width: 100px !important;
    margin-left: 0px !important;
    border: 1px solid #d6d6d6;
} 
 

input#t_list, input#m_list {
    background: #f3f3f7;
    width: 82px !important;
    border: 1px solid #d6d6d6;
} 

input#t_list {
    margin-left: 0px !important;
}

#list_cust.act, #ptm_cust.act {
    background: #00f;
    color: #fff;
}


/* 
===========================================
 */


 
 .calc_page_grid .menu_p.select-menu {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    top: unset;
    left: unset;
    box-shadow: none;
    width: calc(100% - 180px);
    background: none;
}

.calc_page_grid .menu_p_select {
    width: 160px;
    margin-right: 10px;
}

.calc_page_grid .menu_p .menu {
    padding: 10px;
    border: 1px solid #d1d1d1;
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 14px;
}
 
.calc_page_grid .select_field {
    flex-grow: 1;
    margin-right: 1%;
    font-size: 16px;
    padding: 20px 25px 10px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 10px 25px;
    width: auto;
    background: #f3f3f7;
    border-color: #d6d6d6;
}

.calc_content_wrap {
    width: 57%;
}

.calc_page_grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.calc_page_grid .calc_aside {width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;margin-bottom: 0;padding-bottom: 20px;}

.calc_page_grid .calc_aside.calc_aside_table {
    width: 40%;
    padding-left: 15px;
}

.calc_page_grid .calc_content_1, .calc_page_grid .calc_content_2 {
    width: 100%;
}

.calc_page_grid .calc_content_2 {
    margin-bottom: 0;
}
 
.calc_page_grid .select_field_list, .calc_page_grid .select_field_cust {
    width: 49%;
}



.tab-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.tab-btn {
    cursor: pointer;
    padding: 5px 15px;
    border: 1px solid #9E9E9E;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
}

.tab-btn.active, .tab-btn:hover {
    background: #e31e24;
    color: #fff;
    border-color: #e31e24;
}

.d-tbl-content {
    display: none;
}

.d-tbl-content.active {
    display: block;
}

/*
===============================================
*/

@media (max-width: 1200px) {
	
.calc_page_grid { 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}	

.calc_aside {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    order: 1;
}

.calc_content_wrap {
    width: 100%;
    order: 3;
}

.calc_page_grid .calc_aside.calc_aside_table {
    width: 100%;
    order: 2;
}
 

.select_field {
    width: 49%;
}

.calc_content {
    width: 100%;
    order: 3;
} 

.calc_aside.calc_aside_table {
    order: 2; 
    max-height: 400px;
    overflow-y: auto;
}
	
}


@media (max-width: 991px) {
.calc_aside .select_field {
    width: 100%;
}
.calc_page_grid .menu_p_select {
    width: 100%;
}

.calc_page_grid .menu_p.select-menu {
    width: 100%;
}
}



@media (max-width: 768px) {
	
.calc_page_grid .menu_p .menu {
    margin-right: 5px;
    font-size: 12px;
    flex-grow: 1;
    text-align: center;
}	
	
.select_field {
    font-size: 16px;
    padding: 10px 25px;
}

.select_field_head {
    font-size: 14px;
}
div#res_2 {
    width: 100%;
}

div#res1 {
    width: 100%;
}

.d-excl {
    width: auto;
}

.calc_content {
    padding-bottom: 0;
}
}


@media (max-width: 560px) {
table#chg th, table#chg td {
    min-width: auto;
}

table#chg th {
    font-size: 10px;
}
span#list_cust {
    margin-left: 0;
    margin-top: 10px;
}

span#list_cust, span#ptm_cust {
    padding: 10px 15px;
}
}

@media (max-width: 480px) {
.comment-checkbtn {
    margin-bottom: 10px !important;
}	
span#ptm_cust {
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
}
 
}