/*===== Common Class =====*/
 html {
	position: relative;
	min-height: 100%;
}
html {
	-webkit-font-smoothing: antialiased;
}
* {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
body {
	font-size: 16px;
	color: #666;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0px; line-height:normal;
	 overflow-x: hidden;
	height: 100%;
	font-family: 'Montserrat-Regular';
   /* -webkit-overscroll-behavior: none;
	-o-overscroll-behavior: none;
	overscroll-behavior: none;
	-webkit-overflow-scrolling: touch;*/
}
.fl {
	float: left;
}
.fr {
	float: right;
}
li, ul, ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
a, a img {
	text-decoration: none;
	border: 0;
	outline: none !important;
}
a, 
button, 
input[type=submit], 
.input-text {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
}
a:hover, 
a:focus {
	text-decoration: none;
	outline: none;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.clear {
}
.clear:before, .clear:after {
	display: table;
	content: "";
}
.clear:after {
	clear: both;
}
input, textarea {
	outline: none !important;
}
#wrapper {
	width: 100%;
}
input[type=text]::-moz-placeholder, 
input[type=search]::-moz-placeholder, 
.input-text::-moz-placeholder, 
.input_text::-moz-placeholder {
 color: inherit;
 opacity: 1;
}
input[type=text]::-webkit-input-placeholder, 
input[type=search]::-webkit-input-placeholder, 
.input-text::-webkit-input-placeholder, 
.input_text::-webkit-input-placeholder {
 color: inherit;
 opacity: 1;
}
input[type=text]::-ms-placeholder, 
input[type=search]::-ms-placeholder, 
.input-text::-ms-placeholder, 
.input_text::-ms-placeholder {
 color: inherit;
 opacity: 1;
}
 input[type=email]::-moz-placeholder {
 color: inherit;
 opacity: 1;
}
 input[type=email]::-webkit-input-placeholder {
 color: inherit;
 opacity: 1;
}
 input[type=email]::-ms-placeholder {
 color: inherit;
 opacity: 1;
}
 textarea::-moz-placeholder {
 color: inherit;
 opacity: 1;
}
 textarea::-webkit-input-placeholder {
 color: inherit;
 opacity: 1;
}
 textarea::-ms-input-placeholder {
 color: inherit;
 opacity: 1;
}
 



/*============ Bootstrap Class Overwriter CSS Code Start ============*/

@media (min-width: 768px) {
.container {
	width: 750px;
}
}

@media (min-width: 992px) {
.container {
	width: 970px;
}
}


@media (min-width: 1230px) {
.container {
	width: 1200px;
	max-width: 1200px;
}
}
.container {
	 position: relative; z-index: 15;
}
 
.center-block {
	float: none;
}
/* navbar start */



.flxrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flxrow .flxfix {
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.flxrow .flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}

/*=========================================*/
/* Elements css Start  */
/*=========================================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	 
}
h1 {
	font-size: 42px;
	 
}
h2 {
	font-size: 36px;
	 
}
h3 {
	font-size: 32px;
	 
}
h4 {
	font-size: 28px;
 
}
h5 {
	font-size: 24px;
 
}
h6 {
	font-size: 20px;
	 
}
p{margin: 0; padding: 0;     font-size: 16px;
    line-height: 1.8;
    color: #666;}

.main_wapper{ overflow:hidden; }
/*=========================================*/
/* Elements css End  */
/*=========================================*/


/*=========================================*/
/* Main Header */
/*=========================================*/

/*=========================================*/
/* Main Banner Start */
/*=========================================*/
.banner_wapper {
	width: 100%;
	position: relative;
	z-index: 2;
}
/*=========================================*/
/* Main Banner End */
/*=========================================*/



/*=========================================*/
/* Main Content Start */
/*=========================================*/
.contain_wapper {
	width: 100%;
	position: relative;
}
/****************************/
/* homepage start */
.home_wapper {
	width: 100%;
	position: relative;
}
 

#header{ position: relative; z-index: 100; background: #fff; }
.header-top{ display: flex; align-items: center; justify-content: space-between;   min-height: 106px; max-height: 106px;; }
.logo{ margin:55px 0 0 0; }
.header-right-main{ display: flex; align-items: center;  }
.main-nav ul{ display: flex ;align-items: center; }
.main-nav ul li{ padding: 0 45px 0 0; }
.main-nav ul li a{ font-size: 15px; line-height: 28px; color: #333333; }
.main-nav ul li a:hover{   font-family: 'Montserrat-SemiBold';}
.menu-links a{ color:#fff;font-size: 15px ; border-radius: 100px;; font-family: 'Montserrat-Medium'; text-transform: uppercase; background: #622604; padding: 18px 35px ; display: inline-block;   }
.menu-links a:hover{ background: #B14C13;   }

.banner-slide{ position: relative; }
.banner-slide .img { min-height: 640px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.banner-slide .img  img{ display: none; }
.banner-caption{ padding: 100px 0 0 0; position: absolute; left: 0px; top: 0px; width: 100%; text-align: center; }
.banner-text h1 { padding: 0 0 18px;     font-family: 'Montserrat-Bold'; font-size: 75px; line-height: 1; color: #622604;}
.banner-text h1 span{ display: block;  color: #230505;}
.banner-text  p{  color: #082D0F ; font-size: 31px; line-height: 1; font-family: 'Montserrat-Medium'; }

.home-section-1{ padding: 93px 0 0 0; background: url(../images/about-bg.png) no-repeat 95% 93px; }
.section-title{ background: url(../images/title-bg.png) no-repeat center bottom; padding: 0 0 62px;; display: block; width: 100%; text-align: center;}
.section-title h2{font-size: 45px;; font-family: 'Montserrat-SemiBold'; color: #622604; }
.section-title h2 span{   font-size: 52px;;font-family: 'Montserrat-Bold';  color: #220404; display: block;}
.banner-wapper{ position: relative; }
.banner-wapper .slick-dots{ position: absolute; left: 0px; width: 100%; bottom: 60px; display: flex ;align-items: center; justify-content: center;  }
.banner-wapper .slick-dots li{ margin: 0 15px;; }
.banner-wapper .slick-dots li button{ width: 24px; outline: none; height: 24px; border: #fff solid 3px;; background: #fff; border-radius: 100px;font-size: 0px; ;  }
.banner-wapper .slick-dots li.slick-active button{ border: #622604 solid 4px; background: #F4D59F; width: 40px; height: 40px;; }

.about-text{display: block; width: 100%; text-align: center; padding: 33px 0 0 0;  }
.about-text h6{ display: block; font-family: 'Montserrat-Bold'; width: 100%; padding: 0 0 28px; font-size: 24px; line-height: 37px; color: #622604; }
.about-text p{ font-size: 18px; color: #666666; line-height: 38px; font-family: 'Montserrat-Medium'; }
.about-text p + p{ padding: 24px 0 0 0; }
.about-text .sub-links{ padding: 42px 0 0 0; }
.sub-links {display: flex ;align-items: center;  justify-content: center; }
.sub-links a{display: inline-block; width: auto; color:#082D0F ; font-size: 15px; border: #622604 solid 2px; border-radius: 100px;  font-family: 'Montserrat-Medium';  text-transform: uppercase;  padding: 18px 41px;  }
.sub-links a:hover{ background: #622604; color: #fff;  }
.about-block{ padding:81px 30px 153px;; }

.abt-box-inner{ position: relative; z-index: 10; display:  flex; padding: 29px; text-align: center; background: #F4D59F; box-shadow: rgba(0, 0, 0, 0.11) 0 3px 99px;  align-items: center; justify-content: center; min-height: 369px;; width: 100%; flex-direction: column;    }
.abt-box-inner h5 { display: block;   font-family: 'Montserrat-Medium';padding: 0 0 25px;; font-size: 30px; color: #333333; line-height: 36px;   }
.abt-box-inner h5 span{ display: block;}
.abt-box-inner p{ font-size: 16px; line-height: 1.8; color: #666; } 
.abt-box{ position: relative; }
.second-box .abt-box-inner{ background: #612503; }
.second-box .abt-box-inner p{color: #fff; }
.second-box .abt-box-inner h5{ font-size: 36px; font-family: 'Montserrat-Bold';  color: #fff; }
.abt-box .img-over{ position: absolute; left: 0px; bottom: -60px; width: 100%; text-align: center; }
.abt-box .img-over img{ display: inline-block; mix-blend-mode: multiply; }


.home-section-2{ padding: 110px 0; background: url(../images/home-bg-1.png) repeat center center;  border-top: rgba(222, 229, 229, 0.46) solid 2px;  border-bottom: rgba(222, 229, 229, 0.46) solid 2px; }

.hotel-row{ display: flex; justify-content: space-between; width: 100%;  }
.hotel-row .left_image { position: relative; width: 719px; display: inline-block;}
.hotel-row .left_image .img{ width: 100%; display: block; min-height: 572px; background-position: center center; background-size: cover; background-repeat: no-repeat;  border: #622604 solid 8px;     }
.hotel-row .left_image .img img{ display: none; width: 100%;}
.hotel-row .left_image .cup-img{ position: absolute; right: -84px; bottom: 24px;  }
.hotel-row .left_image .cup-img span{  box-shadow: rgba(0, 0, 0, 0.11) 0 3px 99px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100px; width: 167px; height: 167px;    }
.hotel-row .right-details{ width: 385px;}
.hotel-row .right-details .title{ margin: 0 0 20px; padding: 0 0 20px;; font-size: 45px; line-height: 1; color: #220404; position: relative; display: block; }
.hotel-row .right-details .title::after{ background: #7C9885; height: 5px; width: 67px; content: ''; position: absolute; left: 0px; bottom: 0px;;  }
.hotel-row .right-details .title span{ font-family: 'Montserrat-SemiBold';  color: #622604;  display: block;}
.hotel-row .right-details .text p{ color: #333333; } 
.hotel-row .right-details .text p + p{ padding: 24px 0 0 0; }
 
.icon-blk{ display: flex ;align-items: center; justify-content: flex-end;   margin: 50px 0 0 0;  }
.icon-blk-inner{display: flex ; padding: 26px 24px; align-items: center; border-radius: 100px;;    box-shadow: rgba(0, 0, 0, 0.11) 0 3px 99px; background: #fff; }
.icon-blk-inner .icon { margin: 0 14px;; }
.icon-blk-inner .icon a{ width: 60px; height: 60px; border-radius: 100px; border: rgba(124, 152, 133, 0.44) solid 2px;  display: flex ;align-items: center; justify-content: center;  }
.icon-blk-inner .icon a:hover{ border: #622604 solid 2px; background: #622604; }
.icon-blk-inner .icon a svg path{ transition: all 0.3s ease-in-out; }
.icon-blk-inner .icon a:hover svg path{fill:#fff;}

.hotel-row:nth-child(2n+0){ margin: 90px 0 0 0; flex-direction: row-reverse; }
.hotel-row:nth-child(2n+0) .left_image .cup-img{ right: auto; left: -84px;}
.hotel-row:nth-child(2n+0) .icon-blk { justify-content: flex-start; }

.home-section-3{  background-position: center center; background-repeat: no-repeat ; background-size: cover; padding: 71px 0 0 0;  }

.coworking-block{ max-width: 587px; width: 100%; padding: 49px 45px 10px; background: #622604;  }
.coworking-block h4{ padding: 0 0 50px;; margin: 0 0 20px;; font-family: 'Montserrat-SemiBold';  font-size: 45px; color: #fff; display: block; background: url(../images/icon-2.png) no-repeat left bottom; }
.coworking-block h4 span{ font-size: 52px; font-family: 'Montserrat-Bold';   color: #F4D59F; display: block;}
.coworking-block  p{ font-family: 'Montserrat-Medium'; color: #FAFAFA; font-size: 18px; line-height: 2;  }
.coworking-block  p + p{ padding: 24px 0 0 0; }
.coworking-block .sub-links-2 { padding: 15px 0 0 0; }
.coworking-block .sub-links-2 a{ display: inline-block; font-family: 'Montserrat-SemiBold'; padding: 20px 40px; border-radius: 100px ; font-size: 16px; color: #000; text-transform: uppercase; background: #F4D59F;   }
.coworking-block .sub-links-2 a:hover{  background: #7c9885; color: #fff; }
.coworking-block h3{ font-size: 55px; line-height: 0.9; font-family: 'Montserrat-Bold'; text-transform: uppercase; color: #DEE5E5;  padding: 24px 0 0 0; }
.coworking-block h3 span{ opacity: 0.22; display: block;}

.home-section-4{ padding: 100px 0; background: url(../images/home-img-4.png) repeat center center;  }

.coffe-block{ display: flex; justify-content: space-between; }
.coffe-blk-left{ max-width: 498px; }
.coffe-blk-left h4{ width: 110%; padding: 0 0 10px;  margin: 0 0 20px;; font-size: 36px;  font-family: 'Montserrat-Bold'; color: #622604;  position: relative; display: block;}
.coffe-blk-left h4 span{ font-size:70px; letter-spacing: -0.9px;  text-transform: uppercase; color: #220404; display: block;}
.coffe-blk-left h4::after{ background: #7C9885; height: 5px; width: 67px; content: ''; position: absolute; left: 0px; bottom: 0px;;  }
.coffe-blk-left  p{  font-size: 20px; line-height: 1.9; color: #333333;}
.coffe-blk-left h6{ padding: 37px 0 0 0; font-size: 24px; line-height: 1.3; color: #333333; font-family: 'Montserrat-Bold'; display: block;}
.coffe-blk-left h6 span{ display: block; color: #622604;} 

.coffe_img_block{ width: 597px; display: block; position: relative; }
.coffe_img_block .img-1{ width: 333px; display: inline-block;}
.coffe_img_block .img-1 span{ box-shadow: rgba(0, 0, 0, 0.16) 0 3px 89px; min-height: 390px; display: block; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;  border: #D7460D solid 8px; } 
.coffe_img_block .img-1 span img{ display: none;}

.coffe_img_block .img-2{ position: absolute; right: 0px; top: 0px;  margin: 37px 0 0 0; width: 333px; display: inline-block;}
.coffe_img_block .img-2 span{ box-shadow: rgba(0, 0, 0, 0.65)-35px 0px 42px; min-height: 313px; display: block; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;  border: #E1A972 solid 8px; } 
.coffe_img_block .img-2 span img{ display: none;}

.coffe_img_block .img-3{ position: relative; left: 105px; top: 0px  ; margin: -116px 0 0 0; z-index: 100;    width: 333px; display: inline-block;}
.coffe_img_block .img-3 span{ box-shadow: rgba(0, 0, 0, 0.16) 0 3px 89px; min-height: 313px; display: block; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;  border: #f2e7e5 solid 8px; } 
.coffe_img_block .img-3 span img{ display: none;}
.coffe_img_block .logo-blk { position: absolute; right: -35px; bottom: 58px; }
 

.bramd-block{ display: block; width: 100%; padding: 60px 0; border-bottom: rgba(112, 112, 112, 0.18) solid 1px;;    }
/*.bramd-block ul{ flex-wrap: wrap; padding: 60px 0; display: flex; align-items: center; justify-content: space-between;  }
.bramd-block ul li a img { transition: all 0.3s ease-in-out; opacity: 0.43;  filter: grayscale(100%); }
.bramd-block ul li a:hover img{ opacity: 1;  filter: grayscale(0%); }*/

.bramd-block .slick-slider .slick-track{ display: flex; align-items: center; }
.bramd-block .brand-logo { padding: 0 80px 0 0; }
.bramd-block .brand-logo  a img { transition: all 0.3s ease-in-out; opacity: 0.43;  filter: grayscale(100%); }
.bramd-block .brand-logo  a:hover img{ opacity: 1;  filter: grayscale(0%); }

.testmonisal-block{ padding: 70px 0 0 0; }

.testi-slider-blk{ padding: 0px 0 0 0; }
.testi-block-inner{ padding: 52px 125px; text-align: center;  background: url(../images/coma.svg) no-repeat 50px 43px; width: 100%; display: block; position: relative; box-shadow: rgb(0 0 0 / 10%) 2.5px 4px 20px;}
.testi-block{ padding: 46px 75px; }
.testi-block .icon{ position: absolute; right: 40px; bottom: 60px;; }
.testi-block .star-row{ display: flex ;align-items: center; justify-content: center; }
.testi-block .star-row span{ margin: 0 5px;; }
.testi-block   h6{  padding: 26px 0 18px; font-family: 'Montserrat-Bold';display: block; width: 100% ; text-transform: uppercase; font-size: 22px; line-height: 1.5; color: #333;}
.testi-block p{  font-size: 16px; line-height: 2; color: #999;}

.testi-slider-blk .slick-arrow { z-index: 1000; position: absolute;  left: 0px; top: 50%; width: 51px; height: 34px;  background: url(../images/left-arrow.svg) no-repeat center center; border: 0px; font-size: 0px; outline: none;  }
.testi-slider-blk .slick-arrow.slick-next { left: auto; right: 0px;; background: url(../images/right-arrow.svg) no-repeat center center; } 
.testi-slider-blk .slick-arrow.slick-disabled{  background: url(../images/left-arrow-d.svg) no-repeat center center;}
.testi-slider-blk .slick-arrow.slick-next.slick-disabled{  background: url(../images/right-arrow-d.svg) no-repeat center center;}

.insta-listing  ul{ width: calc(100% + 20px); padding: 0px 0 0 0; margin: 0 -10px; display: flex; align-items: center; flex-wrap: wrap;  }
.insta-listing  ul li{ padding: 10px; width: 20%;;   }
.insta-listing  ul li a{ position: relative; padding: 100% 0 0 0 ; display: flex; align-items: center; justify-content: center; background-position: center center; background-size: cover; background-repeat: no-repeat; display: block ; width: 100%;  }
.insta-listing  ul li a span{ z-index: 5; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%);  }

.insta-listing  ul li a::after{ position: absolute; left: 0px; top: 0px; content: ''; width: 100%;  height: 100%; background: #000; opacity: 0.2 ; z-index: 2;  }


.insta-text{  }
.insta-text-blk{ padding: 24px  0 34px; border-bottom: #e3e3e3 solid 1px; display: flex ;align-items: center; justify-content: space-between; }
.insta-text-blk .left-text{ font-size: 42px;   font-family: 'Montserrat-Bold'; color: #622604; }
.insta-text-blk  .follow-text { font-family: 'Montserrat-SemiBold';  font-size: 28px;; color: #622604;  }
.insta-text-blk  .follow-text span{ color: #000000; opacity: 0.36; }
.footer-top{ padding: 65px 0  ; }
.footer{ background: url(../images/footer-bg.png) no-repeat center bottom; background-size: cover; }


.f_box h5{ padding: 0 0 26px;; display: block; width: 100%; color: #622604;  font-family: 'Montserrat-Bold';  font-size: 20px;;  text-transform: uppercase; }
.f_links ul li{ display: block;  width: 100%;  }
.f_links ul li + li{ padding: 18px 0 0 0; }
.f_links ul li a{ color: #333; font-size: 15px;; opacity: 0.76; display: inline-block;}
.f_links ul li a:hover{ opacity: 1; }
.f_address-main .f-address h6{ color: #333333; font-size: 16px;;  font-family: 'Montserrat-Bold'; }
.f_address-main .f-address p{ font-size: 15px; line-height: 21px; color: #707070; }
.f_address-main .f-address p a{color: #707070; }
.f_address-main .f-address .phone p{ padding: 14px 0 0 0;  font-family: 'Montserrat-Medium'; color: #622604; }
.f_address-main .f-address + .f-address{ margin: 19px 0 0 0 ; padding: 16px 0 0 0; border-top: #d9d8d6 solid 1px;;   }
.f_address-main .f-address.inq-text{ margin: 0px 0 0 0 ; padding: 22px 0 0 0; border-top: #d9d8d6 solid 0px;;   }
.f_box .f_social ul li { padding: 0 0 20px; }
.f_box .f_social ul li a{ font-size: 16px; text-transform: uppercase; font-family: 'Montserrat-Bold';  color: #333; display: flex; align-items: center; }
.f_box .f_social ul li a i{display: flex ;align-items: center;  justify-content: center; border-radius: 100px; border: #033F63 solid 2px;; margin: 0 14px 0 0; width: 48px; height: 48px;  }
.f_box .f_social ul li a:hover{ opacity: 0.5; }


.footer-bottom-outer{ overflow: hidden; background: #461d07; }
.footer-bottom{ display: flex ;align-items: center; justify-content: space-between; }
.copyright{ display: inline-block; font-size: 15px; color: #fff;  }
.footer-bottom .powerby { padding: 18px 0;  position: relative; display: inline-block; font-size: 15px; color: #fff;  }
.footer-bottom .powerby a{ color: #fff; }
.footer-bottom .powerby a:hover{ opacity: 0.5; }
.footer-bottom .powerby span{ position: relative; z-index: 5; }
.footer-bottom .powerby::after{ z-index:1; position: absolute; left: -101px; background: #622604; top: 0px; width: 100vw; height: 100%; content: '';  }



.menu-icon{ display: none; }
.menu-icon a{ float: left; display: inline-block; padding: 15px; position: relative;  }
.menu-icon a span{ float: left;  width: auto; display:inline-block  ; position: relative;  }
.menu-icon a span img{ transition: all 0.3s ease-in-out; float: left; }
.nav-close{ display: none; }

.logo a { display: flex; align-items: center; box-shadow: rgb(0 0 0 / 10%) 0 41px 31px; justify-content: center; width: 177px; height: 177px;; background: #fff ; border-radius: 100px;;  }

.abt-box .img-over img{ max-width: 100%; }


.about-banner{ background: url(../images/abt-banner.png) no-repeat center center; background-size: cover; }
.about-banner-blk{ display: flex;align-items: center;  min-height: 367px; width: 100%;}
.about-banner-blk h1{ width: 420px; display: inline-block;font-size: 26px; color: #fff; font-family: 'Montserrat-MediumItalic';; }
.about-banner-blk .ct-img{ opacity: 0.46; }
.about-banner-blk .ct-img-2{ margin-left: auto; }

.about-section-1{ padding: 92px 0 0 0; background: url(../images/about-bg.png) no-repeat 95% 93px; }
.about-sec-1{ align-items: flex-start; padding: 48px 0 0 0;  width: 100%; justify-content: space-between; display: flex;  }
.about-sec-1 .left-col{ position: relative; padding: 0 0 0 0px; margin: 0 0 0 39px; min-width: 443px; width: 443px; display: inline-block;}
.about-sec-1 .left-col .img { width: 100%; display: block; position: relative; }
.about-sec-1 .left-col .img img { width: 100%; display: block; position: relative; border-radius: 10px;; }
.about-sec-1 .left-col::after{ position: absolute; z-index: -1; left: -39px; top: -26px; content: ''; width: 217px;   height: 424px; background: #F4D59F; border-radius: 10px;      }
.about-sec-1 .left-col .abt-text{ position: absolute; right: -30px; bottom: -30px;; width: 189px;;  min-height: 130px; padding: 10px 20px; text-align: center; justify-content: center; display: flex; align-items: center; background: #622604; text-transform: uppercase ;  font-family: 'Montserrat-Bold'; font-size: 18px; color: #fff;   border-radius: 6px;;   }
.about-sec-1 .right-col{ max-width: 597px; }
.about-sec-1 .right-col h6{ padding: 0 0 31px;; line-height: 37px;  font-size: 24px; color: #622604; font-family: 'Montserrat-Bold'; }
.about-sec-1 .right-col p{ font-size: 18px; line-height: 2; color: #666666;  opacity: 0.76;   }
.about-sec-2{ padding: 193px 0 0 0; flex-direction: row-reverse;  justify-content: space-between; width: 100%; display: flex;} 
.about-sec-2 .left-col{ position: relative; padding: 0 0 0 0px; margin: 0 39px 0 0px; min-width: 443px; width: 443px; display: inline-block;}
.about-sec-2 .left-col .img { width: 100%; display: block; position: relative; }
.about-sec-2 .left-col .img img { width: 100%; display: block; position: relative; border-radius: 10px;; }
.about-sec-2 .left-col::after{ position: absolute; z-index: -1; right: -39px; top: -26px; content: ''; width: 217px;   height: 424px; background: #F4D59F; border-radius: 10px;      }
.about-sec-2 .left-col .abt-text{ position: absolute; right: -30px; bottom: -30px;; width: 189px;;  min-height: 130px; padding: 10px 20px; text-align: center; justify-content: center; display: flex; align-items: center; background: #622604; text-transform: uppercase ;  font-family: 'Montserrat-Bold'; font-size: 18px; color: #fff;   border-radius: 6px;;   }
.about-sec-2 .right-col{ max-width: 597px; }
.about-sec-2 .right-col h5{ font-family: 'Montserrat-SemiBold'; padding: 0 0 31px;; line-height: 51px;  font-size: 45px; color: #622604; font-family: 'Montserrat-Bold'; }
.about-sec-2 .right-col h5 span{ display: block; color: #220404;  font-family: 'Montserrat-Bold';}
.about-sec-2 .right-col p{ font-size: 18px; line-height: 2; color: #666666;  opacity: 0.76;   }

.about-section-2{ margin: 193px 0 0 0; position: relative; width: 100%; display: block; overflow: hidden; }
.coworking-blk{ position: relative; display: flex ;align-items: center; justify-content: center; }
.coworking-blk .box-1{ width: 443px; margin: 0 18px; min-height: 201px;; border: #F4D59F solid 3px;; position: relative; background: #fff; justify-content: center; display: flex ;align-items: center; }
.coworking-blk .box-2{ width: 443px; margin: 0 18px; min-height: 201px;; border: #F4D59F solid 3px;; position: relative; background: #fff; justify-content: center; display: flex ;align-items: center; }
.coworking-blk::after { width: 100vw; right: 55%; top: 50%; z-index: -1; margin: -1px 0 0 0; content: ''; background: #F4D59F; height: 3px; position:absolute;        }
.coworking-blk::before { width: 100vw; left: 55%; top: 50%; z-index: -1; margin: -1px 0 0 0; content: ''; background: #F4D59F; height: 3px; position:absolute;        }
.coworking-blk .box-1 .text span{ font-family: 'Montserrat-SemiBold';  font-size: 45px; color: #622604;  display: block;  }
.coworking-blk .box-1 .text{ font-size: 52px; font-family: 'Montserrat-Bold'; color: #F4D59F; }
.about-section-3{ padding: 0 0 100px; margin: 0 0 70px;; } 
.about-section-3 .testi-block{ padding: 20px;; }
.about-section-3 .testi-block .testi-block-inner { padding: 51px 34px 45px; background-size: 75px auto; background-position: 30px 30px;  }
.about-section-3 .testi-block .star-row { padding-left: 80px;; justify-content: flex-start; }
.about-section-3 .testi-block .icon { bottom: 30px; right: 30px;; }
.about-section-3 .testi-slider-blk { padding: 46px 0 0 0; }
.about-section-3 .testi-slider-blk .slick-arrow {  left: 50%; margin: 0 0 0 -65px; bottom: -70px; top: auto; }
.about-section-3 .testi-slider-blk .slick-arrow.slick-next{  right: auto; margin: 0 -65px 0 0; }


.restaurant-banner{ position: relative ; background-position: center center ; background-repeat: no-repeat; background-size: cover;  }
.restaurant-banner::after{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: '';  background: url(../images/sed-1.png) no-repeat center center; background-size: cover;  z-index: 1 ;  }
.restaurant-banner .container{ position: relative; z-index: 2; }
.restaurant-banner .about-banner-blk h1{font-size: 55px; color: #622604;  font-family: 'Montserrat-Bold';}

.restaurant-section-1{ padding: 90px 0 104px 0; background:url(../images/restaurant-bg-1.png) no-repeat left top; background-size: cover;  }
.resto-text{ padding: 40px 0 0 0; }
.resto-text p{ text-align: center; font-size: 18px; line-height: 2; color: #666666; opacity: 0.76; font-family: 'Montserrat-Medium';  }
.resto-text p + p{ padding: 30px 0 0 0; }
.resto-sec-1{ position: relative; z-index: 5; display: block; width: 100%; padding: 42px 37px 0 0;}
.resto-sec-1 .resto-img-1 img{ width: 100%; border: #622604 solid 8px; }
.resto-sec-2{ margin: -55px 0 0 0; position: relative; z-index: 6; padding: 0 0 0 37px;  }
.resto-sec-inner{ display: flex;  background: #622604;  width: 100%; border: #fff solid 11px;  box-shadow: rgba(0, 0, 0, 0.10) 0 13px 83px;;  }
.resto-sec-inner .map{ display: block; width: calc(100% - 502px);}
.resto-sec-inner .map iframe{ width: 100%; display: block;  height: 507px;; }
.resto-sec-inner .map-text{  max-width: 511px; padding: 34px 57px 20px;  position: relative; }
.resto-sec-inner .map-text::after{ position: absolute; right: -22px ; margin: -29px 0 0 0; top: 50%;  content: ''; background: url(../images/Rectangle.svg) no-repeat center center; width: 57px; height: 57px; }
.map-text h6{ padding: 0 0 15px; margin: 0 0 15px; position: relative; font-size: 45px; color: #fff; font-family: 'Montserrat-Bold';  }
.map-text h6 span{ font-family: 'Montserrat-SemiBold'; display: block; }
.map-text h6::after {
    background: #fff;
    height: 5px;
    width: 67px;
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.map-text p{ font-size: 16px; color: #fff; line-height: 1.9; }

.resto-sec-inner{ position: relative; }
.resto-sec-inner .cup-img{ position: absolute; left:calc(380px + 65px); bottom: -65px;  }
.resto-sec-inner .cup-img span{  box-shadow: rgba(0, 0, 0, 0.11) 0 3px 99px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100px; width: 131px; height: 131px;    }
.resto-sec-inner .cup-img span img{ max-width: 76px;; }
.resto-sec-inner .icon-blk{ position: absolute; left: 57px; bottom: -56px;; } 
.resto-sec-inner .icon-blk-inner .icon{ margin: 0 7px;; }
.resto-sec-inner .icon-blk-inner  { padding: 26px 29px; }

.resto-text-full{ padding: 102px 0 0 0; display: flex ;align-items: center; justify-content: center; }
.resto-text-full .spartore{ min-width: 5px;; margin: 0 50px;; opacity: 0.15; height: 129px;;    background: #033F63;  }
.resto-text-full .text-1{ text-align: right;  max-width: 497px; }
.resto-text-full .text-2{  max-width: 497px; }
.resto-text-full p{ font-size: 18px; line-height: 2;  color: #666666; opacity: 0.76; }
.resto-text-full p + p{ padding: 24px 0 0 0; }
.section-title.white{ background: url(../images/title-bg-2.png) no-repeat center bottom; }
.section-title.white h2{ color: #fff; }
.section-title.white h2 span{ color: #fff; }


.restaurant-section-2{ padding: 81px 0 107px 0; background-position: center center ; display: block; width: 100%;  position: relative; background-size: cover; background-repeat: no-repeat;    }
.restaurant-section-2::after{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: ''; background: #28666E; opacity: 0.91;  }
.gallery-block{  padding: 46px 0 0 0; }
.gallery-block .row{ margin: 0 -12px;; }
.gallery-block .row [class*="col-md-"]{ padding: 0 12px; }
.galery_img{ margin: 24px 0 0 0; width: 100%; display: block; }
.galery_img span{ width: 100%; display: block; min-height: 288px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: #fff solid 9px;;  }
.galery_img.full-img span{ min-height: 358px; }
.galery_img.full-height-img span{ min-height: 411px; }
.galery_img.small-height-img span{ min-height: 235px; }
.galery_img img{ display: none; width: 100%;}
.gallery-block .row .col-md-8{    min-width:  calc(100% - 280px);  max-width: calc(100% - 280px);}
.gallery-block .row .col-md-4:nth-child(2){     -ms-flex: 0 0 280px;flex: 0 0 280px;max-width: 280px;}

.resto-contain .text p + p{ padding: 24px 0 0 0; }
.home-section-5{ padding: 0 0 70px;; }


.oreder-on-block{ padding: 48px 0 38px; display: flex; align-items: center; justify-content: space-between; }
.oreder-text h5{ font-family: 'Montserrat-SemiBold';  font-size: 60px; color: #622604; }
.oreder-text h5 span { color: #220404; font-family: 'Montserrat-Bold'; } 
.oreder-logo { display: flex; align-items: center; }
.oreder-logo  span{ margin: 0 0 0 39px;; }

.restaurant-banner-2{ position: relative ; background-position: center center ; background-repeat: no-repeat; background-size: cover;  }
.restaurant-banner-2::after{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: '';  background: url(../images/sed-2.png) no-repeat center center; background-size: cover;  z-index: 1 ;  }
 

.restaurant-2-section-1{ padding: 90px 0 105px 0; }

.services-block{ justify-content: space-between; display: flex; padding: 50px 0 0 0; width: 100%; align-items: flex-start;   }
.left-colum{ margin: 0 0 0 39px; position: relative; max-width: 615px;  }
.left-colum span{ display: block; width: 100%;  border-radius: 10px; overflow: hidden ;  background: #033F63; }
.left-colum span img{ width: 100%; display: block ; opacity: 0.77;}
.left-colum::after{ position: absolute; left: -39px; top:-26px ; z-index: -1; border-radius: 10px;; background: #622604 ; width: 217px; height: 424px;; content: ''; }
.services-right{ width: 462px; display: block;}
.services-right ul li{ padding: 0 0 42px;;  display: flex; border-bottom: #ebebeb solid 1px;; align-items: flex-start; }
.services-links{ width: 50%;}
.services-links span{ background: url(../images/check.png) no-repeat left top;  font-family: 'Montserrat-Bold';  font-size: 20px; color: #333333;  display: inline-block; padding:2px 30px 2px 40px;;}
.services-right ul li + li{ margin: 42px 0 0 0; }
.services-right ul li:last-child{ border-bottom: 0px; padding-bottom: 0px;; }




.restaurant-2-section-2{ position: relative;  display: block; border-bottom: #e9eff0 solid 2px; }
.restaurant-2-section-2::after{ position: absolute; left: 0px; top: 0px; width: 100%; height: 360px; background: #F4D59F; content: ''; }
.porro-text{ width: 100%; max-width: 934px; padding: 56px 0 43px; margin: 0 auto; display: block; text-align: center;}
.porro-text h6{ font-size: 36px; font-family: 'Montserrat-SemiBold';   line-height: 44px; color: #fff; }
.porro-block .row{ margin: 0 -19px;; }
.porro-block .row [class*="col-md-"]{ padding: 0 19px; }

.porro-box{ width: 100%; display: block; position: relative;}
.porro-box a{ width: 100%; display: block; position: relative;}
.porro-box a .img{ background-position: center center; background-repeat: no-repeat; min-height: 356px; background-size: cover;  width: 100%; transition: all 0.3s ease-in-out; display: block; position: relative; border: #28666E solid 5px;}
.porro-box a .img img{ display: none;}
.porro-box a .title-bar{ padding: 27px 0; width: 100%; display: block; position: relative;}
.porro-box a .title-bar::after{ height: 0px;  transition: all 0.3s ease-in-out; z-index: 2; position: absolute; left: 0px; top: 0px; width: 100%;  background: #622604; content: ''; }
.porro-box a .title-bar h5{ z-index: 5; position: relative; transition: all 0.3s ease-in-out;display: block; width: 100%; text-align: center; font-size: 30px; color: #333333; font-family: 'Montserrat-Bold';  }
.porro-box a:hover .img{ border: #622604 solid 5px;; }
.porro-box a:hover .title-bar::after{  height:calc(100% + 15px); }
.porro-box a:hover .title-bar h5{ color: #fff; }

.resto-contain{ padding: 88px 0 102px 0; display: flex ; align-items: flex-start; width: 100%;  justify-content: center; }
.resto-contain .text{ margin: 0 38px; max-width: 544px;  }
.resto-contain .text p{ font-size: 16px; line-height: 2; font-family: 'Montserrat-Medium';   }
.resto-contain .text:first-child{  text-align: right; }

.grab-form-blcok{ display: block; width: 100%; padding: 58px 55px 82px; border-radius: 20px;; box-shadow: rgba(0, 0, 0, 0.12) 0  3px 99px; }
.restaurant-2-section-3{ padding: 0 0 100px;; }

.form-top-text{ display: block; width: 100%; text-align: center; } 
.form-top-text h2{ padding: 0 0 12px; font-size: 52px; line-height: 1; font-family: 'Montserrat-Bold'; color: #220404; }
.form-top-text p{ display: block;  color: #220404; font-size: 18px; opacity: 0.56; }
.grab-form{ display: block; width: 100%; padding: 35px 0 0 0; }
.grab-form .row{ margin: 0 -11px;; }
.grab-form .row [class*="col-md-"]{ padding: 0 11px; }
.grab-form  .input-box{ margin: 0 0 19px; width: 100%; display: block;  }
.grab-form  .input-box .input-text{ border-radius: 25px;  height: 60px; padding: 20px 25px;; width: 100%; display: block;     border: #cdcdcd solid 1px;;  ; font-size: 15px; color: #333;  resize: none;  } 
.grab-form  .input-box textarea.input-text{ height: 136px; }
.grab-form  .input-box .input-text:focus{ border-color: #000; }
.grab-form  .input-box.submit-row{ margin: 10px 0 0 0; padding: 0px;; display: flex ;align-items: center; justify-content: center; }
.grab-form  .input-box.submit-row input[type=submit]{ padding: 18px 30px;  min-width: 246px;; font-family: 'Montserrat-Medium';font-size: 15px;; width: auto; display: inline-block; border-radius: 100px; border:#622604 solid 2px; ; background: #622604; color: #fff; text-transform: uppercase; }
.grab-form  .input-box.submit-row input[type=submit]:hover{ background: none; color: #622604; }















.contact-banner{ background: url(../images/coffee-beans.png) no-repeat center center; background-size: cover;  }
.contact-banner::after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../images/hero.png) no-repeat right center;
  
    z-index: 1;
}
.contact-banner .about-banner-blk h1 {
    font-size: 55px;
    color: #fff;
    font-family: 'Montserrat-Bold';
}
.contact-banner .ct-img{ opacity: 0.23; }
.contact-sec-1{ align-items: flex-start; padding: 78px 0 111px 0; display: flex; justify-content: space-between; width: 100%;  }
.contact-sec-1 .left-colum-ct{ width: 535px; }
.form-top-text-2 { padding: 0 0 32px;; }
.form-top-text-2 h2{ padding: 0 0 13px;  font-family: 'Montserrat-Bold'; font-size: 52px; color: #220404; display: block;}
.ct-form .input-box{ margin: 0 0 11px; width: 100%; display: block;  }
.ct-form  .input-box .input-text{ border-radius: 25px;  height: 60px; padding: 20px 25px;; width: 100%; display: block;     border: #cdcdcd solid 1px;;  ; font-size: 15px; color: #333;  resize: none;  } 
.ct-form  .input-box textarea.input-text{ height: 136px; }
.ct-form  .input-box .input-text:focus{ border-color: #000; }
.ct-form  .input-box.submit-row{ margin: 10px 0 0 0; padding: 0px;; display: flex ;align-items: center;   }
.ct-form  .input-box.submit-row input[type=submit]{ padding: 18px 30px;  min-width: 246px;; font-family: 'Montserrat-Medium';font-size: 15px;; width: auto; display: inline-block; border-radius: 100px; border:#622604 solid 2px; ; background: #622604; color: #fff; text-transform: uppercase; }
.ct-form  .input-box.submit-row input[type=submit]:hover{ background: none; color: #622604; }
.map-block-ct{ position: relative; width: 559px; padding-right: 42px;}
.map-iframe{ position: relative; width: 100%; display: block; }
.map-iframe iframe{ position: relative; z-index: 5; height: 531px;  filter: grayscale(100%); width: 100%; display: block; border-radius: 10px;; }
.map-iframe::after{ z-index: 1; position: absolute; right: -42px; background: #F4D59F; width: 217px; height: 424px;   border-radius: 10px;;content: '';  top: -29px;    }
.map-block-ct .map-icon { z-index: 10; position: absolute; left: -33px; bottom: -33px;; }

.full-img{ background: #622604; display: block; width: 100%; }
.full-img span{ opacity: 0.41; min-height: 435px; display: block; width: 100%; position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat;  }

.contact-sec-2{ z-index: 100; margin: -150px 0 110px 0; display: flex; justify-content: center; width: 100%;  }
.ct-box-white{ text-align: center; margin: 0 16px;; width: 450px; }
.ct-box-white .ct-box-inner{ background: #fff; padding:  27px 20px 35px; width: 100%; display: block; box-shadow: rgba(0, 0, 0, 0.16)  0 3px 86px;  border-radius: 10px; }
.ct-row + .ct-row{ padding: 17px 0 0 0; }
.ct-row h6{ display: block; font-family: 'Montserrat-SemiBold';  font-size: 24px; color: #333333; width: 100%; padding: 0 0 6px;; }
.ct-row  p{ font-size: 16px; line-height: 1.5;     color: #666666; }
.ct-row  p a  { color: #666; text-decoration: none;} 
.ct-row  p a:hover{ opacity: 0.5; }
.ct-box-white .city{  font-family: 'Montserrat-SemiBold'; font-size: 25px; color: #622604; padding: 26px 0 0 0; }
.ct-box-white .city span{ font-family: 'Montserrat-Bold'; color: #220404; }