@charset "utf-8";

body{
	background-color:#010a1b !important;
}

/* index css styles */



/* Navologo */


/* Navlinks */
.nav-link {
             font-weight: bold;
	         font-size: 15px;
             text-decoration: none;
             color: white;
             display:inline;
             position: relative;
	         padding-left: 20px;
	
          }
@media screen and (max-width: 500px)
{
	.nav-link-ltr::before{width: 0%;top: 20px;}
	.nav-link {font-size: 9.1px;display: inline-block;padding-left: 0px;padding-bottom: 20px;}
	.menu{padding-bottom: 20px;width:2%;}
}
@media screen and (min-width:1160px)
{
	.menu{display:none;}
	.nomenu{display:block;}
}
@media screen and (max-width:1160px) and (min-width:500px)
{
	.nomenu{display:none;}
	.menu{width:2%;display:block;background-color:white;}
	.nav-link-ltr::before{width: 0%;top: 20px;}
	.nav-link {font-size: 2.2vw;display: inline-block;}
}

.nav-link:hover {
                   opacity: 1;
                   color:white;
                }
.nav-link::before {
                     transition: 300ms;
                     height: 5px;
                     content: "";
                     position: absolute;
                     background-color: lightgrey;
                  }
.nav-link-ltr::before {
                         width: 0%;
                         bottom: 0px;
                      }
.day{
	background-color:green;
	width:10%;
	height:10%;
	position:fixed;
	top:50%;
	right:0px;	
}
.nav-link-ltr:hover::before {
                               width:80%;
                            }
.ancher {
	       width:100%;
	       float:left;
        }
.tic{
	transform:  rotate(90deg) scale(0.8) translateY(-10px);
	transition: 1s;
}

.btnnav:hover .tic{
    transform:  rotate(5deg) scale(1.2) translateY(-7px);
	transition:  1s;
	color:#0398fc;	
}


/* Navigation */

.bg-trans{
	background-color: transparent;
}
.navbar {  
           width:90%; 
           height:130px;
           border-radius:100px;
           position:fixed;
           top:50px;
           z-index:1;
	       left:5%;
           transition: 0.9s;
        }
.navlogo {
            width:20%; 
            height:120px; 
         }
.btnnav {
	       width:150px;
           height:35px;
           border-radius:100px;
           background-color:#0398fc;
           color:white;
           border:2px solid #0398fc;
           font-size:15px;
	        text-align: left;
        }

/* menuicon */
.opennav {
	        font-size:30px;
	        cursor:pointer;
         }
.menu {
         margin-left:63%;  
	margin-top:20px;
	color:white;
	background-color: transparent;
      }
.menu:hover {
               color:#0398fc;
            }
.menusidenav {
                height: 100%;
                width: 0;
                position: fixed;
                z-index: 1;
                top: 0;
                right: 0;
                background-color:black;                    
                transition: 0.5s;
                padding-top: 100px;
                opacity:0.8;
             }
.menusidenav a {
                  padding: 8px 8px 8px 32px;
                  text-decoration: none;
                  font-size: 20px;
                  color:lightgray;
                  display: block;
                  transition: 0.3s;
               }
.menusidenav a:hover {
                        color:#0398fc;
                     }
.menusidenav 
.closebtn {
             position: absolute;                     
             top:0;
             right:24px;
             margin-left: 50px;
          }
.dropdown-btn {
             
                 text-decoration: none;
                 font-size: 14px;
                 color: white;
              display:inline-block;
                 border: none;
                 background: none;
                 
                 text-align: left;
                 cursor: pointer;
                 outline: none;
                 
              }
.dropdown-btn:hover {
                       color: #04bf10;
                    }
.dropdown-container {
                       display: none;
                       padding-left: 25px;
                    }
.fa-caret-down {
                  float: right;
                  padding-right: 4px;
               }
@media screen and (max-width:990px) and (min-width:300px) 
{
   .sidenav a {font-size: 18px;}
   .navlogo {padding-bottom:185px;}
   .menu {padding-bottom: 155px; }
}

/* carousels */

.carouseltext {
                 position:absolute;
                 top:43%;                         
                 color:white;
                 left:30%;
                 font-size:2vw;
              }
.carouseltextfont {
                     font-size:7vw;                             
                  }
.item {
	     height: 100vh;
	     width:100vw;
      }
.carousel-inner>.item>img {
	                         height:100vh;
	                         width:100vw;
                          }
