html {
  scroll-behavior: smooth;
}

body {
    margin: 0px;
    padding: 0px;
    background: black;
    color: #aaaaaa;
    text-align: justify;
    text-justify: inter-word;
    
    font-family: lato, sans-serif;
}


.home-top {
    z-index: 1000;
    position:relative;
}

.dropdown-menu {
    position:fixed;
    right:0;
    }



.dropdown-menu ul {
    font-family: Arial;
    font-weight: bold;
    color: white;
    margin: 0px;
    padding:0px;
    list-style: none;
}


.dropdown-menu ul li {
    float: left;
    width: 120px;
    height: 40px;
    background-color: black;
    opacity: .6;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    margin-right: 2px;
}

.dropdown-menu ul li a {
    text-decoration: none;
    color: white;
    display:block;
}

.dropdown-menu ul li a:hover {
    background: green;
}



.dropdown-menu ul li ul li{
    display:none;
}

.dropdown-menu ul li:hover ul li{
    display:block;
}


.dropdown-menu ul li:hover ul li ul li {
    display:none;
}


.dropdown-menu ul li ul li:hover ul{
    margin-top: -40px;
}
.dropdown-menu ul li ul li:hover ul li{
    display:block;
    position: relative;
    margin-left: 200px;
}





.btn {
  font-size: 3vmin;
  padding: 0.75em 1.5em;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  text-decoration: none;
  display: inline;
  border-radius: 4px;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn:hover {
  background-color: #ddd;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn-small {
  padding: .75em 1em;
  font-size: 0.8em;
}





.modal-box {
  display: none;
  position: fixed;
  z-index: 1000;
  width: 98%;
  background: black;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
@media (min-width: 32em) {

.modal-box { width: 95%; }
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  /* border-top: 1px solid #ddd; */
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  top: 0;
  left: 0;
width: 100%;
height: 100%;
  z-index: 900;
  background: rgba(0, 0, 0, 0.7) !important;
}

a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 2%;
  text-decoration: none;
  color: #bbb;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}




.nivoSlider img {
    display:block;
    margin: auto auto;
    max-height: 700px;
    height:auto;
    width:auto;
}