body {
    background-color:#9B1616;
}

.container {
    flex-wrap: wrap;

}

.card {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 60px;
    /*background-color: #c68958;*/
    background-color:#FFFFFF;
    width: 350px;
    margin-top: -50px;
        box-shadow: 0 0 0 0 #FFFFFF;

}


p.mb-1 {
    font-size: 25px;
    color: #fff240
}

.btn-primary {
    border: none;
    margin-bottom: 60px
}

.btn-primary small {
    color: #9FB7FD
}

.btn-primary span {
    font-size: 13px
}

.card.two {
    border-top-right-radius: 0;
    border-top-left-radius: 60px;
    box-shadow: 0 0 20px 0 #bd212f;
}


.form-group {
    position: relative;
    margin-bottom: 2rem
}

.form-control {
    border: none;
    border-radius: 0;
    outline: 0;
    border-bottom: 1px solid 	#761F17;
}

.form-control:focus {
    box-shadow: none;
    border-radius: 0;
    border-bottom: 2px solid #8A97A8
}

.form-control-placeholder {
    position: absolute;
    top: 15px;
    left: 10px;
    transition: all 200ms;
    opacity: 0.5;
    font-size: 80%
}

.form-control:focus+.form-control-placeholder,
.form-control:valid+.form-control-placeholder {
    font-size: 80%;
    transform: translate3d(0, -90%, 0);
    opacity: 1;
    top: 10px;
    color: #8B92AC
}

.btn-block {
    border: none;
    border-radius: 8px;
    /*background-color: #c68958;*/
    background-color: 	#bd1f1f !important;
    padding: 10px 0 12px
}

.btn-block:hover {
    border: none;
    border-radius: 8px;
    background-color: #c4bc4f;
    padding: 10px 0 12px
}

.btn-block:focus {
    box-shadow: none
}

.btn-block span {
    font-size: 15px;
    /*color: #D0E6FF*/
    color: #FFF;
}


#loader-wrapper{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000
}
#loader-wrapper .loader-section{
    position:fixed;
    top:0;
    width:51%;
    height:100%;
    background:#bd212f;
    z-index:1000;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
#loader-wrapper .loader-section.section-left{
    left:0
}
#loader-wrapper .loader-section.section-right{
    right:0
}
#loader{
    display:block;
    position:relative;
    left:50%;
    top:50%;
    width:150px;
    height:150px;
    margin:-75px 0 0 -75px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#3498db;
    -webkit-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
    z-index:1001
}
#loader:before{
    content:"";
    position:absolute;
    top:5px;
    left:5px;
    right:5px;
    bottom:5px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#e74c3c;
    -webkit-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite
}
#loader:after{
    content:"";
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:#f9c922;
    -webkit-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite
}
#loader-logo{
    display:block;
    position:absolute;
    left:48%;
    top:46%;

    z-index:1001
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loaded #loader-wrapper{
    visibility:hidden;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:all 0.3s 1s ease-out;
    transition:all 0.3s 1s ease-out
}
.loaded #loader-wrapper .loader-section.section-left{
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.loaded #loader-wrapper .loader-section.section-right{
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.loaded #loader{
    opacity:0;
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out
}
.progress{
    background-color:rgba(255,64,129,0.22)
}
.no-js #loader-wrapper{
    display:none
}