/* HOME - SPLASH BLOG */
.block-home-blog  .actions { color: #202124; font-size: 12px; }
.block-home-blog  .actions i{font-size: 18px; } 
.block-home-blog  .actions div:first-child, 
.block-home-blog  .actions div:last-child { position: relative; } 
.block-home-blog  .actions div.pr-3:nth-child(1):before { content: ""; position: absolute; right: 0; height: 10px; background: #ccc; width: 1px; top: 50%; margin-top: -5px; } 
.block-home-blog  .actions div:nth-child(3):before { content: ""; position: absolute; left: 0; height: 10px; background: #ccc; width: 1px; top: 50%; margin-top: -5px; } 

.block-home-blog .h3{font-size: 21px; font-weight: bold}
.block-home-blog .h3 span{ font-weight:normal}
.block-home-blog h2{font-size: 17px; color: #000;}
.block-home-blog p{font-size: 13px; color: #000;}
.block-home-blog .comment,
.block-home-blog .comment i{ font-size: 14px; color: #202124;}
.block-home-blog .like,
.block-home-blog .like i{ font-size: 14px; color: #202124;}
.block-home-blog .date,
.block-home-blog .date i{font-size: 11px;color: #202124; }
.block-home-blog .title{ font-size: 14px; color: #000000;font-weight: 500;display: block;line-height: 17px; }
.block-home-blog .footer a{ color: #000;}
.block-home-blog .pagination a{ color: #000; font-size: 12px; border-radius: 0px; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.block-home-blog .pagination a:hover{ color: #fff; background: #000}
@media (min-width: 768px){
  .block-home-blog ul { display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr;}
}
.block-home-blog ul li a:hover .title{ color: #007aff;}
.block-home-blog ul li .thumb{ position: relative;}
.block-home-blog ul li .thumb:before{ position: absolute; width: 100%; height: 100%; content: '';}
.block-home-blog ul li .thumb i{  position: absolute; left: 50%; top: 50%; font-size: 40px; margin-left: -20px; margin-top: -20px; color: #fff}
.block-home-blog .box-img{  position: relative;}
.block-home-blog .box-img i{  position: absolute; left: 50%; top: 50%; font-size: 40px; margin-left: -20px; margin-top: -20px; color: #fff}
.block-home-blog ul li a .thumb:before{ box-shadow: inset 0 0 0 0px #007aff; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.block-home-blog ul li a:hover .thumb:before{ box-shadow: inset 0 0 0 3px #007aff; }
@media (max-width: 767.98px) {
   .block-home-blog ul { column-count: 1;max-height: inherit;}
}
body[class^="blog-"] .section-breadcrumb, body[class*=" blog-"] .section-breadcrumb{
    margin-bottom: 0!important
}


.section-blog-video ul li:nth-child(odd) { background: #353535; } 
.section-blog-video ul li:nth-child(even) { background: #2e2e2e; } 
.section-blog-video ul li a:hover{ color: #fff} 
.section-blog-newsletter .h1 { font-size: 38px; } 
.section-blog-newsletter img { margin-top: -20px; } 
@media (max-width: 767.98px) { 
  .section-blog-newsletter .h1 { font-size: 20px; } 
} 
.box-img { position: relative; } 
.box-img .img { position: relative; z-index: 1;} 
.box-img .img.deg:before { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(#0000, #000); } 
.box-img.invert:before { background: linear-gradient(#000, #0000); } 
.box-img .info { position: absolute; width: 100%; bottom: 0; z-index: 1; }
.box-img.full i.mini { position: relative; left: 7px; top: 3px; margin: 0px; } 
.border-top-5 { border-top: 5px solid #ccc; } 
.border-top-00aef1 { border-top-color: #00aef1; } 
.border-top-fc237c { border-top-color: #fc237c; } 
.border-top-88c52a { border-top-color: #88c52a; } 
.border-top-fe4e06 { border-top-color: #fe4e06; } 
.text-00aef1 { color: #00aef1; } 
.text-fc237c { color: #fc237c; } 
.text-88c52a { color: #88c52a; } 
.text-fe4e06 { color: #fe4e06; }
.blog { position: relative; } 
.blog .nav { overflow: hidden; right: 0px; position: fixed; height: 100vh; left: 0px; width: 60px; z-index: 2; } 
.blog .nav > ul { z-index: 12; width: 100%; height: 100%; } 
.blog .nav ul li .btn-nav { display: block; height: 50px; position: relative; } 
.blog .nav ul li .btn-nav:before { content: ""; position: absolute; border-radius: 100px; background: #2a2a2a; width: 40px; height: 40px; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; opacity: 0; }
.blog .nav ul li .btn-nav i { font-size: 20px; opacity: 0.5; color: #fff; } 
.blog .nav ul li .btn-nav:hover i { opacity: 1; z-index: 1; }
.blog .nav ul li .btn-nav:hover:before { opacity: 1; } 
.blog .nav-sub { width: 370px; top: 0px; position: absolute; left: 0px; margin-left: 60px; height: 100%; z-index: 10; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; opacity: 0; }
.blog .small { font-size: 18px; font-weight: 500; } 
.blog .tag { position: relative; } 
.blog .tag:before { position: absolute; width: 2px; content: ""; background: #007aff; height: 14px; left: 0; top: 4px; } 
.blog .header { font-size: 21px; font-weight: bold; position: relative; } 
.blog .header:before { content: ""; position: absolute; width: 3px; background: #007aff; height: 18px; left: 0; top: 6px; }
.blog .before { position: relative; } 
.blog .before:before { content: ""; position: absolute; width: 3px; background: #007aff; height: 18px; left: 0; top: 50%; margin-top: -10px; } 
.blog .canais-list { overflow: auto; } 
.blog .canais-list ul { min-width: fit-content; } 
.blog .canais-list li { min-width: 180px; } 
.blog .blog-post .autor-img { border: 5px solid #f5f5f5; } 
.blog .blog-post .slick-arrow.base-set-icon-chevron-left, 
.blog .blog-post .slick-arrow.base-set-icon-chevron-right, 
.blog .blog-channel .slick-arrow.base-set-icon-chevron-left, 
.blog .blog-channel .slick-arrow.base-set-icon-chevron-right { width: 30px; } 
.blog .btn-back-blog { opacity: 0; background: #000000d4; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 10; }

.blog .card-text-content .wishlist .btn-whishlist{      opacity: 1; right: auto; left: 3px; top: 0; margin: 0; border: 2px solid #fff; box-shadow: 0 0 0 4px #fcf4ff; position: relative!important; margin-bottom: 12px;}
.blog .card-text-content .actions{  position: absolute; height: 100%; left: -100px;}
.blog .card-text-content .actions .buttons{position: sticky; top: 100px; width: 100%; display: block;}
.blog .card-text-content .actions .buttons.share{    position: absolute; left: -104px; top: 53px;}
.blog .card-text-content .actions .share .i-amphtml-layout-size-defined{ display: block; margin-bottom:5px;}
.blog .card-text-content .actions .share .text-white_.pb-1{ display: none}
.blog .card-text-content a{ display: inline!important; color: #007aff; text-decoration: underline;}

.blog.animate .btn-back-blog { position: fixed; width: 100vw; height: 100vh; opacity: 1; top: 0; left: 0; } 
.blog.animate-hide .btn-back-blog { opacity: 0; } 
body .btn-back-mobile { position: absolute; z-index: 12; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; } 
body.animate-show .btn-back-mobile { opacity: 1; width: 100%; height: 100%; background: #000000d4; } 
body.animate-hide .btn-back-mobile { opacity: 0; } 

body.animate-hide .header-top,
body.animate-show .header-top { overflow: hidden; } 

@media (max-width: 576px) {
  .blog .nav { -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translate(-60px, 0); -moz-transform: translate(-60px, 0); -ms-transform: translate(-60px, 0); -o-transform: translate(-60px, 0); transform: translate(-60px, 0); -webkit-transform: translate3d(-60px, 0, 0); -moz-transform: translate3d(-60px, 0, 0); -ms-transform: translate3d(-60px, 0, 0); -o-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); } 
  .blog.animate .nav { -webkit-transform: translate(0px, 0); -moz-transform: translate(0px, 0); -ms-transform: translate(0px, 0); -o-transform: translate(0px, 0); transform: translate(0px, 0); -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } 
}

.blog.animate .nav { overflow: initial; } 
.blog.animate .nav-sub { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); box-shadow: 0px 0px 10px #00000059; } 
.blog .nav-sub, 
.blog.animate-hide .nav-sub { -webkit-transform: translate(-370px, 0); -moz-transform: translate(-370px, 0); -ms-transform: translate(-370px, 0); -o-transform: translate(-370px, 0); transform: translate(-370px, 0); -webkit-transform: translate3d(-370px, 0, 0); -moz-transform: translate3d(-370px, 0, 0); -ms-transform: translate3d(-370px, 0, 0); -o-transform: translate3d(-370px, 0, 0); transform: translate3d(-370px, 0, 0); } 
.blog .autor-info { line-height: 20px; } 
.blog .autor-info .text-uppercase { font-size: 10px; color: #999999; } 
.blog .autor-info .type { font-size: 14px; color: #999999; } 
.blog .autor-info .name { font-weight: 500; } 
.blog .autor-info img { border: 3px solid #f5f5f5; } 
.blog .actions { color: #999999; font-size: 12px; } 
.blog .actions i{font-size: 18px; } 
.blog .actions div:first-child, 
.blog .actions div:last-child { position: relative; } 
.blog .actions div.pr-3:nth-child(1):before { content: ""; position: absolute; right: 0; height: 10px; background: #ccc; width: 1px; top: 50%; margin-top: -5px; } 
.blog .actions div:nth-child(3):before { content: ""; position: absolute; left: 0; height: 10px; background: #ccc; width: 1px; top: 50%; margin-top: -5px; } 
.blog .likes { cursor: pointer; position: absolute; right: 15px; top: 15px; background: #0000008f; border-radius: 20px; padding: 3px 10px; } 
.blog .likes:hover { background: #000; } 
.blog .likes i { position: relative; left: auto; top: auto; } 
.blog .views { font-size: 12px; opacity: 0.4; } 
.blog .circle-number { width: 40px; height: 40px; font-size: 22px; } 
.blog .blog-more-search a { color: #98989b; font-size: 14px; padding: 5px 0; display: block; } 
.blog .blog-more-search a:hover { color: #00aef1; } 
.blog .blog-more-search .btn-drop { margin-top: -54px; z-index: 1; } 
.blog img { width: 100%; height: 100%; min-width: 45px; } 
.blog .img-banner { top: 50%; width: 100%; margin-top: -35px; } 
.blog .img-banner .text { font-size: 12px; } 
.blog .btn-back-img { top: 0; right: 0; height: 75px; cursor: pointer; } 
.blog .btn-back-img div { height: 75px; background: #00000073; transform: rotate(180deg); } 
.blog .btn-back-img div i:before { color: #fff; } .blog .card-catalog { font-size: 12px; } 
.blog .card-catalog a { color: #000; } .blog .card-text-content { font-size: 14px; } 
.blog .static-block img { border: 10px solid #fff; } 
.blog .blog-list-line { position: relative; } 
.blog .blog-list-line .btn-like { position: absolute; padding: 15px; left: 0; top: 0px; } 
.blog .blog-list-line .btn-like i { font-size: 21px; color: #fff; } 
.blog .blog-list-line .btn-like:hover i:before, 
.blog .blog-list-line .btn-like.active i:before { content: "\e91e"; } .blog-post { opacity: 0; } 
.blog-post .slick-list { width: 100%; } 
.blog-post.slick-initialized { opacity: 1; }

.blog .card-text-content{ max-width: 680px; margin: 0 auto}

/* @media (min-width: 576px) { 
  .blog .section { padding-left: 60px; } 
}  */
@media (max-width: 767.98px) { 
  .blog h1 { font-size: 1rem; } 
  /* .blog p { font-size: 12px; }  */
  .blog .bg-xs-2e2e2e { background: #2e2e2e; }
  .box-img p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
} 
@media (max-width: 400px) { 
  .blog .nav-sub { width: 260px; } 
  .blog .nav-sub, 
  .blog.animate-hide .nav-sub { -webkit-transform: translate(-260px, 0); -moz-transform: translate(-260px, 0); -ms-transform: translate(-260px, 0); -o-transform: translate(-260px, 0); transform: translate(-260px, 0); -webkit-transform: translate3d(-260px, 0, 0); -moz-transform: translate3d(-260px, 0, 0); -ms-transform: translate3d(-260px, 0, 0); -o-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); } 
  .blog .static-block img { max-width: 105px; } 
} 
@media (max-width: 350px) { 
  .blog .nav-sub { width: 210px; } 
  .blog .nav-sub, 
  .blog.animate-hide .nav-sub { -webkit-transform: translate(-210px, 0); -moz-transform: translate(-210px, 0); -ms-transform: translate(-210px, 0); -o-transform: translate(-210px, 0); transform: translate(-210px, 0); -webkit-transform: translate3d(-210px, 0, 0); -moz-transform: translate3d(-210px, 0, 0); -ms-transform: translate3d(-210px, 0, 0); -o-transform: translate3d(-210px, 0, 0); transform: translate3d(-210px, 0, 0); } 
} 
.blog .slick-dots { text-align: center; padding-top: 10px; } 
.blog .slick-dots li { display: inline-block; } 
.blog .slick-dots li button { color: transparent; background: #000; opacity: 0.2; width: 15px; height: 15px; border-radius: 15px; padding: 0px; margin: 0 5px; } 
.blog .slick-dots li.slick-active button { opacity: 0.5; } 
.text-98989b { color: #98989b; } 
.text-00aaf1 { color: #00aaf1; } 
.text-595959 { color: #595959; } 
.icon-verifiqued svg { width: 16px; }

/* CHANNEL*/ 
.blog .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } 
.blog .video-container iframe, 
.blog .video-container object, 
.blog .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.blog .tags { padding: 5px 0 0 25px; background: url(../images/tags.png) no-repeat 0; line-height: 32px;} 
.blog .tags li{ display: inline-block; padding: 1px;} 
.blog .tags li a{ display: inline-block; border: 2px solid #ccc; padding: 5px; color: #909090; font-size: 11px; text-transform: uppercase; cursor: pointer} 
.blog .tags li a:hover{ color: #fff; background: #00aef1; border: 2px solid #00aef1;} 
.blog .question-container .question-list > p{ padding-top: 15px;} 

.blog .question-container ul li.question-item .question, 
.blog .question-container ul li.question-item .answer{ position: relative;} 
.blog .question-container ul li.question-item .question:before, 
.blog .question-container ul li.question-item .answer:before{ content: ''; position: absolute; bottom: 0}
.blog .question-container ul li.question-item .answer:before{ width: 0; height: 0; border-style: solid; border-width: 15px 0 0 15px; border-color: transparent transparent transparent #007bff; right: -15px; } 
.blog .question-container ul li.question-item .question:before{ width: 0; height: 0; border-style: solid; border-width: 0 0 15px 15px; border-color: transparent transparent #eaeaea transparent; left: -15px; } 
.blog .question-container ul li.question-item .question span{ border-radius: 5px 5px 5px 0px; display: inline-block; } 
.blog .question-container ul li.question-item .answer span{ border-radius: 5px 5px 0px 5px; display: inline-block; } 
.blog .question-container ul li.question-item .answer span .date{ display:block ; font-size: 12px; color: #a5d0ff;}
.blog .question-container ul li.question-item .question span .date{ display:block ; font-size: 12px; color: #ababab;} 
.blog .row-question .col-xs-6 button{ padding-right: 0px; padding-left: 0px;} 
.blog .row-question .col-xs-6:first-child{ padding-right: 2.5px} 
.blog .row-question .col-xs-6:last-child{ padding-left: 2.5px}
.blog .btn-question, 
.blog .btn-question:hover{    background-color: #ffffff; border-color: #5cb85c; color: #5cb85c; } 
.row-questions .validation-advice {position: absolute;}


.blog .section.capa{ height: calc(100vh - 141px); position: relative;}
.blog .section.capa i{ font-size: 55px; }
.blog .section.capa a#anchor{ animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite; -moz-animation: bounce 3s infinite; -o-animation: bounce 3s infinite; }
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-7px);}
	60% {-webkit-transform: translateY(-3px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-7px);}
	60% {-moz-transform: translateY(-3px);}
}

/* NORMALIZE - CONTAINER */
@media (max-width: 576px){
  .blog .section.capa h1{ font-size: 35px; font-weight: 300;}
  .blog .section.capa{ height: calc(100vh - 73px);}
}
@media (min-width: 576px){
  .blog .section,
  footer { padding-left: 60px; } 
  .cms-home footer { padding-left: 0px; } 
  .blog .section.capa h1{ font-size: 45px; font-weight: 300;}
}
@media (min-width: 768px){
  .blog .section,
  footer { padding-left: 60px; } 
  .cms-home footer { padding-left: 0px; } 
  .blog .section.capa h1{ font-size: 55px; font-weight: 300;}
}
@media (min-width:1480px) {
    .blog .section,
    footer { padding-left: 0px; }
    .cms-home footer { padding-left: 0px; } 
    .blog .section.capa h1{ font-size: 85px; font-weight: 300;}
  }

/* BLOG IMG */
.block-home-blog ul li .thumb a:after,
.blog .section.capa:before,
.box-img a:after{position: absolute; width: 100%; height: 100%; background: #000; opacity: .4; content: ''; left: 0; top: 0px;}
.blog .section.capa:before{opacity: .8;}
.box-img .info:after{ display: none;}

/* BLOG CONTENT */
.blog-post-view #content .card-text .container{width: initial;}
.blog-post-view #content .card-text .inovarti-dynamic-mosaic {padding: 0;}
.blog-post-view #content .card-text .category-products{width:100%;}