html {

  -webkit-text-size-adjust: none;

}

* {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  box-sizing: border-box;

  -webkit-font-smoothing: antialiased;

  /* chrome */

  -moz-osx-font-smoothing: grayscale;

  /* moz */

}

@font-face {

  font-family: 'Raleway';

  src: url('../fonts/hinted-Raleway-Regular.eot');

  src: local('Raleway'), local('Raleway-Regular'), url('../fonts/hinted-Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-Raleway-Regular.woff2') format('woff2'), url('../fonts/hinted-Raleway-Regular.woff') format('woff'), url('../fonts/hinted-Raleway-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Raleway';

  src: url('../fonts/hinted-Raleway-Bold.eot');

  src: local('Raleway Bold'), local('Raleway-Bold'), url('../fonts/hinted-Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-Raleway-Bold.woff2') format('woff2'), url('../fonts/hinted-Raleway-Bold.woff') format('woff'), url('../fonts/hinted-Raleway-Bold.ttf') format('truetype');

  font-weight: bold;

  font-style: normal;

}

@font-face {

  font-family: 'Arial';

  src: url('../fonts/hinted-ArialMT.eot');

  src: local('Arial'), local('ArialMT'), url('../fonts/hinted-ArialMT.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-ArialMT.woff2') format('woff2'), url('../fonts/hinted-ArialMT.woff') format('woff'), url('../fonts/hinted-ArialMT.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Raleway';

  src: url('../fonts/hinted-Raleway-SemiBold.eot');

  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url('../fonts/hinted-Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-Raleway-SemiBold.woff2') format('woff2'), url('../fonts/hinted-Raleway-SemiBold.woff') format('woff'), url('../fonts/hinted-Raleway-SemiBold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;

}

@font-face {

  font-family: 'icomoon';

  src: url('../fonts/icomoon.eot?wfxw37');

  src: url('../fonts/icomoon.eot?wfxw37#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?wfxw37') format('truetype'), url('../fonts/icomoon.woff?wfxw37') format('woff'), url('../fonts/icomoon.svg?wfxw37#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

}

[class^="icon-"],

[class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'icomoon' !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.icon-care:before {

  content: "\e916";

}

.icon-care-about-planet:before {

  content: "\e917";

}

.icon-contact:before {

  content: "\e918";

}

.icon-event:before {

  content: "\e919";

}

.icon-home:before {

  content: "\e91a";

}

.icon-notification:before {

  content: "\e91b";

}

.icon-shop:before {

  content: "\e91c";

}

.icon-global:before {

  content: "\e914";

  color: #565656;

}

.icon-mobile:before {

  content: "\e915";

}

.icon-address:before {

  content: "\e900";

}

.icon-atm-machine:before {

  content: "\e901";

}

.icon-baby-changing:before {

  content: "\e902";

}

.icon-elevator:before {

  content: "\e903";

}

.icon-escalator:before {

  content: "\e904";

}

.icon-facebook:before {

  content: "\e905";

  color: #595959;

}

.icon-getting-here:before {

  content: "\e906";

  color: #fff;

}

.icon-instagram:before {

  content: "\e907";

  color: #595959;

}

.icon-leasing:before {

  content: "\e908";

  color: #fff;

}

.icon-linkedin:before {

  content: "\e909";

  color: #595959;

}

.icon-mobile-charging:before {

  content: "\e90a";

}

.icon-opne-now:before {

  content: "\e90b";

  color: #fff;

}

.icon-parking:before {

  content: "\e90c";

}

.icon-prayer-room:before {

  content: "\e90d";

}

.icon-promotions:before {

  content: "\e90e";

  color: #fff;

}

.icon-services:before {

  content: "\e90f";

  color: #fff;

}

.icon-timing:before {

  content: "\e910";

}

.icon-twitter:before {

  content: "\e911";

  color: #595959;

}

.icon-valet-parking:before {

  content: "\e912";

}

.icon-washroom:before {

  content: "\e913";

}

/*color variables*/

html {

  width: 100%;

}

img {

  max-width: 100%;

}

body {

  width: 100%;

  overflow-x: hidden;

  font-family: 'Raleway';

  font-weight: normal;

}

.common-ul {

  margin: 0;

  padding: 0;

}

.common-ul li {

  list-style: none;

}

.logo {

  width: 220px;

  display: inline-block;

  padding: 10px 0;

}

.main-menu > li {

  position: relative;

}

.main-menu > li:before {

  content: '';

  width: 100%;

  height: 3px;

  position: absolute;

  top: 0;

  z-index: 1;

  background-color: #232323;

  left: 0;

  display: block;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transform: scaleY(0);

  -ms-transform: scaleY(0);

  -moz-transform: scaleY(0);

  transform: scaleY(0);

  transform-origin: top;

}

.main-menu > li:hover:before {

  -webkit-transform: scaleY(1);

  -ms-transform: scaleY(1);

  -moz-transform: scaleY(1);

  transform: scaleY(1);

}

.main-menu > li.active:before {

  -webkit-transform: scaleY(1);

  -ms-transform: scaleY(1);

  -moz-transform: scaleY(1);

  transform: scaleY(1);

}

.main-menu > li > a {

  font-family: inherit;

  font-weight: bold;

  color: #000000;

  font-size: 15px;

  text-decoration: none;

  padding: 35px 15px;

  display: inline-block;

  line-height: 1;

  text-align: center;

}

.main-menu > li .main-menu-secondary {

  position: absolute;

  left: 0;

  top: 100%;

  -webkit-transform: translate(0, 10%);

  -ms-transform: translate(0, 10%);

  -moz-transform: translate(0, 10%);

  transform: translate(0, 10%);

  -webkit-transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s, opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

  -moz-transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s, opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

  -ms-transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s, opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

  -o-transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s, opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

  transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s, opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

  z-index: -100;

  background: #ffffff;

  padding: 0;

  border: 1px solid #232323;

  opacity: 0;

  visibility: hidden;

}

.main-menu > li .main-menu-secondary > li:first-of-type a {

  position: relative;

}

.main-menu > li .main-menu-secondary > li:first-of-type a:before {

  content: '';

  width: 10px;

  height: 10px;

  left: 10px;

  top: -6px;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg);

  border-left: 1px solid #232323;

  border-top: 1px solid #232323;

  position: absolute;

  z-index: 5;

  background-color: #ffffff;

  -webkit-transition: background-color 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

  -moz-transition: background-color 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

  -ms-transition: background-color 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

  -o-transition: background-color 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

  transition: background-color 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

  opacity: 0;

}

.main-menu > li .main-menu-secondary > li:first-of-type a:hover:before {

  background-color: #000000;

  opacity: 1;

}

.main-menu > li .main-menu-secondary > li > a {

  font-family: inherit;

  font-weight: bold;

  color: #000000;

  font-size: 14px;

  text-decoration: none;

  padding: 15px 15px;

  line-height: 1;

  text-align: left;

  display: block;

  white-space: nowrap;

  background-color: #ffffff;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.main-menu > li .main-menu-secondary > li > a:hover {

  background-color: #000000;

  color: #ffffff;

}

.main-menu > li.main-menu-dropdown {

  position: relative;

}

.main-menu > li.main-menu-dropdown > a {

  pointer-events: none;

}

.main-menu > li.main-menu-dropdown:hover .main-menu-secondary {

  z-index: 100;

  -webkit-transform: translate(0, -3%);

  -ms-transform: translate(0, -3%);

  -moz-transform: translate(0, -3%);

  transform: translate(0, -3%);

  opacity: 1;

  visibility: visible;

}

.main-menu > li.main-menu-dropdown:hover .main-menu-secondary li:first-of-type a:before {

  opacity: 1;

}

.bg-black {

  background-color: #000000;

  padding: 0 0;

}

.secondary-menu li {

  display: inherit;

}

.secondary-menu li a {

  display: inline-block;

  font-size: 12px;

  font-family: inherit;

  padding: 18px 15px;

  color: #ffffff;

  text-decoration: none;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  position: relative;

  overflow: hidden;

}

.secondary-menu li a span {

  position: relative;

  z-index: 2;

  display: block;

}

.secondary-menu li a:after {

  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-color: #ffffff;

  z-index: 1;

  display: block;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  transition: all 0.5s ease;

  -webkit-transform: translate(0, 100%);

  -ms-transform: translate(0, 100%);

  -moz-transform: translate(0, 100%);

  transform: translate(0, 100%);

}

.secondary-menu li a:hover i:before,

.secondary-menu li a:hover span,

.secondary-menu li a:hover i {

  color: #000000;

}

.secondary-menu li a:hover:after {

  -webkit-transform: translate(0, 0%);

  -ms-transform: translate(0, 0%);

  -moz-transform: translate(0, 0%);

  transform: translate(0, 0%);

}

.secondary-menu li a i {

  display: inline;

  margin-right: 10px;

  font-size: 20px;

  position: relative;

  top: 4px;

}

.home-banner {

  min-height: 620px;

  background-color: #F7F7F7;

}

.home-banner .owl-prev {

  position: absolute;

  left: -60px;

  z-index: 99;

  top: 0;

  bottom: 60px;

  margin: auto 0;

  -webkit-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  -moz-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  -ms-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  -o-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

}

.home-banner .owl-next {

  position: absolute;

  right: -60px;

  z-index: 99;

  top: 0;

  bottom: 60px;

  margin: auto 0;

  -webkit-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  -moz-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  -ms-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  -o-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

}

.home-banner:hover .owl-prev {

  left: 0;

}

.home-banner:hover .owl-next {

  right: 0;

}

.home-banner .item {

  overflow: hidden;

  height: calc(100vh - 148px);

  min-height: 620px;

}

.home-banner .item img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  -o-object-fit: cover;

  object-position: 0 0;

  -o-object-position: 0 0;

}

.home-banner .owl-item .custom-heading h2,

.home-banner .owl-item .custom-heading h4,

.home-banner .owl-item .custom-heading a {

  -webkit-transition: transform 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s, opacity 3s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  -moz-transition: transform 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s, opacity 3s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  -ms-transition: transform 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s, opacity 3s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  -o-transition: transform 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s, opacity 3s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  transition: transform 2s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s, opacity 3s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;

  -webkit-transform: translateX(-30px);

  -moz-transform: translateX(-30px);

  -ms-transform: translateX(-30px);

  -o-transform: translateX(-30px);

  transform: translateX(-30px);

  opacity: 0;

  visibility: hidden;

}

.home-banner .owl-item .custom-heading h2 {

  -webkit-transition-delay: .3s;

  transition-delay: .3s;

}

.home-banner .owl-item .custom-heading h4 {

  -webkit-transition-delay: .5s;

  transition-delay: .5s;

}

.home-banner .owl-item .custom-heading a {

  -webkit-transition-delay: .7s;

  transition-delay: .7s;

}

.home-banner .owl-item.active .custom-heading h2,

.home-banner .owl-item.active .custom-heading h4,

.home-banner .owl-item.active .custom-heading a {

  -webkit-transform: translateX(0px);

  -moz-transform: translateX(0px);

  -ms-transform: translateX(0px);

  -o-transform: translateX(0px);

  transform: translateX(0px);

  opacity: 1;

  visibility: visible;

}

.g-button {

  display: inline-block;

  padding: 15px 30px;

  color: #ffffff;

  position: relative;

  background: transparent;

  border: 1px solid #ffffff;

  text-align: center;

  text-transform: uppercase;

  -webkit-transition: color 0.1s linear 0.05s;

  -moz-transition: color 0.1s linear 0.05s;

  -o-transition: color 0.1s linear 0.05s;

  -ms-transition: color 0.1s linear 0.05s;

  transition: color 0.1s linear 0.05s;

  outline: none;

  font-weight: normal;

  font-family: inherit;

  text-decoration: none !important;

  line-height: 1;

  cursor: pointer;

}

.g-button span {

  position: relative;

  z-index: 2;

}

.g-button:before {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  height: 1px;

  background: #ffffff;

  z-index: 1;

  opacity: 0;

  -webkit-transition: height 0.3s ease, top 0.3s ease, opacity 0s linear 0.3s;

  -moz-transition: height 0.3s ease, top 0.3s ease, opacity 0s linear 0.3s;

  -o-transition: height 0.3s ease, top 0.3s ease, opacity 0s linear 0.3s;

  -ms-transition: height 0.3s ease, top 0.3s ease, opacity 0s linear 0.3s;

  transition: height 0.3s ease, top 0.3s ease, opacity 0s linear 0.3s;

}

.g-button:hover {

  color: #232323;

}

.g-button:hover:before {

  top: 0;

  height: 100%;

  opacity: 1;

  transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s;

}

.g-button-invert {

  display: inline-block;

  padding: 15px 30px;

  color: #545353;

  position: relative;

  background: transparent;

  border: 1px solid #DBDBDB;

  text-align: center;

  text-transform: uppercase;

  -webkit-transition: color 0.1s linear 0.05s;

  -moz-transition: color 0.1s linear 0.05s;

  -o-transition: color 0.1s linear 0.05s;

  -ms-transition: color 0.1s linear 0.05s;

  transition: color 0.1s linear 0.05s;

  outline: none;

  font-weight: normal;

  font-family: inherit;

  text-decoration: none !important;

  line-height: 1;

  cursor: pointer;

}

.g-button-invert span {

  position: relative;

  z-index: 2;

}

.g-button-invert:before {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  height: 1px;

  background: #232323;

  z-index: 1;

  opacity: 0;

  -webkit-transition: height 0.3s ease, top 0.3s ease, opacity 0s linear 0.3s;

  -moz-transition: height 0.3s ease, top 0.3s ease, opacity 0s linear 0.3s;

  -o-transition: height 0.3s ease, top 0.3s ease, opacity 0s linear 0.3s;

  -ms-transition: height 0.3s ease, top 0.3s ease, opacity 0s linear 0.3s;

  transition: height 0.3s ease, top 0.3s ease, opacity 0s linear 0.3s;

}

.g-button-invert:hover {

  color: #ffffff;

}

.g-button-invert:hover span {

  color: #ffffff;

}

.g-button-invert:hover:before {

  top: 0;

  height: 100%;

  opacity: 1;

  transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s;

}

.subscribe {

  background-color: #232323;

  padding: 45px 0;

}

.subscribe .s-container {

  width: 100%;

  max-width: 700px;

  margin: 0 auto;

  position: relative;

}

.subscribe .s-text {

  width: calc(100% - 135px);

}

.subscribe .s-text input {

  height: 50px;

  border: none;

  font-family: inherit;

  font-size: 15px;

  padding: 0 15px;

  line-height: 1;

  color: #232323;

  font-weight: normal;

  width: 100%;

}

.subscribe .s-but {

  width: 135px;

}

.subscribe .s-but-main {

  font-size: 15px;

  color: #ffffff;

  text-align: center;

  outline: none !important;

  padding: 8px 25px;

  font-family: inherit;

  font-weight: normal;

  background-color: #000000;

  border: 1px solid #000000;

  height: 50px;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.subscribe .s-but-main:hover {

  color: #232323;

  background-color: #ffffff;

  border-color: #ffffff;

  border-left-color: #232323;

}

.subscribe .subscribe-alert {

  position: absolute;

  bottom: -26px;

  font-size: 12px;

  font-family: inherit;

  left: 0;

  z-index: 5;

  color: #ffffff;

}

.custom-heading h2 {

  font-size: 60px;

  font-weight: normal;

  font-family: inherit;

  color: #000000;

  line-height: 1.2;

  margin-bottom: 15px;

}

.custom-heading h3 {

  font-size: 40px;

  font-weight: 400;

  font-family: inherit;

  line-height: 1.2;

  color: #000000;

  margin-bottom: 15px;

}

.custom-heading h3.head-margin {

  margin-bottom: 35px;

}

.custom-heading h3 label {

  font-size: 30px;

  font-family: inherit;

  font-weight: normal;

  color: #DBDBDB;

  display: block;

  padding-bottom: 30px;

  margin-bottom: 30px;

  position: relative;

}

.custom-heading h3 label:after {

  content: '';

  width: 100%;

  height: 1px;

  background-color: #DBDBDB;

  display: block;

  position: absolute;

  bottom: 0;

  left: 0;

}

.custom-heading h3.line-behind {

  position: relative;

}

.custom-heading h3.line-behind span {

  background-color: #ffffff;

  display: inline-block;

  padding: 0 20px;

  position: relative;

  z-index: 2;

}

.custom-heading h3.line-behind:before {

  content: '';

  width: 100%;

  height: 1px;

  position: absolute;

  left: 0;

  top: 50%;

  background-color: #DBDBDB;

  z-index: 1;

}

.custom-heading h4 {

  font-size: 23px;

  font-weight: normal;

  font-family: inherit;

  line-height: 1.2;

  color: #000000;

}

.custom-heading h5 {

  font-size: 18px;

  color: #000000;

  line-height: 1.2;

  font-weight: normal;

  font-family: inherit;

  margin-bottom: 10px;

}

.custom-heading p {

  font-size: 15px;

  font-weight: normal;

  font-family: inherit !important;

  line-height: 1.5;

  color: #000000;

}

.custom-heading p strong {

  font-weight: 600;

  font-size: 18px;

  font-family: inherit !important;

}

.custom-heading p span {

  font-family: inherit !important;

  font-size: inherit !important;

}

.custom-heading p div {

  font-family: inherit !important;

  font-size: inherit !important;

}

.custom-heading.white h2,

.custom-heading.white h3,

.custom-heading.white h4,

.custom-heading.white p {

  color: #ffffff;

}

.h-banner-info {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  margin: 0 auto;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  transform: translateY(-50%);

}

.h-banner-info .custom-heading {

  max-width: 465px;

}

.h-banner-info .custom-heading h4 {

  margin-bottom: 40px;

  text-align: right;

}

.footer a {

  text-decoration: none !important;

  color: #000000;

  font-weight: normal;

  display: table;

  font-size: 13px;

  margin-bottom: 8px;

  opacity: .8;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  padding-left: 0;

  position: relative;

}

.footer a:before {

  content: '';

  width: 6px;

  height: 1px;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  margin: auto 0;

  background-color: #000000;

  -webkit-transform: scaleX(0);

  -ms-transform: scaleX(0);

  -moz-transform: scaleX(0);

  transform: scaleX(0);

  transform-origin: left;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  transition: all 300ms ease;

}

.footer a:hover {

  opacity: 1;

  padding-left: 10px;

}

.footer a:hover:before {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  -moz-transform: scaleX(1);

  transform: scaleX(1);

}

.footer a.footer-big {

  font-size: 15px;

  margin-bottom: 18px;

  opacity: 1;

  padding-left: 0;

  font-weight: bold;

}

.footer a.footer-big:hover {

  padding-left: 0;

}

.footer a.footer-big:before {

  display: none;

}

.footer-main {

  padding-top: 50px;

}

.footer-main .footer {

  width: calc(100% / 5);

}

.footer-bottom {

  padding: 25px 0;

  border-top: 1px solid #DBDBDB;

}

.footer-bottom p {

  font-family: inherit;

  font-weight: 400;

  text-align: center;

  font-size: 12px;

  color: #848484;

  margin: 0;

  padding: 0;

}

.footer-bottom ul {

  padding-bottom: 10px;

}

.footer-bottom ul li a {

  font-size: 13px;

  font-weight: normal;

  font-family: inherit;

  color: #848484;

  line-height: 1.3;

  text-decoration: none !important;

  margin: 0;

  position: relative;

  padding: 0 10px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.footer-bottom ul li a:hover {

  color: #232323;

}

.footer-bottom ul li a:after {

  content: '';

  width: 1px;

  position: absolute;

  height: 80%;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto 0;

  background-color: #848484;

}

.footer-bottom ul li:last-of-type a:after {

  display: none;

}

.social-footer ul {

  margin-bottom: 30px;

}

.social-footer ul li {

  margin: 0 3px;

}

.social-footer ul li a {

  text-decoration: none !important;

  padding: 0 3px;

}

.social-footer ul li a i {

  font-size: 36px;

  opacity: .6;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.social-footer ul li a:hover i {

  opacity: 1;

}

.banner-box {

  margin-top: -70px;

  padding-bottom: 70px;

}

.banner-box .row {

  margin: 0 -3.5px;

}

.banner-box .row .banner-box-inner {

  padding: 0 3.5px;

}

.banner-box .row .banner-box-inner .arrow-box {

  position: absolute;

  right: -1px;

  bottom: -1px;

}

.banner-box-inner {

  position: relative;

  text-decoration: none !important;

  overflow: hidden;

  -ms-flex: 0 0 calc(50% - 3.5px);

  flex: 0 0 calc(50% - 3.5px);

  max-width: calc(50% - 3.5px);

}

.banner-box-inner:after {

  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);

  /* IE6-9 fallback on horizontal gradient */

}

.banner-box-inner img {

  position: absolute;

  height: 100%;

  width: 100%;

  object-position: 0 0;

  -o-object-position: 0 0;

  -o-object-fit: cover;

  object-fit: cover;

  z-index: 1;

  top: 0;

  left: 0;

  -webkit-transition: all 0.6s ease;

  -moz-transition: all 0.6s ease;

  -o-transition: all 0.6s ease;

  -ms-transition: all 0.6s ease;

  transition: all 0.6s ease;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  transform-origin: center;

}

.banner-box-inner .banner-box-info {

  position: relative;

  z-index: 5;

  padding: 80px 70px;

}

.banner-box-inner .banner-box-info p {

  max-width: 200px;

  margin-bottom: 0;

}

.banner-box-inner:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.arrow-box {

  position: relative;

  z-index: 10;

  width: 60px;

  height: 60px;

  border: 1px solid rgba(255, 255, 255, 0.8);

  margin: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  -moz-transform: scaleX(1);

  transform: scaleX(1);

  transform-origin: right;

  overflow: hidden;

  background-color: transparent;

  text-decoration: none !important;

  cursor: pointer;

}

.arrow-box:hover {

  background-color: rgba(255, 255, 255, 0.8);

}

.arrow-box:hover:after {

  border-color: #232323;

}

.arrow-box.arrow-right:after {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.arrow-box.arrow-left:after {

  -webkit-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  transform: rotate(135deg);

}

.arrow-box:after {

  content: '';

  width: 9px;

  height: 9px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  border-bottom: 2px solid;

  border-right: 2px solid;

  border-color: #ffffff;

  z-index: 5;

  opacity: 1;

  visibility: visible;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.arrow-box.arrow-invert {

  border: 1px solid rgba(0, 0, 0, 0.5);

}

.arrow-box.arrow-invert:after {

  border-color: rgba(0, 0, 0, 0.5);

}

.arrow-box.arrow-invert:hover {

  background-color: rgba(0, 0, 0, 0.5);

}

.arrow-box.arrow-invert:hover:after {

  border-color: #ffffff;

}

.box-main {

  margin: 0 -3.5px;

  -ms-flex-pack: justify!important;

  justify-content: space-between !important;

}

.box-main .row {

  margin: 0;

}

.box-main .col-md-12 {

  padding: 0 3.5px;

}

.box-main .col-md-6 {

  padding: 0 3.5px;

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

}

.section {

  padding: 70px 0;

}

.no-top-padding {

  padding-top: 0 !important;

}

.h-box {

  position: relative;

  margin-bottom: 7px;

}

.h-box:before {

  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);

  /* FF3.6-15 */

  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);

  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);

  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);

  /* IE6-9 fallback on horizontal gradient */

}

.h-box img {

  position: absolute;

  z-index: 1;

  left: 0;

  top: 0;

  object-fit: cover;

  -o-object-fit: cover;

  -o-object-position: 0 0;

  object-position: 0 0;

  height: 100%;

  width: 100%;

}

.h-box .h-box-info {

  position: relative;

  z-index: 5;

  padding: 70px;

}

.h-box1 {

  min-height: 750px;

  overflow: hidden;

}

.h-box1 img {

  height: 100%;

  width: 100%;

  object-fit: cover;

  -o-object-fit: cover;

  object-position: 0 0;

  -o-object-position: 0 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}

.h-box1:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.h-box3 {

  min-height: 500px;

  overflow: hidden;

}

.h-box3 img {

  height: 100%;

  width: 100%;

  object-fit: cover;

  -o-object-fit: cover;

  object-position: 0 0;

  -o-object-position: 0 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}

.h-box3:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.h-box4 .item {

  height: 550px;

  overflow: hidden;

}

.h-box4 .item img {

  height: 100%;

  width: 100%;

  object-fit: cover;

  -o-object-fit: cover;

  object-position: 0 0;

  -o-object-position: 0 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}

.h-box4 .item:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.h-box2:before,

.h-box4:before {

  display: none;

}

.h-box4 img {

  position: relative !important;

}

.square-nav .owl-prev,

.square-nav .owl-next {

  outline: none !important;

  border: none !important;

}

.square-nav .owl-prev button,

.square-nav .owl-next button {

  outline: none !important;

  border: none !important;

}

.square-nav .owl-prev span,

.square-nav .owl-next span {

  position: relative;

  z-index: 10;

  width: 60px;

  height: 60px;

  border: 1px solid;

  margin: 0;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  -moz-transform: scaleX(1);

  transform: scaleX(1);

  transform-origin: right;

  overflow: hidden;

  background-color: transparent;

  display: inline-block;

  font-size: 0;

}

.square-nav .owl-prev span:after,

.square-nav .owl-next span:after {

  content: '';

  width: 9px;

  height: 9px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  border-bottom: 2px solid;

  border-right: 2px solid;

  z-index: 5;

  opacity: 1;

  visibility: visible;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.square-nav .owl-prev span:after {

  -webkit-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  transform: rotate(135deg);

}

.square-nav .owl-prev span:hover:after {

  border-bottom: 2px solid #232323;

  border-right: 2px solid #232323;

}

.square-nav .owl-next span:after {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.square-nav.square-nav-light .owl-prev span,

.square-nav.square-nav-light .owl-next span {

  border-color: rgba(255, 255, 255, 0.8);

}

.square-nav.square-nav-light .owl-prev span:after,

.square-nav.square-nav-light .owl-next span:after {

  border-color: #ffffff;

}

.square-nav.square-nav-light .owl-prev span:hover,

.square-nav.square-nav-light .owl-next span:hover {

  background-color: rgba(255, 255, 255, 0.8);

}

.square-nav.square-nav-light .owl-prev span:hover:after,

.square-nav.square-nav-light .owl-next span:hover:after {

  border-color: #232323;

}

.square-nav.square-nav-dark .owl-prev span,

.square-nav.square-nav-dark .owl-next span {

  border-color: rgba(0, 0, 0, 0.4);

}

.square-nav.square-nav-dark .owl-prev span:after,

.square-nav.square-nav-dark .owl-next span:after {

  border-color: #232323;

}

.square-nav.square-nav-dark .owl-prev span:hover,

.square-nav.square-nav-dark .owl-next span:hover {

  background-color: rgba(0, 0, 0, 0.4);

}

.square-nav.square-nav-dark .owl-prev span:hover:after,

.square-nav.square-nav-dark .owl-next span:hover:after {

  border-color: #ffffff;

}

.beauty-banner .owl-nav {

  position: absolute;

  bottom: -7px;

  right: 0;

}

.h-box2:after {

  content: '';

  top: 25%;

  width: 50%;

  right: -25%;

  position: absolute;

  height: 1px;

  background-color: #DBDBDB;

  display: inline-block;

  z-index: 99;

}

.art-gallery .item {

  height: 630px;

  overflow: hidden;

}

.art-gallery .item img {

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: 0 center;

  object-position: 0 center;

}

.art-box-main {

  margin-top: -350px;

  position: relative;

  z-index: 10;

}

.art-box-main .art-box {

  background-color: #F7F7F7;

  width: 350px;

  margin: 0;

}

.art-box-main .art-box .h-box-info {

  padding: 90px 50px 110px;

}

.art-box-main .art-box p {

  margin-bottom: 30px;

}

.art-box-main .art-box:before {

  display: none;

}

.art-box-main .art-box .arrow-left {

  border-right: none;

}

.art-box-main .art-box-arrow {

  position: absolute;

  right: 0;

  bottom: 0;

}

.media-center-box {

  text-decoration: none !important;

}

.media-center-box p {

  font-size: 13px;

}

.media-center-box:hover .media-center-img img {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);

}

.media-center-img {

  height: 300px;

  overflow: hidden;

  margin-bottom: 25px;

}

.media-center-img img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: 0 0;

  object-position: 0 0;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  transform-origin: center;

  -webkit-transition: all 1500ms linear;

  -moz-transition: all 1500ms linear;

  -o-transition: all 1500ms linear;

  -ms-transition: all 1500ms linear;

  transition: all 1500ms linear;

}

.media-date {

  color: #000000;

  font-size: 13px;

  display: block;

  margin-bottom: 15px;

  padding-bottom: 10px;

  border-bottom: 1px solid #DBDBDB;

}

.instagram-box-main {

  margin: 0 -3.5px;

}

.instagram-box-main a {

  display: block;

  height: 100%;

  overflow: hidden;

  position: relative;

}

.instagram-box-main a:after {

  content: '';

  width: 40px;

  height: 40px;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  background-position: center;

  background-repeat: no-repeat;

  background-image: url(../images/insta.svg);

  background-size: contain;

  z-index: 5;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.instagram-box-main a img {

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: 50% 50%;

  object-position: 50% 50%;

  height: 100%;

  width: 100%;

  transform-origin: 50% 50%;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.instagram-box-main a:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.instagram-box-main a:hover:after {

  background-image: url(../images/instagram.svg);

}

.instagram-box-main .col-md-5,

.instagram-box-main .col-md-7,

.instagram-box-main .col-md-6 {

  padding-right: 3.5px;

  padding-left: 3.5px;

  margin-bottom: 7px;

}

.instagram-box-main .col-md-5 a {

  height: 600px;

}

.instagram-box-main .col-md-6 a {

  height: calc(593px / 2);

}

.instagram-box-main .row {

  margin: 0 -3.5px;

}

.media-view-more {

  margin-top: 60px;

}

.breadcrumb {

  background: none;

  padding: 30px 0 0;

}

.breadcrumb .breadcrumb-item {

  opacity: .5;

}

.breadcrumb .breadcrumb-item.active {

  opacity: 1;

  position: relative;

  top: 3px;

}

.breadcrumb .breadcrumb-item.active,

.breadcrumb .breadcrumb-item a {

  text-decoration: none !important;

  color: #232323;

  font-family: inherit;

  font-weight: normal;

  font-size: 13px;

}

.breadcrumb .breadcrumb-item.active:before,

.breadcrumb .breadcrumb-item a:before {

  font-size: 13px;

}

.about-slider-patch {

  position: relative;

}

.about-slider-patch:after {

  content: '';

  width: 60%;

  left: 0;

  top: 0;

  height: 75%;

  background-color: #F7F7F7;

  position: absolute;

  z-index: 1;

}

.about-slider {

  position: relative;

  margin-top: 40px;

  z-index: 2;

}

.about-slider .owl-nav {

  position: absolute;

  top: -85px;

  right: 10%;

}

.about-section {

  max-width: 800px;

}

hr {

  margin-top: 50px;

}

.service-box {

  background-color: #F7F7F7;

  text-align: center;

  padding: 40px 15px;

  margin-bottom: 30px;

}

.service-box i {

  font-size: 50px;

  display: inline-block;

  margin-bottom: 10px;

}

.service-box p {

  margin: 0;

  text-align: center;

}

.cafe-box {

  border: 2px solid #F7F7F7;

  padding: 50px 30px;

  min-height: 255px;

  background-color: transparent;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.cafe-box img {

  max-height: 150px;

  display: table;

  margin: 0 auto;

}

.cafe-box-main {

  margin-bottom: 60px;

  text-decoration: none !important;

  color: #232323 !important;

}

.cafe-box-main:hover .cafe-box {

  border-color: #848484;

}

.cafe-box-main h4 {

  font-weight: 600;

  font-size: 20px;

  margin-bottom: 20px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.title-image {

  display: inline-block;

  width: 40px;

  height: 40px;

  margin-right: 15px;

  position: relative;

  top: -5px;

}

.text-decoration a {

  text-decoration: none !important;

}

.event-box-main .col-md-6,

.event-box-main .col-md-4 {

  margin-bottom: 60px;

}

.press hr {

  margin: 50px 0;

}

.terms {

  padding-bottom: 50px;

}

.terms-inner h4 {

  margin-bottom: 15px;

}

.inner-banner {

  height: 400px;

  background-color: #DBDBDB;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.basic-form input,

.basic-form textarea,

.basic-form select {

  outline: none !important;

  box-shadow: none !important;

  border: none !important;

  background-color: #F7F7F7 !important;

  font-size: 14px;

  color: #545353;

  font-family: inherit;

  font-weight: 400;

  cursor: pointer;

}

.basic-form textarea {

  resize: none;

}

.basic-form input,

.basic-form select {

  height: 50px;

}

.basic-form .custom-file-label {

  height: 50px;

  background-color: #F7F7F7;

  border: none !important;

  line-height: 38px;

  font-size: 14px;

  box-shadow: none !important;

  outline: none !important;

}

.basic-form .custom-file-label:after {

  height: 50px;

  padding: .375rem 25px;

  line-height: 38px;

  font-size: 14px;

  border: none !important;

}

.basic-form .custom-file {

  height: 50px;

}

.top-section {

  padding-top: 30px !important;

}

body .common-address li {

  margin-bottom: 25px;

}

body .common-address a,

body .common-address strong,

body .common-address p {

  margin-bottom: 0;

  font-family: 'Raleway' !important;

  font-weight: 400;

  font-size: 16px !important;

  color: #232323;

  text-decoration: none !important;

}

body .common-address i {

  font-size: 20px;

  display: inline-block;

  position: relative;

  top: -1px;

  width: 20px;

  margin-right: 10px;

  text-align: center;

}

.icon-info + p {

  padding-left: 30px;

}

.side-bar-main {

  position: relative;

  padding-right: 50px;

}

.side-bar-main:after {

  content: '';

  width: 1px;

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  background-color: #848484;

  opacity: .3;

}

.main-bar {

  padding-left: 70px;

}

.inner-slider .item {

  height: 250px;

  overflow: hidden;

  cursor: pointer;

}

.inner-slider .item img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: 0 0;

  object-position: 0 0;

}

.inner-gallery .items {

  margin-bottom: 30px;

  height: 310px;

}

.inner-gallery .items img {

  height: 100%;

  -o-object-position: 0 0;

  object-position: 0 0;

  -o-object-fit: cover;

  object-fit: cover;

}

.inner-gallery .item .col-sm-4:nth-of-type(2) .row {

  height: 100%;

}

.inner-gallery .item .col-sm-4:nth-of-type(2) .col-sm-12 {

  margin-bottom: 0 !important;

  height: 650px;

}

.dots-main .owl-dots {

  text-align: center;

}

.dots-main .owl-dot {

  display: inline-block;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background-color: #DBDBDB !important;

  margin: 0 3px;

  border: none !important;

  box-shadow: none !important;

  outline: none !important;

}

.dots-main .owl-dot.active {

  background-color: #545353 !important;

}

.contact-main h4 {

  margin-bottom: 30px;

  font-size: 30px;

}

.contact-main .icon-info-main {

  margin-bottom: 15px;

}

.promotion-main .cafe-box-main {

  margin-bottom: 30px;

}

.promotion-main .cafe-box {

  min-height: 300px;

  position: relative;

}

.promotion-main .cafe-box img {

  min-height: 190px;

}

.promotion-main .cafe-box:hover .promo-info-main {

  opacity: 1;

  visibility: visible;

}

.promo-info-main {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 5;

  background-color: rgba(0, 0, 0, 0.8);

  height: 100%;

  padding: 60px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  opacity: 0;

  visibility: hidden;

}

.promo-info-main div {

  font-size: 15px;

  font-weight: normal;

  font-family: inherit !important;

  line-height: 1.5;

  color: #ffffff;

}

.accordion {

  margin-top: 50px;

}

.accordion .card-body {

  padding: 50px;

}

.accordion .card-header {

  border: none;

  cursor: pointer;

  padding: 30px 1.25rem;

}

.accordion .card {

  border: none;

}

.accordion .card:nth-of-type(even) .card-header {

  background: none;

}

.card-header h5 {

  margin-bottom: 2px;

}

.card-header p {

  margin: 0;

}

#video-gallery a {

  text-decoration: none !important;

  color: #232323;

}

#video-gallery a .media-center-img {

  position: relative;

}

#video-gallery a .media-center-img:after {

  content: '';

  width: 60px;

  height: 60px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  background-position: center;

  background-repeat: no-repeat;

  background-image: url("../images/play.svg");

  background-size: contain;

  z-index: 2;

}

#video-gallery a .media-center-img:before {

  content: '';

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  position: absolute;

  background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);

  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);

  background: linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);

  z-index: 1;

}

