@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700);
body{
	 font-family: 'Raleway', sans-serif;
	}
.bordaTracejada{ border-bottom:dotted 1px #333}	
.bordaSolida{ border-bottom:solid 1px #333; border-left:dotted 1px #333}
.tdH{ height:25px}
p{ font-family: 'Raleway', sans-serif;s}

/*.barra-selo {
	position: fixed;
	width:656px; max-width:656px; height:380px; max-height:380px; font-size:0.9em; color:#000;padding:20px 0px 20px 40px ;
	left: -5%; /*dESLOCA A BARRA PARA A DIREITA OU PARA ESQUERDA (VALORES NEGATIVOS)*/
	top: 20px; outline:none; z-index:5000; 
    /*background: url(../botoes/barra.png) center center no-repeat;  For browsers that do not support gradients 
}*/

.barra-selo a {color:#000; text-decoration:none}
.barra-selo span {position: absolute; right: 6px; top: 6px; cursor: pointer; z-index:5000}
.barra-selo {
	position: fixed;
	width:400px; max-width:400px; height:100%; max-height:484px; font-size:0.9em; color:#000;padding:20px 30px 20px ;
	left: -367px; 
	top: 120px; outline:none; z-index:5000; 
    background: url(../assets/botoes/barra.png) center center no-repeat; /* For browsers that do not support gradients */
   /* background: linear-gradient(to left, #efefef , #fff);  Standard syntax (must be last) 
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;	*/
}
.barra-selo a {color:#000; text-decoration:none}
.barra-selo span {position: absolute; right: 6px; top: 6px; cursor: pointer; z-index:5000}

.bt-topo {
    position: fixed; right: 5px; width: 65px; height: 65px;
    background: url(https://www.enosolutions.com.br/images/icones/whatsappG.png)0 0 no-repeat;
    text-indent: -9999px; bottom:85px; z-index: 2000; opacity: 0.3;
}
.bt-topo:hover {
    -webkit-animation: myfirst 5s;
    opacity: 1;
}

.conteudoCustom{ width:70%; margin:0 auto}
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{
	 font-family: 'Raleway', sans-serif;
	 float:left;margin:0.5%; height:auto;
	 }/*min-height:320px;min-width:220px*/

.col1{width:7.333333333%;}
.col2{width:15.66666%;}
.col3{width:24%;}
.col4{width:32.33333333%;}
.col5{width:40.66666667%;}
.col6{width:49%;}
.col7{width:57.33333333%;}
.col8{width:65.66666667%;}
.col9{width:74%;}
.col10{width:82.33333333%;}
.col11{width:90.66666667%;}
.col12{width:99%;}
.clear{clear:both}
.colcenter{
float:none;	
margin-right: auto;
margin-left: auto;
justify-content: center;
display:table
}

.degrade{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #eeeeee) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #eeeeee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	background-color:#eeeeee; border:1px solid #cccccc;
   padding:20px; margin:10px 0px}
.degradeDestaque{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffe721) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffe721 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe721');
	background-color:#ffe721;
   padding:20px; margin:20px 0px}
.degradeInvert{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #eeeeee 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
	background-color:#ffffff;
	padding:20px; margin:20px 0px}
	
.degradeLR{
	background: rgb(221,221,221);
	background: linear-gradient(90deg, rgba(221,221,221,1) 0%, rgba(238,238,238,1) 50%, rgba(255,255,255,1) 80%);		
	}

.degradeRL{
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(238,238,238,1) 50%, rgba(221,221,221,1) 100%);	
	}

.acenter{ text-align:center}
.aright{ text-align:right}
.maiusculas{ text-transform:uppercase}
.minusculas{ text-transform:lowercase}
.formulario{padding:8px 12px;border:1px solid #eeeeee; border-radius:3px}
.formAviso{ font-size:12px; color:#900}
.formTransparent{ border:none; background-color: transparent !important}
.formAvisoBold{ font-size:1.2rem; color:#900; font-weight:bold}
.respSocial{ width:100%; max-width:150px;
border:1px solid #333; border-radius:50%; padding:20px; background-color:#fff}
.logomarca{width:35%}
.favorito{padding:15px; border:1px solid  #ccc;
box-shadow: 0px 0px 10px #888888;}
.favorito:hover{box-shadow: 0px 0px 3px #888888;}
@media (max-width: 1024px) {.conteudoCustom{width:75%}}
@media (max-width: 800px) {.conteudoCustom{width:85%}}
@media (max-width: 768px) {.conteudoCustom{width:92%}}
@media (max-width: 600px) {
	.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{ width:100%; height:auto; float:none; margin:3px 0px }
	.logomarca{width:65%}
	.conteudoCustom{width:95%}
	.barra-selo {
	left: -40%; /*dESLOCA A BARRA PARA A DIREITA OU PARA ESQUERDA (VALORES NEGATIVOS)*/
}

	}
/*=============================================================================*/
.textCWT{color:#ffffff}
.textCBL{color:#000000}
.textoHL {
  position: relative;
  transition: 0.3s ease;
}
.textoHL:hover {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1; /* Place the pseudo element right under the content */
  top: 0;
  left: 0;
  background: linear-gradient(to top, #F7D3D4 100%, transparent 100%);
  animation-name: highlight;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-direction: normal;background-position: -100% 0; /* Make the animation run back and forth */
}

.entry-title {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #F7D3D4 50%);
	background-size: 200%;
	background-position: 0 0;
	display: inline;
	transition: 0.5s ease-in-out;
	font-family: raleway, arial, sans-serif;
	
}


highlight{
	background-image:linear-gradient(90deg,rgba(255,255,255,0) 50%,var(--text-highlight-color,#fe9) 0);
	background-size:200%;
	background-position:0;
	transition:background-position .8s
	}
.highlight.highlighted{
	background-position:-100%}
@keyframes highlight {
  0% {
    width: 0;
    opacity: 0;
  }

  100% {
    width: 100%;
    opacity: 1;
  }

}
/*=============================================================================*/