.circle-loader {
   	fill: transparent;
   	stroke: #eee;
   	stroke-width: 5;
   }


   .logincontainer *{
       color : #FFF;
       
   }
   *{

   }
   .login_control *{
    color : black;

   }
   .logincontainer .row{
    margin-right: 0px;
    margin-left: 0px;
    display: block;
   }
   .logincontainer .col-xs-6{
       width: 50%;
       display: inline-block;
   }
   .logincontainer div h3 span{
        color : #FFF;
        font-size:14px;
   }
   
   .logincontainer div span {
        font-weight: 200;
   }
   
   .logincontainer h1{
        font-weight: 200;
   }
   
   .login_box{
    background: #13d5c3;
       width:35%;
      /* height:70%; */
       position:absolute;
       top:15%;
       left:32.5%;
       
    -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.54);
   -moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.54);
   box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.54);
   transition: transform 1s;
   }
   
   @media (max-width: 767px) {
       .login_box{
           background:#13d5c3;
           width:100%;
           height:100%;
           position:absolute;
           top:0%;
           left:0%;
           
           -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.54);
   -moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.54);
   box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.54);
       }
   }
   
   .image-circle{
       border-radius: 50%;
       width: 175px;
       height: 175px;
       border: 4px solid #FFF;
       margin: 10px;
   }
   
   .follow{
       background-color:#941ed2;
       height: 80px;
       cursor:pointer;
   }
   
   .follow:hover {
       background-color:#F22F26;
       height: 80px;
       cursor:pointer;
   }
   
   .login_control{
       background-color:#FFF;
       padding:10px;
       
   }
   
   .control {
       color:#000;
       margin:10px;
   }
   
   .logincontainer label {
       color: #EB4F26;
       font-size: 18px;
       font-weight: 500;
   }
   
  .logincontainer .form-control{
       color: #000000 !important;
       font-size: 25px;
       border: none;
       padding: 25px;
       padding-left: 10px;
       border-bottom: 1px solid #CCC;
       margin-bottom: 10px;
       outline: none;
       -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
       box-shadow: none !important;
   }
   
   .logincontainer .form-control:focus{
       border-radius: 0px;
       border-bottom: 1px solid #FC563B;
       margin-bottom: 10px;
       outline: none;
       -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
       box-shadow: none !important;
   }
   .btn-orange{
       background-color: #1a335f;
       border-radius: 0px;
       margin: 5px;
       padding: 5px;
       width: 150px;
       font-size: 1em;
       font-weight: inherit;
       color:#FFF;

   }
   
   .btn-orange:hover {
       background-color: #1a335f;
       border-radius: 0px;
       margin: 5px;
       padding: 5px;
       width: 150px;
       font-size: 1em;
       font-weight: inherit;
   }
   
   .line{
       margin-top: 10px;
   }
   
   
   .outter{
       padding: 0px;
       border-radius: 50%;
       width: 200px;
       height: 200px;
   }