/*
Theme Name: Riad Karmela Marrakech
Theme URI: http://www.tourismologic.com
Description: The default MobilePress theme.
Author: Abdelmounaim chacha
Author URI: http://www.tourismologic.com
Version: 2.0
*/
.octobookanchorBOTTOMRIGHT {
    bottom: 50px !important;
}
/* ////////////////////header menu fr #first ////////////////////////*/

#first #menu-item-283 a::before{content: 'Accueil';}
#first #menu-item-284 a::before{content: 'HEBERGEMENT';}
#first #menu-item-289 a::before{content: 'Galerie';}
#first #menu-item-290 a::before{content: 'Patios';}
#first #menu-item-291 a::before{content: 'Terrasses';}
#first #menu-item-293 a::before{content: 'Hammam';}
#first #menu-item-294 a::before{content: "TABLE D'HOTES";}
#first #menu-item-295 a::before{content: 'Activités';}
#first #menu-item-297 a::before{content: 'LES EXCURSIONS';}
#first #menu-item-296 a::before{content: 'Sport';}
#first #menu-item-285 a::before{content: 'Culture et arts';}
#first #menu-item-298 a::before{content: 'Tarifs';}

/*//////////////////////fin hedader menu fr*/

/* footer home fr*/
#home #menu-item-86 a::before{content: 'Qui sommes nous';}
#home #menu-item-85 a::before{content: 'Infos pratiques';}
#home #menu-item-84 a::before{content: 'Accès';}
#home #menu-item-93 a::before{content: 'Contact';}
/**************fin************/

/* ////////////////////header menu eng #first1 ////////////////////////*/

#first1 #menu-item-283 a::before{content: 'Home';}
#first1 #menu-item-284 a::before{content: 'Rooms';}
#first1 #menu-item-289 a::before{content: 'Galery';}
#first1 #menu-item-290 a::before{content: 'PATIOS';}
#first1 #menu-item-291 a::before{content: 'TERRACES';}
#first1 #menu-item-293 a::before{content: 'STEAM BATH';}
#first1 #menu-item-294 a::before{content: "RESTAURANT";}
#first1 #menu-item-295 a::before{content: 'Activities';}
#first1 #menu-item-297 a::before{content: 'EXCURSIONS';}
#first1 #menu-item-296 a::before{content: 'Sport';}
#first1 #menu-item-285 a::before{content: 'Culture et arts';}
#first1 #menu-item-298 a::before{content: 'Tarifs';}

/*//////////////////////fin hedader menu fr*/

/* footer home fr*/
#home1 #menu-item-86 a::before{content: 'WHO WE ARE';}
#home1 #menu-item-85 a::before{content: 'GENERAL INFORMATION';}
#home1 #menu-item-84 a::before{content: 'LOCATION';}
#home1 #menu-item-93 a::before{content: 'CONTACT US';}
/**************fin************/


/*//////////////////////fin hedader menu eng*/
.centertab{
	text-align: center !important;
}
.centertab{
	text-align: center !important;
	width: 100%;
	height: auto;
}
.boredrtab{
	border: 1px solid gray;
	padding: 5px;
}

/* Page */
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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
em {
font-style: italic;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
body {
font-size:13px;
font-family: Arial, sans-serif;
color:#FFF;
}
p, #pre-footer, footer, #breadcrumbs, div.description_content {
font-family: Arial, sans-serif;
}
select, input, textarea, button {
font:99% sans-serif;
}
pre, code, kbd, samp {
font-family: monospace, sans-serif;
}
a, a:hover, a:active {
outline: none;
}
ol {
list-style-type: decimal;
}
li{
margin:0px;
padding:0px;
list-style-type:none;
}
nav ul, nav li {
margin: 0;
list-style:none;
list-style-image: none;
}
small {
font-size: 85%;
}
strong, th {
font-weight: bold;
}
td {
vertical-align: top;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
body#home,body#home1 {
overflow-x: hidden;
overflow-y: hidden;
background-color: rgb(18, 21, 27);
}
body{
overflow-x: hidden;
overflow-y: hidden;
}

