body{
font-family: 'Open Sans', sans-serif;
left:0;
right:0;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Philosopher', sans-serif;
}

.spacer{
	height:25px;
}
.order{
	position:absolute;
	top:0;
	right:22%;
	display:block;
	content:'';
	font-family: 'Philosopher', sans-serif;
	font-weight:600;
	border:1px solid red;
	z-index:10000;
	
}
.order .btn{
display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .1rem .75rem;
	margin-bottom:5px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


#imp{
	padding:10px 0;
	color:white;
	font-size:14px;
	text-align:right;
	z-index:9999;
	position:relative;
}
#header-bg{
	
	padding-bottom:20px;
	padding-top:6px;
	transition:all 0.5s;
	position:absolute;
	
}

#header-bg.fixed{
    position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:#000;
	width:100%;
	transition:all 0.5s;
	padding-bottom:20px;
	padding-top:25px;
	
}
#header-bg2.fixed{
    position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:#000;
	width:100%;
	transition:all 0.5s;
	padding-bottom:5px;
	padding-top:10px;
	
}

#header-bg.fixed  ul li a{
		color:#fff;
		opacity:1;
}
#header-bg2.fixed  ul li a{
		color:#fff;
		opacity:1;
}
.total-menu-bar{
	padding-top:20px;
}

ul.first-menu, ul.second-menu{
	text-transform:uppercase;
	letter-spacing:1px;
}

/* first menu */

ul.first-menu{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
ul.first-menu li{
	display:inline-block;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
}
ul.first-menu li a{
	color:#fff;
	padding:10px;
	position:relative;
	font-family: 'Philosopher', sans-serif;
	opacity:0;
	
}

ul.first-menu li a:hover{
	text-decoration:none;
}
ul.first-menu li a:after{
	position:absolute;
	bottom:0px;
	left:0;
	display:block;
	content:'';
	width:0%;
	height:3px;
	background:#fff;	
	transition: all 0.25s ease;
}
ul.first-menu li a:hover:after{
	display:block;
	content:'';
	width:100%;
	height:3px;	
	transition:all 0.25s ease;
}

/* second menu */

ul.second-menu{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
ul.second-menu li{
	display:inline-block;
	margin-left:15px;
	margin-right:15px;
	font-family: 'Philosopher', sans-serif;
	margin-bottom:-10px;

	
}
ul.second-menu li a{
	color:#fff;
	padding:10px;
	position:relative;
	font-family: 'Philosopher', sans-serif;
	opacity:0;
	
	
}
ul.second-menu li a:hover{
	text-decoration:none;
}
ul.second-menu li a:after{
	position:absolute;
	bottom:0px;
	left:0;
	display:block;
	content:'';
	width:0%;
	height:3px;
	background:#fff;	
	transition: all 0.25s ease;
}
ul.second-menu li a:hover:after{
	display:block;
	content:'';
	width:100%;
	height:3px;	
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	transition:all 0.25s ease;
}

.navbar-nav .nav-link{
	font-family: 'Philosopher', sans-serif;	
}
/*  logo place holder */
.logo-circle{
	width:90px;
	height:90px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#000;
	position:absolute;
	top:0%;
	left:50%;
	transform:translate(-50%);
	opacity:0;
	border:1px solid red;
}
.logo-circle1{
	position:absolute;
	top:-20%; 
	left:50%;
	
}

/*#header-bg.fixed .logo-circle1{
	opacity:0;
}
#header-bg.fixed .logo-circle{
	width:50px;
	height:50px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:#000;
	position:absolute;
	top:0%;
	left:50%;
	transform:translate(-50%);
	opacity:1;
	z-index:999;
	
}*/

/* logo on homepage banner slider */

#vikendi-home-objects .logo-banner{
	background:transparent;
	position:absolute;
	top:100px;
	left:50%;
	text-align:center;
	transform:translate(-50%);
	z-index:1050;
	
}
#vikendi-home-objects.fixed .logo-banner{
	position:fixed;
	top:-5px;
	left:49%;
	text-align:center;
	transform:translate(-50%);
	z-index:1050;
	width:25%;
	opacity:1;
	
}
#vikendi-home-objects .logo-banner img{
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner img{
	width:50%;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector{
	position:absolute;
	top:-5%;
	left:-30%;
	width:100px;
	transform:rotate(-15deg);
	opacity:1;
	transition:all 0.5s ease;
	
}
#vikendi-home-objects.fixed .logo-banner .logo-vector{
	left:-100%; 
	top:-200%;
	transition:all 0.5s ease;
	opacity:0;
}
#vikendi-home-objects .logo-banner .logo-vector1{
	position:absolute;
	bottom:-40%;
	left:-55%;
	width:150px;
	transform:rotate(-20deg);
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector1{
	left:-80%;
	bottom:-10%;
	opacity:0;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector2{
	position:absolute;
	top:70%;
	left:-20%;
	width:150px;
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector2{
	top:-1000px;
	opacity:0;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector3{
	position:absolute;
	top:10%;
	right:-30%;
	width:150px;
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector3{
	right:-1000px;
	opacity:0;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector4{
	position:absolute;
    bottom:-40%;
	right:-50%;
	width:160px;
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector4{
	bottom:-20%;
	right:-2000px;
	opacity:0;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector5{
	position:absolute;
    top:60%;
	right:-20%;
	width:160px;
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector5{
    top:-100%;
	opacity:0;
	transition:all 0.5s ease;
}
#header-bg.fixed .logo-img{
	width:100%;
	background:#000;
	position:absolute;
	top:-120%;
   border:1px solid red;
	opacity:1;
	border:1px solid red;
}
</*
#banner .carousel-control-next-icon, .carousel-control-prev-icon{
	width:50px;
	height:50px;
	border-radius:50%;
	background:#f00;
	z-index:999;
	opacity:1;
}
#banner .carousel-control-next-icon, .carousel-control-prev-icon{
	animation: rotation 2s infinite linear;
}

@keyframes rotation {
		0% {
			transform: rotate(0deg);
		}
		100%{
			transform: rotate(359deg);
		}
}
*/
.carousel-indicators li{
	width:16px;
	height:16px;
	border-radius:50%;
}
.slider h3{
	color:#fec300;
	font-size:45px;
	font-style:italic;
	font-weight:600;
	line-height:70px;
}
.slider{
position:relative;
 }
.slider h1{
	 color:#fff;
	 font-size:60px;
	 font-weight:600;
 }
 .slider a.btn{
	 color:#fff;
	 font-size:14px;
	 text-decoration:none;
	 position:relative;
	 transform:scale(1);
	 transition:all 0.5s ease;
 }
 .slider a.btn:hover{
	 background:#40cae8;
	 color:#000;
	 transform:scale(1.1);
	 transition:all 0.5s ease;
 }
 .slider a.btn:before{
	 display:block;
	 content:'';
	 border:1px solid #fff;
	 position:absolute;
	 top:0px;
	 bottom:0px;
	 right:0px;
	 left:0px;
 }
 .slider a.btn:after{
	 display:block;
	 content:'';
	 border:1px solid #fff;
	 position:absolute;
	 top:5px;
	 bottom:5px;
	 right:-5px;
	 left:-5px;
 }
 .slider .banner-footer{
	 position:absolute;
	 height:75px;
	 width:100%;
	 bottom:-75px;
	 left:0;
	background-image:url('../images/bottom-splash.png');
	background-repeat:repeat;
	background-position:center;
	z-index:99;
 	  
 }

 .clearfix{
	 clear:both;
 }
 .dropbtn {
  background-color: #4CAF50;
  color:#000;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

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

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #000;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	color:#fff;
}
#header-bg.fixed .dropdown-content{
	color:#000;
	opacity:1;
}	
#header-bg.fixed .dropdown-content .dropdown-item{
	color:#fff;
}
#header-bg.fixed .dropdown-content .dropdown-item:hover{
	color:#000;
}
.dropdown-content a {
  color:#fff;
  padding:15px 16px;
  text-decoration: none;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight:600;
  font-size:14px;
  opacity:1;
  z-index:2;
  
}

.dropdown-content a:hover {
	background-color: #d8d8d8;
	color:#000;
}

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

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

.page-content{
	padding-top:80px;
	padding-bottom:80px;
}
#contact-form .form-heading{
	font-size: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #f6f7f7;
	font-family:'Berkshire Swash';
}
#contact-form p.group{
	float: left;
    padding-left: 8px;
    padding-right: 8px;
    width: 33.33333333%;
    margin-bottom: 15px;
}
.#contact-form label{
	display: block;
    margin-bottom: 15px;
	
	}
.map{
	width:100%;
	
}
label{
	font-size: 16px;
    font-weight: 600;
    color: #3a4543;
}
.group input[type="text"]{
	border:1px solid red;
	padding: 10px 12px;
    font-size: 14px;
    width: 100%;
    border: 1px solid #e7e7e7;
    background: #fdfdfd;
    -webkit-box-shadow: inset 0px 2px 1px #f8f8f8;
    box-shadow: inset 0px 2px 1px #f8f8f8;
    outline: 0;
    margin-bottom: 20px;
}
.group input[type="text"]:focus{
	 outline: 1px solid #731d04;
}
.group input[type="email"]{
	border:1px solid red;
	padding: 10px 12px;
    font-size: 14px;
    width: 100%;
    border: 1px solid #e7e7e7;
    background: #fdfdfd;
    -webkit-box-shadow: inset 0px 2px 1px #f8f8f8;
    box-shadow: inset 0px 2px 1px #f8f8f8;
    outline: 0;
    margin-bottom: 20px;
}
.group input[type="email"]:focus{
	 outline: 1px solid #731d04;
}

.group textarea{
	padding: 10px 12px;
    font-size: 14px;
    width: 100%;
    border: 1px solid #e7e7e7;
    background: #fdfdfd;
    -webkit-box-shadow: inset 0px 2px 1px #f8f8f8;
    box-shadow: inset 0px 2px 1px #f8f8f8;
    outline: 0;
    margin-bottom: 20px;
	
}
.group textarea:focus{
	 outline: 1px solid #731d04;
}
#contact-form .sent{
	
}
address{
	line-height:1.6em;
}

 input[type="submit"] {
    color: #fff;
    background: #3a4543;
    padding: 6px 23px;
    font-weight: 700;
    border: 0;
	margin-top:20px;
	margin-bottom:20px;
 }
 .add-bar{
	 margin-bottom:50px;
	
 }
 .add-bar.contact-details-add .wrapper {
    color: #7f8281;
    font-size: 14px;
    background: #f6f7f7;
    padding: 24px 26px;
 }
 .contact-details-add .title{
	font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    text-transform: capitalize;
    border: none;
    margin-bottom: 30px;
    padding: 0; 
	font-family:'Berkshire Swash';
 }
  .add-bar.contact-details-add address span{
	  display:block;
	margin-bottom:10px;
    font-style: normal;
   	color: #758182;
}
 .add-bar.contact-details-add address i{
	color: #3a4543;
    font-size: 17px;
    margin-right: 5px;
}
.add-bar.contact-details-add span{
	display: block;
    margin-bottom:2px;
}
.add-bar.contact-details-add i{
	color: #3a4543;
	font-size: 17px;
    margin-right: 5px;
   
}
.map{
	padding:20px;
}