#map {

  width: 100%;

  margin: 0px;

  padding: 0px;

  height: calc(100vh - 345px);

  min-height: 440px;

}

.no-bottom-padding {

  padding-bottom: 0 !important;

}

.location-main {

  position: relative;

}

.location-container {

  position: absolute;

  background: #fff;

  left: 0;

  right: 0;

  top: 50%;

  padding: 50px;

  max-width: 700px;

  transform: translateY(-50%);

  box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.05);

  overflow: hidden;

  width: 90%;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.location-container.active {

  box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.2);

  width: 50px;

  padding: 0;

  height: 50px;

  background-image: url(../images/magnifier.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 30px;

  border-radius: 5px;

  cursor: pointer;

}

.location-container.active input,

.location-container.active a {

  visibility: hidden;

}

.location input {

  width: 100%;

  padding: 0 15px;

  height: 49px;

}

.location .basic-form {

  -ms-flex: 0 0 calc(100% - 100px);

  flex: 0 0 calc(100% - 100px);

  max-width: calc(100% - 100px);

  padding-right: 10px !important;

}

.location .text-center {

  width: 100px;

}

.no-padding {

  padding: 0 !important;

}

.events-main-page .media-center-box p {

  font-size: 14px;

  font-weight: 600;

}

.events-main-page .media-center-box p span {

  display: block;

  font-size: 13px;

  font-weight: 400;

  position: relative;

  padding-left: 10px;

}

