@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,300);

@font-face {
    font-family: 'cartogothic';
    src: url('../fonts/cartogothicstd-book-webfont.eot');
    src: url('../fonts/cartogothicstd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cartogothicstd-book-webfont.woff') format('woff'),
         url('../fonts/cartogothicstd-book-webfont.ttf') format('truetype'),
         url('../fonts/cartogothicstd-book-webfont.svg#cartogothic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'audimat_monoregular';
    src: url('../fonts/audimrg_-webfont.eot');
    src: url('../fonts/audimrg_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/audimrg_-webfont.woff') format('woff'),
         url('../fonts/audimrg_-webfont.ttf') format('truetype'),
         url('../fonts/audimrg_-webfont.svg#audimat_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ==== general ==== */

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  padding-top: 0px;
  color: #717171;
  background: #000000 url(../../interface/img/main/bg*.jpg) center top no-repeat scroll;
  font-family: 'cartogothic', sans-serif;
  font-size: small;
  font-weight: 300;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: 'audimat_monoregular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
h6 {
  font-family: 'audimat_monoregular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.title {
  font-family: 'audimat_monoregular', Arial, Helvetica, sans-serif;
  font-size: 72px;
}
.email {
  font-size: 24px;
}
.sociallogos {
  font-size: 30px;
}
.small {
  font-size: 12px;
}
.centered {
  width:80%;
  position: absolute;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
a {
  color: #cccccc;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
a:hover,
a:focus {
  color: #cccccc;
  text-decoration: none;
  outline: none;
}
hr {
  border-top: 1px solid #292929;
  border-bottom: 0px solid #fff;
}
.btn {
  font-weight: 400;
}
.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}

.img img {margin: 10px 10px 10px 10px}

.border-img img {
  border: 1px solid #292929;
}

/* ==== sections ==== */

body > section {
  padding: 0px 0;
}
.part1,
.part2,
.part3 {
  color: #ffffff;
}
.part1 h1,
.part2 h1,
.part3 h1,
.part4 h1,
.part5 h1,
.part6 h1,
.part1 h2,
.part2 h2,
.part3 h2,
.part4 h2,
.part5 h2,
.part6 h2,
.part1 h3,
.part2 h3,
.part3 h3,
.part4 h3,
.part5 h3,
.part6 h3,
.part1 h4,
.part2 h4,
.part3 h4,
.part4 h4,
.part5 h4,
.part6 h4,
.part1 h5,
.part2 h5,
.part3 h5,
.part4 h5,
.part5 h5,
.part6 h5,
.part1 h6,
.part2 h6,
.part3 h6,
.part4 h6,
.part5 h6,
.part6 h6 {
  color: #ffffff;
/*  color: 2ECC40;*/
}
.part1 small,
.part2 small,
.part3 small,
.part4 small,
.part5 small,
.part6 small {
  color: rgba(255, 255, 255, 0.8);
}
.part1 {
  min-height: 550px;
  background: url(../../interface/img/main/wall-0.jpg) center top no-repeat scroll;
}
.part2 {
/*  min-height: 700px;*/
  background: url(../../interface/img/main/007.jpg) center left repeat scroll;
  border-top: 0px solid #333333;
}
.part3 {
/*  min-height: 700px;*/
  background: #000000 url(../../interface/img/main/wall-7.jpg) center top repeat scroll;
  border-top: 1px solid #333333;
}
.part4 {
/*  min-height: 700px;*/
  background: #000000 url(../../interface/img/main/007*.jpg) center top repeat scroll;
  border-top: 1px solid #333333;
}
.part5 {
/*  min-height: 700px;*/
  background: #000000 url(../../interface/img/main/wall-6.jpg) center top no-repeat scroll;
  border-top: 1px solid #333333;
}
.part6 {
/*  min-height: 700px;*/
  background: #000000 url(../../interface/img/main/007.jpg) center top repeat scroll;
  color: #ffffff;
  border-top: 0px solid #333333;
}
.part7 {
/*  min-height: 700px;*/
  background: #000000 url(../../interface/img/main/wall-8.jpg) top center repeat scroll;
  color: #ffffff;
  border-bottom: 1px solid #191919;
}
.part8 {
/*  min-height: 700px;*/
  background: #141414 url(../../interface/img/main/bg-2.jpg) center top no-repeat scroll;
  color: #ffffff;
}
.part9 {
/*  min-height: 700px;*/
  background: #000000 url(../../interface/img/main/wall-1.jpg) left top no-repeat scroll;
  color: #ffffff;
}
.partmenu {
  background-color: #000000;
}
.partmenu a:not(.btn) {
  color: #bdc3c7;
}
.partmenu a:not(.btn):hover {
  color: #d9534f;
}
.separator {
  min-height: 5px;
  background: #333333 url(../../interface/img/main/bg_destroy.jpg) center center repeat scroll;
}

/* ==== content ==== */

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */

  padding-top: 30px;
  /* IE6 workaround*/

  height: 0;
  overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#main-slider {
  position: relative;
}
#main-slider .carousel h2 {
  font-size: 36px;
}
#main-slider .carousel .btn {
  border: 3px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  border-radius: 0;
  margin-top: 0px;
}
#main-slider .carousel .btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 600px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}
#services .media:hover .icon-md {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.8);
}
#info {
  padding: 30px 0;
}
#info .item-inner {
  position: relative;
  margin: 0;
}
.center {
  text-align: center;
}
.img-thumbnail {
  border: 0;
}

