@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */

 @font-face {
    font-family: 'AlbertPro-Bold';    
    src: url('../fonts/FSAlbertPro-Bold.woff') format('woff')   
}

@font-face {
    font-family: 'AlbertPro';    
    src: url('../fonts/FSAlbertPro-Regular.woff') format('woff')       
}

@font-face {
    font-family: 'AlbertProThin';    
    src: url('../fonts/FSAlbertProNarrow-Thin.woff') format('woff')       
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
  text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
  font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */

body{
  font-family: 'AlbertPro';
  color: #333;    
  color: rgba(0,0,0,0.5); 
  line-height: 1.2;
}
.wrap{
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  position: relative;
}
h1{
  font-size: 4em;
  font-family: 'AlbertPro-Bold' !important;
}
p{
  font-size: 1.2em;
  font-weight: 400;
}
h5 {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
}
.intro p{
  width: 50%;
  margin: 0 auto;
  font-size: 1.5em;
}
.section{
  text-align:center;
}
.thin {
    font-family: 'AlbertProThin' !important;
}
/* Style for our header texts
* --------------------------------------- */
h1{
  font-size: 2em; 
  color: #fff;
  margin:0;
  line-height: 1.3;
}
h3 {
    font-size: 1.5em;
    color: #fff;
}
.section p,
.intro p{
  color: #fff;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.align-center {
    align-items: center;
}
.justify-between {
	justify-content: space-evenly;
}
.justify-center {
    justify-content: center;
}
/* Centered texts in each section
* --------------------------------------- */
.section{
  text-align:center;
}
.fw-400 {
    font-weight: 400 !important;
}
.mb-1 {
    margin-bottom: 1em !important;
}
/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
  color: #fff;
}
#section1 .calculator {
    margin-bottom: 1em;
}
.calculator:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    width: 1px;
    height: 100%;
}

.calculator {
    position: relative;
    margin: 25px auto;
}
.section {
    background-color: #072635;
}
#section0, #assumptions {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding-left: 5px;
}

#section0 {
	align-items: start;
}

#section0 .logo, #section5 .logo, #assumptions .logo {
    width: 30%;
    background-image: url(../image/background.jpg);    
    height: 100%;
    background-size: cover;
    background-position: center top;
}
#section0 .logo img, #section5 .logo img, #assumptions .logo img{
  width: 160px;
  margin-top: 50px;
}
#section0 .content, #assumptions .content{
    width: 70%;
}
#section0 .content > div, #section5 .content > div, #assumptions .content > div {
  max-width: 700px;
  margin: auto;
  /* height: 70vh; */
}
#section0 h1, #assumptions h1 {
	font-size: 2em;
	line-height: 1;
	margin-top: 10px;
}
#section0 .bottom-content {
    max-width: 440px;
    width: 440px;
}
.section0-content {
    max-width: 440px;
    margin: auto;
    text-align: left;
}
.section0-content p {
	margin-top: 0.8em;
	margin-bottom: 0.5em;
}
.section0-content ul {
	list-style: disc;
	padding-left: 20px;
	margin-bottom: 10px;
}
.section0-content li {
    font-size: 20px;
    color: #fff;
    font-family: "AlbertProThin" !important;
}
#section0 > div.content > div {
    row-gap: 1;
}
#section0 .bottom-content p {
    font-family: "AlbertProThin" !important;
}
.icon-list {
    margin: auto;
    width: 100%;
}
.icon-list img {
    width: 60px;
    margin: 0px 20px;
}
.icon-list ul li:nth-child(2) img {
  width: 70px;
}
.industry-field, .place-field {
  width: 100%;
  margin-bottom: 20px;
}
.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 20px;
  color: #fff;
  width: 100%;
  font-family: 'AlbertPro-Bold' !important;
  max-width: 82%;
  text-align: left;
}

.select-styled {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00CC99;
    padding: 15px 40px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border-radius: 10px;
  padding-right: 35px;
}
.select-styled:after {
    content: url("../image/noun-arrow-1776260.svg");    
    height: 10px;    
    position: absolute;
  width: 40px;
    top: 35px;
    right: 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.select-styled:hover {
    background-color: #00CC99;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.select-styled:active, .select-styled.active {
    background-color: #00CC99;
}
.select-styled:active:after, .select-styled.active:after {    
    border-color: transparent transparent #fff transparent;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  top: 5px;

}
.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #cdcdcd;
    margin: 0px 5px;
    max-height: 260px;
    overflow-y: scroll;
}
.select-options li {
  margin: 0;
  padding: 4px 0;
  text-indent: 15px;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: 'AlbertPro' !important;
}
.select-options li:hover, .select-options li.is-selected {    
    background: #a8a5c4;
}
.select-options li[rel="hide"] {
    display: none;
}
.sublogo {
    position: absolute;
    top: 50px;
    left: 50px;
  width: 120px;
}
#section1 .content, #section2 .content, #section16 .content {
    height: 80vh;
    flex-direction: column;
}  
#section1 .page_navbtn {
	padding-bottom: 100px;
}
#section3 .content, #section8 .content, #section9 .content, #section10 .content, #section11 .content, #section12 .content,
#section13 .content, #section14 .content, #section15 .content, #section20 .content, #section21 .content, #section22 .content, #section23 .content, #section24 .content,
#section25 .content, #section18 .content  {
  height: 80vh;
  max-width: 700px;
  margin: auto;
}
#section3 .content .sub-content {
  height: 45vh; 
}
#section1 .content > *, #section2 .content > *, #section3 .content > *, #section4 .content > * , #section8 .content > *, #section9 .content > *, #section10 .content > *, 
#section11 .content > *, #section12 .content > *, #section13 .content > *, #section14 .content > *, #section15 .content > *, #section16 .content > *,
#section20 .content > *, #section21 .content > *, #section22 .content > *, #section23 .content > *,#section24 .content > *,#section25 .content > *, #section18 .content > *   {
    width: 100%;
}
#section3 .sub-content > * {
  width: 100%;
}
#section4 .content {
  flex-direction: column;
  height: 50vh;
  justify-content: space-around;
}
.calculator {
  display: flex;
  flex-wrap: wrap;  
}
.range, .range-custom {
  position: relative;
  width: 100%;
  height: 2px;
    background: none !important;
  }

.range-value {
    position: absolute;
    top: -40px;
}
.range-value span {
    width: 35px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #17a2b8;
    color: #fff;
    font-size: 14px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 0;
    z-index: 2;
}
.range-value span::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #17a2b8;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}
  
  .range input, .range-custom input {
  width: 100%;
  position: absolute;
  top: 1px;
  height: 0;
  -webkit-appearance: none;
  left: 0px;
  }
  .range input::-webkit-slider-thumb, .range-custom input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin: -8px 0 0;
  border-radius: 50%;
  background: #3366FF;
  cursor: pointer;
  border: solid 1px #fff;
  }
  
  .range input::-moz-range-thumb, .range-custom input::-moz-range-thumb {
  width: 22px;
  height: 22px;
  margin: -8px 0 0;
  border-radius: 50%;
  background: #3366FF;
  cursor: pointer;
  border: solid 1px #fff;
  }

  .range input::-ms-thumb, .range-custom input::-ms-thumb {
  width: 18px;
  height: 18px;
  margin: -8px 0 0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 0 !important;
  }
  .range input::-webkit-slider-runnable-track, .range-custom input::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #fff;
  }
  .range input::-moz-range-track, .range-custom input::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #b2b2b2;
  }
  .range input::-ms-track, .range-custom input::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #b2b2b2;
  }
  .range input:focus, .range-custom input:focus{
  background: none;
  outline: none;
  }
  .range input::-ms-track, .range-custom input::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
  }
  
  .range-labels {
  margin: 18px -41px 0;
  padding: 0;
  list-style: none;
  }
  .range-labels li {
  position: relative;
  float: left;
  width: 90.25px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  }
  .range-labels li::before {
  position: absolute;
  top: -24px;
  right: 0;
  left: 0;
  content: "";
  margin: 0 auto;
  /* width: 9px;
  height: 9px; */
  background: #fff;
  border-radius: 50%;
  }

  #start-temp .range-labels li:first-child, 
  #start-temp1 .range-labels li:first-child, 
  #start-temp2 .range-labels li:first-child,
   #return-temp .range-labels li:first-child, 
  #return-temp1 .range-labels li:first-child, 
  #return-temp2 .range-labels li:first-child {
    text-align: right;
    padding-right: 8px;
}

  .range-labels .active {
  /* color: #37adbf; */
  }
  .range-labels .selected::before {
  /* background: #37adbf; */
  }
  .range-labels .active.selected::before {
  display: none;
  } 
  .custom-progress {
  position: relative;
  }
.item {
	width: 50%;
	position: relative;
	margin-bottom: 1vh;
	padding: 0;
}
  .item > div {
    padding: 0px 80px;
  } 
