html,body{margin:0;padding:0;font-size:16px;background-color:#fff;color:#000;font-family:"Basel Grotesk",Arial,sans-serif;scroll-behavior:smooth}@media screen and (max-width: 900px){html,body{font-size:12px}}.margin{padding:2em}@font-face{font-family:"Basel Grotesk";src:url(../js/4e12bdf3566170875bf9.woff2) format("woff2"),url(../js/96983520ec559b0a1d98.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Basel Grotesk";src:url(../js/4038609f21422a308bd3.woff2) format("woff2"),url(../js/1759d21828757a0277e3.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}h3,h2,h4{font-weight:normal}img{max-width:100%}a{color:#000}p{font-size:.9375rem}i{margin-right:5px}.full-width{width:100%;box-sizing:border-box}.full-width img{width:100%;display:block}.grid{display:grid;gap:15px}.grid.two-columns{grid-template-columns:1fr 1fr}@media(max-width: 600px){.grid.two-columns{grid-template-columns:1fr}}.grid.three-columns{grid-template-columns:1fr 1fr 1fr}@media(max-width: 600px){.grid.three-columns{grid-template-columns:1fr}}.introduction header a:has(.fa-bell),.introduction header a:has(.fa-envelope),.introduction header a:has(.fa-user),.introduction header .search form{display:none}.introduction header .fa-home{margin-right:0px}.introduction header .header-nav{background-color:rgba(0,0,0,0)}.introduction header .header-nav .logo a{padding:4px 8px 2px;margin:0}@media screen and (max-width: 1200px){.introduction header .header-nav .logo a{padding:5px 5px 0px}}.introduction header .header-nav .logo img{max-width:70px}.introduction header a{text-decoration:none;background:#fff;padding:2px 5px;border-radius:5px}.introduction .explore-button{font-size:2rem;display:flex;justify-content:center}.introduction .explore-button a{padding:5px 15px}.introduction h1{font-size:2rem;font-weight:normal}.introduction h1 i{font-size:1rem;margin-right:10px}@media screen and (max-width: 1200px){.introduction h1{font-size:1.5rem}}@media screen and (max-width: 900px){.introduction h1{font-size:2rem}}.introduction ul{font-size:1.5rem;list-style-type:none}.introduction ul li{margin-bottom:1rem;color:#aaa}.introduction ul li:hover{color:#000}@media screen and (max-width: 1200px){.introduction ul{padding-left:10px}}.introduction strong{font-weight:normal;padding:2px 5px;border:1px solid;border-radius:5px;color:#000;margin-right:5px}.introduction .blue{background-color:blue;color:#fff}.introduction .blue strong{background-color:#fff;color:blue;margin-right:5px}.introduction .blue li{color:#fff;margin:2rem 0}.introduction .blue li:hover{color:#fff}.introduction .video{padding:40px 40px 0px;width:100%;max-width:2000px;margin:0 auto}@media screen and (max-width: 1200px){.introduction .video{padding:30px 80px}}@media screen and (max-width: 600px){.introduction .video{padding:30px 0px 20px}}.introduction .banner{padding:.5em;text-align:center;border-radius:10px;border:1px solid #000}@media screen and (max-width: 900px){.introduction .banner{padding:9px;border-radius:4px}}.introduction .banner h3{margin:5px 0px 10px}@media screen and (max-width: 600px){.introduction .banner h3{display:none}}.introduction .banner iframe{border:1px solid #000}.introduction .intro{min-height:calc(100vh - 50px);display:grid;grid-template-columns:1fr 2fr;padding:40px 20px}@media screen and (max-width: 1200px){.introduction .intro{grid-template-columns:1fr}}.introduction .intro-image{width:100%;height:100%;position:relative;box-sizing:border-box;display:block;text-align:center}.introduction .intro-image img{object-fit:contain;width:100%;position:sticky;top:80px;max-width:80%}@media screen and (max-width: 600px){.introduction .intro-image img{height:auto;padding-bottom:20px;width:100%;top:0px}}.introduction .intro-wrapper{padding:40px;max-width:900px;margin:0 auto;text-align:center}@media screen and (max-width: 600px){.introduction .intro-wrapper{padding:0px}}.introduction .intro-sections{display:grid;grid-template-columns:1fr 1fr;gap:4em;align-content:center}@media screen and (max-width: 1200px){.introduction .intro-sections{height:auto;grid-template-columns:1fr}}.introduction #slide1 h2{margin-top:0}.introduction section{margin-top:20px;box-sizing:border-box}.introduction section h1{margin:0}.introduction section p{font-size:1.5rem;margin:1rem 0 0}.introduction section a{margin-top:80px;display:block;border:1px solid;border-radius:20px;text-decoration:none;padding:5px 10px;text-align:center}.introduction section a:hover{background-color:#000;color:#fff}@media screen and (max-width: 900px){.introduction section a{margin-top:20px}}.introduction section img{width:100%}.introduction section .text-container{padding:80px}@media screen and (max-width: 600px){.introduction section .text-container{padding:20px}}.introduction section.hero{width:100%;box-sizing:border-box;position:relative;display:block;margin-top:0}.introduction section.hero.primary{display:grid;grid-template-columns:1fr 1fr;padding:4em 1em}@media screen and (max-width: 1200px){.introduction section.hero.primary{grid-template-columns:1fr;padding:1em 1.5em}}.introduction section.hero.primary h1{text-align:left}@media screen and (max-width: 1200px){.introduction section.hero.primary h1{text-align:center}}.introduction section.hero.primary h1 a.button{font-size:1.5rem;margin-top:1em;background-color:rgba(0,0,0,0);border:2px solid;padding:.5em 1em;border-radius:4em;display:inline-block;padding:.5em .6em;color:blue}.introduction section.hero.primary h1 a.button:hover{background-color:blue;color:#fff}@media screen and (max-width: 1200px){.introduction section.hero.primary h1 a.button{font-size:1.5rem;border:1px solid}}.introduction section.hero.primary .hero-title{flex-direction:column}.introduction section.hero.primary .intro-wrapper h1{font-size:2.5rem}@media screen and (max-width: 1200px){.introduction section.hero.primary .intro-wrapper h1{font-size:1.5rem}}@media screen and (max-width: 900px){.introduction section.hero.primary .intro-wrapper h1{font-size:1.25rem;padding:1em}}.introduction section.hero img{height:75vh;width:100%;object-position:center;object-fit:contain;padding:20px;box-sizing:border-box}@media screen and (max-width: 1200px){.introduction section.hero img{height:auto;padding:80px 0px 20px}}.introduction section .hero-title{width:100%;display:flex;justify-content:center}.introduction section .hero-title.secondary{margin-top:1em}@media screen and (max-width: 900px){.introduction section .hero-title.secondary{margin-top:0px}}.introduction section .hero-title.secondary .wrap{display:block;max-width:1240px;padding:20px}@media screen and (max-width: 1200px){.introduction section .hero-title.secondary .wrap{display:flex;flex-direction:column;max-width:560px}}.introduction section .hero-title.secondary .wrap img{margin-right:14px;object-fit:cover;width:auto;height:55px;float:left;margin-top:4px}@media screen and (max-width: 1200px){.introduction section .hero-title.secondary .wrap img{height:auto;padding:0px;max-width:300px;margin:0 auto;margin-bottom:0px;margin-bottom:2em}}@media screen and (max-width: 900px){.introduction section .hero-title.secondary .wrap img{margin-top:3em;max-width:180px;display:none}}.introduction section .hero-title.secondary .wrap h1{text-align:left;max-width:auto;font-size:2rem;padding:0px 15px}@media screen and (max-width: 1200px){.introduction section .hero-title.secondary .wrap h1{text-align:center;font-size:1.8rem}}.introduction section .hero-title h1{font-size:5rem;text-align:center;max-width:1400px;margin:0;line-height:1;padding:15px}@media screen and (max-width: 1200px){.introduction section .hero-title h1{font-size:7.5vw;padding:1em 0em 0em}}.introduction section .intro-wrapper h1{font-size:1.5rem}.introduction section.hero-text{min-height:100vh;width:100%;background-color:blue;box-sizing:border-box;padding:40px 0px;text-align:left;justify-content:center;align-items:center;display:flex;margin:0}.introduction section.hero-text h1.heading{font-size:2em;text-align:center;margin-bottom:1em}.introduction section.hero-text h1{margin:0em 0 1em}@media screen and (max-width: 1200px){.introduction section.hero-text{font-size:1.5rem;height:auto}}.introduction section.hero-text .text-container{background-color:rgba(0,0,0,0);color:#fff;max-width:70vw;padding:15px}@media screen and (max-width: 600px){.introduction section.hero-text .text-container{max-width:100%;padding:20px}}.introduction section.hero-text h1{font-size:2rem;color:#fff}@media screen and (max-width: 600px){.introduction section.hero-text h1{font-size:1.5rem}}.introduction section.world{width:100%;background-color:blue;box-sizing:border-box;text-align:left;justify-content:center;align-items:center;display:grid;grid-template-columns:1fr 7fr;align-items:center;justify-content:center;margin-top:4em;position:sticky;bottom:0}@media screen and (max-width: 900px){.introduction section.world{position:relative;grid-template-columns:1fr;margin-bottom:3em;margin-top:1em}}.introduction section.world video{max-height:120px}@media screen and (max-width: 900px){.introduction section.world video{max-height:200px}}.introduction section.world h1.heading{font-size:1rem;text-align:center;margin-bottom:1em}.introduction section.world h1{margin:0em 0}@media screen and (max-width: 1200px){.introduction section.world{font-size:1.5rem;height:auto;margin-top:2em}}.introduction section.world .text-container{background-color:rgba(0,0,0,0);color:#fff;max-width:100%;padding:15px 30px}@media screen and (max-width: 600px){.introduction section.world .text-container{max-width:100%;padding:20px}}.introduction section.world h1{font-size:1.25rem;color:#fff}@media screen and (max-width: 600px){.introduction section.world h1{font-size:1.5rem}}.introduction section.footer{margin-top:1em}.introduction .anchor-portals{padding-top:6em}@media screen and (max-width: 900px){.introduction .anchor-portals{padding-top:0em}}.introduction .img-med .full-width img{max-width:1400px;margin:0 auto}.introduction .subscribe-cta{text-align:center;max-width:100%;margin:0 auto;min-height:100vh;align-content:center;justify-content:center;display:flex;margin-top:4em;border-bottom:1px solid;border-top:1px solid}@media screen and (max-width: 900px){.introduction .subscribe-cta{min-height:50vh}}.introduction .subscribe-cta .subscribe{width:680px;padding:2em;align-self:center}.introduction .subscribe-cta .subscribe h1{font-size:4rem}@media screen and (max-width: 900px){.introduction .subscribe-cta .subscribe h1{font-size:3rem;margin:0}}.introduction .subscribe-cta .subscribe h3{font-size:2rem}@media screen and (max-width: 900px){.introduction .subscribe-cta .subscribe h3{font-size:1.25rem}}.introduction .subscribe-cta .subscribe button{background-color:rgba(0,0,0,0);color:blue;border:1px solid;padding:1rem 2rem;font-size:1.5rem;border-radius:2em;cursor:pointer}.introduction .subscribe-cta .subscribe button:hover{background-color:blue;color:#fff}.introduction .subscribe-cta .subscribe a{margin:0}.cta .sub-heading{text-align:center;font-size:2rem}.home-videos{text-align:center;margin:5em 0}.home-videos h1{margin-bottom:0}@media screen and (max-width: 900px){.home-videos{margin:2em 0}}.sub-nav{text-align:center;padding:0px;display:flex;gap:10px;align-items:center;justify-content:center;top:10px;z-index:100;margin-bottom:1em;border:1px solid #000;width:fit-content;margin:0 auto;padding:.5em;border-radius:2em}.sub-nav h2{margin:0}.sub-nav button{padding:5px 10px;background-color:#efefef;border:1px solid #efefef;border-radius:20px;cursor:pointer}.sub-nav button:hover{background-color:#a7a7a7;border:1px solid #a7a7a7;color:#fff}.sub-nav button.active{background-color:#000;border:1px solid #000;color:#fff}.item .item-video{padding:10px;border:1px solid;border-radius:4px;margin-bottom:1em}video{max-width:100%;object-fit:cover;display:block}.cta-container{padding:0 4em}@media screen and (max-width: 900px){.cta-container{padding:0}}.cta-container .intro{padding:0px 20px;min-height:auto}.cta-container .cta-item iframe{border-radius:10px;padding:10px;border:1px solid;max-width:100%;box-sizing:border-box}.cta .cta-item{display:none}.cta .cta-item.active{display:grid}.sub-nav button.active{font-weight:bold}.desktop{display:block}@media screen and (max-width: 800px){.desktop{display:none}}.mobile{display:none}@media screen and (max-width: 800px){.mobile{display:block}}@media screen and (max-width: 900px){.invert{display:flex;flex-direction:column-reverse}}@-webkit-keyframes slideInAnimation{0%{-webkit-transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes slideInAnimation{0%{-webkit-transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}.search{flex-grow:1;display:flex;justify-content:center}.search form{display:flex;align-items:flex-start;flex-direction:row;width:100%}.search .search-input{font-size:1rem;border:0;width:100%;border-bottom:1px solid #ccc;border-radius:0;outline:none}.search .search-input input{padding:0;padding-bottom:10px}.search .search-button{padding:0;border:0;background-color:#fff;color:#000;border-radius:0;cursor:pointer;font-size:1rem}.search .search-button:hover{opacity:.5}header{position:sticky;box-sizing:border-box;top:0;padding:0;z-index:10}header .logo{font-size:1rem;font-weight:500}header .logo a{text-decoration:none}header .logo a:hover{text-decoration:underline}header .logo img{max-width:70px}header nav{display:flex;list-style:none;font-size:1rem;justify-content:end}header nav a{text-decoration:none;color:#000;padding:0 0 0 20px}header nav a:hover{opacity:.5}header nav a i{margin-right:5px}header .header-nav{display:grid;grid-template-columns:1fr 2fr 1fr;gap:15px;padding:15px;background-color:#fff}@media screen and (max-width: 900px){header .header-nav{grid-template-columns:1fr 1fr 1fr}}header .search{flex-grow:1;display:flex;justify-content:center}header .search form{display:flex;align-items:flex-start;flex-direction:row;width:100%}header .search .search-input{font-size:1rem;border-bottom:1px solid #ccc;border-radius:0;outline:none;background-color:rgba(0,0,0,0)}header .search .search-input input{padding:0;padding-bottom:10px}header .search .search-button{padding:0;border:0;background-color:rgba(0,0,0,0);color:#000;border-radius:0;cursor:pointer;font-size:1rem}header .search .search-button:hover{opacity:.5}body.home header{position:fixed;width:100%;left:0;top:0}body.home header .header-nav{background-color:rgba(0,0,0,0)}.sticky-header{height:50px;width:100%;background-color:#fff;position:sticky;top:0;z-index:1}.home .manifesto{position:fixed;bottom:20px;left:20px}@media screen and (max-width: 900px){.home .manifesto{display:none}}.main-content{display:grid;grid-template-columns:1fr 2fr 1fr;gap:15px;padding:15px;background-color:#fff}@media screen and (max-width: 900px){.main-content{grid-template-columns:1fr}}.container{width:100%;margin:0 auto;display:flex;justify-content:space-between;background:#fff;padding:10px 15px;box-sizing:border-box;border-radius:10px}.full-height-container{height:100vh;display:flex;justify-content:center;align-items:center;width:100%}.sticky-column{position:sticky;top:70px;background:#fff;border-radius:10px;padding:0}.padding-wrapper{padding:15px}.sidebar,.inbox-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar.sidebar,.inbox-sidebar.sidebar{z-index:1}.sidebar.inbox-sidebar,.inbox-sidebar.inbox-sidebar{z-index:0}.inbox-bubble{padding:2.5px 5px;border-radius:100%;border:1px solid;align-self:flex-end}.sidebar-title{display:flex;justify-content:space-between}.profile-box{text-align:left;display:flex;align-items:center;gap:10px;align-items:flex-start}.profile-img{border:1px solid #aaa;width:100px;height:100px;display:block;object-fit:cover}.username{font-size:18px;margin:0}.sidebar-nav{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr;padding-bottom:15px}@media screen and (max-width: 900px){.sidebar-nav{padding:15px 0px;position:sticky;background-color:#fff;top:40px}}.sidebar-nav a{text-decoration:none;color:#000;padding:5px;border:1px solid #000;text-align:center;border-radius:5px}.sidebar-nav a:hover{background-color:#000;color:#fff}.sidebar-nav .active{background-color:#000;color:#fff}.user-components{height:calc(100vh - 290px);overflow-y:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-sizing:border-box}@media screen and (max-width: 900px){.user-components{height:auto}}.user-components .user-groups{display:grid;grid-template-columns:1fr 1fr;gap:15px}.user-components::-webkit-scrollbar{width:0;background:rgba(0,0,0,0)}.user-components section{display:none}.user-components section.active{display:block}.user-components h3{margin-top:0px}.friends-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px}.friends-grid h3{margin-bottom:10px}.friends-grid .friend{display:flex;align-items:center;margin-bottom:10px;flex-direction:column;text-align:left}.friends-grid .friend-img{width:100%;height:auto;border:1px solid #ccc}.friends-grid .friend-name{font-size:14px}body.user-profile{overflow:auto !important}body.user-profile .main-content{grid-template-columns:1fr 3fr}@media(max-width: 600px){body.user-profile .main-content{grid-template-columns:1fr}}body.user-profile header{mix-blend-mode:exclusion}body.user-profile header .header-nav{background-color:rgba(0,0,0,0)}body.user-profile header a{color:#fff}body.user-profile header .search-button{color:#fff}body.user-profile header .search-input{color:#fff}body.user-profile .sidebar{height:100vh;margin-bottom:40px;height:calc(100vh - 70px)}@media(max-width: 900px){body.user-profile .sidebar{margin-bottom:0px}}body.user-profile .sidebar .sticky-column{width:100%;box-sizing:border-box}body.user-profile .sticky-column{padding:15px;top:80px;margin-bottom:40px}body.user-profile .feed{position:relative;z-index:0}body.user-profile .posts{padding:20px 15px;margin-bottom:0px}body.user-profile .profile-box{width:100%}body.user-profile .bio{width:100%}body.user-profile .user-components{height:auto;max-height:450px}@media(max-width: 900px){body.user-profile .sidebar-nav{display:none}body.user-profile .user-components{display:none}}.calendar a{text-decoration:none}.calendar .calendar-box{display:flex;flex-direction:column;gap:20px}.calendar .calendar-box h3{margin:20px 0 0}.calendar .calendar-box h3 i{margin-right:5px}.calendar .calendar-box .calendar-wrapper{overflow-y:scroll;scrollbar-width:none;box-sizing:border-box;width:100%;height:300px}.calendar .calendar-box .calendar-wrapper .item{background-color:#fff;border-top:1px solid #000;padding:15px 5px}.calendar .calendar-box .calendar-wrapper .item .title-wrapper{display:grid;justify-content:space-between;grid-template-columns:2fr 1fr;align-items:first baseline}.calendar .calendar-box .calendar-wrapper .item .title-wrapper a{display:block;width:max-content;justify-self:flex-end}.calendar .calendar-box .calendar-wrapper .item .title{font-size:1.2em;margin-bottom:10px}.calendar .calendar-box .calendar-wrapper .item .link{display:inline-block;padding:4px 10px 5px 12px;border:1px solid #000;border-radius:4px;text-decoration:none;transition:background-color .3s}.calendar .calendar-box .calendar-wrapper .item .link:hover{background-color:#000;color:#fff}.calendar .calendar-box .calendar-wrapper .item h4{margin-top:0px}.directory{margin-top:15px}.directory .list{overflow-y:scroll;scrollbar-width:none;box-sizing:border-box;width:100%;height:290px}.directory .list::-webkit-scrollbar{width:0;background:rgba(0,0,0,0)}.directory .list .item{background-color:#fff;border-top:1px solid #000;padding:5px}.directory .list .item:hover{background-color:#000;color:#fff}.directory .list .item:hover a{color:#fff}.directory .list .item:last-of-type{border-bottom:1px solid #000}.directory .list .item .title-wrapper{display:flex;justify-content:space-between}.directory .list .item .category{color:#aaa;text-decoration:none;text-align:right}.directory .list .item .link{text-decoration:none}.directory .list .item h4{margin:0px}.inbox-box{display:flex;flex-direction:column;gap:20px}.inbox-box h3{margin:0}.inbox-box .inbox-messages{flex:1;overflow-y:auto;border-top:1px solid #000}.inbox-box .inbox-message{border-bottom:1px solid #aaa;padding:10px 5px}.inbox-box .inbox-message-info{display:flex;justify-content:space-between;margin-bottom:5px}.inbox-box .inbox-message-info i{margin-right:5px}.inbox-box .inbox-message-date{color:#333;font-size:12px}.inbox-box .inbox-message-snippet{margin-top:5px}.inbox-container{width:100%;margin:0 auto;background-color:#fff}.inbox-container .message-header,.inbox-container .message{display:grid;grid-template-columns:50px 1fr 3fr 100px;padding:10px 0px;border-bottom:1px solid #ccc;align-items:center}@media screen and (max-width: 900px){.inbox-container .message-header,.inbox-container .message{grid-template-columns:50px 2fr 3fr 50px}}.inbox-container .message-header.message-header,.inbox-container .message.message-header{background-color:#000;color:#fff}.inbox-container .message-header.message-header .sender,.inbox-container .message.message-header .sender{font-weight:normal}.inbox-container .message-header.message-header .date,.inbox-container .message.message-header .date{color:#fff;padding-right:10px}.inbox-container .message-header.message-header .subject,.inbox-container .message.message-header .subject{color:#fff}.inbox-container .message-header:hover,.inbox-container .message:hover{background-color:#ccc;color:#000}.inbox-container .message-header{position:sticky;top:50px}.inbox-container .checkbox{text-align:left}.inbox-container .checkbox input{border:1px solid}@media screen and (max-width: 900px){.inbox-container .checkbox{text-align:center}}.inbox-container .sender{font-weight:bold;padding-right:10px}.inbox-container .subject{padding-right:10px;color:#aaa}.inbox-container .date{text-align:right;color:#333}@media screen and (max-width: 900px){.inbox-container .date{text-align:left}}@media screen and (max-width: 900px){body.inbox .sidebar-nav,body.inbox .user-components{display:none}}.login{width:25vw;bottom:20px;right:20px;position:absolute;z-index:1;box-sizing:border-box}@media screen and (max-width: 900px){.login{width:100%;left:0;padding:15px}}.login .login-section{color:#000;pointer-events:all;padding-top:20px}.login .login-section form{display:flex;flex-direction:column}.login .login-section .form-title{padding:0 0 25px;opacity:.15;font-weight:100}.login .login-section h2{margin-bottom:20px;text-align:left}.login .login-section .form-group{margin-bottom:15px}.login .login-section label{margin-bottom:5px}.login .login-section input{padding:10px;border:none;border-bottom:1px solid #000;width:100%;box-sizing:border-box;background-color:rgba(0,0,0,0);border-radius:0}.login .login-section button{padding:10px;border:none;border-radius:3px;background-color:#000;color:#fff;cursor:pointer;border:1px solid #000}.login .login-section button:hover{background-color:#fff;color:#000}.login .login-section .signup-text{display:flex;justify-content:space-between;padding:15px 0 0;font-size:.8rem}.login .login-section .signup-text a:hover{opacity:.5}.group{border-radius:5px;background:#fff;padding:15px;border:1px solid #ccc}.group-header{display:flex;align-items:flex-start;justify-content:space-between}.group-header .group-info{display:flex;flex-direction:column}.group-header .group-info .group-name{font-size:1.2rem;margin-bottom:0px}.group-header .group-info .group-description{color:#333}.group-header .group-info p:last-child{margin-bottom:0px}.post{border-radius:5px;background:#fff;padding:15px;border:1px solid #ccc;margin-top:15px}.post-header{display:flex;align-items:flex-start;margin-bottom:10px;justify-content:space-between}.post-header .post-user-wrapper{display:flex;flex-direction:row}.post-header .post-user-wrapper .post-user-img{width:50px;height:50px;margin-right:10px;border:1px solid #aaa;object-fit:cover}.post-header .post-username{font-weight:normal}.post-header .post-user-info{display:flex;flex-direction:column}.post-header .post-time{font-size:12px;color:#333}.post-header button{background-color:#fff;color:#000;padding:4px 10px 5px 12px;border:1px solid}.post-header button:hover{color:#fff;background-color:#000}.post-header button i{margin-right:5px}.post-content{font-size:1rem}.post-content img{width:100%}model-viewer{width:100%;height:600px;z-index:0;position:relative}.tns-outer{position:relative}.tns-nav{position:absolute;bottom:20px;right:20px;z-index:10}.tns-nav button{border:1px solid #fff;background:rgba(0,0,0,0);border-radius:50%;width:15px;height:15px;margin:0 5px;cursor:pointer;padding:0}@media screen and (max-width: 900px){.tns-nav button{width:10px;height:10px}}.tns-nav button:hover{background-color:rgba(0,0,0,0);border:1px solid #fff}.tns-nav button.tns-nav-active{background-color:#fff;border:1px solid #fff}.fullscreen-background a-scene{position:absolute;height:100%;width:100%;top:0;left:0;z-index:0;overflow:hidden;box-sizing:border-box}@media screen and (max-width: 1200px){.fullscreen-background a-scene{z-index:1 !important}.fullscreen-background a-scene .a-modal{position:absolute !important}.fullscreen-background a-scene .a-dialog-deny-button,.fullscreen-background a-scene .a-dialog-allow-button{background-color:#fff !important;border:1px solid #000 !important;color:#000 !important}}@media screen and (max-width: 600px){.fullscreen-background a-scene{touch-action:none}}.studio-section{position:relative;height:100vh;width:100%}.studio-section a-scene{display:block;position:absolute;height:100%;width:100%;top:0;left:0;z-index:0;overflow:auto;box-sizing:border-box}.phone *{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.phone #scene3D{-webkit-perspective:1200px;perspective:1200px}.phone #iphone{width:254px;height:500px;margin:50px auto 0;-webkit-animation:rotateiphone 15s infinite linear alternate;animation:rotateiphone 15s infinite linear alternate}@-webkit-keyframes rotateiphone{from{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}to{transform:rotateX(0deg) rotateY(25deg) rotateZ(0deg)}}@keyframes rotateiphone{from{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}to{transform:rotateX(0deg) rotateY(25deg) rotateZ(0deg)}}@-webkit-keyframes reflection{from{background-position:300px 0,0 0}12%{background-position:0 0,0 0}15%{background-position:300px 0,0 0}43%{background-position:0 0,0 0}57%{background-position:300px 0,0 0}to{background-position:300px 0,0 0}}@keyframes reflection{from{background-position:300px 0,0 0}12%{background-position:0 0,0 0}15%{background-position:300px 0,0 0}43%{background-position:0 0,0 0}57%{background-position:300px 0,0 0}to{background-position:300px 0,0 0}}.phone .slab div{position:absolute;-webkit-transform-origin:0 0 0;transform-origin:0 0 0}.phone .slab .front,.phone .slab .back{width:254px;height:503px;top:-1px;background:#fff;background:-moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9));background:-webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);background:-o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);background:-ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);background:linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f9f9f9",GradientType=0 );border-radius:10px}.phone .slab .back{background:#a3a3a3;background:-moz-linear-gradient(top, #a3a3a3 0%, #808080 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3a3a3), color-stop(100%, #808080));background:-webkit-linear-gradient(top, #a3a3a3 0%, #808080 100%);background:-o-linear-gradient(top, #a3a3a3 0%, #808080 100%);background:-ms-linear-gradient(top, #a3a3a3 0%, #808080 100%);background:linear-gradient(to bottom, #a3a3a3 0%, #808080 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#a3a3a3", endColorstr="#808080",GradientType=0 );-webkit-transform:translate3D(0, 0, -30px);transform:translate3D(0, 0, -30px)}.phone .slab .top,.phone .slab .bottom{width:214px;height:30px;background:#b6b6b6;-webkit-transform:translate(20px) rotateX(-90deg);transform:translate(20px) rotateX(-90deg)}.phone .slab .bottom{background:#6f6f6f;background:-moz-linear-gradient(left, #6f6f6f 0%, #636363 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #6f6f6f), color-stop(100%, #636363));background:-webkit-linear-gradient(left, #6f6f6f 0%, #636363 100%);background:-o-linear-gradient(left, #6f6f6f 0%, #636363 100%);background:-ms-linear-gradient(left, #6f6f6f 0%, #636363 100%);background:linear-gradient(to right, #6f6f6f 0%, #636363 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#6f6f6f", endColorstr="#636363",GradientType=1 );box-shadow:inset 0 1px 0 #363636;-webkit-transform:translate(20px, 500px) rotateX(-90deg);transform:translate(20px, 500px) rotateX(-90deg)}.phone .slab .right,.phone .slab .left{width:460px;height:30px;background:#a3a3a3;background:-moz-linear-gradient(left, #a3a3a3 0%, #d6d6d6 10%, #a3a3a3 15%, #808080 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #a3a3a3), color-stop(10%, #d6d6d6), color-stop(15%, #a3a3a3), color-stop(100%, #808080));background:-webkit-linear-gradient(left, #a3a3a3 0%, #d6d6d6 10%, #a3a3a3 15%, #808080 100%);background:-o-linear-gradient(left, #a3a3a3 0%, #d6d6d6 10%, #a3a3a3 15%, #808080 100%);background:-ms-linear-gradient(left, #a3a3a3 0%, #d6d6d6 10%, #a3a3a3 15%, #808080 100%);background:linear-gradient(to right, #a3a3a3 0%, #d6d6d6 10%, #a3a3a3 15%, #808080 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#a3a3a3", endColorstr="#808080",GradientType=1 );-webkit-transform:translate(254px, 20px) rotateY(-90deg) rotateZ(90deg);transform:translate(254px, 20px) rotateY(-90deg) rotateZ(90deg)}.phone .slab .left{background:#a3a3a3;background:-moz-linear-gradient(left, #a3a3a3 0%, #808080 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #a3a3a3), color-stop(100%, #808080));background:-webkit-linear-gradient(left, #a3a3a3 0%, #808080 100%);background:-o-linear-gradient(left, #a3a3a3 0%, #808080 100%);background:-ms-linear-gradient(left, #a3a3a3 0%, #808080 100%);background:linear-gradient(to right, #a3a3a3 0%, #808080 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#a3a3a3", endColorstr="#808080",GradientType=1 );-webkit-transform:translate(0, 20px) rotateY(-90deg) rotateZ(90deg);transform:translate(0, 20px) rotateY(-90deg) rotateZ(90deg)}.phone .slab .top:before,.phone .slab .top:after,.phone .slab .right:before,.phone .slab .right:after,.phone .slab .bottom:before,.phone .slab .bottom:after,.phone .slab .left:before,.phone .slab .left:after{content:"";position:absolute;top:0;bottom:0;left:-15px;width:16px;background:#a3a3a3;background:-moz-linear-gradient(left, #a3a3a3 0%, #b6b6b6 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #a3a3a3), color-stop(100%, #b6b6b6));background:-webkit-linear-gradient(left, #a3a3a3 0%, #b6b6b6 100%);background:-o-linear-gradient(left, #a3a3a3 0%, #b6b6b6 100%);background:-ms-linear-gradient(left, #a3a3a3 0%, #b6b6b6 100%);background:linear-gradient(to right, #a3a3a3 0%, #b6b6b6 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#a3a3a3", endColorstr="#b6b6b6",GradientType=1 );-webkit-transform:translateZ(3px) rotateY(22.5deg);transform:translateZ(3px) rotateY(22.5deg)}.phone .slab .top:after,.phone .slab .right:before,.phone .slab .bottom:before{left:auto;right:-15px;background:#b6b6b6;background:-moz-linear-gradient(left, #b6b6b6 0%, #a3a3a3 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #b6b6b6), color-stop(100%, #a3a3a3));background:-webkit-linear-gradient(left, #b6b6b6 0%, #a3a3a3 100%);background:-o-linear-gradient(left, #b6b6b6 0%, #a3a3a3 100%);background:-ms-linear-gradient(left, #b6b6b6 0%, #a3a3a3 100%);background:linear-gradient(to right, #b6b6b6 0%, #a3a3a3 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#b6b6b6", endColorstr="#a3a3a3",GradientType=1 );-webkit-transform:translateZ(3px) rotateY(-22.5deg);transform:translateZ(3px) rotateY(-22.5deg)}.phone .slab .right:before{background:gray;background:-moz-linear-gradient(left, #808080 0%, #636363 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #808080), color-stop(100%, #636363));background:-webkit-linear-gradient(left, #808080 0%, #636363 100%);background:-o-linear-gradient(left, #808080 0%, #636363 100%);background:-ms-linear-gradient(left, #808080 0%, #636363 100%);background:linear-gradient(to right, #808080 0%, #636363 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#808080", endColorstr="#636363",GradientType=1 )}.phone .slab .right:after{background:#a3a3a3}.phone .slab .bottom:before,.phone .slab .left:after{background:#636363;-webkit-transform:translateZ(-3px) rotateY(22.5deg);transform:translateZ(-3px) rotateY(22.5deg)}.phone .slab .bottom:after,.phone .slab .left:before{background:#6f6f6f;-webkit-transform:translateZ(-3px) rotateY(-22.5deg);transform:translateZ(-3px) rotateY(-22.5deg)}.phone .slab .left:before{background:#a3a3a3}.phone .slab .left:after{left:auto;right:-15px;background:gray;background:-moz-linear-gradient(left, #808080 0%, #6f6f6f 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #808080), color-stop(100%, #6f6f6f));background:-webkit-linear-gradient(left, #808080 0%, #6f6f6f 100%);background:-o-linear-gradient(left, #808080 0%, #6f6f6f 100%);background:-ms-linear-gradient(left, #808080 0%, #6f6f6f 100%);background:linear-gradient(to right, #808080 0%, #6f6f6f 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#808080", endColorstr="#6f6f6f",GradientType=1 )}.phone .black{-webkit-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-transform:translate3D(2.38px, 2.38px, 5.1px) scale3D(0.98126, 0.99048, 0.167);transform:translate3D(2.38px, 2.38px, 5.1px) scale3D(0.98126, 0.99048, 0.167)}.phone .black .front{border:1px solid #454545;background:#131313;background:-moz-linear-gradient(left, #131313 0%, #2c2c2c 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #131313), color-stop(100%, #2c2c2c));background:-webkit-linear-gradient(left, #131313 0%, #2c2c2c 100%);background:-o-linear-gradient(left, #131313 0%, #2c2c2c 100%);background:-ms-linear-gradient(left, #131313 0%, #2c2c2c 100%);background:linear-gradient(to right, #131313 0%, #2c2c2c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#131313", endColorstr="#2c2c2c",GradientType=1 );-webkit-transform:translate3D(2px, 2px, 2px) scale(0.976, 0.988);transform:translate3D(2px, 2px, 2px) scale(0.976, 0.988)}.phone .black .thickness{border:1px solid #131313;background:#232323;-webkit-transform:translate3D(3px, 3px, 5px) scale(0.968, 0.984);transform:translate3D(3px, 3px, 5px) scale(0.968, 0.984)}.phone .black .thickness-end{border:1px solid #131313;background:-moz-linear-gradient(-163deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%),-moz-linear-gradient(left, #131313 0%, #2c2c2c 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.1)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))),-webkit-gradient(linear, left top, right top, color-stop(0%, #131313), color-stop(100%, #2c2c2c));background:-webkit-linear-gradient(-163deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%),-webkit-linear-gradient(left, #131313 0%, #2c2c2c 100%);background:-o-linear-gradient(-163deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%),-o-linear-gradient(left, #131313 0%, #2c2c2c 100%);background:-ms-linear-gradient(-163deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%),-ms-linear-gradient(left, #131313 0%, #2c2c2c 100%);background:linear-gradient(-107deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 60%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%),linear-gradient(to right, #131313 0%, #2c2c2c 100%);background-repeat:no-repeat;-webkit-transform:translate3D(6px, 6px, 6px) scale(0.945, 0.972);transform:translate3D(6px, 6px, 6px) scale(0.945, 0.972);-webkit-animation:reflection 15s infinite ease-in-out;animation:reflection 15s infinite ease-in-out}.phone .black .top,.phone .black .back,.phone .black .right,.phone .black .bottom,.phone .black .left,.phone .black .top:before,.phone .black .top:after,.phone .black .right:before,.phone .black .right:after,.phone .black .bottom:before,.phone .black .bottom:after,.phone .black .left:before,.phone .black .left:after{background:#121212}.phone .black-back{-webkit-transform:translate3D(2.38px, 2.38px, -30.1px) scale3D(0.98126, 0.99048, 0.167);transform:translate3D(2.38px, 2.38px, -30.1px) scale3D(0.98126, 0.99048, 0.167)}.phone .slab .join{width:4px;height:32px;background:#2c2c2c;box-shadow:inset 2px 0 1px #000,-1px 0 1px #a3a3a3;-webkit-transform:translate3D(418px, -1px, -1px);transform:translate3D(418px, -1px, -1px)}.phone .slab .right .join:before,.phone .slab .right .join:after,.phone .slab .left .join:before,.phone .slab .left .join:after,.phone .slab .top .join:before,.phone .slab .top .join:after{content:"";position:absolute;top:-1.6px;width:4px;height:3px;background:#2c2c2c;box-shadow:inset 2px 0 1px #000,-1px 0 1px #a3a3a3;-webkit-transform:translateZ(1.1px) rotateX(-90deg);transform:translateZ(1.1px) rotateX(-90deg)}.phone .slab .right .join:after,.phone .slab .left .join:after,.phone .slab .top .join:after{top:30px}.phone .slab .left .join{-webkit-transform:translate3D(418px, -1px, 0.5px);transform:translate3D(418px, -1px, 0.5px)}.phone .slab .left .join:before,.phone .slab .left .join:after{-webkit-transform:translateZ(-1.1px) rotateX(-90deg);transform:translateZ(-1.1px) rotateX(-90deg)}.phone .slab .top .join{-webkit-transform:translate3D(60px, -1px, -1px);transform:translate3D(60px, -1px, -1px)}.phone #dock{top:50%;left:50%;width:80px;height:11px;margin:-5.5px 0 0 -40px;background:#2c2c2c;background:-moz-linear-gradient(left, #2c2c2c 0%, #141414 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #2c2c2c), color-stop(100%, #141414));background:-webkit-linear-gradient(left, #2c2c2c 0%, #141414 100%);background:-o-linear-gradient(left, #2c2c2c 0%, #141414 100%);background:-ms-linear-gradient(left, #2c2c2c 0%, #141414 100%);background:linear-gradient(to right, #2c2c2c 0%, #141414 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#2c2c2c", endColorstr="#141414",GradientType=1 );border-radius:4px;box-shadow:inset 1px -3px 3px #000,0 0 2px #a3a3a3;-webkit-transform:translateZ(0.5px);transform:translateZ(0.5px)}.phone #connector{top:50%;left:50%;width:70px;height:2px;margin:-1px 0 0 -35px;background:#333;box-shadow:inset 0 1px 0 #000}.phone .screws{top:50%;left:50px;width:8px;height:8px;margin-top:-5px;border:1px solid #575757;background:#747474;text-align:center;font:bold 6px/8px Verdana,sans-serif;color:#909090;border-radius:8px;box-shadow:0 0 1px #a3a3a3;text-shadow:0px 1px 0px rgba(0,0,0,.4);-webkit-transform:translateZ(1px);transform:translateZ(1px)}.phone .screws-right{left:auto;right:50px}.phone .speaker{top:50%;left:15px;overflow:hidden;width:28px;height:9px;margin-top:-4.5px;background:#717274;background:-moz-linear-gradient(left, #717274 0%, #b0b1b3 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #717274), color-stop(100%, #b0b1b3));background:-webkit-linear-gradient(left, #717274 0%, #b0b1b3 100%);background:-o-linear-gradient(left, #717274 0%, #b0b1b3 100%);background:-ms-linear-gradient(left, #717274 0%, #b0b1b3 100%);background:linear-gradient(to right, #717274 0%, #b0b1b3 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#717274", endColorstr="#b0b1b3",GradientType=1 );border-radius:9px;box-shadow:inset 1px -4px 2px rgba(0,0,0,.5),0 1px 2px #a3a3a3;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.phone .speaker-right{left:auto;right:15px}.phone .speaker .dot,.phone #speaker-front .dot{position:static;float:left;width:1px;height:1px;margin:.5px;background:#353638}.phone #speaker-front{top:30px;left:50%;width:48px;height:6px;margin-left:-24px;overflow:hidden;border-top:3px solid #3c3c3c;background:#b0b1b3;background:-moz-linear-gradient(top, #b0b1b3 0%, #717274 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0b1b3), color-stop(100%, #717274));background:-webkit-linear-gradient(top, #b0b1b3 0%, #717274 100%);background:-o-linear-gradient(top, #b0b1b3 0%, #717274 100%);background:-ms-linear-gradient(top, #b0b1b3 0%, #717274 100%);background:linear-gradient(to bottom, #b0b1b3 0%, #717274 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#b0b1b3", endColorstr="#717274",GradientType=0 );border-radius:50px;box-shadow:inset 2px 2px 2px rgba(0,0,0,.9),inset 1px 3px 1px rgba(255,255,255,.6),inset 1px -2px 1px rgba(255,255,255,.6);-webkit-transform:translateZ(20px);transform:translateZ(20px)}.phone #sim{top:50%;left:205px;width:74px;height:8px;margin-top:-5px;border:1px solid #727272;background:#969696;border-radius:8px;box-shadow:inset 0 0 2px rgba(255,255,255,.4),0 0 1px rgba(255,255,255,.7)}.phone #hole{top:50%;right:2.5px;width:4px;height:4px;margin-top:-2px;background:#2c2c2c;border-radius:4px;box-shadow:inset -1px 0 0 #000,0 0 2px #a3a3a3}.phone #home-button{top:433.2px;left:50%;width:46.8px;height:46.8px;margin-left:-24.4px;border:1px solid #303030;background:#4d4d4d;background:-moz-linear-gradient(left, #4d4d4d 0%, #0d0d0d 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #4d4d4d), color-stop(100%, #0d0d0d));background:-webkit-linear-gradient(left, #4d4d4d 0%, #0d0d0d 100%);background:-o-linear-gradient(left, #4d4d4d 0%, #0d0d0d 100%);background:-ms-linear-gradient(left, #4d4d4d 0%, #0d0d0d 100%);background:linear-gradient(to right, #4d4d4d 0%, #0d0d0d 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#4d4d4d", endColorstr="#0d0d0d",GradientType=1 );border-radius:50px;box-shadow:inset 0 0 2px #000;-webkit-transform:translateZ(20px);transform:translateZ(20px)}.phone #square{top:50%;left:50%;width:13.2px;height:13.2px;margin:-8.6px 0 0 -8.6px;border:2px solid #eee;border-radius:4px}.phone #screen{top:60px;left:50%;width:218px;height:355px;margin-left:-109px;background:#000;-webkit-transform:translateZ(20px);transform:translateZ(20px);overflow:hidden}.phone #screen:after{content:"";position:absolute;top:0;right:0;left:0;height:5px;box-shadow:inset 2px 2px 5px rgba(0,0,0,.9);-webkit-transform:translateZ(1px);transform:translateZ(1px)}.phone iframe{position:absolute;top:420px;width:417px;height:221px;-webkit-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-transform:translateZ(0.5px) rotateZ(-90deg);transform:translateZ(0.5px) rotateZ(-90deg);object-fit:cover;object-position:right}.phone #webcam{top:30px;left:76px;width:10px;height:10px;background:#0d0d0d;background:-moz-linear-gradient(left, #0d0d0d 0%, #4d4d4d 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #0d0d0d), color-stop(100%, #4d4d4d));background:-webkit-linear-gradient(left, #0d0d0d 0%, #4d4d4d 100%);background:-o-linear-gradient(left, #0d0d0d 0%, #4d4d4d 100%);background:-ms-linear-gradient(left, #0d0d0d 0%, #4d4d4d 100%);background:linear-gradient(to right, #0d0d0d 0%, #4d4d4d 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#0d0d0d", endColorstr="#4d4d4d",GradientType=1 );box-shadow:inset 0 0 2px #000;border-radius:9px;-webkit-transform:translateZ(20px);transform:translateZ(20px)}.phone #flash{top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:#3558a9;background:-moz-linear-gradient(45deg, #3558a9 0%, #5b81d2 100%);background:-webkit-gradient(linear, left bottom, right top, color-stop(0%, #3558a9), color-stop(100%, #5b81d2));background:-webkit-linear-gradient(45deg, #3558a9 0%, #5b81d2 100%);background:-o-linear-gradient(45deg, #3558a9 0%, #5b81d2 100%);background:-ms-linear-gradient(45deg, #3558a9 0%, #5b81d2 100%);background:linear-gradient(45deg, #3558a9 0%, #5b81d2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#3558a9", endColorstr="#5b81d2",GradientType=1 );border-radius:4px}.phone .volume{top:50%;left:79px;width:22px;height:22px;margin-top:-11px;background:#a8a8a8;color:#d0d0d0;text-align:center;border-radius:22px;box-shadow:0 0 5px rgba(0,0,0,.9),inset 0 0 3px rgba(255,255,255,.5),inset 0 0 1px #fff,0px 2px 2px rgba(0,0,0,.3);text-shadow:-1px -1px rgba(0,0,0,.3);-webkit-transform:translateZ(0.5px);transform:translateZ(0.5px)}.phone .volume-1,.phone .volume-2,.phone .volume-3,.phone .volume-4,.phone .volume-5{left:0;box-shadow:inset 0 0 3px rgba(255,255,255,.2),inset 0 0 1px #fff,0px 2px 2px rgba(0,0,0,.1)}.phone .volume-1{-webkit-transform:translateZ(1px);transform:translateZ(1px)}.phone .volume-2{-webkit-transform:translateZ(1.5px);transform:translateZ(1.5px)}.phone .volume-3{-webkit-transform:translateZ(2px);transform:translateZ(2px)}.phone .volume-4{-webkit-transform:translateZ(2.5px);transform:translateZ(2.5px)}.phone .volume-5{font:normal 27px/24px "Times New Roman",serif;-webkit-transform:translateZ(3px);transform:translateZ(3px)}.phone .volume-less{left:127px}.phone .volume-less .volume-5{font:bold 16px/21px "Times New Roman",serif}.phone #ringtone{top:50%;left:19px;margin-top:-8px;width:33px;height:16px;background:#999;border-radius:8px/10px;box-shadow:inset 0px -1px 2px rgba(0,0,0,.2),0 0 1px rgba(255,255,255,.5);-webkit-transform:translateZ(0.5px);transform:translateZ(0.5px)}.phone .lock{left:50%;width:31px;height:8px;margin-left:-15.5px;background:#a8a8a8;border-radius:8px/5px;box-shadow:0 0 3px rgba(0,0,0,.4),inset 0 0 4px rgba(255,255,255,.5),inset 0 0 1px #fff,0px 2px 2px rgba(0,0,0,.3);-webkit-transform:translateZ(0.5px);transform:translateZ(0.5px)}.phone .lock-1,.phone .lock-2,.phone .lock-3,.phone .lock-4,.phone .lock-5{box-shadow:inset 0 0 4px rgba(255,255,255,.2),inset 0 0 1px rgba(255,255,255,.7)}.phone .lock-1{-webkit-transform:translateZ(1px);transform:translateZ(1px)}.phone .lock-2{-webkit-transform:translateZ(1.5px);transform:translateZ(1.5px)}.phone .lock-3{-webkit-transform:translateZ(2px);transform:translateZ(2px)}.phone .lock-4{-webkit-transform:translateZ(2.5px);transform:translateZ(2.5px)}.phone .lock-5{-webkit-transform:translateZ(3px);transform:translateZ(3px)}.phone #earphone{top:50%;left:10px;width:22px;height:22px;margin-top:-12px;border:1px solid #2c2c2c;background:#333;background:-moz-linear-gradient(left, #333 0%, #141414 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #333), color-stop(100%, #141414));background:-webkit-linear-gradient(left, #333 0%, #141414 100%);background:-o-linear-gradient(left, #333 0%, #141414 100%);background:-ms-linear-gradient(left, #333 0%, #141414 100%);background:linear-gradient(to right, #333 0%, #141414 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#333", endColorstr="#141414",GradientType=1 );border-radius:24px;box-shadow:inset 0 0 0 2.5px #c5c5c5,0 0 0 1px #cecece,inset 0 -6px 3px #000,0 0 1px 1px rgba(255,255,255,.2);-webkit-transform:translateZ(-1px);transform:translateZ(-1px)}.phone #click{top:50%;left:45px;width:4px;height:4px;margin-top:-2px;background:#2c2c2c;border-radius:4px;box-shadow:inset -1px 0 0 #000,0 0 2px rgba(255,255,255,.9);-webkit-transform:translateZ(-1px);transform:translateZ(-1px)}.phone .on-off{top:50%;right:24.5px;width:41px;height:10px;margin-top:-5px;background:#d6d6d6;background:-moz-linear-gradient(top, #d6d6d6 0%, #b6b6b6 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d6d6), color-stop(100%, #b6b6b6));background:-webkit-linear-gradient(top, #d6d6d6 0%, #b6b6b6 100%);background:-o-linear-gradient(top, #d6d6d6 0%, #b6b6b6 100%);background:-ms-linear-gradient(top, #d6d6d6 0%, #b6b6b6 100%);background:linear-gradient(to bottom, #d6d6d6 0%, #b6b6b6 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#d6d6d6", endColorstr="#b6b6b6",GradientType=0 );border-radius:10px;box-shadow:0 0 3px rgba(0,0,0,.4),inset 0 0 4px rgba(255,255,255,.5),inset 0 0 1px #fff,0px 2px 2px rgba(0,0,0,.3);-webkit-transform:translateZ(-1px);transform:translateZ(-1px)}.phone .on-off-1,.phone .on-off-2,.phone .on-off-3,.phone .on-off-4{right:0;box-shadow:inset 0 0 4px rgba(255,255,255,.2),inset 0 0 1px rgba(255,255,255,.7)}.phone .on-off-1{-webkit-transform:translateZ(-1.5px);transform:translateZ(-1.5px)}.phone .on-off-2{-webkit-transform:translateZ(-2px);transform:translateZ(-2px)}.phone .on-off-3{-webkit-transform:translateZ(-2.5px);transform:translateZ(-2.5px)}.phone .on-off-4{-webkit-transform:translateZ(-3px);transform:translateZ(-3px)}.footer{padding:0 20px 20px;text-align:center;z-index:1;position:relative}.footer p{margin:0}body.introduction .footer{display:flex;box-sizing:border-box;width:100%;justify-content:space-between;align-items:flex-end;text-align:left}body.introduction .footer small{text-align:left;width:300px;max-width:100%}body.introduction .footer .subscribe{position:relative;width:100%;box-sizing:border-box;text-align:right;display:flex;justify-content:flex-end}body.introduction .footer .subscribe a{padding:5px;border:1px solid #000;text-decoration:none;border-radius:5px;margin-top:0px}