html {
  scroll-behavior: smooth;
}

html,
body {
  font-size: 1rem;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  color: #F4633A;
  background-color: #FCF7F1;
  overflow-x: hidden;
}

body{ overscroll-behavior: none;}


/*body{ overflow-x: hidden; }*/
#percentage{ display: none !important;}

a {
  text-decoration: none;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}

a:hover {
  color: #F4633A;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin-bottom: 0;
}

img,
video,
svg {
  max-width: 100%;
}

p {
  font-size: 1vw;
  line-height: 1.625vw;
  color: #F4633A;
}

.btn {
  padding: 0.625rem 1.5rem;
  font-size: 1.125rem;
}

.btn-default {
  color: #974b00;
  background-color: transparent;
  border-color: #974b00;
}

.btn-default:focus,
.btn-default.focus {
  color: #fff;
  background-color: #974b00;
  border-color: #974b00;
}

.btn-default:hover {
  color: #fff;
  background-color: #974b00;
  border-color: #974b00;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #fbc125;
  background-image: none;
  border-color: #204d74;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  color: #fff;
  background-color: #974b00;
  border-color: #974b00;
}

/*--------------------------------------------------------------
  # Common Button CSS
  --------------------------------------------------------------*/
  .common-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    font-size: inherit;
    font-family: inherit;
    background-color: #EE7D21;
    border-radius: 1.625rem;
    color: #ffffff;
    padding: 0.5rem 1.875rem;
    overflow: hidden;
    z-index: 1;
}
  .common-btn:hover {
    color: #fff;
  }
  
  .common-btn:hover:after{
    width: 100%;
  }

