@import url('https://fonts.googleapis.com/css?family=Alex+Brush|Allura|Arizonia|Bilbo+Swash+Caps|Great+Vibes|Lato|Merriweather|Montserrat|Open+Sans|Playfair+Display|Raleway|Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Domine');

#header{ background-color:#000; padding-top:100px; padding-bottom:50px;    }
.presentTop{ text-align:center; font-family:Montserrat; color:#FFF; font-size:5em;    }
.nameAmintTop{ text-align:center; font-size:7em; font-family:Arizonia; color:#f49539;   }
.desiTanTop{ text-align:center; font-family:Playfair Display; font-size:2.5em; color:#FFF; }
.liveShow{ text-align:center; font-family:Montserrat; color:#FFF; font-size:2.5em;  }
.presentBy{ text-align:center; font-family:Open Sans; font-size:2em; color:#efefef;  }
.logoKhanaHeader img{ padding:1%; background-color:#fff;  margin-top:2%; margin-bottom:2%;  border-radius:5px;    }
.tagLine h1{ font-family:Montserrat; font-size:1.5em; text-align:center; margin-bottom:2%; color:#FFF;  }
.amitPhone{ padding-top:3%; }
.bookTicketHeading{ text-align:center; font-family:Montserrat; font-weight:bold; padding:2% 0%; margin-bottom:1%;   font-size:3em; color:#FFF; text-shadow: 0px 1px 0px #000;     }
#ticketSection{ background-color:#ff5e10; padding-bottom:5%; padding-top:5%;    }

.ticketSectionDiv{  text-align:center; font-family:Montserrat; background-color:#FFF; padding-bottom:4%;      }
.headingSec{ background-color:#000; color:#FFF; font-size:2em; padding:3% 0%;  }
.ticketLines{ font-size:1.5em; padding:4% 15%;  }
.inputTextEmail{ padding:0% 5%;  }
.inputTextEmail input[type="text"]{ border:2px dashed #ff5e10;   width:100%; padding:2%; font-size:1.5em; outline:none;    }
.inputTextEmail input[type="hidden"]{   width:100%; padding:2%; font-size:1.5em;   }
.buttonCoupon{ padding:0% 5%; }
.buttonCoupon button{ width:100%; background-color:#ff5e10; border:none; font-size:1.5em; padding:3%; border-radius:3px;  margin-top:5%; color:#FFF; font-weight:bold;       }
.textKhanaToGo{ text-align:center; font-size:2em; font-weight:bold;  padding:5%; font-family:Open Sans; margin-top:10%; margin-bottom:10%;   }
.headingAboutUs{ text-align:center; font-family:Montserrat; font-size:2em; font-weight:bold; padding:2% 0%; margin-top:10%; margin-bottom:10%;      }
.logoKhanaAbout{ margin-top:15%; margin-bottom:5%; }
.downloadOrderOnline img{ background-color:#ff5e10; border-radius:10px;  }
.onrderOnlineButton{ font-family:Montserrat; color:#FFF; background-color:#ff5e10; padding:2% 3%; border:2px solid #FFF;  text-align:center; font-weight:bold;  font-size:1.8em;  border-radius:10px;   }
#aboutUsSection{ padding-top:8%; margin-bottom:5%; }

#locationAddress{ text-align:center; color:#000; font-family:Montserrat;  }
.headingVenue{ font-size:3em; font-weight:bold; margin-top:3%; margin-bottom:3%;   }
.headingAboutUsTwo{  font-size:2em;   padding:2%; border-radius:3px;   font-family:Montserrat; text-align:center;  color:#000; font-weight:bold; border-bottom:2px dashed #000;     }
.venText{ font-size:1.8em;   }


.scrollDownGoogleMap{ background-color:#FFF; color:#000; padding:2%; margin:0% 25%; border-radius:5px; margin-top:2%; font-size:1.2em;      }
.designDevelop{ text-align:center; font-family:Montserrat; font-size:1.2em; font-weight:bold; }
#googleMapSection{ background-color:#efefef; padding:8% 0% 5% 0%;  }
.designDevelop{ background-color:#000; color:#FFF; padding:2% 0%;   }
.venuBlackInner{ padding:2%; margin:0% 10%; border-radius:3px;    }

.topNavHome{  height:80px; background-color:#000; box-shadow: 0px 0px 1px #000; transition: all 0.5s;         }
.navigatinoBarTop{ font-family:Montserrat; margin-top:1.2%; margin-right:1%; text-align:center;     }
.navigatinoBarTop li{ margin-right:30px; }
.navigatinoBarTop li a{ color:#ff5e10; font-size:1.2em; font-weight:bold;    }
.nav>li>a:hover{ background-color:#ff5e10; color:#000;  }
.logoPage img{ height:55px; width:auto; }
.khanaOrderLine{ text-align:center; font-family:Montserrat; font-size:1.2em; margin-top:10%;   }
.khanaOrderImg{ margin-top:10%; margin-bottom:10%;  } 
.khanaOrderImg img{ height:125px; width:auto; margin-bottom:3%; margin-top:50%;   }

.khanaOrderImg i{ font-size:8em; text-align:center; }

.headingTopPresentsKha{ text-align:center; color:#FFF; font-size:2.5em; text-shadow:0px 1px 0px #000;  font-family:Domine; background-color:#f49539; border-radius:3px; font-weight:bold;   padding:0.5%; margin-top:0.5%; margin-bottom:1%;      }

.headingDeliveryCarryOut{ text-align:center; font-family:Montserrat; font-size:1.5em; margin:8% 0%; font-weight:bold; background-color:#efefef; border-radius:5px; padding:3% 0%;   }

.orderOnlineButtonOrderApp{ font-family:Montserrat; background-color:#ff5e10; font-size:1.5em; text-align:center; color:#FFF; padding:1.7%; border-radius:5px;   }

.signUpkhana2Go{ text-align:center; padding-top:2% ; font-family:Montserrat; }
.signUpkhana2Go a{ color:#000; font-size:1.2em;   }
.headingIntroName{ font-family:Bilbo Swash Caps; font-size:3em; font-weight:bold; margin-top:5%; color:#ff5e10;     }
.tagLineAmit{ font-size:1.2em; font-family:Lato; font-style:italic;  color:#FFF;   }
.dataIntro{ font-size:1.2em; font-family:Montserrat; color:#CCC; margin-top:8%;   }
.imgIntro img{ border-radius: 10px; color:#FFF;    }
#introAmit{ padding-top:5%;  background-color:#000;  }
.socialMediaLinks{ margin:2% 0%;  }
.socialMediaLinks span{ padding:1%;  }
.socialMediaLinks span i{ font-size:1.8em;  height:30px; width:30px;   }
.linkwebsite{ margin-top:2%; }
.linkwebsite a{ color:#FFF;  }
.headingConnectUs{ font-size:2em; margin-top:2%;  }
.buyTicket{ background-color:#000; border-radius:3px;    }
.avaPhone{ text-align:center; font-family:Montserrat; margin-top:5%;  font-size:1.2em;  }
.navigationToogleMe{ background-color:#000; margin-top:5%;  }
.navigationToogleMe .icon-bar{ background-color:#FFF; }


/*phone animation*/

#homeAboutContentAboutOrdering{  background-position:0px 400px; background-repeat:repeat-x;
						  animation: animatedBackground 10s linear infinite;
    -moz-animation: animatedBackground 10s linear infinite;
    -webkit-animation: animatedBackground 10s linear infinite;
    -ms-animation: animatedBackground 10s linear infinite;
    -o-animation: animatedBackground 10s linear infinite;   }
						
						
					@keyframes animatedBackground {
							0% { background-position: 0 0; }
							100% { background-position: -200px 0; }
						}
						@-moz-keyframes animatedBackground {
							0% { background-position: 0 0; }
							100% { background-position: -200px 0; }
						}
						@-webkit-keyframes animatedBackground {
							0% { background-position: 0 0; }
							100% { background-position: -200px 0; }
						}
						@-ms-keyframes animatedBackground {
							0% { background-position: 0 0; }
							100% { background-position: -200px 0; }
						}
						@-o-keyframes animatedBackground {
							0% { background-position: 0 0; }
							100% { background-position: -200px 0; }
						}

						
						
						
						
						
                    	#phoneAnimateDiv{ position:relative ; height:600px; margin-left:5%;   }	
						#phoneBgImage{ position:absolute;  }
						#animateImages{ position:absolute;   z-index:9; top:75px;  left:23px; right:0px; bottom:0px; height:500px;  width:255px; overflow: hidden;        }
						.buttonShowMe{ font-family:mon-regular; padding:2%; background-color:#3cc3b2; border-radius:5px; text-align:center; margin-top:5%;  width:100px; text-transform:uppercase;    }
						.homeAboutContentHeading{ color:#FFF; margin-top:25%;  }
						.homeAboutContentData{ color:#FFF; }
						.mouseOverDiv{ cursor: pointer; }
						.imageApp{ position: absolute; top:0px; width:300px !important; overflow:hidden !important ;   }
						.clickButtonTwo{ position:absolute; cursor:pointer;  }
						.clickButton{ position:absolute; 
						 -webkit-animation: bouncebutton .3s infinite alternate;
						  -moz-animation: bouncebutton .3s infinite alternate;
						  animation: bouncebutton .5s infinite alternate; }
						  
						  @-webkit-keyframes bouncebutton {
						  to { -webkit-transform: scale(0.5); }
						}
						@-moz-keyframes bouncebutton {
						  to { -moz-transform: scale(0.5); }
						}
						@keyframes bouncebutton {
						  to { transform: scale(1.5); }
						}
						@keyframes bouncebutton {
						  to { transform: scale(1.5); }
						}
						
						
						
						.firstImage{ z-index:20; }
						.secondImage{ z-index:19; }
						.ThreeImage{ z-index:18; }
						.FourImage{ z-index:17; }
						.FiveImage{ z-index:16; }
						.SixImage{ z-index:15; }
						.SevenImage{ z-index:14; }
						.EightImage{ z-index:13; }
						.NineImage{ z-index:12; }
						.TenImage{ z-index:11; }
						.ElevenImage{ z-index:10; }
						
						#showAgain{ display:none; }
						
						.moveMouse{ background-color:#3cc3b2; display:none;  padding:10px 15px; color:#FFF; border-radius:20px; position:absolute; z-index:999999; top:0px; left:0px; font-family:mon-regular; text-transform:uppercase; font-size:1.2em; width:90px; text-align:center;        }
						


/*phone animation*/


@media screen and (max-width:768px){
	.desiTanTop{ text-align:center; font-family:Playfair Display; font-size:2em; color:#FFF; margin-top:10%;    }
.nameAmintTop{ text-align:center; font-size:4em; font-family:Arizonia; color:#f49539;   }
.liveShow{ text-align:center; font-family:Montserrat; color:#FFF; font-size:2.5em;  }
.presentBy{ text-align:center; font-family:Open Sans; font-size:1.2em; color:#efefef;  }
.tagLine h1{ font-family:Montserrat; font-size:1.2em; line-height:1.2em;  text-align:center; margin-bottom:2%; color:#FFF;  }
.bookTicketHeading{ text-align:center; font-family:Montserrat; font-weight:bold; padding:2% 0%;  font-size:2em; color:#FFF; text-shadow: 0px 1px 0px #000;     }
.ticketSectionDiv{  text-align:center; font-family:Montserrat; background-color:#FFF; padding-bottom:4%; padding-top:5%; margin-bottom:5%;     }

.headingSec{ background-color:#000; color:#FFF; font-size:1.5em; padding:3% 0%;  }
.buttonCoupon button{ width:100%; background-color:#ff5e10; border:none; font-size:1.2em; padding:5%; margin-top:5%; color:#FFF; font-weight:bold;       }
.inputTextEmail input[type="text"]{ border:2px dashed #ff5e10;   width:100%; padding:2%; font-size:1.2em; outline:none;    }
.venuBlackInner{ padding:5% 0%; margin:0% 0%; border-radius:3px;    }
.venText{ font-size:1.2em;  word-wrap: break-word;   }
.scrollDownGoogleMap{ background-color:#FFF; color:#000; padding:2%; margin:0% 5%; border-radius:5px; margin-top:2%; font-size:1.2em;      }

.onrderOnlineButton{ font-family:Montserrat; color:#FFF; background-color:#000; padding:1%;   text-align:center; font-weight:bold;  font-size:1.8em;  border-radius:10px; border:none;  }
.downloadOrderOnline img{ background-color:#000; border-radius:5px; margin-top:10%; margin-bottom:10%;   }
.headingTopPresentsKha{ text-align:center; color:#FFF; font-size:1.8em; text-shadow:0px 1px 0px #000;  font-family:Domine; background-color:#f49539; border-radius:3px; font-weight:bold;   padding:0.5%; margin:3%;       }
.khanaOrderImg img{ height:125px; width:auto; margin-bottom:3%; margin-top:5%;   }
.khanaOrderLine{ text-align:center; font-family:Montserrat; font-size:1.2em; margin-top:5%; margin-bottom:5%; font-weight:bold;     }

.orderOnlineButtonOrderApp{ margin:2% 4%;    }
.avaPhone{ text-align:center; font-family:Montserrat; margin-top:10%;  font-size:1.2em;  }
.headingConnectUs{ font-size:1.5em; margin-top:2%;  }
.navigatinoBarTop{ font-family:Montserrat; margin-top:5%; margin-right:1%; background-color:#FFF; text-align:center;  margin-right:-15px; margin-left:-15px;       }

#aboutUsSection{ padding-top:20%; }
#introAmit{ padding-top:20%; }
#googleMapSection{ padding-top:20%; }
#ticketSection{ padding-top:20%; }
.navigatinoBarTop li{ margin-right:0px; }

	}