/* Fonts */
@font-face {
  font-family:"myriad-pro-semibold";
  src:url("/assets/fonts/MyriadPro-Semibold.woff2") format("woff2"),url("/assets/fonts/MyriadPro-Semibold.otf") format("woff"),url("/assets/fonts/MyriadPro-Semibold.otf") format("opentype");
  font-display:auto;
  font-style:normal;
  font-weight:600;
  font-stretch:normal;
}
@font-face {
  font-family:"giovanni-std-book";
  src:url("/assets/fonts/GiovanniStd-Book.woff2") format("woff2"),url("/assets/fonts/GiovanniStd-Book.otf") format("woff"),url("/assets/fonts/GiovanniStd-Book.otf") format("opentype");
  font-display:auto;
  font-style:normal;
  font-weight:400;
  font-stretch:normal;
}
@font-face {
  font-family:"giovanni-std-book-italic";
  src:url("/assets/fonts/GiovanniStd-BookItalic.woff2") format("woff2"),url("/assets/fonts/GiovanniStd-BookItalic.otf") format("woff"),url("/assets/fonts/GiovanniStd-BookItalic.otf") format("opentype");
  font-display:auto;
  font-style:italic;
  font-weight:400;
  font-stretch:normal;
}

body{
  line-height:1;
  background-color: #F4F3ED;
}
.main-container{
  box-shadow: 0px 0px 5px 5px #E2E1DA;
  background-color:#FFF;
  margin-bottom:50px;
}

/* Responsive images */
img{
  max-width:100%;
  height:auto;
}

#banner-carousel{
  width:100%;
}
/* Slow down carousel fade */
.carousel-item {
  transition: transform 1s ease-in-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 1s;
}

/* Carousel texts */
.carousel-item div.tag{
  display:none;
}
.carousel-item div.text{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:90%;
  font-family: 'giovanni-std-book-italic', sans-serif;
  color:#FFF;
  font-size:18px;
  line-height:1;
}
.carousel-item div.text em{
  font-family: 'giovanni-std-book', sans-serif;
  font-size:20px;
  font-style:normal;
  text-transform:uppercase;
}
body.fr .carousel-item div.text{
  font-size:16px;
  
}
body.fr .carousel-item div.text em{
  font-size:18px;
}
/* Logos */
.logos{
  padding:25px 15px 20px 15px;
  text-align:center;
}
.logos #bjc-logo{
  width:35%;
  margin-right:15px;
  padding-right:15px;
  border-right:1px solid #c8c8c8;
  display:inline-block;
  vertical-align:middle;
}
.logos #tfs-logo{
  width:55%;
  display:inline-block;
  vertical-align:middle;
}

.message{
  padding:50px 35px 34px 35px;
  position:relative;
  font-size:14px;
  line-height:30px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #1d2f40;
  background: rgb(105,218,203);
  background: linear-gradient(90deg, rgba(105,218,203,1) 0%, rgba(103,160,192,1) 100%);
}
.message .first-p{
  margin-bottom:30px;
}
.lang-toggle{
  position:absolute;
  top:5px;
  right: 5px;
  padding:4px;
  width:75px;
  font-size:11px;
  border: 1px solid #ababab;
  color: #676767;
  font-family: 'Roboto', sans-serif;
}

.content{
  padding: 50px 35px 50px 35px;
  font-family: 'Roboto', sans-serif;
  font-size:16px;
  line-height:30px;
  font-weight:300;
}
.content a{
  color: #9B5A19;
  text-decoration:none;
}
.content a:hover{
  text-decoration:underline;
}
.photo-col{
  padding:0 30px;
}
.photo-col img{
  width:200px;
}
.photo-label{
  font-size:16px;
  font-weight:bold;
  color:#57341d;
}

.btn-container{
  margin-top:30px;
}
a.btn-primary{
  background-color:#000;
  border-radius:0px;
  font-size:18px;
  font-family: 'Roboto', sans-serif;
  padding: 15px 32px;
  border:none;
  color:#FFF;
}
a.btn-primary:hover{
  background-color: #007688;
  text-decoration:none;
}
a.btn-primary img{
  width:20px;
  margin-left:15px;
}

footer{
  padding: 30px 35px 30px 35px;
  background:url(/assets/images/bg_footer.gif) no-repeat;
  font-size: 11px;
  font-weight:300;
  font-family: 'Roboto', sans-serif;
  color:#676767;
  line-height: 16px;
}
footer img{
  width:80px;
}

@media (min-width: 576px){

  .carousel-item div.text{
    font-size:22px;
    line-height:1;
    width:93%;
  }
  .carousel-item div.text em{
    font-size:26px;
  }
  
  body.fr .carousel-item div.text{
    font-size:21px;
  }
  body.fr .carousel-item div.text em{
    font-size:25px;
  }
  
  .logos #bjc-logo{
    width:185px;
  }
  .logos #tfs-logo{
    height:85px;
    width:auto;
  }
}
@media (min-width: 768px){
  /* Carousel texts */
  .carousel-item div.tag{
    display:block;
    top:10px;
    left:96px;
    font-size:14px;
    position:absolute;
    color:#FFF;
    font-weight:bold;
    line-height:1;
    font-family: 'myriad-pro-semibold', sans-serif;
    transform:rotate(-10deg);
  }
  .carousel-item div.text{
    left:172px;
    top:9px;
    font-size:24px;
    line-height:31px;
    transform:none;
  }
  .carousel-item div.text.last{
    left:90px;
  }
  .carousel-item div.text em{
    font-size:28px;
  }
  body.fr .carousel-item div.tag{
    top:8px;
    left:94px;
    font-size:13px;
  }
  body.fr .carousel-item div.text{
    font-size:22px;
  }
  body.fr .carousel-item div.text em{
    font-size:24px;
  }
  body.fr .carousel-item div.text.last{
    left:15px;
    font-size:18px;
  }
  body.fr .carousel-item div.text.last em{
    font-size:20px;
  }
  .logos{
    padding: 25px 45px 20px 45px;
    text-align:left;
  }
  .message{
    padding: 50px 65px 34px 65px;
  }
  .content{
    padding: 50px 35px 50px 65px;
  }
  footer{
    padding: 30px 35px 30px 65px;
  }
}
@media (min-width: 992px){
  /* Carousel texts */
  .carousel-item div.tag{
    top:14px;
    left:140px;
    font-size:17px;
  }
  .carousel-item div.text{
    left:241px;
    top:19px;
    font-size:24px;
    line-height:36px;
  }
  .carousel-item div.text.last{
    left:90px;
  }
  .carousel-item div.text em{
    font-size:28px;
  }
  body.fr .carousel-item div.tag{
    top:14px;
    left:124px;
    font-size:17px;
  }
  body.fr .carousel-item div.text{
    font-size:24px;
  }
  body.fr .carousel-item div.text em{
    font-size:28px;
  }
  body.fr .carousel-item div.text.last{
    left:30px;
    font-size:22px;
  }
  body.fr .carousel-item div.text.last em{
    font-size:25px;
  }
}
@media (min-width: 1200px){
  .container{
      max-width: 990px;
  }
}
@media (min-width: 1400px){
  .container{
      max-width: 990px;
  }
}