@import url('https://fonts.googleapis.com/css?family=Bree+Serif|Courgette|Crimson+Text|Lobster|Niconne|Roboto|Arizonia');

/*
/*	Preloader
*/

#preloader {
    background-color: #62b849;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.loder-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top:10%
}


.mt-1{
	margin-top:10px;
}

.mt-2{
	margin-top:20px;
}
.mt-3{
	margin-top:30px;
}
.mt-10{
	margin-top:100px !important;
}

.white{
	color:#fff;
}



   body {
      font-size: 20px ;
	  font-family: 'Bree Serif', serif;
      line-height: 1.8;
      color: #333;
	  /*background-image:url('../img/cakebg.jpg');*/
	
  }
   p {font-size: 16px;}
   
  .margin {margin-bottom: 20px;}
  
  .top-menu{
	background-color:rgba(0,0,0,0);
	height: 30px;
	color:#555;
  }
  
  .contactnum{
	float:left;
	margin-top: 4px;
  }
  
  .text-style{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	padding:0 10px 0 0;
	text-transform:uppercase;
  }
  
  .topsocialicon{
	  float:right;
	  margin-top:-5px;
  }
  
  .topsocialicon a{
	  color:#A6A6A6;
  }
  
  .topsocialicon a:hover{
	  color:#333;
  }
  
   .topsocialicon i{
	  padding:0 8px;
  }
  
  
  {
    font-family: 'Niconne', cursive;

    font-family: 'Roboto', sans-serif;

    font-family: 'Crimson Text', serif;

    font-family: 'Lobster', cursive;
	
	font-family: 'Bree Serif', serif;
	
	font-family: 'Arizonia', cursive;
  }
  
  .whyus { 
      background-color: #fff000; 
      color: #333;
	  background-image:url('../img/cupacake-chennai2.jpg');
	  background-repeat:no-repeat;
  }
  
  .aboutus { 
   background-image:url('../img/cakebg.jpg');
   background-repeat:no-repeat;
  }
  
  .aboutus h4, .egglessclass h4{ 
   font-size: 1.2rem;
   color:#444;
   line-height: 38px;
  }
  
  
   .addbg1 { 
      background-color: #000; 
      color: #fff;
	  background-image:url('../img/cupacake-chennai5b.jpg');
	  background-repeat: repeat-Y !important;
	  background-size:auto !important;
  }
    
   .addbg2 { 
      background-color: #fff000; 
      color: #333;
	  background-image:url('../img/cupacake-chennai6.jpg');
	  background-repeat:no-repeat;
	  background-position-y: -173px !important;
  }
  
  
  .title{
	  color: #fff000 !important;
	  font-family: 'Lobster', cursive;
  }
  
  .con-title{
	width:100%;
	margin:0 auto;
	 background-color:rgba(0,0,0,0);
  }
 
 
  .bg-overlay{ 
      background-color:rgba(255, 255, 255, 0);
      color: #333;
	  padding:55px 50px !important;
	  line-height:38px !important;  
  }
  
  .bg-overlay2{ 
      background: rgba(0,0,0,0.7);
     /* background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(255,255,255,0.9));*/
	  padding:55px 0px !important;
  }
  
   .bg-overlay3{ 
     background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(0,0,0,0.6));
	  padding:150px 0px !important;
  }
  
  footer{
   /* background-image:url('../img/fbg.png');*/
    background-color:rgba(26,26,25,1) !important;
    background-repeat: repeat-x;
    padding:25px 0;
	color:#fff;
	margin-top:-20px;
  }

  
  .parallax {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
  
	#whyus-bg .overlay {
    background-color:rgba(255,255,255,0.9);
    padding: 40px 0 22px;
} 

	#whyus-bg p{
	 font-size:18px;
	 color:#444;
	 line-height:25px;
	}
 
	#whyus-bg img{
	 border-bottom: 0px solid #999;
	 width:60%;
	 height:auto;
	}
 
  .m-top{
	 top:30px;
  }
  
  .navbar {
      padding-top: 5px;
      padding-bottom: 0px;
      border: 0;
      border-radius: 0;
      margin-bottom: 0;
      font-size: 20px;
	  position: absolute;
	  width: 100%;
	 background-color: #ededed !important;
	  /*filter: drop-shadow(0px -1px 10px #666);*/
	 z-index:10;
	 
  }
  .navbar-nav{
  margin:0 auto;
  margin-right:0px !important;
  } 
	
  .navbar-nav  li  {
	  padding: 0 10px;
  }

  .navbar-nav  li a {
      color: #333 ;
  }
  
  .navbar-nav  li a:hover {
      color: #000;
	  transition: color 200ms linear;
  }
  
  .navbar-light .navbar-nav .nav-link{
	  color: #333;
  }
  
  
  .navbar-light .navbar-toggler{
  border:0;
  }
 
 .navbar-nav .active{
  border-bottom:4px solid #B2D6EE;
  } 
 
 .fixed-top{
	  position: fixed !important; 
	  z-index:100 !important"
  }
  
  .navbar-fixed-top.scrolled {
  background-color: rgba(255,201,14,0.9) !important;
  transition: background-color 200ms linear;
	}
	
	.navbar-fixed-top {
  transition: background-color 200ms linear;
  font-family: 'Lobster', cursive !important;
	}
 
 
 .parallax1{
	background-image:url('../img/cupacake-chennai1.jpg');
	height:100vh;
	background-size: cover;
	background-repeat:no-repeat;
	}
	
  .parallax2{
	background-image:url('../img/cupacake-chennai2.jpg');
	height:100vh;
	background-size: cover;
	background-repeat:no-repeat;
	}
	.parallax3{
	background-image:url('../img/cupacake-chennai3.jpg');
	height:100vh;
	background-size: cover;
	background-repeat:no-repeat;
	}
	
	
	
	
 .parallax1item1{
     left:50px;
	 bottom:100px;
	 text-transform:uppercase;
	 position:absolute;
	 color:#333;
	 background-color:rgba(255,210,10,0.8);
	}
	

  .social{
    width:100%;
	display:inline !important;
  }
  
  
  .social i{
   display:inline !important;
   padding:10px;
   border: 1px solid #444;
   border-radius: 15px;
  }
  
  span.welcome {
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: #fff;
	padding-bottom:30px;
	font-family: 'Courgette', cursive;
}

