/* ==========================================================================Global Settings========================================================================== */
body.rtl , body.rtl *, ::after, ::before { letter-spacing:0 !important; } 
.for-english { display:none; } 
.for-arabic { display:inline-block; } 
@font-face { 
 font-family: 'Domaine Display'; 
 src: url('../fonts/PalatinoLTArabic.eot'); 
 src: url('../fonts/PalatinoLTArabic.eot?#iefix') format('embedded-opentype'),
 url('../fonts/PalatinoLTArabic.woff2') format('woff2'),
 url('../fonts/PalatinoLTArabic.woff') format('woff'),
 url('../fonts/PalatinoLTArabic.ttf') format('truetype'),
 url('../fonts/PalatinoLTArabic.svg#PalatinoLTArabic') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
 font-display: swap; 
 } 

@font-face { 
 font-family: 'GraphikEn'; 
 src: url('../fonts/Graphik-Regular.eot'); 
 src: url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
 url('../fonts/Graphik-Regular.woff2') format('woff2'),
 url('../fonts/Graphik-Regular.woff') format('woff'),
 url('../fonts/Graphik-Regular.ttf') format('truetype'),
 url('../fonts/Graphik-Regular.svg#Graphik-Regular') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
 font-display: swap; 
 } 

@font-face { 
 font-family: 'Graphik'; 
 src: url('../fonts/GraphikArabic-Regular.eot'); 
 src: url('../fonts/GraphikArabic-Regular.eot?#iefix') format('embedded-opentype'),
 url('../fonts/GraphikArabic-Regular.woff2') format('woff2'),
 url('../fonts/GraphikArabic-Regular.woff') format('woff'),
 url('../fonts/GraphikArabic-Regular.ttf') format('truetype'),
 url('../fonts/GraphikArabic-Regular.svg#GraphikArabic-Regular') format('svg'); 
 font-weight: normal; 
 font-style: normal; 
 font-display: swap; 
 } 

@font-face { 
 font-family: 'Graphik'; 
 src: url('../fonts/GraphikArabic-Medium.eot'); 
 src: url('../fonts/GraphikArabic-Medium.eot?#iefix') format('embedded-opentype'),
 url('../fonts/GraphikArabic-Medium.woff2') format('woff2'),
 url('../fonts/GraphikArabic-Medium.woff') format('woff'),
 url('../fonts/GraphikArabic-Medium.ttf') format('truetype'),
 url('../fonts/GraphikArabic-Medium.svg#GraphikArabic-Medium') format('svg'); 
 font-weight: 500; 
 font-style: normal; 
 font-display: swap; 
 } 

/** Remove text-shadow in selection highlight.*/

::-moz-selection { 
 background: #b3d4fc; 
 text-shadow: none; 
 } 

::selection { 
 background: #b3d4fc; 
 text-shadow: none; 
 } 


/** Body settings, change it as required*/

body { 
 font-size: 16px; 
 line-height: 1.2; 
 color: #444444; 
 background: #FCFBFA; 
 font-family: 'Graphik', sans-serif; 
 text-rendering: optimizeLegibility; 
 } 

h1,
h2,
h3,
h4,
h5,
h6,
p { 
 margin-top: 0px; 
 } 

button { 
 background: transparent; 
 padding: 0px; 
 border: 0px; 
 } 

figure { 
 margin-bottom: 0px; 
 } 


/** Links*/

a,
a:hover { 
 text-decoration: none; 
 -webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 


/** A better looking default horizontal rule*/

hr { 
 display: block; 
 height: 1px; 
 border: 0; 
 border-top: 1px solid #ccc; 
 margin: 1em 0; 
 padding: 0; 
 } 


/** Remove the gap between images and the bottom of their containers.*/

img { 
 vertical-align: middle; 
 max-width: 100%; 
 height: auto; 
 -ms-interpolation-mode: bicubic; 
 } 


/** Allow only vertical resizing of textareas.*/

textarea { 
 resize: none; 
 } 


/** Other*/

*:focus { 
 outline: none !important; 
 } 


/* ==========================================================================Helper classes========================================================================== */

img.alignleft { 
 float: right; 
 margin: 0 0 10px 10px; 
 display: block; 
 } 

img.alignright { 
 float: left; 
 margin: 0 10px 10px 0px; 
 display: block; 
 } 

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

.hidden { 
 display: none !important; 
 visibility: hidden; 
 } 

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

.bg-black { 
 background: #000000 !important; 
 } 

.bg-color1 { 
 background: #F5F5F5 !important; 
 } 

.bg-color2 { 
 background: #F8F8F8 !important; 
 } 

.text-color1 { 
 color: #303030 !important; 
 } 

.fw-medium { 
 font-weight: 500; 
 } 


/** Other*/
.relative { 
 position: relative; 
 } 

.date { 
 color: #303030; 
 font-size: 14px; 
 line-height: 1.3; 
 } 

.date1 { 
 color: #303030; 
 font-size: 22px; 
 line-height: 1.1; 
 } 

/* link1 */
.link1 { 
 font-size: 16px; 
 font-weight: 600; 
 color: #DFC89C; 
 text-transform: uppercase; 
 letter-spacing: 0.3em; 
 text-decoration: underline; 
 display: inline-block; 
 } 

.link1 .icon-rounded { 
 width: 24px; 
 height: 24px; 
 text-align: center; 
 line-height: 14px; 
 border-radius: 100px; 
 border: 1px solid currentColor; 
 display: inline-block; 
 -ms-flex-negative: 0; 
 flex-shrink: 0; 
 } 

@media(max-width: 767px) { 
 .link1 { 
 font-size: 14px; 
 } 
 } 

.object-cover { 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 

.play-btn { 
 background: transparent; 
 border: 0px; 
 padding: 0px; 
 font-size: 65px; 
 z-index: 11; 
 color: #ffffff; 
 } 

.play-btn.absolute-center { 
 position: absolute; 
 right: 50%; 
 top: 50%; 
 -webkit-transform: translate(50%, -50%); 
 -ms-transform: translate(50%, -50%); 
 transform: translate(50%, -50%); 
 } 

@media(max-width: 991px) { 
 .play-btn { 
 font-size: 50px; 
 } 
 } 

.row2 { 
 margin-right: -15px; 
 margin-left: -15px; 
 } 

.row2>[class*="col"] { 
 padding: 0px 15px; 
 } 

.max-w-auto { 
 max-width: initial !important; 
 } 

/* ==========================================================================
Layout
========================================================================== */
/*
*container
*/
#container { 
 min-width: 320px; 
 position: relative; 
 /* overflow-x: hidden; */
 min-height: 100vh; 
 } 

.home #container { 
 overflow-x: hidden; 
 } 

@media (min-width: 1199px) { 
 .container { 
 max-width: 960px; 
 } 
 } 

@media (min-width: 1300px) { 
 .container { 
 max-width: 1140px; 
 } 
 } 

@media (min-width: 1550px) { 
 .container { 
 max-width: 1360px; 
 } 
 } 
@media (min-width: 1300px) { 
 .container-md { 
 max-width: 1360px; 
 } 
 } 

@media(min-width: 1700px) { 
 .container { 
 max-width: 1633px; 
 } 
 } 

@media (max-width: 991px) { 
 .container { 
 padding-right: 20px; 
 padding-left: 20px; 
 } 
 } 

/*
*header
*/
#header, #header2 { 
 background: #fff; 
 padding: 22px 0px; 
position:fixed; 
top:0; 
right:0; 
z-index:1000000; 
width:100%; 
 } 

#header .open-menu-btn { 
 position: absolute; 
 top: 50%; 
 -webkit-transform: translateY(-50%); 
 -ms-transform: translateY(-50%); 
 transform: translateY(-50%); 
 left: 12px; 
 color: #303030; 
 font-size: 20px; 
 } 

@media (max-width: 991px) { 
 #header { 
 padding: 20px 0; 
 } 
 } 

@media (max-width: 767px) { 
 #header .logo { 
 position: relative; 
 } 

 #header .logo img { 
 max-height: 50px; 
 } 
 } 

/*
*main-navigation
*/
#main-navigation { 
 position: relative; 
 z-index: 100; 
 } 

#main-navigation ul { 
 padding: 0px; 
 list-style-type: none; 
 margin: 0px; 
 } 

#main-navigation .menu { 
 text-align: left; 
 text-transform: uppercase; 
 } 

#main-navigation .menu>li { 
 font-size: 18px; 
 color: #303030; 
 display: inline-block; 
 margin-left: 33px; 
 position: relative; 
 } 

#main-navigation .menu>li:last-child { 
 margin-left: 130px; 
 } 

#main-navigation .menu a { 
 color: inherit; 
 } 

#main-navigation .menu .current-menu-item>a:before { 
 opacity: 1; 
 } 

#main-navigation .menu>li>a { 
 padding-top: 20px; 
 padding-bottom: 20px; 
 font-family: 'Domaine Display', sans-serif; 
 font-size: 22px; 
 font-weight: 400; 
 display: block; 
 } 

#main-navigation .menu>li>a:before { 
 position: absolute; 
 content: ''; 
 width: 0%; 
 bottom: 12px; 
 right: 0; 
 height: 3px; 
 background:#DFC89C; 
-webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 
#main-navigation .menu>li:hover>a:before { 
 width: 100%; 
-webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 
#main-navigation .menu .child { 
 position: absolute; 
 width: 100%; 
 padding: 20px 0px; 
 right: 0px; 
 background: #fff; 
 text-align: right; 
 border-top: 0; 
min-width:150px; 
 } 

#main-navigation .menu .child li { 
 color: #303030; 
 font-size: 19px; 
 font-family: 'Domaine Display', sans-serif; 
 font-weight: 400; 
 line-height: 1; 
 } 

#main-navigation .menu .child li a { 
 display: block; 
 padding: 12px 24px; 
 } 

#main-navigation .menu .child li a:hover { 
 text-shadow:0px 0px 1px #303030; 
 } 

#main-navigation .menu .child li:last-child { 
 margin-bottom: 0px; 
 } 

#main-navigation .menu .menu-item-has-children>a:after { 
 font-family: 'FontAwesome'; 
 content: "\f107"; 
 color: #303030; 
 font-weight: 900; 
 display: inline-block; 
 vertical-align: middle; 
 margin-right: 9px; 
 left: 5px; 
 font-size: 19px; 
 top: 50%; 
 margin-top: -6px; 
 transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 

@media (max-width: 1620px) { 
 #main-navigation .menu>li { 
 margin-left: 20px; 
 } 

 #main-navigation .menu>li>a , .lang li a { 
 font-size: 16px; 
 } 

 #main-navigation .menu .child li a { 
 font-size: 20px; 
 padding: 12px 18px; 
 } 
#main-navigation .menu>li:last-child { 
 margin-left: 90px; 
 } 
 #main-navigation .menu .child { 
 min-width: 190px; 
 } 
 } 

@media (max-width: 991px) { 
 #main-navigation .menu>li { 
 margin-left: 20px; 
 } 

 #main-navigation .menu>li>a { 
 font-size: 13px; 
 padding: 14px 0; 
 } 

 #main-navigation .menu .child li a { 
 font-size: 14px; 
 padding: 12px 18px; 
 } 

 #main-navigation .menu .child { 
 padding: 12px 0px; 
 } 
 } 

@media (min-width: 992px) { 
 #main-navigation .menu>li>a:hover:before { 
 opacity: 1; 
 } 

 #main-navigation .menu .menu-item-has-children .child { 
 opacity: 0; 
 visibility: hidden; 
 transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 top: calc(100% - 3px); 
 } 

 #main-navigation .menu .menu-item-has-children:hover .child { 
 opacity: 1; 
 visibility: visible; 
 } 

 } 

