.text-danger {
  color: red; }

@font-face {
  font-family: TerminatorFont;
  src: url(/fonts/terminator_real_nfi.ttf); }

* {
  margin: 0;
  padding: 0;
  color: #666; }

.multi_bg_example {
  height: 100%;
  min-height: 100vh;
  background-image: url("../images/bubbles.png"), -webkit-linear-gradient(top, black, black, black, black, black, black, black, black, black, transparent, transparent, transparent 500px), -webkit-linear-gradient(bottom, black, white 40px);
  background-image: url("../images/bubbles.png"), -o-linear-gradient(top, black, black, black, black, black, black, black, black, black, transparent, transparent, transparent 500px), -o-linear-gradient(bottom, black, white 40px);
  background-image: url("../images/bubbles.png"), linear-gradient(to bottom, black, black, black, black, black, black, black, black, black, transparent, transparent, transparent 500px), linear-gradient(to top, black, white 40px);
  background-repeat: repeat-x, repeat-x;
  background-position: top, right, bottom;
  background-size: contain; }

#headers {
  margin-top: 0;
  background-color: transparent;
  text-align: center;
  padding: 0;
  margin: 0;
  bottom: 0;
  max-width: 1000px;
  margin: 0 auto;
  position: relative; }

footer {
  bottom: 0;
  height: 37px;
  background: -webkit-gradient(linear, left top, right top, from(white), color-stop(white), color-stop(#111), color-stop(#444), color-stop(#111), color-stop(white), to(white));
  background: -webkit-linear-gradient(left, white, white, #111, #444, #111, white, white);
  background: -o-linear-gradient(left, white, white, #111, #444, #111, white, white);
  background: linear-gradient(to right, white, white, #111, #444, #111, white, white);
  padding: 8px 70px; }

.social_media {
  position: relative;
  height: 0px;
  top: 0px;
  float: right;
  -webkit-animation: fadein 1s;
  animation: fadein 1s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.social_media li {
  display: inline-block;
  text-decoration: none;
  margin-left: 1px; }

.social_media li a i:hover {
  opacity: 1;
  -webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.45), 0 -12px 4px rgba(0, 0, 0, 0.08) inset;
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.45), 0 -12px 4px rgba(0, 0, 0, 0.08) inset; }

.social_media li a i.fa-facebook:hover {
  color: #3b5998; }

.social_media li a i.fa-twitter:hover {
  color: #0084b4; }

.social_media li a i.fa-google-plus:hover {
  color: #d34836; }

.social_media li a i.fa-instagram:hover {
  color: #bc2a8d; }

@-webkit-keyframes fadein {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes fadein {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

.mybtn {
  display: block;
  position: relative;
  text-align: center;
  color: #97BD18;
  height: 23px;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
  font-size: 17px;
  padding-bottom: 1px;
  cursor: pointer;
  font-family: 'kirvybold';
  background-color: white;
  border-radius: 5px;
  -webkit-box-shadow: -1px -2px 7px 2px #BBB inset, 3px 6px 11px 0 rgba(0, 0, 0, 0.19);
  box-shadow: -1px -2px 7px 2px #BBB inset, 3px 6px 11px 0 rgba(0, 0, 0, 0.19);
  text-shadow: 1px 1px 2px #BBB; }

.mybtn:active {
  background-color: rgba(0, 0, 0, 0.05); }

.body_txt {
  font-family: 'kirvybold';
  color: #97BD18;
  max-width: 1000px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  text-shadow: 2px 2px 5px #BBB; }

.ikon {
  border: #AAA 1px solid;
  border-radius: 0 0 8px 8px;
  height: 30px;
  width: 35px;
  padding-top: 5px;
  background: #fff;
  -webkit-transition: all 300ms ease-in-out 0ms;
  -o-transition: all 300ms ease-in-out 0ms;
  transition: all 300ms ease-in-out 0ms;
  opacity: 0.75;
  -webkit-box-shadow: -1px 0 4px rgba(0, 0, 0, 0.45), 0 6px 3px rgba(0, 0, 0, 0.16) inset;
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.45), 0 6px 3px rgba(0, 0, 0, 0.16) inset; }

.website-title {
  font-family: TerminatorFont;
  color: #97BD18;
  font-size: 40px;
  text-decoration: none;
  text-align: center;
  margin: 0px;
  padding-top: 30px; }

body {
  font-family: Verdana, sans-serif;
  color: white;
  padding: 0;
  margin: 0;
  top: 0; }

.container {
  min-height: 100vh; }

.divider {
  top: 92px;
  position: absolute;
  width: 100%;
  min-width: 1000px;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(black), color-stop(#9e9e9e), to(black));
  background: -webkit-linear-gradient(left, black, #9e9e9e, black);
  background: -o-linear-gradient(left, black, #9e9e9e, black);
  background: linear-gradient(to right, black, #9e9e9e, black); }

.menu_container {
  padding: 20px 0px 0px 0px;
  margin: 0 auto;
  font-size: 16px;
  background-color: transparent;
  opacity: 1;
  z-index: 1; }

.menu_container button::before {
  content: '';
  display: block;
  height: 2px;
  width: 50%;
  background-color: transparent;
  position: absolute;
  top: -1px;
  -webkit-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms; }

.menu_container button:hover::before {
  background-color: #666; }

.active-menu {
  color: #97BD18; }

.active-menu:hover {
  color: white; }

.inactive-menu {
  color: #CF000F; }

.inactive-menu:hover {
  color: #AAA; }

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  margin-right: 40px;
  margin-left: -10px; }

.dropbtn {
  border: none;
  cursor: pointer; }

.dropdown .dropbtn {
  text-transform: uppercase;
  margin: 0 auto;
  margin-left: 40px;
  font-size: 16px;
  background-color: transparent;
  opacity: 1;
  text-align: left;
  z-index: 11111;
  padding: 14px 16px; }

.menu_container a:hover, .dropdown:hover .dropbtn {
  -webkit-transition: all ease-in-out 450ms;
  -o-transition: all ease-in-out 450ms;
  transition: all ease-in-out 450ms;
  background-color: transparent; }

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 200px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border: rgba(255, 255, 255, 0.2) 5px solid;
  border-radius: 4px;
  z-index: 1;
  margin-left: 40px;
  text-transform: uppercase; }

/* Links inside the dropdown */
.dropdown-content a {
  font-family: sans-serif;
  text-transform: uppercase;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  float: none;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.5); }

.dropdown-content a:before {
  font-family: FontAwesome; }

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: black;
  -webkit-transition: all ease-in-out 350ms;
  -o-transition: all ease-in-out 350ms;
  transition: all ease-in-out 350ms; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block; }

.imageContainer {
  border-radius: 3px;
  max-width: 1000px;
  max-height: 450px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: -10;
  -webkit-animation: imgfadein 4s;
  animation: imgfadein 4s; }

.imageContainer img {
  z-index: -1;
  -webkit-animation: kenburns 60s infinite;
  animation: kenburns 60s infinite;
  position: relative; }

@-webkit-keyframes imgfadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes imgfadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes kenburns {
  0% { }
  50% {
    -webkit-transform: scale3d(1.4, 1.4, 1.4) translate3d(-895px, 0px, 0px);
    transform: scale3d(1.4, 1.4, 1.4) translate3d(-895px, 0px, 0px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  75% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(-885px, 0px, 0px);
    transform: scale3d(1, 1, 1) translate3d(-885px, 0px, 0px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; } }

@keyframes kenburns {
  0% { }
  50% {
    -webkit-transform: scale3d(1.4, 1.4, 1.4) translate3d(-895px, 0px, 0px);
    transform: scale3d(1.4, 1.4, 1.4) translate3d(-895px, 0px, 0px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  75% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(-885px, 0px, 0px);
    transform: scale3d(1, 1, 1) translate3d(-885px, 0px, 0px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; } }

.contain {
  font-family: 'kirvyregular';
  display: block;
  min-height: 210px;
  border: #AAA 3px solid;
  border-radius: 5px;
  max-width: 319px;
  width: 319px;
  position: relative;
  overflow: hidden;
  padding: 15px;
  margin: 10px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.contain h3 {
  font-family: 'kirvybold'; }

.flex-container-image {
  top: 40px;
  position: relative;
  max-width: 1000px;
  max-height: 450px;
  height: 600px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-bottom: 60px;
  background-color: black;
  border: #FFF 3px solid;
  border-radius: 5px;
  z-index: -11;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.flex-container-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px;
  width: 95%;
  max-width: 1030px;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-color: transparent; }

.flex-container-effect {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px;
  border: rgba(255, 255, 255, 0.2) 5px solid;
  border-radius: 4px;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 90%;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  overflow: hidden;
  max-width: 1090px;
  background-color: #777; }

.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px;
  border: rgba(255, 255, 255, 0.2) 5px solid;
  border-radius: 4px;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 90%;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  overflow: hidden;
  max-width: 1090px;
  background-color: black; }

.flex-container img {
  padding: 5px; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: 90%;
  margin: 0 auto; }

.row > .column {
  padding: 0 8px; }

.row:after {
  content: '';
  display: table;
  clear: both; }

.rowlast {
  margin-bottom: 50px; }

.rowfirst {
  margin-top: 38px; }

.column {
  float: left;
  width: 25%; }

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7); }

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px; }

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer; }

.mySlides {
  display: none; }

.cursor {
  cursor: pointer; }

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  -webkit-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px; }

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8); }

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0; }

img {
  margin-bottom: -4px; }

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white; }

.demo {
  opacity: 0.6; }

.active,
.demo:hover {
  opacity: 1; }

img.hover-shadow {
  -webkit-transition: 0.3;
  -o-transition: 0.3;
  transition: 0.3; }

.hover-shadow:hover {
  font-family: 'Quicksand', sans-serif; }

/*Style 'show menu' label button and hide it by default*/
.show-menu {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: black;
  background: #97BD18;
  text-align: center;
  padding: 10px 0;
  display: none; }

/*Hide checkbox*/
input[type=checkbox] {
  display: none; }

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ .dropdown {
  display: inline-block; }

/* When the screen is less than 800 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the mainmenu (.icon) */
/*@media screen and (max-width: 800px)
	.mainmenu li:not(:first-child)
		display: none
	.icon
		float: left
		display: block */
/* The "responsive" class is added to the mainmenu with JavaScript when the user clicks on the icon. This class makes the mainmenu look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 765px) {
  /*Make dropdown links appear inline*/
  .dropdown {
    position: static;
    display: none; }
  /*Create vertical spacing*/
  .dropdown {
    margin-bottom: 1px;
    border-bottom: #AAA 1px solid; }
  .dropdown .dropbtn {
    background-color: transparent; }
  /*Make all menu links full width*/
  .dropdown {
    width: 100%; }
  /*Display 'show menu' link*/
  .show-menu {
    display: block; }
  .divider {
    display: none; }
  .website-title {
    font-size: 25px; }
  .multi_bg_example {
    height: 100%;
    min-height: 100vh;
    background-image: url("../images/bubbles_mini.png"), -webkit-linear-gradient(top, black, black, black, black, black, black, black, black, black, transparent, transparent, transparent 400px);
    background-image: url("../images/bubbles_mini.png"), -o-linear-gradient(top, black, black, black, black, black, black, black, black, black, transparent, transparent, transparent 400px);
    background-image: url("../images/bubbles_mini.png"), linear-gradient(to bottom, black, black, black, black, black, black, black, black, black, transparent, transparent, transparent 400px);
    background-repeat: repeat-x, repeat-x;
    background-position: top, right;
    background-size: contain; }
  footer {
    background: none;
    padding: 0 0 0 10px; } }