/* CSS Document */
/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Raleway Light'), local('Raleway-Light'),
       url('../fonts/raleway-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/raleway-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway Light Italic'), local('Raleway-LightItalic'),
       url('../fonts/raleway-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/raleway-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway Italic'), local('Raleway-Italic'),
       url('../fonts/raleway-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Raleway Medium'), local('Raleway-Medium'),
       url('../fonts/raleway-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/raleway-v12-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway Medium Italic'), local('Raleway-MediumItalic'),
       url('../fonts/raleway-v12-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('../fonts/raleway-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/raleway-v12-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'),
       url('../fonts/raleway-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

body {
    height: 100%;
    font-family: 'Raleway', sans-serif;
    color: #383838;
    padding:0px;
    margin:0px;
}


.wrapper{
  position:relative;
  width:50%;
  margin:0px auto;
  height:100%;
}

.head{
  position:relative;
  height:920px;
  background-image:url('../img/header.jpg');
  background-repeat:no-repeat;
  background-position:50% 100%;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
    vertical-align:bottom;
}

.head .caption{
  padding-top:350px;
}

.head h1{
  position:relative;
  font-size:50px;
  line-height:60px;
  text-transform:uppercase;
  width:80%;
  padding:15px;
  background-color:rgba(255, 255, 255, 0.7);
}

.head h2{
  position:relative;
  font-size:20px;
  padding:15px;
  color:#ffffff;
  background-color:rgba(56, 56, 56, 0.7);
  margin-top:5px;
  width:45%;
}

.sub-head{
  position:relative;
  height:300px;
  background-image:url('../img/header.jpg');
  background-repeat:no-repeat;
  background-position:50% 100%;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
    vertical-align:bottom;
}

.navigation{
  position:absolute;
  margin:0px auto;
  width:80%;
  z-index:50;
  top:0px;
  left: 0;
  right: 0;
  height:30px;
  background-color:rgba(33, 33, 33, 0.85);
}

.navigation .logo{
  position:absolute;
  top:0px;
  left: 0;
  right: 0;
  margin:0px auto;
  height:85px;
  width:250px;
  background-color:#2fb0e0;
  text-align:center;  
}

.navigation .logo h2{
  color:#ffffff;
  padding-top:15px;
  text-transform:uppercase;
  font-size:25px;
}

.navigation .logo h1{
  color:#ffffff;
  text-transform:uppercase;
  font-size:25px;
  font-weight:bold;
}

.navigation ul{
  list-style:none;
  width:40.3%;
  display:inline-block;
}

.navigation li{
  display:inline;
  padding-top:25px;
  height:63%;
  padding-left:20px;
  padding-right:20px;
}

.navigation li:hover{
  background-color:rgba(47, 176, 224, 0.3);
}

.navigation .nav_left{
}

.navigation .nav_left li{
  float:right;
}

.navigation .nav_right{
  float:right;  
}

.navigation .nav_right li{
  float:left;
  
}

.navigation a{
  color:#ffffff;
  text-decoration:none;
}

.scroll_down{
  position:absolute;
  width:120px;
  color:#ffffff;
  font-size:100px;
  border:7px solid #ffffff;
  border-radius:25%;
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
  text-align:center;
  padding:20px;
  background-color:rgba(255, 255, 255, 0.1);
  margin:0px auto;
  bottom:25px;
  left:0px;
  right:0px;
  cursor:pointer;
}

.upload .questionaire-wrapper{
  padding-top:50px;
  display:none;
}

.upload .questionaire-wrapper h2{
    padding-top: 20px;
    font-size: 35px;
}

.upload .questionaire-wrapper p{
    padding-top: 20px;
}

.upload .questionaire-wrapper ul{
    padding-top: 20px;
    list-style:none;
    display:inline-block;
}

.upload .questionaire-wrapper li:nth-child(odd) {
    width:85%;
    display:inline-block;
    text-align:left;
}

.upload .questionaire-wrapper li:nth-child(even) {
    width:10%;
    display:inline-block;
}


.upload .questionaire-img{
  height:128px;
  width:128px;
  text-align:center;
  padding-top:20px;
  padding-bottom:20px;
}

#questionaire-label{
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  padding: 20px;
  background-color: #2fb0e0;
  margin-top:10px;
}

#questionaire-label:hover{
   cursor:pointer;
   background-color: #ffffff;
   color: #2fb0e0;
   border:2px solid #2fb0e0;
}

.upload .questionaire-img-wrapper{
  width:100%;
  text-align:center;
}

.upload{
  padding-top:80px;
  width:100%;
  height:880px;
  text-align:center;
}

.upload h1{
  text-align:center;
  font-size:50px; 
}

.upload h2{
    padding-top: 40px;
    line-height: 20px;
}

.upload p {
    line-height:20px;
}

.upload .upload-wrapper{
  padding-top:50px;
}

.upload .file-upload{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
  }

.upload .file-label{
  max-width: 80%;
  font-size: 1.25rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
}

.upload .file-label img{
  height:128px;
  width:128px;
}

.upload .file-label figure{
  padding-bottom:20px;
}

.upload .file-label span{
  padding-top:20px;
  font-weight:bold;
}

.upload .upload-description{
  text-align:justify;
  line-height:16px;
  padding-top:40px; 
}

.upload .upload-button{
  display:none;
  margin:0px auto;
  padding:20px;
  border:0px;
  background-color:#2fb0e0;
  color:#ffffff;
  font-size:20px;
  cursor:pointer;
  height:auto !important;
}

