@font-face {
    font-family: 'proba_nav2';
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-thin-webfont.eot');
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-thin-webfont.woff2') format('woff2'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-thin-webfont.woff') format('woff'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-thin-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'proba_nav2';
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-extralight-webfont.eot');
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-extralight-webfont.woff2') format('woff2'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-extralight-webfont.woff') format('woff'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-extralight-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'proba_nav2';
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-light-webfont.eot');
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-light-webfont.woff2') format('woff2'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-light-webfont.woff') format('woff'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'proba_nav2';
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-regular-webfont.eot');
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-regular-webfont.woff2') format('woff2'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-regular-webfont.woff') format('woff'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'proba_nav2';
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-medium-webfont.eot');
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-medium-webfont.woff2') format('woff2'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-medium-webfont.woff') format('woff'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-medium-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'proba_nav2';
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-semibold-webfont.eot');
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-semibold-webfont.woff2') format('woff2'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-semibold-webfont.woff') format('woff'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'proba_nav2';
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-bold-webfont.eot');
    src: url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-bold-webfont.woff2') format('woff2'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-bold-webfont.woff') format('woff'),
         url('https://cdn.a3.kyiv.ua/ProbaNav2.1/probanav2-bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}




body {
  font-family: 'proba_nav2', serif;
	font-weight: 400;
}

h1 {
	font-weight: 700;
}

a {
 text-decoration: none;
 color: #0EC269;
 border-bottom: 1px solid;
 border-bottom-color: rgba(14,194,105,0.2);
}

ul li {
    font-size: 12px;
    line-height: 1.2;
}

span.type {
  font-size: 90%;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    font-size: 12px;
}


.row.block {
    margin: 0 auto;
}

.signForm {
    background: linear-gradient(#292867, #191942);
    border-radius: 10px;
    padding: 20px 40px;
    height: 215px;
    position: relative;
    box-shadow: 0 8px 0 0px hsla(240, 45%, 8%, 1), 
                0 8px 3px 0 rgba(0,0,0,0.5),
                0 12px 18px 0 hsla(240, 75%, 16%, 0.2), 
          inset 0 -1px 0px 0 rgba(245,245,255,0.2);
}



/*.Volume {
    background: #000;
    top:200;
    height: 30px; 
    width: 600px;
    border-radius: 10px;
    z-index: -10;
    position: absolute;
}*/
/*
matrix(a, c, b, d, x, y)
Смещает элементы и задает способ их трансформации, позволяя объединить несколько функций 2D-трансформаций в одной. В качестве трансформации допустимы поворот, масштабирование, наклон и изменение положения.
Значение a изменяет масштаб по горизонтали. Значение от 0 до 1 уменьшает элемент, больше 1 — увеличивает.
Значение c деформирует (сдвигает) стороны элемента по оси Y, положительное значение — вверх, отрицательное — вниз.
Значение b деформирует (сдвигает) стороны элемента по оси X, положительное значение — влево, отрицательное — вправо.
Значение d изменяет масштаб по вертикали. Значение меньше 1 уменьшает элемент, больше 1 — увеличивает.
Значение x смещает элемент по оси X, положительное — вправо, отрицательное — влево.
Значение y смещает элемент по оси Y, положительное значение — вниз, отрицательное — вверх.
*/



.signForm.Name {
    min-width: 600px;
}

.signForm.Number {
    margin-left:50px;
    min-width: 215px;
}

input.streetName, 
input.streetType, 
input.streetLatin,
input.buildingNumber,
input.buildingNumberLeft,
input.buildingNumberRight
{
    text-align: left;
    border: none;
    background: 0 0;
    resize: none;
    padding: 0;
    margin: 0;
    color: #fff;
    caret-color: rgba(245,245,255,0.5);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(215,215,255,0.35);
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(215,215,255,0.35);
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(215,215,255,0.35);
}

.streetName, .streetType, .streetLatin, .buildingNumber {
    width: 100%;
}

input.streetName:focus,
input.streetType:focus,
input.streetLatin:focus,
input.buildingNumber:focus,
input.buildingNumberLeft:focus,
input.buildingNumberRight:focus
{
    outline: none;
}

.streetName {
    font-weight: 600;
    font-size: 77.61px;
    position: absolute;
    width: 100%;
    top: 26px;
}

.buildingNumber {
    font-weight: 600;
    font-size: 134px; 
    width: auto;
    position: absolute;
    top: -10px;
    left: 30px;
    right: 30px;
    text-align:center;
}

.streetType, 
.streetLatin,
.buildingNumberLeft,
.buildingNumberRight {
    font-size: 31.75px;
}

.streetType {
    width: 100%;
    position: absolute;
    top: 10px; 
}

.streetLatin {
    width: 100%;
    position: absolute;
    top: 160px;
}

.buildingNumberLeft,
.buildingNumberRight {
    position: absolute;
    width: 40%;
    top: 160px;
}

.buildingNumberLeft {
    left: 40px;
}

.buildingNumberRight {
    text-align: right;
    right: 40px;
}

.signline {
    height: 2px;
    width: auto;
    background-color:#fff;
    display: flex;
    position: absolute;
    top: 152.3px;
    left: 40px;
    right: 40px;
}

.easy-autocomplete-container ul {
    top: 130px;
    background-color: rgba(255,255,255,1);
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 rgba(235,235,255,1);
}