/* SLICK */

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* ENDSLICK */



/*! Flickity v2.2.0

https://flickity.metafizzy.co

---------------------------------------------- */

.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19F}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}



*{

  margin: 0;

  padding: 0;

  font-family: 'Raleway', sans-serif;

  -webkit-tap-highlight-color: transparent;

  font-weight: 500;



  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-smoothing: antialiased;

  text-rendering: optimizeLegibility;



  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  outline: 0;

}



:root {

    --soft-gold:#BDA469;

    --dark-grey:#1F1F21;

}



a{

  color: inherit;

  font-family: inherit;

  text-decoration: none;

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

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

}



h1,h2,h3,h4:not(.f_),

.scrolltop,

.fs-button,

.small-date,

.footer-info p:not(.theend),

.container-content blockquote,

.container-content blockquote p,

.role,

.f-type,

.page-numbers,

.fs-date,

.numba span{

  font-family: 'Playfair Display', serif;

  font-style: italic;

}



h1{

  font-size: 44px;

}



h2{

  font-size: 41px;

}



h3{

  font-size: 24px;

}



p{

  font-size: 15px;

}





:focus {

    outline: none;

}



.center-flex{

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



.flex{

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}



.center-relative{

  position: relative;

  top: 50%;

  transform: translateY(-50%);

}



.container{

  width: 90%;

  /* 75 1050 15 */

  max-width: 1140px;

  margin: 0 auto;

}



.bg-cover-set{

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.noselect{

  -webkit-touch-callout: none; /* iOS Safari */

    -webkit-user-select: none; /* Safari */

     -khtml-user-select: none; /* Konqueror HTML */

       -moz-user-select: none; /* Firefox */

        -ms-user-select: none; /* Internet Explorer/Edge */

            user-select: none; /* Non-prefixed version, currently

                                  supported by Chrome and Opera */

}



.god-hand{

  width: 100%;

  height: 100vh;

  position: relative;

  overflow: hidden;

}



input,textarea,button{

  border: 0px;

  box-shadow: none;

  border-radius: 0px;

  background: none;

}



/* LETS ROOOOCCCCCKKKKKK ~~*/



/* NOTE: NAVIGATION */

#main-nav{

  width: 100%;

  height: 89px;

  position: absolute;

  top: 0;

  z-index: 99;

  transition: transform 0.5s ease;

}



.con-nav{

  justify-content: space-between;

  height: 100%;

}



.con-nav .menu{

  display: flex;

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  height: 100%;

}



.con-nav .menu > li{

  list-style: none;

  margin-right: 30px;

  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



.con-nav .menu li a{

  color: white;

  font-size: 13px;

  letter-spacing: 1px;

  text-transform: uppercase;

}



.con-nav .sub-menu{

  position: absolute;

  background-color: white;

  width: 150px;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(50px);

  opacity: 0;

  visibility: hidden;

  transition: all .5s ease;

}



.smode .con-nav .sub-menu,

.sage .con-nav .sub-menu{

  top: 60%;

  -webkit-box-shadow: 0px 5px 12px 4px rgba(212,212,212,0.15);

  -moz-box-shadow: 0px 5px 12px 4px rgba(212,212,212,0.15);

  box-shadow: 0px 5px 12px 4px rgba(212,212,212,0.15);

}



.con-nav .menu li:hover .sub-menu{

  opacity: 1;

  visibility: visible;

  transform: translateX(-50%) translateY(30px);

}



.con-nav .sub-menu li{

  width: 100%;

  list-style: none;

}



.con-nav .sub-menu li a{

  font-size: 13px;

  letter-spacing: 1px;

  color: #6E6E6E;



  width: 100%;

  padding: 8.5px 0;

  text-align: center;

  display: block;

  position: relative;

}



.con-nav .sub-menu li a::after{

  content: '';

  display: inherit;

  position: absolute;

  bottom: 0;

  left: 9px;

  width: calc(100% - 18px);

  height: 1px;

  background-color: #E3E3E3;

}



.con-nav .sub-menu li a:first-of-type{

  padding-top: 15px;

}



.con-nav .sub-menu li a:last-of-type{

  padding-bottom: 15px;

}



.con-nav .sub-menu li:last-of-type a::after{

  display: none;

}

.hsrc-btn{

  width: 15px;

  height: 15px;

  cursor: pointer;

}





.hsrc-btn img{

  width: 15px;

  height: 15px;

}



.main-logo{

  display: block;

  height: 100%;

}



.main-logo img{

  position: relative;

  display: block;

  top: 50%;

  height: 25px;

  width: auto;

  transform: translateY(-50%);

}



/* ==================*/

/* NOTE: HOMEPAGE  */

#headhome{

  width: 100%;

  overflow: hidden;

  height: 100vh;

  background-color: #191C22;

  position: relative;

  /* overflow: hidden; */

}



.discover-more{

  position: absolute;

  bottom: 30px;

  right: calc((100% - 1140px) / 2);

  color: white;

  font-size: 15px;

  z-index: +1;

  cursor: pointer;

}



.discover-more img{

  height: 16px;

  width: 8px;

  transform: rotate(-90deg);

  margin-left: 10px;

  line-height: 19px;

  position: relative;

  top: 3px;

}



.hm-arrow{

  display: block;

  position: absolute;

  top: 50%;

  width: 25px;

  height: 25px;

  left: 70px;

  transform: translateY(-50%);

  cursor: pointer;

  z-index: 1;

}



.hm-arrow img{

  height: 25px;

  width: auto;

}



.hm-arrow.n,

.hm-arrow.nxt{

  left: auto;

  right: 70px;



}



.hm-arrow.n img,

.hm-arrow.nxt img{

  transform: rotate(180deg);

  transform-origin: right;

}





.each-slider{

  width: 100vw;

  height: 100vh;

  position: relative;

  overflow: hidden;

}



.each-slider img{

  width: 100vw;

  height: 100vh;

  object-fit: cover;

}



#headhome .flickity-page-dots,

#home-specialpackage .slick-dots{

  position: absolute;

  bottom: 34px;

  left: calc((100% - 1140px) / 2);

  display: flex;

}



#headhome .flickity-page-dots li,

#home-specialpackage .slick-dots li{

  list-style: none;

  width: 8px;

  height: 8px;

  overflow: hidden;

  border: 1px solid white;

  border-radius: 50%;

  margin-right: 5px;

  transition: background-color .3s ease;

  background-color: transparent;

  opacity: 1;

}



#headhome .flickity-page-dots li.is-selected,

#home-specialpackage .slick-dots li.slick-active{

  background-color: white;

}



#headhome .flickity-page-dots li button,

#home-specialpackage .slick-dots li button{

  opacity: 0;

}



.figcapt{

  display: block;

  position: absolute;

  top: 0;

  width: calc(50% - 65px);

  padding-left: 65px;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}



.figcapt h2{

  position: relative;

  color: white;

  font-size: 30px;

  line-height: 35px;

  overflow: hidden;

}



