/* General Demo Style */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}
/* list images css */
body.dining div.bodywrap ul {
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
body.dining div.bodywrap ul li {
	position: relative;
	overflow: hidden;
	float: left;
	width: 50%;
	margin: 0;
	padding: 10px 40px;
	font-size: 15px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body.dining div.bodywrap ul li img {
	position: relative;
	overflow: hidden;
	float: left;
	width: 100%!important;
	height: auto!important;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

/*Font Css*/
p {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 100;
  color: #ffffff;
  line-height: 1.5;
  margin: 10px 0px;
}
label {
  font-size: 11px;
  font-weight: 100;
  color: #ffffff;
  opacity: 0.7;
}
a.cms-h1-10 {
    font-size: 11px;
}
a {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 100;
  color: #f7be2d;
  text-decoration: none;
  display: inline-block;
}
a:active, a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 28px;
  font-weight: 300;
  color: #f7be2d;
  margin: 5px 0px;
}
h2 {
  font-size: 18px;
  font-weight: 300;
  color: #f7be2d;
  margin: 5px 0px;
}
h3 {
  font-size: 16px;
  font-weight: 300;
  color: #f7be2d;
  margin: 5px 0px;
}
h4 {
  color: #f7be2d;
  font-size: 14px;
  font-weight: 300;
  margin: 5px 0;
}
.address p {
  color: #fff;
  opacity: 0.8;
  font-size: 11px;
}
.address strong {
    position: absolute;
    overflow: hidden;
    padding: 10px 0;
}
.address p strong {
}

/*End Font Css*/


/*Scroll bar*/

.scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.scroll::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: #000000;
}

/*Scroll bar*/


/*Menu Css*/

.menu-box {
  margin-top: 0px;
  padding: 10px 0px 10px 10px;
  /*    border-top:1px solid #f7be2d;
    border-bottom:1px solid #f7be2d;*/
}
.menu-box ul li {
  list-style: none;
}
.menu-box ul li a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
  width: 100%;
}
.menu-box ul li a:hover {
  color: #f7be2d;
}
.submenu {
  position: absolute;
  margin-top: -25px;
  left: 220px;
  background: rgba(38, 38, 38, 0.8);
  width: 180px;
  padding: 10px;
  display: none;
  min-height: 50px;
  z-index: 2;
}
.submenu h1 {
  border-bottom: 1px solid #f7be2d;
  font-size: 15px;
  padding-bottom: 5px;
  font-weight: 400;
}
li.menuli:hover .submenu {
  display: block;
}
.submenu ul li a {
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
  line-height: 30px;
}
.menuimg {
  box-sizing: border-box;
  display: none;
  left: 240px;
  padding: 0 1px 1px;
  position: absolute;
  top: 0;
  width: 200px;
}
.menuimg img {
  border: 3px solid #ffffff;
  height: 110px;
  width: 100%;
}
li.submenuli:hover .menuimg {
  display: block;
}

/*End Menu Css*/


/* Reservation Box */

#reservation_tipbox h3 {
  margin-bottom: 1em;
}
.text_tip {
  color: #000;
  width: 100%;
  height: 2.8em;
  padding-left: 10px;
  border: none;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("../img/bg-sprite.png") no-repeat right -312px #fff;
}
.box_booknow {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 90%;
}
.btn_booknow {
  background-color: #d89647;
  color: #000000;
  cursor: pointer;
  font-weight: bolder;
  padding: 5px 0;
  position: relative;
  text-align: center;
}
.btn_booknow:hover {
  background-color: #e1a817;
  color: #000;
}
.fadebox {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
}
.fadeclose {
  position: absolute;
  right: 1em;
  top: -5px;
  cursor: pointer;
}
.res-logo {
  width: 40%;
  margin: auto;
}
.res-block {
  border: 1px solid #000;
  padding: 1em 2em 0em 2em;
  overflow: hidden;
  margin-top: 1em;
}
.res-block label {
  font-size: 15px;
  font-weight: 100;
  color: #fff;
  line-height: 25px;
}
.res-block form {
  padding: 0 0em;
  margin: 2em 0em;
}
.res-block .res-txt {
  width: 45%;
  float: left;
  margin: 5px 0px;
}
.res-block .input {
  width: 55%;
  float: left;
  margin: 5px 0px;
}
.res-block .select-block {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  float: left;
}
.res-block .promo {
  width: 60%;
  float: left;
  margin: 5px 0px;
}
.reservation {
  width: 300px;
  height: 335px;
  top: 25%;
  left: 40%;
  padding: 15px;
  position: absolute;
  background: rgba(38, 38, 38, 1);
}
.reservation h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}
.reservation .choose {
  float: left;
  width: 45px;
  margin: 5px 5px 5px 5px;
  text-align: center;
}
.reservation .datepicker {
  background: url("../img/bg-sprite.png") no-repeat right -316px transparent;
}
.reservation input {
  cursor: pointer;
  height: 15px;
  border: 1px solid #ccc;
  padding: 4px 5px;
  background: transparent;
  color: #fff;
  border: 1px solid #B3A16E;
  width: 120px;
}
.reservation .promo input {
  background: transparent;
}
.reservation select {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  width: 132px;
  display: inline-block;
  padding: 5px 8px;
  border: 1px solid #B3A16E;
  color: #fff;
  cursor: pointer;
  -moz-appearance: none;
  background: url("../img/bg-sprite.png") no-repeat -478px -700px transparent;
}
.booking-btn {
  color: #fff;
  box-shadow: 0px 0px 5px 0px #000;
  border: none;
  outline: none;
  background-image: url(../img/bg-but-book-now.png);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  width: 50%;
  height: 28px;
  cursor: pointer;
  margin: 15px 65px 15px 65px;
  font-size: 12px;
}
.booking-btn:hover {
  background-position: 0px -30px;
  text-decoration: none;
}
.booking-cancel {
  color: #fff;
  border: none;
  background: transparent;
  width: 45%;
  height: 25px;
  cursor: pointer;
  margin: 10px 2px 10px 2px;
  font-size: 12px;
}
.booking-btn-offer {
  background-color: #f7be2d;
  border: medium none;
  color: #000000;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  height: 25px;
  margin: 10px 0;
  text-transform: uppercase;
  width: 100px;
}
.booking-btn-offer:hover {
  background-color: #e1a817;
}
.modify-booking {
  text-align: center;
  color: #B3A16E;
  width: 100%;
  float: left;
}
.checkability {}

