/* ==========================================================================
Global Settings
========================================================================== */


/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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,
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;
	-webkit-text-size-adjust: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}


/**
* Minimal base styles.
*/

form {
	margin: 0;
}

:focus {
	outline: none !important;
}

html {
	font-size: 100.01%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-size: 62.5%;
	line-height: 1em;
	background: #282828;
}

a:link,
a:visited {
	text-decoration: none;
	cursor/**/
	: /**/
	pointer;
}

a:link:hover,
a:visited:hover {
	text-decoration: none;
}

:focus {
	outline: 0;
}


/* Remove margins for navigation lists */

nav ul,
nav li {
	margin: 0;
	list-style: none;
	list-style-image: none;
}


/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */

input[type="radio"] {
	vertical-align: text-bottom;
}

input[type="checkbox"] {
	vertical-align: bottom;
}

.iem7 input[type="checkbox"] {
	vertical-align: baseline;
}

input,
select {
	vertical-align: middle;
}

textarea {
	overflow: auto;
}


/* Hand cursor on clickable input elements */

label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
	cursor: pointer;
}


/* Webkit browsers add a 2px margin outside the chrome of form elements */

button,
input,
select,
textarea {
	margin: 0;
}


/* Make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

button {
	width: auto;
	overflow: visible;
}


/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	line-height: 1.2em;
}


/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}


/* blockquote , q and hr  */

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #1bb8c5;
	margin: 32px 0;
	padding: 0;
	position: relative;
}

hr:before {
	display: block;
	width: 38px;
	height: 19px;
	content: "";
	background: #fff url(../img/icons/icon1.png) center center no-repeat;
	position: absolute;
	left: 50%;
	top: -10px;
	margin-left: -19px;
}


/* Images and Default Classes  */

img {
	max-width: 100%;
	height: auto !important;
	vertical-align: bottom;
}

img.alignleft {
	float: left;
	margin: 0 30px 15px 0;
	display: inline;
}

img.alignright {
	float: right;
	margin: 0 0px 15px 30px;
	display: inline;
}

img.slipper {
	float: right;
	margin: 0 0px 15px 80px !important;
	display: inline;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}


/* Default List Styles  */

ul,
ol {
	list-style: none;
}

li {
	line-height: 1.2em;
}

li ul,
li ol {
	margin-bottom: 0px;
}


/*
* Clearing Methods
*/

.clearfix:after {
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: block;
}

.floatbox {
	overflow: hidden;
}

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}

.no-padding {
	padding: 0 !important;
}

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	min-width: 320px;
	background: #282828;
	font-weight: 500;
	position: relative;
	/*background: url(../img/body-bg.gif) left top repeat;*/
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


/*--- Container  ---*/

#container {
	position: relative;
	min-width: 320px;
}


/*--- Header  ---*/

#header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 56px;
	z-index: 1000;
	background: #373531;
}

.followme {
	float: left;
	position: relative;
	left: 255px;
	top: 13px;
/*	display: none;*/
}

.followme a {
	margin-right: 4px;
	display: inline-block;
	background-color: #4e4e4e;
	padding-left: 3px;
	padding-top: 6px;
}

.followme a i {
	display: block;
	width: 30px;
	height: 27px;
	background: #4e4e4e url("../img/icons1.png") top center no-repeat;
	-moz-transform: scale(0.8);
	-moz-transform-origin: 0 0;
	-webkit-transform: scale(0.8);
	-webkit-transform-origin: 0 0;
}

.followme a i:hover {
	display: block;
	background: #4e4e4e url("../img/icons1white.png") top center no-repeat;
}

.followme a i.f {
	float: left;
	background-position-x: 0px;
	background-position: 0px;
}

.followme a i.f:hover {
	float: left;
	background-position-x: 0px;
	background-position: 0px;
}

.followme a i.t {
	float: left;
	background-position-x: -36px;
	background-position: -36px;
}

.followme a i.t:hover {
	float: left;
	background-position-x: -36px;
	background-position: -36px;
}

.followme a i.ig {
	float: left;
	background-position-x: -75px;
	background-position: -75px;
}

.followme a i.ig:hover {
	float: left;
	background-position-x: -75px;
	background-position: -75px;
}

.followme a i.g {
	float: left;
	background-position-x: -110px;
	background-position: -110px;
}

.followme a i.g:hover {
	float: left;
	background-position-x: -110px;
	background-position: -110px;
}

.followme a:last-child {
	display: none;
}


/*--- Banner  ---*/

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

#banner .slides {
	width: 100% !important;
	height: 660px;
}

#mobile-banner .slides {
	width: 100vw !important;
	height: 100vh!important;
}

#banner .slide{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	display: block !important;
	opacity: 0;
	width: 100% !important;
}


#mobile-banner .image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	display: block !important;
	opacity: 0;
	width: 100% !important;
	height: 100%!important;
}

#banner .slide:first-child,
#mobile-banner .image:first-child {
	opacity: 1;
}

#banner .slide img {
	display: none;
	width: 100%;
}

#banner .slide:first-child img,
#mobile-banner .image:first-child img {
	display: block;
}

#mobile-banner .image img {
	visibility: hidden;
}


/*--- Footer  ---*/

#footer {
	background: #373531;
	padding-bottom: 4px;
}

.followme-footer {
	float: left;
	position: relative;
	left: -24px;
	top: 0px;
}

.followme-footer a i {
	display: block;
	width: 33px;
	height: 33px;
	background: url("../img/icons1.png") top center no-repeat;
	margin-bottom: 7px;
	margin-top: -7px;
}

.followme-footer a i:hover {
	display: block;
	width: 33px;
	height: 33px;
	background: url("../img/icons1white.png") top center no-repeat;
}

.followme-footer a i.f {
	float: left;
	background-position-x: 0px;
	background-position: 0px;
}

.followme-footer a i.f:hover {
	float: left;
	background-position-x: 0px;
	background-position: 0px;
}

.followme-footer a i.t {
	float: left;
	background-position-x: -36px;
	background-position: -36px;
}

.followme-footer a i.t:hover {
	float: left;
	background-position-x: -36px;
	background-position: -36px;
}

.followme-footer a i.ig {
	float: left;
	background-position-x: -75px;
	background-position: -75px;
}

.followme-footer a i.ig:hover {
	float: left;
	background-position-x: -75px;
	background-position: -75px;
}

.followme-footer a i.g {
	float: left;
	background-position-x: -110px;
	background-position: -110px;
}

.followme-footer a i.g:hover {
	float: left;
	background-position-x: -110px;
	background-position: -110px;
}

.bottom-footer {
	background: url("../img/wdb.png") 12px 0 no-repeat;
	padding-left: 36px;
	color: #6b6b6b;
	height: 30px;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.bottom-footer a {
	color: #6b6b6b!important;
}

.bottom-footer a:hover {
	color: #b5985a!important;
}


/*--- Header ---*/

#header .logo {
	float: left;
	position: relative;
	z-index: 5;
	max-width: 180px;
}

#header .logo img.large {
	top: 0;
	position: relative;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

#header .logo img.small {
	opacity: 0;
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	position: absolute;
	top: 0;
	left: 0;
}

#header.scroll .logo img.large {
	top: -180px;
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

#header.scroll .logo img.small {
	opacity: 1;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

#header .book-now-btn {
/*
	float: right;
	margin-top: 10px;
*/
}

#logo-mobile {
	padding: 20px;
	margin-top: 56px;
	background: url("../img/textured-bg.gif") repeat scroll left top rgba(0, 0, 0, 0);
	display: none;
}

#header .reservation-btn {
	float: right;
	margin-right: 0;
	font-size: 11px;
	max-width: none;
	width: auto;
	margin-top: 8px;
	z-index: 100;
	position: relative;
}

#header .reservation-btn span {}

#header .reservation-btn br {
	display: none;
}

