body {
  font-family: 'Gesta';
}





.logIn-headText{
    text-align: center;
}

.logIn-headText h4{
    font-size: 28px;
    font-weight: 400;
     
}

.logIn-left p{
    text-align: center;
    font-size: 14px;
   line-height: 1.3;
}

.social-btn{
    width: 80%;
    margin: 50px;
    
}

.btn-block{
    border-radius: 0px;
}

.or-seperator{
    font-size: 20px;
   text-align: center;
      font-family: 'Gesta';
}

.log-fb{
    background-color: rgba(59, 89, 153, 0);
    color: #3B5999;;
    transition: 0.3s;
    border: 1px solid #d3d2d2;
}

.log-fb:hover{
   background-color: #3B5999;
    color: white;
}



.log-google{
    background-color: rgba(226, 77, 77, 0);
    color:#e24d4d;
    transition: 0.3s;
    border: 1px solid #d3d2d2;
}

.log-google:hover{
    background-color: #e24d4d;
    color: white;
    transition: 0.3s;
}

.log-input input{
       border-radius: 0px;
}

.log-input  {
    width: 80%;
    margin: 0px 50px;
    
}

.line-log{
    border-right: 1px solid #F99F1C
}

.logIn-right h4{
      font-size: 24px;
    font-weight: 400;
    
}

.logIn-right h4 span a{
    color: #F99F1C;
    text-decoration: none;
}

.regt-form{
    margin-top: 55px;
}

.right-regt{
    width: 80%;
    margin: 10px 50px;
}

.right-regt input{
    border-radius: 0px;
}



.multibox{
	padding-left: 0px;
	padding-bottom: 10px;
    display: inline-block;
    width: 100px;
    
}

.deat-ofBarth{
    margin-left: 10%;
}
.gender{
    margin-left: 8%;
}

.radio-inline input{
    margin: 10px
}

.gender button{
    width: 30%;
    margin-left: 2%;
    background-color: transparent;
    background-color: #F99F1C;
      font-family: 'Gesta';
}

.gender button:hover{
    background-color: gray;
}


.log-bottomLeft button{
    width: 30%;
    margin-left: 9%;
    background-color: transparent;
    background-color: #F99F1C;
      font-family: 'Gesta';
   
}

.log-bottomLeft button:hover{
    background-color: gray;
}


.footerImage{
    text-align: left;
}

.footer-text p{
    text-align:left;
    color: #b4b4b4;
    font-size: 14px;
    margin-top: 30px;
}


#footer ul.social li a, #footer ul.quick-links li a{
    transition: 0.3s
}

#footer ul.social li a, #footer ul.quick-links li a:hover{
    color:  #F99F1C
}


@media (max-width:575px){
 
    .footerImage{
    text-align: center;
}
    
    .footer-text p{
    text-align:center;
    
}
    
    .line-log{
    border-right: 1px solid rgba(249, 159, 28, 0);
}

    .logIn-right h4{
        margin-top: 20px;
    }
    
    .log-bottomLeft button{
        margin-left: 12%;
    }
   .social-btn{
    width: 100%;
   margin-left: -0%
    
    
}
.log-input  {
    width: 100%;
    margin-left: -0%
    
}

.right-regt{
    width: 100%;
    margin-left: -0%
}
    .or-seperator{
        position: absolute;
        left: 50% !important;
    }

} 

@media (min-width: 576px) and (max-width: 767.98px) {
    
       .line-log{
    border-right: 1px solid rgba(249, 159, 28, 0);
}
}


@media (max-width:990px){
    .right-regt{
    width: 100%;
    margin-left:0%
}
    
    .deat-ofBarth{
        margin-left: 0;
    }
    
    .gender{
        margin-left: 0;
    }
    
    .logIn-left p{
        text-align: left;
    }
    
    .social-btn{
        margin: 0;
    }
    
    .or-seperator{
        position: absolute;
        left: 40%
    }
    
    .log-input{
        margin: 0;
    }
    
    .log-bottomLeft button{
        margin: 0;
    }
}