.common-btn::after {
  content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00A8FF;
    border-radius: 1.625rem;
}


  .common-btn.yellow-btn {background-color: #F9B93E;color: #010101;}
  .common-btn.yellow-btn::after {
    background: #00A8FF;
  }
  .common-btn.yellow-btn:hover::after{
    width: 100%;
  }

  .common-btn.gray-btn {background-color: #F3F3F3;color: #010101;border: 1px solid #9F9F9F;}
  .common-btn.gray-btn:hover {color: #ffffff;}
  
button {
  outline: none;
  box-shadow: none;
  border: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
.display-1-heading {
  font-size: 10vw;
  line-height: 10vw;
  font-family: 'Bellefair', serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
  letter-spacing: -0.04em;
  position: relative;
}
.display-2-heading {
  font-size: 10vw;
  line-height: 7.5vw;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: currentColor;
  -webkit-text-stroke-width: 0.02em;
}

.colorText-gold {
  color: #B39758 !important;
}

.colorText-white {
  color: #fff !important;
}


.text-green{ color: #284734 !important;}


.overline-text {
  font-size: 1.5vw;
  line-height: 2.25vw;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0;
  color: #F4633A;
}

.headline-L {
  font-size: 3.5vw;
  line-height: 3.5vw;
  font-family: 'Bellefair', serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  color: #F4633A;
}

.headline-M {
  font-size: 2.75vw;
  line-height: 2.75vw;
  font-family: 'Bellefair', serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #F4633A;
  margin-bottom: 0;
}

.quote-text {
  font-size: 2.375vw;
  line-height: 2.625vw;
  font-family: 'Bellefair', serif;
  font-weight: 400;
  letter-spacing: -0.04em;
}

.headline-S {
  font-size: 1.875vw;
  line-height: 2.0625vw;
  font-family: 'Bellefair', serif;
  font-weight: 400;
  text-transform: uppercase;
}



.link-btn {
  font-size: 0.83vw;
  line-height: 1.625vw;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.body-bold-text {
  font-size: 1.125vw;
  line-height: 1.8125vw;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.body-light-text {
  font-size: 1.125vw;
  line-height: 1.8125vw;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  margin-bottom: 0;
}

.smaller-text {
  font-size: 1vw;
  line-height: 1.625vw;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
a {color: #F4633A;display: inline-block;    position: relative;}
.footer a:hover {
  background-image: linear-gradient(to right, #F4633A, #F4633A 100%, #F4633A 100%);
  background-size: 200% 100%;
  background-position: -100%;
}

a:hover{
  display: inline-block;
  position: relative;
  -webkit-background-clip: text;
  /* -webkit-text-fill-color: transparent; */
  transition: all 0.3s ease-in-out;
}
a:before {
  content: "";
  background: #F4633A;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 2px;
  transition: all 0.3s ease-in-out;
}

a:hover {
  background-position: 0;
}

footer a:hover::before {
  width: 100%;
}


.qoute-by{ text-transform: initial !important; }

.link-btn {
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-bottom: 5px;
}
.link-btn::after {
  content: "";
  position: absolute;
  bottom: 0em;
  left: 0;
  width: 100%;
  height: 2px;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, #F4633A 50%, #F4633A 50%);
  background-size: 200% 100%;
  background-position: 100% 50%;
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.link-btn:hover::after {
  background-image: linear-gradient(to left, #F4633A 50%, #9E3039 50%);
  background-position: 0% 50%;
}
.link-btn::before {display: none;}


.reveal img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform-origin: left;
}

.reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


.text-uppercase{ text-transform: uppercase !important;}
.text-sentence{ text-transform:capitalize !important;}

/*--------------------------------------------------------------
Start progress-wrap
--------------------------------------------------------------*/
.progress-wrap {
  position: fixed;
  bottom: 9rem;
  right: 30px;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.progress-wrap::after {
  position: absolute;
  /* font-family: "Font Awesome 5 Free"; */
  /* content: "\f077"; */
  content: '';
  background-image: url('../images/icons/arrow-up.webp');
  background-repeat: no-repeat;
  width: 28px;
  height: 20px;
  text-align: center;
  line-height: 44px;
  /* font-size: 13px;
  font-weight: 900;
  color: #F4633A; */
  left: 0;
  top: 0;
  /* height: 44px;
  width: 44px; */
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
  top: 12px;
  left: 12px;
  background-size: 75%;
}

.progress-wrap::after  {

}

.progress-wrap svg path {
  fill: none;
}

.progress-wrap svg.progress-circle path {
  stroke: #F4633A;
  stroke-width: 4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

/* ====================== [ End progress-wrap ] ====================== */



/*--------------------------------------------------------------
  # Back to top button
  --------------------------------------------------------------*/


/*--------------------------------------------------------------
  # Common heading
  --------------------------------------------------------------*/


/* reveal img  */
.reveal {
  visibility: hidden;
  position: relative;
  overflow: hidden;
}

/* reveal TOP img  */
.reveal-top {position: relative;overflow: hidden;width: 100%;height: 100%;visibility: hidden;}


.imgContentBox-container .imgContentBox-inner {
  padding: 40px 40px;
  background-color: rgba(255, 255, 255, 0.95);
  position: relative;
  z-index: 1;
  top: 50px;
  left: -120px;
}


/*animation element*/
.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-200px, 0px, 0px);
  -webkit-transform: translate3d(-200px, 0px, 0px);
  -o-transform: translate(-200px, 0px);
  -ms-transform: translate(-200px, 0px);
  transform: translate3d(-200px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translateX(200px);
  -webkit-transform: translateX(200px);
  -o-transform: translateX(200px);
  -ms-transform: translateX(200px);
  transform: translateX(200px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.animation-element.fadein {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
}

.animation-element.fadein.in-view {
  opacity: 1;
}

.animation-element.fadein-up {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  -ms-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate(0px, -200px);
  -webkit-transform: translate(0px, -200px);
  -o-transform: translate(0px, -200px);
  -ms-transform: translate(0px, -200px);
  transform:translate(0px, -200px);
}

.animation-element.fadein-up.in-view {
  opacity: 1;
  -moz-transform: translate(0px, 0);
  -webkit-transform: translate(0px, 0);
  -o-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  transform: translate(0px, 0);
}

.animation-element.fadein-down {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  -ms-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0, 100px, 0);
  -webkit-transform: translate3d(0, 100px, 0);
  -o-transform: translate3d(0, 100px, 0);
  -ms-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}

.animation-element.fadein-down.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0, 0);
  -webkit-transform: translate3d(0px, 0, 0);
  -o-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}


.animation-element.fadein-wobble {
   opacity: 0;
   transform: scale(0.6, 1.7);
   transform-origin: center top;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
   -moz-transition: all 500ms linear;
   -webkit-transition: all 500ms linear;
   -o-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}

.animation-element.fadein-wobble.in-view {
  opacity: 1;
  -moz-transform: scale(1, 1);
  -webkit-transform:scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.animation-element.zoomin {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);

}

.animation-element.zoomin.in-view {
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}


.animation-element.zoomout {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);


}

.animation-element.zoomout.in-view {
  opacity: 1;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.animation-element.bounce {
   opacity: 0;
  /*-moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear; */
}

.animation-element.bounce.in-view {
  opacity: 1;
  animation: bounce2 0.5s ease-in-out;
  -webkit-animation: bounce2 0.5s ease-in-out;
}

@keyframes bounce2 {
  0% {
    opacity: 0;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
}

  60% {
    opacity: 1;
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
}

  80% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
}

.animation-element.animation-delay0_5 {
  transition-delay: 0.5s;
}
.animation-element.animation-delay1 {
  transition-delay: 1s;
}
.animation-element.animation-delay1_5 {
  transition-delay: 1.5s;
}
.animation-element.animation-delay2 {
  transition-delay: 2s;
}
.animation-element.animation-delay2_5 {
  transition-delay: 2.5s;
}
.animation-element.animation-delay3 {
  transition-delay: 3s;
}

.slick-slide {
  margin: 0 10px;
}
.home-slider .slick-slide {
  margin: 0 0;
}



/*--------------------------------------------------------------
  # parallax background
  --------------------------------------------------------------*/
.parallax-section {
  height: 780px;
  overflow: hidden;
  position: relative;
}
.parallax-section .parallax-content {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  align-items: start;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  position: relative;
  z-index: 2;
}
.parallax-section .parallax-image {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 1;
}
.overlay-bg-fromtop::after {
  content: '';
  background: #000;
  background: -moz-linear-gradient(360deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.5) 75%);
  background: -webkit-linear-gradient(360deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.5) 75%);
  background: linear-gradient(360deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.5) 75%);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  z-index: 1;
}

.overlay-bg-frombottom::after {
  content: '';
  background: #000;
  background: -moz-linear-gradient(180deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.5) 75%);
  background: -webkit-linear-gradient(180deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.5) 75%);
  background: linear-gradient(180deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.5) 75%);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  z-index: 1;
}

.overlay-bg-full::after {
  content: '';
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  z-index: 1;
}

.overlay-bg-dark-full::after {
  content: '';
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  z-index: 1;
}

.overlay-whitebg-frombottom::after {
  content: '';
  background: #fff;
  background: -moz-linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.5) 75%);
  background: -webkit-linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.5) 75%);
  background: linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.5) 75%);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  z-index: 1;
}