.map .iframe-container{
	
	padding:20px;
	max-width:100%;
	position:relative;
	
}
.iframe-container iframe{
	width:100%;
	height:250px;
}
.content{ 
	padding-top:40px;
	padding-bottom:40px;
}
.content h1{
	
}
.content img{
	width:24rem;

}	
.content .description{
	line-height:28px;
	color:#504e4e;
	font-size:14px;
}
.our-products{
		
	background-image:url('../images/our-products1.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;	
}
.our-bann{
	text-align: center;
    padding-bottom: 100px;
}
.our-bann h2{
	color: #fff;
    padding-top: 170px;
	 font-family: 'Philosopher', sans-serif;	
    font-weight: 700;
    font-size: 62px;	
}

.products{
	padding:40px 0px;
}
.products .tabs-section{
	padding:20px 0px;
}
.products .tabs-section .container{
	width:1400px;
	max-width:100%;
}
.products .nav-tabs{

  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
	
}
.products .nav-tabs a{
		background-color: inherit;
	  float: left;
	  border: none;
	  font-family: 'Philosopher', sans-serif;	
		color:#000;
	  outline: none;
	  cursor: pointer;
	  padding: 10px 27px;
	  margin-right:4px;
	  margin-bottom:2px;
	  transition: 0.3s;
	  font-size: 22px;
	}
.products .nav-tabs a:hover {
  background-color: #ddd;
}
.products .nav-tabs a.active {
  background-color: #fda253;
}
.products .tab-content {
  border: 1px solid #ccc;
  border-top: none;
  background-color:#fda253;
}


#burgers .our-menu{
	
	padding-bottom:30px;
	background-color:#fda253;
}

#burgers .our-menu h4{
	
	margin:0;
	padding:0;
	font-family: 'Philosopher', sans-serif;
	font-weight:600;
	font-size:30px;
	padding-bottom:30px;
}
.our-menu .table-responsive{
	padding:10px 20px;
	border:none;
}
.our-menu .table-responsive .table td{
	border-top:none;
}
.our-menu h5{
	margin:0;
	padding:0;
	font-size:25px;
	font-family: 'Philosopher', sans-serif;
	font-weight:900;
	text-align:center;
	padding-top:30px;
	padding-bottom:10px;
	color:#000;
}
.content h1{ 
	 margin:0;
	 padding:20px 0;
	 font-size:50px;
	 line-height:30px;
	 position:relative;
	
}
 .content h1 span{
	 font-size:50%;
 }
 .content h5{
    margin:0;
	position:relative;
    margin-top:16px;
    margin-left:10px;
 }
 .content h1:before{
	 display:block;
	content:'';
	width:400px;
	height:4px;
	background:#3c86f4;
	position:absolute;
	top:70%;
	left:0;
	
}
.content h1:after{
	display:block;
	content:'';
	width:400px;
	height:4px;
	background:#3c86f4;
	position:absolute;
	top:70%;
	right:0;
	
}
.content .description{
	padding:20px;
	margin-top:20px;
}
.content .description a{
	text-decoration:none;
	font-family:'philosopher', san-serif;
	font-weight:600;
	font-size:14px;
}
.frame-box{
	padding-top:40px;
	padding-bottom:24px;
}
.frame-box h2{
	margin:0;
	padding:0;
	font-size:40px;
}
.promo{
	background:url('../images/icecream-banner.jpg');
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
}
.promo h2{
	margin:0;
	padding:20px 0px;
	font-size:70px;
	line-height:90px;
	font-weight:600;
	color:#fff;
	margin-top:30px;
	margin-bottom:30px;
}
.content h2{
	margin:0;
	margin-top:20px;
	margin-bottom:10px;
	font-size:30px;
	font-style:bold;
	font-weight:500;
	
}
.details-image{
	
	padding-top:30px;
	padding-bottom:30px;
}
.details-image .services{
	margin-top:20px;
	margin-bottom:50px;
}
.details-image .services h2{
	margin:0;
	padding:0;
	font-size:35px;
	font-weight:600;
	position:relative;
	padding-bottom:12px;
	
}
.details-image a i{
	width:90px;
	height:90px;
	background:#e9bc19;
	padding:30px 0px;
	border-radius:50%;
	text-align:center;
	line-height:30px;
	font-size:30px;
	float:left;
	margin:10px;
	color:#000;
	transition:all 0.5s ease;
}
.details-image a i:hover{
	background:#000;
	color:#fff;
	
	transition:all 0.9s ease;
}
.details-image .text{
	color:#000;
	float:left;
	margin-top:30px;
}
.details-image .text h4 a{
	text-decoration:none;
	color:#000;
	font-size:18px;
	font-weight:bold;
}
.work-gallery{
	padding-top:20px;
	margin-top:40px;
}
.work-gallery h2{
	margin:0;
	padding:0;
	color:#fca529;
	font-size:40px;
	margin-top:20px;
}
.work-gallery p{
	font-family:'Philosopher';
	color:#000;
	font-size:14px;
}

