@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap');
/********************************************************************************/
/************************************* Reset Styles ********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
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;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,div{
	vertical-align:top;
}
*{
	outline:none;
}
li,ol{
	list-style-type:none;
	list-style-image:none;
	list-style:none;
}
img{
	border:0px;
}
textarea {
    resize: none;
}
input:focus,select:focus,textarea:focus,button:focus {
    outline: none;
}
a{
	text-decoration:none;
	}
input, textarea, select, body{
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	}
/************************************* Reset End Styles ********************************/
.mainBannerHolder {height: 100vh; background-repeat: no-repeat;	background-size: cover;	background-position: center center; position: relative; display:flex; align-items:center; justify-content:center;}
.mainBannerContentHolder{display:block; text-align: center; margin:0 auto; max-width:730px; }
.safeArea{margin:0 auto; max-width:76%;}
.mainBannerTitle{color:#ffffff; font-size:50px; font-weight:500; display:none;}
.mainBannerTitle span {font-style: italic; font-weight: 700;}
.mainBannerDesc{color:#ffffff; font-size:20px; font-weight:300;}
.logoHolder{position:absolute; left:46%; display: block; width:102px; height:127px; z-index:999; display:none;}
.logoHolder img{display:block; max-width:100%;}
.scrollDown {position: fixed; z-index: 100; top: 34%; opacity: 1; transform: rotate(-90deg); text-orientation: mixed; margin-left: 0; color: #000; font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight:300;}
.fp-viewing-0 .right#fp-nav ul li a span{border-color:#fff;}
.fp-viewing-0 .right#fp-nav ul li a.active span{background-color: #fff;}
.fp-viewing-0 #fp-nav ul li a::after{background:#fff;}
.fp-viewing-0 .scrollDown{color:#fff;}
.whiteBody{background:#ffffff; display: block; width:100%; padding: 30px 0;}
.whiteBody h1 span{color:#427485; font-size:22px; font-weight:700; font-family: 'Montserrat', sans-serif; position: relative; margin-bottom: 35px; display: block;}
.whiteBody h1 span:after{position: absolute; background:#000000; height:2px; width:100%; display: block; left:0; right:0; bottom:-10px; content:'';}
.whiteBody h2{color:#000000; font-size:20px; font-weight:700; font-family: 'Cairo', sans-serif; margin-bottom:30px; display: block; margin-top:7px;}
.leftBlock{float:right; width:45%; margin-left:10%;}
.rightBlock{float:right; width:45%;}
.menuList ul li{display:block; margin-bottom:15px; color:#000000; font-family: 'Montserrat', sans-serif;}
.clearBoth{clear: both;}
.slidingMenu{position:relative;}
.itemDetails, .itemPrice{display:inline-block; vertical-align: middle;}
.itemDetails{text-align:right; width:50%;}
.itemDetails .title{font-weight:600; font-family: 'Cairo', sans-serif; color:#000000; font-size:16px; margin-bottom:5px;}
.itemDetails .description{font-weight:300; font-family: 'Montserrat', sans-serif; color:#000000; font-size:12px;}
.itemPrice{color:#427485; font-weight:700; font-family: 'Montserrat', 'Cairo', sans-serif; font-size:12px; text-align: right; width:19%;}
.fp-slides{margin-bottom:60px;}
.fp-controlArrow{top:inherit; bottom:-50px;}
.fp-controlArrow.fp-prev {left: -27px; right:inherit;}
.fp-controlArrow.fp-next {left: -88px; right:inherit;}
.contactText{max-width:37%; margin-right:2%; float: left; font-family: 'Montserrat', sans-serif; font-weight:300; font-size:14px;}
.mapHolder{float:right; width:60%; margin-top:20px;}
.mapHolder img{max-width:100%;}
strong{font-weight:700;}
.margText{margin-bottom:40px; display: block;}
.margText > a {color: #000000; text-decoration: none; display: block; margin-bottom: 30px;}
.margText ul, .feedsList{display:block; margin-top:20px;}
.margText ul li{list-style:none; display:inline-block; margin:0 10px 0 0;}
.margText ul li a{display:block; width:30px; height:30px; background-size:100%; background-repeat: no-repeat; border-radius:50%; border:1px solid #000;}
.margText ul li a.facebook{background-image:url(../images/fb-icon.svg);}
.margText ul li a.instagram{background-image:url(../images/insta-icon.svg);}
.feedsList li{display:inline-block; width:21%; margin-right:4%;}
.feedsList li:last-child{margin-right:0;}
.feedsList li a, .feedsList li a img{display: block; width:100%;}
.feedsList li:hover{opacity:0.6;}
h1.instaFeedTitle{display: block; margin-bottom: 50px;}
.feedsList{margin-bottom:50px;}
.readMore {text-align: left; display:block;}
.readMore a {border: 1px solid #000; padding: 15px 40px; font-size: 12px; font-weight:300; font-family: 'Montserrat', sans-serif; display: inline-block;	color: #000; text-decoration: none; background: #fff;	transition: all linear 200ms; -moz-transition: all linear 200ms; -webkit-transition: all linear 200ms; -ms-transition: all linear 200ms; margin-bottom:30px;}
.readMore a:hover {background: #000; color: #fff;}

.mapboxgl-map {height: 380px; width: 100%;}
#fp-nav ul li a.active + .fp-tooltip{opacity:1; width:auto;}
#fp-nav ul li .fp-tooltip.right {left: 20px; color: #000; right:inherit;}
.fp-viewing-0 .fp-tooltip{color:#fff !important;}

.menu .mainBannerHolder {direction: rtl;text-align: right;}
.slidingMenu .fullBlock {width: 45%;}
.gallery-thumbs{margin-bottom:20px;}
.whiteBody .slidingMenu h2{display:none;}
.gallery-thumbs .swiper-slide {font-family: 'Cairo', sans-serif;	font-size: 20px; font-weight:400; cursor:pointer;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{font-weight:700; color:#427485;}
.menu .whiteBody h1 span {text-align:center;}
.gallery-top .swiper-slide {
    max-height: 65vh;
    overflow-y: scroll;
}