.common-padding-S {padding: 30px 0;}
.common-padding-M {padding: 60px 0;}
.common-padding-L {padding: 80px 0;}
.common-padding-XL {padding: 120px 0;}
.common-padding-XXL {padding: 180px 0;}
.common-padding-XLXXL {padding: 160px 0 120px 0;}
.common-padding-TRBL {padding: 80px 80px;}

.common-padding-M-tp{ padding-top: 80px;}
.common-padding-XL-tp{ padding-top:120px;}


.bg-light-orange {background-color: #F9F1E0;}
.bg-dark-orange {background-color: #F4633A;}

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}

@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}

@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}

@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}

@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}

.owl-nav {
  position: absolute;
  bottom: auto;
  right: 85px;
}
.owl-prev, .owl-next {
  margin: 0 30px;
}
.owl-nav .owl-prev {margin-left: 0;}
.owl-nav .owl-next {margin-left: 0;margin-right: 0;}

.owl-nav .long-arrow-left, .owl-nav .long-arrow-right {
  width: 23px;
  height: 34px;
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.owl-nav .owl-prev.disabled .long-arrow-left {
  background-image: url('../images/icons/arrow-left-border.svg');
  cursor: default;
}
.owl-nav .owl-next.disabled .long-arrow-right {
  background-image: url('../images/icons/arrow-right-border.svg');
  cursor: default;
}

.owl-nav .long-arrow-left {
  background-image: url('../images/icons/arrow-left-fill.svg');
}
.owl-nav .long-arrow-right {
  background-image: url('../images/icons/arrow-right-fill.svg');
}



/*****************************************/
/* Press away */
/*****************************************/
.fxPressAway .animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.fxPressAwayOutNext {
  -webkit-animation-name: slideOutScaleRight;
          animation-name: slideOutScaleRight;
}

.fxPressAwayInNext {
  -webkit-animation-name: slideInFromLeft;
          animation-name: slideInFromLeft;
}

.fxPressAwayOutPrev {
  -webkit-animation-name: slideOutScaleLeft;
          animation-name: slideOutScaleLeft;
}

.fxPressAwayInPrev {
  -webkit-animation-name: slideInFromRight;
          animation-name: slideInFromRight;
}

@-webkit-keyframes slideOutScaleRight {
  to {
    transform: translateX(100%) scale(0.9);
    opacity: 0;
  }
}

@keyframes slideOutScaleRight {
  to {
    transform: translateX(100%) scale(0.9);
    opacity: 0;
  }
}
@-webkit-keyframes slideInFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideInFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes slideOutScaleLeft {
  to {
    transform: translateX(-100%) scale(0.9);
    opacity: 0;
  }
}
@keyframes slideOutScaleLeft {
  to {
    transform: translateX(-100%) scale(0.9);
    opacity: 0;
  }
}
@-webkit-keyframes slideInFromRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slideInFromRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

.figure {
  display: block;
  margin-bottom: 0;
}




.element-balloon-anm {
          -webkit-animation: balloon-anim 3s linear infinite;
          animation: balloon-anim 3s linear infinite;
          -webkit-transform-origin: center;
          -ms-transform-origin: center;
          transform-origin: center;
          transform-box: fill-box;
}

@-webkit-keyframes balloon-anim {
  0% {
    -webkit-transform: rotate(0deg) translate(0);
            transform: rotate(0deg) translate(0)
  }
  25% {
    -webkit-transform: rotate(2deg) translateY(5px);
            transform: rotate(2deg) translateY(5px)
  }
  50% {
    -webkit-transform: rotate(-2deg) translateY(-5px);
            transform: rotate(-2deg) translateY(-5px)
  }
  75% {
    -webkit-transform: rotate(-2deg) translateY(5px);
            transform: rotate(-2deg) translateY(5px)
  }
  100% {
    -webkit-transform: rotate(0deg) translate(0);
            transform: rotate(0deg) translate(0)
  }
}

@keyframes balloon-anim {
  0% {
    -webkit-transform: rotate(0deg) translate(0);
            transform: rotate(0deg) translate(0)
  }
  25% {
    -webkit-transform: rotate(2deg) translateY(5px);
            transform: rotate(2deg) translateY(5px)
  }
  50% {
    -webkit-transform: rotate(-2deg) translateY(-5px);
            transform: rotate(-2deg) translateY(-5px)
  }
  75% {
    -webkit-transform: rotate(-2deg) translateY(5px);
            transform: rotate(-2deg) translateY(5px)
  }
  100% {
    -webkit-transform: rotate(0deg) translate(0);
            transform: rotate(0deg) translate(0)
  }
}


.element-balloon-anm2 {
  -webkit-animation: balloon-anim2 5s linear infinite;
  animation: balloon-anim2 5s linear infinite;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transform-box: fill-box;
}

@-webkit-keyframes balloon-anim2 {
0% {
    -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0);
    -moz-transform: rotate(0deg) translate(0);
    -ms-transform: rotate(0deg) translate(0);
    -o-transform: rotate(0deg) translate(0);
}
25% {
    -webkit-transform: rotate(-2deg) translateY(-5px);
    transform: rotate(-2deg) translateY(-5px);
    -moz-transform: rotate(-2deg) translateY(-5px);
    -ms-transform: rotate(-2deg) translateY(-5px);
    -o-transform: rotate(-2deg) translateY(-5px);
}
50% {
    -webkit-transform: rotate(2deg) translateY(5px);
    transform: rotate(2deg) translateY(5px);
    -moz-transform: rotate(2deg) translateY(5px);
    -ms-transform: rotate(2deg) translateY(5px);
    -o-transform: rotate(2deg) translateY(5px);
}
75% {
    -webkit-transform: rotate(-2deg) translateY(-5px);
    transform: rotate(-2deg) translateY(-5px);
    -moz-transform: rotate(-2deg) translateY(-5px);
    -ms-transform: rotate(-2deg) translateY(-5px);
    -o-transform: rotate(-2deg) translateY(-5px);
}
100% {
    -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0);
    -moz-transform: rotate(0deg) translate(0);
    -ms-transform: rotate(0deg) translate(0);
    -o-transform: rotate(0deg) translate(0);
}
}

