/*html*/
/*body*/
/*.main*/
/*.main-intro*/
/*.main-intro > .wrap*/
/*.main-intro .sprite*/
/*.main-intro .sprite.is-2*/
.main-intro .sprite.is-2.no-1{top:-6em;width:550px;height:578px;background-position:1004px -2px}
.main-intro .sprite.is-2.no-2{bottom:-8em;width:170px;height:288px;background-position:1176px -2px}
.main-intro .sprite.is-2.no-3{top:calc(50% - 275px);left:calc(100% - 10em);width:450px;height:550px;background-position:452px -2px}
/*.main > .wrap*/
/*.main > .wrap > .wrap.is-centered*/
.main-general{background:#eee}
.main-benefits{position:relative;padding:calc(250px + 2em) 2em 4em;margin-top:-2em;margin-bottom:4em;background:#eee}
.main-benefits > p{font-size:1.1em;margin:1.5em 0}
.main-benefits > p:first-of-type{margin-top:2em}
.main-benefits > p:last-of-type{margin-bottom:0}
.main-benefits > .grid{text-align:center}
.main-benefits .grid-item{vertical-align:middle;padding:1em}
.main-benefits .grid-item > .sprite{display:inline-block}
.main-benefits > .grid.no-1{margin:2em -1em}
.main-benefits > .grid.no-1 > .grid-item{padding:1em}
.main-benefits > .grid.no-1 > .grid-item > .sprite{margin-bottom:1.5em}
.main-benefits > .grid.no-2{margin:-1em -2em}
.main-benefits > .grid.no-2 > .grid-item{}
.main-benefits > .grid.no-2 > .grid-item > .title{font-weight:800;font-family:'Open Sans',sans-serif}
.main-benefits > .grid.no-2 > .grid-item > .sprite.no-1{margin-bottom:1em}
.main-benefits > .grid.no-2 > .grid-item > .sprite.no-2{margin:1em 0 -10px}
.main-benefits > .sprite{position:absolute;top:0;right:0;left:0;z-index:2;height:250px;background:url('../img/appboy-md.jpg') no-repeat center top;background-size:auto 100%}
/*html.is-js*/
/*html.is-js body*/
/*html.is-js .header*/
/*html.is-js .header.is-enabled*/
html.is-js .header.is-enabled > .wrap{height:31em}
/*.main*/
/*.main > .wrap*/
.main > .wrap.is-2{background-image:url('../img/members-md.jpg')}
@media (min-width:400px) {
/*html*/
/*body*/
/*.main*/
/*.main > .wrap*/
/*.main > .wrap > .wrap.is-centered*/
.main-benefits{padding-top:calc(300px + 2em)}
.main-benefits > .sprite{height:300px}
/*html.is-js*/
/*html.is-js body*/
/*html.is-js .header*/
/*html.is-js .header.is-enabled*/
html.is-js .header.is-enabled > .wrap{height:27em}
}
@media (min-width:500px) {
/*html*/
/*body*/
/*.main*/
/*.main-intro*/
/*.main-intro > .wrap*/
/*.main-intro .sprite*/
/*.main-intro .sprite.is-2*/
.main-intro .sprite.is-2.no-2{bottom:-9em}
.main-intro .sprite.is-2.no-3{left:calc(100% - 12em)}
/*.main > .wrap*/
/*.main > .wrap > .wrap.is-centered*/
.main-benefits{padding-top:calc(350px + 2em)}
/*.main-benefits > .grid.no-1*/
.main-benefits > .grid.no-1 > .grid-item{width:50%}
.main-benefits > .sprite{height:350px}
/*html.is-js*/
/*html.is-js body*/
/*html.is-js .header*/
/*html.is-js .header.is-enabled*/
html.is-js .header.is-enabled > .wrap{height:21em}
}
@media (min-width:600px) {
/*html*/
/*body*/
/*.main*/
/*.main > .wrap*/
/*.main > .wrap > .wrap.is-centered*/
.main-benefits{padding-top:calc(400px + 2em)}
/*.main-benefits > .grid.no-2*/
.main-benefits > .grid.no-2 > .grid-item{position:relative;width:33.33333%}
.main-benefits > .grid.no-2 > .grid-item.no-1{width:100%;padding-bottom:1.5em}
.main-benefits > .grid.no-2 > .grid-item > .sprite.no-2{position:absolute;top:calc(50% - 20px);right:-20px;margin:0}
.main-benefits > .sprite{height:400px}
}
@media (min-width:700px) {
/*html*/
/*body*/
/*.main*/
/*.main > .wrap*/
/*.main > .wrap > .wrap.is-centered*/
.main-benefits{padding-top:calc(450px + 2em)}
/*.main-benefits > .grid.no-1*/
.main-benefits > .grid.no-1 > .grid-item{width:25%}
.main-benefits > .sprite{height:450px}
/*html.is-js*/
/*html.is-js body*/
/*html.is-js .header*/
/*html.is-js .header.is-enabled*/
html.is-js .header.is-enabled > .wrap{height:15em}
}
@media (min-width:800px) {
/*html*/
/*body*/
/*.main*/
/*.main-intro*/
/*.main-intro > .wrap*/
/*.main-intro sprite.is-2*/
.main-intro .sprite.is-2.no-1{top:-4em}
.main-intro .sprite.is-2.no-2{bottom:-4em}
/*.main > .wrap*/
/*.main > .wrap > .wrap.is-centered*/
.main-general{margin-bottom:6em}
.main-general::before{background:#eee}
.main-benefits{padding:6em 1em;margin-top:0;margin-bottom:6em}
.main-benefits::before{background:#eee}
.main-benefits > .title{margin-right:529px}
.main-benefits > p{margin-right:427px;z-index:3}
.main-benefits > p:first-of-type{margin-top:3em}
.main-benefits > .sprite{position:absolute;top:-84px;right:-106px;left:auto;z-index:2;width:686px;height:568px;background-image:url('../img/appboy-hd.jpg');background-position:center top;background-size:auto 100%;-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}
.main-block{margin-bottom:6em}
/*.main*/
/*.main > .wrap*/
.main > .wrap.is-2{background-image:url('../img/members-hd.jpg')}
}
@media (min-width:1000px) {
/*html*/
/*body*/
/*.main*/
/*.main > .wrap*/
/*.main > .wrap > .wrap.is-centered*/
/*.main-benefits*/
.main-benefits > .title{margin-right:504px}
.main-benefits > p{margin-right:436px}
/*.main-benefits > .grid.no-2*/
.main-benefits > .grid.no-2 > .grid-item{width:23%}
.main-benefits > .grid.no-2 > .grid-item.no-1{width:31%}
.main-benefits > .grid.no-2 > .grid-item.no-2{padding-right:2.5em}
.main-benefits > .sprite{top:-84px;right:-130px;-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}
}
@media (min-width:1200px) {
/*html*/
/*body*/
/*.main*/
/*.main > .wrap*/
/*.main > .wrap > .wrap.is-centered*/
/*.main-benefits*/
.main-benefits > .title,.main-benefits > p{margin-right:521px}
.main-benefits > .sprite{top:-59px;right:-149px;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}
}
@media (min-width:1400px) {
/*html*/
/*body*/
/*.main*/
/*.main-intro*/
/*.main-intro > .wrap*/
/*.main-intro .sprite.is-2*/
.main-intro .sprite.is-2.no-1{margin-right:100px}
/*.main > .wrap*/
/*.main > .wrap > .wrap.is-centered*/
/*.main-benefits*/
.main-benefits > .title,.main-benefits > p{margin-right:536px}
.main-benefits > .sprite{top:-34px;right:-169px;-webkit-transform:scale(1,1);transform:scale(1,1)}
}