.calculator h4 {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 15px;
	margin-top: 10px;
	letter-spacing: 0.2px;
}
  #section1 .content,  #section2 .content, #section16 .content {
  padding: 0 100px;
  }
  #initial-temp .range-labels li {
    width: 9%;
  }
  #initial-temp .range-points li {
    margin-left: calc((100% - 20px) / 20);
    margin-right: calc((100% - 20px) / 20);
  }
  #initial-temp .range-points li:first-child {
    margin-left: 0px;
  }
  #initial-temp .range-points li:last-child {
    margin-right: 0px;
  }
  #labour-cost .range-labels li, #satelites-number .range-labels li, #initial-rinse .range-labels li, #detergent-rinse-step .range-labels li, #detergent-rinse-step  .range-labels li, #final-rinse .range-labels li {
    width: 10%;
  }
  #labour-cost .range-labels li {
    width: 14.25%;
  }
  #application-step .range-labels li {
  width: 16.66%;
  }
  #application-step .range-labels {
  margin: 18px -8.33% 0;
  }
  #detergent-step .range-labels li {
  width: 14.28%;
  }
  #detergent-step  .range-labels {
  margin: 18px -7.14% 0;
  }
  #labour-cost .range-labels, #satelites-number .range-labels, #initial-rinse .range-labels, #detergent-rinse-step .range-labels, #detergent-rinse-step .range-labels, #final-rinse .range-labels {
  margin: 18px -5% 0;
  }
  #gross-removal .range-labels li {
  width: 14.28%;
}
#gross-removal .range-labels {
  margin: 18px -7.14% 0;
}
  #satelites-number .custom-progress:before {
  content: url(../image/noun-person-1994971.svg);
  position: absolute;
  left: -40px;
    top: -15px;
  width: 35px;
  display: none;
  }

#labour-cost .custom-progress:after {
    content: '';
    background-image: url(../image/coin.png);
    position: absolute;
    left: -40px;
    top: -15px;
    width: 35px;
    height: 35px;
    background-size: 32px;
    background-repeat: no-repeat;
}

#satelites-number .custom-progress:after {
    content: url(../image/noun-person-1994971-1.svg);
    position: absolute;
    left: -40px;
    top: -15px;
    width: 35px;
}
  #initial-rinse .custom-progress:after, #final-rinse .custom-progress:after {
  content: url(../image/noun-water-26130.svg);
  position: absolute;
  left: -40px;
    top: -15px;
  width: 35px;
  }
  #gross-removal .custom-progress:after {
    content: url(../image/noun-grass-609575.svg);
    position: absolute;
    left: -40px;
    top: -15px;
    width: 35px;
 }
  #detergent-step .custom-progress:after {
  content: url(../image/noun-detergent-3502992.svg);
  position: absolute;
  left: -40px;
    top: -15px;
  width: 35px;
  }
  #detergent-rinse-step .custom-progress:before {
  content: url(../image/noun-detergent-rinse.svg);
  position: absolute;
  left: -40px;
    top: -15px;
  width: 35px;
  }
  #application-step .custom-progress:before {
  content: url(../image/noun-disinfectant-3364100.svg);
  position: absolute;
  left: -40px;
    top: -15px;
  width: 35px;
  }
  .fp-watermark {
  display: none !important; 
  }
  #email-form {
  display: flex;
  flex-direction: column;
  max-width: 700px; 
    width: 100%;
}
.input-field {
    background: #00CC99;
    border-radius: 8px;
    border: 1px solid #00CC99;
    color: #fff;
    font-size: 18px;
    padding: 12px 15px;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
    outline: none;
}
.input-field::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
#farm-address::placeholder, #farm-address::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
} 
#submit {
  font-size: 20px;
    padding: 10px 20px;
    width: 300px;
    color: #3366FF;
    font-weight: 400;
    border-radius: 30px;
    border: none;
    margin: 0 auto 30px;
    margin-top: 15vh;
}

/* 2022-06-14 */

#section0 h3, #assumptions h3 {
  margin: 0 auto;
  font-weight: 700;
  font-size: 1.7em;
}

body .progress {
    background-color: #aaa;
    height: 20px;
    border-radius: 20px;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

body .progress-bar {
    background-color: #fff;
    border-radius: 20px;
}

#submit, .page_navbtn .backbtn, 
.page_navbtn .nextbtn {
    font-size: 20px;
    padding: 10px 20px;
    width: 300px !important;
    color: #fff;
    font-weight: 400;
    border-radius: 30px;
    border: 2px solid #3366FF;
    margin: 20px auto;
    display: block;
    background-color: #3366FF;
    transition: all 0.3s ease;
    border-radius: 2px solid #3366FF;
}
/*
.nextbtn {
    display: block;
    width: 100px;
    background-color: #3366FF;
    margin: 10px auto;
    padding: 14px 16px;
    border-radius: 30px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    display: none;
    text-decoration: none !important;
    transition: all 0.3s ease;
    display: inline-block;
}
*/

.page_navbtn .nextbtn, .page_navbtn .backbtn {
    margin: 20px 10px;
    max-width: 200px;
    width: 100% !important;
}

.nextbtn:hover, 
.page_navbtn .backbtn:hover {
    color: #3366FF;
    background-color: #fff;
    border-color: #fff;
    text-decoration: none;
}

/* 2022-06-16 */

#more_info_popup {
    max-width: 400px;
    width: 100%;
    text-align: center;
    padding: 50px;
    color: rgb(15, 4, 158);
    font-size: 18px;
}

#more_info_popup a {
    background-color: #2794b2;
    display: block;
    padding: 15px;
    line-height: 1.2;
    font-size: 15px;
    color: #fff;
    border-radius: 10px;
    margin-top: 30px;
    border: solid 2px #2794b2;
    transition: all 0.3s ease;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

#more_info_popup span {
    font-size: 15px;
    letter-spacing: 0.7px;
}

#more_info_popup a:hover {
  background-color: transparent;
  color: #2794b2;
  text-decoration: none;
}

.fancybox-skin{
  border-radius: 0 !important;
}

.fancybox-wrap .fancybox-close {
  display: block;
  right: 0;
  top: 0;
}

.section0_go_btn:hover, 
.download-icon:hover, 
.report-contactusbtn:hover {
  color: #3366FF;
  background-color: #fff;
  border: none;
}

.section0_go_btn {
  width: 100px;
  background-color: #3366FF;
  margin: 10px auto;
  padding: 14px 16px;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  display: none;
  text-decoration: none !important;
  transition: all 0.3s ease; 
}

.download-icon{
    background-color: #2794B2;
    padding: 14px 30px;
    border-radius: 30px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.7px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    width: auto !important;
    margin: 30px auto 50px;
}

.report-contactusbtn{
    background-color: #2794B2;
    padding: 14px 30px;
    border-radius: 30px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.7px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    width: auto !important;
    margin: 30px auto 0;
}

#submit {
    background-color: #3366FF;
    border-radius: 30px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.7px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    width: 200px;
    margin-top: 0;
    padding: 11px;
    border: gainsboro;
}
#submit:hover {
    background-color: #fff;
    color: #0f049e;
}




.fancybox-wrap .fancybox-close {
    background-image: none;
}

#email-form .input-field::placeholder {
    opacity: 1;
}

.fancybox-wrap .fancybox-close:before {
    content: '';
    position: absolute;
    right: 18px;
    top: 18px;
    background-image: url(../image/clos-icon.png);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

.page_navbtn {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: relative;
}

/*.page_navbtn .nextbtn, 
.page_navbtn .backbtn {
    margin: 20px 10px 0;
    max-width: 200px;
    width: 100% !important;
}*/

.sublogo .backbtn {
    width: 100%;
    display: block;
}

.sublogo .backbtn img {
    width: 40px;
    transform: rotate(-90deg);
}

.units_span {
    position: absolute;
    left: 80px;
    display: inline-block;
    color: #fff;
}

.fancybox-wrap #place-ul {
    display: block !important;
}

.fancybox-wrap #place-ul {
    width: 400px;
    text-align: center;
    color: rgb(15, 4, 158);
    font-size: 18px;
    position: static;
    margin: 35px auto 0;
}

.fancybox-wrap .select-options li {
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
    cursor: pointer;
    text-indent: 0;
}

.place-field .select-options {
    top: auto;
    bottom: 100%;
}

#howmany-washes .range-labels {
    margin: 18px -80px 0;
}

/*************** 2022-10-20 *******************/

#section0 .content > div {
    max-width: 620px;
}

.section0_desc p:first-child {
    font-weight: 700;
}

#section0 .icon-list img {
    margin: 0;
}

#section0 .icon-list + p {
    text-align: center;
    display: block;
    width: 100%;
    margin: 20px auto;
}

.section0_go_btn{
    display: block;
}

.calculator::before{
    display: none;
}