/* End Reservation Box */


/* navigate box */

.navigation {
  background: rgba(38, 38, 38, 0.6);
  border-top: solid 3px #f7be2d;
  position: fixed;
  width: 220px;
  float: left;
  left: 20px;
  opacity: 1;
  -moz-box-sizing: border-box;
  /* Firefox 1, probably can drop this */
  -webkit-box-sizing: border-box;
  /* Safari 3-4, also probably droppable */
  box-sizing: border-box;
  z-index: 5;
  margin-top:1.7%;
}
.branding {
  background-color:transparent;
}
.status {
	color: #fff;
	position: absolute;
	right: 0px;
	bottom: 5px;
	z-index: 2;
	opacity: 0.8;
	width: 220px;
}
#icon {
  position: relative;
  overflow: hidden;
  float: left;
  width: 35px;
}
#c {
  position: relative;
  overflow: hidden;
  float: left;
  margin: 13px 5px;
}
#line {
  position: relative;
  overflow: hidden;
  float: left;
}
#time {
  position: relative;
  overflow: hidden;
  float: left;
  margin: 13px 5px;
}
.icon-wifi {
  position: fixed;
  right: 215px;
  bottom: 7px;
  z-index: 2;
  opacity: 0.7;
  width: 100px;
  height: 30px;
}
.icon-wifi img {
  width: 40%;
  margin-top: 7px;
  float: left;
}
.wifi_label {
  width: 60%;
  float: left;
  text-align: center;
  margin-top: 10px;
}

/* End navigate box */


/* Social Css */

.social {
  position: relative;
  overflow: hidden;
  margin: 20px 0px 0 10px;
  width: 100%;
}
.social a {
  padding: 3px 3px;
}
.social a:hover {
    opacity: 0.8;
}
.ico-social {
  position: relative;
  float: left;
  width:100% !important;
}

.video {
    background-position: -23px 0 !important;
    width: 25px;
    height: 26px;
}
.webcam {
    background-position: -55px 0 !important;
    width: 25px;
    height: 27px;
}
.facebook {
    background-position: -87px 0 !important;
    width: 25px;
    height: 27px;
}
.gplus {
    background-position: -120px 0 !important;
    width: 25px;
    height: 27px;
}
.social img {
   overflow: hidden;
    position: inherit;
    float: left;
}
.social span {
    float: left;
    padding: 7px 10px;
	}
/* Social Css */

