.how-to-page{background-color:#fff;padding-bottom:100px}@media only screen and (max-width:768px){.how-to-page{padding-bottom:40px}}.how-to-page .banner{-moz-align-items:center;align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:-moz-flex;display:flex;-moz-justify-content:center;justify-content:center;padding-bottom:30px;position:relative}@media only screen and (max-width:1199px){.how-to-page .banner{overflow:hidden}.how-to-page .banner .img-responsive{height:250px;max-width:none;width:auto}}@media only screen and (max-width:768px){.how-to-page .banner{overflow:hidden;padding-bottom:0}.how-to-page .banner .img-responsive{display:none}}.how-to-page .banner .wrap-title,.how-to-page .banner .wrap-title img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.how-to-page .banner .wrap-title img{display:none;height:100%;min-height:100%;min-width:100%;width:auto}@media only screen and (max-width:768px){.how-to-page .banner .wrap-title{left:0;position:relative;top:0!important;transform:none!important;width:100%}.how-to-page .banner .wrap-title .title span{position:relative;z-index:1}.how-to-page .banner .wrap-title .title{overflow:hidden;position:relative}.how-to-page .banner .wrap-title img{display:block}}.how-to-page .banner .title{background-size:0;color:#cc998f;font-family:Montserrat Medium,sans-serif;font-size:45px;line-height:60px;margin-bottom:10px;text-align:center;text-transform:uppercase;width:100%}@media only screen and (max-width:1199px){.how-to-page .banner .title{font-size:40px;line-height:52px}}@media only screen and (max-width:768px){.how-to-page .banner .title{-moz-align-items:center;align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;-moz-justify-content:center;justify-content:center;margin-bottom:40px;min-height:300px;padding:22.2222222222vh calc(50% - 160px)}}.how-to-page .banner .description{color:#000;font-family:Merriweather Light,Merriweather Fallback Georgia,Merriweather Fallback DejaVu,serif;font-size:22px;line-height:38px;max-width:100%;text-align:center;width:810px}@media only screen and (max-width:1199px){.how-to-page .banner .description{font-size:18px;line-height:28px;width:670px}}@media only screen and (max-width:768px){.how-to-page .banner .description{font-size:24px;line-height:38px;padding:0 15px}}.how-to-page .banner .button-wrap{bottom:0;position:absolute}@media only screen and (max-width:768px){.how-to-page .banner .button-wrap{display:none}}.how-to-page .banner .show-on-mobile{display:none;padding-top:20px}@media only screen and (max-width:768px){.how-to-page .banner .show-on-mobile{display:block}}.how-to-page .banner .btn{font-size:18px;height:60px;line-height:58px;padding:0 25px}.how-to-page .center{width:1204px}@media only screen and (max-width:1365px){.how-to-page .center{width:1140px}}@media only screen and (max-width:1199px){.how-to-page .center{padding:0 20px;width:100%}}@media only screen and (max-width:768px){.how-to-page .center{padding:0 15px}}.how-to-page .header{-moz-align-items:center;align-items:center;display:-moz-flex;display:flex;-moz-justify-content:center;justify-content:center;padding-top:60px}@media only screen and (max-width:1190px){.how-to-page .header{padding-top:40px}}@media only screen and (max-width:768px){.how-to-page .header{padding-top:25px}}.how-to-page .tutorials-wrap{padding-bottom:20px;padding-top:100px}@media only screen and (max-width:1190px){.how-to-page .tutorials-wrap{padding-bottom:40px;padding-top:40px}}@media only screen and (max-width:768px){.how-to-page .tutorials-wrap{padding-bottom:0;padding-top:20px}}.how-to-page .tutorials-wrap .tutorial-item{-moz-align-items:flex-start;align-items:flex-start;display:-moz-flex;display:flex;-moz-justify-content:space-between;justify-content:space-between;padding:0 0 80px}.how-to-page .tutorials-wrap .tutorial-item:nth-child(odd){-moz-flex-direction:row-reverse;flex-direction:row-reverse}@media only screen and (max-width:1190px){.how-to-page .tutorials-wrap .tutorial-item{padding:30px 0}}@media only screen and (max-width:768px){.how-to-page .tutorials-wrap .tutorial-item,.how-to-page .tutorials-wrap .tutorial-item:nth-child(odd){-moz-flex-direction:column;flex-direction:column}.how-to-page .tutorials-wrap .tutorial-item .texts-content{padding-top:30px}}.how-to-page .tutorials-wrap .tutorial-item:last-child{padding-bottom:0}@media only screen and (max-width:768px){.how-to-page .tutorials-wrap .tutorial-item{padding:10px 0 120px;position:relative}.how-to-page .tutorials-wrap .tutorial-item:last-child{padding:10px 0 120px}.how-to-page .tutorials-wrap .tutorial-item:after{background-color:#555;bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:70%}.how-to-page .tutorials-wrap .tutorial-item:last-child:after{display:none}}.how-to-page .tutorials-wrap .wrap-buttons .btn{border-color:#555}@media only screen and (max-width:768px){.how-to-page .tutorials-wrap .wrap-buttons{bottom:40px;left:0;padding:0;position:absolute;text-align:center;width:100%}.how-to-page .tutorials-wrap .wrap-buttons .btn{padding:0;width:100%}}@media only screen and (max-width:350px){.how-to-page .tutorials-wrap .wrap-buttons .btn{font-size:16px}}.how-to-page .tutorials-wrap .texts-content,.how-to-page .tutorials-wrap .video-content{width:calc(50% - 30px)}@media only screen and (max-width:768px){.how-to-page .tutorials-wrap .texts-content,.how-to-page .tutorials-wrap .video-content{width:100%}}.how-to-page .tutorials-wrap .label{color:#000;display:block;font-size:22px;font-weight:400;line-height:29px;margin-bottom:20px;padding:0;text-align:left}@media only screen and (max-width:768px){.how-to-page .tutorials-wrap .label{font-size:20px;line-height:26px;margin-bottom:10px}}.how-to-page .tutorials-wrap .title{color:#000;font-family:Merriweather Light,Merriweather Fallback Georgia,Merriweather Fallback DejaVu,serif;font-size:30px;line-height:38px;margin-bottom:20px}@media only screen and (max-width:768px){.how-to-page .tutorials-wrap .title{font-size:24px;line-height:30px;margin-bottom:10px}}.how-to-page .tutorials-wrap .description{color:#000;font-family:Roboto Light,sans-serif;font-size:20px;line-height:30px;margin-bottom:40px}@media only screen and (max-width:768px){.how-to-page .tutorials-wrap .description{font-size:18px;line-height:30px;margin-bottom:20px}}.how-to-page .tutorials-wrap .wrap-see-more.text-center{margin-bottom:0;padding-bottom:40px}.how-to-page .tutorials-wrap .wrap-see-more.text-center .btn{margin-bottom:40px}@media only screen and (max-width:768px){.how-to-page .tutorials-wrap .wrap-see-more.text-center{margin-bottom:0;padding-bottom:25px}.how-to-page .tutorials-wrap .wrap-see-more.text-center .btn{margin-bottom:25px}}.how-to-page .tutorials-wrap .btn{font-size:18px;height:60px;line-height:58px;padding:0 25px}.how-to-page .tutorials-wrap .img-responsive{display:block;height:auto;max-width:100%;width:100%}.how-to-page .tutorials-wrap .video-content{border-radius:4px;box-shadow:0 4px 4px rgba(0,0,0,.25);overflow:hidden;position:relative}.how-to-page .tutorials-wrap .video-content>div{height:100%!important;left:0;position:absolute;top:0;width:100%!important}.how-to-page .tutorials-wrap .video-content>div>div{max-height:100%;max-width:100%}.how-to-page .tutorials-wrap .video-content>div>div iframe{height:100%}.how-to-page .jbc-wrap{background:#f9f4f2;border-radius:15px;box-shadow:0 4px 4px rgba(0,0,0,.25);margin-top:100px;padding:70px 0;text-align:center}@media only screen and (max-width:1190px){.how-to-page .jbc-wrap{margin-top:20px;padding:40px 15px}}.how-to-page .jbc-wrap .intro-title{color:#000;font-family:Merriweather Light,Merriweather Fallback Georgia,Merriweather Fallback DejaVu,serif;font-size:30px;line-height:48px;margin:0 auto 40px;max-width:100%;width:900px}@media only screen and (max-width:1190px){.how-to-page .jbc-wrap .intro-title{font-size:28px;line-height:1.5;margin:0 auto 15px}}@media only screen and (max-width:768px){.how-to-page .jbc-wrap .intro-title{font-size:24px;margin-bottom:30px}}.how-to-page .jbc-wrap .intro-description{color:#000;font-family:Roboto Light,sans-serif;font-size:20px;line-height:30px;margin:0 auto 40px;max-width:100%;width:900px}@media only screen and (max-width:1190px){.how-to-page .jbc-wrap .intro-description{font-size:20px;line-height:1.5;margin:0 auto 30px;width:600px}}.how-to-page .jbc-wrap .btn{font-size:18px;height:60px;line-height:58px;padding:0 25px}.how-to-page .faq-wrap{padding-bottom:0;padding-top:60px}@media only screen and (max-width:1199px){.how-to-page .faq-wrap{padding-bottom:60px;padding-top:40px}}@media only screen and (max-width:768px){.how-to-page .faq-wrap{padding-bottom:20px;padding-top:0}}.how-to-page .faq-wrap .description{color:#000;font-family:Roboto Light,sans-serif;font-size:20px;line-height:30px}@media only screen and (max-width:768px){.how-to-page .faq-wrap .description{font-size:18px;line-height:30px}}.how-to-page .faq-wrap .description>a{color:#333;text-decoration:underline}@media only screen and (max-width:991px){.has-announcement-bar .top-nav{top:138px}}.has-announcement-bar .top-nav.open{padding-bottom:68px}.top-nav{-moz-align-items:center;align-items:center;column-gap:55px;display:-moz-flex;display:flex;-moz-justify-content:flex-end;justify-content:flex-end;width:100%}@media only screen and (max-width:1139px){.top-nav{column-gap:45px}}.top-nav .list-menu{-moz-align-items:center;align-items:center;display:-moz-flex;display:flex;-moz-justify-content:space-between;justify-content:space-between}.top-nav .list-menu .item-menu{margin-right:25px;position:relative}.top-nav .list-menu .item-menu:last-child{margin-right:0}@media only screen and (max-width:1350px){.top-nav .list-menu .item-menu{margin-right:20px}}@media only screen and (max-width:991px){.top-nav .list-menu .item-menu{margin-right:0;text-align:left;width:100%}.top-nav .list-menu .item-menu .item-link{-moz-justify-content:flex-start;justify-content:flex-start}}.top-nav .sub-menu{background-color:#fff;border-radius:0 0 5px 5px;box-shadow:0 4px 4px rgba(0,0,0,.25);left:50%;min-width:100%;opacity:0;padding-bottom:15px;padding-top:15px;position:absolute;top:110%;transform:translateX(-50%);transition:all .2s;visibility:hidden}.top-nav .sub-menu.place-right{left:auto;right:0;transform:translateX(0)}.top-nav .sub-menu:after{background-color:#ce4419;content:"";height:2px;left:0;position:absolute;top:0;width:100%}.top-nav .sub-menu .list-club-menu{max-height:300px;overflow-y:auto}@media only screen and (max-width:991px){.top-nav .sub-menu .list-club-menu{max-height:unset;overflow-y:unset}}.top-nav .sub-menu .bottom-menu{box-shadow:0 0 7px #d9d9d9;margin-top:5px;padding:5px 0}.top-nav .sub-menu .placholder-list-club{padding-left:20px;padding-right:20px}@media only screen and (max-width:991px){.top-nav .sub-menu .placholder-list-club{gap:20px!important;padding-left:40px;padding-right:40px}}.top-nav .item-sub-menu{display:-moz-flex;display:flex;-moz-justify-content:flex-start;justify-content:flex-start;padding-left:20px;padding-right:20px}.top-nav .item-sub-menu .item-link,.top-nav .item-sub-menu .limit-content{font-family:Montserrat Medium,sans-serif;font-size:14px;height:auto;-moz-justify-content:flex-start;justify-content:flex-start;letter-spacing:.01em;letter-spacing:normal;line-height:1.8;padding:0;text-align:left;text-transform:uppercase;white-space:nowrap}@media only screen and (max-width:1279px){.top-nav .item-sub-menu .item-link,.top-nav .item-sub-menu .limit-content{font-size:13px}}@media only screen and (max-width:1024px){.top-nav .item-sub-menu .item-link,.top-nav .item-sub-menu .limit-content{font-size:12px}}.top-nav .item-sub-menu.clubs .item-link,.top-nav .item-sub-menu.clubs .limit-content{height:auto;letter-spacing:.06em;line-height:1.4;margin-bottom:5px;margin-top:5px;max-width:240px;padding:0;text-align:left;white-space:pre-wrap;width:240px}@media only screen and (max-width:991px){.top-nav .item-sub-menu.clubs .item-link,.top-nav .item-sub-menu.clubs .limit-content{width:100%}}.top-nav .active .sub-menu{opacity:1;top:calc(100% - 2px);visibility:visible}.top-nav .item-link{-moz-align-items:center;align-items:center;color:#333;display:-moz-flex;display:flex;font-family:Montserrat Medium,sans-serif;font-size:14px;height:70px;-moz-justify-content:center;justify-content:center;letter-spacing:.01em;line-height:142%;overflow:hidden;padding-bottom:25px;padding-top:25px;position:relative;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.top-nav .item-link.bell-item{min-width:16px;overflow:unset;text-overflow:unset;white-space:unset}.top-nav .item-link.highlight{color:#ce4419}.top-nav .item-link .ficon{color:#ce4419;font-size:7px;margin-left:2px}.top-nav .item-link .ficon.ficon-bell,.top-nav .item-link .ficon.ficon-email{color:#333;font-size:30px;margin-left:0}.top-nav .item-link .ficon.ficon-messages{color:#333;font-size:25px;margin-left:0}.top-nav .item-link .ficon.ficon-messages.bell--active:after{right:-6px;top:-1px}@media only screen and (max-width:1279px){.top-nav .item-link{font-size:13px;letter-spacing:normal}}@media only screen and (max-width:1139px){.top-nav .item-link{font-size:12px}}.top-nav .limit-content{color:#333;font-family:Montserrat Medium,sans-serif;font-size:14px;letter-spacing:.1em;line-height:1.4;max-width:160px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}@media only screen and (max-width:1279px){.top-nav .limit-content{font-size:13px;letter-spacing:normal}}@media only screen and (max-width:1024px){.top-nav .limit-content{font-size:12px}}.top-nav .has-submenu{padding-right:22px;position:relative}.top-nav .has-submenu:after{color:#ce4419;content:'"';font-family:bookclubs!important;font-size:7px;margin-left:2px;position:absolute;right:0;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:1199px){.top-nav .has-submenu.limit-content{max-width:120px!important}}@media only screen and (max-width:991px){.top-nav{background-color:#fff;-moz-flex-direction:column;flex-direction:column;height:calc(100% - 70px);-moz-justify-content:flex-start;justify-content:flex-start;left:100%;opacity:0;overflow-y:auto;position:fixed;top:70px;transition:all .2s;visibility:hidden;width:100%;z-index:1}.top-nav.open{left:0;opacity:1;visibility:visible}.top-nav .list-menu{-moz-align-items:flex-start;align-items:flex-start;-moz-flex-direction:column;flex-direction:column;-moz-justify-content:center;justify-content:center}.top-nav .content-left,.top-nav .content-right,.top-nav .list-menu{width:100%}.top-nav .content-left .item-link,.top-nav .content-left .limit-content,.top-nav .content-left .pt25.pb25.has-submenu,.top-nav .content-right .item-link,.top-nav .content-right .limit-content,.top-nav .content-right .pt25.pb25.has-submenu,.top-nav .list-menu .item-link,.top-nav .list-menu .limit-content,.top-nav .list-menu .pt25.pb25.has-submenu{height:auto!important;margin:10px 0!important;max-width:calc(100vw - 20px)!important;padding:0 20px!important}.top-nav .content-left .sub-menu,.top-nav .content-right .sub-menu,.top-nav .list-menu .sub-menu{box-shadow:none;opacity:1!important;padding:0;transform:none;visibility:visible!important}.top-nav .content-left .sub-menu:after,.top-nav .content-right .sub-menu:after,.top-nav .list-menu .sub-menu:after{display:none}.top-nav .content-left .sub-menu .item-link,.top-nav .content-left .sub-menu .limit-content,.top-nav .content-right .sub-menu .item-link,.top-nav .content-right .sub-menu .limit-content,.top-nav .list-menu .sub-menu .item-link,.top-nav .list-menu .sub-menu .limit-content{height:auto!important;margin:0!important;max-width:calc(100vw - 20px)!important;padding:10px 20px!important}.top-nav .sub-menu{left:0;overflow:hidden;position:relative;top:0;width:100%}.top-nav .limit-height .sub-menu{height:0;padding-bottom:0;padding-top:0}}.btn-menu-mobile{background-color:transparent;border:none;border-radius:4px;display:none;height:32px;padding:0;position:relative;width:32px}.btn-menu-mobile .mask,.btn-menu-mobile:after,.btn-menu-mobile:before{background-color:#333;border-radius:2px;content:"";height:2px;left:50%;outline:none;position:absolute;top:50%;transition:all .2s;width:30px}.btn-menu-mobile .mask{left:50%;top:50%;transform:translate(-50%,-50%)}.btn-menu-mobile:before{left:50%;top:8px;transform:translateX(-50%)}.btn-menu-mobile:after{left:auto;right:1px;top:22px;width:18px}.btn-menu-mobile.open:before{height:1px;left:50%;right:auto;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:22px}.btn-menu-mobile.open .mask{opacity:0}.btn-menu-mobile.open:after{height:1px;left:50%;right:auto;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:22px}@media only screen and (max-width:991px){.btn-menu-mobile{display:block}}