.section-fullscreen{width:100%;height:100vh}.section-container-fluid{width:100%}.section-container{max-width:1440px;width:100%;padding:0 1rem;margin:auto}@media screen and (min-width: 992px){[page=tough-armor-ai] .img-desktop{display:block}[page=tough-armor-ai] .img-mobile{display:none!important}[page=tough-armor-ai] .desktop-view{display:block}[page=tough-armor-ai] .mobile-view{display:none!important}}@media screen and (max-width: 991.98px){[page=tough-armor-ai] .img-desktop{display:none!important}[page=tough-armor-ai] .img-mobile{display:block}[page=tough-armor-ai] .desktop-view{display:none!important}[page=tough-armor-ai] .mobile-view{display:block}}.action-fade-in{opacity:0;transition:opacity .5s ease-in}.action-fade-in.visible{opacity:1}.action-fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease-in,transform .5s ease-in}.action-fade-in-up.visible{opacity:1;transform:translateY(0)}[page=tough-armor-ai] .img-fluid{width:100%}.img-fluid{max-width:100%;height:auto}.img-fullscreen{max-width:100%;width:100%;height:100vh;object-fit:cover;object-position:center center}p{margin:0}p.text-preheading{font-size:2rem;font-weight:100;line-height:normal}@media screen and (min-width: 992px){p.text-heading{font-size:4rem;font-weight:400;line-height:normal}}@media screen and (max-width: 991.98px){p.text-preheading{font-size:1.5rem}p.text-heading{font-size:2.5rem;font-weight:400;line-height:normal}}.text-center{text-align:center}.text-pill-label{display:inline-block;font-size:1.5rem;font-weight:100;line-height:normal;text-transform:uppercase;padding:.75rem 1.5rem;border:solid thin #333333;border-radius:10rem;white-space:nowrap;vertical-align:middle}@media screen and (min-width: 1400px){p.text-title{font-size:7rem;font-weight:400;line-height:normal}.section-heading .text-title+p{font-size:2rem;font-weight:400;line-height:1.457;text-align:left;margin-top:4rem}}@media screen and (max-width: 1399.98px) and (min-width: 992px){.section-heading p.text-title{font-size:calc(64px + (112 - 64) * ((100vw - 992px) / (1400 - 992)));font-weight:400;line-height:normal}.section-heading .text-title+p{font-size:calc(24px + (32 - 24) * ((100vw - 992px) / (1400 - 992)));font-weight:400;line-height:1.457;text-align:left;margin-top:calc(64px + (128 - 64) * ((100vw - 992px) / (1400 - 992)))}}@media screen and (max-width: 991.98px) and (min-width: 600px){p.text-title{font-size:4rem;font-weight:400;line-height:normal}.section-heading .text-title+p{font-size:1.5rem;font-weight:400;line-height:1.457;text-align:left;margin-top:4rem}}@media screen and (max-width: 599.98px){p.text-title{font-size:2.65rem;font-weight:400;line-height:normal}.section-heading .text-title+p{font-size:1.5rem;font-weight:400;line-height:1.457;text-align:left;margin-top:2rem}.text-pill-label{font-size:.85rem;font-weight:400;padding:.35rem 1rem}}.section-intro{background-color:#000}.section-intro .section-container-fluid{background-color:#000;position:relative;overflow:hidden}.section-intro .overlay-object{position:absolute;top:0;left:50%;transform:translate(-50%);max-width:1280px;width:100%;margin:auto}.section-intro .section-heading{display:flex;justify-content:center;align-items:center;width:100%;height:200px;padding:3rem 1rem}.section-intro .section-heading p{color:#fff}.section-intro .btn-main-cta{position:absolute;bottom:10%;left:50%;transform:translate(-50%);display:inline-block;padding:1rem 2rem;font-size:2rem;font-weight:400;line-height:normal;text-transform:uppercase;text-decoration:none;color:#000;background-color:#fff;border:solid thin #000000;border-radius:100px;white-space:nowrap;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.section-intro .btn-main-cta:hover{background-color:#e5e5e5}@media screen and (min-width: 992px){.section-intro .video-background{position:absolute;bottom:0;left:50%;transform:translate(-50%);aspect-ratio:1 / .7125;width:auto;height:90vh;object-position:center center;overflow:hidden}.section-intro .video-background iframe{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%}}@media screen and (max-width: 991.98px){.section-intro .video-background{position:absolute;bottom:0;left:50%;transform:translate(-50%);aspect-ratio:1 / 2.1674;width:auto;height:90vh;object-position:center center;overflow:hidden}.section-intro .video-background iframe{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%}.section-intro .btn-main-cta{font-size:1.5rem;padding:.75rem 1.5rem}}.section-features{background-color:#fff}.section-features .section-heading p{color:#000}.section-features .section-content p{color:#fff}.section-features .section-container-fluid{position:relative;padding:8rem 1rem 0}.section-features .section-heading .text-pill-label{color:#000}.section-features .swiper{width:100%;height:100vh;background-color:#fff;color:#000}@media screen and (min-width: 992px){.section-features .section-heading{max-width:65.79%;display:flex;flex-wrap:nowrap;padding:0 1rem;margin:auto}.section-features .section-heading .col-title{flex:0 0 auto;width:70%;padding:0 2rem;text-align:left;color:#000}.section-features .section-heading .col-label{position:relative;flex:0 0 auto;width:30%;padding:0 2rem}.section-features .section-heading .col-label .text-pill-label{position:absolute;right:2rem;bottom:2rem;font-size:1.5rem;color:#000}.section-features .section-content .content-wrapper{display:flex;width:80%;margin:4rem auto 0}.section-features .section-content .col-text{flex:0 0 50%;width:100%;padding:0 2rem;font-size:2rem}.section-features .swiper-slide{width:100%;aspect-ratio:1.7167 / 1;text-align:center;font-size:18px}.section-features .swiper-slide .slide-container{position:relative;width:100%;height:100%}.section-features .swiper-slide .video-container{position:absolute;top:50%;transform:translateY(-50%);padding:66.24% 0 0;aspect-ratio:1.51 / 1;background-color:#000;border-radius:2rem;overflow:hidden}.section-features .swiper-slide .overlay-object{position:absolute;max-width:460px;width:100%;top:4rem;left:4rem;color:#fff;text-align:left;font-size:2.5rem;font-weight:400;line-height:1.245}}@media screen and (max-width: 991.98px){.section-features .section-heading{display:flex;flex-wrap:wrap;padding:0 1rem 4rem}.section-features .section-heading .col-title{flex:0 0 auto;width:100%;order:0;text-align:left}.section-features .section-heading .col-label{position:relative;flex:0 0 auto;width:100%;order:1;text-align:left}.section-features .section-heading .col-label p{font-size:1rem;margin-bottom:1rem}.section-features .swiper-wrapper{align-items:center}.section-features .swiper-slide{display:flex;align-items:center}.section-features .swiper-slide .slide-container{position:relative;width:100%;height:80vh;background-color:#000;border-radius:2rem;overflow:hidden}.section-features .swiper-slide .video-container{aspect-ratio:1 / 1.47;width:100%;height:auto;position:absolute;left:50%;transform:translate(-50%);bottom:0}.section-features .swiper-slide .video-container .img-fluid{position:absolute;bottom:0;left:50%;transform:translate(-50%);max-width:unset;width:auto;height:80vh}.section-features .swiper-slide .overlay-object{position:absolute;width:100%;top:2rem;left:50%;transform:translate(-50%);color:#fff;text-align:left;font-size:1.5rem;font-weight:400;line-height:1.245;text-align:center;padding:1rem}}.section-why{background-color:#fff}.section-why .section-heading p,.section-why .section-content p{color:#000}.section-why .section-container{position:relative;padding:8rem 1rem}@media screen and (min-width: 992px){.section-why .section-heading{display:flex;flex-wrap:nowrap;padding:0 1rem}.section-why .section-heading .col-label{position:relative;flex:0 0 auto;width:25%;padding:0 2rem}.section-why .section-heading .text-pill-label{position:absolute;right:2rem}.section-why .section-heading .col-title{flex:0 0 auto;width:75%;padding:0 2rem;text-align:right}}@media screen and (max-width: 991.98px){.section-why .section-heading .col-title{flex:0 0 auto;width:100%;text-align:right}}.section-innovation{background-color:#000;color:#fff}.section-innovation .section-heading p,.section-innovation .section-content p{color:#fff}.section-innovation .section-container{position:relative;padding:8rem 1rem}@media screen and (min-width: 992px){.section-innovation .section-heading{display:flex;flex-wrap:nowrap;padding:0 1rem}.section-innovation .section-heading .col-title{flex:0 0 auto;width:70%;padding:0 2rem;text-align:left}.section-innovation .section-heading .col-title span{margin-left:15rem}.section-innovation .section-heading .col-label{position:relative;flex:0 0 auto;width:30%;padding:0 2rem}.section-innovation .section-heading .col-label p{position:absolute;right:2rem;bottom:2rem;font-size:1.5rem}.section-innovation .section-content .content-wrapper{display:flex;width:80%;margin:4rem auto 0}.section-innovation .section-content .col-text{flex:0 0 50%;width:100%;padding:0 2rem;font-size:2rem}}@media screen and (max-width: 991.98px){.section-innovation .section-heading{display:flex;flex-wrap:wrap;padding:0 1rem}.section-innovation .section-heading .col-title{flex:0 0 auto;width:100%;order:12;text-align:right}.section-innovation .section-heading .col-label{position:relative;flex:0 0 auto;width:100%;order:0;text-align:right}.section-innovation .section-heading .col-label p{font-size:1rem;margin-bottom:1rem}.section-innovation .section-content .content-wrapper{display:flex;flex-wrap:wrap;width:100%;margin:2rem auto 0}.section-innovation .section-content .col-text{flex:0 0 auto;width:100%;padding:0 2rem;font-size:2rem}.section-innovation .section-content .col-text:first-child{margin-bottom:2rem}.section-innovation .section-content p{font-size:1.5rem}}.section-development{background-color:#171717;color:#fff}.section-development .section-heading p,.section-development .section-content p{color:#fff}.section-development .section-container{position:relative;padding:8rem 1rem}.section-development .section-content svg{max-width:400px;width:100%}@media screen and (min-width: 992px){.section-development .text-pill-label{width:380px;text-align:center;border:solid thin #ffffff}.section-development .section-heading{display:flex;flex-wrap:nowrap;padding:0 1rem}.section-development .section-heading .col-title{flex:0 0 auto;width:60%;padding:0 2rem;text-align:left}.section-development .section-heading .col-label{display:flex;flex-direction:column;position:relative;flex:0 0 auto;width:40%;padding:1.5rem 4rem}.section-development .section-heading .col-label p{margin-top:auto;font-size:1.5rem}.section-development .section-content .content-wrapper{max-width:400px;width:100%;padding:16rem 4rem 8rem;margin:auto}}@media screen and (max-width: 991.98px){.section-development .text-pill-label{text-align:center;border:solid thin #ffffff;margin:0 0 2rem auto}.section-development .section-heading{display:flex;flex-wrap:wrap;padding:0 1rem}.section-development .section-heading .col-title{flex:0 0 auto;width:100%;padding:0 1.5rem;text-align:left}.section-development .section-heading .col-title p{text-align:center}.section-development .section-heading .col-label{display:flex;flex-direction:column;position:relative;flex:0 0 auto;width:100%;padding:1.5rem .5rem;text-align:center}.section-development .section-heading .col-label p{margin-top:auto;font-size:1.5rem}.section-development .section-content .content-wrapper{max-width:300px;width:100%;padding:16rem 4rem 4rem;margin:auto}}.section-step1{background-color:#171717;color:#fff}.section-step1 .section-heading p,.section-step1 .section-content p{color:#fff}.section-step1 .section-container{position:relative;padding:8rem 1rem}.section-step1 .drop-test-container .col-image img{border-radius:2rem}.section-step1 .text-pill-label{text-align:center;border:solid thin #ffffff}@media screen and (min-width: 992px){.section-step1 .section-heading{display:flex;flex-wrap:nowrap;padding:0 1rem}.section-step1 .section-heading .col-label{position:relative;flex:0 0 auto;width:25%;padding:1.5rem 2rem}.section-step1 .section-heading .col-title{flex:0 0 auto;width:75%;padding:0 14rem 0 4rem;text-align:left}.section-step1 .section-heading .text-title+p{margin-top:4rem}.section-step1 .drop-test-container{display:flex;max-width:90%;width:100%;margin:4em auto 0}.section-step1 .video-container{margin-top:4rem;padding:66.25% 0 0;position:relative;border-radius:2rem;overflow:hidden}.section-step1 .drop-test-container>div[class^=col-]{flex:0 0 50%;width:100%;padding:0 2rem;margin:auto}.section-step1 .drop-test-container .col-text{font-size:2rem;font-weight:400;line-height:1.745}.section-step1 .drop-test-container .col-text p:first-child{margin-bottom:2rem}}@media screen and (max-width: 991.98px){.section-step1 .section-heading{display:flex;flex-wrap:nowrap}.section-step1 .section-heading .col-label{position:relative;flex:0 0 auto;padding:1rem 1rem 0 0}.section-step1 .section-heading .col-title{flex:0 0 auto;width:80%;text-align:left}.section-step1 .section-heading .text-title+p{margin-top:1rem}.section-step1 .video-container{margin-top:4rem;padding:100.5% 0 0;position:relative;border-radius:2rem;overflow:hidden}.section-step1 .drop-test-container{max-width:100%;width:100%;margin:1em auto 0}.section-step1 .drop-test-container .col-text{display:flex}.section-step1 .drop-test-container .col-text p{padding:1rem .5rem 0;font-size:1.5rem;font-weight:400;line-height:1.245}}.section-step2{background-color:#171717;color:#fff}.section-step2 .section-heading p,.section-step2 .section-content p{color:#fff}.section-step2 .section-container{position:relative;padding:8rem 1rem}.section-step2 .drop-test-container .col-image img{border-radius:2rem}.section-step2 .text-pill-label{text-align:center;border:solid thin #ffffff}@media screen and (min-width: 992px){.section-step2 .section-heading{display:flex;flex-wrap:nowrap;padding:0 1rem}.section-step2 .section-heading .col-label{position:relative;flex:0 0 auto;width:20%;padding:1rem}.section-step2 .section-heading .col-title{flex:0 0 auto;width:55%;padding:0 1rem;text-align:left}.section-step2 .section-heading .col-description{display:flex;flex:0 0 auto;width:25%;padding:1rem;font-size:2rem;text-align:left;align-items:end}.section-step2 .video-container{margin-top:4rem;padding:56.25% 0 0;position:relative;border-radius:2rem;overflow:hidden}.section-step2 .drop-test-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:100%;width:100%;margin:4rem auto 0}.section-step2 .drop-test-container>div[class^=col-]{position:relative;width:100%;margin:auto}.section-step2 .drop-test-container .col-image .overlay-object{position:absolute;left:50%;transform:translate(-50%);font-size:1.5rem;max-width:320px;width:100%;padding:1rem}.section-step2 .drop-test-container .col-image:first-child .overlay-object{bottom:4rem}.section-step2 .drop-test-container .col-image:last-child .overlay-object{top:4rem}}@media screen and (max-width: 991.98px){.section-step2 .section-heading{display:flex;flex-wrap:nowrap;padding:0 1rem}.section-step2 .section-heading .col-label{position:relative;flex:0 0 auto;width:30%;padding:1rem}.section-step2 .section-heading .col-title{flex:0 0 auto;width:70%;padding:0 1rem;text-align:left}.section-step2 .video-container{margin-top:2rem;padding:100.5% 0 0;position:relative;border-radius:2rem;overflow:hidden}.section-step2 .video-container iframe{width:100%}.section-step2 .drop-test-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:100%;width:100%;margin:1rem auto 0}.section-step2 .drop-test-container>div[class^=col-]{flex:0 0 50%;width:100%;margin:auto}}.section-step3{background-color:#171717;color:#fff}.section-step3 .section-heading p{color:#fff}.section-step3 .section-container{position:relative;padding:8rem 1rem}.section-step3 .slide-container{display:flex;width:100%;height:80vh}.section-step3 .section-heading{display:flex;flex-wrap:nowrap;padding:0 1rem}.section-step3 .text-pill-label{text-align:center;border:solid thin #ffffff}.section-step3 .section-heading .col-label{position:relative;flex:0 0 auto;width:25%;padding:0 2rem}.section-step3 .section-heading .text-pill-label{position:absolute;right:2rem}.section-step3 .section-heading .col-title{flex:0 0 auto;width:75%;padding:0 2rem;text-align:right}.section-step3 .slide-container h2,.section-step3 .list-item-container h2{font-size:3rem;font-weight:300;line-height:normal;color:#fff;margin-bottom:2rem!important}.section-step3 .slide-container p,.section-step3 .list-item-container p{font-size:2rem;font-weight:300;line-height:normal;color:#7f7f7f}.section-step3 .slide-container p:first-of-type,.section-step3 .list-item-container p:first-of-type{margin-bottom:2rem!important}.section-step3 .slide-container p span,.section-step3 .list-item-container p span{color:#fff}@media screen and (min-width: 992px){.section-step3 .section-heading .col-title span{margin-right:130px}.section-step3 .slide-container div[class^=col-]{display:flex;flex:0 0 auto;width:50%;padding:2rem}.section-step3 .slide-container .col-text .text-container{max-width:430px;width:100%;margin:auto;text-align:left}}@media screen and (max-width: 991.98px){.section-step3 .section-heading .text-pill-label{position:unset!important}.section-step3 .section-heading .col-label{position:relative;flex:0 0 auto;width:25%;padding:.75rem 0;text-align:right}.section-step3 .section-heading .col-title{flex:0 0 auto;width:75%;padding:0;text-align:right}.list-item-container{display:flex;flex-wrap:wrap}.section-step3 .section-content.mobile-view .col-image{display:flex;flex:0 0 auto;width:100%;order:0;margin:auto;padding:2rem 0 0}.section-step3 .section-content.mobile-view .col-image img{max-width:80%;width:100%;padding:2rem;margin:auto}.section-step3 .section-content.mobile-view .col-text{flex:0 0 auto;width:100%;order:12;padding:2rem 0}.section-step3 .section-content.mobile-view .col-text p{font-size:1.5rem;font-weight:400}}.section-step3 .swiper{width:100%;height:100vh}.section-step3 .swiper-slide{text-align:center;font-size:18px;background-color:#171717;display:flex;justify-content:center;align-items:center}.section-step3 .swiper-slide img{display:block;width:100%;height:100%;object-fit:contain}.section-outro{background-color:#fff}.section-outro .section-container{padding:4rem 1rem}.section-outro .fullscreen{width:100%;height:100vh}.section-outro .product-select-label{display:none;font-size:1.5rem;font-weight:400;line-height:normal;text-align:center;margin-bottom:.5rem}.section-outro .product-select-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="black" stroke-width="2" viewBox="0 0 16 16"><path d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');background-repeat:no-repeat;background-position:right 15px center;background-size:12px;max-width:300px;width:100%;height:45px;font-size:1rem;font-weight:400;line-height:normal;border:solid thin #000000;border-radius:100px;padding:.75rem 1.5rem;text-align:center;margin:auto}.section-outro .tough-armor-list{display:flex;margin:auto}.section-outro .tough-armor-list-item{text-align:center}.section-outro .list-item-container{padding:4rem}.section-outro .list-item-container .product-item-image{margin:auto}.section-outro .product-item-options{display:flex;justify-content:center;width:100%;padding:3rem 0 1rem;gap:.5rem}.section-outro .product-item-colors{width:1rem;height:1rem;border-radius:2rem;border:solid thin transparent}.section-outro .product-item-options .color-black{background-color:#000}.section-outro .product-item-options .color-metal-slate{background-color:#293b4d}.section-outro .product-item-options .color-frost-black{background-color:#757575}.section-outro .product-item-options .color-gunmetal{background-color:#5f5f5f}.section-outro .product-item-title{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;text-align:center}.section-outro .product-item-title .product-title{flex:0 0 auto;width:100%;font-size:1.85rem;font-weight:400;line-height:normal;margin-bottom:.5rem;color:#000}.section-outro .product-item-title .product-subtitle{flex:0 0 auto;width:100%;font-size:1.5rem;font-weight:400;line-height:normal;color:#7f7f7f}.section-outro .product-item-buy-button{display:flex;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.5rem;font-weight:400;line-height:normal;text-decoration:none;cursor:pointer;color:#2897ff;margin:auto}.section-outro .product-item-buy-button:hover{color:#2897ff}.product-item-buy-button:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232897ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E");display:inline-block;width:1em;height:1em}.tough-armor-feature-list{border-top:solid thin #000000;padding-top:2rem}.tough-armor-feature-list .feature-list-item{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;height:180px;padding:2rem;font-size:2rem;font-weight:400;line-height:normal;color:#000}.tough-armor-feature-list .feature-list-item p{color:#000}.tough-armor-feature-list .feature-list-item.none hr{width:60px;border-top:solid 2px #000000;border-radius:4px;margin:auto}@media screen and (min-width: 992px){.section-outro .tough-armor-list-item{text-align:center;flex:0 0 auto;width:33.33333333%}}@media screen and (min-width: 992px) and (max-width: 1400px){.section-outro .product-item-title{height:calc(100px + (120 - 100) * ((100vw - 992px) / (1400 - 992)))}.section-outro .list-item-container{padding:calc(32px + (64 - 32) * ((100vw - 992px) / (1400 - 992)))}.section-outro .product-item-title .product-title{font-size:calc(24px + (32 - 24) * ((100vw - 992px) / (1400 - 992)))}.section-outro .product-item-title .product-subtitle{font-size:calc(16px + (24 - 16) * ((100vw - 992px) / (1400 - 992)))}}@media screen and (max-width: 991.98px){.section-outro .list-item-container{padding:2rem}.section-outro .product-select-label{display:block}.section-outro .tough-armor-list-item{display:none;text-align:center}.section-outro .tough-armor-list-item.active{display:block}.section-outro .tough-armor-list-item,.section-outro .tough-armor-feature-list{flex:0 0 auto;width:100%}}.section-outro .icon-container{display:flex;justify-content:center;flex:0 0 auto;width:100%}.section-outro .icon-container .img-icon{width:auto;height:100%;max-width:60px;max-height:40px}.section-outro .icon-container+p{flex:0 0 auto;width:100%;font-size:21px}
/*# sourceMappingURL=/cdn/shop/t/357/assets/tough-armor-ai-layout.css.map */