.blog-container{width:830px;margin-right:auto !important;margin-left:auto !important}
@media only screen and (min-width:1600px){.blog-container{width:830px}}
@media only screen and (max-width:1199px){.blog-container{width:830px}}
@media only screen and (max-width:991px){.blog-container{width:720px}}
@media only screen and (max-width:767px){.blog-container{width:auto}}
.addthis_toolbox > a{margin-bottom:3px!important;margin-top:6px!important}
.blog-detail .list-info a:hover{text-decoration:none;}
.blog-detail .list-info a.postlikes:hover{}
.blog-detail .list-info a.postlikes:hover .count{}
.blog-detail .list-info a.activate .lnr:before,.blog-detail .list-info a.done .lnr:before{color:red;content:"\f004";font-family:'FontAwesome' !important}
.blog-detail{position:relative}
.blog-detail h1:not(.title):not(.detail-title),.blog-detail h2:not(.title):not(.detail-title),.blog-detail h3:not(.title):not(.detail-title),.blog-detail h4:not(.title):not(.detail-title),.blog-detail h5:not(.title):not(.detail-title),.blog-detail h6:not(.title):not(.detail-title){margin-bottom:15px}
body.single section.content .post-main ul{font-size:14px;margin-top:0;margin-bottom:30px}
body.single section.content .post-main ul li{margin-bottom:9px}
.blog-detail p,.portfolio-detail p{margin-bottom:30px}
.blog-detail pre,.portfolio-detail pre{border:none;padding:22px 45px;font-size:14px;color:#666666;line-height:1.8;font-family:inherit}
.blog-detail .detail-gallery,.blog-detail .list-audio,.blog-detail .detail-images,.blog-detail .list-video{position:relative;margin-bottom:35px}
.blog-detail .detail-images img{max-width:100%}
.blog-detail .detail-date{right:0;text-align:center;color:#333333;display:table-cell;vertical-align:middle;padding-left:28px}
.blog-detail .ver-mid{display:table-cell;vertical-align:middle;padding:0 30px 0 0}
.blog-detail .ver-mid.no-pad-data{padding:0 0 0 0}
.blog-detail .list-info .lnr{display:inline-block;margin:0 0 0 7px;font-size:15px}
.blog-detail .list-info .lnr.lnr-tag{transform:translateY(1px)}
.blog-detail .list-info,.blog-detail .list-info a,.blog-detail .list-info a:link,.blog-detail .list-info a:active,.blog-detail .list-info a:visited{color:#999999;font-size:13px}
.blog-detail .list-info a:hover{color:#20a3f0}
.blog-detail .list-info .sep{margin:0 6px}
.detail-title-info{margin:0 0 35px 0;display:table}
.blog-detail .list-audio img{width:100%}
.blog-detail .detail-date{text-align:center;border-left:1px solid #ebebeb}
.blog-detail .detail-date .day{display:block;line-height:38px;font-size:30px;color:#888888}
.blog-detail .detail-date .month{display:block;height:26px;line-height:26px;color:#666;font-size:14px;text-transform:uppercase;}
.blog-detail .detail-title{font-size:20px;line-height:1.2;color:#333333;margin:3px 0 8px 0}
.blog-detail .detail-description{margin-bottom:60px}
.blog-detail .detail-info{text-align:center;color:#999999;font-size:14px;margin-bottom:15px}
.blog-detail .detail-info > span.sep:last-child{display:none}
.blog-detail .detail-info a.activate .lnr:before,.blog-detail .detail-info a.done .lnr:before{color:red;content:"\f004";font-family:'FontAwesome' !important}
.blog-detail .detail-info > span a{color:#20a3f0!important}
.blog-detail .detail-info .sep{padding:0 10px}
.no-sep{display:none}
.blog-detail .detail-info a,.blog-detail .detail-info a:link,.blog-detail .detail-info a:active,.blog-detail .detail-info a:visited{color:#999999}
.blog-detail .detail-info a:hover{ text-decoration:none}
.detail-social{text-align:center}
.detail-social .lnr{display:inline-block;width:36px;height:36px;color:#FFF;line-height:36px;font-size:16px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin-right:6px;transition:background-color ease-in 200ms;-moz-transition:background-color ease-in 200ms; -webkit-transition:background-color ease-in 200ms; -o-transition:background-color ease-in 200ms; -ms-transition:background-color ease-in 200ms;}
.detail-social a:hover .lnr{background-color:#333!important}
.blog-detail .detail-port-nav{font-size:16px}
.blog-detail .detail-port-nav .nav-prev{display:inline-block}
.blog-detail .detail-port-nav .nav-next{display:inline-block}
.blog-detail .detail-port-nav .nav-next{float:left}
.blogdetail_back a,.blogdetail_back{position:absolute;left:50%;  width:23px;height:23px;color:#666666;transform:translateX(-50%);line-height:25px;text-align:center;cursor:pointer}
.blogdetail_back .dot-1,.blogdetail_back .dot-2,.blogdetail_back .dot-3{position:absolute;width:6px;height:6px;border:3px solid;right:0;top:0}
.blogdetail_back .dot-2{right:0;top:8px}
.blogdetail_back .dot-3{right:0;top:16px}
.blogdetail_back .dot-1:after,.blogdetail_back .dot-2:after,.blogdetail_back .dot-3:after{content:" ";position:absolute;width:6px;height:6px;border:3px solid;right:5px;top:-3px}
.blogdetail_back .dot-1:before,.blogdetail_back .dot-2:before,.blogdetail_back .dot-3:before{content:" ";position:absolute;width:6px;height:6px;border:3px solid;right:13px;top:-3px}
.blog-detail .detail-port-nav a,.blog-detail .detail-port-nav a:link,.blog-detail .detail-port-nav a:active,.blog-detail .detail-port-nav a:visited{color:#424242}
.blog-detail .detail-port-nav a:hover{color:#20a3f0;text-decoration:none}
.blog-detail .detail-heading,.portfolio-detail .detail-heading{font-size:18px;color:#333;padding:12px 0 12px 0;margin:0 0 22px}
.blog-detail .detail-recent{}
.blog-detail .detail-recent .pic{position:relative;margin:0 0 26px}
.blog-detail .detail-recent .pic img{max-width:100%}
.blog-detail .detail-recent .category{position:absolute;top:25px;right:25px;background-color:rgba(0,0,0,0.33);padding:4px 20px;font-size:13px;border-radius:25px}
.blog-detail .detail-recent .category a,.blog-detail .detail-recent .category a:link,.blog-detail .detail-recent .category a:active,.blog-detail .detail-recent .category a:visited{color:#FFF}
.blog-detail .detail-recent .title{font-size:16px;margin-bottom:7px}
.blog-detail .detail-recent .title a,.blog-detail .detail-recent .title a:link,.blog-detail .detail-recent .title a:active,.blog-detail .detail-recent .title a:visited{color:#444444}
.blog-detail .detail-recent .title a:hover{text-decoration:none}
.blog-detail .detail-recent .info{font-size:13px;margin-bottom:7px;color:#888888}
.blog-detail .box-content{padding-bottom:17px}
.blog-detail .summary{margin-bottom:7px;font-size:13px}
@media only screen and (max-width:1199px){}
@media only screen and (max-width:991px){ .blog-detail .detail-heading,.portfolio-detail .detail-heading{margin:0 0 27px}}
@media only screen and (max-width:767px){ .blog-detail .detail-heading,.portfolio-detail .detail-heading{margin:0 0 22px}}
.blog-detail .submit-but{padding:13px 26px;font-size:14px;line-height:1.3333333;color:#FFF; border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-transform:uppercase;transition:all ease-in 300ms;-moz-transition:all ease-in 300ms;-webkit-transition:all ease-in 300ms;-o-transition:all ease-in 300ms;-ms-transition:all ease-in 300ms}
.blog-detail .submit-but:hover{background-color:#222533}
.blog-detail .detail-comments li{list-style:none}
.blog-detail .detail-comments > li{margin-bottom:40px;border:1px solid #e7e7e7;padding:20px 20px 0 20px}
.blog-detail .comments-main{padding:20px;border:1px solid #e7e7e7;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:40px;background-color:#FFF;position:relative}
.blog-detail .detail-comments .children{background-color:#fcfcfc;border:1px solid #f5f5f5;padding:20px;margin:0 40px 20px 0}
.blog-detail .detail-comments ol li{padding-right:0}
.blog-detail .detail-comments .commentmetadata a:visited{color:#999}
.comments-area a{text-decoration-line:none}
.comments-area a:visited{color:#333}
.comments-area a:hover{}
.comments-area .comments-title{font-size:18px;color:#333;background-color:#f4f4f4;padding:12px 18px 12px 10px;line-height:1.2;margin:0 0 30px;font-weight:normal}
.comments-area .comment-list{list-style:none;position:relative;padding-right:128px;min-height:120px;font-size:14px;margin-right:0}
.comments-area .comment-list .comment-body{position:relative}
.comments-area .comment-list>li{padding:20px;border:1px solid #e7e7e7;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:40px;background-color:#FFF;position:relative}
.comments-area .comment-list>li::before{content:"";position:absolute;left:100%;top:35px;margin-left:-4px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;background-color:#FFF;width:10px;height:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.comments-area .comment-list .comment-body .comment-author{width:auto;text-align:center;position:absolute;right:-148px;top:-20px}
.comments-area .comment-list .comment-body .comment-author img{width:81px;height:81px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);margin-bottom:10px}
.comments-area .comment-list .comment-body .comment-author .fn{display:block;width:81px}
.comments-area .comment-list .comment-body .comment-author .says{display:none}
.comments-area .comment-list .comment-body .reply{text-align:left}
.comments-area .comment-list .children{padding:0;list-style:none;margin-right:0}
.comments-area .comment-list .children li{padding-right:0}
.comments-area .comment-list>li .children{padding:20px 128px 20px 0}
.comments-area .comment-list>li>.children{padding-right:20px}
.comments-area .comment-list .children>li:not(:first-child){margin-top:20px}
.comments-area .comment-list .children>li .comment-body{position:relative;min-height:120px;font-size:13px;margin-right:108px;margin-bottom:30px;padding:20px;background-color:#f5f5f5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.comments-area .comment-list .children>li .comment-body::before{content:"";position:absolute;left:100%;top:45px;margin-left:-4px;background-color:#f5f5f5;width:12px;height:12px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.comments-area .comment-list .children .comment-body .comment-author{width:auto;top:10px;right:0;margin-right:-128px}
@media only screen and (max-width:991px){.comments-area .comment-list{padding-right:0;padding-top:148px}
.comments-area .comment-list .comment-body .comment-author{top:-148px;left:50%;transform:translateX(-50%)}
.comments-area .comment-list>li{margin-bottom:148px}
.comments-area .comment-list>li:last-child{margin-bottom:40px}
.comments-area .comment-list>li .children{background-color:#fcfcfc;border:1px solid #f5f5f5;padding:15px}
.comments-area .comment-list .children>li .comment-body{margin-right:0;margin-top:148px;padding:15px;margin-bottom:22px}
.comments-area .comment-list .children .comment-body .comment-author{left:50%;margin-right:0;margin-top:-148px}
.comments-area .comment-list>li::before{transform:rotate(135deg);-webkit-transform:rotate(135deg);top:-5px;left:50%;margin:0 0 0 -5px}
.comments-area .comment-list .children>li .comment-body::before{transform:rotate(135deg);-webkit-transform:rotate(135deg);top:-5px;left:50%;margin:0 0 0 -5px}}
.comment-respond .comment-reply-title{font-size:18px;color:#333333;padding:12px 0 12px 0;line-height:1.2;margin:0 0 25px}
.comment-respond p{margin-bottom:30px}
.comment-respond .comment-notes{display:none}
.comment-respond .comment-form-comment{position:relative;margin-bottom:35px}
.comment-respond .comment-form-comment label,.comment-respond .comment-form-author label,.comment-respond .comment-form-email label,.comment-respond .comment-form-url label{display:none;position:absolute;font-size:13px;top:4px;right:5px}
.comment-respond .comment-form-comment textarea,.comment-respond .comment-form-author input,.comment-respond .comment-form-email input,.comment-respond .comment-form-url input{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:16px 10px;margin:0;line-height:1.2;border:1px solid #e3e3e3;background-color:#FFF;font-size:13px;transition:all ease-in 200ms;-webkit-transition:all ease-in 200ms;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-family:Arial,Helvetica,sans-serif;width:100%}
.comment-respond .comment-form-comment textarea{padding:14px 10px}
.comment-respond .comment-form-author,.comment-respond .comment-form-email,.comment-respond .comment-form-url{position:relative;display:inline-block; width:-moz-calc((100% - 50px)/3); width:-webkit-calc((100% - 50px)/3);width:calc((100% - 50px)/3);float:right;margin-left:25px}
.comment-respond .comment-form-url{margin-left:-25px}
.comment-respond .form-submit{clear:both;margin-bottom:25px}
.comment-respond .form-submit .submit{color:#FFF;border-color:#20a3f0;background-color:#20a3f0;padding:13px 26px;font-size:14px;line-height:1.3333333;text-transform:uppercase;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;display:inline-block;border:1px solid transparent;background-size:105%!important;background-position:center!important;transition:all ease-in 300ms;-moz-transition:all ease-in 300ms;-webkit-transition:all ease-in 300ms;-o-transition:all ease-in 300ms;-ms-transition:all ease-in 300ms}
.comment-respond .form-submit .submit:hover{color:#FFF;text-decoration:none;border-color:#222533;background:#222533}
@media only screen and (max-width:991px){.comment-respond .comment-reply-title{margin:0 0 15px}
.comment-respond p{margin-bottom:18px}
.comment-respond .comment-form-comment{margin-bottom:21px}
.comment-respond .comment-form-author,.comment-respond .comment-form-email,.comment-respond .comment-form-url{ width:-moz-calc((100% - 30px)/3); width:-webkit-calc((100% - 30px)/3);width:calc((100% - 30px)/3);margin-left:15px}
.comment-respond .comment-form-url{margin-left:-15px}
.comment-respond .form-submit{margin-bottom:30px}
.comment-respond .form-submit .submit{padding:8px 16px;font-size:12px}}
@media only screen and (max-width:768px){.comment-respond .comment-form-author,.comment-respond .comment-form-email,.comment-respond .comment-form-url{display:inline-block;width:100%;float:none}}
.blog-detail .detail-author,.portfolio-detail .detail-author{background-color:#f4f4f4;display:table;width:100%;padding:30px;border-radius:3px;margin-bottom:38px;border-radius:2px}
.blog-detail .detail-author-img,.portfolio-detail .detail-author-img{position:relative;display:table-cell;width:104px;height:104px;text-align:center;vertical-align:middle;border-radius:50%}
.blog-detail .detail-author-img img,.portfolio-detail .detail-author-img img{width:96px;height:96px;padding:4px;background-color:#FFF;border:1px solid #e4e4e4;border-radius:50%}
.blog-detail .detail-author-info,.portfolio-detail .detail-author-info{display:table-cell;vertical-align:middle;padding-right:30px}
.blog-detail .detail-author-info .title a,.portfolio-detail .detail-author-info .title a{font-size:16px;color:#333;text-decoration:none;line-height:40px;text-transform:capitalize}
.blog-detail .detail-author-info .abstract,.portfolio-detail .detail-author-info .abstract{font-size:14px;color:#666;line-height:26px}
@media only screen and (max-width:991px){.blog-detail .detail-author,.portfolio-detail .detail-author{display:block;padding:18px;margin-bottom:36px}
.blog-detail .detail-author-img,.blog-detail .detail-author-info,.portfolio-detail .detail-author-img,.portfolio-detail .detail-author-info{display:block;text-align:center;margin:0 auto;padding-right:0}}
.blog-detail .detail-port-nav,.portfolio-detail .detail-port-nav{padding:35px 0 35px;font-size:16px;position:relative; }
.blog-detail .detail-port-nav .container,.portfolio-detail .detail-port-nav .container{position:relative}
.blog-detail .detail-port-nav .nav-prev,.portfolio-detail .detail-port-nav .nav-prev{display:inline-block;max-width:48%;white-space:nowrap}
.blog-detail .detail-port-nav .nav-prev .nav-prev-box,.portfolio-detail .detail-port-nav .nav-prev .nav-prev-box{display:inline-block;vertical-align:middle;padding-right:16px;white-space:normal}
.blog-detail .detail-port-nav .goBack,.portfolio-detail .detail-port-nav .goBack{position:absolute;left:50%;top:50%;margin:-9px 0 0 0;font-size:1.5em}
.blog-detail .detail-port-nav .nav-next,.portfolio-detail .detail-port-nav .nav-next{display:inline-block;float:left;max-width:48%;white-space:nowrap}
.blog-detail .detail-port-nav .nav-next .nav-next-box,.portfolio-detail .detail-port-nav .nav-next .nav-next-box{display:inline-block;vertical-align:middle;padding-left:16px;text-align:left;white-space:normal}
.blog-detail .detail-port-nav .nav-prev .nav-prev-box span:first-child,.blog-detail .detail-port-nav .nav-next .nav-next-box span:first-child,.portfolio-detail .detail-port-nav .nav-prev .nav-prev-box span:first-child,.portfolio-detail .detail-port-nav .nav-next .nav-next-box span:first-child{font-size:14px;line-height:20px;color:#999999;display:block}
.blog-detail .detail-port-nav .nav-prev .nav-prev-box span:last-child,.blog-detail .detail-port-nav .nav-next .nav-next-box span:last-child,.portfolio-detail .detail-port-nav .nav-prev .nav-prev-box span:last-child,.portfolio-detail .detail-port-nav .nav-next .nav-next-box span:last-child{font-size:16px;line-height:20px;display:block}
.blog-detail .detail-port-nav a,.portfolio-detail .detail-port-nav a{transition:color ease-in 200ms;-moz-transition:color ease-in 200ms;-webkit-transition:color ease-in 200ms;-o-transition:color ease-in 200ms;-ms-transition:color ease-in 200ms}
.blog-detail .detail-port-nav a:hover,.portfolio-detail .detail-port-nav a:hover{text-decoration:none}
.detail-port-nav .arrow-next,.detail-port-nav .arrow-prev{display:inline-block;width:40px;height:40px;line-height:37px;background:transparent;border-radius:50%;box-shadow:none;-webkit-transition:background-color ease-in 200ms;transition:background-color ease-in 200ms;text-align:center}
.detail-port-nav .arrow-next span,.detail-port-nav .arrow-prev span{display:inline-block;transform-origin:center;position:relative;min-width:7px;min-height:2px;backface-visibility:hidden}
.detail-port-nav .arrow-next span::after,.detail-port-nav .arrow-prev span::after{content:"";width:12px;height:12px;border-right:2px solid #464646;border-bottom:2px solid #464646;display:block;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all ease-in 200ms;transition:all ease-in 200ms;position:absolute;top:-5px;right:1px}
.detail-port-nav .arrow-next span::after{right:auto;left:1px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.detail-port-nav a:hover .arrow-prev span::after,.detail-port-nav a:hover .arrow-next span::after{width:10px;height:10px;top:-4px}
.detail-port-nav .arrow-next span::before,.detail-port-nav .arrow-prev span::before{content:"";width:0;height:2px;border-bottom:2px solid #464646;display:block;margin-left:-2px;-webkit-transition:border-color ease-in 200ms,width ease-in 200ms;transition:border-color ease-in 200ms,width ease-in 200ms}
.detail-port-nav .arrow-next span::before{margin-left:0;margin-right:2px}
.blog-detail .detail-port-nav a:hover .arrow-next span::after,.blog-detail .detail-port-nav a:hover .arrow-prev span::after,.portfolio-detail .detail-port-nav a:hover .arrow-next span::after,.portfolio-detail .detail-port-nav a:hover .arrow-prev span::after{border-color:#20a3f0}
.blog-detail .detail-port-nav a:hover .arrow-next span::before,.blog-detail .detail-port-nav a:hover .arrow-prev span::before,.portfolio-detail .detail-port-nav a:hover .arrow-next span::before,.portfolio-detail .detail-port-nav a:hover .arrow-prev span::before{width:20px;border-color:#20a3f0}
@media only screen and (max-width:991px){.blog-detail .detail-port-nav,.portfolio-detail .detail-port-nav{padding:21px 0}
.blog-detail .detail-port-nav .nav-prev .nav-prev-box,.portfolio-detail .detail-port-nav .nav-prev .nav-prev-box{padding-right:10px}
.blog-detail .detail-port-nav .nav-next .nav-next-box,.portfolio-detail .detail-port-nav .nav-next .nav-next-box{padding-left:10px}}
@media only screen and (max-width:767px){.blog-detail .detail-port-nav .nav-next,.portfolio-detail .detail-port-nav .nav-next,.blog-detail .detail-port-nav .nav-prev,.portfolio-detail .detail-port-nav .nav-prev{max-width:inherit}
.blog-detail .detail-port-nav .goBack,.portfolio-detail .detail-port-nav .goBack{}
.blog-detail .detail-port-nav .nav-next .text,.portfolio-detail .detail-port-nav .nav-next .text,.blog-detail .detail-port-nav .nav-prev .text,.portfolio-detail .detail-port-nav .nav-prev .text{display:none!important}
.detail-port-nav .get-prev,.detail-port-nav .get-next{margin-top:7px}}
.recent-posts-01 article{background-color:#fafafa;text-align:center;border:1px solid #e3e3e3;margin-bottom:20px;color:#333333}
.recent-posts-01 .pic img{width:100%}
.recent-posts-01 .title{font-size:18px;line-height:23px;margin:60px 15px 29px 15px;position:relative}
.recent-posts-01 .title a,.recent-posts-01 .title a:link,.recent-posts-01 .title a:active,.recent-posts-01 .title a:visited{color:#333333}
.recent-posts-01 .title a:hover{color:#20a3f0;text-decoration:none}
.recent-posts-01 .title:before{width:27px;margin:0 0 0 -14px;border:1px solid #000;content:"";position:absolute;left:50%;bottom:-18px}
.recent-posts-01 span.time{color:#666;display:inline-block;padding:0 0 25px 0;line-height:1.2}
.recent-posts-01 .excerpt{padding:0 30px}
.recent-posts-01 .imginfo{border-top:1px solid #e3e3e3;padding:30px 0;margin:32px 0 0 0}
.recent-posts-01 .imginfo img{display:inline-block}
.recent-posts-01 .imginfo span{display:inline-block;margin:0 5px 0 0}
@media only screen and (max-width:991px){.recent-posts-01 .title{margin-top:30px}}
.recent-posts-02{margin:0 !important;padding:0;overflow:hidden}
.recent-posts-02 .item{color:#666666;position:relative;padding:0;background-size:cover;border-left:1px solid #dcdcdc;-moz-transition:color ease-in 200ms;-webkit-transition:color ease-in 200ms;-o-transition:color ease-in 200ms;-ms-transition:color ease-in 200ms;transition:color ease-in 200ms}
.recent-posts-02 .item:last-child{border:none!important}
.recent-posts-02 .item:after{content:"";background-color:#f8f8f8;position:absolute;top:0;right:0;left:0;bottom:0;-moz-transition:background-color ease-in 200ms;-webkit-transition:background-color ease-in 200ms;-ms-transition:background-color ease-in 200ms;-o-transition:background-color ease-in 200ms;transition:background-color ease-in 200ms}
.recent-posts-02 .imgbg-cover{background-position:center top;background-repeat:no-repeat;background-size:cover}
.recent-posts-02 .cont-box{padding:70px 40px 160px}
.recent-posts-02 .cont-box > *{position:relative;z-index:1}
.recent-posts-02 .title{font-size:24px;font-weight:normal;margin:0 0 90px;-moz-transition:color ease-in 200ms;-webkit-transition:color ease-in 200ms;-o-transition:color ease-in 200ms;-ms-transition:color ease-in 200ms;transition:color ease-in 200ms;position:relative}
.recent-posts-02 .title:after{content:"";width:80px;display:block;position:absolute;bottom:-45px;right:0;border-bottom:2px solid #20a3f0;transition:border-color ease-in 200ms;-moz-transition:border-color ease-in 200ms; -webkit-transition:border-color ease-in 200ms; -o-transition:border-color ease-in 200ms; -ms-transition:border-color ease-in 200ms;}
.recent-posts-02 .title a,.recent-posts-02 .title a:link,.recent-posts-02 .title a:active,.recent-posts-02 .title a:visited{color:#333333}
.recent-posts-02 .item .title a:hover,.recent-posts-02 .item:hover .title a:hover{color:#20a3f0;text-decoration:none}
.recent-posts-02 .date{font-style:italic;font-size:14px}
.recent-posts-02 .footer{position:absolute;bottom:60px;right:40px;left:40px}
.recent-posts-02 .footer:after{content:"";display:block;clear:both}
.recent-posts-02 .footer i{margin:0 6px;font-size:1.2em;vertical-align:text-top}
.recent-posts-02 .footer,.recent-posts-02 .footer a,.recent-posts-02 .footer a:link,.recent-posts-02 .footer a:active,.recent-posts-02 .footer a:visited{color:#20a3f0;transition:color ease-in 200ms;-moz-transition:color ease-in 200ms; -webkit-transition:color ease-in 200ms; -o-transition:color ease-in 200ms; -ms-transition:color ease-in 200ms;}
.recent-posts-02 .item:hover,.recent-posts-02 .item:hover .title a{color:#FFF}
.recent-posts-02 .item:hover .title:after{border-color:#FFF}
.recent-posts-02 .item:hover:after{background-color:rgba(0,0,0,0.85)}
.recent-posts-02 .item:hover .title:after{border-color:#FFF}
.recent-posts-02 .postlikes.activate >i:before{content:"\f004"}
.recent-posts-02 .item:hover .footer,.recent-posts-02 .item:hover .footer a,.recent-posts-02 .item:hover .footer a:link,.recent-posts-02 .item:hover .footer a:active,.recent-posts-02 .item:hover .footer a:visited{color:#FFF}
.recent-posts-02 .item:hover .footer a:hover{color:#20a3f0;text-decoration:none}
@media only screen and (min-width:992px) and (max-width:1199px){.recent-posts-02 .cont-box{padding:15px 15px 80px 15px}
.recent-posts-02 .title{font-size:18px;margin-bottom:40px}
.recent-posts-02 .title:after{bottom:-20px}
.recent-posts-02 .footer{right:15px;left:15px;bottom:20px}}
@media only screen and (min-width:768px) and (max-width:991px){.recent-posts-02 .cont-box{padding:15px 15px 80px 15px}
.recent-posts-02 .title{font-size:14px;margin-bottom:40px}
.recent-posts-02 .title:after{bottom:-20px}
.recent-posts-02 .footer{right:15px;left:15px;bottom:20px}}
@media only screen and (max-width:767px){.recent-posts-02{display:block}
.recent-posts-02 .item{width:100%;display:block;border:none;border-bottom:1px solid #dcdcdc}
.recent-posts-02 .cont-box{padding:15px 15px 80px 15px}
.recent-posts-02 .footer{right:15px;left:15px;bottom:20px}}
.recent-posts-03{}
.recent-posts-03 article{background-color:#FFF;text-align:center;margin-bottom:20px}
.recent-posts-03 .pic img{width:100%}
.recent-posts-03 .cont{padding:30px 40px}
.recent-posts-03 .title{font-size:18px;color:#333333;line-height:23px;margin:0 0 8px 0;position:relative}
.recent-posts-03 .title a,.recent-posts-03 .title a:link,.recent-posts-03 .title a:active,.recent-posts-03 .title a:visited{color:#333333}
.recent-posts-03 .title a:hover{color:#20a3f0;text-decoration:none}
.recent-posts-03 .info{color:#666;line-height:1.2}
.recent-posts-03 .info:after{content:"";width:80px;margin:15px auto;border-bottom:1px solid #20a3f0;display:block}
.recent-posts-03 .sep{margin:0 6px}
.recent-posts-03 .social{overflow:hidden;margin-top:20px}
.recent-posts-03 .social>span{display:inline-block;position:relative;padding:0 10px}
.recent-posts-03 .social>span:after,.recent-posts-03 .social>span:before{content:"";position:absolute;right:100%;top:50%;width:1000px;border-bottom:1px solid #bbbbbb;margin-top:-1px}
.recent-posts-03 .social>span:before{right:auto;left:100%}
.recent-posts-03 .social .fa{color:#000000;display:inline-block;vertical-align:middle;font-size:16px;margin:0 5px;transition:all ease-in 200ms;-moz-transition:all ease-in 200ms; -webkit-transition:all ease-in 200ms; -o-transition:all ease-in 200ms; -ms-transition:all ease-in 200ms;}
.recent-posts-03 .social .fa:hover{color:#20a3f0}
.recent-posts-03 .more a{color:inherit;text-decoration-line:none}
.recent-posts-04 .pic img{max-width:100%}
.recent-posts-04 .cont{padding:25px 0}
.recent-posts-04 .title{margin:0 0 8px;font-size:18px}
.recent-posts-04 .title a,.recent-posts-04 .title a:link,.recent-posts-04 .title a:active,.recent-posts-04 .title a:visited{color:#333333}
.recent-posts-04 .title a:hover{color:#20a3f0;text-decoration:none}
.recent-posts-04 .time{margin-bottom:10px;display:block}
.recent-posts-04 .cont > p .fa{padding-left:5px}
.recent-posts-04.light,.recent-posts-04.light .title,.recent-posts-04.light .title a,.recent-posts-04.light .title a:link,.recent-posts-04.light .title a:active,.recent-posts-04.light .title a:visited{color:#FFF}
.recent-posts-04.light .excerpt,.recent-posts-04.light .excerpt a,.recent-posts-04.light .excerpt a:link,.recent-posts-04.light .excerpt a:active,.recent-posts-04.light .excerpt a:visited{color:#fff}
.recent-posts-05 article{margin-bottom:15px;position:relative}
.recent-posts-05 .title{font-size:18px;margin:0 0 8px}
.recent-posts-05 .title a,.recent-posts-05 .title a:link,.recent-posts-05 .title a:active,.recent-posts-05 .title a:visited{color:#333333}
.recent-posts-05 .title a:hover{color:#20a3f0;text-decoration:none}
.recent-posts-05 .newsbox{padding:25px 20px;border:1px solid #e3e3e3;border-top:0}
.recent-posts-05 .category{margin:0 -20px 20px;padding:0 20px 10px;border-bottom:1px solid #e3e3e3}
.recent-posts-05 .category a,.recent-posts-05 .category a:link,.recent-posts-05 .category a:active,.recent-posts-05 .category a:visited{color:#666666}
.recent-posts-05 .sep{color:#cccccc;padding:0 5px}
.recent-posts-05 img{width:100%}
.recent-posts-05 p{margin-bottom:20px}
.recent-posts-05 .date{position:absolute;width:52px;right:0;top:0;text-align:center}
.recent-posts-05 .date .month{display:block;height:25px;line-height:25px;color:#FFF;font-size:14px;background-color:#20a3f0}
.recent-posts-05 .date .day{display:block;background-color:#eeeeee;line-height:38px;font-size:20px;color:#333333}
.recent-posts-05.light,.recent-posts-05.light .title,.recent-posts-05.light .title a,.recent-posts-05.light .title a:link,.recent-posts-05.light .title a:active,.recent-posts-05.light .title a:visited{color:#FFF}
.recent-posts-05.light .category a,.recent-posts-05.light .category a:link,.recent-posts-05.light .category a:active,.recent-posts-05.light .category a:visited{color:#dbdbdb}
.recent-posts-05.light .excerpt,.recent-posts-05.light .excerpt a,.recent-posts-05.light .excerpt a:link,.recent-posts-05.light .excerpt a:active,.recent-posts-05.light .excerpt a:visited{color:#fff}
.recent-posts-05.light .newsbox,.recent-posts-05.light .category{border-color:rgba(255,255,255,0.2)}
.recent-posts-06 article{margin-bottom:20px}
.recent-posts-06 .pic img{max-width:100%;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.recent-posts-06 .title{font-size:18px;margin:16px 0 5px}
.recent-posts-06 .title a,.recent-posts-06 .title a:link,.recent-posts-06 .title a:active,.recent-posts-06 .title a:visited{color:#333333}
.recent-posts-06 .title a:hover{color:#20a3f0;text-decoration:none}
.recent-posts-06 .date{padding:0 0 12px}
.recent-posts-06 .date .fa{margin-left:5px}
.recent-posts-06.light,.recent-posts-06.light .title,.recent-posts-06.light .title a,.recent-posts-06.light .title a:link,.recent-posts-06.light .title a:active,.recent-posts-06.light .title a:visited{color:#FFF}
.recent-posts-06.light .excerpt,.recent-posts-06.light .excerpt a,.recent-posts-06.light .excerpt a:link,.recent-posts-06.light .excerpt a:active,.recent-posts-06.light .excerpt a:visited{color:#fff}
.recent-posts.owl-carousel{width:auto}
.postnav-container{width:1380px;padding-right:15px;padding-left:15px;margin-right:auto !important;margin-left:auto !important}
@media only screen and (max-width:1599px) and (min-width:1200px){.postnav-container{width:1170px}}
@media only screen and (max-width:1199px){.postnav-container{width:970px}}
@media only screen and (max-width:991px){.postnav-container{width:750px}}
@media only screen and (max-width:767px){.postnav-container{width:auto}}