.figcapt span{

  display: block;

  transform: translateX(-100%);

  opacity: 0;

  /* transition: transform .8s cubic-bezier(0.075, 0.82, 0.165, 1); */

  transition-property: transform , opacity;

  transition-duration: 1s;

  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);

  /* NOTE: sesuai speed di script js */

  transition-delay: 0.3s;

}



.figcapt::after{

  content: '';

  position: absolute;

  width: 50px;

  height: 1px;

  top: 17px;

  left: 0;

  background-color: white;

}



.figcapt p{

  color: white;

  margin-top: 15px;

  letter-spacing: .50px;

  overflow: hidden;

  line-height: 23px;

}



.figcapt span{

  font-family: inherit;

}



#headhome .is-selected .figcapt span{

  opacity: 1;

  transition-delay: .2s;

  transform: translateX(0%);

}



#headhome .is-selected .figcapt p span{

  opacity: 1;

  transition-delay: .4s;

  transform: translateX(0%);

}



/* NOTE: FEATURED STORIES */

.canvas-container,

.hs-container{

  width: 100%;

  max-width: 1000px;

  margin: 0 auto;

  text-align: center;

}



#featured-stories{

  padding-top: 150px;

  text-align: center;

}



.polaroid.withoutframe{

  padding-top: 100px;

}



#featured-stories .polaroid.withoutframe:first-of-type{

  padding-top: 0px;

}



#featured-stories h1,

.belongs-detail h1{

  font-size: 40px;

  line-height: 45px;

  margin-bottom: 15px;

  /* text-align: center; */

  color: #BA9875;

}



.fs-subtit{

  color: #2D414E;

  opacity: .5;

  font-size: 15px;

  letter-spacing: .50px;

  line-height: 30px;

}



.daun{

  display: block;

  height: 29px;

  width: auto;

  margin: 25px auto 50px;

  opacity: .2;

}



.card-polaroid{

  padding: 50px;

  background-color: white;

  transition: box-shadow 0.5s ease;

}


/*.polaroid:hover .card-polaroid{*/
.card-polaroid:hover{

  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);

  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);

  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);

}



.polaroid:not(.withoutframe) .card-polaroid{

  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

}



.card-polaroid figure{

  position: relative;

  width: 100%;

  height: 550px;

  margin-bottom: 27px;

  overflow: hidden;

}



.fig-img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.fs-category,

.belongs-detail a{

  margin-bottom: 20px;

  color: #BA9875;

  font-size: 13px;

  letter-spacing: 1px;

  line-height: 15px;

}



.fs-date,

.fs-brief{

  font-size: 15px;

  color: #2D414E;

  opacity: .5;

  line-height: 27px;

}



.fs-title{

  color: #2D414E;

  font-size: 30px;

  line-height: 35px;

  margin: 10px 0;

}



.fs-brief{

  letter-spacing: .5px;

  line-height: 30px;

}



.fs-button{

  color: #BA9875;

  border-bottom: 1px solid #BA9875;

  text-align: center;

  display: block;

  margin: 20px auto 0;

  width: 120px;

  font-size: 15px;

  line-height: 27px;

  padding-bottom: 3px;

}



.direct-btn{

  display: block;

  margin: 78px auto 150px;

  padding: 23px 50px;

  border: 1px solid rgba(45, 65, 78, .10);

  color: #BA9875;

  width: max-content;

  font-size: 13px;

  letter-spacing: 1px;

}



/* NOTE: SPECIAL PACKAGE */

#home-specialpackage{

  margin-bottom: 250px;

  position: relative;

}



#home-specialpackage .hm-arrow{

  opacity: 0;

  transition: opacity 0.5s ease;

}



#home-specialpackage:hover .hm-arrow{

  opacity: 1;

}



.ds-slide{

  margin: 0 calc((100vw - 900px) / 4 );

  padding-top: 30px;

}



.hs-container{

  height: 500px;

  width: 900px;

  text-align: left;

}

.slider-package{

  width: 50%;

  height: 100%;

  overflow: hidden;

  /* position: relative; */

}

.caption-package{

  width: 50%;

  height: 100%;

  background-color: #F8F5F0;

  position: relative;

}



.numba{

  width: 119px;

  height: 119px;

  border: 1px solid #D5C2AF;

  border-radius: 50%;

  position: absolute;

  right: 0;

  top: 0;

  transform: translateY(-25%) translateX(25%);

}



.numba span{

  color: #6E6E6E;

  font-size: 30px;

  display: block;

}



.numba span:first-of-type{

  transform: translateY(-50%);

}



.numba span:last-of-type{

  transform: translateY(25%);

}



.ccp{

  width: calc(100% - 100px);

  margin: 0 auto;

}



.ccp span{

  font-size: 13px;

  letter-spacing: 1px;

  line-height: 15px;

  color: #BA9875;

}



.ccp h2,

.ccp h3{

  font-size: 30px;

  color: #2D414E;

  font-size: 30px;

  line-height: 35px;

  margin: 20px 0 10px;

  max-width: 300px;

}



.ccp p{

  font-size: 15px;

  letter-spacing: 0.5px;

  line-height: 25px;

  color: #2D414E;

  opacity: .5;

  margin-bottom: 50px;

}



.ccp small{

  font-size: 10px;

  letter-spacing: 1px;

  line-height: 11px;

  color: #BA9875;

}



.ccp h3{

  font-size: 25px;

  line-height: 30px;

  margin: 0;

  color: #BA9875;

}



.ccp .fs-button{

  margin: 0;

}



.ccp .flex{

  justify-content: space-between;

  transform: translateY(-2px);

}



.each-pslide{

  width: 100%;

  height: 500px;

}



.each-pslide img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}



#home-specialpackage .slick-dots{

  height: max-content;

  padding-left: 5px;

  right: 0;

  left: auto;

  transform: translateX(50%);

  bottom: -50px;

}



#home-specialpackage .slick-dots li{

  border-color: #BA9875;

}



#home-specialpackage .slick-dots li.slick-active{

  background-color: #BA9875;

}



/* NOTE: FOOTER */

.footer-container{

  width: 100%;

  max-width: 900px;

  margin: 0 auto;

}



.sm-info{

  padding-left: 50px;

  width: calc(50% - 50px);

  align-items: flex-start;

  height: 220px;

  position: relative;

}



.feeds{

  width: 50%;

  position: relative;

}



/* .feeds::after{

  content: '';

  position: absolute;

  width:

} */



.each-feed{

  /* width: 220px;

  height: 220px; */

  min-width: calc(50% - 5px);

  padding-top: calc(50% - 5px);

  margin-right: 10px;

  position: relative;

  overflow: hidden;

}



.each-feed:last-of-type::after{

  content: '';

  position: absolute;

  width: 100%;

  height: calc(100% + 2px);

  top: -1px;

  right: -1px;



  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 92%, rgba(255,255,255,1) 100%);

  background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 92%,rgba(255,255,255,1) 100%);

  background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 92%,rgba(255,255,255,1) 100%);

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

}