#header .location {
	display: block;
	position: absolute;
	left: 100px;
	top: 18px;
	height: 21px;
	background: url(../img/pin_icon.png) no-repeat;
	padding-left: 23px;
	line-height: 21px;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Raleway';
	font-weight: 500;
}

#header .nav-booking {
	float: right;
}

#header .subnav-booking {
	position: absolute;
	top: 55px;
	right: 15px;
	background: #373531;
	padding: 30px 25px 25px 25px;
	display: none;
}

#header .subnav-booking-header {
	font-size: 15px;
	color: #b5985a;
	text-transform: uppercase;
	margin-bottom: 14px;
	font-weight: 600;
}

#header .subnav-booking li {
	white-space: nowrap;
}

#header .subnav-booking li a {
	font-size: 13px;
	color: #fff;
	padding: 8px 0;
	display: block;
	text-decoration: none;
}

#header .subnav-booking li a strong {
	font-weight: bold;
}

#header .followme {
	float: left;
    position: relative;
    left: 90px;
    top: 13px;
}

#header .book-now-btn {
	padding: 20px 60px 20px 60px;
    float: right;
    margin: 0;
}

#header .book-now-btn:before {
	display: none;
	content: '';
    background: url(../img/icon-check.png) center no-repeat;
    width: 19px;
    height: 18px;
    margin-right: 5px;
    vertical-align: baseline;
    background-size: cover;
    position: relative;
    top: 5px;
}


/*--- Main Navigation  ---*/

#main-navigation {
	float: left;
}

#main-navigation > ul > li {
	float: left;
	margin-left: 32px;
	position: relative;
}

#main-navigation > ul > li > a {
	display: block;
	line-height: 56px;
	font-family: 'Raleway';
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	position: relative;
	font-weight: 400;
	letter-spacing: 1px;
	/*	background: url(../img/arrow.png) center 80% no-repeat;*/
	/*	background: url(../img/arrow-light-right.png) center 80% no-repeat;*/
}
#main-navigation > ul > li > .logo-icon {
	    padding-top: 15px;
    display: block;
    line-height: 45px;
	font-family: 'Raleway';
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	position: relative;
	font-weight: 400;
	letter-spacing: 1px;
	/*	background: url(../img/arrow.png) center 80% no-repeat;*/
	/*	background: url(../img/arrow-light-right.png) center 80% no-repeat;*/
}

#main-navigation > ul > li > a strong {
	font-weight: 600;
}


#main-navigation > ul > li > .logo-icon:before {
	content: '';
	width: 87px;
	height: 14px;
	background-size: contain;
	position: absolute;
	background: url(../img/mali_logo_mobile.png) center 100% no-repeat;
	top: 21%;
	left: 0px;
}

#main-navigation > ul > li > a > span {
	content: '';
	width: 14px;
	height: 14px;
	background-size: contain;
	position: absolute;
	background: url(../img/arrow-light-right.png) center 100% no-repeat;
	top: 47%;
	right: -15px;
}

#main-navigation > ul > li > a > span:last-child {
	/* 	display: none;*/
}

#main-navigation > ul > li.parent > a:hover:after,
#main-navigation > ul > li.active > a:after,
#main-navigation > ul > li.parent:hover > a:after {
	content: "";
	display: block;
	left: 0;
	bottom: 7px;
	width: 100%;
	position: absolute;
	height: 5px;
	/*background: url(../img/arrow.png) center center no-repeat;*/
}

#main-navigation .contact {
	padding: 32px 20px 42px;
	display: none;
	background: rgba(48, 48, 48, 0.8);
	position: absolute;
	left: -32px;
	top: 56px;
	width: 458px;
}

#main-navigation .contact h3 {
	font-size: 15px;
	color: #b5985a;
	text-transform: uppercase;
	margin-bottom: 14px;
	font-weight: 600;
}

#main-navigation .contact ul li {
	font-size: 13px;
	color: #ffffff;
	margin-bottom: 10px;
	white-space: nowrap;
}

#main-navigation .contact ul li a {
	color: #fff;
}

#main-navigation .contact ul li:last-child {
	margin-bottom: 0;
}

#main-navigation .contact h4 {
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 20px;
	padding-left: 13px;
}

#main-navigation .contact p {
	font-size: 14px;
	font-weight: bold;
	color: #b5985a;
	padding-left: 11px;
	margin-bottom: 0;
}

#main-navigation .contact p a {
	color: #b5985a;
	text-decoration: underline;
}

#main-navigation li:hover .contact {
	display: block;
}

#main-navigation .menu-btn {
	display: block;
	float: left;
	height: 19px;
	background: url(../img/icons.png) left top no-repeat;
	padding-left: 33px;
	line-height: 19px;
	margin: 0 auto;
	position: relative;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Raleway';
	font-weight: 500;
	top: 18px;
	margin-left: 15px;
}


/*--- Sub navigation  ---*/

#sub-navigation {
	padding: 15px 0 15px 0;
	background: rgba(48, 48, 48, 0.8);
	position: absolute;
	top: 56px;
	position: absolute;
	left: 0;
	width: 100%;
	display: none;
}

#sub-navigation h5 {
	float: left;
	margin-left: 212px;
	font-size: 13px;
	color: #b5985a;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Raleway';
}

#sub-navigation ul {
	float: left;
	margin-left: 212px;
}

#sub-navigation ul li {
	font-size: 13px;
	color: #ffffff;
	float: left;
	font-weight: 500;
	font-family: 'Raleway';
	margin-right: 12px;
}

#sub-navigation ul li:last-child {
	margin-right: 0;
}

#sub-navigation ul li a {
	color: #fff;
}

#sub-navigation ul li a:hover {
	text-decoration: underline;
	color: #b5985a;
}

.m-cn-menu {
	display: none;
}


/*--- Banner  ---*/

#banner,
#mobile-banner {
	position: relative;
}

#banner h2,
#banner .slide-text-block {
	font-size: 90px;
	/*margin-top: 20px;*/
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Raleway';
	letter-spacing: 0.1em;
}

#banner .slides .description .slide-text-block .banner-detail {
	    font-size: 37px;
		    line-height: 31px;
		       letter-spacing: 0.2em;
}

#banner h1 div.capture_text,
#banner .slide-text-block div.capture_text {
	/*	background: none repeat scroll 0 0 rgba(48, 48, 48, 0.8);*/
	font-size: 47px;
	display: inline-block;
	letter-spacing: 2px;
	padding: 20px 15px 0 15px;
	width: 100%;
	text-transform: uppercase;
}

#banner h2 div.capture_text div.container,
#banner .slide-text-block div.capture_text div.container {
	color: #b5985a;
	font-size: 17px;
	padding-top: 15px;
	letter-spacing: 0;
	line-height: 25px;
	padding-left: 30px;
	width: 72.5%;
}

#banner h2 div.capture_text div.container div.col-md-3,
#banner .slide-text-block div.capture_text div.container div.col-md-3 {
	white-space: nowrap;
}

#banner h2,
#banner h5 {
/*	text-shadow: 1px 1px 20px rgba(0, 0, 0, .6);*/
}

#banner h5,
#banner h5 strong {
	letter-spacing: 0.25em;
	font-weight: 600;
}

#banner h2 span,
#banner .slide-text-block span {
	background: none repeat scroll 0 0 rgba(48, 48, 48, 0.8);
	display: inline-block;
	letter-spacing: 3px;
	padding: 20px 41px;
}

#banner .slide .col-xs-12 {
	height: 730px;
}

#banner .description {
	left: 15px;
	bottom: 62%;
	margin-bottom: -75px;
	width: 100%;
	position: absolute;
}

#banner .info {
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 45px;
	line-height: 45px;
	position: absolute;
	background: none repeat scroll 0 0 rgba(48, 48, 48, 0.8);
}