span.welcome::before {
    right: 100%;
    margin-right: 15px;
	margin-top: 6px;
}

span.welcome::after {
    left: 100%;
    margin-left: 15px;
	margin-top: 6px;
}

span.welcome::before, span.welcome::after {
    content: "";
    position: absolute;
    height: 15px;
    border-bottom: 2px solid #999;
    top: 0;
    width: 50px;
}
  
   /* Make the image fully responsive */
  .carousel-inner img {
      width: 100%;
      height: 100%;
  }
  
  
  
 /** Side Nav **/ 
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

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

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

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

#blackgb{
 background-color:rgba(0,0,0,0.5);
 width:100%;
 height:100vh;
 position:fixed;
 top:0;
 display:none;
}

.sec-title h2 {
    font-size: 36px;
    margin: 0 0 30px;
    padding-bottom: 30px;
    position: relative;
    text-transform: uppercase;
}

.sec-title h2::after {
    border-bottom: 1px solid #000000;
}


/*.aboutus h4{
	line-height:38px;
	background-color: #b1d9ff;
	padding: 10px;
	border-radius:20px;
}*/

/*
* Menu dropdown
*/

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

.dropdown-content {
	display:none;
    position: absolute;
    background-color: #333;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10000;
	font-size: 14px;
    line-height: 20px;
	left: -263px;
	font-family:'Roboto', sans-serif;
	text-align:left;
	color:#fff !important;
	width:540px;
	border-top: 3px solid #e0cf80;
	padding:15px;
}

.dropdown-content a {
    color:#c2c2c2 !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	transition: all 0.3s ease-in-out;
	webkit-transition: all 0.3s ease-in-out;
	border-bottom: 1px dashed #454545;
}

.dropdown-content a:hover { 
	padding-left:25px;
	color:#fff !important;
	transition: all 0.9s ease-in-out;
	webkit-transition: all 0.9s ease-in-out;
}