.que_icon {
    margin: 0 auto 10px;
    width: 60px;
    display: block;
}

.que_icon img {
    height: 25px;
}

.calculator {
    max-width: 750px;
    margin: 0 auto;
    flex-direction: column;
    justify-content: space-between;
}

.calculator hr {
    border: 1px solid rgba(255,255,255,0.5);
    width: 80%;
    margin: 2vh auto;
}

.select {
    max-width: 55%;
}

.select-styled {
    padding: 5px 70px 5px 10px;    
}
.select-styled span {
    display: block;
    padding: 10px;
    background-color: #c8e4d6;
    color: #3ea16e;
    border-radius: 8px;
}

.item {
    width: 100%;
}

.item > div {
    padding: 0 40px;
}

#line_run .range-labels {
    margin: 30px -8.14% 0;
}

#line_run .range-labels li {
    width: 11.10%;
}

#line_efficiency .range-labels {
    margin: 30px -17% 0;
}

#line_efficiency .range-labels li {
    width: 25.00%;
}

#section1 .content, 
#section2 .content,
#section3 .content,
#section4 .content,
#section5 .content
#section6 .content,
#section16 .content{
    height: 80vh;
    flex-direction: column;
    max-width: unset;
    width: 100%;
    padding: 0 100px;
}

#section4 .content {
    height: 85vh;
    padding: 0 !important;
}

#howlong_shifts .range-labels {
    margin: 30px -3.14% 0;
}

#howlong_shifts .range-labels li {
    width: 10%;
}

#cost_newbottle .range-labels {
    margin: 30px -5px 0;
    overflow: hidden;
}

#cost_newbottle .range-labels li {
    width: 6.66%;
}

#cost_newbottle .scale-label {
    font-size: 12px !important;
}

.report_notice {
    text-align: left;
    font-size: 14px;
}

.download-icon{
    padding: 14px 50px;
    margin: 0px 0 40px;
}


.logo .backbtn {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.sublogo .backbtn img, .logo .backbtn img {
    width: 40px !important;
    transform: rotate(-90deg);
    margin-top: 0 !important;
}

.range-points li {
    display: block;
    width: 2px;
    height: 15px;
    float: left;
    background-color: #fff;
    margin: 0 6.02%;
    cursor: pointer;
}

.range-points li:first-child {
    margin-left: 0;
}

.range-points li:last-child {
    margin-right: 0;
}

#wash-routing .select {
    /* max-width: 100%; */
    margin-top: 20px;
}

.listwithbg_wrapper li.chemical_name span, 
.listwithbg_wrapper li.chemical_name1 span, 
.listwithbg_wrapper li.chemical_name2 span, 
.listwithbg_wrapper li.final_chemical_name span {
    /* max-width: 100px; */
    display: block;
    overflow: auto;
    /* white-space: pre; */
    margin: 0 auto;
    padding-bottom: 1px;
    width: 100%;
}

.listwithbg_wrapper li.wash_label img {
	height: 100%;
	margin-top: -5px;
}

.chemical_image img, .final_chemical_image img {
    height: 100px;
    object-fit: contain;
    max-width: 100px;
    width: auto;
}

.chemical_image, .final_chemical_image {
    padding: 0 !important;
    text-align: center;
    height: 100px !important;
}

.four_col > ul:nth-child(2) li.chemical_image_label {
    height: 100px;
    line-height: 100px;
}

.custom-file-input {
  color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Select some files';
  color: black;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}

img.prvw_imgpg {
    max-width: 100px;
    width: auto;
    object-fit: cover;
    height: 100px;
    margin: 0 auto;
    background-color: #00CC99;
    padding: 10px;
}

.final-disinfectant-name .chemical-field {
    width: auto;
}

#final-rinse .final-disinfectant-bool .select-styled {
    width: 100%;
}

#section18 .content {
	height: auto !important;
	max-width: unset;
}

/* .listwithbg_wrapper.empty1 ul.wash-ul-0 li:not(.ltrs_rinse_water, .temp_water, .frequency_wash, .wash_perf_at, .chemical_name),
.listwithbg_wrapper.empty1 ul.wash-ul-1 li:not(.ltrs_rinse_water, .temp_water, .frequency_wash1, .wash_perf_at1, .chemical_name1),
.listwithbg_wrapper.empty1 ul.wash-ul-2 li:not(.ltrs_rinse_water, .temp_water, .frequency_wash2, .wash_perf_at2, .chemical_name2) {
    background-color: rgba(0, 131, 63,0.2);
} */

/* .listwithbg_wrapper.empty1 ul.wash-ul-0 li:not(.ltrs_rinse_water, .temp_water, .frequency_wash, .wash_perf_at, .chemical_name):nth-child(2n),
.listwithbg_wrapper.empty1 ul.wash-ul-1 li:not(.ltrs_rinse_water, .temp_water, .frequency_wash1, .wash_perf_at1, .chemical_name1):nth-child(2n),
.listwithbg_wrapper.empty1 ul.wash-ul-2 li:not(.ltrs_rinse_water, .temp_water, .frequency_wash2, .wash_perf_at2, .chemical_name2):nth-child(2n) {
    background-color: transparent;
} */

.listwithbg_wrapper.empty1.empty2 ul .final_chemical_image + li {
    background-color: transparent;
}

/* .listwithbg_wrapper:not(.empty1).empty2 ul .final_chemical_image + li {
    background-color: rgba(0, 131, 63,0.2);
} */

.footer {
	/* position: fixed;
	left: 0;
	bottom: 0; */
	width: 100vw;
	background-color: #072635;
	z-index: 999;
	padding: 0 5px 5px;
}

.footer_inner {
	background-color: rgba(0,0,0,0.85);
	color: white;
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 999;
	border-radius: 0 0 35px 35px;
	padding: 15px 50px;
}

.pdf_footer {
	margin: 0 -30px;
	background-color: #172936;
	display: flex;
	flex-wrap: wrap;
	padding: 30px;
}

.pdf_footer_left {
	color: #fff;
	text-align: left;
	width: calc(100% - 200px);
}

.pdf_footer_left h3 {
	margin-bottom: 10px;
}

.pdf-body .pdf_footer_left p {
	color: #fff;
	font-size: 10px;
}

.pdf_footer_right {
	max-width: 200px;
}

.pdf_footer_right > img {
	max-width: 100%;
}

.pdf_footer > img {
	max-width: 100%;
}

html {
	scroll-behavior: auto !important;
}

.pdf_addressinfo {
	max-width: 470px;
	margin-bottom: -32px;
}

.fp-scrollable .fp-section, .fp-scrollable .fp-slide {
	height: calc(100vh + 150px);
}



/*************** Responsive **************/

@media only screen and (min-width: 1367px) {
  #section0 .content {
    padding-top: 30px;
  }
}

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

#section0 .content > div, #assumptions .content > div {
    height: auto;
    padding: 0 40px;
}

body .progress {
    margin: 0px auto;
}

body h1, #section0 h3,  #assumptions h3{
    margin-bottom: 30px;
}

#section1 .content, #section2 .content, #section16 .content {
    height: auto;
}

.sublogo img {
    width: 100%;
}

.sublogo {
    top: 20px;
    left: 20px;
    width: 80px;
}

.item > div {
    padding: 0px 40px;
}

#section1 .content, #section2 .content, #section16 .content {
    padding: 0 40px;
}

#section3 .content,
#section4 .content {
    height: auto;
    padding: 0 40px;
}

#section4 .content {
    height: auto;
    padding: 0 40px;
}

}
@media only screen and (max-width: 1023px) {

body h1{
    margin: 30px auto;
}

#section0 h3, #assumptions h3{
    font-size: 20px;
}

.sublogo {
    width: auto;
}

.sublogo .backbtn + img {
    display: none;
}

.units_span {
    position: static;
    width: 100%;
}

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

#section0, #assumptions{
    display: block;
}

#section0 .logo, #section5 .logo, #assumptions .logo{
    width: 100%;
}

#section0 .content, #assumptions .content{
    width: 100%;
}

.item {
    width: 100%;
    margin-bottom: 30px;
}

.calculator h4 {
    margin-bottom: 30px;
}

body #section4 .progress {
    max-width: 70%;
    margin: 0 auto;
}

#submit {
    margin-top: 0;
}

.industry-field .select-options,
.place-field .select-options {
    top: auto;
    bottom: 100%;
}