#banner .info p {
	font-size: 14px;
	font-style: italic;
	color: #ffffff;
	font-weight: 400;
}

#banner .info p span {
	margin-right: 15px;
}

#banner .info p span strong {
	font-weight: 600;
}

#banner .info p span:last-child {
	margin-left: 0px;
}

#banner .info p .arrow {
	background: url(../img/arrow.jpg) left top no-repeat;
	display: inline-block;
	height: 45px;
	width: 45px;
	float: right;
}

#banner .info p .wifi-banner {
	position: absolute;
	background: url(../img/wifi-banner.png) center no-repeat;
	background-size: cover;
	width: 138px;
	height: 45px;
	right: 220px;
}

#banner .info p .guarantee-banner {
	position: absolute;
	background: url(../img/guarantee-banner.png) center no-repeat;
	background-size: cover;
	width: 178px;
	height: 45px;
	right: 50px;
}

#banner .info p .wifi-text {
	color: white;
	font-size: 14px;
	display: inline-block;
	padding: 0 5px 0 20px;
	text-transform: uppercase;
	font-style: normal;
	position: relative;
	float: right;
	margin-right: 30px;
}


/*
#banner .info p .wifi-text:before {
	content: '';
	position: absolute;
	width: 22px;
	height: 18px;
	background: url(../img/icon-wifi.png) center no-repeat;
	left: -10px;
	top: 12px;
	margin-right: 5px;
}

#banner .info p .guarantee-text {
	color: white;
	font-size: 14px;
	display: inline-block;
	padding: 8px 5px 0 20px;
	float: right;
	text-transform: uppercase;
	font-style: normal;
	position: relative;
}

#banner .info p .guarantee-text:before {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	background: url(../img/icon-check-large.png) center no-repeat;
	left: -12px;
	top: 10px;
}

#banner .info p .guarantee-text strong {
	color: white;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0px;
	line-height: 18px;
	display: block;
	letter-spacing: 1px;
}

#banner .info p .guarantee-text span {
	color: white;
	font-size: 11px;
	font-weight: 700;
	margin-bottom: 0px;
	line-height: 13px;
	display: block;
	letter-spacing: 4.4px;
}
*/

#banner .controls {
	position: absolute;
	left: 0;
	z-index: 100;
	bottom: 100px;
	width: 100%;
}

#home-header .controls {
	position: absolute;
	left: 0;
	z-index: 100;
	bottom: 10px;
	width: 100%;
	text-align: center;
}


#banner .controls a,
#mobile-banner .controls a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background: url(../img/controls-a-bg.png) right top no-repeat;
	/*margin-bottom: 10px;*/
}
  
#banner .controls a:hover,
#banner .controls a.activeSlide,
/* #mobile-banner .controls a:hover, */
#mobile-banner .controls a.activeSlide {
	background: url(../img/controls-a-bg.png) left top no-repeat;
}

#banner{
	position: relative;
}

#mobile-banner {
	position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
}





/*---bottom-info slide  ---*/

#banner .bottom-wrapper {
	height: 100vh
}

@media only screen and (max-width: 1200px) {
	#banner .bottom-wrapper {
		display: none;
	}
}

#mobile-banner .bottom-info {
	z-index: 50;
}

#banner .bottom-info {
	position: absolute;
	width: 100%;
	height: auto;
	padding: 50px 0 0 0;
	z-index: 999;
	bottom: 120px;
}

#banner .trip-advisor {
	width: 245px;
	height: 110px;
	display: block;
	background-color: rgba(17, 17, 17, 0.5);
	overflow: hidden;
}

#banner .trip-advisor .logo {
	padding: 13px 20px;
	color: #fff;
	text-align: left;
}

#banner .bottom-info .trip-advisor .logo .quote {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
}

#banner .bottom-info .trip-advisor .logo .reviewer {
	font-size: 11.19px;
	line-height: 12px;
	padding: 5px 0 5px 0;
	color: #a7a7a7;
}

#banner .bottom-info .trip-wrapper {
	float: left;
}

#banner .bottom-info .trip-wrapper .ads-info-top {
	background-color: rgba(17, 17, 17, 0.4);
	padding: 15px 20px;
	display: block;
	width: 245px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	color: white;
}


#banner .bottom-info .trip-wrapper .ads-info-top .title span {
	display: block;
    	width: 100%;
    	font-size: 11px;
    	font-style: italic;
	font-weight: 400;
	color: #a7a7a7;
}

#banner .bottom-info .trip-wrapper .ads-info-center {
	background-color: rgba(17, 17, 17, 0.4);
	padding: 15px 20px;
	display: block;
	width: 245px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

#banner .bottom-info .trip-wrapper .title {
	position: relative;
	font-size: 14px;
	line-height: 14px;
	color: white;
	padding-left: 34px;
	font-weight: 600;
}

#banner .bottom-info .trip-wrapper .icon-check {
	position: absolute;
	width: 19px;
	height: 18px;
	background: url(../img/icon-check.png) center no-repeat;
}

.bottom-info .book-direct a {
	cursor:default;
	position: absolute;
/*	background-color: #b5985a;*/
	background: url(../img/book-btn.png) center no-repeat;
	right: 20px;
	top: 20px;
	font-size: 20px;
	font-weight: 600;
	width: 140px;
	height: 140px;
	padding: 40px 34px;
/*	transform: rotate(13deg);*/
	transition: transform 0.3s ease;
	border-radius: 50%;
	color: white;
/*	line-height: 27px;*/
	text-align: center;
	background-size: cover;
}

.bottom-info .book-direct a span {
	padding-left: 5px;
	display: none;
}


/*--- Section  ---*/

.section {
	background-color: #fff;
	padding: 75px 0 70px;
}

.home .section {
	padding: 89px 0 105px;
}


/*--- Tripadvisor  ---*/

.tripadvisor {
	background: #efece6;
	padding: 65px 0;
}

.tripadvisor .box1 {
	padding: 25px;
}

.tripadvisor h2 {
	font-size: 34px;
	margin-bottom: 7px;
	color: #343434;
	text-transform: uppercase;
	font-family: 'Raleway';
	font-weight: normal;
}

#message h3 {
	font-size: 24px;
	font-family: 'Raleway';
	font-weight: normal;
}

.tripadvisor h2 span {
	font-weight: 500;
}

.tripadvisor p {
	font-size: 15px;
	color: #343434;
	line-height: 25px;
	margin-bottom: 12px;
}

.tripadvisor .testimonials figure {
	border: 1px solid #dfdbd2;
	text-align: center;
}

.tripadvisor .testimonials .contents {
	text-align: right;
	height: 337px;
	padding: 15px 32px;
	border: 1px solid #cccccc;
	position: relative;
	overflow: hidden;
}

.tripadvisor .testimonials li {
	border-bottom: 2px dotted #e3e2e0;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.tripadvisor .testimonials li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.tripadvisor .testimonials blockquote .inner {
	position: relative;
}

.tripadvisor .testimonials blockquote {
	padding-left: 55px;
	position: relative;
}

.tripadvisor .testimonials blockquote p {
	padding-right: 35px;
}

.tripadvisor .testimonials blockquote p.cite {
	background: none;
}

.tripadvisor .testimonials blockquote:before {
	width: 19px;
	height: 32px;
	display: block;
	content: "";
	background: url(../img/icons.png) 0 -93px no-repeat;
	position: absolute;
	left: 0;
	top: 7px;
}

.tripadvisor .testimonials blockquote .inner:after {
	width: 19px;
	height: 32px;
	display: block;
	content: "";
	background: url(../img/icons.png) 0 -58px no-repeat;
	position: absolute;
	right: 0;
	bottom: 7px;
}


/*--- Newsletter Form  ---*/

#newsletter-form {
	margin-bottom: 25px;
	padding-left: 20px;
	padding-top: 10px;
}