aside#top {
width:87%;
min-height: 600px;
margin: 0 auto;
position: absolute;
overflow: hidden;
right:0px;
}
#container {
width:100%;
min-height:600px;
margin: 0 auto;
padding: 0;
}
#Menu{
width:100%;
height:67px;
background:rgb(210, 124, 17);
position:absolute;
top:0px;
left:0px;
z-index:99;
box-shadow: 1px 1px 10px rgba(0,0,0,0.8);

}
.contact-form input{
background: #f4f4f4;
padding: 3px;
font-size: 12px;
line-height: 1;
border: 0;
height: 19px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 3px;
-moz-border-radius:3px;
border-radius: 3px;
}
.contact-form textarea{
background: #f4f4f4;
padding: 3px;
font-size: 12px;
line-height: 1;
border: 0;
height: 70px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 3px;
-moz-border-radius:3px;
border-radius: 3px;
}
#border {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: hidden;
}
#border #bgImage {
z-index: 0;
}
.awards-gallery {
position: absolute;
left: 24px;
}
.authentic-hotels {
position: absolute;
right: 24px;
}
#home header,#home1 header {
width:200px;
position: absolute;
left: 24px;
}
header#first hgroup .logo,header#first1 hgroup .logo {
color:#EAE8D5;
font-size:1px;
height:100px;
position:absolute;
text-indent:-9999px;
top:0px;
left:15px;
width:600px;
margin-bottom: 24px;
display:block;
}
header#first hgroup h2,header#first1 hgroup h2 {
display:none;
}
footer#home,footer#home1 {
width: 100%;
height:auto;
position:fixed;
bottom: 0px;
z-index: 1000;
}
#footer-links {
width: 100%;
height: 34px;
margin: 0 auto;
}
a.intro {
background-image:url();
background-repeat: no-repeat;
width: 527px;
height: 70px;
text-indent: -9999em;
position: absolute;
right:70px;
float:right;
bottom: 85px;
}
a.close, {
text-indent: -9999em;
background-image:url();
background-repeat: no-repeat;
width: 18px;
height: 17px;
position: relative;
float: left;
}
#intro a.close {
top:14px;
}
section#intro-wrap {
background-image:url();
background-repeat: repeat-x;
background-position: center top;
height: 412px;
width:100%;
position: relative;
color: #fff;
display: none;
z-index:1;
}
div#intro {
width:895px;
margin: 0 auto;
overflow: auto;
}
div#intro aside {
width:520px;
float: left;
margin-top: 5px;
}
div#intro h1 {
font-weight: normal;
margin: 10px 0 10px;
font-size: 1.7em;
float: left;
width:500px;
/*height:32px;
*/
}
div#intro p {
float: left;
margin:0 0 10px 0;
}
.intro-photos {
position: relative;
/*top:-22px;
*/
float: left;
}
section#bookings-wrap {
width:100%;
height: 50px;
margin: 0 auto;
border-top:3px solid #ce4b18;
background-color: rgb(18, 21, 27);
}
.Menu-footer {
padding-top:15px;
}
.Menu-footer li{
float:left;
display:inline;
}
.Menu-footer li a{
color:#FFF;
text-transform:uppercase;
padding:0px 13px 0 13px;
font-size:11px;
}
.Menu-footer li a:hover{
color:#ce4b18;
text-transform:uppercase;
}
.Menu-footer li.menu-item-1701 a{background: #CE4B18; color: #fff;}
.Menu-footer li.menu-item-1706 a{background: #CE4B18; color: #fff;}
#bookings {
width:1024px;
height: 50px;
margin: 0 auto;
}
#bookings > div {
float:left;
width:396px;
height: 50px;
}
a.awards-gallery {
background-image:url();
background-repeat: no-repeat;
width: 257px;
height: 33px;
margin-top: 10px;
text-indent: -9999em;
position: absolute;
left: 24px;
}
a.awards-gallery:hover, a.awards-gallery.active {
/*background-position: 0 -33px;
*/
background-image:url();
}
#bookings .book-now, #bookings .book-now a{
background-image:url();
background-repeat: no-repeat;
height: 50px;
width: 232px;
text-indent: -9999em;
float: left;
}
#bookings .book-now a:hover {
background-position: 0 -50px;
}
section#breadcrumbs-wrap {
width:100%;
height: 34px;
margin: 0 auto;
background-image:url();
background-repeat: repeat-x;
}
#breadcrumbs {
width: 1024px;
height:34px;
margin: 0 auto;
}
div#awards-wrap {
width:100%;
height:200px;
margin: 0 auto;
overflow: hidden;
position: relative;
background:url();
border-bottom: 1px solid #f1f1f1;
xz-index: -1;
}
.view-awards {
width:987px;
margin: 0 auto;
overflow: auto;
position: relative;
text-transform: uppercase;
top:10px;
}
a#view-awards {
width:auto;
height: auto;
float:left;
font-family: AvalonDemi, Arial, sans-serif;
}
div#awards {
width:987px;
height:163px;
margin: 0 auto;
overflow: auto;
position: relative;
background-image:url();
background-repeat: repeat-x;
top:21px;
}
#awards-wrap a.close {
float:right;
top:0;
}
a.special-offers {
background-image:url();
background-repeat: no-repeat;
width: 184px;
height: 63px;
text-indent: -9999em;
position: relative;
float: right;
top:214px;
}
section#special-offers {
width: 771px;
height:222px;
xdisplay: none;
}
section#special-offers > div {
float: left;
width: 255px;
height:245px;
margin-right: 2px;
background: #fff;
/* backup for non-RGBA */ background: rgba(255, 255, 255, 0.8);
line-height:24px;
}
.offers-heading {
width: 255px;
height: 39px;
background:url();
background-repeat: no-repeat;
float: left;
}
.offers-image img{
width: 254px;
height: 111px;
}
.offers-image {
width: 255px;
height: 111px;
background-repeat: no-repeat;
margin-top: 39px;
}
section#special-offers p {
margin:5px 10px 10px 10px;
line-height: 14px;
}
section#special-offers h3 {
font-size:1.2em;
color: #fff;
font-weight: normal;
margin: 13px;
background:url();
background-repeat:no-repeat;
background-position: right;
}
section#special-offers h3 a {
color: #fff;
}
.popup {
position: fixed;
bottom: 10%;
left:50%;
display: none;
width:800px;
min-height:550px;
padding:10px 10px 10px 10px;
margin-left:-400px;
z-index:999;
background:#38141b;
}
.popup p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}
.popup a, .popup  a:visited{
}
.popup a:hover, .popup  a:visited:hover{
}
a.handle {
top:50px;
background:url('images/icone_popup_news_minify_2.png');
background-repeat: no-repeat;
height: 190px;
width: 35px;
right:0px;
position:absolute;
}
.slide-out-div.open a.handle {
background:url('images/icone_popup_news_close.png');
background-repeat: no-repeat;
height: 190px;
width: 35px;
right:0px;
}
.slide-out-div {
width: 516px;
height:130px;
z-index: 100;
padding:15px;
background:url(images/bg-60.png) repeat;
color:#FFF;
}
.slide-out-div h1{
font-size:18px;
color:#fff;
text-transform:uppercase;
margin-bottom:20px;
}
.slide-out-div img {
float:left;
width:200px;
margin-right:10px;
}
.slide-out-div a{
display: block;
}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 943px;
height:163px;
}
.scrollable a {
font-family: 'Georgia', serif;
position: relative;
bottom: 0;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:20000em;
position:absolute;
clear:both;
}
.items section {
float:left;
width:949px;
}
.items section > div {
background-image:url();
width:225px;
height: 148px;
float: left;
padding: 15px 0 0 10px;
border-right:1px solid #fff;
}
.items section p {
font-weight: normal;
font-size: 10px;
padding: 10px 0 10px 10px;
overflow: auto;
min-height: 48px;
}
/* single scrollable item */
.scrollable img {
float:left;
}
.items section aside {
float:left;
text-align: center;
width:100px;
margin:40px 0 0px 5px;
}
.items section aside a {
font-family: "Arial", sans-serif;
}
/* active item */
.scrollable .active {
border:2px solid #000;
position:relative;
cursor:default;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
float:left;
}
.scroll-nav-left {
display:block;
width:22px;
height:163px;
float:left;
background: #fff;
}
.scroll-nav-right {
display:block;
width:22px;
height:163px;
float:right;
background: #fff;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
background: url() no-repeat;
display:block;
width:22px;
height:163px;
float:left;
cursor:pointer;
font-size:1px;
}
/* right */
a.right 		{
float:right;
background-position: -22px 0;
clear:right;
margin-right: 0px;
}
a.right:hover 	{
background-position:-22px 0px;
}
a.right:active 	{
background-position:-22px 0px;
}
/* left */
a.left			{
margin-left: 0px;
}
a.left:hover  	{
background-position:0px 0;
}
a.left:active  	{
background-position:0px 0;
}
/* disabled navigational button */
a.disabled {
opacity: .4;
}
#bookings a.authentic-hotels {
background-image:url();
background-repeatbackground-repeat: no-repeat;
width: 183px;
height: 28px;
margin-top: 10px;
margin-right:28px;
text-indent: -9999em;
float:right;
}
a.authentic-hotels:hover, a.authentic-hotels.active {
}
/* NHH Logo Update */
#bookings ul {
list-style: none;
position: absolute;
right: 0;
}
#bookings a#hilton-corp {
margin:2px 0 0 40px;
display:block;
font-size: 12px;
color: #594A42;
position: relative;
right:32px;
top:17px;
}
#bookings a#hilton-corp:hover {
color: #594A42;
text-decoration: underline;
}
/* /NHH Logo Update */
#authentic-hotels-wrap a.close {
float:right;
top:8px;
}
#authentic-hotels-wrap {
width: 100%;
overflow: hidden;
margin: 0 auto;
background: url();
border-bottom: 1px solid #f1f1f1;
z-index: 1;
}
#authentic-hotels {
margin: 0 auto;
position:relative;
overflow:hidden;
height: 199px;
width: 987px;
}
/* main vertical scroll */
#authentic-hotels-main {
position:relative;
overflow:hidden;
height: 163px;
width: 987px;
}
/* root element for pages */
#authentic-hotels-main #pages {
position:absolute;
height:20000em;
}
/* single page */
#authentic-hotels-main .page {
height: 163px;
background:url() 0 0 repeat-x;
width:987px;
}
/* root element for horizontal scrollables */
#authentic-hotels-main .scrollable {
position:relative;
overflow:hidden;
width: 943px;
height: 163px;
float: left;
}
/* root element for scrollable items */
#authentic-hotels-main .scrollable .items {
width:20000em;
position:absolute;
clear:both;
}
#authentic-hotels-main .item{
float:left;
cursor:pointer;
width:945px;
height:163px;
margin-left: 2px;
}
/* single scrollable item */
#authentic-hotels-main .item div{
float:left;
width:188px;
height:163px;
text-align: center;
border-right:1px solid #fff;
}
/* Noble House Hotel Properties */
#authentic-hotels-main .hotels .item div a {
background: url();
background-repeat: no-repeat;
width:186px;
height: 134px;
float: left;
text-indent: -9999em;
}
#authentic-hotels-main .hotels .item div a#riviera {
background-position: 0 0;
}
#authentic-hotels-main .hotels .item div a#riviera:hover {
background-position:0 -134px;
}
#authentic-hotels-main .hotels .item div a#portofino {
background-position: -186px 0;
}
#authentic-hotels-main .hotels .item div a#portofino:hover {
background-position:-186px -134px;
}
#authentic-hotels-main .hotels .item div a#hilton {
background-position: -372px 0;
}
#authentic-hotels-main .hotels .item div a#hilton:hover {
background-position:-372px -134px;
}
#authentic-hotels-main .hotels .item div a#edgewater {
background-position: -558px 0;
}
#authentic-hotels-main .hotels .item div a#edgewater:hover {
background-position:-558px -134px;
}
#authentic-hotels-main .hotels .item div a#hotel-deca {
background-position: -744px 0;
}
#authentic-hotels-main .hotels .item div a#hotel-deca:hover {
background-position:-744px -134px;
}
#authentic-hotels-main .hotels .item div a#river-terrace {
background-position: -930px 0;
}
#authentic-hotels-main .hotels .item div a#river-terrace:hover {
background-position:-930px -134px;
}
#authentic-hotels-main .hotels .item div a#latoretta {
background-position: -1116px 0;
}
#authentic-hotels-main .hotels .item div a#latoretta:hover {
background-position:-1116px -134px;
}
#authentic-hotels-main .hotels .item div a#lpi {
background-position:-1302px 0;
}
#authentic-hotels-main .hotels .item div a#lpi:hover {
background-position:-1302px -134px;
}
#authentic-hotels-main .hotels .item div a#hotel-viking {
background-position:-1488px 0;
}
#authentic-hotels-main .hotels .item div a#hotel-viking:hover {
background-position:-1488px -134px;
}
#authentic-hotels-main .hotels .item div a#laplaya {
background-position:-1674px 0;
}
#authentic-hotels-main .hotels .item div a#laplaya:hover {
background-position:-1674px -134px;
}
#authentic-hotels-main .hotels .item div a#ocean-key {
background-position:-1860px 0;
}
#authentic-hotels-main .hotels .item div a#ocean-key:hover {
background-position:-1860px -134px;
}
#authentic-hotels-main .hotels .item div a#mountain-lodge {
background-position:-2046px 0;
}
#authentic-hotels-main .hotels .item div a#mountain-lodge:hover {
background-position:-2046px -134px;
}
#authentic-hotels-main .hotels .item div a#water-color {
background-position:-2232px 0;
}
#authentic-hotels-main .hotels .item div a#water-color:hover {
background-position:-2232px -134px;
}
#authentic-hotels-main .hotels .item div a#uhm {
background-position:-2418px 0;
}
#authentic-hotels-main .hotels .item div a#uhm:hover {
background-position:-2418px -134px;
}
#authentic-hotels-main .hotels .item div a#gateway {
background-position:-2604px 0;
}
#authentic-hotels-main .hotels .item div a#gateway:hover {
background-position:-2604px -134px;
}
#authentic-hotels-main .hotels .item div a#pelican {
background-position:-2788px 0;
}
#authentic-hotels-main .hotels .item div a#pelican:hover {
background-position:-2788px -134px;
}
#authentic-hotels-main .hotels .item div a#wsv {
background-position:-2980px 0;
}
#authentic-hotels-main .hotels .item div a#wsv:hover {
background-position:-2980px -134px;
}
#authentic-hotels-main .hotels .item div a#kona-kai {
background-position:-3166px 0;
}
#authentic-hotels-main .hotels .item div a#kona-kai:hover {
background-position:-3166px -134px;
}
#authentic-hotels-main .restaurants .item div a {
background: url();
background-repeat: no-repeat;
width:186px;
height: 134px;
float: left;
text-indent: -9999em;
}
#authentic-hotels-main .restaurants .item div a#acqua {
background-position: 0 0;
}
#authentic-hotels-main .restaurants .item div a#acqua:hover {
background-position:0 -134px;
}
#authentic-hotels-main .restaurants .item div a#cuvee {
background-position: -186px 0;
}
#authentic-hotels-main .restaurants .item div a#cuvee:hover {
background-position:-186px -134px;
}
#authentic-hotels-main .restaurants .item div a#one-bellevue {
background-position: -372px 0;
}
#authentic-hotels-main .restaurants .item div a#one-bellevue:hover {
background-position:-372px -134px;
}
#authentic-hotels-main .restaurants .item div a#six-seven {
background-position: -558px 0;
}
#authentic-hotels-main .restaurants .item div a#six-seven:hover {
background-position:-558px -134px;
}
#authentic-hotels-main .restaurants .item div a#circa-59 {
background-position: -744px 0;
}
#authentic-hotels-main .restaurants .item div a#circa-59:hover {
background-position:-744px -134px;
}
#authentic-hotels-main .restaurants .item div a#baleen-la {
background-position: -930px 0;
}
#authentic-hotels-main .restaurants .item div a#baleen-la:hover {
background-position:-930px -134px;
}
#authentic-hotels-main .restaurants .item div a#baleen-naples {
background-position: -1116px 0;
}
#authentic-hotels-main .restaurants .item div a#baleen-naples:hover {
background-position:-1116px -134px;
}
#authentic-hotels-main .restaurants .item div a#chez-roux {
background-position:-1302px 0;
}
#authentic-hotels-main .restaurants .item div a#chez-roux:hover {
background-position:-1302px -134px;
}
#authentic-hotels-main .restaurants .item div a#hot-tin-roof {
background-position:-1488px 0;
}
#authentic-hotels-main .restaurants .item div a#hot-tin-roof:hover {
background-position:-1488px -134px;
}
#authentic-hotels-main .restaurants .item div a#district-lounge {
background-position:-1674px 0;
}
#authentic-hotels-main .restaurants .item div a#district-lounge:hover {
background-position:-1674px -134px;
}
#authentic-hotels-main .restaurants .item div a#dining-room {
background-position:-1674px 0;
}
#authentic-hotels-main .restaurants .item div a#dining-room:hover {
background-position:-1674px -134px;
}
#authentic-hotels-main .restaurants .item div a#the-view {
background-position:-1860px 0;
}
#authentic-hotels-main .restaurants .item div a#the-view:hover {
background-position:-1860px -134px;
}
#authentic-hotels-main .restaurants .item div a#nog {
background-position:-2060px 0;
}
#authentic-hotels-main .restaurants .item div a#nog:hover {
background-position:-2060px -134px;
}