.address {
  position: relative;
  padding: 0 10px;
}
.text-center {
  text-align: center;
}
.offer-box {
  max-height: 350px;
  overflow: auto;
}
.offer-box-left {
  float: left;
  width: 35%;
}
.offer-box-right {
  float: left;
  width: 63%;
  margin-left: 2%;
}
.img-offers {
  width: 100%;
  max-width: 150px;
}
.listing-offer {}
.aalcajarsinn {
  position: fixed;
  z-index: 1;
  bottom: 0px;
  height: 40px;
  opacity: 1;
  width: 100%;
  background: rgba(38, 38, 38, 0.9);
  padding: 8px 25px;
  text-align: left;
  -moz-box-sizing: border-box;
  /* Firefox 1, probably can drop this */
  -webkit-box-sizing: border-box;
  /* Safari 3-4, also probably droppable */
  box-sizing: border-box;
}
.slogan {
    text-align: left;
    margin-top: -30px;
    margin-left:490px;
}
.booking_com {
    text-align: right;
    margin-top: -25px;
}
.booking_com img {
    text-align: right;
    margin-right: 15px;
}
.agoda {
    text-align: right;
    margin-top: -25px;
    margin-right: 250px;
}
.makemytrip {
    text-align: right;
    margin-top: -25px;
    margin-right: 180px;
}
.stayzilla {
    text-align: right;
    margin-top: -25px;
    margin-right: 100px;
}
.goibibo {
    text-align: right;
    margin-top: -30px;
    margin-right:10px;
}
.tripadvisor {
    text-align: right;
    margin-top: -30px;
    margin-right:10px;
}
.txt-left {
  float: left;
  width: 20%;
  text-align: right;
  padding-top: 5px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  /* Firefox 1, probably can drop this */
  -webkit-box-sizing: border-box;
  /* Safari 3-4, also probably droppable */
  box-sizing: border-box;
}
.txt-right {
  float: left;
  margin: 2px 0;
  width: 80%;
}
.row-form {
  margin-top: 2px;
  margin-bottom: 3px;
  height: 20px;
}
.row-form-area {
  margin-top: 2px;
  margin-bottom: 3px;
  height: 95px;
}
.input-form {
  width: 90%;
  color: #333;
  padding: 5px 20px 5px 10px;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
select.input-form {
    background: transparent;
    -webkit-appearance: none;
    border-radius: 0;
    width: 90%;
}
.btn-submit {
  background: none repeat scroll 0 0 #f7be2d;
  border: medium none;
  color: #000000;
  cursor: pointer;
  height: 30px;
  margin: 10px 0;
  text-transform: uppercase;
  width: 70px;
}
.btn-reset {
  color: #fff;
  background: none repeat scroll 0 0 #000000;
  border: medium none;
  cursor: pointer;
  height: 30px;
  margin: 10px 0;
  text-transform: uppercase;
  width: 70px;
}
.toggle-btn {
  background: url("../img/btn-min-max.png") no-repeat scroll 0 -30px rgba(0, 0, 0, 0);
  cursor: pointer;
  display: block;
  float: right;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
}
.intro {
  background: url('../img/btn-min-max.png') 0px 0px no-repeat;
}
.box {
  display: none;
}
.amenity {
  padding: 10px;
}
.amenity ul {
  list-style: disc inside none;
}
.amenity ul li {
  font-weight: 100;
  font-size: 12px;
  line-height: 18px;
}
.ul-amenity {
  width: 50%;
  float: left;
}
.mobile-logo {
  display: none;
}
.mobile-menu-btn {
  display: none;
}
.mobile {
  display: none;
}
.box-control {
  max-height: 768px;
  overflow: auto;
}
#owl-demo {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
  float: left;
  position: relative;
  width: 30%;
}
.owl-carousel .item {
  margin: 0px 0px 0;
  position: relative;
  overflow: hidden;
}
.owl-carousel .item strong {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  font-weight: bold;
}
.owl-carousel .item p {
  color: #666;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 100;
}
.owl-carousel .item .book-pro {
  margin: 0 auto;
  text-align: center;
}
.owl-carousel .item img {
  display: block;
  width: 100%;
  height: auto;
}
.item-detail {
  margin: 10px 20px 0 20px;
}
.x-specialoffer {
  position: absolute;
  right: 0;
  top: 100px;
  background: url('../img/btn-min-max.png') 0px 0px no-repeat;
  color: #fff;
  width: 29px;
  height: 29px;
  cursor: pointer;
}
.imgoffer {
  position: relative;
  overflow: hidden;
}
.change-lang {
  width: 100px;
  position: absolute;
  background: rgba(38, 38, 38, 0.8);
  right: 10px;
  top: 10px;
  padding: 3px;
  z-index: 100;
}
.div-toggy {
  position: relative;
  overflow: hidden;
}
.toggy {
  width: 29px;
  height: 29px;
  position: absolute;
  right: 0px;
  top: 84px;
  cursor: pointer;
  background: url('../img/btn-min-max.png') 0px -29px no-repeat;
}
.toggy-sd {
  width: 29px;
  height: 29px;
  position: absolute;
  right: 0px;
  top: 84px;
  cursor: pointer;
  background: url('../img/btn-min-max.png') 0px 0px no-repeat;
}
#arrow-lang {
  width: 20px;
  height: 20px;
  position: absolute;
  background: url("../img/arrow-menu.png") no-repeat;
  background-position-x: 0px;
  background-position-y: -17px;
  cursor: pointer;
  right: 5px;
  top: 5px;
}
.arrow-ch {
  background-position: 0px 2px;
}
.change-lang ul li {
  list-style: none;
  overflow: hidden;
}
.c-lang {
  display: none;
}
.change-lang ul li img {
  float: left;
  width: 20px;
  margin-top: 3px;
  cursor: pointer;
}
.label-lang {
  float: left;
  padding: 5px;
  width: 70px;
  color: #fff;
  cursor: pointer;
}
.label-lang:hover {
  color: #f7be2d;
}
.booking_link {
  background-color: #f7be2d;
  color: #000000;
  cursor: pointer;
  font-weight: 400;
  padding: 5px;
  position: relative;
  text-align: center;
  margin: 0px 0px 0px 10px;
  top: -2px;
  font-size: 10px;
}
.mobile-input-group input {
  width: 95%!important;
}
.mobile-input-group select {
  width: 93%!important;
}
.only-mobile {
  display: none;
}
strong {
    color: #f7be2d;
}
/**************************** CSS Gallery ***********************************/

.demo-gallery {
  width: 80%;
  max-height: 100%;
  position: absolute;
  left: 265px;
  padding: 1em 1em 3em 1em;
  overflow: auto;
  -moz-box-sizing: border-box;
  /* Firefox 1, probably can drop this */
  -webkit-box-sizing: border-box;
  /* Safari 3-4, also probably droppable */
  box-sizing: border-box;
}
.demo-gallery figure {
  display: none;
}
.demo-gallery h4 {
  margin: 0.5em 0em 0.5em 0em;
}
.gallery-album {
  margin: 0em 0em 0em 0em;
}
.gallery-album-photo {
  margin-bottom: 3em;
}
.gallery-album a:hover {
  text-decoration: none;
}

/**************************** CSS Gallery ***********************************/


/***************************** Start Media Screen ****************************/

