takeoff-default.min.css

body,html{height:100%;width:100%;margin:0;padding:0;-moz-transition-property:background-color;-o-transition-property:background-color;-webkit-transition-property:background-color;transition-property:background-color;-moz-transition-duration:.7s;-o-transition-duration:.7s;-webkit-transition-duration:.7s;transition-duration:.7s;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}body{background-attachment:fixed;overflow:hidden}div{box-sizing:border-box}.takeoff__footer,.takeoff__header{position:fixed;width:100%;padding-left:8%;padding-right:8%;z-index:10}.takeoff__header{top:20px}.takeoff__footer{bottom:40px}p a{border-bottom:1px dotted #4f3200}@media screen and (max-width:479px){.takeoff__footer{display:none}}@media screen and (min-width:480px) and (max-width:767px){.takeoff__footer{bottom:0;height:140px;background-color:#fff}.takeoff__content-container{width:100%;height:100vh}}.takeoff__content-centerer-outer{z-index:5;position:fixed;display:table;width:100%;height:100vh}.takeoff__content-centerer-inner{display:table-cell;text-align:center;vertical-align:middle}.takeoff__content-container{margin-left:auto;margin-right:auto;position:relative}@media screen and (max-width:479px){.takeoff__content-container{width:100%;height:100vh}}@media screen and (min-width:768px) and (max-width:1023px){.takeoff__content-container{width:600px;height:420px}}@media screen and (min-width:1024px) and (max-width:1199px){.takeoff__content-container{width:600px;height:420px}}@media screen and (min-width:1200px) and (max-width:1919px){.takeoff__content-container{width:600px;height:420px}}.takeoff__device{z-index:10;left:0;top:0;position:absolute;height:450px}.takeoff__screens,.takeoff__texts{position:absolute;overflow:hidden;z-index:5}@media screen and (max-width:479px){.takeoff__device{top:320px;left:calc(50% - 110px)}}@media screen and (min-width:480px) and (max-width:767px){.takeoff__device{top:280px;left:calc(50% - 110px)}}.takeoff__screens{width:198px;height:346px;left:12px;top:51px}.takeoff__screens img{width:100%;position:absolute;left:0;top:346px}@media screen and (max-width:479px){.takeoff__screens{left:calc(50% - 98px);top:371px}}@media screen and (min-width:480px) and (max-width:767px){.takeoff__screens{left:calc(50% - 98px);top:331px}}.takeoff__texts{right:0;text-align:left;padding-top:50px;padding-bottom:50px;top:60px;width:310px;height:300px}@media screen and (max-width:479px){.takeoff__texts{top:0;width:100%;padding-left:30px;padding-right:30px;text-align:center}}@media screen and (min-width:480px) and (max-width:767px){.takeoff__texts{top:0;width:100%;padding-left:60px;padding-right:60px;text-align:center}}.takeoff__textblock-container{position:relative;height:100%;width:100%}.takeoff__textblock{position:absolute;height:100%;top:300px}.takeoff__backgrounds{z-index:1}.takeoff__backgroundBlock{position:relative;overflow:visible;min-height:100vh;height:6000px}.takeoff__backgroundBlock:last-of-type{height:100vh;overflow:hidden}@font-face{font-family:'Quattrocento Sans';font-weight:400;font-style:normal;src:url(assets/fonts/quattrocentosans-regular-webfont.eot);src:url(assets/fonts/quattrocentosans-regular-webfont.eot?#iefix) format("embedded-opentype"),url(assets/fonts/quattrocentosans-regular-webfont.woff) format("woff"),url(assets/fonts/quattrocentosans-regular-webfont.ttf) format("truetype"),url(assets/fonts/quattrocentosans-regular-webfont.svg#webfont) format("svg")}@font-face{font-family:'Quattrocento Sans';font-weight:400;font-style:italic;src:url(assets/fonts/quattrocentosans-italic-webfont.eot);src:url(assets/fonts/quattrocentosans-italic-webfont.eot?#iefix) format("embedded-opentype"),url(assets/fonts/quattrocentosans-italic-webfont.woff) format("woff"),url(assets/fonts/quattrocentosans-italic-webfont.ttf) format("truetype"),url(assets/fonts/quattrocentosans-italic-webfont.svg#webfont) format("svg")}@font-face{font-family:'Quattrocento Sans';font-weight:700;font-style:normal;src:url(assets/fonts/quattrocentosans-bold-webfont.eot);src:url(assets/fonts/quattrocentosans-bold-webfont.eot?#iefix) format("embedded-opentype"),url(assets/fonts/quattrocentosans-bold-webfont.woff) format("woff"),url(assets/fonts/quattrocentosans-bold-webfont.ttf) format("truetype"),url(assets/fonts/quattrocentosans-bold-webfont.svg#webfont) format("svg")}@font-face{font-family:'Quattrocento Sans';font-weight:700;font-style:italic;src:url(assets/fonts/quattrocentosans-bolditalic-webfont.eot);src:url(assets/fonts/quattrocentosans-bolditalic-webfont.eot?#iefix) format("embedded-opentype"),url(assets/fonts/quattrocentosans-bolditalic-webfont.woff) format("woff"),url(assets/fonts/quattrocentosans-bolditalic-webfont.ttf) format("truetype"),url(assets/fonts/quattrocentosans-bolditalic-webfont.svg#webfont) format("svg")}html{font-family:"Quattrocento Sans",Georgia,serif;color:#4f3200;font-size:10px}ul{list-style-type:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-around}a,a:active,a:hover,a:link,a:visited{text-decoration:none;color:inherit}.takeoff__footer{font-weight:700;font-size:1.2rem}.takeoff__footer li{display:inline-block;margin-left:30px}@media screen and (min-width:768px) and (max-width:1023px){.takeoff__footer li{margin-left:40px}#header__logo{width:83.5px}}.takeoff__footerLeft{float:left}.takeoff__footerRight{float:right}#header__logo{display:block;position:absolute;top:30px;left:50px}@media screen and (max-width:479px){#header__logo{display:none}}@media screen and (min-width:480px) and (max-width:767px){.takeoff__footer{text-align:center;background-color:#e7e7e6;text-shadow:none;color:#4f3200;text-transform:uppercase;letter-spacing:2px}.takeoff__footer li{margin-left:16px;margin-top:15px}.takeoff__footerLeft,.takeoff__footerRight{float:none;margin-top:24px}#header__logo{display:none}}@media screen and (min-width:1024px) and (max-width:1199px){#header__logo{width:83.5px}}@media screen and (min-width:1200px) and (max-width:1919px){#header__logo{width:83.5px}}@media screen and (min-width:1920px){#header__logo{width:83.5px}}.takeoff__textblock-container h1,h3{font-size:2.4rem;line-height:2.8rem;letter-spacing:.5px;margin-top:0;margin-bottom:15px}.takeoff__textblock-container p{font-size:1.4rem;line-height:2rem;letter-spacing:.25px}.appPrompt{background-color:rgba(231,231,230,.2);text-transform:uppercase;color:#4f3200;letter-spacing:3px;display:inline-block;padding:12px 20px}.appPrompt .addPrompt__text{display:inline;font-size:1rem;line-height:24px;vertical-align:text-bottom;margin:0;letter-spacing:3px}.app-icon{display:inline-block;background-size:cover;cursor:pointer;margin-left:15px}.app-icon.apple-icon{background-image:url(assets/images/icons/apple-icon.png);height:20px;width:16.5px}.app-icon.android-icon{background-image:url(assets/images/icons/android-icon.png);height:20px;width:16.5px}.app-icon.web-icon{background-image:url(assets/images/icons/web-icon.png);height:20px;width:20px}.app-icon.facebook-icon{background-image:url(assets/images/icons/facebook-icon.png);height:20px;width:20px}.app-icon.github-icon{background-image:url(assets/images/icons/github-icon.png);height:20px;width:20px}.app-icon.twitter-icon{background-image:url(assets/images/icons/twitter-icon.png);height:20px;width:24.5px}@media screen and (min-width:1920px){.app-icon.android-icon,.app-icon.apple-icon{height:24px;width:20px}.app-icon.web-icon{height:24px;width:24px}}#circle-1a,#circle-3a,#circle-3b{width:420px;height:420px}#circle-4,#circle-5{width:100vh;height:100vh}#circle-6,#circle-7a{width:1000px;height:1000px}.decoration-circle{position:absolute;border-radius:50%}@media screen and (max-width:479px){.decoration-circle{display:none}}@media screen and (min-width:480px) and (max-width:767px){.decoration-circle{display:none}}.yellow-circle{background-color:#f0bb6b}.red-circle{background-color:#e6807b}.blue-circle{background-color:#4fbce8}.grey-circle{background-color:#e7e7e6}#circle-1a{top:-120px;left:-120px}#circle-1b{top:460px;right:-300px;width:640px;height:640px}#circle-2a{top:-100px;right:-40px;width:380px;height:380px}#circle-2b{top:460px;left:-120px;width:480px;height:480px}#circle-3a{top:-20px;left:-20px}#circle-3b{top:300px;right:-220px}#circle-4{margin-left:auto;margin-right:auto;position:relative}#circle-5{top:-180px;left:-360px}#circle-6{top:-200px;left:1020px}#circle-7a{top:0;left:-660px}#circle-7b{top:60px;left:1000px;width:200px;height:200px}#circle-7c{top:180px;right:-60px;width:360px;height:360px}.takeoff__nextSlide{position:fixed;cursor:pointer;padding:0;height:30px;width:60px;left:calc(50% - 30px);z-index:30}.takeoff__nextSlide:after,.takeoff__nextSlide:before{content:'';position:absolute;top:0;height:10%;background:#4f3200}.takeoff__nextSlide:before{left:0;width:51%;-moz-transform:skew(0deg,12deg);-ms-transform:skew(0deg,12deg);-webkit-transform:skew(0deg,12deg);transform:skew(0deg,12deg)}.takeoff__nextSlide:after{right:0;width:50%;-moz-transform:skew(0deg,-12deg);-ms-transform:skew(0deg,-12deg);-webkit-transform:skew(0deg,-12deg);transform:skew(0deg,-12deg)}