body,
html {
  background-color: #4f80ff;
  color: white;
  font-family: "Roboto Mono", monospace;
  font-size-adjust: 0.508;
  font-weight: 300,700;
  font-style: normal; }
  @media screen and (min-width: 640px) {
    body,
    html {
      font-size: 16px; } }
  @media screen and (max-width: 640px) {
    body,
    html {
      font-size: 10px; } }
	  
.overlay {
	z-index: 50 !important; }
	
.sticky-title-container {
  width: 60px;
  overflow: hidden; }

@media screen and (min-width: 640px) {
  .slide-container {
    padding-left: 0px; } }
	
#sobre {
	letter-spacing: 3px; }
	
#trabalho {
  
  background-image: url("../images/BRADDA-gif.gif");
  background-repeat: no-repeat; background-position: center; background-opacity: 0.5;
  background-color: white; letter-spacing: 3px;
  color: #4f80ff; }
  
#kawasaki {
  background-image: url("../images/kawasaki-z-dg.png");
  background-size: auto 100%; background-repeat: no-repeat; background-position: right right;
  background-color: #4f80ff;
  letter-spacing: 2px; }

#santograal {
  background-image: url("../images/santograal-pb.png");
  background-size: auto 100%; background-repeat: no-repeat; background-position: right;
  background-color: white;
  color: #4f80ff;
  letter-spacing: 3px; }
 
#contact {
  background-image: url("../images/background-sobre.png");
  background-size: auto; background-repeat: no-repeat; background-position: center;
  letter-spacing: 3px; }
  
.sprite {
  position:absolute;
  /*top: auto;*/
  height: 100%;
}

.sprite.a1 {
		left: 200px;
	}
	
.sprite.wa {
		left: 300px;
	}
	
.sprite.ki {
		left: 1000px;
	}

.sprite.ka {
		left: 40px;
	}
	
.sprite.sa {
		left: 1000px;
	}
	
@media screen and (min-width: 400px) {
.sprite.sg-logo {
		left: 800px;
	} }
	
@media screen and (min-width: 1440px) {
.sprite.sg-logo {
		left: 1000px;
	} }
	
@media screen and (min-width: 400px) {
.sprite.smile {
		left: 200px;
		top: 40%;
	} }
	
@media screen and (min-width: 1440px) {
.sprite.smile {
		left: 260px;
		top: 41%;
	} }

@media screen and (min-width: 2500px) {
.sprite.smile {
		left: 460px;
		top: 41%;
	} }
	
.sprite.smile1 {
		left: 600px;  
	}

.sprite.smile2 {
		left: 800px;
	}

.sprite.xd {
		left: 1000px;
	}
	
@media screen and (min-width: 400px) {
.sprite.k-logo {
		left: 200px;
	} }
@media screen and (min-width: 1440px) {
.sprite.k-logo {
		left: 400px;
	} }

/*.button {
  display: inline-block;
  font-weight: 700; }*/

.button,
a {
  position: relative; }
  .button::after,
  a::after {
  	position: absolute;
  	-webkit-transition: .3s;
  	transition: .3s;
  	content: '';
  	width: 0;
  	left: 0%;
  	bottom: 0%;
  	height: 4px;
  	background: white; 
}
	
  .button:hover::after,
  a:hover::after {
    width: 100%;
}
	
.button.azul::after {
	background: #4f80ff;
}

.button.white {
	color: white;
}

.light {
  font-weight: 300; }

.nowrap {
  white-space: nowrap; }

.sticky-title {
  position: absolute;
  top: 50%;
  margin: 0;
  overflow: hidden;
  text-align: center;
  width: 200px;
  margin-top: -180px; }
  .sticky-title .title {
    display: block;
    height: 60px;
    line-height: 60px; }
  .sticky-title.sticky-title-left {
    -webkit-transform: scale(1) rotate(270deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -moz-transform: scale(1) rotate(270deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(270deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(270deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(270deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }

.background .trigger {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 30px;
  right: auto;
  bottom: auto;
  left: 30px;
  z-index: 3;
  cursor: pointer;
  transition: top .1s ease-in-out;
}
.background .trigger span {
  display: block;
  width: 100%;
  height: 5px;
  background: #F1F1F1;
  margin: 0 0 5px 0;
  transition: all .2s ease-in-out;
  position: absolute;
}
.background .trigger span:first-child {
  top: 0;
  left: 0;
}
.background .trigger span:nth-child(2) {
  top: 10px;
  left: 0;
}
.background .trigger span:last-child {
  top: 20px;
  left: 0;
}
.background .trigger.on {
  top: 40px;
}
.background .trigger.on span:first-child {
  transform: rotate(45deg);
}
.background .trigger.on span:nth-child(2) {
  transform: rotate(-45deg);
  top: 0;
}
.background .trigger.on span:last-child {
  transform: rotate(45deg);
  top: 0;
}

.menu {
  background: rgba(0, 0, 0, 0.85);
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 2;
}
.menu ul {
  list-style-type: none;
  padding: 0;
  left: 0;
  width: 250px;
  text-align: center;
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.menu ul li {
  font-family: 'Slabo 13px', serif;
  color: white;
  font-size: 24px;
  padding: 10px 0;
}

@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}
.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
  }
  
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/* Teste */

@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}