.each-feed img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  position: absolute;

  top: 0;

}



.sm-info::before{

  content: '';

  width: 220px;

  height: 220px;

  position: absolute;

  left: 0;

  top: 0;

  border-top: 1px solid #BA9875;

  border-left: 1px solid #BA9875;

  z-index: -1;

}



.sm-info h4{

  font-size: 30px;

  line-height: 35px;

  margin-bottom: 10px;

  color: #2D414E;

}



.sm-info span{

  color: #BA9875;

  font-size: 13px;

  letter-spacing: 1px;

  line-height: 15px;

}



.each-sosmed{

  margin-top: 40px;

}



.each-sosmed:hover a{

  opacity: .5;

}



.each-sosmed a{

  height: 20px;

  display: block;

  width: auto;

  margin-right: 20px;

  transition: opacity .3s ease;

}



.each-sosmed a:hover{

  opacity: 1;

}



.each-sosmed img{

  height: 100%;

  width: auto;

}



.footer-info{

  margin-top: 50px;

  padding: 50px 0 100px;

  border-top: 1px solid rgba(45, 65, 78, .10);

  position: relative;

}



.flil-about{

  width: calc(50% - 50px);

  padding-left: 50px;

}



.footer-info h4{

  font-size: 13px;

  letter-spacing: 1px;

  line-height: 15px;

  margin-bottom: 15px;

  color: #2D414E;

  font-weight: 600;

}



.footer-info p:not(.theend){

  font-size: 13px;

  line-height: 25px;

  color: #2D414E;

  opacity: .5;

  margin-bottom: 20px;

  max-width: 300px;

  font-style: normal;

}



.flil-about .fs-button{

  margin-left: 0px;

  text-align: left;

}



.fcontact{

  width: 50%;

  position: relative;

}



.fcontact p:not(.theend){

  max-width: none;

}



.fcontact p:not(.theend) span{

  position: relative;

}



.fcontact p:not(.theend) span::after{

  content: '';

  width: 100%;

  display: block;

  border-bottom: 1px solid #2D414E;

  position: absolute;

  right: 0;

}



.theend{

  position: absolute;

  bottom: 0;

  left: 0;

  font-size: 10px;

  letter-spacing: 1px;

  line-height: 11px;

  color: #2D414E;

  opacity: .5;

}



.scrolltop{

  font-size: 15px;

  line-height: 27px;

  color: #BA9875;

  position: absolute;

  right: 0;

  top: 50px;

  transform: rotate(-90deg);

  transform-origin: right;

  padding-right: 26px;

  cursor: pointer;

}



.scrolltop img{

  position: absolute;

  top: 50%;

  transform: translateY(-50%) rotate(180deg);

  right: 0;

  height: 16px;

  width: auto;

}



/* NOTE: PHOTOGRAPHY PAGE */

.beauty-head{

  text-align: center;

  padding: 158px 0 45px;

}



.beauty-head div:first-of-type{

  position: relative;

  width: max-content;

  margin: 0 auto;

}



.beauty-head h1,

.other-post h2{

  font-size: 40px;

  line-height: 45px;

  color: #BA9875;

  position: relative;

  z-index: +1;

}



.beauty-head .k_{

  position: absolute;

  z-index: -1;

  opacity: .2;

}



.beauty-head img{

  position: absolute;

  opacity: .3;

}



.sh-t{

  top: 0;

  left: 0;

  width: 100px;

  transform: translateY(-25%) translateX(-45%);

}



.sh-d{

  bottom: 0;

  right: 0;

  transform: translateX(53%);

}



.ol_ .sh-d{

  transform: translateX(55%) translateY(45%);

}



.twin-category{

  justify-content: center;

  margin-bottom: 32px;

  visibility: hidden;

}



.twin-category a{

  margin: 0 15px;

  letter-spacing: 1px;

  font-size: 13px;

  color: #2D414E;

  opacity: .3;

}



.twin-category a.active{

  position: relative;

  opacity: 1;

}



.twin-category a.active::after{

  content: '';

  width: 100%;

  height: 1px;

  background-color: #2D414E;

  position: absolute;

  left: 0;

  bottom: 0;

}



.sub-category{

  max-width: 900px;

  margin: 0 auto 50px;

  padding: 9px 0;

  justify-content: center;

  border-top: 1px solid rgba(45, 65, 78, 0.1);

  border-bottom: 1px solid rgba(45, 65, 78, 0.1);

}



.sub-category a{

  margin: 0 15px;

  font-size: 13px;

  letter-spacing: 1px;

  line-height: 15px;

  color: #2D414E;

  padding: 6px 0;

}



.sub-category a.active{

  padding: 6px 20px;

  background-color: rgba(45, 65, 78, 0.5);

  border-radius: 14px;

  color: white;

}



.common-page .polaroid{

  padding-top: 0px;

  margin-bottom: 100px;

}



/* NOTE: PACKAGES */



#package-list{

  padding-top: 129px;

  margin: 0 auto;

  max-width: 1100px;

}



.each-package{

  margin-bottom: 100px;

}



.each-package figure{

  width: calc(50% - 100px);

  padding: 100px 0 100px 100px;

  position: relative;

}



.each-package figure::before{

  content: '';

  position: absolute;

  height: 100%;

  width: calc(50% + 50px);

  top: 0;

  left: 0;

  z-index: -1;

  background-color: #F8F5F0;

}



.cim_{

  width: 100%;

  height: 500px;

  background-color: grey;

  overflow: hidden;

}



.cim_ img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.each-package figcaption{

  align-items: flex-start;

  width: 50%;

}



figcaption .ccp{

  width: calc(100% - 50px);

  max-width: 350px;

  margin: 0 0 0 50px;

}



.each-package:nth-of-type(even){

  flex-direction: row-reverse;

}



.each-package:nth-of-type(even) figure::before{

  left: auto;

  right: 0;

}



.each-package:nth-of-type(even) figure{

  padding: 100px 100px 100px 0;

}



.each-package:nth-of-type(even) figcaption{

  align-items: flex-end;

}



.each-package:nth-of-type(even) figcaption .ccp{

  margin: 0 50px 0 0;

}



/* NOTE: PAGE JOURNAL */

.default-category.belongs-journals{

  margin-top: 50px;

}



/* NOTE: DETAIL PAGE */

.belongs-detail .daun{

  margin: 25px auto;

}



.beauty-head.belongs-detail img{

  position: relative;

}



.small-date{

  opacity: .5;

  display: block;

  margin-bottom: 16px;

}



.dtc-head{

  max-width: 900px;

  height: auto;

  margin: 5px auto 50px;

  position: relative;

}



.dtc-head::after{

  content: '';

  width: 122px;

  height: 122px;

  border-radius: 50%;

  border: 1px solid #BA9875;

  position: absolute;

  top: 0;

  right: 0;

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



}



.dtc-head-img{

  width: 100%;

  display: block;

  height: auto;

}



.container-content{

  max-width: 800px;

  margin: 0 auto;

}



