.px-wrapper {
    position: relative;
}

#px-pageLogin {
    background-size: cover;
    background-position: center;
}
.row {
    margin:0;
}
footer#px-footer{
    position: relative;
    background: transparent;
    margin-top: -30px;
}
#px-loginWrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../../images/frontend/template/pages/entry/Login-3.jpg);
    -webkit-animation: slider ease-in-out 20s both infinite;
    -moz-animation: slider ease-in-out 20s both infinite;
    animation: slider ease-in-out 20s both infinite;
    background-attachment: fixed;
}

.px-centerSection {
    display: table;
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    min-height:100vh;
}

.px-centerSectionWrapper {
    display: table-cell;
    vertical-align: middle;
}

.px-centerSectionInner {
    margin: 2vmin auto;
    max-width: 1100px;
}


#px-regWrapper {
    padding: 2vmin 4vmin 5vmin;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
div#px-regWrapper > * {
    flex: 1 auto;
}

#px-register {

    padding-right: 7vmin;
}



.px-checkmark {
    background-image: url(../../images/frontend/template/pages/entry/checkmark.png);
}

#register-form {
    margin-top: 20px;
}

#px-login {
    padding-left: 7vmin;
    border-left: 2px solid #009170;
}

div#px-logoWrapper {
    flex: 1 100%;
    padding: 0 0 4vh 0vmin;
}
div#px-logoWrapper img {
    height: 100px;
}
div#px-register h4 {
    margin: 0;
    padding: 18px;
    padding-left: 50px;
    position: relative;
}

.px-checkmark {
    background-image: url(../../images/frontend/template/pages/entry/checkmark.png);
    display: inline-block;
    width: 40px;
    height: 39px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: calc(50% - 20px);
}

#px-pw-reset {
    background: rgba(255, 255, 255, 0.9);
}
.px-anchor {
    position: absolute;
    bottom: 1vh;
    left: 50vw;
    animation: aniUpDown 1.5s infinite ;
    font-size: 40px;
}
.carousel, .carousel-inner, .item {
    height: 100%;
}
.carousel {
    background: url('../../images/frontend/template/photo-repeat-bg.png') left top repeat #222;
    display: flex;
    flex-direction: column;
}
.carousel-caption {
    width: 40%;
    left: inherit;
    top: 0;
    bottom: inherit;
}
.carousel-inner .item img {
    display: block;
    max-width: 100%;
    height: auto;
}
.carousel-control {
    width: 10%;
}
.px-carousel-caption h4 {
    line-height: 1.5;
}
.carousel-indicators {
    top: auto;
    position: relative;
    bottom: auto;
    left: auto;
    margin: 0;
    width: auto;
    padding: 50px 0 0;
}
.carousel-inner {
    flex: 1;
}
.px-carousel {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 1500px;
    height: 100%;
    padding: 0;
}
.carousel-indicators li {
    border:0;
    background: rgba(0, 0, 0, 0.26);
}
.carousel-indicators .active {
    background-color: #14ad88;
}
.px-carousel-flex2 {
    flex: 2;
}
.px-carousel-flex3 {
    flex: 3;
}
@media (max-width: 768px) {
    #px-login h1 {
        display: none;
    }
    #px-regWrapper {
        max-width: 500px;
        margin: 0 auto;
        padding: 10px;
    }
    #px-register, #px-aboutWrapper, .px-anchor {display: none;}

    #px-login {
        border-left: 0;
        padding: 20px 20px;
    }
    div#px-logoWrapper {
        text-align: center;
        padding: 0 20px 2vh;
    }
    html .btn-mobile {
        display: block;
        margin-top: 20px;
    }
}

.btn-mobile {
    display: none;
}



@-webkit-keyframes slider {
    0% {
        background-image: url(../../images/frontend/template/pages/entry/Login-3.jpg); }
    25% {
        background-image: url(../../images/frontend/template/pages/entry/Login-3.jpg); }

    30% {
        background-image: url(../../images/frontend/template/pages/entry/Login-2.jpg); }
    55% {
        background-image: url(../../images/frontend/template/pages/entry/Login-2.jpg); }
    60% {
        background-image: url(../../images/frontend/template/pages/entry/Login-1.jpg); }
    85% {
        background-image: url(../../images/frontend/template/pages/entry/Login-1.jpg); }
    90% {
        background-image: url(../../images/frontend/template/pages/entry/Login-3.jpg); }
}
@-moz-keyframes slider {
    0% {
        background-image: url(../../images/frontend/template/pages/entry/Login-3.jpg); }
    33% {
        background-image: url(../../images/frontend/template/pages/entry/Login-2.jpg); }
    66% {
        background-image: url(../../images/frontend/template/pages/entry/Login-1.jpg); }
    100% {
        background-image: url(../../images/frontend/template/pages/entry/Login-3.jpg); }
}
@keyframes slider {
    0% {
        background-image: url(../../images/frontend/template/pages/entry/Login-3.jpg); }
    33% {
        background-image: url(../../images/frontend/template/pages/entry/Login-2.jpg); }
    66% {
        background-image: url(../../images/frontend/template/pages/entry/Login-1.jpg); }
    100% {
        background-image: url(../../images/frontend/template/pages/entry/Login-3.jpg); }
}