https://www.dn.pt/desportos/interior/justin-gallegos-e-o-primeiro-atleta-com-paralisia-cerebral-a-assinar-pela-nike-9986538.htmlhttps://www.dn.pt/desportos/interior/justin-gallegos-e-o-primeiro-atleta-com-paralisia-cerebral-a-assinar-pela-nike-9986538.htmlhttps://www.dn.pt/desportos/interior/justin-gallegos-e-o-primeiro-atleta-com-paralisia-cerebral-a-assinar-pela-nike-9986538.html@charset "utf-8";
/* CSS Document */



/****** ESTILO RESPONSIVO MOVEIS ******/


/*logo noheader para smartphones*/
.phoneaneilogo img{
max-width: 250px;
margin-top: 20px;
margin-bottom:20px;
}

/****** SECAO SLIDE ******/


/*Botao no Slider*/

.botslide{
  display:inline;
  width:270px;
  margin-top:10px !important;
  padding:10px;
  /*font-family:"Open Sans";*/
  font-size: 14px;
  font-weight:700;
  color:#fff !important;
  background:#005e3c;
  margin:0 auto;
  border-radius:2px;
  text-decoration:none;
  text-align:center;
  
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9d247+0,#009a67+49,#005e3c+100 */
  background: #ffa067; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #f9d247 0%, #009a67 49%, #005e3c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #f9d247 0%,#009a67 49%,#005e3c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #f9d247 0%,#009a67 49%,#005e3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d247', endColorstr='#005e3c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.botslide:hover {
	color:#002776!important;
	text-decoration:none !important;
}


/****** SECAO BLOG ******/


#content-pro-joomla-8528-particle {
	padding: 0;
}

/*remove margem excessiva entre o Header e o INTRO*/
#g-features{
padding-top:0px !important;
padding-bottom:15px !important;
}

/*** Particle Blog ***/

/*box article*/

.g-cat-blog {
-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.28);
-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.28);
box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.28);
border:none;
min-height:460px;
}

/*ajuste titulo artigos*/

.g-content-pro-title{
	font-weight: 600;
}

.g-content-pro-title a:hover{
	color:#009A67 !important;
}

/*ajustes do CONTINUE LENDO dos artigos*/

.g-article-read-more {
	text-align: right;
}

.g-article-read-more a {
background: none;
color: #434149;
border:none;
margin:0;
padding:0;
font-weight:900;
}

.g-article-read-more a:hover{
background: none;
color: #009A67;
border:none;
margin:0;
padding:0;
font-weight:900;
}



/**CARD BLOG**/

/* Card animado Blog */

#custom-8985-particle, #content-pro-joomla-9596-particle{
	padding: 0;
}


.square-flip{
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;

-webkit-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-ms-transform: perspective(1000px);
transform: perspective(1000px);

-webkit-transform-style: preserve-3d; 
-moz-transform-style: preserve-3d; 
-ms-transform-style: preserve-3d; 
transform-style: preserve-3d; 

/*border:1px solid #efefef;*/

position:relative;
float:left;
/*margin:20px;*/

}
.square-flip{
  width:280px;
  height:460px;
}
.square,.square2{
  width:100%;
  height:100%;
}
.square{

  background-size: cover;
  background-position:center center;

  -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
      transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
      -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
  overflow: hidden;

  position:absolute;
  top:0;


  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
}
.square-flip .square{
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  z-index:1;
}
.square-flip:hover .square{
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  transform-style: preserve-3d;
}


.square2{

  background-size: cover;
  background-position:center center;

  -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
      transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
      -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
  overflow: hidden;

  position:absolute;
  top:0;

  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
}
.square-flip .square2{
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transform-style: preserve-3d;
  z-index:1;
}
.square-flip:hover .square2{
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-style: preserve-3d;
}

/*Square content*/
.square-container{
  padding:40px;
  text-align:center;
  position:relative;
  top:50%;

  -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
      transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
      -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);


  -webkit-transform: translateY(-50%) translateX(0px)  scale(1);
  -ms-transform: translateY(-50%) translateX(0px)  scale(1);