@media (max-width: 991px) { 
 .open-menu { 
 overflow: hidden; 
 } 

 .open-menu #main-navigation { 
 right: 0px; 
 } 

 #main-navigation { 
 position: fixed; 
 width: 100%; 
 height: 100vh; 
 top: 0px; 
 right: 100%; 
 background: #fff; 
 z-index: 1000; 
 padding: 58px 20px; 
 -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 

 #main-navigation .scrollable-content { 
 height: 100%; 
 overflow-x: auto; 
 -webkit-overflow-scrolling: touch; 
 display: block; 
 } 

 #main-navigation .close-menu-btn { 
 font-size: 20px; 
 position: absolute; 
 left: 15px; 
 top: 24px; 
 color: #303030; 
 } 

 #main-navigation .menu { 
 margin-bottom: 20px; 
 text-align: right; 
 } 

 #main-navigation .menu>li { 
 display: block; 
 margin-left: 0px; 
 margin-bottom: 1px; 
 } 

 #main-navigation .menu>li>a { 
 padding: 13px 5px; 
 display: block; 
 } 

 #main-navigation .menu .menu-item-has-children>a { 
 padding-left: 20px; 
 position: relative; 
 } 

 #main-navigation .menu .open>a { 
 color: #DFC89C; 
 } 

 #main-navigation .menu .menu-item-has-children>a:after { 
 position: absolute; 
 } 

 #main-navigation .menu .open>a:after { 
 -webkit-transform: rotate(180deg); 
 -ms-transform: rotate(180deg); 
 transform: rotate(180deg); 
 } 

 #main-navigation .menu .child { 
 position: static; 
 min-width: auto; 
 right: 0px; 
 background: transparent; 
 display: none; 
 padding-top: 4px; 
 padding-bottom: 4px; 
 } 
 } 

/*
*banner
*/
#banner { 
 position: relative; 
 } 

#banner .description { 
 position: absolute; 
 width: 100%; 
 top: 50%; 
 -webkit-transform: translateY(-50%); 
 -ms-transform: translateY(-50%); 
 transform: translateY(-50%); 
 right: 0; 
 z-index: 10; 
 } 

#banner .description .display-1 { 
 color: #fff; 
 margin-bottom: 40px; 
 } 

#banner .figure1 { 
 position: relative; 
 } 

#banner .figure1:after { 
 position: absolute; 
 content: ''; 
 width: 100%; 
 height: 100%; 
 top: 0; 
 right: 0; 
 background: rgba(0, 0, 0, .2); 
 } 

#banner .figure1 img.w-100 { 
 max-height: 80vh; 
 min-height: 500px; 
 object-fit: cover; 
 } 

#banner .video video { 
 min-height: 500px; 
 max-height: 80vh; 
 width: 100%; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 

#banner .description .container { 
 position: relative; 
 } 

#banner .description .container .absolute-logo { 
 position: absolute; 
 left: 0; 
 bottom: 0px; 
 z-index: 100; 
 } 
 #banner .description .container .absolute-logo .btn { transform: scale(1.2); } 
#banner .description .container .absolute-logo img { 
 max-height: 100px; 
 } 

@media (max-width: 1199px) { 
 #banner .description .container .absolute-logo { 
 bottom: -30px; 
 } 

 #banner .description .container .absolute-logo img { 
 max-height: 100px; 
 } 
 } 

@media (max-width: 991px) { 
 #banner .description .container .absolute-logo { 
 bottom: -110px; 
left:50px; 
 } 

 #banner .description .container .absolute-logo img { 
 max-height: 70px; 
 } 

 #banner .play-btn { 
 top: auto; 
 bottom: 50px; 
 -webkit-transform: translate(50%, 0px); 
 -ms-transform: translate(50%, 0px); 
 transform: translate(50%, 0px); 
 } 
 } 

/*
*footer
*/
#footer { 
 background: #101010; 
 padding: 66px 0 46px; 
 text-align: center; 
 } 

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

#footer .footer-menu { 
 padding: 0; 
 list-style-type: none; 
 } 
#footer .logo img { width:192px; } 
#footer .footer-menu li { 
 font-size: 16px; 
 line-height: 20px; 
 font-family: 'Domaine Display', sans-serif; 
 font-weight: 400; 
 margin: 0 20px 20px; 
 color: #fff; 
 display: inline-block; 
 text-transform: uppercase; 
 } 

#footer .footer-menu li:last-child { 
 margin-left: 0; 
 } 

#footer .footer-menu li a { 
 color: inherit; 
 } 

#footer .footer-menu li a:hover { 
 color: #DFC89C; 
 } 

#footer .sociables { 
 margin-bottom: 40px; 
 } 

#footer p { 
 font-size: 12px; 
 color: #fff; 
 font-weight: 300; 
 } 

#footer p.copyright { 
 color: rgba(255, 255, 255, .6); 
 } 

@media (max-width: 767px) { 
 #footer { 
 padding: 50px 0 34px; 
 } 

 #footer .logo img { 
 max-height: 50px; 
 } 

 #footer .footer-menu li { 
 font-size: 14px; 
 margin: 0 10px 20px; 
 } 
 } 

/* ==========================================================================Common Functionalities & UI Elements========================================================================== */


/** Typography*/

h1,
h2,
h3,
h4,
h5,
h6 { 
 font-family: 'Domaine Display', sans-serif; 
 font-weight: 400; 
 color: #303030; 
 } 

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { 
 color: inherit; 
 } 

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { 
 color: inherit; 
 } 

h1,
h2 { 
 font-size: 50px; 
 line-height: 1.1; 
 margin-bottom: 32px; 
 text-transform: uppercase; 
 } 

h1 .small,
h2 .small { 
 display: block; 
 color: #DFC89C; 
 font-size: 20px; 
 font-family: 'Graphik', sans-serif; 
 font-weight: 500; 
 letter-spacing: 0.3em; 
 margin-bottom: 20px; 
 } 

h3 { 
 font-size: 40px; 
 line-height: 1.1; 
 margin-bottom: 27px; 
 } 

h4 { 
 font-size: 25px; 
 line-height: 1.3; 
 } 

h5 { 
 font-size: 17px; 
 } 

h6 { 
 font-size: 14px; 
 } 

p { 
 font-size: 20px; 
 line-height: 32px; 
 } 

.lead,
.lead p { 
 font-size: 20px; 
 line-height: 32px; 
 margin-bottom: 24px; 
 } 

.display-1 { 
 font-size: 60px; 
 line-height: 1.1; 
 font-weight: 400; 
 } 

.title1 { 
 font-size: 50px; 
 line-height: 72px; 
 color: #000000; 
 text-transform: none; 
 } 

.title1 .small,
.title2 .small,
.title3 .small { 
 font-size: 20px; 
 line-height: 23px; 
 margin-bottom: 28px; 
 text-transform: uppercase; 
 } 

.title2 { 
 font-size: 48px; 
 line-height: 66px; 
 text-transform: uppercase; 
 } 

.title3 { 
 font-size: 40px; 
 line-height: 72px; 
 margin-bottom: 28px; 
 } 

@media (max-width: 1199px) { 

 h1,
 h2 { 
 margin-bottom: 25px; 
 } 

 .lead,
 .lead p { 
 font-size: 18px; 
 line-height: 30px; 
 margin-bottom: 22px; 
 } 

 .display-1 { 
 font-size: 70px; 
 } 

 .title1 { 
 font-size: 48px; 
 line-height: 56px; 
 } 
 } 

@media (max-width: 991px) { 

 h1,
 h2 { 
 font-size: 45px; 
 } 

 h3 { 
 font-size: 35px; 
 } 

 .display-1 { 
 font-size: 55px; 
 } 

 .title1 .small,
 .title2 .small { 
 margin-bottom: 20px; 
 } 

 .title1 { 
 font-size: 36px; 
 line-height: 44px; 
 } 

 .title2 { 
 font-size: 26px; 
 line-height: 36px; 
 } 

 .lead,
 .lead p { 
 font-size: 16px; 
 line-height: 28px; 
 } 
 } 

@media (max-width: 767px) { 

 h1,
 h2 { 
 font-size: 30px; 
 margin-bottom: 16px; 
 } 

 h1 .small,
 h2 .small { 
 font-size: 16px; 
 } 

 h3 { 
 font-size: 28px; 
 } 

 h4 { 
 font-size: 26px; 
 } 

 .display-1 { 
 font-size: 40px; 
 } 

 .title1 { 
 font-size: 30px; 
 line-height: 38px; 
 } 

 .title1 .small,
 .title2 .small { 
 font-size: 16px; 
 } 
 } 


/* Lists ---------------------- */

ul,
ol { 
 margin-bottom: 16px; 
 list-style-position: outside; 
 } 

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

ol { 
 margin-right: 20px; 
 } 

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


/*
*btn
*/

.btn { 
 font-size: 16px; 
 text-transform: uppercase; 
 font-family: 'Graphik', sans-serif; 
 
 border-radius: 0; 
 min-width: 205px; 
 padding: 19px 15px; 
 } 

.btn.btn-sm { 
 font-size: 12px; 
 min-width: 203px; 
 padding: 12px 15px; 
 } 

.btn:focus { 
 -webkit-box-shadow: none; 
 box-shadow: none; 
 } 

.btn:active+.btn:focus,
.btn:active:focus { 
 -webkit-box-shadow: none; 
 box-shadow: none; 
 } 

.button1 { 
 background: #000; 
 color: #fff; 
 border-color: #000; 
 } 

.button1:hover { 
 color: #fff; 
 background: #DFC89C; 
border-color: #DFC89C; 
 } 

.button2 { 
 background: #fff; 
 border-color: #fff; 
 color: #000; 
 } 

.button2:hover { 
 color: #fff; 
border-color: #DFC89C; 
 background: #DFC89C; 
 } 

.button3 { 
 background: transparent; 
 border-color: #000000; 
 } 

.button3:hover { 
 background: #000000; 
 color: #ffffff; 
 } 

@media (max-width: 991px) { 
 .btn { 
 padding: 13px 12px; 
 min-width: 200px; 
 } 
 } 

/*
*sociables
*/
.sociables { 
 padding: 0; 
 list-style-type: none; 
 } 

.sociables li { 
 display: inline-block; 
 margin-left: 12px; 
 } 

.sociables li:last-child { 
 margin-left: 0; 
 } 

.sociables li a { 
 width: 25px; 
 height: 25px; 
 border: 1px solid #fff; 
 border-radius: 50%; 
 display: -webkit-inline-box; 
 display: -ms-inline-flexbox; 
 display: inline-flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 color: #101010; 
 background: #fff; 
 } 

.sociables li a:hover { 
 background: #DFC89C; 
 } 

.figure1 { 
 margin-bottom: 0; 
 } 

.figure1 img.w-100 { 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 

/*
*box1
*/
.box1 { 
 padding: 71px 20px 56px; 
 background: #fff; 
 } 

/*
*box2
*/
.box2 { 
 display: block; 
 width: 100%; 
 position: relative; 
 overflow: hidden; 
 color: inherit !important; 
 } 

.box2 .figure1 { 
 position: relative; 
 overflow: hidden; 
 } 

.box2 .figure1:after { 
 content: ''; 
 position: absolute; 
 width: 100%; 
 height: 100%; 
 top: 0; 
 right: 0; 
 background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); 
 background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); 
 background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); 
 } 