.container-content p{

  margin-bottom: 40px;

  font-size: 14px;

  letter-spacing: 0.5px;

  line-height: 30px;

  color: #2D414E;

}



.container-content p > a{

  color: #BA9875;

  text-decoration: underline;

}



.container-content blockquote,

.container-content blockquote p{

  max-width: 600px;

  font-size: 25px;

  line-height: 35px;

  margin: 0 auto;

  position: relative;

}



.container-content blockquote{

  margin-bottom: 40px;

}



.container-content blockquote::after{

  content: '';

  position: absolute;

  font-family: 'Raleway', sans-serif;

  top: 0;

  left: 0;

  width: 35px;

  height: 35px;

  transform: translateX(-100%);

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

  background-size: 100%;

  background-repeat: no-repeat;

  /* font-size: 200px; */

  /* transform: translateX(-135%) translateY(125%); */

  /* opacity: .1; */

}



.container-content-images{

  max-width: 900px;

  margin: 0 auto 200px;

}



.each-cci{

  width: 100%;

  height: auto;

  margin-bottom: 20px;

  overflow: hidden;

}



.each-cci img{

  width: 100%;

  display: block;

  height: auto;

}



/* NOTE: ABOUT PAGE */

.hdesc,

.flat-head,

#form-contact{

  padding-top: 200px;

  margin: 0 auto 85px;

  max-width: 890px;

}



.bigtitle,

.bigdesc{

  width: 50%;

}



.bigtitle h1,

.bigtitle h2{

  color: #BA9875;

  font-size: 40px;

  line-height: 45px;

  max-width: 300px;

}



.bigtitle h2{

  max-width: none;

}



.bigdesc p,

.bigdesc ol,

.bigdesc ul,

.bigdesc li{

  margin-bottom: 25px;

  letter-spacing: 0.5px;

  line-height: 25px;

  color: #A3A3A3;

}



.bigdesc ol,

.bigdesc ul,

.bigdesc li{

  font-size: 15px;

  margin: 0;

}



.bigdesc ol,

.bigdesc ul{

  padding-left: 15px;

  margin-bottom: 25px;

}



#additional-package .bigdesc p{

  margin-bottom: 0px;

}



.bigdesc p strong{

  font-weight: bold;

}



#team{

  margin-bottom: 200px;

}



.flat-head{

  padding: 0;

  margin-bottom: 0px;

}



.flat-head::after{

  content: '';

  width: 100%;

  height: 1px;

  position: relative;

  top: 7px;

  background-color: #A3A3A3;

  opacity: .3;

  margin-left: 15px;

}



.flat-head h2{

  font-family: 'Raleway', sans-serif;

  font-size: 13px;

  letter-spacing: 1px;

  line-height: 15px;

  min-width: max-content;

  font-style: normal;

  font-weight: 500;

  color: #A3A3A3;

}



.conteam{

  margin: 50px auto 0;

  flex-wrap: wrap;

  justify-content: space-between;

  max-width: 1005px;

}



.conteam::after{

  content: '';

}



.each-team,

.conteam::after{

  width: calc((100% - 60px) / 3);

  text-align: center;

}



.each-team figure{

  border-radius: 50%;

  width: 200px;

  height: 200px;

  overflow: hidden;

  margin: 0 auto 20px;

}



.each-team figure img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.team-ig{

  padding-left: 20px;

  font-size: 13px;

  font-weight: 500;

  letter-spacing: 1px;

  line-height: 15px;

  position: relative;

  color: #A3A3A3;

}



.team-ig img{

  width: 15px;

  height: auto;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}



.each-team h3{

  padding: 8px 0 5px;

  font-size: 30px;

  line-height: 35px;

  color: #6E6E6E;

}



.role{

  font-size: 15px;

  color: #A3A3A3;

  line-height: 20px;

}



.caption-team{

  transform: scale(0);

  overflow: hidden;

  min-height: 100px;

  max-height: 100px;

}



.caption-team p{

  max-width: 300px;

  letter-spacing: 0.5px;

  line-height: 25px;

  color: #A3A3A3;

  padding-top: 20px;

  margin: 0 auto;

  opacity: 0;

  transform: translateY(80px);

  transition: all 1.2s ease;

}



/* transition team */

.caption-team,

.each-team figure,

.each-team figcaption{

  transition: transform 0.5s ease;

  transform-origin: top;

}



.each-team:hover figure{

  transform: scale(.5);

}



.each-team:hover figcaption{

  transform: translateY(-110%);

}



.each-team:hover .caption-team{

  transform: scale(1) translateY(-95%);

}



.each-team:hover .caption-team p{

  opacity: 1;

  transform: translateY(0px);

  transition-delay: 0.1s;

}



/* NOTE: PAGE CONTACT */

.forcontact .f-bold{

  font-style: normal;

  margin-bottom: 15px;

}



.forcontact{

  position: relative;

}



.forcontact::after{

  content: '';

  width: 100px;

  height: 100px;

  position: absolute;

  right: 0;

  top: 0;

  border-top: 1px solid #E3E3E3;

  border-right: 1px solid #E3E3E3;

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

}



.forcontact .f-type{

  display: block;

  margin-top: 5px;

}



.forcontact .f-type span{

  font-family: inherit;

}



.f-bold{

  font-weight: 700;

  font-size: 13px;

  letter-spacing: 1px;

  line-height: 15px;

  color: #6E6E6E;

  font-family: 'Raleway', sans-serif;

}



.f-type{

  font-size: 13px;

  letter-spacing: 0.5px;

  color: #A3A3A3;

  font-style: normal;

}



#form-contact{

  padding-top: 25px;

}



#form-contact form{

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.group-lb,

.form-footer .f-type,

.f-cbtn{

  width: calc((100% - 70px) / 2);

  margin-bottom: 30px;

  position: relative;

}



.group-lb.full{

  width: 100%;

}



.group-lb input,

.group-lb textarea{

  display: block;

  padding: 15px 0 7.5px;

  width: 100%;

  border-bottom: 1px solid rgba(163, 163, 163, 0.3);

}



.group-lb input.errno,

.group-lb textarea.errno{

  background-color: rgba(214, 69, 65, .1);

  border-color: red;

}



.group-lb textarea{

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

  line-height: 35px;

  background-position-y: 55px;

  border: 0px;

  position: relative;

  max-height: 165px;

}



.txa_::after{

  content: '';

  position: absolute;

  width: 160px;

  height: 160px;

  display: block;

  right: 0;

  top: 40px;

  background-image: url('../images/icon-postal.svg');

  background-size: 135%;

  background-position: center;

  transform: translateX(50%);

}



.group-lb.txa_::before{

  content: '';

  padding-left: 100%;

  padding-top: 5px;

  background-color: white;

  position: absolute;

  top: 33px;

  left: 0;

  z-index: +1;

}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: rgba(163, 163, 163, 0.7);

  opacity: 1; /* Firefox */

}



:-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: rgba(163, 163, 163, 0.7);

}



::-ms-input-placeholder { /* Microsoft Edge */

  color: rgba(163, 163, 163, 0.7);

}