.product-item{
	//width:230px;
	//height:230px;
    overflow:hidden;
	text-align:center;
	position:relative;
	
}
.product-item img{
    position:relative;
	
}
.product-item  .overlay{
	position:relative;
	top:50%;
	left:50%;
	width:0%;
	height:0%;
	background:rgba(0,0,0,0.2);
	z-index:1;
	opacity:0;
	transition:all 0.5s ease;
	
}
.product-item:hover .overlay{
	position:absolute;
	top:5%;
	left:5%;
	width:90%;
	height:90%;
	opacity:1;
	transition:all 0.5s ease;
}
.product-item  span{
	position:absolute;
	top:50%;
	left:-50%;
	transform:transition(-50%,-50%);
	width:45px;
	height:2px;
	background:#ff5;
	z-index:5;
	opacity:1;
	transition:all 0.5s ease; 
}
.product-item:hover span{
	position:absolute;
	top:50%;
	left:40%;
	transform:transition(-50%,-50%) rotate(0deg);
	width:45px;
	height:2px;
	background:#ff5;
	z-index:5;
	opacity:1;
	transition:all 0.5s ease; 
}
.product-item  span:first-of-type{
	position:absolute;
	left:110%;
	transform:translate(-50%,-50%) rotate(0deg);
	width:5px;
	height:2px;
	background:#ff5;
	z-index:5;
	opacity:1;
	transition:all 0.5s ease; 
}
.product-item:hover span:first-of-type{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) rotate(90deg);
	width:45px;
	height:2px;
	background:#ff5;
	z-index:5;
	opacity:1;
	transition:all 0.5s ease; 
}
.work-gallery h3{
	color:#000;
	font-size:20px;
}
.product-item:hover .work-gallery h3{
	color:#f00;
}

.work-gallery h6{
	width:100px;
	background:#f0d708;
	text-align:center;
	padding:5px;
	margin:0 auto;
	overflow:hidden;
	position
	
}
.img-title p{
	font-size:14px;
	font-weight:normal;
	text-align:center;
	
}
.img-title h5{
	color:#f6b71f;
	margin:0;
	padding-top:5px;
	padding-bottom:30px;
}
.our-services{
	padding:50px;

}
.our-services h4{
	font-size:18px;
	font-weight:600;
	font-style:italic;
	
}
.our-services h2{
	margin:0;
	padding:0;
	font-size:27px;
	font-weight:600;
	position:relative;
	padding-bottom:12px;
}
.our-services h2:after{
	
	display:block;
	content:'';
	position:absolute;
	width:70px;
	height:2px;
	border-bottom:4px double #f00;
	bottom:-20%;
	left:43%;
}
.our-services p{
	margin:0;
	padding:0;
	padding-top:15px;
	padding-bottom:20px;
}
.our-services h3 a{
	font-family:'Philosopher';
	text-decoration:none;
	color:#772005;
}
.our-services h3 a:hover{
	color:#007bff;
}
.clearfix{
	clear:both;
}
.img-rotate{
  padding:10px;

  }
  .img-box{
		
	position:relative;
  }
  .img-box img{
	 
  }
  .img-box a{
  
  display:block;
  content:"";
  position:absolute;
  left:135px;
  top:50px;
  font-size:60px;
  padding:10px;
  color:#772005;

  }
  .img-box:hover img{
	animation: rotation 2s infinite linear;
}

@keyframes rotation {
		0% {
			transform: rotate(0deg);
		}
		100%{
			transform: rotate(359deg);
		}
}
/*....menu...*/
.menu{
	padding:30px;
}
.menu h2{
	text-align:center;
	font-family:'Philosopher';
	font-weight:600;
	font-size:30px;
}
.menu  p{
	text-align:center;
	font-family:'Philosopher';
	color:#8f8f8f;
	font-size:14px;
}

/*.....testmonials....*/
.testimonials{
	background-image:url('../images/testimonial-banner.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	padding:70px;
	position:relative;
}
.testimonials .text{
	
	padding-top:10px;
	padding-bottom:40px;
}
.testimonials .text h2{

	font-family:'Philosopher';
	font-style:bold;
	font-weight:600;
	font-size:40px;
	line-height:60px;
}
.testimonials .feedback1{
	
	
}
.photo-frame{

position:relative;
overflow:hidden;
float:left;
margin:10px;
}
.photo-frame img{
transform:scale(1);
transition:all 0.5s ease;
}
#bann .carousel-control-next-icon{
	
}
#bann .carousel-control-prev-icon{
	
}

/*............about us...................*/
#header-bg2 .order {
	
	float:right;
	width:100px;
	position:absolute;
	top:0;
	right:24%;
	text-align:center;
	background-color:#fff333;
	border-radius:5%;
	margin:10px;
	opacity:0;
}
#header-bg2.fixed .order {
	
	float:right;
	width:100px;
	position:absolute;
	top:0;
	right:22%;
	text-align:center;
	background-color:#fff333;
	border-radius:5%;
	margin:5px;
	opacity:1;
}
#header-bg2 .order a{
	text-decoration:none;
	display:block;
	color:#000;
	padding:3px 3px;
	font-size:14px;
	font-weight:600;
}
#header-bg2.fixed{
    position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:#000;
	width:100%;
	transition:all 0.5s;
	padding-bottom:5px;
	padding-top:10px;
	
}
#header-bg2.fixed .dropdown-content a:hover{
    color: #000;
   

}


.navbar ul{

}
.navbar ul li{
	
}
.navbar ul li a{
	color:#fff;
	padding:10px;
	position:relative;
}
.navbar ul li a:hover{
	text-decoration:none;
}
.navbar ul.navbar-nav li a:after{
	position:absolute;
	bottom:0px;
	left:0;
	display:block;
	content:'';
	width:0%;
	height:3px;
	background:#f00;	
	transition: all 0.25s ease;
}
.navbar ul.navbar-nav li a:hover:after{
	display:block;
	content:'';
	width:15%;
	height:2px;	
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.logo-circle1 {
    position: absolute;
    top: -40%;
    left: 50%;
}
.logo-circle1 img{
	background:transparent;
	position:absolute;
	top:-10px;
	left:50%;
	text-align:center;
	transform:translate(-50%);
	z-index:1050;
	width:15rem;
}
.navbar .dropdown-content a {
	color:#fff;
}
.dropdown-content a:hover {
    background-color:#d8d8d8;
    color:#000;
}
#header-bg2.fixed .dropdown-content {
    color: #000;
    opacity:1;
}
ul.first-menu li a{
	color:#fff;
	padding:10px;
	position:relative;
	font-weight:600;
	font-size:14px;	
}
ul.second-menu li a{
	color:#fff;
	padding:8px;
	position:relative;
	font-weight:600;
	font-size:14px;	
}
.navbar-brand img{
	width:12rem;	
}
.bann2{
	background:url('../images/pro-gallery.jpg');
	background-size:cover;
	background-repeat:no-repeat;	
}

