.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.breadcrumbs-container{padding:25px 0 20px}.main.category .breadcrumbs-container{padding-bottom:46px}.breadcrumbs{padding:0;margin:0}.breadcrumbs__item{position:relative;display:inline-block;margin-right:20px;vertical-align:text-top}@media only screen and (max-width:540px){.breadcrumbs__item{vertical-align:middle}}@media only screen and (max-width:540px){.breadcrumbs__item:first-child{margin-right:15px}}.breadcrumbs__item:last-child .breadcrumbs__item__link{font-weight:300}.breadcrumbs__item__link{display:block;color:#000;font-size:16px;font-weight:400;text-decoration:none}@media only screen and (max-width:768px){.breadcrumbs__item__link{font-size:14px}}.breadcrumbs__item__link img{display:block}@media only screen and (max-width:540px){.breadcrumbs__item__link img{max-width:100%}}.breadcrumbs__item__link_logo{width:63px;height:18px;background:url(../img/ui/blog/ning-horizontal-logo.png) no-repeat}.breadcrumbs .breadcrumbs__item{position:relative}.breadcrumbs .breadcrumbs__item:after{content:'';position:absolute;top:0;bottom:0;height:7px;width:7px;border-right:1px solid #000;border-bottom:1px solid #000;margin:auto;right:-10px;-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.breadcrumbs .breadcrumbs__item:last-child:after{display:none}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.updates-form{width:100%;padding:29px 0 77px;min-height:282px}@media only screen and (max-width:768px){.updates-form{padding:0;min-height:150px}}@media screen and (max-width:670px){.updates-form{max-width:414px;margin:auto}}@media only screen and (max-width:540px){.updates-form{padding:0 0 20px}}@media screen and (max-width:440px){.updates-form{padding:0 20px 20px}}.updates-form__title{max-width:440px;margin:0 auto 30px;text-align:center;color:#3e3e3e;font-size:30px;font-weight:400;line-height:45px}@media only screen and (max-width:768px){.updates-form__title{font-size:25px;line-height:32px;margin-bottom:20px}}@media only screen and (max-width:540px){.updates-form__title{font-size:19px;line-height:23px;max-width:266px;margin-bottom:16px}}.updates-form__form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.updates-form__form__input{width:100%;max-width:357px;height:56px;background-color:#fafafa;padding:0 30px;border:0;outline:0;-webkit-appearance:none}@media only screen and (max-width:768px){.updates-form__form__input{height:40px;font-size:16px}}@media only screen and (max-width:540px){.updates-form__form__input{font-size:12px}}.updates-form__form__input::-webkit-input-placeholder{color:#989898;font-size:16px;font-weight:300}.updates-form__form__input:-ms-input-placeholder{color:#989898;font-size:16px;font-weight:300}.updates-form__form__input::placeholder{color:#989898;font-size:16px;font-weight:300}@media only screen and (max-width:768px){.updates-form__form__input::-webkit-input-placeholder{font-size:14px}.updates-form__form__input:-ms-input-placeholder{font-size:14px}.updates-form__form__input::placeholder{font-size:14px}}@media only screen and (max-width:540px){.updates-form__form__input::-webkit-input-placeholder{font-size:12px}.updates-form__form__input:-ms-input-placeholder{font-size:12px}.updates-form__form__input::placeholder{font-size:12px}}.updates-form__form .updates-form__form__input:valid+.updates-form__form__button{background-color:#000}.updates-form__form__button{color:#fff;font-size:20px;font-weight:500;line-height:56px;padding:0 24px;background-color:#9ad600;border:0;outline:0;cursor:pointer;transition:background-color .2s ease-out;-webkit-appearance:none}@media only screen and (max-width:768px){.updates-form__form__button{line-height:normal;font-size:16px;max-width:175px;width:100%}}@media only screen and (max-width:540px){.updates-form__form__button{font-size:12px;max-width:120px;padding:0}}@media only screen and (min-width:769px) and (max-width:1000px){.wrap{padding:0 3%;width:100%}}@media only screen and (max-width:768px){.wrap{padding:0 3%;width:100%}}.content{position:relative;z-index:888;padding-top:100px;overflow:hidden}@media only screen and (min-width:1001px) and (max-width:1240px){.content{padding-top:75px}}@media only screen and (min-width:769px) and (max-width:1000px){.content{padding-top:85px}}@media only screen and (max-width:768px){.content{padding-top:50px}}.title{text-align:center;font-size:45px;font-weight:400;line-height:67px;text-transform:uppercase}@media only screen and (max-width:768px){.title{font-size:34px;line-height:56px}}@media only screen and (max-width:540px){.title{font-size:20px;line-height:30px}}.sub-title{max-width:830px;margin:0 auto 40px;text-align:center;font-family:Arial,sans-serif;font-size:22px;font-weight:400;line-height:40px;min-height:80px}@media only screen and (max-width:768px){.sub-title{font-size:18px}}@media only screen and (max-width:540px){.sub-title{font-size:12px;line-height:17px}}.content__top-banner{background-color:#9dd753;text-align:center;overflow:hidden}.content__top-banner .wrap{position:relative}.content__top-banner .wrap:before{content:'';position:absolute;background:url(../img/ui/blog/n_logo.png) no-repeat top;background-size:100%;height:100%;width:523px;bottom:0;left:-21%;z-index:1}@media only screen and (max-width:768px){.content__top-banner .wrap:before{background-size:65%;background-position:left center;left:0}}@media only screen and (max-width:540px){.content__top-banner .wrap:before{background-size:36%}}.content__top-banner .top-banner{position:relative;padding:100px 0 90px;z-index:2}@media only screen and (max-width:768px){.content__top-banner .top-banner{padding:60px 0 50px}}@media only screen and (max-width:540px){.content__top-banner .top-banner{padding:20px 0}}.content__top-banner .top-banner__shape{position:absolute;border-radius:100%;box-shadow:0 18px 21px #84c433;background-color:#9dd753;z-index:1}@media only screen and (max-width:540px){.content__top-banner .top-banner__shape{display:none}}.content__top-banner .top-banner__shape_r1{top:20%;right:-11%;width:114px;height:114px}.content__top-banner .top-banner__shape_r2{bottom:20%;right:4%;width:70px;height:70px}.content__top-banner .top-banner__shape_r3{right:-28%;bottom:2%;width:159px;height:159px}.content__top-banner .top-banner__title{position:relative;display:inline-block;margin-bottom:30px;padding-bottom:15px;text-align:center;color:#fff}@media only screen and (max-width:540px){.content__top-banner .top-banner__title{padding:0}}.content__top-banner .top-banner__title:after{position:absolute;content:'';bottom:-7px;left:0;right:0;margin:auto;width:45%;max-width:100px;height:7px;background-color:#fff}@media only screen and (max-width:540px){.content__top-banner .top-banner__title:after{height:3px}}.content__top-banner .top-banner__sub-title{color:#fff;text-shadow:0 4px 11px #82bf33}.content__top-banner .top-banner__button{display:inline-block}.content__top-banner .top-banner__button__link{display:block;padding:0 37px;text-align:center;color:#fff;font-size:22px;font-weight:500;line-height:58px;text-transform:uppercase;text-decoration:none;background-color:#9dd753;border:2px solid #fff;transition:background-color .2s,border-color .2s}@media only screen and (max-width:768px){.content__top-banner .top-banner__button__link{font-size:18px;line-height:45px}}@media only screen and (max-width:540px){.content__top-banner .top-banner__button__link{font-size:15px;line-height:36px}}.content__top-banner .top-banner__button__link:hover{border-color:#000;background-color:#000;transition:background-color .2s,border-color .2s}.breadcrumbs-container+.wrap .main{padding:0}.main{padding:33px 0 0 0}@media only screen and (max-width:540px){.main{padding-bottom:0}}@media only screen and (max-width:540px){.main{padding:10px 0;margin:0 -20px}}.main .article__wrap{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:665px){.main .article__wrap{-ms-flex-pack:center;justify-content:center}}.main.category{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (min-width:769px) and (max-width:1000px){.main.category{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}}@media only screen and (max-width:768px){.main.category{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}}.main.category .main__container{width:64%;-ms-flex:0 0 64%;flex:0 0 64%}@media only screen and (min-width:769px) and (max-width:1000px){.main.category .main__container{-ms-flex:0 0 100%;flex:0 0 100%;width:100%}}@media only screen and (max-width:768px){.main.category .main__container{-ms-flex:0 0 100%;flex:0 0 100%;width:100%}}.main.category .main__sidebar{width:33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%}@media only screen and (min-width:1241px) and (max-width:1440px){.main.category .main__sidebar{margin-left:5px}}@media only screen and (min-width:1001px) and (max-width:1240px){.main.category .main__sidebar{margin-left:18px}}@media only screen and (min-width:769px) and (max-width:1000px){.main.category .main__sidebar{-ms-flex:0 0 100%;flex:0 0 100%;width:100%}}@media only screen and (max-width:768px){.main.category .main__sidebar{-ms-flex:0 0 100%;flex:0 0 100%;width:100%}}.main.category .article__wrap{margin:0;font-size:0;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (min-width:769px) and (max-width:1000px){.main.category .article__wrap{-ms-flex-pack:center;justify-content:center}}@media only screen and (max-width:768px){.main.category .article__wrap{-ms-flex-pack:justify;justify-content:space-between}}@media screen and (max-width:665px){.main.category .article__wrap{-ms-flex-pack:center;justify-content:center}}@media only screen and (max-width:540px){.main.category .article__wrap{margin:0}}.main.category .article{width:48%;-ms-flex:0 0 48%;flex:0 0 48%;margin:0 0 30px 0}@media only screen and (min-width:769px) and (max-width:1000px){.main.category .article{max-width:none;-ms-flex:0 0 47%;flex:0 0 47%;width:47%;margin:0 9px 20px}}@media only screen and (max-width:768px){.main.category .article{max-width:none;-ms-flex:0 0 47%;flex:0 0 47%;width:47%;margin:0 9px 20px}}@media screen and (max-width:665px){.main.category .article{width:100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:417px;margin-right:0}}@media only screen and (max-width:540px){.main.category .article{margin:0 0 20px}}.main.category .article__image{width:100%;padding-bottom:58%;background-size:cover;background-repeat:no-repeat;background-position:50% 0}.main.category .pagination{padding:0 0 30px}@media only screen and (min-width:1001px) and (max-width:1240px){.main.category .article-content__more-btn__link{padding:0 15px}}@media only screen and (min-width:769px) and (max-width:1000px){.main.category .article-content__more-btn__link{padding:0 15px}}@media only screen and (max-width:768px){.main.category .article-content__more-btn__link{padding:0 15px}}.main.category .filter{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-right:9px}.main.category .filter__item{white-space:nowrap}@media screen and (max-width:665px){.main.category .filter{max-width:none}}.filter{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-right:9px}@media only screen and (max-width:768px){.filter{margin-right:0}}@media screen and (max-width:665px){.filter{max-width:417px;margin:auto}}.filter__item{padding-right:20px;text-align:left}@media only screen and (max-width:540px){.filter__item{text-align:center}}.filter__item:last-child{padding-right:0}.filter__item__link{width:auto;outline:0}.filter{padding-bottom:33px;text-align:center;font-size:0}@media only screen and (max-width:540px){.filter{padding-bottom:15px}}.filter__item{display:inline-block}.filter__item.active .filter__item__link{border-bottom:4px solid #9dd753}.filter__item__link{display:inline-block;padding:7px 0;text-align:center;text-decoration:none;width:100px;color:#000;font-size:16px;font-weight:400;border-bottom:2px solid #ededed;cursor:pointer;transition:border-bottom .25s ease-out}@media only screen and (max-width:768px){.filter__item__link{font-size:14px}}@media only screen and (max-width:540px){.filter__item__link{font-size:12px;width:60px}}.article{display:inline-block;max-width:414px;margin:0 0 30px;box-shadow:2px 0 17px rgba(211,211,211,.5);border-radius:1px;background-color:#fff;transition:transform .25s,box-shadow .2s ease-out;padding-bottom:68px;position:relative;-ms-flex:0 0 32%;flex:0 0 32%}@media only screen and (min-width:769px) and (max-width:1000px){.article{max-width:none;-ms-flex:0 0 49%;flex:0 0 49%;width:49%;margin:0 0 20px}}@media only screen and (max-width:768px){.article{-ms-flex:0 0 49%;flex:0 0 49%;max-width:none;margin:0 0 20px}}@media screen and (max-width:665px){.article{width:100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:417px;margin-right:0}}@media only screen and (max-width:540px){.article{margin:0 0 20px}}.article:hover{-ms-transform:translateY(-8px);transform:translateY(-8px);box-shadow:2px 0 17px rgba(131,131,131,.5)}@media only screen and (max-width:768px){.article:hover{-ms-transform:none;transform:none;box-shadow:2px 0 17px rgba(211,211,211,.5)}}.article__top-wrap{position:relative}.article__top-wrap:hover .article__social{opacity:1;transition:opacity .2s ease-out}.article__image{width:100%;padding-bottom:58%;background-size:cover;background-repeat:no-repeat;background-position:50% 0}.article__social{position:absolute;right:15px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0;transition:opacity .2s ease-out}.article__social__item{display:block;height:30px;width:30px;background:url(../img/ui/blog/social-sprite.jpg) no-repeat;transition:opacity .2s}.article__social__item:hover{opacity:.9}.article__social__item_fb{background-position:0 0}.article__social__item_tw{background-position:0 -30px}.article__social__item_pi{background-position:0 -60px}.article__social__item_gpl{background-position:0 -90px}.article__social__item_in{background-position:0 -120px}.article__category-name.category-name{position:absolute;top:10px;left:10px}.article .article-content{padding:15px 15px 27px;overflow:hidden}@media only screen and (max-width:768px){.article .article-content{padding:10px 15px}}@media only screen and (max-width:540px){.article .article-content{padding:10px 20px}}.article .article-content__title{text-align:left;color:#000;font-size:22px;font-weight:500;margin-bottom:20px;max-height:2.72em;line-height:1.36em;position:relative;word-wrap:break-word;overflow:hidden}@media only screen and (max-width:768px){.article .article-content__title{font-size:18px;line-height:24px;max-height:48px;margin-bottom:6px}}@media only screen and (max-width:540px){.article .article-content__title{font-size:16px}}.article .article-content__title a{text-decoration:none}.article .article-content__title__ending{word-break:break-all}.article .article-content__title.js-overflow::after{content:"...";position:absolute;right:0;bottom:0;background:#fff;padding:0 3px 0 1px}.article .article-content__text p,.article .article-content__text>*{color:#000;font-size:14px;font-weight:300;line-height:25px}@media only screen and (max-width:768px){.article .article-content__text p,.article .article-content__text>*{font-size:13px;line-height:22px;margin-bottom:10px}}@media only screen and (max-width:540px){.article .article-content__text p,.article .article-content__text>*{font-size:12px;line-height:20px}}.article .article-content img{max-width:100%}.article .article-content .avatar{height:50px;width:50px}.article .article-content__bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;position:absolute;right:15px;left:15px;bottom:18px}.article .article-content .statistic{display:-ms-flexbox;display:flex}.article .article-content .statistic__review,.article .article-content .statistic__view{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-decoration:none}.article .article-content .statistic__review__image,.article .article-content .statistic__view__image{margin-right:13px;width:24px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAYVJREFUOBGllM8rBGEYx2et/AxZxArlV9oLF7lQ2OIPcFNulIOjXF0cFcVBTnuQm5KbcpLIwcVBDnLYZKNNfuXm1+eLnabZmTE7861P87zP+zzPvO87z7wRw11RphLQDw3wBVk4hSv4hDwV5XkMowrfPKRhD4ahHuKQhAO4hjkoB0+1MKs370KPR2TvX8wFz3a3uEEmtK0ptwAHv1apnDb7XAeOexi1T/gYzxBzC03W2C0GS1ZHgfY68Wu5nBqMF6jOOQI8m8l5hBK1xgSUglYZVK8kjkFGbaN2uIGw0jnGVbASnsNWI/9DNVTwAfQnhFUrBdQpP61yErJaI/lPUKY6xaAz7NMgoJbJ27TmzjI4Ah1BoRon4Q60ZVNRrH1YNT3+jGnC9DEGnMLVi8ew6DRp83Uy3gH9x7pQTEVM69eo4JGFbsiArrJJkL8W6iAJMViBDVBTm9IHsaqLgbagoBHYhkNQ077BJaTgHN7BU1q6tqBtn0EaHM8Gv2+p2AIMwb+3sVPVb+oyQN4abbC/AAAAAElFTkSuQmCC) left center no-repeat}.article .article-content .statistic__review__counter,.article .article-content .statistic__view__counter{color:#000;font-size:14px;font-weight:400}@media only screen and (max-width:768px){.article .article-content .statistic__review__counter,.article .article-content .statistic__view__counter{font-size:12px}}@media only screen and (max-width:540px){.article .article-content .statistic__review__counter,.article .article-content .statistic__view__counter{font-size:10px}}.article .article-content .statistic__view{margin-right:20px}.article .article-content__more-btn{display:inline-block}.article .article-content__more-btn__link{display:block;padding:0 28px 0 31px;color:#000;font-size:16px;font-weight:400;line-height:43px;text-decoration:none;background-color:#fff;border:2px solid #000;transition:background-color .2s,border-color .2s,color .15s ease-out}@media only screen and (max-width:768px){.article .article-content__more-btn__link{font-size:14px;line-height:37px}}@media only screen and (max-width:540px){.article .article-content__more-btn__link{font-size:12px;line-height:33px;padding:0 25px;border-width:1px}}.article .article-content__more-btn__link:hover{border-color:#9ad600;background-color:#9ad600;color:#fff}.user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.user__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.user__name{margin-left:15px;color:#000;font-size:14px;font-weight:500;text-decoration:none;transition:text-decoration .2s}@media only screen and (max-width:768px){.user__name{font-size:12px}}.user__name:hover{text-decoration:underline}.user__post-date{color:#000;font-size:14px;font-weight:300}.user__photo img{border-radius:50%;width:50px;height:50px}.category-name{display:inline-block;padding:7px 15px 8px;color:#fff;font-size:14px;font-weight:400;border-radius:22px}@media only screen and (max-width:540px){.category-name{font-size:12px}}.category-name.cat-1{background-color:#cb80dd}.category-name.cat-2{background-color:#43b1f2}.category-name.cat-3{background-color:#66c549}.category-name.cat-4{background-color:#f89d34}.category-name.cat-5{background-color:#f3c835}.pagination{text-align:center;width:100%;font-size:0;padding-bottom:24px}@media only screen and (max-width:540px){.pagination{padding-top:5px;padding-bottom:10px}}.pagination__item{display:inline-block;vertical-align:top}@media only screen and (max-width:540px){.pagination__item{margin-right:3px}.pagination__item:last-child{margin-right:0}}.pagination__item__link{display:block;padding:0 7px;text-decoration:none;font-size:20px;font-weight:400;line-height:22px;color:#979797;border:2px solid transparent;box-sizing:border-box}@media only screen and (max-width:768px){.pagination__item__link{font-size:16px;line-height:19px;padding:0 5px}}@media only screen and (max-width:540px){.pagination__item__link{font-size:14px;line-height:15px}}.pagination__item__link:hover{color:#000}.pagination__item__link.active{border:2px solid #000;color:#000}@media only screen and (max-width:540px){.pagination__item__link.active{border-width:1px}}.pagination__item__link_arrow{position:relative;height:26px}@media only screen and (max-width:768px){.pagination__item__link_arrow{height:23px}}@media only screen and (max-width:540px){.pagination__item__link_arrow{height:17px}}.pagination__item__link_arrow.left{margin-right:20px}.pagination__item__link_arrow.left:before{border-right:0;border-top:0}.pagination__item__link_arrow.right{margin-left:13px}.pagination__item__link_arrow.right:before{border-left:0;border-bottom:0;right:0;left:0}.pagination__item__link_arrow.right:after{left:-3px}@media only screen and (max-width:540px){.pagination__item__link_arrow.right:after{left:-5px}}.pagination__item__link_arrow:before{content:'';position:absolute;top:0;bottom:0;margin:auto;width:10px;height:10px;border:2px solid #979797;-ms-transform:rotate(45deg);transform:rotate(45deg)}@media only screen and (max-width:540px){.pagination__item__link_arrow:before{width:8px;height:8px}}.pagination__item__link_arrow:after{content:"";position:absolute;top:0;bottom:0;margin:auto;height:2px;width:15px;background-color:#979797}@media only screen and (max-width:540px){.pagination__item__link_arrow:after{width:13px}}.pagination__item__link_arrow:hover:before{border-color:#000}.pagination__item__link_arrow:hover:after{background-color:#000}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}