html{overflow-y: hidden; overflow-x: hidden;}body{font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; color:#fff; margin:0; background-color: rgb(20, 114, 94); transition: 0.15s ease;}*{box-sizing: border-box;}.container{max-width: 100%; width: 1200px; margin:0 auto;}nav{position: fixed; top:0; left:0; width: 100%; padding:30px 30px 0; z-index: 10; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;}nav .logo{}nav .logo a{color:#fff; text-decoration: none; font-size: 0; font-weight: 300; letter-spacing: 1px; display: block; width: 160px; text-align: center; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding:5px 0; border:none; padding:0; transition: .15s ease;}nav .logo a:hover,nav .logo a:focus,nav .logo a:active{letter-spacing: 2px;}nav .logo a span{font-size: 30px; line-height: 30px; display: inline-block; vertical-align: middle;}nav .logo a span.colored{font-weight: 600; font-size: 16px; padding:0 2px;}.company-logo{width: 44px; height: 44px;}.company-logo a{display: block; width: 100%; height: 100%; position: relative; transition: .35s ease;}.company-logo:hover a,.company-logo:focus a,.company-logo:active a{transform: rotate(90deg); cursor: pointer;}.wx-block{position: absolute; width: 20%; height: 20%; background-color: #fff; display: block; transition:.15s ease;}body.light .wx-block{background-color: #000;}body.dark .wx-block{background-color: #fff;}.wx-block:nth-child(1){top:0; left:0;}.wx-block:nth-child(2){top:20%; left:20%;}.wx-block:nth-child(3){top:40%; left:40%;}.wx-block:nth-child(4){top:60%; left:60%;}.wx-block:nth-child(5){top:80%; left:80%;}.wx-block:nth-child(6){bottom:0; left:0;}.wx-block:nth-child(7){bottom:20%; left:20%;}.wx-block:nth-child(8){bottom:60%; left:60%;}.wx-block:nth-child(9){bottom:80%; left:80%;}h1{margin:0 0 10px; text-align: center; transition:.15s ease;}main{position: fixed; z-index: 1; top:0; left:0; width: 100%; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding:30px;}main .container{}.calculator{}.calculator .inner{width: 540px; max-width: 100%; margin:0 auto; padding:30px;}.calculator label{display: none;}.calculator .input-field + .input-field{margin-top: 10px;}.calculator .input-field{position: relative;}.calculator .input-field input{font-size: 30px; padding:10px 30px; width: 100%; box-shadow: none !important; border:none; border-bottom:1px solid #444; outline: none !important; text-align: center; font-weight: 300; background-color: transparent; transition:.15s ease;}.calculator .input-field input::placeholder{color:#222;}body.dark input,body.dark .calculator .input-field input,body.dark .logo a{color:#fff; border-color: #fff;}body.dark .calculator .input-field input::placeholder,body.dark h1,body.dark .calculator button{color:#fff;}body.light input,body.light .calculator .input-field input,body.light .logo a{color:#000; border-color: #000;}body.light footer a.footer-copyright,body.light .calculator .input-field input::placeholder,body.light h1,body.light .calculator button{color:#000;}.calculator .input-field:hover .copyField{opacity: 1; visibility: visible;}.calculator .input-field .copyField{position: absolute; top:0; left:0; width: 57px; height: 57px; padding:17px; transition: 0.35s ease; opacity: 0; visibility: hidden; cursor: pointer;}.calculator .input-field .errormsg.in + .copyField{opacity: 0; visibility: hidden;}.calculator .input-field .copyField svg{max-width: 100%; max-height: 100%; width: 100%; height: auto;}body.light .calculator .input-field .copyField svg{fill:#000;}body.dark .calculator .input-field .copyField svg{fill:#fff;}.calculator .input-field .errormsg .error-icon{position: absolute; top:0; right:0; width: 57px; height: 57px; background-color: #dc3545; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 600;}.calculator .input-field .errormsg .error-text{position: absolute; background-color: rgba(255,255,255,0.25); color:#000; left:100%; top:0; width:0; height: 100%; font-size: 12px; overflow:hidden; transition: 0.35s ease-in-out;}.calculator .input-field .errormsg .error-text .error-inner{width: 240px; padding:10px;}.calculator .input-field .errormsg:hover .error-text{width: 240px;}.calculator button{border-radius: none; border:none; background: transparent; padding:0; margin:0; text-align: center; width: 100%; font-weight: 600; text-transform: uppercase;}.calculator.more .output-block{display: block;}.output-block{display: none;}.output-block .colorOutput{width: 50px; height: 50px; display: block; border:1px solid #000;}.errormsg{display: none;}.errormsg.in{display: block;}footer{position: fixed; bottom:0; left:0; right:0; margin:0 auto; text-align: center; z-index: 10; padding:0 30px 30px;}footer .company-logo{display: none; width: 100%; height: auto;}footer .company-logo a{width: 30px; height: 30px; margin:0 auto;}footer a.footer-copyright{font-size: 20px; letter-spacing: 3px; font-weight: 300; color:#fff; text-decoration: none; transition: .35s ease; display: block;}footer a.footer-copyright:hover,footer a.footer-copyright:focus,footer a.footer-copyright:active{letter-spacing: 5px; transform: scale(1.2);}body.light footer ul li a{color:#000;}.input-field.submit-field{display: none !important;}@media (max-width:1200px){.calculator .input-field .copyField{opacity: 1; visibility: visible;}}@media (max-width:500px){.container{width: 100%;}.calculator .inner{padding:0; width: 100%;}.calculator .input-field input{font-size: 24px;}h1{font-size: 24px;}}@media (max-width:383px){nav .logo{margin:0 auto;}nav .company-logo{display: none;}footer a.footer-copyright{font-size: 16px; padding-top: 15px; letter-spacing: 1px;}footer a.footer-copyright:hover, footer a.footer-copyright:focus, footer a.footer-copyright:active{letter-spacing: 3px; transform: scale(1);}footer .company-logo{display: block;}}@media (max-height:375px){nav{width: 25%; height: 100%; padding-bottom: 75px; align-items: flex-start; justify-content: center; flex-wrap: wrap;}nav .company-logo{width: 100%; position: fixed; bottom: 22.5px;}nav .company-logo a{width: 44px; margin:0 auto;}nav .logo a{width: 100%; overflow: hidden;}nav .logo a span{font-size: 24px;}main{left:25%; width: 75%; height: 100%; padding-bottom: 75px;}footer{width: 75%; left:25%}h1{font-size: 30px; line-height: 30px;}}


/* poppins-100 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/poppins-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/poppins-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/poppins-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/poppins-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/fonts/poppins-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/poppins-v20-latin-100.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-200 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/poppins-v20-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/poppins-v20-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/poppins-v20-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/poppins-v20-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/fonts/poppins-v20-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/poppins-v20-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/poppins-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/poppins-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/poppins-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/poppins-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/poppins-v20-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/poppins-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/poppins-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/poppins-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/poppins-v20-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/poppins-v20-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/poppins-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/poppins-v20-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/poppins-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/poppins-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/poppins-v20-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/fonts/poppins-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/poppins-v20-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-900 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/poppins-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/poppins-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/poppins-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/poppins-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/poppins-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/poppins-v20-latin-900.svg#Poppins') format('svg'); /* Legacy iOS */
}