@media (min-width: 1280px) {}
@media (max-width: 965px) {
.bodywrap ul li {width: 100% !important;}
}
@media (min-width: 768px) and (max-width: 1023px) {
  .reservation {
    left: 30%;
  }
}
@media (max-width: 767px) {
	.address p strong {
    display: block;
    overflow: hidden;
    position: absolute;
    padding: 10px 280px;
}
	.social span {
padding: 7px 8px;
}
  .non-mobile {
    display: none!important;
  }
  #main-wrapper-home {
    left: 0!important;
    top: 0!important;
    width: 100%!important;
    max-height: 100%!important;
    overflow: auto!important;
  }
  #supersized {
    display: none!important;
  }
  .owl-carousel .item strong {
    color : #000;
  }
  .main-content-home {
    width: 100%!important;
    overflow: hidden!important;
  }
  .owl-carousel {
    background: rgba(255, 255, 255, 0.8);
  }
  .demo-gallery {
    left: 0!important;
    width: 100%!important;
  }
  .div-toggy {
    overflow: visible!important;
  }
  .main-content {
    width: 100%!important;
  }
  .bodywrap.title {
    width: 100%!important;
  }
  .imgoffer {
    /*height: 150px!important;*/
  }
  .main_gallery {
    width: 100%!important;
  }
  .reservation {
    left: 7%;
  }
  .only-mobile {
    display: block;
  }
  .social {
    position: relative;
    bottom: 0px;
    height: 100px;
	margin: 7px auto;
	width:100%;
  }
  .address {
    position: relative;
    bottom: 0px;
  }
  #gallery-container {
    margin: auto!important;
    position: relative!important;
    max-width: 50em!important;
    text-align: center!important;
    overflow: hidden!important;
    padding-top: 3em!important;
  }
  .mobile-logo {
    display: block;
    position: relative;
    text-align: center;
    padding: 0px!important;
	background: #fff;
  }
  .navigation {
    display: none;

  }
  #main-wrapper {
    left: 0px!important;
    top: 0px!important;
    width: 100%!important;
    min-width: 0px;
    overflow: auto!important;
    max-height: 130%;
	margin-bottom: 0px !important;
    /*background: url('../img/bg-wrapper.png') repeat; */
  }
  .with-navigation #content {
    margin: 0px!important;
  }
  .mobile-menu-btn {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    right: 6px;
    top: 15px;
    cursor: pointer;
  }
  .bodywrap.title {
    overflow: hidden;
  }
  .status {
    position: relative;
  }
  #strickr {
    position: relative;
    overflow: hidden;
    float: left;
  }
  .mobile-res-box {
    width: 100%;
    border: 1px solid #eba32f;
    border-top: none;
    margin-top: 0px;
  }
  .mobile-input-group {
    line-height: 20px;
    width: 100%;
  }
  .mobile-input-group .bg-date {
    background: url("../img/bg-sprite.png") no-repeat right -316px #fff;
    padding-left: 8px;
    color: #666666;
    -webkit-box-sizing: border-box;
    /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;
    /* Firefox 1 - 28 */
    box-sizing: border-box;
    /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
  }
  .mobile-input-group input {
    width: 220px;
    height: 25px;
    margin: 5px 6px 0px 8px;
    padding-left: 8px;
    color: #666666;
    -webkit-box-sizing: border-box;
    /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;
    /* Firefox 1 - 28 */
    box-sizing: border-box;
    /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
  }
  .mobile-input-group select {
    width: 225px;
    height: 25px;
    margin: 5px 0px 0px 1px;
  }
  .mobile-res-wrap {
    background: rgba(38, 38, 38, 0.8);
    padding: 20px 20px 0px 20px;
    overflow: hidden;
    position: relative;
  }
  .mobile {
    display: block;
  }
  .mobile-book-btn {
    display: block;
    width: 100%;
    height: 19px;
    border: 1px solid #eba32f;
    margin: auto;
    padding: 5px 0px 3px 0px;
    text-align: center;
    color: white;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
  }
  .btn-mobile-book {
    width: 95%;
    margin: 5px 7px 5px 7px;
    color: #fff;
    border: none;
    height: 28px!important;
    cursor: pointer;
    font-size: 13px;
  }
  #prevslide, #nextslide {
    bottom: 20px!important;
  }
  .change-lang {
    width: 42px;
    right: 6px;
    top: 60px;
  }
  .change-lang #arrow-lang {
    right: 3px;
  }
  .txt-left {
    width: 100%;
    text-align: left;
  }
  .txt-right {
    width: 97%;
    text-align: left;
  }
  .address p {
    text-align: center;
}

}

@media (max-width: 768px) {
	.bodywrap ul li {width: 100% !important; }
	label {font-size: 10px;}
	a.cms-h1-10 {font-size: 10px;}
	h1 {font-size: 20px;}
	h2 {font-size: 17px;}
	.owl-carousel .item strong {font-size: 14px;}
	.txt-left {   width: 26%; text-align: right;}
	.input-form {width: 100%;}
	.txt-right {width: 73%;}
	select.input-form {width: 100%;}
	div._bonquet ul {width: 120px !important;}
}
@media (max-height: 767px) {
.ico-social {
width: 15% !important;
}


.social {
 height: 35px;
}

}
@media (max-height: 620px) {
.ico-social{
    width: 10% !important;
}

.social span {
    display: none;
}

.social {
    margin: 10px 10px 10px 10px;
}

}

@media (max-width: 425px) {
#main-content-wrap {  background: #212121;}
.owl-carousel .item img {
    width: 385px;
    height: 285px;
}
	.address p strong {
    padding: 10px 110px;
}
}

@media (max-width: 375px) {

}

@media (max-width: 320px) {
.txt-right {width: 100%;}
.txt-left {width: 31%;text-align: left;}
}
/*close media screen 1280px*/


/***************************** End Media Screen ****************************/


/***************************** Other CSS , Plugin , Slide , Jquery ****************************/


/**
 * @file
 * Tabs Styling
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal6-reference.css, line 510.)
 */