.calculator::before{
    display: none;
}

}
@media only screen and (max-width: 480px){

  body h1 {
    font-size: 24px !important;
  }

  #section0 .content > div,  #assumptions .content > div{
    padding: 0 20px;
  }

  .icon-list li {
    margin-bottom: 20px;
    width: 50%;
  }

  #section1 .content, #section2 .content, #section16 .content {
    padding: 0 20px;
  }

  .item > div {
        padding: 0 10px 0 30px;
    }


  .nextbtn, #submit, .page_navbtn .backbtn {
    width: 100% !important;
  }

    .fancybox-wrap #place-ul {
        max-width: 250px;
    }
}
/* PDF code  */
#email-content {
  background: transparent;
}
.pdf-page {
  margin: 0 auto;
  box-sizing: border-box;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
  background: transparent;
  color: #000;
  position: relative;
  padding: 100px 50px;
}
.pdf-page h1 {
  color: #000;
}
.pdf-header {
  position: absolute;
  top: 1.3in;  
  left: .5in;
  right: .5in;    
  background-color: #3366FF;
  padding: 100px 30px 30px;
}
.pdf_bef_process_part{
  background-color: #3366FF;
  padding: 30px;
}
.invoice-number {
  padding-top: .17in;
  float: right;
}
.pdf-footer {
  position: absolute;
  bottom: 1in;
  height: .6in;
  left: .5in;
  right: .5in;
  padding-top: 10px;  
  text-align: left;
  color: #787878;
  font-size: 12px;
}
.pdf-body {
	background-color: #fff;
	box-shadow: 0 0 5px #072635;
  padding: 0 30px;
  width: 11in !important;
}

.size-a4 {
	width: 11in;
	height: 11.5in;
}
.size-letter { width: 8.5in; height: 11in; }
.size-executive { width: 7.25in; height: 10.5in; }

.from {
  position: absolute;
  top: 1.5in;
  right: .5in;
  width: 2.5in;
}
.from p, .for p {
  color: #787878;
}
.signature {
  padding-top: .5in;
}
table td {
  padding: 10px;
}
/* .pdf-page {
  font-family: "DejaVu Sans", "Arial", sans-serif;
} */


.pdf-body h2 {
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 40px;
}
.pdf-body p {
  font-size: 14px;
  margin-bottom: 0px;
}
.saving-part {
  gap: 50px;
}
.saving-part > div {
  width: calc(50% - 25px);
  flex-direction: column;
}
.saving-part img {
  width: fit-content;
  margin: auto;
}
.pdf-body .label {
  width: 80px;
}
.annually p {
  font-weight: 400;
}
.monthly {
  background-color: #e7e6f5;
}
.weekly, .monthly, .annually {
  padding: 10px;
}
.saving-part {
    padding-bottom: 40px;
}
.graph-part {
    gap: 50px;
    align-items: center;
}
.graph-content > div {
  width: calc(50% - 25px);
  position: relative;
  padding-left: 50px;
}
.graph-part img {
  width: 100%;
}
.graph-part .heading h2 {
  text-align: center;
}
.graph-content {
    gap: 50px;
    padding: 40px 30px;
}
.process-label {
  font-size: 12px !important;
  color: #000 !important;
  text-align: center;
  font-weight: 700;
}
.process-part { 
  justify-content: space-between;
  padding: 30px 40px;
}
.pdf-header h2, .pdf-header h2, .pdf_bef_process_part h2 {
  color: #fff !important;
  text-align: center;
  font-weight: 700;
}

 .pdf_bef_process_part h2{
  margin-bottom: 0;
  font-size: 16px;
 }
.pdf-header h2:first-child, .pdf_bef_process_part h2:first-child {
  font-size: 16px;
}
.pdf-header h2:last-child {
  font-size: 24px;  
}
.pdf-body h2, .pdf-body p {
  color: #3366FF;
}
.process-item  {
  width: calc(50% - 25px);
  margin-bottom: 10px;
}
.progress-item img {
  height: 20px;
}
.process-item p {
  margin-bottom: 0px;
}
.process-compare {
  border: 2px solid #3366FF;
  border-radius: 80px;
  align-items: center;  
}
.process-old {
  text-align: center;
  width: 35%; 
}
.process-new {
  width: 65%;
  text-align: center; 
  justify-content: space-around;
  background: #3366FF;
  border-radius: 80px;
}
.process-old p {
  color: #000 !important;
  line-height: 1;
}
.process-new p {
  color: #fff !important;
  line-height: 1.1;
}
.process-old p:first-child, .process-new p:first-child {
  font-weight: 700;
  font-size: 12px !important;
}
.process-status {
  font-size: 8px !important;  
}
.process-part .heading  {
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
}
.bottom-logo {
  margin-top: 50px;
  text-align: center;
}
.saving-part h2 {
  margin-bottom: 20px;
}
.saving-part img {
  height: 40px;
    object-fit: contain;
}
#email-content {
  position: fixed;
}
.fp-controlArrow  {
  display: none !important;
}
.slide {
  position: relative;
}
/* Chart style */
.chart-container{
  position: relative;
  }
  
  svg{
  
  }
  .bar {
  fill: #1888d6;
  transition: all 150ms ease;
  }
  
  .bar:hover {
  fill: #09163d;
  }
  
  .axis--x path {
  visibility: hidden;
  }
  
  
  .axis text{
  fill: #3366FF;
  }
  
  svg text{
  fill: black;
  }
  
  .background-style{
  background: #fff;
  }
  .axis { font: 16px sans-serif; color: #3366FF; }
  /* tip */
  .tip{
  width: 3rem;
  background-color: #eee;
  text-align: center;
    box-shadow: 0px 2px 10px -2px #aaa;
  border: 2px solid #444;
  transition: all 160ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
  .tip::after{
    content: " ";
    position: absolute;
    bottom: -.5rem;
    left: 50%;
    margin-left: -.5rem;
    border-style: solid;
    border-width: .5rem .5rem 0 .5rem;
    border-color: #444 transparent transparent transparent;
}
.scale-label {
  font-size: 7px;   
}
.range-labels li  {
  line-height: 1;
    cursor: pointer;
}

/* graph */

.barchart div {
  display: flex;
  flex-direction: column;
  position: absolute;
  justify-content: center; 
  align-items: center;  
  width: 130px;
  bottom: 0;
  font: 10px sans-serif;
  background-color: green;
  text-align: center;
  padding: 0;
  margin: 0px;
  color: white;
  z-index: 2;
  color: transparent;
  }
  .barchart div:first-child {
  margin-left: 40px;
  border: 2px solid #3366FF;
  background-color: #fff;
  }
  .barchart div:last-child {
  margin-left: 20px;
  background-color: #3366FF;
  }
  
  .container1 {
    position: relative; 
    height: 300px;
    width: 400px;
  }
  
  .inner {
  positive: relative;
  height: 100%;
  }
  
  
  #bar1 {
  height: 20%;
  left: 50px;
  }
  
  #bar2 {
  height: 20%;
  left: 220px;
  }
  

  .tick {
  position: relative; 
  /* max-width: 10px; */
  /* border-top: 3px solid #3366FF;    */
  height: 42px;   
  left: 50px;
  bottom: -4px;
  color: #3366FF; 
  } 
  .tick:not(:last-child) {
  border-left: 2px solid #3366FF;
  }
  .tick:last-child {
  border-top: 2px solid #3366FF;
  }
  .tick p {
  position: absolute;
    right: 415px;
    bottom: 32px;
    margin: 0;
    font-size: 12px;
    color: #3366FF;
    text-align: right;  
  }
  .graph-capex:before {
    content: "Cost in Millions ($)";
    font-size: 18px;
    color: #3366FF;
    position: absolute;
    transform: rotate(-90deg);
    top: 47%;
    left: -45px;
  }
  .graph-newbottle:before {
  content: "Quality (Millions)";
  font-size: 18px;
  color: #3366FF;
  position: absolute;
  transform: rotate(-90deg);
  top: 47%;
  left: -45px;
}
  .graph-water .tick p {
    left: -50px;
  }
  .graph-water .tick {
    left: 50px;
  }
  .graph-part {
    overflow: hidden;
  }
  #bar3 {
    margin-left: 90px;
  }
  #bar4 {
    margin-left: 245px;
  }
 
  .flex-container {
  display: flex;
  }
  
  .flex-container div {
  margin: 5px;
  position: relative;
  padding: 0;
  font-size: 11px;
  width: 150px;
  left: 60px;
  text-align: center;
  font-size: 14px;
  color: #3366FF;
  }
  .flex-container div:first-child {
  left: 75px;
  }
.flex-container div:last-child {
  left: 62px;
}

/* My Css 2022-10-22 */
/* 2022-11-14  */

/*#fullpage {
    display: none;
}

#email-content {
    position: unset;
}*/

.pdf-header {
    padding: 30px;
    background-color: transparent;
    display: flex;
    align-items: flex-start;
}

.pdf-header-col.pdf-logo-col {
    display: flex;
    align-items: center;
}

.pdf-body-heading h1, 
.pdf-body-heading h2 {
    text-align: right;
}

.pdf-header-col {
    flex-grow: 1;
}

.pdf-header img {
    height: 100px;
}

.pdf-header-logo {
    position: relative;
    padding-right: 30px;
    margin-right: 30px;
}