/* ==== navbar ==== */

/*.navbar-inverse{border-color:#000000}
.navbar-inverse .navbar-brand {
  font-family: 'audimat_monoregular', Arial, Helvetica, sans-serif;
  line-height: 20px;
  color: #ffffff;
}
.navbar-inverse .navbar-nav {
  margin-top: 8px;
}
.navbar-inverse .navbar-nav > li > a {
  font-family: 'audimat_monoregular', Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 0px;
  color: #aaaaaa;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
/*  background-color: #333333;*/
/*}
.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: #2c3e50;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  padding: 0;
  margin-top: -3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
  color: #bdc3c7;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: rgba(0, 0, 0, 0.3);
}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
}*/

/* ==== header-new-elements ==== */

#nav li.active > a {
  color: #ffffff;
}
#nav {
/*  min-height: 70px;*/
  background: #0000000 url(../../interface/img/main/007*.jpg) center top repeat scroll;
  padding-top: 30px;
  padding-bottom: 0px;
  color: #bdc3c7;
}
#nav a {
  color: #cc3300;
}
#nav a:hover {
  color: #ffffff;
}
#nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#nav ul > li {
  font-family: 'audimat_monoregular', Arial, Helvetica, sans-serif;
  font-size: 48px;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 15px;
}

/* ==== sub-elements ==== */

.icon-lg {
  font-size: 48px;
  height: 108px;
  width: 108px;
  line-height: 108px;
  color: #fff;
  margin: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: inline-block !important;
  border-radius: 100%;
}
.icon-md {
  font-size: 36px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  color: #fff;
  margin-right: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: block;
  border-radius: 50%;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.gap {
  margin-bottom: 50px;
}
.big-gap {
  margin-bottom: 100px;
}
.no-margin {
  margin: 0;
  padding: 0;
}
#bottom {
  color: #bdc3c7;
}
#bottom h4 {
  margin-top: 0;
  margin-bottom: 15px;
}
#bottom .media-heading {
  display: block;
  font-weight: 400;
}
.row > div {
  margin-bottom: 10px;
}

#footer {
/*  min-height: 70px;*/
  background: #000000 url(../../interface/img/main/008*.jpg) center center repeat scroll;
  padding-top: 20px;
  padding-bottom: 0px;
  color: #717171;
}
#footer a {
  color: #cccccc;
}
#footer a:hover {
  color: #cccccc;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul > li {
  font-family: 'audimat_monoregular', Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 15px;
}
#error {
  text-align: center;
  margin-top: 150px;
  margin-bottom: 150px;
}

/* ==== video ==== */

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}