/*	--------------------------------------------------
Reveal Modals
-------------------------------------------------- */
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: url();
z-index: 2000;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: auto;
background: #eee url() no-repeat -200px -80px;
position: absolute;
z-index: 2001;
padding: 10px 5px 5px 5px;
}
#booking.reveal-modal {
visibility: hidden;
top: 100px;
left: 46%;
margin-left: -300px;
width: auto;
background:none;
position: absolute;
z-index: 2001;
padding: 0;
}
.reveal-modal h1 {
font-size: 16px;
margin-bottom: 5px;
}
.reveal-modal.small 		{
width: 200px;
margin-left: -140px;
}
.reveal-modal.medium 		{
width: 400px;
margin-left: -240px;
}
.reveal-modal.large 		{
width: 600px;
margin-left: -340px;
}
.reveal-modal.xlarge 		{
width: 800px;
margin-left: -440px;
}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
#booking.reveal-modal .close-reveal-modal {
font-size: 22px;
text-indent: -9999em;
line-height: .5;
position: absolute;
background: url();
width: 16px;
height: 16px;
top: 22px;
right: 22px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
/*
NOTES
Close button entity is ×
Example markup
<div id="myModal" class="reveal-modal">
   <h2>Awesome. I have it.</h2>
   <p class="lead">Your couch.  I it's mine.</p>
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
   <a class="close-reveal-modal">&#215;
   </a>
</div>
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
padding: 15px;
}
textarea {
overflow: auto;
}
.ie6 legend, .ie7 legend {
margin-left: -7px;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
vertical-align: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
label, input[type="button"], input[type="submit"], input[type="image"], button {
cursor: pointer;
}
button, input, select, textarea {
margin: 0;
}
input:valid, textarea:valid   {
}
input:invalid, textarea:invalid {
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red;
-webkit-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
background-color: #f0dddd;
}
::-moz-selection{
background: #ce4b18;
color:#fff;
text-shadow: none;
}
::selection {
background:#ce4b18;
color:#fff;
text-shadow: none;
}
a:link {
-webkit-tap-highlight-color: #ce4b18;
}
button {
width: auto;
overflow: visible;
}
.ie7 img {
-ms-interpolation-mode: bicubic;
}
body {
color: #444;
background: url();
}
select, input, textarea {
/*color: #444;
background: #fff;*/
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color:#d4b25b;
}
a, a:active, a:visited {
color: #ce4b18;
text-decoration: none;
}
a:hover {
color: #ce4b18;
}
li{
list-style-type:non;
}
/**
* Primary styles
*
* Author: 
*/
.ir {
display: block;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
.hidden {
display: none;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
@media all and (orientation:portrait) {
}
@media all and (orientation:landscape) {
}
@media screen and (max-device-width: 767px) {
/* html {
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
}
*/
}

@media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter:none !important;
-ms-filter: none !important;
}
a, a:visited {
color: #444 !important;
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3{
page-break-after: avoid;
}
}
.contacts{
font-size:12px;
margin-left:100px;
text-transform:lowercase;
color:#fff;
margin-top:0px;
}
.contacts img{
vertical-align:-15%;
}
.contacts img.fb{
margin-left:30px;
}
h5{
display:none;
}
.panel,.panel1,.panel2,.panel3{
position: fixed;
top: 200px;
left:50%;
display: none;
width:800px;
min-height:300px;
padding:10px 10px 10px 10px;
margin-left:-459px;
z-index:999;
background:url(images/bg-60.png) repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
animation: pnl 1s;
}
@keyframes pnl {
    from{left: 0px;}to{left: 50%;}
}
@-webkit-keyframes pnl {
    from{left: 0px;}to{left: 50%;}
}
@-moz-@keyframes pnl {
    from{left: 0px;}to{left: 50%;}
}
.panel h1,.panel1 h1,.panel2 h1,.panel3 h1{
line-height:35px;
color:orange;

text-align:left;
}
.panel p,.panel1 p,.panel2 p,.panel3 p{
text-align:justify;
margin: 0 0 15px 0;
padding: 0;
color: #fff;

}

.panel a, .panel a:visited{
}
.panel a:hover, .panel a:visited:hover{
}
a#trigger{
position: absolute;
top:80%;
width:48px;
height:48px;
background-image: url(../img/Info.png);
background-position: center;
background-size: cover;
right:94px;
display: block;
vertical-align: middle;
border:1px solid #000;
background-color: #fff;
cursor: pointer;
padding:8px 0 0 0px;
-webkit-border-radius: 48px;
-moz-border-radius: 48px;
border-radius: 48px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
line-height:14px;
font-size:40px;
}
a#trigger:hover{width:50px;
height:50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
a.active#trigger {
display:none;
}
a#close,a#close1,a#closeq,a#closeinf,a#closetar{
background:url(images/btn-close.png) no-repeat;
width:29px;
height:30px;
z-index:9999;
position:absolute;
right:0px;
top:0px;
}
a#close:hover,a#close1:hover,a#closeq:hover,a#closeinf:hover,a#closetar:hover{
background:url(images/btn-close.png) no-repeat;
width:29px;
height:30px;
z-index:9999;
position:absolute;
right:0px;
top:0px;
}
a.active#close,a.active#close1,a.active#closeq,a.active#closeinf,a.active#closetar {
background:url(images/btn-close.png) no-repeat;
width:29px;
height:30px;
z-index:9999;
position:absolute;
right:0px;
top:0px;
}
.post-8{
	overflow: auto;
	overflow-x: hidden;
	width: 100%;
	height: 360px;
	padding: 5px;
	color: white;
}
.post-8 p{
	color: white !important;
	text-align: justify-all !important;
}
.post-8 h1{
	color: orange !important;
	text-align: center;
}
@font-face {
 font-family: "azkch";
 src: url("fonts/FREESCPT.TTF") format("TTF");
        
}
#post-11 h1{
	color: #fff !important;
	font-family: chFont;
}
#post-11 h3{
	text-align: center;
	color: #fdb66b;
	font-family: azkFont;
}
#post-11 span{
	font-size: 10px;
}
#post-11 table tr>th{
	color: #e2ac58;
}
.langues_hotel{
width:66px;
height:31px;
position:absolute;
top:0px;
right:10px;
z-index:999;
}
.langues_hotel li{
list-style-type:none;
float:left;
padding:0 5px 0 0;
}