div.min-max-bar {
  margin: 0 0 1px 0;
  padding: 0 10px;
  height: 29px;
  line-height: 29px;
  background: rgba(38, 38, 38, 0.8);
  position: relative;
  font-size: 11px;
  color: #CCC;
  cursor: pointer;
}
#minimize-content-area {
  width: 29px;
  height: 29px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: url('../img/btn-min-max.png') 0px 0px no-repeat;
  overflow: hidden;
  display: block;
  text-indent: -1000px;
}
#expand-content-area {
  width: 29px;
  height: 29px;
  position: absolute;
  top: 0px;
  right: -30px;
  background: url('../img/btn-min-max.png') 0px -29px no-repeat;
  overflow: hidden;
  display: block;
  text-indent: -1000px;
  display: none;
}
div.tabs {
  margin: 0 0 1px 0;
  background: url('../img/bg-wrapper.png') repeat;
}
ul.primary {
  margin: 0;
  padding: 0;
  /* LTR */
  border-width: 0;
  list-style: none;
  white-space: nowrap;
  line-height: normal;
  background: none;
}
ul.primary li {
  float: left;
  /* LTR */
  margin: 0;
  padding: 0;
}
ul.primary li a {
  display: block;
  height: 24px;
  margin: 0 0 0 20px;
  padding: 0;
  /* width of tab-left.png */
  border-width: 0;
  font-weight: bold;
  text-decoration: none;
  color: #777;
  background-color: transparent;
  background: none;
}
ul.primary li a .tab {
  display: block;
  margin: 0;
  padding: 1px 18px;
  border-width: 0;
  line-height: 20px;
  background: #333;
  ;
}
ul.primary li a:hover, ul.primary li a:focus {
  border-width: 0;
  background-color: transparent;
  background: #666;
}
ul.primary li a:hover .tab, ul.primary li a:focus .tab {
  background: #333;
}
ul.primary li.active a, ul.primary li.active a:hover, ul.primary li.active a:focus {
  border-width: 0;
  color: #000;
  background: #333;
}
ul.primary li.active a .tab, ul.primary li.active a:hover .tab, ul.primary li.active a:focus .tab {
  background: #333;
}
ul.secondary {
  margin: 0;
  padding: 0 0 0 5px;
  /* LTR */
  border-bottom: 1px solid #c0c0c0;
  list-style: none;
  white-space: nowrap;
  background: url(../images/tab-secondary-bg.html) repeat-x left bottom;
}
ul.secondary li {
  float: left;
  /* LTR */
  margin: 0 5px 0 0;
  padding: 5px 0;
  border-right: none;
  /* LTR */
}
ul.secondary a {
  display: block;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 1px solid #c0c0c0;
  text-decoration: none;
  color: #777;
  background: url(../images/tab-secondary.html) repeat-x left -56px;
}
ul.secondary a .tab {
  display: block;
  height: 18px;
  /* 24px (parent) - 6px (padding) */
  margin: 0;
  padding: 3px 8px;
  line-height: 18px;
}
ul.secondary a:hover, ul.secondary a:focus {
  background: url(../images/tab-secondary.html) repeat-x left bottom;
}
ul.secondary a.active, ul.secondary a.active:hover, ul.secondary a.active:focus {
  border: 1px solid #c0c0c0;
  color: #000;
  background: url(../images/tab-secondary.html) repeat-x left top;
}

/**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
*/


/*
 * Body
*/

body {}
#page-wrapper, .region-bottom {
  min-width: 1024px !important;
  /* Don't allow the browser to make the site unreadable. */
}
#page {}

/*  Background Images */

#bg-img {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.region-bg-img, #block-como-bg-img-bg-img {
  width: 100%;
  height: 100%;
}
#bg_img-edit-link {
  position: absolute;
  right: 10px;
  bottom: 200px;
}
#bg-img * {
  padding: 0;
  margin: 0;
}
.bgwidth {
  width: 100%;
}
.bgheight {
  height: 100%;
}
#bg-img .scanline {
  width: 100%;
  height: 100%;
  background: url('../images/scanline.html') repeat;
  position: absolute;
  z-index: 5;
  display: block;
  top: 0px;
  left: 0px;
}
#block-views-9b746efd5cc324b7be7f7702244e5cd6, #block-views-9b746efd5cc324b7be7f7702244e5cd6 .content, #views_slideshow_cycle_teaser_section_background_image_slideshow-block {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0px;
  left: 0px;
}
#block-views-9b746efd5cc324b7be7f7702244e5cd6 .views_slideshow_slide {
  width: 100% !important;
  height: 100% !important;
}

/*
 * Header
*/

#header {}
#header .section {}
.region-header {}

/*
 * Main (container for everything else)
*/

