.content{margin:50px 0 0 0 !important}

.btn-top {
    color: #fff;
    background-color: #3F51B5;
    border-color: #3F51B5;
}
.btn-top:hover {
    background-color: #333;
    color: #3F51B5;.content
    border-color: #3F51B5;
}

.dropdown-menu{ 
  padding:0;
  border: 2px solid #3F51B5;
  border-radius: 10px;
  top:110px;
}
.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #3F51B5;
}
.dropdown-menu li.auth a{ display:table-cell }
.logo {float:left; max-height: 80px; margin-right:20px }

figure.snip1205 {
  position: relative;
  float: left;
  overflow: hidden; 
  width: 100%;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  text-align: center;
  color:#fff;
}

figure.snip1205 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
} 
figure.snip1205 img {
  max-width: 100%; 
}  
.snip1205 p{
  position: absolute;
  top: 50%;
  padding:10px 20px;
  margin:20px;
  background: #3F51B5
}
.snip1205 h3{
  position: absolute;
  top: 30%;
  padding:10px 20px;
  margin:20px;
  background: #3F51B5
}

 
/*about*/
.about{
    background-color: #3F51B5;
    padding: 60px;
    color:#fff;
}
.about p {
  font-size: 18px; 
  text-align: center;
} 
.about h3 span{
    font-size: 14px;
}

/*footer*/
footer{
    background-color: #324191;
    padding: 70px 0px 20px 0px;
}

.footer_nav{
    display: inline-block;
    float:right;
    margin: 11px 0px;
}
.footer_nav a{
    color: #fff;
    margin-right: 14px;
}
footer .copyright{
    border-top:1px solid #fff;
    padding: 20px 0 0 0;
    text-align: center;
    color:#fff;
}


@media(min-width:0px) and (max-width:767px){
    .about {
        padding: 20px 10px;
    }
    .footer_nav {
        text-align: center;
    }
    .social {
        margin: 0px;
        padding: 0px;
        display: block;
        text-align: center;
    }
    .navbar-nav>li>a {
      margin:18px 5px 10px 5px;
    }
    .dropdown-menu {
     top:98px;
    }
}
 

.profiles-details{
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}
.profiles-details h4{
    margin: 0px 0px 20px;
} 
 
.p-1{
  padding: 1em;
}
 
.no-padding{padding-left:0;padding-right:0}

.current a {
    color: #FFF;
    background: #3F51B5;
}
 
 

.reserve{float: initial;width: 100%;min-height:300px;height:auto;border:1px solid #3F51B5;
    border-radius:5px;padding: 5px;cursor:pointer}
.reserve .res-field{float:left;background:#ededed;width:40px;height:60px;border-bottom:1px dashed red;border-left:1px dashed red;text-align:center; -ms-transition: ease-in-out .3s;-webkit-transition: ease-in-out .3s;transition: ease-in-out .3s;}
.reserve div.res-field:last-child {border-right:1px dashed red;}
.reserve .res-field .title{width:100%;display:block;font-size:20px;line-height:20px;background:#31B131;color:white;} 
.reserve .res-field .icon{margin-top:5px;display:none;}
.reserve .selected .title{background:#3F51B5;color:white;}
.reserve .selected .icon{color:#3F51B5;display:block;}
.reserve .occupied{cursor:no-drop}
.reserve .occupied .title{background:orange;color:white;}
.reserve .occupied .icon{color:orange;display:block;}
.reserve .not-available{cursor:no-drop}
.reserve .not-available .title{background:red;color:white;}
.reserve .not-available .icon{color:red;display:block;}
 

/*back to top*/
#toTop{position: fixed;bottom: 30px;right: 30px;cursor: pointer;display: none;}
.btn-top {color: #fff;background-color: #3F51B5;border-color: #3F51B5;padding: 8px 12px;}

.faq{color:#fff; font-size: 16px; line-height: 27px;}
.mb-1{margin-bottom:.5em !important}
.mb-2{margin-bottom:1em !important}
.mb-3{margin-bottom:2em !important}

.spinner-layer {position:relative;}
.xdsoft_datetimepicker{z-index:9999!important}


/*Responsive*/
@media (max-width: 414px) {
footer .copyright {
    border-top: none !important;
}
}