body {font-family: 'Merriweather', serif; /* font-family: 'Lato', sans-serif;*/line-height: 190%}

.row {margin-left:0!important; margin-right:0!important;}

hr {background-color: #b5975b; color: #b5975b; margin-top:40px; margin-bottom: 60px; display:block;}

h1 {color: #b5975b; font-size:36px;}
h2 {color: #b5975b; padding-bottom:20px; font-size: 24px;}
h3 {color: #b5975b;line-height: 160%}
.no-gutter {padding-left:0 !important; padding-right:0 !important;}
.bottom-padding { padding-bottom: 75px; }
.margin-bottom-20 { margin-bottom: 20px; }

.gold {color:#b5975b;}

.bold {font-weight:bold;}

.arabic {display:none!important;}
/* Custom Styles */

.site_area {padding-left:0;padding-right:0;}
.floating_links_english {position: fixed; top:0; right:20px; background-color:#000000; color:#fff; padding:5px 10px; border-left:2px solid #b5975b;border-right:2px solid #b5975b;border-bottom:2px solid #b5975b; z-index:100; }
.floating_links_arabic {display:none;}
.flag a {color:#fff; font-size:16px; }
.contacts a {color:#fff; font-size:12px;}
.flag { float:right;padding:0 20px;}
.contacts { float:left;padding:0 20px;}

.min-bg {background-color:#000000; height: 100vh; border-right: 3px solid #b5975b; position:fixed;top:0; z-index:99; padding: 5px; text-align:center;}
.menu-bg {height: 100vh; border-right: 3px solid #b5975b; position:fixed; top:0; text-align:center; color:#b5975b; display:none; background-color:rgba(0,0,0,0.8); padding-top:40px;}

.menu-switch {top:50%;position:relative; text-align:center; }
.menu-img {width:24px; max-width: 100%;}
.menu-img-xs {width:24px; max-width: 100%; padding-top: 50px;}
.menu-close {display:block; position: fixed; top:50%; right:10px; max-width: 100%; margin-top:-9px;}
.menu-close-xs {float: right;max-width: 100%; padding:10px 10px 0 0;}

.main-navigation {overflow-y: auto;height:calc(100vh - 120px);} /* 100% vh - [upto 768 minus contact us language bar(39) plus social(15) ] [over 768 minus logo(109) plus margin(70) plus social(15) plus margin(70) plus a scrollbar(20)] ffff*/
ul.nav-tabs {margin-top: 40px; text-align: left; border: none;}
ul.nav-tabs li {margin: 0;list-style: none!important;}
ul.nav-tabs li a {margin: 0; padding: 3px 0; text-transform: uppercase; font-size:13px;}
/*ul.nav-tabs li.menu-item-265 a {padding:30px 0;}*/
ul.nav-tabs li.current_page_item a, ul.nav-tabs li.current_page_item a:hover, ul.nav-tabs li a:hover  {color: #f9cc71; background-color: transparent; border: none;}
ul.nav-tabs>li>a{color: #b5975b; background-color: #000!important; border: none;}
ul.nav-tabs.affix {top: 30px; /* Set the top position of pinned element */ }

.wm-sub-menu {position:relative; top:0; left: 0; height: auto; background: #b5975b; color:#fff; padding:20px; min-width: 250px; margin: 0; font-size: 14px; text-align: left; list-style: none; }
.wm-sub-menu a { color:#fff; display: block; text-decoration:none;}
.sub-menu {padding:0;}
.sub-menu-close {display:block; position: absolute; top:50%; right:10px; max-width: 100%; margin-top:-9px;}
 
.n-logo {max-width: 100%; margin-top:30px;}
.full-logo {text-align: center; margin-top:30px; max-width: 100%;}

.next-prev {width:50px; margin: 0 auto;display:block;}

.social-media-menu {margin-top:50px;}
.social-media-centre { text-align: center;}
.social-images-menu {height:15px; padding-right:8px; text-align:left; max-width: 100%; float:left;}
.social-images-centre { padding: 0 5px; height:15px; max-width: 100%}
.fb-slider {float:left; padding: 0 10px 0 0;} 
.tw-slider {float:left; padding: 6px 10px 0 0;}
.gp-slider {float:left; padding: 4px 10px 0 0;}
    
.tint:before {content: ""; display: block;	position: absolute;	top: 0;	bottom: 0;	left: 0;	right: 0;	background: rgba(0,0,0, 0.5);	-moz-transition: background .3s linear;	-webkit-transition: background .3s linear;	-o-transition: background .3s linear;	transition: background .3s linear;}
.banner {max-width:100%; padding:0;}
.top-slider {position:relative; }
.banner-body {position: absolute; top:0; left:0; z-index: 1; width:100%; height:100%;}
.banner-content img {display:block;  text-align:center; width:30%; margin:180px auto 30px;  margin:14vw auto 4vw;}
.banner-content span {display:block; text-align:center; color: #fff; font-size:16px; font-size: 3vw; line-height:125%;}
.banner-video { margin: 60px auto; margin: 6vw auto; width:60%;}
.bx-viewport {border:none !important; left: 0 !important;}
.embed-responsive {margin-bottom:20px;}
.bx-has-pager {position: absolute; bottom: 10%; bottom: 10vw; width:100%}
.bx-wrapper .bx-pager.bx-default-pager a {height:5px !important; width: 5px !important;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background-color: #fff !important;}
.bx-wrapper .bx-viewport {box-shadow: 0 0 0 #fff !important;}
.blog .bx-viewport {height:500px !important;}
.bx-controls {padding:20px;}

/* DIRECTION CONTROLS (NEXT / PREV) removed from bxslider css file */
.bx-wrapper .bx-prev { background:url(/wp-content/common/images/controls_prev.png) no-repeat;  background-size:80%; margin-right:-40px;}
.bx-wrapper .bx-next { right: 0; background:url(/wp-content/common/images/controls_next.png) no-repeat; background-size:80%; }
.bx-wrapper .bx-controls-direction a { position: absolute; outline: 0; width: 35px; height: 35px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

select[name=blog] {width:100%;}

.map_canvas {width:100%; max-width:100%; height:357px;clear:both;float:left;margin:0;overflow:visible;}

.full-width-image {max-width:100%; padding:0 0 70px 0; width:100%;}
.porthole {max-width:100%; width: 180px;border-radius: 50%;}
/* Spinner sizes

1.5	1.351.2 1
261	235	209	174
296	266	237	197
241	217	193	161
45	41	36	30
10	9	8	7
60	54	48	40

*/
.spinner { margin:20px auto; background: url(/wp-content/common/images/ring_gold2.png); background-size:200px 200px; width: 200px; height: 200px; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; -o-perspective: 600px; perspective: 600px; }
.card { width: 180px; position: absolute; top:10px; left:10px; line-height: 180px; text-align: center; height: 180px; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;}
.card span {display: inline-block; vertical-align: middle; line-height: normal; color:#fff; }
.front span { font-size:18px;}
.back span { font-size:40px;}
.card figure {border-radius: 50%; display: block; height: 100%; width: 100%; background-size: 180px;  position: absolute;  margin:0px;-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } 
.card .back { background-color: #b5975b; -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); }
.card.flipped { -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); }
.gold_bg  img{background-color:rgba(181,151,91,0.9);}
.voucher {margin-top: 20px; max-width:100%}
.treatment-offer {font-size:16px; line-height:120%}
.organisation-small{width: 150px; display: block; margin:0 auto;}
.organisation-large {width:250px; padding-bottom:20px; display: block; margin:0 auto;}

.contact-us label, .contact-us input {  text-align: left !important;}
.contact-us .button {width: 100%; background-color: #b5975b; color: #fff; margin: 40px 0; border-radius: 5px; border:1px solid #b5975b; padding:10px 0;}
.form-group {margin-left: 0 !important; margin-right: 0 !important;}

.credits {text-align:right; font-size:11px; padding: 20px 0;}
.blog-slider {overflow-y: auto; height:500px; position: static !important;}
.blog-sliderv p {position:relative!important;}

.testimonials li {color:#b5975b; font-size:18px;}
.testimonials li:hover {cursor:pointer;}

.media-image {padding:20px 0;}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Mobiles (767px and down) */
@media (max-width: 767px) { 
.only-xs {display: inline !important;}
.not-xs {display: none !important;}
.floating_links_english {width:100%; border-left:none!important; border-right:none!important; }
.site_area {margin-top:38px;}
.min-bg {top:38px;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.only-xs {display: none !important;}
.not-xs {display: inline !important;}

h1 { font-size:42px;}
.menu-bg { background-color:#000000; padding:0 40px; border-right: 3px solid #b5975b;}
.menu-switch { margin:-58px 0 0 0; }
.main-navigation {height:calc(100vh - 264px);} /* 100% vh - logo(109) plus margin(70) plus social(15) plus margin(70)  ffff*/

.wm-sub-menu {position:fixed; left: 100%; height: 100vh; background: #b5975b; background-image: url(/wp-content/common/images/sub-menu.jpg); background-repeat: no-repeat; background-size: 100% auto; padding:220px 40px 20px;}
.banner-content span { font-size: 2vw;}
.bx-wrapper .bx-prev {  background-size:100%; margin-right:-120px; right: 0; }
.bx-wrapper .bx-next {  background-size:100%;margin-right:-200px;}
.bx-wrapper .bx-controls-direction a { width: 48px; height: 48px; top: 30%;}
.bx-controls {padding:0;}

.organisation-large  {margin: 0;}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.menu-bg {background-color:#000000; padding:0 40px; border-right: 3px solid #b5975b;}
.menu-switch {position:fixed; margin:-17px 0 0 8.33333%; }
.wm-sub-menu {}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
.menu-bg {max-width:450px;}
.limited-width {max-width:1200px;}

}