#newsletter-form input[type='text'] {
	border: 1px solid #cccccc;
	width: 300px;
	line-height: 24px;
	padding: 5px 15px;
	height: 35px;
	font-size: 14px;
	color: #a1a1a1;
	float: left;
	float: left;
	margin-bottom: 10px;
}

#newsletter-form input[type='text'].error {
	border: 1px solid #F00;
}

#newsletter-form button[type='submit'] {
	background: none repeat scroll 0 0 #645f59;
	border: 0 none;
	color: #fff;
	float: right;
	font-family: "Raleway";
	font-size: 14px;
	font-weight: bold;
	height: 35px;
	padding-left: 21px;
	text-align: center;
	text-transform: uppercase;
	width: 140px;
}

#newsletter-form button[type='submit'] span {
	display: inline-block;
	position: relative;
}

#newsletter-form button[type='submit'] span:after {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 10px;
	content: "";
	background: url(../img/arrow2.png) left top no-repeat;
	width: 8px;
	height: 11px;
}

#newsletter-form .notification {
	display: block;
	font-size: 11px;
	color: #a1a1a1;
	line-height: 15px;
}


/*--- Post --- */

.post h2 {
	font-size: 32px !important;
	color: #343434;
	margin-bottom: 34px !important;
	text-transform: uppercase;
	font-family: 'Raleway';
	font-weight: normal;
}

.post h2 a {
	color: #343434;
}

.post h2 span {
	font-weight: 500;
}

.post p {
	font-size: 15px;
	color: #6d6d6d;
	line-height: 25px;
	margin-bottom: 20px;
}

.post p a {
	text-decoration: underline;
	color: #b5985a;
}

.post #p1 {
	font-size: 22px !important;
	line-height: 31px !important;
	margin-bottom: 30px !important;
}

.p2 {
	margin-bottom: 35px !important;
}


/*--- Placeholder --- */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	opacity: 1;
}


/*--- Gallery  ---*/

.no-bg {
	background: none !important;
}

.gallery {
	background: url(../img/textured-bg.gif) left top repeat;
	text-align: center;
}
.gallery h2 {
	color: #343434;
}
.gallery .sub-title {
	color: #6d6d6d;
	font-size: 22px !important;
    line-height: 31px !important;
    margin-bottom: 30px !important;
    font-weight: 300;
    padding: 0 13%;
}

.gallery figure {
	/*	margin-bottom: 15px;*/
	position: relative;
}
.gallery .book-direct {
    cursor: default;
    position: absolute;
    /* background-color: #b5985a; */
    background: url(../img/book-btn.png) center no-repeat;
    right: 20px;
    bottom: -80px;
    font-size: 20px;
    font-weight: 600;
    width: 140px;
    height: 140px;
    padding: 40px 34px;
    /* transform: rotate(13deg); */
    transition: transform 0.3s ease;
    border-radius: 50%;
    color: white;
    /* line-height: 27px; */
    text-align: center;
    background-size: cover;
}

.gallery .large-image {
	background: url(../img/icons.png) -37px -93px no-repeat;
	width: 28px;
	height: 22px;
	display: block;
	position: absolute;
	left: 10px;
	top: 15px;
}

.gallery h3 {
	font-size: 22px;
	color: #6d6d6d;
	line-height: 31px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: -20px;
}

.gallery h3 span {
	color: #b5985a;
	font-weight: 600;
}

.gallery h3 a {
	color: #b5985a;
	text-decoration: underline;
}

.gallery .inner-gallery {
	background: url(../img/gallery-inner-bg.png) top center no-repeat;
	padding: 65px 0 45px;
}

.home .gallery .box1 {
	margin-bottom: 47px;
}

.gallery img {
	width: 100%;
}

.gallery .details {
	padding: 10px;
}

.home .gallery .details {
	padding: 12px;
}

.gallery .title-gallery {
	font-size: 17px;
	margin-bottom: 3px !important;
	color: #857553;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Raleway';
}

.gallery h2 a {
	color: #857553;
}

.home .gallery h2 {
	font-size: 22px;
	color: #414141;
	margin-bottom: 8px;
}

.home .gallery h2 a {
	color: #414141;
}

.gallery p {
	font-size: 15px;
	color: #6d6d6d;
	line-height: 25px;
	margin-bottom: 19px;
}

.gallery p a {
	color: #343434;
}

.home .gallery p {
	font-size: 15px;
	color: #b5985a;
	line-height: 20px;
}

.home .gallery p a {
	color: #b5985a;
	display: inline-block;
	position: relative;
}

.home .gallery p a:after {
	display: inline-block;
	background: url(../img/arrow1.png) left top no-repeat;
	width: 5px;
	height: 9px;
	margin-left: 7px;
	vertical-align: baseline;
	content: "";
}

.gallery .button1 {
	/*display: block;
	left: -6px;
	margin: 0 auto;
	
	position: relative;*/
	margin: 0;
	max-width: 272px;
}


/*--- Promise  ---*/

#promise {
	background-color: #fff;
	padding: 40px 0;
	text-align: left;
}

#promise ul li {
	text-align: center;
	height: 150px;
	display: table;
	width: 100%;
	background: #d1c9bf;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

#promise ul li.testimonials {
	background: #e5ddce;
}

#promise ul li:hover {
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	background: #b3a797;
}

#promise ul li a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Raleway';
	position: relative;
	color: #fff;
}

#promise ul li a:before {
	display: block;
	margin: 0 auto 13px;
	content: "";
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
}

#promise ul li.video-tour a:before {
	background-position: -83px -93px;
	width: 38px;
	height: 27px;
}

#promise ul li.testimonials a:before {
	background-position: -149px -84px;
	width: 43px;
	height: 41px;
}


/*--- Rooms  ---*/

#rooms {
	background: url(../img/textured-bg.gif) left top repeat;
	padding: 45px 0;
}

#rooms h2 {
	margin-bottom: 12px !important;
	margin-top: -4px !important;
}

#rooms h3 {
	font-size: 17px;
	color: #857553;
	text-transform: uppercase;
	font-family: 'Raleway';
	font-weight: normal;
	margin-bottom: 10px;
}

#rooms p {
	line-height: 26px;
	font-size: 15px;
	margin-bottom: 25px;
}

#rooms .col-xs-12 > ul > li {
	margin-bottom: 17px;
	padding: 10px;
	background: #fff;
}

#rooms li:last-child {
	margin-bottom: 0;
}

#rooms li img {
	float: left;
	margin-right: 23px;
}

#rooms li .details {
	margin-left: 320px;
}

#rooms .button1 {
	min-width: 270px;
	float: left;
	margin-right: 30px;
}

#rooms .links {
	padding-top: 13px;
	margin-bottom: 0px;
}

#rooms .links li {
	font-size: 13px;
	color: #b5985a;
	border-right: 1px solid #b5985a;
	padding-right: 15px;
	margin-right: 15px;
	text-transform: uppercase;
	font-family: 'Raleway';
	font-weight: 600;
	float: left;
	line-height: 13px;
}

#rooms .links li a {
	color: #b5985a;
}

#rooms .links li:last-child {
	border: none;
	padding-right: 0;
	margin-right: 0;
}


/*--- Footer  ---*/

#footer .logo {
	margin-bottom: 28px;
}

#footer h3 {
	font-size: 15px;
	color: #3e3e3e;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 13px;
}

#footer ul {
	margin-bottom: 30px;
}

#footer .col-md-7 ul {
	float: left;
	margin-right: 60px;
}

#footer ul li {
	font-size: 13px;
	color: #343434;
	margin-bottom: 10px;
}

#footer ul.featured li a {
	color: #bd9e5c;
}

#footer ul li a {
	color: #343434;
}

#footer ul li a span {
	text-decoration: underline;
}

