html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}

html{height: 100%;width: 100%; font-size:62.5%;scroll-behavior: smooth;}
body{font-family: 'Manrope', sans-serif;color:#000;font-size: 16px;margin: 0px;position: relative; font-weight:300;cursor: default;display: flex;flex-direction: column;background-color: var(--background-color);min-height: 100vh;}
textarea,input{font-family:'Manrope', sans-serif;color:#000;font-size: 16px;margin: 0px; height: 100%;}
img{width: 100%;}
a{text-decoration: none;}
ol,ul{list-style:none}
li{display: flex; flex-direction: column;}
b{font-weight:500;}
svg {display: block;height: auto;}
input[type=search]{border: none;background-color: transparent;width: 100%;color: #000;-webkit-appearance: none;}
input[type=search]:focus {border: none;outline: none;}
td, th {text-align: center;}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--menu-color);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

body{-webkit-tap-highlight-color: transparent;}

::-moz-selection { /* Code for Firefox */
  color: #000;
  background: #fff;
}

::selection {
  color: #000;
  background: #fff;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

#loader {
  display: flex;
  align-self: center;
  margin-bottom: 2em;
}

.lds-grid {
  /* display: inline-block; */
  position: relative;
  width: 80px;
  height: 32px;
}

.lds-grid-bright div {
  background: #000 !important;
}

.lds-grid div {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  animation: lds-grid 1.2s linear infinite;
  animation-delay: -1.2s;
}

.lds-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: -0s;
}

.lds-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}

.lds-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}


@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}


.skeleton-card {
  height: 340px;
  width: calc((50% / 3) - 16px);
  margin: 8px;
  border-radius: 3px;
  transition: all 200ms ease-in-out;
  position: relative;
  background-color: #eaeaea;
}

.skeleton-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: load 1s infinite;
}

