body,
html {
  width: 100%;
  height: 100%; }
  


body {
 font-family: 'Raleway', sans-serif; 
  background-color:#000;
  background-image:url(../../../img/bg-sunrise.jpg);
  background-attachment:fixed;
  background-position:top right;
  background-repeat: no-repeat;
  background-size:cover;
  
  
  }
  
  
  
@media (max-width: 990px){ body {
 font-family: 'Raleway', sans-serif; 
  background-color:#000;
  background-image: url(../../../img/bg-sunrise-mobile.jpg);
  background-attachment:fixed;
  background-position:top right;
  background-repeat: no-repeat;
  background-size:cover;
  
  
  } }
  
  
  .anima {
 position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: titulo;
    -webkit-animation-duration: 4s;
    -webkit-animation-direction: alternate;
	
	
    /* Standard syntax */
    animation-name: titulo;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-direction: alternate;
	
}

/* Chrome, Safari, Opera */
@-webkit-keyframes titulo {
    
	0%  {  top:-800px;}
	50% { top: -800px;} 
	100% {  top: 0px;}
  
}

/* Standard syntax */
@keyframes titulo {
     0%   {  top:-800px;}
	50% { top: -800px;} 
	100% {  top: 0px;}
}
  
  

/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background-color:#000; 
    border-radius: 10px;

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: grey;
	
}   
  
  
.tradutor{ position: absolute; width:100%; top:20px; right:20px; z-index:1000;}

.opac{ opacity:0.7;}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Raleway', sans-serif; text-transform:uppercase; }
  
ul {
    list-style-image: url(../img/sunrise.png);
}
  

.bg-primary {
  background-color: #F4C62B !important; }

.bg-dark {
  background-color: #212529 !important; }

.text-faded {
  color: rgba(255, 255, 255, 0.7); }

section {
  padding: 8rem 0; }

.section-heading {
  margin-top: 0; }

::-moz-selection {
  color:  transparent;
  background: transparent;
  text-shadow: none; }

::selection {
  color: transparent;
  background: transparent;
  text-shadow: none; }

img::selection {
  color: transparent;
  background: transparent; }

img::-moz-selection {
  color: transparent;
  background: transparent; }

body {
  -webkit-tap-highlight-color: transparent; }
  
.ori{color: #FF7112; }

.border-intro{  margin-left:20px; margin-right:20px; } 

.bg-op{width:100%; padding-top: 14%;}
@media (max-width: 800px){ .bg-op{ width:100%; padding-top:6%;}}

.bg-op-2{width:100%; padding-top: 11%; padding-left:16%}
@media (max-width: 800px){ .bg-op-2{ width:100%; padding-top:10%;}}



.bg-black{ background-color:transparent; background-image:url(../../../img/bg-black.jpg); background-repeat: repeat; background-position: top right;} 
@media (max-width: 990px){ .bg-black{ background-color:transparent; background-image:none; padding:20px;} }

.max{ height: 100vh !important;}

header.masthead {
  height: 100vh;
   background-color:;
   
  background-image:;
  background-attachment:fixed;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  header.masthead hr {
    margin-top: 30px;
    margin-bottom: 30px; }
  header.masthead h1 {
	margin-top:10%;
    font-size: 2rem; }
  header.masthead p {
    font-weight: 300; font-size:16px;}
  @media (min-width: 768px) {
    header.masthead p {
      font-size:16px;} }
  @media (min-width: 992px) {
    header.masthead {
      height: 100vh;
      min-height: 650px;
      padding-top: 0;
      padding-bottom: 0;

	   }
      header.masthead h1 {
        font-size: 2rem; } }
  @media (min-width: 1200px) {
    header.masthead h1 {
      font-size: 3rem; } }
	  
	  
a { color:#FFFF00;}

a:hover{ color:#FFF;}

.btn {
 
  font-family: 'Raleway', sans-serif;}

.btn-xl {
  padding: 1rem 2rem; }

.btn-primary { 
   font-weight: 300; 
	width: 230px;
	margin-top:6px;
	margin-left:40px;
  background-color: transparent ;
  border-color: #FFF ; border: 2px solid ; color:#FFF;
  -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
  
  
   }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	font-weight: 400; 
    color: #FFF;
    background-color: #000 !important;
	border-color: #000 !important ; border: 2px solid ;
	-moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
	
	
	 }
  .btn-primary:active, .btn-primary:focus {
    box-shadow: 0 0 0 0.0rem rgba(000, 0, 0, 0.0) !important; }