.slidesimg {
	transform: scale(1.1);
	transition:10s;
}
.slidesimg:hover {
	transform: scale(1);
	transition:10s;
}

/* Content */

.data {
         width:50%;
         height:250px;
         text-align:center;
         margin-left:25%;                    
      }
.datah1 {
	       color:lightgrey;
        }
.datatext {
             color:grey;
		     font-size:18px;
          }
.btn {
        width:140px;
        height:37px;
        border-radius:100px;
        background-color:#0398fc;
        color:white;
        border:2px solid #0398fc;
     }
.btn:hover {
              background-color:black;
              color:#0398fc;
           }

/* Four boxes */

.fourboxes {
              width:100%;
              min-height:400px;
              padding:40px;
	
           }
.fourboxes h4 {
	             color:lightgrey;
              }
.fourboxes p {
	             color:gray;
              }
.bluetext p {
	           font-size:15px;
	           opacity:0.7;
            }
.fourbox1 {
             min-height:380px; 
             margin-bottom:20px;
		     padding-right:10px;
          }
.fourbox2 {
             border:1px solid #2d2d2e; 
	         border-radius: 10px;
             height:390px;  
          }
.fourbox2:hover {
                   border:1px solid #214c7a;
                }
.fourboxbutton {
                  margin-left:20px;               
               }
.fourgreyscale img {
	                  filter: grayscale(0%);
		              transition: 1.2s;
                   }
.fourgreyscale:hover img {
	                        filter: grayscale(70%); 
		                    transition: 1.2s;
                         }

/* Three boxes */  
       
.threeblocks {
                width:100%;
                min-height:800px;
                background-image:url("images/bgs1.jpg");
                background-attachment:fixed;
	            background-size: cover;
                padding-top:5%;
                padding-left:3%;
                padding-right:3%;
                padding-bottom:6%;		        
             } 
.threeblock2 {
                background-color:#03a5fc;
                height:490px;
                margin-bottom:5%;
             }
.threezoom {
              overflow: hidden;
           }
.threecontent {
 	             text-align:relative;
                 margin-left:15px;
                 color:white;
	          }
.three {
          transition: transform 1.2s;
       }
.spinner {
	        margin-top:41px;
         }
.spinners {
	         padding-right:10px;
          }
.threeicon:hover 
.three {
          transform: rotateY(360deg);
       }
.threehover 
.threezoom img {
	              transform: scale(1);
                  transition: transform 2s;        
               }
.threehover:hover 
.threezoom img {
	              transform: scale(1.3);
               }

/* Settings */

.settings {
             width:100%;
             min-height:350px;
             text-align:center;
             font-size:28px;
             position:relative;
          }     
.settingblock {
                 width:320px;
                 min-height:200px;
                 float:left;                 
                 margin-bottom:70px;
                 border:1px solid grey;
                 font-size:1vw; 
	transition:1s;
              }
.settingblock:hover {
                       border:1px solid lightgray;
	                   transition:1s;
                    }

.settingimage {
                 width:70px;
                 height:70px;
                 position:absolute;
                 top:-40px;
                 z-index:2px;
		         background-color:#0398fc;
		         left:145px;
              }
.settingblock:hover img {
		                   background-color:#0f447d;
	                       transition:2s;
	                    }
.settingblock img {
	                 transition:1s;
                  }
@media screen and (max-width: 990px) and (min-width:300px)
{
   .settings{display:none;}	
}

/* Gallery */
	   
.gallery {
	        width:100%;
		    height:650px;
		    padding-top:50px;
	     }
.innergallery {
		         width:80%;
		         height:400px;
		         margin:auto; 
		         overflow: hidden;
	          }
.innergallery img {
	                 width:24.5%;
	                 height:50%;
	                 transition:1s;
	                 overflow:hidden;
                  }
.innergallery img:hover {
		                   transition:1s;
		                   transform:scale(1.1);
                        }
@media screen and (max-width: 780px) and (min-width:300px)
{
   .gallery{display:none;}	
}

/* Pills */
	   
.pillstext1 {
		       padding-left:5%;
	           color:lightgray;
	        }
.pillstext2 {
		       padding-right:3%;
		       text-align:center;
	           color:lightgray;
	        } 
.nav-pills 
.nav-link.active {
                    color: lightgrey;
                    background-color: #0398fc !important ;
                 }
.nav-pills 
.nav-link.active:hover{
                    color: lightgrey !important;
                    background-color: #0398fc !important ;
                 }