@keyframes load {
  100% {
    transform: translateX(100%);
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  .skeleton-card::after {
    animation: none;
  }
}


body {
  --menu-color: #fafaf9;
  --background-color: #fafaf9;
  --sidebar-color: #fafaf9;
  --productbackground-color: #fff;
  --text-color: #000;
}


header{display:flex;flex-direction: row;background-color: var(--menu-color);position:fixed;top:0;z-index: 2;justify-content:space-between;width: 100%;
  width: -moz-available;          /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  width: fill-available;}
.logocontainer{display: flex;z-index:4;}
@media only screen and (min-width:  1420px){.logocontainer{display: flex!important;}}
.logocontainer-small-menu{display: none;flex-direction: row;background-color:var(--menu-color);width: 100%;position:fixed;top:0;height:6.8rem;z-index:5;}
@media only screen and (min-width: 760px){.logocontainer-small-menu{display: none!important;}}
@media only screen and (max-width: 760px){.logocontainer-small-menu{display: none;}}
.logo-nevroc{display:flex;width:156px;vertical-align:middle;border-style:none;align-items: center;padding-left:2.4rem;padding-right:1.2rem;padding-top:0.4rem;fill: #000;}
.logo-va{display:flex;width:78px;vertical-align:middle;border-style:none;align-items: center;padding-left:1.2rem;border-left: 1.5px solid #000;margin-top:1.2rem;margin-bottom:1.2rem;padding-top:0.4rem;fill: #000;}
.small-logo{display:flex;width: 32px;vertical-align:middle;border-style:none;align-items: center;}
.menucontainer{display: flex;flex-grow: 1;padding-left:2.4rem;padding-right:2.4rem;flex-direction: row;height:6.8rem;}
.submenucontainer{display: flex;flex-direction: row;align-items: center;justify-content: center;align-content: flex-start;flex-wrap: wrap;}
@media only screen and (max-width: 760px){.submenucontainer{padding-left:0rem;padding-right:0rem;}}
.menu{display: flex;margin-left: auto !important;padding-top: 2rem;padding-bottom:2rem;}
@media only screen and (max-width: 760px){.menu{display: none!important;}}
.small-menu{display: none;position:fixed;top:6.4rem;height: 100%;width: 36rem;background: var(--background-color);overflow-y: auto;flex-direction: column;z-index: 4;padding:4.8rem;}
@media only screen and (min-width: 760px){.small-menu{display: none!important;}}
@media only screen and (max-width: 760px){.small-menu{display: none;width: 100%;}}
.menu-item{text-decoration: none;position: relative;white-space: nowrap;display: flex;align-items: center;padding: 0 1.2rem;margin: 0 0.4rem;}
@media only screen and (max-width: 980px){.menu-item{padding: 0 0.9rem;margin: 0 0.3rem;}}
@media only screen and (max-width: 760px){.menu-item{padding: 0 0.6rem;margin: 0 0.2rem;}}
.menu-item-selected{border-bottom: 2px solid var(--text-color)!important;padding-top: 2px;margin-bottom:-2rem;padding-bottom:2rem;}
.subscribe-selected{border-bottom: 2px solid #ff681d!important;padding-top: 2px;margin-bottom:-2rem;padding-bottom:2rem;}
.text{color: var(--text-color);font-size: 16px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;display: inline-flex;}
.subscribe-text{color: #ff681d;font-weight:500;}
.icon-container{display: flex;flex-direction: column;padding-top: 1.8rem;padding-bottom: 1.8rem;align-items: center;}
@media only screen and (max-width: 540px){.icon-container{padding-top: 1.2rem;padding-bottom: 1.2rem;}}
.icon{display: block;height: 100%;width: 24px;cursor: pointer;fill: var(--text-color)}
.icon-plan{display: block;height: 100%;width: 20px;align-items: center;margin-right: 0.8rem;fill: #fa601a;}
.icon-search{display: block;height: 100%;width: 16px;margin: 0 0.8rem;padding-top: 0.6rem;padding-bottom: 0.6rem;}
.icon-theme{display: block;height: 100%;width: 24px;cursor: pointer;}
.text-theme{cursor: pointer;}
.section{display: flex;width: 100%;justify-content: center;padding: 8.4rem 10%;flex-direction: column;}
.section-small{display: flex;width: 100%;justify-content: center;padding: 4.2rem 10%;flex-direction: column;}
@media only screen and (max-width: 760px){.section{padding: 6.4rem 2.4rem;}}
.main{display: flex;min-height: 82vh;width: 100%;margin-top: 6.8rem;flex-grow: 1;flex-direction: column;background-color: var(--background-color);}
.main-img-container{display: flex;height: 75vh;background-repeat: no-repeat;background-position: center;position: relative;background-size: cover;justify-content: flex-start;max-width: 1920px;width: 100%;align-self: center;}
/*@media only screen and (max-width: 1920px){.main-img-container{height: 42vw;}}
@media only screen and (max-width: 1440px){.main-img-container{height: 48vw;}}
@media only screen and (max-width: 980px){.main-img-container{height: 60vw;}}
@media only screen and (max-width: 760px){.main-img-container{height: 80vw;}}*/
.main-img-background{display: flex;background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;margin-left: 28rem;}
@media only screen and (max-width: 980px){.main-img-background{margin-left: 22rem;}}
@media only screen and (max-width: 640px){.main-img-background{margin-left: 14rem;}}
.main-title-top{display: flex;position: absolute;color: var(--text-color);fill: var(--text-color);flex-direction: column;align-self: flex-start;justify-content: flex-start;padding-top: 6vh;}
@media only screen and (max-width: 640px){.main-title-top{padding-top: 4vh;}}
.main-title-bottom{display: flex;position: absolute;color: var(--text-color);fill: var(--text-color);flex-direction: column;align-self: flex-end;justify-content: flex-start;padding-bottom: 18vh;max-width: 640px;}
@media only screen and (max-width: 640px){.main-title-bottom{padding-bottom: 4vh;}}
.mainva{display: block;height: 124px;margin-bottom: 2.4rem;align-self: flex-start;}
@media only screen and (max-width: 980px){.mainva{height: 92px;}}
@media only screen and (max-width: 640px){.mainva{height: 84px;margin-bottom: 1.8rem;}}
.main-spacer{height: 4.8rem;}
@media only screen and (max-width: 980px){.main-spacer{height: 3.6rem;}}
@media only screen and (max-width: 640px){.main-spacer{height: 2.4rem;}}
h1{color: var(--text-color);font-size: 60px;margin: 0;font-weight:700;letter-spacing: 0.2rem;}
@media only screen and (max-width: 980px){h1{font-size: 48px;}}
@media only screen and (max-width: 640px){h1{font-size: 42px; line-height: 100%;}}
h2{color: var(--text-color);font-size: 42px;margin: 0;font-weight:500;letter-spacing: 0.15rem;}
@media only screen and (max-width: 980px){h2{font-size: 36px;}}
@media only screen and (max-width: 640px){h2{font-size: 32px;}}
h3{color: var(--text-color);font-size: 24px;margin: 0;font-weight:300;letter-spacing: 0.1rem;}
@media only screen and (max-width: 980px){h3{font-size: 20px;}}
@media only screen and (max-width: 640px){h3{font-size: 16px;}}
p{color: var(--text-color);font-size: 16px;margin: 0;font-weight:300;letter-spacing: 0.1rem;line-height: 1.5;}
label{color: var(--text-color);font-size: 24px;margin: 0;font-weight:500;letter-spacing: 0.15rem;}
@media only screen and (max-width: 980px){label{font-size: 20px;}}
.content-section-column{display: flex;flex-direction: column;width: 100%;justify-content: center;max-width: 1920px;align-self: center;}
.render-engine-text{display: flex;justify-content: center;}
.render-engine-icons-container{display: flex;justify-content: center;width: 100%;flex-direction: row; flex-wrap: wrap;padding: 1.2rem 0rem;}
.render-engine-icon{display: flex;max-width: 152px;margin: 1.6rem 3.2rem;}
@media only screen and (max-width: 980px){.render-engine-icon{max-width: 128px;margin: 1.2rem 2.4rem;}}
@media only screen and (max-width: 640px){.render-engine-icon{max-width: 108px;margin: 0.8rem 1.6rem;}}
.content-section-row{display: flex;flex-direction: row;width: 100%;justify-content: center;max-width: 1920px;flex-wrap: wrap;align-self: center;}
.content-column-50{display: flex;flex-direction: column;width: 50%;justify-content: center;}
@media only screen and (max-width: 1420px){.content-column-50{width: 100%;}}
.maintextcontainer{display: flex;max-width: 920px;margin: 0 auto;width: 80%;text-align: justify;text-justify:inter-character;flex-direction: column;padding: 6.8rem 0rem;}
.maintext{color: var(--text-color);font-size: 32px;font-weight:300;text-align: center;padding-bottom: 4.8rem;letter-spacing: 0.1rem;}
.mainbutton{display:block;border:none;vertical-align: middle;cursor: pointer;background-color: #ff681d;color: #fff;border-radius: 9999px;text-align: center;padding: 1.2rem 4.8rem; outline: none;border: 2px solid #ff681d;align-self: flex-start;}
.mainbutton-text{color: #fff;font-weight:700;font-size: 20px;letter-spacing: 0.125rem;}
@media only screen and (max-width: 980px){.mainbutton-text{font-size: 18px;}}
@media only screen and (max-width: 640px){.mainbutton-text{font-size: 16px;}}
.abouttitlecontainer{display: flex;width: 78%;}
.home-text-container{display: flex;flex-direction: column;padding:0;padding-left: 6vw;}
@media only screen and (max-width: 1420px){.home-text-container{padding-left: 0rem;padding-top: 4.8rem}}
.text-padding24{padding-bottom: 2.4rem;}
.link-color{color: #ff681d;font-weight:700;letter-spacing: 0.1rem;}
.library{display: flex;margin-left: 36rem;flex-direction: column;}
@media only screen and (max-width: 1419px){.library{margin-left: 6.8rem;}}
@media only screen and (max-width: 540px){.library{margin-left: 0;}}
.libraryimage{/*background-color: var(--productbackground-color)*/;border-radius: 8px;width:100%;height:100%;position: relative;}
.sidebar{display:flex;position:fixed;top:6.8rem;height: calc(100vh - 6.8rem);width: 36rem;background: var(--sidebar-color);overflow-y: auto;flex-direction: column;z-index: 5;}
@media only screen and (min-width: 1420px){.sidebar{display: flex!important;}}
@media only screen and (max-width: 1420px){.sidebar{display: none;}}
@media only screen and (max-width: 540px){.sidebar{width: 100%;}}
.small-sidebar{position:fixed;top:6.8rem;height: calc(100vh - 6.8rem);width: 6.8rem;background: var(--sidebar-color);overflow-y: auto;flex-direction: column;}
@media only screen and (min-width: 1420px){.small-sidebar{display: none!important;}}
@media only screen and (max-width: 1420px){.small-sidebar{display: flex;}}
@media only screen and (max-width: 540px){.small-sidebar{display: none;}}
.sidebar-button{display:none;position:fixed;top:12rem;left:0;height:9.6rem; width: 4.8rem;background-color:var(--sidebar-color);border-radius:0 0.8rem 0.8rem 0 ;z-index: 2;}
@media only screen and (max-width: 540px){.sidebar-button{display: block;}}
.sidebar-button-small{display:none;position:fixed;top:12rem;left:0;height:4.8rem; width: 4.8rem;background-color:var(--sidebar-color);border-radius:0 0.8rem 0.8rem 0 ;z-index: 2;}
@media only screen and (max-width: 540px){.sidebar-button-small{display: block;}}
.search-box{display: flex;background: #fbfbfb;border: 1.5px solid #000;border-radius: 1.6rem;margin:2.4rem;margin-bottom:0rem;margin-top:3.6rem;}
.categories{display: flex;flex-direction: column;margin-top:2.4rem;padding-left: 2.4rem;padding-right: 2.4rem;}
.category{display: flex;padding-left: 2.4rem;padding-right: 2.4rem;padding-top: 0.6rem;padding-bottom: 0.6rem;cursor: pointer;}
.category-button{display: flex;padding-left: 0rem;padding-right: 0rem;padding-top: 0.6rem;padding-bottom: 0.6rem;color: var(--text-color);font-size: 16px;font-weight: 300;line-height: 1.4;outline: none;border: none;-webkit-appearance: none;background-color: transparent;cursor: pointer;}
.category-active{border-left: 2.5px solid var(--text-color);margin-left: -2.4rem;padding-left: calc(2.4rem - 2px);}
.category-selected{border-left: 2.5px solid var(--text-color);margin-left: -2.4rem;padding-left: calc(4.8rem - 2px);}
.subcategory{display: flex;padding: 1.2rem;margin: 0rem 1.2rem;cursor: pointer;}
@media only screen and (max-width: 760px){.subcategory{padding: 1.2rem 0.8rem;margin: 0rem 0.8rem;}}
.subcategory-selected{border-bottom: 2px solid var(--text-color);margin-bottom: -2px!important;}
.input{display: flex;flex-grow: 1;background-color: #fbfbfb;margin-right: 1.2rem;}
.exit-button{display: none;position:fixed;top:2.0rem;right:2.4rem;cursor: pointer;z-index:6;}
@media only screen and (max-width: 760px){.exit-button{display: block;}}
.menu-button{display: none;position:sticky;cursor: pointer;margin-left: auto !important;}
@media only screen and (max-width: 760px){.menu-button{display: flex;}}
.librarycontainer{display: flex;width: 100%;padding:2.4rem;flex-wrap:wrap;}
.card{display: flex;width: 12.5%;align-items: center;justify-content: center;padding:1.2rem;border-radius: 8px;}
@media only screen and (max-width: 2560px){.card{width: 20%;}}
@media only screen and (max-width: 2080px){.card{width: 25%;}}
@media only screen and (max-width: 1680px){.card{width: 33.3%;}}
@media only screen and (max-width: 980px){.card{width: 50%;}}
@media only screen and (max-width: 640px){.card{width: 100%;}}
.card-hover{background-color: var(--sidebar-color);}
.product-info{display: flex; flex-direction: row;flex-grow: 1;justify-content: space-between;align-items: center;width: 100%;padding: 0.6rem 0rem;}
.product-name{display: flex;padding: 0rem;font-weight:400;text-decoration:none;color: var(--text-color);letter-spacing: 0.0rem;font-size: 16px;}
/*.card:hover .product-name{border-left: 2px solid var(--text-color)!important;margin-left: -2px;} */
.additionalinfo{display: flex; flex-direction: row;}
.status{display: flex;padding: 0.2rem 0.8rem;font-weight:600;text-decoration:none;background-color: #ff681d;border-radius: 4px;color: #fff;letter-spacing: 0.0rem;font-size: 12px;align-self: flex-end;margin-right: 0.4rem;}
.dimensions{display: flex;padding: 0.2rem 0.8rem;font-weight:600;text-decoration:none;background-color: #e1e1e0;border-radius: 4px;color: var(--text-color);letter-spacing: 0.0rem;font-size: 12px;align-self: flex-end;}
.titlecontainer{display: flex;width: 100%;padding:2.4rem;justify-content: flex-start;flex-direction: column;}
.title{color: var(--text-color);font-size: 36px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;font-weight:700;padding-left:2.4rem;padding-right:2.4rem;border-left: 2px solid var(--text-color);}
@media only screen and (max-width: 980px){.title{font-size: 28px;}}
@media only screen and (max-width: 640px){.title{font-size: 24px;}}
.subtitle{color: var(--text-color);font-size: 16px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;display: inline-flex;padding-left:2.4rem;}
.maincontainer{display: flex;width: 100%;padding:2.4rem;justify-content: center;align-items: center;}
.textcontainer{display: flex;flex-direction: column;flex-basis:120rem;padding-left:2.4rem;padding-right:2.4rem;}
.button-patreon{display:flex;text-align: center;text-decoration: none;background-color: rgb(255, 66, 77);border-radius: 9999px;border: none;box-sizing: border-box;cursor: pointer;color: rgb(255, 255, 255) !important;align-items: center;padding: 0.8rem 2.4rem;font-size: 18px;line-height: 1.4;font-weight:400;width: fit-content;}
.button-patreon-padding{padding: 0.8rem 2.4rem;margin: 1.8rem 0rem 0rem 0rem;}
.subscription-plan{display: flex;flex-direction: column;text-decoration:none;line-height: 1.4; outline: none;font-weight:500;padding-left:2.4rem;padding-right:2.4rem;margin-top:3.6rem;border-left: 2px solid #000;}
.text-24{color: var(--text-color);font-size: 24px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;}
.text-12{color: var(--text-color);font-size: 12px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;font-weight:300;}
.font500{font-weight:500;}
.padding-bottom24{padding-bottom:2.4rem;}
.plan-item{display: inline-flex;align-items: center;}
.padding-left08{padding-left: 1.2rem;}
.hide{display:none;}
.hide960{display: block;}
.invert{filter: invert(1);}
.invertfill{fill:var(--menu-color)}
@media only screen and (max-width: 980px){.hide960{display: none;}}
.swiper{display: flex;flex-direction:row;flex-wrap:nowrap;width: 100%;padding-top:4.2rem;padding-bottom:4.2rem;justify-content:center;}
.swiper-image{display: flex;flex-direction: row;flex-wrap:nowrap;align-items: center;padding: 1.2rem 2.4rem;}
.subscription-img{display: flex;padding-bottom:1.2rem;max-width: 360px;}
.subscription-container{display: flex;width: 100%;max-width: 1240px;text-align: justify;text-justify:inter-character;color: var(--text-color);flex-direction: row;align-self: center;flex-wrap: wrap;}
.subscription-text-container{margin: 0 auto;text-align: justify;text-justify:inter-character;color: var(--text-color);}
.sub_boxes{display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;margin: 0rem -2.4rem;flex-grow: 1;}
.sub_box{display: flex;flex-direction: column;width: calc(100% / 3);padding: 2.4rem;}
@media only screen and (max-width: 1240px){.sub_box{width: 100%;}}
.sub_box_content{display: flex;flex-direction: column; border-radius: 12px;border: 2px solid #282828;padding: 4.8rem;flex-grow: 1;}

.banner{display: none; width: 100%; height: 520px; background: #fff;background-repeat: no-repeat;background-position: center;background-size: cover; background-image: url("../img/banner.jpg");align-items: center;}
@media only screen and (max-width: 980px){.banner{justify-content: center;height: 480px;}}
@media only screen and (max-width: 640px){.banner{justify-content: center;height: 360px;}}
.banner-container{display: flex;padding-left: 9.6rem;align-items: center;flex-direction: row;}
@media only screen and (max-width: 980px){.banner-container{padding-left: 2.4rem;}}
@media only screen and (max-width: 640px){.banner-container{flex-direction: column;padding-left: 0;}}
.bannerva{display: block;height: 124px;fill: #fff;}
@media only screen and (max-width: 980px){.bannerva{height: 92px;}}
@media only screen and (max-width: 640px){.bannerva{height: 86px; margin-bottom: 2.4rem;}}
.vertical-line{border-right: 2px solid #fff;height: 168px;margin: 0 3.2rem;}
@media only screen and (max-width: 980px){.vertical-line{height: 128px;margin: 0 2.4rem;}}
@media only screen and (max-width: 640px){.vertical-line{display: none}}
.banner-info-container{display: flex;flex-direction: column;}
@media only screen and (max-width: 640px){.banner-info-container{justify-content: center;text-align: center;}}
h4{color: var(--text-color);font-size: 32px;margin: 0;font-weight:500;letter-spacing: 0.15rem;padding-bottom: 1.2rem;}
@media only screen and (max-width: 980px){h4{font-size: 24px;letter-spacing: 0.125rem;}}
@media only screen and (max-width: 640px){h4{font-size: 20px;letter-spacing: 0.1rem;}}
h5{color: var(--text-color);font-size: 24px;margin: 0;font-weight:600;letter-spacing: 0.15rem;padding: 2.4rem 0rem;}
@media only screen and (max-width: 980px){h5{font-size: 20px;letter-spacing: 0.125rem;}}
@media only screen and (max-width: 640px){h5{font-size: 18px;letter-spacing: 0.1rem;}}
.bannerbutton{display:block;border:none;vertical-align: middle;cursor: pointer;background-color: #ff681d;color: #fff;border-radius: 9999px;text-align: center;padding: 0.8rem 3.2rem; outline: none;border: 2px solid #ff681d;align-self: flex-start;}
@media only screen and (max-width: 640px){.bannerbutton{margin: auto;}}
.bannerbutton:hover{background-color: transparent;color: var(--text-color);border: 2px solid #ff681d;}
.bannerbutton:focus{background-color: transparent;color: var(--text-color);border: 2px solid #ff681d;}
.bannerbutton-text{color: #fff;font-weight:700;font-size: 20px;letter-spacing: 0.125rem;}
@media only screen and (max-width: 980px){.bannernbutton-text{font-size: 18px;}}
@media only screen and (max-width: 640px){.bannerbutton-text{font-size: 16px;}}


.gallerycontainer{display: flex;max-width: 1920px;width: 100%;align-items: flex-start;margin: 0 auto;flex-direction: row;flex-wrap: wrap;}
.item{display: flex;position: relative;align-self: flex-start;}
.grid {display: grid;grid-gap: 0.25em;grid-template-columns: repeat(auto-fill, minmax(420px,1fr));grid-template-rows: auto;grid-auto-rows: 0;}
@media only screen and (max-width: 640px){.grid{grid-template-columns: repeat(auto-fill, minmax(320px,1fr));}}
.overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;}
.item:hover img{opacity: 0.5;transition: .5s ease;}
.item:hover .overlay {opacity: 1;transition: .5s ease;}
.overlay .text {color: #fff;font-size: 20px;position: absolute;bottom: 1.2rem;left: 1.6rem;text-align: center;}

.lightbox{display: none; position: fixed; top: 6.8rem;opacity: 1;z-index: 51;width: 100%;height: calc(100% - 6.8rem);background-color: var(--background-color);flex-direction: row;flex-grow:1;}
@media only screen and (max-width: 980px){.lightbox{flex-direction: column;}}
.lightbox-image-container{display: flex;width: calc(100vw - 48rem);justify-content: center;align-items: center;flex-grow: 1;}
@media only screen and (max-width: 980px){.lightbox-image-container{width: 100%;height: 10vh;}}
.lightbox-title-container{display: flex;width: 48rem;align-items: flex-end;border-left: 1px solid #fff;margin-top: 2.4rem;margin-bottom: 2.4rem;}
@media only screen and (max-width: 980px){.lightbox-title-container{width: calc(100vw - 4.8rem);border-left: none;border-top: 1px solid #fff;margin: 2.4rem;}}
.lightbox-info-container{display: flex;padding-left: 2.4rem;padding-right: 4.8rem;padding-bottom: 1.2rem;flex-direction: column;}
.largeImage{object-fit: contain;height: 90vh;padding-left: 2.4rem;padding-right: 2.4rem;}
@media only screen and (max-width: 980px){.largeImage{height: 100%;padding: 2.4rem;}}

.socialiconcontainer{display: none;flex-direction: row;align-items: center;padding-top: 0rem;}
.socialicon{display: block;height: 100%;width: 20px;cursor: pointer;fill: var(--text-color);margin-right: 3.6rem;}
.hidden-icon{display: none;}
.close{color: white;cursor: pointer; padding-top: 0.8rem;right: 2.4rem;font-size: 32px;position: absolute;}
.sub_container{display: flex;max-width: 560px;text-align: justify;text-justify:inter-character;color: var(--text-color);}

.infocontainer{display: flex;max-width: 1920px;width: 100%;justify-content: flex-start;margin: 0 auto;flex-direction: row;flex-wrap: wrap;}
.abouttextcontainer{display: flex;width: 40%;margin: 0 auto;text-align: justify;text-justify:inter-character;color: var(--text-color);padding-right: 6vw;}
@media only screen and (max-width: 1420px){.abouttextcontainer{width: 100%;padding-bottom: 4.8rem;padding-right: 0;}}
.infotitle{color: var(--text-color);text-decoration:none;line-height: 1.4;border: none; outline: none;font-weight:700;padding-bottom: 8.2rem;}
@media only screen and (max-width: 980px){.infotitle{padding-bottom: 6.4em;}}
@media only screen and (max-width: 640px){.infotitle{padding-bottom: 4.8em;}}
.infotextcontainer{display: flex;width: 100%;max-width: 1240px;text-align: justify;text-justify:inter-character;color: var(--text-color);flex-direction: column;align-self: center;}
.aboutimgcontainer{display: flex;width: 60%;height: 48vh;background-repeat: no-repeat;background-position: center;background-size: cover;}
@media only screen and (max-width: 1420px){.aboutimgcontainer{width: 100%;}}
@media only screen and (max-width: 760px){.aboutimgcontainer{height: 36vh;}}
.infosubtitle{color: var(--text-color);font-size: 36px;font-weight: 600;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;display: inline-flex;padding-bottom: 4.8rem;}
.containet680{display: flex;max-width: 680px;margin: 0 auto;width: 100%;text-align: justify;text-justify:inter-character;color: var(--text-color);flex-direction: column;}
.containet860{display: flex;max-width: 860px;margin: 0 auto;width: 100%;text-align: justify;text-justify:inter-character;color: var(--text-color);flex-direction: column;}
.heading01{color: var(--text-color);font-size: 24px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.2;border: none; outline: none;font-weight: 500;padding-bottom: 6.4rem;}
.heading02{color: var(--text-color);font-size: 14px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;padding-bottom: 2.4rem;}
.heading03{color: var(--text-color);font-size: 16px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;padding-top: 6.4rem;}
.pricetilescontainer{display: flex;width: 100%; flex-direction: row; flex-wrap: wrap;}
.pricetiles{display: flex;flex-direction: column;flex-grow: 1;background-color:var(--menu-color);margin: 0.8rem;padding: 2.4rem 3.6rem;border-radius: 8px;}
.pricecolumns{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;flex-grow: 1;}
.pricetilesleftcolumn{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;padding-bottom: 2.4rem;padding-right: 1.2rem;}
.pricetilesrightcolumn{display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: 2.4rem;}
.pricewrap{display: flex;flex-direction: row;}
.planlist{display: flex;flex-direction: column;}
.pricetype{color: var(--text-color);font-size: 36px;font-weight: 800;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;}
@media only screen and (max-width: 620px){.pricetype{font-size: 32px;}}
.pricevalue{color: var(--text-color);font-size: 36px;font-weight: 800;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;}
@media only screen and (max-width: 620px){.pricevalue{font-size: 32px;}}
.pricefrom{color: var(--text-color);font-size: 16px;font-weight: 400;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;align-self: flex-end;padding-bottom: 0.6rem;}
.tax{color: var(--text-color);font-size: 12px;font-weight: 300;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;align-self: flex-end;}
.button-subscribe{display:flex;align-self: flex-end;text-decoration: none;background-color: #fa601a;border-radius: 9999px;border: none;box-sizing: border-box;cursor: pointer;color: #fff;align-items: center;padding: 0.8rem 2.4rem;border: 2px solid #fa601a;margin-bottom: 0.8rem;font-size: 16px;line-height: 1.4;font-weight:600;width: fit-content;}
.button-subscribe:hover{background-color: var(--menu-color);color: var(--text-color);border: 2px solid #fa601a;filter:invert(color);}
.button-subscribe:focus{background-color: var(--menu-color);color: var(--text-color);border: 2px solid #fa601a;filter:invert(color);}

.table{display: flex;flex-direction: row;width: 100%;}
.tablerow{display: flex;flex-direction: column;text-align: justify;width: 100%;align-items: center;padding-bottom: 1.2rem;flex-wrap: wrap;justify-content: space-between;}
.tableitem{display: flex;flex-direction: column;flex-basis: auto;}
.tableitemcenter{display: flex;flex-direction: column;text-align: center;flex-grow: 1;padding: 0rem 2.4rem;}
.tableitembold{color: var(--text-color);font-size: 16px;font-weight: 600;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;}
.tableitembold24{color: var(--text-color);font-size: 24px;font-weight: 800;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;}

.contact{display: flex;max-width: 520px;margin: auto;flex-direction: column;}
.contact_addresses{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.contact_col{display: flex;flex-direction: column;padding: 4.8rem 0rem;}
.contact_item{display: flex;padding: 1.2rem 0rem;}
.contact_text{color: var(--text-color);font-size: 16px;margin: 0;}
.sub_text{display: flex;flex-direction: column;padding: 4.8rem 0rem;}

.contentform{display: flex;width:100%;max-width: 760px;flex-direction: column;flex-wrap: nowrap;list-style:none;align-self: center;}
@media only screen and (max-width: 760px){.contentform{padding: 0rem 1.2rem;}}
.inputbox{display: block;position: relative;margin: 0;padding: 0rem;padding-bottom: 2.4rem;border:0;}
input[type=text]{background-color: var(--background-color);color:var(--text-color);border: 0;border-bottom: 1px solid var(--text-color);height: 40px;width: 100%; max-width: 960px;padding: 0rem 0.8rem;outline-style:none;box-shadow:none;line-height: 1.4;}
textarea{background-color: var(--background-color);color:var(--text-color);border: 0;border-bottom: 1px solid var(--text-color);width: 100%;height: 40px; max-width: 960px;padding: 0.8rem;outline-style:none;box-shadow:none;line-height: 1.4;vertical-align: baseline;resize: none;overflow: hidden;}
.sendbox{display: flex;position: relative;display: -webkit-box;display: -ms-flexbox;display: inline-block;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: flex-end;padding-top: 2.4rem;}
.buttonsend{display:block;float:right;border:none;vertical-align: middle;cursor: pointer;background-color: var(--background-color);color: #fff;border-radius: 9999px;text-align: center;padding: 1.2rem 4.8rem;margin: 0;outline: none;font-weight:700;border: 2px solid #ff681d;}
.buttonsend:hover{background-color: var(--background-color);color: var(--text-color);border: 2px solid #fff;}
.buttonsend:focus{background-color: var(--background-color);color: var(--text-color);border: 2px solid #fff;}
.error{color: rgb(210, 40, 40);font-size: 12px;text-align: justify;text-justify: inter-word;}
.spacer{display: flex;height: 4.8rem;}

.grow-wrap {
  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
  display: grid;
}
.grow-wrap::after {
  /* Note the weird space! Needed to preventy jumpy behavior */
  content: attr(data-replicated-value) " ";

  /* This is how textarea text behaves */
  white-space: pre-wrap;

  /* Hidden from view, clicks, and screen readers */
  visibility: hidden;
}
.grow-wrap > textarea {
  /* You could leave this, but after a user resizes, then it ruins the auto sizing */
  resize: none;

  /* Firefox shows scrollbar on growth, you can hide like this. */
  overflow: hidden;
}
.grow-wrap > textarea,
.grow-wrap::after {
  /* Identical styling required!! */
  border: 1px solid black;
  padding: 0.5rem;
  font: inherit;

  /* Place on top of each other */
  grid-area: 1 / 1 / 2 / 2;
}



footer{display: flex;background-color:var(--background-color);width: 100%;padding-top: 6.4rem;flex-direction: column;}
.section-footer{display: flex;width: 100%;justify-content: center;padding: 0rem 10%;}
@media only screen and (max-width: 760px){.section-footer{padding: 0rem 2.4rem;}}
.section-footer-top {display: flex;width: 100%;padding: 6.4rem 0rem;flex-direction: row;border-top: 1.5px solid var(--text-color);justify-content: space-between;max-width: 1920px;width: 100%;}
@media only screen and (max-width: 640px){.section-footer-top{padding: 4.8rem 0rem;}}
.section-footer-top a{margin: -0.6rem -0rem;}
@media only screen and (max-width: 980px){.section-footer-top a{margin: -0.4rem -0rem;}}
@media only screen and (max-width: 600px){.section-footer-top a{margin: -0.2rem -0rem;}}
.text48{color: var(--text-color);font-size: 48px;margin: 0;font-weight:700;letter-spacing: 0.2rem;}
@media only screen and (max-width: 980px){.text48{font-size: 36px;}}
@media only screen and (max-width: 600px){.text48{font-size: 28px;}}
.section-footer-bottom {display: flex;width: 100%;padding:0rem; padding-bottom: 2.4rem;flex-direction: row;justify-content: space-between;flex-wrap: wrap-reverse;max-width: 1920px;width: 100%;}
footer .footermenu{display: flex;justify-content: flex-start;flex-wrap: nowrap;;flex-direction: column;}
footer .footersmallmenu{display: flex;justify-content: flex-start;flex-wrap: wrap-reverse;flex-direction: row;}
footer .logocontainer{display:flex;vertical-align:middle;border-style:none;align-items: flex-start;flex-direction: column;}
footer .footerlogo{width:100px;margin-bottom: 0.8rem;fill: var(--text-color);margin-right: 2.4rem;}
footer .copyrights{color: var(--text-color);font-size: 12px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;font-weight:300;padding-bottom: 1.2rem;}
footer .footersubmenu{display: flex;flex-direction: row;align-items: flex-start;padding-bottom: 2.4rem;}
footer .footersubmenu .subitem{text-decoration: none;position: relative;white-space: nowrap;display: flex;align-items: center;padding: 0.3rem 2.4rem;}
footer .socialiconcontainer{display: flex;flex-direction: row;align-items: flex-end;padding-bottom: 12px;}
@media only screen and (max-width: 640px){footer .socialiconcontainer{padding-bottom: 6px;}}
footer .socialicon{display: block;height: 100%;width: 24px;cursor: pointer;fill: var(--text-color);margin-left: 4.8rem;}

.fade-in {opacity: 0;transition: opacity 750ms ease-in;  -webkit-transition: opacity 750ms ease-in;  -moz-transition: opacity 750ms ease-in;}
.fade-in.appear {opacity: 1;}
.card-fade-in {opacity: 1;transition: opacity 750ms ease-in;  -webkit-transition: opacity 750ms ease-in;  -moz-transition: opacity 750ms ease-in;}

.collapsible{background-color: var(--background-color);color: var(--text-color);cursor: pointer;padding: 0px;padding-top: 12px;padding-bottom: 12px;width: 100%;border: none;border-top: 1px solid var(--text-color);text-align: left;outline: none;font-size: 16px;}
.collapse{display:none;padding: 1.2rem;}
.collapsing{position:relative;height:0;overflow:hidden;transition: height 600ms ease}
.active{font-weight:600;}

.title{color: var(--text-color);font-size: 36px;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;font-weight:700;padding-left:2.4rem;padding-right:2.4rem;border-left: 2px solid var(--text-color);}
@media only screen and (max-width: 980px){.title{font-size: 28px;}}
@media only screen and (max-width: 640px){.title{font-size: 24px;}}

.texture-image{width: 50%}
@media only screen and (max-width: 1280px){.texture-image{width: 100%;}}
.texture-text{display: flex;width:50%;padding: 4.8rem 9.6rem;flex-direction: column;}
@media only screen and (max-width: 1280px){.texture-text{width: 100%;padding: 4.8rem 1.2rem;}}
@media only screen and (max-width: 640px){.texture-text{width: 100%;padding: 4.8rem 0rem;}}
.texture-text a{color: var(--text-color);font-size: 16px;margin: 0;font-weight: 300;letter-spacing: 0.1rem;line-height: 1.5;padding: 0.6rem 0rem;}
.texture-text a:hover{color: var(--text-color);font-size: 16px;margin: 0;font-weight: 500;letter-spacing: 0.075rem;line-height: 1.5;}
.texture-text a img{height: 20px;width: 20px;margin-bottom: -4px;margin-right: 1.2rem;}
.texture-title{display: flex;font-size: 48px;color: var(--text-color);justify-content: space-between;text-align: justify;text-justify: inter-word;text-decoration:none;line-height: 1.4;border: none; outline: none;font-weight:700;padding-bottom: 2.4rem;}
.texture_section{display: flex;width: 100%;justify-content: center;padding: 6.4rem 10%;flex-direction: row;flex-wrap: wrap;}
@media only screen and (max-width: 640px){.texture_section{width: 100%;padding: 4.8rem 2.4rem;}}