.box2 .figure1 img { 
 height: 545px; 
 -webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 

.box2 .caption { 
 position: absolute; 
 bottom: 0; 
 width: 100%; 
 right: 0; 
 padding: 40px; 
 z-index: 2; 
 -webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 

.box2 .caption h2 { 
 color: #fff; 
 margin-bottom: 0; 
 } 

.box2 h2 { 
 font-size: 32px; 
 text-transform: initial; 
 margin-bottom: 18px; 
 display: -webkit-box; 
 -webkit-line-clamp: 2; 
line-height:1.5; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 } 

.box2 .hover-caption { 
 position: absolute; 
 width: 100%; 
 right: 0; 
 bottom: 0; 
 background: #fff; 
 padding: 29px 20px 20px; 
 z-index: 2; 
 -webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 opacity: 0; 
 visibility: hidden; 
 } 

.box2 .hover-caption .icon { 
 -webkit-transform: translateX(100%); 
 -ms-transform: translateX(100%); 
 transform: translateX(100%); 
 display: inline-block; 
 -webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 

.box2 .hover-caption .post-date { 
 display: block; 
 margin-bottom: 18px; 
 } 

.box2:hover .caption { 
 opacity: 0; 
 visibility: hidden; 
 } 

.box2:hover .hover-caption { 
 opacity: 1; 
 visibility: visible; 
 } 

.box2:hover .figure1 img { 
 -webkit-transform: scale(1.1); 
 -ms-transform: scale(1.1); 
 transform: scale(1.1); 
 } 

.box2:hover .hover-caption .icon { 
 -webkit-transform: translateX(0); 
 -ms-transform: translateX(0); 
 transform: translateX(0); 
 } 

.box2 .meta { 
 margin-left: -10px; 
 margin-right: -10px; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 } 

.box2 .meta span { 
 -webkit-box-flex: 1; 
 -ms-flex: 1; 
 flex: 1; 
 padding: 0px 10px; 
 font-size: 18px; 
 line-height: 1.3; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 } 

.box2 p { 
 line-height: 32px; 
 } 

@media(max-width: 991px) { 
 .box2 h2 { 
 font-size: 30px; 
 } 

 .box2 p { 
 line-height: 28px; 
 } 

 .box2 .meta span { 
 font-size: 16px; 
 } 
 } 

@media (max-width: 767px) { 
 .box2 .caption { 
 padding: 20px; 
 } 

 .box2 h2 { 
 font-size: 26px; 
 margin-bottom: 14px; 
 } 

 .box2 .icon img { 
 max-height: 25px; 
 } 

 .box2 .figure1 img { 
 height: 375px; 
 } 
 } 

/*
*box3
*/
.box3 { 
 display: block; 
 width: 100%; 
 position: relative; 
 overflow: hidden; 
 } 

.box3 .caption { 
 position: absolute; 
 width: calc(100% - 80px); 
 left: 0; 
 background: #FCFBFA; 
 bottom: 0; 
 padding: 32px 32px 20px; 
 z-index: 10; 
 -webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 display: block; 
 } 

.box3 .caption h3 { 
 margin-bottom: 10px;
	font-size:25px;
 } 
.box3 .caption .location { 
 font-size: 20px; 
 line-height: 1.1; 
 color: #303030; 
 margin-bottom: 0; 
 } 

.box3 .figure1 { 
 position: relative; 
 overflow: hidden; 
 } 

.box3 .figure1.overlay::before { 
 content: ''; 
 width: 100%; 
 height: 100%; 
 position: absolute; 
 right: 0px; 
 top: 0px; 
 background: -webkit-gradient(linear, right bottom, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); 
 background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); 
 background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); 
 z-index: 1; 
 } 

.box3 .figure1 img { 
 height: 406px; 
 -webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 

.box3 .figure1:after { 
 content: ''; 
 position: absolute; 
 width: 100%; 
 height: 100%; 
 top: 0; 
 right: 0; 
 background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); 
 background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); 
 background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); 
 -webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 opacity: 0; 
 pointer-events: none; 
 } 

.box3:hover.figure1 img { 
 -webkit-transform: scale(1.1); 
 -ms-transform: scale(1.1); 
 transform: scale(1.1); 
 } 

.box3:hover .figure1:after { 
 opacity: 1; 
 } 

.box3:hover .caption { 
 padding-bottom: 35px; 
 } 

.box3 .caption .button-group { 
 position: absolute; 
 -webkit-transform: translateY(100%); 
 -ms-transform: translateY(100%); 
 transform: translateY(100%); 
 -webkit-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; 
 transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 

.box3:hover .caption .button-group { 
 position: static; 
 -webkit-transform: translateY(0px); 
 -ms-transform: translateY(0px); 
 transform: translateY(0px); 
 } 

@media (max-width: 1800px) { 
 .box3 .caption { 
 width: calc(100% - 50px); 
 } 
 } 

@media (max-width: 991px) { 
 .box3 .caption { 
 width: calc(100% - 28px); 
 padding: 20px 20px 0; 
 } 
 } 

@media (max-width: 767px) { 
 .box3 .figure1 img { 
 height: 300px; 
 } 
.box3 .caption h4 { font-size: 20px; } 
.box3 .caption .location { font-size: 14px; } 
 } 

/* box3 alt */
.box3.alt { 
 height: 100%; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-orient: vertical; 
 -webkit-box-direction: normal; 
 -ms-flex-direction: column; 
 flex-direction: column; 
 } 

.box3.alt .figure1 img { 
 height: 609px; 
 } 

.box3.alt .caption { 
 background: #212721; 
 color: #ffffff; 
 position: relative; 
 margin-right: auto; 
 margin-top: -68px; 
 z-index: 1; 
 padding: 30px 30px 10px; 
 -webkit-box-flex: 1; 
 -ms-flex: 1; 
 flex: 1; 
 } 

@media(max-width: 1800px) { 
 .box3.alt .caption { 
 width: calc(100% - 40px); 
 } 
 } 

@media(max-width: 1299px) { 
 .box3.alt .figure1 img { 
 height: 350px; 
 } 

 .box3.alt .caption { 
 padding: 20px 20px 10px; 
 } 
 } 

@media(max-width: 767px) { 
 .box3.alt .caption { 
 width: calc(100% - 20px); 
 } 
 } 

/*
*post
*/
.post .category-name { 
 color: #DFC89C; 
 text-transform: uppercase; 
 font-weight: 500; 
 font-size: 20px; 
 display: inline-block; 
 margin-bottom: 16px; 
 } 

.post .post-date { 
 color: #303030; 
 font-size: 16px; 
 display: inline-block; 
 } 

/*
*form
*/
.form-group { 
 margin-bottom: 16px; 
 } 

.form-control { 
 font-size: 16px; 
 line-height: 24px; 
 font-weight: 400; 
 font-family: 'Graphik', sans-serif; 
 letter-spacing: 0.05em; 
 padding: 19px 0; 
 border-color: transparent; 
 border-radius: 0; 
 border-bottom: 1px solid #000; 
 } 

.form-control::-webkit-input-placeholder { 
 color: #000; 
 } 

.form-control:-ms-input-placeholder { 
 color: #000; 
 } 

.form-control::-moz-placeholder { 
 color: #000; 
 } 

.form-control::-ms-input-placeholder { 
 color: #000; 
 } 

.form-control::placeholder { 
 color: #000; 
 } 

.form-control:focus { 
 -webkit-box-shadow: none; 
 box-shadow: none; 
 border-color: transparent; 
 border-bottom: 1px solid #000; 
 } 

@media (max-width: 991px) { 
 .form-control { 
 padding: 13px 0px; 
 } 
 } 

/*
*slider1
*/
.slider1 { 
 padding-right: 270px; 
 position: relative; 
 } 

.slider1:after { 
 width: 134px; 
 height: 100%; 
 background: rgb(0, 0, 0); 
 background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%); 
 background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(255, 255, 255, 1))); 
 background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%); 
 content: ''; 
 position: absolute; 
 left: 0; 
 top: 0; 
 z-index: 10; 
 } 

.slider1 .slick-arrow { 
 width: 80px; 
 height: 80px; 
 border-radius: 50%; 
 border: 1px solid #DFC89C; 
 text-indent: -99999px; 
 background-color: #fff; 
 -webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 position: absolute; 
 right: 0; 
 } 

.slider1 .slick-prev { 
 background-image: url('../images/arrow-l2.svg'); 
 background-repeat: no-repeat; 
 background-position: center center; 
 top: 104px; 
 } 

.slider1 .slick-prev:hover { 
 background-color: #DFC89C; 
 background-image: url('../images/arrow-l2w.svg'); 
 } 

.slider1 .slick-next { 
 background-image: url('../images/arrow-r2.svg'); 
 background-repeat: no-repeat; 
 background-position: center center; 
 top: 0; 
 } 

.slider1 .slick-next:hover { 
 background-color: #DFC89C; 
 background-image: url('../images/arrow-r2w.svg'); 
 } 

.slider1 .item { 
 width: 40%; 
 } 

.slider1 .item { 
 padding-left: 16px; 
 } 

.slider1 .item .figure1 img { 
 height: 350px; 
 } 

.slider1 .item .figure1 { 
 margin-bottom: 40px; 
 } 

.slider1 .item .content { 
 max-width: 280px; 
 } 

.slider1 .item h4 { 
 margin-bottom: 16px; 
 } 

.slider1 .item p { 
 font-size: 20px; 
 line-height: 40px; 
 } 

@media (max-width: 1440px) { 
 .slider1 { 
 padding-right: 100px; 
 } 
 } 

@media (max-width: 767px) { 
 .slider1 { 
 padding-right: 0px; 
 } 

 .slider1:after { 
 display: none; 
 } 

 .slider1 .slick-arrow { 
 display: none !important; 
 } 

 .slider1 .item .figure1 img { 
 height: 300px; 
 } 

 .slider1 .item .figure1 { 
 margin-bottom: 20px; 
 } 

 .slider1 .item h4 { 
 margin-bottom: 14px; 
 } 

 .slider1 .item p { 
 font-size: 16px; 
 line-height: 28px; 
 } 
 } 

/*
*section
*/
.section { 
 padding: 160px 0; 
 } 

.section.section-alt { 
 padding: 90px 0px; 
 } 

.section header { 
 text-align: center; 
 } 

.section .before-title { 
 position: relative; 
 } 

.section .container.before-title { padding-right:80px; } 

.section .before-title:before { 
 content: attr(data-title); 
font-family: "Domaine Display", sans-serif; 
 color: #C4C4C4; 
 font-size: 46px; 
 line-height: 1; 
 letter-spacing: 0.5em; 
 text-transform: uppercase; 
 position: absolute; 
 -webkit-writing-mode: vertical-rl; 
 -ms-writing-mode: tb-rl; 
 writing-mode: vertical-rl; 
 text-orientation: mixed; 
 -webkit-transform: rotate(180deg); 
 -ms-transform: rotate(180deg); 
 transform: rotate(180deg); 
 top: -22px; 
 right: 0px; 
 } 

.section.position-relative .container { 
 position: relative; 
 z-index: 10; 
 } 

.section.position-relative .cover-image { 
 position: absolute; 
 width: 100%; 
 height: 100%; 
 top: 0; 
 right: 0; 
 } 

.section.section.position-relative .cover-image img.w-100 { 
 height: 100%; 
 } 

.column { 
 margin-bottom: 30px; 
 } 

@media (max-width: 1199px) { 
 .section { 
 padding: 120px 0; 
 } 

 .section .before-title::before { 
 display: none; 
 } 

.section .container.before-title { padding-right:20px; } 
 } 


@media (max-width: 991px) { 
 .section { 
 padding: 80px 0; 
 } 

 .section.section-alt { 
 padding: 70px 0px; 
 } 
 } 


@media (max-width: 767px) { 

 .section,
 .section.section-alt { 
 padding: 50px 0; 
 } 
 } 

/*
*sign-up-section
*/
.sign-up-section .form { 
 padding-top: 52px; 
 max-width: 719px; 
 margin: 0 auto; 
 } 

@media (max-width: 767px) { 
 .sign-up-section .form { 
 padding-top: 10px; 
 } 
 } 

/*
*dining-options
*/
.dining-options { 
 padding-bottom: 76px; 
 } 

@media (max-width: 1199px) { 
 .dining-options { 
 padding-bottom: 90px; 
 } 
 } 


@media (max-width: 991px) { 
 .dining-options { 
 padding-bottom: 50px; 
 } 
 } 


@media (max-width: 767px) { 
 .dining-options { 
 padding-bottom: 50px; 
 } 

 .dining-options .section-title { 
 margin-bottom: 0; 
 text-align: center; 
 } 
 } 

@media (min-width: 1200px) { 
 .dining-options .column { 
 margin-bottom: 84px; 
 } 
 } 

