.favorite{white-space:nowrap}.favorite .left{margin-top:100px;margin-right:100px;display:inline-block;white-space:normal}.favorite .left h1{max-width:580px;margin:0}.favorite .left p{margin-top:40px;margin-bottom:40px;font-size:20px;max-width:400px}.favorite .right{display:inline-block;vertical-align:top;margin-top:75px;white-space:nowrap}.favorite .right img{margin-right:40px;margin-top:10px;margin-bottom:10px}@media (max-width: 800px){.favorite .left{display:block;text-align:center;margin-right:0;margin-top:40px}.favorite .left h1{font-size:58px;margin-left:auto;margin-right:auto}.favorite .left p{margin-left:auto;margin-right:auto}.favorite .right{margin-top:40px;text-align:center;width:100%}.favorite .right .set img{margin-right:35px}.favorite .right .set img:last-child{margin-right:0}.favorite .right .set img:nth-child(1){height:13.5%;width:13.5%}.favorite .right .set img:nth-child(2){height:12%;width:12%}.favorite .right .set img:nth-child(3){height:10.5%;width:10.5%}.favorite .right .set img:nth-child(4){height:9%;width:9%}.favorite .right .set img:nth-child(5){height:7.5%;width:7.5%}.favorite .right .set img:nth-child(6){height:6%;width:6%}.favorite .right .set img:nth-child(7){height:4.5%;width:4.5%}.favorite .right .set img:nth-child(8){height:3%;width:3%}}@media (max-width: 600px){.favorite .left{margin-top:20px}.favorite .left h1{font-size:38px}.favorite .left p{margin-top:20px}.favorite .right .set img{margin-right:20px;margin-top:5px;margin-bottom:5px}}@media (max-width: 400px){.favorite .right .set img{margin-right:10px}}.apps{background-image:linear-gradient(to top, #fff, #f5f7fa);margin-top:100px;padding:100px 40px}.apps .wrapper{margin-left:auto;margin-right:auto;max-width:1180px;display:flex}.apps .wrapper h3{font-size:24px;margin-bottom:10px}.apps .wrapper h2{font-size:24px;margin-bottom:10px}.apps .wrapper .apps-menu{min-width:235px;margin-right:45px}.apps .wrapper .apps-menu .app-category{cursor:pointer;padding:10px;font-size:14px;font-weight:500}.apps .wrapper .apps-menu .app-category.active{height:37px;border-radius:4px;box-shadow:0 1px 2px 0 #d4d9e0;background-color:#fff;font-weight:bold;color:#1b1d24}@media (max-width: 800px){.apps .wrapper .apps-menu .app-category:not(.active):hover{color:#1f87ff;text-decoration:underline}}.apps .wrapper .apps-area{width:100%}.apps .wrapper .apps-area h3{margin-left:10px;margin-bottom:20px;margin-top:20px}.apps .wrapper .apps-area .search{border-bottom:1px solid #d4d9e0;margin-left:10px;margin-bottom:40px;max-width:450px;width:100%;position:relative}.apps .wrapper .apps-area .search img{position:absolute;bottom:11px}.apps .wrapper .apps-area .search input{font-family:proxima-nova, sans-serif;-webkit-appearance:none;-moz-appearance:none;background-color:inherit;font-size:16px;padding:10px;width:100%;color:#1b1d24;padding-left:30px;border:none;outline:none}.apps .wrapper .apps-area .search input::placeholder{color:#1b1d24}.apps .wrapper .apps-area .search:focus-within{border-color:#1f87ff}.apps .wrapper .apps-area .app-tiles{display:flex;flex-wrap:wrap}.apps .wrapper .apps-area .app-tiles .tile{background:#FFFFFF;box-shadow:0 1px 2px 0 #d4d9e0;border-radius:4px;border:1px solid transparent;position:relative;padding:20px;margin-bottom:20px;margin-right:10px;margin-left:10px;height:86px;width:280px;cursor:pointer;white-space:inherit}.apps .wrapper .apps-area .app-tiles .tile .tile-img{border-radius:2px;display:inline-block;width:46px;height:46px}.apps .wrapper .apps-area .app-tiles .tile .tile-img img{width:100%}.apps .wrapper .apps-area .app-tiles .tile .tile-text{display:inline-block;vertical-align:top;margin-left:10px}.apps .wrapper .apps-area .app-tiles .tile .tile-text h4{font-weight:600;font-size:14px;margin-bottom:2px;margin-top:6px}.apps .wrapper .apps-area .app-tiles .tile .tile-text p{font-weight:500;font-size:12px;margin:0}.apps .wrapper .apps-area .app-tiles .tile .tile-description{background:#FFFFFF;box-shadow:0 9px 24px 0 rgba(0,0,0,0.05),0 9px 24px 0 rgba(0,0,0,0.1);border-radius:4px;position:absolute;padding:20px;display:none;left:-5%;top:95px;z-index:10;width:110%;overflow:hidden;text-overflow:ellipsis}.apps .wrapper .apps-area .app-tiles .tile .tile-description:after,.apps .wrapper .apps-area .app-tiles .tile .tile-description:before{bottom:100%;border:solid transparent;content:" ";position:absolute}.apps .wrapper .apps-area .app-tiles .tile .tile-description:after{border-bottom-color:#ffffff;border-width:8px;margin-left:-8px;left:50%}.apps .wrapper .apps-area .app-tiles .tile .tile-description p{display:block;font-weight:bold;max-width:350px;margin-bottom:5px}.apps .wrapper .apps-area .app-tiles .tile:hover{border:1px solid #1f87ff;box-shadow:0 1px 2px 0 rgba(83,140,204,0.5);color:inherit}@media (max-width: 1275px){.apps .wrapper .apps-area .app-tiles .tile{width:-moz-calc(50% - 20px);width:-webkit-calc(50% - 20px);width:-o-calc(50% - 20px);width:calc(50% - 20px)}}@media (max-width: 975px){.apps .wrapper .apps-area .app-tiles .tile{width:-moz-calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-o-calc(100% - 20px);width:calc(100% - 20px)}}@media (max-width: 700px){.apps .wrapper{display:block}.apps .wrapper .apps-menu{display:none}.apps .wrapper .apps-area h3{margin-left:0;margin-top:40px;font-size:20px}.apps .wrapper .apps-area .app-tiles{display:block}.apps .wrapper .apps-area .app-tiles .tile{margin-left:0;margin-right:0;width:100%;display:block}}@media (max-width: 350px){.apps .wrapper .apps-area .app-tiles .tile .tile-text,.apps .wrapper .apps-area .app-tiles .tile .tile-description{display:none}.apps .wrapper .apps-area .app-tiles .tile .tile-img{display:block;margin-left:auto;margin-right:auto}}@media (max-width: 600px){.apps{margin-top:40px;padding:40px 20px}}@media (min-width: 801px){@-webkit-keyframes opacity{20%{opacity:0.1}80%{opacity:0.6}100%{opacity:1}}@-moz-keyframes opacity{20%{opacity:0.1}80%{opacity:0.6}100%{opacity:1}}@-ms-keyframes opacity{20%{opacity:0.1}80%{opacity:0.6}100%{opacity:1}}@-o-keyframes opacity{20%{opacity:0.1}80%{opacity:0.6}100%{opacity:1}}@keyframes opacity{20%{opacity:0.1}80%{opacity:0.6}100%{opacity:1}}.favorite .right .set img{opacity:0;-webkit-animation:opacity 1s ease-in forwards;-moz-animation:opacity 1s ease-in forwards;-ms-animation:opacity 1s ease-in forwards;-o-animation:opacity 1s ease-in forwards;animation:opacity 1s ease-in forwards}.favorite .right .set .one{-webkit-animation-delay:.25s;-moz-animation-delay:.25s;-ms-animation-delay:.25s;-o-animation-delay:.25s;animation-delay:.25s}.favorite .right .set .two{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.favorite .right .set .three{-webkit-animation-delay:.75s;-moz-animation-delay:.75s;-ms-animation-delay:.75s;-o-animation-delay:.75s;animation-delay:.75s}.favorite .right .set .four{-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}.favorite .right .set .five{-webkit-animation-delay:1.25s;-moz-animation-delay:1.25s;-ms-animation-delay:1.25s;-o-animation-delay:1.25s;animation-delay:1.25s}.favorite .right .set .six{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-ms-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}.favorite .right .set .seven{-webkit-animation-delay:1.75s;-moz-animation-delay:1.75s;-ms-animation-delay:1.75s;-o-animation-delay:1.75s;animation-delay:1.75s}.favorite .right .set .eight{-webkit-animation-delay:2s;-moz-animation-delay:2s;-ms-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}.favorite .right .set .nine{-webkit-animation-delay:2.25s;-moz-animation-delay:2.25s;-ms-animation-delay:2.25s;-o-animation-delay:2.25s;animation-delay:2.25s}.favorite .right .set .ten{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-ms-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.app-category:not(.active) div{position:relative;width:fit-content;white-space:nowrap}.app-category:not(.active) div::before{position:absolute;top:0;left:0;overflow:hidden;max-width:0;width:100%;padding:inherit;border-bottom:2px solid #1f87ff;color:#1f87ff;content:attr(data-hover);-webkit-transition:max-width 0.5s;-moz-transition:max-width 0.5s;-ms-transition:max-width 0.5s;-o-transition:max-width 0.5s;transition:max-width 0.5s}.app-category:not(.active) div:hover::before{max-width:100%}}