/* calculator */
.jq-selectbox {font-family: 'plaid-m';font-size: 1.875rem; vertical-align: middle; cursor: pointer; width: 100%; text-align: left; }
.jq-selectbox__select {    z-index: 2;text-align: center; height: 5.5rem; padding: 0rem 3.2rem 0rem 1rem;border-radius: 0.938rem; display: flex; align-items: center; 
 line-height: 1; color: #fff; background:#021B65;    display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.jq-selectbox.disabled .jq-selectbox__select { border-color: #CCC; background: #F5F5F5; -webkit-box-shadow: none; box-shadow: none; color: #888; }
.jq-selectbox__select-text {z-index: 2; display: block; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.jq-selectbox__trigger { position: absolute; top: 0; right: 0;  height: 100%; }
.jq-selectbox__trigger-arrow { position: absolute; top: 2.35rem; right: 2.6rem; width:0.938rem; height: 0.813rem; 
background: url(../img/sel-arr.svg) no-repeat center; background-size:contain; }
.jq-selectbox.opener .jq-selectbox__trigger-arrow { -webkit-transform: ratate(180deg); -ms-transform: ratate(180deg); transform: ratate(180deg); }
.jq-selectbox__dropdown {border-radius: 0 0 0.938rem 0.938rem; top: 100% !important; width: 100%;padding-bottom: 0.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0;    margin-top: -0.7rem;    padding-top: 0.5rem; border: 0.313rem solid #021B65; border-top: none;  background: #fff; }
.jq-selectbox__search { margin: 5px; }
.jq-selectbox__search input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; outline: none; border: 1px solid #CCC; -webkit-border-radius: 3px; border-radius: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%; -webkit-box-shadow: inset 1px 1px #F1F1F1; box-shadow: inset 1px 1px #F1F1F1; color: #333; -webkit-appearance: textfield; }
.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; }
.jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; }
.jq-selectbox ul { margin: 0; padding: 0;  }
.jq-selectbox li { min-height: 18px; padding: 0rem 1.8rem 0.2rem; line-height: 5.5rem;}
.jq-selectbox li.selected, .jq-selectbox li.sel {display: none;}
.jq-selectbox li:hover { background-color: #F3FCFF; }
.jq-selectbox li.disabled { color: #ccc; background: none; }
.jq-selectbox li.placeholder { display: none !important; }
.jq-selectbox li.disabled:hover { background: none; }
.jq-selectbox li.optgroup { font-weight: bold; }
.jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; }

.calc_sel-type .jq-selectbox__select {background: #C3217D;}
.calc_sel-type .jq-selectbox__dropdown {border-color: #C3217D; color:#C3217D;}

#selectproducts-styler {pointer-events: none; cursor: default;}
#selectproducts-styler .jq-selectbox__select {padding: 0;} 
#selectproducts-styler .jq-selectbox__trigger {display: none;}

/* */
.wrapper {padding: 0 9.5%;   z-index: 1; position: relative;}

/* */
.section-calchead {margin-bottom:0 !important; height: calc(100vh + 48.25rem); background: #CEF2FE; text-align:center; position: relative; }
.section-calchead:after {content:'';position: absolute; bottom:-15.3rem;left:0;right: 0; height: 29.518rem; background: url(../img/c-wave1.png) no-repeat top; background-size: cover;}
.calchead {    padding-top: 7rem;position: relative; width: 100%;height: 100vh;display: flex; align-items: center; justify-content: center;}
.calchead_title {text-transform: capitalize; font-size: 6.875rem; position: relative; z-index: 4; line-height: 7.188rem; font-family: 'krana-fat';}
.calchead_title span {color:#C3217D;}

.calchead_img {position: absolute; z-index: 1;top:50%; left:50%; transition: all 0.3s linear;}
.calchead_img1 {width: 46.063rem;    margin: -29.65rem 0 0 -60rem;z-index: 2}
.calchead_img2 { width: 19.688rem;    margin: -2rem 0 0 -55rem;}
.calchead_img3 { width: 17.875rem;    margin: -14.4em 0 0 30rem;    z-index: 5;}
.calchead_img4 {width: 34.625rem;    margin: 0.8rem 0 0 21.5rem;}
.calchead_img5 {width: 22.75rem; margin: 44.5rem 0 0 -11.4rem; text-align: center;   z-index: 4; height: 37.938rem}
.calchead_img5 img {height: 100%; object-fit: contain;}

.section-emiss {margin-bottom:0 !important;padding: 8rem 0 14.4rem;  position: relative;z-index: 1;}
.emiss {    margin: 6.4rem 0 0;}
.emiss_row {font-family: 'plaid-m'; display:flex; gap:1rem; align-items:center; } 
.emiss_dairy {color:#021B65; margin-bottom: -0.688rem;}
.emiss_eclipse {color:#C3217D;}
.emiss_label {  display: flex; align-items: center; gap:0.5rem;  line-height: 1;  font-size: 1.765rem;} 
.emiss_label img {width: 6.625rem;    vertical-align: middle; height: 2rem;object-fit: contain;} 
.emiss_value {border:0.125rem solid currentColor; min-width: 12.438rem; font-size: 1.25rem; height: 2.813rem; padding: 0 1rem; display: flex; align-items: center; border-radius: 2rem;} 
.emiss_img {margin-bottom: 2.1rem;} 
.emiss_img img {width: 100%;object-fit: cover; margin-bottom: -0.5rem;   display: block;}

.section-stack {margin-bottom:0 !important;padding: 8rem 0 14.4rem;font-family: 'plaid-m';}
.calctabs_cont.hide {display: none;}
.calctabs {    margin: 5.9rem 0 2.6rem 0;list-style: none;display: flex; justify-content: center; gap: 1.2rem;}
.calctabs li {}
.calctabs li a {text-decoration: none; min-width: 9.75rem; font-size: 1.914rem; display:flex; align-items:center; height: 3.96rem;border-radius: 2rem; padding: 0 1rem; justify-content:center; border:2px solid currentColor; color:#021B65;}
.calctabs li.active a, .calctabs li a:hover {background: #021B65; border-color: #021B65; color:#fff;}

.stack_txt {justify-content: center; min-height:14.938rem; margin-bottom: 1.2rem; font-family: 'plaid-m'; display: flex; font-size: 1.25rem; line-height: 1.563rem; flex-direction: column; color:#C3217D; border-left: 1px solid #C3217D; padding-left: 1rem; max-width: 65.125rem;}
.stack_txt p {padding: 0;margin: 0 0 0.188rem;}
.stack_txt p:last-child {margin: 0;} 
.stack_txt b {font-family: 'plaid-l';}

.stack {display: flex; gap:0.6rem;}
.stack_item {    width: 15.45%;display: flex; flex-direction: column; justify-content: space-between; background: #021B651A; color:#021B65; padding: 1.2rem 1rem 2.1rem 1.3rem; height: 16.75rem;}
.stack_item_label {    text-transform: lowercase;font-size: 1.563rem; display: flex; align-items: center; gap:0.5rem;}
.stack_item_label img {width:7rem; height: 2.063rem; object-fit: contain;}
.stack_item_value {white-space: nowrap; font-size: 3.2rem;     line-height: 1;}
.stack_item_value sup {font-size: 1rem;     letter-spacing: 0;    bottom: -0.875rem;    margin-left: 0.625rem;   vertical-align: top; }
.stack_item-main {padding: 1.4rem 1.5rem 1.3rem 1.45rem; background: #C3217D1A; color:#C3217D; flex: 1}
.stack_item-main .stack_item_value {    letter-spacing: -0.025em;font-size: 9.4rem; font-family: 'plaid-l';}
.stack_item-main .stack_item_value sup { font-family: 'plaid-m';  bottom: -2.3rem; letter-spacing: 0em;font-size: 1.5rem;}

/* */
#calc {margin:0;}
.section-calc { margin:9.5rem 0 0; background: #fff; padding: 10rem 0 5.7rem; text-align: center; position: relative; z-index: 2;font-family: 'plaid-m';}
.section-calc:before {content:'';position: absolute; height: 29.518rem; z-index: 0; top:-9.125rem; left:0; right: 0; background: url(../img/c-wave2.png) no-repeat top; background-size: cover;}
.calc_title {text-transform: capitalize; margin-bottom: 0.7rem; font-size: 3.75rem; font-family: 'plaid-l'; text-align: center;}
.calc_title  span {color:#C3217D;}
.calc_subtitle {margin-bottom: 3rem;font-size: 1.875rem; font-family: 'plaid-m'; text-align: center;}

.calc { margin: 5.4rem auto 0rem; }
.calc_top {font-size: 1.563rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12.15rem; }
.calc_beet { /* margin-top: 4.1rem;*/line-height: 1; font-size: 1.875rem; text-align: center; width: 10rem; }
.calc_label {    margin-bottom: 1.8rem;}
.calc_sel { width:19.5rem; }
.calc_sel select { opacity: 0; }

.calc_slider {  margin: 0 0rem 2.6rem 0;}

[data-type="carton"] .noUi-handle {top: -4.3rem; background-image: url(../img/pack.svg);  width: 2.917rem; width: 3.917rem; height: 7.5rem;    background-position: right;}
[data-type="case"] .noUi-handle {top: -5.5rem; background-image: url(../img/packs.svg);  width: 8.099rem; height: 8.721rem;}


.calc_bot { text-align: center; font-size:1.563rem; margin-bottom: 6.5rem; display: flex; justify-content: space-between;}
.calc_bot_num {width: 6rem;text-align: left;}
.calc_bot_num:last-child {text-align: right;}
.calc_bot_txt {    margin-top: 0.35rem;}
.calc_bot_txt span {text-decoration: underline;}

.calc_table {margin: 0 -0.55rem 2.15rem;}
.calc_table table {margin: 0; font-family: 'plaid-m';  border-collapse: separate; border-spacing: 0.55rem; table-layout: fixed; line-height: 1.25; width: 100%; border:none;}
.calc_table_label {text-decoration: underline;  margin-bottom: 2rem; font-size: 1.563rem}
.calc_table_label img {margin-bottom: -0.2rem;width:7rem; height: 2.063rem; object-fit: contain;    display: flex;    align-items: center;    gap: 0.5rem;}
.calc_table_value {font-size: 3.438rem; margin-top:auto;  white-space: nowrap;  line-height: 1;}
.calc_table_value sup {font-size: 1.25rem; bottom: -0.875rem;   margin-left: 1.225rem;   vertical-align: top; }
.calc_table th {    padding: 0.5rem 0 1.1rem; border: none;font-size: 2.5rem; font-family: 'plaid-l'; text-align: left;}
.calc_table td {border: none;  padding: 1.063rem 0.875rem 1.64rem; background: #021B651A; text-align: left;}
.calc_table .tr-main td {background: #C3217D1A; color:#C3217D;}
.calc_table .tr-main .calc_table_value {font-size: 4.688rem; font-family: 'plaid-l'; }
.calc_table .tr-main .calc_table_value sup { margin-left: 0.625rem; font-size: 1.625rem; font-family: 'plaid-m'; bottom: -0.9rem;  }
.calc_table_cell {height: 8.75rem; display: flex; flex-direction: column; justify-content: space-between;}

.calc_smtxt {font-size: 1.25rem;}

.selectedvalue {text-decoration: underline;}

/* */
.section-calcbenefits {    background: #fff; position: relative;z-index: 0; padding: 5rem 0 20.5rem; text-align: center; font-family: 'plaid-m'; margin: 0;}
.section-calcbenefits:after {content:'';position: absolute; height: 29.518rem; z-index: 0; bottom:-16rem; left:0; right: 0; background: url(../img/c-wave1.png) no-repeat top; background-size: cover;}

.calcbenefits {margin-top: 9.25rem;}
.calcbenefits_card {padding: 2rem 3rem 2.4rem; overflow: hidden; position: relative; margin: 0 auto; width: 42.563rem; border-radius: 0.938rem;    background: #FCF5E8;}
.calcbenefits_card_title {    margin-bottom: 2.75rem;text-transform: lowercase; font-size: 4.277rem; line-height: 1; font-family: 'plaid-l'; }

.calcbenefits_card_cont {}

.calcbenefits_sch {display: flex; justify-content: space-between; gap:0.3rem; align-items: center;margin: 0 0px 1.6rem -0.125rem;    padding-bottom: 2.1rem;    line-height: 111%;    font-size: 1.528rem;    border-bottom: 1px solid #021B65;}
.calcbenefits_sch img {vertical-align: middle;}
.calcbenefits_sch_item {display: flex; align-items: center; gap:1.3rem; text-align: left;}
.calcbenefits_sch_item img {max-width: 1.375rem; max-height: 3.313rem; object-fit: contain;}
.calcbenefits_sch_arr {width: 5.625rem;}

.calcbenefits_selected {    margin-bottom: 1.75rem; gap:0.5rem; display: flex; align-items: center; justify-content: center; font-size: 1.528rem;}
.calcbenefits_selected b {text-decoration: underline; font-weight: 400; font-family: 'plaid-l'; }
.calcbenefits_selected:before {content:''; display: block; height: 3.313rem; width: 2.063rem; background: url(../img/icon-cap.svg) no-repeat center; background-size: contain;}
[data-type="carton"] .calcbenefits_selected:before {height: 3.313rem; width: 1.188rem; background: url(../img/icon-ecl.svg) no-repeat center; background-size: contain;}
[data-type="case"] .calcbenefits_selected:before {height: 3.313rem; width: 2.905rem; background: url(../img/icon-ecls.svg) no-repeat center; background-size: contain;}

.smmetrics {display: flex;margin:0 -2.5rem; text-align: center; justify-content: center;}
.smmetrics_item {padding: 0 0.5rem 0.75rem; border-right: 1px solid #021B65;  flex-grow: 1;;}
.smmetrics_item:last-child {border: none;}
.smmetrics_item b {display: block;font-size: 3.75rem;     margin-bottom: 0.75rem; font-weight:400; line-height: 5rem;}
.smmetrics_item span {font-size: 1.563rem;line-height: 1.75rem;display: block;}

.calcbenefits_card_img {margin: 1.8rem -0.157rem 0rem; display: flex; align-items: center; justify-content: center; height: 9.5rem;}
.calcbenefits_card_img img {max-height: 100%;object-fit: contain;}

.calcbenefits_card_bot {font-size: 1.1rem; padding-top: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex;  align-items: flex-end; justify-content: space-between;}
.calcbenefits_card_bot a {color:currentColor; text-decoration: none;}
.calcbenefits_card_bot_logo {height: 2.75rem; width: 9.25rem; }
.calcbenefits_card_bot_logo img {width:100%; height:100%; display: block; object-fit: contain;}

.calcbenefits_btns {margin-top:2.85rem; position: relative;z-index: 5; display: flex; text-align: center; justify-content: center; align-items: center; gap:0.7rem;}
.calcbenefits_btn .btn {width: 13.58rem; height: 4.02rem}
.calcbenefits_btn{ position: relative;}
.btn-hovtxt { position: relative; }

.addtoany_shortcode{ align-items: center;     white-space: nowrap;   display: flex;    justify-content: center;   opacity: 0; padding-top: 1rem;   pointer-events: none;    transition: 0.2s;    position: absolute;    left: 50%;    top: 100%;  min-width: 100%;    text-align: center;    transform: translateX(-50%);}
.addtoany_shortcode .addtoany_shortcode {    transform: translateX(0%); min-width: 1rem; opacity: 1; position: static;padding-top: 0rem; top: 0;}
.addtoany_shortcode .addtoany_list a, .widget .addtoany_list a {
    border: 0;
    box-shadow: none;
    display: inline-block;
    font-size: 0px;line-height: 0;
    margin: 0 0px; padding:0;
    vertical-align: middle;
}
.addtoany_shortcode .addtoany_list a span {display: inline-flex; vertical-align: top; align-items: center; justify-content: center;}
.addtoany_shortcode .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {width: 4.1rem;height: 3.9rem;}
.addtoany_shortcode .addtoany_list a svg {max-width: 100%;max-height: 100%; width:42px; height: 42px; vertical-align: middle;}
.addtoany_shortcode .addtoany_list a.a2a_button_inst svg {    max-width: 72%;    max-height: 72%;}
.calcbenefits_btn:hover .addtoany_shortcode{ opacity: 1; pointer-events: all;}
.calcbenefits_btn:hover .btn {background: #021B65; color:#fff;}

.btn { font-family: 'plaid-m'; text-decoration: none; font-size: 1.875rem; display:inline-flex; align-items:center; height: 5.25rem;border-radius: 3rem; padding: 0 1rem; justify-content:center; background:#021B65; border: none; color:#fff;}
.btn-bord {background:transparent; border:0.125rem solid #021B65; color:#021B65;}
.btn-bord:hover {background: #021B65; color:#fff;}
.btn-red {background: #C3217D;}

/* */
.section-about {margin-bottom:0 !important; padding: 8rem 0 15.05rem; text-align: center;margin: 0; font-family: 'plaid-m'; position: relative; z-index: 1;}
.about {    margin: 5.6rem auto 0;  line-height: 120%; max-width: 67.5rem; font-size: 3.125rem;}

/* */
.section-info {margin-bottom:0 !important;background: #021B65; color:#fff; position: relative; font-family: 'plaid-m';}

.info { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.info .calc_title {      margin-bottom: 2.6rem;  line-height: 125%; text-align: left; text-transform: none;}
.info .calc_subtitle {    margin-bottom: 3rem; text-align: left;}
.info_img { width:50%; }
.info_img img {display: block; width: 100%;height: 100%; object-fit: cover;}
.info_cont {  padding: 6rem 7rem 6rem 8.45rem; display: flex; flex-direction: column; justify-content: center; width: 50%; }
.info_btn  {    margin: 2rem 0 1.6rem;}   
.info_btn .btn {padding: 0 2.6rem;     text-transform: lowercase;}   

/* */
.section-calcfaq {margin: 0; padding: 9.3rem 0; background: #F3FCFF; font-family: 'plaid-m';}
.section-calcfaq h2 {text-align: left; padding: 0; margin:0 0 2rem 0;font-family: 'plaid-l'; font-size: 4.375rem; line-height: 5rem;}
.calcfaq {border-top: 0.125rem solid #797e80; margin-top: 3.4rem;}
.calcfaq_item {    padding-bottom: 0.15rem;border-bottom: 0.125rem solid #797e80;}
.calcfaq_item_btn {cursor: pointer; border:none; padding: 1.65rem 4.3rem 1.65rem 0; position: relative; font-size: 2.813rem;}
.calcfaq_item_btn:before {background: #021B65;content:'';position: absolute; top:50%; width:3rem; height:0.8rem; right:1.1rem;margin-top: -0.4rem; }
.calcfaq_item_btn:after {background: #021B65;content:'';position: absolute; top:50%; width:3rem; height:0.8rem; right:1.1rem;margin-top: -0.4rem; transform: rotate(90deg);     transition: all 0.3s linear;}
.calcfaq_item_ans {display: none; font-size: 2.188rem; line-height: 1.1428; padding-bottom: 3rem}
.calcfaq_item.open .calcfaq_item_btn:after {transform: rotate(0deg);}

html {font-size:0.833vw;}

@media screen and (max-width: 1023px) {
    html {   font-size: 10px;}
    .wrapper {  padding: 0 3%;}
    .jq-selectbox { font-size: 1.629rem;}
    .jq-selectbox__select {border-radius: .813rem; padding: 0rem 3.1rem 0rem 1rem; height: 4.8rem; font-size: 1.629rem; }
    .jq-selectbox__dropdown {  border-radius: 0 0 .813rem .813rem;}
    .jq-selectbox__trigger-arrow {top: 2rem;    right: 1.9rem;    width: 0.8rem;    height: 0.8rem; }
    .jq-selectbox li {line-height: 4.8rem;}

    .noUi-handle { width: 3.4rem; height: 4.8rem;}
    .noUi-horizontal { height: 1.6rem; }
    .noUi-horizontal .noUi-handle {top: -2rem; }
    [data-type="carton"] .noUi-handle {    top: -2.6rem; width: 3.15rem;    height: 5.4rem;}
    [data-type="case"] .noUi-handle {    top: -3.2rem; width: 6rem;    height: 6.5rem;}
    .noUi-horizontal .noUi-tooltip { font-size:1.424rem;height:3rem;min-width:3rem; margin: 0 -2.2rem -1.6rem 0rem; }


    .calchead {padding: 0 13%;}
    .calchead_title {  font-size: 8rem; line-height: 1;}
    .calchead_img1 {    width: 44rem;    margin: -41.8rem 0 0 -46.7rem;}
    .calchead_img2 {    width: 18.5rem;    margin: -15rem 0 0 -41.6rem;}
    .calchead_img3 {    width: 16.6rem;    margin: -13.5em 0 0 16rem;}
    .calchead_img4 {    width: 32.3rem;    margin: -13.1rem 0 0 15.1rem;}
    .calchead_img5 {  height: 50.8rem;   margin: 44.5rem 0 0 -11.4rem;}
    .section-calchead {  height: calc(100vh + 38.25rem);}
    .section-calchead:after {  bottom: -12.3rem;  height: 18.9rem;}
    .calc_title {     margin-bottom: 0.3rem; font-size: 3.4rem;}
    .calc_subtitle {    margin-bottom: 2rem;    font-size: 1.8rem;}
    .section-emiss {    padding: 34.1rem 0 11.4rem;}
    .emiss {    margin: 6.1rem 0 0;}
    .emiss_row { gap: 0.8rem}
    .emiss_label {    padding-bottom: 0rem;    font-size: 1.5rem;}
    .emiss_label img {    width: 7.8rem;    height: 2.3rem;}
    .emiss_value {    font-size: 1.5rem;    height: 3.2rem;    padding: 0 1.1rem;}
    .emiss_dairy {    margin-bottom: 0.4rem;}
    .emiss_img {    margin-bottom: 3.5rem;}
    .calctabs {    margin: 2.3rem 0 4.2rem 0;    gap: 1.6rem;}
    .calctabs li a {  min-width: 13.2rem;    font-size: 2.588rem;    height: 5.5rem;    border-radius: 3rem;    border: 0.2rem solid currentColor;}
    .section-stack {  padding: 8rem 0 8.4rem;}
    .stack_txt {    min-height: 12.3rem;    margin-bottom: 0.8rem;    font-size: 1.2rem;    line-height: 1.4rem;    padding-left: 1.3rem;    max-width: 60.125rem;}
    .stack_txt p {  margin: 0 0 0rem;}
    .stack {  gap: 0.5rem;}
    .stack_item { padding: 0.8rem 1rem 1.5rem 1rem;    height: 12rem;}
    .stack_item_label img {    width: 5.8rem;    height: 1.8rem;}
    .stack_item_label {    font-size: 1.4rem;}
    .stack_item_value {    font-size: 2.3rem;}
    .stack_item_value sup {    font-size: 0.7rem;    bottom: -0.7rem;    margin-left: 0.4rem;}
    .stack_item-main {  padding: 1.0rem 1rem 1.0rem 1.3rem;}
    .stack_item-main .stack_item_value {    letter-spacing: -0.02em;    font-size: 6.6rem;}
    .stack_item-main .stack_item_value sup {  margin-left: 0.3rem;        bottom: -1.7rem; font-size: 1.2rem;}
    .section-calc {  padding: 4.8rem 0 5.7rem;}
    .section-calc:before { height: 18.9rem;top: -7.125rem;}
    .calc {    margin: 2.5rem auto 0rem;}
    .calc_top { margin-bottom: 4.9rem;   font-size: 1.358rem;}
    .calc_label {    margin-bottom: 1.6rem;}
    .calc_beet {   /* margin-top: 3.7rem; */   font-size: 1.627rem;    width: 8.7rem;}
    .calc_slider {  margin: 0 1.6rem 2.2rem;}
    .calc_bot { margin: 0 1.8rem;   font-size: 1.2rem;    margin-bottom: 4.2rem;}
    .calc_bot_txt {    margin-top: 0.1rem;}
    .calc_sel {    width: 17rem;}
    .calc_table th {    padding: 0rem 0 0.5rem;    font-size: 2rem;}
    .calc_table_label img {    width: 5.2rem;    height: 1.6rem;}
    .calc_table_label {   margin-bottom: 1rem;    font-size: 1.4rem;}
    .calc_table_value {  font-size: 2.6rem;}
    .calc_table_value sup {    font-size: 1.2rem;    bottom: -0.875rem;    margin-left: 1.225rem;}
    .calc_table .tr-main .calc_table_value {    font-size: 3.8rem; font-size: 3.2rem;}
    .calc_table .tr-main .calc_table_value sup {    margin-left: 0.625rem;    font-size: 1.6rem;  font-size: 1.5rem;    bottom: -0.9rem;}
    .calc_table_cell {    height: 6.9rem;}
    .calc_table td {    padding: 0.8rem 0.8rem 0.8rem;}
    .calc_table {    margin: 0 -0.55rem 1.5rem;}
    .calc_smtxt {    font-size: 1rem;}
    .section-calcbenefits { padding: 5rem 0 14.8rem;}    
    .section-calcbenefits:after {bottom: -11rem; height: 18.9rem;}
    .calcbenefits {    margin-top: 4.3rem;}
    .calcbenefits_card_title {    margin-bottom: 2.4rem;    font-size: 3.532rem;}
    .calcbenefits_sch { gap: 0.3rem;    margin: 0 0px 1.6rem -0.1rem;    padding-bottom: 1.5rem;    font-size: 1.261rem;}
    .calcbenefits_sch_arr {    width: 4.6rem;}
    .calcbenefits_sch_item img {    max-width: 1.2rem;    max-height: 2.8rem;}
    .calcbenefits_sch_item {  gap: 1rem;}
    .calcbenefits_selected {    margin-bottom: 1.6rem; font-size: 1.261rem;}
    .calcbenefits_selected:before { height: 2.4rem;    width: 2.063rem;}
    .smmetrics {    margin: 0 -2rem;}
    .smmetrics_item span {    font-size: 1.261rem;    line-height: 1.413rem;}
    .smmetrics_item b {    font-size: 3.32rem;    margin-bottom: 0.75rem;    line-height: 4.1rem;}
    .calcbenefits_card {    padding: 1.7rem 2.4rem 1.9rem; width: 35.2rem;    border-radius: 0.8rem;}
    .calcbenefits_card_img {    margin: 1.3rem 0 0rem; height: 7.8rem;}
    .calcbenefits_card_bot_logo {    height: 2.3rem;    width: 7.7rem;}
    .calcbenefits_card_bot {    font-size: 0.91rem;    padding-top: 1rem;}
    .calcbenefits_btns {    gap: 0.5rem;    margin-top: 2.3rem;}
    .calcbenefits_btn .btn {    width: 12.1rem;    height: 3.7rem;}
    .section-about {  padding: 8rem 0 9.1rem;}
    .about {    margin: 1.6rem auto 0;    line-height: 118%;    max-width: 59.5rem;    font-size: 2.2rem;}
    .info {min-height: 10rem;}
    .info_btn .btn-draw {font-size: 2.4rem;    width: 32.5rem;    height: 8rem;} 
    .info .calc_subtitle {    margin-bottom: 3.6rem;    line-height: 134%;}
    .info .calc_title {    margin-bottom: 3.2rem;    line-height: 106%;}
    .btn {font-size: 1.635rem;    height: 4rem;}
    .info_btn { margin: 2rem 0 0;}
    .info_btn .btn {    padding: 0 1.5rem;}
    .info_cont {  padding: 5.2rem 5.5rem 4.1rem 5.45rem;}
    .section-calcfaq {     padding: 8.9rem 0 8.7rem;}
    .section-calcfaq h2 { font-size: 2.796rem;    line-height: 3.2rem;}
    .calcfaq {    border-top: 0.1rem solid #797e80;    margin-top: 3.9rem;}
    .calcfaq_item {    padding-bottom: 0;}
    .calcfaq_item_btn {     padding: 1.3rem 4.3rem 1.4rem 0; font-size: 2rem;}
    .calcfaq_item_ans {  font-size: 1.6rem;}
    .calcfaq_item_btn:before {  width: 2.2rem;    height: 0.6rem;    right: 0.9rem;    margin-top: -0.3rem;}
    .calcfaq_item_btn:after {  width: 2.2rem;    height: 0.6rem;    right: 0.9rem;    margin-top: -0.3rem;}
    .addtoany_shortcode .addtoany_list a span { max-width: 32px;    max-height: 32px; line-height: 0 !important;   background-size: 32px;}
  
}

@media screen and (max-width: 767px) { 
    .jq-selectbox { font-size: 1.194rem;}
    .jq-selectbox__select {border-radius: .6rem; padding: 0rem 3.2rem 0rem 1rem; height: 3.5rem; font-size: 1.194rem; }
    .jq-selectbox__dropdown { border-width: 0 0.2rem 0.2rem 0.2rem; border-radius: 0 0 .6rem .6rem;}
    .jq-selectbox__trigger-arrow {top: 1.5rem;        right: 1.7rem;        width: 0.6rem;        height: 0.6rem;}
    .jq-selectbox li {line-height: 3.5rem;}

    .noUi-handle { width: 3.2rem; height: 4.7rem;}
    .noUi-horizontal { height: 1rem; }
    .noUi-horizontal .noUi-handle {top: -2rem; }
    [data-type="carton"] .noUi-handle {    top: -2.6rem; width: 3.2rem;    height: 5.2rem;}
    [data-type="case"] .noUi-handle {    top: -3.2rem; width: 5.6rem;    height: 6rem;}
    .noUi-horizontal .noUi-tooltip { font-size:1.4rem;height:2.752rem;min-width:2.752rem; margin: 0 -2.2rem -1.4rem 0rem; }


    .wrapper { padding: 0 2.4rem;    }
    .calc_title {     margin-bottom: 1.1rem; font-size: 2.2rem; line-height: 2.6rem}
    .calc_subtitle {    margin-bottom: 2rem;    font-size: 1.5rem; line-height: 1.8rem}

    .calchead {padding: 6.5rem 10% 0;}
    .calchead_title {  font-size: 5rem; line-height: 1;}
    .calchead_img1 { width: 27rem;        margin: -29.2rem 0 0 -22.4rem;}
    .calchead_img2 { width: 14.5rem;        margin: -16rem 0 0 -24.4rem;}
    .calchead_img3 {        width: 14.5rem;        margin: -12.2em 0 0 6rem;}
    .calchead_img4 {         width: 28.3rem;        margin: 7.9rem 0 0 -1.4rem;}
    .calchead_img5 {  height: 22.7rem;       margin: 44.5rem 0 0 -11.4rem;}
    .section-calchead {  height: calc(100vh + 35.25rem);}
    .section-calchead:after {  bottom: -0.3rem;  height: 8.9rem;}
    .section-emiss {    padding: 1.4rem 0 8.1rem;}
    .emiss {    margin: 4.85rem 0 0;}
    .emiss_row { gap: 0.5rem}
    .emiss_label {gap: 0rem; flex-direction: column;  align-items: flex-start;    padding-bottom: 0rem;    font-size: 1.2rem;}
    .emiss_label img {    width: 7.8rem;    height: 2.3rem;}
    .emiss_value {  min-width: 10.438rem;    font-size: 1.2rem;    height: 2.565rem;    padding: 0 0.85rem;}
    .emiss_dairy {    margin-bottom: 3.1rem;}
    .emiss_img {     margin-bottom: 3.6rem;}
    .calctabs {  margin: 3.9rem 0 4rem 0;   gap: 1rem;}
    .calctabs li a {  min-width: 8.1rem;    font-size: 1.6rem;    height: 3.3rem;    border-radius: 3rem;    border: 0.1rem solid currentColor;}
    .section-stack {  padding: 8rem 0 8rem;}
    .section-stack .calc_title {    max-width: 27rem; margin-left: auto;margin-right: auto;}
    .stack_txt {    min-height: 12.3rem;    margin-bottom: 0.9rem;    font-size: 0.8rem;    line-height: 1rem;    padding-left: 0.9rem;    max-width: 60.125rem;}
    .stack_txt p {  margin: 0 0 0rem;}
    .stack {  gap: 0.3rem;}
    .stack_item {padding: 1.1rem 0.3rem 0.7rem 0.3rem; width: 15.2%;      height: 9.4rem;        min-width: 4.7rem;}
    .stack_item_label img {    width: 5.8rem;    height: 1.7rem;}
    .stack_item_label {         gap: 0;       line-height: 1.2; flex-direction: column;        align-items: flex-start;   font-size: 1rem;}
    .stack_item_value {  font-size: 1.4rem;gap: 0.5rem;        display: flex;        flex-direction: column-reverse;}
    .stack_item_value sup {    font-size: 0.6rem;    bottom: 0rem;    margin-left: 0rem;}
    .stack_item-main {  padding: 0.9rem 0.5rem 0.4rem 0.7rem;}
    .stack_item-main .stack_item_value { letter-spacing: -0.02em;    font-size: 3.3rem;}
    .stack_item-main .stack_item_value sup {    margin-left: 0rem; bottom: -0.3rem;    font-size: 0.75rem;}
    
    .section-calc { margin: 2.1rem 0 0; padding: 3.2rem 0 4rem;}
    .section-calc  .calc_title {    max-width: 25rem; margin-left: auto;margin-right: auto;}
    .section-calc  .calc_subtitle {    max-width: 25rem; margin-left: auto;margin-right: auto;}
    .section-calc:before { height: 8.9rem;top: -2.8rem;}
    .calc {    margin: 3.9rem auto 0rem;}
    .calc_top { margin-bottom: 7.5rem;   font-size: 1.1rem;}
    .calc_label {    margin-bottom: 1rem;}
    .calc_beet {  /*  margin-top: 2.5rem;*/    font-size: 1.2rem;    width: 3.5rem;}
    .calc_slider {  margin: 0 1rem 2.7rem;}
    .calc_bot { margin: 0 1.8rem;   font-size: 1rem;    margin-bottom: 3.8rem;}
    .calc_bot_txt {    margin-top: 0.1rem;}
    .calc_bot_num {    width: 4rem;}
    .calc_sel {    width: 13.9rem;}

    .calc_table table {  border-spacing: 0.2rem;}
    .calc_table th {    padding: 0rem 0 0.5rem;    font-size: 1.4rem;}
    .calc_table_label img {  margin:0;  width: 5.8rem;    height: 1.7rem;}
    .calc_table_label {        align-items: flex-start;        flex-direction: column;   margin-bottom: 1rem;    font-size: 1.2rem;  font-size: 0.85rem;}
    .calc_table_value {display: flex; gap: 1.1rem; flex-direction: column-reverse;  font-size: 2rem;        font-size: 1.7rem;}
    .calc_table_value sup {    font-size: 1rem;    bottom: 0rem;    margin-left: 0rem;}
    .calc_table .tr-main .calc_table_value {  gap: 0.8rem;   font-size: 2.6rem;        font-size: 1.8rem;}
    .calc_table .tr-main .calc_table_value sup {    margin-left: 0rem;    font-size: 0.8rem;    bottom:0rem;}
    .calc_table_cell {    height: 7.7rem;}
    .calc_table td {    padding: 0.6rem 0.7rem 0.5rem;}
    .calc_table .tr-main td {        padding: 0.7rem 0.7rem 0.4rem;}
    .calc_table {    margin: 0 -0.2rem 1.1rem;}
    .calc_smtxt { margin: 0 auto; max-width: 23rem;        line-height: 122%;  font-size: 1rem;}

    .section-calcbenefits { padding: 5rem 0 14.7rem;}    
    .section-calcbenefits:after {bottom: -5.5rem; height: 8.9rem;}
    .section-calcbenefits .calc_title {    max-width: 25rem; margin-left: auto;margin-right: auto;}
    .section-calcbenefits .calc_subtitle {    max-width: 27rem; margin-left: auto;margin-right: auto;}
    .calcbenefits {    margin-top: 3.3rem;}
    .calcbenefits_card_title {    margin-bottom: 1.8rem;    font-size: 2.576rem;}
    .calcbenefits_sch { gap: 0.3rem;    margin: 0 0px 1.1rem -0.1rem;    padding-bottom: 1rem;    font-size: 0.92rem;}
    .calcbenefits_sch_arr {    width: 3.4rem;}
    .calcbenefits_sch_item img {    max-width: 0.828rem;    max-height: 2rem;}
    .calcbenefits_sch_item {  gap: 0.8rem;}
    .calcbenefits_selected {    margin-bottom: 1rem; font-size: 0.92rem;}
    .calcbenefits_selected:before { height: 1.8rem;    width: 1.2rem;}
    .smmetrics {    margin: 0 -1.6rem;}
    .smmetrics_item {   padding: 0 0.2rem 0.3rem;}
    .smmetrics_item span {    font-size: 0.92rem;    line-height: 1.03rem;}
    .smmetrics_item b {    font-size: 2.576rem;    margin-bottom: 0.75rem;    line-height: 3rem;}
    .calcbenefits_card {    padding: 1.3rem 1.7rem 1.3rem; width: 25.7rem;    border-radius: 0.6rem;}
    .calcbenefits_card_img {    margin: 1.1rem 0 0rem; height: 5.8rem;}
    .calcbenefits_card_bot_logo {    height: 1.7rem;    width: 5.6rem;}
    .calcbenefits_card_bot {    font-size: 0.662rem;    padding-top: 0.6rem;}
    .calcbenefits_btns { margin-top: 2rem;}
    .calcbenefits_btn .btn {    width: 10.5rem;    font-size: 1.6rem;    height: 3.4rem;}

    .section-about {  padding: 8rem 0 7.6rem;}
    .section-about .calc_subtitle {    max-width: 25rem; margin-left: auto;margin-right: auto;}
    .about { margin: 3.9rem auto 0;        line-height: 140%;   max-width: 59.5rem;    font-size: 2rem;}
    .btn {        font-size: 1.4rem;        height: 3.5rem;    }
    .info {flex-direction: column-reverse; text-align: center;}
    .info_img {width: 100%;height: 88.8vw;}
    .info_cont {width: 100%; padding: 5.4rem 4.5rem 7.3rem;}
    .info .calc_title {text-align: center;         margin-bottom: 1.8rem;        line-height: 120%;}
    .info .calc_subtitle {text-align: center;font-size: 1.4rem;line-height: 145%;        max-width: 22rem;        margin: 0 auto 0.7rem;}
    .info_btn .btn {        padding: 0 2.2rem;    }
    .section-calcfaq {     padding: 6.4rem 0 9rem;}
    .section-calcfaq h2 { text-align: center; font-size: 2.2rem;    line-height: 2.4rem;}
    .calcfaq {     margin-top: 4.2rem;}
    .calcfaq_item {    padding-bottom: 0;}
    .calcfaq_item_btn { padding: 0.7rem 4.3rem 0.7rem 0;    align-items: center;    min-height: 6.2rem;    display: flex;    line-height: 2.0rem;    font-size: 1.4rem;}
    .calcfaq_item_ans {     padding-bottom: 2rem; font-size: 1.2rem;}
    .calcfaq_item_btn:before {  width: 2.2rem;    height: 0.6rem;    right: 0rem;    margin-top: -0.3rem;}
    .calcfaq_item_btn:after {  width: 2.2rem;    height: 0.6rem;    right: 0rem;    margin-top: -0.3rem;}

}

@media screen and (max-width: 359px) { 
    html {        font-size: 9.5px;    }
    .calc_table_value {  font-size: 1.4rem;    }
    .calc_table .tr-main .calc_table_value { font-size: 1.5rem;    }
    .stack_item-main .stack_item_value { font-size: 2.5rem;    }
}