body { font-family: 'Open Sans Condensed', sans-serif; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 13px; background: #3c2137; }

h1 { display: none; text-align: center; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 1px; font-weight: 400; font-size: 2.4em; color: #bbb; }
h2 { font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 1px; font-weight: 400; font-size: 4em; color: #bbb; }

header { background: #360b2e; position: fixed; left: 0px; top 0px; height: 60px; width: 100%; z-index: 1000; }

.odd { background: #3c2137; }
.even { background: #3c2137; }

#Logo { width: 203px; height: 60px; margin-right: 15px; float: right; background: url('../images/logo.png') no-repeat; }
#fullpage { margin-top: 30px; }

ul#TopMenu { list-style-type: none; margin: 0; padding: 0; list-style-position: outside; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.9em; }
ul#TopMenu li { float: left; margin: 0; line-height: 60px;  }
ul#TopMenu li a, ul#TopMenu li a:active, ul#TopMenu li a:visited { padding: 0 10px; color: #bbb; text-decoration: none; }
ul#TopMenu li a:hover { color: #fff; }
ul#TopMenu li.active { height: 60px; }
ul#TopMenu li.active a { color: #00e0ff !important; display: block; }

#MobileMenu { display: none; cursor: pointer; position: fixed; top: 30px; right: 30px; width: 92px; height: 92px; background: url('../images/mobilemenu.png') no-repeat; }

.slide { text-align: center; padding: 0; margin: 0; }

.imgcontent { position: relative; display: inline-block; width: 70%; }
.imgcontent img.horizontal { width: 100%; }
.imgcontent img.vertical { width: 38%; }
.textbox { position: absolute; left: 0px; bottom: 0px; text-align: left; background: #000; opacity: 0.3; padding: 10px 12px; line-height: 24px; margin-bottom: 5px; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}

.auto-resizable-iframe {
  max-width: 70%;
  max-height: 90%;
  margin: 0px auto;
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 50%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#contactwrapper { width: 100%; display: flex; align-items: center; justify-content: center; }
.type { display: block; font-size: 3.5em; margin-left: 50px; color: #fff; cursor: pointer; background: #1c1c1c; width: 120px; height: 120px; text-align: center; border-radius: 50%; }
.type:first-child { margin-left: 0; }
.type:hover { color: #00e0ff !important; background: #181818; }
.email { line-height: 112px; }
.linkedin { line-height: 112px; }
.blog { line-height: 112px; }
.facebook { line-height: 120px; }

/* RESPONSICE STYLES */
@media screen and (max-width:800px) {
  header { height: auto; text-align: center; }
  #Logo { float: none; display: block; margin: 0 auto; width: 500px; height: 92px; margin: 30px 0 30px 50px; position: relative; text-align: center; background: url('../images/logo-big.png') no-repeat; }
  #MobileMenu { display: block; }
  ul#TopMenu { display: none; }
  ul#TopMenu li { float: none; display: block; line-height: 30px; }
  ul#TopMenu li.active { height: auto; }
  ul#TopMenu li:nth-child(odd) { background: #252525; }
  ul#TopMenu li:nth-child(even) { background: #282828; }
  ul#TopMenu li a, ul#TopMenu li a:active, ul#TopMenu li a:visited { width: 100%; display: block; padding: 40px 0px;  }
}

@media screen and (orientation:portrait) {
  .imgcontent { position: relative; display: inline-block; width: 100%; }
  .fp-controlArrow { top: 85%; }
  .fp-controlArrow.fp-prev { left: 100px; border-width: 70px 70px 70px 0; }
  .fp-controlArrow.fp-next { right: 100px; border-width: 70px 0 70px 70px; }

  header { height: auto; text-align: center; }
  #Logo { float: none; display: block; margin: 0 auto; width: 500px; height: 92px; margin: 30px 0 30px 50px; position: relative; text-align: center; background: url('../images/logo-big.png') no-repeat; }
  #MobileMenu { display: block; }
  ul#TopMenu { display: none; width: 100%; }
  ul#TopMenu li { float: none; display: block; font-size: 2.4em; border-bottom: 1px solid #000; }
  ul#TopMenu li.active { height: auto; }
  ul#TopMenu li:nth-child(odd) { background: #252525; }
  ul#TopMenu li:nth-child(even) { background: #282828; }
  ul#TopMenu li a, ul#TopMenu li a:active, ul#TopMenu li a:visited { width: 100%; display: block; padding: 40px 0px; }
  #contactwrapper { display: inline-block; }
  .type,.type:first-child { margin: 0 auto 40px auto; width: 200px; height: 200px; font-size: 6em; }
  .email { line-height: 192px; }
  .linkedin { line-height: 192px; }
  .blog { line-height: 192px; }
  .facebook { line-height: 200px; }
}