/*--Bootstrap Custom CSS--*/

/*--Custom Style based on Layout by Helm & Partner --*/



body {
/*background: #706f6f;*/
background: #000000;
font-family: "gesta", sans-serif;
}

a {color: #f59c00; font-weight:700;}
a:hover, a:focus {color: #706F6F; text-decoration:none;}

.container.whiteBackground {
background: #FFF;
padding: 0;
}

.noPadding {padding: 0px;}

.main {margin: 100px 0 0 0;}

.helm-text {padding: 0 15px;}

.gallery {padding: 0 15px 15px 15px;}
.gal-picture {margin: 0 0 15px 15px; padding: 5px; border: 1px solid #000; position: relative; float: left;}
.helm-gal-text {font-size: 12px;}

@media (min-width: 1200px) {
  .container {
    max-width: 970px;
  }

  .logo {
    display: block;
    padding: 60px 0 0 0;
  }
  .bs-sidenav {
    position:fixed;
    top: 60px;
    width: 137px;
    z-index:8009;
    background:#FFF;
  }
  .nav > li > a {color:#000; padding: 2px 10px;font-size:0.85em;margin: 0 0 2px 0;text-transform: uppercase;text-align: right;font-weight:700;}
  .nav > li > a:hover, .nav > li > a:focus {color:#FFF; background:#000;}
  .nav > li.active > a {color:#FFF; background:#000;}
}

@media (min-width: 992px) {
  .logo {
    display: block;
    padding: 60px 0 0 0;
  }
  .bs-sidenav {
    position:fixed;
    top: 60px;
    width: 137px;
    z-index:8009;
    background:#FFF;
  }
  .nav > li > a {color:#000; padding: 2px 10px;font-size:0.85em;margin: 0 0 2px 0;text-transform: uppercase;text-align: right;font-weight:700;}
  .nav > li > a:hover, .nav > li > a:focus {color:#FFF; background:#000;}
  .nav > li.active > a {color:#FFF; background:#000;}

.gallery {position:relative;margin: 15px;max-width:100%;}
.gal-left {float:left;}
.gal-right {float: right;}
.gal-images{position:relative;}
.gal-image {display: block;float:left;}
.gal-img-width-24 { max-width: 100%; margin: 5px 5px 5px 0;}
.gal-img-width-30 { max-width: 100%; margin: 5px 5px 5px 0;}
.gal-img-width-48 { max-width: 100%; margin: 5px 5px 5px 0;}
.gal-img-width-75 { max-width: 93%; margin: 5px 5px 5px 0;}
.gallery.gal-right .gal-images .gal-image {float:right;}
.gallery.gal-right .gal-images .gal-image .gal-img-width-24 { max-width: 100%; margin: 5px 0 5px 5px;}
.gallery.gal-right .gal-images .gal-image .gal-img-width-30 { max-width: 100%; margin: 5px 0 5px 5px;}
.gallery.gal-right .gal-images .gal-image .gal-img-width-48 { max-width: 100%; margin: 5px 0 5px 5px;}
.gallery.gal-right .gal-images .gal-image .gal-img-width-75 { max-width: 93%; margin: 5px 0 5px 5px;}
.gal-border {border: 1px solid #000;}
.helm-gal-text {position: relative; float: left; width: 100%;}
.gallery.gal-right .helm-gal-text {position: relative; float: left; width: 100%; text-align:right;}
}

@media (max-width: 991px) {
  .logo {
    display: block;
    padding: 60px 0 0 0;
  }
  .bs-sidenav {
    position:fixed;
    top: 60px;
    margin: 0 0 0 613px;
    width: 137px;
    z-index:8009;
    background:#FFF;
  }
  .nav > li > a {color:#000; padding: 2px 10px;font-size:0.85em;margin: 0 0 2px 0;text-transform: uppercase;text-align: right;font-weight:700;}
  .nav > li > a:hover, .nav > li > a:focus {color:#FFF; background:#000;}
  .nav > li.active > a {color:#FFF; background:#000;}

.gallery {position:relative;margin: 15px;max-width:100%;}
.gal-left {float:left;}
.gal-right {float: right;}
.gal-images{position:relative;}
.gal-image {display: block;float:left;}
.gal-img-width-24 { max-width: 100%; margin: 5px 5px 5px 0;}
.gal-img-width-30 { max-width: 100%; margin: 5px 5px 5px 0;}
.gal-img-width-48 { max-width: 100%; margin: 5px 5px 5px 0;}
.gal-img-width-75 { max-width: 93%; margin: 5px 5px 5px 0;}
.gallery.gal-right .gal-images .gal-image {float:right;}
.gallery.gal-right .gal-images .gal-image .gal-img-width-24 { max-width: 100%; margin: 5px 0 5px 5px;}
.gallery.gal-right .gal-images .gal-image .gal-img-width-30 { max-width: 100%; margin: 5px 0 5px 5px;}
.gallery.gal-right .gal-images .gal-image .gal-img-width-48 { max-width: 100%; margin: 5px 0 5px 5px;}
.gallery.gal-right .gal-images .gal-image .gal-img-width-75 { max-width: 93%; margin: 5px 0 5px 5px;}
.gal-border {border: 1px solid #000;}
.helm-gal-text {position: relative; float: left; width: 100%;}
.gallery.gal-right .helm-gal-text {position: relative; float: left; width: 100%; text-align:right;}

}
@media (max-width: 767px) {
  .logo {
    display: block;
    padding: 0px 0 0 0;
  }
  .bs-sidenav {
    position:fixed;
    top: 70px;
    right: 0px;
    width: 137px;
    z-index:8009;
    background:#FFF;
  }
  .nav > li > a {color:#000; padding: 2px 10px;font-size:0.85em;margin: 0 0 2px 0;text-transform: uppercase;text-align: right;font-weight:700;}
  .nav > li > a:hover, .nav > li > a:focus {color:#FFF; background:#000;}
  .nav > li.active > a {color:#FFF; background:#000;}

.gallery {position:relative;width:100%;margin: 0;}
.gal-left {float:left;}
.gal-right {float: left;}
.gal-images{position:relative;}
.gal-image {display: inline-block;}
.gal-img-width-24 { max-width: 99%;}
.gal-img-width-30 { max-width: 99%;}
.gal-img-width-48 { max-width: 99%;}
.gal-img-width-75 { max-width: 99%;}
.gal-border {border: 1px solid #000;}
.helm-gal-text {position: relative; float: left; width: 100%;}
}