@font-face{font-family:proxima-nova;src:url('assets/webfonts/proximanova-reg-webfont.woff') format('woff');font-weight:400}
@font-face{font-family:proxima-nova;src:url('assets/webfonts/proximanova-bold-webfont.woff') format('woff');font-weight:700}
*{box-sizing:content-box}
html{font-size:62.5%;-webkit-text-size-adjust:100%}
html,body,.root{height:100%}
body{margin:0;background:url('assets/images/bg/body_noise.png') repeat 50% 50%;color:#222;font:14px/20px proxima-nova,'Helvetica Neue',Arial,sans-serif}
a,a:visited{color:#3f729b;text-decoration:none}a:hover{color:#1c5380;text-decoration:underline}
strong{font-weight:700}.root{min-width:320px}.page{position:relative;min-height:700px}
.page-home #home-bg{position:absolute;inset:0 0 auto;width:100%;height:280px;background-color:#517fa4;background-image:url('assets/images/shared/noise-1.png'),linear-gradient(to bottom,#517fa4,#306088);background-position:50% 50%}
.page-home .wrap{position:relative;width:880px;margin:0 auto;zoom:1}.page-home .wrap:before,.page-home .wrap:after{content:"";display:block;overflow:hidden}.page-home .wrap:after{clear:both}
.home-phones{position:absolute;top:-10px;bottom:46px;left:-80px;width:454px;height:618px;margin-left:4px;padding-top:80px;background:url('assets/images/homepage/home-phones.png') no-repeat 0 80px;background-size:454px 618px}
#iphone-overlay{position:absolute;top:173px;left:130px}#iphone-overlay img{position:absolute;width:240px;height:427px;opacity:0;z-index:8;transition:opacity .8s ease}#iphone-overlay img.active{opacity:1;z-index:10}
.content{position:relative;float:right;width:520px;margin-top:30px}.instagram-title{position:absolute;top:40px;left:10px;width:314px;height:78px;margin:0;background:url('assets/images/homepage/brand-header-simple.png') no-repeat;text-indent:-9999em}
.tab{margin-top:170px;background:url('assets/images/homepage/content-background.png') 6px 6px no-repeat}.tab-content{padding:40px 56px 128px 48px}.tab-content h1{margin:0 35% 10px 0;color:#06365f;font:700 27px/32px proxima-nova,'Helvetica Neue',Arial,sans-serif}.tab-content p{margin:0 0 10px;font-size:16px;line-height:24px}
.home-login{position:absolute!important;right:18px;top:96px;padding:13px 13px 12px 42px!important;border:1px solid #1c5380;border-radius:3px;background:linear-gradient(to bottom,#6f97b6,#3f729b);box-shadow:0 1px 3px rgba(0,0,0,.1),inset 1px 0 rgba(255,255,255,.05),inset -1px 0 rgba(255,255,255,.05),inset 0 1px rgba(255,255,255,.1);color:#fff!important;font-size:16px;font-weight:700;line-height:16px;text-shadow:0 1px rgba(0,0,0,.3);text-decoration:none!important}.home-login:hover{background:linear-gradient(to bottom,#789fbd,#487da7)}
.home-login i{position:absolute;left:0;top:0;width:40px;height:40px;background:url('assets/images/shared/shared-assets.png') no-repeat 4px -196px}
.platform-badge-container{position:absolute;margin-top:25px}.platform-badge{display:inline-block;margin-right:16px}.platform-badge img{height:45px}
.page-footer{position:relative;z-index:20;clear:both;overflow:hidden;margin-top:0;padding:8px 0 7px;border:0;background:none;text-align:center;font-size:12px;line-height:16px;text-shadow:0 1px rgba(255,255,255,.6)}.page-footer .wrapper{position:relative;width:840px;margin:0 auto;padding:0 16px}.page-footer nav,.page-footer nav ul,.page-footer .copyright{display:inline-block;margin:0;padding:0}.page-footer ul{list-style:none}.page-footer li{display:inline-block;margin:0}.page-footer a{display:block;padding:8px 6px;font-weight:700;text-transform:uppercase}.page-footer .copyright{margin-left:8px;padding:8px 6px;color:rgba(0,0,0,.3);font-weight:700;text-transform:uppercase}
@media (min-resolution:1.5dppx){.home-phones{background-image:url('assets/images/homepage/home-phones@2x.png')}.instagram-title{background-image:url('assets/images/homepage/brand-header-simple@2x.png');background-size:314px 78px}.tab{background-image:url('assets/images/homepage/content-background@2x.png');background-size:505px 284px}.home-login i{background-image:url('assets/images/shared/shared-assets@2x.png');background-size:150px 600px}}
@media (max-width:900px){
  html,body,.root{height:auto;min-height:100%}
  .root{min-width:0;overflow-x:hidden}
  .page{min-height:0}
  .page-home #home-bg{height:220px}
  .page-home .wrap{width:100%;margin:0}
  .home-phones{position:relative;top:auto;bottom:auto;left:auto;width:min(320px,calc(100vw - 24px));height:auto;aspect-ratio:454/618;margin:0 auto;padding:0;transform:none;background-position:0 0;background-size:100% 100%}
  #iphone-overlay{top:15.05%;left:28.63%;width:52.86%;height:69.09%}
  #iphone-overlay img{width:100%;height:100%;object-fit:cover}
  .content{position:static;float:none;width:auto;margin:0}
  .instagram-title{top:34px;left:50%;width:270px;height:67px;margin-left:-135px;background-size:270px auto}
  .home-login{top:122px;right:50%;margin-right:-46px}
  .tab{margin:0;background:none}
  .tab-content{padding:24px max(24px,calc((100vw - 620px)/2)) 44px}
  .tab-content h1{margin-right:0;font-size:25px;line-height:30px}
  .platform-badge-container{position:static;display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:22px}
  .platform-badge{margin:0}
  .page-footer{padding:10px 12px 14px}
  .page-footer .wrapper{width:auto;padding:0}
  .page-footer nav{display:block}
}
@media (max-width:900px){.home-phones{margin-top:205px}}
@media (max-width:380px){
  .page-home #home-bg{height:205px}
  .instagram-title{top:30px;width:240px;height:60px;margin-left:-120px;background-size:240px auto}
  .home-login{top:112px}
  .home-phones{margin-top:192px}
  .tab-content{padding:20px 18px 36px}
  .tab-content h1{font-size:23px;line-height:28px}
  .tab-content p{font-size:15px;line-height:22px}
  .platform-badge-container{justify-content:center}
  .platform-badge img{max-width:136px;height:auto;max-height:42px}
  .page-footer a{padding:6px 5px}
  .page-footer .copyright{display:block;margin:0;padding:6px}
}