.form-footer{

  margin-top: 20px;

  width: 100%;

  justify-content: space-between;

}



footer{

  max-width: 100vw;

  overflow-x: hidden;

}



.form-footer .f-type{

  line-height: 25px;

  font-style: italic;

}



.form-footer .f-type *{

  font-family: inherit;

}



.form-footer .f-type b{

  font-weight: bold;

}



.f-submit{

  width: 100%;

  height: 60px;

  line-height: 60px;

  border: 1px solid rgba(163, 163, 163, 0.3);

  cursor: pointer;

}



.f-submit span{

  font-size: 13px;

  letter-spacing: 1px;

  color: #BA9875;

}



.f-submit,

.direct-btn{

  transition: all 1s ease;

}



.f-submit:hover,

.direct-btn:hover{

  border-color: #BA9875;

  background-color: #BA9875;

  color: white;

}



.f-submit:hover span{

  color: white;

}



/* NOTE: DETAIL PACKAGE */

.head-wbg{

  width: 100%;

  height: 500px;

  background-color: #A3A3A3;

  overflow: hidden;

  position: relative;

}



.cover{

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.head-wbg figcaption{

  position: absolute;

  bottom: 100px;

  left: 50%;

  transform: translateX(-50%);

  text-align: center;

  z-index: +1;

  color: white;

}



.head-wbg::after{

  content: '';

  width: 100%;

  height: 100%;

  background-color: #000000;

  opacity: .4;

  position: absolute;

  left: 0;

  top: 0;

}



.head-wbg .daun{

  margin: 0 auto;

  opacity: 1;

}



.head-wbg p{

  margin: 25px 0;

}



#content-package.hdesc{

  padding-top: 100px;

}



#content-package.hdesc{

  margin-bottom: 0px;

}



#additional-package.hdesc{

  padding-top: 50px;

  border-top: 1px solid rgba(163, 163, 163, 0.3);

}



#content-package .bigtitle p,

#additional-package .bigtitle p,

.ep span{

  font-size: 13px;

  letter-spacing: 1px;

  font-weight: 600;

}



.bigtitle p{

  color: #6E6E6E;

}



.ep span{

  color: #A3A3A3;

  display: block;

  margin-bottom: 5px;

}



.ep h2{

  font-size: 20px;

  color: #BA9875;

}



.each-price{

  padding: 20px 0;

  width: 100%;

  border-bottom: 1px solid rgba(163, 163, 163, 0.3);

}



.each-price:first-of-type{

  padding-top: 45px;

}



.each-price:last-of-type{

  border: 0px;

  padding-bottom: 50px;

}



.ep{

  width: 50%;

}



/* NOTE: gallery package */



.gpack .hm-arrow{

  opacity: .5;

  cursor: pointer;

  z-index: 1;

}



.bigdesc .direct-btn{

  display: block;

  margin: 0;

  width: 100%;

  text-align: center;

  padding: 23px 0;

}



.each-gpack{

  width: 900px;

  height: 550px;

  margin: 0 15px;

  background-color: #BA9875;

  transition: opacity .7s ease;

  opacity: .1;

  position: relative;

  overflow: hidden;

}



.each-gpack.is-selected{

  opacity: 1;

}



#appt.hdesc{

  padding-top: 60px;

  margin-bottom: 200px;

}





/*NOTE CORE BEFORE END  */

.flickity-button{

  visibility: hidden;

}



.cv{

  overflow: hidden;

}



img.b-lazy,

img.llz{

  filter: blur(20px);

}



img.b-lazy.b-loaded,

img.llz.flickity-lazyloaded{

  filter: blur(0px);

}



/* NOTE: S MODE NAV */

#main-nav .w_,

#main-nav.smode .b_,

#main-nav.sage .b_{

  display: block;

}

#main-nav .b_,

#main-nav.smode .w_,

#main-nav.sage .w_{

  display: none;

}



#main-nav.smode{

  height: 75.5px;

}



#main-nav.temphide{

  transform: translateY(-92px);

}



.smode .con-nav,

.sage .con-nav{

  border-bottom: 1px solid rgba(213, 194, 175, 0.5);

}



.smode .con-nav .menu li a,

.sage .con-nav .menu li a{

  color: #6E6E6E;

}



.mobile-menu{

  display: none;

}



/* NOTE: SAGE MODE NAVIGATION */

#main-nav.sage{

  position: fixed;

  height: 75px;

  background-color: white;

}



/* NOTE: PAGINATION */

.paging{

  display: block;

  margin: 0 auto 200px;

  width: max-content;

  position: relative;

}



.page-numbers{

  margin: 0 11px;

  font-size: 20px;

  color: #6E6E6E;

  padding: 0 4px;

}



.page-numbers.current{

  position: relative;

  color: rgba(110, 110, 110, 0.5);

}



.page-numbers.current::after{

  content: '';

  position: absolute;

  bottom: -1px;

  width: 18px;

  height: 1px;

  background-color: #BA9875;

  left: 50%;transform: translateX(-50%);

}



.paging .next,

.paging .prev{

  position: absolute;

  top: 50%;

  right: -10px;

  transform: translateY(-50%) translateX(100%);

  min-width: 45px;

  min-height: 45px;

  padding: 0;

  margin: 0;

  display: block;

  border: 1px solid #BA9875;

  border-radius: 50%;





  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



.paging .prev{

  right: auto;

  left: -10px;

  transform: translateY(-50%) translateX(-100%);

}



.page-numbers.next img{

  transform: rotate(180deg) translateX(-8%) scale(.5);

}



.page-numbers.prev img{

  transform: translateX(-8%) scale(.5);

}



/* .paging .next{

  transform: rotate(180deg) translateY(-50%) translateX(100%);

} */

/* NOTE: OTHER POST DETAIL */

.other-post{

  padding-bottom: 200px;

  text-align: center;

}



.op-container{

  margin-top: 95px;

  justify-content: center;

}



.op-card{

  width: 360px;

  margin: 0 15px;

  transition: box-shadow .5s ease;

}



.op-card:hover{

  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);

}



.op-card figure{

  width: 100%;

  height: 250px;

  overflow: hidden;

}



.op-card figcaption{

  background-color: #F8F5F0;

  padding: 30px 30px 40px;

}



.op-card h3{

  font-size: 25px;

  line-height: 30px;

  height: 63px;

  max-height: 63px;

}



.grecaptcha-badge{

  opacity: 0;

}



/* NOTE: search-popup */

.popup-search{

  width: 100%;

  height: 100vh;

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

  position: fixed;

  top: 0;

  left: 0;

  z-index: 99;

  visibility: hidden;

  opacity: 0;



  transition: all .5s ease;

}



.popup-search.active{

  opacity: 1;

  visibility: visible;

}



.src-close{

  position: absolute;

  right: 50px;

  top: 50px;

  width: 25px;

  height: 25px;

  cursor: pointer;

}



.src-close::after,

