section#apps{position:relative;overflow:hidden;display:block;z-index:1;min-height:450px}section#apps *{overflow:hidden}section#apps .col-5{float:right}section#apps .display-container{position:absolute;width:1181px;height:648px;right:50%;bottom:50px;margin-right:-432px;z-index:-1}.no-js section#apps .display-container,.no-webp section#apps .display-container{background-image:url("https://assets.zorincdn.com/zorin.com/images/computer-mockups/laptop.png");background-size:100% 100%;background-repeat:no-repeat}.webp section#apps .display-container{background-image:url("https://assets.zorincdn.com/zorin.com/images/computer-mockups/laptop.webp");background-size:100% 100%;background-repeat:no-repeat}@media screen and (max-width:1024px){section#apps .display-container{position:relative;width:576px;height:316px;right:auto;bottom:auto;margin:64px auto}section#apps .col-5{width:100%;float:none}}@media screen and (max-width:640px){section#apps .display-container{position:relative;width:416px;height:228px;right:auto;bottom:auto;margin:64px auto}}@media screen and (max-width:480px){section#apps .display-container{position:relative;width:288px;height:158px;right:auto;bottom:auto;margin:32px auto}}section#apps .display-container .slideshow{position:absolute;width:100%;height:100%}.slideshow picture img{opacity:0;animation-iteration-count:infinite}@keyframes apps-slideshow{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:0}100%{opacity:0}}section#apps .display-container .slideshow picture img{position:absolute;left:0;right:0;padding:3.5% 34.6% 12% 2.9%;width:58.9%;height:81.6%;animation-name:apps-slideshow;animation-duration:20s}section#apps .display-container .slideshow picture:nth-child(1) img{animation-delay:0s}section#apps .display-container .slideshow picture:nth-child(2) img{animation-delay:4s}section#apps .display-container .slideshow picture:nth-child(3) img{animation-delay:8s}section#apps .display-container .slideshow picture:nth-child(4) img{animation-delay:12s}section#apps .display-container .slideshow picture:nth-child(5) img{animation-delay:16s}section#coding .col-9{float:none;margin:0 auto;text-align:center}section#coding .swiper-container{width:100%;height:100%;margin:0 auto}section#coding .swiper-container .container{display:block;width:100%;height:100%}section#coding .swiper-slide .box{width:-webkit-calc(100% - 224px);width:-moz-calc(100% - 224px);width:-ms-calc(100% - 224px);width:-o-calc(100% - 224px);width:calc(100% - 224px);height:100%;display:block;margin:0 auto}@media screen and (max-width:768px){section#coding .swiper-slide .box{width:100%}.shadow{box-shadow:none}}section#coding .swiper-slide .box .image,section#coding .swiper-slide .box .text{height:100%;display:table-cell;vertical-align:middle}section#coding .swiper-slide .box .image{width:100%;margin-bottom:32px}section#coding .swiper-slide .box .image img{max-width:100%;display:block;margin:0 auto;border:1px solid rgba(51,51,51,.15)}section#coding .swiper-slide .box .text{width:100%}section#coding .swiper-slide .box .text p{font-size:18px}section#old-computers .col-6{display:table-cell;vertical-align:middle;float:none}section#old-computers .computer{display:block;margin:0;width:576px;height:600px}section#old-computers .display-container{box-sizing:border-box;position:absolute;display:block;margin:0 auto;width:576px;height:600px}.no-js section#old-computers .display-container,.no-webp section#old-computers .display-container{background:url("https://assets.zorincdn.com/zorin.com/images/computer-mockups/old-computer/old-computer.png") center center no-repeat;background-size:contain}.webp section#old-computers .display-container{background:url("https://assets.zorincdn.com/zorin.com/images/computer-mockups/old-computer/old-computer.webp") center center no-repeat;background-size:contain}section#old-computers .display-container img{position:absolute;left:0;right:0;padding:8.9% 8.4% 30.6% 8.4%;width:83.2%;height:60.5%}@media screen and (max-width:1360px){section#old-computers .computer{width:453px;height:472px;margin-bottom:64px}section#old-computers .display-container{width:453px;height:472px}}@media screen and (max-width:1024px){section#old-computers .col-6{display:block;width:100%}section#old-computers .col-6>.computer{margin-top:64px}}@media screen and (max-width:480px){section#old-computers .computer{width:226px;height:236px}section#old-computers .display-container{width:226px;height:236px}}section#classroom-control .col-9{float:none;margin:0 auto;text-align:center}section#classroom-control .display-container{position:relative;padding-bottom:67.5%;height:0;margin-bottom:64px;box-sizing:border-box}.no-js section#classroom-control .display-container,.no-webp section#classroom-control .display-container{background:url("https://assets.zorincdn.com/zorin.com/images/computer-mockups/desktop-16-9.png") center center no-repeat;background-size:contain}.webp section#classroom-control .display-container{background:url("https://assets.zorincdn.com/zorin.com/images/computer-mockups/desktop-16-9.webp") center center no-repeat;background-size:contain}section#classroom-control .display-container img{position:absolute;left:0;right:0;padding:3.5% 9.4% 18.3% 9.6%;width:80.9%;height:67.6%}section#classroom-control a.button{margin:0 8px 32px 8px}section#zorin-grid .fleet-of-computers{background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;max-width:3440px;height:600px;display:block;margin:5em auto 0 auto}@media screen and (min-width:1025px){section#zorin-grid .fleet-of-computers{margin-top:2em}.no-js section#zorin-grid .fleet-of-computers,.no-webp section#zorin-grid .fleet-of-computers{background-image:url("https://assets.zorincdn.com/zorin.com/images/grid/fleet-of-computers.png")}.webp section#zorin-grid .fleet-of-computers{background-image:url("https://assets.zorincdn.com/zorin.com/images/grid/fleet-of-computers.webp")}}@media screen and (max-width:1024px){section#zorin-grid .fleet-of-computers{height:300px;margin-top:2em}.no-js section#zorin-grid .fleet-of-computers,.no-webp section#zorin-grid .fleet-of-computers{background-image:url("https://assets.zorincdn.com/zorin.com/images/grid/fleet-of-computers-small.png")}.webp section#zorin-grid .fleet-of-computers{background-image:url("https://assets.zorincdn.com/zorin.com/images/grid/fleet-of-computers-small.webp")}}@media screen and (max-width:480px){section#zorin-grid .fleet-of-computers{height:150px;margin-top:1em}}.linux-only{display:none}