/* card1 */
.card1 { 
 position: relative; 
 min-height: 504px; 
 padding: 40px 42px; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-orient: vertical; 
 -webkit-box-direction: normal; 
 -ms-flex-direction: column; 
 flex-direction: column; 
 -webkit-box-pack: end; 
 -ms-flex-pack: end; 
 justify-content: flex-end; 
 -webkit-box-align: start; 
 -ms-flex-align: start; 
 align-items: flex-start; 
 } 

.card1 .figure1 { 
 position: absolute; 
 right: 0px; 
 top: 0px; 
 width: 100%; 
 height: 100%; 
 z-index: -1; 
 } 

.card1 .description { 
 background: rgba(0, 0, 0, .4); 
 color: #ffffff; 
 padding: 30px 54px 20px; 
 max-width: 607px; 
 } 

.card1 .description h3 ,  .card1 .description h2 { 
 color: #ffffff; 
 font-size: 32px; 
 margin-bottom: 5px; 
 } 

.card1 .description p { 
 font-size: 20px; 
 line-height: 33px; 
 } 

@media(max-width: 1199px) { 
 .card1 { 
 min-height: 455px; 
 padding: 25px; 
 } 

 .card1 .description { 
 padding: 30px 20px 20px; 
 } 

 .card1 .description h3,  .card1 .description h2 { 
 font-size: 28px; 
 } 

 .card1 .description p { 
 font-size: 18px; 
 line-height: 28px; 
 } 
 } 

@media(max-width: 767px) { 
 .card1 { 
 min-height: 320px; 
 padding: 15px; 
 } 

 .card1 .description { 
 padding: 20px 15px 5px; 
 max-width: 380px; 
 } 

 .card1 .description h3 ,  .card1 .description h2 { 
 font-size: 24px; 
 } 

 .card1 .description p { 
 font-size: 16px; 
 line-height: 26px; 
 } 
 } 

/* two-column-layout */
.two-column-layout { 
 overflow: hidden; 
 } 
.filter { z-index: 10; position: relative; } 
.two-column-layout .image-wrap .image { 
 width: 50vw; 
 } 

.two-column-layout .text-content { 
 padding-top: 80px; 
 } 
.two-column-layout .text-content .inner { height:100%; width:100%; } 
@media (min-width: 1400px) { 
.related-restaurants .col-xxl-6 { width: 66.66666667%; } 
 } 
@media(max-width: 1199px) { 
 .two-column-layout .text-content { 
 padding-top: 60px; 
 } 
 } 

@media(max-width: 991px) { 
 .two-column-layout .text-content { 
 padding-top: 30px; 
 } 
 } 

@media(max-width: 767px) { 
 .two-column-layout .image-wrap .image { 
 width: 100%; 
 } 

 .two-column-layout .text-content { 
 padding-top: 0px; 
 } 
 } 
#onepage-container { padding-right:65px; } 
/* onepage-section */
#onepage-nav { 
 position: sticky; 
 top: 130px; 
 overflow: hidden; 
 } 

#onepage-nav ul { 
 list-style: none; 
 padding-right: 0px; 
 position: relative; 
 border-radius: 0px; 
 border: 0px; 
 padding: 0px; 
 border-right: 1px solid #C4C4C4; 
 background: transparent; 
 margin-bottom: 0px; 
 margin-right: 65px; 
 top: 0px; 
 max-width: 230px; 
 } 

#onepage-nav li { 
 padding-right: 36px; 
 } 

#onepage-nav li::before { 
 content: attr(data-title); 
 font-size: 46px; 
 font-weight: 400; 
 line-height: 61px; 
font-family: "Domaine Display", sans-serif; 
 letter-spacing: 0.25em; 
 text-transform: uppercase; 
 position: absolute; 
 right: -80px; 
 top: 50%; 
 white-space: nowrap; 
 -webkit-writing-mode: vertical-rl; 
 -ms-writing-mode: tb-rl; 
 writing-mode: vertical-rl; 
 -webkit-transform: translateY(-50%) rotate(180deg); 
 -ms-transform: translateY(-50%) rotate(180deg); 
 transform: translateY(-50%) rotate(180deg); 
 opacity: 0; 
 -webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 

#onepage-nav li a { 
 font-size: 20px; 
 line-height: 32px; 
 font-weight: 400; 
 color: #303030; 
 text-transform: uppercase; 
 padding: 22px 0px; 
 display: inline-block; 
 position: relative; 
 } 

#onepage-nav li a::before { 
 content: ''; 
 width: 4px; 
 height: 100%; 
 background: #303030; 
 position: absolute; 
 right: -38.3px; 
 top: 0px; 
 opacity: 0; 
 } 

#onepage-nav li.current::before { 
 opacity: .4; 
 } 

#onepage-nav li.current a { 
 font-weight: 500; 
 } 

#onepage-nav li.current a::before { 
 opacity: 1; 
 } 

@media(max-width: 1199px) { 
 #onepage-nav ul { 
 margin-right: 115px; 
 } 

 #onepage-nav li { 
 padding-right: 20px; 
 margin-bottom: 18px; 
 } 

 #onepage-nav li::before { 
 font-size: 38px; 
 right: -60px; 
 letter-spacing: .1em; 
 } 

 #onepage-nav li a { 
 font-size: 18px; 
 padding: 8px 0px; 
 } 

 #onepage-nav li a::before { 
 right: -23px; 
 } 
 } 

@media(max-width: 991px) { 
 #onepage-nav ul { 
 margin-right: 78px; 
 max-width: 160px; 
 } 

 #onepage-nav li { 
 padding-right: 10px; 
 margin-bottom: 18px; 
 } 

 #onepage-nav li::before { 
 font-size: 30px; 
 } 

 #onepage-nav li a { 
 font-size: 16px; 
 padding: 5px 0px; 
 line-height: 26px; 
 } 

 #onepage-nav li a::before { 
 right: -12.5px; 
 } 
 } 

@media(max-width: 767px) { 
#onepage-container { padding-right:0px; } 
 .onepage-nav-wrap { 
 position: sticky; 
 top: 81px; 
 z-index: 9; 
 } 

 #onepage-nav { 
 height: auto; 
 margin-right: 0px; 
 overflow: visible; 
 background: #FCFBFA; 
 border-bottom: 1px solid #313131; 
 } 

 #onepage-nav .dropdown-toggle { 
 display: block; 
 width: 100%; 
 text-align: right; 
 padding: 10px 0px; 
 padding-left: 25px; 
 } 

 #onepage-nav .dropdown-toggle::after { 
 position: absolute; 
 left: 0px; 
 top: 50%; 
 -webkit-transform: translateY(-50%); 
 -ms-transform: translateY(-50%); 
 transform: translateY(-50%); 
 } 

 #onepage-nav ul { 
 margin-right: 0px; 
 border: 1px solid #C4C4C4; 
 background: #ffffff; 
 width: 100%; 
 max-width: 100%; 
 } 

 #onepage-nav li { 
 padding-right: 0px; 
 margin-bottom: 0px; 
 } 

 #onepage-nav li::before { 
 display: none; 
 } 

 #onepage-nav li a { 
 display: block; 
 padding: 8px 10px; 
 font-size: 14px; 
 line-height: 1.4; 
 } 

 #onepage-nav li a::before { 
 display: none; 
 } 
 } 


.onepage-section { 
 margin-bottom: 160px; 
margin-top: -100px; 
 padding-top: 100px; 
 } 
.onepage-section h4 { margin-bottom:30px; } 
.onepage-section p { margin-bottom:40px; } 
.onepage-section:last-child { 
 margin-bottom: 0px; 
 } 

@media(max-width: 767px) { 
 .onepage-section { 
 padding-top: 130px; 
 margin-top: -130px; 
margin-bottom: 80px; 
transform:none !important; 
 } 
 } 

/* video-box */
.video-box { 
 position: relative; 
 } 

.video-box figure { 
 margin-bottom: 0px; 
 } 

.video-box figure img { 
 height: 580px; 
 -o-object-fit: cover; 
 object-fit: cover; 
width:100%; 
 } 

.video-box .description { 
 position: absolute; 
 right: 0px; 
 bottom: 0px; 
 width: 100%; 
 background: rgba(0, 0, 0, 0.4); 
 color: #ffffff; 
 padding: 21px 55px; 
 } 

.video-box .description p { 
 font-size: 42px; 
 font-weight: 400; 
 line-height: 55px; 
 text-transform: uppercase; 
 font-family: "Domaine Display", sans-serif; 
 } 

@media(max-width: 1199px) { 
 .video-box .description p { 
 font-size: 32px; 
 line-height: 42px; 
 } 
 } 

@media(max-width: 991px) { 
 .video-box figure img { 
 height: 400px; 
 } 

 .video-box .description { 
 padding: 10px 15px 0px; 
 } 

 .video-box .description p { 
 font-size: 26px; 
 line-height: 36px; 
 } 
 } 

@media(max-width: 767px) { 
 .video-box figure img { 
 height: 320px; 
 } 

 .video-box .description p { 
 font-size: 20px; 
 line-height: 28px; 
 } 
 } 

/* slider */
.slick-slider .slick-dots { 
 list-style: none; 
 padding-right: 0px; 
 margin-bottom: 0px; 
 padding-top: 26px; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 } 

.slick-slider .slick-dots li { 
 line-height: 1; 
 margin: 0px 5px; 
 } 

