/* @font-face {
  font-family: 'Dia_Bold'; src: url('../fonts/dia-bold.eot');  src: url('../fonts/dia-bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/dia-bold.woff') format('woff'),  url('../fonts/dia-bold.ttf')  format('truetype'),  url('../fonts/dia-bold.svg#c460df11df86d885e8b14418ab4143e6') format('svg');  font-style:  normal; font-weight:  700; }

@font-face { font-family: 'Dia_Regular'; src: url('../fonts/dia-regular.eot'); src: url('../fonts/dia-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/dia-regular.woff') format('woff'),  url('../fonts/dia-regular.ttf')  format('truetype'),  url('../fonts/dia-regular.svg#57a678e676aebf676adf49a8b481129d') format('svg');  font-style:  normal; font-weight:  400; }  */

@font-face { font-family: 'si'; src: url('../fonts/socicon.eot'); src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'), url('../fonts/socicon.woff') format('woff'), url('../fonts/socicon.ttf') format('truetype'), url('../fonts/socicon.svg#icomoonregular') format('svg'); font-weight: normal; font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family:si; src: url(../fonts/socicon.svg) format(svg); } }

.intro-slider-page { text-align: center; margin: 0 auto; }
/* .intro-slider-page p { font-family: "Dia_Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; } */
.intro-slider-page p { font-size: 21px; line-height: 24px; font-weight: 700; }
.intro-slider-page p { padding-top: 12px; padding-bottom: 10px; }

.click-to-continue { text-align: center; padding: 38px 0 60px; color: #868686; }
.click-to-continue a { color: #868686; transition:0.5s all; }
.click-to-continue a:hover { color: #231F20; }

#navegacao { padding-top: 28px; padding-bottom: 36px; }
.navegacao-menu .active { color: black !important; }
#navegacao .navbar-brand { padding-left: 0; color: #231F20; }

#navegacao a:hover { text-decoration: none; }

#navegacao ul { list-style-type: none; margin: 0; padding: 0; }
#navegacao li { display: inline;  }
#navegacao li a { color: #868686; transition:0.5s all; }
#navegacao li a:hover { color: #231F20; }

#navegacao li.activo { color: black !important; }

.oculos-texto p { padding: 0; margin-top: -5px; text-align: right;  transition:0.5s all; }
.displayNone { opacity:0; }
.displayBlock { opacity:1; }

.vertigo-glasses-mini-icon { padding-left: 2px; }

.vertigo-glasses-mini-icon-menu { margin-right: 6px; }

@keyframes blink {
    0% {
        opacity: 1;
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
}
img.vertigo-glasses-mini-icon  {
    animation: blink 3s;
    animation-iteration-count: infinite;
}

img.vertigo-glasses-mini-icon2  {
    animation: blink 3s;
    animation-delay: .5s;
    animation-iteration-count: infinite;
}

img.vertigo-glasses-mini-icon3  {
    animation: blink 3s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}

#navegacao li { 
  
  font-size: 18px;
  padding-right: 22px;
  font-weight: 400;
  
   }
#navegacao ul { padding-top: 15px; }

.navegacao-oculos img { float: right; padding-top: 9px; }

.navegacao-oculos { animation: MoveUpDown 4s linear infinite; transition:0.5s all;  }

@keyframes MoveUpDown {
  0% { bottom: 0; }
  5% { bottom: 0; }
  10% { bottom: 4px; }
  15% { bottom: 0; }
  100% { bottom: 0; }
}

.carousel-inner { width:100%; /* height: 650px !important; */ }
.carousel-inner img { margin: auto; }

.carousel img { top: 0; left: 0; height: 500px; max-width: none; }

.carousel-indicators { bottom: -60px; }

.about-vertigo-text h3 { margin-top: 0; }
.about-vertigo-text h3 { font-size: 20px; line-height: 24px;     font-weight: 600; }
/* .about-vertigo-text p { padding-bottom: 32px; } */

.project-specs { text-align: left; padding-top: 62px; padding-bottom: 20px; }
.project-specs h2 { 
  font-size: 19px;
  line-height: 25px; 
  font-family: "Libre Franklin", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   }


.project-specs p { 
    font-size: 16px;
    line-height: 25px;
    }
   }

span.no-marginz { margin-bottom: 0 !important; }


.project-descricao-color p { margin-bottom: 0; }


.vertigo-gallery-specs { text-align: center  !important;  padding-top: 46px; padding-bottom: 20px; }
/* .vertigo-gallery-specs h2 { font-size: 20px; font-family: "Dia_Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; } */
.vertigo-gallery-specs p { font-size: 16px; line-height: 20px; }

.vertigo-gallery-specs h1 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}

.hello { position:absolute; top:0; left:0; width: auto;  transition:0.5s all; }
.hello { width: 360px; height: 228px; padding-left: 15px; padding-right: 15px;  }
.hello img {  transition:0.5s all; }

.project-descricao-color { color: #989898; }
.project-descricao-color { padding-top: 20px; }
.project-descricao-color img { padding-bottom: 2px; }

span.bold {  font-weight: 600; }

.vertigo-project { text-align: center; padding-bottom: 20px; }

.vertigo-project h4 { color: #939598; text-transform: uppercase; }
.vertigo-project h4 {
  
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 2px;
  padding-top: 3px;
  
 }

.vertigo-project h3 { color: #231F20; margin: 0; padding-top: 4px; }
.vertigo-project h3 { 
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;

 }

/* .vertigo-project:hover { content: url('../img/vertigo-hover.png'); } */

.info-social-links p { padding-top: 10px; color: #868686; }

.contacts-info h1 { padding: 0; margin: 0;
 
 font-size: 20px;
 font-weight: 300;
 line-height: 30px;
 
  line-height: 29px;
   }
.contacts-info { color: #231F20;
  font-size: 16px;
  line-height: 25px;
  
 }
.contacts-info a { color: #231F20; }
.contacts-info a:hover { color: #868686; }

.vertigo-project .pdf-thumb-box-overlay  {  transition:0.5s all; opacity: 1; }

.pdf-thumb-box-overlay { display: none;  }

.vertigo-project a:hover .pdf-thumb-box-overlay {
  display: inline;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.thumbnail .caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(255, 255, 255, 0.75);
    width:100%;
    height:100%;
    display: none;
    text-align:center;
    color:#231F20 !important;
    z-index:2;
}

.thumbnail .caption h2 {
	font-size: 18px;
	line-height: 22px;   
	font-family: "Libre Franklin", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
}

.thumbnail .caption h2 { padding-top: 78px; margin-bottom: 4px !important; }

.thumbnail .caption h5 {
 	
   font-family: "Libre Franklin", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   
 	font-size: 15px;
 	line-height: 19px;
 	text-transform: uppercase;
 	margin-top: 0; padding-top: 0;
}



/*
.architecture-project .thumbnail h2 { 
	text-align: center; 
	font-size: 20px;
	line-height: 24px;   
	font-family: "Dia_Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-top: 74px;
	padding-bottom: 0;
	margin-bottom: 0;
}
 
.architecture-project .thumbnail h5 { 
 	text-align: center;    
 	font-family: "Dia_Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size: 16px;
 	text-transform: uppercase;
 	-webkit-font-smoothing: antialiased;
 	padding-top: 0;
 	margin-top: 5px;
	-moz-osx-font-smoothing: grayscale; 
}
*/

#footer { font-size: 16px; }

#footer { padding-top: 10px; padding-left: 0; padding-right: 0; }
#footer { border-top: 0.3pt solid #dedede; }
#footer { margin: 74px 0 12px 0; }

#footer a { color: #989898; transition:0.5s all; font-size: 15px; }
#footer a:hover { color: #231F20; }


.navegacao-links-mobile { list-style-type: none; font-size: 21px; }
ul.navegacao-links-mobile  { padding-left: 0; padding-bottom: 30px; }

/*
PERFECT ICONS
perfecticons.com
*/

.soc { overflow:hidden; margin:0; padding:0; list-style:none; }
.soc li { display:inline-block; *display:inline; zoom:1; }
.soc-icon-last{  margin:0 !important; }

.soc-facebook:before { content:'\e041'; }
.soc-instagram:before { content:'\e057'; }
.soc-linkedin:before { content:'\e049'; }

.soc li a {
  font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 27px;
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-right: 0;
    color: #B4B4B4;
    background-color: #ffffff;
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}