/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/OpenSans-Light.ttf) format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/OpenSans-Semibold.ttf) format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/OpenSans-Bold.ttf) format("truetype");
    font-weight: 700;
}

html,
body {
  height: 100%;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
}

section {
  padding-top:50px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 300;
  color:#1661b1;
}

/* CAROUSEL */

.carousel,
.item,
.active {
  height: 100%;
}

.carousel{
  padding-top:50px;
  background: #041624;
}

.carousel-inner {
  height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.carousel-caption { 
  margin: 0 auto; 
  height: 320px;
  bottom: 50%;
  margin-bottom:-160px;
  left: 15%;
  right: 15%;
  max-width:800px;
}

.flex {
  display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  display: -moz-box;      /* OLD: Firefox (buggy) */ 
  display: -ms-flexbox;   /* MID: IE 10 */
  display: -webkit-flex;  /* NEW, Chrome 21+ */
  display: flex;          /* NEW: Opera 12.1, Firefox 22+ */
  -webkit-box-align: center; -moz-box-align: center; /* OLD… */
  -ms-flex-align: center; /* You know the drill now… */
  -webkit-align-items: center;
  align-items: center;
}

.carousel-caption h2 {
  color:#fff;
  margin-bottom:50px;
  font-size: 36px;
  line-height:46px;
 
}

/* NAVBAR */

.navbar-brand{
  width:80px;
  height:50px;
  background-image:url(../img/logotype.svg);
  background-position: center;
  background-repeat: no-repeat;
  margin-left:20px;
}

.navbar-default {
  background-color: #fff;
  border-color: #1661b1;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a:focus {
  color: #777777;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #1661b1;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {
  color: #1661b1;
  background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}

.navbar-toggle {
border: none;
}

.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
  background-color: #fff;
}

/* CONTAINER */

.container a, 
.container a:hover, 
.container a:active, 
.container a:visited{
  color:#1661b1;
  text-decoration: none;
}

.container h1, 
.container h2, 
.container h3{
  color:#1661b1;
  margin-bottom:20px;
  margin-top:30px;
}

/* Flexible iFrame */

.flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

iframe{
  border:0;
}

.logo{
  display:block;
  width:auto;
  height:110px;
  background-image:url(../img/logo.svg);
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom:40px;
  margin-top:40px;
}

.img-rounded {
  border-radius: 100%;
  margin-top:20px;
  margin: 20px auto 0 auto;
}

.list {
  color: #333;
  background-color: #fff;
  border: 1px solid #1661b1;
  border-radius: 10px;
  padding:20px;
}


/* FOOTER */

footer {
    margin: 60px 0 40px 0;
}