.pdf-header-logo::after {
    content: '';
    width: 5px;
    height: 85%;
    background-color: #3366FF;
    position: absolute;
    right: 0;
    top: 7%;
    border-radius: 10px;
}

.pdf-page .pdf-header h2 {
    /*float: left;*/
    color: #3366FF !important;
    font-size: 32px;
    font-weight: 500;
}

.pdf-body h2 {
  text-align: left;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}
.pdf-body-heading h1 {
    font-size: 4em;
    color: #555;
    line-height: 1.3;
    margin: 0;
}
.pdf-header .pdf-body-heading h2 {
    font-weight: 500;
    color: #555 !important;
    font-size: 1.5em;
}
.heading_withbg {
  background-color: rgb(0, 131, 63);
  padding: 15px 20px;
  color: #fff;
  margin-top: 20px;
  position: relative;
}
.heading_withbg h2 {
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}
.heading_withbg p {
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
}
.listwithbg_wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: 2px -1px !important;
}
.listwithbg_wrapper li {
  font-size: 15px;
  /* background-color: rgba(0, 131, 63,0.2); */
  color: #000;
  line-height: 1.2;
  margin-bottom: 0px;
  display: block;
  padding: 5px 10px;
  font-weight: 500;
  height: 32px;
  padding-top: 7px;
  border-bottom: 1px solid #ccc;
  text-align: left;
}


.listwithbg_wrapper li.chemical_name, 
.listwithbg_wrapper li.chemical_name1, 
.listwithbg_wrapper li.chemical_name2, 
.listwithbg_wrapper li.final_chemical_name{
  height: auto;
}



/* .listwithbg_wrapper li:first-child {
  background-color: #072635 !important;
  color: #fff;
} */
/* .listwithbg_wrapper li:nth-child(2n+1) {
    background-color: transparent;
} */
.two_col ul {
  /* width: calc(50% - 2px); */
  width: 5%;
  margin: 0px;
}
.four_col > ul {
    /* width: calc(21% - 2px); */
    margin: 0px;
    flex-grow: 1;
    width: 10%;
}
.four_col > ul:nth-child(2) {
  width: 25%;
}
/*
.four_col > ul:nth-child(1) li, .four_col > ul:nth-child(2) li {
    background-color: #072635 !important;
    color: #fff;
    align-items: center;
}
*/

.four_col > ul:nth-child(1) li:nth-child(2) {
    height: 66px;
}

.four_col > ul:nth-child(1) li:nth-child(3) {
    height: 354px;
}

.four_col > ul:nth-child(1) li:nth-child(4) {
    height: 228px;
}

.four_col > ul:nth-child(2) li {
    margin-bottom: 0;
    height: 32px;
}

.four_col > ul:nth-child(2) li:nth-child(1),
.four_col > ul:nth-child(2) li:nth-child(3), 
.four_col > ul:nth-child(2) li:nth-child(12)
{
    margin-bottom: 2px;
    height: 32px;
}
.four_col > ul:nth-child(2) li:nth-child(15) {
  height: 32px;
}
.four_col.final_rinse > ul {
  width: calc(25% - 2px);
  margin: 0 1px;
}
.heading_withbg.redbg {
	background-color: #FE8B1E;
	padding: 5px 20px;
}
.twocol_withoutbg {
  display: flex;
  text-align: left;
}
.twocol_withoutbg > div {
  padding: 20px;
  flex-wrap: unset;
}
.twocol_withoutbg ul {
  list-style: disc;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #555;
  padding-right: 0px;
}
.twocol_withoutbg p {
  color: #000;
  margin-bottom: 10px;
  font-size: 16px;
  padding: 0 7px;
}

.pdf-footer .site-footer .block__footer-social {
    width: 20%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    padding: 50px 0 0 0;
    border: none;
}

#block-poweredbyblock-2 {
    width: 100%;
}

.site-footer .block__footer-menu nav ul.menu li a, 
.site-footer .block__footer-menu nav ul.menu li.menu-item a, 
.site-footer .block__footer-menu nav ul li a, 
.site-footer .block__footer-menu nav ul li.menu-item a {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    margin-bottom: 5px;
    text-align: center;
}

.pdf-footer {
    height: 2in;
}

.wash-ul {
    display: none;
}

.four_col > ul:nth-child(1) li:not(li:last-child),
.four_col > ul:nth-child(2) li:nth-child(1), 
.four_col > ul:nth-child(2) li:nth-child(3), 
.four_col > ul:nth-child(2) li:nth-child(12),
.four_col > ul:nth-child(3) li:nth-child(1), 
.four_col > ul:nth-child(3) li:nth-child(3), 
.four_col > ul:nth-child(3) li:nth-child(12),
.four_col > ul:nth-child(4) li:nth-child(1), 
.four_col > ul:nth-child(4) li:nth-child(3), 
.four_col > ul:nth-child(4) li:nth-child(12),
.four_col > ul:nth-child(5) li:nth-child(1), 
.four_col > ul:nth-child(5) li:nth-child(3), 
.four_col > ul:nth-child(5) li:nth-child(12){
	border-color: #555;
}

.four_col > ul:nth-child(3) li:nth-child(1), 
.four_col > ul:nth-child(3) li:nth-child(3), 
.four_col > ul:nth-child(3) li:nth-child(12), 
.four_col > ul:nth-child(3) li:last-child, 
.four_col > ul:nth-child(4) li:nth-child(1), 
.four_col > ul:nth-child(4) li:nth-child(3), 
.four_col > ul:nth-child(4) li:nth-child(12), 
.four_col > ul:nth-child(4) li:last-child, 
.four_col > ul:nth-child(5) li:nth-child(1), 
.four_col > ul:nth-child(5) li:nth-child(3), 
.four_col > ul:nth-child(5) li:nth-child(12), 
.four_col > ul:nth-child(5) li:last-child {
	margin-bottom: 2px;
}


/*****************************************/
@media (max-width: 767px) {
  #section0 h3 br, #assumptions h3 br {
    display: none;
  }
  #section1 .content, #section2 .content, #section16 .content {
    padding: 40px 20px;
  }
  #section0 .content, #assumptions .content {
    padding-bottom: 40px;
  }
}
.site-footer {
  position: relative;
    width: 100%;
    background-color:rgb(7, 38, 53);
}
/*.site-footer:before {
    content: "";
    background: url(../image/footer-round.png) center top no-repeat;
    background-size: cover;
    width: 100%;
    height: 150px;
    display: block;
    position: relative;
    z-index: 0;
}*/


.site-footer .block__footer-wrap {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0 20px;
}

.site-footer .block__footer-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden;
    color: #fff;
    padding: 0;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media only screen and (min-width: 1025px) {
  .site-footer .block__footer-wrap {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  .site-footer .block__footer-wrap {
      padding: 0 30px;
  }
}
.site-footer .block__footer-menu {
    width: 100%;
    padding: 50px 0 0 0;
}
@media only screen and (min-width: 1025px) {
  .site-footer .block__footer-wrapper {
      -webkit-box-ordinal-group: inherit;
      -ms-flex-order: inherit;
      order: inherit;
  }
}
@media only screen and (min-width: 1025px) {
  .site-footer .block__footer-menu {
      width: 80%;
  }
}
.site-footer .block__footer-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 30px 0 0 0;
}
.site-footer .region-footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.site-footer .block__footer-menu .region.region-footer-menu nav {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 15px 0 0;
}
.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}
.site-footer .block__footer-wrapper h2, .site-footer .block__footer-wrapper #lcl_author {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}
.site-footer .block__footer-menu nav ul.menu, .site-footer .block__footer-menu nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.site-footer .block__footer-menu nav ul.menu li, .site-footer .block__footer-menu nav ul.menu li.menu-item, .site-footer .block__footer-menu nav ul li, .site-footer .block__footer-menu nav ul li.menu-item {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}
@media only screen and (min-width: 375px) {
  .site-footer .block__footer-menu nav ul.menu li, .site-footer .block__footer-menu nav ul.menu li.menu-item, .site-footer .block__footer-menu nav ul li, .site-footer .block__footer-menu nav ul li.menu-item {
      width: 50%;
      padding-right: 5px;
  } 
}
@media only screen and (min-width: 1025px) {
  .site-footer .block__footer-menu nav ul.menu li, .site-footer .block__footer-menu nav ul.menu li.menu-item, .site-footer .block__footer-menu nav ul li, .site-footer .block__footer-menu nav ul li.menu-item {
      width: 20%;
  }

    .site-footer .block__footer-menu nav ul.menu li:first-child {
        width: 13%;
    }

    .site-footer .block__footer-menu nav ul.menu li:nth-child(3) {
        width: 15%;
    }

    .site-footer .block__footer-menu nav ul.menu li:nth-child(4) {
        width: 12%;
        padding-right: 20px;
    }

    .site-footer .block__footer-menu nav ul.menu li:nth-child(5) {
        width: 25%;
    }
}