@keyframes balloon-anim2 {
0% {
    -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0);
    -moz-transform: rotate(0deg) translate(0);
    -ms-transform: rotate(0deg) translate(0);
    -o-transform: rotate(0deg) translate(0);
}
25% {
    -webkit-transform: rotate(-3deg) translateY(-5px);
    transform: rotate(-3deg) translateY(-5px);
    -moz-transform: rotate(-3deg) translateY(-5px);
    -ms-transform: rotate(-3deg) translateY(-5px);
    -o-transform: rotate(-3deg) translateY(-5px);
}
50% {
    -webkit-transform: rotate(2deg) translateY(5px);
    transform: rotate(2deg) translateY(5px);
    -moz-transform: rotate(2deg) translateY(5px);
    -ms-transform: rotate(2deg) translateY(5px);
    -o-transform: rotate(2deg) translateY(5px);
}
75% {
    -webkit-transform: rotate(-3deg) translateY(-5px);
    transform: rotate(-3deg) translateY(-5px);
    -moz-transform: rotate(-3deg) translateY(-5px);
    -ms-transform: rotate(-3deg) translateY(-5px);
    -o-transform: rotate(-3deg) translateY(-5px);
}
100% {
    -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0);
    -moz-transform: rotate(0deg) translate(0);
    -ms-transform: rotate(0deg) translate(0);
    -o-transform: rotate(0deg) translate(0);
}
}


/* Percent-Preloader CSS */
 .preloader {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  background: #9e3039;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  z-index: 99;
  transition-delay: 0.65s;
}
.preloader .inner {
  width: 0;
  height: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.preloader:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 200px 100vh 0;
  border-color: transparent #FCF7F1 transparent transparent;
  position: absolute;
  left: -200px;
  top: 0;
}
.preloader:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100vh 0 0 200px;
  border-color: transparent transparent transparent #FCF7F1;
  position: absolute;
  right: -200px;
  top: 0;
}
.preloader * {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.transition-overlay {
  width: 0;
  height: 0;
  position: fixed;
  right: calc(-100% - 200px);
  bottom: 0;
  background: #FCF7F1;
  z-index: 9999;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  visibility: hidden;
}
.preloader .inner .percentage{
  width: 100%;
  font-size: 12vw;
  line-height: 1;
  font-weight: 800;
  color: #F4633A;
  position: absolute;
  top: 50%; 
  left:50%;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0.1;
  transition-delay: 0.10s;
  text-align:center; 
  z-index: -1;
}
.navigation__transparent.navbar{
  visibility: hidden;
}
.page-loaded .preloader .percentage {
  margin-left: 100px;
  opacity: 0;
}

.page-loaded .preloader {
  left: calc(-100% - 200px);
  visibility: hidden;
}

/*.page-loaded .header_bar .logo_header {
  position: absolute;
  z-index: 1;
  opacity: 1;
  visibility: visible;
  left: 50%;
  transform: translateX(-50%);
}
*/
/*header.header_bar  {
  position: relative;
  opacity: 0;
  /*-webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
  visibility: hidden;

  -webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}
.page-loaded .header_bar {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  -ms-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
}
*/


header.header_bar .menu-toggle {
  opacity: 1;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
}

.page-loaded header.header_bar .menu-toggle{
  opacity: 1;
}

/*.header_bar.scrolled-up .logo_header,  
.header_bar.scrolled-up .menu-toggle {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.header_bar.scrolled-down .logo_header, 
.header_bar.scrolled-down .menu-toggle{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}
*/
/* .headline_wrap span {
  display: inline-block;
  white-space: pre;
}
.headline_wrap .word {
  overflow: hidden;
}
.headline_wrap .char {
  position: relative;
  animation: slide-up 2s cubic-bezier(0.75, 0, 0.25, 1) both;
  animation-delay: calc(1s + (0.55s * var(--word-index)));
}
.headline_wrap .splitting[data-scroll=in] .char {
  opacity: 1;
  transform: translateY(-0.25em);
}
.headline_wrap .splitting[data-scroll=out] .char {
  opacity: 0.1;
  transform: translateY(0em);
}
@keyframes slide-up {
  from {
    transform: translateY(100%);
  }
} */


.amnimContainer h1 .char,.amnimContainer h2 .char,.amnimContainer h3 .char,.amnimContainer h4 .char,.amnimContainer h5 .char,.amnimContainer h6 .char {
  letter-spacing: 1px;
  transition: transform 1s;
  transition-delay: calc(.3s * var(--char-index) / var(--char-total));
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
}

.amnimContainer .headline_content .char {
  letter-spacing: 1px;
  transition: transform .5s;
  transition-delay: calc(.3s * var(--char-index) / var(--char-total));
  -webkit-transition: transform .5s;
  -moz-transition: transform .5s;
  -ms-transition: transform .5s;
  -o-transition: transform .5s;
}


.amnimContainer h1 .word,.amnimContainer h2 .word,.amnimContainer h3 .word,.amnimContainer h4 .word,.amnimContainer h5 .word,.amnimContainer h6 .word {
  overflow-y: hidden
}

.amnimContainer .headline_content .word {
  overflow-y: hidden
}

.amnimContainer h1[data-scroll=out] .char,.amnimContainer h2[data-scroll=out] .char,.amnimContainer h3[data-scroll=out] .char,.amnimContainer h4[data-scroll=out] .char,.amnimContainer h5[data-scroll=out] .char,.amnimContainer h6[data-scroll=out] .char {
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
}

.amnimContainer .headline_content[data-scroll=out] .char {
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
}

.amnimContainer h1[data-scroll=in] .char,.amnimContainer h2[data-scroll=in] .char,.amnimContainer h3[data-scroll=in] .char,.amnimContainer h4[data-scroll=in] .char,.amnimContainer h5[data-scroll=in] .char,.amnimContainer h6[data-scroll=in] .char {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.amnimContainer .headline_content[data-scroll=in] .char {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}


/* .headline_wrap [data-word=headline_wrap] {
  overflow: visible;
}
.headline_wrap [data-word=headline_wrap] .char {
  animation: none;
  visibility: hidden;
} */


/* @keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
} */


/* .splitting .char {
  animation: slide-in .7s cubic-bezier(.3, 0, .7, 1) both;
  animation-delay: calc(50ms * var(--char-index));
}
.splitting [data-scroll='in'] .char {
  animation: slide-in .7s cubic-bezier(.3, 0, .7, 1) both;
  animation-delay: calc(50ms * var(--char-index));
}
.splitting [data-scroll='out'] .char {
 
  animation-delay: calc(50ms * var(--char-index));
}

@keyframes slide-in {
  from {
    transform: scale(0.4) translateY(80%);
    opacity: 0;
  }
} */

/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  user-select: none;
}

/* Expanded CSS Variables */

.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);

  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);

  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));

  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));

  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));

  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );

  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));

  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