#main-wrapper-home {
  position: absolute;
  right: 0;
  top: 110px;
  z-index: 1;
  width: 60%;
  color: #fff;
  overflow: hidden;
}
#main-wrapper {
  position: absolute;
  right: 0;
  top: 110px;
  z-index: 1;
  width: 50%;
  color: #fff;
  overflow: hidden;
  margin-bottom: 100px;
}
#main-wrapper.not-scrolled {
  top: auto;
  bottom: 110px;
}
.front #main-wrapper {
  padding-bottom: 0;
}
#main {
  position: relative;
}
.section-blog #main-wrapper {
  width: 960px;
  top: 200px;
}
.page-blog.page-views #main-wrapper, .section-como-stories.page-taxonomy #main-wrapper, .section-blog.page-taxonomy #main-wrapper {
  width: 1280px;
}
.page-blog.page-views .breadcrumb, .section-como-stories.page-taxonomy .breadcrumb, .section-blog.page-taxonomy .breadcrumb {
  display: none;
}
.node-type-story #main-wrapper {
  width: 748px;
  top: 200px;
}
.node-type-story .breadcrumb {
  display: none;
}
#main {}
#main-content-wrap {
  padding: 0 0 0px;
}
.two-sidebars.page-node .bodywrap.sidebar-first, .two-sidebars.page-node .bodywrap.content {
  background: none;
}
.two-sidebars.node-type-page #bodywrap-bottom, .two-sidebars.node-type-webform #bodywrap-bottom, .two-sidebars.node-type-retreat #bodywrap-bottom {
  background: url('../images/left_sidebar_bg.html') repeat;
}
.two-sidebars.node-type-shop-interior-page #bodywrap-bottom {
  background: url('../images/left_sidebar_bg_wide.html') repeat;
}
.main-content-home {
  position: relative;
  width: 69%;
  overflow: auto;
  -moz-box-sizing: border-box;
  /* Firefox 1, probably can drop this */
  -webkit-box-sizing: border-box;
  /* Safari 3-4, also probably droppable */
  box-sizing: border-box;
  float: right;
  margin-right: 1%;
}
.main-content {
  position: relative;
  width: 100%;
  overflow: auto;
  -moz-box-sizing: border-box;
  /* Firefox 1, probably can drop this */
  -webkit-box-sizing: border-box;
  /* Safari 3-4, also probably droppable */
  box-sizing: border-box;
  float: left;
}
.bodywrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  -moz-box-sizing: border-box;
  /* Firefox 1, probably can drop this */
  -webkit-box-sizing: border-box;
  /* Safari 3-4, also probably droppable */
  box-sizing: border-box;
  float: left;
  background: rgba(38, 38, 38, 0.8);
  padding: 20px;
  margin-bottom: 1px;
}
.bodywrap ul {
    margin-left: 20px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    position: relative;
    overflow: inherit;
}
.bodywrap ul li {
    position: relative;
    overflow: visible;
    float: left;
    width: 50%;
    list-style: disc;
}
.bodywrap ul li img {
padding: 0 25px;
}
span {
	float: initial;
	/*height: 40px;*/
	list-style: none outside none;
	margin-left: 0;
	position: relative;
	text-align: center;
	color:#fff;
/*width: 220px !important;*/
	}
.bodywrap.content {
  padding: 5px 20px 12px 20px;
}
#main-content-wrap .bodywrap.title ul.links {
  float: right;
  margin: 0;
  padding: 0;
}
#main-content-wrap .bodywrap.title ul.links li {
  padding: 0 0 0 10px;
  margin: 0;
}
#main-content-wrap .bodywrap.title ul.links .print_html a {
  display: inline-block;
  overflow: hidden;
  width: 22px;
  height: 19px;
  text-indent: -1000px;
  background: url('../images/sprite-social.html') top left no-repeat;
}
#main-content-wrap .bodywrap.title ul.links .print_mail a {
  display: inline-block;
  overflow: hidden;
  width: 22px;
  height: 19px;
  text-indent: -1000px;
  background: url('../images/sprite-social.html') -35px 0px no-repeat;
}
#galleryNav {
  position: fixed;
  bottom: 35px;
  left: 0px;
  height: 82px;
  width: 180px;
  padding: 10px 16px 0;
  background: url('../img/bg-wrapper.png') repeat;
  color: #fff;
  z-index: 60;
}

/*
 * Content
*/

#content {
  float: left;
  /* LTR */
  width: 100%;
  margin-left: 0;
  /* LTR */
  margin-right: -100%;
  /* LTR */
  /* Negative value of #content's width + left margin. */
  padding: 0;
  /* DO NOT CHANGE. Add padding or margin to #content .section. */
}
#content .section, .no-sidebars #content .section {
  margin: 0;
  padding: 0;
}
.sidebar-first #content .content-right {
  margin-left: 160px;
  padding-right: 0;
  /* LTR */
}
.sidebar-second #content .section {
  padding-left: 0;
  /* LTR */
  /*  padding-right: 200px; LTR */
  /* The width + right margin of .region-sidebar-second. */
}
.two-sidebars #content .content-right {
  margin-left: 160px;
  padding-right: 0;
}
.bodywrap.breadcrumb {
  margin-bottom: 0;
}
.front.domainid-10.two-sidebars #content .content-right {
  margin-left: 0;
}
.front.domainid-10.two-sidebars #bodywrap-bottom {
  background: none;
}
.front.domainid-10.two-sidebars .bodywrap.content {
  background: url(../images/bg-wrapper.html) repeat;
}

/*
 * Navigation
*/

#foot-wrap {
  float: left;
  /* LTR */
  width: 100%;
  padding: 0;
  /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
}
#foot-wrap .block {
  margin: 0;
  padding: 0;
}
#navigation {
  width: 100%;
  height: 47px;
}
.with-navigation #content {
  margin-top: 3px;
  /* Set this to the same value as the navigation height above. */
}
#navigation .section {}
#top-nav {
  position: fixed;
  z-index: 80;
  width: 100%;
  background: #000;
  height: 18px;
  top: 0px;
  left: 0px;
  color: #aaa;
  line-height: 18px;
  font-size: 10px;
  padding: 0 15px;
}
#top-nav p {
  margin: 0;
  padding: 0;
}
#top-nav a {
  color: #aaa;
}
#top-nav ul {
  margin: 0;
  padding: 0;
}
#top-nav ul li {
  float: left;
  list-style: none;
  list-style-image: none;
  margin: 0 15px 0 0;
}
#top-nav .block {
  margin: 0;
}
#top-nav .block h2 {
  float: left;
  line-height: 18px;
  font-size: 10px;
  font-weight: normal;
  padding-right: 15px;
}
#header {
  height: auto;
  min-width: 800px;
  width: auto;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 80;
  overflow: hidden;
}
#header.with-top-nav {
  top: 19px;
}
.region-header {
  display: block;
  position: relative;
}
.logged-in #header {
  margin: 25px 0 0 0;
}

