.navbar-toggle.x .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
}
.navbar{
	height:100px;
	position: absolute;
	top:0;
	z-index:99;
	width:100%;

}
.typingtxt{
	position: absolute;
	top:42%;
	left:31%;
	font-size:4em;
	font-family: 'Lobster', cursive;
	font-weight: bold;
	color: #C26DBC;
	z-index:99;
	
}
#navbar-top{
	position: fixed;
	top:0;
	width: 100%;
	z-index:1000;
	transition: 0.5s;
}
.navoptions a{
	font-size: 20px;
	text-decoration: none;
	color:#F652A0!important;
	padding-left: 5%;
	font-weight: bold;
}
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    background-image: url("../images/homebg1.jpg");
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}
.homebg{
	background-image: url("homebg1.jpg");
	width:100%;
	height:800px;
}
.bakerylogo{
	width:250px;
	height:150px;
}
.carousel-inner .carousel-item > img {
  animation: zoom 20s;
}
.slider1txt,.slider2txt,.slider3txt,.slider4txt{
	top:45%;
	font-size: 3em;
}
.mainservices{
	text-align: center;
	padding-top: 3%;
	font-size: 2em;
	font-family: 'Pacifico', cursive;
	color:#36EEE0;
}
.town{
	text-align: center;
	padding-top: 1%;
	font-size: 1.5em;
	font-family: 'Acme', sans-serif;
}
.line{
	width: 70px;
	text-align: center;
	border: 1px solid black;
}
.bgcolor{
	background-color: #FBF6F3;
	margin-top: 50px;
	height:300px;
}
.grid1{
	padding-top: 5%;
}
.grid1txt1{
	padding-top: 3%;
	font-size: 20px;
}
.grid1content div{
	text-align: center;
}
.gridheading{
	padding-top: 2%;
	font-weight: bold;
	font-family: 'Bree Serif', serif;
}
.icons:hover{
	color: #fea500;
	transition: 0.3s;
}
.grid2{
	padding-top: 5%;
}
.grid2txt2{
	padding-top: 1%;
	font-size:25px;
}
.grid3box1{
  width:374px;
  height:300px;
  border:2px solid white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.grid3box1:hover{
  transition: 0.3s;
}
.box1icon{
  padding-top: 10%;
}
.box1icon:hover{
  color:#fea500;
  transition: 0.3s;
}
.circle{
  border-radius: 50%;
  border: 1px solid black;
  width:125px;
  height:125px;
  top:5%;
  left:33%;
  position: absolute;
}
.bakery{
  padding-top: 9%;
  text-align: center;
	font-weight: bold;
	font-family: 'Bree Serif', serif;
	font-size: 20px;
}
.bakery a{
  text-decoration: none!important;
  color:black!important;
}
.bakerytxt{
  text-align: center;
  padding-top: 7%;
  padding-left: 3%;
  padding-right: 3%;
}
.grid3box2{
  width:374px;
  height:300px;
  border:2px solid white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.grid3box2:hover{
  transition: 0.3s;
}
.grid3box3{
  width:374px;
  height:300px;
  border:2px solid white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.grid3box3:hover{
  transition: 0.3s;
}
.iconhover{
  text-align: center;
}
.grid3{
  padding-top: 3%;
}
.grid4{
	padding-top: 3%;
}
.grid5{
	padding-top: 5%;
}
.popular{
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	font-family: 'Bree Serif', serif;
	color:#36EEE0;
}
.best{
	text-align: center;
	padding-top: 1%;
	font-size: 20px;
	font-weight: bold;
}
.product1{
	width:300px;
	height:250px;
	border:1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.p1{
	width:300px;
	height: 250px;
}
.titlediv{
	width:300px;
	height:50px;
	border:1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
	padding-top: 5%;
	font-size: 20px;
	font-weight: bold;
}
.linkicon{
	position: absolute;
	top:45%;
	left:33%;
	visibility: hidden;
}
.carticon{
	position: absolute;
	top:45%;
	left:68%;
	visibility: hidden;
}
.product1:hover .linkicon{
	visibility: visible;
	color:#145DA0;
	transition: 0.5s;
}

.product1:hover .carticon{
	visibility: visible;
	color:#145DA0;
	transition: 0.5s;
}
.product2{
	width:300px;
	height:250px;
	border:1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.p2{
	width:300px;
	height: 250px;
}
.product2:hover .linkicon{
	visibility: visible;
	color:#145DA0;
	transition: 0.5s;
}
.product2:hover .carticon{
	visibility: visible;
	color:#145DA0;
	transition: 0.5s;
}
.product3{
	width:300px;
	height:250px;
	border:1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.p3{
	width:300px;
	height: 250px;
}
.product3:hover .linkicon{
	visibility: visible;
	color:#145DA0;
	transition: 0.5s;
}
.product3:hover .carticon{
	visibility: visible;
	color:#145DA0;
	transition: 0.5s;
}
.product4{
	width:300px;
	height:250px;
	border:1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.p4{
	width:300px;
	height: 250px;
}
.product4:hover .linkicon{
	visibility: visible;
	color:#145DA0;
	transition: 0.5s;
}
.product4:hover .carticon{
	visibility: visible;
	color:#145DA0;
	transition: 0.5s;
}
.productsgrid{
	padding-top: 5%;
}
.p8{
	width: 300px;
	height: 250px;
}
.grid6{
	padding-top: 10%;
}
.bgimg{
	text-align: center;
}
.bgtxt{
	text-align: center;
	position: absolute;
	top:35%;
	left: 35%;
	font-size: 1em;
	font-weight: bold;
}
.viewall{
	text-align: center;
	position: absolute;
	top: 45%;
	left:46%;
}
.view{
	text-align: center;
	border: none;
	border-radius: 20%;
	background-color: #fea500;
	color:black;
	font-size: 25px;
}
.view:hover{
	background-color:white;
	border: 2px solid black;
	transition: 0.3s;
}
.grid7{
	padding-top: 5%;
}
.bgcolor{
	color: black;
}
.play{
	position: absolute;
	top:50%;
	left:46%;
}
.playbutton:hover{
	color:#fea500;
	transition: 0.3s;
}
.modal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 500px;
  height: 600px;
}

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#myBtn{
	border: none;
	background: none;
}
.grid7content{
	padding-top: 7%;
}
.grid7content1{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	font-family: 'Righteous', cursive;
		color:#6AF2F0;
}
.grid7content2{
	padding-top: 4%;
}
.grid7content3{
	padding-top: 4%;
}
.grid7content4{
	padding-top: 4%;
}
.grid7content5{
	padding-top: 4%;
}
.grid7content6{
	padding-top: 4%;
}
.grid7last{
	padding-top: 4%;
}
.point{
	color:#fea500;
}
.grid8content{
	padding-top: 5%;
}
.grid8{
	padding-top: 2%;
}
.grid8content1{
	padding-top: 4%;
	font-size: 28px;
	font-weight: bold;
	font-family: 'Righteous', cursive;
		color:#6AF2F0;
}
.grid8content2{
	padding-top: 4%;
}
.grid8content3{
	padding-top: 4%;
}
.grid8content4{
	padding-top: 4%;
}
.gallery1{
	width:150px;
	height:150px;
}
.gallery2{
	width:150px;
	height:150px;
}
.gallery3{
	width:150px;
	height:150px;
}
.gallery4{
	width:150px;
	height:150px;
}
.gallery5{
	width:150px;
	height:150px;
}
.gallery6{
	width:150px;
	height:150px;
}
.grid9{
	padding-top: 5%;
}
.gallery{
	text-align: center;
	font-size:20px;
	font-weight: bold;
	font-weight: bold;
	font-family: 'Righteous', cursive;
}
.gallerytxt{
	text-align: center;
}
.gallerycontent{
	text-align: center;
}
.accordlink{
	text-decoration: none!important;
	color:black!important;
}
.wholeaccord{
	padding-top: 5%;
	padding-bottom: 5%;
}
.parallax{
	background-image: url("../images/parallax.jpg");
height: 70vh; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallaxcarousel{
	width:80%;
	height:200px;
	position: absolute!important;
	text-align: center;
	top:565%!important;
	left:10%;
}
.circles{
	border-radius:50%!important;
	width:15px!important;
	height: 15px!important;
	color: black!important;
}
.txt1{
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 7%;
	font-weight: bold;
}
.weekgrid{
	padding-top: 5%;
}
.weekimg1{
	border:none;
	border-radius: 50%;
	padding-bottom: 3%;
	width:200px;
	height: 150px;
}
.weekimg2{
	border-radius: 50%;
	padding-bottom: 3%;
	width:200px;
	height: 150px;
}
.weekimg3{
	border-radius: 50%;
	padding-bottom: 3%;
	width:200px;
	height: 150px;
}
.button1{
	border: none;
	background: none;
}
.button2{
	border: none;
	background: none;
}
.button3{
	border: none;
	background: none;
}
.tabimg1{
	padding-bottom: 3%;
}
.tabimg2{
	padding-bottom: 3%;
}
.tabimg3{
	padding-bottom: 3%;
}
.p1info_result{
	width:730px;
	height:625px;
	border:1px solid white;
	padding-right: 15%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: none;
}
.insideimg1{
	width:400px;
	height:500px;
}
.productmatter{
	position: absolute;
	top:2%;
	padding-left: 3%;
	padding-right: 3%;
	
}
.productheading1{
	padding-left: 37%;
	padding-top: 2%;
	font-size: 2em;
}
.rate{
	font-size: 2em;
	padding-left: 23%;
	padding-top: 4%;
}
.orderbtn{
	border: none;
	text-align: center;
	padding: 10px 10px;
	font-size: 20px;
	background-color: #fea500;
	color:black;
}
.orderbtn:hover{
	background: none;
	border:2px solid #fea500;
}
.order{
	position: absolute;
	top:75%;
	left:65%;
}
.p2info_result{
	width:730px;
	height:625px;
	border:1px solid white;
	padding-right: 15%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.insideimg3{
	width:400px;
	height:500px;
}
.insideimg2{
	width:400px;
	height:500px;
}
.productheading2{
	padding-left: 47%;
	padding-top: 2%;
	font-size: 2em;
}
.productheading3{
	padding-left: 47%;
	padding-top: 2%;
	font-size: 2em;
}
.p3info_result{
	width:730px;
	height:625px;
	border:1px solid white;
	padding-right: 15%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: none;
}
.offerstxt1{
	text-align: center;
	font-size: 2em;
}
.offerstxt2{
	text-align: center;
}
.offerstxt{
	padding-top: 5%;
}
.maps{
	padding-top: 5%;
}
.footericons{
	text-align: center;
}
.links a{
	text-decoration: none!important;
	color:black!important;
}
.menuparallax{
	background-image: url("../images/menuparallax.jpg");
	height:500px; 
    width:100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
	
}
.menu{
	position: absolute;
	top:29%;
	left:39%;
	text-align: center;
	font-size: 3em;
	color:white;
	
}
.menuhr{
	width:70px;
	text-align: center;
	border: 1px solid white;
	position: absolute;
	top:36%;
	left:46%;
}
.menubar{
	text-align: center;
	width:90%;
	height:80px;
	border: 1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.menugrid1{
	padding-top: 5%;
}
.breadbutton{
	border:none;
	background: none;
	font-size: 20px;
	font-weight: bold;
	padding-left: 2%;
	text-decoration: none;
}
.cakebutton{
	border:none;
	background: none;
	font-size: 20px;
	font-weight: bold;
	padding-left: 2%;
	text-decoration: none;
}
.cakebutton:hover{
	text-decoration: none;
	border: none;
}
.cookiebutton{
	border:none;
	background: none;
	font-size: 20px;
	font-weight: bold;
	padding-left: 2%;
	text-decoration: none;
}
.menulist{
	padding-top: 2%!important;
	text-align: center;
}
.menulist a {
	text-decoration: none;
	color: black;
}
.breadgrid1{
	padding-top: 5%;
}
.bread1name{
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 6%;
}
.bread1{
	width:200px;
	height: 100px;
	padding-top: 2%;
}
.checked{
	color:#fea500;
}
.rating{
	padding-left: 7%;
	padding-top: 1%;
	position: absolute;
	top:69%;
	left:70%;
}
.rate{
	font-size: 1.5em;
	font-weight: bold;
	float: right;
	position: absolute;
	top:15%;
	left:60%;
}
.breadproduct1:hover{
	border: 1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 0.5s;
}
.bread2{
	width:175px;
	height: 100px;
}
.breadproduct2:hover{
	border: 1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 0.5s;
}
.breadgrid2{
	padding-top: 5%;
}
.bread3{
	width:200px;
	height:100px;
}
.breadproduct3:hover{
	border: 1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 0.5s;
}
.bread4{
	width:200px;
	height: 100px;
}
.breadproduct4:hover{
	border: 1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 0.5s;
}
.breadgrid3{
	padding-top: 5%;
}
.bread5{
	width: 200px;
	height: 100px;
}
.breadproduct5:hover{
	border: 1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 0.5s;
}
.bread6{
	width: 200px;
	height: 100px;
}
.breadproduct6:hover{
	border: 1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 0.5s;
}
.bread7{
	width:200px;
	height:100px;
}
.breadgrid4{
	padding-top: 5%;
}
.breadproduct7:hover{
	border: 1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 0.5s;
}
.bread8{
	width:200px;
	height: 100px;
}
.breadmenu{
	
}
.cake1{
	width:200px;
	height:100px;
}
.cakegrid1{
	padding-top: 5%;
}
.cakeproduct:hover{
	border: 1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 0.5s;
}
.cake2{
	width:200px;
	height: 100px;
}
.cakegrid2{
	padding-top: 5%;
}
.cake3{
	width:200px;
	height: 100px;
}
.cake4{
	width:200px;
	height: 100px;
}
.cakegrid3{
	padding-top: 5%;
}
.cake5{
	width: 200px;
	height: 100px;
}
.cake6{
	width: 200px;
	height: 100px;
}
.cakegrid4{
	padding-top: 5%;
}
.cake7{
	width:200px;
	height: 100px;
}
.cake8{
	width:200px;
	height: 100px;
}
.cakemenu{
	display: none;
}
.cookiegrid1{
	padding-top: 5%;
}
.cookie1{
	width: 200px;
	height: 100px;
}
.cookie2{
	width:200px;
	height: 100px;
}
.cookieproduct:hover{
	border: 1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 0.5s;
}
.cookiegrid2{
	padding-top: 5%;
}
.cookie3{
	width:200px;
	height: 100px;
}
.cookie4{
	width:200px;
	height: 100px;
}
.cookiegrid3{
	padding-top: 5%;
}
.cookie5{
	width:200px;
	height: 100px;
}
.cookie6{
	width:200px;
	height: 100px;
}
.cookiegrid4{
	padding-top: 5%;
}
.cookie7{
	width:200px;
	height: 100px;
}
.cookie8{
	width:200px;
	height: 100px;
}
.cookiemenu{
	display: none;
}
.active{
	color:#fea500!important;
}
.menufooter{
	padding-top: 5%;
}

.customtxt{
	position: absolute;
	font-size: 5em;
	font-family: 'Kaushan Script';
	top:16%;
	left:8%;
	color:black;
	
}
.caketxt{
	text-align: center;
	font-size: 5em;
	padding-top: 5%;
	font-family: 'Akronim';
	color:#F37970;
}
.customcakes{
	padding-top: 5%;
}
.customcake1{
	width:300px;
	height: 200px;
}

.greencake{
	width:300px;
	height: 200px;
}
.cakeflavour1{
	width:300px;
	height: 200px;
}
.flavour1{
	
	font-size: 2em;
	font-weight: bold;
}
.flavour2{
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}
.flavour3{
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}
.roundcakes{
	text-align: center;
}
.cakeoptions{
	width:500px;
	height:400px;
	border: 1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: none;
}
.radio1{
	border-radius: 50%;
	width:25px;
	height: 25px;
}
.radio1:hover{
	background-color: #ccc;
}
.radio1:checked{
	background-color: #fea500;
}
.active:active {
	/*border: 1px solid #fea500;*/
	color:#fea500;
}

.roundcake1 {
	border: none;
	text-decoration: none;
	background: none;
}

.overlay {
	width:50%;
	margin-left:25%;
}
.cf1{
	width:300px;
	height: 200px;
}
.cf2{
	width:300px;
	height: 200px;
}
.cf3{
	width:292px;
	height: 100px;
	z-index: 99;
}
.cf4{
	width:290px;
	z-index: 99;
}
.cf5{
	width:290px;
	z-index: 99;
	position: absolute;
	left:4%;
	
}

.firstline {
	width:100px;
	border: 1px solid black;
}

.custombutton {
	border:none;
	background: none;
	font-size: 20px;
	font-weight: bold;
	padding-left: 2%;
	text-decoration: none;
}
.cakerow a{
	text-decoration: none!important;
	color:black!important;
	font-size: 20px;
	text-align: center;
}
.cake1linkdiv{
	text-align: center;
}
.cake2linkdiv{
	text-align: center;
}


.cake3link {
	width:400px;
	height: 200px;
}
.customcakesfull{
	padding-top: 2%;
	display: none;
	
}

.customcake{
     display: none;
}
.cake1btn{
	border: none;
	background: none;
	text-decoration: none;
	text-align: center;
}
.allcakes{
	padding-top: 3%;
	display: none;
}
.cake1btn{
	border: none;
	background: none;
	text-decoration: none;
}
.cake2btn{
	border: none;
	background: none;
	text-decoration: none;
}
.cake3btn{
	border: none;
	background: none;
	text-decoration: none;
}
.cake4btn{
	border: none;
	background: none;
	text-decoration: none;
}
.option1{
	padding-top: 3%;
	display: none;
}
.optionsbox{
	width: 500px;
	height: 380px;
	border:2px solid white;
	background-color: #2FF3E0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.chocochips{
	border: none;
	background: none;
	text-decoration: none;
	font-size: 25px;
	padding-top: 5%;
	padding-left: 2%;
}
.chocosticks{
	border: none;
	background: none;
	text-decoration: none;
	font-size: 25px;
	padding-top: 5%;
	padding-left: 2%;
}
.pineapple{
	border: none;
	background: none;
	text-decoration: none;
	font-size: 25px;
	padding-top: 5%;
	padding-left: 2%;
}
.cherries{
	border: none;
	background: none;
	text-decoration: none;
	font-size: 25px;
	padding-top: 5%;
	padding-left: 2%;
}
.caramel{
	border: none;
	background: none;
	text-decoration: none;
	font-size: 25px;
	padding-top: 5%;
	padding-left: 2%;
}
.customchips{
	width:421px;
	height:353px;
	position: absolute;
	top:106%;
	left:11%;
	z-index: 99;
}
.customsticks{
	position: absolute;
	top:103%;
	left:12%;
	z-index: 99;
	width:450px;
	height:400px;
}
.custompineapple{
	position: absolute;
	top:107%;
	left:17%;
	z-index: 99;
	width:300px;
	height:200px;
}
.customcherry{
	position: absolute;
	top:108%;
	left:11%;
	z-index: 99;
	width:450px;
	height:310px;
}
.customcaramel{
	position: absolute;
	top:109%;
	left:12%;
	z-index:99;
	width:400px;
	height:300px;
}
.ocassions{
	position: absolute;
	top:14%;
	left:34%;
	padding-top: 5%;
}
#ipdisplay{
	position: absolute;
	font-size: 1.5em;
	color:black;
	font-family: 'Lobster';
	top:60%;
	left:29%;
	border-radius: 1%;
}

.grid2txt1 {
	font-size: 3em;
	font-weight: bold;
	font-family: 'Bree Serif', serif;
	color:#36EEE0;
}

.homefooter {
	padding-top:5%;
}

.maptext {
	font-weight: bold;
	font-size:2em;
	font-family: 'Righteous', cursive;
	color:#6AF2F0;
	text-align: center;
	padding-top: 5%;
}
.customparallax{
	background-image: url("../images/customparallax.jpg");
		width:100%;
	height:900px;
	background-repeat: no-repeat;
	background-size: cover;
}
.parallaxtxt{
	font-size: 5em;
	font-weight: bold;
	font-family: 'Lobster', cursive;
	position: absolute;
	top:38%;
	left: 21%;
	color:white;
}
.mycake1btn{
	border: none;
	background: none;
}
.mycake2btn{
	border: none;
	background: none;
}
.mycake3btn{
	border: none;
	background: none;
}
.mycake4btn{
	border: none;
	background: none;
}
.delicious{
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	font-family: 'Lobster', cursive;
	color:#FA26A0;
	padding-top:2%;
}
.cakerate{
	font-size: 25px;
	font-weight: bold;
	padding-top: 5%;
	padding-left: 20%;
}
.custombtn{
	border:none;
	background: none;
	font-size: 25px;
}
.custombtn:hover{
	border:2px solid black;
	border-radius: 28px;
	transition: 0.5s;
}
.custombtndiv{
	text-align: center;
	padding-top: 20%;
}
.option2{
	display: none;
}
.optionsbox2 {
	width: 500px;
	height: 380px;
	border:2px solid white;
	background-color: #2FF3E0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding-top: 5%;
}
.customchips2{
	width:421px;
	height:353px;
	position: absolute;
	top:104%;
	left:11%;
	z-index: 99;
}
.chocochips2{
	border: none;
	background: none;
	text-decoration: none;
	font-size: 25px;
	padding-top: 5%;
	padding-left: 2%;
}
.chocosticks2 {
	border: none;
	background: none;
	text-decoration: none;
	font-size: 25px;
	padding-top: 5%;
	padding-left: 2%;
}

.customsticks2 {
	position: absolute;
	top:101%;
	left:1%;
	z-index: 99;
	width:450px;
	height:400px;
}

.customcherry2 {
	position: absolute;
    top: 102%;
    left: 8%;
    z-index: 99;
    width: 510px;
    height: 310px;
}

.custompineapple2 {
	position: absolute;
	top:126%;
	left:17%;
	z-index: 99;
	width:300px;
	height:200px;
}

.customcaramel2 {
	position: absolute;
    top: 105%;
    left: 10%;
    z-index: 99;
    width: 482px;
    height: 300px;
}

.pineapple2 {
	border: none;
	background: none;
	text-decoration: none;
	font-size: 25px;
	padding-top: 5%;
	padding-left: 2%;
}

.cherries2 {
	border: none;
	background: none;
	text-decoration: none;
	font-size: 25px;
	padding-top: 5%;
	padding-left: 2%;
}

.caramel2 {
	border: none;
	background: none;
	text-decoration: none;
	font-size: 25px;
	padding-top: 5%;
	padding-left: 2%;
}
footer{
	padding-top: 5%;
}
.aboutparallax{
	background-image: url("../images/aboutparallax.jpg");
	height:900px; 
    width:100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
	
}
.aboutus{
	position: absolute;
	top:39%;
	left:33%;
	font-size: 5em;
	font-weight: bold;
	font-family: 'Lobster', cursive;
	color:white;
}
.aboutgrid1{
	padding-top: 5%;
}
.abouttxt1{
	padding-top: 5%;
	font-size: 25px;
	font-weight: bold;
	font-family: 'Righteous', cursive;
	color:#36EEE0;
}
.abouttxt2{
	padding-top: 7%;
	font-family: 'Courgette', cursive;
	font-size: 20px;
}
.abouttxt3{
	padding-top: 7%;
	font-size: 20px;
}
.servicestxt{
	padding-top: 5%;
}
.abtservices{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
.abtservices2{
	text-align: center;
	font-size: 20px;
	padding-top: 0.5%;
}
.progressgrid{
	padding-top: 5%;
}
.mission{
	font-size: 25px;
	font-weight: bold;
	padding-top: 5%;
}
.mission2{
	padding-top: 5%;
	font-weight: 1.5em;
	font-family: 'Courgette', cursive;
}
.mission3{
	padding-top: 5%;
	font-weight: 20px;
	font-family: 'Courgette', cursive;
}
.experience{
	font-size: 25px;
	font-weight: bold;
	padding-top: 5%;
}
.teamtxt{
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	padding-top: 5%;
}
.teamtxt2{
	font-size: 20px;
	text-align: center;
	padding-top: 1%;
}
.teamgrid{
	padding-top: 5%;
}
.loginbg{
	background-image: url("../images/loginbg.jpg");
	width:100%;
	height:910px;
	background-repeat: no-repeat;
	background-size: cover;
}
.username{
	padding: 10px;
	border-radius: 28px;
	border:2px solid black;
	width:300px;
	text-align: center;
	background: none;
	font-weight: bold;
}
.username:focus{
	width:350px;
	transition: 0.5s;
}
.email{
	padding: 5px;
	border-radius: 28px;
	border:2px solid black;
	width:300px;
	text-align: center;
	background: none;
	font-weight: bold;
}
.email:focus{
	width:350px;
	transition: 0.5s;
}
.address{
	width:300px;
	text-align: center;
	background: none;
	font-weight: bold;
}
.phnnum{
	padding: 10px;
	border-radius: 28px;
	border:2px solid black;
	width:300px;
	text-align: center;
	background: none;
	font-weight: bold;
}
.phnnum:focus{
	width:350px;
	transition: 0.5s;
}
.password{
	padding: 10px;
	border-radius: 28px;
	border:2px solid black;
	width:300px;
	text-align: center;
	background: none;
	font-weight: bold;
}
.password:focus{
	width:350px;
	transition: 0.5s;
}
.address{
	border: 2px solid black;
	width:300px;
	text-align: center;
	background: none;
}
.bakerylogin{
	position: absolute;
	top:27%;
	left:41%;
}
.usernamediv,.emaildiv,.numdiv,.addressdiv,.passworddiv{
	font-weight: bold;
	font-size: 20px;
	font-family: 'Cabin', sans-serif;
}
.signupbtn{
	border: none;
	background: none;
	font-size: 20px;
}
.signupbtn:hover{
	border:2px solid black;
	transition: 0.5s;
	border-radius: 28px;
}
.signupdiv{
	padding-top: 2%;
	padding-left: 35%;
}
.bakerylogin1{
	position: absolute;
	top:36%;
	left:41%;
}
.loginbtn{
	border: none;
	background: none;
	font-size: 20px;
}
.loginbtn:hover{
	border: 2px solid black;
	border-radius: 28px;
	transition: 0.5s;
}
.login{
	padding-top: 1%;
	padding-left: 39%;
}
.notuser{
	font-size: 25px;
	font-weight: bold;
	padding-top: 1%;
	padding-left: 2%;
}
.notuser a{
	font-style: italic;
	text-decoration: none;
	color:white!important;
}
.viewall a{
	text-decoration: none;
	color:black!important;
}
.addname{
	width:500px;
}
.addprice{
	width:500px;
}
.adminpanel{
	width:100%;
	height: 100px;
	border: 1px solid white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top: 10%;
}
.adminbtn button{
	text-decoration: none;
	border:none;
	background: none;
	font-size: 20px;
	padding-left: 7%;
	font-weight: bold;
}
.adminbtn{
	text-align: center;
	padding-top: 2.5%;
}
.insertform{
	padding-top: 5%;
}
.insertform{
	display: none;
}
.showdiv{
	text-align: center;
	padding-top: 2%;
}
.productsbtns{
	text-align: center;
	padding-top: 2%;
	
}
.productname{
	font-weight: bold;
	font-size: 20px;
}
.breadheading{
	font-size: 25px;
	font-weight: bold;
}
.cakeheading{
	font-size: 25px;
	font-weight: bold;
}
.cookieheading{
	font-size: 25px;
	font-weight: bold;
}
.manageproducts{
	display: none;
}
.adminbread{
	border:1px solid black;
	padding-left: %;
}
.cookiecont{
	display:none;
	padding-top: 2%;
}
.cakecont{
	display:none;
	padding-top: 2%;
}
.breadcont{
	display: none;
	padding-top: 2%;
}
.productcontainer{
	display: none;
}
.heading{
	padding-bottom: 2%;
	font-size: 20px;
	font-weight: bold;
}
.userbread{
	border:3px solid #F652A0;
	border-style: dashed;
	border-radius: 7%;
}
.ordertable{
	padding-top: 1%;
}
.breadmenu1{
	padding-top: 5%;
}
.cakemenu1{
	padding-top: 5%;
}
.cookiemenu1{
	padding-top: 5%;
}
.wholeloginmenu{
	padding-top: 5%;
}
.cakemenu1{
	display: none;
}
.cookiemenu1{
	display: none;
}
.userloginname{
	padding-top: 2%;
	padding-left: 11%;
	font-size: 25px;
	font-family: 'Satisfy', cursive;
	font-weight: bold;
	position: fixed;
	z-index: 1000;
	top:0;
}
.usercartbtn,.userupdatebtn,.userdelete,.userorderbtn{
	background: none;
	border:none;
	font-size: 20px;
}
.usercartbtn:hover,.userupdatebtn:hover,.userdelete:hover,.userorderbtn:hover{
	border:2px solid black;
	background-color:#F652A0;
	color:black;
	transition: 0.5s;
	border-radius:20px;
}
.userproductname{
	font-size: 25px;
	font-family: 'Righteous', cursive;
}
.usercartitems{
	padding-top: 12%;
}
.userorders{
	padding-top: 10%;
}
.confirmorderbtn{
	padding-top: 2%;
}
.adminorderstable{
	display: none;
}
@media only screen and (max-width: 650px){
  .waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    background-image: url("../images/homebg1.jpg");
	background-repeat: repeat no-repeat;  
}
  .typingtxt{
   position: absolute;
   top: 42%;
   left: 12%;
   font-size: 1em;
   font-family: 'Lobster', cursive;
   font-weight: bold;
   color: #C26DBC;
   z-index: 99;
	}
	.homebg{
	background-image: url("../images/homebg1.jpg");
    width: 100%;
    height: 657px;	
	}
}