.splitting.cells img { width: 100%; display: block; }

@supports ( display: grid ) {
  .splitting.cells {
    position: relative;
    overflow: hidden;
    background-size: cover;
    visibility: hidden;
  }

  .splitting .cell-grid {
    background: inherit;
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    display: grid;
    grid-template: repeat( var(--row-total), 1fr ) / repeat( var(--col-total), 1fr );
  }

  .splitting .cell {
    background: inherit;
    position: relative;
    overflow: hidden;
  }

  .splitting .cell-inner {
    background: inherit;
    position: absolute;
    visibility: visible;
    /* Size to fit the whole container size */
    width: calc(100% * var(--col-total));
    height: calc(100% * var(--row-total));
    /* Position properly */
    left: calc(-100% * var(--col-index));
    top: calc(-100% * var(--row-index));
  }

  /* Helper variables for advanced effects */
  .splitting .cell {
    --center-x: calc((var(--col-total) - 1) / 2);
    --center-y: calc((var(--row-total) - 1) / 2);

    /* Offset from center, positive & negative */
    --offset-x: calc(var(--col-index) - var(--center-x));
    --offset-y: calc(var(--row-index) - var(--center-y));

    /* Absolute distance from center, only positive */
    --distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );

    /* Absolute distance from center, only positive */
    --distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) );
  }
}


.viewport {
/*  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
*/
}


.scroll-container {  
/*  position: absolute;  
  overflow: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;*/
}




.owl_pagination {bottom: 1px;}
.owl-counter-wrap {display: inline-block; position: relative;}
.count_current {font-size: 1.5vw;line-height: 2.25vw;  padding-left: 18px;}
.count_allitems {font-size: 1.5vw;line-height: 2.25vw; padding-left: 18px;opacity: 40%;position: relative;}
.bar_line {opacity: 40%;font-size: 1.5vw;line-height: 2.25vw; margin: 0 5px;}
.count_allitems:before {content: '0';font-size: 1.5vw;line-height: 2.25vw;position: absolute;top: 0;left: 0px;height: 35px;width: auto;}
.count_current:before {content: '0';font-size: 1.5vw;line-height: 2.25vw;position: absolute;top: 0;left:0px;height: 35px;width: auto;}




@keyframes loader {
  0% {
    width: 10%;
    transform: rotate(0deg);
  }
  10% {
    left: 0%;
    transform: rotate(0deg);
  }
  20% {
    width: 0%;
    left: 20%;
  }
  30% {
    width: 25%;
  }
  50% {
    left: 15%;
    width: 35%;
  }
  70% {
    width: 30%;
    left: 18%;
    transform: rotate(240deg);
  }
  90% {
    width: 30%;
    left: 10%;
  }
  100% {
    width: 2%;
    left: 25%;
    transform: rotate(360deg);
  }
}