/*
 * First sidebar
*/

.bodywrap.sidebar-first {
  float: left;
  width: 159px;
  padding: 0;
  font-size: 10px;
}
.region-sidebar-first {
  padding-top: 3px;
}

/*
 * Second sidebar
*/

#right-wrap {
  float: right;
  /* LTR */
  width: 176px;
  /* margin-left: -220px;  LTR */
  /* Negative value of .region-sidebar-second's width + right margin. */
  margin-right: 0;
  /* LTR */
  padding: 0;
  /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
  position: fixed;
  z-index: 30;
  top: 0px;
  right: 0px;
}
#right-wrap.with-top-nav {
  top: 19px;
}
#right-wrapv .section {
  margin: 0 0 0 20px;
  /* LTR */
  padding: 0;
}

/*---------------table-rate --------------- */

table {
  background-color: transparent;
  border: 0 none;
  border-collapse: collapse;
  font-size: 13px;
  margin: 0;
  padding: 0;
  width: 100%;
}
table th {
  background-color: #f7be2d;
  color: #000;
  padding: 10px 0px;
  text-align: center !important;
  vertical-align: middle !important;
}
table thead tr th {
  font-size: 100%;
  font-weight: bold;
  vertical-align: bottom !important;
}
table tr td {
  border: 1px solid #FFFFFF;
  font-weight: lighter;
  padding: 5px;
}
table tr:nth-child(2n+1) {
  background: none repeat scroll 0 0 transparent;
}

table strong {
  font-weight: bold;
  text-transform: none !important;

}
table p {
  margin: 0px;
}

/*---------------table-rate --------------- */


/*
 *      Tagline Sidebar
*/

#sidebar-tagline {
  width: 444px;
  height: 83px;
  position: fixed;
  margin: 0;
  padding: 0 30px 0 0;
  z-index: 30;
  right: 0px;
  bottom: 68px;
  /*  background: url('../images/bg-tagline.png') 0 0 no-repeat; */
}
.domainid-16 #sidebar-tagline {
  width: 444px;
  background-position: -175px;
  overflow: hidden;
  bottom: 115px;
}
#sidebar-tagline .block {
  width: 430px;
  position: absolute;
  padding: 0;
  margin: 0;
}
#sidebar-tagline .block p {
  padding: 0;
  margin: 0;
  line-height: 1.1em;
}

/*
 * Footer
*/

.region-footer {}

/*
 * Page bottom
*/

.region-bottom
/* See also the #page-wrapper declaration above that this div shares. */

{}

/*
 * Prevent overflowing content
*/

#content, #navigation, .region-sidebar-first, .region-sidebar-second, .region-footer, .region-bottom {
  overflow: visible;
  word-wrap: break-word;
  /* A very nice CSS3 property */
}

/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
*/


/*
#page-wrapper {
  overflow-y: hidden;
}
*/


/* Common styles of menus */

.dl-menuwrapper {
  width: 100%;
  /*float: left;*/
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%;
  margin: auto;
  z-index: 2;
}
.dl-menuwrapper:first-child {
  margin-right: 100px;
}
.dl-menuwrapper button {
  background: url("../img/bg-wrapper.png") repeat;
  border: none;
  width: 48px;
  height: 45px;
  text-indent: -900em;
  overflow: hidden;
  position: absolute;
  cursor: pointer;
  outline: none;
  right: 6px;
  top: 6px;
}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {
  background: url("../img/bg-wrapper.png") repeat;
  /*background: #000;*/
}
.dl-menuwrapper button:after {
  content: '';
  position: absolute;
  width: 68%;
  height: 5px;
  background: #fff;
  top: 10px;
  left: 16%;
  box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}
