.header
{ background-color:#FFF; }


.navigation
{ height: 70px; }




canvas, .introduction { 
  width: 100%;
  background: url(teaser.png) no-repeat top center;
  background-attachment: fixed;
  background-size: cover;
  /*border-radius: 100px;*/
  
  animation: imageAnimation 40s linear;/*transition-delay: 0.1s;
  
  transform: perspective(40em) rotateX(38deg);*/

  -webkit-box-shadow: inset 0px -8px 24px 2px rgba(0,0,0,0.8);
  -moz-box-shadow: inset 0px -8px 24px 2px rgba(0,0,0,0.8);
  box-shadow: inset 0px -8px 24px 2px rgba(0,0,0,0.8);
}




.work
{ padding: 80px 0 80px 0; }

.introduction__content-el--name,
.introduction__content-el--job
{ opacity: inherit; color:#FFF; 
  /*text-shadow: -0.02em 0 0 #F00, 0.02em 0 0 #00FFFF;
  /*text-shadow: 0px 0px 4px rgba(0,0,0,0.99)*/;
  animation: imageAnimation 10s linear; }

.introduction__content-el--description
{ text-shadow: -0.02em 0 0 #F00, 0.02em 0 0 #ffec00;
  animation: imageAnimation 10s linear; }

#top
{ position: fixed; /*background-color: rgba(255, 255, 255, 1);*/
 box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.09); font-weight:bold; }

.navigation__list>li a
{ font-weight: bold; }

.navigation__cta 
{ margin: 0 10px; background-color: rgba(255,255,255,0.88); }
 

a.btnMenu:hover
{ background-color: #000 !important; border-color: #000 !important; }

 
.btnFechar
{ background-color: #FFF !important; color: #000; border: 1px solid #000; }
.btnFechar:hover
{ background-color: #000 !important; border-color: #000 !important; text-decoration: none !important; }


.btnEnviarContato:hover
{ background-color: #000 !important; border-color: #000 !important; text-decoration: none !important; }


.blurb__copy
{ color: #000; text-align: center; max-width: 100% !important; }

.btViewProject
{ text-transform: uppercase; }

.btIMGViewProject
{ border: 0; text-decoration: none; padding: 0; display: inherit; }

.modal1Title
{ text-transform: inherit; font-size: 3em; color: #cdcdcd !important; }

.modal1Title, .modal1Desc
{ margin: 0; color:#585858; }

.modal1Desc
{ border-bottom: 1px dotted #585858; margin: 0 auto 20px auto; padding-bottom: 5px; max-width: 80%; }

.modalJobs
{ margin-top: 30px; padding-top: 30px;}

.modalIMGJob
{ max-width: 100%; display: block; margin: 0 auto; }

.workBoxVideo
{ width: 600px; height: 360px; }

.contact__form
{ width: 100%; }

.cv_divider
{ margin: 20px 0; }

.btIMGViewProject:hover
{ box-shadow: 5px 8px 30px 1px rgba(0,0,0,0.22); opacity: 0.90; }

.wrapper--large
{ width: 100%; }

.work__list-el--is-active
{ display: block; }

.work__visual
{ margin: 0 auto !important; background: #FFF; /*border-radius: 20px;*/ overflow: hidden; }

.workBoxVideo
{ border-radius: 0px; overflow: inherit; }

.work__visual img
{ width: auto; }

.work__list::before
{ border: none; border-radius: 100px;
  /*border-top: 10px solid #000; border-bottom: 10px solid #000;*/ }

.blurb__heading
{ color: #000; }

a:hover
{ text-decoration: underline; }

.contact__wrapper::before
{ border: 10px solid #ea1c00; border-radius: 100px; }

.work__content
{ text-align: center; width: 100%; }

.blurb--framed
{ background-color: inherit !important; }



@keyframes 
imageAnimation {  0% {
 animation-timing-function: ease-in;
 opacity: 0;
}
 8% {
 animation-timing-function: ease-out;
 opacity: 1;
}
 25% {
 opacity: 1
}
 100% {
 opacity: 1
}
}