.events-main-page .media-center-box p span:before {

  content: '';

  width: 5px;

  height: 1px;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  margin: auto 0;

  background-color: #232323;

}

.hamburger {

  display: none;

}

.mobile-view {

  display: none !important;

}

.mobile-view-sm {

  display: none;

}

.main-menu > li > a > i {

  display: none;

}

.arrow-menu {

  display: none;

}

.footer-add {

  display: none;

}

label.error {

  font-size: 12px;

  color: red;

}

.no-click {

  pointer-events: none !important;

}

.inner-slider .owl-nav {

  margin-top: 20px;

}

.insta-slider a {

  height: 267px;

  overflow: hidden;

  display: block;

  width: 100%;

}

.insta-slider a img {

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: center center;

  object-position: center center;

}

.sitemap-main td {

  padding: 0 0;

}

.sitemap-main a {

  font-family: inherit;

  font-weight: normal;

  color: #000000 !important;

  font-size: 15px;

  text-decoration: none;

  display: inline-block;

  line-height: 1;

  text-align: left;

  padding: 15px 10px;

  width: 100%;

  background-color: transparent;

}

.sitemap-main a:hover {

  background-color: #eaeaea;

}

.open-hours {

  padding-left: 30px;

}

@media (max-width: 1600px) {

  .art-gallery .item {

    height: 560px;

  }

}