#footer .inner-footer {
	background: #fff;
	padding-top: 35px;
}

#footer .contact {
	background: #f4efe9;
	padding: 26px 0 20px;
	margin-bottom: 20px;
}

#footer .sociable li {
	float: left;
	margin-left: 15px;
	margin-bottom: 14px;
}

#footer .awards {
	text-align: center;
}

#footer .awards h3 {
	margin-bottom: 25px;
}

#footer .awards li {
	margin-bottom: 50px;
}

#footer .awards li:last-child {
	margin-bottom: 0;
}

#footer h4 {
	font-size: 13px;
	color: #3e3e3e;
	font-weight: bold;
	margin-bottom: 4px;
}

#footer p {
	font-size: 12px;
	color: #3e3e3e;
	line-height: 20px;
}

#footer a {
	font-size: 12px;
	color: #3e3e3e;
	line-height: 20px;
}

#footer span {
	font-size: 12px;
	color: #3e3e3e;
	line-height: 20px;
}

#footer hidden {
	display: none;
}

#footer .sociable ul {
	margin-bottom: 18px;
}

#footer iframe {
	margin-bottom: 20px;
}


/*--- Box1  ---*/

.box1 {
	background: #fff;
	padding: 5px;
	margin-bottom: 20px;
	text-align: left;
}


/*--- Box3  ---*/

.box3 {
	background: #f5f4f0;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: -13px;
	width: 170px;
}


/*--- Button1  ---*/

.button1 {
	display: inline-block;
	background: #b5985a;
	padding: 12px;
	line-height: 16px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	max-width: 212px;
	width: 100%;
	margin-right: 72px;
	font-family: 'Raleway';
	text-transform: uppercase;
	border: 0;
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.button1:hover,
.button1:focus,
.button1:active {
	color: #fff;
}

.lang-menu {
	position: absolute !important;
	top: 0px;
	/*right: 370px;*/
	right: 345px;
	float: none !important;
	/*display: none;*/
	background: none;
}

.lang-menu-main {
	background: none !important;
}

.lang-menu .sub-menu {
	/*padding: 32px 20px 42px;*/
	padding: 20px;
	display: none;
	background: rgba(48, 48, 48, 0.8);
	position: absolute;
	left: -32px;
	top: 56px;
	width: 180px;
}

.lang-menu li {
	font-size: 13px;
	color: #ffffff;
	margin-bottom: 10px;
	white-space: nowrap;
	display: inline-block;
}

.lang-menu li a {
	color: #fff;
}

.lang-menu li a:hover {
	text-decoration: underline;
}

#header .m-lang-menu-2 {
	display: none;
}

.lang-menu a {
	display: inline-block !important;
	background: none !important;
}

.lang-menu span {
	display: inline-block !important;
	color: #8b8885;
	line-height: 56px;
	font-family: 'Raleway';
	font-size: 13px;
}

.lang-menu a.active {
	color: #b5985a !important;
}

@media screen and (max-height: 750px) and (min-height: 615px) {
	#banner .bottom-info {
		padding: 30px 0 0 0;
		bottom: 70px;
	}
}

@media (min-width:1200px) {
	.container {
		width: 1010px;
	}
	.followme {
		display: block;
	}
	.followme-footer {
		display: none;
	}
}

@media (max-width:1200px) {
	#newsletter-form input[type="text"] {
		width: 293px;
	}
	.tripadvisor .testimonials .contents {
		height: 330px;
	}
	#newsletter-form {
		padding-left: 8px;
	}
	.tripadvisor h2 {
		font-size: 32px;
	}
	#banner .slide,
	#banner .slide .col-xs-12,
	#banner .slides {
		height: 530px !important;
	}
	#banner .slides,
	#mobile-banner .slides {
		min-height: 180px;
	}
}

@media (max-width:992px) {
	#banner h1,
	#banner .slide-text-block {
		font-size: 35px;
	}
	#banner h2 {
		font-size: 35px;
	}
	#banner h2 span {
		padding: 15px 25px;
	}
	#header .logo {
		width: 150px;
	}
	#header .book-now-btn {
		/*width: 130px;*/
		margin-right: 0;
		padding: 20px 45px 20px 45px;
	}
	.tripadvisor h2 {
		font-size: 31px;
	}
	#newsletter-form button[type="submit"] {
		width: 110px;
	}
	#newsletter-form input[type="text"] {
		width: 216px;
	}
	.tripadvisor p,
	.post p {
		font-size: 13px;
		line-height: 22px;
	}
	.post #p1 {
		font-size: 20px;
		line-height: 27px;
	}
	.post h2 {
		font-size: 32px;
	}
	#footer .sociable {
		padding-left: 15px;
	}
	#newsletter-form {
		padding-left: 4px;
	}
	.tripadvisor h2 {
		font-size: 25px;
	}
	#main-navigation > ul > li {
		margin-left: 15px;
		color: #FFF;
	}
	#main-navigation > ul > li.lang-menu {
		right: 200px;
	}
	#main-navigation .contact {
		margin-left: 17px;
		padding: 32px 20px 42px;
		width: 410px;
	}
	#header.scroll .logo img {
		margin-top: -90px;
	}
	#sub-navigation h5 {
		margin-left: 165px;
	}
	.gallery h2 {
		font-size: 15px;
	}
	#rooms .button1 {
		max-width: 100%;
		margin-bottom: 20px;
	}
	#rooms .links {
		clear: both;
		padding-top: 0;
		text-align: center;
		margin-bottom: 5px;
	}
	#rooms .links li {
		display: inline-block;
		float: none;
	}
	#sub-navigation ul {
		margin-left: 166px;
	}
}

@media (max-width:890px) {
	#banner h1,
	#banner .slide-text-block {
		font-size: 25px;
	}
	#banner .controls {
		bottom: 10px;
	}
	#sub-navigation ul li {
		font-size: 12px;
		margin-right: 9px;
	}
}

@media (min-width:768px) {
	#main-navigation > ul {
		display: block !important;
	}
	
	
	#mobile-banner {
		position: absolute;
		top: -10000px;
		visibility: hidden;
	}
	#main-navigation {
/*    display: none;*/
}
	#main-navigation .menu-btn {
		display: none !important;
	}
	.location {
        left: 80px !important;
    
	}
	

}

@media (max-width:768px) {
	.wifi-banner{
		display: none;
	}
	.guarantee-banner{
		display: none;
	}	
}

