body{ background:#fff; color:#000; font: normal 17px 'zurich_lt_btlight'; line-height:25px;}
h1{ font-size:42px;  font-family: 'loraregular'; margin-bottom:20px; text-transform:none; font-weight:800  }
h2{ font-size:24px;  font-family:'loraregular'; margin-bottom:15px;    }
h3{ font-size:24px; line-height:25px; font-family:'loraregular'; margin-bottom:10px; }
h4{ font-size:22px; line-height:30px; font-weight: 800; color:#4a249d;}
 

h1 span{font-size:45px; font-family: 'alex_brushregular'; color:#875ae9;   text-transform:none;}
h1 .inner-txt{font-size:50px; font-family: 'alex_brushregular'; color:#fff; text-transform:none;}

@media (max-width: 768px) {
h1{ font:normal 30px/40px 'loraregular';  text-transform:uppercase;  }
}
.price_head {
  margin: 0 0 10px;
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}


.pricebox {
  background: rgba(0, 0, 0, 0) url(../img/footerbg.jpg);
  color: #fff;
  border: 1px solid #c90020;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 10px;
}

.pricebox p {
  font-size: 16px;
}
.table-bordered {
  border: 0px solid #dddddd;
}

.pricebox > .table-bordered{ color:#fff;}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
    border: 1px solid #dddddd;
}


  
  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 5px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.pricebox .table-bordered, .pricebox .table-bordered > thead > tr > th, .pricebox .table-bordered > tbody > tr > th, .pricebox .table-bordered > tfoot > tr > th, .pricebox .table-bordered > thead > tr > td, .pricebox .table-bordered > tbody > tr > td, .pricebox .table-bordered > tfoot > tr > td {
  border-color: #c90020;
}

.pricebox .table-bordered tr.active > td{
  background: #c90020 !important;
  color: #fff !important;
}

.pricebox h4 {
 text-align:left;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 20px;
  margin: 5px 0;

}

.pricebox h4 span {
  font-weight: normal;
  text-transform: none;
  font-size: 16px;
  color: #fff;
  display: block;
  padding-top: 3px;
}

.pricebox big {

  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 40px;
  line-height: 50px;
  margin: 0;
  padding: 0 10px;
  text-align: center;
}

.pricebox small {
  font-size: 12px;
  text-align: right;
  display: block;
  font-style: italic;
  padding-top: 10px;
}

.text-danger {
  color: #a94442;
}


.catring-img{
  display: block;
  margin: 10px auto;
  width:198px;
  height:198px;
  border-radius: 50%;
  padding: 5px;
  background:#FFFFFF;
}

.paypal{border:1px solid #ddd; float: right;}




.welcome{ background:#fff url(../images/bg_pic2.jpg) center no-repeat; background-size:cover; padding:50px 0; text-align:center;}
.welcome-inner{padding:0 10%;}
.nice-corners{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: url("../images/border-sh.png") 30 30 30 30 round round;
    border-style: solid;
    border-width: 30px;  -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
#newsletterpopup .modal-dialog{ background-size: contain;
    left: 0%;
    margin: 0px auto 0 ;
    position:relative;
    top: 50%;
    width: 100%;}
 
 .nice-corners-cont{ padding:10px 10px 20px; background:#fff; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
 
 
 
 .ornament-bot{ transform: rotateX(180deg);}


 
.error{ color:#4a249d;}


.mid-icons{ background:url(../images/banner-2-img-parallax.jpg); background-size: cover; padding:70px 0;
       }
	.mid-icons .col-md-3,p{  margin:0}
	.mid-box{ background:#666; text-align:center;     -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; color:#FFFFFF; cursor:pointer;}
	.mid-box h2{ background:url(../images/bnr-title-ornament.png) no-repeat center bottom; font:normal 22px 'montserratregular'; height:60px; display:block; color:#FFFFFF; }
  .mid-box:hover{ background:#000}
  
  .catering{ background:url(../images/catering-bg.jpg) center fixed; background-size:cover; padding:0; }
  .catering .nice-corners:hover{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: url("../images/border-sh2.png") 30 30 30 30 round round;
    border-style: solid;
    border-width: 30px;  }
	
	.quick-link{ background:#f5f2ee;}
	img{ max-width:100%;}
	.quick-link .nice-corners-cont{ padding:0px;}
	
	 

.menu-hd h3{  font:normal 20px/20px 'brooklynregular'; background:#000; text-align:center; text-transform:uppercase; color:#fff; margin:0; padding:15px 0;}

.menu-item span{ font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.menu-item{ background:#f8efee; margin-bottom:5px; padding:8px 0; border-bottom:1px solid #9c9c9c}


.thumb-img{ transition:all 100ms ease-out 0s;}
.fancybox-effects-d{position:relative; display:inline-block; 
}
.fancybox-effects-d:hover{

}
.thumb{position:absolute; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/zoom-icon.png) center no-repeat; display:block; opacity:0; z-index:999; color:#FFFFFF; text-align:center;}
.thumb:hover{ opacity:1; transition: all .2s ease-in-out;}

.mid-icon img{max-width:100%; width:100%;  transition:all 100ms ease-out 0s; }
.mid-icon:hover img{ -webkit-transform: scale(1.1,1.1);
     -moz-transform: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
     -ms-transform: scale(1.1,1.1);
     transform: scale(1.1,1.1); }
.mid-icon{padding:0 1px 0 0; margin-top:1px; overflow:hidden}


.order-icon{ cursor:pointer; background:#f6f6f6 url(../images/order1.png) no-repeat left; padding:15px;  height:200px;  -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; text-align:right; border:1px solid #CC9900; border-radius:4px;}

.order-icon:hover{ background:#f6f6f6 url(../images/order1.png) no-repeat left; padding:20px; transform: rotatex(40deg); height:200px;  }

.order-icon h2{ color:#ff9306; font:normal 30px 'montserratregular'; }

.order-icon2{cursor:pointer;  background:#f6f6f6 url(../images/order2.png) no-repeat right; padding:15px;  height:200px;  -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; text-align:left; border:1px solid #CC9900; border-radius:4px;}

.order-icon2:hover{ background:#f6f6f6 url(../images/order2.png) no-repeat right; padding:20px; transform: rotatex(40deg); height:200px;  }

.order-icon2 h2{ color:#ff9306; font:normal 30px 'montserratregular'; }


.bottom3{ background:url(../images/bg_pic3.jpg) no-repeat center fixed; padding:100px 0; color:#FFFFFF;}

.bottom4{ background:#f2f2f2 url(../images/bg_pic4.jpg)right no-repeat; padding:70px 0; color:#000; background-position: center; background-size:cover; background-attachment: fixed; text-align: center;} 
.bottom4 h2{font-size:40px; color: #fff; }
.btn2{background:#ff9306  ; padding:15px 15px;  border-radius:0px; font:normal 18px 'corbertregular'; text-transform:uppercase;  color:#fff; re

-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.btn2:hover{background:#000; color:#fff; }

.fran-btn{background:#000  ; padding:15px 15px;  border-radius:8px; font:normal 18px 'corbertregular'; text-transform:uppercase;  color:#fff; re

-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.fran-btn:hover{background:#874487; color:#fff; }


.mid-menu{ background:#fff url(../images/bg_pic2.jpg) right bottom no-repeat; text-align:center;}
.mid-round{ background:#ff9306; padding:10px 0 20px; width:80px; height:80px; border-radius:100%; color:#FFFFFF;}

.clear{clear:both; margin:0; padding:0; line-height:0;}
.mid-round h2{ font-size:30px; line-height:30px;}




.footer{font-size:15px; padding:10px 0; background:#000;   color:#fff;}

.bottom{ background:#a9cf54; padding-top:20px;}
.footer a{ color:#fff;}
 

 

.bottom-add{text-align:right;}
@media (max-width: 768px) {
.footer{ text-align:center;}
.bottom-add{text-align:inherit; margin-top:10px;}
}


 
/* ______________________________follow us_________________________________________ */
.follow_us {
	float:none;
	margin-top:5px;
	padding:0 0 34px 0; text-align:center;
}
.follow_us ul{margin: 0 0 0 15px !important;}
.follow_us ul{ padding:0;}

.follow_us ul li {
	 
	margin:0 0 0 10px;
	display:inline-block;
	line-height:18px; border-radius:100%; background:#fff; border:1px solid #fff; padding:10px; transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.follow_us ul li:hover {border:1px solid #ff0b0b; background:none}

.follow_us a {
	background-image:url(../images/top_socials.png);
	background-repeat:no-repeat;
	height:26px;
	display:block;
	text-indent:-9999px;
	text-align:left;
}
.follow_us a.facebook {
	background-position:0 0;
	width:26px;	transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.follow_us a.facebook:hover {background-position:0 -30px;
}
.follow_us a.twitter {
	background-position:-41px 0;
	width:26px; transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.follow_us a.twitter:hover {background-position:-41px -30px;
}
.follow_us a.flickr {
	background-position:-82px 0;
	width:26px; transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.follow_us a.flickr:hover {background-position:-82px -30px;
}
.follow_us a.dribbble {
	background-position:-123px 0;
	width:26px; transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.follow_us a.dribbble:hover {background-position:-123px -30px;
}
.follow_us a.rss {
	background-position:-164px 0;
	width:26px; transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.follow_us a.rss:hover {background-position:-164px -30px;
}
.follow_us p {
	margin: 12px 0 0 0;
	padding:0;
	text-transform:uppercase;
	line-height: 22px;
	font-family: 'Arimo', sans-serif;
	font-size: 14px;
	color: #7a7a7a;
}

/* __________________________________________ end follow us __________________________________________________ */

.btn3{background:#ff0b0b; padding:10px 15px;  border-radius:20px; font:normal 18px 'corbertregular'; text-transform:uppercase;  color:#fff;

-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.btn3:hover{background:#ff9205; color:#fff; }




a.backlink, a.backlink:visited{ margin:0px 20px 0px 0px; font:normal 20px/30px 'bree_serifregular', Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; text-decoration:none; background:url(../images/arrow-previous-icon.png) left no-repeat; padding-left:40px; float:right; height:30px;}

a.backlink:hover{ color:#d21223;}

.menu_img h3 span{ background:#4a249d; display:inline-block; padding:3px 15px; font-size:18px; color:#000000;  border-radius:6px; }


.service-icon {text-align:center; overflow:hidden; }
.service-icon img{transition:all 0.5s ease; filter:brightness(70%);}
.service-icon a:hover img{ filter:brightness(100%);}
.service-icon h2{ width:100%;  padding-bottom:0px; margin-top: 0px; color:#fff; bottom:0; margin-bottom:0; background-color: #000; transition: all 700ms;}
.service-icon h3{position:; width:100%; padding:6px 0; color:#fff; bottom:0; margin-bottom:0; background:linear-gradient(to left, rgb(98, 13, 13), rgb(255, 0, 0, 1));margin-top: 0px; overflow: hidden; transition: all 700ms;}

.service-icon a 
{
  color: #FFFFFF;
  text-decoration: none;
  transition: all 400ms;
  overflow: hidden;
}

.service-icon:hover img
{
   transform: scale(1.1);
   overflow: hidden;
}


.service-icon
{
  transform: scale(1);
  transition: all 700ms;
  overflow: hidden;
}
.service-icon img
{
  transform: scale(1);
  transition: all 400ms;
  overflow: hidden;
}
.service-icon:hover h2

{
  background-color: #4a249d;
}

.service-icon:hover h3

{
  background:linear-gradient(to left, rgb(0, 0, 0), rgb(0, 0, 0));
}

.srv-icn2 h3
{ width:100%; padding:6px 0; color:#fff; bottom:0; margin-bottom:0; margin-top: 0px; overflow: hidden; transition: all 700ms;
  font-size: 23px;
}



.srv-icn2:hover img
{
  transform: scale(1.1);
  overflow: hidden;
}
.srv-icn2 a 
{
  text-decoration: none;
  color: #fff;
 
}

.srv-icn2  
{

  transition: all 400ms;
}

.srv-icn2:hover
{
 
  color: #FFFFFF;
}
.icc1 
{
  transition: all 400ms;
  overflow: hidden;
  background:linear-gradient(to left, rgb(98, 13, 13), rgb(255, 0, 0, 1));
}

.icc1 a
{
  transition: all 400ms;
  text-decoration: none;
}

.icc1  img
{
  transform: scale(1);
  overflow: hidden;
}


.icc1:hover img
{
  transform: scale(1.1);
  overflow: hidden;
  background:linear-gradient(to left, rgb(0, 0, 0), rgb(0, 0, 0));
 
}
.icc1:hover
{
  
  background:linear-gradient(to left, rgb(0, 0, 0), rgb(0, 0, 0));
 
}





.icc2 
{
  transition: all 400ms;
  overflow: hidden;
  background: #000;
  text-align: center;
}

.icc2 a
{
  transition: all 400ms;
  text-decoration: none;
}

.icc2  img
{
  transform: scale(1);
  overflow: hidden;
}


.icc2:hover img
{
  transform: scale(1.1);
  overflow: hidden;
  background: #4a249d;
 
}
.icc2:hover
{
  
  background: #4a249d;
 
}

.srv-icn2 h2
{ width:100%; padding:0px 0; color:#fff; bottom:0; margin-bottom:0; margin-top: 0px; overflow: hidden; transition: all 700ms;
}











@media (max-width:768px){
	.service-icon{height:auto;}

}

.home-bottom-content{padding:40px 0px;}

@media (max-width:768px){
	.home-bottom-content{padding:40px 0px;}
}
.testi{background:#fff url(../images/testi-bg.jpg) center top no-repeat; background-size:cover; padding:0px 0 30px 0; text-align:center; margin-top: 40px;}
.testi-inner{padding:0 20%; color:#fff; }

.topbar{background:#000; padding:10px 0; color:#fff; border-bottom:solid 1px #434343;}
.sidebar-outer{background:#f6f6f6; padding:20px;}

.sidebar-outer2{background:#000; padding:20px; border-radius: 10px;}

.sidebar-outer2 li a {
    display: block;
    padding: 7px 12px;
    color: #fff;
}
















.bg-white1 
{
  background-color: #FFFFFF;

}
.box33 
{
 
  padding: 20px;

  margin-top: 25%;
  border-radius: 6px;
  font-family: 'bite_chocolateregular';

}
.text-box33
{


  padding: 8px;
  transition: all 400ms;

  border-radius: 6px !important;
  font-family: 'bite_chocolateregular';

}
.text-box33 a
{

  color: #fff;
  text-decoration: none;
  font-family: 'bite_chocolateregular';
}






/* .text-box33 h2 {

  font-size: 25px;
  letter-spacing: -1px;
  text-transform: none;
  line-height: 30px;
  color: #fff;
  margin: 0px;
  font-family: 'bite_chocolateregular';
} */


.text-box33 h2 {

  font-size: 32px;
  letter-spacing: 1px;
  text-transform: none;
  line-height: 80px;
  color:#fdfdfd;
  margin: 0px;
  font-family: 'alex_brushregular';
  border:white solid 3px;
  border-radius: 0px;
  padding: 0 15px;
transition: all 800ms;

}
.text-box33 h2:hover
{
background-color:black;
border:red solid 3px;
border-radius: 12px;
box-shadow: 3px 8px 10px #000;
}




.text-box33 h4 {

 margin: 0px;
 margin-top: 4px;
 font-family: 'bite_chocolateregular';
  text-transform: none;
  line-height: 18px;
  color: #fff;
}
.bx3 a
{
  
   text-decoration: none;
    color: #fff;
    font-family: 'biteregular';
    

}
.bx3, .text-box33 
{
  
   text-decoration: none;
    color: #fff;
    margin-top: 40px;
    font-family: 'bite_chocolateregular';
    

}
.topBar
{
  color: #fff!important
}
.bx333
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.w-100
{
  width: 100%;
}
.txt-lft 
{
  text-align: left!important;
}
.st 
{
  margin-top: 50px;
}

.custom-padding1
{
    padding-left: 0px!important;
    padding-right: 10px!important;
}
.section15 
{
    margin-top: 10px!important;
}

.no-pad
{
    padding-left: 0px;
    padding-right: 0px;
}
.img-fluid
{
  width: 100%;
}
.zm img
{
  transition: all 600ms;
  overflow: hidden;
  transform: scale(1);

}
.zm:hover img
{
 
  transform: scale(1.1);

}
.zm 
{
  overflow: hidden;
  position: relative;
}
.zm a
{
  overflow: hidden;
  position: relative;
  color: #fff;
  text-decoration: none;
}

.zm::before
{    content: '';
     width: 100%;
     height: 100%;
     background-color: rgb(0, 0, 0, .3);
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1111;
     transition: all 400ms;
     opacity: 1;
}

.zm4
{
     width: 100%;
     height: 100%;
     position: absolute;
    
     left: 50%;
     color: white;
     transform: translate(-50%, -65%);
     z-index: 1111111;
     transition: all 400ms;
     background-color: transparent;
}
 .zm:hover ::before
{    content: '';
     width: 100%;
     height: 100%;
    
     position: absolute;
     top: 0;
     left: 0;
     z-index: 4;
     opacity: 1;
}
.zm4 a
{
  color: #fff;
  text-decoration: none;
}

.brdr2 
{
  border-top: #fff solid 1px;
}
.text-box33,.bx3 :hover
{

  
 color: #4a249d!important;

}

/* .navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus::before{
    
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000000;
  top: 0%;
  left: 0%;
  transition: all 500ms;
  z-index: 1;
  transform: translateY(-70px);
 
 
}
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus:hover::before{
  
  width: 100%;
  height: 100%;
  color: #fff!important;
  transform: translateY(0px);

 


} */




.txt-right 
{
  text-align: right!important;
}







@media screen and (min-width:769px) and (max-width:991px){


  .txt-lft 
{
  text-align: left!important;
}

.txt-right 
{
  text-align: center!important;
}
.custom-padding1
{
    padding-left: 10px!important;
    padding-right: 10px!important;
}




}

@media (max-width:768px)
{

  .custom-padding1
  {
      padding-left: 10px!important;
      padding-right: 10px!important;
  }

  .txt-right 
  {
    text-align: center!important;
  }

.navbar-default .navbar-nav > li > a {
  color: #fff;
  border-radius: 5px;
}
.txt-lft 
{
  text-align: center!important;
}


}


.vva1 h3 span {
  background: #FFF;
  display: inline-block;
  padding: 0px 5px;
  font-size: 18px;
  color: #000000;
  border-radius: 6px;
  line-height: 35px;
 
}




/*top */


.top-main{ background:#343538; padding:10px 0; color:#fff;}
.top-main i{ color:#fff; margin-right:10px;}
.top-phone{ margin-top:10px; line-height:40px;}
.top-phone i{ border-radius:100%; height:40px; width:40px;  background:#4a249d; float:left; color:#fff; padding:10px;}

.dropdown-item { display:block; background:#272727; text-align:center; color:#fff; padding:8px 0; font-size:17px;}
.dropdown-item:hover { background:#4a249d;}

 /* Dropdown Button */
.dropbtn {
    background-color: #fff; 
    color: white;
    padding: 0px 15px;
    font-size: 16px;
    border: 1px solid #a1a1a1;
    cursor: pointer; border-radius:8px; color:#000;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #f36c21; color:#fff;
}

.dropbtn:hover, .dropbtn:focus i{
    color:#fff;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;

position: absolute;

background-color: #f1f1f1;

min-width: 180px;

box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

z-index: 9999;

text-align: center;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd; color:#134F8E}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;} 








.navbar {  padding:0px 0;position:relative; min-height: 65px;

background:#30343e;

z-index: 9;

width: 100%;     }
.navbar-scroll {top:0;padding:2px 0;  position:fixed; z-index:9998;  }

.navbar-fixed-top {
	position:fixed;
	top:0px;
	left:0;
	z-index:99999;
	width:100%;
	background:#000;
	border-bottom:solid 1px #D7D7D7; 
}

.nav{font-size:18px; margin-top:0px; text-align:center; font-family:'loraregular'; padding:10px 0;  }
.nav li{margin:0 0px;}

.nav li a{ padding:10px 17px; line-height:22px; color:#fff; outline:none; transition: all .2s ease-in-out; text-align:center; border-radius:4px;  }
.nav li a:hover{color:#bfa1ff; background:none;     }

.nav li a.active{color:#fff; background:#bfa1ff;}
.navbar-header{  text-align:center;  

padding: 0px;}

.headerwrapper{ margin-top:0px}

.navbar-scroll {top:0;padding:2px 0;  position:relative; z-index:9998;  }

@media (max-width:1200px){
.navbar {position:relative;}
.nav{font-size:16px;}
.nav li{margin:3px;}
.nav li a{padding:5px 10px;}
}
@media (max-width:768px){
.navbar-scroll {  position:relative; z-index:9998;  }
	.navbar-header{position:relative;}
	.navbar-inverse{background-color:#fff; border-bottom:none; border-top:none;}
.nav{margin:0px 0; background-color:#000; min-height: 80px;  }
.headerwrapper{ margin-top:0}

.nav li a{color:#fff;}
.logo{width:100%; text-align:center; }
.logo img{max-width:100%; margin:0px 0 0 0px; }
}




.welcome-bg{ background:#30343e; background-size: 50% 100%;   padding:70px 0 270px 0 ; fill: #363c3f; color:#fff;  }
.welcome-bg h2{ color:#fff;}

.welcome-bg-bottom{ background:url(../images/slider-bottom.png) center bottom no-repeat; margin-bottom:-150px; position:absolute;  z-index:11; overflow:hidden;    width: 100%;
	height:200px;
	   }
	   
	   
	   .zoom h2{ position:relative; bottom:0; display:block; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; color:#000; }
.zoom:hover h2{ position:relative; bottom:0%; }

.ser-icon{ background:#fff; padding:20px; cursor:pointer; box-shadow: 1px 1px 33px 0px rgba(83, 95, 159, 0.15); margin-bottom:30px;}
.ser-icon h2{border-bottom:1px solid #CCCCCC; padding-bottom:15px; font-weight:700; font-size:20px;}
.ser-icon:hover h2{ color:#4a249d;}
.ser-icon .read-more{ color:#000;}
.contact-div{ background:#fafafa; padding:25px;}
.cont-icon{ background:#4a249d; border-radius:100%; width:70px; height:70px; text-align:center; padding:20px; float:left; margin-right:15px;}
.cont-icon i{ color:#fff;}
.cont-box h2{ margin-bottom:5px  }

.margin-top-200 {
    margin-top: -200px;
    overflow: hidden;
    background: none;
}

.btn{background:#8c65e2; margin-left:5px; padding:10px 20px;  border-radius:0; font:normal 15px 'zurich_lt_btlight'; text-transform:none;  color:#fff;

-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.btn:hover{background:#000; color:#fff; }



.btn2{background:#af8bff; margin-top:0px; padding:10px 20px; border:none;  border-radius:0; font:normal 15px 'zurich_lt_btlight'; text-transform:none;  color:#fff;

-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.btn2:hover{background:#000; color:#fff; }

.about-bg{ background:linear-gradient(110deg, #333 60%, #33137a 60%); color:#fff;   padding:70px 0 70px 0 ; fill: #363c3f;    }

.testi-bg{ background:#f5f5f5 url(../images/testi-bg.jpg) left bottom no-repeat fixed; background-size: 100% 100%;   padding:70px 0 0px 0 ; fill: #363c3f; color:#fff;   }


.top-sec{ background:#fff; padding:13px 0; color:#000; font-size:16px;   text-align:center; }


/*body section*/
.bodySection{background:#fff url(../images/bg.jpg) center no-repeat; background-size:cover; padding:30px 0 }

.bodySection2{background:#f6f6f6 ; background-size:cover; padding:60px 0 }

/*Extra style*/
.stick {
	position:fixed;
	top:0px;
	z-index:999;
	width:100%; min-height: 65px;
}

@media (max-width:768px){
.stick {
	position:relative;}
}




.orange-bg{ background-color #3f0d12;
background-image: linear-gradient(315deg, #4a249d 0%, #af8bff 74%);
 padding:20px 0; position:relative; border-radius: 51%;}
.orange-bg h1{ padding-bottom:5px; color:#fff; line-height:auto; margin-bottom:0; font-size:40px}

@media (max-width: 768px) {
.orange-bg h1{ padding-bottom:5px; color:#fff; line-height:auto; margin-bottom:0; font-size:20px}
}
.orange-bg h1 span{  color:#fff; font-size:20px}

.testimonial {
    background: #fff;
    padding: 20px;
    color: #000; border-radius: 30px 30px 0 0;
}



.footer-social{ background:#af8bff; padding:30px;}

.social{font-size:22px; margin-top:0px; text-align:center;}
.social a{color:#fff; background:#4a249d; padding:10px; width:60px; height:60px; border:5px solid #fff; border-radius:100%; margin:0 10px;   display:inline-block;  transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;  }
.social a:hover{color:#fff; background:#000; -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
	 
.social span{}

@media (max-width:768px){
 .social{font-size:22px; margin-top:0px; text-align:center;}
 .bottom-txt{ text-align:center;}
}


/*------------------------------------------------------------------------------*/
.section-all-0{
	padding-right:0px;
	padding-left:0px;
}
.section-all-1{
	padding:1px;
}
.section-all-5{
	padding:5px;
}	
.section-all-10 {
    padding: 10px;
}
.section-all-20 {
    padding: 20px;
}
.section-all-30 {
    padding: 30px;
}
.section-all-40 {
    padding: 40px;
}
.section-all-50 {
    padding: 50px;
}
.section-all-60{
	padding:60px;
}

.section-10 {
    padding-bottom: 10px;
    padding-top: 10px;
}
.section-23 {
    padding-bottom: 23px;
    padding-top: 23px;
}
.section-30 {
    padding-bottom: 30px;
    padding-top: 30px;
}
.section-42 {
    padding-bottom: 42px;
    padding-top: 42px;
}
.section-55 {
    padding-bottom: 55px;
    padding-top: 55px;
}
.section-70 {
    padding-bottom: 70px;
    padding-top: 70px;
}
.section-80 {
    padding-bottom: 80px;
    padding-top: 80px;
}
.section-90 {
    padding-bottom: 90px;
    padding-top: 90px;
}
.section-100 {
    padding-bottom: 100px;
    padding-top: 100px;
}
.section-154 {
    padding-bottom: 154px;
    padding-top: 154px;
}
.section-167 {
    padding-bottom: 167px;
    padding-top: 167px;
}
.section-200 {
    padding-bottom: 200px;
    padding-top: 200px;
}
.section-250 {
    padding-bottom: 250px;
    padding-top: 250px;
}
.section-300 {
    padding-bottom:300px;
    padding-top: 300px;
}
.section-top-15 {
    padding-top: 15px;
}
.section-top-23 {
    padding-top: 23px;
}
.section-top-42 {
    padding-top: 42px;
}
.section-top-55 {
    padding-top: 55px;
}
.section-top-70 {
    padding-top: 70px;
}
.section-top-80 {
    padding-top: 80px;
}
.section-top-90 {
    padding-top: 90px;
}
.section-top-100 {
    padding-top: 100px;
}
.section-top-154 {
    padding-top: 154px;
}
.section-top-167 {
    padding-top: 167px;
}
.section-top-200 {
    padding-top: 200px;
}

.section-bottom-2 {
    padding-bottom: 2px;
}
.section-bottom-10{
	padding-bottom:10px;
}
.section-bottom-23 {
    padding-bottom: 23px;
}
.section-bottom-42 {
    padding-bottom: 42px;
}
.section-bottom-50 {
    padding-bottom: 50px;
}
.section-bottom-55 {
    padding-bottom: 55px;
}
.section-bottom-70 {
    padding-bottom: 70px;
}
.section-bottom-80 {
    padding-bottom: 80px;
}
.section-bottom-90 {
    padding-bottom: 90px;
}
.section-bottom-100 {
    padding-bottom: 100px;
}
.section-bottom-154 {
    padding-bottom: 154px;
}
.section-bottom-167 {
    padding-bottom: 167px;
}
.section-bottom-200 {
    padding-bottom: 200px;
}




/*Footer*/

.footer{ background:#000 url(../images/footer-bg.jpg); color:#fff; padding:65px 0;    }
.footer a{color:#fff;}
.footer a:hover{ text-decoration:underline;}
.footer .fa{ font-size:25px; float: left; height:40px; width:25px;
margin-right: 15px;}

.bottom{border-top:solid 1px #efefef;}


@media (max-width:768px){
	.footer{text-align:center;}
	.footer ul{float:none; margin-bottom:20px;}
	.footer .fa{ display:block;}
	.bottom{text-align:center;}
}



@media (max-width:768px){
.footer{ text-align:center}
}
.btn-block{display:block;}

.inner li{ list-style-image:url(../images/arrow.png); margin:5px 0px 5px 10px; color:#000;}
.inner li a{ color:#000;}
.inner2 {
    padding: 0;
}
.inner2 li{ list-style-image:url(../images/arrow2.png); margin:5px 0px 5px 10px; color:#fff;}
.inner2 li a{ color:#fff;}


.copyright{ background:#252525; padding:15px 0; color:#fff;}


.top-social { margin-top:10px;}
.top-social i{ color:#fff; cursor:pointer;}
.top-social i:hover{ color:#4a249d;}


.bg-gray {
    background: #f2f3f8; padding:30px 0 10px;
}


.menu-box{ padding:20px; background:#f1f1f1; margin-top:20px;}
.menu-box h2{ font-size:19px; text-align:center;}
.menu-box h3{ text-align:center; font-weight:800; font-size: 18px;}
.menu-txt{ font-size:14px;}


.location-box{padding:30px; background:#000; color:#fff; margin-bottom:40px;}
.location-box i{ color:#4a249d; font-size:30px;}
.location-box a{ color:#fff;}


.infobox-style-3{ padding:10px 30px; height:170px; text-align:center; border:1px solid #d3bfff; border-radius:20px;  transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out; }

.infobox-style-3:hover{border:1px solid #000; border-radius:0px;  transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out; }
    
.bot-contact{ position:relative;}
    .bot-phone{ position:absolute; top: 37%;
left: 44%;
font-size: 28px;
font-family: 'loraregular';
color: #fff; font-weight: 800;}




/*Outdoor Catering*/


.cat-active{ background:#8c65e2!important;}
 
.cat-active h4{ color:#fff!important;}

 .why-block .cat-active .text {
  color: #fff!important;}

.cat-new-box h4{ color:#fff;}


.main {
            display: block;
            position: relative;
            padding-left: 45px;
            margin-bottom: 5px;
            cursor: pointer;
            font-size: 18px;
        }
          
        /* Hide the default checkbox */
        input[type=checkbox] {
            visibility:visible;
        }
		
		
		
		.cat-new-box input[type=checkbox] {
            visibility:hidden;
        }
		
          
        /* Creating a custom checkbox
        based on demand */
        .geekmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: #8c65e2;
        }
          
        /* Specify the background color to be
        shown when hovering over checkbox */
        .main:hover input ~ .geekmark {
            background-color: white;
        }
          
        /* Specify the background color to be
        shown when checkbox is active */
        .main input:active ~ .geekmark {
            background-color: red;
        }
          
        /* Specify the background color to be
        shown when checkbox is checked */
        .main input:checked ~ .geekmark {
            background-color: green;
        }
          
        /* Checkmark to be shown in checkbox */
        /* It is not be shown when not checked */
        .geekmark:after {
            content: "";
            position: absolute;
            display: none;
        }
          
        /* Display checkmark when checked */
        .main input:checked ~ .geekmark:after {
            display: block;
        }
          
        /* Styling the checkmark using webkit */
        /* Rotated the rectangle by 45 degree and 
        showing only two border to make it look
        like a tickmark */
        .main .geekmark:after {
            left: 8px;
            bottom: 5px;
            width: 6px;
            height: 12px;
            border: solid white;
            border-width: 0 4px 4px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

 
.cat-new-box{ border:1px solid #e4c590; padding:30px; margin-bottom:20px; background:#30343e; border-radius: 20px; color:#fff;}

/*.order-table{ color:#fff!important;}
.table-bordered{ color:#fff!important;}*/

/*.btn-group .btn{ background:#fff!important;}*/
@media (max-width:520px){
.bot-phone { 
  font-size: 18px; line-height:24px;}
  .top-main { 
  text-align: center;}
  }
  
  
  .fran-red-box{ background: rgba( 135, 70, 135, 1); color:#fff;
  backdrop-filter: blur(20px); border:1px solid #bfa1ff; padding:30px; border-radius:20px;}
  
  .fran-red-box .list{ padding-left:15px;}
  
  .fran-red-box2{ background: #30343e; color:#fff;
  backdrop-filter: blur(20px); border:5px solid #bfa1ff; padding:30px; border-radius:20px;}
  
  .fran-red-box2 .list{ padding-left:15px;}
  
  .fran-form{ background:#874487; padding:40px;  border-radius:20px;}
  
 .fran-form .form-control{ background:#ab63ab; border:1px solid #d7b5d7; border-radius:20px;}
  .fran-form .form-control::placeholder{ color:#fff;}
  
  .fran-img{ margin-bottom:20px;}