*{ box-sizing: border-box ; text-decoration: none ; margin: 0px ; padding: 0px ; border: 0px none }
html, body { width: 100% ;height : 100% }
body { font: 400 15px 'Open Sans', sans-serif; line-height: 1.8; color: #2d2d30; margin: 0px ; padding: 0px ; background-color: #000 ; overflow1: hidden }

h2 {
	font-size: 36px;
	text-transform1: uppercase;
	color: #f4511e;
	font-weight: 400;
	margin-bottom: 30px;
	text-align: center;
	font-variant: small-caps;
	text-shadow: 1px 1px 1px #FFF
}
h2 span{ text-transform: lowercase; font-variant: small-caps; color: #FAA689 }
h4 {
	font-size: 19px;
	line-height: 1.375em;
	color: #3fa4ee ;
	font-weight: 400;
	margin-bottom: 10px;
	font-weight: 400 ;
	text-shadow: 1px 1px 1px #FFF

}

iframe{ width: 600px ;
height: 450px ;
}

.dummy{ background-image: url(../imagens/iconshover.png ) ; position: absolute ; top: -10000px }
	
a, a:link, a:hover{ text-decoration: none ; cursor: pointer }

.menubar { margin: 0px ; border: 0; z-index: 100; font-size: 14px !important; letter-spacing: 1px; background-color: rgba( 163, 10, 1, 0.95 ) ; font-family: 'Open Sans', Montserrat, sans-serif; box-shadow: 0px 0px 5px #FFF ; position: fixed ; top: 0px ; left: 0px ; width: 100% }
.menubar .container{ padding: 0px 15px }
.menubar .container .options { text-align: center }
.menubar .options a { display: inline-block ; color: #fff ; text-transform: uppercase; padding: 15px 12px ; transition: padding 0.25s ; box-shadow: 12px 0px 2px -12px #FFF ; font-size1: 17px  }
.menubar .fas { font-size: 16px }
.menubar .options a:hover, .menubar .options a.active { color: #FEDD92 ; background: linear-gradient( to right, transparent, rgba( 217, 11, 1, .65 ), transparent ) ; transition: background .25s ; border-left-color: rgba( 0, 136, 217, .85 ) }
.menubar .options a.active { background: linear-gradient( to right, transparent, rgba( 217, 11, 1, .95 ), transparent ) ; color: #febc37 ; border-left-color: rgba( 0, 136, 217, 1 ) }
.menubar .options .inicio { position: relative }
.menubar .options .inicio:before { position:absolute ; top: 0px ; padding: 15px 13px; height: 100% ; content: "" ; display: block ; left: -30px ; background-color: transparent; box-shadow: 12px 0px 2px -12px #FFF }

.navbar-nav li a:hover, .navbar-nav li.active a { transition: background 0.5s ; background-color: #fff !important; background: linear-gradient( to right, rgba( 0, 136, 217, .75 ), transparent ) !important ; transition: background .25s ; color: #febc37 !important }
.navbar-nav li.active a { background: linear-gradient( to right, rgba( 0, 136, 217, .95 ), transparent ) !important }

.menubar .fas { display: none }

.navbar-default .navbar-toggle { border-color: rgba( 255, 255, 255, 0.5 ) !important ; background-color: rgba( 14, 67, 138, .5 ) !important }
.navbar-default .navbar-toggle:hover { border-color: rgba( 253, 208, 73, 0.5 ) !important ; background-color: transparent !important }
.navbar-toggle .icon-bar { background-color: /*#fdd049*/ rgba( 253, 208, 73, 0.95 ) !important }
.navbar-toggle:hover .icon-bar { background-color: #fff !important }

.jumbotron { position: fixed ; background-color: #000000; font-family: Montserrat, sans-serif; height: 100% ; padding: 0px ; margin: 0px; width: 100% ; overflow: hidden ; top: 0px ; left: 0px ; z-index: 1 }
.jumbotron .container { margin:0px ; padding: 0px; position: relative ; width: 100% ; height: 100% ; top: 0px ; left: 0px }
.jumbotron .container > div, .jumbotron .sobrepor { position: absolute ; top: 0px ; left: 0px ; width: 100% ; height: 100% }
.jumbotron .container > div { background: no-repeat center center scroll ; background-size: 100%; background-size: auto 90% }
.jumbotron .container #bgi_top2 { left: 100%  }
.jumbotron .sobrepor { background-color: #000; opacity: 0.0 ; z-index: 2 ; transition: .5s }

/*#links{ z-index: ; position: fixed; top: 25px ; left: 25px ; width: auto ; padding: 6px; background-color: rgba( 0, 0, 0, 0.75 ) ; border-radius: 6px }
#links label{ font-size: 18px ; color: #FFFF00 }
#links a{
	color: #45C1DC
}
#links a:hover{ color: #FFFFFF ;  }*/



.conteudo{
	position: relative ;
	z-index: 50 ;
	padding: 65px 20px ;
	max-width: 900px ;
	margin: auto ;
	color: #FFF ;
	display: none ;
}

.conteudo img{
	width:100%
}

.message-holder { font-family: Montserrat, sans-serif; padding: 0px ; margin: 0px; width: 100% ; overflow: hidden ; position: fixed ; bottom: 00px ; z-index: 75 ; text-align: center }
.message-holder .message { white-space: nowrap ; color: #FFFF00 ; padding: 12px 24px ; border-radius: 10px; position:relative ; width: auto; background-color: rgba( 0, 0, 0, 0.75 ) ;  font-size: 24px; box-shadow1: 0px 0px 5px 0px #FFF ; transition: 0.25s }
.message img{ width: 300px ; opacity: 0.5 ; }

.jumbotron .sobrepor.inverse { opacity: 0.75 ; background-color: #000 }

.tooltip > .tooltip-inner, .tooltip.bottom > .tooltip-arrow { display: none }

#interesses h41{
	color: #61a0c6 ;
	color: #2b2b2b ;
	color: #3b3b3b ;
}

.conteudo a{ color: #dcc145 }
.conteudo a:hover{
	color: #E7D57E
}
.conteudo a.inv{ color: #F09131 }
.conteudo a.inv:hover{
	color: #F4B06C
}

ul{
	padding-left: 40px
}

ul li.main-odd{
	color: #FFFF64
}

#contactos a{
font-size: 16px;
	word-wrap: break-word;
	color: #5C5C65 ;
}

#contactos a:hover{
	color: #F12C21 ;
}

.mnesl{
	float: right ;
	margin-left: 16px ;
	background-color: #efefef ;
	border-radius: 50% ;
	/*border: 10px solid #61a0c6 ;*/
}

.list-unstyled li{
	margin: 24px 0px ;
}

.hl{
	max-width: 250px ;
}

.highlight{
	position:relative;
	display: inline-block ;
	
	width: 100% ;

	vertical-align: bottom ;
	width: 100% ;
	
	padding: 0px ;
	margin: 0px ;
	margin-bottom: 12px ;
}

.highlight:before, .highlight:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 8px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background-color: transparent ;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}

.highlight:after{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.dificuldade{
	font-weight: 700 ;
}

.resultado{
	color: #AFAFAF ;
	font-size: 18px ;
}

.resultado .glyphicon{
	margin-left: 3px ;
}

.resultado .glyphicon.preenchido{
	color: #0065a3 ;
}

.slidehide{
	visibility: hidden ;
}

hr{
	border: 0px none;
	height: 1px;
	background: linear-gradient(to right, transparent, rgb( 255, 10, 1 ), transparent ) ;
}

hr.fl{
	background: linear-gradient(to right, transparent, #9BC4DB ) ;
}

hr.fr{
	background: linear-gradient(to right, #9BC4DB, transparent ) ;
}

.person {
	border: 10px solid #BBB ;
	margin-bottom: 40px;
	opacity: 0.45 ;
	cursor: pointer ;
	width: 80%;
    height: 80%;
}

.person:hover {
	border-color: transparent ;
	opacity: 1 ;
	border-color: #CCC ;
	transition: 0.25s ;
}

.container-fluid, .container {
	padding: 60px 50px;
}

.container{
	padding: 60px 120px ;
}

nav .container{
	padding: 0px ;
}

.bg-grey1 {
	background-color: #F8F8F8 ;
}

.logo-small {
	color: #f4511e;
	color: #00395B ;
	color: #343434 ;
	color: #717171 ;
	color: #535353 ;
	color: #005B93 ;
	font-size: 50px;
	text-shadow: 0px 0px 2px #f4511e ;
}

.logo-small.brigther{
	color: #005B93 ;
	color: #535353 ;
	color: #717171 ;
	color: #00395B ;
}

.logo {
	color: #f4511e;
	font-size: 200px;
}

.thumbnail {
	padding: 0px 15px;
	padding-bottom: 15px ;
	border: none;
	border-radius: 0 ;
}

.thumbnail img {
	width: 100%;
	height: 100%;
}

.carousel-control.right, .carousel-control.left {
	background-image: none;
	color: #f4511e;
}

.carousel-indicators li {
	border-color: #f4511e;
}

.carousel-indicators li.active {
	background-color: #f4511e;
}

#carrosel, .carousel, .carousel-inner, .item { background-color: transparent !important }

.item h4 {
	font-size: 19px;
	line-height: 1.375em;
	font-weight: 400;
	font-style: italic;
	margin: 70px 0;
}

.item span {
	font-style: normal;
}

.icon{
	display:inline-block ;
	background-repeat: no-repeat ;
	width: 36px ;
	height: 36px ;
	background: url(../imagens/icons.png ) ;
	box-shadow: 0px 0px 2px #f4511e ;
	border-radius: 8px ;
	background-size: 36px 108px ;
}

.dummyicon{
	background-image: url(../imagens/iconshover.png ) ;
	position: absolute ;
	top: -10000px ;
	z-index: -1000 ;
}

a .icon{
	margin-right: 16px ;
	vertical-align: middle ;
}

a:hover .icon{
	background-image: url(../imagens/iconshover.png ) ;
}

.icon.fb{
	background-position: 0px -36px ;
}

.icon.in{
	background-position: 0px -72px ;
}

.panel {
	border: 1px solid #f4511e; 
	border-radius:0 !important;
	transition: box-shadow 0.5s;
}

.panel:hover {
	box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}

.panel-footer .btn:hover {
	border: 1px solid #f4511e;
	background-color: #fff !important;
	color: #f4511e;
}

.panel-heading {
	color: #fff !important;
	background-color: #f4511e !important;
	padding: 25px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.panel-footer {
	background-color: white !important;
}

.panel-footer h3 {
	font-size: 32px;
}

.panel-footer h4 {
	color: #aaa;
	font-size: 14px;
}

.panel-footer .btn {
	margin: 15px 0;
	background-color: #f4511e;
	color: #fff;
}


#footer{
	padding: 60px ;
}

#footer .glyphicon {
	font-size: 28px;
	margin-bottom: 20px;
	color: #f4511e ;
}

#footer a{
	color: #61a0c6 ;
}

#footer a:hover{
	color: #FFF ;
	text-decoration: none ;
}

1.slideanim {
	visibility:hidden;
}

.slide {
	animation-name: slide;
	-webkit-animation-name: slide;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	visibility: visible;
}

@keyframes slide {
	0% {
		opacity: 0;
		transform: translateY(70%);
	}
 
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}

@-webkit-keyframes slide {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70%);
	}
 
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
	}
}

@media screen and (max-width: 800px) {
	
			
	.highlight:before, .highlight:after{
		bottom: 10px ;
	}
}

@media screen and (max-width: 720px) {
	.tooltip > .tooltip-inner { display: block ; background-color: rgba( 255, 255, 255, 0.975 ) ; color: #444 ; padding: 6px ; font-size: 15px ; border: 1px solid rgba( 210, 10, 1, 0.95 ) }
	.tooltip.bottom > .tooltip-arrow { display: block ; border-bottom: 5px solid rgba( 210, 10, 1, 0.95 ) }

	.message-holder .message { font-size: 1.2em ; padding: 12px }

	.container{ padding: 60px 15px }

	.person { width: 250px ; height: 250px ; margin-bottom: 60px }
	.menubar .container { padding: 0px ; margin: 0px ; text-align: center }
	.menubar span { display: none }
	.menubar .fas { display: inline-block }
	
	.menubar { text-align: center }
	.menubar .container .options { text-align: center }
	.menubar .options a, .menubar .options .inicio { padding: 15px }
	
	/*.menubar .options a:hover, .menubar .options a.active { background: transparent ; border-left: 0px none }*/
	
	#nmcm{
		padding-bottom: 0px ;
	}
	
	.col-sm-4 {
		text-align: center;
		margin: 25px 0;
	}

	.btn-lg {
		width: 100%;
		margin-bottom: 35px;
	}
		
	.poema{
		padding: 12.5% ;
	}
		
	#__poema{
	   font-size: 36px ;
	}
	
	.logo-small {
		font-size: 75px;
	}
	
	#interesses .fl, #interesses .fr{
		display: none ;
	}
	
	.highlight{
		width: 90% ;
	}
	
	.highlight:before, .highlight:after{
		bottom: 12px ;
	}
	
	iframe{ width: 400px ; height: 300px}
	
	/*.navbar li a, .navbar.navbar-fixed-top li a { padding: 12px 15px }
	.navbar .navbar-brand { padding: 12px 15px }*/
}

@media screen and (max-width: 648px) {
	.message-holder .message { font-size: 1em ; padding: 6px }
}

@media screen and (orientation: portrait){
	.jumbotron .container > div { background-size: 90% auto }
}