@media (max-width: 1400px) {

  .inner-banner {

    height: 330px;

  }

  .inner-gallery .items {

    height: 270px;

  }

  .inner-gallery .item .col-sm-4:nth-of-type(2) .col-sm-12 {

    height: 570px;

  }

}

@media (max-width: 1200px) {

  .logo {

    width: 145px;

  }

  .main-menu > li > a {

    padding: 25px 15px;

  }

  .secondary-menu li a {

    padding: 10px 15px;

  }

  .h-box4 .item {

    height: 450px;

  }

  .h-box .h-box-info {

    padding: 50px;

  }

  .h-box1 {

    min-height: 700px;

  }

  .banner-box-inner .banner-box-info p {

    max-width: 250px;

  }

  .banner-box-inner .banner-box-info {

    padding: 50px 40px;

  }

  .art-gallery .item {

    height: 520px;

  }

  .art-box-main .art-box .h-box-info {

    padding: 45px 50px 100px;

  }

  .g-button-invert,

  .g-button {

    padding: 10px 25px;

  }

  .arrow-box,

  .square-nav .owl-prev span,

  .square-nav .owl-next span {

    width: 45px;

    height: 45px;

  }

  .custom-heading h2 {

    font-size: 45px;

  }

  .custom-heading h3 {

    font-size: 30px;

  }

  .custom-heading h4 {

    font-size: 18px;

  }

  .footer-bottom ul li a {

    font-size: 12px;

  }

  .footer a.footer-big {

    font-size: 15px;

    line-height: 1.3;

  }

  .home-banner,

  .home-banner .item {

    min-height: 580px;

  }

  .instagram-box-main .col-md-5 a {

    height: 500px;

  }

  .instagram-box-main .col-md-6 a {

    height: calc(493px / 2);

  }

  .inner-banner {

    height: 260px;

  }

  .inner-gallery .items {

    height: 250px;

  }

  .inner-gallery .item .col-sm-4:nth-of-type(2) .col-sm-12 {

    height: 530px;

  }

  .location input {

    height: 39px;

  }

  .h-banner-info .custom-heading {

    max-width: 350px;

  }

}

