/* CSS Document */

.center_content { text-align: center; }
.round_img {   border-radius: 50%; }
.carousel_header_color { color:#FF6600;}
.carousel_header_shadow { text-shadow: 2px 2px #ccc; }
.white_color { color:#FFFFFF;}
.light_txtarea_color { color:#E2E2E2;}

.img_boarder {  border: 5px solid #555; }

.img_shadow  {filter: drop-shadow(8px 8px 10px gray);
}

/* Site survey modal */

.info{font-size:.8em;color: #FF6600;letter-spacing:2px;padding-left:5px;}
#mail-status {}
/* smaller navbar start */

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}

.background_img {
  background: url(/images/Biometric\ Guard\ Supervision1.jpg);
}

.g-recaptcha {
  margin: 10px 20px;
}

.status {
  font-size: 15px;
  color: green;
  padding: 15px;
}

/* smaller navbar end */

/* smaller navbar end */

.rangoliPic {   
  width: 100px;    
  height:100px;   
  -webkit-transition: all .3s ease-out;   
  -moz-transition: all .3s ease-out;   
  -o-transition: all .3s ease-out;   
  transition: all .3s ease-out;   
}   

.rangoliPic:hover {   
  -moz-transform: scale(2);   
  -webkit-transform: scale(2);   
  -o-transform: scale(2);   
  -ms-transform: scale(2);               
  transform: scale(2);  
   border:1px solid #DEB014;  
                
}   

.zoom {
  padding: 50px;
  background-color: green;
  transition: transform .2s; /* Animation */
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.tab_animation:hover { animation:
  
  animation: hover_color;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

/* form get on index_2 */

#form_get {}
#returnmessage{
	font-size:14px;
	color:green;
	text-align:center;
}