.dropdown:hover .dropdown-content {display: block !important;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.submenucs{
	padding-left:25px;
}


/*
* popupar Overlay 
*/


.pic-container {
  position: relative;

}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlayb {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.pic-container:hover .overlayb {
  opacity: 0.8;
}

.textshow {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/*End popupar Overlay */

.footerliks a{
	color:#a6a6a6;
    text-decoration:none;	
}
.footerliks a:hover{
	color:#fff000;
}

.footerliks{
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	padding:50px 5px 5px 5px;
	font-family:sans-serif;
	color:#a6a6a6;
}

.footerliks ul{
	padding:14px;
}

.footerliks p{
	font-size: 13px;
	line-height:24px;
	margin-top:20px;
	padding-right:20px;
}

.footerliks h3{
	font-family: 'Lobster', cursive;
	color:#cecece;
}

.footerliks b{
	color:#fff;
}

.copyrights p{
	border-top:1px solid #333;
	font-size:12px !important;
	font-family:sans-serif;
	padding-top:10px;
	color:#888
}

.paddingcc{
	padding:0;
}


.form-control {
   background-color: #ebebeb;
border: 1px solid #868686;
}


.slide{
	margin-top: 40px;
}

.populardish{
	padding:20px;
	
} 

.titlesm{
	display:none;
}

.titlelg{
	display:block;
	background: #3d50d7c7;
    border-radius: 93px 0;
    color: #f7f4f4;
    font-size: 35px;
    padding: 15px;
	/*font-family: 'Lobster', cursive;*/
	/*filter: drop-shadow(10px 10px 4px #333);*/
}


.iconsty1{
	padding:5px 10px;background-color:#f83531;border-radius:0;
}

 /*.navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}*/


.contact-title{
	color:#4B5 !important;
	margin-bottom:50px !important;
}



.bg-colortest{
	padding:0px 0 100px 0;
	background-color:#E8EFF4 !important;
}



/*
* Popular Menu
*/

.menu_today figure,
.masonary_blog figure,
.blog-grid figure,
.latest_news figure {
    position: relative;
}
.menu_today figure .fig_container,
.masonary_blog figure .fig_container,
.blog-grid figure .fig_container,
.latest_news figure .fig_container {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 20%;
    left: 0;
    bottom: 0%;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.menu_today figure p,
.masonary_blog figure p.post-cats,
.blog-grid figure p.post-cats,
.latest_news figure p.post-cats {
    font-size: 18px;
}
.blog-grid figure .fig_content p,
.masonary_blog figure .fig_content p {
	font-size:14px;
	line-height:1.42857143;
	margin-bottom :0 ;
}
.menu_today figure:hover .fig_container,
.masonary_blog figure:hover .fig_container,
.blog-grid figure:hover .fig_container,
.latest_news figure:hover .fig_container {
    border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    padding-top: 50%;
    height: 100%;
    bottom: 0%;
}
.menu_today img,
.masonary_blog img,
.blog-grid img,
.latest_news img {
    border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
}

.image100{
	width:100%;
}

.menu_today figure{
	margin:20px 10px !important;
}

/* end Popular menu*/

.con-pdfmenu{
	width:300px;
}

.con-pdfmenu a{
	color:#fff;
}

.con-pdfmenu a:hover{
	text-decoration:none;
}


.pdf-menu{
	padding:12px 20px; 
	border:1px solid #3e8266; 
	display:inline; 
	background-color:rgba(0,197,119,0.3);
	font-size:1em;
	border-radius:50px;
}




/* readmore*/

a.morelink {
	text-decoration: none;
	outline: none;
	padding: 3px 15px;
	border: 1px solid #9c9b9b;
	color: #333;
}

.morecontent{
	height:500px;
}

.morecontent span {
	display: none;
}
.comment {
	width: 100%;
	
	padding:20px 0;
	color:#333;
	text-align:left;
}

/* end readmore*/



.logosm{
	text-align:center;
}

.logo{
	display:none;
 }
 
.logobigsc{
	display:block;
	margin-top: -5px;
}


/*
*
*  Media Query
*
*/

@media screen and (max-width: 768px) {
.logo{
	display:block;
	margin-top: -12px;
	width:180px;
    }
.logobigsc{
	display:none;
	}

	
}


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


@media screen and (max-width: 450px) {
   .parallax1{height:100vh !important;}
   .bubbles h1 {font-size:17px;}
   .fig_container h3{font-size:18px;}
   .con-title .title{font-size: 2.2em;}
	#whyus-bg img {width: 33%;}
}
  

@media screen and (max-width: 650px) {
   .titlesm{display:block;padding:40px 30px 0px 30px;font-family: 'Lobster', cursive;font-size:31px;}
   .titlelg{display:none;}
   .bg-overlay {padding: 40px 30px !important;} 
   .contact-title{
    font-size: 1.8em !important;
	margin-top: 50px !important;
	
	}
	  
}
  
@media screen and (max-width: 830px) {
	 .addbg2 {background-position-y: 0px !important;}
	 footer{
		 background-image:none;
    background-color:rgba(26,26,25,1) !important;
    background-repeat: repeat-x;
    padding:25px 0;
	color:#fff;
	margin-top:-20px;
    }
	.paddingcc{
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.top-menu{
	display:none;
    }
	
	.m-top{
	 top:0px !important;
	 padding: 20px;
   }
	
}
 
 
 /*custom*/
    .slideout-menu { left: auto; }
    .btn-hamburger { left: auto; right: 12px;}
    .box { height: 1500px; }
	  
	@media screen and (max-width:768px){
		#demo{
		 margin-top:70px;}
		
		.formobile{
			display:block !important;}

		.forlargerscreen{
			display:none;}
	  }
	  
	.formobile{
	   display:none;}
	
	.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;}

	/* The colour of the indicators */
	.blog .carousel-indicators li {
	    background: #707070;
	    border-radius: 50%;
	    width: 8px;
	    height: 8px;
	}

	.blog .carousel-indicators .active {
	background: #4b5;
	}
	 
	/* Modal */ 
	 .modal-backdrop{
	  display:none;
	 }
	  
	.slideout-panel {
    will-change: auto;
	}	
 
 
 .bigfont{
 	font-size: 30px;
 }