@charset "UTF-8"; /* Sets the encoding of the style sheet to Unicode UTF-8. Don't move it.        */


.nav li {
    padding-bottom: 0;
		display: inline-flex;
}
.nav > li > a {
    color: #fff;
}
.nav > li a.pop {
    position: relative;
    cursor: pointer;
    /*text-decoration: underline #f00 1px solid;
    text-underline-offset: 10px;
    font-weight: bold;*/
}
.dropdown {
    position: absolute;
    width: 200px;
    top: 38px;
    left: 0;
    padding: 19px 0 0 0;
    background: #000;
    display: none;
}
.dropdown li a {
    padding: 10px;
    text-decoration: none;
    color: #fff;
    width: 100%;
}
.dropdown li {
    width: 100%;
}
.dropdown li a:hover {
    background: #444;
}
#dropdown {
    cursor: pointer;
}
#dropdown:hover > .dropdown {
    display: block;
}
.dropdown:hover > .dropdown {
    display: block;
}

.button{border:solid 1px #6d6d6d;}
ul.nav{	position:relative; float:right;margin-right: 0px;}
.banner{position: relative;
  width: 100%;
  background-color: #efefef;
   /*min-height: 100vh;*/
  overflow: hidden;
  background-image: url('/assets_V3/img/banner.jpg');
  margin-top: 10px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.nav-wrap{ padding: 10px 0; max-width: 1600px; width: 100%; position: relative; margin: 0 auto;}

.dinner-plate{float:right; padding: 20px 20px 0 0;}
.hamburger {
    display: inline-block;
    z-index: 100;
    cursor: pointer;
}
.hamburger div:last-of-type {
    margin-bottom: 0;
}
.hamburger div:first-of-type {
    margin-top: 0;
}
.hamburger div {
    width: 30px;
    height: 4px;
    margin: 5px 0;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transition: .27s ease;
    transition: .27s ease;
}
.hamburger.active div:first-of-type {
    -webkit-transform: rotate(45deg) translate(6.5px,6px);
    transform: rotate(45deg) translate(6.5px,6px);
}
.hamburger.active div:nth-of-type(2) {
    /*width: 0;
    opacity: 0;*/
    -webkit-transform: rotate(0deg) translate(76.5px,0px);
    transform: rotate(0deg) translate(76.5px,0px);
}
.hamburger.active div:last-of-type {
  -webkit-transform: rotate(-45deg) translate(6.5px,-6px);
  transform: rotate(-45deg) translate(6.5px,-6px);
}
.mobile-menu{
  display: none;
  overflow: auto;
  top: 0;
  height: 100vh;
  width: 100%;
  background-color: rgba(0,0,0,1);
  position: fixed;
  z-index: 2000;
  transform: translateY(0);
  visibility: visible;
 pointer-events: all;
}

.banner.active{  margin-top: 0px!important;}
.mobile-menu > ul{ text-align: center; margin-top: 80px; padding-left: 0px;}
.mobile-menu > ul hr{border-top: 1px solid #333;}
.mobile-menu > ul a{color: #fff;font-size: 16px;}
.mobile-menu > ul li{padding-bottom: 8px;}

.bbt-red-demo, .bbt-red-invoice{ background: #d53434;color: #fff;width: auto;position: relative;height: auto;padding: 10px 20px;border: none;  margin-top: 10px; display: inline-block; text-align: center; margin: 0 auto; cursor: pointer;}

.bbt-red-demo:hover, .bbt-red-invoice:hover{ background: #df4c4c; text-decoration: none; color: #eee;}
.bbt-red2 {background: #d53434;color: #fff; width: 150px; position: relative; height: auto; padding: 10px 15px;
    margin-top: 10px; display: block; text-align: center; margin: 0 auto; cursor: pointer;}
.bbt-red2:hover{ background: #df4c4c; text-decoration: none; color: #eee;}
.popup {display: none; position: absolute; top: 150px; left: 50%; width: 700px; margin-left: -350px; padding: 15px 15px;
		background: #fff; color: #333; font-size: 19px; line-height: 30px; border: solid 1px #ccc; z-index: 9999; clear:both;-webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(0px);filter: blur(0px);}
.popup-mobile {position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%;}
.popup-btn-close {position: absolute; top: 8px; right: 8px; color: #4EBD79; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer;}
#error{display: none; color: red; margin-left: 15px; margin-right: 15px; margin-bottom: 25px; display: block;}
.radio-demo{display: inline-block; width: 20px;}
.demo-type label{margin: 0 10px 0 3px;}
.demo-type span{font-size: 1.2em;}
.demo-type-options{width: auto; display: inline; padding: 3px;}




.is-blurred :not(#popup){-webkit-filter: blur(2px);-moz-filter: blur(2px);-o-filter: blur(2px);-ms-filter: blur(2px);filter: blur(2px);}
.error{border: solid 1px red; background-color: #ffcccc;}

.form-wrap > div{margin-bottom: 20px; font-size: 75%;}
.form-wrap input{padding:15px;}
.popupContent > h2{margin-left: 15px; font-weight: bold; margin-bottom: 5px;}
.popupContent > p{margin-left: 15px; font-size: 90%; line-height: normal; margin-bottom: 30px; color: #aaa;}
.form-wrap > p{margin-left: 15px; font-size: 110%; line-height: normal; margin-bottom: 30px;}
#slider1 { width: 80%; margin: -20px auto 15px;}
.slick-track{ padding-bottom: 20px;}
.slick-slide { height: auto; margin-top: 10px;}
/*88888888888888888888888888888888888888888888*/
.bbt-red {background: #d53434;color: #fff; width: auto; position: relative; height: auto; padding: 10px 20px; border: none;
    margin-top: 10px; display: inline-block; text-align: center; margin: 0 auto; cursor: pointer;}
.bbt-red:hover{ background: #df4c4c; text-decoration: none; color: #eee;}
.bbt-red2 {background: #d53434;color: #fff; width: 150px; position: relative; height: auto; padding: 10px 15px;
    margin-top: 10px; display: block; text-align: center; margin: 0 auto; cursor: pointer;}
.bbt-red2:hover{ background: #df4c4c; text-decoration: none; color: #eee;}
.popup {display: none; position: absolute; top: 150px; left: 50%; width: 700px; margin-left: -350px; padding: 15px 15px;
		background: #fff; color: #333; font-size: 19px; line-height: 30px; border: solid 1px #ccc; z-index: 9999; clear:both;-webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(0px);filter: blur(0px);}
.popup-mobile {position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%;}
.popup-btn-close {position: absolute; top: 8px; right: 8px; color: #4EBD79; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer;}
#error{display: none; color: red; margin-left: 15px; margin-right: 15px; margin-bottom: 25px; display: block;}
.radio-demo{display: inline-block; width: 20px;}
.demo-type label{margin: 0 10px 0 3px;}
.demo-type span{font-size: 1.2em;}
.demo-type-options{width: auto; display: inline; padding: 3px;}
.bbt-red-invoice > a{color: #fff; text-decoration: none;}

/* ======================================================================== */
/* ======================================================================== */
/* ========================= MEDIA QUERIES   ============================== */
/* ======================================================================== */
/* ======================================================================== */



/* ======================================================================== */
/* =========================   XXX Largest    ========================== */
/* ======================================================================== */
@media  (min-width : 1601px){
	.nav > li {padding: 5px 10px;font-size: 18px; margin: 0 10px;}
  .nav > li.button{margin: 0 15px;padding: 5px 20px;}
	.sb {  display: none;  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.0);  padding: 0px;  position: absolute;  width: auto;  top: 65px; background: #ccc none repeat scroll 0 0; right: 0px;}
	#logo {  width: 10%;  max-width: 180px;  position: absolute;  margin: 10px 0 30px 0px;   outline: none;}
  #demo-nav { right: 18px; top:80px; width: 10%;  max-width: 200px;  position: absolute;  margin: 0px;   outline: none;}
  #invoice-nav { right: 148px; top:80px; width: 10%;  max-width: 200px;  position: absolute;  margin: 0px;   outline: none;}
  .navbar-top-links{display: block;}
  .nav-wrap{min-height: 80px;  height:80px;}
  .dinner-plate, .mobile-menu.active{display: none;}

}

/* ======================================================================== */
/* =========================   Largest    ========================== */
/* ======================================================================== */
@media  (min-width : 1201px) and (max-width : 1600px) {
  .nav > li {padding: 5px 6px;font-size: 18px; margin: 0 10px;}
  .nav > li.button{margin: 0 15px;padding: 5px 20px;}
	.sb {  display: none;  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.0);  padding: 0px;  position: absolute;  width: auto;  top: 65px; background: #ccc none repeat scroll 0 0; right: 0px;}
	#logo {  width: 20%;  max-width: 180px;  position: absolute;  margin: 10px 0 30px 20px;   outline: none;}
  #demo-nav { right: 0px; top:80px; width: 20%;  max-width: 180px;  position: absolute;  margin: 0px;   outline: none;}
  #invoice-nav { right: 130px; top:80px; width: 20%;  max-width: 180px;  position: absolute;  margin: 0px;   outline: none;}
  .navbar-top-links{display: block;}
  .nav-wrap{min-height: 80px;  height:80px;}
  .dinner-plate, .mobile-menu.active{display: none;}

}

/* ======================================================================== */
/* ========================= Second Largest    =========================== */
/* ======================================================================== */

@media (min-width : 993px) and (max-width : 1200px) {
  .nav > li {padding: 5px 10px;font-size: 16px; margin: 0 10px;}
  .nav > li.button{margin: 0 15px;}
	.sb {  display: none;  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.0);  padding: 0px;  position: absolute;  width: auto;  top: 65px; background: #ccc none repeat scroll 0 0; right: 0px;}
	#logo {  width: 20%;  max-width: 180px;  position: absolute;  margin: 10px 0 30px 20px;   outline: none;}
  #demo-nav {display: none;  right: 0px; top:80px; width: 20%;  max-width: 180px;  position: absolute;  margin: 0px;   outline: none;}
  #invoice-nav {display: none;  right: 0px; top:80px; width: 20%;  max-width: 180px;  position: absolute;  margin: 0px;   outline: none;}
  .navbar-top-links{display: none;}
  .nav-wrap{min-height: 80px;  height:80px;}
  .dinner-plate{display: block;}
  .mobile-menu.active{ display: block;}



  .search>div>form {padding: 0;position: relative;margin: 0 auto;display: inline-block;width: 200px;}
  .search>div input {width: 150px;position: relative; left: 0; color: #333; border: none; padding: 5px; height: 35px;display: inline-block;}
  .search>div button {width: 49px;position: relative;right:0;text-align:center;cursor:pointer;color:#fff;background: rgb(172,0,0);
  height: 34px; padding: 0; margin: 0 1px 0 0; border: 0; outline: 0;display: inline-block;}
  .search>div {position: relative;width: 100%;overflow: hidden;}
}

/* ======================================================================== */
/* =========================   Second  Smallest  ========================== */
/* ======================================================================== */
@media (min-width : 769px) and (max-width : 992px) {
  .nav > li {padding: 5px 20px;font-size: 16px;}
 .sb {  display: none;  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.0);  padding: 0px;  position: absolute;  width: auto;  top: 65px; background: #ccc none repeat scroll 0 0; right: 0px;}
 #logo {  width: 20%;  max-width: 180px;  position: absolute;  margin: 10px 0 30px 20px;   outline: none;}
 #demo-nav {display: none; right: 0px; top:80px; width: 40%;  max-width: 180px;  position: absolute;  margin: 0px;   outline: none;}
 #invoice-nav {display: none; right: 0px; top:80px; width: 40%;  max-width: 180px;  position: absolute;  margin: 0px;   outline: none;}
 .navbar-top-links{display: none;}
 .nav-wrap{min-height: 80px;  height:80px;}
 .dinner-plate{display: block;}
 .mobile-menu.active{ display: block;}

 .search>div>form {padding: 0;position: relative;margin: 0 auto;display: inline-block;width: 200px;}
 .search>div input {width: 150px;position: relative; left: 0; color: #333; border: none; padding: 5px; height: 35px;display: inline-block;}
 .search>div button {width: 49px;position: relative;right:0;text-align:center;cursor:pointer;color:#fff;background: rgb(172,0,0);
 height: 34px; padding: 0; margin: 0 1px 0 0; border: 0; outline: 0;display: inline-block;}
 .search>div {position: relative;width: 100%;overflow: hidden;}
}

/* ======================================================================== */
/* =========================        Smallest    =========================== */
/* ======================================================================== */
@media (min-width : 421px) and (max-width : 768px) {
  .nav > li {padding: 5px 20px;font-size: 16px;}
 .sb {  display: none;  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.0);  padding: 0px;  position: absolute;  width: auto;  top: 65px; background: #ccc none repeat scroll 0 0; right: 0px;}
 #logo {  width: 20%;  max-width: 180px;  position: absolute;  margin: 10px 0 30px 20px;   outline: none;}
  #demo-nav { display: none;right: 0px; top:80px; width: 40%;  max-width: 180px;  position: absolute;  margin: 0px;   outline: none;}
  #invoice-nav { display: none;right: 0px; top:80px; width: 40%;  max-width: 180px;  position: absolute;  margin: 0px;   outline: none;}
 .navbar-top-links{display: none;}
 .nav-wrap{min-height: 80px;  height:80px;}
 .dinner-plate{display: block;}
 .mobile-menu.active{ display: block;}

 .search>div>form {padding: 0;position: relative;margin: 0 auto;display: inline-block;width: 200px;}
 .search>div input {width: 150px;position: relative; left: 0; color: #333; border: none; padding: 5px; height: 35px;display: inline-block;}
 .search>div button {width: 49px;position: relative;right:0;text-align:center;cursor:pointer;color:#fff;background: rgb(172,0,0);
 height: 34px; padding: 0; margin: 0 1px 0 0; border: 0; outline: 0;display: inline-block;}
 .search>div {position: relative;width: 100%;overflow: hidden;}
}

/* ======================================================================== */
/* =========================  XXx   Smallest    =========================== */
/* ======================================================================== */
@media (max-width : 420px) {
   .nav > li {padding: 5px 20px;font-size: 16px;}
   .sb {  display: none;  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.0);  padding: 0px;  position: absolute;  width: auto;  top: 65px; background: #ccc none repeat scroll 0 0; right: 0px;}
   #logo {  width: 20%;  max-width: 180px;  position: absolute;  margin: 10px 0 30px 20px;   outline: none;}
   #demo-nav {display: none;right: 0px; top:80px; width: 40%;  max-width: 180px;  position: absolute;  margin: 0px;   outline: none;}
   #invoice-nav {display: none;right: 0px; top:80px; width: 40%;  max-width: 180px;  position: absolute;  margin: 0px;   outline: none;}
   .navbar-top-links{display: none;}
   .nav-wrap{min-height: 80px;  height:80px;}
   .dinner-plate{display: block;}
   .mobile-menu.active{ display: block;}

   .search>div>form {padding: 0;position: relative;margin: 0 auto;display: inline-block;width: 200px;}
   .search>div input {width: 150px;position: relative; left: 0; color: #333; border: none; padding: 5px; height: 35px;display: inline-block;}
   .search>div button {width: 49px;position: relative;right:0;text-align:center;cursor:pointer;color:#fff;background: rgb(172,0,0);
   height: 34px; padding: 0; margin: 0 1px 0 0; border: 0; outline: 0;display: inline-block;}
   .search>div {position: relative;width: 100%;overflow: hidden;}
}