.Menu-partners
{
width:300px;
position:absolute;
bottom:18px;
right:5px;
}
.Menu-partners  li{
float:right;
padding:0 0px 0 15px;
list-style-type:none;
}
.Menu-partners ul li a{
font-size:11px;
color:#FFF;
text-transform:uppercase;
}
.Menu-partners ul li a:hover{
color:#ce4b18;
}
.scroll-pane
{
height: 318px;
overflow: auto;
margin-right:30px;
padding-right:15px;
}


/* ------------------ smenu----------*/
.SMenu{
width:248px;
float:left;
margin-top:40px;
}
.SMenu ul li a{
background:url(images/bg-60.png) repeat;
padding:7px;
margin-bottom:20px;
display:block;
color:#FFF;
text-transform:uppercase;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
}


#access {
/*background: #222;
*/
/* Show a solid color for older browsers */
clear: both;
display: block;
float: left;
margin-left:350px;
}
#access ul {
font-size: 16px;
list-style: none;
text-transform:uppercase;
margin: 0 0 0 -0.8125em;
padding-left: 0;
}
#access li {
float: left;
position: relative;
}
#access a {
color: #eee;
display: block;
line-height: 3.533em;
padding: 6px 1.2125em;
text-decoration: none;
border-right:1px solid #825e20;
}
#access ul ul {
/*
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
*/
display: none;
float: left;
margin: 0;
position: absolute;
top: 66px;
left: 0;