.src-close::before{

  content: '';

  padding-left: 100%;

  position: absolute;

  height: 1.5px;

  background-color: rgba(213, 194, 175, 1);

  top: 50%;

  transform: translateY(-50%) rotate(45deg);

}



.src-close::before{

  transform: translateY(-50%) rotate(-45deg);

}



.popup-search form{

  width: 350px;

  position: absolute;

  top: 50%;

  left: 50%;

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

  border-bottom: 1px solid rgba(213, 194, 175, 0.7);

}



.popup-search input{

  width: 100%;

  padding: 10px 0;

  font-size: 15px;

  letter-spacing: 0.5px;

}



.popup-search button{

  position: absolute;

  right: 0;

  top: 0;

  width: 36px;

  height: 100%;

  cursor: pointer;

}



.bigtitle{

  position: relative;

}



.jc_{

  position: absolute;

  top: 70px;

  left: 40%;

  transform: rotate(-34deg) scale(1.2);

  opacity: .2;

}



/* NOTE: SEARCH PAGE */

.hsrl{

  color: #6E6E6E;

  font-size: 18px;

  margin-bottom: 10px;

}



#search-result{

  flex-wrap: wrap;

  justify-content: space-between;

  max-width: 1000px;

  margin: 80px auto 150px;

}



.each-search{

  width: calc((100% - 50px) / 2);

  height: 300px;

  background-color: #BA9875;

  margin-bottom: 50px;

  position: relative;

  background-size: cover;

  background-repeat: no-repeat;

}



.each-search::after{

  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background-color: black;

  opacity: .3;

}



.each-search h2{

  position: absolute;

  top: 50%;

  left: 50%;

  font-size: 28px;

  color: white;

  line-height: 33px;

  text-align: center;

  width: 90%;

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

  z-index: +1;

}



.wrap-no-result{

  width: calc(100% - 60px);

  margin: 0 auto;

  text-align: center;

}



.wrap-no-result p{

  font-size: 25px;

  line-height: 40px;

  color: #6E6E6E;

}



.content-thankyou{

  width: calc(100% - 60px);

  margin: 50px auto;

  text-align: center;

}



.content-thankyou p{

  margin-bottom: 25px;

  letter-spacing: 0.5px;

  line-height: 5px;

  color: #A3A3A3;

}



.content-thankyou p > a{

  text-decoration: underline;

}



.adadropdown ul{

  position: absolute;

  bottom: -5px;

  background-color: white;

  transform: translateY(100%);

  z-index: +1;

  width: 100%;

  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.16);

  -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.16);

  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.16);

  overflow: hidden;

  transition: all .3s ease;

  opacity: 0;

  visibility: hidden;

  max-height: 0px;

  /* 102px; */

}



.adadropdown.active ul{

  max-height: 102px;

  visibility: visible;

  opacity: 1;

}



.adadropdown li{

  list-style: none;

  padding: 9px 0;

  text-align: center;

  font-size: 13px;

  border-bottom: 1px solid #E3E3E3;

  width: calc(100% - 14px);

  margin: 0 auto;

  cursor: pointer;

  color: #6E6E6E;

}



.adadropdown li:last-of-type{

  border: 0px;

}



.adadropdown::after{

  content: '';

  width: 12px;

  height: 12px;

  position: absolute;

  right: 10px;

  bottom: 10px;

  background-image: url('../images/arw-g.svg');

  background-size: contain;

  transform: rotate(-90deg);

  background-position: center;

  background-repeat: no-repeat;

  cursor: pointer;

}



.adadropdown input{

  cursor: pointer;

}



.each-package:last-of-type,

#journals.common-page .polaroid:last-of-type{

  margin-bottom: 250px;

}



#form-contact{

  margin-bottom: 200px;

}

.container-content p > img{
	width: 100%;
	height: auto;
}


/* ============================ */

/* NOTE: RESPONSIVE */

/* ========================= */



@media (max-width: 1024px)

{



  .hm-arrow{

    left: 3vw;

    z-index: 1;

  }



  .discover-more,

  .hm-arrow.n, .hm-arrow.nxt{

    right: 3vw;

  }



}



@media (max-width: 768px)