@media (max-width: 992px) {

  .secondary-menu {

    padding-top: 20px;

    border-top: 1px solid #dddddd;

    margin-top: 15px;

  }

  .hamburger {

    display: block;

    width: 24px;

    height: 12px;

    position: relative;

    z-index: 2;

    cursor: pointer;

  }

  .hamburger span {

    background-color: #232323;

    width: 100%;

    height: 2px;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 1;

  }

  .hamburger span:nth-of-type(2) {

    top: 5px;

  }

  .hamburger span:nth-of-type(3) {

    top: 10px;

  }

  .hamburger.active span:nth-of-type(1) {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 5px;

  }

  .hamburger.active span:nth-of-type(2) {

    opacity: 0;

  }

  .hamburger.active span:nth-of-type(3) {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 5px;

  }

  .main-menu > li:before {

    display: none;

  }

  .main-menu {

    position: fixed;

    left: 0;

    width: 280px;

    display: block !important;

    background: #fff;

    height: 100%;

    z-index: 99;

    top: 0;

    padding: 40px 20px;

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    transform: translateX(-100%);

    -webkit-transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

    -moz-transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

    -ms-transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

    -o-transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

    transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;

    /* opacity: 0;*/

  }

  .main-menu.active {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    -moz-transform: translateX(0);

    transform: translateX(0);

    overflow: auto;

  }

  .mobile-view {

    display: block !important;

  }

  .desktop-view {

    display: none !important;

  }

  .secondary-menu li a {

    color: #232323;

    font-size: 14px;

    font-family: inherit;

    font-weight: bold;

    line-height: 1;

    padding: 10px 5px;

  }

  .main-menu > li > a {

    padding: 12px 5px;

  }

  .main-menu > li > a > i {

    display: inline-block;

    margin-right: 5px;

  }

  .secondary-menu li a i:before {

    color: #232323;

  }

  .secondary-menu li a i {

    font-size: 14px;

    display: inline-block;

    margin-right: 5px;

    top: 0;

  }

  .main-menu-dropdown {

    display: -ms-flexbox !important;

    display: flex!important;

    -ms-flex-pack: justify!important;

    justify-content: space-between !important;

    -ms-flex-align: center!important;

    align-items: center!important;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .main-menu > li.main-menu-dropdown > a {

    width: 100%;

    pointer-events: all;

    padding-right: 30px;

  }

  .main-menu > li.main-menu-dropdown > a:after {

    content: '';

    width: 8px;

    height: 8px;

    position: absolute;

    border-bottom: 1px solid #232323;

    border-left: 1px solid #232323;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    transform: rotate(-45deg);

    right: 3px;

    top: 15px;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

  }

  .main-menu > li.main-menu-dropdown > a.open-menu:after {

    -webkit-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    transform: rotate(135deg);

  }

  .main-menu > li .main-menu-secondary,

  .main-menu > li.main-menu-dropdown:hover .main-menu-secondary {

    position: relative;

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    transform: translate(0, 0);

    top: 0;

    opacity: 1;

    visibility: visible;

    width: 100%;

    display: none;

  }

  .main-menu > li > a {

    text-align: left;

  }

  .main-menu > li .main-menu-secondary > li:first-of-type a:before {

    display: none;

  }

  .main-menu > li .main-menu-secondary {

    border: none;

  }

  .main-menu > li .main-menu-secondary > li > a:hover {

    color: #000000;

    background-color: #ffffff;

  }

  .main-menu > li .main-menu-secondary > li > a {

    padding: 7px 25px;

  }

  .footer-bottom ul li a {

    font-size: 9px;

    padding: 0 5px;

  }

  .footer-bottom p {

    font-size: 10px;

  }

  .footer a.footer-big {

    font-size: 14px;

  }

  .footer a {

    font-size: 12px;

  }

  .footer-main {

    padding-top: 30px;

  }

  .social-footer ul li a i {

    font-size: 25px;

  }

  .social-footer ul {

    margin-bottom: 20px;

  }

  .footer-bottom {

    padding: 15px 0;

  }

  .subscribe .s-text input {

    height: 36px;

  }

  .subscribe .s-but-main {

    height: 36px;

    font-size: 12px;

  }

  .subscribe .s-text input {

    font-size: 12px;

  }

  .h-box1 {

    height: 550px;

    min-height: 10px;

  }

  .h-box3 {

    height: 420px;

    min-height: 20px;

  }

  .h-box4 .item {

    height: 360px;

  }

  .instagram-box-main .col-md-5 a {

    height: 400px;

  }

  .instagram-box-main .col-md-6 a {

    height: calc(393px / 2);

  }

  .instagram-box-main a:after {

    width: 25px;

    height: 25px;

  }

  .art-gallery .item {

    height: 440px;

  }

  .footer-add {

    display: inline-block;

    width: 15px;

    height: 15px;

    position: relative;

    margin-left: 10px;

  }

  .inner-banner {

    height: 240px;

  }

  .cafe-box-main {

    margin-bottom: 30px;

  }

  .cafe-box {

    min-height: 20px;

    height: 190px;

  }

  .cafe-box-main h4 {

    font-size: 16px;

    margin-bottom: 12px;

  }

  .media-center-img {

    height: 230px;

    margin-bottom: 13px;

  }

  .event-box-main .col-md-6,

  .event-box-main .col-md-4 {

    margin-bottom: 40px;

  }

  .inner-gallery .items {

    height: 190px;

  }

  .inner-gallery .item .col-sm-4:nth-of-type(2) .col-sm-12 {

    height: 410px;

  }

  .section .col-sm-12.text-center h3 {

    font-size: 18px;

  }

  .custom-heading .contact-main h4 {

    font-size: 22px;

  }

  .media-view-more {

    margin-top: 20px;

  }

  .basic-form input,

  .basic-form select {

    height: 40px;

  }

  .main-bar {

    padding-left: 15px;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .side-bar-main {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    padding-right: 15px;

    border-bottom: 1px solid #848484;

    padding-bottom: 30px;

    margin-bottom: 30px;

  }

  .side-bar-main .common-address {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .side-bar-main .common-address li {

    padding-right: 20px;

  }

  .side-bar-main:after {

    display: none;

  }

  .insta-slider a {

    height: 180px;

  }

  .g-button-invert,

  .g-button {

    padding: 10px 15px;

    font-size: 13px;

  }

  .accordion .card-header {

    padding: 15px 10px;

  }

  .custom-heading h5 {

    font-size: 16px;

  }

  .card-header p {

    font-size: 13px;

  }

  .accordion .card-body {

    padding: 25px 15px;

  }

  .basic-form input,

  .basic-form select {

    font-size: 13px;

  }

}

@media (max-width: 769px) {

  .footer-main > .container .d-flex {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .footer-main .footer {

    width: calc(100% / 3);

    margin-bottom: 20px;

  }

  .footer-bottom ul {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .footer-bottom ul li {

    line-height: 1;

  }

  .custom-heading h3 {

    font-size: 25px;

  }

  .custom-heading p,

  .custom-heading span,

  .custom-heading strong,

  .custom-heading div {

    font-size: 13px;

    line-height: 1.4;

  }

  .art-gallery .item {

    height: 360px;

  }

  .section {

    padding: 50px 0;

  }

  .art-box-main {

    margin-top: -90px;

  }

  .art-box-main .art-box {

    width: 100%;

  }

  .art-box-main .art-box .h-box-info {

    padding: 30px 30px 60px;

  }

  .banner-box {

    margin-top: -50px;

    padding-bottom: 50px;

  }

  .h-banner-info .custom-heading {

    max-width: 350px;

  }

  .h-box1 {

    height: 420px;

  }

  .h-box3 {

    height: 310px;

  }

  .h-box4 .item {

    height: 300px;

  }

  .subscribe .s-container {

    padding: 0 20px;

  }

  .banner-box-inner .banner-box-info {

    padding: 25px 20px;

  }

  .arrow-box,

  .square-nav .owl-prev span,

  .square-nav .owl-next span {

    width: 36px;

    height: 36px;

  }

  .g-button-invert,

  .g-button {

    font-size: 12px;

  }

  .h-box .h-box-info {

    padding: 30px;

  }

  .instagram-box-main .col-md-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }

  .instagram-box-main .col-md-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }

  .instagram-box-main .col-md-5 a {

    height: 300px;

  }

  .instagram-box-main .col-md-6 a {

    height: calc(293px / 2);

  }

  .instagram-box-main .col-md-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .inner-banner {

    height: 240px;

  }

  .breadcrumb {

    padding: 20px 0 0;

    margin-bottom: 0;

  }

  hr {

    margin-top: 25px;

  }

  .about-slider .owl-nav {

    top: -45px;

  }

  .about-slider {

    margin-top: 0;

  }

  .inner-gallery .items {

    height: 130px;

  }

  .inner-gallery .item .col-sm-4:nth-of-type(2) .col-sm-12 {

    height: 290px;

  }

  .insta-slider a {

    height: 120px;

  }

  .card-header .col-md-3.text-center {

    text-align: left !important;

    margin-top: 15px;

  }

  .basic-form .custom-file-label {

    height: 40px;

    font-size: 13px;

    line-height: 30px;

  }

  .basic-form .custom-file-label:after {

    height: 40px;

    padding: .375rem 10px;

    line-height: 29px;

    font-size: 12px;

    border: none !important;

  }

}

@media (max-width: 576px) {

  .custom-heading h3 label {

    font-size: 18px;

  }

  .footer-main .footer {

    width: 100%;

  }

  .footer a.footer-big {

    margin-bottom: 13px;

  }

  .subscribe .s-text {

    width: 100%;

    margin-bottom: 5px;

  }

  .home-banner,

  .home-banner .item {

    min-height: 20px;

    height: 300px;

  }

  .custom-heading h2 {

    font-size: 25px;

    margin-bottom: 5px;

  }

  .h-banner-info .custom-heading h4 {

    margin-bottom: 15px;

  }

  .banner-box {

    margin-top: 13px;

  }

  .banner-box-inner {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    margin-bottom: 13px;

  }

  .banner-box {

    padding-bottom: 0;

  }

  .logo {

    width: 130px;

    padding: 14px 0;

  }

  .box-main .col-md-6 {

    padding: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .art-gallery .item {

    height: 180px;

  }

  .custom-heading h3.head-margin {

    margin-bottom: 15px;

    font-size: 20px;

  }

  .art-box-main .art-box .h-box-info {

    padding: 20px 20px 20px;

  }

  .section {

    padding: 30px 0;

  }

  .art-box-main {

    margin-top: 40px;

  }

  .custom-heading h4 {

    font-size: 15px;

  }

  .h-banner-info .custom-heading {

    max-width: 195px;

  }

  .g-button-invert,

  .g-button {

    padding: 10px 16px;

  }

  .home-banner .owl-item .custom-heading a {

    margin-top: 12px;

  }

  .subscribe .s-container {

    display: block !important;

  }

  .subscribe .s-but {

    margin: 0 auto;

  }

  .subscribe .subscribe-alert {

    text-align: center;

    width: 100%;

  }

  .art-box-main {

    margin-bottom: 15px;

  }

  .social-footer {

    -ms-flex-pack: start!important;

    justify-content: flex-start !important;

  }

  .h-box {

    overflow: hidden;

  }

  .h-box {

    margin-bottom: 13px;

  }

  .instagram-box-main .col-md-5,

  .instagram-box-main .col-md-7,

  .instagram-box-main .col-md-6 {

    margin-bottom: 13px;

  }

  .instagram-box-main .col-md-7 .col-md-6:last-of-type {

    margin-bottom: 0;

  }

  .footer-main .footer {

    margin-bottom: 0px;

  }

  body .has-drop {

    position: relative;

  }

  body .has-drop:after {

    content: '';

    width: 9px;

    height: 1px;

    background-color: #232323;

    right: 0;

    top: 9px;

    position: absolute;

  }

  body .has-drop:before {

    content: '';

    width: 1px;

    height: 9px;

    background-color: #232323;

    right: 4px;

    top: 1px;

    position: absolute;

    display: block !important;

    left: auto;

    opacity: 1;

    -webkit-transform: scaleX(1);

    -ms-transform: scaleX(1);

    -moz-transform: scaleX(1);

    transform: scaleX(1);

  }

  .footer a.footer-big {

    width: 100%;

  }

  .inner-banner {

    height: 120px;

  }

  .footer-slide {

    display: none;

  }

  .cafe-box-main {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .cafe-box {

    padding: 15px;

  }

  .breadcrumb {

    display: none !important;

  }

  .about-slider .owl-nav {

    top: auto;

    right: 0;

    bottom: -7px;

  }

  .inner-gallery .items {

    height: auto;

  }

  .inner-gallery .item .col-sm-4:nth-of-type(1) .col-sm-12,

  .inner-gallery .item .col-sm-4:nth-of-type(3) .col-sm-12 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .inner-gallery .item .col-sm-4:nth-of-type(2) .col-sm-12 {

    margin-bottom: 30px !important;

    height: 200px;

  }

  .services-main .col-sm-4 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .location-container {

    padding: 25px 30px;

  }

  .home-banner .owl-prev,

  .home-banner .owl-next {

    display: none !important;

  }

  .location .text-center {

    width: 70px;

  }

  .location .basic-form {

    -ms-flex: 0 0 calc(100% - 70px);

    flex: 0 0 calc(100% - 70px);

    max-width: calc(100% - 70px);

    padding-right: 5px !important;

  }

  .mobile-view-sm {

    display: block;

  }

  .desktop-view-sm {

    display: none !important;

  }

  .insta-slider a {

    height: 85px;

  }

}

@media (max-width: 420px) {

  .instagram-box-main .col-md-5,

  .instagram-box-main .col-md-7,

  .instagram-box-main .col-md-6 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .instagram-box-main .col-md-7 {

    margin-bottom: 0;

  }

  .instagram-box-main .col-md-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}

@media (max-width: 380px) {

	.cafe-box {

    height: 150px;

	}

.promotion-main  .cafe-box {

    height: 150px;

    height: auto !important;

    min-height: inherit !important;

    padding: 0;

    /* margin-bottom: 5px; */

}

.promotion-main .cafe-box img {

    min-height: inherit !important;

}

}

.gallery-img{ width: 100%; height: 250px;  margin-bottom: 30px; cursor: pointer;}
.gallery-img img{ width: 100%; height:100%; object-fit: cover; object-position: center;}