*{box-sizing:border-box;font-family:PT Sans,sans-serif;margin:0;padding:0}.home,.products,.services,.sign-up{align-items:center;display:flex;font-size:3rem;height:90vh;justify-content:center}.navbar{background:#05203a;font-size:1.2rem;position:-webkit-sticky;position:sticky;top:0;transition:top .3s;z-index:999}.navbar,.navbar-container{align-items:center;display:flex;height:80px;justify-content:center}.navbar-container{max-width:1500px}.navbar-logo{cursor:pointer;display:flex;height:90%;justify-self:start;padding:1px 0}.fa-typo3{font-size:1.8rem;margin-left:.5rem}.nav-menu{grid-gap:10px;display:grid;grid-template-columns:repeat(4,auto);justify-content:end;list-style:none;margin-right:2rem;text-align:center;width:60vw}.nav-item{height:80px}.nav-links{align-items:center;color:#fff;display:flex;height:100%;padding:.5rem 1rem;text-decoration:none}.nav-links:hover{border-bottom:4px solid #fff;transition:all .2s ease-out}.fa-bars{color:#fff}.menu-icon,.nav-links-mobile{display:none}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;height:90vh;left:-100%;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#242222;left:0;z-index:1}.nav-links{display:table;padding:2rem;text-align:center;width:100%}.nav-links:hover{background-color:#fff;border-radius:0;color:#242424}.navbar-logo{left:-30px;position:absolute;top:-30px;-webkit-transform:translate(25%,50%);transform:translate(25%,50%)}.menu-icon{cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;-webkit-transform:translate(-100%,60%);transform:translate(-100%,60%)}.fa-times{color:#fff;font-size:2rem}.nav-links-mobile{background-color:initial;border:1px solid #fff;border-radius:4px;color:#fff;display:block;font-size:1.5rem;margin:2rem auto;padding:14px 20px;text-align:center;text-decoration:none;transition:all .3s ease-out;width:80%}.nav-links-mobile:hover{background:#fff;color:#242424;transition:.25s}}video{height:100%;object-fit:cover;position:fixed;z-index:-1}.hero__image,video{width:100%}.hero-container{align-items:center;box-shadow:inset 0 0 0 1000px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:center;object-fit:contain;width:100%}.hero-container>h1{color:#fff;font-size:50px}.hero-container>p{color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:22px;margin-top:8px}.title-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-top:-100px;object-fit:contain;text-align:center;width:100%}.title-container>h1{color:#fff;font-size:50px}.title-container>p{color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:22px;margin-top:8px}.hero-btns{margin-top:32px}.hero-btns .btn{margin:6px}.fa-play-circle{margin-left:4px}@media screen and (max-width:960px){.hero-container>h1{font-size:70px;margin-top:-150px}}@media screen and (max-width:768px){.hero-container>h1{font-size:50px;margin-top:-100px}.hero-container>p{font-size:30px}.btn-mobile{display:block;text-decoration:none}.btn{width:100%}}@media screen and (max-width:653px){.title-container>h1{font-size:40px}.title-container>p{font-size:20px}}@media screen and (max-width:523px){.title-container>h1{font-size:30px}.title-container>p{font-size:16px}}.about{background:#05203a;padding:25px 20px}.about__container{align-items:center;display:flex;flex-flow:column;margin:20px 0}.about__container>div{display:grid;grid-template-columns:1fr 1fr}p{color:#fff;font-family:Montserrat,sans-serif;font-size:20px;margin-top:10px}.about__container>img,.about__image{height:auto;max-width:100%}.about__image{place-self:center}.about__text{align-items:center;color:#fff;display:flex;flex-flow:column;margin:0 auto;text-align:center;width:80%}.about__detail,.about__detail2{color:#be9778;font-family:Montserrat,sans-serif;line-height:1.3;margin:7px 0;text-align:left}.about__detail2{align-self:baseline}.about__header{border-bottom:1px solid #be9778;color:#be9778;font-family:Trajan Pro Regular;font-size:35px;margin:30px 0}.player-wrapper{padding-top:56.25%;position:relative}.about__video{grid-column-gap:25px;color:#fff;-webkit-column-gap:25px;column-gap:25px;display:grid;grid-template-columns:1fr 1fr;margin:20px 0}.about__list{color:#be9778;margin-left:20px;text-align:left}.list__highlight{font-family:Montserrat,sans-serif;font-style:italic;font-weight:700}.about__video>.about__detail{margin:30px 0}li{font-family:Montserrat,sans-serif;font-weight:400;line-height:1.3;margin:10px 0}.react-player{left:0;position:absolute;top:0}@media screen and (max-width:960px){.about__video{grid-template-columns:none;grid-template-rows:1fr 1fr;row-gap:25px}.about__text{text-align:left}.about__detail>p{display:inline-block;font-size:16px;margin-left:5px}#detail__more1,#detail__more2{display:none}}.cards{background:#000;padding-bottom:25px}.cards__header{display:flex;margin:20px auto}.cards__banner{display:grid;grid-template-columns:1fr 1fr;margin:40px -20px}.cards__product{place-self:center;width:100%}.caps__break{margin-top:40px}.cards__container{align-items:center;background:#fff;display:flex;flex-flow:column}#flat{padding-bottom:30px}.cards__container>img{margin:30px 0}.slide-container{background-color:#fff;margin-top:40px;padding:50px}.image-container>img{height:auto;width:100%}.dot{border:1px solid #e6e6e6;border-radius:50%;cursor:pointer;display:inline-block;height:25px;margin:0 5px;transition:background-color .6s ease;width:25px}#clear{background-color:#fff}#black{background-color:#000}#red{background-color:red}#blue{background-color:blue}#green{background-color:green}#yellow{background-color:#ff0}#pink{background-color:#f0a}#purple{background-color:purple}.cards__wrapper{margin:30px 0 45px;position:relative}.cards__items{margin-bottom:24px}.cards__item{border-radius:10px;display:flex;flex:1 1;margin:0 1rem}.cards__item__link{border-radius:10px;box-shadow:0 6px 20px rgba(56,125,255,.17);display:flex;-webkit-filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));flex-flow:column;overflow:hidden;text-decoration:none;width:100%}.cards__item__pic-wrap{overflow:hidden;padding-top:67%;position:relative;width:100%}.cards__item__pic-wrap:after{background-color:#1f98f4;bottom:0;box-sizing:border-box;color:#fff;content:attr(data-category);font-size:12px;font-weight:700;margin-left:10px;max-width:calc(100% - 60px);padding:6px 8px;position:absolute}.cards__item__img{bottom:0;display:block;height:100%;left:0;max-height:100%;max-width:100%;object-fit:cover;right:0;top:0;transition:all .2s linear;width:100%}.cards__item__img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.cards__item__info{padding:20px}.cards__item__text{color:#252e48;font-size:12px;line-height:24px}@media only screen and (min-width:1024px){.cards__items{display:flex}}@media only screen and (max-width:1024px){.cards__item{margin-bottom:2rem}}@media only screen and (max-width:426px){.dot{height:20px;margin:0 2px;width:20px}.cards__container>img,.cards__header{width:80%}.slide-container{padding:20px}}.react-slideshow-container{align-items:center;display:flex}.react-slideshow-container .nav{z-index:10}.react-slideshow-container .default-nav{align-items:center;background:hsla(0,0%,100%,.6);border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:transparent;border:0;color:transparent;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:focus,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fade-wrapper{overflow:hidden;width:100%}.react-slideshow-fade-wrapper .react-slideshow-fade-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fade-wrapper .react-slideshow-fade-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-zoom-wrapper{overflow:hidden;width:100%}.react-slideshow-zoom-wrapper .zoom-wrapper{display:flex;flex-wrap:wrap;overflow:hidden}.react-slideshow-zoom-wrapper .zoom-wrapper>div{display:flex;position:relative}.react-slideshow-zoom-wrapper .zoom-wrapper>div[aria-hidden=true]{display:none}.socialmedia{background:#000;padding:25px 20px}.social__header{display:flex;margin:auto}.social__header:hover{border-bottom:4px solid #fff;transition:all .2s ease-out}.socialmedia>h1{margin:-10px 0;text-align:center}.socialmedia>h1,.socialmedia>h1>b{color:#fff;font-family:Montserrat,sans-serif}.socialmedia>h1>b{font-size:7vw}.socialmedia>h2{color:#fff;font-family:Montserrat,sans-serif;font-size:30px;text-align:center}.socialmedia__container{align-items:center;background:#000;display:flex;flex-flow:column;margin:0 30px}.socialmedia__container>h2{color:#000;margin-top:30px}.socialmedia__container>h2>b{color:#000;font-size:50px}.socialmedia__wrapper{margin:30px 0 45px;position:relative}.socialmedia__images{grid-column-gap:10px;grid-row-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:20px;row-gap:10px}.socialmedia__image{height:auto;max-width:100%}.socialmedia__items{margin-bottom:24px}.socialmedia__item{border-radius:10px;display:flex;flex:1 1;margin:0 1rem}.socialmedia__item__link{border-radius:10px;box-shadow:0 6px 20px rgba(56,125,255,.17);display:flex;-webkit-filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));filter:drop-shadow(0 6px 20px rgba(56,125,255,.017));flex-flow:column;overflow:hidden;text-decoration:none;width:100%}.socialmedia__item__pic-wrap{overflow:hidden;padding-top:67%;position:relative;width:100%}.fade-img{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:fade-img;animation-name:fade-img}.socialmedia__item__pic-wrap:after{background-color:#1f98f4;bottom:0;box-sizing:border-box;color:#fff;content:attr(data-category);font-size:12px;font-weight:700;margin-left:10px;max-width:calc(100% - 60px);padding:6px 8px;position:absolute}.socialmedia__item__img{bottom:0;display:block;height:100%;left:0;max-height:100%;max-width:100%;object-fit:cover;position:absolute;right:0;top:0;transition:all .2s linear;width:100%}.socialmedia__item__img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.socialmedia__item__info{padding:20px 30px 30px}.socialmedia__item__text{color:#252e48;font-size:18px;line-height:24px}@media only screen and (min-width:1200px){.content__blog__container{width:84%}}@media only screen and (min-width:1024px){.socialmedia__items{display:flex}}@media only screen and (max-width:1024px){.socialmedia__item{margin-bottom:2rem}}@media only screen and (max-width:480px){.socialmedia__images{grid-template-columns:1fr 1fr}.social__header{width:80%}}.contact__us{background:#000;border-top:1px solid #fff;padding:25px 20px;text-align:center}.form{margin:30px 0}.form__input{margin-right:20px;width:270px}.form__button,.form__input{height:30px;vertical-align:middle}.form__button{background-color:#000;border-radius:15px;color:#fff;width:150px}.text{color:#fff;font-family:Montserrat,sans-serif;font-weight:600}.footer{background:#000;padding:25px 0}.company__address{border-top:1px solid #fff;color:#fff;padding:20px;text-align:center}.company__address>b{color:#fff}.company__address>div{font-family:Montserrat,sans-serif;font-weight:600;margin:5px 0}.company__address>.address__detail{font-weight:400}.sosmed__icon{border-top:1px solid #fff;padding:20px;text-align:center}.sosmed__icon>p{font-family:Montserrat,sans-serif;font-weight:600}.sosmed__wrapper{margin:30px 0 45px;position:relative}.sosmed__images{display:inline-block;place-items:center}.sosmed__image{height:40px;margin:0 20px;width:40px}@media screen and (max-width:960px){.company__address{font-size:14px}.address__header{font-size:16px}}
/*# sourceMappingURL=main.82786d30.css.map*/