body {
  /*color:#fff !important;*/
  }
  .navbar-toggler {
  position:fixed;
  top:10px;
  z-index:0;
  }
  .hamburger { 
  position:fixed;
  top: 12px;
  right:20px;
  background:none;
  float:right;
  color:#999;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:100;
 } 
.cross { 
   background:none;
  float:right;
  color:#999;
  border:0;
  font-size:2em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:0;
 } 
.menu {  max-height:400px; z-index:0; font-weight:bold; font-size:0.8em; width:100%; background:#f1f1f1; text-align:center; font-size:12px; } 
.menu ul  {  margin: 0; padding: 0; list-style-type: none; list-style-image: none; } 
.menu li  {  display: block;   padding:15px 0 15px 0; border-bottom:#dddddd 1px solid; } 
.menu li:hover {  display: block;    background:#ffffff; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid; } 
.menu ul li a  {  text-decoration:none;  margin: 0px; color:#666; } 
.menu ul li a:hover  {   color: #666; text-decoration:none; } 
.menu a { text-decoration:none; color:#666; } 
.menu a:hover { text-decoration:none; color:#666; } 

.glyphicon-home { 
  /*color:white; */
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
 } 
    .owl-carousel {
      margin: 0 auto;
      width: 100%;
    }
    .carousel-item {
      background: #EEEEEE;
      font-size: 23px;
      text-align: center;
      cursor: grab;
      position: relative;
      display: block !important;
      float:none;
      height: auto;
      margin-right:0 !important;
    }
    
    #myBtn {
  background-color: #9C27B0;
  color: white;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: bold;
  border: none;
  cursor: pointer;
  width: 180px;
}


.modal1 {
  color:#000;
  display: none;
 
  position:absolute;
  z-index: 0;
 
  width: 100%;
  
  height: 100%;
  overflow: auto;
  
  background-color: black;

  background-color: rgba(0, 0, 0, 0.4);
}



.modal {
  color:#000;
  display: none;
 
  position:fixed;
 
  z-index: 0;
 
  width: 100%;
  
  height: 100%;
  overflow: auto;
  
  background-color: black;

  background-color: rgba(0, 0, 0, 0.4);
 
}

@media (min-width: 767px) {
  width: 40% !important;
}
.modal-content {
  position: relative;
  
  margin: auto;
  padding: 0;
  border-radius:0px !important;
  height: 100% !important;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.close {
  color: black;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modal-header {
  border:none !important;
  padding: 2px 16px;
  background-color: #fff;
  color: white;
}
.modal-body {
overflow: auto;
max-height:500px;
  color:#000;
  padding: 2px 16px;
}
.modal-footer {
border:none !important;
  padding: 2px 16px;
  background-color: #fff;
  color: white;
}
#sideb12ar.opened {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    margin-left: 0 !important;
}
#ov12erlay.opened {
    background-color: rgba(0, 0, 0, 0.5) !important;
    visibility: visible !important;
    -webkit-transition: visibility 0s, background-color .3s ease;
    -moz-transition: visibility 0s, background-color .3s ease;
    -ms-transition: visibility 0s, background-color .3s ease;
    transition: visibility 0s, background-color .3s ease;
}