.slick-slider .slick-dots button { 
 overflow: hidden; 
 text-indent: 999px; 
 width: 15px; 
 height: 15px; 
 background: transparent; 
 padding: 0px; 
 border: 1px solid #000000; 
 border-radius: 100px; 
 -webkit-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; 
 transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 

.slick-slider .slick-dots button:hover,
.slick-slider .slick-dots .slick-active button { 
 background: #000000; 
 } 

@media(max-width: 991px) { 
 .slick-slider .slick-dots { 
 padding-top: 20px; 
 } 

 .slick-slider .slick-dots button { 
 width: 10px; 
 height: 10px; 
 } 
 } 

/* grid */
.grid { 
 margin-right: -20px; 
 margin-left: -20px; 
 } 

.grid .grid-sizer,
.grid .grid-item { 
 width: 33.33%; 
 } 

.grid .grid-item { 
 padding: 0px 20px; 
 margin-bottom: 40px; 
 } 

.grid .grid-item.grid-item--width3 { 
 width: 100%; 
 } 

@media(max-width: 991px) { 
 .grid { 
 margin-right: -15px; 
 margin-left: -15px; 
 } 

 .grid .grid-sizer,
 .grid .grid-item { 
 width: 50%; 
 } 

 .grid .grid-item { 
 padding: 0px 15px; 
 } 
 } 

@media(max-width: 767px) { 

 .grid .grid-sizer,
 .grid .grid-item { 
 width: 100%; 
 margin-bottom: 30px; 
 } 
 } 

/* post1 */
.post1 figure { 
 margin-bottom: 45px; 
 } 

.post1 figure img { 
 width: 100%; 
 height: 100%; 
 -o-object-fit: cover; 
 object-fit: cover; 
 } 

.post1.content-overlay { 
 min-height: 768px; 
 position: relative; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-orient: vertical; 
 -webkit-box-direction: normal; 
 -ms-flex-direction: column; 
 flex-direction: column; 
 -webkit-box-pack: end; 
 -ms-flex-pack: end; 
 justify-content: flex-end; 
 padding: 116px 90px; 
 } 

.post1.content-overlay>figure { 
 position: absolute; 
 right: 0px; 
 top: 0px; 
 width: 100%; 
 height: 100%; 
 } 

.post1.content-overlay .description { 
 max-width: 629px; 
 background: rgba(0, 0, 0, .6); 
 padding: 60px 50px; 
 color: #ffffff; 
 margin-right: auto; 
 position: relative; 
 z-index: 1; 
 } 

.post1.content-overlay .description h2 { 
 color: #ffffff; 
 } 

@media(max-width: 1199px) { 
 .post1 figure { 
 margin-bottom: 30px; 
 } 

 .post1.content-overlay { 
 min-height: 570px; 
 padding: 60px 50px; 
 } 
 } 

@media(max-width: 991px) { 
 .post1.content-overlay .description { 
 max-width: 500px; 
 padding: 30px; 
 } 
 } 

@media (max-width: 767px) { 
 .post1 figure { 
 margin-bottom: 20px; 
 } 

 .post1.content-overlay { 
 min-height: 420px; 
 padding: 20px; 
 } 

 .post1.content-overlay .description { 
 padding: 30px 15px; 
 } 
 } 

/* filter */
.filter { 
 margin-bottom: 43px; 
 } 

.filter.border-bottom { 
 border-bottom-color: #727272 !important; 
 } 

.filter .categories { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 text-transform: uppercase; 
 } 

.filter .categories span { 
 margin-left: 5px; 
 } 

.filter .categories .toggle-btn { 
 padding-left: 20px; 
 position: relative; 
 } 

.filter .categories .toggle-btn::after { 
 content: "\f107"; 
 font-family: "FontAwesome"; 
 font-size: 20px; 
 position: absolute; 
 left: 0px; 
 top: 50%; 
 -webkit-transform: translateY(-50%); 
 -ms-transform: translateY(-50%); 
 transform: translateY(-50%); 
 } 

.filter .categories .dropdown-menu { 
 padding: 20px; 
 min-width: 180px; 
 border: 1px solid #D9D9D9; 
 border-radius: 4px; 
 -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
 box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
 } 

.filter .categories .dropdown-menu li { 
 line-height: 1; 
 margin-bottom: 18px; 
 } 

.filter .categories .dropdown-menu li:last-child { 
 margin-bottom: 0px; 
 } 

.filter .categories .dropdown-menu a { 
 font-size: 12px; 
 color: #000000; 
 } 
.filter .categories .dropdown-menu a:hover { color:#DFC89C; } 
.filter .search { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 max-width: 210px; 
 margin-right: auto; 
 } 

.filter .search button { 
 margin-left: 16px; 
 font-size: 26px; 
 line-height: 1; 
 } 

.filter .form-control { 
 height: auto; 
 padding: 0px; 
 border: 0px; 
 color: #000000; 
 background: transparent; 
 } 

.filter .form-control::-webkit-input-placeholder { 
 color: #000000; 
 } 

.filter .form-control::-moz-placeholder { 
 color: #000000; 
 } 

.filter .form-control:-ms-input-placeholder { 
 color: #000000; 
 } 

.filter .form-control::-ms-input-placeholder { 
 color: #000000; 
 } 

.filter .form-control::placeholder { 
 color: #000000; 
 } 

.filter .datepicker-wrap { 
 max-width: 190px; 
 } 

.filter .filter-nav { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 list-style: none; 
 padding-right: 0px; 
 margin-bottom: 0px; 
 margin-right: -35px; 
 margin-left: -35px; 
 } 

.filter .filter-nav li { 
 padding: 10px 20px; 
 } 

.filter .filter-nav a { 
 font-weight: 400; 
cursor:pointer; 
 font-size: 20px; 
 line-height: 27px; 
 text-transform: uppercase; 
 color: #303030; 
text-shadow: 0px 0px 1px #fff; 
 } 

.filter .filter-nav li:not(.active) a:hover { 
 color: #DFC89C; 
 } 


.filter .filter-nav li.active a { 
 pointer-events: none; 
text-shadow: 0px 0px 1px #303030; 
 } 

@media(max-width: 1549px) { 
 .filter .filter-nav { 
 margin-right: -15px; 
 margin-left: -15px; 
 } 

 .filter .filter-nav li { 
 padding: 10px 15px; 
 } 
 } 

@media(max-width: 1299px) { 
 .filter .filter-nav a { 
 font-size: 18px; 
 line-height: 24px
 } 
 } 

@media(max-width: 767px) { 
 .filter { 
 margin-bottom: 30px; 
 } 

 .filter .search { 
 margin-right: 0; 
 } 

 .filter .search button { 
 font-size: 20px; 
 margin-left: 10px; 
 } 

 .filter .filter-nav { 
 display: block; 
 margin: 0px; 
 } 

 .filter .filter-nav li { 
 padding: 0px; 
 } 

 .filter .filter-nav a { 
 font-size: 16px; 
 display: block; 
 padding: 10px 15px; 
 } 
 } 

/* post */
.post-wrapper { 
 padding: 100px 0px; 
 } 

.post-wrapper .meta { 
 margin-left: -25px; 
 margin-right: -25px; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 } 

.post-wrapper .meta span { 
 padding: 0px 25px; 
 font-size: 18px; 
 line-height: 1.3; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 } 

.post-wrapper .inner-wrap { 
 margin-bottom: 70px; 
 } 

.post-wrapper h1,
.post-wrapper h2 { 
 font-size: 52px; 
 line-height: 70px; 
 margin-bottom: 40px; 
 } 

.post-wrapper h3 { 
 font-size: 42px; 
 line-height: 58px; 
 margin-bottom: 30px; 
 } 

.post-wrapper h4 { 
 font-size: 24px !important; 
 line-height: 32px; 
 margin-bottom: 12px; 
 } 

.post-wrapper h5 { 
 font-size: 28px; 
 line-height: 38px; 
 margin-bottom: 25px; 
 } 

.post-wrapper h6 { 
 font-size: 22px; 
 line-height: 34px; 
 margin-bottom: 20px; 
 } 

.post-wrapper p { 
 font-size: 18px; 
 line-height: 32px; 
 margin-bottom: 30px; 
 } 

.post-wrapper ul,
.post-wrapper ol { 
 margin-right: 0px; 
 margin-bottom: 30px; 
 padding-right: 20px; 
 } 

.post-wrapper ul li,
.post-wrapper ol li { 
 font-size: 18px; 
 line-height: 32px; 
 margin-bottom: 15px; 
 } 

.post-wrapper ul ul,
.post-wrapper ul ol,
.post-wrapper ol ul,
.post-wrapper ol ol { 
 margin-top: 15px; 
 margin-right: 0px; 
 margin-bottom: 15px; 
 } 

.post-wrapper .share-post { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 font-size: 20px; 
 color: #000000; 
 margin-bottom: 50px; 
 } 

.post-wrapper .share-post a { 
 color: #303030; 
 } 

.post-wrapper .share-post a:hover { 
 color: #DFC89C; 
 } 

.post-wrapper .sociables2 { 
 padding-right: 0px; 
 margin-right: -15px; 
 } 

.post-wrapper .sociables2 li { 
 margin-bottom: 0px; 
 } 

.post-wrapper .tags { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 } 

.post-wrapper .tags .tag { 
 font-weight: 400; 
 font-size: 24px; 
 line-height: 40px; 
 font-family: 'Domaine Display', sans-serif; 
 text-transform: uppercase; 
 color: #303030; 
 } 

.post-wrapper .tags .tag:hover { 
 color: #DFC89C; 
 } 

@media(max-width: 1199px) { 

 .post-wrapper .inner-wrap h1,
 .post-wrapper .inner-wrap h2 { 
 font-size: 42px; 
 line-height: 54px; 
 margin-bottom: 22px; 
 } 

 .post-wrapper .inner-wrap h3 { 
 font-size: 36px; 
 line-height: 46px; 
 margin-bottom: 20px; 
 } 
 } 

@media(max-width: 991px) { 
 .post-wrapper { 
 padding: 50px 0px; 
 } 

 .post-wrapper .meta { 
 margin-left: -15px; 
 margin-right: -15px; 
 } 

 .post-wrapper .meta span { 
 padding: 0px 15px; 
 font-size: 16px; 
 } 

 .post-wrapper .inner-wrap { 
 margin-bottom: 40px; 
 } 

 .post-wrapper .inner-wrap h1,
 .post-wrapper .inner-wrap h2 { 
 font-size: 30px; 
 line-height: 43px; 
 } 

 .post-wrapper .inner-wrap h3 { 
 font-size: 28px; 
 line-height: 40px; 
 } 

 .post-wrapper .inner-wrap h4 { 
 font-size: 26px; 
 line-height: 38px; 
 margin-bottom: 20px; 
 } 

 .post-wrapper .inner-wrap h5 { 
 font-size: 24px; 
 line-height: 34px; 
 margin-bottom: 20px; 
 } 

 .post-wrapper .inner-wrap p { 
 font-size: 16px; 
 line-height: 28px; 
 margin-bottom: 20px; 
 } 

 .post-wrapper .inner-wrap ul li,
 .post-wrapper .inner-wrap ol li { 
 font-size: 16px; 
 line-height: 28px; 
 margin-bottom: 20px; 
 } 

 .post-wrapper .share-post { 
 margin-bottom: 30px; 
 } 

 .post-wrapper .tags .tag { 
 font-size: 18px; 
 line-height: 28px; 
 } 
 } 

@media(max-width: 767px) { 
 .post-wrapper { 
 padding: 38px 0px; 
 } 

 .post-wrapper .inner-wrap { 
 margin-bottom: 30px; 
 } 

 .post-wrapper .inner-wrap h1,
 .post-wrapper .inner-wrap h2 { 
 font-size: 27px; 
 line-height: 38px; 
 } 

 .post-wrapper .inner-wrap h3 { 
 font-size: 25px; 
 line-height: 35px; 
 } 

 .post-wrapper .inner-wrap h4 { 
 font-size: 23px; 
 line-height: 34px; 
 } 

 .post-wrapper .inner-wrap h5 { 
 font-size: 20px; 
 line-height: 30px; 
 } 

 .post-wrapper .tags .tag { 
 font-size: 16px; 
 line-height: 26px; 
 } 
 } 

/* post-images */
.post-images { 
 width: calc(49vw - 30px); 
 overflow: hidden; 
 } 

.post-images .row { 
 margin-right: -9px; 
 margin-left: -9px; 
 } 

.post-images .row>[class*="col"] { 
 padding: 0px 9px; 
 } 

.post-images .column { 
 margin-bottom: 18px; 
 } 

@media(min-width: 2000px) { 
 .post-images { 
 width: calc(49vw - 22px); 
 overflow: hidden; 
 } 
 } 

@media(max-width: 1399px) { 
 .post-images { 
 width: calc(50vw + 8px); 
 } 
 } 

@media(max-width: 1199px) { 
 .post-images { 
 width: calc(49vw + 4px); 
 } 
 } 

@media(max-width: 991px) { 
 .post-images { 
 width: calc(49vw + 2px); 
 } 
 } 

@media(max-width: 767px) { 
 .post-images { 
 width: 100%; 
 } 
 } 

/* sociables2 */
.sociables2 { 
 list-style: none; 
 padding-right: 0px; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 margin-right: -15px; 
 margin-left: -15px; 
 } 

.sociables2 li { 
 padding: 0px 15px; 
 } 

.sociables2 li a { 
 font-size: 20px; 
 color: #000000; 
 } 

.sociables2 li a:hover { 
 color: #DFC89C; 
 } 

/* pagination */
.pagination .btn { 
 font-weight: 400; 
 } 

.pagination .btn .fa { 
 font-size: 20px; 
 } 

.pagination .page-item { 
 padding: 4px; 
 } 

.pagination .page-item .page-link { 
 width: 28px; 
 height: 28px; 
 line-height: 27px; 
 text-align: center; 
 padding: 0px; 
 background: #C4C4C4; 
 color: #ffffff; 
 font-weight: 500; 
 font-size: 12px; 
 border-radius: 0px; 
 border: 0px; 
 } 

.pagination .page-item .page-link:hover,
.pagination .page-item.active .page-link { 
 background: #000000; 
 } 

/* view-map */
.view-map { 
 position: relative; 
 } 

.view-map figure { 
 overflow: hidden; 
 } 

.view-map figure img { 
 -webkit-transition: all .4s ease-in-out; 
 -o-transition: all .4s ease-in-out; 
 transition: all .4s ease-in-out; 
 width: 100%; 
 height: 100%; 
 } 

.view-map .box { 
 position: absolute; 
 right: 0px; 
 bottom: 0px; 
 font-size: 16px; 
 font-weight: 500; 
 color: #303030; 
 background: #ffffff; 
 padding: 16px 24px; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 text-transform: uppercase; 
 max-width: 329px; 
 width: 100%; 
 } 

.view-map .box .fa-map-marker { 
 font-size: 20px; 
 -ms-flex-negative: 0; 
 flex-shrink: 0; 
 color: currentColor; 
 } 

.view-map .box .text { 
 max-width: 140px; 
 margin: 0px 20px; 
 } 

.view-map .box .icon { 
 margin-right: auto; 
 -ms-flex-negative: 0; 
 flex-shrink: 0; 
 } 

.view-map .box .icon img { 
 max-width: 45px; 
 } 

.view-map:hover figure img { 
 -webkit-transform: scale(1.1); 
 -ms-transform: scale(1.1); 
 transform: scale(1.1); 
 } 

.view-map:hover .box { 
 background: #000000; 
 color: #fff; 
 } 

.view-map:hover .box .icon { 
 -webkit-filter: brightness(0) invert(1); 
 filter: brightness(0) invert(1); 
 } 

@media(max-width: 767px) { 
 .view-map .box { 
 padding: 15px; 
 } 

 .view-map .box .text { 
 margin: 0px 15px; 
 } 
 } 

/* about-wrap */
.about-wrap { 
 position: relative; 
 } 

.about-wrap::before { 
 content: ''; 
 background-image: url('../images/bg-pattern1.png'); 
 background-size: cover; 
 position: absolute; 
 right: 0px; 
 top: 0px; 
 z-index: -1; 
 width: 100%; 
 height: 100%; 
 background-attachment: fixed; 
 } 

/* person */
.person .description h3 { 
 font-size: 21px; 
 color: #000000; 
 font-weight: 500; 
 font-family: 'Graphik', sans-serif; 
 margin-bottom: 15px; 
 } 

/* datepicker */
.datepicker-wrap { 
 position: relative; 
 } 

.datepicker-wrap .form-control { 
 background: transparent; 
 border: 0px; 
 padding: 0px; 
 padding-right: 38px; 
 padding-left: 20px; 
 } 

.datepicker-wrap .fa-angle-down { 
 font-size: 30px; 
 position: absolute; 
 left: 0px; 
 top: 50%; 
 -webkit-transform: translateY(-50%); 
 -ms-transform: translateY(-50%); 
 transform: translateY(-50%); 
 color: #000000; 
 pointer-events: none; 
 } 

.datepicker-wrap .fa-calendar { 
 position: absolute; 
 right: 0px; 
 top: 50%; 
 -webkit-transform: translateY(-50%); 
 -ms-transform: translateY(-50%); 
 transform: translateY(-50%); 
 font-size: 26px; 
 color: #000000; 
 pointer-events: none; 
 } 

/* mobile-dropdown */
.mobile-dropdown .dropdown-menu { 
 position: static; 
 padding: 0px; 
 background: transparent; 
 border: 0px; 
 border-radius: 0px; 
 } 

@media(max-width: 767px) { 
 .mobile-dropdown .dropdown { 
 z-index: 9; 
 } 

 .mobile-dropdown .dropdown-menu { 
 background: #ffffff; 
 width: 100%; 
 } 
 } 

/* carousel1 */
.carousel1-wrap .carousel-nav { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 margin-right: -30px; 
 margin-left: -30px; 
 } 

.carousel1-wrap .carousel-nav button { 
 margin: 0px 30px; 
 } 

.carousel1-wrap .carousel-nav button img { 
 max-width: 75px; 
 } 

.carousel1 { 
 margin-right: -8px; 
 margin-left: -8px; 
 } 

.carousel1 .slick-track { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
margin:0; 
 } 

.carousel1 .slick-slide { 
 padding: 0px 8px; 
 height: auto; 
 } 

@media(max-width: 991px) { 
 .carousel1-wrap .carousel-nav { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 margin-right: -15px; 
 margin-left: -15px; 
 } 

 .carousel1-wrap .carousel-nav button { 
 margin: 0px 15px; 
 } 

 .carousel1-wrap .carousel-nav button img { 
 max-width: 50px; 
 } 
 } 
/*
*header2
*/
#header2 { 
 background: #FCFBFA; 
 padding: 36px 0px; 
 } 

#header2 .open-menu-btn { 
 position: absolute; 
 top: 50%; 
 -webkit-transform: translateY(-50%); 
 -ms-transform: translateY(-50%); 
 transform: translateY(-50%); 
 left: 12px; 
 color: #303030; 
 font-size: 20px; 
 } 

