#welcome{--heroHeight:min(max(calc(95vh - 56px), 650px), max(50vh - 56px, 650px)); #hero { height: var(--heroHeight); width: 100%; } #hero-bg { height: 100vh; width: 100vw; overflow-x: hidden; position: fixed; background-image: url("/images/hero-sm.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center top; z-index: -100; } #hero-seamless { height: calc(var(--heroHeight) + 10px); width: auto; object-fit: contain; position: absolute; right: 4%; top: calc(3vh + 56px); filter: drop-shadow(5px 5px 5px #222); z-index: 100; } #hero-phone { display: none; object-fit: contain; position: absolute; z-index: -1; } #hero-content { height: var(--heroHeight); width: 100%; color: #EEE; text-align: left; } #hero-text { width: 65%; padding-left: 5vw; } #hero-title { width: 100%; max-width: 500px; } #hero-lead { width: 90%; } #hero-bullet { width: 100%; } #hero-button { }}.circle-check-list ul{list-style-type:none;margin:0;padding-left:1rem}.circle-check-list ul li{position:relative;margin:.5rem 0;display:flex;align-items:stretch}.circle-check-list ul li::before{content:url('data:image/svg+xml;utf8,<svg height="24" width="24" fill="%23008000" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><rect x="2.1" y="2.1" width="19.20" height="19.20" rx="9.6" fill="%23FFFFFF"/><path d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm5.676,8.237-6,5.5a1,1,0,0,1-1.383-.03l-3-3a1,1,0,1,1,1.414-1.414l2.323,2.323,5.294-4.853a1,1,0,1,1,1.352,1.474Z"/></svg>');transform:translatex(-30%)}#welcome-bottom{background-color:#fff;height:3.5rem}[data-bs-theme=dark] #welcome-bottom{background-color:#000}#welcome2{background-color:#fff}[data-bs-theme=dark] #welcome2{background-color:#000}#demo{background-color:#fff}[data-bs-theme=dark] #demo{background-color:#000}#demo .section-end-wrap{padding-bottom:1rem}#action-slideset .card0{border:1px ridge #888;border-radius:1rem}[data-bs-theme=dark] #action-slideset .card0{border:1px ridge #888}#action-slideset .card0-bg{background-repeat:no-repeat;background-size:cover;border-radius:1rem 1rem 0 0}#action-slideset .card1-bg{background-image:url(/images/web-action1-bg.jpg)}#action-slideset .card2-bg{background-image:url(/images/web-action2-bg.jpg)}#action-slideset .card3-bg{background-image:url(/images/web-action3-bg.jpg)}.action-img{height:auto;width:auto;margin:auto;display:block}.demo-card{width:200px;padding-bottom:200px;margin:auto;border-radius:.5rem}.demo-content{width:100px;height:250px;margin:auto;position:relative;display:grid;.demo-video { grid-area: 1/-1; margin: auto; } .play-button { grid-area: 1/-1; height: 50px; width: 50px; margin: auto; opacity: 0.75; display: block; svg { fill: currentColor; fill-opacity: 1; transition: fill 0.3s ease; } } .play-button:hover, .play-button:focus { opacity: 0.9; svg { fill: violet; } }}#welcome2{.modal-dialog { max-width: max-content; height: auto; margin: auto; } .modal-body { display: flex; } .modal-body video { object-fit: contain; }}#features .section-wrap{background-color:#eee;padding:1rem 0;margin-bottom:1rem}[data-bs-theme=dark] #features .section-wrap{background-color:#111}#features .feature-row{max-width:960px;margin:auto;display:flex;align-items:center}.feature-img{max-height:400px;width:auto;margin:auto;display:block;border-radius:1rem}.feature-text{text-align:center;padding:1rem;margin:0 auto}#features .feature-row:nth-child(n){flex-direction:column-reverse}#gallery .section-wrap{background-color:#fff;padding:1rem 0}[data-bs-theme=dark] #gallery .section-wrap{background-color:#000}.gallery-img{border-color:#333;border-width:1px;border-style:solid;max-height:max(min(100vw,60vh,1000px),250px);margin:auto;display:block;box-shadow:3px 0 5px rgba(1,1,1,.5)}#gallery .gallery-div-portrait{width:100vw}#gallery .gallery-div-landscape{width:100vw}#galleryCarousel{.carousel-indicator { width: 1rem; height: 1rem; border-radius: 100%; background-color: #888; opacity: 0.5; transition: opacity 0.3s ease; } .carousel-indicator.is-active { transform: scale(1.0) !important; opacity: 1.0; } .carousel-indicator.is-active:focus { outline: 2px solid; outline: 2px solid -webkit-focus-ring-color; outline-offset: 2px; } .carousel-indicator.is-active:focus:not(:focus-visible) { outline: none; }}#about-privacy{a { text-decoration: underline; } .section-wrap { background-color: #DDD; padding: 1rem 0; margin-bottom: 1rem; } .card { margin: 0 auto; padding: 1rem; } .privacy-svg { max-height: 100px; width: auto; }}[data-bs-theme=dark] #about-privacy{.section-wrap { background-color: #222; }}#contact-us{a { text-decoration: underline; } .section-wrap { background-color: #FFF; padding: 1rem 0; }}[data-bs-theme=dark] #contact-us{.section-wrap { background-color: #000; }}#footnotes{.section-wrap { background-color: #EEE; color: #666; } li { font-size: var(--sl-text-sm); }}[data-bs-theme=dark] #footnotes{.section-wrap { background-color: #111; color: #999; }}@media all and (max-width:339px){html{min-width:220px}#welcome{ #hero-bg { height: 100%; width: 100%; background-image: url("/images/hero-vs.jpg"); } #hero-seamless { display: none; } #hero-text { width: 100%; padding: 5%; } #hero-title { width: 100%; } #hero-lead { width: 100%; } #hero-bullet { width: 100%; }}}@media all and (min-width:768px) and (max-width:991px){#welcome{--heroHeight:min(max(calc(90vh - 56px), 600px), max(45vh - 56px, 600px)); #hero { height: var(--heroHeight); width: 100%; } #hero-bg { background-image: url("/images/hero-md.jpg"); } #hero-seamless { height: calc(var(--heroHeight) + 15px); } #hero-phone { display: block; width: 190px; height: auto; left: 56%; top: calc(var(--heroHeight) + 56px - 415px); } #hero-content { height: var(--heroHeight); } #hero-text { width: 60%; } #hero-title { width: 100%; } #hero-lead { width: 90%; } #hero-bullet { width: 80%; }}#features .feature-row:nth-child(n){flex-direction:column-reverse}#gallery .gallery-div-portrait{width:40vw}#gallery .gallery-div-landscape{width:60vw}}@media all and (min-width:992px){#welcome{--heroHeight:min(max(calc(90vh - 64px), 550px), max(45vh - 64px, 550px)); #hero { height: var(--heroHeight); width: 100%; } #hero-bg { background-image: url("/images/hero.jpg"); } #hero-seamless { height: calc(var(--heroHeight) + 15px); top: calc(3vh + 64px); } #hero-phone { display: block; width: 200px; height: auto; left: 60%; top: calc(var(--heroHeight) + 64px - 430px); } #hero-content { height: var(--heroHeight); }}#welcome2 .slider-button-wrap{display:none}.feature-text{text-align:left}#features .feature-row:nth-child(2n){flex-direction:row}#features .feature-row:nth-child(2n+1){flex-direction:row-reverse}#gallery .slider-button-wrap{display:flex}#gallery .gallery-div-portrait{width:400px}#gallery .gallery-div-landscape{width:600px}}@media print{*{color:#000;font-family:noto sans,serif}#hero-phone{visibility:hidden}}@media(hover:none){.play-button{opacity:.9;svg { fill: violet; }}}