@keyframes pan {
  0% {
    transform: rotate(0deg);
    transform-origin: top right;
  }
  10% {
    transform: rotate(-2deg);
    transform-origin: top right;
  }
  50% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.pan-loader {
  width: 180px;
  height: 180px;
  margin: 100px auto;
}

.pan-loader .loader {
  position: relative;
  top: 10%;
  left: 0;
  z-index: -1;
  width: 60%;
  height: 45%;
  border: 10px solid transparent;
  border-bottom: 10px solid #FDD835;
  border-radius: 50%;
  animation: loader 2s infinite;
  animation-timing-function: linear;
}

.pan-loader .pan-container {
  display: flex;
  width: 100%;
  animation: pan 2s infinite;
}

.pan-loader .pan {
  width:100%; height:20px; position:absolute;  top:-60px; left:-75px;
}


/**PRE LOADER CURTAIN**/
.preloader{ background: transparent;}
.preloader:before, .preloader:after{ display: none; }
/* .preloader .inner:before{ content: ''; position:absolute; top:0; bottom: 0; display:flex;align-items:center;background:#F4633A;color:#fff;float:left;position:relative;width:50%;height:100vh;transition:all 1s ;z-index:2;justify-content:flex-end;transform:translate3d(00%,0,0); zoom: 0.0;}
.preloader .inner:after{ content: ''; position:absolute; top:0; bottom: 0; display:flex;align-items:center;background:#F4633A;color:#fff;float:left;position:relative;width:50%;height:100vh;transition:all 1s;z-index:2;justify-content:flex-start;transform:translate3d(00%,0,0);zoom: 0.0; } */
.page-loaded .preloader{left: inherit; visibility: hidden;}
.preloader .inner .percentage{ z-index:3; color: #fff }

.svg-calLoader{opacity:1; visibility:visible; position:fixed; top:calc(50% - 130px); left:calc(50% - 130px);z-index:99}
.page-loaded .svg-calLoader{ opacity:0; visibility: hidden; }
/*.preloader .page-loaded .preloader{ z-index: -1; }*/

.page-loaded .preloader .inner:before{transform:translate3d(-100%,0,0); /*border-bottom-right-radius:12%; border-top-right-radius:12%; animation: curtainleft 1s;*/ zoom:3;}
.page-loaded .preloader .inner:after{transform:translate3d(100%,0,0); /*border-bottom-left-radius:12%; border-top-left-radius:12%; /*animation: curtainright 1s;*/ zoom:3}

/*@keyframes curtainleft{
 0%{border-radius:0px; transform:translateX(00%);}
 5%{border-radius:0px; transform:translateX(-25%);}
 40% {border-radius:5%; transform:translateX(-50%);}
 65%{border-radius:00px; transform:translateX(-75%);}
 100% {border-radius:0px; transform:translateX(-100%);}
}

@keyframes curtainright{
 0%{border-radius:0px; transform:translateX(0%);}
 5%{border-radius:00px; transform:translateX(25%);}
 40% {border-radius:5%; transform:translateX(50%);}
 65%{border-radius:0px; transform:translateX(75%);}
100% {border-radius:0px; transform:translateX(100%);}
}*/
/**PRE LOADER CURTAIN END**/

.breadcrump-outer{ position:absolute; top:4.5rem; right:3rem; }
.breadcrump-outer ul{display: flex; flex-wrap:nowrap;}
.breadcrump-outer li{font-size:18px; line-height:18px; padding:0 15px; position:relative;}
.breadcrump-outer li:before{content: '/'; position: absolute;top: calc(50% + 2px); right: 0; color: rgba(179, 151, 88, 0.5); font-size: 18px;    height: 16px; z-index: 9; transform: translateY(-50%); overflow: hidden;}
.breadcrump-outer li:last-child{ padding-right:0;}
.breadcrump-outer li:last-child:before{ display:none; }
.breadcrump-outer li a{color: rgba(179, 151, 88, 0.5); font-weight:400; text-transform: uppercase !important;}
.breadcrump-outer li a.active{color: rgba(179, 151, 88, 1);font-weight:500; pointer-events:none;}

.breadcrump-outer li:nth-child(2) {pointer-events: none;}

/*--------------------------------------------------------------
  # Responsive CSS
  --------------------------------------------------------------*/
@media screen and (max-width:1600px) {
  .breadcrump-outer li{font-size: 12.6px; line-height: 12.6px;}
 }

@media screen and (max-width: 767px) {
  /* .headline-L {font-size: 30px;line-height: 30px;} */
  .common-padding-XLXXL{padding: 120px 0 80px 0;}
  .progress-wrap{bottom:100px; right:30px; display: none;}

  .breadcrump-outer{position:relative !important;  top:0 !important; right: 0 !important;  margin-bottom: 30px !important;} 

  .navbar-brand img{height:100px;}
  .page-loaded .header_bar .logo_header, .logo_header{left: 0; transform: inherit; top:40px; position: fixed;}

  .breadcrump-outer li{ font-size: 12.8px !important; line-height: 20px !important; padding: 0 8px !important;
    letter-spacing: -0.4px; }
}

@media screen and (max-width: 992px) {
  /* .headline-M {font-size: 30px;line-height: 33px;}
  .footer-contact .body-light-text {font-size: 14px;line-height: 22px;}
  .footer-links li a {font-size: 16px;line-height: 24px;}
  .footer-sociallinks ul li a {font-size: 21px;}
  .copyright-wrap p {font-size: 14px;line-height: 22px;}
  .foot-links a {font-size: 14px;line-height: 22px;}
  .quote-text {font-size: 24px;line-height: 28px;}
  .display-1-heading {font-size: 50px;line-height: 60px;}
  .display-2-heading {font-size: 50px;line-height: 60px;}
  .headline_wrap .body-light-text {font-size: 16px;line-height: 26px;}
  .overline-text {font-size: 18px;line-height: 27px;} */

  .common-padding-TRBL {padding: 40px 30px;}
  
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* .display-1-heading {font-size: 100px;line-height: 100px;}
  .display-2-heading {font-size: 100px;line-height: 100px;}
  .overline-text {font-size: 18px;line-height: 26px;} */
  .progress-wrap {bottom: 30px;}
  .common-padding-XLXXL {padding: 120px 0 60px 0;}
  .common-padding-TRBL {padding: 40px 40px;}
}

@media only screen and (min-width: 851px) and (max-width: 992px) {

}

@media screen and (max-width: 768px) {
 
}

@media only screen and (min-width: 1024px) and (max-width: 1080px) {
  /* .display-1-heading {font-size: 100px;line-height: 100px;}
  .display-2-heading {font-size: 100px;line-height: 100px;}
  .overline-text {font-size: 18px;line-height: 26px;} */
  .progress-wrap {bottom: 40px;}
  /* .headline-L {font-size: 52px;line-height: 54px;} */
  .common-padding-XLXXL {padding: 120px 0 60px 0;}
  .common-padding-TRBL {padding: 60px 40px;}
}

@media screen and (max-width: 375px) {
  /* .headline-L {font-size: 25px;line-height: 25px;} */
}
@media screen and (max-width: 1024px) {
.owl_pagination {text-align: center;margin: 0 auto;max-width: 90px !important;width: 90px;}
}

@media only screen and (min-width: 320px) and (max-width: 992px) {
}
@media only screen and (min-width: 375px) and (max-width: 384px) {
}

@media only screen and (min-width: 360px) and (max-width: 374px) {
}
@media only screen and (min-width: 400px) and (max-width: 650px) {
}
@media only screen and (min-width: 411px) and (max-width: 450px) {
  /* .display-1-heading {font-size: 60px;line-height: 70px;}
  .display-2-heading {font-size: 60px;line-height: 70px;} */
}

@media only screen and (min-width: 390px) and (max-width: 410px) {

}

@media only screen and (min-width: 810px) and (max-width: 850px) {
  .ulinaryOdyssey-section .owl_pagination {max-width: inherit !important; width: initial;}
  .ulinaryOdyssey-section .count_current:before {}
  .ulinaryOdyssey-section .count_current:before {left: -15px;}
  .ulinaryOdyssey-section .count_allitems:before {left: -11px;}
  .ulinaryOdyssey-section .owl-nav {bottom: -1.5% !important;}
  .progress-wrap {bottom: 100px;}

  
 }

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .common-padding-S {padding: 15px 0;}
.common-padding-M {padding: 30px 0;}
.common-padding-L {padding: 60px 0;}
.common-padding-XL {padding: 80px 0;}
.common-padding-XXL {padding: 120px 0;}
.common-padding-XLXXL {padding: 120px 0 100px 0;}
  .common-padding-TRBL {padding: 60px 60px;}

  .headline-L {
    font-size: 2.9166666666666665vw;
    line-height: 2.9166666666666665vw;
  }
  

}

@media screen and (min-width: 1920px) {
  .common-padding-TRBL {padding: 80px 80px;}
  
  .count_current {font-size: 1.5vw;line-height: 1.875vw;}
  .count_allitems {font-size: 1.25vw;line-height: 1.875vw;}
  .bar_line {opacity: 40%;font-size: 1.25vw;line-height: 1.875vw;}
  .count_allitems:before {font-size: 1.25vw;line-height: 1.875vw;}
  .count_current:before {font-size: 1.25vw;line-height: 1.875vw;}

  .count_allitems:before {top: -1px;}

}

@media screen and (max-width: 320px) {
}

@media screen and (max-width: 320px) {
}
@media screen and (max-width: 992px) {
  


}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
}

