@import url("bootstrap/css/bootstrap.css");
@import url("soundbar.css");

*:focus {
    outline: none;
}

@font-face {
  font-family: Nexa;
  src: url('fonts/nexa/NexaLight.eot');
  src: url('fonts/nexa/NexaLight.eot?') format('☺'),
       url('fonts/nexa/NexaLight.otf') format('otf'),
       url('fonts/nexa/NexaLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Nexa;
  src: url('fonts/nexa/NexaBold.eot');
  src: url('fonts/nexa/NexaBold.eot?') format('☺'),
       url('fonts/nexa/NexaBold.otf') format('otf'),
       url('fonts/nexa/NexaBold.ttf') format('truetype');
  font-weight: bold;
  font-style: bold;
}

nav img.close {
    max-width: 16px;
}

nav img.icon-menu {
    max-width: 28px;
}

.cont-nav-slid ul li {
    padding: 5px 0;
}

.cont-nav-slid ul li a {
    color: #fff;
}

.cont-nav-slid.on {
    opacity: 0.8;
}

div.back-style h2.name.craft a {
    color: #000;
    text-decoration: none;
    transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
}

div.back-style h2.name.craft a:hover {
    color: #999;
}

div.back-style-contact .cont-center a {
    color: #fff;
    text-decoration: none;
}

.menuscale_open {
    color: #222;
}

.menuscale_open .fa-circle-thin {
    transform: scale(1.0);
    transition: all .1s ease-in-out;
}

.menuscale_open:hover .fa-circle-thin {
    transform: scale(1.2);
}

#menuscale .description-overlay {
   width: 100%;
   margin: 0;
}

.fadeandscale_close,
.static-content_close,
.menuscale_close {
    position: fixed;
    top: 2%;
    right: 2%;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
}
.alk-menu {
    font-size: 12px;
}

.alk-menu li {
    text-align: center;
    font-size: 2em;
    padding: 5px 0;
    font-family: 'Nexa', sans-serif;
    color: #fff;
}

.alk-menu li a {
    color: #fff;
}

@media (max-width: 767px) {
    .fadeandscale_close,
    .static-content_close,
    .menuscale_close {
        position: fixed;
        top: 2%;
        right: 2%;
    }
}

.icon-menu{
    font-size: 12px;
    opacity:1;top:40px;left:50px; z-index: 3000; position: fixed; cursor: pointer;
    transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    }
.icon-menu:hover{opacity:1; }

.icon.ion-navicon.fa-stack-1x:before {
    line-height: inherit;
}

.sound-holder {
    position: fixed;
    bottom: 15px;
    right: 15px;
}

.bar,
.static-bar {
    background-color: #000;
}

#overlay-controls {
    min-height: 25px;
    min-width: 30px;
}

#overlay-controls .overlay-control {
    cursor: pointer;
}

#static-content .sc-con {
    display:block;
    width: 80%;
    margin: 0 auto;
    color: #fff;
}

#static-content .sc-con p {
    font-weight: normal;
    font-size: 100%;
    font-family: 'Nexa';
}

@media (max-width: 767px) {
    #static-content .sc-con h3 {
        text-align: center;
    }

    #static-content .sc-con p {
        text-align: justify;
    }

    .sound-holder {
        display: none;
    }

    .footer-section img.footer-logo {
        max-height: 60px;
        margin-top: 10px;
    }
}


.flex-layer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    height: 100%;
    justify-content: center;
    font-family: 'Nexa', sans-serif;
    flex-direction: column;
}

.footer-section {
      text-align: center;
      font-family: 'Nexa', sans-serif;
      font-size: 14px;
      height: 350px;
}
.footer-section a {
  color: #fff;
  text-decoration: none;
}

.footer-section ul.links a {
  padding: 2px 0;
  display: block;
     -webkit-animation: all 0.5s linear;
     -moz-animation: all 0.5s linear;
     animation: all 0.5s linear;
}

.footer-section ul.links a:hover {
    color: #ccc;
}

.footer-section .follow-us li:not(:first-child) {
    float: left;
    width: 33%;
    padding: 10px;
    text-align: center;
}

.footer-section img.footer-logo {
    max-height: 100px;
}

.pt15 {
    padding-top: 15px;
}

.mt15 {
    margin-top: 15px;
}