.upload .wait-animation{
  margin-top:30px;
}

.upload .success{
  display:none;
}

.upload .success span{
  color:#BADA55;
  font-size:25px;
}

.upload .success a{
  display:block;
  margin:0px auto;
  margin-top:50px;
  padding:20px;
  border:0px;
  background-color:#2fb0e0;
  color:#ffffff;
  font-size:20px;
  text-decoration:none;
  width:350px;
}

.upload .error{
  padding:20px;
  margin-top:20px;
  margin-bottom:20px;
  border:1px solid #ff2020;
  background-color:#ff7474;
  color:#b00000;
  display:none;
}

.questionaire_success {
    display:none;
    background:#7caa79;
    border-radius:100%;
    padding:20px;
    color:#fff;
    width:100px;
    height:100px;
    margin:0px auto;
    font-size:22px;
    margin-top:50px;
    line-height: 100px;
    text-align: center;
}

.success_description_100 {
    display:none;
}

.success_description_50 {
    display:none;
}

.success_description_0 {
    display:none;
}

.certificate{
  width:100%;
  height:250px;
  background-color:rgba(9, 33, 43, 1);
  background-image:url('../img/cert_bg.jpg');
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  text-align:center;
}

.certificate h1{
  padding-top:50px;
  color:#ffffff;
  font-size:50px;
}

.certificate p{
  color:#ffffff;
  padding-top:50px;
  padding-bottom:70px;
  line-height:20px;
}

.certificate a{
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  padding:20px;
  background-color:#2fb0e0;
}

.certificate a:hover{
  cursor:pointer;
 background-color: #ffffff;
 color: #2fb0e0;
 border:2px solid #2fb0e0;
}

.info{
  padding-top:80px;
  width:100%;
  height:400px;
  text-align:center;
}

.info h1{
  text-align:center;
  font-size:50px; 
}

.info h2{
  padding-top:30px;
}

.info .info-description
{
  text-align:justify;
  line-height:16px;
  padding-top:40px; 
}

.info a{
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  padding:20px;
  background-color:#2fb0e0;
}

.info a:hover{
 cursor:pointer;
 background-color: #ffffff;
 color: #2fb0e0;
 border:2px solid #2fb0e0;
}

.info p{
  padding-top:50px;
  padding-bottom:70px;  
  line-height:20px;
}

.pos{
  width:100%;
  height:400px;
  background-color:rgba(9, 33, 43, 1);
  background-image:url('../img/pos_bg.jpg');
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  text-align:center;
}

.pos h1{
  padding-top:50px;
  color:#ffffff;
  font-size:50px;
}

.pos h2{
  color:#ffffff;
  padding-top:10px;
}

.pos p{
  color:#ffffff;
  padding-top:50px;
  padding-bottom:70px;
  line-height:20px;
}

.pos a{
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  padding:20px;
  background-color:#2fb0e0;
}

.pos a:hover{
  cursor:pointer;
 background-color: #ffffff;
 color: #2fb0e0;
 border:2px solid #2fb0e0;
}


.rating{
  padding-top:80px;
  width:100%;
  height:300px;
  text-align:center;
  display:none;
}

.rating h1{
  text-align:center;
  font-size:50px; 
}

.rating h2{
  padding-top:10px;
}

.rating ul{
  list-style:none;
  margin:0px auto;
  width:100%;
  margin-top:30px;
}

.rating li{
  display:inline;
  width:30%;
  padding:40px;
}

.rating li img{
  width:128px;
  height:auto;
}

.footer{
  padding-top:50px;
  width:100%;
  min-height:50px;
  text-align:center;
  background-color:#09212b;
  border-top:10px solid #2fb0e0;
  color:#fff;
  text-align:center;
}

.footer p{
  padding-top:30px;
}

.footer a{
  text-decoration:underline;
  color:#fff;
}

.imprint{
  width:100%;
  min-height:50px;
  text-align:center;
  background-color:#09212b;
  color:#fff;
  text-align:center;
}

.imprint p{
  padding-top:20px;
}

.imprint a{
  text-decoration:underline;
  color:#fff;
}

input {
    height:25px;
    width:45%;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:5px;
    padding-left:10px;
    font-size:12px;
    border:0px solid #b9b9b9;
}

input[type='checkbox']{
      margin-bottom:20px;
    }

.questionaire-checkbox {
    height: 30px;
    width: 30px;
    margin-top: 10px;
    margin-bottom: 0px;
    border-radius: 5px;
    padding-left: 0px;
    font-size: 14px;
    border: 0px solid #b9b9b9;  
}

.questionaire-question {
    font-size:25px;
}


/*START OF MEDIA QUERIES*/
/*START OF MEDIA QUERIES*/
/*START OF MEDIA QUERIES*/
/*START OF MEDIA QUERIES*/
@media(max-width: 1400px){
.navigation ul{
  width:37.5%;
}

.head{
  height:680px;
}

.head .caption{
  padding-top:250px;
}

.head .caption h2{
  width:70%;
}

.navigation li{
  padding-left:7px;
  padding-right:7px;
}

@media(max-width: 1200px){
.navigation ul{
  width:33.5%;
}

.navigation li{
  padding-left:5px;
  padding-right:5px;
  font-size:11px;
}

@media(max-width: 1024px){
.wrapper{
  position:relative;
  width:80%;
  margin:0px auto;
  height:100%;
}
}