@charset "utf-8";

@font-face
{
 font-family: 'construktiv';
 src: url('../fonts/Ignis_et_Glacies_Extra_Sharp.ttf');
 font-weight: normal;
 font-style: normal;
}

@keyframes slidy 
{
 0%{left: 0%;}
 5%{left: 0%;}
 20%{left: -100%;}
 25%{left:-100%;}
 40%{left:-200%;}
 45%{left:-200%;}
 60%{left:-300%;}
 65%{left:-300%;}
 80%{left:-400%;}
 85%{left:-400%;}
 100%{left:0%;}
}

@-webkit-keyframes slidy 
{
 0%{left: 0%;}
 5%{left: 0%;}
 20%{left: -100%;}
 25%{left:-100%;}
 40%{left:-200%;}
 45%{left:-200%;}
 60%{left:-300%;}
 65%{left:-300%;}
 80%{left:-400%;}
 85%{left:-400%;}
 100%{left:0%;}
}

html
{
 overflow-x: hidden;
}

body
{
 background-color: #000000;
 color: #FFFFFF;
}

span a
{
 text-decoration: none;
 font-weight: normal;
 color:#FFFFFF;
 transition: all 0.35s cubic-bezier(0.68,-0.55,0.27,1.55) 0s;
}

span a:hover
{
 text-decoration: none;
 font-weight: bold;
 color:#A0A0A0;
}

h2
{
 color:#FFFFFF;
}

.service-list
{
 font-size: 15px;
}

#about-us .container h2
{
 margin-bottom: 2em;
}

.main-section.contact
{
 background: #000000 no-repeat;
}

.main-section.team h6
{
 font-size: 1.5em;
}

.logo
{
 margin: 0px;
}

.slogan
{
 position: absolute;
 left:18%;
 bottom: 16%;
}

.knowUs
{
 position: absolute;
 bottom: 3%;
 left:39%;
}

.pushUp.logoDiv
{
 height: 100%;
 margin-top: 1%;
}

.btn-success
{
 color:#000000;
 border: none;
 background-color: #00FF00;
}

.btn-error
{
 color:#FFFFFF;
 border: none;
 background-color: #FF0000;
}

#errorMessage
{
 margin-left: 2%;
 color: #FFFFFF;
}

.container.logoDiv
{
 margin-left: 0px;
}

.pushUp
{
 z-index: 50;
}

.pullDown
{
 z-index: 0;
}

.team-leader
{
 box-shadow: none;
 margin-left: 19%;
}

.team-leader img
{
 border-radius: 0%;
}

.team-leader-box span
{
 font-size: 30px;
}

.team-leader-shadow
{
 border-radius:0%;
}

#partners div .team-leader-block
{
 max-width: none;
}

#partners div div .team-leader-box
{
 margin-right: 0px;
 margin-left: 13%;
}

#partners div div div div .team-leader-shadow
{
 width: 65.65%;
}

#connections div div div div .team-leader-shadow
{
 width: 76%;
}

.link
{
 border-radius: 0em;
 background: #8F9194 none repeat scroll 0% 0%;
}

.link:hover
{
 color:#8F9194 !important;
}

.link:active, .link:focus 
{
 background-color: #8F9194;
}

.contact-info-box h3
{
 color:#8F9194;
}

.input-btn
{
 background: #000000 none repeat scroll 0% 0%;
 color:#FFFFFF;
 border: #FFFFFF solid 1px;
}

.main-nav
{
 margin: 0em 0em 0em;
}

.input-btn:hover
{
 border: #8F9194 solid 1px;
 color:#8F9194;
 background: #000000 none repeat scroll 0% 0%;
}

.contact-info-box h3 i
{
 color: #8F9194;
}

.container h1 b
{
 /*color:#8F9194;*/
 color:#000000;
}

img.small-logo
{
 width: 8.5em;
}

.main-nav-outer
{
 box-shadow: none;
 border: none;
}

#about-us
{
 background-image:url('../img/overlay.png'), url('../img/section-bg-about_us.jpg');
 background-repeat: repeat,no-repeat;
 background-size: auto,cover;
 background-position: top left,center 0;
 background-attachment: fixed,fixed;
}

#header
{
 height: 100%;
 padding: 0px;
 /*padding: 10.5em 0em;*/
 background:#000000 left top no-repeat;
}