@media (max-width: 991px) { 
 #header2 { 
 padding: 20px 0; 
 } 
 } 

@media (max-width: 767px) { 
 #header2 .logo { 
 position: relative; 
 } 

 #header2 .logo img { 
 max-height: 50px; 
 } 
 } 

/*
*main-navigation
*/
#page-navigation { 
 position: relative; 
 z-index: 100; 
 } 

#page-navigation ul { 
 padding: 0px; 
 list-style-type: none; 
 margin: 0px; 
 } 

#page-navigation .menu { 
 text-align: left; 
 text-transform: uppercase; 
 margin-right: auto; 
 } 

#page-navigation .menu>li { 
 font-size: 18px; 
 color: #303030; 
 display: inline-block; 
 margin-left: 72px; 
 } 

#page-navigation .menu a { 
 color: inherit; 
 } 

#page-navigation .menu>li>a { 
 padding-top: 20px; 
 padding-bottom: 20px; 
 font-family: 'Domaine Display', sans-serif; 
 font-size: 22px; 
 font-weight: 400; 
 display: block; 
 } 

#page-navigation .menu>li>a:hover,
#page-navigation .menu>li.active>a { 
 color: #DFC89C; 
 } 

@media (max-width: 1600px) { 
 #page-navigation .menu>li { 
 margin-left: 40px; 
 } 
.lang li a { font-size:16px !important; } 
 #page-navigation .menu>li>a { 
 font-size: 20px; 
 } 

 #page-navigation .btn { 
 min-width: 215px; 
 } 
.lang li a { line-height:1.2 !important; } 
 } 

@media (max-width: 1400px) { 
 #page-navigation .menu>li { 
 margin-left: 30px; 
 } 

 #page-navigation .menu>li>a { 
 font-size: 18px; 
 } 

 #page-navigation .btn { 
 min-width: 185px; 
 } 
 } 

@media (max-width: 1199px) { 
 #page-navigation .menu>li { 
 margin-left: 30px; 
 } 

 #page-navigation .menu>li>a { 
 font-size: 18px; 
 } 

 #page-navigation .btn { 
 min-width: 185px; 
 } 
 } 


@media (max-width: 991px) { 
 #page-navigation .menu>li { 
 margin-left: 15px; 
 } 

 #page-navigation .menu>li>a { 
 font-size: 14px; 
 } 

 #page-navigation .btn { 
 min-width: 185px; 
 font-size: 12px; 
 min-width: auto; 
 padding: 10px 12px; 
 } 

 } 

@media (min-width: 768px) { 
 #page-navigation .scrollable-content { 
 display: flex; 
 flex-wrap: wrap; 
 align-items: center; 
 } 
 } 

@media (max-width: 767px) { 
 .open-menu { 
 overflow: hidden; 
 } 

 .open-menu #page-navigation { 
 right: 0px; 
 } 

 #page-navigation { 
 position: fixed; 
 width: 100%; 
 height: 100vh; 
 top: 0px; 
 right: 100%; 
 background: #fff; 
 z-index: 1000; 
 padding: 58px 20px; 
 -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
 } 

 #page-navigation .scrollable-content { 
 height: 100%; 
 overflow-x: auto; 
 -webkit-overflow-scrolling: touch; 
 display: block; 
 } 

 #page-navigation .close-menu-btn { 
 font-size: 20px; 
 position: absolute; 
 left: 15px; 
 top: 24px; 
 color: #303030; 
 } 

 #page-navigation .menu { 
 margin-bottom: 20px; 
 text-align: right; 
 } 

 #page-navigation .menu>li { 
 display: block; 
 margin-left: 0px; 
 margin-bottom: 1px; 
 } 

 #page-navigation .menu>li>a { 
 padding: 13px 5px; 
 display: block; 
 } 

 #page-navigation .menu .open>a { 
 color: #DFC89C; 
 } 

 #page-navigation .menu .open>a:after { 
 -webkit-transform: rotate(180deg); 
 -ms-transform: rotate(180deg); 
 transform: rotate(180deg); 
 } 
 } 

@media (max-width: 1600px) and (min-width: 1200px) { 

 h1,
 h2 { 
 font-size: 62px; 
 margin-bottom: 25px; 
 } 
 } 

.view-btn { 
 font-size: 15px; 
 color: #303030; 
 text-decoration: underline; 
 } 

.view-btn:hover { 
 text-decoration: underline; 
 } 

.divider1 { 
 border-top: 1px solid #C4C4C4; 
 margin: 20px 0; 
 } 

.figure1.h-100 img.w-100 { 
 height: 100%; 
 } 

.figure1.one-half { 
 height: calc(50% - 30px); 
 } 

.figure1.one-half img.w-100 { 
 height: 100%; 
 height: 380px; 
 } 

.figure1.one-half+.figure1.one-half { 
 margin-top: 16px; 
 } 

.full-width { } 

/*
*sociables
*/
.sociables.alt li a { 
 border-radius: 0px; 
 background: #3f3f3f; 
 color: #fff; 
 width: 40px; 
 height: 40px; 
 font-size: 24px; 
 } 

.sociables.alt li a:hover { 
 background: #DFC89C; 
 } 


/*
*two-column-layout
*/
.two-column-layout .position-relative .scroll-down-btn { 
 position: absolute; 
 left: 0; 
 bottom: -16px; 
 } 

@media (max-width: 1600px) { 
 .two-column-layout .position-relative .scroll-down-btn { 
 bottom: 2px; 
 } 

 .two-column-layout .position-relative .scroll-down-btn img { 
 max-height: 56px; 
 } 
 } 

@media (max-width: 767px) { 
 .two-column-layout .position-relative .scroll-down-btn { 
 bottom: -30px; 
 } 
 } 

/*
*list1
*/
.list1 { 
 padding: 0; 
 list-style-type: none; 
 margin-right: -12px; 
 margin-left: -12px; 
 display: flex; 
 flex-wrap: wrap; 
 justify-content: space-between; 
 } 

.list1 li { 
 padding: 12px 12px; 
 flex: 1 0 0%; 
 position: relative; 
 padding-right: 52px; 
 } 

.list1 li .icon { 
 position: absolute; 
 right: 12px; 
 top: 17px; 
 } 

.list1 li .icon img { 
 max-width: 26px; 
 } 

.list1 li h3 { 
 font-size: 22px; 
 margin-bottom: 9px; 
 } 

.list1 li p { 
 font-size: 20px; 
 color: #000; 
 margin-bottom: 2px; 
 } 

.list1 li p a { 
 color: inherit; 
 } 

@media (max-width: 1799px) { 
 .list1 li h3 { 
 font-size: 30px; 
 } 

 .list1 li p { 
 font-size: 18px; 
 } 
 } 

@media (max-width: 991px) { 
 .list1 li h3 { 
 font-size: 26px; 
 } 

 .list1 li p { 
 font-size: 16px; 
 } 
 } 

@media (max-width: 767px) { 
 .list1 li { 
 width: 100%; 
 flex: auto; 
 } 
 } 

/*
*slideshow
*/
.slider3 { 
 margin-right: -8px; 
 margin-left: -8px; 
 } 

.slider3 .slick-track { 
 display: flex; 
 flex-wrap: wrap; 
 } 

.slider3 .slick-track .item { 
 height: auto; 
 padding: 0 8px; 
 } 

/* img box */
.img-box { 
 padding: 110px 136px 110px 0; 
 } 

.img-box .content { 
 position: relative; 
 z-index: 10; 
 max-width: 800px; 
 } 

.img-box .content h2 { 
 color: #fff; 
 margin-bottom: 26px; 
 } 

