@font-face {
    font-family: "opensans";
    src: url("opensans.ttf") format("truetype");
}
@font-face {
    font-family: "opensans_regular";
    src: url("opensans_regular.ttf") format("truetype");
}

/* Underline Reveal */
.efeito-menu {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.efeito-menu:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f19600;
  height: 6px;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.efeito-menu:hover:before, .efeito-menu:focus:before, .efeito-menu:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.triangulo{
	width: 0;
	height: 0;
	border-top: 100px solid #fff;
	border-right: 100px solid #fff;
}
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
.circulofacebook{
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	border: 4px #fff solid;
	border-radius: 80px;
	padding-right:2px;
	padding-top:4px;
	margin:50px auto;
	height: 50px;
	width: 50px;
}
.circulofacebook:hover{
	background-color:#333;
}
.roteiros-home{
	padding:0;
	background-color:#000;
	height:320px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;	
	opacity:0.8;
}
.roteiros-home a{	
	text-decoration: none !important;
}

.roteiros-home h3{
	opacity:0;
	font-size:35px;
	color:#fff;
	font-family: opensans, verdana;
	display:block;
	margin-bottom: -43px;
	z-index:20;
	position:relative;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.roteiros-home h4{
	opacity:0;
	font-size:20px;
	color:#fff;
	font-family: opensans, verdana;
	display:block;
	margin-bottom: -23px;
	z-index:20;
	position:relative;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.roteiros-home:hover h3{
	opacity:1;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transform: translate3d(0,60px,0);
	transform: translate3d(0,60px,0);
}
.roteiros-home:hover h4{
	opacity:1;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transform: translate3d(0,60px,0);
	transform: translate3d(0,60px,0);
}
.roteiros-home:hover img{
	opacity:0.5;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #E1B109 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
	background-color:rgba(225,177,9,0.2);
}
/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}