transform: translateY(-50%) translateX(0px)  scale(1);
  transform-style: preserve-3d;
  z-index:2;
}
.square-flip:hover .square-container{
  
  -webkit-transform: translateY(-50%) translateX(-650px)  scale(.88);
  -ms-transform: translateY(-50%) translateX(-650px)  scale(.88);
  transform: translateY(-50%) translateX(-650px)  scale(.88);
  transform-style: preserve-3d;

}

.square-container2{
  padding:40px;
  text-align:center;
  position:relative;
  top:50%;

  -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
      transition: transform 0.60s cubic-bezier(.5,.3,.3,1);
      -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);

  
  -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
  -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
  transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88);

  transform-style: preserve-3d;
  z-index:2;
}
.square-flip:hover .square-container2{
  
  -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  -ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  transform-style: preserve-3d;
}



/*Style text*/
.square-flip h2{
  color:#F9D247;
  /*font-family: "Open Sans";*/
  font-weight:700;
  font-size:22px;
}
.square-flip h3{
  color:white;
  /*font-family: "Open Sans";*/
  font-weight:500;
  font-size:16px;
  line-height:26px;
}
/*Elements*/
.flip-overlay{
  display:block;
  background:rgba(0,0,0,0.5);
  width:100%;
  height:100%;
  position:absolute;
  top:0;
}
.align-center{
  margin:0 auto;
}
.kallyas-button{
  display:block;
  width:160px;
  padding:18px 30px;
  /*font-family:"Open Sans";*/
  font-size: 14px;
  font-weight:700;
  color:#fff;
  background:#005e3c;
  margin:0 auto;
  border-radius:2px;
  text-decoration:none;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9d247+0,#009a67+49,#005e3c+100 */
  background: #ffa067; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #f9d247 0%, #009a67 49%, #005e3c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #f9d247 0%,#009a67 49%,#005e3c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #f9d247 0%,#009a67 49%,#005e3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d247', endColorstr='#005e3c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.kallyas-button:hover {
	color:#002776;
}


/*ADD SHADOWS OPTIONAL*/
.square-flip .square .boxshadow, .square-flip .square .textshadow, .square-flip .square2 .boxshadow, .square-flip .square2 .textshadow{
  -ms-transition: 0.60s;
      transition: 0.60s;
      -webkit-transition: 0.60s;
}

.square-flip .square .boxshadow{
  -webkit-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
  -moz-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
  box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
}
.square-flip .square .textshadow{
  -webkit-text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
  -moz-text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
  text-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
}
.square-flip:hover .square .boxshadow, .square-flip:hover .square .textshadow{
  -webkit-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
  -moz-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
  box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
}


.square-flip .square2 .boxshadow{
  -webkit-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
  -moz-box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
  box-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
}
.square-flip .square2 .textshadow{
  -webkit-text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
  -moz-text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
  text-shadow: 240px 42px 58px -8px rgba(0,0,0,0.0);
}
.square-flip:hover .square2 .boxshadow, .square-flip:hover .square2 .textshadow{
  -webkit-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
  -moz-box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
  box-shadow: 24px 42px 58px -8px rgba(0,0,0,0.3);
}


/*You can delete this style*/
.centerflipcards{
  display:block;
  width:1330px;
  height:440px;
  text-align:center;
  margin:0 auto;
  margin-top:25px;
}
.clearfix{clear:both;}
.centerflipcards p{
  /*font-family:"Open Sans";*/
  font-size:13px;
  margin-top:10px;
  font-weight:700;
}

/****** SECAO SOBRE ******/

/*modificacoes no modulo*/

#g-intro{
	padding:0 0 30px 0 !important;
}

/*botao saiba mais*/

.sobre-button{
  float:right;
  display:block;
  width:200px;
  margin-top:0;
  margin-bottom: 15px;
  padding:10px 30px;
  /*font-family:"Open Sans";*/
  font-size: 14px;
  font-weight:700;
  color:#fff;
  background:#005e3c;
  margin:0 auto;
  border-radius:2px;
  text-decoration:none;
  text-align:center;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9d247+0,#009a67+49,#005e3c+100 */
  background: #ffa067; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #f9d247 0%, #009a67 49%, #005e3c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #f9d247 0%,#009a67 49%,#005e3c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #f9d247 0%,#009a67 49%,#005e3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d247', endColorstr='#005e3c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.sobre-button:hover {
	color:#002776;
}