.img-box .content p { 
 color: #fff; 
 font-size: 22px; 
 line-height: 40px; 
 } 

.img-box .cover-image { 
 position: absolute; 
 width: 100%; 
 height: 150%; 
 top: 0; 
 right: 0; 
 } 
.img-box .cover-image:before { content:''; background:rgba(0,0,0,0.7); position:absolute; top:0; right:0; width:100%; height:100%; z-index:1; } 
.img-box .cover-image img.w-100 { 
 height: 100%; 
 } 

/* 
.img-box .figure1 { 
 width: 100vw; 
 } */

@media (max-width: 1199px) { 
 .img-box { 
 padding: 100px 50px; 
 } 

 .img-box .content p { 
 font-size: 20px; 
 line-height: 30px; 
 } 
 } 

@media (max-width: 767px) { 
 .img-box { 
 padding: 50px 25px; 
 } 

 .img-box .content p { 
 font-size: 16px; 
 line-height: 30px; 
 } 
 } 

/*
*section2
*/
.section2 { 
 padding: 112px 0; 
 position: relative; 
 overflow: hidden; 
 } 

.section2:after { 
 content: ''; 
 position: absolute; 
 width: 100%; 
 height: 50%; 
 background: #212721; 
 bottom: 0; 
 right: 0; 
 z-index: -1; 
 } 

@media (max-width:767px) { 
 .section2 { 
 padding: 50px 0; 
 } 
 } 

/*
* gallery-section
*/
.gallery-section header { 
 margin-bottom: 94px; 
 } 

@media(max-width: 991px) { 
 .gallery-section header { 
 margin-bottom: 60px; 
 } 
 } 

@media(max-width: 767px) { 
 .gallery-section header { 
 margin-bottom: 40px; 
 } 
 } 


/*
*about us
*/
.about-us .text-right { 
 max-width: 600px; 
max-width: 100%; 
 margin-right: auto; 
 padding-left: 37px; 
 } 

.about-us p { 
 font-size: 20px; 
 line-height: 40px; 
 } 

@media (max-width: 991px) { 
 .about-us .text-right { 
 max-width: 100%; 
 } 

 .about-us .images { 
 text-align: center; 
 } 

 .about-us .images .image1 { 
 display: inline-block; 
 max-width: 400px; 
 height: 400px; 
 } 

 .about-us .images .image2 { 
 display: none; 
 } 

 .about-us p { 
 font-size: 16px; 
 line-height: 32px; 
 } 
 } 

/* images */
.images .image1 { 
 max-width: 528px; 
 width: 100%; 
 height: 510px; 
 object-fit: scale-down; 
 display: block; 
 margin-right: auto; 
 } 

.images .image2 { 
 max-width:270px; 
 width: 100%; 
 height: 248px; 
 object-fit: cover; 
 display: block; 
 margin-top: -77px; 
 position: relative; 
 z-index: 2; 
 } 

.home .play-btn.absolute-center { display:none; } 
#header , #header2 { box-shadow: 0 0 3px 0 rgb(0 0 0 / 0%); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 
#header.scroll, #header2.scroll { padding:10px 0; box-shadow: 0 0 3px 0 rgb(0 0 0 / 60%); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 
#header .logo img , #header2 .logo img { width:192px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 
#header.scroll .logo img , #header2.scroll .logo img { width:130px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 
#header2 .logo img { max-height:75px; object-fit:contain; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 
#header.hide { top: -120px; } 
.single .section.pagination { display:none; } 
html { scroll-behavior: smooth; } 
.slider3 .slick-track .item .figure1 { overflow:hidden; height: 732px; } 
.slider3 .slick-track .item .figure1.one-half { height: 380px; } 
.slider3 .slick-track .item .figure1 img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-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; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 
.slider3 .slick-track .item .figure1:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 
.single-experiences #menu, .single-experiences #gallery, .single-experiences #about, .single-experiences #experiences { padding-top:100px !important; margin-top:-100px; } 

.page-template-page-about .onepage-section { padding-top:200px !important; margin-top:-200px; } 
.page-template-page-about.loaded .onepage-section { padding-top:100px !important; margin-top:-100px; } 

.bg-color3 { 
 background: #202020 !important; 
 } 

.bg-color4 { 
 background: #F6F4F3 !important; 
 } 

.text-color2 { 
 color: #DFC89C !important; 
 } 

.play-btn2 { 
 border-radius: 100px; 
 width: 94px; 
 height: 94px; 
 background: rgba(223, 200, 156, 0.9); 
 border: 0px; 
 padding: 0px; 
 font-size: 30px; 
 z-index: 11; 
 color: #ffffff; 
 display: -webkit-inline-box; 
 display: -ms-inline-flexbox; 
 display: inline-flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 } 

.play-btn2 .fa { 
 margin-left: -8px; 
 } 

.absolute-center { 
 position: absolute; 
 right: 50%; 
 top: 50%; 
 -webkit-transform: translate(50%, -50%); 
 -ms-transform: translate(50%, -50%); 
 transform: translate(50%, -50%); 
 } 

@media(max-width: 991px) { 
 .play-btn2 { 
 width: 70px; 
 height: 70px; 
 font-size: 25px; 
 } 

 .play-btn2 .fa { 
 margin-left: -5px; 
 } 
 } 

.border-color1 { 
 border-color: rgba(255, 255, 255, 0.2) !important; 
 } 

.figure1[class*="overlay"]::after { 
 position: absolute; 
 content: ''; 
 width: 100%; 
 height: 100%; 
 top: 0; 
 right: 0; 
 } 

.figure1.overlay1::after { 
 background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.5))) !important; 
 background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%) !important; 
 background: linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%) !important; 
 } 

.figure1.overlay2::after { 
 background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.8)), color-stop(97.99%, rgba(0, 0, 0, 0.44))) !important; 
 background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.44) 97.99%) !important; 
 background: linear-gradient(-180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.44) 97.99%) !important; 
 } 

.figure1.overlay3::after { 
 background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))) !important; 
 background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%) !important; 
 background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%) !important; 
 } 

.opacity-50 { 
 opacity: .5; 
 } 

.pull-top { 
 margin-top: -22vh; 
 position: relative; 
 } 

.title4 { 
 font-size: 28px; 
 line-height: 40px; 
 margin-bottom: 28px; 
 } 

.title5 { 
 font-size: 36px; 
 line-height: 44px; 
 margin-bottom: 28px; 
 } 

.font-secondary { 
 font-family: 'Domaine Display', sans-serif; 
 } 

@media (max-width: 767px) { 
 .title4 { 
 font-size: 24px; 
 line-height: 34px; 
 margin-bottom: 20px; 
 } 

 .title5 { 
 font-size: 24px; 
 line-height: 34px; 
 margin-bottom: 18px; 
 } 
 } 

/* box3 */
@media(max-width: 1800px) { 
 .box3.alt .figure1 img { 
 height: 450px; 
 } 
 } 

.box3.alt2 .figure1 img { 
 height: 380px; 
 } 

.box3.alt2 .caption { 
 background: rgba(0, 0, 0, .7); 
 width: 100%; 
 padding: 20px; 
 } 

.box3.alt2:hover .figure1 img { 
 -webkit-transform: scale(1.1); 
 -ms-transform: scale(1.1); 
 transform: scale(1.1); 
 } 

@media(max-width: 767px) { 
 .box3.alt2 .figure1 img { 
 height: 320px; 
 } 
 } 

/* filter */
.filter.border2 { 
 border-top: 1px solid #B3B3B3; 
 border-bottom: 1px solid #B3B3B3; 
 } 

/* dropdown1 */
.dropdown1 .toggle-btn { 
 padding-left: 20px; 
 position: relative; 
 } 

.dropdown1 .toggle-btn::after { 
 content: "\f107"; 
 font-family: "FontAwesome"; 
 font-size: 20px; 
 position: absolute; 
 left: 0px; 
 top: 50%; 
 -webkit-transform: translateY(-50%); 
 -ms-transform: translateY(-50%); 
 transform: translateY(-50%); 
 } 
.dropdown1 .dropdown-menu { 
 padding: 20px; 
 min-width: 180px; 
 border: 1px solid #D9D9D9; 
 border-radius: 4px; 
 -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
 box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 
 } 
.dropdown1 .dropdown-menu li { 
 line-height: 1; 
 margin-bottom: 18px; 
 } 
.dropdown1 .dropdown-menu li:last-child { 
 margin-bottom: 0px; 
 } 
.dropdown1 .dropdown-menu a { 
 font-size: 12px; 
 color: #000000; 
 } 

/* mobile-dropdown */
@media(max-width: 767px) { 
 .mobile-dropdown .dropdown-menu { 
 border: 1px solid transparent; 
 } 

 .mobile-dropdown .dropdown-menu a { 
 display: block; 
 padding-left: 10px; 
 padding-right: 10px; 
 } 

 .mobile-dropdown .dropdown-menu.text-dark a { 
 color: #303030; 
 } 
 } 

.z-index-5 { 
 z-index: 5; 
 } 

/* navigation1 */
.navigation1 { 
 list-style: none; 
 padding: 0px; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 margin-right: -35px; 
 margin-left: -35px; 
 background: transparent; 
 border: 0px; 
 border-radius: 0px; 
 } 

.navigation1 li { 
 padding: 0px 35px; 
 } 

.navigation1 li a { 
 font-weight: 600; 
 font-size: 16px; 
 line-height: 18px; 
 color: #FFFFFF; 
 padding: 37px 0px; 
 border-bottom: 4px solid transparent; 
 display: inline-block; 
 } 

.navigation1 li a:hover { 
 border-color: #DFC89C; 
 } 

@media(max-width: 1199px) { 
 .navigation1 { 
 margin-right: -20px; 
 margin-left: -20px; 
 } 
 
 .navigation1 li { 
 padding: 0px 20px; 
 } 
 } 

@media(max-width: 991px) { 
 .navigation1 { 
 margin-right: -15px; 
 margin-left: -15px; 
 } 
 
 .navigation1 li { 
 padding: 0px 15px; 
 } 
 
 .navigation1 li a { 
 padding: 20px 0px; 
 } 
 } 

@media(max-width: 767px) { 
 .navigation1 li a { 
 padding: 10px 0px; 
 border-bottom: 0px; 
 } 
 } 

/* scroll-section-wrap */
.scroll-section-wrap { 
 padding-top: 113px; 
 margin-top: -113px; 
 } 

@media(max-width: 991px) { 
 .scroll-section-wrap { 
 padding-top: 109px; 
 margin-top: -109px; 
 } 
 } 

@media(max-width: 767px) { 
 .scroll-section-wrap { 
 padding-top: 90px; 
 margin-top: -90px; 
 } 
 } 

/* slider4 */
.slider4-wrap .slider-options { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 padding-top: 50px; 
 } 

.slider4-wrap .slick-dots { 
 list-style: none; 
 padding-right: 0px; 
 margin-bottom: 0px; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 margin: 0px 10px; 
 -webkit-box-flex: 1; 
 -ms-flex: 1; 
 flex: 1; 
 } 

.slider4-wrap .slick-dots li { 
 line-height: 1; 
 } 

.slider4-wrap .slick-dots button { 
 width: 8px; 
 height: 8px; 
 border-radius: 50px; 
 background: #E1E1E1; 
 text-indent: 99px; 
 overflow: hidden; 
 margin: 0px 10px; 
 } 

.slider4-wrap .slick-dots .slick-active button { 
 background: #DFC89C; 
 } 

.slider4-wrap .slick-arrow { 
 -ms-flex-negative: 0; 
 flex-shrink: 0; 
 } 

.slider4-wrap .slick-arrow img { 
 max-width: 45px; 
 } 

.slider4 { 
 margin-right: -8px; 
 margin-left: -8px; 
 } 

.slider4 .slick-track { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -ms-flex-wrap: wrap; 
 flex-wrap: wrap; 
 } 

.slider4 .slick-track .item { 
 height: auto; 
 padding: 0 8px; 
 } 