@media (max-width:767px) {
	#banner .slides,
	#mobile-banner .slides {
		height: 460px;
	}
	#header .logo {
		width: 100px;
	}
	.followme {
		float: left;
		position: relative;
		left: 165px;
		top: 13px;
	}
	.followme a i {
		display: block;
		width: 28px;
		height: 33px;
		background: url("../img/icons1.png") top center no-repeat;
	}
	.followme a i:hover {
		display: block;
		width: 28px;
		height: 33px;
		background: url("../img/icons1white.png") top center no-repeat;
	}
	.followme a i.f {
		float: left;
		background-position-x: 0px;
		background-position: 0px;
	}
	.followme a i.f:hover {
		float: left;
		background-position-x: 0px;
		background-position: 0px;
	}
	.followme a i.t {
		float: left;
		background-position-x: -36px;
		background-position: -36px;
	}
	.followme a i.t:hover {
		float: left;
		background-position-x: -36px;
		background-position: -36px;
	}
	.followme a i.ig {
		float: left;
		background-position-x: -75px;
		background-position: -75px;
	}
	.followme a i.ig:hover {
		float: left;
		background-position-x: -75px;
		background-position: -75px;
	}
	.followme a i.g {
		float: left;
		background-position-x: -110px;
		background-position: -110px;
	}
	.followme a i.g:hover {
		float: left;
		background-position-x: -110px;
		background-position: -110px;
	}
	#rooms {
		padding: 35px 0 0;
	}
	#rooms .col-xs-12 > ul > li:last-child {
		margin-bottom: 0;
	}
	#rooms h2 {
		font-size: 26px;
	}
	#rooms h2 {
		margin-bottom: 7px;
	}
	#rooms li h2 {
		font-size: 20px;
		padding-top: 0;
	}
	#rooms .col-xs-12 > ul > li {
		position: relative;
	}
	#rooms .col-xs-12 > ul > li:before {
		display: block;
		content: "";
		background: url(../img/arrow1.png) left top no-repeat;
		width: 5px;
		height: 9px;
		position: absolute;
		right: 5px;
		position: absolute;
		top: 50%;
		margin-top: -5px;
		z-index: 10;
	}
	#rooms ul {
		margin-top: 10px;
		margin-bottom: 35px;
	}
	#promise ul li a:before {
		display: inline-block;
		margin-right: 25px;
		vertical-align: middle;
		position: relative;
		top: 5px;
	}
	#promise ul li {
		height: 90px;
	}
	#rooms li img {
		width: 90px;
		margin-right: 10px;
	}
	#rooms li .inner {
		display: none;
	}
	#rooms h3 {
		font-size: 17px;
	}
	#rooms li .details {
		margin-left: 100px;
	}
	.gallery h3 {
		font-size: 17px;
		line-height: 25px;
	}
	.gallery .box1 {
		margin-bottom: 20px;
	}
	.gallery .button1 {
		max-width: none;
    	display: block;
    	margin-bottom: 5px;
	}
	.gallery .book-direct {
		right: 9px !important;
	    top: 9px !important;
	    position: absolute;
	    width: 100px!important;
	    height: 100px!important;
	    z-index: 50;
	}
	a.find-out {
		display: block;
	    padding: 10px 0;
	    text-align: center;
		margin: 0 auto !important;
	}
	.gallery .sub-title {
		padding: 0;
	}
	#header.scroll .logo img {
		margin-top: -59px;
	}
	#main-navigation {
		position: absolute;
		right: 0;
		width: 100%;
		top: 0;
	}
	#footer {
		padding-top: 20px;
		padding-bottom: 0;
		background: transparent;
	}
	#footer .inner-wrap {
		background: #424242;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	#footer .sociable {
		padding: 0;
	}
	#footer .sociable ul {
		margin-bottom: 6px;
		display: none;
	}
	#footer .sociable ul li {
		margin-right: 30px;
	}
	#footer .sociable ul li a {
		display: block;
		height: 28px;
		background-image: url(../img/icons.png);
		background-repeat: no-repeat;
	}
	#footer .sociable ul li a.facebook {
		background-position: -33px -57px;
		width: 14px;
	}
	#footer .sociable ul li a.google {
		background-position: -106px -57px;
		width: 14px;
	}
	#footer .sociable ul li a.twitter {
		background-position: -59px -57px;
		width: 32px;
	}
	#footer .sociable ul li a.email {
		background-position: -134px -57px;
		width: 23px;
	}
	#main-navigation .contact {
		margin-left: 0;
	}
	#main-navigation .menu-btn {
		background: unset;
		display: block;
		margin-right: 15px;
		padding-left: 0;
	}
	#header .book-now-btn {
		margin: 0;
	    width: 130px;
	    padding: 10px;
	    line-height: 36px;
	}
	/*	//meme//*/
	#header .reservation-btn:after {
		content: '';
		display: inline-block;
		background: url(../img/arrow3.png) center no-repeat;
		width: 11px;
		height: 6px;
		margin-right: 0px;
		vertical-align: baseline;
		background-size: cover;
	}
	#main-navigation > ul {
		position: absolute;
		border-top: 1px solid #4e4e4e;
		padding: 0;
		background: #373737;
		right: 0;
		top: 56px;
		width: 100%;
		display: none;
	}
	#main-navigation > ul > li {
		float: none;
		margin-left: 0;
		border-bottom: 1px solid #2d2d2d;
		border-top: 1px solid #4e4e4e;
	}
	#main-navigation > ul > li:first-child {
		border-top: 0;
	}
	#main-navigation > ul > li:last-child {
		border-bottom: 0;
		display: none;
	}
	#main-navigation > ul > li > a {
		line-height: 35px;
		display: none;
		color: #FFF;
		margin-left: 15px;
	}
	#main-navigation > ul > li > a:hover:after,
	#main-navigation > ul > li.active > a:after,
	#main-navigation > ul > li:hover > a:after {
		bottom: auto;
		left: auto;
		width: 9px;
		vertical-align: middle;
		position: relative;
		margin-left: 10px;
		display: inline-block;
	}
	#main-navigation .contact {
		position: relative;
		top: auto;
		width: 100%;
		left: 0;
		display: block;
		background: none;
	}
	#newsletter-form input[type="text"] {
		width: 100%;
	}
	#newsletter-form form {
		margin-bottom: 15px;
	}
	.tripadvisor .testimonials figure {
		margin-bottom: 20px;
	}
	.tripadvisor .testimonials .contents {
		padding: 15px;
	}
	.tripadvisor .testimonials blockquote {
		padding-left: 30px;
	}
	#banner h2 {
		font-size: 28px;
	}
	#banner .slide,
	#banner .slide .col-xs-12 {
		height: 400px;
	}
	#banner h2 span {
		padding: 10px 15px;
	}
	.section {
		padding: 20px 0;
		margin-top: -20px;
	}
	#footer .inner-footer {
		padding-top: 40px;
	}
	#footer .logo {
		margin-bottom: 30px;
	}
	#footer ul {
		margin-bottom: 35px;
	}
	#footer .sociable li:nth-child(2n) {
		margin-right: 15px;
	}
	#footer .awards {
		text-align: left;
	}
	#footer .awards li {
		float: left;
		margin-right: 20px;
		margin-bottom: 30px;
	}
	#footer p {
		font-size: 12px;
		color: #838383;
	}
	#footer p a {
		color: #838383;
	}
	/*#banner .description {
    width: 90%;
}*/
	#main-navigation .contact h4,
	#main-navigation .contact p {
		padding-left: 0px;
	}
	.tripadvisor .testimonials figure img {
		width: 100%;
	}
	#banner {
		position: absolute;
		top: -10000px;
		visibility: hidden;
	}
	.tripadvisor .testimonials figure {
		border: 0;
	}
	.tripadvisor .box1 {
		padding: 15px 10px 5px;
		display: none;
	}
	.gallery .inner-gallery {
		padding-top: 45px;
		padding-bottom: 30px;
	}
	#rooms .col-xs-12 > ul > li {
		margin-bottom: 15px !important;
	}
	.box2 #rooms h3 {
		padding-top: 20px;
	}
	#sub-navigation {
		display: block;
	}
	.m-cn-menu {
		display: block;
	}
	.m-cn-menu ul {
		display: none;
	}
	.menu-btn span {
		
	}
	.icon-bar {
	    background-color: #fff;
	    display: block;
	    width: 25px;
	    height: 4px;
	    border-radius: 1px;
	}
	.icon-bar+.icon-bar {
	    margin-top: 4px;
	}
	#header .location {
		left: 15px;
		/*display: none;*/
	}
	#header .m-lang-menu-2 {
		display: block;
		top: 0;
		right: 180px;
		font-size: 12px;
		text-transform: uppercase;
		font-family: 'Raleway';
		line-height: 21px;
	}
	#header .m-lang-menu-2 a {
		color: #fff;
	}
}

@media (max-width:479px) {
	#banner .slides,
	#mobile-banner .slides {
		height: 320px;
	}
}

a {
	color: #b5985a;
	text-decoration: underline;
}

.box2 {
	background: url("../img/textured-bg.gif") repeat scroll left top rgba(0, 0, 0, 0);
}