.dl-menuwrapper ul {
  padding: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.dl-menuwrapper li {
  position: relative;
}
.dl-menuwrapper li a {
  display: block;
  position: relative;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #fff;
  outline: none;
}
.no-touch .dl-menuwrapper li a:hover {
  background: rgba(255, 248, 213, 0.1);
  text-decoration: none;
}
.dl-menuwrapper li.dl-back> a {
  background: rgba(0, 0, 0, 0.1);
}
.dl-back {
  text-transform: uppercase;
}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li> a:not(:only-child):after {
  position: absolute;
  top: 15px;
  /*line-height: 50px;*/
  /*font-family: 'icomoon';*/
  speak: none;
  -webkit-font-smoothing: antialiased;
  /*content: "\e000";*/
  /*content: url("../img/arrow-menu.png") no-repeat;*/
}
.dl-menuwrapper li.dl-back:after {
  left: 10px;
  top: 12px!important;
  color: rgba(212, 204, 198, 0.3);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dl-menuwrapper li> a:after {
  right: 10px;
  color: rgba(0, 0, 0, 0.15);
}
.dl-menuwrapper .dl-menu {
  margin: 5px 0 0 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  top: 45px;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
  transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.dl-menuwrapper li .dl-main-submanu a {
  color: #f7be2d;
}
.dl-menuwrapper li .dl-main-submanu {
  border-top: 1px solid #f7be2d;
}

/* Hide the inner submenus */

.dl-menuwrapper li .dl-submenu {
  display: none;
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/

.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen> a, .dl-menu.dl-subview li.dl-subview> a {
  display: none;
}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen> .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen> .dl-submenu> li {
  display: block;
}

/* Dynamically added submenu outside of the menu context */

.dl-menuwrapper> .dl-submenu {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.4s;
  animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out;
}
.dl-menu.dl-animate-out-3 {
  -webkit-animation: MenuAnimOut3 0.4s ease;
  animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4 {
  -webkit-animation: MenuAnimOut4 0.4s ease;
  animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5 {
  -webkit-animation: MenuAnimOut5 0.4s ease;
  animation: MenuAnimOut5 0.4s ease;
}
@-webkit-keyframes MenuAnimOut1 {
  0% {}
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut2 {
  0% {}
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut3 {
  0% {}
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut4 {
  0% {}
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}
@-webkit-keyframes MenuAnimOut5 {
  0% {}
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut1 {
  0% {}
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
@keyframes MenuAnimOut2 {
  0% {}
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes MenuAnimOut3 {
  0% {}
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
}
@keyframes MenuAnimOut4 {
  0% {}
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
}
@keyframes MenuAnimOut5 {
  0% {}
  100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
}
.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s;
  animation: MenuAnimIn1 0.3s;
}
.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out;
}
.dl-menu.dl-animate-in-3 {
  -webkit-animation: MenuAnimIn3 0.4s ease;
  animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
  -webkit-animation: MenuAnimIn4 0.4s ease;
  animation: MenuAnimIn4 0.4s ease;
}
.dl-menu.dl-animate-in-5 {
  -webkit-animation: MenuAnimIn5 0.4s ease;
  animation: MenuAnimIn5 0.4s ease;
}
@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.dl-menuwrapper> .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.4s ease;
  animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper> .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.dl-menuwrapper> .dl-submenu.dl-animate-in-3 {
  -webkit-animation: SubMenuAnimIn3 0.4s ease;
  animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menuwrapper> .dl-submenu.dl-animate-in-4 {
  -webkit-animation: SubMenuAnimIn4 0.4s ease;
  animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper> .dl-submenu.dl-animate-in-5 {
  -webkit-animation: SubMenuAnimIn5 0.4s ease;
  animation: SubMenuAnimIn5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}
@-webkit-keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.dl-menuwrapper> .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.4s ease;
  animation: SubMenuAnimOut1 0.4s ease;
}
.dl-menuwrapper> .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.dl-menuwrapper> .dl-submenu.dl-animate-out-3 {
  -webkit-animation: SubMenuAnimOut3 0.4s ease;
  animation: SubMenuAnimOut3 0.4s ease;
}
.dl-menuwrapper> .dl-submenu.dl-animate-out-4 {
  -webkit-animation: SubMenuAnimOut4 0.4s ease;
  animation: SubMenuAnimOut4 0.4s ease;
}
.dl-menuwrapper> .dl-submenu.dl-animate-out-5 {
  -webkit-animation: SubMenuAnimOut5 0.4s ease;
  animation: SubMenuAnimOut5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}
@-webkit-keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0;
  }
}

/* No JS Fallback */

.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
  display: block;
}
.no-js .dl-menuwrapper li.dl-back {
  display: none;
}
.no-js .dl-menuwrapper li> a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1);
}
.no-js .dl-menuwrapper li> a:not(:only-child):after {
  content: '';
}

/* Colors for demos */


/* Demo 1 */

.demo-1 .dl-menuwrapper button {
  background: #c62860;
}
.demo-1 .dl-menuwrapper button:hover, .demo-1 .dl-menuwrapper button.dl-active, .demo-1 .dl-menuwrapper ul {
  background: #9e1847;
}

/* Demo 2 */

.demo-2 .dl-menuwrapper button {
  background: #e86814;
}
.demo-2 .dl-menuwrapper button:hover, .demo-2 .dl-menuwrapper button.dl-active, .demo-2 .dl-menuwrapper ul {
  background: #D35400;
}

/* Demo 3 */

.demo-3 .dl-menuwrapper button {
  background: #08cbc4;
}
.demo-3 .dl-menuwrapper button:hover, .demo-3 .dl-menuwrapper button.dl-active, .demo-3 .dl-menuwrapper ul {
  background: #00b4ae;
}

/* Demo 4 */

.demo-4 .dl-menuwrapper button {
  background: #90b912;
}
.demo-4 .dl-menuwrapper button:hover, .demo-4 .dl-menuwrapper button.dl-active, .demo-4 .dl-menuwrapper ul {
  background: #79a002;
}

/* Demo 5 */

.demo-5 .dl-menuwrapper button {
  background: #744783;
}
.demo-5 .dl-menuwrapper button:hover, .demo-5 .dl-menuwrapper button.dl-active, .demo-5 .dl-menuwrapper ul {
  background: #643771;
}

/* CSS For Gallery */

.menu_gallery {
  width: 20%;
  height: 100%;
  min-height: 815px;
  min-width: 250px;
  float: left;
}
.main_gallery {
  width: 80%;
  height: 100%;
  min-height: 815px;
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  /* Firefox 1, probably can drop this */
  -webkit-box-sizing: border-box;
  /* Safari 3-4, also probably droppable */
  box-sizing: border-box;
}

/* CSS For Gallery */
.wc_page_content img {
    border: 3px solid #fce2a0;
}
div._bonquet {
    position: relative;
    overflow: hidden;
}
div._bonquet ul {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
    width: 500px;
	float:none;
}
div._bonquet ul li {
    position: relative;
    overflow: hidden;
    float: left;
    width: auto;
	list-style:none;
}
div._bonquet ul li img {
    position: relative;
    overflow: hidden;
    margin: 5px 8px;
    padding: 0;
	float: left;
    width: 100%;
}
div._bonquet ul li p {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
	float: left;
    width: 100%;
    text-align: center;
	font-size:15px;
}