.nav-item a {
               font-size:18px;
               color:grey;
               margin-left:30px;
            }
.nav-item a:hover {
                     color:#0398fc !important;
                  }
@media screen and (max-width:550px) and (min-width:300px)
{
   .nav-item a {margin-left:1px;font-size: 12px;}
}

/* video */
	   
.video {
	      width:100%;
		  height:450px;
		  overflow:hidden;
		  padding-bottom:30%;	   
	   }

/* The sea */
	  
.seacontainer {
		         width:100%;
		         height:700px;
	          }
.sea1 {
	     width:55%;
		 height:700px;
		 float:left;
		 padding-left:6%;
	     padding-right:3%;		    
	  }
.sea2 {
		 width:45%;
		 height:700px;
		 float:left;
	  }
.seablock {
		     width:50%;
		     height:270px;
		     background-color:#010a1b;
             float:left; 
             border:2px solid #c8dee6;
             transition:0.7s ease-in-out;  
	         color:#c8dee6;
	      }
.seaicons {
	         font-size:35px;
	         padding-left:15px; 
          }
.seaicons:hover {
	               color:#0398fc;
                }
.seablock:hover {
                   background-color:#c8dee6;
                   transition:0.7s ease-in-out;
	               color:black;
                }                                
.seablock1 {
		      width:50%;
		      height:270px;
		      background-color:#c8dee6;
		      float:left; 
	          border:2px solid #c8dee6;
              transition:0.7s ease-in-out;                                
	       }
.imagezoom {
              transform: scale(1);
              transition: .7s;
           }
.imagezoom1 {
               transform: scale(1);
               transition: .7s;
            }
.imagezoom1:hover {
                     transform: scale(0.8);
                     transition: 0.7s;
                     filter: brightness(70%) ;
                  }
.imagezoom:hover {
                    transform: scale(0.8);
                    transition: 0.7s;
                    filter: brightness(70%);
                 }
@media screen and ( max-width:990px ) and ( min-width:300px ) 
{
   .seacontainer { display:none; }
}

/* Numbercount */

/*@media screen and ( max-width:990px ) and ( min-width:300px ) 
{
   .numbercount { display:none; }
}*/
.numbercount {
		       
		        width:100%;
		        min-height:270px;
		        
	         }
.counticon {
	          margin-left:100px;
           }
.counticons {
	           margin-top:50px;
            }
.innercount {
		       background-color:#038adc;
		       width:92%;
		       min-height:270px;
	           position:relative;
		       top:24%;
		       left:4%;
		       opacity:0.8;
	           color:white;
	        }
.vl {
	   border-left:2px solid lightgray;
	   margin-top:50px;
	}
.hr {
	   border:1.7px solid white;
	   width:30px;
	   margin-left:108px;
    }
.countp {
	       font-size:3vw;
        }
.countps1 {
	        padding-left:35%;
         }
.countps {
	        padding-left:82px;
         }

.countdata {
	          font-size:18px;
           }

/* Feedback */

.feedbackblock {
                  width:100%;
                  height:500px;
               }
#quote-carousel {
                   padding: 0 10px 30px 10px;
                   margin-top: 60px;
                }
#quote-carousel 
.carousel-control {
                     background: none;
                     color: #CACACA;
                     font-size: 2.3em;
                     text-shadow: none;
                     margin-top: 30px;
                  }
#quote-carousel 
.carousel-indicators {
                        position: relative;
                        right: 50%;
                        top: auto;
                        bottom: 0px;
                        margin-top: 20px;
                        margin-right: -19px;
                     }
#quote-carousel 
.carousel-indicators li {
                           width: 50px;
                           height: 50px;
                           cursor: pointer;
                           border: 1px solid #ccc;
                           box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
                           border-radius: 50%;
                           opacity: 0.4;
                           overflow: hidden;
                           transition: all .4s ease-in;
                           vertical-align: middle;
                          color:white !important;
                        }
#quote-carousel 
.carousel-indicators .active {
                                width: 128px;
                                height: 128px;
                                opacity: 1;
                                transition: all .2s;
                             }
.item blockquote {
                    border-left: none;
                    margin: 0;
                 }
.item blockquote p:before {
                             content: "\f10d";
                             font-family: 'Fontawesome';
                             float: left;
                             margin-right: 10px;
                          }
 
/* Subscribe */

.footerparallax {
	width:100%;
                   height:320px;
                   background-image: url("images/loginbg.jpg");
                   background-repeat: no-repeat;
	               background-size: cover;
	               background-attachment:fixed;
                }