.box2 .inner {
	background: url("") no-repeat scroll center 65px rgba(0, 0, 0, 0);
	/*background: url("../img/box2-bg.png") no-repeat scroll center 65px rgba(0, 0, 0, 0); */
	padding-bottom: 68px;
}

.box2 .container {
	background: #fff;
	padding: 25px 35px;
	position: relative;
	z-index: 100;
	margin-top: -65px;
	max-width: 980px;
}

.box2 .post p {
	font-size: 15px;
	margin-bottom: 35px;
	line-height: 26px;
}

.box2 .post p:last-of-type {
	margin-bottom: 0px;
}

.box2 .post p.image-desc {
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 20px;
	font-style: italic;
}

.box2 .post p.image-text {
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 20px;
	font-style: normal;
}

.box2 .post p a {
	color: #b5985a;
	text-decoration: underline;
}

.box2 .post p .button1 {
	margin: 0;
	left: 0;
	color: #fff;
	text-decoration: none;
}

.box2 .post figure {
	margin-bottom: 35px;
	border: 1px solid #cacaca;
	padding: 10px;
}

.box2 .post ul {
	margin-bottom: 30px;
}

.box2 .post li {
	font-size: 13px;
	color: #343434;
	line-height: 16px;
	margin-bottom: 5px;
}

.box2 .post li span {
	min-height: 50px;
}

.box2 #rooms {
	padding: 0;
	background: none;
}

.box2 #rooms li {
	padding: 10px !important;
	background: #f8f6f2 !important;
	margin-bottom: 20px !important;
}

.box2 #rooms li:last-child {
	margin-bottom: 0px;
}

.box2 #rooms li img {
	max-width: 270px;
}

.box2 #rooms li figure {
	border: 0;
	padding: 0;
	margin-bottom: 0;
}

.box2 #rooms li .details {
	margin-left: 290px;
}

.box2 #rooms .links li {
	margin-bottom: 0 !important;
	padding: 0 15px 0 0 !important;
}

.box2 #rooms h2 {
	padding-top: 0;
	margin-bottom: 0;
}

.box2 #rooms h3 {
	line-height: 20px;
}

.box2 #rooms .inner {
	padding-bottom: 0;
}

.box2 h3 {
	color: #6d6d6d;
	font-size: 22px;
	font-weight: normal;
	line-height: 31px;
	margin-bottom: 30px;
}

.box2 h3 a {
	color: #b5985a;
	text-decoration: underline;
}

#slideshow {
	margin-top: 35px;
}

#slideshow .slides {
	width: 100% !important;
	position: relative;
}

#slideshow .inner-slideshow {
	position: relative;
}

#slideshow .controls {
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 1000;
}

#slideshow .controls a {
	display: block;
}

#slideshow .controls a.next-btn {
	float: right;
}

#slideshow .image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	display: block !important;
	opacity: 0;
	width: 100% !important;
}

#slideshow .image:first-child {
	opacity: 1;
}

#slideshow .image img {
	visibility: hidden;
	width: 100%;
}

#slideshow figure {
	padding: 0;
}

.box2 .amenities {
	padding: 0 10px 0 15px;
}

.box2 .amenities li {
	background: #f5f4f0;
	padding: 10px;
	color: #2d2d2d;
	font-size: 15px;
	padding-left: 20px;
	position: relative;
	border-right: 5px solid #fff;
}

.box2 .amenities li:before {
	content: " • ";
	position: absolute;
	top: 10px;
	left: 10px;
	color: #b5985a;
	font-size: 17px;
}

body.layout #banner .controls {
	bottom: 75px;
}

#banner > img {
	width: 100%;
}

@media (max-width:992px) {
	.box2 .container {
		margin-top: 0px;
	}
	.followme {
		float: left;
		position: relative;
		left: 200px;
		top: 13px;
		display: none;
	}
	.followme a i {
		display: block;
		width: 28px;
		height: 33px;
		background: url("../img/icons1.png") top center no-repeat;
	}
	.followme a i:hover {
		display: block;
		width: 28px;
		height: 33px;
		background: url("../img/icons1white.png") top center no-repeat;
	}
	.followme a i.f {
		float: left;
		background-position-x: 0px;
		background-position: 0px;
	}
	.followme a i.f:hover {
		float: left;
		background-position-x: 0px;
		background-position: 0px;
	}
	.followme a i.t {
		float: left;
		background-position-x: -36px;
		background-position: -36px;
	}
	.followme a i.t:hover {
		float: left;
		background-position-x: -36px;
		background-position: -36px;
	}
	.followme a i.ig {
		float: left;
		background-position-x: -75px;
		background-position: -75px;
	}
	.followme a i.ig:hover {
		float: left;
		background-position-x: -75px;
		background-position: -75px;
	}
	.followme a i.g {
		float: left;
		background-position-x: -110px;
		background-position: -110px;
	}
	.followme a i.g:hover {
		float: left;
		background-position-x: -110px;
		background-position: -110px;
	}
}

@media (max-width:767px) {
	.box2 #rooms li .details {
		margin-left: 100px;
	}
	.box2 .post p .button1 {
		width: 100%;
		max-width: 100%;
	}
	.box2 .inner {
		padding-bottom: 20px;
	}
	.box2 .container {
		padding: 20px;
	}
	.box2 .post p:last-of-type {
		margin-bottom: 15px;
	}
	#sub-navigation {
		background: #373737;
		border-top: 1px solid #3a3a3a;
		position: absolute;
		left: 0;
		display: none;
		top: 56px;
		width: 100%;
		padding: 15px 0;
	}
	#sub-navigation h5 {
		display: none;
	}
	#sub-navigation ul {
		margin: 0;
		float: none;
	}
	#sub-navigation ul li {
		float: none;
		text-transform: uppercase;
		margin: 0;
		border-bottom: 1px solid #2d2d2d;
		border-top: 1px solid #4e4e4e;
	}
	#sub-navigation ul li a {
		display: block;
		padding: 10px 0;
	}
	#sub-navigation ul li a:hover {
		text-decoration: none;
		color: #b5985a;
	}
	#sub-navigation ul li:first-child {
		border-top: 0;
	}
	#sub-navigation ul li:last-child {
		border-bottom: 0;
	}
}

@media (max-width:640px) {
	.box2 .amenities li {
		font-size: 13px;
		border-right: 3px solid #fff;
	}
}

@media (max-width:500px) {
	.box2 .amenities li {
		min-height: 55px;
		padding: 11px 0 0 20px;
	}
	.gallery .inner-gallery .col-xs-6 {
		padding: 0 5px;
	}
}


/*** Time Table ***/

.timetable {
	border: 1px solid #ffffff;
	box-shadow: 0 0 5px #AAA;
	width: 90%;
}

.timetable .col1 {
	width: 150px;
	text-align: right;
}

.timetable .col2 {
	text-align: center;
}

.timetable .col3 {
	width: 100px
}

.timetable tbody tr {
	background: #fbfbfb;
	padding: 5px;
}

.timetable tbody tr.alt {
	background: #eaeaea;
}

.timetable tbody td {
	padding: 5px 0 0 10px;
	vertical-align: middle;
}

.timetable tbody .title {
	font-weight: bold;
}

.timetable p {
	font-size: 13px;
	margin-bottom: 5px;
}

.timetable img {
	display: inline-table;
}


/*** Transportation ***/

.transportation .col3 {
	width: 200px;
}


/*** Pictures ***/

.gallery li {
	display: inline-block;
	width: 170px;
	text-align: center;
	font-size: 14px;
	margin: 0 5px 10px 0;
	vertical-align: top;
	padding-left: 20px;
	padding-top: 15px;
}

.gallery p.title {
	padding-top: 11px;
	font-size: 12px;
	line-height: 17px;
}

.pictures li .pictures-gallery {
	position: relative;
	border: 1px solid white;
	box-shadow: 0 0 5px #AAA;
	width: 159px;
	height: 123px;
	margin-bottom: 10px;
}

