body { 
    padding-top: 60px; 
    
}

@media (min-width:769px) {

     .navbar-default .model-form-container {
             top: 107px;
     }

      .navbar-default.navbar-shrink a.brand > img {            
            height: 50px;
        }

       .navbar-default a.brand > img {            
            height: 88px;
        }

    body { 
        padding-top: 100px; 
    }
   
   .navbar .navbar-collapse.collapse.uncollapse-hidden{
        display: none!important;
    }

}

 @media (min-width:870px) { 


         .navbar-default.navbar-shrink .navbar-header{            
              width:200px!important;
        }
      .navbar-default.navbar-shrink .model-form-container {
            top: 60px;
     }

}

@media (min-width: 1200px) { 
   .navbar-default .navbar-header {  
          width:400px!important;
        }

         .navbar-default.navbar-shrink .navbar-header{            
                width:400px!important;
        }

     .navbar-default .model-form-container {
           top: 60px;
     }

}

 .navbar-default .container-fluid 
        {
            padding-top:5px;
            padding-bottom:5px;
        }
        .navbar-default .navbar-header 
        {
            width:100%;
            padding-top:1px;
        }


        .navbar-default a {
            line-height: 42px;
            font-weight: 700;
  
        }

        #top-nav{
            padding-top:24px;
           /* text-transform:uppercase;*/
                     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
  transition: 0.5s all ease;
        }
        
        .navbar-default .site-title
        {
            padding-top:2px;
        }

        
        .navbar-default.navbar-shrink  #top-nav {            
            padding-top:5px;
                     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
  transition: 0.5s all ease;
        }

        .navbar-default a.brand > img{            
                  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
        }

            .navbar-default a.active {
                color: #2dbccb;
            }


        .content {
         
            width: 100%;
            height: 100%;
        }

            .content > section {
                width: 100%;
                padding-bottom:2em;
                padding-top:2em;
            }

    

        .navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}







/*navbar login start*/
.model-form-container {
    max-height: calc(100vh - 60px);
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
      top: 60px;
    left: 50%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 52;
    padding-top:3%!important;

}
    @media (max-width: 768px){
        .model-form-container {
        padding: 1rem;
        bottom: 0;
        left: 0;
        right: 0;
            /*top:  97px;*/
        }
 
      .navbar-default.navbar-shrink .model-form-container {
            top: 70px;
     }

        .navbar-default a.brand > img {            
        height: 50px;
    }

    .navbar .clear-collapse{
        clear: both;
    }
    .navbar .collapse-hidden{
        display: none;
    }

    }

    

.login-form-inline .form-group {
  position: relative;
  margin-bottom: 2.5rem;
   font-size: 16px;
}

.login-form-inline .form-control-placeholder {
  position: absolute;
  top: 0;
  padding: 7px 0 0 13px;
  transition: all .2s ease;
  opacity: 0.5;
  color:inherit;
}

.login-form-inline .form-control:focus + .form-control-placeholder,
.login-form-inline .form-control:valid + .form-control-placeholder {
  font-size: 85%;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  opacity: 1;
  color:#405ea5;
}

    .loginmenu .login-dropdown-menu.dropdown-menu{
        position: fixed;
        z-index: -1;
    }

.navbar .languagedropdown img{
  vertical-align: initial;  
}
  

/*navbar login end*/