<!--  Para  fazer efeito de loop ligeiro ABOUT  -->
.card-container
{
   text-align: center;
   margin-bottom: 6.5em;
   float:none;
}

#canvas
{
   border: 1px solid #aaa;
   align: right;
   float:none;
   background-image: url('cardbg.jpg');
   -moz-box-shadow: 3px 3px 12px #222;
   -webkit-box-shadow: 3px 3px 12px #222;
   box-shadow: 3px 3px 12px #222;
}

#xxxx
{
   border: 3px solid #aaa;
   align: right;
   float:none;
   background-image: url('cardbg.jpg');
   -moz-box-shadow: 3px 3px 12px #222;
   -webkit-box-shadow: 3px 3px 12px #222;
   box-shadow: 3px 3px 12px #222;
}

 
.classcanvas
{
   border:6px solid #f0f2ea;
    border-radius: 25px;
   float:none;
   
 background-color: #ffffff;
 
   -moz-box-shadow: 3px 3px 32px #5474f5;
   -webkit-box-shadow: 3px 3px 32px #5474f5;
   box-shadow: 3px 3px 32px #5474f5;
   
-moz-box-shadow: 1px 13px 49px #333536;
-webkit-box-shadow: 1px 13px 49px #333536;
box-shadow: 1px 13px 49px #333536;
   
   
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright:7px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:17px;
-webkit-border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:17px;
border-top-left-radius:7px;
border-top-right-radius:7px;
border-bottom-left-radius:20px;
border-bottom-right-radius:17px;
}

.classcanvasd 
{
   border:6px solid #bcd8f5;
    border-radius: 25px;
   
  
    background-image: url('bkdinamica.png');
	
   -moz-box-shadow: 3px 3px 32px #5474f5;
   -webkit-box-shadow: 3px 3px 32px #5474f5;
   box-shadow: 3px 3px 32px #5474f5;
}


.title
{
   text-align: center;
   font-family: Segoe UI Light, Arial, Helvetica;
   font-size: 2.2em;
   margin: 1em;
   color: #111111;
   z-index:10:
   text-shadow:2px  5px  10px  #000000;
}

.titlebelchior
{
   text-align: center;
   font-family: Segoe UI Light, Arial, Helvetica;
   font-size: 2.2em;
   margin: 2em;
   color: rgb(80,80,80);
   text-shadow:0px  0px  2px  rgb(80,150,240);;
}

.info
{
   text-align: center;
   font-family: Segoe UI Light, Arial, Helvetica;
   font-size: 1.6em;
   margin: 1.6em;
   color:#2b2b2a;
   text-shadow:2px  5px  10px  #000000;
}

.info {
transition:All 2s ease;
-webkit-transition:All 2s ease;
-moz-transition:All 2s ease;
-o-transition:All 2s ease; 

transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);

}
.info:hover{
text-shadow:12px  15px  15px  #555555;
transform: rotate(0deg) scale(1.67) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1.67) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.67) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.67) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.67) skew(1deg) translate(0px);
}

.title {
transition:All 2s ease;
-webkit-transition:All 2s ease;
-moz-transition:All 2s ease;
-o-transition:All 2s ease;
transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-ms-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
}

.title:hover{
transform: rotate(0deg) scale(1.27) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1.27) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.27) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.27) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.27) skew(1deg) translate(0px);
}

.titlebelchior {
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s  ease;
transform: rotate(0deg) scale(1) skew(3deg) translate(80px);
-webkit-transform: rotate(0deg) scale(1) skew(3deg) translate(80px);
-moz-transform: rotate(0deg) scale(1) skew(3deg) translate(80px);
-o-transform: rotate(0deg) scale(1) skew(3deg) translate(80px);
-ms-transform: rotate(0deg) scale(1) skew(3deg) translate(80px);
}

.titlebelchior:hover{
transform: rotate(1deg) scale(1.67) skew(-10deg) translate(0px);
-webkit-transform: rotate(1deg) scale(1.67) skew(-10deg) translate(0px);
-moz-transform: rotate(1deg) scale(1.67) skew(-10deg) translate(0px);
-o-transform: rotate(1deg) scale(1.67) skew(-10deg) translate(0px);
-ms-transform: rotate(1deg) scale(1.67) skew(-10deg) translate(0px);
}


.classcanvas
{ 
transition:All 1s ease;
-webkit-transition:All 1s  ease;
-moz-transition:All 1s  ease;
-o-transition:All 1s   ease;

transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
} 
 
.classcanvas:hover
{
 border:6px solid #b7c1c9;


transform: rotate(0deg) scale(1.57) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1.57) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.57) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1.57) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.57) skew(0deg) translate(0px);
}

  
.classcanvasd
{
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition: All 1s ease;
 
 
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}

.classcanvasd:hover
{
 border:6px solid #b7c1c9;
  
   background-image: url('bkdinamica.png');
transform: rotate(0deg) scale(1.57) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1.57) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.57) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1.57) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.57) skew(0deg) translate(0px);
}

.pabout_belchior img{
 
z-index:122;
border:solid 3px #04AA6D;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:320x;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:320px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:320px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
} 
.pabout_belchior
{
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition: All 1s ease;
 
transform: rotate(0deg) scale(0.85) skew(0deg) translateY(-5%);
-webkit-transform: rotate(0deg) scale(0.85) skew(0deg) translateY(-5%);
-moz-transform: rotate(0deg) scale(0.85) skew(0deg) translateY(-5%);
-o-transform: rotate(0deg) scale(0.85) skew(0deg) translateY(-5%);
-ms-transform: rotate(0deg) scale(0.85) skew(0deg) translateY(-5%);
}
.pabout_belchior:hover img{
 
z-index:122;
border:solid 5px #04AA6D;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright:153x;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:153px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:153px;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
} 
.pabout_belchior:hover
{

transform: rotate(0deg) scale(1.17) skew(0deg) translateY(10%);
-webkit-transform: rotate(0deg) scale(1.17) skew(0deg) translateY(10%);
-moz-transform: rotate(0deg) scale(1.17) skew(0deg) translateY(10%);
-o-transform: rotate(0deg) scale(1.17) skew(0deg) translateY(10%);
-ms-transform: rotate(0deg) scale(1.17) skew(0deg) translateY(10%);
}