.subscribeform {
                  padding-top:12.5%;  
	              padding-left: 2%;
               }
.footerinput {
                width:350px !important;
                height:40px;
             }
.subscribebutton {
			        width:120px;
			        height:40px;
                    background-color:#0398fc;
                    color:white;
                    border:2px solid #0398fc;
	                transition: 1s;
                 }
.subscribebutton:hover {
                          background-color:black;
                          color:#0398fc;
                          opacity:0.9;
	                      transition: 1s;
                       }
.p {                             
      font-size:14px; 
      color:white;
      padding-top:5px;
   }
.envilopeicon {
                 font-size:30px;
                 padding-top:10px;
                 color:white;
              }
.name {
         width: 100%;
         padding: 12px 20px;
         margin: 8px 0;
         display: inline-block;
         border: 1px solid #ccc;
         box-sizing: border-box;
      }          
.footer {
	       width:100%;
	       min-height:380px;
	       background-image: url("images/footerbg2.jpg");
	       background-size: cover;
        }
.footerp {
	        color:white;
	        padding-left:20px;
	        line-height: 20px;
	        font-size: 13px;
         }
.footerhr {
	         width:40px;
	         border:2px solid #0398fc;
	         margin-left:15px; 
	         margin-top:60px;
          }
.ullist {
	       line-height: 10px;
	       list-style-type: circle;
        }
.footerlist {
	           font-size: 15px;
	           color:white;
            }
.listhr {
	       border-color:grey;
        }
.footerlist:hover 
.listhr {
	       border-color:white;
        }
.footerlink {
	           font-size: 18px;
	           color:white;
	           padding-left: 15px;
            }
.footericon {
	           color:white;
	           font-size: 20px;
	           background-color:transparent;
	           line-height:10px;
            }
.icontext {
	         display:inline;
	         color:white;	        
          }
.linkimg:hover {
	              opacity:0.7;
	              transition: 1s;
               }
.mail {
	     color:white;
	     text-decoration: none;
	     transition: 2s;
	     font-size: 14px;
      }
.mail:hover{
	          color:#0398fc;
	          transition: 2s;
           }
.copyright {
	          height:70px;
	          color:white;
	          background: linear-gradient(#0f447d,#000000);
           }
.copytext {padding-top:28px;
          }
.footersocial {
	             padding-top:28px;
	             font-size: 30px;	             
              }

/* Return to top */

#return-to-top {
                  position: fixed;
                  bottom: 50px;
                  right: 50px;
                  width: 50px;
                  height: 50px;
                  display: block;
                  display: none;
                  transition: all 0.3s ease;
               }
#return-to-top img {
                      position: relative;
                      right: 16px;
                      transition: all 0.3s ease;
                   }



/* contact css styles */



/* Contactform */

.textcenter {
	           text-align: center;
            }
.section1 {
	         text-align: center;
	         display: table;
	         width: 100%;
          }
.section1 h1 {
	            font-size: 40px;
	            color: black;
	            font-weight: normal;
             }
.section2 {
             width: 100%;
             margin: 25px;
          }
.section2 
.col2 {
	     width: 48.71%;
      }
.section2 
.col2.first {
	           float: left;
            }
.section2 
.col2.last {
	          float: right;
           }
.section2 
span.collig {
	           color: #03a5fc;
	           margin-right: 10px;
	           display: inline-block;
            }
.section2 
.sec2addr {
	         display: block;
	         line-height: 26px;
          }
.section2 
.sec2addr p:first-child {
	                       margin-bottom: 10px;
                        }
.section2 .sec2contactform input[type="text"], 
.section2 .sec2contactform input[type="email"],
.section2 .sec2contactform input[type="tel"],
.section2 .sec2contactform textarea {
                                       padding: 18px;
                                       border: 0;
   									   background: #EDEDED;
    								   margin: 7px 2.5px;
	                                   color:black !important;
                                    }
.section2 
.sec2contactform textarea {
	                         width: 100%;
	                         display: block;
	                         color: #666;
                             resize:none;
                          }
.section2 
.sec2contactform input[type="submit"] {
	                                     width:140px;
                                         height:38px;
                                         border-radius:100px;
                                         background-color:#0398fc;
                                         color:white;
                                         border:2px solid #0398fc; 
	                                     margin-top: 5px;
                                      }
.section2 
.sec2contactform 
input[type="submit"]:hover {                          
	                          background-color:transparent;
                              color:#0398fc;
                           }