z-index: 99999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul>li{
    width: 152px;
    text-align: center;
}
#access ul ul > ul li:last-child{
     border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0px;
}
#access ul ul>li a {
    height: 41px;
     background-color: #DA9540; 
}

#access ul ul a {
/*background: #f9f9f9;
*/
background:url(images/fond-menu.png) repeat-x;
border-bottom: 1px solid #ddd;
color: #fff;
font-size: 14px;
font-weight: normal;
height: auto;
line-height: 1.4em;
padding: 5px 5px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
background: ##d5b560;
color:#d5b560;
}
#access li:hover > a,
#access a:focus {
color: #fff;
}


#access ul li:hover > ul {
display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
color:#d5b560;
}

.logoimg {
z-index: 999;
	position: absolute;
	left: 5px;
	top: 0px;
	 width: 143px;
    height: 200px;
    border: 2px solid rgb(210, 124, 17);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.8);
}
#prevslide,#nextslide
{
  cursor: pointer;
  position: absolute;
  top: 0;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  opacity: 0.6;
}
#nextslide
 {
  right: 0;
  border-radius: 3px 0 0 3px;
}
#nextslide:hover{
    opacity: 1;
}
#prevslide:hover{
    opacity: 1;
}
#loadingPage {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #12151b;
	z-index: -9999;
	height: 100%;
}