@media(max-width: 767px) { 
 .slider4-wrap .slider-options { 
 padding-top: 25px; 
 } 

 .slider4-wrap .slick-dots button { 
 margin: 0px 6px; 
 } 

 .slider4-wrap .slick-arrow img { 
 max-width: 35px; 
 } 
 } 

.rounded-badge { 
 background: #DFC89C; 
 width: 48px; 
 height: 48px; 
 border-radius: 100px; 
 color: #000000; 
 display: -webkit-inline-box; 
 display: -ms-inline-flexbox; 
 display: inline-flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 -webkit-box-pack: center; 
 -ms-flex-pack: center; 
 justify-content: center; 
 } 

/* box5 */
.box5 { 
 position: relative; 
 z-index: 1; 
 } 

.box5 .figure1 { 
 position: absolute; 
 right: 0px; 
 top: 0px; 
 width: 100%; 
 height: 100%; 
 z-index: -1; 
 } 

.box5 .figure1::before { 
 content: ''; 
 width: 100%; 
 height: 100%; 
 position: absolute; 
 right: 0px; 
 top: 0px; 
 background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.225)), to(rgba(0, 0, 0, 0.9))); 
 background: -o-linear-gradient(top, rgba(0, 0, 0, 0.225) 0%, rgba(0, 0, 0, 0.9) 100%); 
 background: linear-gradient(-180deg, rgba(0, 0, 0, 0.225) 0%, rgba(0, 0, 0, 0.9) 100%); 
 } 

.box5 .description { 
 color: #ffffff; 
 min-height: 480px; 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-orient: vertical; 
 -webkit-box-direction: normal; 
 -ms-flex-direction: column; 
 flex-direction: column; 
 -webkit-box-pack: end; 
 -ms-flex-pack: end; 
 justify-content: flex-end; 
 padding: 60px 68px 40px; 
 } 

.box5 .description .offering-restaurants p { 
 font-size: 18px; 
 line-height: 24px; 
 } 

.box5 .description .meta { 
 font-size: 18px; 
 } 

@media(max-width: 991px) { 
 .box5 .description { 
 padding: 30px 20px; 
 } 

 .box5 .description .meta,
 .box5 .description .offering-restaurants p { 
 font-size: 16px; 
 } 
 } 

/* modal1 */
.modal1 .modal-dialog { 
 max-width: 615px; 
 } 

.modal1 .close-btn { 
 position: absolute; 
 left: 10px; 
 top: 5px; 
 font-size: 24px; 
 line-height: 1; 
 z-index: 99; 
 } 

/* slider5 */
.slider5 { 
 margin-bottom: 76px; 
 } 

.slider5 .slick-arrow { 
 text-indent: -99999px; 
 position: absolute; 
 left: 0px; 
 bottom: -76px; 
 background-repeat: no-repeat; 
 background-position: center center; 
 background-size: 100% 100%; 
 width: 45px; 
 height: 20px; 
 z-index: 9; 
 } 

.slider5 .slick-prev { 
 background-image: url('../images/arrow-l.svg'); 
 left: 70px; 

 } 

.slider5 .slick-next { 
 background-image: url('../images/arrow-r.svg'); 
 } 

@media(min-width: 991px) { 
 .slider5 .ml-negative { 
 margin-right: -100px; 
 position: relative; 
 } 
 } 

@media(max-width: 767px) { 
 .slider5 { 
 margin-bottom: 45px; 
 } 
 
 .slider5 .slick-arrow { 
 bottom: -45px; 
 } 
 } 

/* slider6 */
.slider6-wrap .slider-options { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-align: center; 
 -ms-flex-align: center; 
 align-items: center; 
 } 

.slider6-wrap .slider-options button + button { 
 margin-right: 40px; 
 } 

.slider6-wrap .slider-options button:hover svg path { 
 stroke: #DFC89C; 
 } 

.slider6.slick-slider .slick-track { 
 display: -webkit-box; 
 display: -ms-flexbox; 
 display: flex; 
 } 

.slider6.slick-slider .slick-dots { 
 position: absolute; 
 right: 0px; 
 bottom: 30px; 
 width: 100%; 
 padding-top: 0px; 
 } 

.slider6.slick-slider .slick-dots button { 
 width: 8px; 
 height: 8px; 
 background: rgba(255, 255, 255, 0.6); 
 border: 0px; 
 line-height: 1; 
 margin: 0px 5px; 
 display: block; 
 margin-top: 2px; 
 } 

.slider6.slick-slider .slick-dots button:hover { 
 -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, .2); 
 box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, .2); 
 background: rgba(255, 255, 255, 0.6); 
 } 

.slider6.slick-slider .slick-dots .slick-active button { 
 width: 12px; 
 height: 12px; 
 background: #DFC89C; 
 -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, .2); 
 box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, .2); 
 margin-top: 0px; 
 } 

@media(max-width: 767px) { 
 .slider6.slick-slider .slick-dots button { 
 margin: 0px 2px; 
 } 
 
 .slider6.slick-slider .slick-dots .slick-active button { 
 width: 10px; 
 height: 10px; 
 -webkit-box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, .2); 
 box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, .2); 
 } 
 } 

/* two-column-layout */
.two-column-layout .image-wrap.flip { 
 direction: ltr; 
 } 

.lang .current { display:none; } 
.lang { position:absolute; top:0; left:0; margin: 0; padding: 0; list-style: none; } 
.lang li a { padding-top: 20px; padding-bottom: 20px; font-family: 'GraphikEn'; font-size: 17px; font-weight: 400; display: block; color: #303030; line-height:32px; } 

.sticky-wrap.is_stuck, .sticky-wrap2.is_stuck { margin-right:-7px; } 
.press-posts figure img { height: 260px !important; object-fit:cover; } 
.filter .mobile-dropdown button { border-width: 0; border-bottom-width: 1px; } 
#menu.two-column-layout .image img { max-height:640px; object-fit:cover; } 
.sign-up-section.position-relative { padding-top:0 !important; } 
.section.section-alt { overflow:hidden; } 
.single article br { display:none !important; } 
.person .description h3 b { font-weight:500; } 
.post-images .col-md-6.column figure img { height: 298px; object-fit:cover; } 
.related-restaurants .carousel-nav { display:none; } 
#dress-code .modal-dialog { max-width: 1200px; } 
#dress-code .modal-dialog h2 { font-size:30px; } 
#dress-code .close-btn { position: absolute; left: 10px; top: 5px; font-size: 24px; line-height: 1; z-index: 99; } 
#dress-code .modal-body { padding: 20px 40px 1px; text-align: center; } 
.about-wrap #corporate blockquote p { font-size: 24px; font-weight: 400; line-height:1.6; font-family: 'Domaine Display', sans-serif; } 
.about-wrap #corporate blockquote p cite { margin-right:10px; font-weight:700; font-style:normal; } 
article .inner-wrap li { font-size: 16px; line-height: 32px; margin-bottom:15px; } 
@media (max-width:991px) { 
.lang { left:45px; top: -9px; } 
 } 
@media (max-width:767px) { 
.related-restaurants .container.before-title { padding:0 20px; } 
#main-navigation .menu>li:hover>a:before { display:none; } 
.mobile-dropdown.dropdown { z-index:10; } 
.filter .search button i { color:#000; } 
.sociables2 li { padding: 0px 10px; } 
.section.py-lg-5 .divider1 { margin-top: -25px; } 
.bg-black h2.title1 br { display:none; } 
.bg-black h2.title1 { margin-bottom:0; text-align:center; } 
 } 

#newsletterEmailInput.error , #newsletterPopupEmailInput.error { border-bottom-color:red; } 
.newsletter-form label.error, .newsletter-popup-form label.error { font-size:13px; color:red; text-align: right; display: block; } 

.modal { z-index: 100000000055; } 
.slick-dots + .slick-dots { display:none !important; } 
.link1 { text-decoration:none; } 
.single-press p strong { font-weight:500; } 
html.js { margin-top: 0 !important; } 
a:hover { color: #000; } 
blockquote br { display:none; } 
body { overflow:hidden; } 
body.loaded { overflow:visible; } 
.sign-up-section .box1 { max-width: 1268px; margin: 0 auto; } 
#corporate p + h3 { padding-top:50px; } 
#corporate blockquote { padding-top:40px; } 
.mt-75 { margin-top:-75px; position:relative; } 
.single-experiences #about .sociables.alt { display:none !important; } 
.error404-content { text-align: center; padding: 130px 0; } 
#menu .inner h2 { margin-bottom:0; } 
.filter .mb-4 { z-index: 10; } 
#portfolio-section { margin-top: -100px; padding-top: 100px !important; } 
#onepage-nav li::before { height:100%; text-align:center; line-height:2; } 
@media screen and (min-width: 1125px) and (max-width: 1366px) { 
.display-1 { font-size:42px; } 
p { font-size: 15px !important; line-height: 25px !important; } 
h1, h2 , .title1 , .post-wrapper h1, .post-wrapper h2 , .title2 { font-size: 32px; line-height: 1.5; } 
#main-navigation .menu>li>a, .lang li a { font-size:16px; line-height: 1.2; } 
.btn { padding-top: 10px; padding-bottom: 10px; font-size: 13px; } 
.box2 h2 { font-size:22px; line-height: 1.3; margin-bottom: 10px; } 
.section .before-title:before { font-size:36px; } 
.box2 .caption { padding:20px; } 
.box2 .figure1 img { height: 350px; } 
.box2 p { font-size:14px !important; line-height:22px !important; margin-bottom:10px; } 
.box2 .hover-caption { padding: 15px; } 
.box2 .hover-caption .meta { margin-bottom:13px !important; } 
h3 { font-size: 24px; } 
.filter .filter-nav a { font-size: 14px; } 
.box2 .meta span { font-size:14px; } 
.form-control { font-size: 12px; } 
#onepage-nav li a { font-size: 16px; line-height: 22px; padding: 15px 0px; } 
.onepage-section p { margin-bottom: 30px; } 
.page-template-page-about.loaded .onepage-section { padding-top: 50px !important; margin-top: -50px; } 
.post-wrapper h4 { font-size:20px; } 
.list1 li h2 { font-size: 18px; } 
.view-map .box .text { font-size: 12px; } 
h4 { font-size:20px; } 
.modal1 .modal-dialog { max-width: 500px; } 
.modal1 .modal-content { margin-top: 80px; } 
#onepage-nav li::before { font-size:34px; line-height:2.5; } 
 } 
@media screen and (max-width:767px) { 
p { font-size:16px; } 
.sign-up-section h3 { font-size:24px; line-height:1.2; margin-bottom: 10px; } 
.sign-up-section p { line-height:1.3; margin-bottom: 0; } 
.about-wrap #corporate blockquote p { font-size: 21px; margin: -25px 0; line-height:1.8; } 
.about-wrap #corporate blockquote p cite { font-size: 21px; } 
#follow .figure1 { display:none; } 
.two-column-layout .text-content .inner .sociables2 { margin-right: -9px; margin-left: -9px; padding-top: 30px; } 
 } 

 #main-navigation .menu .menu-item-has-children .child .menu-item-has-children { position: relative; } 
 #main-navigation .menu .menu-item-has-children .child .menu-item-has-children a:after { position: absolute; top: 50%; font-size: 20px; left:12px; transform: translateY(-50%) rotate(90deg); margin-top: 0px; } 
 #main-navigation .menu .menu-item-has-children .child .child { display: none; position: absolute; top: -25px; left: -150px; right: auto; } 
 #main-navigation .menu .menu-item-has-children .child .menu-item-has-children:hover .child { display: block; } 
 @media screen and (max-width:767px) { 
 #main-navigation .menu .menu-item-has-children .child .child { display: block; position: relative; top: 0; left: 0; right: auto; padding-right: 15px; } 
 #main-navigation .menu .menu-item-has-children .child .menu-item-has-children a:after { display: none; } 
 #main-navigation .menu .child li a { font-size: 13px; } 
 #header2.scroll .lang { transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 
 #header2.scroll .lang { top:-15px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 
 }