.section2 
.sec2contactform h3 {
	                   font-weight: normal;
                       margin: 20px 0;
                       margin-top: 30px;
                       border-bottom: 1px solid #ddd;
                       padding-bottom: 19px;
                       color:black;
                    }



/* About css styles */



/* Blue text */

.text {
	     width:100%;
	     height:700px;
	     background-image: url("images/about.jpg");
	     background-attachment: fixed;
      }
.text h1 {
	        width:35%;
	        color:white;
         }
.text hr {
	        background-color: white;
	        border:2px solid white;
         }
.first {
	      font-size: 16px;
	      color: white;
       }
.second {
	       color:#b8babf;
        }

/* About image */

.block {
	      width:100%;
	      height:450px;
	      background-color:rgba(0,255,255,0.5);
       }

/* White text */

.ticket {
	       width:100%;
	       min-height:820px;
        }
.ticket h1 {
              width:55%;
	          font-size: 40px;
           }
.ticket hr {
	          background-color: black;
	          border:1px solid black;
           }

/* Booking button */

.box_btn {
	        width:80%;
	        height:50px;
	        border:2px solid black;
}



/* Gallery css styles */



/* Gallery block */

.blog {
	     width:100%;
      }
.blog h1{
	color:lightgrey;
	text-align: center;
}

.back {	   
	transform: rotate(180deg);
	margin-left:80px;
      }
.back1 {	   
	transform: rotate(180deg);
	
      }

.wrapper {
	        max-width: 1140px;
	        margin: 0 auto;
	        position: relative;
         }
.box-tab {
	        margin: 10px 0;
         }
.effect {
	       margin: auto;
	       box-shadow: 0 0 15px 5px rgba(0, 0, 0, .07);
	       background-color: #fff;
	       border: 5px solid #f5f5f5;
        }
.tab-container {
	              padding: 50px 0
               }
.tab 
.effect {
	       position: relative;
	       overflow: hidden;
	       max-height: 240px;
	       max-width: 350px;
	       background: #3085a3;
	       text-align: center;
	       cursor: pointer
        }
.tab 
.effect img {
	           position: relative;
	           display: block;
	           min-height: 100%;
	           opacity: 1;
            }
.tab 
.effect 
.tab-text {
	         padding: 2em;
	         color: #000;
	         text-transform: uppercase;
	         font-size: 1.20rem;
	         backface-visibility: hidden;
	         position: absolute;
	         top: 0;
	         left: 0;
	         width: 100%;
	         height: 100%
          }
.tab-text h2 {
	            color: white;
	            margin: 0;
	            font-size: 1.5rem
             }
.tab-text p {
	           color: white !important;
	           margin: 0;
	           font-size: 16px;
            }
.effect.effect-hover img {
	                        transition: all .3s ease-in-out;
	                        transform: translate3d(0, 0, 0) scale(1, 1);
                         }
.effect.effect-hover:hover img {
	                              opacity: .6;
	                              transform: translate3d(-20px, 0, 0) scale(1.2, 1.2);
                               }
.effect.effect-hover 
.tab-text h2 {
	            transform: scale3d(.9, .9, 1);
	            transition: all .5s ease-in-out;
             }
.effect.effect-hover 
.col8-head {
	          padding-top: 9%
           }
.effect.effect-hover:hover h2 {
	                             transform: scale3d(1.1, 1.1, 1);
	                             transition: all .5s ease-in-out;
                              }
.effect.effect-hover p {
	                      font-size: .9rem;
	                      padding: 10px 5px;
	                      transform: scale3d(.8, .8, 1);
	                      opacity: 0;
	                      transition: all .35s;
                       }
.effect.effect-hover:hover p {
	                            transform: scale3d(1, 1, 1);
	                            opacity: 1
                             }
.effect.effect-hover 
.tab-text:after {
	               content: "";
	               position: absolute;
	               left: -230px;
	               top: 0;
	               border-top: 208px solid rgba(7, 0, 2, .3);
	               border-left: 140px solid rgba(240, 74, 126, .6);
	               border-bottom: 188px solid transparent;
	               border-right: 160px solid transparent;
	               transition: all .4s ease-in-out;
                }
.effect.effect-hover:hover 
.tab-text:after {
	               transform: rotate3d(0, 0, 1, 52deg) scale3d(1, 1, 1);
	               opacity: 1;
	               top: 103px;
	               left: -378px;
	               border-top: 325px solid #03a5fc;
	               border-left: 422px solid #03a5fc;
	               border-bottom: 218px solid transparent;
	               border-right: 160px solid transparent
                }