@media only screen and (min-width: 1280px) and (max-width: 1300px) {
  /* .display-1-heading {font-size: 120px;line-height: 130px;}
  .display-2-heading {font-size: 120px;line-height: 130px;}
  .headline-L { font-size: 45px;line-height: 45px;} */
  .common-padding-TRBL {padding: 60px 40px;}
}

@media only screen and (min-width: 1349px) and (max-width: 1439px) {
  /* .display-1-heading {font-size: 120px;line-height: 130px;}
  .display-2-heading {font-size: 120px;line-height: 155px;}
  .headline-L { font-size: 50px;line-height: 50px;} */
  .common-padding-TRBL {padding: 60px 40px;}
}

@media only screen and (min-width: 1440px) and (max-width: 1445px) {
  /* .display-1-heading {font-size: 140px;line-height: 140px;}
  .display-2-heading {font-size: 140px;line-height: 140px;}
  .headline-L {font-size: 54px;line-height: 44px;} */
  .common-padding-TRBL {padding: 60px 40px;}
}

@media all and (max-width: 1440px) { 
p{font-size: 12.8px; line-height: 20px;} 

.count_current{font-size:14px;line-height:14px; padding-left:14px;}
.count_allitems{font-size:14px;line-height:14px; padding-left:14px;}
.bar_line{font-size:14px;line-height:14px;}
.count_current:before,
.count_allitems:before{content:'0';font-size:14px;line-height:14px;height:inherit; top:50%; transform: translateY(-50%);}
}

@media all and (min-width: 992px) { 

 
}

@media screen and (max-width: 640px) {
}

@media all and (max-width: 992px) {
  p{font-size:16px; line-height:25.6px;} 
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (min-width: 1280px) and (max-width: 1300px) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (min-width: 1024px) and (max-width: 1080px) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (min-width: 1920px) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (max-width: 767px) {
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
  }
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition-property: height, visibility;
    transition-duration: 0.35s;
  }
}

@media only screen and (max-width: 640px) {
  
}

@media (orientation: landscape) {


}
@media (orientation: landscape) and (min-aspect-ratio: 1680 / 945) {
  .display-1-heading, .display-2-heading{ font-size: 8.333vw; line-height:1; letter-spacing:-0.6px !important;}  
 
}

