.blog .banner{position:relative;height:500px}.blog .banner .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.blog .banner .title{display:block;text-align:center;padding-top:200px}.blog .banner .title h1{display:block;vertical-align:auto;margin:0}.blog .banner .categories{margin:90px auto 0 auto}.blog .banner .categories ul,.blog .banner .categories ul li{margin:0;padding:0}.blog .banner .categories ul li{display:inline-block;background:none}.blog .banner .categories ul li a{margin:0 5px;padding:5px 20px;background:#fff;text-decoration:none;border-radius:30px;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s}.blog .banner .categories ul li a.yellow{background:#cbcc66}.blog .banner .categories ul li a.purple{background:#6766cc}.blog .banner .categories ul li a.red{background:#cc6566;color:#000}.blog .banner .categories ul li a:hover,.blog .banner .categories ul li a:focus{background:#000;color:#fff;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s}.blog .category{position:absolute;top:30px;left:30px;padding:0;font-weight:bold;text-decoration:none;color:#fff}.blog .category.yellow{background:#cbcc66}.blog .category.purple{background:#6766cc}.blog .category.red{background:#cc6566;color:#000}.blog .listing{margin-top:100px}.blog.index .article{display:none}.blog.index .article.first{position:relative;height:650px}.blog.index .article.first .img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}.blog.index .article.first .category{top:50px;left:30px;font-size:24px;padding:0;color:#fff}.blog.index .article.first .circle{position:absolute;top:50%;right:10%;width:400px;height:400px;margin-top:-200px;background:rgba(0,0,0,.35);border-radius:100%;color:#fff;text-align:center;padding:40px}.blog.index .article.first .circle .date{border:0;padding:0}.blog.index .article.first .circle .title{font-size:36px;line-height:1.1;margin-top:20px}.blog.index .list{margin-bottom:100px}.blog.index .article{position:relative;height:300px;border:1px solid #fff;padding:0}.blog.index .article .img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}.blog.index .article .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35)}.blog.index .article .text{position:absolute;top:0;left:0;padding:110px 30px 30px 30px;color:#fff}.blog.index .article .date{display:inline-block;padding-bottom:2px;border-bottom:2px solid #fff}.blog.index .article .title{font-size:26px;margin-top:10px}.blog.index .article .btn-primary{font-size:18px;padding:8px 24px}.blog.detail .banner .title{padding-top:170px}.blog.detail .banner .title h1{font-size:80px;line-height:1.1;color:#fff}.blog.detail .text{position:relative;padding:80px 0}.blog.detail .text a{color:#f00}.blog.detail .category{position:relative;text-align:center;margin-bottom:40px;left:auto;top:auto}.blog.detail h2{margin-bottom:0}.blog.detail .category.red{background:#cc6566;color:#000}.blog.detail .category.yellow{background:#cbcc66}.blog.detail .category.purple{background:#6766cc}.blog.detail .bottom{margin-top:60px}.blog.detail .share{margin-top:5px}.blog.detail .share ul{display:inline-block;margin:0;padding:0}.blog.detail .share ul li{margin:0;padding:0;background:none;display:inline-block}.blog.detail .share ul li a{display:block;float:left;width:30px;height:30px;font-size:16px;margin:0 5px;background:#000;color:#fff;border-radius:100%;text-align:center;padding:2px 0}.blog.detail .share ul li a.facebook{padding-top:3px}.blog.detail .bottom .btn-primary{float:right;margin:0;font-size:18px;padding:8px 24px;color:#fff}@media screen and (max-width:1400px){.blog.index .article.first{height:500px}.blog.index .article.first .circle{width:350px;height:350px;margin-top:-175px}.blog.index .article.first .circle .title{font-size:30px}}@media screen and (max-width:1199px){.blog.index .list{margin-bottom:15px}.blog.index .article.first{margin-top:15px}}@media screen and (max-width:991px){.blog .banner{height:360px}.blog .banner .title{padding-top:100px}.blog.index .article .text{padding:90px 30px 30px 30px}.blog.detail .banner{height:330px}.blog.detail .category{margin-bottom:20px}.blog.detail .banner .title{padding-top:100px}.blog.detail .banner .title h1{font-size:60px}.blog.detail .text{padding:100px 0}}@media screen and (max-width:767px){.blog .banner{height:auto}.blog .banner .title{height:auto}.blog .banner .categories{margin:40px auto}.blog .banner .categories ul li{display:block}.blog .banner .categories ul li a{display:block;margin-top:10px}.blog .category{top:15px;left:15px;font-size:14px}.blog .listing{margin-top:0}.blog.index .article.first{height:auto}.blog.index .article.first .category{font-size:14px;top:15px;left:15px;padding:5px 10px}.blog.index .article.first .circle{width:auto;height:auto;margin:0;background:none;position:relative;border-radius:0;padding:70px 15px 15px 15px;right:auto;top:auto;text-align:left}.blog.index .article.first .circle .date{padding-bottom:2px;border-bottom:2px solid #fff}.blog.index .article.first .circle .title{font-size:26px;line-height:24px;margin-top:10px}.blog.index .article{height:auto}.blog.index .article .text{position:relative;padding:70px 15px 15px 15px}.blog.detail .banner{height:auto;padding-bottom:40px}.blog.detail .banner .title{padding-top:80px}.blog.detail .banner .title h1{font-size:36px}.blog.detail .text{padding:0 0 15px 0}.blog.detail .category{position:relative;top:auto;left:auto;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transform:none;margin-bottom:15px}.blog.detail .bottom{text-align:center}.blog.detail .bottom .btn-primary{float:none;margin-top:20px}}