/* LOADING */
.loading{display:none;float: left;width: 100%;height: 100%;position: fixed;top: 0;z-index: 9999;}
.engloba-loading{width: 100%;height: 100%;position: fixed;top: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;}
.square-center{width: 100px;height: 100px;background: #0000006e;display: flex;align-items: center;justify-content: center;}

.lds-roller {display: inline-block;position: relative;width: 64px;height: 64px;}
.lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 32px 32px;}
.lds-roller div:after {content: " ";display: block;position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #0076ff;margin: -3px 0 0 -3px;}
.lds-roller div:nth-child(1) {animation-delay: -0.036s;}
.lds-roller div:nth-child(1):after {top: 50px;left: 50px;}
.lds-roller div:nth-child(2) {animation-delay: -0.072s;}
.lds-roller div:nth-child(2):after {top: 54px;left: 45px;}
.lds-roller div:nth-child(3) {animation-delay: -0.108s;}
.lds-roller div:nth-child(3):after {top: 57px;left: 39px;}
.lds-roller div:nth-child(4) {animation-delay: -0.144s;}
.lds-roller div:nth-child(4):after {top: 58px;left: 32px;}
.lds-roller div:nth-child(5) {animation-delay: -0.18s;}
.lds-roller div:nth-child(5):after {top: 57px; left: 25px;}
.lds-roller div:nth-child(6) {animation-delay: -0.216s;}
.lds-roller div:nth-child(6):after {top: 54px;left: 19px;}
.lds-roller div:nth-child(7) {animation-delay: -0.252s;}
.lds-roller div:nth-child(7):after {top: 50px;left: 14px;}
.lds-roller div:nth-child(8) {animation-delay: -0.288s;}
.lds-roller div:nth-child(8):after {top: 45px;left: 10px;}
@keyframes lds-roller {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}

.div-aviso{min-width: 300px;background: #70a83b;position: fixed;z-index: 9999;top: 17%;right: 1%;box-shadow: 0 0 5px 0 #000;padding: 20px 20px;display: none;}
.div-aviso p{font: 20px montserrat-semibold;color: #ffffff;text-align: center;}
/**********/
/* Login */

.container-login{width: 100%;height: 100%;float: left;position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;background: #edefef;}
.login{width: 438px;float: left;box-shadow: 0 0 20px 0 #000;background: #fff;padding: 50px;border-radius: 20px;}
.logo-login{width: 100%;height: 75px;float: left;background: url(../img/header/logo.png)no-repeat center;margin: 0 0 40px 0;background-size: contain;}
.login form{width: 100%;float: left;}
.login form input{width: calc(100% - 82px);height: 63px;float: left;padding: 0 40px 0 40px;border: none;font: 15px montserrat-regular;color: #ffffff;border-radius: 60px;margin: 0 0 20px 0;}
.btn-login{width: 100%;height: 63px;float: left;background: #519cf3;border: none;font: 15px montserrat-regular;color: #ffffff;border-radius: 60px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.btn-login:hover{background: #0076ff;}

.input-login{background: url(../img/blog-img/user.svg)no-repeat center right 20px #141d55;background-size: 15px;}
.input-senha{background: url(../img/blog-img/lock.svg)no-repeat center right 20px #141d55;background-size: 15px;}

.login form input::-webkit-input-placeholder{ color: #ffffff; font: 15px montserrat-regular;}
.login form input:placeholder-shown{ color: #ffffff; font: 15px montserrat-regular;}
.login form input:-ms-input-placeholder{ color: #ffffff; font: 15px montserrat-regular;}

/****************/

/* Menu blog */
.menu-blog{width: 100%;height: 61px;float: left;background: #ffffff;box-shadow: 0 0 20px 0 #000;display: flex;align-items: center;justify-content: space-between;position: fixed;top: 0;z-index: 9999;}
.logo-blog{width: 150px;height: 61px;float: left;background: url(../img/header/logo.png)no-repeat center;background-size: contain;margin: 0 0 0 30px;}
.sair{height: 61px;float: right;font: 15px montserrat-bold;color: #000;margin: 0 50px 0 0;display: flex;align-items: center;}
.sair i{background: url(../img/blog-img/logout.svg)no-repeat center;padding: 10px 8px;background-size: 15px;margin: 0 0 0 10px;}
/************/

/* Menu lateral*/
.margin{width: 100%;float: left;margin: 80px 0 0 0;}
.menu-lateral{width: 220px;float: left;height: 100vh;background: #2a2a2a;z-index: -1;position: fixed;overflow: auto;box-shadow: 0px 0px 15px 0 #2a2a2a;}
.menu-lateral a{ float: left; width: 100%; padding: 10px 0 10px 10%;display: table;color: #ffffff;font: 13px montserrat-regular;}
.menu-lateral a:hover{ background: #063063;text-decoration:none;color: #ffffff;box-shadow: 0 0 0 1px #454042;}
.menu-lateral a p{ color: #fff; height: 100%; vertical-align: middle; display: table-cell; font: 13px montserrat-regular;}

.ativo-menu-lateral{background: #063063;text-decoration:none;color: #ffffff !important;box-shadow: 0 0 0 1px #454042;}

/***************/

/* Container blog */
.engloba-container-blog{width: calc(100% - 220px);float: right;}
.engloba-input-post{width: 95%;float: left;display: flex;justify-content: space-between;margin: 80px 2.5% 50px 2.5%;padding: 20px;background: #FBFBFB;flex-flow: wrap;box-shadow: 0 0 20px 0 #a7a7a7;}
.input-post{width: 49%;float: left;margin: 0 0 20px 0;}
.input-post-2{width: 100%;float: left;margin: 0 0 20px 0;}
.titulo-input-post{width: 100%;float: left;font: 14px montserrat-semibold;color: #000000;margin: 0 0 10px 0;}
.input-post input{width: 98%;height: 34px;float: left;border: none;box-shadow: 0 0 0 1px #d1d1d1;padding: 0 0 0 2%;}
.note-editor.note-frame{margin: 23px 0 0 0;}
.label-foto{width: 48%;height: 34px; float: left;border: none; box-shadow: 0 0 0 1px #d1d1d1;padding: 0 0 0 1%; display: flex; text-align: left; justify-content: left; align-items: center;background: url(../img/blog-img/upload.svg)no-repeat center right 20px #ffffff;font: 13px montserrat-regular;color: #2b2c2c;cursor: pointer;}
.engloba-img-post-new{width: 100%;float: left;display: flex;justify-content: center;margin: 0 0 10px 0;}
.engloba-img-post-new img{max-height: 320px;}
.btn-blog{width: 100%;height: 50px;float: left;background: #063063;display: flex;align-items: center;cursor: pointer;}
.btn-blog p{width: 100%;float: left;font: 15px montserrat-bold;color: #ffffff;text-align: center;}

.btn-blog-atualizar-paginacao{width: 100%;height: 50px;float: left;background: #063063;display: flex;align-items: center;cursor: pointer;}
.btn-blog-atualizar-paginacao p{width: 100%;float: left;font: 15px montserrat-bold;color: #ffffff;text-align: center;}

.listar-post{width: 25%;float: left;padding: 10px 10px;margin: 0 1% 40px 1%;display: flex;flex-flow: column;justify-content: space-between;box-shadow: 0 0 20px 0 #8b8585;}
.listar-img-post{width: 100%;float: left;}
.titulo-listar-post{width: 96%;float: left;font: 20px montserrat-bold;color: #363e76;line-height: 18.03px;text-align: center;margin: 30px 2% 0 2%;line-height: 25px;}
.listar-breve-descricao{width: 96%;float: left;margin: 20px 2% 0 2%;font: 14px montserrat-regular;color: #000000;text-align: center;}
.engloba-btn-listar{width: 100%;float: left;display: flex;justify-content: center;margin: 20px 0 0 0;}
.btn-atulizar-listar-posts{width: 35px;height: 35px;float: left;background: url(../img/blog-img/edit.svg)no-repeat center #63d3e9;background-size: 15px;border-radius: 60px;cursor: pointer;}
.btn-apagar-listar-posts{width: 35px;height: 35px;float: left;background: url(../img/blog-img/trash.svg)no-repeat center #e9573f;background-size: 15px;border-radius: 60px;margin: 0 0 0 10px;cursor: pointer;}

.engloba-input-buscar{width: 100%;float: left;margin: 0 0 40px 0;}
.engloba-input-buscar p{width: 100%;float: left;font:12px montserrat-bold;}
.engloba-input-buscar input{width: 300px;height: 42px;float: left;padding: 0 0 0 10px;margin: 10px 0 0 0;}

.container-listar-posts{width: 100%;float: left;display: flex;flex-flow: wrap;justify-content: center;}

.engloba-paginacao{width: 100%;float: left;}

.engloba-paginacao { width: 100%;float:right; text-align:center; margin:20px 0 20px 0; } 
.paginacao { width: 40px; padding: 8px 0; font: 20px montserrat-bold; color: #000; margin:0 0 0 10px; display:inline-block; } 
.paginacao:hover { background: #063063; color: #ffffff !important;} 
.ativo-paginacao { background: #063063; color: #ffffff !important;} 

/*****************/

/* Página posts */

.container-posts{width: 100%;float: left;}
.engloba-posts{width: 100%;float: left;display: flex;justify-content: space-around;flex-flow: wrap;margin: 53px 0 0 0;}

.posts{width: 27%;float: left;display: flex;justify-content: space-between;flex-flow: column;margin: 0 0 40px 0;align-items: center;}
.img-posts{max-width: 100%;max-height: 329px;float: left;}
.titulo-posts{width: 100%;float: left;font: 20px montserrat-bold;color: #363e76;line-height: 18.03px;text-align: center;margin: 30px 0 0 0;line-height: 25px;}
.breve-descricao-post{width: 100%;float: left;font: 15px montserrat-regular;color: #5a5a5a;line-height: 25px;text-align: center;margin: 20px 0 0 0;}
.saiba-mais-posts{width: 153px;height: 50px;float: left;background: #428de8;border-radius: 60px;display: flex;align-items: center;margin: 29px 0 0 0;}
.saiba-mais-posts p{float: left;font: 11.5px montserrat-medium;color: #ffffff;margin: 0 0 0 28px;}
.icon-saiba-mais-posts{width: 28px;height: 28px;float: left;background: url(../img/blog-img/arrow-right.svg)no-repeat center #363e76;background-size: 8px;border-radius: 60px;margin: 0 0 0 15px;}
/****************/

/* Página post */

.container-post{width: 100%;float: left;margin: 52px 0 0 0;}
.engloba-img-post{width: 100%;float: left;display: flex;justify-content: center;}
.img-post{max-width: 100%;max-height: 330px;}
.engloba-post{width: 100%;float: left;}
.engloba-info-post{width: 100%;float: left;}
.titulo-post{width: 100%;float: left;font: 22px montserrat-bold;color: #363e76;text-align: center;line-height: 18.03px;margin: 35px 0 0 0;}
.texto-post{width: 100%;float: left;font: 14.5px montserrat-regular;color: #5a5a5a;line-height: 26px;margin: 35px 0 0 0;}
.texto-post iframe{width: 60%;float: left;padding: 0 20%;margin: 20px 0;}
.texto-post ul {list-style: unset;}
.texto-post ol {list-style: decimal;}

.engloba-compartilhamento{width: 100%;float: left;margin: 55px 0;display: flex;align-items: center;justify-content: center;}
.compartilhar-facebook{width: 195px;height: 51px;float: left;box-shadow:inset 0 0 0px 2px #5298f4;border-radius: 60px;display: flex;align-items: center;justify-content: space-between;}
.compartilhar-facebook p{float: left;font: 12px montserrat-medium;color: #646464;margin: 0 0 0 25px;}
.icon-facebook{width: 54px;height: 54px;float: left;background: url(../img/blog-img/facebook.svg)no-repeat center #3b5998;background-size: 20px;border-radius: 60px;}

.compartilhar-whatsapp{width: 54px;height: 54px;float: left;background: url(../img/blog-img/whatsapp.svg)no-repeat center #95cb61;background-size: 19px;border-radius: 60px;margin: 0 0 0 14px;}
/****************/

@media(max-width: 1120px){

    /* Página posts */
    .posts{width: 47%;}
    /****************/
}

@media(max-width: 990px){

    /* Página posts */
    .engloba-posts{justify-content: center;margin: 20px 0 0 0;}
    .posts{width: 92%;margin: 0 0 20px 0;}
    .titulo-posts{margin: 20px 0 0 0;}
    .saiba-mais-posts{margin: 20px 0 0 0;}
    /****************/

    /* Página post */
    .container-post{margin: 20px 0 0 0;}
    .engloba-img-post{width: 92%;margin: 0 4%;}
    .titulo-post{width: 92%;font-size: 20px;margin: 20px 4% 0 4%;line-height: 25px;}
    .texto-post{width: 92%;margin: 20px 4% 0 4%;}
    .engloba-compartilhamento{margin: 20px 0;}
    /****************/

    .texto-post iframe{width: 100%;float: left;padding: 0;}
}