.bann1{
	background:url('../images/about-page1.jpg');
	background-size:cover;
	background-repeat:no-repeat;	
}
.cnt-banner{
	text-align: center;
    padding-bottom: 100px;
}
.cnt-banner h3{
	color: #fff;
    padding-top: 170px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size: 62px;	
}
.ser1{
	background:url('../images/mocktails.jpg');
	background-size:cover;
	background-repeat:no-repeat;	
}
.cnt-banner1{
	text-align: center;
    padding-bottom: 100px;
}
.cnt-banner1 h3{
	color: #fff;
    padding-top: 170px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size: 62px;	
}
.abot-services{
	padding-top:80px;
	text-align:center;
	padding-bottom:40px;
}
.abot-services h5{
	font-size:20px;
	font-weight:600;
	font-family:'Berkshire Swash';
}
.abot-services h2{
	margin:0;
	padding:0;
	font-family:'Berkshire Swash';
	font-size:45px;
	font-weight:600;
	position:relative;
	padding-bottom:12px;
	padding-top:15px;
}
.abot-services h2:after{
	
	display:block;
	content:'';
	position:absolute;
	width:70px;
	height:2px;
	border-bottom:4px double #f00;
	bottom:-10%;
	left:45%;
}
.abot-services p{
	margin:0;
	padding:0;
	padding-top:20px;
	padding-bottom:20px;
	margin:20px;
	color:#515150;
	line-height:28px;
	font-size:14px;
	font-family:'Philosopher';
}
.fixed-bann{
	background-image:url('../images/about-page12.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}
.fixed-bann1{
	background-size: cover;
    position: relative;
    z-index: 2;
    min-height: 145px;

}
.tit-title{
	text-align: center;
    padding-bottom: 120px;
}
.tit-title h3{
	color: #fff;
    padding-top: 180px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:50px;
}
.bann-con{
	background:url('../images/contact-banner.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	
}
.bann-con h3{
	color: #fff;
    padding-top: 170px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size: 62px;	
}
.our-history{
	padding:30px;
	position:relative;
}
.our-history .description{
	text-align:justify;
	margin-top:50px;
	color:#515150;
	font-size:14px;
	font-family:'Philosopher';
	padding:35px 5px;
}
.our-history .description h4{
	margin:0;
	padding:0;
	font-family:'Philosopher';
	font-size:24px;
	color:#000;
	padding:20px 0px;
}
.our-history .star{
	position:relative;
	text-align:center;
	
}
.our-history  .star:before{
	display:block;
	content:"";
	position:absolute;
	width:42%;
	border:1px solid #d8d8d8;
	top:50%;
	transform:translateY(-50%);
	left:0;
}
.our-history .star:after{
	display:block;
	content:"";
	position:absolute;
	width:42%;
	border:1px solid #d8d8d8;
	top:50%;
	transform:translateY(-50%);
	right:0;
}
.our-chefs{
	background-color:#f1efef;
	padding-top:30px;
	padding-bottom:30px;
}
.our-chefs img{
	padding:20px;
}
.our-chefs h2{
	margin:0;
	padding:0;
	font-weight:60px;
	font-family:'Berkshire Swash';
	font-weight:normal;
	text-align:center;
	padding:20px 10px;
}
.our-chefs .des{
	text-align:justify;
	margin-top:10px;
	color:#515150;
	font-size:14px;
	font-family:'Philosopher';
	padding:35px 5px;
}

.slide-content{
	
	padding:10px;
}
.slide-content h3{
	margin:0;
	padding:0;
	text-align:justify;
	font-size:30px;
	font-family:'Philosopher';
	padding:10px;
}
.slide-content p{
	margin:0;
	padding:0;
	text-align:justify;
	font-size:16px;
	line-height:1.6rem;
	font-family:'Philosopher';
	padding:10px;
	color:#999;
}
.pro-services{
	padding-top:80px;
	text-align:center;
	padding-bottom:40px;
}
.pro-services h5{
	font-size:20px;
	font-weight:600;
	font-family:'Berkshire Swash';
}
.pro-services h2{
	margin:0;
	padding:0;
	font-family:'Berkshire Swash';
	font-size:45px;
	font-weight:600;
	position:relative;
	padding-bottom:10px;
	padding-top:15px;
}
.pro-services h2:after{
	display:block;
	content:'';
	position:absolute;
	width:70px;
	height:2px;
	border-bottom:4px double #f00;
	bottom:-10%;
	left:45%;
}
.image-picture{
	padding-top:60px;
	padding-bottom:30px;
}
.image-picture .row{
	margin-left:0;
	margin-right:0;
}
.image-picture .col-md-3{
	padding-left:0;
	padding-right:0;
}
.icecream-pro{
	padding-top:30px;
	padding-bottom:30px;
}

/*.................blog page................*/

 .blog1{
	background:url('../images/blog_bur.jpg');
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	padding:150px;
	text-align:center;
	
}
.blog1 h5{
	color:#fff;
	font-family:'Berkshire Swash';
	font-size:30px;
	margin-top:70px;
	padding-top:10px;
}
 .blog1 h2{
	margin:0;
	padding:0;
	color:#fff;
	font-weight:900;
	padding:5px;
	font-family:'Berkshire Swash';
	margin-top:10px;
 }
 
.blog-bann{
	padding:60px 0px;
	text-align:center;
	margin-top:100px;
}	
.blog-bann .icecream-bann img{
	width:100%;
	max-width:100%;
	margin:0 auto;
	position:relative;
}
.enter-blog{
	text-align:justify;
	padding:20px;
} 
.enter-blog .enter-header {	
	padding:15px 0px;
}	
.enter-blog .enter-header h2{
	margin:0;
	padding:0;
	text-align:justify;
	
}
.enter-blog .enter-header h2 a{
	display:block;
	text-decoration:none;
	font-family:'philosopher';
	font-size:32px;
	font-weight:600;
	color: #3e606b;
	padding:10px 0px;
}
.enter-blog .enter-header h2 a:hover{
	color: #f195b2;
}
.enter-blog .enter-header p{
	font-family:'philosopher';
	text-align:justify;
	font-size:14px;
	line-height:28px;
	color:#797979;
	
}
.enter-blog .btn{
		
}
.enter-blog .btn:hover{
	color:#000;
}

.clear-fix{
		clear:both;
}
.blog-bann1{
	padding:60px 0px;
	text-align:center;

	
}	
.blog-bann1 .icecream-bann img{
	width:100%;
	max-width:100%;
	margin:0 auto;
	overflow:hidden;
}

/*........footer...............................*/
footer .foot{
	background:#282424;
}
footer .footer-menu{
	border:1px solid red;
	
}
/*..........burger products............*/
 .burg-pro{
	background:url('../images/burgers-bann.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:scroll;	
}
.cnt-banner2{
	text-align: center;
    padding-bottom: 100px;
}
 .cnt-banner2 h3{
	color: #fff;
    padding-top: 170px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size: 62px;	
}
 .sand-pro{
	 background:url('../images/sand-wiches-menu.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:scroll;
}
.sand-banner{
	text-align: center;
    padding-bottom: 100px;
}
 
 .sand-pro h3{
	color: #fff;
    padding-top: 170px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size: 62px;
 }
 .burg-head{
	
	padding-top:30px;
	padding-bottom:40px;
 }
 .burg-head h2{
	 padding:0;
	 margin:0;
	font-family:'Berkshire Swash';
	font-size:50px;
	padding:15px 0px;
	text-align:center;
 }
 .burg-head .our-menu{
	
	padding-bottom:50px;
	border:1px solid #e0dfdf;
	background-image:url('../images/menu-list.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:2%;
	overflow:hidden;
}

 .burg-head .our-menu1{
	
	padding-bottom:50px;
	border:1px solid #e0dfdf;
	background-image:url('../images/sandwich-menu.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:2%;
	overflow:hidden;
	padding:10px;
}


 .burg-head .our-menu2{
	
	padding-bottom:50px;
	border:1px solid #e0dfdf;
	background-image:url('../images/pizza-menu.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:2%;
	overflow:hidden;
	padding:10px;
}

 .burg-head .our-menu3{
	
	padding-bottom:50px;
	border:1px solid #e0dfdf;
	background-image:url('../images/pasta-menu.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:2%;
	overflow:hidden;
	padding:10px;
}

 .burg-head .our-menu4{
	
	padding-bottom:50px;
	border:1px solid #e0dfdf;
	background-image:url('../images/starter1-menu.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:2%;
	overflow:hidden;
	padding:10px;
}

 .burg-head .our-menu5{
	
	padding-bottom:50px;
	border:1px solid #e0dfdf;
	background-image:url('../images/gelatos-menu1.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:2%;
	overflow:hidden;
	padding:10px;
}
 .burg-head .our-menu6{
	
	padding-bottom:50px;
	border:1px solid #e0dfdf;
	background-image:url('../images/milk-menu.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:2%;
	overflow:hidden;
	padding:10px;
}
.burg-head h5{
	
	margin:0;
	padding:0;
	font-family: 'Philosopher', sans-serif;
	font-weight:600;
	font-size:22px;
	padding-top:30px;
	padding-bottom:30px;
	color:#000;
	padding-right:10px;
	text-align:center;
}
.burg-head .pop-head{
	border:1px solid red;
	padding:20px;
	width:400px;
	margin:0 auto;
}
.burg-head h3{
	
}
 .pop-table{
	border:1px solid red;
}
.on-app{
	background-color:#ffd800;
	margin-top:20px;
	padding:10px;
	width:40px;
	text-align:center;
	font-family: 'Philosopher', sans-serif;
	font-weight:600;
	font-size:16px;
	border-radius:2%;
}
.on-app a{
	text-decoration:none;
	color:#000;
	padding:10px 4px;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
  padding-top: 150px;
  padding-left:10px;
  padding-right:10px;

}
.modal-content {
	
  background:#fff;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #000;
  width:20%; /* Could be more or less, depending on screen size */
  padding:10px;
}
/* The Close Button (x) */
.modal-content .close {
  position: absolute;
  right: 10px;
  top:-30px;
  color: #000;
  font-size: 35px;
  font-weight: bold;
  padding:5px 10px;
}
.modal-content .btn{
	color:#000;
	font-weight:600;
	font-family: 'Philosopher', sans-serif;
	width:100%;

}
.imgcontainer {
  text-align: center;
  margin: 24px 0 25px 0;
  position: relative;  
}
.imgcontainer h3{
	color:#000;
	font-weight:600;
	font-family: 'Philosopher', sans-serif;
	text-transform:uppercase;
}
.modal .pop-order{
	text-align:center;
	padding:15px;
	margin:20px;

}
.modal .pop-order1{
	text-align:center;
	padding:15px;
}	
.pastas-head{
	background:url('../images/pastas-menu.jpg');
	background-size:cover;
	background-repeat:no-repeat;	
 }
.pastas-head h3{
	color: #fff;
    padding-top: 170px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:30px;
 }	
.pizza-pro{
	background:url('../images/pizzas-menu.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	
}
.pizza-pro h3{
	color: #fff;
    padding-top: 170px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size: 62px;
 }
.starter-head{
	background:url('../images/starter-menu.jpg');
	background-size:cover;
	background-repeat:no-repeat;	
}
.starter-head h3{
	color: #fff;
    padding-top: 170px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size: 62px;
 }
 .gelato-head{
	background:url('../images/gelato-menu.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}
 .gelato-head h3{
	color: #fff;
    padding-top: 170px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size: 62px;
 }
 .beverages-head{
	 background:url('../images/beverages-menu.jpg');
	background-size:cover;
	background-repeat:no-repeat;
 }
 .beverages-head h3{
	color: #fff;
    padding-top: 170px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size: 62px;
 }
 
.table{
	width:95%;
	table-layout:fixed;
	border-collapse:collapse;
}
td{
	padding-bottom:2em;
	padding-bottom:0em !important;
	vertical-align:bottom;
	font-family: 'Philosopher', sans-serif;
	font-size:18px;
}
td:first-child{
	text-align:left;
	font-weight:600;
	overflow:hidden;
	position:relative;
	
}
td:first-child::after{
	content:'';
	position:absolute;
	bottom:0;
	width:700px;
	height:0px;
	margin-left:1em;
	border-bottom:2px dotted #000;
}
 td:last-child{
	 text-align:left;
	 width:2em;
 }
 .table td{
	 border-top:none;
		font-weight:700;
 }
 .footer{
	 padding-top:30px;
	 padding-bottom:30px;
	
	background:#000;
	background-size:cover;
   
	color:#fff;

 }
.footer .contact-img{
	
	padding:20px 10px;
	margin-top:20px;
	text-align:justify;
}
.footer .title h3{
	font-size: 23px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 30px;

}
.footer .ads{
	text-align:justify;
	font-size:14px;
}
.footer ul.quick-links{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.footer ul.quick-links li{
	padding:2px;
	margin-right:50px;
}
.footer ul.quick-links li a{
	color:#fff;
	line-height:1.2em;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	font-family:'Philosopher';
	font-weight:600;
	text-align:center;
}
.footer ul.quick-links1{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.footer ul.quick-links1 li{
	padding:2px;
	
}
.footer ul.quick-links1 li a{
	color:#fff;
	line-height:1.2em;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	font-family:'Philosopher';
	font-weight:600;
	text-align:center;
}
.footer .social-links ul {
}
.footer .social-links ul li{
	display:inline-block;
	width:50px;
	height:50px;
	background:#000;
	padding:10px;
	text-align:justify;
	line-height:20px;
	margin-top:10px;
	background-color:red;
}
.footer .social-links ul li a{

	color:#fff;
	font-size:30px;
	font-family:'Philosopher';
	font-weight:600;

}
.footer .social-links ul li:hover{
	background:#24beea;
}
.footer .social-links ul li:hover a{
	color:#000;
	
}
.footer .social-links ul li.fa-facebook{
	border:1px solid #fff;
}

.copy{
	padding:10px;
	background-color:#dedcdc;	
}
.copy p{
	margin:0;
	font-size:18px;
	font-family:'Philosopher';
	color:#000;
}
.footer .add a i{
	color:#fff;
	padding-right:8px;
	font-size:18px;
}
.footer .add a{
	text-decoration:none;
	color:#fff;
	padding:10px 0px;
	margin:0px 2px;
}

.footer .social-links1{
	float:left;
	padding:5px;
	
}
.footer .social-links1 .soci-1 a{
	
	display:inline-block;
	width:40px;
	height:40px;
	padding:10px;
	text-align:center;
	line-height:3px;
	margin-top:10px;
	margin-bottom:3px;
	background-color:#475993;
	color:#fff;
	font-size:26px;
	border-radius:50%;
	float:left;
	margin-right:6px;
	
}
.footer .social-links1 .soci-1 a:hover{
	  color: #000;
}
.footer .social-links1 .soci-2 a{
	
	display:inline-block;
	width:40px;
	height:40px;
	padding:10px;
	text-align:justify;
	line-height:3px;
	margin-top:10px;
	margin-bottom:3px;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	box-shadow: 0px 3px 10px rgba(0,0,0,.25);
	color:#fff;
	font-size:26px;
	border-radius:50%;
	float:left;
	margin-right:6px;
}
.footer .social-links1 .soci-2 a:hover{
	  color: #000;
}
.footer .social-links1 .soci-3 a{
	
	display:inline-block;
	width:40px;
	height:40px;
	padding:10px;
	text-align:justify;
	line-height:3px;
	margin-top:10px;
	margin-bottom:3px;
	background-color:#00d95f;
	color:#fff;
	font-size:26px;
	border-radius:50%;
	
}
.footer .social-links1 .soci-3 a:hover{
	  color: #000;
}

.slide-block{
	padding:30px;
	overflow:hidden;
	margin-top:150px;
}
#img-block .tit-des h2{
	
	text-transform:capitalize;
	font-size:37px;
	font-weight:600;
	padding:10px;
	border-bottom:1px solid #ccc;
	color: #3e606b;
}
#img-block .frame{
	margin-bottom:10px;
	overflow:hidden;
}
#img-block .frame img{
	transform:scale(1);
	transition:all 0.5s ease;
}
#img-block .frame:hover img{
	transform:scale(1.2);
	transition:all 1s ease;
}
#img-block p{
	font-size: 14px;
    line-height: 28px;
    color: #797979;
    margin-bottom: 15px;
	padding:10px 0px;
}
.categories{
	margin-top:50px;
	padding:20px;
}
.tit-pro h4{
	color: #3e606b;
    font-size: 23px;
	font-family: 'Philosopher', sans-serif;	
	font-weight:700;
	position:relative;
}
.tit-pro h4:after{
	content:'';
	position:absolute;
	bottom:0;
	width:40px;
	height:0px;
	margin-left:0.5em;
	border-bottom: 1px solid #e6e6e6;
	
}
.categories .pro-list{
	margin:0;
	padding:0;
	list-style:none;
}
.categories .pro-list li{
	border-bottom: 1px solid #e6e6e6;
    padding: 9px 0;

}
.categories .pro-list li a{
	display: block;
    font-size: 14px;
    font-family: "Open Sans",sans-serif;
    color: #797979;
    line-height: 27px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
	text-decoration:none;
}
.categories .pro-list li a:hover{
    color: #f195b2;
}
.cate-blog{
	
	padding:10px;
}
 .tit-blog h4{
	color: #3e606b;
    font-size: 23px;
	font-family: 'Philosopher', sans-serif;	
	font-weight:700;
	position:relative;
	text-align:justify;
}
.tit-blog h4:after{
	content:'';
	position:absolute;
	bottom:0;
	width:40px;
	height:0px;
	margin-left:0.5em;
	border-bottom: 1px solid #e6e6e6;
}
.cate-blog .pro-blog{
	margin:0;
	padding:0;
	list-style:none;
	
}
.cate-blog .pro-blog li{
	border-bottom: 1px solid #e6e6e6;
    padding: 9px 0;
	text-align:justify;
}
.cate-blog .pro-blog li a{
	display: block;
    font-size: 14px;
    font-family: "Open Sans",sans-serif;
    color: #797979;
    line-height: 27px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
	text-decoration:none;
}
.cate-blog .pro-blog li a:hover{
    color: #000;
}



</*.........start media quires.............*/
@media screen and (min-width: 360px) and (max-width: 568px) {
	.content img{
	width:14rem;

	}	
	
	.content .description{
	line-height:28px;
	color:#504e4e;
	font-size:14px;
	}
	.products .tabs-section{
		padding:10px;
	}
	.products .tabs-section a{
		padding:5px 5px;
		font-family: 'Philosopher', sans-serif;	
		color:#000;
		background-color:#dfdfdf;
		
		font-size:16px;
		
	}
	.products .tabs-section a:hover{
		background-color:#fda253;
	}	
	.content h1{ 
	 margin:0;
	 padding:20px 0;
	 font-size:50px;
	 line-height:30px;
	 position:relative;
	
}
 .content h1 span{
	 font-size:18px;
 }
 .content h5{
    margin:0;
	position:relative;
    margin-top:16px;
    margin-left:10px;
 }
 .content h1:before{
	 display:block;
	content:'';
	width:250px;
	height:4px;
	background:#3c86f4;
	position:absolute;
	top:70%;
	left:0;
	
}
.content h1:after{
	display:block;
	content:'';
	width:400px;
	height:4px;
	background:#3c86f4;
	position:absolute;
	top:70%;
	right:0;
	
}
.our-pro{
		
	background-image:url('../images/our-products1.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}
.our-bann{
	text-align: center;
    padding-bottom:60px;
}
.our-bann h2{
	color: #fff;
    padding-top: 100px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:40px;	
}
.modal-content {
	background:#000;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #000;
  /* Could be more or less, depending on screen size */
  padding:10px;
  width:100%;

}
}
@media (max-width:1024px) and (min-width:768px){
	#vikendi-home-objects .logo-banner{
	background:transparent;
	position:absolute;
	top:100px;
	left:50%;
	text-align:center;
	transform:translate(-50%);
	z-index:1050;

}
#vikendi-home-objects .logo-banner img{
	width:80%;
	max-width:100%;
	
}
#vikendi-home-objects.fixed .logo-banner{
	position:fixed;
	top:0px;
	left:49%;
	text-align:center;
	transform:translate(-50%);
	z-index:1050;
	width:25%;
	opacity:1;
	
}
#vikendi-home-objects .logo-banner img{
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner img{
	width:80%;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector{
	position:absolute;
	top:10%;
	left:-30%;
	width:60px;
	transform:rotate(-15deg);
	opacity:1;
	transition:all 0.5s ease;
	
}
#vikendi-home-objects.fixed .logo-banner .logo-vector{
	left:-100%; 
	top:-200%;
	transition:all 0.5s ease;
	opacity:0;
}
#vikendi-home-objects .logo-banner .logo-vector1{
	position:absolute;
	bottom:-20%;
	left:-25%;
	width:70px;
	transform:rotate(-20deg);
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector1{
	left:-80%;
	bottom:-10%;
	opacity:0;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector2{
	position:absolute;
	top:50%;
	left:-10%;
	width:70px;
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector2{
	top:-1000px;
	opacity:0;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector3{
	position:absolute;
	top:10%;
	right:-30%;
	width:60px;
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector3{
	right:-1000px;
	opacity:0;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector4{
	position:absolute;
    bottom:-25%;
	right:-35%;
	width:90px;
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector4{
	bottom:-20%;
	right:-2000px;
	opacity:0;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector5{
	position:absolute;
    top:40%;
	right:-20%;
	width:90px;
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector5{
    top:-100%;
	opacity:0;
	transition:all 0.5s ease;
}
#header-bg.fixed .logo-img{
	width:100%;
	background:#000;
	position:absolute;
	top:-120%;
	opacity:1;
	border:1px solid red;
}
.products{
	padding:40px;
}
.products .tabs-section{
	padding:20px;
}
.products .nav-tabs{

  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;

}
.products .nav-tabs a{
		background-color: inherit;
	  float: left;
	  border: none;
	  font-family: 'Philosopher', sans-serif;	
		color:#000;
	  outline: none;
	  cursor: pointer;
	  padding: 6px 20px;
	  margin-right:6px;
	  margin-bottom:2px;
	  transition: 0.3s;
	  font-size: 14px;
	}
.products .nav-tabs a:hover {
  background-color: #ddd;
}
.products .nav-tabs a.active {
  background-color: #fda253;
}
.products .tab-content {
 

  border: 1px solid #ccc;
  border-top: none;
  background-color:#fda253;
}
	.img-box a{
  
  display:block;
  content:"";
  position:absolute;
  left:100px;
  top:60px;
  font-size:50px;
  padding:10px;
  color:#772005;

  }
  .content h1{ 
	 margin:0;
	 padding:20px 0;
	 font-size:35px;
	 line-height:26px;
	 position:relative;
	
}
 .content h1 span{
	 font-size:18px;
 }
 .content h5{
    margin:0;
	position:relative;
    margin-top:16px;
    margin-left:10px;
 }
 .content h1:before{
	 display:block;
	content:'';
	width:200px;
	height:4px;
	background:#3c86f4;
	position:absolute;
	top:70%;
	left:20%;
	
}
.content h1:after{
	display:block;
	content:'';
	width:200px;
	height:4px;
	background:#3c86f4;
	position:absolute;
	top:70%;
	right:20%;
	
}
.modal-content {
	background:#fff;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #000;
  /* Could be more or less, depending on screen size */
  padding:10px;
  width:40%;
 
}
}
@media (max-width:767px){
	.modal-content {
	background:#fff;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #000;
  /* Could be more or less, depending on screen size */
  padding:10px;
  width:90%;
 
}
.bann1{
	background:url('../images/about-page1.jpg');
	background-size:cover;
	background-repeat:no-repeat;	
}
.cnt-banner{
	text-align: center;
    padding-bottom: 60px;
}
.cnt-banner h3{
	color: #fff;
    padding-top: 100px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:40px;
}
.abot-services h2{
	margin:0;
	padding:0;
	font-family:'Berkshire Swash';
	font-size:25px;
	padding-bottom:7px;
	padding-top:10px;
}
.blog-bann{
	padding:20px 0px;
	text-align:center;
}
.blog-item{
	position:relative;
}	
.blog-bann .icecream-bann img{
	width:900px;
	max-width:100%;
	margin:0 auto;
	position:relative;
}
.sand-banner{
	text-align: center;
    padding-bottom:60px;
}
.sand-pro h3{
	color: #fff;
    padding-top: 100px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:40px;
 }
 .pizza-pro h3{
	color: #fff;
    padding-top: 100px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:40px;
 
 }
 .starter-head h3{
	color: #fff;
    padding-top:100px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:40px;
 }
.cnt-banner2{
	text-align: center;
    padding-bottom:60px;
}
 .cnt-banner2 h3{
	color: #fff;
    padding-top: 100px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:40px;	
}
.our-products{
		
	background-image:url('../images/our-products1.jpg');
	background-repeat:no-repeat;
	background-size:cover;

}
.our-bann{
	text-align: center;
    padding-bottom:50px;
}
.our-bann h2{
	color: #fff;
    padding-top: 120px;
	 font-family: 'Philosopher', sans-serif;	
    font-weight: 700;
    font-size:30px;	
}


.fixed-bann{
	background-image:url('../images/about-page12.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}
.fixed-bann1{
	background-size: cover;
    position: relative;
    z-index: 2;
    min-height: 145px;

}
.tit-title{
	text-align: center;
    padding-bottom:80px;
}
.tit-title h3{
	color: #fff;
    padding-top: 100px;
	font-family:'Berkshire Swash',serif;
    font-weight:normal;
    font-size:20px;
}
.ser1{
	background:url('../images/mocktails.jpg');
	background-size:cover;
	background-repeat:no-repeat;	
}
.cnt-banner1{
	text-align: center;
    padding-bottom:60px;
}
.cnt-banner1 h3{
	color: #fff;
    padding-top: 100px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:40px;	
}
.pastas-head h3{
	color: #fff;
    padding-top:100px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:40px;
 }	
 .gelato-head h3{
	color: #fff;
    padding-top: 100px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:40px;
 }
.our-history .description h4{
	margin:0;
	font-family:'Philosopher';
	font-size:18px;
	font-weight:600;
	padding:20px 0px;
}
.enter-blog{
	padding:15px;

	position:relative;

} 
.enter-blog .blog-date{
	width:100px;
	height:80px;
	background-color:#a31d13;
	position:absolute;
	text-align:center;
	top:-40px;
	left:40px;
	z-index:5;
}
.enter-blog .blog-date a{
	text-decoration:none;
	font-size: 16px;
	color:#fff;
    display: block;
	padding:20px 10px;
}
.enter-blog .enter-header {
	padding-top:40px;
	padding-left:10px;
	text-align:justify;
}	
.enter-blog .enter-header h2{
	margin:0;
	padding:0;
	padding-left:20px;
	
}
.enter-blog .enter-header h2 a{
	text-decoration:none;
	font-size:26px;
	font-family:'philosopher';
	color:#000;
	margin-bottom: 20px;
    margin-top: 25px;
	font-weight:900;
}
.enter-blog .enter-header h2 a:hover{
	color:#f2240e;
}
.enter-blog .meta-author{
	margin-right:15px;
	padding-left:18px;
	font-size:18px;

}
.enter-blog .meta-author a{
	font-family:'philosopher';
	color:#000;
	font-size:20px;
	text-decoration:none;
	padding:6px;
	color:black;
	font-weight:600;
}
.enter-blog .meta-author a:hover{
	color:#f2240e
}
.enter-blog .meta-category{
	margin-right:15px;
	padding-left:18px;
	font-size:18px;
}
.enter-blog .meta-category a{
	font-family:'philosopher';
	color:#000;
	font-size:20px;
	text-decoration:none;
	padding:6px;
	color:black;
	font-weight:600;
}
.enter-blog .meta-category a:hover{
	color:#f2240e
}

.enter-blog .meta-comments{
	margin-right:15px;
	padding-left:18px;
	font-size:18px;
}
.enter-blog .meta-comments a{
	font-family:'philosopher';
	color:#000;
	font-size:20px;
	text-decoration:none;
	padding:6px;
	color:black;
	font-weight:600;
}
.enter-blog .meta-comments a:hover{
	color:#f2240e
}
.enter-blog .meta-tags{
	margin-right:15px;
	padding-left:18px;
	font-size:18px;
	
}
.enter-blog .tag{
	margin-top:10px;
	padding-left:20px;
	font-size:16px;
	color:#000;
}
.clear-fix{
		clear:both;
}
	.blog-bann1{
	padding:20px 0px;
	text-align:center;
	
}	
.blog-bann1 .icecream-bann img{
	width:100%;
	max-width:100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.products .tabs-section{
		padding:10px;
	}
	.products .tabs-section a{
		padding:5px 5px;
		font-family: 'Philosopher', sans-serif;	
		color:#000;
		background-color:#dfdfdf;
		font-size:16px;
		
	
	}
	.products .tabs-section a:hover{
		background-color:#fda253;
	}
.our-products{
	
	background-image:url('../images/our-products1.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	padding:170px;
	
}
.our-products h3{
	margin:0;
	padding:0;
	margin:10px;
	font-family:'Berkshire Swash';
	color:#fff;
	font-size:30px;
	line-height:50px;
}
.beverages-head h3{
	color: #fff;
    padding-top: 100px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:40px;
 }
 .bann-con h3{
	color: #fff;
    padding-top:100px;
	font-family:'Berkshire Swash',serif;
    font-weight: 700;
    font-size:40px;	
}
 
.product-item{
	//width:230px;
	//height:230px;
    overflow:hidden;
	text-align:center;
	position:relative;
	
}
.product-item img{
    position:relative;
	
}
.product-item  .overlay{
	position:relative;
	top:50%;
	left:50%;
	width:0%;
	height:0%;
	background:rgba(0,0,0,0.2);
	z-index:1;
	opacity:0;
	transition:all 0.5s ease;
	
}
.product-item:hover .overlay{
	position:absolute;
	top:5%;
	left:5%;
	width:90%;
	height:90%;
	opacity:1;
	transition:all 0.5s ease;
}
.product-item  span{
	position:absolute;
	top:50%;
	left:-50%;
	transform:transition(-50%,-50%);
	width:45px;
	height:2px;
	background:#ff5;
	z-index:5;
	opacity:1;
	transition:all 0.5s ease; 
}
.product-item:hover span{
	position:absolute;
	top:50%;
	left:45%;
	transform:transition(-50%,-50%) rotate(0deg);
	width:43px;
	height:2px;
	background:#ff5;
	z-index:5;
	opacity:1;
	transition:all 0.5s ease; 
}
.product-item  span:first-of-type{
	position:absolute;
	left:110%;
	transform:translate(-50%,-50%) rotate(0deg);
	width:5px;
	height:2px;
	background:#ff5;
	z-index:5;
	opacity:1;
	transition:all 0.5s ease; 
	
}
.product-item:hover span:first-of-type{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) rotate(90deg);
	width:45px;
	height:2px;
	background:#ff5;
	z-index:5;
	opacity:1;
	transition:all 0.5s ease; 
	
}
.content h1{ 
	 margin:0;
	 padding:20px 0;
	 font-size:30px;
	 line-height:35px;
	 position:relative;
	
}
 .content h1 span{
	 font-size:50%;
 }
 .content h5{
    margin:0;
	position:relative;
    margin-top:16px;
    margin-left:10px;
 }
 .content h1:before{
	 display:block;
	content:'';
	width:400px;
	height:4px;
	background:#fff;
	position:absolute;
	top:70%;
	left:0;
	opacity:1;
	z-index:-999;
}
.content h1:after{
	display:block;
	content:'';
	width:400px;
	height:4px;
	background:#000;
	position:absolute;
	top:70%;
	right:0;
	opacity:0;
	z-index:-999;
}
.testimonials{
	background-image:url('../images/testimonial-banner.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	padding:70px;
	position:relative;
}
.testimonials .text{
	
	padding-top:10px;
	padding-bottom:20px;
	
}
.testimonials .text h2{

	font-family:'Philosopher';
	font-style:bold;
	font-weight:600;
	font-size:23px;
	line-height:40px;
}
.testimonials .feedback{
	background-color:#fff;
	display:flex;
	border-radius:2%;
	padding:5px;
	position:relative;
	margin-bottom:5px;
}
.testimonials .image-box{
	background-image:url('../images/test1.jpg');
	
}
.testimonials .img-frame{
	width:80px;
	height:80px;
	border:4px outset #8f8f8f;
	border-radius:50%;
	background-size:cover;
	background-color:#fbfbfb;
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
	position:absolute;
	top:30%;
	right:5%;
}
.testimonials .img-frame:hover{
	border:9px outset #02bbc2;
}
.testimonials .description{
	width:70%;
	padding:10px;
	font-size:14px;
}
.testimonials .description h4{
	border-bottom:1px dashed #fff666;
}
.testimonials .image-box1{
	background-image:url('../images/test2.jpg');
	
}
.our-services{
	padding:50px;

}
.our-services h4{
	font-size:18px;
	font-weight:600;
	font-style:italic;
	
}
.our-services h2{
	margin:0;
	padding:0;
	font-size:27px;
	font-weight:600;
	position:relative;
	padding-bottom:12px;
}
.our-services h2:after{
	
	display:block;
	content:'';
	position:absolute;
	width:70px;
	height:2px;
	border-bottom:4px double #f00;
	bottom:-20%;
	left:43%;
}
.our-services p{
	margin:0;
	padding:0;
	padding-top:15px;
	padding-bottom:20px;
	font-size:14px;
}
.clearfix{
	clear:both;
}
.img-rotate{
  padding:10px;

  }
  .img-box{
		
	position:relative;
  }
  .img-box img{
	
  }
  .img-box a{
  
  display:block;
  content:"";
  position:absolute;
  left:90px;
  top:70px;
  font-size:50px;
  padding:10px;
  color:#772005;
 }
 .img-box a i{
	 
	 text-align:center;
	 position:absolute;
	 
	 
 }
  .img-box:hover img{
	animation: rotation 2s infinite linear;
}
.our-services h3 a {
    font-family: 'Philosopher';
    text-decoration: none;
    color: #772005;
    font-size: 20px;
    margin-bottom: 30px;
}

@keyframes rotation {
		0% {
			transform: rotate(0deg);
		}
		100%{
			transform: rotate(359deg);
		}
}

}
@media (min-width:900px) and (max-width: 1440px){
	#vikendi-home-objects.fixed .logo-banner img {
		width:60%;
		transition: all 0.5s ease;
	}
#vikendi-home-objects.fixed .logo-banner {
    position: fixed;
    top:0px;
    left: 49%;
    text-align: center;
    transform: translate(-50%);
    z-index: 1050;
    width: 25%;
    opacity: 1;
}

	}



@media (min-width:768px) and (max-width:1366px){
	/* logo on homepage banner slider */

#vikendi-home-objects .logo-banner{
	background:transparent;
	position:absolute;
	top:100px;
	left:50%;
	text-align:center;
	transform:translate(-50%);
	z-index:1050;

}
#vikendi-home-objects.fixed .logo-banner{
	position:fixed;
	top:0px;
	left:49%;
	text-align:center;
	transform:translate(-50%);
	z-index:1050;
	width:25%;
	opacity:1;
	
}
#vikendi-home-objects .logo-banner img{
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner img{
	width:60%;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector{
	position:absolute;
	top:10%;
	left:-30%;
	width:90px;
	transform:rotate(-15deg);
	opacity:1;
	transition:all 0.5s ease;
	
}
#vikendi-home-objects.fixed .logo-banner .logo-vector{
	left:-100%; 
	top:-200%;
	transition:all 0.5s ease;
	opacity:0;
}
#vikendi-home-objects .logo-banner .logo-vector1{
	position:absolute;
	bottom:0%;
	left:-35%;
	width:120px;
	transform:rotate(-20deg);
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector1{
	left:-80%;
	bottom:-10%;
	opacity:0;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector2{
	position:absolute;
	top:45%;
	left:-20%;
	width:150px;
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector2{
	top:-1000px;
	opacity:0;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector3{
	position:absolute;
	top:12%;
	right:-25%;
	width:100px;
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector3{
	right:-1000px;
	opacity:0;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector4{
	position:absolute;
    bottom:-10%;
	right:-30%;
	width:150px;
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector4{
	bottom:-20%;
	right:-2000px;
	opacity:0;
	transition:all 0.5s ease;
}
#vikendi-home-objects .logo-banner .logo-vector5{
	position:absolute;
    top:40%;
	right:-20%;
	width:160px;
	opacity:1;
	transition:all 0.5s ease;
}
#vikendi-home-objects.fixed .logo-banner .logo-vector5{
    top:-100%;
	opacity:0;
	transition:all 0.5s ease;
}
#header-bg.fixed .logo-img{
	width:100%;
	background:#000;
	position:absolute;
	top:-120%;
   border:1px solid red;
	opacity:1;
	border:1px solid red;
}
.frame-box{
	padding-top:40px;
	padding-bottom:24px;
}
.frame-box h2{
	margin:0;
	padding:0;
	font-size:20px;
}
.promo{
	background:url('../images/icecream-banner.jpg');
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
}

}
.grid-err{
	padding-top:94px;
	padding-bottom:94px;
	text-align:center;
}
.grid-err h1{
	margin:0;
	padding:0;
	font-size:200px;
	font-family: 'Philosopher', sans-serif;	
	font-weight:600;
	text-align:center;
}
.grid-err h4{
	margin:0;
	padding:0;
	font-size:61px;
	text-align:center;
	font-family: 'Philosopher', sans-serif;	
	color:#221900;
	padding:61px 0px 0px 0px;
	font-weight:800;
}
.grid-err p{
	font-family: 'Philosopher', sans-serif;	
	font-size:35px;
	text-align:center;
	color:#221900;
	font-weight:600;
}



/*...............................products page...........................................*/


.main {
  max-width: 1000px;
  margin: auto;
  padding:20px;
  font-family: 'Philosopher', sans-serif;
  background-color: #f1f1f1;  
}

.main h1 {
  font-size: 50px;
  word-break: break-all;
}

.main .row {
  margin: 10px -16px;
}

/* Add padding BETWEEN each column */
.main .row,
.row > .column {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.main .column {
  float: left;
  width: 33.33%;
  display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.main .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.main .content {
  background-color: white;
  padding: 10px;
}

/* The "show" class is added to the filtered elements */
.main .show {
  display: block;
}

/* Style the buttons */
.main .btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

.main .btn:hover {
  background-color: #ddd;
}

.main .btn.active {
  background-color: #666;
  color: white;
}