/*
html, body { margin: 0px!important; padding: 0px!important; width: 100%; height: 100%; overflow: visible; font-family: "Open Sans", sans-serif; }
a, button, li,
.form-group span .fa
{ -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); }
a, a:focus, a:visited, a:hover { text-decoration: none; font-style: normal; color: #888; }
section { position: relative; }
section h1 { margin: 0 0 40px 0; font-size: 40px; text-align: center; color: #666; }
.form-group span { display: inline-block; width: 100%; position: relative; }
.form-group span input[type="password"] { padding-right: 30px; }
.form-group span .fa-eye-slash,
.form-group span .fa-eye { position: absolute; cursor: pointer; right: 0px; top: 0px; padding: 14px; font-size: 20px; color: #FFF; }
*/
section.econopedia { padding: 30px 0; }
section.econopedia .component-card { min-height: 350px; padding: 1.8rem 2.2rem; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; }
section.econopedia .component-card h2 { float: left; width: 100%; font-size: 1.5em; padding: 0; color: #4e4e4e; display: block; height: 70px!important;  }
section.econopedia .component-card p { float: left; width: 100%; font-size: 1.1em; color: #757575; max-height: 135px; line-height: 1.4em; }
section.econopedia .component-card .box-link { position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); }
section.econopedia .spotlight-new .middle-box { margin-bottom: 0!important; }
section.econopedia .component-card a {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    border: 2px solid #2c4fff;
    padding: 10px 15px;
    color: #2c4fff;
    background: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
}
section.econopedia .component-card a:hover { color: black; }

section.cards { margin: 50px 0; }
section.cards .box-1 .title h1 { font-size: 30px; color: #4e4e4e; }
section.cards .box-2 h2 { font-size: 2.5rem; color: #4e4e4e; text-align: left; margin: 15px 0; }
section.cards .box-2 p { font-size: 1.2rem; }
section.cards .box-2 p a { color: #2c4fff; font-weight: bold; }
section.cards .box-2 p a:hover { text-decoration: underline; }
section.cards .box-1 { display: inline-block; width: 30%; float: left; position: sticky; top: 25px; }
section.cards .box-1 .title { border: 1px solid #ececec; padding: 25px; }
section.cards .box-1 .itens { overflow-y: auto; max-height: calc(90vh - 82px); margin-top: -1px; border: 1px solid #ececec; padding-left: 25px; }
section.cards .box-1 .itens::-webkit-scrollbar { width: 3px; }
section.cards .box-1 .itens::-webkit-scrollbar-thumb { background: #2c4fff; }
section.cards .box-1 .itens::-webkit-scrollbar-track{ background: white; }
section.cards .box-1 .itens ul { list-style-type: decimal; margin-left: 20px; }
section.cards .box-1 .itens li.ativo a,
section.cards .box-1 .itens li.ativo { opacity: 1; }
section.cards .box-1 .itens li a,
section.cards .box-1 .itens li { margin: 25px 0; font-size: 16px; font-weight: bold; letter-spacing: 0.4px; line-height: 1.2; color: #2c4fff; opacity: 0.5; }
section.cards .box-2 { padding: 15px 40px; border: 1px solid #ececec; display: inline-block; width: 65%; float: right; }

section.cards .mobile .itens li.ativo a,
section.cards .mobile .itens li.ativo { opacity: 1; }
section.cards .mobile .itens li a,
section.cards .mobile .itens li { padding: 0 5px; display: inline-block; margin: 10px 0; font-size: 16px; font-weight: bold; letter-spacing: 0.4px; line-height: 1.2; color: #2c4fff; opacity: 0.5; width: -webkit-max-content; width: -moz-max-content; width: max-content; }
section.cards .mobile .itens ul { display: flex; overflow-x: auto; margin: 10px 0; }
section.cards .mobile .itens ul::-webkit-scrollbar { height: 3px; }
section.cards .mobile .itens ul::-webkit-scrollbar-thumb { background: #2c4fff; }
section.cards .mobile .itens ul::-webkit-scrollbar-track{ background: white; }
section.cards .mobile .title h1 { font-size: 28px; color: #4e4e4e; text-align: center; }

section.cards .conteudo {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    color: #4a4a4a;
}

@media only screen and (max-width: 1024px) {
	section.econopedia .component-card p {
	    max-height: unset;
    	padding-bottom: 100px;
	}
}

/*
.flip-card.news { background-color: transparent; width: 500px; max-width: 100%; height: 52px; perspective: 1000px; display: inline-block; }
.flip-card.news .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; }
.flip-card.news.returnON .flip-card-inner { transform: rotateX(180deg); }
.flip-card.news .flip-card-front, .flip-card.news .flip-card-back { position: absolute; width: 100%; height: 52px; backface-visibility: hidden; }
.flip-card.news .flip-card-front { background-color: #333; color: black; }
.flip-card.news .flip-card-back { background-color: #CCC; color: white; transform: rotateX(180deg); }
.flip-card.news .flip-card-front fieldset { visibility: visible; opacity: 1; 
  -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1);
}
.flip-card.news .flip-card-front fieldset button { outline: none; }
.flip-card.news.returnON .flip-card-front fieldset { visibility: hidden; opacity: 0; }
.flip-card.news .flip-card-back { position: relative; padding: 15px; text-align: left; background: #00dc66; font-family: 'PN-Sb',sans-serif; font-size: 18px; }
.flip-card.news .flip-card-back .fa-close { position: absolute; font-size: 24px; padding: 12px 15px; top: 0; right: 0; opacity: .5; cursor: pointer; }
.flip-card.news .flip-card-back .fa-close:hover { opacity: 1; }
.flip-card.news .flip-card-back i[class^='icon'] { padding-right: 10px; }
.flip-card.news.load .fa-paper-plane:before { content: "\f021"; display: inline-block; -webkit-animation:spin .4s linear infinite;-moz-animation:spin .4s linear infinite;-o-animation:spin .4s linear infinite;animation:spin .4s linear infinite; }
*/
.flip-card.news { background-color: transparent; width: 500px; max-width: 100%; height: 52px; -webkit-perspective: 1000px; perspective: 1000px; display: inline-block; }
.flip-card.news .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; -webkit-transition: -webkit-transform 0.8s; transition: -webkit-transform 0.8s; -o-transition: transform 0.8s; transition: transform 0.8s; transition: transform 0.8s, -webkit-transform 0.8s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.flip-card.news.returnON .flip-card-inner { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.flip-card.news .flip-card-front, .flip-card.news .flip-card-back { position: absolute; width: 100%; height: 52px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.flip-card.news .flip-card-front { background-color: #333; color: black; }
.flip-card.news .flip-card-back { background-color: #CCC; color: white; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.flip-card.news .flip-card-front fieldset { visibility: visible; opacity: 1; 
  -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1);
}
.flip-card.news .flip-card-front fieldset button { outline: none; }
.flip-card.news.returnON .flip-card-front fieldset { visibility: hidden; opacity: 0; }
.flip-card.news .flip-card-back { position: relative; padding: 15px; text-align: left; background: #00dc66; font-family: 'PN-Sb',sans-serif; font-size: 18px; }
.flip-card.news .flip-card-back .fa-close { position: absolute; font-size: 24px; padding: 12px 15px; top: 0; right: 0; opacity: .5; cursor: pointer; }
.flip-card.news .flip-card-back .fa-close:hover { opacity: 1; }
.flip-card.news .flip-card-back i[class^='icon'] { padding-right: 10px; }
.flip-card.news.load .fa-paper-plane:before { content: "\f021"; display: inline-block; -webkit-animation:spin .4s linear infinite;animation:spin .4s linear infinite; }

@media (max-width: 768px){
  .flip-card.news .flip-card-back { padding: 17px 15px 15px 15px; font-size: 14px; }
}
#wrapper-footer .logo img {  max-width: 256px!important; margin: 10px!important; }

.modal-backdrop { position: fixed; width: 0px; height: 0px; top: 50%; left: 50%; background: rgba(0,0,0,.1); z-index: 99999; overflow: hidden; } 
.modal-backdrop.on { width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(0,0,0,.7); }
.modal-backdrop::after{content:"";border:2px solid rgba(0,0,0,.25);visibility:hidden;opacity:0;border-top:2px solid #FFF;position:absolute;top:50%;right:50%;margin-top:-100px;margin-right:-50px;display:block;border-radius:100%!important;width:100px;height:100px;-webkit-animation:spin .2s linear infinite;-moz-animation:spin .2s linear infinite;-o-animation:spin .2s linear infinite;animation:spin .2s linear infinite}
.modal-backdrop.loadON::after { visibility:visible; opacity:1; margin-top:-50px; }

.modal-backdrop ._msg { position: absolute; width: 380px; max-width: 100%; height: 100px; background: #FFF; opacity: 0; visibility: hidden; top: calc(50% + 50px); left: calc(50% - 190px); z-index: 9;
-webkit-transition: all .8s cubic-bezier(.215,.61,.355,1); -moz-transition: all .8s cubic-bezier(.215,.61,.355,1); -o-transition: all .8s cubic-bezier(.215,.61,.355,1); transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.modal-backdrop.msgON ._msg { opacity: 1; visibility: visible; top: calc(50% - 50px);  }
.modal-backdrop ._msg i:not(.flaticon-close) { float: left; font-size: 60px; padding: 20px; width: 100px; height: 100px; background: #CCC; color: #FFF; }
.modal-backdrop ._msg i.fas,
.modal-backdrop ._msg i.flaticon-close,
.modal-backdrop .terms i.fas,
.modal-backdrop .terms i.flaticon-close { position: absolute; top: -32px; right: 0; color: #FFF; font-size: 1.8rem; opacity: .6; cursor: pointer; }
.modal-backdrop ._msg i.fas:hover,
.modal-backdrop ._msg i.flaticon-close:hover,
.modal-backdrop .terms i.fas:hover,
.modal-backdrop .terms i.flaticon-close:hover { opacity: 1; }
.modal-backdrop ._msg span { float: left; width: calc(100% - 100px); height: 100%; }
.modal-backdrop ._msg span p { float: left; width: 100%; margin: 0; color: #2c4fff }
.modal-backdrop ._msg span p.title { font-size: 20px; padding: 12px 12px 8px 12px; font-weight: bold; }
.modal-backdrop ._msg span p.text { padding: 0 12px; color: #666; }
.modal-backdrop ._msg span p a { text-decoration: underline!important; }
.modal-backdrop.msgON.loadON::after { visibility:hidden; opacity:0; }

.modal-backdrop .terms { position: absolute; width: 640px; max-width: 100%; background: #FFF; opacity: 0; visibility: hidden; left: calc(50% - 320px); z-index: 9;
-webkit-transition: all .8s cubic-bezier(.215,.61,.355,1); -moz-transition: all .8s cubic-bezier(.215,.61,.355,1); -o-transition: all .8s cubic-bezier(.215,.61,.355,1); transition: all .8s cubic-bezier(.215,.61,.355,1);
}
.modal-backdrop.termsON .terms { opacity: 1; visibility: visible; top: calc(50%); transform: translateY(-50%); }
.modal-backdrop .terms .list li { font-weight: bold; color: #2c4fff; float: left; width: 50%; text-align: center; padding: 20px 10px; border-bottom: 2px solid #2c4fff; }
.modal-backdrop .terms .content::-webkit-scrollbar { width: 5px; }
.modal-backdrop .terms .content::-webkit-scrollbar-thumb { background: #2c4fff; }
.modal-backdrop .terms .content::-webkit-scrollbar-track{ background: white; }
.modal-backdrop .terms .content { padding: 25px; border: 2px solid #2c4fff; border-top-width: 0px; clear: both; max-height: 450px; overflow-y: auto; }
.modal-backdrop .terms.politicy .list li:nth-child(1) { border: 2px solid #2c4fff; border-bottom-width: 0px }
.modal-backdrop .terms.privacity .list li:nth-child(2) { border: 2px solid #2c4fff; border-bottom-width: 0px }
.modal-backdrop .terms.politicy .list li:nth-child(2), 
.modal-backdrop .terms.privacity .list li:nth-child(1) { cursor: pointer; background-color: #DDD }
.modal-backdrop .terms.politicy .content .politica_de_privacidade,
.modal-backdrop .terms.privacity .content .termos_de_uso { display: none; }

.modal-backdrop .terms.privacity .list li:nth-child(1) { display: none; }
.modal-backdrop .terms.privacity .list li:nth-child(2) { width: 100%; }

.modal-backdrop .terms.politicy .list li:nth-child(2) { display: none; }
.modal-backdrop .terms.politicy .list li:nth-child(1) { width: 100%; }




.modal-backdrop .iframe { position: absolute; width: 0%; height: 0%; top: 50%; left: 50%; opacity: 0; visibility: hidden; overflow: hidden; z-index: 1; }
.modal-backdrop.iframeON .iframe { width: 100%; height: 100%; top: 0px; left: 0px; opacity: 1; visibility: visible; }
.modal-backdrop .iframe iframe { position: absolute; width: 64vw; left: calc(50% - 32vw); top: 2vh; height: 96vh; border: none; overflow: hidden; }
.modal-backdrop .iframe i { position: absolute; top: 20px; right: 40px; font-size: 40px; color: #FFF; z-index: 99; cursor: pointer; }
@media (max-width: 992px){
    .modal-backdrop .iframe iframe { width: 98vw; left: 1vw; top: 40px; height: 93vh; } 
    .modal-backdrop .iframe i { top: 7px; right: 9px; color: #FFF; font-size: 25px; }
    .modal-backdrop.msgON ._msg {     left: 0; }
    .modal-backdrop ._msg span p.text { font-size: 14px; }
}

@media (max-width: 992px){

    #wrapper-footer .copyright .media-social { width: 100%; text-align: center; }
    #wrapper-footer .copyright .media-social a { float: initial; display: inline-block; margin: 0 2%; font-size: 25px; }

}

@media only screen and (max-width: 1024px) {
    #termos_analytics .container { display: block; }
    #termos_analytics .termos_conteudo { margin-bottom: 10px; }
    #termos_analytics .termos_aceitar a { margin-left: 0; }
    #termos_analytics .termos_a_r { text-align: center; }

    .modal-backdrop.termsON .terms { transform: translateY(-50%) translateX(-50%); left: 50%; }
    .modal-backdrop .terms { text-align: justify; width: 90vw; }
    .modal-backdrop .terms .list li { min-height: 74px; position: relative; }
    .modal-backdrop .terms .list li span { position: absolute; left: 50%; display: inline-block; width: 80%; top: 50%; transform: translate(-50%, -50%); }
}

/*
.flip-card-share { background-color: transparent; width: 100%; max-width: 100%; height: 48px; perspective: 1000px; display: inline-block; }
.flip-card-share .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; }
.component-card .author-info { position: relative; }
.component-card .author-info .btn-shared { position: absolute; top: 4px; right: 8px; z-index: 1; }
.component-card .author-info .btn-shared i { padding: 5px!important; }
.component-card .author-info input[type="checkbox"] { position: absolute; top: 4px; right: 8px; padding: 9px; z-index: 2; display: inline-block; width: 30px; height: 30px; opacity: 0; cursor: pointer; } 
.component-card .author-info input[type="checkbox"]:checked ~ .flip-card-share .flip-card-inner { transform: rotateX(180deg); }
.flip-card-share .flip-card-front, 
.flip-card-share .flip-card-back { position: absolute; width: 100%; height: 48px; backface-visibility: hidden; }
.flip-card-share .flip-card-front { background-color: #FFF; color: black; }
#wrapper-set-of-three-news .flip-card-share .flip-card-front { background-color: #e8e8e8; }
.flip-card-share .flip-card-back { background-color: #EFEFEF; color: white; transform: rotateX(180deg); }
.component-card .author-info input[type="checkbox"]:checked ~ .flip-card-share ~ a i:before { content: "\f00d"; color: #666; display: inline-block; -webkit-animation:halfspin .3s linear; -moz-animation:halfspin .3s linear; -o-animation:halfspin .3s linear; animation:halfspin .3s linear; }
@-webkit-keyframes halfspin{0%{-webkit-transform:rotate(0deg);opacity:0;}80%{-webkit-transform:opacity:0;}100%{-webkit-transform:rotate(360deg);opacity:1;}}@keyframes halfspin{0%{transform:rotate(0deg);opacity:0;}80%{transform:opacity:0;}100%{transform:rotate(360deg);opacity:1;}}
.flip-card-share .flip-card-front span { visibility: visible; -webkit-transition: all .8s cubic-bezier(.215,.61,.355,1); -moz-transition: all .8s cubic-bezier(.215,.61,.355,1); -o-transition: all .8s cubic-bezier(.215,.61,.355,1); transition: all .8s cubic-bezier(.215,.61,.355,1); }
.component-card .author-info input[type="checkbox"]:checked ~ .flip-card-share .flip-card-front span { visibility: hidden; }
.component-card .author-info .info h3 { text-align: left!important; }
.component-card .author-info .info h3 a { color: #000; }
.component-card .author-info .info h3 a:hover { text-decoration: underline; }
.flip-card-share .flip-card-back a { font-size: 25px; padding: 5px; width: 38px; height: 48px; float: left; line-height: 40px; color: #2c4fff; -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); } 
.flip-card-share .flip-card-back:hover a { color: #f5adce; }
.flip-card-share .flip-card-back:hover a:hover { color:#2c4fff; background: rgba(0,0,0,.15); }
.component-card .author-info { width: 100%!important; }
*/

.flip-card-share { background-color: transparent; width: 100%; max-width: 100%; height: 48px; -webkit-perspective: 1000px; perspective: 1000px; display: inline-block; }
.flip-card-share .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; -webkit-transition: -webkit-transform 0.8s; transition: -webkit-transform 0.8s; -o-transition: transform 0.8s; transition: transform 0.8s; transition: transform 0.8s, -webkit-transform 0.8s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.component-card .author-info,
.post-date { position: relative; }
.component-card .author-info .btn-shared,
.post-date .btn-shared { position: absolute; top: 4px; right: 8px; z-index: 1; padding-left: 5px; }
.component-card .author-info .btn-shared i,
.post-date .btn-shared i { padding: 6px 5px 5px 10px!important; border-left: solid 1px #BBB; }
.component-card .author-info input[type="checkbox"],
.post-date input[type="checkbox"] { position: absolute; top: 4px; right: 8px; padding: 9px; z-index: 2; display: inline-block; width: 30px; height: 30px; opacity: 0; cursor: pointer; } 
.component-card .author-info input[type="checkbox"]:checked ~ .flip-card-share .flip-card-inner,
.post-date input[type="checkbox"]:checked ~ .flip-card-share .flip-card-inner  { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.flip-card-share .flip-card-front, 
.flip-card-share .flip-card-back { position: absolute; width: 100%; height: 48px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.flip-card-share .flip-card-front { background-color: #FFF; color: black; }
#wrapper-set-of-three-news .flip-card-share .flip-card-front { background-color: #e8e8e8; }
.flip-card-share .flip-card-back { background-color: #EFEFEF; color: white; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.post-date .flip-card-share .flip-card-back { background-color: #F5F5F5; }
.component-card .author-info input[type="checkbox"]:checked ~ .flip-card-share ~ a i,
.post-date input[type="checkbox"]:checked ~ .flip-card-share ~ a i { padding-top:  }
.component-card .author-info input[type="checkbox"]:checked ~ .flip-card-share ~ a i:before,
.post-date input[type="checkbox"]:checked ~ .flip-card-share ~ a i:before { content: "\f102"; font-size: 1.4rem; padding-left: 6px; color: #666; display: inline-block; -webkit-animation:halfspin .3s linear; animation:halfspin .3s linear; }
@-webkit-keyframes halfspin{0%{-webkit-transform:rotate(0deg);opacity:0;}80%{-webkit-transform:opacity:0;}100%{-webkit-transform:rotate(360deg);opacity:1;}}
@keyframes halfspin{0%{transform:rotate(0deg);opacity:0;}80%{transform:opacity:0;}100%{transform:rotate(360deg);opacity:1;}}
.flip-card-share .flip-card-front span { visibility: visible; -webkit-transition: all .8s cubic-bezier(.215,.61,.355,1); -o-transition: all .8s cubic-bezier(.215,.61,.355,1); transition: all .8s cubic-bezier(.215,.61,.355,1); }
.component-card .author-info input[type="checkbox"]:checked ~ .flip-card-share .flip-card-front span,
.post-date input[type="checkbox"]:checked ~ .flip-card-share .flip-card-front span  { visibility: hidden; }
.component-card .author-info .info h3 { text-align: left!important; } 
.component-card .author-info .info h3 a { color: #000; }
.component-card .author-info .info h3 a:hover { text-decoration: underline; } 
.flip-card-share .flip-card-back a { font-size: 24px; padding: 5px 0; width: 32px; height: 48px; float: left; line-height: 40px; color: #333; -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); } 
.flip-card-share .flip-card-back:hover a { color: #888; }
.flip-card-share .flip-card-back:hover a:hover { color:#000; background: rgba(0,0,0,.15); }
/*.component-card .author-info { width: 100%!important; }*/

.content-post { font-size: 1.4rem; line-height: 1.8rem; }
.content-post a { font-family: 'PN-b',sans-serif; color: #2c4fff; }
.content-post img { max-width: 100%;     height: auto!important; }
.share-box { float: left; width: 100%; height: 50px; }
.share-box span,
.share-box a { float: left; width: 12%; height: 50px; border: solid 1px #FFF; }
.share-box span { width: 16%; font-family: 'PN-b',sans-serif; text-align: center; background: #2c4fff; color: #FFF; line-height: 48px; }
.share-box a { font-size: 30px; display: inline-block; line-height: 48px; text-align: center; background: #EFEFEF; color: #2c4fff; 
  -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1);
}
.share-box a:hover { background: #2c4fff; color: #FFF; }
@media (max-width: 768px){
    .share-box a { width: 14.2%; }
    .share-box span { width: 100%; }
    .share-box { margin-bottom: 40px; }
}
/*
.flip-card-financial { background-color: transparent; width: 100%; max-width: 100%; perspective: 1000px; display: inline-block; padding: 80px 0; }
.flip-card-financial .flip-card-inner { position: relative; width: 100%; height: 50px; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; }
.flip-card-financial .flip-card-front, 
.flip-card-financial .flip-card-back { position: absolute; width: 100%; height: 50px; backface-visibility: hidden; }
.flip-card-financial:hover .flip-card-inner { transform: rotateX(180deg); }
.flip-card-financial .flip-card-front { background-color: #14acea; color: black; }
.flip-card-financial .flip-card-front i {text-align: center; display: block; color: #fff; font-size: 50px; }
.flip-card-financial .flip-card-back { background-color: #14acea; color: white; transform: rotateX(180deg); }
.flip-card-financial .flip-card-back a { float: left; width: 14.2%; font-size: 40px; color: #FFF; text-align: center; 
  -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1);
}
.flip-card-financial .flip-card-back a:hover { color: #2c4fff; }
@media (max-width: 768px){
  .flip-card-financial .flip-card-back a { font-size: 34px; }
}
*/
.flip-card-financial { background-color: transparent; width: 100%; max-width: 100%; -webkit-perspective: 1000px; perspective: 1000px; display: inline-block; padding: 5% 0 0 0; }
.flip-card-financial .flip-card-inner { position: relative; width: 100%; height: 48px; text-align: center; -webkit-transition: -webkit-transform 0.8s; transition: -webkit-transform 0.8s; -o-transition: transform 0.8s; transition: transform 0.8s; transition: transform 0.8s, -webkit-transform 0.8s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.flip-card-financial .flip-card-front, 
.flip-card-financial .flip-card-back { position: absolute; width: 100%; height: 48px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.flip-card-financial:hover .flip-card-inner,
.flip-card-financial:active .flip-card-inner,
.flip-card-financial.on .flip-card-inner { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.flip-card-financial .flip-card-front { background-color: #14acea; color: black; }
.flip-card-financial .flip-card-front i { float: right; text-align: center; display: block; color: #fff; font-size: 30px; padding: 6px 0 6px 10px; border-left: solid 1px #FFf; }
.flip-card-financial .flip-card-front p { float: left; width: calc(100% - 44px); color: #FFF; text-align: left; font-size: .9rem; max-width: 270px; }
.flip-card-financial .flip-card-back { background-color: #14acea; color: white; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.flip-card-financial .flip-card-back a { float: left; width: 14.2%; font-size: 26px; color: #FFF; text-align: center; 
  -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1);
}
.flip-card-financial .flip-card-back a:hover { color: #2c4fff; }
@media (max-width: 768px){
  .flip-card-financial .flip-card-back a { font-size: 34px; }
}

.go-login { display: inline-block; width: 100%; margin-top: 20px; padding: 15px; font-size: 1.15rem; text-align: center; border: solid 2px #FFF; color: #FFF; line-height: 1.45rem; 
  -webkit-transition: all .3s cubic-bezier(.215,.61,.355,1); -moz-transition: all .3s cubic-bezier(.215,.61,.355,1); -o-transition: all .3s cubic-bezier(.215,.61,.355,1); transition: all .3s cubic-bezier(.215,.61,.355,1);
}
.go-login u { text-decoration: underline; font-family: 'PN-b',sans-serif; }
.go-login:hover { background: #FFF; color: #2c4fff; }

  div.half { float: left; width: 48%; margin-right: 4%; }
  .form-test h3 { font-size: 1.375rem; margin: 0 0 25px; line-height: 120%; color: #fff; font-family: 'PN-b',sans-serif;}
  div.selects div:nth-child(1) { float: left; width: 60%; margin-right: 4%!important; }
  div.selects div:nth-child(2) { float: left; width: 36%; }
  .form-test textarea { font-size: 1.2rem; }
  div.disabled, 
  input[disabled],
  select[disabled] { background-color: #CCC!important; }

.form-test .input-radio input[type='radio'].check-custom { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.form-test .input-radio input[type='radio'].check-custom ~ .check-toggle { position: relative; display: inline-block; vertical-align: middle; border: 0; cursor: pointer; margin-right: 20px; width: 100%; color: #fff; border-radius: 10px; font-size: 14px!important; }
.form-test .input-radio .check-toggle { font-size: 14px!important; }
.form-test .input-radio input[type='checkbox'].check-custom ~ .check-toggle,
.form-test .input-radio input[type='radio'].check-custom ~ .check-toggle {  margin-bottom: 10px; line-height: 22px; }
.form-test .input-radio input[type='checkbox'].check-custom ~ .check-toggle a {  color: #FFF!important; }
.form-test .input-radio input[type='checkbox'].check-custom ~ .check-toggle:before,
.form-test .input-radio input[type='radio'].check-custom ~ .check-toggle:before { margin-bottom: 20px!important; }
.form-test .input-radio input[type='radio'].check-custom ~ .check-toggle:before { -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; -ms-transition: color 0.5s ease-out; transition: color 0.5s ease-out; text-align: center; width: 22px; height: 22px; background: #fff; content: "\f00c"; color: #fff; font-family: "FontAwesome"; border-radius: 10px; border-radius: 50px; display: block; float: left; margin-bottom: 15px; margin-right: 10px; }
.form-test .input-radio input[type='radio'].check-custom:checked ~ .check-toggle:before { color: #2c4fff; }
.form-test .input-radio .check-toggle.respect p { display: inline-block; float: right; width: calc(100% - 34px); padding: 4px 8px; text-align: justify; font-size: 14px!important; line-height: 18px; }
.form-test button { margin-top: -5px!important; outline: none; }
.error-field { color: red!important; }
.error-field span,
.error-field p { background: red!important; }
.error-field::-webkit-input-placeholder { color: red!important; }
.error-field::-moz-placeholder { color: red!important; }
.error-field:-ms-input-placeholder { color: red!important; } 
.error-field:-moz-placeholder { color: red!important; }   

.delete { float: left; color: #FFF; width: 30%; margin-top: 20px;  }
.delete a { color: #FFF; font-family: 'PN-b', sans-serif; text-decoration: underline; }
.delete i { float: left; font-size: 1.8rem; margin: 5px 8px 36px 5px; }
.upd-user button[type="submit"] { float: right; font-size: 1.4vw; padding: 9px 15px; text-align: center; font-family: 'PN-b', sans-serif; border-radius: 0; width: 48%; margin-top: 0px!important; text-transform: uppercase; color: #FFF; background: #0d89bb; }

.login-user button[type="submit"] { float: right; font-size: 1.4vw; padding: 10px 15px; text-align: center; font-family: 'PN-b', sans-serif; border-radius: 0; margin-top: 11px!important; text-transform: uppercase; color: #FFF; width: 96%; height: 60px; background: #14acea; } 
.login-user button[type="submit"]:hover { background: #06b7ff; }
[type="password"] { border: none; }
.login-user span { float: left; width: 50%; }
.login-user .delete i { margin: -4px 8px 0px 0px; }
.login-user fieldset { float: left; width: 100%; margin-top: 30px; padding-top: 40px; background: url(../img/border-form.png) repeat-x top left; }
#wrapper-red-out-dialogue.wrap-login .container { max-width: 56vw; }
.pass-user { display: none; }
.login-user .delete.back i { font-size: 66px; margin: -14px 0 0 0; padding-right: 20px; }

.pass-box { position: relative; float: left; width: 48%; }
.pass-box input { position: relative; z-index: 0; }
.pass-box i { position: absolute; z-index: 1; top: 0; right: 0; font-size: 20px; padding: 8px 10px 8px 8px; color: #666; }


@media (max-width: 992px){
    .login-user span { width: 100%; }
    .login-user .delete { width: 100%; margin-top: 0; }
    .login-user .delete i { margin: 2px 8px 20px 5px; }
    .login-user button[type="submit"] { width: 100%; font-size: 4.5vw; margin-top: 0px!important; }
    #wrapper-red-out-dialogue .container { max-width: 100%!important; }
    .pass-box { width: 100%; }

    .login-user.pass-user button[type="submit"] { width: 100%; font-size: 4.5vw; }
    .login-user.pass-user span:not(.delete) { width: 85%; }
    .login-user.pass-user .delete { width: 15%; }

    .login-user .delete.back i { margin-top: -6px; }
}

#wrapper-red-out input::-webkit-input-placeholder,
#wrapper-red-out select::-webkit-input-placeholder,
#wrapper-red-out textarea::-webkit-input-placeholder {
    color: #2c4fff!important;
}
#wrapper-red-out input::-moz-placeholder,
#wrapper-red-out select::-moz-placeholder,
#wrapper-red-out textarea::-moz-placeholder {
    color: #2c4fff!important;
}
#wrapper-red-out input:-ms-input-placeholder,
#wrapper-red-out select:-ms-input-placeholder,
#wrapper-red-out textarea:-ms-input-placeholder {
    color: #2c4fff!important;
}
#wrapper-red-out input:-moz-placeholder,
#wrapper-red-out select:-moz-placeholder,
#wrapper-red-out textarea:-moz-placeholder {
    color: #2c4fff!important;
}

#wrapper-red-out .error-field::-webkit-input-placeholder { color: red!important; }
#wrapper-red-out .error-field::-moz-placeholder { color: red!important; }
#wrapper-red-out .error-field:-ms-input-placeholder { color: red!important; } 
#wrapper-red-out .error-field:-moz-placeholder { color: red!important; } 

.style-select { position: relative; display: flex; width: 100%; min-height: 58px; line-height: 3; background: #2c4fff!important; overflow: hidden; margin-bottom: 30px; } 
.style-select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0 !important; background: #2c4fff!important; background-image: none; } /* Remove IE arrow */
.style-select select::-ms-expand { display: none; } 
.style-select select { float: left; width: 100%; margin: 0; padding: 0 .5em; color: #fff!important; cursor: pointer; font-size: 1.5rem; border: solid 3px #FFF!important; text-transform: uppercase; }
.style-select select.error-field { border: solid 3px red!important; }
.style-select::after { 
    content: '\25BC'; 
    position: absolute;
    top: 3px;
    right: 18px;
    /* padding: 10px; */
    background: #2c4fff;
    color: #FFF;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    font-size: 30px;
    height: calc(100% - 6px);
    line-height: 52px; 
}
.style-select:hover::after { color: #14acea; } 

.more-ask { position: relative; display: none; width: 100%; line-height: 3; background: #FFF!important; overflow: hidden; margin-bottom: 30px; } 
.more-ask input,
.more-ask textarea  { float: left; font-family: 'PN-Reg', sans-serif;  width: 100%; padding: 10px .5em!important; color: #2c4fff!important; margin-bottom: 0!important; font-weight: normal; font-size: 1.5rem!important; border: solid 3px #FFF!important; }
.more-ask i { position: absolute; cursor: pointer; top: 0px; right: 0px; font-size: 40px; padding: 0px 1.5%; color: #2c4fff!important; height: 100%;
-webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); }

.more-ask i.on,
.more-ask i:hover,
.getAUDIO.on { color: #FFF!important; background: #2c4fff!important; }

.getAUDIO.on { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: rec; -webkit-animation-duration: 1.5s; animation-name: rec; animation-duration: 1.5s; }

@-webkit-keyframes rec {
  0% {opacity: 0.1;}
  30% {opacity: 1;}
  100% {opacity: 0.1;}
}

/* Standard syntax */
@keyframes rec {
  0% {opacity: 0.1;}
  30% {opacity: 1;}
  100% {opacity: 0.1;}
}




.quiz-lastblog  { padding: 5% 3%!important; text-align: center!important; }
.quiz-lastblog h3 { font-size: 1.4rem; padding: 0 0 40px 0; color: #fff; line-height: 120%; font-family: 'PN-b', sans-serif; text-align: left; display: inline-block!important; width: 100%; }
.quiz-lastblog img { display: inline-block!important; }
.quiz-lastblog a { width: 100%; padding: 15px 0; display: inline-block; color: #fff; text-align: center; position: relative; font-size: .9375rem; line-height: 100%; 

    padding: 15px 35px;
    font-size: 1.2rem;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    color: #14acea;
    background: #fff;
    width: 88%;
    margin-top: 12%;

}
@media only screen and (min-width: 1024px){
.quiz-lastblog a { padding: 15px 35px; font-size: 1.2rem; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color: #14acea; background: #fff; width: 88%; margin-top: 12%; }
.quiz-lastblog h3 { font-size: 1.2rem; }
}

._100 { float: left; width: 100%; padding: 0 15px; text-align: center; }
._50 { float: left; width: 50%; padding: 0 15px; }
._25 { float: left; width: 25%; padding: 0 15px; }
fieldset { width: calc(100% + 30px); margin-left: -15px!important; }
@media (max-width: 992px){
  ._50,._25 { width: 100%; margin-bottom: 0px; margin-top: 0!important; padding: 0px!important }
  .form-test .input-radio input[type='checkbox'].check-custom ~ .check-toggle:before, .form-test .input-radio input[type='radio'].check-custom ~ .check-toggle:before { margin-bottom: 10px!important }
  .form-test input[type="text"], .form-test input[type="password"], .form-test input[type="email"], .form-test input[type="phone"], .form-test input[type="cpf"], .form-test input[type="tel"], .form-test .select, .form-test textarea, .form-test select { font-size: .725rem; }
  .form-test textarea { height: 200px; font-size: 1.4rem!important;     padding-right: 38px!important; }
  .more-ask i { padding: 40px 10px!important; }
  .form-test .input-radio label b { width: 80%; float: left; margin-left: 10px;  }
  #wrapper-red-out .container .box h2 { font-size: 2.2rem!important; line-height: 2.4rem; }

    #wrapper-red-out .container .box h2.title_2 { font-size: 2.0rem!important; line-height: 2.0rem; padding-top: 15px; }

  .form-test select[name="dialogformask_id"] { font-size: 0.925rem!important; }
  fieldset { margin-left: 0!important; }
  .box.box--form fieldset { margin-left: -15px!important; max-width: 100%; }
  .box.box--form fieldset.form-pergunta { margin-left: 0px!important; }

  .form-dialogue fieldset { padding-top: 0px; }
  .form-dialogue textarea { font-size: .925rem; }

  .quiz-lastblog h3 { padding: 20px 20px 30px 20px; }
  .quiz-lastblog a { padding: 15px 0px; }

    
  .style-select { height: auto!important; min-height: 48px; overflow: initial!important; }
  .style-select::after { line-height: 38px!important; }

    #wrapper-series .title-series { overflow: hidden; font-size: 2.2rem; }

    .form-test button {
        font-size: 1.4rem;
        padding: 10px 30px;
    }

    #wrapper-set-of-three-news .container .individual-new .author-info { max-width: 100%; min-width: 100%; }

}

.style-select .toOpen { float: left; width: 100%; margin: 0; padding: 16px 32px 10px 10px; color: #fff!important; cursor: pointer; font-size: 26px; line-height: 1.4rem; border: solid 3px #FFF!important; text-transform: uppercase; font-family: 'PN-b', sans-serif; }
.modal-options { position: absolute; width: 92%; height: 98%; margin: 14px 4% 0 4%; top: 0; left: 0; visibility: hidden; opacity: 0; background-color: #2c4fff; z-index: 1; overflow-x: scroll; 
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; 
}
.modal-options.on { left: 0; visibility: visible; opacity: 1; top: 186px; height: auto; box-shadow: 0 10px 10px rgba(0,0,0,.3); overflow-x: hidden; }
.modal-options li { cursor: pointer; float: left; width: 100%; color: #FFF;  font-family: 'PN-b', sans-serif; text-transform: uppercase; font-size: 1.2rem; padding: 12px 8px 10px 8px; border-bottom: solid 1px rgba(255,255,255,.3); }
.modal-options li.on { background: #14acea; }
.modal-options li:hover { background: rgba(0,0,0,.1); }
.modal-options li.on:hover { background: #14acea;  }
select[name="dialogformask_id"] { display: none!important; }
@media (max-width: 992px){
    .modal-options { position: fixed; z-index: 999; left: -100%; left: 0; }
    .modal-options.on { top: 0; height: 98%; width: 96%; margin: 1% 2%; box-shadow: none; }
    .style-select .toOpen { font-size: 1.1rem; padding: 10px 32px 10px 10px; }
}


.quiz { color: #FFF; padding: 2% 3%; text-align: center; max-height: 500px; }
.quiz h2 { float: left; text-align: left; font-size: 1.5rem; font-family: 'PN-b', sans-serif; }
.quiz.on h2 { font-family: 'PN-Sb', sans-serif; font-size: 1.2rem; }
.quiz h2.ask { display: none; font-family: 'PN-b', sans-serif; margin-top: 6%; font-size: 1.4rem; }
.quiz h2.answer { display: none; font-family: 'PN-Sb', sans-serif; }
.quiz h2 span { float: left; width: 100%; padding: 2% 0; }
.quiz h2 span:nth-child(1) { font-size: 1.4rem; }
.quiz h2 span:nth-child(2),
.quiz h2 span:nth-child(3) { font-size: 1.1rem; }
.quiz h2 span small { font-size: 70%; }
.quiz h2 a { color: #ea118d; text-decoration: underline; } 
.quiz h3 { float: left; text-align: left; font-size: 1.1rem; margin-top: 6%; }
.quiz svg { display: inline-block; margin: 3% 0; }
.quiz svg path.wave { display: none; }
.quiz button { display: inline-block; 
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
border: none;
padding: 3px 25px;
color: #2c4fff;
background: #FFF;
display: inline-block;
text-transform: uppercase;
font-size: 1.3rem; 
font-family: 'PN-Sb', sans-serif;
cursor: pointer;
}
.quiz button:hover { color: #FFF; background: #2c4fff; }
.quiz button.init { width: 220px; }
.quiz .btns { float: left; width: 100%; display: none; }
.quiz .btns button { width: 46%; margin: 0 1%; }
.quiz.on h3 { display: none; }
.quiz.on button.init { display: none; }
.quiz.on .btns { display: inline-block; } 
.quiz.on .ask._1 { display: inline-block; }


@media (max-width: 992px){

    #wrapper-category-spotlight.with-quiz,
    #wrapper-category-spotlight.with-quiz .destaque-image,
    #wrapper-category-spotlight.with-quiz .quiz { width: 100%; margin: 0; }

     #wrapper-category-spotlight.with-quiz .quiz  { margin-top: 30px;     padding: 20px; }

     #menu-primary ul li a { padding: 15px 0; }
     body.menu-open #menu-primary { overflow-y: auto; }

     #wrapper-post .post-detail .post-date h3 {
        width: 76%;
        padding-top: 6px;
    }
}

.upd-user h2 { background: url(../img/border-form.png) repeat-x bottom left; padding-bottom: 30px; margin-bottom: 40px; }


.nav-top { z-index: 9; position: relative; }
.enter { float: initial!important; width: auto!important; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; border: 2px solid #2c4fff; padding: 10px 15px; color: #FFF; background: #2c4fff; margin: 0!important; display: inline-block; font-weight: 400; background: #FFF!important; color: #2c4fff!important; position: relative; border-color: #FFF!important; } 
.enter i { position: absolute; font-size: 36px; top: -20px; left: -58px; padding: 20px 90px 20px 20px; }
.enter span { 
  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  position: absolute; opacity: 0; top: 100%; visibility: hidden; display: inline-block;  width: 260px; background: #14acea; color: #FFF; right: 5px; padding: 15px 20px; 
}
.enter:hover span { opacity: 1; visibility: visible; top: calc(100% + 20px); }
.enter span::before { content: ""; position: absolute; top: -15px; right: 20px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #14acea; }
.enter span a { float: left; width: 100%; font-size: 1.2rem; padding: 15px; margin: 0!important; text-align: center!important; background: none!important; border: solid 2px #FFF!important; text-transform: none!important; }
.enter span > a:hover { background: #2c4fff!important; border-color: #2c4fff!important; color: #FFF!important; }
.enter span p a { float: initial!important; width: auto!important; padding: 0!important; border:none!important; }
.enter span em { float: left; width: 100%; position: relative; margin: 0!important; text-align: center; padding: 15px; }
.enter span em::before { content: ""; position: absolute; top: 50%; left: 0; height: 1px; background: #FFF; width: calc(50% - 24px); }
.enter span em::after { content: ""; position: absolute; top: 50%; right: 0; height: 1px; background: #FFF; width: calc(50% - 24px); }
.enter span p { float: left; width: 100%; margin: 0 0 5px 0!important; text-align: center; }
.enter span p a { text-decoration: underline; }
.enter span p a:hover { color: #2c4fff!important; }

.isMobile { text-align: center; }
.isMobile .enter-mobile { width: 100%; display: inline-block; background: #14acea; padding: 7px 0 5px 0; }
.isMobile .enter-mobile * { float: left; color: #FFF!important; }
.isMobile .enter-mobile i:nth-child(1) { width: 16%; font-size: 36px; margin-top: -1px; }
.isMobile .enter-mobile a:nth-child(2) { width: 30%; padding: 10px 0; }
.isMobile .enter-mobile b:nth-child(3) { width: 10%; padding: 10px 0; }
.isMobile .enter-mobile a:nth-child(4) { width: 42%;  padding: 10px 0; }

#wrapper-spotlights .spotlight-box div h2 { border-top: solid 1px #FFF; border-bottom: solid 1px #FFF; margin: 15px 0; text-align: left; font-size: 3.0rem; line-height: 3.6rem; padding: 6% 0; }
#wrapper-spotlights .spotlight-box div { padding: 10% 15% 0 15%; }
#wrapper-spotlights .spotlight-box div h3 { padding: 0 0 10px 0; font-size: 1.32rem; }
#wrapper-spotlights .spotlight-box div h4 { font-size: 1.1rem; padding: 0 0 8px 0;  }
#wrapper-spotlights .spotlight-box div h5 { font-size: 1.0rem; padding: 0; }

@media (min-width: 1440px){
    #wrapper-spotlights .spotlight-box div h2 { margin: 25px 0; text-align: left; font-size: 3.0rem; line-height: 3.6rem; padding: 8% 0; }
    #wrapper-spotlights .spotlight-box div h4 { font-size: 1.2rem; padding: 0 0 12px 0;  }
    #wrapper-spotlights .spotlight-box div h5 { padding: 10px 0 15px 0; }
}
@media (max-width: 992px){
    #wrapper-spotlights .spotlight-box div { padding: 10% 12% 0 12%; min-height: 500px; }
    #wrapper-spotlights .spotlight-box div h3 { font-size: 1.22rem; }
    #wrapper-spotlights .spotlight-box div h2 { font-size: 2.6rem; }
    #wrapper-spotlights .spotlight-box div h4 { font-size: 1.0rem; }
    #wrapper-spotlights .spotlight-box div h5 { font-size: 0.9rem; }
}

@media (max-width: 330px){
    #wrapper-post .post-detail .post-date { height: 80px; }
}

#wrapper-spotlights .spotlight-box .box1 { float: left; height: auto!important; padding: 8%; }  
#wrapper-spotlights .spotlight-box .box1 a { margin: 5px 0 0 0; font-size: 1.3rem;font-family: 'PN-b',sans-serif; width: 100%; text-align: center; padding: 15px 0; }

#wrapper-spotlights .spotlight-box .box2 { float: left; height: auto; padding: 8%; margin-bottom: 14px; background: #2c4fff;  } 
#wrapper-spotlights .spotlight-box .box2 a { color: #2c4fff; margin: 5px 0 0 0; font-size: 1.3rem; font-family: 'PN-b',sans-serif; width: 100%; text-align: center; padding: 15px 0; }
#wrapper-spotlights .spotlight-box .box2 a:hover { background: #14acea; color: #FFF;  }  


#wrapper-spotlights .spotlight-box .box2.business { float: left; height: auto; padding: 8%; margin-top: 14px; background: #FFF; color: #14acea!important; border: solid 3px #14acea;  } 
#wrapper-spotlights .spotlight-box .box2.business a { background: #14acea; color: #FFF;  margin: 5px 0 0 0; font-size: 1.3rem; font-family: 'PN-b',sans-serif; width: 100%; text-align: center; padding: 15px 0; }
#wrapper-spotlights .spotlight-box .box2.business a:hover { background: #2c4fff; color: #FFF;  } 


#wrapper-spotlights .spotlight-box div h3 { font-size: 1.6rem; } 
#wrapper-spotlights .spotlight-box div h4 { font-size: 1.1rem; }
#wrapper-spotlights .spotlight-box div h4 small { font-size: 0.9rem;  }  

#wrapper-spotlights .spotlight-box .box2.business h4 { font-size: 0.95rem; }

#wrapper-spotlights .spotlight-box .box2.business h3,
#wrapper-spotlights .spotlight-box .box2.business h4,
#wrapper-spotlights .spotlight-box .box2.business h4 small { color: #14acea!important;  }  

.visible-lg,
.visible-md,
.visible-xs { display: none; }

#wrapper-spotlights .spotlight-video { height: 650px; overflow: hidden;  }

@media (max-width: 992px){
	#wrapper-spotlights .spotlight-box .box1,
	#wrapper-spotlights .spotlight-box .box2 { 
		height: auto;
    	min-height: initial;
    	margin-bottom: 10px;
	}
	#wrapper-spotlights .spotlight-video { height: initial!important; } 
	.visible-xs { display: initial; } 
}
@media (min-width: 1600px){
	 #wrapper-spotlights .spotlight-box .box1 { height: 47%; } 
	 .visible-lg { display: initial; } 
}
@media (max-width: 1599px) and (min-width: 993px){ 
	#wrapper-spotlights .spotlight-box div h3 { font-size: 1.4rem; } 
	#wrapper-spotlights .spotlight-box div h4 { font-size: 1.0rem; }
	#wrapper-spotlights .spotlight-box div h4 small { font-size: 0.8rem;  }   
	#wrapper-spotlights .spotlight-box .box1 a,
	#wrapper-spotlights .spotlight-box .box2 a { font-size: 1.2rem; } 
	#wrapper-spotlights .spotlight-video { height: 600px; }  
	.visible-md { display: initial; }   
}

.home-buttons { float: left; width: 32%; color: #FFF; padding: 24px 30px; border-radius: 12px; margin-top: -40px; margin-bottom: 50px; text-align: right; 
    -webkit-transition: all 0.5s ease-out; 
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; 
} 
.home-buttons.atividade { background: #2b9998; } 
.home-buttons.apoio { background: #6467af; margin: 0 2%;}  
.home-buttons.mascaras { background: #f49ac2; }  


.home-buttons:hover { box-shadow: inset 0 0 60px rgba(0,0,0,.5); }  
.home-buttons b { float: left; width: calc(100% - 120px); margin: 14px 0 10px 0; font-size: 1.9rem; font-family: 'PN-b'; text-align: left; } 
.home-buttons p { float: left; width: calc(100% - 120px); margin: 0; font-size: 1.0rem; line-height: 1.4rem; font-family: 'PN-Sb'; text-align: left; }     
.home-buttons img { width: 110px; } 


.home-buttons.mascaras b,
.home-buttons.mascaras p { color: #344792; }

@media (max-width: 992px){
	.home-buttons { width: 100%; font-size: 1.8rem; margin-top: 0px; margin-bottom: 20px; }  
	.home-buttons.mascaras { margin-bottom: 20px; margin: 0; } 
	.home-buttons.apoio { padding: 38px 24px;margin: 20px 0; }    
	.home-buttons.atividade { margin-bottom: 40px; } 

	.home-buttons { text-align: center; }
	.home-buttons b { width: 100%; margin: 0 0 10px 0; text-align: center; }
	.home-buttons p { width: 100%; text-align: center; }
}
@media (max-width: 1599px) and (min-width: 993px){ 
	.home-buttons b { font-size: 1.7rem; margin: 10px 0; } 
	.home-buttons p { font-size: 0.94rem; line-height: 1.3rem; }  
	.home-buttons { margin-top: 0px; margin-bottom: 56px; }  
}
@media (min-width: 1600px){
	.home-buttons { margin-top: -5px; }
	#wrapper-spotlights .spotlight-box .box2.business h4 { font-size: 1.05rem; }
}

.title-section-videos { float: left; width: 100%; margin: 10px 0 40px 0; font-size: .9375rem; font-family: 'PN-Sb',sans-serif; color: #fff; text-transform: uppercase; border-bottom:solid 2px #2c4fff; text-align: center; }
.title-section-videos span { float: left; width: 220px;  background: #2c4fff; padding: 12px 15px; } 

.pq-business { float: left; width: 70%; margin: 20px 15% 20px 15%; padding: 30px 0; background: #2c4fff; color: #FFF; text-align: center; font-size: 2.0rem; text-transform: uppercase; 
	-webkit-transition: all 0.5s ease-out; 
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; 
}   
.pq-business:hover { background: #0e8dc1; }  
#menu-primary ul li a { font-size: 1rem; }
@media (max-width: 992px){
  .pq-business { width: 90%; margin: 20px 5%; font-size: 1.8rem;  }
   #menu-primary ul li { width: 100%!important; } 
   #menu-primary ul li a {  padding: 20px 0 15px 0; }
}
@media (max-width: 1366px){
	#menu-primary ul li a { font-size: 0.9rem; letter-spacing: 0em; padding: 14px 0; }
}

.modal-backdrop .terms.privacity .list li:nth-child(1) { display: none; }
.modal-backdrop .terms.privacity .list li:nth-child(2) { width: 100%; background: #2c4fff; color: #FFFFFF;  }

.modal-backdrop .terms.politicy .list li:nth-child(2) { display: none; }
.modal-backdrop .terms.politicy .list li:nth-child(1) { width: 100%; background: #2c4fff; color: #FFFFFF; }

.reactions { float: left; width: 100%; margin: 30px 0; }
.reactions .react { float: left; width: 55%; border-right: solid 1px #CCC; }
.reactions .result { float: left; width: 45%; padding: 0 40px; }
.reactions .react > * { float: left; width: 100%; }
.reactions .react h4 { margin: 0; padding: 0; font-family: 'PN-b',sans-serif; opacity: .7; font-size: 24px; }
.reactions .react h5 { margin: 0; padding: 0; opacity: .7; font-size: 1rem; font-weight: 300;}
.reactions .react h5.on { font-family: 'PN-b',sans-serif; color: #14acea; }
.reactions .react ul { margin: 0; padding: 15px 0; position: relative; }
.reactions .react ul label { cursor: pointer; }
.reactions .react ul li { float: left; position: relative; font-size: 56px; margin: 0 10px 0 0; cursor: pointer; color: #CCC; z-index: 0; }
.reactions .react ul li input { position: absolute; top: 0; left: 0; margin: 0; opacity: 0; }
/*.reactions .react ul li:nth-child(2n) {  
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1); 
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
margin-left: -6px;
margin-right: 12px;
}*/
.reactions .react ul li i { font-size: 3rem; line-height: 3.5rem; }
.reactions .react [name="stars"]:checked ~ i { color: #14acea; }
.reactions .react ul li:hover i { color: #a0a0a0; }
.reactions .react ul li.box-btn button { float: left; font-family: 'PN-b',sans-serif; font-size: 1rem; background: #CCC; color: #FFF; border: none; padding: 15px 8px; border-radius: 6px; cursor: no-drop; margin-top: 10px; }
@media (max-width: 1370px){
	.reactions .react ul li i { font-size: 2.5rem; line-height: 3rem; }
	.reactions .react ul li.box-btn button { padding: 10px 6px; margin-top: 18px; }
}
.reactions .react ul li.box-btn button.on { background: #2c4fff; cursor: pointer; }
.reactions .result > * { float: left; }
.reactions .result h4 { width: 100%; margin: 0 0 10px 0; padding: 0; font-family: 'PN-b',sans-serif; opacity: .7; font-size: 18px; }
.reactions .result h3 b { float: left; width: 100%; margin: 0 20px 0 0; padding: 0; font-family: 'PN-b',sans-serif; opacity: .7; font-size: 54px; }
.reactions .result h3 span { float: left; width: calc(100% - 90px); text-align: left; font-size: 24px; padding: 2px 0 5px 0; } 
.reactions .result h3 span i { display: inline-block; color: #CCC; }
.reactions .result h3 small { float: left; width: calc(100% - 90px); margin: 0; padding: 0; opacity: .7; font-size: 14px; }
.reactions .result h3 span i.on { color: #14acea; }
.reactions .react ul li.len { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; cursor: no-drop; }
@media (max-width: 992px){
.reactions .react h4 { font-size: 20px; }
.reactions .result { width: 100%; padding: 20px 0px 0 0; }
.reactions .react .box-btn { position: absolute; left: 58%; bottom: -26px; z-index: 2; }
.reactions .react ul li.box-btn button { padding: 8px; }
}


@media (max-width: 330px){
    #wrapper-post .post-detail .post-date { height: 80px; }
    .reactions .react ul { padding: 15px 0 15px 30px; }
    .reactions .react ul li { font-size: 40px; }
}

a.btn-evaluate { display: none; }
@media (max-width: 992px){
	a.btn-evaluate { position: fixed; display: inline-block; width: 200px; bottom: -60px; left: 10px; background: #14acea; font-family: 'PN-b',sans-serif; text-transform: uppercase; font-size: 18px; color: #FFF; padding: 10px 10px; text-align: center; border-radius: 6px 6px 0 0; z-index: 99; 
	  -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; 
	}
	a.btn-evaluate.on { bottom: 0px; }
	a.btn-evaluate small { float: left; width: 100%; text-align: center; font-size: 12px; font-family: 'PN-Reg',sans-serif; }
}


.component-card .author-info .info small { font-size: 12px; text-align: left; float: left; width: 100%; margin: 5px 0 0 0; }


.retomada-lastblog { padding: 8.5% 3%!important; text-align: center!important; background: #fff; min-height: 530px; }
.retomada-lastblog h3 { font-size: 1.4rem; padding: 0 0 40px 0; color: #fff; line-height: 120%; font-family: 'PN-b', sans-serif; text-align: left; display: inline-block!important; width: 100%; }
.retomada-lastblog img { display: inline-block!important; }
.retomada-lastblog a { width: 100%; padding: 15px 0; display: inline-block; text-align: center; position: relative; font-size: 1.1rem; line-height: 100%; 
    padding: 15px 35px;
    font-size: 1.2rem;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    color: #fff;
    background: #e80e8a;
    width: 88%;
    margin-top: 20%;
    letter-spacing: .025em;
    font-family: 'PN-b',sans-serif;

}
@media only screen and (min-width: 1024px){
    .retomada-lastblog a { padding: 15px 35px; font-size: 1.2rem; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; width: 88%; margin-top: 20%; }
    .retomada-lastblog h3 { font-size: 1.2rem; }
}
@media (max-width: 992px){
    .retomada-lastblog h3 { padding: 20px 20px 30px 20px; }
    .retomada-lastblog a { padding: 15px 0px; }
    .retomada-lastblog { min-height: 420px; }
}
a { text-decoration: none !important; }
#header-top .box-logo { float: left; width: 100% !important; text-align: center !important; }
#header-top .box-logo a img { width: auto; height: 160px; margin-left: auto; margin-right: auto; }
#header-top .box-texto { float: left; width: 100% !important; text-align: center !important; padding: 20px 0 15px 0; }
#header-top .box-texto p { font-size: 1.5rem; font-weight: 300; }
#header-top .box-texto p span { font-weight: 600; }
#header-top .search { float: left; width: 100% !important; text-align: center !important; }
#header-top .search .form-search { margin-left: auto; margin-right: auto; margin-top: 5px; max-width: 40% !important; }
#header-top .search .form-search input { font-family: 'PN-Sb',sans-serif; width: 100% !important; height: 40px; border: 2px solid #2c4fff; border-radius: 10px; padding: 15px 55px 15px 12px; font-size: 1rem; color: #2c4fff; }
#header-top .search .form-search input::placeholder { color: #4766ff; }
#header-top .search .form-search button i { color: #2c4fff; }
/*#header-top .right-header .nav-top { position: absolute; top: 0; right:0; };*/
#header-top .right-header .media-social { position: absolute; top: -5px; right: 20px; }

#wrapper-category-spotlight { padding: 40px 0 30px 0; }

#wrapper-category-spotlight .text-category { padding: 0 10px; }

@media (max-width: 1380px) { 
  #header-top { padding: 30px 0; }
  #header-top .box-logo a img { height: 130px; }
  #header-top .box-texto p { font-size: 1.3rem; }
  #header-top .box-texto { padding: 15px 0 5px 0; }

  #wrapper-category-spotlight { padding: 20px 0 0 0; }
}

.call { float: right; width: 100%; min-height: 420px; border: solid 1px #373737; padding: 30px 30px 50px 30px; text-align: center;
	-webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
	-moz-transition: all .5s cubic-bezier(.215, .61, .355, 1);
	-o-transition: all .5s cubic-bezier(.215, .61, .355, 1);
	transition: all .5s cubic-bezier(.215, .61, .355, 1); }
  .call:hover { background: #EFEFEF; }
  .call h2 { float: left; width: 100%; font-size: 2rem; text-align: left; margin-bottom: 25px; }
  .call p { float: left; width: 100%; font-size: 1.2rem; line-height: 1.7rem; text-align: justify; margin-bottom: 30px; }
  .call button { display: inline-block; border: 2px solid #2c4fff; color: #2c4fff; background: 0; font-weight: 600; font-size: 22px; text-transform: uppercase; padding: 12px 18px; cursor: pointer;  }
  .call button:hover { background: #2c4fff; color: #FFF; }
  .call a { display: inline-block; }

  @media (max-width: 1440px) {
	.call { padding: 30px 20px; }
  }

  @media (max-width: 992px) {
	.call { width: 100%; margin-top: 40px; padding: 30px; }
	.call h2 { font-size: 44px; margin-bottom: 22px; text-align: center; }
	.call p { font-size: 20px; line-height: 20px; text-align: center; }
  }

section.econopedia .component-card { min-height: 380px; }
@media (max-width: 1380px) { section.econopedia .component-card { min-height: 420px; } }
section.econopedia .component-card h2 { height: 80px!important; font-weight: 400; }

.quiz { padding: 1% 2%; }
.quiz h2 { font-size: 1.25rem; margin-top: 10px; margin-bottom: 0; padding-bottom: 0;}
.quiz h3 { font-size: 1rem; margin-top: 10px;}
@media (max-width: 1380px) { .quiz h2 { font-size: 1.125rem; margin-top: 5px; } .quiz h3 { font-size: 0.9rem; } }

.share { display: inline-block; width: 100%; background: #EFEFEF; margin-bottom: 40px; }
.share a { display: inline-block; width: 50px; padding: 15px 5px 15px 5px; text-align: center; }
.share a:hover { background: #CCC; }
.share h4 { display: inline-block; font-size: 1.35rem; padding: 12px; color: #666; font-family: 'PN-Sb',sans-serif; }
.share a i { font-size: 1.75rem; color: #333!important; display: inline-block; padding: 0; }
.cloudtags { float: left; width: 100%; margin: 0 0 30px 0; }
.cloudtags h4 { float: left; padding: 6px 12px 6px 0px; font-size: 16px; margin: 4px; font-family: 'PN-b',sans-serif; color: #2c4fff; }
.cloudtags a { float: left; padding: 6px 20px; font-size: 16px; margin: 4px; background: #efefef; color: #2c4fff; }
.cloudtags a:hover { background: #2c4fff; color: #FFF;  }
.content-post table { margin-top: 15px; }
.content-post i{ font-style: italic !important; }
.content-post u{ text-decoration: underline !important; }
.flip-card-front h3 small { float: right; font-size: 18px; font-family: 'PN-Reg',sans-serif; line-height: 16px; text-align: right; margin-top: 8px; }
@media only screen and (max-width:992px) {
  .share h4 { width: 100%; font-size: 1.15rem; padding: 12px 10px 0 10px; }
  .share a { width: 15.65%; padding: 15px 5px 15px 5px; }
  .flip-card-front h3 small { width: 100%; font-size: 15px; font-family: 'PN-Reg',sans-serif; line-height: 12px; text-align: left; margin: 4px 0 8px 0; }
  #wrapper-post .post-detail .post-date h3 { width: 100%!important; }
}

.middle-box .component-card { margin: 0 0 20px 0; }
.middle-box .component-card .img-box { float:left; width: 100%;}
.middle-box .component-card h2 { font-size: 1.2rem;  font-weight: 600; line-height: 1.65rem; padding: 10px 0; height: auto; width: 100%; }
.middle-box .component-card .author-info { float: left; width: 100%; margin-top: 10px; padding-left: 10px; }
.middle-box .component-card .author-info label { width: 100% !important;}
.middle-box .component-card .author-info label .flip-card-share .flip-card-inner .flip-card-front { float: left; width: 75% !important; }
.middle-box .component-card .author-info label .flip-card-share .flip-card-inner .flip-card-front .avatar { position: relative; float: left; width: 50px !important; }
.middle-box .component-card .author-info label .flip-card-share .flip-card-inner .flip-card-front .info { position: relative; float: left; width: calc(100% - 51px) !important; }
.middle-box .component-card .author-info label .flip-card-share .flip-card-inner .flip-card-front .info h3 { width: 100% !important; font-size: 0.9rem; margin: 0; padding: 0;}
.middle-box .component-card .author-info label .flip-card-share .flip-card-inner .flip-card-front .info h4 { width: 100% !important; font-size: 0.8rem; margin: 5px 0 0 0; padding: 0;}
.middle-box .component-card .author-info label .flip-card-share .flip-card-inner .flip-card-back { float: left; width: 100% !important; } 
.middle-box .component-card .author-info label .flip-card-share .flip-card-inner .flip-card-back a i { font-size: 18px; } 
.middle-box .component-card .author-info .btn-shared i { font-size: 16px; }
@media (max-width: 1380px) { 
  .middle-box .component-card h2 { font-size: 1.1rem !important;  font-weight: 600; line-height: 1.55rem; padding: 10px 0 0 0 !important; }
  .middle-box .component-card .author-info label .flip-card-share .flip-card-inner .flip-card-front .info h3 { font-size: 0.8rem; }
  .middle-box .component-card .author-info label .flip-card-share .flip-card-inner .flip-card-front .info h4 { font-size: 0.75rem; }
}


#header-top .container div .media-social a, #wrapper-footer .copyright .media-social a { color: #2c4fff; }
#header-top .container div .media-social a:hover, #wrapper-footer .copyright .media-social a:hover { color: #01023a; }