@charset "utf-8";
@import "all.min.css";
@font-face {font-family: 'HK_Grotesk';src: url('../webfonts/hkgrotesk-regular-webfont.woff2') format('woff2'),url('../webfonts/hkgrotesk-regular-webfont.woff') format('woff'); font-weight: normal;
    font-style: normal;font-display: swap;}
@font-face { font-family: 'HK_Grotesk_alt'; src: url('../webfonts/hkgrotesk-regular-webfont-alt.woff2') format('woff2'),url('../webfonts/hkgrotesk-regular-webfont-alt.woff') format('woff');
    font-weight: 400;font-style: normal;font-display: swap;}
@font-face {font-family: 'HK_Grotesk';src: url('../webfonts/hkgrotesk-italic-webfont.woff2') format('woff2'),url('../webfonts/hkgrotesk-italic-webfont.woff') format('woff');
    font-weight: 400;font-style: italic;font-display: swap;}
@font-face {font-family: 'HK_Grotesk';src: url('../webfonts/hkgrotesk-semibold-webfont.woff2') format('woff2'),url('../webfonts/hkgrotesk-semibold-webfont.woff') format('woff');
    font-weight: 600;font-style: normal;font-display: swap;}
:root{scroll-behavior: auto;    --font-global: HK_Grotesk, arial, sans-serif; --font-global-alt: HK_Grotesk_alt, arial, sans-serif;}
html{overflow-y: scroll;-ms-overflow-style: scrollbar;}
html, body{height: 100%;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility; font-size:18px;
    font-weight: 400;color: #111;}

/*****************Global Styles****************/
*{margin: 0;padding: 0;box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, ul, li, p{ padding: 0; margin: 0; }
a{ text-decoration: none; color: #111; }
a:hover {color: #2c2c2c;}
.btn-white{ background:rgba(255,255,255, .9);font-weight: 500; }
.btn-green{ background: #26b44a; font-size: 15px;width: 200px; font-weight: 700;border-radius: 0;color: #fff; }
.btn-black {background: #282828;color: #fff;font-size: 18px;text-transform: uppercase;}
.btn-black:hover{ color: #fff; }255
.btn-black:focus{ box-shadow:none; }
.heading1{ font-size: 40px; font-weight: 700; margin-bottom: 30px; }
.heading2{ font-size: 46px;font-weight: 700; text-align: center; margin-bottom: 50px;}
.heading3{font-size: 24px;font-weight: 400;line-height: 34px;}
.heading4{ font-size: 18px; font-weight: 700; margin-bottom: 30px; }
/************** Header Styles **************/
 header {width: 100%;position: absolute;top: 0;z-index: 100;}
header .navbar-expand-lg {padding: 25px 0;-webkit-transform: scale(1.0);transform: scale(1.0);}
 header  .navbar-expand-lg .navbar-collapse {display: block !important;}
 header  .navbar-expand-lg .navbar-nav {float: right;}
header .navbar-brand img {width: 300px;display: none;}
 header  .navbar-light .navbar-nav .nav-link {color: #fff;font-size: 18px;padding: 0 35px 0 0;line-height: 35px;font-weight: 500;opacity: 0.78;}
header .navbar-light .navbar-nav .nav-link:hover, header .navbar-light .navbar-nav .nav-link:focus {opacity:1;color: #fff;}
header  .navbar-light .navbar-nav .nav-link.active {color: #fff;opacity:1;}
.bgcolor.scrolled{background:rgba(10,10,10, .95);transition-property: background-color, color;transition-duration: 0.5s;transition-timing-function: ease-in-out;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
header .bgcolor.scrolled  img { display: block;}
header .bgcolor.scrolled {padding: 0 0;}

/************** Mobile Menu Styles **************/
.resp-mobile-menu {display: none;}
.mobile-menu {display:block;width:100%;background: #8aa8bd/*e0b88f/*c99393/*e5d1a4/*dcc591/*EFD3A3*/;line-height: 1.6em;font-weight: 400;width:100%;text-align:center;position: relative;margin:0 auto;opacity:0 !important;}
/*Strip the ul of padding and list styling*/
.mobile-menu ul {list-style-type:none;margin: 0 auto;padding-left:0;text-align:center;width:100%;position: absolute;background: #fff;padding-bottom: 20px;}
/*Create a horizontal list with spacing*/
.mobile-menu li {display:inline-block;/*float: left; margin-right: 1px;*/}
/*Style for menu links*/
.mobile-menu li a {display:block;min-width:140px;text-align: center;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;color: #2c2c2c;text-transform:uppercase;text-decoration: none; padding: 8px 0; font-size: 16px; -webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
/*Hover state for top level links*/
.mobile-menu li:hover a { color: #212529;background-color:#f1f1f1;}
/*Style for dropdown links*/
.mobile-menu li:hover ul a {background: #f3f3f3;color: #2f3036;height: 40px;line-height: 40px;}
.mobile-menu button {padding: 5px 30px;border: 0;font-size: 16px;font-weight: 500;box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;margin-top: 10px;}
/*Hover state for dropdown links*/
.mobile-menu li:hover .mobile-menu ul a:hover {color: #4db3ff;}
/*Hide dropdown links until they are needed*/
.mobile-menu li ul {display: none;}
/*Make dropdown links vertical*/
.mobile-menu li ul li {display: block;float: none;}
/*Prevent text wrapping*/
.mobile-menu li ul li a {width: auto;min-width: 100px;padding: 0 20px;}
/*Style 'show menu' label button and hide it by default*/
.mobile-menu .show-menu {text-decoration: none;color: #fff;text-align: center;padding: 15px 15px 20px;display: none;cursor: pointer;text-transform: uppercase;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.mobile-menu .show-menu span{padding-left: 25px;}
/*Hide checkbox*/
.mobile-menu input[type=checkbox]{display: none;}
/*Show menu when invisible checkbox is checked*/
.mobile-menu input[type=checkbox]:checked ~ #menu{display: block;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
/************** Banner Styles **************/
.banner{position: relative;background: url(../images/new-banner1.png) no-repeat center 0;height: 100vh;background-size: cover;background-position: 100% 75%;background-attachment: fixed;}
.banner:after{content: "";position: absolute;top: 0;background: rgba(0,0,0, 0.3);width: 100%;height: 100%;display: block;}
.banner .banner-content {position: absolute;color: #fff;padding: 0 20px;z-index: 1;width: 100%;right: 0;bottom:0;}
.banner .bc-left img {width: 100%;height: 100%;}
.banner .banner-content .bc-right{text-align: right;position: relative;padding-right:35px;}
.banner .adjust-bottom p{font-weight: 600;line-height: 30px;width: 60%;text-align: right;margin: 100px 0 10px auto;}
.banner .local-scroll {position: absolute;bottom: 25px;left: 50%;width: 35px;height: 35px;background: #fff;line-height: 35px;text-align: center;border-radius: 75px;z-index: 2;}
.banner .scrolling-button {position: absolute;z-index: 2;bottom: 15px;left: 50%;background: #fff;border-radius: 75px;width: 35px;height: 35px;text-align: center;font-weight: 500;line-height: 35px;}
.banner .scrolling-button i{color: #111;}
.mobile-banner{ display: none; position:relative;/*background: url(../images/new-banner1.png) no-repeat center 0;background-size: 100% 65%;padding:15px;background-attachment: fixed;*/ }
.mobile-banner:after {content: "";background: rgba(0, 0, 0, 0.3);width: 100%;height: 100%;position: absolute;top: 0; left: 0;}
.mobile-banner .img-bann img{ width: 100%; }
.mobile-banner .box-flex{display: flex;flex-direction: column;justify-content: center;vertical-align: middle;}
.mobile-banner .bann-conten.bc-right {color: #fff;z-index: 99;position: absolute; text-align: center;padding: 15px;}
.mobile-banner .bann-conten h1 {font-size: 24px;margin-bottom: 15px;}
.mobile-banner .bann-conten h3 {font-size: 14px;line-height: 22px;}
.mobile-banner .bann-conten .adjust-bottom p { margin-top: 10px;font-weight: 600;font-size:16px;font-style: italic;}
/************** About Styles **************/
#about{padding: 100px 35px;}
#about p {margin-bottom: 35px;font-weight: 500;line-height: 27px;}
/*****************Insights Styles****************/
#insights{padding: 100px 0;}
#insights .pad-sides{padding: 0 60px;}
#insights .box-shad {text-align: center;box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;padding: 15px;min-height: 345px;margin-bottom: 30px;}
#insights img{width: 120px;height: 120px;}
#insights .post-prev-info {color: #757575;font-size: 14px;}
#insights h4 {font-size: 16px;font-weight: 600;line-height: 24px;margin-bottom: 10px;margin-top: 20px;}
/*****************Business Styles****************/
.business-item .d-mid {
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    min-height: 100px;
    justify-content: center;
}
/*****************Press Styles****************/
#press{padding: 100px 0;}
.pad-sides {padding: 0 60px;}
#press ul li{width: calc(47% - 5px);margin: 30px 15px 0;height: 150px;background-size: cover;float: left;box-shadow: 0 15px 10px 1px rgb(0 0 0 / 50%);list-style: none;}
#press #btnBox {display: none;}
#press .btn-area {display: block;background: #282828;color: #fff;cursor: pointer;text-align: center;font-weight: 400;font-size: 17px;width: 180px;border-radius: 5px;line-height: 50px;margin: 50px auto 0;}
#press ul{list-style: none;padding: 0;}
#press ul:after{content: "";display: table;clear: both;}
#press ul li{width: calc(47% - 5px);margin: 30px 15px 0;height: 150px;background-size: cover;background-position: center center; float: left;box-shadow: 0 15px 10px 1px  rgba(0, 0, 0, 0.5);}
#press ul li:nth-child(1n + 5) {max-height: 0;opacity: 0 !important;transition: 0.2s ease-in; display: none;}
#press h4{font-weight: 700;}
#press .btn-area{display: block;background:#282828;color: #fff;cursor: pointer;text-align: center;font-weight: 400;font-size: 17px;width: 180px;border-radius: 5px;line-height: 50px;margin: 50px auto 0;}
#press .btn-area .btn2{display: none;}
#press #btnBox{display: none;}
#press #btnBox:checked~ul li:nth-child(1n + 5) {max-height: 1000px;opacity: 1 !important;transition: 0.5s ease;display: block;}
#press #btnBox:checked ~ .btn-area .btn1 {display: none;}
#press #btnBox:checked ~ .btn-area .btn2 {display: block;}
#press img{max-width: 100%;height: auto;}
/************** FAQs Styles **************/
#faq{padding: 70px 0;}
#faq .images{position: relative;padding: 100px 0;}
#faq  .image-1{position: absolute;z-index: 1;top: -25px;left: -50px;}
#faq .image-2{position: relative;z-index: 3;padding-right: 100px;}
#faq .image-3{position: absolute;z-index: 3;right: 40px;bottom: -50px;}
#faq  .image-2 img {width: 100%;padding-right: 100px;}
#faq  .image-1 img{width: 240px;}
#faq  .image-3 img {width: 240px;}
#faq .accordion-item:first-of-type .accordion-button {background: #111;color: #fff;}
#faq .accordion-button:not(.collapsed) {color: #fff;background-color: #2e2623;box-shadow: none;}
#faq .accordion-button:focus{box-shadow:none;border:0;}
#faq .accordion-body {background: #ada5a521;}
#faq .accordion-body p {font-size: 16px;}
/************** MY-Story Styles **************/
.my-story{ background-image: url(../images/section-bg-4.jpg); padding: 100px 0; color: #fff; position: relative;z-index: 2;}
.my-story::after{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0, .7);z-index: -1;}
.my-story .owl-carousel{position: relative;}
.my-story .item{position: relative;min-height: 450px;}
.my-story .owl-carousel .owl-item:after {content: "";position: absolute; top: 0;left: 0;background: rgba(0, 0, 0, 0.7);width: 100%;height: 100%;}
.my-story .owl-carousel .owl-item img {width: 100%;height: 450px;}
.my-story .img-title {position: absolute;top: 0;z-index: 2;padding:40px;}
.my-story .img-title h4 {font-size: 32px;font-weight: 700;margin-bottom: 35px;}
.my-story .img-title p {font-size: 15px;line-height: 25px;}
.my-story .owl-carousel .owl-nav [class*='owl-'].disabled:hover {background-color: transparent;}
.my-story .owl-nav {position: absolute; top:25%;left: 0;right: 0;}
.my-story button span {font-size: 100px;font-weight: 100;}
.my-story .owl-nav .owl-prev{position: absolute;left: -40px;background: url(../images/left-arrow.png) no-repeat; }
.my-story .owl-nav .owl-next{position: absolute;right: -40px;}
.my-story .owl-dots {text-align: center;margin-top: 30px;}
.my-story .owl-carousel button.owl-dot{background: transparent;border: 1px solid #fff;border-radius: 75px;width: 10px;height:10px;margin: 0 5px;}
.my-story .owl-carousel button.owl-dot.active{background: #fff;}
#business {padding: 100px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
#business .business-item {margin-bottom: 50px;min-height: 100px; background: #d3d1d138;}
#business .business-item img { width: 100%;margin: 0 auto;}
/************** Contact Styles **************/
#contact{ padding: 0 0 100px; }
#contact .min-height{ min-height: 535px; }
/************** Sign-up Styles **************/
.sign-up{ padding: 100px 0; position: relative;color: #fff; background-size: cover;background-attachment: fixed;}
.sign-up::after{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0, .7);}
.sign-up form {z-index: 2;position: relative;}
.sign-up form h2 {font-size: 40px;font-weight: 700;width: 75%;line-height: 50px; margin-bottom: 10px;}
.sign-up .newsletter-label-icon {margin-right: 25px;}
.sign-up form input{width: 70%;min-height: 51px;border-radius: 5px;border: 0;padding: 0 15px;font-weight: 500;}
.sign-up form input:focus-visible{outline:0;}
.sign-up button:focus:not(:focus-visible) {outline: 0;box-shadow: none;}
.sign-up form button {width: 25%;min-height: 51px;margin-top: -5px;}
.sign-up form button:hover, .sign-up form button:focus {color: #111;background: rgba(255,255,255, 1);box-shadow: 0 5px 7px 0 rgb(0 0 0 / 20%);}
/************** Footer Styles **************/
footer{padding: 40px 0; background: #f7f7f7; text-align: center;}
footer a{transition:all 0.23s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
footer a i {background: #343434;width: 54px;height: 54px;border-radius: 75px;line-height: 54px !important; color: #fff;margin: 0 5px;}
footer a:hover i{background: #000;} 
footer  .footer-copy a {font-weight: 700;margin-top: 20px; display: inline-block;color: #171717;opacity: 0.9;font-size: 20px;}
footer  .footer-copy a:hover {text-decoration: underline;color: #171717;}
footer #button {display: inline-block;background-color: #fff;width: 40px;height:40px;text-align: center;border-radius: 75px;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s,opacity .5s, visibility .5s;
  opacity: 0;visibility: hidden;z-index: 1000;color:#111;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
footer #button::after {content: "\f077";  font-family: FontAwesome;font-weight: normal;font-style: normal;font-size: 17px;line-height: 40px;}
footer #button:hover {cursor: pointer;background-color: #333;color: #fff;}
footer #button:active {background-color: #555;}
footer #button.show {opacity: 1;visibility: visible;}
/*******************************Media Quries Here************************/
@media screen and (max-width : 1336px){
    .banner .adjust-bottom p{margin: 70px 0 0 auto;}
    }
@media screen and (max-width : 1300px){
    .banner .banner-content .bc-right {top:-60px;}
    }
@media screen and (max-width : 1136px){
    .banner .adjust-bottom p{margin: 30px 0 0 auto;width: 100%;}
    .banner .banner-content .bc-right {top:-100px;}
    .pad-sides {padding: 0 15px;}
   .my-story .owl-nav .owl-prev{left: -15px;}
   .my-story .owl-nav .owl-next{right: -15px;}
    }       
@media screen and ( max-width: 991px ) {
    .mobile-menu {opacity: 1 !important;}
   .mobile-menu .lines {content:"";height: 5px; width:20px;padding-right:15px;float: right;}
    /*Make dropdown links appear inline*/
    .mobile-menu ul {position: static;display: none;}
    /*Create vertical spacing*/
    .mobile-menu li {margin-bottom: 1px;}
    /*Make all menu links full width*/
    .mobile-menu ul li, .mobile-menu li a {width: 100%;}
    /*Display 'show menu' link*/
    .mobile-menu .show-menu {display:block;}
    .mobile-menu {display: block;background: #4b6b91;}
    .mobile-menu img {width: 230px;}
    .mobile-menu .lines i{margin-top: 35px;color: #fff !important;}
    header {display: none;}
    #press ul li {width: 100%;margin: 0 0 30px 0;height: auto;}
   #press ul li{min-height: auto;}
   #faq .image-2 img{padding-right: 0 !important;}
   #faq .image-2{padding-right: 0;}
   #faq h2 {margin-top: 75px;}
  #faq .accordion-item h2{margin-top: 0;}
  #faq .image-1{left:30px;}
  .sign-up form h2{width: 100%;}
  .sign-up form input{width: 100%;text-align: center;}
  .sign-up form button{width: 100%;margin: 15px auto 0;display: block;}
  }
@media screen and ( max-width: 767px ) {
    .banner{height: auto; background-position: 0% 0%;}
    .banner:after{background: rgba(0,0,0, 0.5);}
    .banner .banner-content{position: relative;}
    .banner .bc-left{text-align: center;margin: 20px 0;}
    .banner .bc-left img {width: 60%;margin: 0 auto;}
    .banner .banner-content .bc-right {position: relative;top:0;text-align: center;padding:0;padding-bottom: 60px;}
    .banner{ display: none; }
    .mobile-banner{ display: block;}
    #insights .box-shad{ min-height: auto; padding: 30px;}
    #insights img {width: 100%;height: 100%;}
    .my-story .owl-carousel .owl-item img{ height: auto; }
    .my-story .img-title{position: relative; padding:15px;}
    .my-story .img-title p {font-size: 14px;line-height: 22px;}
    .my-story .img-title h4 {margin-bottom: 10px;}
    .my-story .owl-carousel .owl-item:after{background: rgba(0, 0, 0, 0)}
    .my-story .owl-dots {text-align: center; margin-top: -200px; display: none;}
    #contact .min-height {min-height: auto;}
    #contact iframe{ height: 200px !important;margin-bottom: 10px;}
    footer .footer-copy a{font-size: 16px;line-height: 22px;}
    footer a i{width: 40px;height: 40px;line-height: 40px !important;}
  }
@media screen and ( max-width: 575px ) {
    .mobile-menu img {width: 87%;}
    .banner .bc-left img {width: 100%;}
    .mobile-banner .box-flex{ justify-content: end; }
    .mobile-banner .bann-conten .adjust-bottom p{position: relative;top: -15px;background: rgba(0,0,0, 0.4);}
    .mobile-banner .bann-conten h1, .mobile-banner .bann-conten h3 {display: none;}
    .heading1 {font-size: 32px;}
   .heading3 {font-size: 18px;line-height: 27px;}
   .banner h1{margin-bottom: 15px;}
   .banner .adjust-bottom p{margin: 15px 0 0 auto;line-height: 22px;font-size: 16px;text-align: center;}
   .banner .banner-content .bc-right{padding-bottom: 90px;}
   #about {padding: 50px 15px;text-align: center;}
   #about .heading1{margin-bottom: 15px } 
   #about   .heading4 {margin-bottom: 15px; line-height: 25px;} 
   #about p{font-weight: 400;font-size: 16px;margin-bottom: 15px;}
   #about .btn-green{margin: 0 auto;}
   #insights h2{font-size: 32px;}
   #insights {padding: 50px 0;}
   #press img{width: 100%;}
   .pad-sides {padding: 0 15px;}
   #insights .pad-sides {padding: 0 15px;}
   .heading2{margin-bottom: 35px;font-size: 32px;}
   #business{padding: 50px 0;}
   #business .heading2 {font-size: 32px;}
   #business .business-item img {width: 50% !important;}
   .business-item .d-mid{ min-height: auto;padding: 10px; }
   #business .business-item{margin-bottom: 25px;min-height: auto;}
   #business .business-item h4, #business .business-item p{text-align: center !important;}
    #press {padding: 50px 0;}
   #press img {margin-bottom: 15px;}
   #press h4 {line-height: 24px;text-align: center !important;}
   #press p {text-align: center !important;}
   #press .btn-area{margin: 20px auto 0;}
   .my-story {padding: 50px 0;}
   .my-story .owl-nav .owl-prev {left: 10px;}
   .my-story .owl-nav .owl-next {right: 10px;}
   #faq .images{padding: 0;}
   #faq .image-1, #faq .image-3{display: none;}
   .sign-up {padding: 50px 0;text-align: center;}
   .newsletter-label {display: block !important;}
   .sign-up form input{min-height: 40px;}
   .sign-up form button{min-height: 40px;}
   .sign-up .newsletter-label-icon{margin-right:0;}
   .sign-up form h2{font-size: 27px;line-height: 27px;}
   .sign-up svg {width: 50px;} 
   footer {padding: 25px 0;}
  }
/* ==============================
   Custom appear animation
   ============================== */
.appear-animate .wordsAnimIn .word{opacity: 0;-webkit-transform: translateY(1em) scale(.75) skew(-5deg) rotate(7deg);transform: translateY(1em) scale(.75) skew(-5deg) rotate(7deg);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition: all 0.5s cubic-bezier(0, 0.55, 0.45, 1);transition: all 0.5s cubic-bezier(0, 0.55, 0.45, 1);transition-delay: calc( 0.05s * var(--word-index) );}
html:not(.mobile) .appear-animate .wordsAnimIn .word{will-change: opacity, transform;}
@media (prefers-reduced-motion:reduce),print{.appear-animate .wordsAnimIn .word{opacity: 1 !important;-webkit-transform: none !important;transform: none !important;}}
.wordsAnimIn.animated .word, .mobile .wordsAnimIn .word{opacity: 1;-webkit-transform: translateY(0) scale(1) skew(0) rotate(0);transform: translateY(0) scale(1) skew(0) rotate(0);}
.appear-animate .wordsAnimLongIn .word{opacity: 0;-webkit-transform: translateY(.5em);transform: translateY(.5em);-webkit-transition: all 2.5s cubic-bezier(0, 0.55, 0.45, 1);transition: all 2.5s cubic-bezier(0, 0.55, 0.45, 1);-webkit-transition-delay: calc( 0.3s * var(--word-index) );transition-delay: calc( 0.3s * var(--word-index) );}
html:not(.mobile) .appear-animate .wordsAnimLongIn .word{will-change: opacity, transform;}
@media (prefers-reduced-motion:reduce),print{.appear-animate .wordsAnimLongIn .word{opacity: 1 !important;-webkit-transform: none !important;transform: none !important;}}
.wordsAnimLongIn.animated .word, .mobile .wordsAnimLongIn .word{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.appear-animate .linesAnimIn .word{opacity: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateY(60px) translateZ(0) scale(1.0) rotate(0.02deg);transform: translateY(60px) translateZ(0) scale(1.0) rotate(0.02deg);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition: all 1s cubic-bezier(0, 0.55, 0.45, 1);transition: all 1s cubic-bezier(0, 0.55, 0.45, 1);-webkit-transition-delay: calc( 0.1s * var(--line-index) );transition-delay: calc( 0.1s * var(--line-index) );}
html:not(.mobile) .appear-animate .linesAnimIn .word{will-change: opacity, transform;}
@media (prefers-reduced-motion:reduce),print{.appear-animate .linesAnimIn .word{opacity: 1 !important;-webkit-transform: none !important;transform: none !important;}}
.linesAnimIn.animated .word, .mobile .linesAnimIn .word{opacity: 1;-webkit-transform: translateY(0) translateZ(0) scale(1.0) rotate(0.02deg);transform: translateY(0) translateZ(0) scale(1.0) rotate(0.02deg);}
/*
 * Extra styles for animate.css
 */
.wow, .wow-menubar, .wow-p{opacity: 1; }
html:not(.mobile) .wow, html:not(.mobile) .wow-menubar, html:not(.mobile) .wow-p{ will-change: opacity, transform;}
.appear-animate .wow.scaleOutIn{opacity: 1;-webkit-transform: scale(1.2);transform: scale(1.2);}
.appear-animate .wow.animated, .appear-animate .wow.scaleOutIn.animated, .appear-animate .wow-p.amimated, .appear-animate .wow-menubar.animated, .mobile .appear-animate .wow, .mobile .appear-animate .wow-menubar, .mobile .appear-animate .wow-p{ opacity: 1; -webkit-transform: scale(1.0);transform: scale(1.0);}
@media (prefers-reduced-motion:reduce), print{
.wow, .wow.scaleOutIn, .wow-menubar, .wow-p{opacity: 1 !important;-webkit-transform: none !important;transform: none !important;-webkit-animation: none !important;animation: none !important;}}
.fadeInDownShort, .fadeInUpShort, .scalexIn, .fadeScaleIn, .fadeScaleOutIn, .fadeScaleOutInShort, .backInDown, .backInLeft, .backInRight, .backInUp, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeInTopLeft, .fadeInTopRight, .fadeInBottomLeft, .fadeInBottomRight, .flipInX, .flipInY, .lightSpeedInRight, .lightSpeedInLeft, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .jackInTheBox, .rollIn, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp{ -webkit-backface-visibility: hidden;backface-visibility: hidden; -webkit-transform: translateZ(0);transform: translateZ(0);}
@keyframes fadeInDownShort{
    0%{opacity: 0;-webkit-transform: translate3d(0,-37px,0);transform: translate3d(0,-37px,0)  }
    to{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  }
.fadeInDownShort{-webkit-animation-name: fadeInDownShort;animation-name: fadeInDownShort}
@keyframes fadeInUpShort{
    0%{
        opacity: 0;-webkit-transform: translate3d(0,37px,0);transform: translate3d(0,37px,0);}
    to{
        opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  }
.fadeInUpShort{ -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort;}
@keyframes scalexIn{
    0%{opacity: 0;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: left center;transform-origin: left center;}
    to{opacity: 1;-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: left center;transform-origin: left center;}
}
.scalexIn{-webkit-animation-name: scalexIn;animation-name: scalexIn;}
@keyframes fadeScaleIn{
  0%{
        opacity: 0;-webkit-transform: scale(.975) rotate(0.1deg);transform: scale(.975) rotate(0.1deg);}
    to{opacity: 1;-webkit-transform: scale(1.001) rotate(0);transform: scale(1.00) rotate(0);}}
.fadeScaleIn{-webkit-animation-name: fadeScaleIn;animation-name: fadeScaleIn;}
@keyframes scaleOutIn{
    0%{-webkit-transform: scale(1.2);transform: scale(1.2);}
    to{-webkit-transform: scale(1.0);transform: scale(1.0);}}
.scaleOutIn{-webkit-animation-name: scaleOutIn;animation-name: scaleOutIn;}
@keyframes fadeScaleOutIn{
    0%{opacity: 0;-webkit-transform: scale(1.5);transform: scale(1.5);}
    to{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}
.fadeScaleOutIn{-webkit-animation-name: fadeScaleOutIn;animation-name: fadeScaleOutIn;}
@keyframes fadeScaleOutInShort{
    0%{opacity: 0;-webkit-transform: scale(1.1);transform: scale(1.1);}
    to{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}
.fadeScaleOutInShort{-webkit-animation-name: fadeScaleOutInShort;animation-name: fadeScaleOutInShort;}