.banner-blog .banner{position:relative;width:100%}.white-img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.banner-blog .banner:after{background:-webkit-gradient(linear,left top,left bottom,color-stop(-8%,rgba(0,48,87,0)),color-stop(157%,#003057));background:linear-gradient(180deg,rgba(0,48,87,0) -8%,#003057 157%);content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.banner-blog .banner .image-banner{background-color:#0d6eb8;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;min-height:340px;position:relative}.banner-blog .banner .image-banner picture img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.banner-blog .banner .container__blog{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin:0 auto;max-width:var(--width-blog);min-height:340px}.banner-blog .banner .container__blog .breadcrumb{margin:2pc 0 0;padding-left:0;position:relative;z-index:2}.banner-blog .banner .container__blog .breadcrumb nav ol{padding-left:0}.banner-blog .banner .container__blog .breadcrumb nav ol li{color:#fff;display:inline-block;vertical-align:top}.banner-blog .banner .container__blog .breadcrumb nav ol li:first-child:before{color:#fff;content:"/"}.banner-blog .banner .container__blog .breadcrumb nav ol li a{color:#fff;text-decoration:none}.banner-blog .banner .container__blog .content{margin-bottom:45px;z-index:1}.banner-blog .banner .container__blog h1.tag img{vertical-align:bottom;width:30px}.banner-blog .banner .container__blog .content a.tag{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#fff}.banner-blog .banner .container__blog .content h1{color:#fff;line-height:1.29;margin:15px 0 0;width:60%}@media (max-width:1240px){.banner-blog .banner .container__blog{padding-left:20px;padding-right:20px}}@media (max-width:767px){.banner-blog .banner .container__blog .content{padding:0 15px}.banner-blog .banner .container__blog .breadcrumb nav ol li a{font-size:14px}.banner-blog .banner .container__blog .breadcrumb nav ol{padding-left:10px}.banner-blog .banner .container__blog .content h1{font-size:20px;width:100%}.banner-blog .banner .container__blog,.banner-blog .banner .image-banner{min-height:auto}}.banner-blog .banner .container__blog .content a.tag.hide-tag{display:none}