.how-it-works-page{padding-top:80px}.how-it-works-page .title-bar span{font-size:60px}.how-it-works-page .smartcourt-wrapper{background:url("/Content/images/web/home/how-it-works/smartcourt-box.png") no-repeat right 10px;max-width:980px;min-height:520px;margin:100px auto}.how-it-works-page .item-bar{margin-top:190px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.how-it-works-page .item-bar:first-child{margin-top:0}.how-it-works-page .item-bar div{font-family:"Lato",sans-serif,Helvetica,Arial,sans-serif}.how-it-works-page .item-bar div p{font-size:46px;margin:-5px 0 8px}.how-it-works-page .item-bar div span{font-size:18px;text-transform:uppercase}.how-it-works-page .item-bar div span i{font-style:normal;text-transform:none}.how-it-works-page .item-bar .item-icon{background-repeat:no-repeat;background-position:center;width:80px;height:80px;border:2px solid #39d;border-radius:50%;margin-right:30px;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row}.how-it-works-page .item-bar .item-icon.i1{background-image:url("/Content/images/web/home/how-it-works/join-icon.png")}.how-it-works-page .item-bar .item-icon.i2{background-image:url("/Content/images/web/home/how-it-works/login-icon.png")}.how-it-works-page .item-bar .item-icon.i3{background-image:url("/Content/images/web/home/how-it-works/play-icon.png")}.how-it-works-page .item-bar .item-icon.i4{background-image:url("/Content/images/web/home/how-it-works/track-icon.png")}.how-it-works-page .smartcourt{background:url("/Content/images/web/home/how-it-works/smartcourt.png") no-repeat center;margin-top:55px;height:606px;position:relative}.how-it-works-page .smartcourt .item{text-align:center;position:absolute;z-index:1}.how-it-works-page .smartcourt .item .smartcourt-icon{background-repeat:no-repeat;background-position:center;width:80px;height:80px;border:2px solid #39d;border-radius:50%;overflow:hidden;margin:0 auto 20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row}.how-it-works-page .smartcourt .item .smartcourt-icon span{color:#39d;font-size:38px}.how-it-works-page .smartcourt .item .smartcourt-icon span.icon-control-play{margin-left:8px}.how-it-works-page .smartcourt .item .icon-title{font:18px "Lato",sans-serif,Helvetica,Arial,sans-serif;text-transform:uppercase}.how-it-works-page .smartcourt .item.i1{top:0;left:431px}.how-it-works-page .smartcourt .item.i2{top:62px;right:106px}.how-it-works-page .smartcourt .item.i3{top:360px;right:10px}.how-it-works-page .smartcourt .item.i3 .smartcourt-icon{background-image:url("/Content/images/web/home/how-it-works/strokes-icon.png")}.how-it-works-page .smartcourt .item.i4{top:475px;right:290px}.how-it-works-page .smartcourt .item.i5{top:465px;left:105px}.how-it-works-page .smartcourt .item.i6{top:285px;left:30px}.how-it-works-page .smartcourt .item.i7{top:53px;left:137px}.how-it-works-page .smartcourt .item.i7 .smartcourt-icon{background-image:url("/Content/images/web/home/how-it-works/3d-reviews-icon.png")}