.blog-article-page .one-article .description .desc-text hr{height: 1px;
    background: #414141;
    border: none;
    margin-top: 30px;
    margin-bottom: 10px;}.img-ban{display:flex;align-items:center;justify-content:center;overflow:hidden}.img-ban img{height:260px;width:auto}.blog-page{padding-top:50px;position:relative}.blog-page .back-button{display:flex;align-items:center;margin:0;font-style:normal;font-weight:300;font-size:14px;line-height:18px;color:#222222;transition:all 0.3s;margin-bottom: 30px;}.blog-page .back-button svg{margin-right:10px}.blog-page .back-button svg path{transition:all 0.3s}.blog-page .back-button:hover{color:#77BC01}.blog-page .back-button:hover svg path{fill:#77BC01}.blog-page .item-bg{display:none;background:#77BC01;border-radius:20px;padding:30px 20px 20px;position:absolute;top:0;width:300px;height:400px;opacity:0;transition:all .3s;left:0;z-index:1}.blog-page .item-bg.active{left:0;top:0;opacity:1}.blog-page .blog-items{padding:10px}.blog-page .blog-items .item{position: relative;
    z-index: 2;
    padding: 15px;
    margin-bottom: 50px;
    cursor: pointer;
    border: 1px solid #E0E0E0;
    border-radius: 10px;transition:all 0.3s;}.blog-page .blog-items .item a{position:absolute;top:0;left:0;width:100%;height:100%}.blog-page .blog-items .item .date{color: #222;position:relative;padding-bottom:10px;margin-bottom:20px;transition:all 0.3s}.blog-page .blog-items .item .date p{color: #222;font-style:normal;font-weight:normal;font-size:44px;line-height:35px;color:#222222;transition:all 0.3s}.blog-page .blog-items .item .date span{color: #222;font-style:normal;font-weight:normal;font-size:16px;line-height:18px;color:#222222;padding-left:6px;padding-top:5px;display:inline-block;transition:all 0.3s}.blog-page .blog-items .item .date:after{content:'';position:absolute;bottom:0;left:0;height:2px;width:55px;display:inline-block;margin-left:3px;transition:all 0.3s;background:#222222}.blog-page .blog-items .item .title{color: #222;font-style:normal;font-weight:bold;font-size:16px;line-height:20px;color:#222222;margin-bottom:30px;transition:all 0.3s}.blog-page .blog-items .item .desc{color: #222;font-style:normal;font-weight:normal;font-size:14px;line-height:16px;color:#222222;margin-bottom:20px;transition:all 0.3s;display:none;}.blog-page .blog-items .item .img img{width:auto !important;max-width:100%;height:auto !important}.blog-page .blog-items .item:hover{box-shadow: 0px 0px 10px #9b9b9b94;}.blog-page .blog-items .item.active .date p{color:#222222}.blog-page .blog-items .item.active .date span{color:#222222}.blog-page .blog-items .item.active .date:after{background:#222222}.blog-page .blog-items .item.active .title{color:#222222}.blog-page .blog-items .item.active .desc{color:#222222}.more{color:#ffffff;font-size:14px;font-weight:300;line-height:14px;display:table;margin:40px auto 40px;padding:12px 20px;border-radius:40px;background-color:#77bd00;border:1px solid #77bd00;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.more:hover{color:#77bd00;background:transparent}.page-numbers{display:flex;align-items:center;justify-content:center;margin-bottom:30px;margin-top:30px}.page-numbers li{margin:0 10px}.page-numbers li span{cursor:pointer;font-style:normal;font-weight:normal;font-size:18px;line-height:21px;color:#9C9C9E;transition:all 0.3s}.page-numbers li span.current{color:#77BC01}.page-numbers li a{display:flex;align-items:center;transition:all 0.3s;font-style:normal;font-weight:normal;font-size:18px;line-height:21px;color:#9C9C9E;transition:all 0.3s}.page-numbers li a svg path{transition:all 0.3s}.page-numbers li a:hover{color:#77BC01}.page-numbers li a:hover span{color:#77BC01}.page-numbers li a:hover svg path{fill:#77BC01}.page-numbers li.active a span{color:#77BC01}.blog-article-page .one-article .img{position:relative}.blog-article-page .one-article .img img{width:100%;height:auto;border-radius:8px}.blog-article-page .one-article .img .share{display:none;position:absolute;bottom:5px;right:20px}.blog-article-page .one-article .img .share svg path{transition:all 0.3s}.blog-article-page .one-article .img .share:hover svg path{fill:#77BC01}.blog-article-page .one-article .img .title{font-style:normal;font-weight:bold;line-height:22px;color:#222222;padding-right:20px;padding-left:20px;padding-bottom:5px;font-size:18px;margin-top:10px}.blog-article-page .one-article .img .date{font-style:normal;font-weight:300;font-size:14px;line-height:18px;color:#222222;padding-left:20px;padding-right:20px}.blog-article-page .one-article .img .subscribe{font-style:normal;font-weight:300;font-size:14px;line-height:18px;color:#222222;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;padding-right:20px;}.blog-article-page .one-article .img .subscribe a{display:inline-block;margin-left:10px}.blog-article-page .one-article .img .subscribe a svg path{transition:all 0.3s}.blog-article-page .one-article .img .subscribe a:hover svg path{fill:#77BC01}.blog-article-page .one-article .img .subscribe img {
    width: auto;
    height: 25px;
    filter: grayscale(1) brightness(0);
    transition: all 0.3s;
}.blog-article-page .one-article .img .subscribe a:hover img{opacity:0.6}.blog-article-page .one-article .description{margin-top:20px;position:relative}.blog-article-page .one-article .description .share{position:absolute;top:0;right:0}.blog-article-page .one-article .description .title{font-style:normal;font-weight:bold;font-size:26px;line-height:30px;color:#222222;padding-right:20px;padding-bottom:5px}.blog-article-page .one-article .description .date{font-style:normal;font-weight:300;font-size:14px;line-height:18px;color:#222222}.blog-article-page .one-article .description .desc-text{padding-top:20px;padding-left:20px;padding-right:20px;}.blog-article-page .one-article .description .desc-text p{font-style:normal;font-weight:300;font-size:14px;line-height:22px;color:#000}.blog-article-page .one-article .description .desc-text img{max-width:100%;height:auto;margin:10px 0}.blog-article-page .one-article .description .desc-text iframe{max-width:100%;height:auto;margin:10px 0;min-height: 220px;}.blog-article-page .one-article .description .desc-text h2, .blog-article-page .one-article .description .desc-text h3, .blog-article-page .one-article .description .desc-text h4, .blog-article-page .one-article .description .desc-text h5, .blog-article-page .one-article .description .desc-text h6, .blog-article-page .one-article .description .desc-text h7, .blog-article-page .one-article .description .desc-text h8{font-style:normal;font-weight:400;font-size:16px;line-height:18px;color:#000000;margin-top:20px;margin-bottom:10px}.blog-article-page .button{display:flex;align-items:center;margin:40px 0;font-style:normal;font-weight:300;font-size:14px;line-height:18px;color:#222222;transition:all 0.3s}
.blog-article-page .one-article .description .desc-text article section:first-of-type h2{
	font-weight:500;font-size:22px;line-height:120%;
}
figcaption{
	text-align: right;
	font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 100%;
    color: #343434;
	font-style: italic;
	margin-top: -20px;
    margin-bottom: 20px;
}
.blog-article-page .one-article .description .desc-text ul {margin-top: 10px;margin-bottom:10px;}.blog-article-page .one-article .description .desc-text ul li {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    color: #222222;
    padding-left: 20px;
    position: relative;
}
.blog-article-page .one-article .description .desc-text ul li strong{
	font-weight: 500;
}
.blog-article-page .one-article .description .desc-text ul li:after {
    content: '';
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #4c4c4c;
}
.blog-article-page .one-article .description .desc-text a{
    transition: all 0.3s;
    color: #77BC01;
	font-weight:300;
    line-height: 100%;
    border-bottom: 1px solid #77BC01;
    text-transform: none;
    font-size: 14px;
}
.blog-article-page .one-article .description .desc-text a:hover{
	color: #000;
    border-bottom: 1px solid #000;
}
.blog-article-page .button svg{margin-right:10px}.blog-article-page .button svg path{transition:all 0.3s}.blog-article-page .button:hover{color:#77BC01}.blog-article-page .button:hover svg path{fill:#77BC01}.blog-article-page .more-article{margin-top:30px;margin-bottom:50px;display:flex;justify-content:space-between;flex-wrap:wrap}.blog-article-page .more-article>p{flex-basis:100%;font-style:normal;font-weight:500;font-size:20px;line-height:22px;color:#000000;margin-bottom:30px}.blog-article-page .more-article .more-article-item{flex-basis:48%;position:relative;margin-bottom:20px}.blog-article-page .more-article .more-article-item a{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.blog-article-page .more-article .more-article-item img{width:100%;margin-bottom:10px;border-radius:8px}.blog-article-page .more-article .more-article-item .date{font-style:normal;font-weight:300;font-size:12px;line-height:14px;color:#222222;margin-bottom:10px}.blog-article-page .more-article .more-article-item .title{font-style:normal;font-weight:500;font-size:14px;line-height:16px;color:#000000}.blog-article-page .more-article .more-article-item:hover .date{color:#77BC01}.blog-article-page .more-article .more-article-item:hover .title{color:#77BC01}
@media screen and (min-width: 568px){.blog-page .back-button{flex-basis:100%;margin-bottom:20px}.blog-page .blog-items{position:relative;display:flex;justify-content:space-around;flex-wrap:wrap}.blog-page .blog-items .item{margin-bottom:30px;flex-basis:48%}.blog-article-page .one-article{display:flex;position:relative;justify-content:space-between;align-items:flex-start}.blog-article-page .one-article .img{flex-basis:35%}.blog-article-page .one-article .img.active{position:fixed;top:70px;left:10px;width:33.5%;max-width:inherit}.blog-article-page .one-article .img.active img{-webkit-box-shadow:0px 0px 18px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 18px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 18px 0px rgba(0,0,0,0.75)}.blog-article-page .one-article .img.active_ab{position:absolute;bottom:0;left:0;top:inherit}.blog-article-page .one-article .description{flex-basis:60%;margin-left:5%;margin-top:0}.blog-article-page .one-article .description .desc-text{padding-top:0px}.blog-article-page .more-article{display:flex;justify-content:space-between;flex-wrap:wrap}.blog-article-page .more-article>p{flex-basis:100%}.blog-article-page .more-article .more-article-item{flex-basis:24%}}
@media screen and (min-width: 768px){.img-ban img{height:auto;width:100%}.blog-page .blog-items{padding:0 70px;justify-content:space-between}.blog-page .blog-items .item{flex-basis:48%}.blog-article-page{padding:0 80px}.blog-article-page .one-article{margin-top:50px}.blog-article-page .one-article .img .title, .blog-article-page .one-article .img .date, .blog-article-page .one-article .img .subscribe, .blog-article-page .one-article .description .desc-text{padding-left:0;padding-right:0;}.blog-article-page .one-article .img .share{right:0;}}
@media screen and (min-width: 1024px){.blog-page .blog-items .item{flex-basis:30%}.blog-article-page{padding:0 100px}.blog-article-page .one-article .description .desc-text p{margin-bottom:5px}.blog-article-page .one-article .description .desc-text img{margin:20px 0}.blog-article-page .more-article{margin-top:100px}.blog-article-page .more-article>p{font-size:22px}.blog-article-page .more-article .more-article-item .title{font-size:16px;line-height:18px}.blog-page .blog-items {padding: 0 100px;}}
@media screen and (min-width: 1280px){.blog-page .back-button {margin-left: 0;top: 0;position: absolute;left: 130px;}.blog-page .blog-items{padding: 0 270px;}.blog-page .blog-items .item{flex-basis:31%}.blog-article-page{padding:0 150px}.blog-article-page .one-article .img{flex-basis:30%}.blog-article-page .one-article .description{flex-basis:64%}}
@media screen and (min-width: 1360px){.blog-page .back-button {left: 150px;}.blog-page .item-bg{padding:40px 30px 30px}.blog-page .blog-items{padding: 0 300px;}.blog-page .blog-items .item{position:relative;z-index:2;padding:20px}.blog-article-page{padding:0 200px}}
@media screen and (min-width: 1370px){.blog-page .back-button{left: -160px;}.blog-page .blog-items{width:780px;margin:0 auto;padding:0}.blog-page .blog-items .item{flex-basis:31%}}
@media screen and (min-width: 1900px){.blog-article-page{padding:0 200px}.blog-article-page .one-article .img.active{position:fixed;top:70px;left:480px;width:17%;margin-top:30px;max-width:inherit}.blog-article-page .one-article .img.active_ab{width:35%}}