.site-footer .block__footer-menu nav ul.menu li a, .site-footer .block__footer-menu nav ul.menu li.menu-item a, .site-footer .block__footer-menu nav ul li a, .site-footer .block__footer-menu nav ul li.menu-item a {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 0;
  margin-bottom: 5px;
  text-align: center;
}

.site-footer .block__footer-menu nav ul.menu li:first-child a {
    text-align: left;
}

.site-footer .block__footer-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 30px 0 0 0;
}
@media only screen and (min-width: 1025px) {
  .site-footer .block__footer-logo {
      width: 20%;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 20px 0 0 0;
  }   
}
.site-footer a {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
}
.site-footer .block__footer-social {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 50px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
@media only screen and (min-width: 1025px) {
  .site-footer .block__footer-social {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 40px 20px 40px 0;
    }
}
.site-footer .region-footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .site-footer .region-footer-social {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
  }

}
.site-footer .block__footer-social section, .site-footer .block__footer-social .block__social-links {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      float: left;
  } 
}
.site-footer .block__footer-social .view-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto;
    margin: 0;
    padding: 0;
}
.site-footer .block__footer-social .view-social-links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
   
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    float: none;
    list-style: none;
}
.site-footer .block__footer-social .view-social-links ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px 0 0;
    list-style: none;
}
.site-footer .block__footer-social .view-social-links ul li a {
     
}
.site-footer .block__footer-social .view-social-links ul li a img {
  width:  18px;
}
.fa-facebook img {
  height: 18px !important;
    width: auto !important;
}
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.site-footer a {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
}
.view-social-links .views-row a, .view-social-links li a {
    line-height: 20px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    word-break: break-all;
    font-size: 0;
}


.site-footer .block__poweredby {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 30px 0 50px;
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
@media only screen and (min-width: 1025px) {
  .site-footer .block__poweredby {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      padding: 40px 0 40px 0px;
      -webkit-box-ordinal-group: inherit;
      -ms-flex-order: inherit;
      order: inherit;
  }
}
.site-footer .block__poweredby .region.region-footer-copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
}

.site-footer .block__poweredby .region.region-footer-copyright {
    display: block;
}

@media only screen and (min-width: 1025px) {
  .site-footer .block__poweredby .region.region-footer-copyright {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
  }
}
.site-footer .block__poweredby .region.region-footer-copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
}
.site-footer .block__poweredby .region.region-footer-copyright .poweredby, .site-footer .block__poweredby .region.region-footer-copyright .poweredby a, .site-footer .block__poweredby .region.region-footer-copyright .poweredby span {
    font-family: "FSAlbertProLtLight",Arial,sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
}
.site-footer .block__poweredby .region.region-footer-copyright .poweredby, .site-footer .block__poweredby .region.region-footer-copyright .poweredby a, .site-footer .block__poweredby .region.region-footer-copyright .poweredby span {
    font-family: "FSAlbertProLtLight",Arial,sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
}
.site-footer .block__poweredby .region.region-footer-copyright nav {
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.site-footer .block__poweredby .region.region-footer-copyright nav {
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.site-footer .block__poweredby .region.region-footer-copyright nav ul.nav {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style: none;
    padding: 10px 0 0;
    margin: 0;
}
@media only screen and (min-width: 768px) {
  .site-footer .block__poweredby .region.region-footer-copyright nav ul.nav {
      -ms-flex-wrap: initial;
      flex-wrap: initial;
      padding: 0;
  }
}
.site-footer .block__poweredby .region.region-footer-copyright nav ul.nav li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
}
.site-footer .block__poweredby .region.region-footer-copyright nav ul.nav li a {
    font-family: "FSAlbertProLtLight",Arial,sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
}
.site-footer .block__footer-menu nav ul.menu li.menu-item.menu-item--expanded:first-child .inner-box ul.menu li.menu-item, .site-footer .block__footer-menu nav ul li.menu-item.menu-item--expanded:first-child .inner-box ul.menu li.menu-item {
    width: 100%;
}
.site-footer .block__footer-menu nav ul.menu li.menu-item.menu-item--expanded:first-child .inner-box ul.menu li.menu-item:first-child, .site-footer .block__footer-menu nav ul li.menu-item.menu-item--expanded:first-child .inner-box ul.menu li.menu-item:first-child {
    margin-top: 0;
}
.site-footer .block__footer-menu nav ul.menu .inner-box li a, .site-footer .block__footer-menu nav ul.menu .inner-box li.menu-item a, .site-footer .block__footer-menu nav ul .inner-box li a, .site-footer .block__footer-menu nav ul .inner-box li.menu-item a {
    font-family: "FSAlbertProLtLight",Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    margin-bottom: 5px;
    width: 100%;
}
.site-footer .block__footer-menu nav ul.menu .inner-box li, .site-footer .block__footer-menu nav ul.menu .inner-box li.menu-item, .site-footer .block__footer-menu nav ul .inner-box li, .site-footer .block__footer-menu nav ul .inner-box li.menu-item {
    list-style: none;
    width: 100%;
}
#block-cookiessettings p {
  margin-bottom:  0px !important;
}

.site-footer .block__poweredby .region.region-footer-copyright nav ul.nav li {
    position: relative;
}

.site-footer .block__poweredby .region.region-footer-copyright nav ul.nav li::before {
    content: '';
    width: 1px;
    height: 80%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 10%;
}

.site-footer .block__poweredby .region.region-footer-copyright nav ul.nav li a {
    padding: 0 5px;
    font-weight: 500;
    font-family: "DejaVu Sans", "Arial", sans-serif;
    font-size: 10px;
}

.site-footer .block__poweredby .region.region-footer-copyright nav ul.nav li:first-child::before {
    display: none !important;
}

.site-footer .block__poweredby .region.region-footer-copyright nav ul.nav li:first-child a {
    padding-left: 0;
}

.block__poweredby .region.region-footer-copyright .poweredby a{
     font-family: "DejaVu Sans", "Arial", sans-serif;
    font-size: 10px;
}
#system-select .select-grid {
    width: calc(50% - 3em);
    background: rgba(255,255,255,0.2);
    padding-top: 2.5em;
    padding-bottom: 1em;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#system-select .select-grid > img {
	height: 100px;
}

#system-select .select-grid:hover {
    opacity: 0.7;
    box-shadow: 0 0 10px #555;
}

#system-select .select-grid p {
    margin-top: 2em;
    color: #fff;
}
.manual-col {
    margin-right: 3em;
}
.automatic-col {
    margin-left: 3em;
}
.range-points {    
    width: calc(100% - 12px);
    margin: auto;
    height: 2px;
    background-color: #fff;
}

#howmany-washes .range-points {
    width: calc(100% - 20px);
}


.stick-range input::-webkit-slider-runnable-track, .stick-range .range-custom input::-webkit-slider-runnable-track {
    background-color: transparent;
}
.progress-block {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    
}
.progress-block .progress-block_col {
    min-width: calc(16.66% - 20px * 3 /4);
    padding: 0px 8px;
}
.progress-label {
    background-color: #fff;
    color: #00833f;
    padding: 15px 10px;
    border-radius: 8px;
    font-weight: 700;
    margin-bottom: 15px;
}
#section3 .calculator {
    max-width: 450px;
}
#howmany-washes .range-labels li {
    width: 33%;
}
#howmany-washes .range-points li {
    margin-left: calc((100% - 20px) / 8);
    margin-right: calc((100% - 20px) / 8);
}
#howmany-washes .range-points li:first-child {
    margin-left: 0px;
}
#howmany-washes .range-points li:last-child {
    margin-right: 0px;
}
.stick-range .range-points {
    display: flex !important;
    justify-content: space-between !important;
}
.chemical-field, .chemical-field1, .chemical-field2, .chemical-field3, .chemical-field4 {
    width: 55%;
    margin: auto;
}
.chemical-field input, .chemical-field1 input, .chemical-field2 input, .chemical-field3 input, .chemical-field4 input {
    height: 54px;
    width: calc(100% - 74px);
}
.chemical-field button, .chemical-field1 button, .chemical-field2 button, .chemical-field3 button, .chemical-field4 button{
    width: 54px;
    height: 54px;
}

.final-disinfectant-name button {
    width: 46px;
    height: 46px;
}

#chemical1, #chemical, #chemical2, #chemical3, #chemical4 {
    margin-bottom: 0px;
}
#section4 .calculator hr, #section10 .calculator hr, #section13 .calculator hr,
#section20 .calculator hr, #section21 .calculator hr, #section24 .calculator hr, #section23 .calculator hr { 
    margin: 10px auto;
}

.camera-btn {
    border: none;
    background-color: #00CC99;
    border-radius: 8px;
    width: 54px;
    height: 54px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.camera-btn:hover {
    box-shadow: 0px 0px 10px #555;
}

input.upload_proimg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    cursor: pointer;
}

