@charset "utf-8";
/* CSS Document */
.catalog-product{background-image:url(../image/resaplanet/background.jpg); background-size:cover; background-repeat:no-repeat; background-position:top; background-attachment:fixed;}
.lh1_product{font-size: 1.7em;color: #fff;float: left;margin: 10px 20px 10px 5px;  width: auto;  background: none;}
#product_rating{ margin-top:25px}
#location{clear: both;margin: 0;padding: 0px;width: 100%;float: left;text-align: left;height: 66px;line-height: 66px;display: block;font-size: 17px;color: #fff;}
#location h2{float: left;text-align: left;height: 66px;line-height: 66px;font-size: 17px; width:auto; padding-right:4px;}
.top_product{ position: relative;  float: left;  width: 100%; margin:0; padding:0;  background-color:<?php echo $css['darkblue']; ?>;}
.top_product div {  margin: 0;  padding: 0;}

.toogle_map {position: relative;float: left;display: block;height: 66px;line-height: 66px;padding: 0px;}
.toogle_map:hover { color:<?php echo $css['white']; ?> }
.toogle_map:before{ content:' '; width:30px; height:25px; position:absolute; top:0px; left:0px; background-image:url(<?php echo $css['image_path']; ?> /sprite.png); background-position:-6px -294px}
.toogle_map p{ color:<?php echo $css['white']; ?>; text-transform:uppercase; font-size:0.8em;text-align: center; cursor:pointer}

.hotel_top{float: left;margin: 0px;width: 100%;}

.post-left {float: left;width: 100%;}

.detailsright{min-height:534px; border-left:1px solid #e7e7e7;}
.detailsright .row {  float: left;  width: 100%;  display: inline-block;  margin: 0;}
.details-slider{height:auto; overflow:hidden;}
#inner{height:334px;}
.detailsrightdevis{}
.pourcentage {  float: left;  margin-right: 3px;  font-size: 2.5em;  height: 40px;  line-height: 40px;}
.row.detailsrightdevis .col-md-6{ margin:0; padding:0}
.stamp_wrap {  display: inline-block;  height: 73px;  width: 100%;margin: 35px 0 0 0;}
.stamp {position: relative;float: left;width: 33.333%;height: 100%;}
.stamp img {  border-radius: 50%; width:90px}
.block_points_fort{ display:inline-block;  width: 100%;  min-height: 115px;padding: 10px 10px 5px 20px;}
ul#points_fort{  list-style-image:url(<?php echo $css['icon_path'];?>/tick.png); margin: 0px 0px 0px 15px;display: inline-block;padding:0 10px 0 6px;font-size: 14px;width: 100%;float: left;}
ul#points_fort li {margin: 5px 0; color:<?php echo $css['darkblue'];?>}
.bigPrice{font-weight: normal;color: #AEC52D;text-align: center;width: 100%;float: left;height: 30px;padding:0 22px 0 35px;margin-bottom: 5px;}
#formule{ line-height: 25px;height: 25px;display: block;width: 100%;text-align: center;margin-left: auto;margin-top: -3px;margin-right: auto;position: relative;float: left;padding: 0px; font-size:12px;}
.notre-avis-title {text-align: left;width: 100%; font-size:20px;  margin: 0 0 4px 0;color: <?php echo $css['darkblue']; ?>}
.bigPrice .price{font-weight: normal;color: <?php echo $css['price_color']; ?>;font-size: 2.1em;position: relative;float: right;margin: 0 0px 0 20px;}
.depart {font-size: 14px;float: left;height: 44px;line-height: 44px; position:relative; margin-right: 0px;text-align: left;font-weight: 500;color: <?php echo $css['darkblue']; ?>;   padding: 0 0 0 15px;}
#tarif{margin:  0;text-align: center;font-size: 20px;padding-left: 6px;float: left;width: 100%;display: inline-block;color: <?php echo $css['darkblue']; ?>;  height: 45px;  line-height: 45px;}
#price-formule {margin: 0px ;padding: 5px  0 0 0;}
.prix_barre {  font-size: 0.4852em;  position: absolute;  top: 4px;  right: 120px;  color: #9C2727;  float: left;  max-width: 40px;}
.prix_barre:before {  position: absolute;  content: "";  left: -4px;  top: 50%;  right: 0;  border-top: 1px solid;  border-color: inherit;  width:120%;  -webkit-transform:rotate(-10deg);  -moz-transform:rotate(-10deg);  -ms-transform:rotate(-10deg);  -o-transform:rotate(-10deg);  transform:rotate(-10deg);}
.price{font-weight:normal; color: <?php echo $css['price_color']; ?>; font-size:30px;position: relative;  text-align: right;  padding-right: 30px;}
img.rating-image {  width: 100px;  margin: 0 10px 0 0; clear:both; }
.inner_tabs{ background-color:#1E4278; width:100%; height:50%; border-top:1px solid #27559B}
.inner_tabs.active{ background-color: #285496; }
.review_by {margin: 15px 0 0 0; cursor:pointer}
.review_by .rating {  font-size: 20px;}
section.hotel_tab{ display:none}
section.hotel_tab.active{ display:block}
#map{width: 100% !important;height: 100% ;}
ul#myTab li a span.hidetext {  text-transform: capitalize;}

.paddingPresentation{ padding:4px 16px 5px 0px}
.paddingPresentation h3 {  float: left;  width: 100%;  margin: 0 0 4px 0;font-size:20px;}

#with_vol{ width:100%; height:0px; visibility:hidden;opacity:0;transition:visibility 0s linear 1.4s,opacity 1.4s linear; -webkit-transition: height 0.5s;	-moz-transition: height 0.5s;	transition: height 0.5s;}

#with_vol.show{ visibility:visible;  opacity:1;  transition-delay:0s; height:70px}

#vinivi_count{ display:none}
/*######### Tab ########*/
.product_bottom{ margin:0px;float: left;width: 100%;}
.nav-tabs > li > a:hover{ box-shadow:none}

.tab_content{ border:solid 1px #ccc}
.nav-tabs {height: 40px;}
.nav-tabs > li.active{color: #000;cursor: default;background-color: #ffffff;border: 1px solid #dddddd;border-bottom-color: transparent;}
.nav-tabs > li {background:<?php echo $css['turquoise']; ?>;border-right: 1px solid #03A4B8;}
.collapsebtn2{ width:100%; height:32px; border:0px solid black; text-align:left; padding-left:0px; padding-right:20px; color:#15262f; font-size:14px; font-weight:700; background:#fff; }
.collapsebtn2 span.collapsearrow{ width:9px; height:8px; float:right; margin-top:10px; background:url('<?php echo $css['icon_path'];?>/collapsearrow.png') scroll 0 -8px no-repeat; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s; }
.collapsebtn2.collapsed span.collapsearrow{ width:9px; height:8px; float:right; margin-top:10px; background:url('<?php echo $css['icon_path'];?>/collapsearrow.png') scroll 0 0px no-repeat; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s; }
button.collapsebtn2 h3 {margin: 0;color: <?php echo $css['darkblue']; ?>;float: left;}
.tab-content4{background:#ffffff; padding:30px 0px 30px 0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.0); min-height: 350px;}

.gm-style-iw .name {  color: #05B5CA;  font-size: 17px;}
.gm-style-iw ul#points_fort{  list-style-image:url(<?php echo $css['icon_path'];?>/tick.png); margin-top: 0px;display: inline-block;padding:0 10px 0 25px;font-size: 0.9em;width: 100%;float: left;}
.gm-style-iw ul#points_fort li {margin: 5px 0; color:<?php echo $css['darkblue'];?>}
ul.points_fort{  list-style-image:url(<?php echo $css['icon_path'];?>/tick.png); margin-top: 0px;display: inline-block;padding:0 10px 0 25px;font-size: 0.9em;width: 100%;float: left;}
ul#myTab li a h3 {  font-size: 14px !important;  float: left;  height: 20px;  text-transform: capitalize;  margin: 0; color:#fff}
ul#myTab li a:link, ul#myTab li a:active, ul#myTab li a:visited {height: 40px; color:#fff}
ul#myTab li.active a h3 { color:<?php echo $css['darkblue'];?>}

/*SPRITE IMAGES FOR TABS*/ 

.nav-tabs > li.active > a span.flight {width:14px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  0 0;margin-right: 5px;}
.nav-tabs > li.active > a:hover span.flight {width:14px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  0 0;margin-right: 5px;}
.nav-tabs > li > a span.flight {width:14px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  0 0; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.flight {width:14px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  0px -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.hotel {width:14px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -14px 0px;margin-right: 5px; }
.nav-tabs > li.active > a:hover span.hotel {width:14px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -14px 0px;margin-right: 5px;}
.nav-tabs > li > a span.hotel {width:14px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -14px 0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.hotel {width:14px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -14px -18px;}
.nav-tabs > li.active > a span.car {width:21px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -28px 0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.car {width:21px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -28px 0px; margin-right: 5px;}
.nav-tabs > li > a span.car {width:21px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -28px 0px;  -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.car {width:21px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -28px -18px; margin-right: 5px;}
.nav-tabs > li.active > a span.suitcase {width:17px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -50px 0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.suitcase {width:17px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -50px 0px; margin-right: 5px;}
.nav-tabs > li > a span.suitcase {width:17px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -50px 0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.suitcase {width:17px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -50px -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.flighthotel {width:18px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -68px 0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.flighthotel {width:18px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -68px 0px; margin-right: 5px;}
.nav-tabs > li > a span.flighthotel {width:18px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -68px 0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.flighthotel {width:18px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -68px -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.cruise {width:22px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -87px 0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.cruise {width:22px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -87px 0px; margin-right: 5px;}
.nav-tabs > li > a span.cruise {width:22px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -87px 0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.cruise {width:22px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -87px -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.hotelcar {width:23px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -110px 0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.hotelcar {width:23px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -110px 0px;margin-right: 5px; }
.nav-tabs > li > a span.hotelcar {width:23px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -110px 0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.hotelcar {width:23px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -110px -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.flighthotelcar {width:26px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -135px 0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.flighthotelcar {width:26px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -135px 0px; margin-right: 5px;}
.nav-tabs > li > a span.flighthotelcar {width:26px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -135px 0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.flighthotelcar {width:26px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -135px -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.description {width:16px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -163px 0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.description {width:16px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -163px 0px; margin-right: 5px;}
.nav-tabs > li > a span.description {width:16px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -163px 0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.description {width:16px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -163px -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.circuit {width:16px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -269px  0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.circuit {width:16px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -269px  0px; margin-right: 5px;}
.nav-tabs > li > a span.circuit {width:16px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -269px  0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.circuit {width:16px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -269px  -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.promo {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -183px 0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.promo {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -183px 0px;margin-right: 5px; }
.nav-tabs > li > a span.promo {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -183px 0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.promo {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -183px -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.devis {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -198px 0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.devis {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -198px 0px;margin-right: 5px; }
.nav-tabs > li > a span.devis {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -198px 0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.devis {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -198px -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.services {width:17px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -304px  0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.services {width:17px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -304px  0px; margin-right: 5px;}
.nav-tabs > li > a span.services {width:17px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -304px  0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.services {width:17px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -304px  -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.avis {width:18px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -340px  0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.avis {width:18px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -340px  0px; margin-right: 5px;}
.nav-tabs > li > a span.avis {width:18px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -340px  0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.avis {width:18px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -340px  -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.thingstodo {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -255px 0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.thingstodo {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -255px 0px; margin-right: 5px;}
.nav-tabs > li > a span.thingstodo {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -255px 0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.thingstodo {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -255px -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.chambres {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -286px  0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.chambres {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -286px  0px; margin-right: 5px;}
.nav-tabs > li > a span.chambres {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -286px  0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.chambres {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -286px  -18px;margin-right: 5px;}
.nav-tabs > li.active > a span.loisir {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -322px   0px; margin-right: 5px;}
.nav-tabs > li.active > a:hover span.roloisirom {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -322px  0px; margin-right: 5px;}
.nav-tabs > li > a span.loisir {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -322px  0px; -webkit-transition:.2s;-moz-transition:.2s;transition:.2s;margin-right: 5px;}
.nav-tabs > li > a:hover span.loisir {width:15px;height:18px; display:block; float:left; background:url('<?php echo $css['icon_path'];?>/sprite.png')  -322px  -18px;margin-right: 5px;}

.nfservice-inner-wrapper {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  display: block;
  top: 0;
  right: initial;overflow: hidden;
}

.widgetfrbleu {
  width: 100%  !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  font-size: 10px !important;
  height: auto !important;
  z-index: 9 !important;
  min-height: 75px  !important;overflow: hidden;
}
.widgetfrbleu .digits {
   width: 50px!important;
  height: 64px !important;
  margin-left: -18px !important;
  margin-top: -8px;
}
span.customSelectInner {
  width: 100% !important;
}
span.successs {  width: 100%;  height: 40px;  line-height: 40px;  padding: 0 10px;  background-color: <?php echo $css['turquoise']; ?>;  color: <?php echo $css['white']; ?>;  font-weight: bold;   display: inline-block; }
.echores{ width: 100%;  height: 40px;  line-height: 40px; display:none;}
span.error { color: red;  font-size: 12px;  padding: 0 0px 0 10px;}
.flexslider ul.slides li img{display:none }
h3 {
  margin: 10px 0px;
  color: #163a6b;
  float: left;
  width:100%;
  font-weight:500
}
h2 {
  margin: 0;
  color: #163a6b;
  float: left;
  width:100%
}
#chambres h4 {padding-bottom: 5px;}
a.toogle_map:link, a.toogle_map:active, a.toogle_map:visited { color:#fff; text-decoration:none}
a.toogle_map:hover { color:turquoise; text-decoration:none}
a.toogle_map h2.turquoise {  font-size: 16px;  float: left;  width: auto;  line-height: inherit;  margin: 0;  padding: 0 10px 0 0px;  display: inline-block;}
.catalog-product .module{ background-color:#fff; padding: 0;  display: inline-block;}
.catalog-product #column-right{ padding-right:0px;}
.catalog-product .module h2 {   padding: 0;  font-size: 1.4em;  height: 40px;  line-height: 40px;  text-align: center;  color: #fff;  background-color: #1EB7CC;  display: inline-block;}
.catalog-product .module .module_content{padding: 15px; margin:0;  display: inline-block;}

.module .prix_barre {  font-size: 0.7em;  position: absolute;  top: -22px;  left: 10px;  color: #9C2727;  float: left;  display: inline-block;  width: 40px;}
.module:first-child { margin:0}
#vinivi_rating_container {  width: 85px;  margin: 0;  padding: 0;  border: solid 4px <?php echo $css['turquoise']; ?>;  font-size: 25px;  border-radius: 20px;  text-align: center;float: left; cursor:pointer}
#vinivi_rating_container #vinivi_rating_reviews {  color: #fff;  background-color: <?php echo $css['turquoise']; ?>;  border-radius: 0 0 10px 10px; position:relative}
#vinivi_rating_container #vinivi_rating_reviews:before {  content: ' ';  background-image: url(<?php echo $css['icon_path']; ?>/tip-arrow-up.png);  width: 34px;  height: 25px;  position: absolute;  background-repeat: no-repeat;  bottom: 20px;  left: 22px;}
#vinivi_rating_container #vinivi_rating_overall {  line-height: 40px;  padding: 0 0 8px 0;}
span.review_by {padding: 0 ;  float: left;   height: 25px;  line-height: 25px; font-size: 0.9em;  text-align: left; color:<?php echo $css['darkblue']; ?>;  clear: both;}

select.form-control.mySelectBoxClass.hasCustomSelect {  width: 100% ;}

#vinivi .modal-body {  position: relative;padding: 0;  min-height: 450px;}
#iframe_vinivi{width: 100%;  height: 450px;  float: left;  display: inline-block;}
#vinivi .modal-dialog {  width: 755px;}
/*##################################################################### RESPONSIVE ###################################################################*/

@media (max-width: 1200px){
	.depart {font-size:1.1vw  !important;}
	.vinivi-rating {font-size: 2.6em  !important;}
	.vinivi-rating span {font-size: 13px !important;}
	.hi-icon-wrap{ margin:5px auto !important; display:none}
	.vinivi_rating_container{ border:none}
	ul#points_fort{ width:100%; padding:0 10px !important; margin-top:2px;}
	.stamp_wrap{ width:100%; float:left}
	#tarif {}
	.details-slider,.detailsright {min-height: 459px;height: 459px;}
}

@media (max-width: 1120px){
	#tarif{font-size: 12px;}
	.depart {padding: 0 0 0 10px; font-size:13px !important}
}
@media (max-width: 1024px){
	.notre-avis-title {  font-size: 16px;}
	ul#points_fort { font-size:12px;}
}
@media (max-width: 991px){
	.details-slider {width: 100%;height: auto;  margin: 0;  padding: 0;  min-height: 276px;}
	.depart {float: left;  font-size: 13px !important;}
	.stamp_wrap {width: 60%;float: left;max-width: 360px;}
	ul#points_fort{ max-height:250px;max-width: 330px;}
	.lh1_product { font-size: 1.3em;}	
	#product_rating{ position: absolute;  margin: 0;  top: 5px;  left: 10px;}
	#location h2{font-size: 13px; }
	#location { padding: 0 0 0 15px;  height: 40px;  line-height: 40px; color:#fff ;}
	#location a:active, #location a:link,#location a:visited {height: 40px;  line-height: 40px;}
	.widgetfrbleu { height:100px !important}
	.flexslider-thumb ul li { width: 140px !important;}
	.notre-avis-title {  font-size: 16px;}
	ul#points_fort { font-size:12px;}
	button.btn.devis_btn {  width: 250px;  font-size: 1.3em;}
}

@media (min-width:399px) and (max-width:499px){ 
	.details-slider{height:434px; overflow:hidden;}
	#inner{height:434px;}
}
@media (min-width:500px){ 
	.details-slider{height:auto; overflow:hidden;padding: 0;}
	#inner{height:534px;}
	.caroufredsel_wrapper{max-height:280px!important;}
}


/*################################################LOADER#############################################################*/

/***** Three-bounce ***/

#spinners .three-bounce {
  text-align: center;
  font-size: 26px;
  position: relative;
  top: -26px;
  width: 80px;
  margin-right: 30px;
}

.three-bounce > div {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: <?php echo $css['turquoise']; ?>;
  
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}

.three-bounce .one {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.three-bounce .two {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


@media (max-width: 992px){
.nav-tabs > li.active{ border:none}
.depart {  padding: 0px 0 0 5px;}
ul#points_fort{ max-width:260px}
}

/******************************************************************** PULSARCSS *************************************************************************/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;  }*/
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a:hover, a:active { outline: none; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline;}
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button { width: auto; overflow: visible; }
a {	margin:0; padding:0; font-size:100%; vertical-align:baseline; outline:none;	cursor:pointer; outline-width:0px; zoom:1; }
.clear{ float:left;clear:both; width:100%; display:block;}
.noDisplay { display:none; visibility:hidden;}
form{ display:inline;}

/*------WIDGET LANGUAGE---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#languages 				{position:static;clear:left; padding:0px;}
#languages.hideonload 	{display: none;}
#pulsarflaglist 		{background-color:transparent; overflow:hidden; padding:10px; padding-bottom:20px; float:left; clear:both;}
ul#flag_menu        	{*padding-bottom:15px; margin:0px;margin-left:15px; overflow:hidden;}
ul#flag_menu li     	{list-style:none; float:left; margin:0px 12px 24px 12px; -webkit-border-radius:4px; -moz-border-radius:4px ; border-radius: 4px; background-color: #f2f2f2; /* fallback color */ border:1px #e6e6e6 solid; padding:5px; }
ul#flag_menu a      	{width:100px; height:24px; padding:0px 0px 0px 35px; line-height:auto; display:block; line-height:24px; font-size:14px;  text-decoration:none; color:#888888; text-shadow: 0 1px 0 #ffffff; }
ul#flag_menu a:hover  	{color:#444444; }
.big_flag_en		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left  0  no-repeat;} 
.big_flag_fr		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -25px  no-repeat;} 
.big_flag_it		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -50px  no-repeat;} 
.big_flag_ja		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -75px  no-repeat;} 
.big_flag_es		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -100px  no-repeat;} 
.big_flag_pt		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -125px  no-repeat;} 

.big_flag_de		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -150px  no-repeat;} 
.big_flag_sv		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -175px  no-repeat;} 
.big_flag_da		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -200px  no-repeat;} 
.big_flag_ru		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -225px  no-repeat;} 
.big_flag_no		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -250px  no-repeat;} 
.big_flag_zh-tw		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -275px  no-repeat;} 
.big_flag_zh-cn		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -275px  no-repeat;} 
.big_flag_nl		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -300px  no-repeat;} 
.big_flag_po		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -325px  no-repeat;} 

.big_flag_ca		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -375px  no-repeat;} 
.big_flag_ar 		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -400px  no-repeat;} 
.big_flag_th		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -425px  no-repeat;} 
.big_flag_cs		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -450px  no-repeat;} 
.big_flag_tr		{background: url("http://novablink.com/commons/nova_languages/img/flags_24_0_7.png") left -473px  no-repeat;} 

.big_flag_fi 		{background: url('http://novablink.com/commons/nova_languages/img/flags_24_0_7.png') left -500px no-repeat;}
.big_flag_is 		{background: url('http://novablink.com/commons/nova_languages/img/flags_24_0_7.png') left -524px no-repeat;}

/*----------NOVA HTML SLIDER-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.novahtmlslider_controls .controlleft 	{display:none; text-indent:-999999px;}

.novahtmlslider_controls .controlright  {display:none;text-indent:-999999px;} 

.novahtmlslider_container{
	position:relative;
	top:0;
	left:0;
}

.novahtmlslider_controls{
	display:none;
	position:absolute;	
	z-index:50;
	left:0px;
	top:49%;
	width:100%;
}

.novaslider{
	width:100%;
	height:100%;
	position:relative;
}

.novaslider_customhtml{
	position:absolute;
	top:0%;
	left:0%;
}

.novaslider_bgimagediv img{
	position:absolute;
	top:0;
	left:0;
}

/*IE Animation performance trick for the slider*/
.novaslider{
	filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=0, direction=0);	
}
.novahtmlslider_container{-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	-o-user-select: none;	user-select: none;}
 

/*----------NOVA BOX-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.novaboxcontrols{ display:none;}


.novabox_caption{																								
	position: absolute;
	left: 15px;
	bottom : 15px;
	color:white;
	background:url("http://novablink.com/commons/nova_box/img/caption_bg.png") ;
}
.novabox_captiontext{
	font:11px Arial;
	padding: 10px;
	color:#c1c1c1;
}	

.novabox_imagepreloader{
	background:url("http://novablink.com/commons/nova_box/img/ajax-loader.gif") center center no-repeat;	
	position:absolute;
	display:none;
	top: 0;
	left: 0;
	width:20%;
	height:20%;
	
}
.novabox_close{
	position:absolute;
	top : 15px;
	right : 15px;
	width:96px;	
	height:96px;
	cursor:pointer;
	background:url("http://novablink.com/commons/nova_box/img/close.png") no-repeat right top;
	
}
.novabox_item_next{
		background:url("http://novablink.com/commons/nova_box/img/right-cursor.png") no-repeat right center;
		width:38px;
		height:38px;
		position:absolute;
		top:-29px;
		right:10px;
	}

.novabox_item_prev{
		background:url("http://novablink.com/commons/nova_box/img/left-cursor.png") no-repeat right center;
		width:38px;
		height:38px;
		position:absolute;
		top:-29px;
		left:10px;
	}
	


.novaboxoverlay{
	background:#000000;
	display : none;
	position :absolute;
	top:0px;
	left:0px;
	z-index:10000;
	
}

.novabox_wrapper{
	position: absolute;
	display: none;
	z-index:10001;
	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	-o-user-select: none;	user-select: none;
	overflow:hidden;
}


.novabox_image{
	align : center;
	overflow:hidden;
}

.novabox_image img{
	display : block;
	position : absolute;
	-ms-interpolation-mode: bicubic;
}

.novabox_contain_prev{
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACXZwQWcAAAABAAAAAQDHlV/tAAAAAnRSTlMA/1uRIrUAAAAKSURBVAjXY/gPAAEBAQAbtu5WAAAAAElFTkSuQmCC');
	*background-image:url("http://novablink.com/commons/nova_box/img/ie_onepixel.gif");
	cursor: url("http://novablink.com/commons/nova_box/img/left-cursor.png"),  url("http://novablink.com/commons/nova_box/img/left-cursor.cur"), pointer;

}
	/*contained in novabox_contain_prev*/
.novabox_wrapper_prev{
		position:relative;
		top:50%;
		
	}
.novabox_wrapper2_prev{
		position:relative;
		top:-50%;	
	}
	/*contained in novabox_wrapper_prev*/

.novabox_contain_next{
	/*will be automatically positioned and size on the right half of the pic*/
	position:absolute;
	left:50%;
	top:0px;
	width:50%;
	height:100%;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACXZwQWcAAAABAAAAAQDHlV/tAAAAAnRSTlMA/1uRIrUAAAAKSURBVAjXY/gPAAEBAQAbtu5WAAAAAElFTkSuQmCC');
	*background-image:url("http://novablink.com/commons/nova_box/img/ie_onepixel.gif");
	cursor: url("http://novablink.com/commons/nova_box/img/right-cursor.png"), url("http://novablink.com/commons/nova_box/img/right-cursor.cur"),  pointer;

}

/*contained in novabox_contain_next*/
.novabox_wrapper_next{
		position:relative;
		top:50%;
		text-align:right;
	}
.novabox_wrapper2_next{
		position:relative;
		text-align:right;
		top:-50%;	
	}
/*contained in novabox_wrapper_next*/
.novabox_image_captionposition{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.novabox_image_imageonly{
	position:absolute;
}
.novabox_image_viewportwidth{
	position:absolute;
	width:100%;
}
.novabox_image_viewportheight{
	position:absolute;
	height:100%;
}
.novabox_image_fullviewport{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;	
}

/*GALLERY END ------------------------------------------------------------------------*/
/*----------NOVA MONTAGE-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.novaboxcontrols{ display:none;}



.mynovamontage_wrap {
	padding:0px 0px 0px 0px;
 	background-color:#000000;
	 
}

#mynovamontage a { 
	text-decoration:none; 
}

 
.novahover_overlay{
 	display:none;
	top:-1000px;	
	left:-1000px;
 	background:url('/_img/zoom_icon.png') 10px 10px no-repeat;
  	
}

.novahover_text_wrap{
 	display:none; 
 	top:0;
	left:0;
	width:100%;
	height:100%;
 	background:#000000;
  	overflow:hidden;
}

 
.novahover_text { 
	 
 
	color:#ddd; 
 	font-size:12px; 
  	line-height:normal; 
   	margin:13px 15px 12px 15px; 
    padding-left:40px;   
 }



/*----------NOVA GOOGLE MAP-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------LAYOUT-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#ggmap								{width:100%; height:100%; overflow:hidden;}
#ggmap_map						{width:100%; height:100%; float:left;}

/*----------INFO BUBBLE-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.ggmapinfobubble							 					{background-color:#161616; overflow:hidden; font:13px Arial, Helvetica, sans-serif; color: #CCCCCC; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

ul.g_hotelinfo_wrap							  			{padding:20px 25px 10px 20px; margin: 0 0 0px 0px; min-width: 280px;}
ul.g_hotelinfo_wrap	li									{list-style:none; padding:0 0px 5px 0px; font: 12px Arial;}
ul.g_hotelinfo_wrap	li.g_hotelname			{font:16px Arial, Helvetica, sans-serif; color:#848484; padding:0 0px 12px 0px; }
.g_addr_line1									 					{}
.g_addr_line2									 					{}
.g_phone											 					{}
.g_dummy1												 				{width:19px; height:2px; border-bottom:1px #333333 solid; margin-left:20px; margin-bottom:16px;}
.g_addr_line1{
	filter:Alpha(opacity=100);
}

ul.g_options									 					{display:inline-block;  list-style:none; margin:0px 0px 0px 19px; padding:0px 0px 15px 0px; }
ul.g_options li								 					{list-style: none;   float:left; position:relative;  display:block;}
ul.g_options li a							 					{line-height: 46pt;padding:0px 0px 0px 0px; margin:0 40px 0 0px; color: #CCCCCC; text-decoration:none; font:13px Arial; display:block; }
ul.g_options li a:hover				 					{color: #fbfbfb; border-bottom:0px dotted #9C8252;}

ul.g_options li a.g_getdirections 			{background:url('http://novablink.com/commons/nova_ggmap/img/gmap_nova_icons.png') 0px -90px no-repeat; padding-left:30px;line-height: 20pt; }
ul.g_options li a.g_getdirections:hover {background:url('http://novablink.com/commons/nova_ggmap/img/gmap_nova_icons.png') 0px -135px no-repeat; padding-left:30px;line-height: 20pt;   }

ul.g_options li a.g_showaround	  			{background:url('http://novablink.com/commons/nova_ggmap/img/gmap_nova_icons.png') 0px -0px no-repeat; padding-left:30px;line-height: 20pt; }
ul.g_options li a.g_showaround:hover	  {background:url('http://novablink.com/commons/nova_ggmap/img/gmap_nova_icons.png') 0px -45px no-repeat; padding-left:30px;line-height: 20pt; }
ul.g_options li a.g_showaround:active	  {background:url('http://novablink.com/commons/nova_ggmap/img/gmap_nova_icons.png') 0px -45px no-repeat; padding-left:30px;line-height: 20pt; }

.g_close_wrap									 					{}
a.g_close											 					{position:absolute; right:15px; top:0px; width:14px; height:23px; background: url('http://novablink.com/commons/nova_ggmap/img/gmap_sprite.png') bottom right no-repeat; border:none; outline:none; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;}	
a.g_nearbyinfowindow_close 							{position:absolute; right:15px; top:0px; width:14px; height:23px; background: url('http://novablink.com/commons/nova_ggmap/img/gmap_sprite.png') bottom right no-repeat; border:none; outline:none; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;}	


/*----------DROPDOWN SHOW AROUND-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

ul.g_morecontent							 				  {position:absolute;  background-color:#FFFFFF; z-index:3000; display:block; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; border:1px e8e8e8 solid;}
ul.g_morecontent li						 				  {list-style: none; line-height: normal; display:block; position:relative; float:left; clear:both; width:100%; }
ul.g_morecontent li a					 				  {font:12px Arial, Helvetica, sans-serif; color:#333333; padding:9px 45px 9px 15px; display:block; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none; cursor:pointer;}
ul.g_morecontent li a:hover		 				  {background-color:#f1f1f1; color:#333333; text-decoration:none;   }
 

/*----------NEARBY INFO BUBBLE-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

 .g_nearbyinfowindow										  {font:13px Arial, sans-serif; color: #999999; padding:10px 30px 10px 10px; }
.g_nearbyinfowindow_icon								{}
.g_nearbyinfowindow_name								{font:13px Arial, sans-serif; color: #333333;padding-bottom:2px; }
.g_nearbyinfowindow_category						{font:12px Arial, sans-serif; color: #999999; padding-bottom:8px; margin-bottom:16px; border-bottom:1px #e8e8e8 dotted;}
.g_nearbyinfowindow_fromthehotel				{font:12px Arial, sans-serif;  color: #999999;  }
.g_nearbyinfowindow_time								{font:21px Arial, sans-serif;  }
.g_nearbyinfowindow_dist								{}


/*----------DIRECTIONS SLIDER-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#ggmap_sidebar												{position: relative; float:left; width:0%;  height:100%;	overflow:auto; background-color:#FFFFFF; color:#444444;}
#ggmap_sidebar_inner									{ padding:30px 15px 30px 15px; }
#direction_search_wrapper							{position:relative;	height: 200px;	width: 100%;	top: 0;		left:0;		display:block; background-color:blue;}

.tabledir															{ width:100%; border-bottom:1px solid #ececec; margin-top:25px;}

#direction_search_left								{height: 100%; margin-right: 50px; }
#direction_search_right								{position:absolute;	height:100%;	width:50px; top:0; right:0;	display:block;}

.iti_to, .iti_from										{background:transparent;padding:4px; margin-right:10px; padding-left:35px;}
.iti_from															{background:url('http://novablink.com/commons/nova_ggmap/img/gmap_nova_icons.png') 0px -245px no-repeat;}	
.iti_to 															{background:url('http://novablink.com/commons/nova_ggmap/img/gmap_nova_icons.png') 0px -195px no-repeat;}		   


input#searchbox_suggest,
input#searchbox_hotel_location			  {height: 16px;line-height: 16px;margin: -1px -6px;padding: 3px 5px; width:100%}

.rev_dir															{vertical-align:middle; width:30px;} 
.reverse_directions										{background:url('http://novablink.com/commons/nova_ggmap/img/gmap_nova_icons.png') -5px -299px no-repeat;width: 12px;height: 15px;}
.easy-button img 											{display: inline-block;margin: 5px 0 0;vertical-align: middle;}

.dir_options 														{padding-left:28px; padding-bottom:10px;}
#direction_mileskm										  {font-size:10px;}
.submmitdir_wrap												{padding-right:30px; padding-bottom:20px;}									




.easy-button {
width:18px;
height: 32px;
padding: 0px;
display: inline-block;
border: 1px solid gainsboro;
border: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
color: #444;
font-size: 85%;
font-weight: bold;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
background-color: whiteSmoke;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');
border-image: initial;


}



.easy-button:hover {
        border: 1px solid #c6c6c6;
        color: #333;
        -webkit-transition: all 0.0s;
        -moz-transition: all 0.0s;
        -o-transition: all 0.0s;
        transition: all 0.0s;
        background-color: #f8f8f8;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
        background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
        background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
        background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
        background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
        background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1');
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        text-decoration: none
}
.easy-button:active {
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.3)
}
.easy-button:active:hover {
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.3)
}
.easy-button:active:focus {
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.3)
}
.easy-button.selected {
        background-color: #eee;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0));
        background-image: -webkit-linear-gradient(top,#eee,#e0e0e0);
        background-image: -moz-linear-gradient(top,#eee,#e0e0e0);
        background-image: -ms-linear-gradient(top,#eee,#e0e0e0);
        background-image: -o-linear-gradient(top,#eee,#e0e0e0);
        background-image: linear-gradient(top,#eee,#e0e0e0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',EndColorStr='#e0e0e0');
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        border: 1px solid #ccc;
        color: #333
}
.easy-button.selected:hover {
        background-color: #eee;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0));
        background-image: -webkit-linear-gradient(top,#eee,#e0e0e0);
        background-image: -moz-linear-gradient(top,#eee,#e0e0e0);
        background-image: -ms-linear-gradient(top,#eee,#e0e0e0);
        background-image: -o-linear-gradient(top,#eee,#e0e0e0);
        background-image: linear-gradient(top,#eee,#e0e0e0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',EndColorStr='#e0e0e0');
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        border: 1px solid #ccc;
        color: #333
}
.easy-button.selected:active {
        background-color: #eee;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0));
        background-image: -webkit-linear-gradient(top,#eee,#e0e0e0);
        background-image: -moz-linear-gradient(top,#eee,#e0e0e0);
        background-image: -ms-linear-gradient(top,#eee,#e0e0e0);
        background-image: -o-linear-gradient(top,#eee,#e0e0e0);
        background-image: linear-gradient(top,#eee,#e0e0e0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',EndColorStr='#e0e0e0');
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        border: 1px solid #ccc;
        color: #333
}




/*Submit*/
 

.submmitdir {
				width: auto;
				height: 32px;
				padding: 0px 12px;
        border: 1px solid #3079ed;
        color: #fff;
        background-color: #4d90fe;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
        background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
        background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
        background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
        background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
        background-image: linear-gradient(top,#4d90fe,#4787ed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed')
}
.submmitdir:hover {
        border: 1px solid #2f5bb7;
        color: #fff;
        background-color: #357ae8;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
        background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
        background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
        background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
        background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
        background-image: linear-gradient(top,#4d90fe,#357ae8);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#357ae8')
}

/*revdirbtn*/

.easy-button.revdirbtn{
	width:18px;
	height: 32px;
	padding: 0px;
}




















/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and /_css/z_load/images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=cccccc&bgTextureHeader=01_flat.png&bgImgOpacityHeader=100&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=01_flat.png&bgImgOpacityDefault=100&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=01_flat.png&bgImgOpacityHover=100&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=100&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=100&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=01_flat.png&bgImgOpacityError=100&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=000000&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */



/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,sans-serif; font-size: 11px; }
.ui-widget .ui-widget { font-size: 11px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 11px; }
.ui-widget-content { border: 0px solid #c2c2c2; background: #FFFFFF; color: #444444; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 0px solid #aaaaaa; background: #444444; color: #FFFFFF; font-weight: bold;  font-size: 14px;}
.ui-widget-header a { color: #999999; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default
{ border: 2px solid #fbfbfb; background: #AFCFAA; font-weight: normal; color: #ffffff; text-align:center; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited
{ color: #ffffff; text-decoration: none; font-weight:normal;-webkit-transition:all .2s;-moz-transition:all .2s; transition:all .2s; }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight
{border: 2px solid #fbfbfb; background: #AFCFAA ; color: #fbfbfb; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus
{background-color:#444444; color: #fbfbfb; }

.ui-state-hover a,
.ui-state-hover a:hover
{ color: #fbfbfb;  background: #161616; text-decoration: none;  }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active
{ background: #AFCFAA !important; color: #fbfbfb; }

a.ui-state-active:hover
{ color: #fbfbfb !important;;  background: #161616 !important;; text-decoration: none;  }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited
{ color: #212121; text-decoration: none;}

.ui-widget :active { outline: none; }


/* Interaction Cues
----------------------------------*/


.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35;  background-image: none; }

/* Icons
----------------------------------*/

/* states and /_css/z_load/images */
.ui-icon { width: 16px; height: 16px; background-image: url("http://novablink.com/commons/jquery/img/ui-icons_222222_256x240.png"); }


/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

/* Overlays */
.ui-widget-overlay { background: #000000 ; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("http://novablink.com/commons/jquery/img/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Dialog 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: 0px; width: 300px;   }
.ui-dialog .ui-dialog-titlebar { padding:10px; position: relative; height:20px;   }
.ui-dialog .ui-dialog-title { float: left; margin:0; display:none;}
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0px; top: 0px; width: 19px;  height: 18px; padding: 10px;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 10px; background:transparent!important;   }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding:0px; background: none; overflow:auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog .ui-widget-header { background: transparent;}


/*
 * jQuery UI Datepicker 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
	width: 510px !important;
	height:270px;
	background:#fbfbfb;
	padding: 12px;
	display: none;
	font-size:11px;
	z-index:99000 !important;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-border-radius:2px 2px 2px 2px;
	-moz-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0 0px 5px rgba(0,0,0,0.3);
	border:1px solid #ddd\9;
}

.ui-datepicker-arrow {background:url("http://novablink.com/commons/jquery/img/cal_arrow.png") 0px 0px no-repeat; width:20px; height:40px; left:-20px; top:122px; position:absolute; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:0px; height:36px; margin-bottom:5px; }
.ui-datepicker .ui-icon { background: url("http://novablink.com/commons/jquery/img/cal_months_nav.png") 0 0 no-repeat;}
.ui-datepicker .ui-icon-circle-triangle-e {background-position: 0px 0px; }
.ui-datepicker .ui-icon-circle-triangle-w {background-position: 0px -50px; }




.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 4px; width: 28px; height: 28px; -webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	-o-user-select: none;	user-select: none;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 4px; background:transparent; }
.ui-datepicker .ui-datepicker-prev { left:2px; padding-left:5px; }
.ui-datepicker .ui-datepicker-next { right:2px;padding-right:5px;}
.ui-datepicker .ui-datepicker-prev-hover { left:2px;  }
.ui-datepicker .ui-datepicker-next-hover { right:2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -6px; height: 28px; top: 0px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 ; line-height: normal; text-align: center; font-size:14px; line-height:26pt; }
.ui-datepicker .ui-datepicker-title select { margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%; font-size:14px;}
.ui-datepicker table {width: 100%;   border-collapse: collapse; margin:0 0 0 0; }

.ui-datepicker th { padding: 3px 3px; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 0px 0; margin:0px; vertical-align:center; }

.ui-datepicker td span, .ui-datepicker td a { display: block; height:100%; padding:3px 0px; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; width:100%; height:70px; overflow:hidden; margin: 0x 0 0 0; padding:0px; border-top:0; border-left: 0; border-right: 0; border-bottom: 0; position:absolute; bottom:1px; left:1px; }
.ui-datepicker .ui-datepicker-buttonpane button { width:100%; height:45px; background:#f4f4f4; margin:0; cursor: pointer; padding:0; display:block; width:0 auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:100%; margin:0;  }
.ui-datepicker-multi .ui-datepicker-group-first { border-right:1px solid #e8e8e8; padding-right:5px;}

.ui-datepicker-multi .ui-datepicker-group table thead{ height:36px;  color:#acacac;}
.ui-datepicker-multi .ui-datepicker-group table tbody{ border-top:10px solid #fbfbfb;}
.ui-datepicker-multi .ui-datepicker-calendar { }
.ui-datepicker-multi-2 .ui-datepicker-group { width:249px; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last {padding-left:5px;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

.ui-datepicker-current { display:none !important;opacity:1;filter: Alpha(Opacity=1);}
td.ui-state-datestart span.ui-state-default { background: #161616 !important ; color: #ffffff !important; }
td.ui-state-datestart { opacity:1 !important;filter: none!important;}

td.ui-state-datefull {background: #D9ACB1 !important; opacity:1 !important;filter: none !important;}
td.ui-state-datefull span, td.ui-state-datefull a {background: #D9ACB1 !important;}

td.ui-state-datefull-disabled {background: #AFCFAA !important;}


/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:0px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:0px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ncms, .ui-widget-content{
 -webkit-box-sizing: initial !important;
 -moz-box-sizing: initial !important;
 box-sizing: initial !important;
}
/* ========================================================================== */
/* FONTS
/* ========================================================================== */



[class^="icon-"]:before,
[class*=" icon-"]:before {
    display: inline-block;
    width: 10px;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'fontello';
    speak: none;
}

.icon-plus:before { content: '\2b'; } /* '+' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-export:before { content: '\e715'; } /* '' */
.icon-location:before { content: '\e724'; } /* '' */
.icon-share:before { content: '\e73c'; } /* '' */
.icon-down-open:before { content: '\e800'; } /* '' */
.icon-left-open:before { content: '\e801'; } /* '' */
.icon-right-open:before { content: '\e802'; } /* '' */
.icon-up-open:before { content: '\e803'; } /* '' */
.icon-facebook:before { content: '\e804'; } /* '' */
.icon-twitter:before { content: '\e805'; } /* '' */
.icon-gplus:before { content: '\e806'; } /* '' */
.icon-down-open-mini:before { content: '\e807'; } /* '' */
.icon-globe:before { content: '\e808'; } /* '' */
.icon-left-open-mini:before { content: '\e809'; } /* '' */
.icon-right-open-mini:before { content: '\e80a'; } /* '' */
.icon-up-open-mini:before { content: '\e80b'; } /* '' */
.icon-calendar:before { content: '\e80c'; } /* '' */
.icon-down-open-big:before { content: '\e80d'; } /* '' */
.icon-left-open-big:before { content: '\e80e'; } /* '' */
.icon-right-open-big:before { content: '\e80f'; } /* '' */
.icon-up-open-big:before { content: '\e810'; } /* '' */
.icon-down-dir:before { content: '\e811'; } /* '' */
.icon-left-dir:before { content: '\e812'; } /* '' */
.icon-dot:before { content: '\e813'; } /* '' */
.icon-right-dir:before { content: '\e814'; } /* '' */
.icon-up-dir:before { content: '\e815'; } /* '' */
.icon-forward:before { content: '\e816'; } /* '' */
.icon-flight:before { content: '\e817'; } /* '' */
.icon-paper-plane:before { content: '\e818'; } /* '' */
.icon-tag:before { content: '\e819'; } /* '' */
.icon-instagram:before { content: '\e81a'; } /* '' */
.icon-cancel:before { content: '\e81b'; } /* '' */
.icon-minus:before { content: '\e81c'; } /* '' */
.icon-picture:before { content: '\e81d'; } /* '' */
.icon-phone:before { content: '\e81e'; } /* '' */
.icon-menu:before { content: '\e81f'; } /* '' */
.icon-search:before { content: '\e820'; } /* '' */
.icon-newspaper:before { content: '\e821'; } /* '' */
.icon-doc-text-inv:before { content: '\e822'; } /* '' */
.icon-download:before { content: '\e823'; } /* '' */
.icon-down-circled:before { content: '\e824'; } /* '' */
.icon-pinterest:before { content: '\e825'; } /* '' */
.icon-rss:before { content: '\e826'; } /* '' */
.icon-youtube:before { content: '\e827'; } /* '' */
.icon-camera:before { content: '📷'; } /* '\1f4f7' */






/* ========================================================================== */
/* GENERAL LAYOUT
/* ========================================================================== */

body {
    *overflow-y: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #fff;
}  

img { 
    display: block; 
    
}

.logo img,
.post img{
    width: 100%;
    height: auto;
}

.page{
    width: 100%;
    overflow: hidden;
}

.wrapper {
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    overflow: visible;       
}

.p-wrap {
    clear: both;
    overflow: hidden;
}

#ggmap{
    height: 400px;
}

.hide-mobile{
    display: none !important;
}

/* ========================================================================== */
/* 100%
/* ========================================================================== */

.usp,
.header-main{
    width: 100%;
}

/* ========================================================================== */
/* CLEAR ME
/* ========================================================================== */

.footer-main,
.main{
    clear: both;
}



/* ========================================================================== */
/* BTN
/* ========================================================================== */
/*
a.btn,
.btn {
    display: inline-block;
    float: left;
    margin-top: 20px;
    padding: 11px 30px 9px 30px;
    background-color: #372e2c;
    border: 1px solid #372e2c;
    
    font:12px/1 'AdelleSans', Arial, sans-serif;
    color: #fafaf4; 
    font-weight: 700;
    text-align: center;     

    -webkit-transition: background-color 0.15s ease-in-out;  
    -moz-transition: background-color 0.15s ease-in-out; 
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}*/

.btn-secondary,
a.btn-secondary,
a.btn:hover,
.btn:hover {
    color: #372e2c;
    background-color: transparent;
}

.post a.btn-secondary{
    clear: none;
    margin-left: 20px;
}   

.btn-secondary:hover,
a.btn-secondary:hover{
    color: #fafaf4; 
    background-color: #372e2c;
}

a.btn-sidebar{
    float: left;
    display: block;
    height: 50px;
    padding: 0 30px 0 30px;
    margin-right: 30px;
    

    font:13px/52px 'AdelleSans', Arial, sans-serif;
    color: #fafaf4; 
    font-weight: 700;
    text-align: center;

}

a.btn-awali{
    background-color: #7c5f47;
}

a.btn-awali:hover{
    background-color: #554130;
}

a.btn-telfair{
    background-color: #4a5a67;
}

a.btn-telfair:hover{
    background-color: #344049;
}

a.btn-villas{
    background-color: #a752a0;
}

a.btn-villas:hover{
    background-color: #6b3466;
}

a.header-btn{
    height: 41px;
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 999;
    margin: 0;
    padding: 14px 25px 0 25px;
    background-color: #fff;
    border: 1px solid #fff;

    
    color: #372e2c;

    display: none;
}

a.header-btn:hover{
    background-color: transparent;

    color: #fff;
}

a.header-btn.active:hover,
a.header-btn.active{
    color: #372e2c;
    background-color: #fff;
}

a.header-btn.active{
    height: 63px;
}

.state-close{
    display: block;
}

.state-open{
    display: none;
}

a.header-btn.active .state-open{
    display: block;
}

a.header-btn.active .state-close{
    display: none;
}

a.page-prev-btn,
a.page-next-btn{
    width: 145px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    float: none;
    margin: 0;
    margin-top: 40px;
    clear: none !important;
}

a.page-prev-btn{
    float: left;
}

a.page-next-btn{
    float: none;
    float: right;
}

/* ========================================================================== */
/* HEADER
/* ========================================================================== */

.header-main{ 
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;

    background-color: #fbfbfb;
}

.header-main .wrapper{
    height: 75px;
}

/* ========================================================================== */
/* LOGO
/* ========================================================================== */

.logo {
    display: inline-block;
    position: absolute; 
    left: 50%;
    top: 0;
    width: 190px;
    height: 75px;
    z-index: 999;

    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.logo-color{
    fill: #161616; 
}

.logo svg{
     position: relative;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}




.hotels-drop-list{
    float: left;
    width: 250px;
    height: 400px;
    padding: 30px 20px 0 20px;
    background-color: #fff;
    overflow: hidden;
}

.hotels-drop-list li{
    width: 100%;
    border-top: 1px solid #e3e3d5;
}

.hotels-drop-list li a{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 43px 8px 43px 40px;
    
    font-size: 12px;
    line-height: 1;
    color: #2f2726;

    -webkit-transition: all 0.15s ease-in-out;  
    -moz-transition: all 0.15s ease-in-out; 
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.stars{
    font-size: 6px;
    line-height: 0;
    position: relative;
    top: -5px;
}

.menu-subtitle{
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}

.hotels-drop-list li:hover{
    background-color: #efefe7;
}

.menu-pin{
    position: absolute;
    top: 37px;
    left: 15px;
    width: 15px;
    height: 30px;
}

.hotels-drop-list li:nth-of-type(1) .menu-pin .mini-pin{
    fill: #b4b9bd;
}

.hotels-drop-list li:nth-of-type(2) .menu-pin .mini-pin{
    fill: #7e6149;
}

.hotels-drop-list li:nth-of-type(3) .menu-pin .mini-pin{
    fill: #a853a1;
}

.drop-menu-info{
    position: relative;
    float: left;
    width: 475px;
    height: 400px;
    padding: 35px 45px 30px 35px;
    background: #e3e3d5 url(/_img/menu-shadow.png) 0 0 repeat-y;
}

.img-wrap{
    position: relative;
    margin-bottom: 17px;
}

.pinpoint{
    width: 26px;
    height: 42px;
    display: inline-block;
    position: absolute;
}

.point-awali{
    top: 118px;
    left: 154px;
}

.point-telfair{
    top: 139px;
    left: 205px;
}

.point-villas{
    top: 12px;
    left: 228px;
}

.drop-menu-text,
.drop-menu-title{
    display: inline-block;
}

.drop-menu-title{
    font:12px/1 'AdelleSans', Arial, sans-serif;
    color: #55554b;
    font-weight: 700;
    margin-bottom: 5px;
}

.drop-menu-text{
    color: #5e5e50;
}

.menu-sidebar{
    width: auto;
}

.menu-sidebar a,
.menu-sidebar li,
.menu-sidebar{
    height: 50px;
}


.menu-sidebar li{
   display: inline-block;
}

.menu-sidebar a{
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 50px;
    color: #372e2c; 

    padding: 0 10px;  

    -webkit-transition: all 0.15s ease-in-out;  
    -moz-transition: all 0.15s ease-in-out; 
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

/* ========================================================================== */
/* MOBILE INSIDE PAGES NAVIGATION
/* ========================================================================== */

.navigation-secondary{
    position: fixed;
    top: 75px;
    left: 0;
    z-index: 990;
    width: 100%;
    height: 40px;
    background-color: rgba(0,0,0,0.7);
    display: none;
}

.navigation-secondary-wrapper{
    max-width: 1200px;
    margin: 0 auto;

    overflow-x:auto;
    overflow-y:hidden; 
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; 
}

.submenu{
    width: auto;
    display: none;
    padding-left: 10px;

}

.submenu li,
.submenu a,
.submenu{
    height: 40px;
}

.submenu li{
    display: inline-block;
}

.submenu a{
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
}

#resort .navigation-secondary,
#hotel .navigation-secondary,
#resort .submenu-resort,
#hotel .submenu-hotel{
    display: block;
}

/* ========================================================================== */
/* SLIDESHOW
/* ========================================================================== */

#slideshow,
.myslider {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100%;

}

#slideshow {
    height: 250px;
    height: 64vw;
    z-index: 1;
    margin-top: 75px;
}

#slideshow.slideshow-inside{
    height: 390px !important;
    margin: 0 0 30px 0;
}

.novaslider img {
    position: absolute;
    left: -2000%;
}

.novahtmlslider_controls {
    display:block; 
    width:100%; 
    height:50px; 
    position:absolute; 
    top: 50%;
    margin-top: -25px; 
    left:0;
    z-index: 9999;

    display: none !important;
}

.controlsWrap {
    position:relative; 
    float: left;
    width: 100%;
    height:50px;
}

.novahtmlslider_controls .controlleft,
.novahtmlslider_controls .controlright  {
    display:block;
    text-indent: 0;
} 

a.controlleft, 
a.controlright {
    position: relative;
    width:80px;
    height:50px;
    overflow:hidden;    
    text-align: center;
}

a.controlleft{
    float: left;
}

a.controlright{
    float: right;
}

a.controlleft:before, 
a.controlright:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;

    font-family: 'fontello';
    font-size: 40px;
    line-height: 50px;

    opacity: 0.7;
}

a.controlleft:before{
    content: '\e80e';
}

a.controlright:before{
    content: '\e80f';
}


a.controlleft:hover:before,
a.controlright:hover:before {
    opacity: 1;
}

.top-slideshow{
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 345px;
    z-index: 1;
    margin-top: 75px;
}

.top-slideshow #slideshow{
    margin-top: 0;
    height: 100%;
}

/* ========================================================================== */
/* USP
/* ========================================================================== */

.usp,
.usp .wrapper,
.usp-wrap{
    min-height: 148px;
    width: 100%;
}

.usp{
    width: 100%;
    position: absolute;
    bottom: 40px;
    right: 30px;
    z-index: 999;
    overflow: hidden;

    display: none;
}


.usp-wrap{
    width: 430px;
    float: right;
    background-color: #fff;
}

.usp-slide{
    position: absolute;
    padding: 25px;
    background-color: #fff;
    text-align: right;
    overflow: hidden;
}

.usp-slide h2{
    font-size: 19px;
    font-weight: 400;
    color: #a752a0;
    margin-bottom: 5px;
}

.usp-slide h2,
.usp-slide p{
    text-align: right;
    line-height: normal;
}

.usp-slide .underline-link{
    float: right;
}

.usp-slide .p-wrap{
    margin-bottom: 5px;
    height: 44px;
    overflow: hidden;
}

.scroll-btn{
    display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -22px;
    z-index: 999;
    font-size: 20px;
    line-height: 44px;
    text-align: center;
    color: #2f2727;
}

.scroll-btn .icon-down-open-big{
    display: inline-block;
    position: relative;
    left: -5px;
    font-size: 24px;
    line-height: 47px;
    text-align: center;
    color: #2f2727;
}

/* ========================================================================== */
/*  MINI GALLERY
/* ========================================================================== */


.galleryWidget {
    position: relative;

    overflow: hidden;

    width: 100%;
    margin: 0 auto;
}

.bigImage {
    position: relative;
    width: 100%;
    min-height: 250px;
    z-index: 0;
}

.galleryThumbs {
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    width: 5350px;

    overflow: visible;
    padding: 0;
    
    background-color: #fff;
}

.galleryThumbs img {
    display: inline-block;
}

.gallery-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 60px;
    background-color: #fff;
    margin-top: 5px;

}

a.gallery-btn {
    font-size: 14px;
    line-height: 60px;

    position: absolute;
    z-index: 800 !important;
    top: 0;

    display: inline-block;

    width: 30px;
    height: 60px;

    text-align: center;

    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

a.gallery-btn:hover{
    color: #161616;
    background-color: rgba(250,250,244,0.9);
}


.mini-prev-btn {
    left: 0;
}

.mini-next-btn {
    right: 0;
}


/* ========================================================================== */
/* LAYOUT
/* ========================================================================== */
.main.inside{
    padding: 60px 0 100px 0;
}

#gallery .main{
    margin-top: 75px;
}

.container {
    position: relative;
  /*  padding:65px 0 90px 0; */
    overflow: hidden;
    clear: both;
}

.container .wrapper{
    overflow: hidden;
}

.first,
.second,
.third{
    display: none;
}

.first{
    background: #3195e3 url(/_img/bg-first.jpg) center bottom repeat-x;
    background-size: cover;
    overflow: visible;
}

.second{
    background: #302728 url(/_img/bg-second.jpg) center top no-repeat;
}

.container-title{
    width: 100%;
    margin-bottom: 50px;
}

.container-title h1,
.container-subtitle{
    color: #fff;
}

.container-subtitle{
    width: 100%;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
}

.container-title h1{
    font: 38px/1 'Lato', Arial, sans-serif;
}

.card{
    margin-bottom: 30px;
}

.card img{
    width: 100%;
    height: auto;
}

.card-info.bg{
    position: relative;
    padding: 40px 30px 40px 35px;
    background-color: #fff;
    overflow: visible;
}

.card-info.bg:after{
    content: "";
    display: table;
    clear: both;
}

.sidebar-pin{
    position: absolute;
    left: 10px;
    top: -17px;
    width: 51px;
    height: 49px;
    padding: 9px 17px;
    border-radius: 50%;

    background-color: #fff;
}

.card-info.telfair .sidebar-pin .mini-pin{
    fill: #b4b9bd;
}

.card-info.awali .sidebar-pin .mini-pin{
    fill: #7e6149;
}

.card-info.villas .sidebar-pin .mini-pin{
    fill: #a853a1;
}

.card-info-wrap{
    width: 100%;
    padding-left: 30px;
    margin-bottom: 24px;
    border-left: 1px solid #e3e3d5;
}

a.underline-link.push{
    margin-left: 30px;
}

a.underline-link{
    float: left;
    display: inline-block;
    padding-bottom: 1px;
    border-bottom: 1px solid #2f2726;
    font:11px/1 'AdelleSans', Arial, sans-serif;
    font-weight: 700;
    color: #2f2726;
}

a.underline-link:hover{
    color: #005d99;
    padding-bottom: 2px;
    border: none;
}

a.underline-link.fl-rt{
    float: right;
    margin-top: 15px;
}

.second .wrapper{
    width: 100%;
    padding: 0;
}

.card-repeat{
    display: inline-block;
    float: left;
    width: auto;
    padding: 0;
    overflow: hidden;
}

.card-repeat .inner{
    display: block;
    overflow: hidden;
    float: left;
    height: 520px;
    padding: 0 10px;
}

.card-repeat img{
    margin-bottom: 30px;
    opacity: 0.6;
}

.card-repeat h2{
    font-size: 18px;
    color: #8f8f8f;
}

.card-repeat p{
    color: #8f8f8f;
    white-space: normal;
}

.card-repeat .p-wrap{
    margin-bottom: 24px;
    overflow: hidden;
}

.card-repeat a.underline-link{
    color: #8f8f8f;
    border-bottom: 1px solid #8f8f8f;
}

.card-repeat a.underline-link:hover{
    color: #fff;
    border: none;
}

.repeat-card-wrap{
    position: relative;
    width: auto;
    margin: auto; 
    float: none;
    overflow: visible;
    /*white-space: nowrap;
*/}

.cycle-slide-active + .card-repeat a.underline-link,
.cycle-slide-active + .card-repeat p,
.cycle-slide-active + .card-repeat h2{    
    color: #fff;
}

.cycle-slide-active + .card-repeat a.underline-link{
    border-bottom: 1px solid #fff;
}

.cycle-slide-active + .card-repeat img{
    opacity: 1;
}

.next-btn,
.prev-btn{
    display: block;
    width: 33.333333%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 999;

    text-indent: -9999px;
    cursor: pointer;
}

.prev-btn{
    left: 0;
}

.next-btn{
    right: 0;
}

.card-big{
    width: 100%;
    margin-bottom: 40px;
}

.card-big img{
    width: 100%;
    height: auto;
}

.card-big .card-info{
    overflow: hidden;
    padding: 40px 50px 80px 50px;
    background-color: #f4f4ee;
}

.card-big span{
    font-size: 15px;
    color: #5e5e50;
}

.card-big h2{
    font: 38px/1 'Lato', Arial, sans-serif;
    color: #2f2726;
}

.card-big p{
    color: #5e5e50;
}

.main {
    position: relative;
    padding:0 0 95px 0; 
    overflow: visible;
    clear: both;
}

#home .main{
    padding:80px 0; 
}

.main .wrapper:after,
.main:after {
  content: "";
  display: table;
  clear: both;
}

#map .main,
#gallery .main,
#home .main{
    padding: 0;
}

.vertical-center{
    display: inline-block;
    width: 100%;
    position: relative;
    top: 50%;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar{
    width: 100%;
    height: 50px;
    position: fixed;
    top: 75px;
    left: 0;
    z-index: 900;
    
    background-color: #fafaf4;
    border-top: 1px solid #eaeaea;
}

.sidebar .inner{
    max-width: 1200px;
    margin: 0 auto;

    overflow-x:auto;
    overflow-y:hidden; 
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; 
}

.sidebar-bg{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 24%;
    background-color: #fafaf4;
    z-index: 0;

    display: none;
}

.sidebar .sidebar-pin{
    top: -14px;
    left: 50%;
    margin-left: -14px;

    width: 34px;
    height: 34px;
    padding: 8px 11px;
    border-radius: 50%;

    background-color: #fafaf4;

    display: none;
}

.sidebar.stick .sidebar-pin{
    display: none;
}

.sidebar img{
    width: 12px;
}

body.awali .sidebar .mini-pin{
    fill:#7e6149;
}

body.telfair .sidebar .mini-pin{
    fill:#b4b9bd;
}

body.villas .sidebar .mini-pin{
    fill:#a853a1;
}

.logo-sidebar{
    width: 100%;
    margin-bottom: 24px;
    text-align: center;

    display: none;
}

.logo-sidebar img{
    width: 100%;
    height: auto;
}

.content{
    width: 100%;
    float: left;
    padding-top: 40px;
}

.list-faq{
    width: 100%;
    float: left;
    margin-top: 20px;
}

.list-faq > li{
    border-top: 1px solid #ccccbf;
}

.list-faq a{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 50px 15px 50px;

    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #222222;
}

.list-faq a:hover{
    color: #344049;
}

.list-faq a:before{
    content: "+";
    font-family: 'fontello';
    font-size: 20px;
    color: #c2b9b7;
    text-align: center;
    width: 50px;
    position: absolute;
    top: 14px;
    left: 0;      
}

.list-faq li.open a:before{
    content: "-";
}

.faq-answer{
    padding-top: 5px;
    padding-bottom: 30px;
    padding-left: 50px;
}

.banner{
    width: 100%;
    height: 330px;
    overflow: hidden;
    position: relative;
}

.banner img{
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -800px;
}

/* ========================================================================== */
/* WEATHER WIDGET
/* ========================================================================== */

.weather-wrap{
    max-width: 100%;
    height: 45px;
    padding: 13px 30px 0 30px;
    border-radius: 3px 3px 0 0;

    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 999;

    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    background-color: #463837;

    display: none;
}

.dynamic-info {
    position: relative;
    width: 100%;
    height: 40px;

    text-align: center;
}

.dynamic-info li {
    display: inline-block;
    padding: 0 15px;
    float: none;
    font: 11px/22px Arial, sans-serif;
    color: #ffffff;
    height: 22px;
    white-space: nowrap;
}

.dynamic-info li:nth-of-type(1){
    border-right: 1px solid #5f5351;
}

.dynamic-info li span {
    display: inline-block;
    float: left;
    padding-right: 5px;
}

.dynamic-info li span img {
    position: relative;
    top: -2px;
    left: 0px;
}

.weather-title{
    font-size: 13px;
}

#timeIcon {
    padding-right: 0;
}

#localclock, 
#localtemp,
.tempdegree,
.tempvalue {
    padding-top: 0;
    color: #fbfbfb;
}


/* ========================================================================== */
/* POST
/* ========================================================================== */

.post {
    width: 100%;
    position: relative;
    overflow: hidden;  
}

.post-download,
.post-map,
.post-intro{
    margin-bottom: 40px;
}

.nice-link.absolute{
    position: absolute;
    top: 30px;
    right: 0;
    margin: 0;
}

.post-intro h2{
    clear: both;
}

.post-intro .post-right{
    display: none;
    border: 1px solid #dbdbdb;
}

.post-intro .img-wrap{
    margin-bottom: 30px;
}

.post-download{
    padding: 25px 35px 15px 35px;
    background-color: #fafaf4;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.post-download.no-margin{
    margin: 0;
}

.list-pdf li,
.list-pdf{
    width: 100%;
}

.list-pdf a{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding: 15px 20px 15px 45px;

    background-color: #ffffff;
    border: 1px solid #e3e3d5;
    border-radius: 3px;

    font-size: 13px;
    line-height: 1;
    color: #2f2726;

    -webkit-transition: background-color 0.15s ease-in-out;  
    -moz-transition: background-color 0.15s ease-in-out; 
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}

.list-pdf a:before{
    content: "\e715";
    font-family: 'fontello';
    font-size: 14px;
    line-height: 1;

    position: absolute;
    top: 14px;
    left: 20px;
}

.list-pdf a:hover{
    background-color: #372e2c;
    color: #fff;
}

.post-border{
    border: 1px solid #e3e3d5;
    border-radius: 3px;

    background: url(/_img/post-border-bg.jpg) -1px -1px no-repeat;
}

.post-border h3{
    font-size: 18px;
    line-height: 1.2;
    color: #403935;
}

.post-border .post-right{
    width: 100%;
    float: right;
    padding: 40px;
}

.post-border .post-left{
    display: none;
}

.post-repeat{
    padding: 35px 0;
    border-top: 1px solid #eaeaea;
}

body.dining .post-repeat:nth-of-type(3){
    border-top: none;
}

.post-content,
.post-img{
    position: relative;
}

.post-content.no-pad{
    padding-top: 0;
}

.post-img{
    margin-bottom: 20px;
}

.post .btn{
    clear: both;
}

.p-wrap.push{
    margin-bottom: 20px;
}

.reg-list{
    width: 100%;
}

.reg-list.push{
    margin-bottom: 20px;
}

.reg-list li{
    position: relative;
    padding-left: 10px;
    line-height: 1.6;
    padding-bottom: 2px;
}

.reg-list li:before{
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
}

.list-pdf-download a,
.list-pdf-download li,
.list-pdf-download{
    width: 100%;
}

.list-pdf-download li{
    line-height: 2;
}

.list-pdf-download a{
    line-height: 1.3;
    display: inline-block;
    position: relative;
    padding-left: 30px;
}

.list-pdf-download a:hover{
    color: #005d99;
}

.list-pdf-download a:before{
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(/_img/pdf-icon.png) 0 0 no-repeat;
}

.post-contact .post-right{
    padding-top: 30px;
}

.list-info li,
.list-info a,
.list-info{
    width: 100%;
}

.list-info.push{
    margin-bottom: 30px;
}

.list-info li{
    line-height: 2;
    clear: both;
}

.list-info a{
    display: inline-block;
}

#events h1,
#offers h1{
    margin-bottom: 40px;
}

.post-event{
    min-height: 440px;
    position: relative;
    margin-bottom: 60px;
}

.post-event .post-img{
    margin-bottom: 25px;
}

.list-events{
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}

.list-events li{
    float: left;
    margin-right: 5px;
    color: #5e5e50;
}

.list-events li:last-child{
    font-weight: 700;
}

#container{
    position: relative;
    overflow: hidden;
}

/* ========================================================================== */
/* TABLE
/* ========================================================================== */

.post-table tr,
.post-table{
    width: 100%;
    
}

.post-table td{
    padding: 5px 10px;
}

.post-table,
.post-table td{
    border: 1px solid #dedbcc;
}

.table-head{
    background-color: #2f2726;
    
}

.table-head td,
.table-head tr{
    border: 1px solid #2f2726;
}

.table-head td{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

tr.alt-color{
    color: #4c4c4c;
    font-weight: 700;
    background-color: #fafaf4;
}

.video-banner,
.video-wrap{
    width: 100%;
}

.video-banner{
    height: auto;
}

/* ========================================================================== */
/* LISTS
/* ========================================================================== */

.address {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
}


.address li{
    padding-left: 0;
    line-height: 2.5;

    text-align: center;
}

.address-sub{
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
    color: #4c4c4c;

    margin-top: 30px;
}

.sidebar-address{
    padding-top: 40px;
    font-size: 12px;

    display: none;
}

.sidebar-address li{
    line-height: 2;
}

/* ========================================================================== */
/* PRESS THUMBS
/* ========================================================================== */

.press-thumbs{
    width: calc(100% + 30px);
    position: relative;
    float: left;
}

.press-thumbs li{
    width: 50%;
    float: left;
    padding-right: 30px;
    margin-bottom: 30px;
}

.press-thumbs img{
    width: 100%;
    height: auto;
    float: left;

}

.thumb-wrap{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 5px;
    background-color: #999;
}

a.thumb-link{
    position: absolute;
    bottom: 0px;
    left: 0;
    top: 0;
    right: 0;
    text-indent: -9999px;
    display: block;
    z-index: 900;
}



/* ========================================================================== */
/* MAIN FOOTER
/* ========================================================================== */
.footer-main,
.footer-main .wrapper{
    overflow: hidden;
}

.footer-main{
    padding: 10px 0;
    background-color: #372e2c;
}

a.footer-btn{
    display: inline-block;
    width: 100%;
    font:14px/14px Arial, sans-serif;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}

#home a.footer-btn{
    display: none;
}

.footer-top,
.footer-center,
.footer-bottom{
    display: none;
}

.footer-main .wrapper{
    display: none;
    text-align: left;
}

.footer-top{
    padding: 80px 0 65px 0;
    background-color: #2f2727;
}

.footer-center{
    height: 115px;
    padding-top: 34px;
    background-color: #372e2c; 
    border-top: 1px solid #4e4644;
    border-bottom: 1px solid #4e4644;
}

.footer-bottom{
    padding: 24px 0 80px 0;
    background-color: #2f2727;
}

.footer-logos li,
.footer-logos{
    float: left;
}

.footer-logos li{
    margin-right: 18px;
}

.footer-logos a{
    display: inline-block;
    height: 50px;
    border: 10px solid #2e2725;
    border-bottom: 0 solid #2e2725;
    border-radius: 5px;

    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.9); 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.9); 
    box-shadow: 0 1px 2px rgba(0,0,0,0.9);
}

.footer-logos a:hover{
    background-color: #514440;
}

.app-store{
    width: 140px;
    background:#2e2725 url(/_img/footer-sprite.png) -359px -1px no-repeat;
}

.google-play{
    width: 150px;
    background:#2e2725 url(/_img/footer-sprite.png) -193px -1px no-repeat;
}

.trip-ad{
    width: 164px;
    background:#2e2725 url(/_img/footer-sprite.png) 0 0 no-repeat;
}

.trip-ad:hover{
    background-position: 0 -56px;
    border-color: #514440;
}

.google-play:hover{

    background-position: -193px -57px;
    border-color: #514440;
}

.app-store:hover{
    background-position: -359px -57px;
    border-color: #514440;
}

.footer-main .column{
    width: 50%;
    min-height: 300px;
    float: left;
    border-left: 1px solid #4e4644;

    margin-bottom: 40px;
}

.footer-main .column:first-child{
    border: none;
}

.footer-main .column:nth-of-type(1){
    padding-right: 50px;
}

.footer-main .column:nth-of-type(3),
.footer-main .column:nth-of-type(2){
    padding:0 50px;
}

.footer-main .column:nth-of-type(4){
    padding-left: 50px;
}

.footer-main .column:nth-of-type(3){
    border: none;
    padding-left: 0;
}


.footer-main h3{
    font-size: 15px;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 15px;
}


.list-links{
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 0;
}

.list-links.push{
    margin-bottom: 30px;
}

.footer-address li:nth-of-type(3){
    margin-bottom: 30px;
}

.list-links a,
.list-links li{
    font:13px/2 Arial, sans-serif;
    color: #cacac5;
}

.list-links a:hover{
    color: #ffffff;
}

#sharethis{
    position: relative;
    float: right;
    display: inline-block;
    padding-top: 10px;
}

.circle{
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-left: 5px;

    font-size: 15px;
    line-height: 26px;
    text-align: center;
    color: #372e2c;
    background-color: #cacac5;
}

#sharethis:hover .circle{
    background-color: #fff;
}

.icon-youtube,
.icon-twitter{
    position: relative;
    left: -1px;
}

.list-legal{
    float: left;
}

.list-legal li{
    float: left;
    margin-right: 10px;
}

.list-legal li,
.list-legal a{
    font-size: 10px;
    line-height: 20px;
    color:#cacac5;
}

.list-legal a:hover{
    color: #fff;
}

.logo-rogers{
    display: inline-block;
    width: 155px;
    height: 20px;
    background: url(/_img/rogers-logo.jpg) 0 0 no-repeat;
}

.logo-rogers:hover{
    background-position: 0 -34px;
}

/* ========================================================================== */
/* ROOMS ELEMENTS
/* ========================================================================== */

.img-hover { 
    width: 60px;
    height: 63px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/_img/img-hover.png') 0 0 no-repeat;
}

.img-hover.hovered{
    background-position: 0 -63px;
}

.room-basic-info {
    width: 100%;
    padding-bottom: 0;
    float: left;
    margin-bottom: 10px;
}

.room-basic-info li {
    overflow: hidden;
    line-height: 25px;
}

.show-less {
    display: none;
    float: left;
}

.show-more,
.yesAppear {
    display: block;
    float: left;
}

.noDisplay { display: none; }

.read-wrap{
    width: 100%;
    clear: both;
    text-align: center;
}

.nice-link,
a.nice-link,
a.read-more {
    position: relative;
    float: left;
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 1px;
    
    font:11px/1 'AdelleSans', Arial, sans-serif;
    font-weight: 700;
    color: #2f2726;
    text-transform: uppercase;
    border-bottom: 1px solid #2f2726;
}

.press-thumbs li:hover .nice-link,
a.nice-link:hover,
a.read-more:hover { 
    padding-bottom: 2px;
    border-bottom: none;
}

.more-content {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    padding: 30px 0 0 0;
}

.more-content .p-wrap p:last-child{
    margin-bottom: 15px;
}

.alt-list {
    width: 100%;
    
}

.alt-list li {
    padding: 4px 10px 3px 10px;
}

.alt-list li:nth-child(odd) { 
    background-color:#fafaf4;
}




/* ========================================================================== */
/* CONTACT FORM
/* ========================================================================== */

.email-wrap {
    overflow: hidden;
    width: 100%;
   /* padding: 50px 20px;*/
    background-color: #fafaf4;
}

#myform {
    display: block;
    overflow: visible;
    width: 100%;
}

.email-wrap .select-wrap,
.form-message,
#myform input{
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
    outline: none;
    border: 1px solid #e3e3d5;
    background-color: #efefe7;
    color: #999;
    font-size: 11px;
    cursor: pointer;

    border-radius: 0;

    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none;
}

.full{
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

#myform .form-checkbox{
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    margin-right: 20px;
    padding: 0;
    border: none;
    float: left;
}

.full div{
    padding-left: 30px;
    float: left;
    display: inline-block;
    line-height: 1.2;
}

.email-wrap .select-wrap{
    height: 35px;
    padding-top: 10px;
    padding-bottom: 0;
}


.email-wrap .select-wrap select{
    color: #999 !important;
}

.email-wrap .select-wrap:before{
    top: 5px;
}

#mysubmit {
    float: left;
    margin-top: 0;
    margin-right: 0;
    cursor: pointer;
}

.form-message {
    overflow: auto;
    padding: 10px;
    height: 160px;
}

#meetings .form-message{
    height: 88px;
}

.novaformprogress {
    position: absolute;
    display: none;
    background: url(http://novablink.com/commons/nova_form/pics/sendprogress2C3C3C3.gif) #C3C3C3 no-repeat center center;
    opacity: .8;
    filter: Alpha(opacity=80);
    -moz-opacity: .8;
}

.novaformconfirm { display: none; }

#myform input.error-form-highlight-field {
    background-color:#efe0e0 !important;
    border: 1px solid #FF6666 !important;
}

#myform select.error-form-highlight-field {
    border: 1px solid #FF6666 !important;
}

/* ========================================================================== */
/* LANGUAGE WIDGET
/* ========================================================================== */

a.lang-btn {
    position: relative;
    float: left;
    width: auto;
    height: 14px;
    display: inline-block;  
    padding: 0 0 0 22px;
    z-index: 999;

    font-size: 10px;
    line-height: 10px;
    color:#cacac5;
}

.lang-btn:hover{
    color: #fff;
}

.footer-main .lang-btn {
    float: right;
    top: 5px;
}

.sidebar-info .lang-btn{
    display: inline-block;
    width: auto;
}

.lang-btn:before{
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    width: 14px;
    height: 14px;

    opacity: 0.8;
}

.lang-btn:hover:before{
    opacity: 1;
}

/*FLAGS*/
body.en .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left  0  no-repeat;
}

body.fr .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -15px  no-repeat;
}

body.it .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -30px  no-repeat;
}

body.ja .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -45px  no-repeat;
}

body.es .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -60px  no-repeat;
}

body.pt .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -75px  no-repeat;
}

body.de .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -90px  no-repeat;
}

body.sv .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -105px  no-repeat;
}

body.da .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -120px  no-repeat;
}

body.ru .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -135px  no-repeat;
}

body.no .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -150px  no-repeat;
}

body.zh-tw .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -165px  no-repeat;
}

body.nl .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -180px  no-repeat;
}

body.po .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -195px  no-repeat;
}

body.ar .lang-btn:before {
    background: url("/_img/flags_14_circles.png") left -285px  no-repeat;
}

/* ========================================================================== */
/* BE DROPDOWN
/* ========================================================================== */

.be-dropdown{
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background-color: #fff;
    
    overflow: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; 

    -webkit-transition: left 0.3s ease-in-out;  
    -moz-transition: left 0.3s ease-in-out; 
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;

    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.be-close-dropdown{
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;

    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #4f5556;
}

.be-dropdown.open{
    left: 0;
}

.be-dropdown .wrapper{
    overflow: visible;
    padding: 40px 20px 200px 20px;
}

.be-dropdown .wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.be-section{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.be-title{
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;

    font: 10px Arial, sans-serif;
    color: #5e5e50;
    cursor: text;
}

a.be-close-menu{
    position: relative;
    right: -20px;
    float: right;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 0;
    margin-bottom: 10px;

    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #494a4a;
}
textarea.input-box {height:auto; cursor:auto;padding: 10px; background-color: #ffffff;}

.select-wrap,
.input-box,
.select-dropdown{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 35px;
    padding: 4px 8px 0 11px;
    outline: none;
    border: 1px solid #e3e3d5;
    background-color: #ffffff;

    font-size: 12px;
    line-height: 12px;
    color: #5e5e50;

    border-radius: 0;
    cursor: pointer;

    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none;

    -webkit-appearance:none;
}

.input-box{
    padding-top: 0;
}

.select-wrap{
    cursor: pointer;
    color: #5e5e50 !important;
    padding-right: 3px;
}

.select-wrap:before{
    content: "\25be";
    font-family: 'fontello';
    font-size: 14px;
    line-height: 24px;
    color: #5e5e50;
    position: absolute;
    top: -1px;
    right: 10px;
    z-index: 0;

}

.select-wrap > select{
    width: 100%;
    background: none;
    border: none;
    outline: none;
    color: #5e5e50 !important;
    /*font:inherit !important; */
    font-size: 11px !important;
    line-height: inherit !important;
	background-color: #ffffff;
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none;
	height:25px;
    -webkit-appearance:none;
	padding:0px !important;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.select-dropdown:after{
    content: "\e800";
    font-family: 'fontello';
    font-size: 13px;

    position: absolute;
    top: 11px;
    right: 14px;
}

.input-box{
    font-size: 11px;
    line-height: 11px;
    padding-left:10px;
	background-color: #ffffff;
    /*background:#efefe7 url(/_img/calendar-icon.png) 10px center no-repeat;*/
}

.input-cal{
    background:#ffffff url(/img/calendar-icon.png) 10px center no-repeat;
    padding-left: 30px;
}


.be-btn{
    float: right;
    display: inline-block;
    width: 100%;
    height: 45px;
    padding: 0 10px;

    border: none;
    outline: none;
    
    font-size: 13px;
    line-height: 47px;
    font-weight: 700;
    color: #fff;

    border-radius: 0;

    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none;

    -webkit-appearance:none;

    border: 1px solid #372e2c;
    margin: 0;
}

.be-btn:hover{
    color: #372e2c;
    background-color:transparent; 
}

a.be-link,
.be-section:nth-of-type(7) span{
    font: 11px Arial, sans-serif;
    color: #5e5e50;
}

a.be-link{
    display: inline-block;
    border-bottom: 1px solid #5e5e50;
    margin-top: 9px;
}

a.be-link:hover{
    color: #005d99;
    border: none;
}

/* ========================================================================== */
/* JS LOADER
/* ========================================================================== */

#jsloader {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0px;
    zoom: 1;
    z-index: 0;

    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#jsloader div {
    float: left;
    margin: 1px;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #9e9683;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
    -moz-opacity: 0;
    -khtml-opacity: 0;

}

/* ========================================================================== */
/* NOVABOX
/* ========================================================================== */

.novaboxcontrols {
    display:none;
}

.mynovamontage_wrap {
    width: 100%;
    padding:0px 0px 0 0px;
    background-color: transparent;
}

#mynovamontage a {
    text-decoration:none;
}

.novahover_overlay  {
    display:none;
    top:-1000px;
    left:-1000px;
    background:url('/_img/zoom-icon.png') center center no-repeat;
}

.galleryWidget .novahover_overlay{
    background:url('/_img/zoom-icon-small.png') center center no-repeat;
}


.novahover_text_wrap {
    display:none; 
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000000;
    overflow:hidden;
}

.novahover_text {
    width: 100%;
    position: relative;
    top: 50%;
    left: 50%;

    color:#ddd;
    font-size:12px;
    line-height:normal;

    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

    text-align: center;
    margin: 0;
    padding: 0 20px;
}

/* NOVA BOX  */
.novabox_captiontext { 
    font-size: 12px;
    padding:10px 20px; 
    text-shadow:none; 
    color:#fbfbfb;
}

.novabox_caption{
    background: #161616;
}

/* =============================================== */
/* CALENDAR
/* =============================================== */

.ui-datepicker {
    width: 230px !important;
    height:245px;
    background:#fbfbfb;
    padding: 12px;
    display: none;
    font-size:11px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-border-radius:2px 2px 2px 2px;
    -moz-border-radius:2px 2px 2px 2px;
    border-radius:2px 2px 2px 2px;
    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.3);
    box-shadow: 0 0px 5px rgba(0,0,0,0.3);
    border:1px solid #ddd\9;
    z-index: 99999 !important;
}

/* ========================================================================== */
/* MAP PAGE
/* ========================================================================== */

ul.g_options li a {
    margin-right: 15px;
    color: #CCCCCC;
    font-size: 12px;
}

.gm-style a {
    color: #CCCCCC;
    font-size: 12px;
}

/* ========================================================================== */
/* CMS RESET
/* ========================================================================== */

.ncms p{
    margin-top: 0 !important;
}

.ncms, .ui-widget-content{
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important;
}

.ui-dialog .ui-dialog-titlebar-close{
    right: 10px !important;
    top: 10px !important
}
/* ========================================================================== */
/* HAMBURGER BTN - DO  NOT TOUCH
/* ========================================================================== */

.menu-btn{
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 50%;
    cursor: pointer;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-icon{
    display: inline-block;   
    width: 18px;
    height: 18px;
    position: relative;
    left: 50%;
    top: 50%;

    border-top: 2px solid #161616;
    border-bottom: 2px solid #161616;

    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.menu-icon:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #161616;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* ========================================================================== */
/* SIDEBAR NAVIGATION
/* ========================================================================== */

.sidebar-navigation{
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    z-index: 1000;
    width: 270px;
    height: 100%;
    padding: 0 40px 50px 40px;
    background-color: #161616;

    overflow: scroll;
    -webkit-overflow-scrolling: touch; 

    -webkit-transition: left 0.5s ease-in-out;  
    -moz-transition: left 0.5s ease-in-out; 
    -o-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
}

.sidebar-navigation.open{
    left: 0;
}

.sidebar-menu,
.sidebar-menu li{
    width: 100%;
    overflow: visible;
}

.sidebar-menu{
    float: left;
    height: 100%;
    margin-bottom: 45px;
}

.sidebar-menu > li{
    border-bottom: 1px solid #434343;
}

.sidebar-menu .spacer{
    display: none;
}

.sidebar-menu ul > li,
.sidebar-menu > li:nth-of-type(2){
    border-top: 1px solid #434343;
}

.sidebar-menu a{
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    overflow: visible;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;

    color: #fff;
}

a.sidebar-btn,
.sidebar-menu ul a,
.sidebar-menu a{
    font-family: 'Oxygen', Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.sidebar-menu ul a,
.sidebar-menu a{
    line-height: 52px;
}

a.sidebar-btn{
    line-height: 0.8em;
}

.home-navigation a:hover,
.sidebar-info a:hover,
.sidebar-info a:active,
.sidebar-info a:focus,
.sidebar-menu a:active,
.sidebar-menu a:focus,
.sidebar-menu a:hover{
    color: #3195e3;
}

.sidebar-menu > li > a:before{
    content: "";
    width: 4px;
    height: 50px;
    position: absolute;
    top: 0;
    left: -40px;
    background-color: #3195e3;
}

.sidebar-menu .hideme{
    display: none !important;
}

#events .sidebar-menu a.events:before,
#surroundings .sidebar-menu a.hotel:before,
#hotel .sidebar-menu a.hotel:before,
#packages .sidebar-menu a.packages:before,
#restaurant .sidebar-menu a.restaurant:before,

#map .sidebar-menu a.map:before,
#rooms .sidebar-menu a.rooms:before,
#offers .sidebar-menu a.offers:before,
#gallery .sidebar-menu a.gallery:before,
#contact .sidebar-menu a.contact:before{
    display: block;
}

.sidebar-navigation li.hide-desktop{
    display: inline-block;
}

.sidebar-menu ul{
    background-color: #262626;
    margin: 0;
}

.sidebar-menu ul a{
    white-space: nowrap;
}

.sidebar-menu ul a,
.home-navigation ul a{
    padding: 0 10px 0 20px;
}

a.close-menu{
    position: relative;
    right: -40px;
    float: right;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 20px;
}

a.close-menu:active,
a.close-menu:focus,
a.close-menu:hover{
    color: #9e9683;
}

a.sidebar-btn{
    display: inline-block;
    padding: 20px 5px 17px 5px;
    border: 2px solid #fff;
    margin-bottom: 45px;

    color: #fff; 
    text-align: center;
}

.sidebar-info li,
.sidebar-info{
    width: 100%;
    clear: both;
}

.sidebar-info li{
    margin-bottom: 20px;
    overflow: hidden;
}

.sidebar-info a{
    font:13px/13px 'Oxygen', Arial, sans-serif;
    color: #939393; 
}

.sidebar-info li:first-child a{
    display: inline-block;
    width: 100%;
    font:21px/21px 'Oxygen', Arial, sans-serif;
}

.sidebar-info li:nth-of-type(6),
.sidebar-info li:nth-of-type(5),
.sidebar-info li:nth-of-type(4){
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #434343;
}

a.sidebar-btn,
.home-navigation a,
.home-navigation ul li,
.home-navigation ul,
.home-navigation{
    width: 100%;
}

.home-navigation{
    margin-bottom: 0;
}

.sidebar-menu > li > a:before,
.sidebar-menu ul,
.home-navigation a.drop-btn:before,
.home-navigation ul,
.home-navigation .spacer,
.hideme{
    display: none;
}

.home-navigation .hideme,
.home-navigation li.hide-desktop{
    display: block;
}

.home-navigation > li{
    border-bottom: 1px solid #d9d9d9;
}

.home-navigation li:first-child{
    padding-top: 1px;
}

.home-navigation a{
    position: relative;
    display: block;
    height: 60px;

    font:1em/64px 'Oxygen', Arial, sans-serif;
    color: #444444; 

    text-transform: uppercase;
}

.home-navigation a:after{
    content: "\e802";
    position: absolute;
    top: 50%;
    right: 10px;

    font-family: 'fontello';
    font-size: 14px;
    color: #777;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-navigation a.drop-btn.open:after{
    content: "\e800";
}

.home-navigation ul{
    background-color: #f3f3f3;
    margin: 0;
}

.home-navigation ul li:first-child,
.home-navigation ul li{
    border-top: 1px solid #d9d9d9;
    border-bottom: none;
}

/* ========================================================================== */
/* MEDIA QUERIES
/* ========================================================================== */
@media only screen and (min-width: 480px) {

    .menu-btn{
        width: 74px;
        height: 74px;
    }

    .menu-icon{
        width: 22px;
        height: 18px;
    }

    .menu-icon:before{
        width: 22px;
    }

    .email-wrap {
        padding: 15px;
    }

    .press-thumbs li{
        width: 33.333333%;
    }

}    

/* For general tablets layouts */
@media only screen and (min-width: 680px) {
    body{
        font: 13px/1.7  'Oxygen', Arial, sans-serif;
    }

    .third,
    .second,
    .first{
        display: block;
    }

    .home-navigation{
        display: none;
    }

    .navigation-secondary{
        top: 95px;
    }

    .logo{
        width: 225px;
        height: 95px;
        left: 50%;
        top: 0;
    }
    
    #slideshow{
        height: 500px;
        height: 60vh;
    }

    .usp{
        display: block;
    }

    #ggmap{
        height: 600px;
    }

    #slideshow{
        margin-top: 95px;
    }

    .top-slideshow #slideshow{
        height: 100%;
        margin-top: 0;
    }

    .top-slideshow{
        margin-top: 95px;
        height: 445px;
    }

    .novahtmlslider_controls {
        display: block !important;
    }

    .weather-wrap{
        display: block;
    }
    
    .header-main,
    .header-main .wrapper{
        height: 95px;
    }

    #gallery .main{
        margin-top: 95px;
    }

    .card{
        float: left;
        width: 100%;
    }

    .card-repeat{
        float: none;
        width: auto;
        padding: 0;
    }

    .sidebar{
        top: 95px;
    }
    
    .post-title,
    .post-img{
        width: 45%;
        padding-right: 40px;
    }


    .post-content{
        width: 100%;
        float: right;
    }
    
    .post-title,
    .post-img{
        float: left;
        margin-bottom: 0;
    }
    
    #offers .post-content,
    #offers .post-img{
        width: 50%;
    }

    #offers .post-img{
        padding-right: 40px;
    }

    #offers .post-content{
        padding-top: 40px;
        padding-right: 50px;
    }

    #offers .post-repeat{
        padding-top: 0;
    }

    .list-pdf li{
        float: left;
        margin-right: 10px;
    }

    .list-pdf li,
    .list-pdf a{
        width: auto;
    }

    .post-border .post-right{
        width: 70%;
        float: right;
        padding: 40px 60px 50px 0;
    }

    .post-border .post-left{
        width: 30%;
        float: left;
        padding: 35px 8% 0 6%;
        display: block;
    }

    .bigImage {
        min-height: 390px;
    }

    .press-thumbs li{
        width: 25%;
    }

    .post-event .post-img,
    .post-event .post-content{
        width: 100%;
    }

    .post-event .post-img{
        padding: 0;
    }

    .footer-top,
    .footer-center,
    .footer-bottom{
        display: block;
    }

    .footer-main{
        position: relative;
        padding: 0;
        background-color: #2f2727;
    }

    .footer-main .wrapper{
        display: block;
    }

    a.footer-btn{
        display: none;
    }   

    .post-table td{
        padding: 5px 30px;
    }

    td.right{
        text-align: right;
    }

    td.center{
        text-align: center;
    }

    td.left{
        text-align: left;
    }

    .table-head td{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    a.underline-link.fl-rt{
        float: left;
    }

}

@media only screen and (min-width: 800px) {
    .card-wrap{
        width: calc( 100% + 15px )
    }

    .repeat-card-wrap{
        width: auto;
    }

    .card{
        width: 33.333333%;
        padding-right: 15px;
        margin-bottom: 0;
    }

    .card-repeat{
        width: auto;
        padding: 0;
    }

    .card-info-wrap{
        width: 100%;
        padding-left: 30px;
        margin-bottom: 24px;
        border-left: 1px solid #e3e3d5;
    }

    .post-intro .post-left{
       width: 70%;
       float: left;
       padding-right: 50px;
       padding-top: 10px;
    }

    .post-intro .post-right{
        width: 30%;
        display: block;
        float: left;
    }

    .post-contact .post-right,
    .post-contact .post-left{
        float: left;
    }

    .post-contact .post-right{
        width: 40%
    }

    .post-contact .post-left{
        width: 60%;
    }

    .address li{
        text-align: left;
    }

    .post-contact .post-left{
        padding-right: 40px;
    }

    .post-event{
        width: 50%;
        float: left;
    }

    .post-event:nth-of-type(odd){
        padding-right: 20px;
    }

    .post-event:nth-of-type(even){
        padding-left: 20px;
    }

    .footer-main .column{
        width: 25%;
        margin-bottom: 0;
    }

    .footer-main .column:nth-of-type(3){
        border-left: 1px solid #4e4644;
        padding:0 50px;
    }

    .footer-main .column:nth-of-type(1){
        padding-right: 30px;
    }
    
    .footer-main .column:nth-of-type(3),
    .footer-main .column:nth-of-type(2){
        padding:0 30px;
    }

    .footer-main .column:nth-of-type(4){
        padding-left: 30px;
    }
}

@media only screen and (min-width: 900px) {
    .sidebar-bg,
    .sidebar{
        width: 24%;
    }

    .sidebar{
        top: 0;
        position: relative;
        float: left;
        min-height: 850px;
        padding:50px 30px 200px 30px;

        background: #fafaf4;

        overflow: visible;
        border: none;
    }
    body.villas.welcome .sidebar,
    body.telfair.welcome .sidebar,
    body.awali.welcome .sidebar{
        top: -150px;
    }

    .sidebar:after {
      content: "";
      display: table;
      clear: both;
    }

    .sidebar .inner{
        overflow: visible;
    }
    
    .sidebar .sidebar-pin,
    .sidebar-bg{
        display: block;
    }

    .content{
        width: 71%;
        float: right;
    }

    .logo-sidebar{
        display: block;
    }

    a.btn-sidebar{
        width: 100%;
        height: auto;
        padding: 16px 0 13px 0;
        line-height: 13px;
        margin-bottom: 40px;
    }

    .menu-sidebar{
        float: left;
    }

    .menu-sidebar li,
    .menu-sidebar a,
    .menu-sidebar{
        width: 100%;
        height: auto;
        overflow: visible;
    }

    .menu-sidebar li{
        display: block;
    }

    .menu-sidebar{
        padding: 30px 0;
        border-top: 1px solid #e3e3d5;
        border-bottom: 1px solid #e3e3d5;
    }

    .menu-sidebar.inside{
        padding: 0;
        border: none;
    }

    .menu-sidebar a{
        position: relative;
        display: inline-block;
        height: 30px;
        font-size: 13px;
        line-height: 30px;
        color: #372e2c;  

        padding: 0; 

        -webkit-transition: all 0.15s ease-in-out;  
        -moz-transition: all 0.15s ease-in-out; 
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

    .menu-sidebar a:hover{
        padding-left: 10px;
        background-color: #e3e3d5;
    }

    .menu-sidebar a:before{
        content: "";
        width: 4px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -30px;
        z-index: 999;

        display: none;

    }

    #mauritius.mauritius-our-history .menu-sidebar.inside a.mauritius-our-history:before,
    #mauritius.mauritius-surroundings .menu-sidebar.inside a.mauritius-surroundings:before,
    #mauritius.mauritius-directions-and-maps .menu-sidebar.inside a.mauritius-directions-and-maps:before,
    #mauritius.mauritius-travel-tips .menu-sidebar.inside a.mauritius-travel-tips:before,
    #mauritius.mauritius-video-tour .menu-sidebar.inside a.mauritius-video-tour:before,

    #resort.golf .menu-sidebar.inside a.golf:before,
    #resort.restaurants-and-bars .menu-sidebar.inside a.restaurants-and-bars:before,
    #resort.spa-and-wellness .menu-sidebar.inside a.spa-and-wellness:before,
    #resort.c-beach-club .menu-sidebar.inside a.c-beach-club:before,
    #resort.nature-reserve .menu-sidebar.inside a.nature-reserve:before,
    #resort.kids-and-teens-clubs .menu-sidebar.inside a.kids-and-teens-clubs:before,
    #resort.sports-and-activities .menu-sidebar.inside a.sports-and-activities:before,
    #resort.meetings-and-events .menu-sidebar.inside a.meetings-and-events:before,
    #resort.gallery .menu-sidebar.inside a.gallery:before,
    #resort.resort-map .menu-sidebar.inside a.resort-map:before,
    
    #press.hd-gallery .menu-sidebar.inside a.hd-gallery:before,
    #press.press-and-media .menu-sidebar.inside a.press-and-media:before,
    #press.press-brochures .menu-sidebar.inside a.press-brochures:before,
    #press.press-kit .menu-sidebar.inside a.press-kit:before,
    #press.press-contact .menu-sidebar.inside a.press-contact:before{
        display: block;
        background-color: #2f2726;
    }

    body.awali.welcome .menu-sidebar a.welcome:before,
    body.awali.gallery .menu-sidebar a.gallery:before,
    body.awali.services .menu-sidebar a.services:before,
    body.awali.rooms .menu-sidebar a.rooms:before,
    body.awali.dining .menu-sidebar a.dining:before,
    body.awali.offers .menu-sidebar a.offers:before,
    body.awali.awards .menu-sidebar a.awards:before,
    body.awali.faq .menu-sidebar a.faq:before,
    body.awali.contact .menu-sidebar a.contact:before{
        display: block;
        background-color: #7c5f47;
    }

    body.telfair.welcome .menu-sidebar a.welcome:before,
    body.telfair.gallery .menu-sidebar a.gallery:before,
    body.telfair.services .menu-sidebar a.services:before,
    body.telfair.rooms .menu-sidebar a.rooms:before,
    body.telfair.dining .menu-sidebar a.dining:before,
    body.telfair.offers .menu-sidebar a.offers:before,
    body.telfair.awards .menu-sidebar a.awards:before,
    body.telfair.faq .menu-sidebar a.faq:before,
    body.telfair.contact .menu-sidebar a.contact:before{
        display: block;
        background-color: #4a5a67;
    }

    body.villas.welcome .menu-sidebar a.welcome:before,
    body.villas.gallery .menu-sidebar a.gallery:before,
    body.villas.services .menu-sidebar a.services:before,
    body.villas.rooms .menu-sidebar a.rooms:before,
    body.villas.dining .menu-sidebar a.dining:before,
    body.villas.offers .menu-sidebar a.offers:before,
    body.villas.awards .menu-sidebar a.awards:before,
    body.villas.faq .menu-sidebar a.faq:before,
    body.villas.contact .menu-sidebar a.contact:before{
        display: block;
        background-color: #a752a0;
    }

     .sidebar-address{
        display: block;
    }

    .scroll-btn{
        top: -35px;
    }

}

@media only screen and (min-width: 1025px) {

    .hide-desktop{
        display: none !important;
    }

    .hide-mobile{
        display: block !important;
    }

    #slideshow{
        height:100vh;
        margin-top: 0;
    }

    .top-slideshow #slideshow{
        height: 100%;
        margin-top: 0;
    }

    .top-slideshow {
        margin-top: 0;
        height: 545px;
    }

    .menu-btn{
        display: none;
    }

    a.header-btn{
        display: block;
    }

    .header-main,
    .header-main .wrapper{
        height: 85px;
    }

    .header-main{
        position: absolute;
        background-color: rgba(47,39,38,0.9);
    }


    .logo{
        width: 215px;
        height: 85px;
        top: 0;
        left: 10px;

        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .logo-color{
        fill: #fff; 
    }

    .logo-mobile{
        display: none;
    }

    .logo-desktop{
        display: block;
    }

    #restaurant .navigation-secondary,
    #hotel .navigation-secondary{
        display: none;
    }

    .menu{
       display: block; 
    }

    .card{
        width: 33.333333%;
        padding-right: 30px;
    }

    .card-repeat{
        width: auto;
        padding: 0;
    }

    .card-repeat .inner{
        padding: 0 40px;
        padding-top: 20px;
    }
    
    .cycle-slide-active + .card-repeat{
        -webkit-transform:  scale(1.15, 1.15);
        -moz-transform: scale(1.15, 1.15);
        -o-transform:  scale(1.15, 1.15);
        -ms-transform:  scale(1.15, 1.15);
        transform:  scale(1.15, 1.15);

        -webkit-transition: all 0.3s ease-in-out;  
        -moz-transition: all 0.3s ease-in-out; 
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .card-info.bg{
        padding: 40px 30px 40px 35px;
        background-color: #fff;
    }

    .card-info-wrap{
        width: 100%;
        padding-left: 30px;
        margin-bottom: 24px;
        border-left: 1px solid #e3e3d5;
    }

    a.underline-link.push{
        margin-left: 30px;
    }

    .sidebar{
        padding:45px 50px 200px 50px;
    }

    .menu-sidebar a:before{
        left: -50px;
    }

    .main{
        margin-top: 0;
    }

    #gallery .main{
        margin-top: 85px;
    }

    .column.half{
        width: 50%;
        float: left;
    }

    .column.half:nth-of-type(2){
        padding-left: 50px;
    }

    .btn.absolute{
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
    }
    
    .p-wrap.limit,
    h2.limit{
        width: calc(100% - 200px);
    }

    .be-dropdown{
        position: absolute;
        top: 85px;
        bottom: auto;
        left: 0;
        height: 0;
        overflow: hidden;
        padding: 0;

        -webkit-transition: height 0.3s ease-in-out;  
        -moz-transition: height 0.3s ease-in-out; 
        -o-transition: height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out;
    }

    .be-dropdown .wrapper{
        padding-top: 27px;
    }

    .be-dropdown.open{
        left: 0;
        height: 110px;
    }

    .be-dropdown.visible{
        overflow: visible;
    }

    .be-section{
        padding-right: 2%;
        float: left;
        margin-bottom: 0;
    }

    .be-section:nth-of-type(1){
        width: 22%;
    }
    
    .be-section:nth-of-type(3),
    .be-section:nth-of-type(2){
        width: 12%;
    }
    
    .be-section:nth-of-type(1),
    .be-section:nth-of-type(3),
    .be-section:nth-of-type(5){
        border-right: 1px solid #d2d2c1;
        margin-right: 2%;
    }
    
    .be-section:nth-of-type(6),
    .be-section:nth-of-type(5),
    .be-section:nth-of-type(4){
        width: 8%;
    }

    .be-section:nth-of-type(7){
        width: 24%;
        margin: 0;
        padding: 0;
        padding-left: 1%;

        text-align: right;
    }

    .be-btn{
        width: 100%;
        text-align: center;
    }

    .be-link{
        clear: both;
    }

    a.be-close-menu{
        position: absolute;
        top: 0;
        right: 5px;
    }

    .post-title,
    .post-img{
        width: 37%;
        padding-right: 40px;
    }

    .post-content{
        width: 63%;
        float: right;
    }

    .post-event:nth-of-type(odd){
        padding-right: 40px;
    }

    .post-event:nth-of-type(even){
        padding-left: 40px;
    }
    
}

@media only screen and (min-width: 1080px) {
    .wrapper{
        width: 1080px;
        padding: 0;
    }

    .menu > li{
        padding: 0 15px;
    }

    .logo{
        left: 0;
    }

    a.header-btn{
        right: 0;
    }
}

/*HACK FOR IOS 7 AND 6 OLD IPHONES*/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {
    #slideshow {
        height: 250px;
    }
}

@media screen and (device-aspect-ratio: 40/71) {
    #slideshow {
        height: 250px;
    }
}

.select-wrap{
    cursor: pointer;
    color: #5e5e50 !important;
    padding-right: 3px;
}

.select-wrap:before{
    content: "\25be";
    font-family: 'fontello';
    font-size: 14px;
    line-height: 24px;
    color: #5e5e50;
    position: absolute;
    top: -1px;
    right: 10px;
    z-index: 0;

}

.select-wrap > select{
    width: 100%;
    background: none;
    border: none;
    outline: none;
    color: #5e5e50 !important;
    /*font:inherit !important; */
    font-size: 11px !important;
    line-height: inherit !important;

    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none;

    -webkit-appearance:none;

    cursor: pointer;
    position: relative;
    z-index: 1;
}
input, select {
    vertical-align: middle;
}