body, html {
    height: 100%;
}

.top {
    height: 70px;
}

div.step-content > div {
    float: none;
    display: table-cell;
    vertical-align: top;
}

ul.dots {
    text-align: center;
    padding-right: 0;
}

    ul.dots li {
        width: 0.5em;
        height: 0.5em;
        text-align: center;
        line-height: 2em;
        border-radius: 1em;
        background: #7a00845e;
        margin: 0 0.2em;
        display: inline-block;
        position: relative;
    }

        ul.dots li::before {
            content: '';
            position: absolute;
            top: .9em;
            left: -4em;
            width: 4em;
            height: .2em;
            z-index: -1;
        }

        ul.dots li.active {
            background: #0254a8;
        }

input[type=text], input[type=email] {
    border-radius: 0;
}

span, input[type=text], input[type=email], ul > li {
    color: #0254a8;
}

input[type=text], input[type=email] {
    border: 2px solid #0254a8;
    font-size: 14px;
}

.left-notice > li {
    padding-top: 2px;
    padding-bottom: 5px;
}

.btn-actions input[type=button]:hover {
    /*background-color: #06498e !important;*/
    /* color: #7a0084 !important;*/
}

strong {
    color: #0254a8;
}

body {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

h1 {
    margin-top: 1px !important;
}

div.results {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../../Content/newRegister3/back1.png');
}

@font-face {
    font-family: 'HammerPro-100100';
    src: url('../../fonts/newRegister3/HammerPro-100100.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-100200';
    src: url('../../fonts/newRegister3/HammerPro-100200.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-100300';
    src: url('../../fonts/newRegister3/HammerPro-100300.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-100400';
    src: url('../../fonts/newRegister3/HammerPro-100400.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-200100';
    src: url('../../fonts/newRegister3/HammerPro-200100.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-200200';
    src: url('../../fonts/newRegister3/HammerPro-200200.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-200300';
    src: url('../../fonts/newRegister3/HammerPro-200300.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-200400';
    src: url('../../fonts/newRegister3/HammerPro-200400.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-300100';
    src: url('../../fonts/newRegister3/HammerPro-300100.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-300200';
    src: url('../../fonts/newRegister3/HammerPro-300200.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-300300';
    src: url('../../fonts/newRegister3/HammerPro-300300.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-300400';
    src: url('../../fonts/newRegister3/HammerPro-300400.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-400100';
    src: url('../../fonts/newRegister3/HammerPro-400100.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-400200';
    src: url('../../fonts/newRegister3/HammerPro-400200.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-400300';
    src: url('../../fonts/newRegister3/HammerPro-400300.woff2') format('woff2');
}

@font-face {
    font-family: 'HammerPro-400400';
    src: url('../../fonts/newRegister3/HammerPro-400400.woff2') format('woff2');
}

@font-face {
    font-family: 'almoni-black-aaa';
    src: url('../../fonts/newRegister3/almoni-black-aaa.woff2') format('woff2');
}

@font-face {
    font-family: 'almoni-bold-aaa';
    src: url('../../fonts/newRegister3/almoni-bold-aaa.woff2') format('woff2');
}

@font-face {
    font-family: 'almoni-regular-aaa';
    src: url('../../fonts/newRegister3/almoni-regular-aaa.woff2') format('woff2');
}

h1 {
    font-family: 'HammerPro-300400';
}
body {
    font-family: 'almoni-regular-aaa';
}

#txtTZ {
    color: #0254a8 !important;
    font-weight: bold;
}

ul.left-notice {
    /* */ /*text-align: center;*/
    font-size: 15px !important;
}

@media only screen and (min-width: 993px) and (max-width: 1300px) {
    #step3 #div1, #payment #div1 {
        /*height: 665px !important;*/
    }

    #step3 #divtop, #step3 #divbottom,
    #payment #divtop, #payment #divbottom {
        /*height: 2% !important;*/
    }

    body.step3, body.payment {
        background-size: auto !important;
    }

    #step3 ._left, #step3 ._right,
    #payment ._left, #payment ._right {
        width: 10% !important;
    }

    #step3 ._main,
    #payment ._main {
        width: 80% !important;
    }
}

@media only screen and (min-width: 1301px) {
    /* #div1 {
        height: 660px !important;
    }*/
    #payment #div1 {
        /*height: 685px !important;*/
    }
}

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

    #tb1 h2 {
        font-size: 25px !important;
        padding-right: 5px;
    }

    tr.rowsecond {
        border: none !important;
    }

    #help {
        display: none !important;
    }

    #tb1 #fvl > table > tbody > tr.rowsecond > td > div:nth-child(1),
    #tb1 #fvl > table > tbody > tr.rowsecond > td > div:nth-child(3) {
        /* padding-left: 15px !important;
            padding: 15px !important;
            padding-right: 15px !important;*/
        padding: 5px !important;
    }

    #fvl > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > h1 {
        padding-top: 20px !important;
    }

    tr.rowsecond > td > div {
        float: right;
        width: 100% !important;
    }

    tr.rowsecond div.splitter {
        display: none !important;
    }

    #txtTZ {
        /*width: 99% !important;*/
    }

    #fvl > table > tbody > tr.rowsecond > td:nth-child(1) {
        /* padding: 15px !important;
        padding-right: 15px !important;*/
    }

    #fvl > table > tbody > tr.rowsecond > td > div > hr {
        display: block !important;
    }

    body > div.row.col-sm-12 > div.col-sm-3.pull-right > img {
        height: 35px !important;
        margin-right: 10px !important;
    }

    body > div.row.col-sm-12 > div.col-sm-4.pull-right {
        line-height: 35px !important;
    }

    body > div.row.col-sm-12 > div.col-sm-5 {
        display: none;
    }

    body > div.row.col-sm-12 > div.col-sm-3.pull-right,
    body > div.row.col-sm-12 > div.col-sm-4.pull-right {
        width: 50% !important;
    }

        body > div.row.col-sm-12 > div.col-sm-4.pull-right > img {
            margin-left: 2px !important;
            margin-right: 2px !important;
        }

    body > div.row.col-sm-12 > div.col-sm-3.pull-right {
        text-align: right;
    }

    #smtz {
        /* margin-top: 0 !important;
            margin-right: 0 !important;
            margin-left: auto !important;
            margin-right: auto !important;*/
        /*width: 99% !important;*/
    }

    #fvl > table > tbody > tr.rowsecond > td > div:nth-child(1) {
        height: unset !important;
    }

    #step2_sms > div:nth-child(2) > div:nth-child(1), #step2_sms > div:nth-child(2) > div:nth-child(3) {
        width: 1% !important;
        display: none !important;
    }

    #step2_sms > div:nth-child(2) > div:nth-child(2) {
        width: 100%;
    }

    #step2_sms > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(1) {
        width: 100% !important;
    }

    #step2_sms > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) {
        display: none !important;
    }

    #step2_sms > div:nth-child(2) > div > div:nth-child(1) > div:nth-child(3) {
        width: 100% !important;
    }

    #step2_sms > div:nth-child(2) > div:nth-child(2) {
        width: 100% !important;
    }

        #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
            height: 50% !important;
        }

            #flv > div:nth-child(7) > div, #flv > div:nth-child(8) > div,
            #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div > div {
                width: 100% !important;
            }

    #flv > div:nth-child(7) {
        text-align: center;
    }

    #sm {
        position: unset !important;
        bottom: unset !important;
        margin-top: 10px !important;
        width: 100% !important;
    }

    #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) {
        height: unset !important;
    }

    #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
    #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) {
        float: unset !important;
    }

    #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
        display: none !important;
    }

    #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > ul {
        padding-right: 15px;
    }
    /* #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > hr{
        display:block !important;
    }*/
    #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) {
        display: inline-block !important;
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 15px;
    }

    #step2 > div:nth-child(2) > div:nth-child(1),
    #step2 > div:nth-child(2) > div:nth-child(3),
    #step2 > div:nth-child(3) {
        display: none !important;
    }

    #step2 > div:nth-child(2) > div:nth-child(2) {
        width: 100% !important;
        height: unset !important;
        float: unset !important;
    }

    #step2 #fvl > div:nth-child(4) > div:nth-child(1),
    #step2 #fvl > div:nth-child(4) > div:nth-child(3),
    #step2 #fvl > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div > div.col-sm-6.pull-right,
    #step2 #fvl > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div > div {
        width: 100% !important;
    }

    #step2 #sm {
        margin-top: unset !important;
    }

    #step2 #fvl > div:nth-child(4) > div:nth-child(1) {
        height: unset !important;
    }

    #step2 #fvl > div:nth-child(4) > div:nth-child(3) {
        display: unset !important;
        float: unset !important;
        height: unset !important;
    }

    #step2 #fvl > div:nth-child(4) > div:nth-child(3) {
        display: inline-block !important;
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 15px;
    }
    /* #step2 #fvl > div:nth-child(4) > div:nth-child(2) > hr {
            display: block !important;
        }*/
    #step2 #fvl > div:nth-child(4) > div:nth-child(2) {
        display: none !important;
    }

    #fvl > div:nth-child(4) > div:nth-child(3) > ul, #_step3 > div:nth-child(3) > ul {
        padding-right: 15px !important;
    }
    /* #fvl > div:nth-child(4) > div:nth-child(3) > hr {
        display: block !important;
    }*/
   

    #payment ._left, #payment ._right {
        display: none !important;
    }

    #payment ._main {
        width: 100% !important;
    }

    #payment div._main > div > div {
        display: none !important;
    }

        #payment div._main > div > div._pay {
            display: block !important;
            padding: 5px !important;
            width: 100% !important;
        }

            #payment div._main > div > div._pay div.col-sm-12.pull-right,
            #payment div._main > div > div._pay div.col-sm-6.pull-right {
                width: 100% !important;
            }

   /* body > div.row > div.col-sm-4.pull-right {
        margin-top: 5px !important;
        width: 50% !important;
        line-height: unset !important;
    }*/

  /*  body > div.row > div.col-sm-3.pull-right {
        width: 50% !important;
        text-align: right !important;
    }

        body > div.row > div.col-sm-3.pull-right > img {
            height: 40px !important;
            width: auto !important;
            margin-top: 3px !important;
            margin-right: 10px !important;
        }*/

   /* body > div.row > div.col-sm-5 {
        display: none !important;
    }*/

    #final div._right, #final div._left {
        display: none !important;
    }

    #final div._main {
        width: 100% !important;
    }

        #final div._main > div._final > div {
            display: none !important;
        }

            #final div._main > div._final > div:nth-child(1) {
                width: 100% !important;
                display: block !important;
            }

    #final > div:nth-child(2) > div._main > div:nth-child(2) > div {
        /*width:100% !important;*/
    }

    #step2 > div:nth-child(2) {
        height: unset !important;
    }

    #step3 div._right, #step3 div._left {
        display: none !important;
    }

    #step3 div._main {
        width: 100% !important;
    }
    /* #step3 #_main > div {
        display: none !important;
    }*/

    #step3 #_main > div:nth-child(1) {
        width: 100% !important;
        display: block !important;
        padding: 27px !important;
        padding-bottom: 0 !important;
    }

    #step3 ._main div.col-sm-12.pull-right, #step3 ._main div.col-sm-5.pull-right,
    #step3 ._main div.col-sm-2.pull-right {
        width: 100% !important;
    }

    #step3 > div:nth-child(2) {
        height: 100% !important;
    }

    #step3 > div:nth-child(3) {
        display: none !important;
    }

    #step3 #_main, #_main > div:nth-child(1) {
        height: unset !important;
    }

    #_main > div:nth-child(3) {
        display: block !important;
        width: 100% !important;
        float: unset !important;
        height: unset !important;
    }

    #step3 #_main > div:nth-child(2) {
        display: none !important;
    }

    #step2 #fvl > div:nth-child(5) {
        /*display: none !important;*/
        height: 2% !important;
    }

    #step2 {
        height: unset !important;
    }

    #step3_smsconfirm div._right, #step3_smsconfirm div._left {
        display: none !important;
    }

    #step3_smsconfirm div._main {
        width: 100% !important;
    }

    #_step3 > div {
        display: none;
    }

        #_step3 > div:nth-child(1) {
            display: block !important;
            width: 100% !important;
            height: unset !important;
        }

        #_step3 > div:nth-child(3) {
            float: unset !important;
            display: block !important;
            height: unset !important;
        }

    #_step3 div.col-sm-12.pull-right {
        width: 100% !important;
    }

    #_step3 {
        height: unset !important
    }

        #_step3 > div:nth-child(3) {
            width: 100% !important;
        }

    .td1 {
        padding-top: 50px;
    }

    #tb1 {
        width: 94% !important;
    }

    #step2_sms > div:nth-child(2) > div:nth-child(3),
    #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(2),
    #step2 > div:nth-child(1),
    #step3 > div:nth-child(1) {
        display: none !important;
    }

    #step3 #fvl > div:nth-child(6) {
        height: unset !important;
    }

    #step2 > div:nth-child(2), #step3 > div:nth-child(2) {
        padding: 2% !important;
        padding-top: 3% !important;
    }

    #fn, #ln, #em, #cp {
        height: 34px !important;
    }

    #fvl > div:nth-child(4) > div:nth-child(3) > hr,
    #_main > div:nth-child(3) > hr,
    #_step3 > div:nth-child(3) > hr,
    #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > hr {
        display: block !important;
        margin-top: 10px !important;
    }

    #fvl > div:nth-child(4) {
        height: unset !important;
    }

    #step3 {
        height: unset !important;
    }

        #step3 > div:nth-child(2) > div._main {
            height: unset !important;
            /* float:unset !important;*/
        }

    #_main > div:nth-child(1) {
        float: unset !important;
    }

    #_main > div:nth-child(3) > ul {
        padding-right: 15px !important;
    }

    #_main > div:nth-child(3) {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 15px
    }

    #step3 > div:nth-child(2) > div._main {
        background-color: unset !important;
    }

    #_main {
        background: white !important;
        padding-bottom: 5px !important;
    }

    #step3_smsconfirm > div:nth-child(3),
    #step3_smsconfirm > div:nth-child(2) > div._main > div:nth-child(2),
    #step3_smsconfirm > div:nth-child(1),
    #payment > div:nth-child(1), #payment > div:nth-child(3) {
        display: none !important;
    }

    #step3_smsconfirm #sm, #_step3 > div:nth-child(1) {
        float: unset !important;
    }

    #_step3 > div:nth-child(3) {
        padding-right: 30px !important;
        padding-left: 30px !important;
        padding-top: 15px !important;
    }

    #payment > div:nth-child(2) > div._main > div:nth-child(1) > div._pay,
    #payment > div:nth-child(2) {
        height: unset !important;
    }

    #payment > div:nth-child(2), #final, #step2_sms > div:nth-child(1) {
        padding: 2%;
        padding-top: 3%;
    }

        #final > div:nth-child(1),
        #final > div:nth-child(3),
        #step2_sms > div:nth-child(1) {
            display: none !important;
        }

    #step2_sms > div:nth-child(2) {
        height: 100% !important;
        padding: 2% !important;
        padding-top: 3% !important;
    }

        #step2_sms > div:nth-child(2) > div:nth-child(2) {
            float: unset !important;
            height: unset !important;
        }

    #final > div:nth-child(2) > div._main > div._final > div:nth-child(1) > div.results > div > div {
        width: 100% !important;
    }

    #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) {
        height: 100% !important;
    }

    #step3_smsconfirm > div:nth-child(2) {
        height: 100% !important;
        padding: 2% !important;
        padding-top: 3% !important;
    }

    #final > div:nth-child(2) {
        height: 100% !important;
    }

    #_main > div:nth-child(3), #fvl > div:nth-child(4) > div:nth-child(3) {
        padding-top: unset !important;
    }

    #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) {
        padding-top: 15px !important;
    }

    #step2_sms > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
        height: unset !important;
    }

    #final #window {
        width: 235px !important;
    }
}

@media only screen and (max-width: 358px) {
   /* img.img-merez {
        height: 30px !important;
        margin-right: 2px !important;
    }

    img.img-havoda {
        height: 15px !important;
        margin-right: 2px !important;
    }

    img.img-democrats {
        height: 35px !important;
    }*/
}

@media only screen and (max-width: 630px) {
    
   /* div.actions-img {
        width: 100% !important;
        margin-top: 5px !important;
        line-height: unset !important;
    }*/

   /* .logos {
        text-align: center !important;
        width: 100% !important;
    }

    img.img-merez {
        height: 28px !important;
    }

    img.img-havoda {
        height: 17px !important;
    }

    img.img-democrats {
        height: 40px !important;
    }*/
}
@media only screen and (min-width: 631px) and (max-width: 1072px) {
   /* img.img-merez {
        height: 33px !important;
        margin-right: 2px !important;
    }

    img.img-havoda {
        height: 19px !important;
        margin-right: 2px !important;
    }

    img.img-democrats {
        height: 45px !important;
    }*/
}
.dot {
    height: 5px;
    width: 5px;
    background-color: #0254a8;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

ul.left-notice {
    list-style: none;
    text-align: right !important;
}