html{overflow-x:hidden;height:100%;}
html,body{box-sizing:border-box;height:100%;margin:0;padding:0;position:relative;}
body{font-family:'Roboto',sans-serif;min-height:100%;font-size:16px;line-height:1.4;background:#F1F7FB;color:#1e1e1e}

a{color:#1e1e1e;text-decoration:underline;}
a:hover,a:focus,a:active{color:#777;outline:0;}
a:focus{outline:thin dotted;}
a:not([href]),a:not([href]):hover,a:not([href]):focus{color:inherit;text-decoration:inherit;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
h1{font-size:2em;margin:0 0 0.33em;}
h2{font-size:1.5em;margin:0 0 0.5em;}
h3{font-size:1.25em;margin:0 0 0.67em;}
h4{font-size:1em;margin:0 0 1em;}
h5{font-size:0.83em;margin:0 0 1.33em;}
h6{font-size:0.75em;margin:0 0 2em;}
h1,h2,h3,h4,h5,h6{font-weight:700;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;max-width:100%;}
/* i18n */
[data-i18n]:before,
:lang(en) [data-i18n-en]:before{/* Eng(def) */content:attr(data-i18n);}
:lang(uk) [data-i18n-uk]:before{/* Ukr */content:attr(data-i18n-uk);}
:lang(qru) [data-i18n-qru]:before{/* Rus */content:attr(data-i18n-ru);}
/* i18n hint */
[data-hint-i18n]:after,
:lang(uk) [data-hint-i18n-uk]:after,
:lang(qru) [data-hint-i18n-qru]:after{background:rgba(1,1,1,0.8);border-radius:0px 5px 5px 5px;box-shadow:0px 0px 7px rgba(244,214,4,1);color:#FFF;qfont-family:'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-style:normal;font-size:90%;font-weight:normal;margin-top:1.5em;opacity:0;padding:3px 7px;position:absolute;transition:all 0.4s ease-in-out;visibility:hidden;z-index:112;}
[data-hint-i18n]:hover:after,
:lang(uk) [data-hint-i18n-uk]:hover:after,
:lang(qru) [data-hint-i18n-qru]:hover:after{opacity:.8;visibility:visible;}
[data-hint-i18n]:after{/* Eng (default)*/content:attr(data-hint-i18n);}
:lang(uk) [data-hint-i18n-uk]:after{/* Ukr */content:attr(data-hint-i18n-uk);}
:lang(qru) [data-hint-i18n-qru]:after{/* Rus */content:attr(data-hint-i18n-ru);}
label{font-weight:700;font-size:12px;}
input,select,button{vertical-align:middle;font-style:normal;font-weight:normal;}
[onclick]{cursor:pointer;}
[onclick] td:hover,td[onclick]:hover{text-decoration:underline;}
input[type="range"]{margin:0;padding:0;}
.f-left{float:left;}
.f-right{float:right;}
.hidden{display:none;}
.pre-wrap{white-space:pre-wrap;}
.danger{color:#d9534f;}
.good{color:#00B235;}
.semi{opacity:0.8;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button !important;}
#err,.err{left:25%;margin:0 auto;min-width:40%;opacity:.95;position:fixed;right:25%;top:10%;z-index:111;box-shadow:0px 0px 2px #999;-moz-box-shadow:0px 0px 2px #999;-webkit-box-shadow:0px 0 2px #999;}

/*Order*/
#header{padding:10px;}
#logo{margin-bottom:10px;display:block}
#logo-img{max-width:149px;height:48px;}
#footer{background:#E0EDF6;font-size:12px;padding:10px 30px 10px;margin-top:20px}
#order{margin-top:10px}
#empty{min-height:70vh;}
#amountLabel{display:none;}
#amount{text-align:right;-webkit-appearance:none;-moz-appearance:textfield;}
.litr{font-size:50px;font-weight:bold;color:#d1d1d1;}

#waterType .form_radio_btn input[type=radio]{display:none;}
#waterType .form_radio_btn label{display:block;cursor:pointer;color:#585858;font-size:16px;padding:0 15px 0 35px;line-height:34px;border:3px solid #D6D5FE;border-radius:4px;user-select:none;margin-bottom:8px;position:relative}
#waterType .form_radio_btn label:before{position:absolute;top:9px;left:9px;content:'';width:6px;height:6px;border:5px solid #D6D5FE;border-radius:50%;background:#fff;display:inline-block;}
/* Checked */
#waterType .form_radio_btn input[type=radio]:checked + label{background:#D6D5FE;color:#1e1e1e}
#waterType .form_radio_btn input[type=radio]:checked + label:before{ border:5px solid #7775D2;background:#fff;}
#paybutton{padding:12px 25px;min-width:225px;background:#419A59;border:0;border-radius:4px;color:#fff;font-weight:700;text-transform:uppercase;font-size:18px;letter-spacing:1px;}
.support{color:#7775D2;font-weight:bold;display:block}
.pay_result{border-radius:4px;border:1px solid transparent;box-sizing:border-box;font-size:2em;left:25%;margin:5% auto;min-width:40%;padding:15px;right:25%;width:60%;z-index:111;box-shadow:0px 0px 5px #999;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;}
#pay_success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d;}
#pay_fail{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;}
.pay_info{qtext-align:center;font-size:1.5em;margin:5% auto;}
.loading{background:rgba(255,255,255,.8) url('/pay/img/loading.gif') 50% 50% no-repeat;height:31px;width:31px;margin:0 auto;}
#paybutton.load{color:#333;background:#fff url('/pay/img/loading.gif') 10px 50% no-repeat;padding-left 20px;border: 1px solid #419A59;}

.order-info{background:#fff;border-radius:10px;padding:10px 20px 10px;margin-bottom:20px}
.wrap-content{max-width:385px;margin:0 auto;padding:0 15px}
.offer-content{max-width:1170px;margin:0 auto 40px;padding:0 15px}
.offer-content h2{font-size:20px}
.details{margin-top:10px}
.details >div>div:first-child{font-size:12px;color:#919191}
.details >div>div:last-child{font-weight:bold}
.text-center{text-align:center;}

.row-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.align-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}
.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}

input:focus,input:focus-visible{border:0;outline:none;}
input[type="number"]{-moz-appearance:textfield;-webkit-appearance:none;}
.spin{border:0;border-radius:3px;padding:10px 20px}
.quantity-field{font-size:110px;border:0;font-weight:bold;max-width:245px;text-align:right;}
.button-plus{background:url("/pay/img/plus.svg") #D6D5FE no-repeat center;margin-bottom:15px;margin-left:35px}
.button-minus{background:url("/pay/img/minus.svg") #D6D5FE no-repeat center;margin-left:35px}

.select{margin-top:45px;}
/*.select input{background:transparent;font-weight:700;padding:0;font-size:18px}
.select > div{border:3px solid #D6D5FE;text-align:center;border-radius:4px;padding:15px;min-width:60px;}
.select > div:hover,.select > div:hover input{background:#D6D5FE;}*/
.buttonVal{
	border-radius:3px;
	border:3px solid #D6D5FE;
	font-size:18px;
	font-weight:700;
	min-width:60px;
	padding:15px;
	text-align:center;
}
.buttonVal:hover,.buttonVal:focus{background-color:#D6D5FE;}
.liter1{
	background: url(/pay/img/1l.svg) no-repeat scroll 23px 15px;
	padding:18px 25px 18px 40px;
}
.liter5,.liter6{
	background: url(/pay/img/5l.svg) no-repeat scroll 21px 15px;
	padding:18px 20px 18px 44px;
}
.liter18{
	background: url(/pay/img/18l.svg) no-repeat scroll 16px 15px;
	padding:18px 15px 18px 40px;
}

.total-price{margin-top:20px;}
.total-price > div:first-child >div:first-child{font-weight:bold}
.total-price > div:first-child >div:last-child{font-size:12px;color:#919191}
.price{font-size:50px;padding-left:15px;font-weight:bold}
.price .currency{font-size:16px}
#offer{color:#7775D2;font-size:12px;text-decoration:none;border-bottom:1px solid #7775D2;display:inline-block;margin-top:10px;}
#offer:hover{text-decoration:none;border-bottom:0}
.copyright{background:#1E1E1E;font-size:12px;color:#aBaBaB;padding:10px 30px 10px;}

.noUi-target,.noUi-connects{border-radius:10px;}
.noUi-horizontal{height:22px;}
.noUi-horizontal .noUi-handle{width:20px;height:20px;top:0;}
.noUi-connect{
	background:-moz-linear-gradient(90deg,#d6d5fe 50%,#fff 100%);
	background:-webkit-linear-gradient(90deg,#d6d5fe 50%,#fff 100%);
	background:linear-gradient(90deg,#d6d5fe 50%,#fff 100%);
	background-repeat:no-repeat;
}
.noUi-handle:before,.noUi-handle:after{qdisplay:none;}
.noUi-handle{border:5px solid #7775D2;border-radius:50%;}
.noUi-marker-horizontal.noUi-marker-large{height:12px;}
.noUi-marker-horizontal.noUi-marker-sub,.noUi-marker-horizontal.noUi-marker-normal{height:6px;top:13px;}
.noUi-base,.noUi-connects{width:96%;}
.noUi-pips-horizontal{top:-6px;width:96%;left:50%;transform:translate(-50%,0);}
.noUi-value{top:20px;color:#1e1e1e;}
.noUi-value.noUi-value-sub{top:28px;}
.noUi-marker-sub,.noUi-marker{background:#D6D5FE;}
.noUi-marker-large{background:#7775D2;}
.ui-state-error{border: 1px solid #f1a899;background:#fddfdf;color:#5f3f3f;}
.ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}
.ui-widget{font-family:'Roboto',sans-serif;font-size:16px;line-height:1.4;}
span.T1{font-size:30px;}
span.T3{font-weight:bold}
#waterType .form_radio_btn{qposition:relative;}
#waterType .form_radio_btn .label-hint{
    padding:0px 2%;
    text-align:right;
    font-style:italic;
    font-size:12px;
}