@media (orientation: portrait) {
  .display-1-heading {
    font-size: 12vw;
    line-height: 12vw;
  }
  .display-2-heading {
    font-size: 12vw;
    line-height: 12vw;
  }

  .overline-text {
    font-size: 5vw;line-height: 5.4vw;
  }
  
  .headline-L {
    font-size: 6.4vw;
    line-height: 6.4vw;
  }
  
  .headline-M {
    font-size: 6vw;
    line-height: 6.6vw;
  }

  footer .headline-M {
    font-size: 7vw;
    line-height: 6.4vw;
}
  
  .quote-text {
    font-size: 4.8vw;
    line-height: 5.6vw;
  }
  
  .headline-S {
    font-size:8.333333333333334vw;
    line-height: 9.166666666666666vw;
  }
  
  
  
  .link-btn {
    font-size: 3.2vw;
    line-height: 4.8vw;
  }
  
  .body-bold-text {
    font-size: 5vw;
    line-height: 8.055555555555555vw;
  }
  
 /* footer .body-light-text {
    font-size: 2.8vw;
    line-height: 4.4vw;
  }
  */
  .smaller-text {
    font-size: 3.2vw;
    line-height: 4.4vw;
  }

  /*.footer-links li a {
    font-size: 3.2vw;
    line-height: 4.4vw;
  }*/


  .count_current {font-size: 5vw;line-height: 5.625vw;}
  .count_allitems {font-size: 5vw;line-height: 5.625vw;}
  .bar_line {opacity: 40%;font-size: 5vw;line-height: 5.625vw;}
  .count_allitems:before {font-size: 5vw;line-height: 5.625vw;}
  .count_current:before {font-size: 5vw;line-height: 5.625vw;}

  
}



/**====================
PAGE LOADER
====================**/
@keyframes loader {
  0% {
    width: 10%;
    transform: rotate(0deg);
  }
  10% {
    left: 0%;
    transform: rotate(0deg);
  }
  20% {
    width: 0%;
    left: 20%;
  }
  30% {
    width: 25%;
  }
  50% {
    left: 15%;
    width: 35%;
  }
  70% {
    width: 30%;
    left: 18%;
    transform: rotate(240deg);
  }
  90% {
    width: 30%;
    left: 10%;
  }
  100% {
    width: 2%;
    left: 25%;
    transform: rotate(360deg);
  }
}

@keyframes pan {
  0% {
    transform: rotate(0deg);
    transform-origin: top right;
  }
  10% {
    transform: rotate(-2deg);
    transform-origin: top right;
  }
  50% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.pan-loader{width: 180px;height: 180px; margin: 100px auto;}
.pan-loader .loader{position: relative; top: 10%; left: 0; z-index: -1;  width: 60%;  height: 45%;  border: 10px solid transparent;  border-bottom: 10px solid #FDD835;  border-radius: 50%;
  animation: loader 2s infinite;  animation-timing-function: linear;}
.pan-loader .pan-container { display: flex; width: 100%; animation: pan 2s infinite;}
.pan-loader .pan { width:100%; height:20px; position:absolute;  top:-60px; left:-75px;}

/*.logo_header{ opacity:1; visibility: visible; /*opacity:0; visibility: hidden; top:-100px; top:0px; transition:top 0.6s; transition-delay:0.2s;}
.page-loaded .logo_header{ top:0; opacity:1; visibility: visible;}
*/

/**Morph Modal**/
.morph-modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  color: white; z-index:999;
}
.morph-modal.open-modal {
  opacity: 1;
  visibility: visible;
}

.modal-content, .close-modal {
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 2;
}

.modal-visible .modal-content, .modal-visible .close-modal {
  opacity: 1;
}

.modal-content {
  position: relative;
  height: 100%;
  overflow: auto;
  padding: 40px 20%;
}

.close-modal {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  /* replace text with image */
  height: 56px;
  width: 56px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  border: none;
  text-indent: 100%;
  overflow: hidden;
  color: transparent;
  white-space: nowrap;
  transition: background 0.2s;
}
.close-modal::before, .close-modal::after {
  /* this is the 'X' arrow */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2px;
  width: 24px;
  background: #FFF;
}
.close-modal::before {
  transform: translate(-50%) rotate(45deg);
}
.close-modal::after {
  transform: translate(-50%) rotate(-45deg);
}
.close-modal:hover {
  background: rgba(0, 0, 0, 0.6);
}

/* -------------------------------- 
 * *
 * *Modal Trigger and morphing background
 * *
 * *-------------------------------- */
.morph-btn, .morph-background {
  display: inline-block;
  background-color: #34383c;
  height: 80px;
  line-height: 80px;
  width: 80px;
}


.morph-btn {
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 1;
  border-radius: 50%;
}
.morph-btn::after{
  content: '';
  position: absolute;
  top: 30%;
  left: 35%;
  width: 24px;
  height: 28px;
  background-image: url('../images/delightDeliveringValue/play-icon.svg');
  background-repeat: no-repeat;background-position: center;background-size: cover;}

.morph-background {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  transition: transform 0.3s;
}


.rotate-circle-text {
  animation:rotation 30s infinite linear;
}

.rotate-circle-text1 {
  animation:rotation 50s infinite linear;
}


@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform:rotate(-360deg);
  }
}


.js-title {
   position: absolute;
   width: 100%;
   left: 0;
   right: 0;
   text-align: center;
   font-size: 150px;
   font-weight: bold;
}

.js-title:nth-child(1) {
 color: #1dffff;
}


.fw-bold600 {font-weight: 600!important;}
.fw-light300 {font-weight: 300!important;}