.final-disamt_wr {
    display: flex;
}

.final-disamt_wr .select {
    width: calc(40% - 10px);
    margin: 0 0 0 10px !important;
}

.final-disamt_wr .select-styled {
    width: 100% !important;
}

.final-disamt_wr .select-styled {
    padding-right: 50px;
    height: 47px;
}

.final-disamt_wr .select-styled span {
    padding: 5px;
}

#final-disinfectant-amount {
    height: 47px;
}

#howmuch-waters4 .range-labels li, 
#howmuch-waters3 .range-labels li, 
#howmuch-waters2 .range-labels li, 
#howmuch-waters1 .range-labels li, 
#howmuch-waters .range-labels li, 
#start-temp4 .range-labels li,
 #start-temp3 .range-labels li, 
 #start-temp2 .range-labels li, 
 #start-temp1 .range-labels li, 
 #start-temp .range-labels li, 
#return-temp .range-labels li, 
#return-temp1 .range-labels li, 
#return-temp2 .range-labels li, 
#return-temp3 .range-labels li, 
#return-temp4 .range-labels li {
    width: 9%;
  }
#howmuch-waters4 .range-points li, 
#howmuch-waters3 .range-points li, 
#howmuch-waters2 .range-points li, 
#howmuch-waters1 .range-points li, 
#howmuch-waters .range-points li,
#start-temp4 .range-points li, 
#start-temp3 .range-points li, 
#start-temp2 .range-points li, 
#start-temp1 .range-points li, 
#start-temp .range-points li, 
#return-temp .range-points li, 
#return-temp1 .range-points li, 
#return-temp2 .range-points li, 
#return-temp3 .range-points li, 
#return-temp4 .range-points li {
    margin-left: calc((100% - 20px) / 20);
    margin-right: calc((100% - 20px) / 20);
}
#howmuch-waters4 .range-points li:first-child, #howmuch-waters3 .range-points li:first-child, #howmuch-waters2 .range-points li:first-child, #howmuch-waters1 .range-points li:first-child, #howmuch-waters .range-points li:first-child, 
#start-temp4 .range-points li:first-child, #start-temp3 .range-points li:first-child, #start-temp2 .range-points li:first-child, #start-temp1 .range-points li:first-child, #start-temp .range-points li:first-child, 
#return-temp li:first-child, #return-temp2 li:first-child, #return-temp3 li:first-child, #return-temp4 li:first-child, #return-temp1 li:first-child {
    margin-left: 0px;
}
#howmuch-waters4 .range-points li:last-child, #howmuch-waters3 .range-points li:last-child, #howmuch-waters2 .range-points li:last-child, #howmuch-waters1 .range-points li:last-child, #howmuch-waters .range-points li:last-child, 
#start-temp4 .range-points li:last-child, #start-temp3 .range-points li:last-child, #start-temp2 .range-points li:last-child, #start-temp1 .range-points li:last-child, #start-temp .range-points li:last-child, 
#return-temp li:last-child, #return-temp1 li:last-child, #return-temp2 li:last-child, #return-temp3 li:last-child, #return-temp4 li:last-child {
    margin-right: 0px;
}

/*.nextbtn  {
    pointer-events: all !important;
}*/
.multi-bar_section .content{
    height: auto !important;
    padding-top: 1em !important;
    padding-bottom:1em !important;
    flex-direction: column !important;
    width: 100%;
    min-height: unset !important;
    overflow: initial;
    overflow-x: visible;
}

#howmuch-waters2 ~ hr, #howmuch-waters1 ~ hr, #howmuch-waters ~ hr {
    margin: 0px auto;
}
.content-icon {
    height: 30px;
    width: auto;
}
.camera-btn {
    background-image: url(../image/camera-icon.png);    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px; 
}
#return-temp .calculator h4, #return-temp1 .calculator h4,  #return-temp2 .calculator h4 {
    margin-bottom: 30px;
}
#return-temp .content-icon, #return-temp1 .content-icon, #return-temp2 .content-icon {
    margin-bottom: 20px;
}
#section16 .calculator {
    max-width: 1000px;
}
#final-rinse {
    justify-content: space-between;
    position: relative;
}
#final-rinse:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #7fc09e;
    left: calc(50% - 1px);
}
#final-rinse input, #final-rinse .select-styled {
    width: 215px;
}
 #final-rinse .select-styled {
    margin: auto;
    margin-bottom: 1em;
 }
 #final-rinse-water {
    margin-bottom: 1em;
 }
.final-rinse-water p, .final-disinfectant-name p, .final-disinfectant-amount p {
    margin-bottom: 15px;
}
.final-disinfectant-bool p {
    margin-bottom: 45px;
}
.final-disinfectant-bool, .final-disinfectant-amount {
    padding-top: 3em;
}
.final-disinfectant-bool .select-styled span {
    padding: 6px;
    background-color: transparent;
    color: #fff;
}
.final-disinfectant-bool .select {
    max-width: unset;
}
#final-rinse > div {
    width: 340px;
}
#farm-inputs {
    display: flex;
    flex-direction: column;
}
#email-form button {
    margin-top: 2em;
}
.blue-wide-btn {
    padding: 12px 30px;
    width: calc(50% - 20px);
    background-color: #3366FF;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50px;
    transition: all 0.3s ease;
    border: none;
}
.final-btns {
    margin-top: 3em;
    width: 100%;
    justify-content: center;
    margin-bottom: 2em;
}
.blue-wide-btn:hover {
    color: #3366FF;
    background-color: #fff;
}
#section6 .content {
    flex-direction: column;
}
#section17 .content {
    flex-direction: column;
    max-width: 700px;
    margin: auto;
    margin-top: 3em;
}
#section17 .logo {
    margin: auto;
    margin-bottom: 4em;
    max-width: 200px;
}
#section17 h1 {
    margin-bottom: 0.5em;
}
.litres-field,
.initial-temp-field,
.start-temp-field,
.start-temp1-field,
.start-temp2-field,
.return-temp-field,
.return-temp1-field,
.return-temp2-field {
    position: relative;
    width: auto;
    display: inline-block;
}

.litres-field{
    margin-left: 45px;
}


.litres-field::before, 
#howmuch-waters .custom-progress:before, 
#howmuch-waters1 .custom-progress:before, 
#howmuch-waters2 .custom-progress:before{
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    left: -55px;
    background: url(../image/noun-water-26130.png);
    background-size: contain;
    top: 9px;
}
#howmuch-waters .custom-progress:before, 
#howmuch-waters1 .custom-progress:before, 
#howmuch-waters2 .custom-progress:before {
    top: -20px;
}
.initial-temp-field::before,
.start-temp-field::before,
.start-temp1-field::before,
.start-temp2-field::before,
.return-temp-field::before,
.return-temp1-field::before,
.return-temp2-field::before {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    left: -55px;
    background: url(../image/noun-temperature.png);
    background-size: contain;
    top: 0;
}
/*#section16, #section6 {
    display: flex;
    align-items: center;
}*/
#section6 {
    justify-content: center
}
#section2 .progress-block {
    opacity: 0;
}
#final-rinse .select-options {
    margin: auto;
    top: 47px;
}

#chart-select {
    margin-top: 1em;
    justify-content: center;
}

#chart-select .select-grid {
    background-color: #5B9BD5;
    padding: 10px 15px;
    color: #fff;
    width: calc(50% - 3em);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    font-size: 20px;
    line-height: 1.5;
    align-self: center;
}

#chart-select .select-grid.active, 
#chart-select .select-grid:hover {
    background-color: #5B64D4;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.suitablefor_wr {
    position: absolute;
    left: 2em;
    top: 2em;
    width: auto !important;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    text-align: left;
}

#chart-select .select-grid input[name="washchart"] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

#chart-select .select-grid.parlour-col {
    margin-right: 3em;
}

#chart-select .select-grid.bulktank-col {
    margin-left: 3em;
}

.litres-field::after,
.final-rinse-water::after {
    content: 'Litres (L)';
    color: #fff;
    margin-left: 10px;
}

.initial-temp-field::after,
.start-temp-field::after,
.start-temp1-field::after,
.start-temp2-field::after,
.return-temp-field::after,
.return-temp1-field::after,
.return-temp2-field::after{
    content: '°C';
    color: #fff;
    margin-left: 10px;
}

#chemical-price .select,
#chemical1-price .select,
#chemical2-price .select {
    max-width: 25%;
    font-size: 16px;
}

/*#fullpage {
    display: none;
}

#email-content {
    position: static;
}*/

#solution-time .range-labels li,
#solution-time1 .range-labels li,
#solution-time2 .range-labels li {
    width: 14%;
}

#solution-time .range-labels li:last-child,
#solution-time1 .range-labels li:last-child,
#solution-time2 .range-labels li:last-child {
    text-align: right;
    padding-right: 10px;
}