.header h1
{
 font-family: 'construktiv';
}

.overlay
{
 width: 100%;
 height: 100%;
 position: absolute;
 top:0%;
 left: 0%;
 background-color: rgba(0,0,0,0.5);
}

#map-canvas
{
 margin:0 auto;
}

#projects
{
 border-bottom: #FFFFFF solid 1px;
}

#partners
{
 border-top: #FFFFFF solid 1px;
}

.modalWindow
{
 position: fixed;
 top:0px;
 left: 0px;
 width: 100%;
 height: 100%;
 z-index: 1000;
 background-color: #000000;
 overflow-y: auto;
}

.modalWindow a.close
{
 margin-top: 1em;
 margin-right: 1em;
 color:#FFFFFF;
 font-size: 3em;
 text-shadow: none;
 opacity: 1;
 transition: all 0.3s ease-in-out 0s;
}

.modalWindow a.close:hover
{
 color:#8F9194;
}

.tile
{
 max-height: 150px;
 max-width: 150px;
 margin-bottom: 0.3em;
 margin-left: 0.3em;
}

a.tab
{
 background-color: transparent;
 border: #FFFFFF 1px solid;
}

a.tab:hover
{
 background-color: #FFFFFF;
 border: none;
 color:#000000 !important;
}

a.activated
{
 color:#8F9194 !important;
 border-color: #8F9194;
}

.modal-header
{
 border-bottom: none;
}

.modal-footer
{
 border-top: none;
}

div#captioned-gallery
{
 width: 100%;
 overflow: hidden;
 position: absolute;
}
figure
{ 
 margin: 0;
}
figure.slider
{
 position: relative;
 width: 500%;
 font-size: 0; 
 animation: 40s slidy infinite;
 -webkit-animation: 40s slidy infinite;
}
figure.slider figure 
{
 width: 20%;
 height: 100%;
 display: inline-block;
 position: inherit;
}
figure.slider img
{
 width: 100%;
 height: auto;
}
figure.slider figure figcaption {
 position: absolute; bottom: 0;
 background: rgba(0,0,0,0.3);
 color: #fff; width: 100%;
 font-size: 2rem; padding: .6rem;
}
figure.slider figure figcaption {
 position: absolute; bottom: -3.5rem;
 background: rgba(0,0,0,0.3);
 color: #fff; width: 100%;
 font-size: 2rem; padding: .6rem;
 transition: .5s bottom;
 -webkit-transition: .5s bottom;
}
figure.slider figure:hover figcaption { bottom: 0; }
figure.slider figure:hover + figure figcaption { bottom: 0; }

@media only screen and (max-width:350px)
{
 #map-canvas
 {
  width: 20em;
  height: 15em;
 }
 .logo
 {
  width: 14.12em;
 }
}

@media only screen and (min-width:350px)
{
 #map-canvas
 {
  height: 30em;
  width: 25em;
 }
 .logo
 {
  width: 21.15em;
 }
}

@media only screen and (min-width:550px)
{
 #map-canvas
 {
  width: 45em;
 }
 .logo
 {
  width: 25.995em;
 }
}

@media only screen and (min-width: 970px)
{
 #map-canvas
 {
  width: 65em;
 }
 .logo
 {
  width: 29.677625em;
 }
}

@media only screen and (min-width: 1050px)
{
 #map-canvas
 {
  width: 70em;
 }
}

@media screen and (min-width: 1250px)
{
 #map-canvas
 {
  width: 85em;
 }
 .logo
 {
  width: 39em;
 }
}

@media screen and (max-height: 200px)
{
 #map-canvas
 {
  height: 5em;
 }
}

@media screen and (min-height: 200px)
{
 #map-canvas
 {
  height: 10em;
 }
}

@media screen and (min-height: 300px)
{
 #map-canvas
 {
  height: 20em;
 }
}

@media screen and (min-height: 400px)
{
 #map-canvas
 {
  height: 27em;
 }
}

@media screen and (min-height: 500px)
{
 #map-canvas
 {
  height: 32em;
 }
}

@media screen and (min-height: 600px)
{
 #map-canvas
 {
  height: 40em;
 }
}

@media screen and (min-height: 650px)
{
 #map-canvas
 {
  height: 40em;
 }
}

@media screen and (min-height: 700px)
{
 #map-canvas
 {
  height: 45em;
 }
}