.pictures li {
	margin-right: 60px;
}

.pictures li .pictures-gallery img {
	position: absolute;
}


/*** video ***/

.video a {
	position: relative;
}

.video span.play {
	background: url("../img/play.png") center center no-repeat;
	position: absolute;
	width: 35px;
	height: 26px;
	bottom: 38px;
	left: 60px;
}

.gallery-desc {
	padding-top: 15px;
	padding-bottom: 10px;
}

.box2 .post .policy {
	margin-bottom: 45px;
}

.box2 .post .policy li {
	font-size: 15px;
	line-height: 16px;
	color: #6d6d6d;
	margin-bottom: 10px;
}

#galleryModal.modal {
	bottom: 0;
	display: none;
	left: 0;
	outline: 0 none;
	overflow-x: auto;
	overflow-y: scroll;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1050;
}

#gallery-stage {
	position: relative;
}

.galleryModal .carousel-control img {
	margin-top: -15px;
	position: absolute;
	top: 50%;
	opacity: .5;
}

.galleryModal .modal-header {
	border: 0;
	min-height: inherit;
	padding: 0;
}

.galleryModal .modal-header .close {
	color: #fff;
	font-size: 15px;
	height: 20px;
	opacity: 1;
	position: absolute;
	right: 35px;
	top: 35px;
	width: 10px;
	z-index: 10000;
}

.gallery-thumbs-carousel {
	position: absolute;
	bottom: 10px;
	left: 0px;
	height: 143px;
	overflow: hidden;
	width: 100%;
	background: #161616;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 5px;
	cursor: default;
}

.gallery-thumbs-carousel:hover {
	opacity: .9;
	filter: alpha(opacity=9);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.gallery-thumbs-carousel li img {
	width: 100%;
}

.galleryModal .modal-dialog {
	width: 1100px;
}

.gallery-thumbs-carousel li {
	float: left;
	margin-right: 5px;
	width: 200px;
	height: 135px;
}

.gallery-thumbs-carousel .thumbs-left {
	position: absolute;
	left: 5px;
	top: 50%;
	cursor: pointer;
	margin-top: -15px;
}

.gallery-thumbs-carousel .thumbs-right {
	position: absolute;
	right: 5px;
	top: 50%;
	cursor: pointer;
	margin-top: -15px;
}

@media (max-width:1400px) {
	.galleryModal .modal-dialog {
		width: 1092px;
	}
}

@media (max-width:1200px) {
	.galleryModal .modal-dialog {
		width: 900px;
	}
}

@media (max-width:992px) {
	.galleryModal .modal-dialog {
		width: 600px;
	}
}

@media (max-width:640px) {
	.galleryModal .modal-dialog {
		width: auto;
	}
}

.picturesModel .item img {
	width: 100%;
}

.gallery-title {
	margin-top: 7px !important;
}

.inner-gallery .breadcrumb li {
	font-size: 13px;
	color: #343434;
	padding: 0px;
	margin: 0px;
	line-height: 16px;
	margin-bottom: 5px;
	width: auto;
}

.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.force-no-bg {
	background: none !important;
}

#banner .slides .slide img {
	min-height: 480px !important;
}

#banner .slides .slide img {
	min-height: 530px !important;
}

a.banner-menu {
	color: #fff !important;
	display: inline-block;
	font-family: "Raleway";
	font-size: 21px;
	text-align: center;
	background: url("../img/location-pin.png") left 3px no-repeat;
	padding-left: 25px;
}

#banner h1 .container .col-sm-4,
#banner .slide-text-block .container .col-sm-4 {
	padding-left: 0;
	border-right: 1px solid #99834f;
}

#banner h1 .container .col-sm-4:last-child,
#banner .slide-text-block .container .col-sm-4:last-child {
	border: 0;
}

a.banner-menu small {
	display: block;
	margin-top: 5px;
	color: #b5985a;
	font-size: 14px;
	font-family: "Open Sans";
	text-align: left;
}

.gallery .inner-gallery h2 a {
	color: #414141;
	font-size: 22px;
}

.gallery .inner-gallery p {
	color: #b5985a;
	font-size: 16px;
}

.gallery .inner-gallery p:after {
	/*content: '';
	display: inline-block;
	background: url(../img/arrow1.png) left top no-repeat;
	width: 5px;
	height: 9px;
	margin-left: 7px;
	vertical-align: baseline;*/
}
a.find-out,
a.find-out:hover,
a.find-out:focus {
    font-size: 13px;
    text-decoration: underline;
    margin-left: 30px;
    color: #b5985a;
}


@media (max-width:1800px) {
	/*	#banner h1,
	#banner .slide-text-block,
	#banner .banner-title {
		font-size: 47px;
		line-height: 47px;
		font-family: "Raleway";
	}*/
	#banner .controls {
		bottom: 75px;
	}
}

@media (max-width:1400px) {
	a.banner-menu {
		font-size: 16px;
	}
	a.banner-menu small {
		font-size: 12px;
		margin-top: 3px;
	}
}

@media (max-width:1200px) {
	#banner .description {
		margin-bottom: -145px;
	}
	#banner h1 div.capture_text,
	#banner .slide-text-block div.capture_text {
		padding: 10px 15px;
	}
	a.banner-menu {
		margin-bottom: 10px;
	}
	#banner h1 div.capture_text,
	#banner .slide-text-block div.capture_text {
		font-size: 38px;
	}
	.gallery .inner-gallery h2 a {
		color: #414141;
		font-size: 19px;
	}
	#banner h1 div.capture_text div.container,
	#banner .slide-text-block div.capture_text div.container {
		width: 100%;
	}
}

@media (max-width:992px) {
	.gallery .inner-gallery h2 a {
		color: #414141;
		font-size: 22px;
	}
	.gallery .inner-gallery p {
		color: #b5985a;
		font-size: 15px;
    	margin-bottom: 15px;
	}
	#banner h1 div.capture_text,
	#banner .slide-text-block div.capture_text {
		font-size: 32px;
	}
	#banner .description {
		margin-bottom: -130px;
	}
}

#home-header {
	/*	background: url("../img/MaliResort_KohLipe_S2-3.jpg") top center no-repeat;*/
	background: url("../img/mali_mobile_new.jpg") ;
	background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0px 10px 0;
    position: relative;
    background-position: center 0;
    background-color: transparent;
}

.m-home-header-top {
	background: url(../img/m-home-header-top.png) center bottom repeat-x;
	width: 100%;
	height: 45%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.m-home-header-bottom {
	background: url(../img/m-home-header-bottom.png) center top repeat-x;
	width: 100%;
	height: 18%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: none;
}

#home-header .logo {
	margin-bottom: 150px;
	position: relative;
	z-index: 100;
}

#home-header .logo img{
	    max-width: 80%;
    height: auto !important;
    vertical-align: bottom;
}

#home-header ul {
	position: relative;
	z-index: 100;
	text-align: center;
}

#home-header ul li {
	font-family: Raleway;
	font-weight: normal;
	text-align: center;
	margin-bottom: 25px;
	border-bottom: 1px solid #97804e;
	padding-bottom: 10px;
	display: inline-block;
}

#home-header ul li:last-child {
	border: 0;
}

#home-header ul li a.banner-menu {
	background: url("../img/location-pin.png") left -1px no-repeat;
	font-size: 6vw;
	padding-top: 6px;
}

#home-header ul li a.banner-menu small {
	margin-top: 15px;
	font-size: 14px;
}

#home-header .select-location {
	background: url("../img/down-arrow.png") bottom center no-repeat;
	display: block;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 35px;
	/*color:#8b8885; */
	color: #b5985a;
	text-transform: uppercase;
	position: relative;
	z-index: 100;
	font-size: 14px;
}