#section17 .pwithbg {
    color: #000;
    font-weight: 800;
    background-color: #00B050;
    width: 100%;
    padding: 40px 0;
    font-size: 20px;
    letter-spacing: 1px;
}

#section18 .nextbtn {
    opacity: 1 !important;
    pointer-events: all !important;
}

.site_header {
	width: 100%;
	background-color: #072635;
	text-align: left;
	padding: 15px 5px 0;
}

.site_header_inner {
	background-color: #fff;
	border-radius: 35px 35px 0 0;
	padding: 0 15px;
	display: flex;
	justify-content: space-between;
}

.sitelogo.deosan_logo {
	margin-right: 10px;
}

.sitelogo img {
	max-width: 100%;
	height: 60px;
}

#fullpage {
	top: 0 !important;
}

.pdf_header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	text-align: left;
}

.pdflogo img {
	max-width: 100%;
	height: 60px;
}




@media (max-width: 767px) {
    #system-select .select-grid {
        width: calc(50% - 10px);
    }
    .manual-col {
        margin-right: 10px;
    }
    .automatic-col {
        margin-left: 10px;
    }
    br {
        display: none;
    }
    .multi-bar_section .content {
        padding-top: 3em !important;
        padding-bottom: 1em !important;
    }
    .select {
        max-width: 80%;
    }
    .progress-block .progress-block_col {
        width: 33.33%;
        margin-bottom: 20px;
    }
    .progress-block_col .progress-label {
        font-size: 10px;
    }
    .progress-label {
      padding: 5px 10px;
      margin-bottom: 10px;
    }
    body .progress {
      height: 10px;
    }
    #section3 .content, #section4 .content {
        padding: 0 20px;
    }
    #final-rinse:before {
        display: none;
    }
    .range-labels li {
        font-size: 10px;
    }

    #initial-temp .range-labels, #howmuch-waters .range-labels, #howmuch-waters1 .range-labels, #howmuch-waters2 .range-labels, #howmuch-waters3 .range-labels, #howmuch-waters4 .range-labels, 
    #start-temp .range-labels,  #start-temp1 .range-labels,  #start-temp2 .range-labels, #start-temp3 .range-labels,  #start-temp4 .range-labels,
    #return-temp .range-labels, #return-temp1 .range-labels, #return-temp2 .range-labels, #return-temp3 .range-labels, #return-temp4 .range-labels {
        margin: 18px -10px 0;
    }
    .progress-block {        
        padding: 10px;
    }
    .progress-block .progress-block_col  {
        padding: 0 10px;
    }
    .chemical-field, .chemical-field1, .chemical-field2, .chemical-field3, .chemical-field4 {
        width: 100%;
    }
    .multi-bar_section  .content{
        padding: 20px 20px;
    }
    .calculator h4 {
        height: unset;
    }
    .final-disinfectant-name, .final-disinfectant-amount {
        padding-top: 1em;
    }
    .final-disinfectant-bool p, .final-rinse-water p, .final-disinfectant-name p, .final-disinfectant-amount p {
        margin-bottom: 10px;
    }
    #final-rinse > div {
        width: 100%;
    }
    #final-rinse input, #final-rinse .select-styled {
        margin-bottom: 30px;
    }
    #section16 .progress {
        margin-top: 2em;
    }
    #section17 .content {
        padding: 0 20px;
    }
    .blue-wide-btn {
        width: 100%;
        margin-bottom: 20px;
    }
    #system-select img {
      max-width: 100%;
    }
    .select-styled {
      padding: 5px 40px 5px 10px;
    }
    .select-styled:after {
      right: 0px;
    }
    .select-styled span {
      font-size: 18px;
    }
    .select {
      max-width: 100%;
    }
    .multi-bar_section .content {
      height: fit-content !important;
      min-height: 100vh !important;
    }
    #howmany-washes .range-labels {
      margin: 18px -29px 0px;
    }
    .final-btns .blue-wide-btn {
      margin-bottom: 20px;
    }
    #section16 .content {
      padding-top: 10em !important;
      padding-bottom: 1em !important;
      min-height: 900px !important;
      height: fit-content !important;
      
    }


}
.listwithbg_wrapper.empty1 .chemical_image_label1 {
  height: 32px;
  line-height: 1;
  display: none;
}
.listwithbg_wrapper.empty1 .chemical_image img, .listwithbg_wrapper.empty1 .chemical_image {
  height: 32px;
  display: none;
}
.four_col.empty1 > ul:nth-child(1) li:nth-child(3) {
  height: 286px;
}

.listwithbg_wrapper.empty2 .chemical_image_label2 {
  height: 32px;
  line-height: 1 !important;
  display: none !important;
}
.listwithbg_wrapper.empty2  .final_chemical_image img, .listwithbg_wrapper.empty2  .final_chemical_image {
  height: 32px;
  display: none !important;
}
.four_col.empty2 > ul:nth-child(1) li:nth-child(4) {
  height: 162px;
}
.heading_withbg:not(.redbg) {
	padding: 0 0 30px 0;
	background-color: transparent;
	display: flex;
	justify-content: space-between;
	margin: 0;
	align-items: end;
}
.pdf_logo {
	width: 250px;
	display: block;
	margin-bottom: 20px;
}
.pdf_logo > img {
	width: 100%;
	max-width: 100%;
}
.pdf_hdr_right {
	max-width: calc(100% - 350px);
	margin-right: -30px;
}
.pdf_hdr_right > img {
	max-width: 100%;
}


.pdf-header .pdf-body-heading h2 {
  font-size: 30px !important;
  color: rgb(0, 131, 63) !important;
  font-weight: 700;
}
.twocol_withoutbg ul  {
  list-style: none;  
}
.twocol_withoutbg ul li {
  position: relative;
}
.twocol_withoutbg p {
	padding-left: 10px;
	font-weight: 500;
	color: #00CC99;
	letter-spacing: 0.5px;
}
.twocol_withoutbg ul li::before {
  content: "";
  color: rgb(0, 131, 63);
  background-color: rgb(0, 131, 63);
  font-weight: bold;
  display: inline-block; 
  width: 5px;
  height: 5px;
  position: absolute;
  margin-left: -10px;
  top: 6px;
  border-radius: 50%;
}
.twocol_withoutbg img {
	width: 110px;
}
.flex {
  display: flex;
}
.wash-ul img {
  /* height: 25px; */
}
.footer_copyright li {
  padding: 0 10px;
  border-right: 1px solid #fff;
}
.footer_copyright li:first-child {
  padding-left: 0px;
}
.twocol_withoutbg > div:first-child {
  padding-left: 0px;
}
.twocol_withoutbg > div:last-child {
  padding-right: 0px;
}
.heading_withbg h2 {
  text-shadow: 0px 4px 3px rgb(0 0 0 / 40%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);
}


#cookieAcceptBar.cookieAcceptBar {
    display:none;
    position: fixed;
    bottom: 0;
    left:0;
    right: 0;
    text-align: left;
    background-color: rgba(0,0,0,0.85);
    color: #fff;
    padding: 15px 0;
    z-index: 99999;      
      font-size: 14px;
  }
 #cookieAcceptBar.cookieAcceptBar p {
	padding-right: 40px;
	font-size: 12px;
	margin-bottom: 0;
	letter-spacing: 1px;
}
  #cookieAcceptBar.cookieAcceptBar a {
    color: #fff;
    text-decoration: underline;
  }
  .cookie-content {
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    align-items: center;
  }
  
  #cookieAcceptBar button {
    cursor: pointer;
    border: none;
    background-color: #3366FF;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
      border-radius: 3px;
      width: 200px;
      min-width: 200px;
  }
  @media (max-width: 767px) {
    .cookie-content {
        flex-wrap: wrap;
    }
     #cookieAcceptBar.cookieAcceptBar p {
      padding-right: 0;
      margin-top: 0;
      margin-bottom: 10px;
    }
    #cookieAcceptBar button {
        margin-top: 0px;
    }

    .litres-field {
      margin-left: 0;
    }

    .heading_withbg:not(.redbg) .pdf_hdr_right {
      display: none;
    }

    .pdf_logo {
      margin: 10px 0;
      width: 150px;
    }

    .heading_withbg:not(.redbg) {
      padding: 0;
    }

    .twocol_withoutbg {
      display: block;
    }

    .twocol_withoutbg > div {
      padding: 15px 0;
    }

    .listwithbg_wrapper_div {
      overflow: scroll;
      padding-bottom: 20px;
    }

    .listwithbg_wrapper {
      width: 700px;
    }

    .pdf_footer {
      display: block;
      padding: 15px 30px;
    }

   .pdf_footer_left, .pdf_footer_right {
      max-width: 100%;
      width: 100%;
      text-align: center;
    }

    .pdf_footer_right > img {
      max-width: 200px;
      margin-top: 20px;
    }


  }