{

  #search-result{

    width: calc(100% - 100px);

    margin-bottom: 80px;

  }

  .each-search{

    width: calc((100% - 30px) / 2);

    margin-bottom: 30px;

    height: 250px;

  }

  .jc_{

    opacity: .1;

    z-index: -1;

  }

  .op-container{

    display: block;

  }

  #headhome .flickity-page-dots{

    left: 50px;

  }

  .con-nav .menu,

  .gpack .hm-arrow{

    display: none;

  }

  .head-wbg figcaption{

    width: 100%;

    bottom: 80px;

  }

  .head-wbg h1{

    font-size: 40px;

    line-height: 45px;

  }

  #appt .bigtitle{

    margin-bottom: 70px;

    text-align: center;

  }



  .bigdesc .direct-btn{

    width: 250px;

    margin: 0 auto;

  }

  #appt.hdesc{

    padding-top: 80px;

    margin-bottom: 100px;

  }

  #content-package .bigtitle p, #additional-package .bigtitle p{

    margin-bottom: 20px;

  }

  .each-gpack{

    width: calc(100vw - 100px);

    margin: 0 10px;

    height: 450px;

  }

  .dtc-head,

  .container-content-images{

    width: calc(100% - 100px);

  }

  .dtc-head::after{

    width: 100px;

    height: 100px;

    transform: translateY(-50%);

    right: -25px;

  }

  .container-content{

    width: calc(100% - 160px);

  }

  .container-content blockquote{

    max-width: 400px;

  }

  .figcapt{

    right: auto;

    top: auto;

    bottom: 150px;

    transform: none;

    padding: 0;

    left: 50px;

  }

  .figcapt::after{

    display: none;

  }

  #headhome .slick-dots, #home-specialpackage .slick-dots{

    left: 50px;

  }

  .discover-more{

    right: 50px;

  }

  .canvas-container, .hs-container,

  .footer-container,

  .sub-category,

  #package-list{

    width: calc(100% - 100px);

  }



  .hdesc{

    display: block;

    width: calc(100% - 160px);

  }

  #team{

    width: calc(100% - 160px);

    margin: 0 auto;

  }

  .each-team, .conteam::after{

    width: 50%;

  }

  .each-team figure{

    width: 150px;

    height: 150px;

  }

  .each-team:hover figure{

    transform: scale(.54);

  }

  .each-team h3{

    font-size: 25px;

    line-height: 35px;

  }

  .each-team:hover figcaption{

    transform: translateY(-85%);

  }

  .each-team:hover .caption-team{

    transform: scale(1) translateY(-80%);

  }

  .bigtitle, .bigdesc{

    width: 100%;

  }

  .bigtitle h1{

    max-width: 50%;

    margin-bottom: 80px;

  }



  .sub-category{

    margin-bottom: 0px;

  }



  .card-polaroid{

    padding: 30px 30px 50px;

  }

  .card-polaroid figure{

    height: 450px;

  }

  .polaroid.withoutframe{

    padding-top: 80px;

  }

  .footer-socialmedia{

    display: block;

  }

  .sm-info,

  .feeds{

    width: calc(100% - 50px);

  }

  .sm-info{

    height: auto;

    padding: 40px 0 30px 50px;

  }

  .each-sosmed{

    margin-top: 0px;

    position: absolute;

    right: 50px;

    top: 50%;

    transform: translateY(-95%);

  }

  .feeds{

    padding-left: 50px;

  }

  .each-feed{

    min-width: calc((100% - 20px)/3);

    padding-top: calc((100% - 20px)/3);

  }

  .common-page .polaroid{

    padding-top: 30px;

    margin-bottom: 0px;

  }

  .footer-info{

    display: block;

    padding-bottom: 50px;

  }

  .flil-about,

  .fcontact{

    width: calc(100% - 100px);

    padding: 0 50px;

    margin-bottom: 50px;

  }



  .fcontact{

    margin-bottom: 0px;

  }

  .footer-info p:not(.theend){

    max-width: 500px;

  }



  .fcontact p:not(.theend){

    margin-bottom: 30px;

  }



  .theend{

    position: static;

  }



  .each-package,

  .each-package:nth-of-type(even){

    /* display: block; */

    flex-direction: column;

  }



  .each-package:nth-of-type(even){

    align-items: flex-end;

  }



  .each-package figure{

    width: calc(100% - 100px);

    padding: 50px 0 50px 50px;

  }



  .each-package:nth-of-type(even) figure{

    padding: 50px 50px 50px 0;

  }



  .cim_{

    height: 400px;

  }



  figcaption .ccp{

    width: calc(100% - 100px);

    max-width: none;

  }

  .each-package figcaption{

    width: 100%;

    padding-top: 50px;

  }

  .ccp h2, .ccp h3{

    max-width: none;

  }



  .ccp h2{

    margin-top: 10px;

    margin-bottom: 30px;

  }

  #package-list{

    padding-top: 100px;

  }

  .beauty-head{

    padding-bottom: 0px;

  }



  .beauty-head.belongs-detail{

    padding-bottom: 100px;

  }



  #head-contact.hdesc,

  #form-contact{

    width: calc(100% - 200px);

    margin-bottom: 50px;

  }



  .form-footer{

    display: block;

  }

  .form-footer .f-type{

    width: 100%;

    max-width: 350px;

  }



  /* NOTE: BURGER MENU */

  #burger{

    display: block;

    height: max-content;

    position: relative;

    top: 50%;

    transform: translateY(-50%);

    margin-right: 25px;

    padding-right: 27px;

    cursor: pointer;

  }



  #burger::before{

    content: 'MENU';

    color: white;

    font-size: 13px;

    letter-spacing: 1px;

    line-height: 15px;

    position: relative;

    top: -1px;

  }



  #burger span{

    width: 20px;

    height: 100%;

    display: block;

    position: absolute;

    right: 0;

    top: 0;

  }



  #burger span::after,

  #burger span::before{

    content: '';

    display: block;

    position: absolute;

    bottom: 50%;

    transform: translateY(calc(50% - 4px));

    padding-left: 100%;

    height: 1px;

    background-color: white;

  }



  #burger span::before{

    transform: translateY(calc(50% + 4px));

  }



  .ds-slide{

    margin: 0 10px;

    opacity: .5;

    transition: opacity .5s ease;

  }



  .ds-slide.is-selected{

    opacity: 1;

  }



  .hs-container{

    height: auto;

    width: calc(100vw - 100px);

    display: block;

  }



  .slider-package{

    width: 100%;

    height: 300px;

  }



  .caption-package{

    width: 100%;

    height: auto;

    padding: 50px 0;

  }



  #home-specialpackage .hm-arrow{

    display: none;

  }



  #home-specialpackage{

    margin-bottom: 138px;

  }



  .direct-btn{

    margin: 60px auto 100px;

  }



  .smode #burger::before,

  .sage #burger::before{

    color: #6E6E6E;

  }

  .smode #burger span::after,

  .smode #burger span::before,

  .sage #burger span::after,

  .sage #burger span::before{

    background-color: #6E6E6E;

  }

  .twin-category{

    margin-top: 45px;

  }

  .beauty-head img{

    opacity: .1;

  }



  /* NOTE: MOBILE MENU */

  .close-mmenu{

    position: absolute;

    color: #6E6E6E;

    font-size: 13px;

    letter-spacing: 1px;

    line-height: 15px;

    top: 0;

    padding-right: 27px;

    right: 30px;

    top: 30px;

  }



  .close-mmenu span{

    position: absolute;

    display: block;

    top: -1px;

    right: 0;

    height: 16px;

    width: 16px;

  }



  .close-mmenu span::before,

  .close-mmenu span::after{

    content: '';

    display: block;

    width: 100%;

    height: 1px;

    background-color: #6E6E6E;

    position: absolute;

    top: 50%;

    transform-origin: center;

    transform: translateY(-50%) rotate(45deg);

  }



  .close-mmenu span::after{

    transform: translateY(-50%) rotate(-45deg);

  }



  .mobile-menu{

    display: flex;

    position: fixed;

    background-color: white;

    width: 100%;

    height: 100vh;

    z-index: 98;

    visibility: hidden;

    opacity: 0;

    transition: all .7s ease;

    transform: translateY(-100%);

  }



  .mobile-menu.active{

    opacity: 1;

    visibility: visible;

    transform: translateY(0px);

  }



  .mobile-menu li{

    list-style: none;

    overflow: hidden;

    width: max-content;

    margin: 0 auto 35px;

    transition: all 0.8s ease;

    transform: translateY(90px);

    opacity: 0;

  }



  .mobile-menu.active li{

    transition-delay: .3s;

    transform: translateY(0px);

    opacity: 1;

  }



  .mobile-menu.active li:nth-child(2){

    transition-delay: .4s;

  }



  .mobile-menu.active li:nth-child(3){

    transition-delay: .5s;

  }



  .mobile-menu.active li:nth-child(4){

    transition-delay: .6s;

  }



  .mobile-menu.active li:nth-child(5){

    transition-delay: .7s;

  }



  .mobile-menu.active li:nth-child(6){

    transition-delay: .8s;

  }



  .mobile-menu li:last-of-type{

    margin-bottom: 0px;

  }



  .mobile-menu li a{

    font-size: 25px;

    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #6E6E6E;

  }



  .mobile-menu .each-sosmed a:last-child{

    margin: 0;

  }



  .mobile-menu .each-sosmed a{

    margin-right: 30px;

  }



  .mobile-menu .each-sosmed img{

    height: 80%;

  }



  .mobile-menu .each-sosmed{

    position: absolute;

    bottom: 70px;

    top: auto;

    left: 0;

    right: 0;

    justify-content: center;

  }

}



@media (max-width: 500px)

