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

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

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

/*  smooth animation start here */
.animateclassName, .enterLink, .footerLinks, .contactLink, .enterLink a, .loader, .shortLinks a, .hoverColor, .closeContact, .fancybox-button.fancybox-button--close::before, .shortLinks{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.oneL, .logoBox a{
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.logo, .sliderHolder, .contactBlock, .galleryBlock, .mapBlock{
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

body.open-contact .contactBird{
  -webkit-animation:contactBird 1.5s forwards cubic-bezier(0.39,0.57,0.56,1);
  -moz-animation:contactBird 1.5s forwards cubic-bezier(0.39,0.57,0.56,1);
  -ms-animation:contactBird 1.5s forwards cubic-bezier(0.39,0.57,0.56,1);
  animation:contactBird 1.5s forwards cubic-bezier(0.39,0.57,0.56,1);
  animation-delay:0.2s;
}

@keyframes contactBird {
  from {bottom:-100%;}
  to {bottom:0;}
}
@-webkit-keyframes contactBird {
  from {bottom:-100%;}
  to {bottom:0;}
}

.twoL, .sixL{
  -webkit-transition: all 0.6s cubic-bezier(0.55,0.08,0.68,0.53);
  -moz-transition: all 0.6s cubic-bezier(0.55,0.08,0.68,0.53);
  -o-transition: all 0.6s cubic-bezier(0.55,0.08,0.68,0.53);
  transition: all 0.6s cubic-bezier(0.55,0.08,0.68,0.53);
}
.eightL{
  -webkit-transition: all 0.4s cubic-bezier(0.55,0.08,0.68,0.53);
  -moz-transition: all 0.4s cubic-bezier(0.55,0.08,0.68,0.53);
  -o-transition: all 0.4s cubic-bezier(0.55,0.08,0.68,0.53);
  transition: all 0.4s cubic-bezier(0.55,0.08,0.68,0.53);
}

.threeL, .fourL, .fiveL, .sevenL{
  -webkit-transition: all 0.8s cubic-bezier(0.55,0.08,0.68,0.53);
  -moz-transition: all 0.8s cubic-bezier(0.55,0.08,0.68,0.53);
  -o-transition: all 0.8s cubic-bezier(0.55,0.08,0.68,0.53);
  transition: all 0.8s cubic-bezier(0.55,0.08,0.68,0.53);
}
/*  smooth animation end here */

/* common page animations */
.fadeIn {
	opacity: 0;
	transition: opacity .8s ease-in-out;
	-webkit-transition: opacity .8s ease-in-out;
	-moz-transition: opacity .8s ease-in-out;
	-o-transition: opacity .8s ease-in-out;
}

.fadeIn.animateMe {opacity:1}

.fadeInUp { -webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	transition: opacity 1s ease .4s,transform 1s ease .4s;
	-webkit-transition: opacity 1s ease .4s,transform 1s ease .4s;
	-moz-transition: opacity 1s ease .4s,transform 1s ease .4s;
	-o-transition: opacity 1s ease .4s,transform 1s ease .4s;
}
.fadeInUp.animateMe { -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;}
/* common page animations */

/* animations start here */

body.startRotate .twoL img{
  -webkit-animation:rotation 12s infinite cubic-bezier(1,1,0.01,0);
  -moz-animation:rotation 12s infinite cubic-bezier(1,1,0.01,0);
  -ms-animation:rotation 12s infinite cubic-bezier(1,1,0.01,0);
  animation:rotation 12s infinite cubic-bezier(1,1,0.01,0);
  animation-delay:0.6s;
}

body.startRotate .fourL img{
  -webkit-animation:rotatio-reverse 24s infinite cubic-bezier(1,1,0.01,0);
  -moz-animation:rotatio-reverse 24s infinite cubic-bezier(1,1,0.01,0);
  -ms-animation:rotatio-reverse 24s infinite cubic-bezier(1,1,0.01,0);
  animation:rotatio-reverse 24s infinite cubic-bezier(1,1,0.01,0);
  animation-delay:0.6s;
}

body.startRotate .sevenL img{
  -webkit-animation:rotation 24s infinite cubic-bezier(1,1,0.01,0);
  -moz-animation:rotation 24s infinite cubic-bezier(1,1,0.01,0);
  -ms-animation:rotation 24s infinite cubic-bezier(1,1,0.01,0);
  animation:rotation 24s infinite cubic-bezier(1,1,0.01,0);
  animation-delay:0.6s;
}

body.startRotate .eightL img{
  -webkit-animation:rotateBg 12s infinite cubic-bezier(1,1,0.01,0);
  -moz-animation:rotateBg 12s infinite cubic-bezier(1,1,0.01,0);
  -ms-animation:rotateBg 12s infinite cubic-bezier(1,1,0.01,0);
  animation:rotateBg 12s infinite cubic-bezier(1,1,0.01,0);
  -webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
animation-delay:0.6s;
}

@keyframes rotation {
  0% {transform:rotate(0deg);}
  50% {transform:rotate(180deg);}
  50% {transform:rotate(180deg);}
  100% {transform:rotate(0deg);}
}
@-webkit-keyframes rotation {
  0% {transform:rotate(0deg);}
  50% {transform:rotate(180deg);}
  50% {transform:rotate(180deg);}
  100% {transform:rotate(0deg);}
}

@keyframes rotatio-reverse {
  0%{transform:rotate(360deg);}
  25%{transform:rotate(180deg);}
  50%{transform:rotate(360deg);}
  75%{transform:rotate(180deg);}
  100%{transform:rotate(360deg);}
}

@-webkit-keyframes rotatio-reverse {
  0%{transform:rotate(360deg);}
  25%{transform:rotate(180deg);}
  50%{transform:rotate(360deg);}
  75%{transform:rotate(180deg);}
  100%{transform:rotate(360deg);}
}

@keyframes rotateBg {
  0% {transform:rotate(0deg);}
  50% {transform:rotate(180deg);}
  50% {transform:rotate(180deg);}
  100% {transform:rotate(0deg);}
}
@-webkit-keyframes rotateBg {
  0% {transform:rotate(0deg);}
  50% {transform:rotate(180deg);}
  50% {transform:rotate(180deg);}
  100% {transform:rotate(0deg);}
}

/* remove flowers start  */
body.stopRotate .eightL{
  -webkit-animation: stopAnim 0.5s forwards;
  -moz-animation: stopAnim 0.5s forwards;
  -ms-animation: stopAnim 0.5s forwards;
  animation: stopAnim 0.5s forwards;
  animation-delay:0.6s;
}
body.stopRotate .oneL{
    -webkit-animation: stopAnim 0.5s forwards;
    -moz-animation: stopAnim 0.5s forwards;
    -ms-animation: stopAnim 0.5s forwards;
    animation: stopAnim 0.5s forwards;
    animation-delay:2s;
}

@keyframes stopAnim{ 0%{opacity:1;}100%{opacity:0;} }
@-webkit-keyframes stopAnim{ 0%{opacity:1;}100%{opacity:0;} }

body.stopRotate .sevenL{
  -webkit-animation: stopSevenL 0.5s forwards;
  -moz-animation: stopSevenL 0.5s forwards;
  -ms-animation: stopSevenL 0.5s forwards;
  animation: stopSevenL 0.5s forwards;
  animation-delay:0.8s;
}
@keyframes stopSevenL{ 0%{width:93.802vw;}100%{width:0;} }
@-webkit-keyframes stopSevenL{ 0%{width:93.802vw;}100%{width:0;} }

body.stopRotate .sixL{
  -webkit-animation: stopSixL 0.5s forwards;
  -moz-animation: stopSixL 0.5s forwards;
  -ms-animation: stopSixL 0.5s forwards;
  animation: stopSixL 0.5s forwards;
  animation-delay:1s;
}
@keyframes stopSixL{ 0%{width:78.646vw;}100%{width:0;} }
@-webkit-keyframes stopSixL{ 0%{width:78.646vw;}100%{width:0;} }

body.stopRotate .fiveL{
  -webkit-animation: stopFiveL 0.5s forwards;
  -moz-animation: stopFiveL 0.5s forwards;
  -ms-animation: stopFiveL 0.5s forwards;
  animation: stopFiveL 0.5s forwards;
  animation-delay:1.2s;
}
@keyframes stopFiveL{ 0%{width:49.479vw;}100%{width:0;} }
@-webkit-keyframes stopFiveL{ 0%{width:49.479vw;}100%{width:0;} }

body.stopRotate .fourL{
  -webkit-animation: stopFourL 0.5s forwards;
  -moz-animation: stopFourL 0.5s forwards;
  -ms-animation: stopFourL 0.5s forwards;
  animation: stopFourL 0.5s forwards;
  animation-delay:1.4s;
}
@keyframes stopFourL{ 0%{width:33.333vw;}100%{width:0;} }
@-webkit-keyframes stopFourL{ 0%{width:33.333vw;}100%{width:0;} }

body.stopRotate .threeL{
  -webkit-animation: stopThreeL 0.5s forwards;
  -moz-animation: stopThreeL 0.5s forwards;
  -ms-animation: stopThreeL 0.5s forwards;
  animation: stopThreeL 0.5s forwards;
  animation-delay:1.6s;
}
@keyframes stopThreeL{ 0%{width:26.198vw;}100%{width:0;} }
@-webkit-keyframes stopThreeL{ 0%{width:26.198vw;}100%{width:0;} }

body.stopRotate .twoL{
  -webkit-animation: stopTwoL 0.5s forwards;
  -moz-animation: stopTwoL 0.5s forwards;
  -ms-animation: stopTwoL 0.5s forwards;
  animation: stopTwoL 0.5s forwards;
  animation-delay:1.8s;
}
@keyframes stopTwoL{ 0%{width:22.708vw;}100%{width:0;} }
@-webkit-keyframes stopTwoL{ 0%{width:22.708vw;}100%{width:0;} }
/* remove flowers end */

body.butterFlySlickAnimate .bottomFlowers{
  -webkit-animation: showflower 6s forwards;
  -moz-animation: showflower 6s forwards;
  -ms-animation: showflower 6s forwards;
  animation: showflower 6s forwards;
  transform-origin: center bottom;
}
@keyframes showflower{
  0%{bottom:-100%; width:8vw;}
  20%{bottom:-20%;}
  40%{bottom:-10%;}
  70%{bottom:0%; width:14vw;}
  100%{bottom:0%; width:22.188vw;}
}
@-webkit-keyframes showflower{
  0%{bottom:-100%; width:8vw;}
  20%{bottom:-20%;}
  40%{bottom:-10%;}
  70%{bottom:0%; width:14vw;}
  100%{bottom:0%; width:22.188vw;}
}

body.butterFlySlickAnimate .butterflyYellow{
  -webkit-animation: yellowFly 12s forwards;
  -moz-animation: yellowFly 12s forwards;
  -ms-animation: yellowFly 12s forwards;
  animation: yellowFly 12s forwards;
  animation-delay:1s;
}
@keyframes yellowFly{
  0%{width:4vw; left:-12%; top:68%;}
  40%{ width:13.542vw; left:13%; top:46%;}
  41%{ width:13.542vw; left:13%; top:46%;}
  100%{ width:4vw; left:70%; top:-20%;}
}
@-webkit-keyframes yellowFly{
  0%{width:4vw; left:-12%; top:68%;}
  40%{ width:13.542vw; left:13%; top:46%;}
  41%{ width:13.542vw; left:13%; top:46%;}
  100%{ width:4vw; left:70%; top:-20%;}
}

body.butterFlySlickAnimate .butterflyBlue{
  -webkit-animation: blueFly 6s forwards;
  -moz-animation: blueFly 6s forwards;
  -ms-animation: blueFly 6s forwards;
  animation: blueFly 6s forwards;
  animation-delay:1s;
}
@keyframes blueFly{
  0%{width:10.938vw; top:56%; right:-14%; transform: rotate(-30deg);}
  40%{top:18%; right:30%; transform: rotate(0deg);}
  100%{width:8.938vw; right:49.8%; top:30%; transform: rotate(-30deg);}
}
@-webkit-keyframes blueFly{
  0%{width:10.938vw; top:56%; right:-14%; transform: rotate(-30deg);}
  40%{top:18%; right:30%; transform: rotate(0deg);}
  100%{width:8.938vw; right:49.8%; top:30%; transform: rotate(-30deg);}
}


/* animations end here */

/* 404 animation start */
@-webkit-keyframes balance {
  0% {-webkit-transform: translate3d(0, 0, 0);}
  50% {-webkit-transform: translate3d(0, 1rem, 0);}
  100% {-webkit-transform: translate3d(0, 0, 0);}
}
@-moz-keyframes balance {
  0% {-moz-transform: translate3d(0, 0, 0);}
  50% {-moz-transform: translate3d(0, 1rem, 0);}
  100% {-moz-transform: translate3d(0, 0, 0);}
}
@-o-keyframes balance {
  0% {-o-transform: translate3d(0, 0, 0);}
  50% {-o-transform: translate3d(0, 1rem, 0);}
  100% {-o-transform: translate3d(0, 0, 0);}
}
@-ms-keyframes balance {
  0% {-ms-transform: translate3d(0, 0, 0);}
  50% {-ms-transform: translate3d(0, 1rem, 0);}
  100% {-ms-transform: translate3d(0, 0, 0);}
}
@keyframes balance {
  0% {transform: translate3d(0, 0, 0);}
  50% {transform: translate3d(0, 1rem, 0);}
  100% {transform: translate3d(0, 0, 0);}
}
/* 404 animation end here */

@media screen and (min-width:0px) and (max-width:896px) {
@media all and (orientation:landscape){
  @keyframes showflower{
    0%{bottom:-100%; width:8vw;}
    20%{bottom:-20%;}
    40%{bottom:-10%;}
    70%{bottom:0%; width:14vw;}
    100%{bottom:0%; width:18.188vw;}
  }
  @-webkit-keyframes showflower{
    0%{bottom:-100%; width:8vw;}
    20%{bottom:-20%;}
    40%{bottom:-10%;}
    70%{bottom:0%; width:14vw;}
    100%{bottom:0%; width:18.188vw;}
  }
}

@media all and (orientation:portrait){
  @keyframes blueFly{
    0%{width:10.938vw; top:56%; right:-14%; transform: rotate(-30deg);}
    40%{top:28%; right:30%; transform: rotate(0deg);}
    100%{width:8.938vw; right:50%; top:34%; transform: rotate(-30deg);}
  }
  @-webkit-keyframes blueFly{
    0%{width:10.938vw; top:56%; right:-14%; transform: rotate(-30deg);}
    40%{top:28%; right:30%; transform: rotate(0deg);}
    100%{width:8.938vw; right:50%; top:34%; transform: rotate(-30deg);}
  }

  @keyframes showflower{
    0%{bottom:-100%; width:14vw;}
    20%{bottom:-20%;}
    40%{bottom:-10%;}
    70%{bottom:0%; width:30vw;}
    100%{bottom:0%; width:40.188vw;}
  }
  @-webkit-keyframes showflower{
    0%{bottom:-100%; width:14vw;}
    20%{bottom:-20%;}
    40%{bottom:-10%;}
    70%{bottom:0%; width:30vw;}
    100%{bottom:0%; width:40.188vw;}
  }
}

}

/* large ipad css start here */
  @media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
    @keyframes blueFly{
      0%{width:10.938vw; top:56%; right:-14%; transform: rotate(-30deg);}
      40%{top:28%; right:30%; transform: rotate(0deg);}
      100%{width:8.938vw; right:50%; top:34%; transform: rotate(-30deg);}
    }
    @-webkit-keyframes blueFly{
      0%{width:10.938vw; top:56%; right:-14%; transform: rotate(-30deg);}
      40%{top:28%; right:30%; transform: rotate(0deg);}
      100%{width:8.938vw; right:50%; top:34%; transform: rotate(-30deg);}
    }

    @keyframes showflower{
      0%{bottom:-100%; width:14vw;}
      20%{bottom:-20%;}
      40%{bottom:-10%;}
      70%{bottom:0%; width:30vw;}
      100%{bottom:0%; width:40.188vw;}
    }
    @-webkit-keyframes showflower{
      0%{bottom:-100%; width:14vw;}
      20%{bottom:-20%;}
      40%{bottom:-10%;}
      70%{bottom:0%; width:30vw;}
      100%{bottom:0%; width:40.188vw;}
    }
  }
/* large ipad css end here */

@media screen and (min-width: 0px) and (max-width:550px) {

  @keyframes yellowFly{
    0%{width:8vw; left:-12%; top:68%;}
    40%{ width:20.542vw; left:13%; top:46%;}
    41%{ width:20.542vw; left:13%; top:46%;}
    100%{ width:12vw; left:100%; top:-10%;}
  }
  @-webkit-keyframes yellowFly{
    0%{width:8vw; left:-12%; top:68%;}
    40%{ width:20.542vw; left:13%; top:46%;}
    41%{ width:20.542vw; left:13%; top:46%;}
    100%{ width:12vw; left:100%; top:-10%;}
  }

  @keyframes blueFly{
    0%{width:14.938vw; top:56%; right:-14%; transform: rotate(-30deg);}
    40%{top:28%; right:30%; transform: rotate(0deg);}
    100%{width:14.938vw; right:48%; top:34%; transform: rotate(-30deg);}
  }
  @-webkit-keyframes blueFly{
    0%{width:14.938vw; top:56%; right:-14%; transform: rotate(-30deg);}
    40%{top:28%; right:30%; transform: rotate(0deg);}
    100%{width:14.938vw; right:48%; top:34%; transform: rotate(-30deg);}
  }

  @keyframes showflower{
    0%{bottom:-100%; width:14vw; left:10vw;}
    20%{bottom:-20%; left:10vw;}
    40%{bottom:-10%; left:10vw;}
    70%{bottom:0%; width:30vw; left:10vw;}
    100%{bottom:0%; width:50.188vw; left:2vw;}
  }
  @-webkit-keyframes showflower{
    0%{bottom:-100%; width:14vw; left:10vw;}
    20%{bottom:-20%; left:10vw;}
    40%{bottom:-10%; left:10vw;}
    70%{bottom:0%; width:30vw; left:10vw;}
    100%{bottom:0%; width:50.188vw; left:2vw;}
  }
}

@media screen and (min-width: 0px) and (max-width:375px) {
  @keyframes blueFly{
    0%{width:14.938vw; top:60%; right:-14%; transform: rotate(-30deg);}
    40%{top:20%; right:30%; transform: rotate(0deg);}
    100%{width:14.938vw; right:48%; top:28%; transform: rotate(-30deg);}
  }
  @-webkit-keyframes blueFly{
    0%{width:14.938vw; top:60%; right:-14%; transform: rotate(-30deg);}
    40%{top:20%; right:30%; transform: rotate(0deg);}
    100%{width:14.938vw; right:48%; top:28%; transform: rotate(-30deg);}
  }
}