@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "century-gothic";
  src: url(../fonts/century-gothic.ttf) format('truetype');
  font-weight: "normal";
  font-style: "normal";
}

.navbar{
	margin-bottom: 15px;
	padding-top: 0;
	padding-bottom: 10px;
}

.navbar-default{
	border-color: transparent;
}

.navbar-nav{
	float: none;
}

.navbar-nav > li{
	float: none;
	display: inline-block;
}

.navbar-default .navbar-nav > li > a:hover{
	color: #f6b51d;
}

.navbar-default .navbar-nav > .active > a
{
	border-bottom : 5px solid #f6b51d;
	background-color : #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	background-color : #fff;
}

.top-nav-collapse{
	padding: 5px 0;

}

.navbar-toggle{
	margin-right: 0;
}

#img-logo{
	height: 45px;
}

.top-nav-collapse.navbar{
	min-height: auto;
	box-shadow: 0px 5px 5px #AAA;
}

.top-nav-collapse .navbar-nav{
	float: right;
}

.textmenu{
	font-size : 15px;
	font-family : 'century-gothic';
	font-weight : bold;
}

.nav > li > a{
	padding: 10px 30px;
}

.img-abs{
	position : absolute;
	top : 5px;
	left : 20px;
}

.main-banner{
	width : 100%;
}

.main-banner{
    padding: 0px;
    overflow: hidden;
    position: relative;
    background: #FFF url("../images/bg-main-banner.gif") repeat-x scroll left top;
}

.orange-line{
	border-color: #f6b51d;
	border-width: 5px 0 0;
	border-style: solid;
	width: 82px;
}

#triangle-down{
	top: 
}

#ourmenu .content{position: relative;}
#ourmenu .content:before{width: 0;height: 0;content: "";top: 0;border-width: 26px;position: absolute;border-style: solid;border-color: #fff transparent transparent;left:50%;margin-left: -26px;}

.shape.left, .shape.right{
	background: #fff;
}

.shape.left img, .shape.right img{
	max-width: 100%;
}

.shape.left{
	padding: 80px;
}

.shape.right{
	padding: 91px 40px;
}

.ourmenu-section{height: auto;}

#events{padding-bottom: 100px;}
#events img{ height: 425px;}
#events img.height-298{height: 298px;}

#promotions .img_wrapper{margin-top: 60px;}

#promotions .img_wrapper a{margin: 0 30px; display: inline-block;}

.colthin{margin-bottom: 50px;}

.contact-section{padding-bottom: 100px; background: #fff;}

#clients img{margin: 0 30px 20px 30px;}


.outlet{margin: 0; padding: 0 40px; text-align: left; display: block; color: #000; font-size: 14px;}
.outlet i{margin-left: -10px;}
.outlet.locator{font-weight: bold;}

#form_contact input, #form_contact textarea{background: #f5f5f5; border: 0; box-shadow: none;}
#form_contact button{background: #f6b51d; border-radius: 0; border: 0; color: #000; width: 100px; transition:all 0.5s; -webkit-transition:all 0.5s;}
#form_contact button:hover{background:#000; color:#fff;}
#form_response{display:none;}

.footer-section{padding: 0 100px;}
#footer{border-top: 1px solid #f6b51d; padding: 50px 0;}
#footer ul{list-style: none; margin: 0; padding: 0;}
#footer ul li{display: inline-block;}
#footer ul li a{padding: 15px 15px; color: #000; font-size: 14px;}


.image-popup-no-margins, .image-popup-no-margins:active, .image-popup-no-margins:focus, .image-popup-no-margins:hover{outline: none;}
#flipbook .page-wrapper{
   -webkit-perspective:2000px;
   -moz-perspective: 2000px;
   -ms-perspective: 2000px;
   perspective: 2000px;
}

.mfp-iframe{overflow: hidden;}
.mfp-iframe-scaler iframe{background: transparent !important; box-shadow: none !important;}
.mfp-content{height: 100%;}

.lightgallery{position: relative;display: table;}

.overlay{top: 0; left:0; right: 0; bottom: 0; background: rgba(0,0,0,0.5);position: absolute; width:100%;height:100%; display: none;}
.lightgallery a.main:hover .overlay{display: block;}
.table-wrapper {display: table;height: 100%;text-align: center;vertical-align: middle;width: 100%;}
.table-cell-wrapper {display: table-cell;height: 100%;text-align: center;vertical-align: middle;width: 100%;}
.lightgallery .overlay h3{font-family: "century-gothic";}

.txt-white{color: #fff;}
.font-weight-normal{font-weight: normal;}
.txt-uppercase{text-transform: uppercase;}

/* Override Light Gallery */
.lg-backdrop.in {
    opacity: 0.97 !important;
}


.middle-book{background: rgba(0, 0, 0, 0) url("../images/shape-middle.png") no-repeat scroll 0 0 / cover ;}
/* .ourmenu-section .content{height:auto;} */

/* USAGE
<div class="row">
  <div class="row-height">
    <div class="col-xs-2 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
    <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
  </div>
</div>
*/

/* content styles */

.inside {
  margin-top: 20px;
  margin-bottom: 20px;
 /*  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
  background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%); */
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}