/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22 Feb, 2019, 4:16:14 PM
    Author     : leometric
*/


/* Subscribe */

@media (min-device-width: 768px) {
     .register-right{
        margin-top: -7% ;
    }
}

@media (max-device-width: 767px) {
     .register-right{
        margin-top: 0 !important;
    }
}


.error{
    color: red;
}

.dec-form{
    text-align: center;   
}
.register h3 {
    /*color: #374b59;*/
    font-family: "Lato";
    font-size: 36px;
    /*    text-shadow: 0 1px 2px rgba(255,255,255,.75);*/
    font-weight: 300;
    padding: 5px 0 20px;
    margin: 0
}
.register .dec-form ul li {
    text-align: left;
    /*border-bottom: 1px solid #c6dae0;*/
    border-top: 1px solid #fff;
    padding: 10px 5px 10px 105px;
    /*color: #374b59;*/
    font-family: "Lato";
    font-size: 20px;
    font-style: italic;
    background: url(../images/quote.png) no-repeat 54px center;
}
.register{
    background: -webkit-linear-gradient(left,#f26724cc,#3931af);
    margin-top: 3%;
    padding: 3%;
    border-radius: 2%;
    /*border-bottom-left-radius: 10% 50%;*/
}
.register-left{
    text-align: center;
    color: #fff;
    /*margin-top: 4%;*/
}
.register-left input{
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    width: 60%;
    background: #f8f9fa;
    font-weight: bold;
    color: #383d41;
    margin-top: 30%;
    margin-bottom: 3%;
    cursor: pointer;
}
.register-right{
    background: #f8f9fa;
    border: 1px solid rgba(5,46,112,.52);
    /*    border-top-left-radius: 10% 50%;
        border-bottom-left-radius: 10% 50%;*/
}
.register-left img{
    margin-top: 15%;
    margin-bottom: 5%;
    width: 25%;
    -webkit-animation: mover 2s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
.register-left p{
    font-weight: lighter;
    padding: 12% 12% 5% 12%;
    margin-top: -9%;
}
.register .register-form{
    padding: 10%;
    margin-top: 10%;
}
.btnRegister{
    float: right;
    margin-top: 10%;
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    width: 50%;
    cursor: pointer;
}
.register .nav-tabs{
    margin-top: 3%;
    border: none;
    background: #0062cc;
    border-radius: 1.5rem;
    width: 28%;
    float: right;
}
.register .nav-tabs .nav-link{
    padding: 2%;
    height: 34px;
    font-weight: 600;
    color: #fff;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
.register .nav-tabs .nav-link:hover{
    border: none;
}
.register .nav-tabs .nav-link.active{
    width: 100px;
    color: #0062cc;
    border: 2px solid #0062cc;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.register-heading{
    text-align: center;
    font-size: 2em;
    margin-top: 8%;
    margin-bottom: -15%;
    color: #495057;
}