#ld {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -9998;
}
@keyframes ani{
	from{
		 opacity: 0.7;
		
	}
	to{
		opacity: 1;
		
	}
}
@-webkit-keyframes ani{
    from{
    opacity: 0.7;
        
    }
    to{
      opacity: 1;
        
    }
}

@keyframes anim{
    from{
         opacity: 0.7;
        
    }
    to{
        opacity: 1;
        
    }
}
@-webkit-keyframes anim{
    from{
    opacity: 0.6;
        
    }
    to{
      opacity: 1;
        
    }
}

.slidanimleft{
	position: relative;
	animation: ani 1 1s;
}
#demo1{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    padding: 1px;
    padding-top: 65px;
    padding-bottom: 48px;
    box-sizing: border-box;
    -wibkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    z-index: 0;
    background: rgb(0, 0, 0);
    animation: ani 1 10s;
}
/**************index123****************************/
#hgroup{
        position: absolute;
    top: 12px;
    left: 5px;
    background-color: #333;
    width: 200px;
    height: 400px;
    z-index: 9999;
        border-radius: 11px;
}
#hgroup a  ,#hgroup {
    z-index: 999;
    position: absolute;
    left: 5px;
    top: 11px !important;
    left: 4px;
    width: 196px;
    height: 300px;
    border: 2px solid rgb(210, 124, 17);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.8);

}

#googleMap1{
	position: fixed;
	bottom: 70px;
	left: 30%;
	z-index: 97;
	 background-color: #444;
	 box-shadow: 1px 2px 1px black;
	 padding: 2px;
	 padding-top: 35px;
}
#googleMap1{
	display: none;
}
#p{
	position: absolute;
	left: 36%;
	top: 97px;
	list-style-type: none;
	padding-left: 0px;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: white;
}

@keyframes panim {
    from{color: white}to{color:orange }
}
@-webkit-keyframes panim {
   0%{top: : 0px;}50%{top: 97px;}100%{top: 99px;opacity: 0.5}
}
@-moz-@keyframes panim {
    0%{top: : 0px;}50%{top: 97px;}100%{top: 99px;opacity: 0.5}
}
#p p{
	animation: panim 1 8s;
}
.fa{
	font-size: 16px !important;
}
#preloader{
	background-color: rgb(18, 21, 27);
}
/*********************fin***********************/