.effect.effect-hover 
.icons-block {
	            z-index: 1000;
	            position: absolute;
	            bottom: 15px;
	            width: 100%;
	            left: 0;
	            text-align: left;
	            padding-left: 5px
             }
.effect.effect-hover 
.icons-block 
.social-icon-1 {
	              transition: all .5s ease-in-out;
	              opacity: 0
               }
.effect.effect-hover:hover 
.social-icon-1 {
	              opacity: 1;
	              transition-delay: .3s;
	              transition-duration: .5s
               }
.effect.effect-hover 
.icons-block i {
	              color: rgba(255, 255, 255, 1);
	              padding-left: 10px;
	              font-size: 1.7rem
               }
#more {
	display:none;
      }                                                                                                                                                                                                                                                                                                       


/* Book css styles */



/* Video */

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

/* User name */

.user {
	     width:100%;
	     color:black;
	     font-size: 30px;
	     background-color:#03a5fc;
	     text-align: center;
      }

/* Ticket info*/

.ticket-booking {
	               border:2px solid grey;
                }
.ticket-booking p {
	                 color:black;
	                 font-size:18px;
	                 text-align: justify;
                  }
.ticket-booking ul li {
	                     color:white !important;
	                     font-size:18px;
	                     text-align: justify;
                      }
.booking {
	        padding-top:130px;
         }
.undertext {
	          background-color: #03a5fc;
	          text-align: center!important;
           }
.undertext3 {
	          background-color: tomato;
	          text-align: center!important;
           }
.undertext1 {
	           background-color: #04bf10;
	           text-align: center!important;
            }
.booking1 {
	         background-color:#010a1b;
	         width:100%;
	         height:170px;
	         color:white;
	         font-size:20px;
          }
.para {
	     padding:0% 5%;
	color:lightgray;
      }
.para p{
	color:lightgray;
}
.para1 {
	      padding:5% 4% 3% 5%;
       }




























.date-input {
               border: 1px solid #c4c4c4;
               border-radius: 5px;
               background-color: #fff;
               padding: 3px 5px;
               box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
               width: 190px;
            }

.book-now {
	         padding-top:60px;
          }

.del:hover {
	          background-color:red;
           }

.navlog{
	padding-top:30px;
}





/* booking css styles */




.user{
	width:100%;
	color:black;
	font-size: 30px;
	background-color:#03a5fc;
	text-align: center;
}
.video2{
	width:100%;
	height:100%;
}
.ticket-booking{
	color:lightgray;
}
.ticket-booking p{
	color:black;
	font-size:18px;
	text-align: justify;
}
.ticket-booking ul li{
	color:grey!important;
	font-size:18px;
	text-align: justify;
}
.booking{
	padding-top:130px;
}
.undertext{
	background-color: #03a5fc;
	text-align: center!important;
}
.undertext1{
	background-color: #04bf10;
	text-align: center!important;
}
.book-now{
	padding-top:60px;
}

[type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.booking1{
	background-color:#010a1b;
	width:100%;
	height:170px;
	color:white;
	font-size:20px;
}

.date-input {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  background-color: #fff;
  padding: 3px 5px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  width: 190px;
}
.para {
	padding:0% 5%;
}
.para p{color:gray;}
.para1 {
	padding:5% 4% 3% 5%;
}
.del:hover{
	color:red;
}
.link{
	color:white;
	padding-left:20px;
	padding-right:20px;
}

.product {
	width:100%;
	height:auto;
}



.tag {
	width:100%;
	height:100px;
	background-color:#010415;
}
.productbtn {
	width:100px;
	height:30px;
	background-color:#03a5fc;
	color:white;
	border:none;
	border-radius: 10px;
}

.s {
	height:100vh;
	width:100%;
}

.move {
padding-left:18%;
}

.j {
	
	height:100vh;
	}












/* Admin */



	.dropbtn {
  color: white;

  font-size: 13px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	color:#010a1b;
}

.dropdown-content a {
  color: #010a1b;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}
		tr td:visited{
			background-color:grey;
		}
.dropdown:hover .dropdown-content {display: block;}
.box {
    width:64%;
	height:100px;
	background-color: aliceblue;
	position:relative;
	left:17%;
	box-shadow:2px 0px 10px white;
	color:black;
	text-align: center;
	}