{

  .numba{

    width: 50px;

    height: 50px;

    transform: none;

    top: 5px;

    right: -10px;

  }



  #headhome{

    height: calc(100vh - 55px);

  }



  .numba span{

    font-size: 20px;

  }

  #search-result{

    width: calc(100% - 60px);

    margin-bottom: 60px;

  }

  .each-search{

    width: 100%;

    margin-bottom: 30px;

    height: 250px;

  }

  .forcontact::after,

  .txa_::after,

  .sub-menu,

  .dtc-head::after{

    display: none;

  }

  .discover-more{

    right: 30px;

  }

  .paging{

    margin: 50px auto 80px;

  }

  #featured-stories{

    padding-top: 80px;

  }

  .head-wbg h1,

  .bigtitle h2{

    font-size: 30px;

    line-height: 35px;

  }

  #appt.hdesc{

    padding-top: 50px;

    margin-bottom: 80px;

  }

  #appt .bigtitle{

    margin-bottom: 35px;

  }

  .head-wbg p{

    margin: 20px 0;

  }

  .head-wbg figcaption{

    bottom: 50px;

  }

  #content-package.hdesc{

    padding-top: 50px;

  }



  .each-gpack{

    margin: 0 calc(15px / 2);

    height: 250px;

  }

  .bigdesc .direct-btn{

    width: 100%;

  }

  .container-content blockquote,

  .each-gpack{

    width: calc(100% - 60px);

  }

  .container-content blockquote, .container-content blockquote p{

    font-size: 20px;

    line-height: 30px;

  }

  .container-content blockquote::after{

    /* font-size: 140px; */

    /* transform: translateX(-105%) translateY(125%); */

  }

  .each-cci{

    margin-bottom: 15px;

  }

  .belongs-detail .daun{

    margin: 20px auto;

  }

  .hsrc-btn{

    display: none;

  }

  .beauty-head.belongs-detail{

    padding-bottom: 50px;

  }



  .dtc-head{

    width: 100%;

    margin-bottom: 30px;

  }



  #detail-content{

    /* width: 100vw;

    overflow-x: hidden; */

  }

  #burger{

    margin-right: 0px;

  }



  .container,

  .figcapt,

  .footer-container,

  .container-content,

  .container-content-images,

  .op-card{

    width: calc(100vw - 60px);

  }

  .canvas-container{

    width: calc(100vw - 40px);

  }



  .card-polaroid{

    padding: 10px 10px 20px;

  }



  .main-logo img{

    max-width: 195px;

  }



  header .hm-arrow{

    display: none;

  }



  .figcapt{

    max-width: 300px;

    left: 30px;

    bottom: 140px;

  }



  #headhome .flickity-page-dots{

    left: 30px;

    bottom: 32px;

  }



  #featured-stories h1, .belongs-detail h1{

    font-size: 30px;

    line-height: 35px;

    margin-bottom: 10px;

  }

  .daun{

    margin-top: 15px;

  }



  .card-polaroid figure{

    height: 250px;

    margin-bottom: 20px;

  }



  .fs-title,

  .fs-brief{

    max-width: 300px;

    margin-left: auto;

    margin-right: auto;

  }



  .polaroid.withoutframe{

    padding-top: 30px;

  }



  .direct-btn{

    margin: 80px auto;

  }



  .hs-container{

    width: calc(100vw - 60px);

  }



  .ds-slide,

  .op-card{

    margin: 0 calc(15px / 2);

  }



  .slider-package{

    height: 250px;

  }



  .caption-package{

    padding: 30px 0;

  }



  .ccp{

    width: calc(100% - 60px);

  }



  .ccp h2{

    font-size: 20px;

    line-height: 25px;

    max-width: 250px;

    margin-bottom: 18px;

  }

  .ccp p,

  .flil-about p{

    margin-bottom: 25px;

    max-height: 75px;

    overflow: hidden;

  }

  .ccp h3{

    font-size: 20px;

  }

  .ccp .fs-button{

    margin: 0;

    text-align: right;

    width: 88px;

    padding-bottom: 0px;

  }



  .each-sosmed{

    margin-top: 30px;

    position: static;

    transform: none;

  }



  .sm-info{

    padding: 20px 0 40px 30px;

  }



  .feeds{

    padding-left: 30px;

    width: calc(100% - 30px);

  }



  .each-feed{

    min-width: calc((100% - 10px)/3);

    padding-top: calc((100% - 10px)/3);

    margin-right: 5px;

  }



  .sm-info h4{

    font-size: 20px;

    line-height: 25px;

  }



  .footer-info{

    margin-top: 30px;

    padding-top: 30px;

  }



  .flil-about, .fcontact{

    width: calc(100% - 60px);

    padding: 0 30px;

  }



  .scrolltop{

    top: -290px;

    right: 5px;

  }

  .each-sosmed a{

    margin-right: 30px;

  }



  .beauty-head h1,

  .other-post h2{

    font-size: 30px;

    line-height: 35px;

  }



  .other-post h2{

    max-width: 90%;

    margin: 0 auto;

  }



  .container-content-images{

    margin-bottom: 80px;

  }



  .op-container{

    margin-top: 50px;

  }



  .twin-category{

    margin-bottom: 35px;

  }



  .sub-category{

    display: block;

    width: 100%;

    border: 0px;

    padding: 13px 0;

  }



  .other-post{

    padding-bottom: 130px;

  }



  .sub-category::before{

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: -1px;

    left: 0;

    border-top: 1px solid rgba(45, 65, 78, 0.1);

    border-bottom: 1px solid rgba(45, 65, 78, 0.1);

  }



  /* .beauty-head img{

    height: 95%;

  } */



  .beauty-head .k_{

    opacity: .1;

  }



  /* .ol_ .sh-d{

    height: 70px;

  } */



  #package-list{

    width: calc(100% - 30px);

  }



  .each-package figure{

    width: calc(100% - 30px);

    padding: 15px 0 15px 15px

  }



  .each-package:nth-of-type(even) figure{

    padding: 15px 15px 15px 0;

  }



  .cim_{

    height: 250px;

  }



  figcaption .ccp{

    width: calc(100% - 60px);

    margin-left: 15px;

  }



  .each-package figcaption{

    padding-top: 30px;

    width: calc(100% - 15px);

  }



  .ccp h2{

    max-width: none;

    margin-bottom: 15px;

  }



  .each-package{

    margin-bottom: 70px;

  }



  .ol_ .sh-d{

    height: 60px;

  }



  .hdesc,

  #team,

  #head-contact.hdesc,

  #form-contact{

    width: calc(100% - 60px);

  }



  .flat-head{

    padding-top: 50px;

  }



  .each-team, .conteam::after{

    width: 100%;

  }



  #head-about.hdesc{

    margin-bottom: 0px;

  }



  .bigtitle h1{

    max-width: 90%;

    margin-bottom: 50px;

    font-size: 30px;

    line-height: 37px;

  }



  .hdesc{

    padding-top: 150px;

  }



  #form-contact form{

    display: block;

  }



  .group-lb, .form-footer .f-type, .f-cbtn{

    width: 100%;

  }

}













/* NOTE: AOS */

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}