* {
    margin: 0;
    padding: 0;
    outline: 0 none;
    box-sizing: border-box;
}
:root {
    --grey: #979797;
    --yellow: #F8E71C;
    --purple: #360DCB;
}
.lineheight50 {
    line-height: 50px;
}
.sitecalc_wrapper {
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: 400;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: 50px 50px;
    grid-template-areas: ". . . ." "sitecalc_porezka sitecalc_itogo sitecalc_itogo sitecalc_itogo";
    margin: 15px 0 20px 0;
}
.sitecalc_input_wrapper {
    position: relative;
}
.sitecalc_porezka {
    grid-area: sitecalc_porezka;
    white-space: nowrap;
    font-size: 13px;
}
.sitecalc_porezka_select {
    width: 100%;
    height: 30px;
    margin: 10px 0;
}
.uchityvat_porezku {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer; cursor: hand;
    user-select: none;
    margin: 0 5px 0 0;
}
.uchityvat_porezku::before {
    box-sizing: border-box;
    content: '';
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    border: 1px solid #979797;
    margin: 0 7px 0 0;
}
.uchityvat_porezku.active::before {
    background: #000;
    border: 3px solid var(--accentcolor);
}
.uchityvat_porezku_ul {
    vertical-align: middle;
    list-style: none;
    visibility: hidden;
    display: inline-block;
}
.uchityvat_porezku_ul.active {
    visibility: visible;
}
.uchityvat_porezku_ul li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 40px;
    line-height: 22px;
    font-size: 10px;
    background: #f2f2f2;
    cursor: pointer; cursor: hand;
}
.uchityvat_porezku_ul li.active {
    background: var(--accentcolor);
    cursor: default;
}
.sitecalc_input_label {
    display: block;
    position: absolute;
    top: -10px;
    left: 5px;
    padding: 0 3px 0 5px;
    line-height: 20px;
    background: #FFF;
    font-size: 13px;
    letter-spacing: 1px;
}
.sitecalc_input_input {
    width: 100%;
    height: 50px;
    line-height: 48px;
    border: 1px solid #979797;
    padding: 0 10px;
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    background: #FFF;
}
.sitecalc_input_input:focus {
    line-height: 46px;
    border: 2px solid var(--accentcolor);
}
.sitecalc_input_teit {
    pointer-events: none;
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 30px;
    font-size: 17px;
    color: #B6BCC3;
}
.sitecalc_input_bottom {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    line-height: 20px;
    font-family: Helvetica;
    font-size: 12px;
    color: #979797;
    text-align: center;
}
.sitecalc_itogo {
    grid-area: sitecalc_itogo;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 300;
    white-space: nowrap;
    color: #000;
}
.sitecalc_summa_number {
    font-size: 15px;
    font-weight: 700;
}
.sitecalc_summa_grn {
    position: relative;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: bold;
    top: -8px;
}
.sitecalc_summa_grn::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--accentcolor);
}
.sitecalc_weight small {
    font-size: 8px;
    position: relative;
    margin: 0 0 0 -4px;
    top: -6px;
    font-weight: 700;
}
.sitecalc_tocart {
    display: inline-block;
    line-height: 30px;
    background: var(--accentcolor);
    cursor: pointer; cursor: hand;
    color: #000;
    border: 0 none;
    padding: 0 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.sitecalc_tocart:hover {
    color: var(--accentcolor);
    background: #000;
}
.form_blue_balloon {
    position: absolute;
    left: -4px;
    bottom: 72px;
    background: var(--accentcolor);
    padding: 10px 15px;
    border-radius: 7px;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 400ms cubic-bezier(0.54, 0.22, 0.22, 0.97);
    transform: translateX(0) translateY(5px);
}
.form_blue_balloon.active, .sitecalc_input_input:focus ~ .form_blue_balloon {
    opacity: 1;
    visibility: visible;
    transform: translateX(0) translateY(0);
}
.form_blue_balloon::before {
    content: '';
    position: absolute;
    left: 15px;
    bottom: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 0;
    border-color: var(--accentcolor) transparent transparent transparent;
}
.sitecalc_weight {
    font-weight: 400;
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    height: 24px;
    border-radius: 4px;
    padding: 0 5px 0 26px;
    margin: 0;
    background-color: #F7F7F7;
    background-position: 6px 4px;
    background-size: auto 16px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT52ZXN5PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9InByb2R1Y3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01OTguMDAwMDAwLCAtMTEwOC4wMDAwMDApIiBmaWxsPSIjMzYwRENCIiBmaWxsLXJ1bGU9Im5vbnplcm8iPiAgICAgICAgICAgIDxnIGlkPSJ2ZXN5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1OTguMDAwMDAwLCAxMTA4LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUuOTE4NzA4NywxNi4wOTQ2OTI5IEMxNS43ODg1OTg0LDE1LjY1MDY0NTcgMTMuNjcwMzE1LDcuNzIwNzI0NDEgMTMuMzgyMTczMiw2LjY0MTU3NDggQzEzLjA5NTExODEsNS41NjI5NDQ4OCAxMi4zNDQ3NDAyLDUuMjc0NTE5NjkgMTEuNDk5NDAxNiw1LjI3NDUxOTY5IEMxMS4yMDc5MDU1LDUuMjc0NTE5NjkgMTAuMDgzNzMyMyw1LjI3NDUxOTY5IDguNzQzODQyNTIsNS4yNzQ1MTk2OSBMOC43NDM4NDI1Miw0LjI3Nzk1Mjc2IEMxMy44NjkwMjM2LDMuODAwOTc2MzggMTUuMjM1ODQyNSwwIDE1LjIzNTg0MjUsMCBMMC40MjY3MDg2NjEsMCBDMC40MjY3MDg2NjEsMCAxLjU3Mjg1MDM5LDQuMDE1MDM5MzcgNy4wNTMyMTI2LDQuMjk5OTIxMjYgTDcuMDUzMjEyNiw1LjI3Mzk1Mjc2IEM1LjgwNjM0NjQ2LDUuMjczOTUyNzYgNC43Nzk1OTA1NSw1LjI3Mzk1Mjc2IDQuNTAyOTc2MzgsNS4yNzM5NTI3NiBDMy42NTc2Mzc4LDUuMjczOTUyNzYgMi45MDc4MjY3Nyw1LjU2MjM3Nzk1IDIuNjE5OTIxMjYsNi42NDEwNTUxMiBDMi4zMzIyNTE5Nyw3LjcyMDIwNDcyIDAuMjE0MjUxOTY5LDE1LjY1MDA3ODcgMC4wODM5MDU1MTE4LDE2LjA5NDE3MzIgQy0wLjA3ODU2NjkyOTEsMTYuNjUwNzU1OSAtMC4wMjgwNjI5OTIxLDE3LjM3NzU1OTEgMS4xMDQ1NjY5MywxNy4zNzc1NTkxIEMxLjIyOTQ4MDMxLDE3LjM3NzU1OTEgMS41MTI3MDg2NiwxNy4zNzc1NTkxIDEuOTEzMzg1ODMsMTcuMzc3NTU5MSBMMS45MTMzODU4MywxNy45ODY4MTg5IEwxMy45NTAyMzYyLDE3Ljk4NjgxODkgTDEzLjk1MDIzNjIsMTcuMzc4MDc4NyBDMTQuNDIwMDc4NywxNy4zNzgwNzg3IDE0Ljc1ODc3MTcsMTcuMzc4MDc4NyAxNC44OTY1ODI3LDE3LjM3ODA3ODcgQzE2LjAzMDY3NzIsMTcuMzc4MDc4NyAxNi4wODExMzM5LDE2LjY1MTMyMjggMTUuOTE4NzA4NywxNi4wOTQ2OTI5IFogTTguMDAxNDQ4ODIsNi4zMDQyNTE5NyBDMTAuNzc2NDI1Miw2LjMwNDI1MTk3IDEzLjAyNDgxODksOC41NTE1MTE4MSAxMy4wMjQ4MTg5LDExLjMyNjI1MiBDMTMuMDI0ODE4OSwxNC4xMDA5OTIxIDEwLjc3NjQyNTIsMTYuMzQ4ODY2MSA4LjAwMTQ0ODgyLDE2LjM0ODg2NjEgQzUuMjI3NTExODEsMTYuMzQ4ODY2MSAyLjk3OTExODExLDE0LjEwMTAzOTQgMi45NzkxMTgxMSwxMS4zMjYyNTIgQzIuOTc5MTE4MTEsOC41NTE0NjQ1NyA1LjIyNzQ2NDU3LDYuMzA0MjUxOTcgOC4wMDE0NDg4Miw2LjMwNDI1MTk3IFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNS4xMTgsOS4xMTU4NDI1MiBMNC42MDI1NjY5Myw4Ljc0ODg5NzY0IEw0LjQ1MDI1MTk3LDguOTYyNDQwOTQgTDQuOTU4MjY3NzIsOS4zMjI3NzE2NSBDNS4wMDU0NjQ1Nyw5LjI1MDI1MTk3IDUuMDYzOTA1NTEsOS4xODU1Mjc1NiA1LjExOCw5LjExNTg0MjUyIFoiIGlkPSJQYXRoIj48L3BhdGg+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjUzNTUxMTgxLDcuOTkwNTM1NDMgTDYuMjU0NTAzOTQsNy40MjI0MjUyIEw2LjAxOTAzOTM3LDcuNTM5MzU0MzMgTDYuMzA1NTI3NTYsOC4xMTYwMTU3NSBDNi4zODI2NzcxNyw4LjA3NTA1NTEyIDYuNDU1NjY5MjksOC4wMjY3NzE2NSA2LjUzNTUxMTgxLDcuOTkwNTM1NDMgWiIgaWQ9IlBhdGgiPjwvcGF0aD4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuMzUzOTIxMjYsMTEuMzI2Mjk5MiBDNC4zNTM5MjEyNiwxMS4yOTY2Mjk5IDQuMzYyNDI1MiwxMS4yNjk3OTUzIDQuMzYzNTExODEsMTEuMjQwNjkyOSBMMy43MjQwMTU3NSwxMS4yNDA2OTI5IEwzLjcyNDAxNTc1LDExLjUwMjUxOTcgTDQuMzcyMDE1NzUsMTEuNTAyNTE5NyBDNC4zNjk4NDI1MiwxMS40NDI3MDg3IDQuMzUzOTIxMjYsMTEuMzg2Njc3MiA0LjM1MzkyMTI2LDExLjMyNjI5OTIgWiIgaWQ9IlBhdGgiPjwvcGF0aD4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjk0MjkyOTEsOS40MDM5ODQyNSBMMTEuODE3MjEyNiw5LjE3NTAzOTM3IEwxMS4xNjAxODksOS41MzQ2MTQxNyBDMTEuMjAxOTA1NSw5LjYwOTI1OTg0IDExLjI0NjM2MjIsOS42ODYxMjU5OCAxMS4yODQ4MTg5LDkuNzYzNTExODEgTDExLjk0MjkyOTEsOS40MDM5ODQyNSBaIiBpZD0iUGF0aCI+PC9wYXRoPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuNDE3NDY0Niw3LjcxNTI5MTM0IEwxMC4xOTIzOTM3LDcuNTgwMjY3NzIgTDkuODI4NDcyNDQsOC4xODYyNjc3MiBDOS45MDM2ODUwNCw4LjIzMDcyNDQxIDkuOTg0MzMwNzEsOC4yNjYxMTAyNCAxMC4wNTc4ODk4LDguMzE1MDA3ODcgTDEwLjQxNzQ2NDYsNy43MTUyOTEzNCBaIiBpZD0iUGF0aCI+PC9wYXRoPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOC4xOTc2NTM1NCw3LjY5OTA4NjYxIEw4LjE5NzY1MzU0LDcuMDI2MDk0NDkgTDcuOTM1NTQzMzEsNy4wMjYwOTQ0OSBMNy45MzU1NDMzMSw3LjY4NTMzODU4IEM3Ljk1NzUxMTgxLDcuNjg1MzM4NTggNy45Nzg5MTMzOSw3LjY3OTI5MTM0IDguMDAwODgxODksNy42NzkyOTEzNCBDOC4wNjg5MTMzOSw3LjY3OTI5MTM0IDguMTMxMjI4MzUsNy42OTU0OTYwNiA4LjE5NzY1MzU0LDcuNjk5MDg2NjEgWiIgaWQ9IlBhdGgiPjwvcGF0aD4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLjExNTU3NDgsMTUuMjA0ODk3NiBMOS43NjU0MDE1NywxNC40OTkwMjM2IEM5LjY4OTYyMjA1LDE0LjU0MjM0NjUgOS42MTQ0NTY2OSwxNC41ODkwMjM2IDkuNTM1MzcwMDgsMTQuNjI1MzA3MSBMOS44Nzk1NDMzMSwxNS4zMjEzMDcxIEwxMC4xMTU1NzQ4LDE1LjIwNDg5NzYgWiIgaWQ9IlBhdGgiPjwvcGF0aD4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjY4NDM2MjIsMTMuNzgxMDU1MSBMMTEuMDQ1OTUyOCwxMy4zMjc2NTM1IEMxMC45OTg3NTU5LDEzLjQwMTIxMjYgMTAuOTM5NDY0NiwxMy40NjU5ODQzIDEwLjg4Njc4NzQsMTMuNTM0NTgyNyBMMTEuNTMxNzYzOCwxMy45OTQwMzE1IEwxMS42ODQzNjIyLDEzLjc4MTA1NTEgWiIgaWQ9IlBhdGgiPjwvcGF0aD4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLjY0OTI1OTgsMTEuMzI2Mjk5MiBDMTEuNjQ5MjU5OCwxMS4zODYxNTc1IDExLjYzNDk0NDksMTEuNDQyNzA4NyAxMS42MzIyNTIsMTEuNTAxOTUyOCBMMTIuNDExNjg1LDExLjUwMTk1MjggTDEyLjQxMTY4NSwxMS4yNDAxMjYgTDExLjY0MTU1OTEsMTEuMjQwMTI2IEMxMS42NDA5OTIxLDExLjI3MDMxNSAxMS42NDkyNTk4LDExLjI5NjYyOTkgMTEuNjQ5MjU5OCwxMS4zMjYyOTkyIFoiIGlkPSJQYXRoIj48L3BhdGg+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjkzNTU0MzMxLDE0Ljk2NzI1OTggTDcuOTM1NTQzMzEsMTUuNzE0MjgzNSBMOC4xOTc2NTM1NCwxNS43MTQyODM1IEw4LjE5NzY1MzU0LDE0Ljk1MzQ2NDYgQzguMTMxMjI4MzUsMTQuOTU2NzcxNyA4LjA2ODkxMzM5LDE0Ljk3MzIxMjYgOC4wMDA4ODE4OSwxNC45NzMyMTI2IEM3Ljk3ODkxMzM5LDE0Ljk3MzI1OTggNy45NTc1MTE4MSwxNC45NjcyNTk4IDcuOTM1NTQzMzEsMTQuOTY3MjU5OCBaIiBpZD0iUGF0aCI+PC9wYXRoPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNC43ODUwNzA4NywxMy4wMTAzMTUgTDQuMTg5NzQ4MDMsMTMuMzM0MTczMiBMNC4zMTU3NDgwMywxMy41NjM2Mzc4IEw0LjkwODg1MDM5LDEzLjI0MDg2NjEgQzQuODYzODI2NzcsMTMuMTY1NzAwOCA0LjgyNTEzMzg2LDEzLjA4ODMxNSA0Ljc4NTA3MDg3LDEzLjAxMDMxNSBaIiBpZD0iUGF0aCI+PC9wYXRoPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi4zMTQwNzg3NCwxNC41NDEzMDcxIEM2LjIzNTg0MjUyLDE0LjUwMDExMDIgNi4xNTc2MDYzLDE0LjQ2MDYxNDIgNi4wODI5NjA2MywxNC40MTU1OTA2IEw1LjcxNjUzNTQzLDE1LjAyNDg1MDQgTDUuOTQxMzIyODMsMTUuMTU5OTIxMyBMNi4zMTQwNzg3NCwxNC41NDEzMDcxIFoiIGlkPSJQYXRoIj48L3BhdGg+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjQ2MzY1MzU0LDEzLjg3OTg0MjUgTDYuNjY1Mzg1ODMsMTMuOTk0MDMxNSBMNy45Mjg5NzYzOCwxMS44ODAxODkgQzcuOTgwNTY2OTMsMTEuODkxNzE2NSA4LjAyODM3Nzk1LDExLjkxMTQ2NDYgOC4wODI5OTIxMywxMS45MTE0NjQ2IEM4LjUyNjk5MjEzLDExLjkxMTQ2NDYgOC44ODYwNDcyNCwxMS41NTE5MzcgOC44ODYwNDcyNCwxMS4xMDg5NzY0IEM4Ljg4NjA0NzI0LDEwLjY2NTQwMTYgOC41MjY5OTIxMywxMC4zMDU5MjEzIDguMDgyOTkyMTMsMTAuMzA1OTIxMyBDNy42NDA1NTExOCwxMC4zMDU5MjEzIDcuMjgwNzQwMTYsMTAuNjY1NDAxNiA3LjI4MDc0MDE2LDExLjEwODk3NjQgQzcuMjgwNzQwMTYsMTEuMzYyNTM1NCA3LjQwNTY1MzU0LDExLjU3ODgxODkgNy41ODk1Mjc1NiwxMS43MjcwMjM2IEw2LjQ2MzY1MzU0LDEzLjg3OTg0MjUgWiBNOC4wODM0NjQ1NywxMC44Nzk0NjQ2IEM4LjIxMTY4NTA0LDEwLjg3OTQ2NDYgOC4zMTQwMTU3NSwxMC45ODI3NDAyIDguMzE0MDE1NzUsMTEuMTA4OTI5MSBDOC4zMTQwMTU3NSwxMS4yMzU3MzIzIDguMjExMTE4MTEsMTEuMzM5NDMzMSA4LjA4MzQ2NDU3LDExLjMzOTQzMzEgQzcuOTU2NDI1MiwxMS4zMzk0MzMxIDcuODU0NTY2OTMsMTEuMjM1NzMyMyA3Ljg1NDU2NjkzLDExLjEwODkyOTEgQzcuODU0NTY2OTMsMTAuOTgyNjkyOSA3Ljk1NjQyNTIsMTAuODc5NDY0NiA4LjA4MzQ2NDU3LDEwLjg3OTQ2NDYgWiIgaWQ9IlNoYXBlIj48L3BhdGg+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}
@media screen and (max-width:900px) {
    .sitecalc_wrapper {
        grid-template-rows: 50px 30px 30px;
        grid-template-areas: ". . . ." "sitecalc_porezka sitecalc_porezka sitecalc_porezka sitecalc_porezka" "sitecalc_itogo sitecalc_itogo sitecalc_itogo sitecalc_itogo";
    }
    .sitecalc_porezka_select {
        margin: 0;
    }
}
@media screen and (max-width:560px) {
    .sitecalc_wrapper {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 50px 50px 30px 30px;
        grid-template-areas: ". ." ". ." "sitecalc_porezka sitecalc_porezka" "sitecalc_itogo sitecalc_itogo";
    }
    .sitecalc_input_bottom {
        font-size: 10px;
        line-height: 1em;
        top: calc(100% + 2px);
    }
}
@media screen and (max-width:480px) {
    .sitecalc_wrapper {
        grid-template-rows: 50px 50px 30px auto;
    }
    .sitecalc_itogo {
        justify-content: center;
        flex-direction: column;
    }
    .sitecalc_itogo.lineheight50 {
        line-height: 40px;
    }
}