﻿@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400');

body, h1, h2, h3, h4, h5, h6, p, span, label, a {
    font-family: 'Montserrat', sans-serif !important;
}

select, option, input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, input[type="file"], label{
  font-family: 'Montserrat', sans-serif !important;
}

.fs-banner {
    height: calc(100vh - 240px) !important;
}
.fs-banner h1 {
    font-family: 'Montserrat', sans-serif !important;
}
@media(max-width:1539px) {
    .fs-banner {
        height: calc(100vh - 200px) !important;
    }
}
@media(max-width:991px) {
    .fs-banner {
        height: calc(100vh - 180px) !important;
    }
}
@media(max-width:767px) {
    .fs-banner {
        height: auto !important;
    }
}

.copyright-text{
  color: #ccc;
}
.copyright-links a {
    white-space: nowrap;
}

.copyright > .row{
  padding-top: 2rem;
}

.logo {
    /*margin: 10px 0px 13px 64px;*/
    left: 0;
}

.headroom--not-top .logo {
  top: unset;
  width: 160px;
  margin: 9px 0 27px 0;
}

.slogan {
  left: 200px;
  top: 44%;
  font-weight: bold;
  }

#footer
{
  background-color: #222222;
  color: #ccc;
  padding-bottom: 2rem;
}

.footer-logo img{
  margin-top: 0;
}

.social-footer-icons {
  margin-top: 25px;
  font-size: inherit;
}

.social-footer-icons a{
  margin: 5px;
  color: #ccc;
}

.social-footer-icons a:hover{
  margin: 5px;
  color: #454970;
}

#footer h2
{
  margin-top: 0;
  color: #ccc;
}

#footer ul
{
  margin-left: 0;
}

#footer ul li
{
  list-style: none;
  padding-left: 0;
}

#footer ul li a
{
  color: #ccc;
}

#footer ul li a:hover
{
  color: #fff;
}

.a_border_left{
    border-left: 1px solid #cccccc;
    padding-left: 0.556rem;
    margin-left: 0.556rem;
}
article.clients {
    width: 30%;
    height: auto;
    display: inline-block;
    margin-right: 10px;
    float: none;
    margin-bottom: 15px;
}

.clientses{
    margin-top: 30px;
    text-align: center;
  }

@media (max-width:767px) {
    .pill-box.BDR {
        background-position: center top -25px !important;
        background-size: 110% !important
    }
    .a_border_left{
        border-left: none;
        padding-left: 0;
        margin-left: 0;
    }
    .slogan {
      left: 110px;
      top: 34%;
      }
    .logo {
      margin: 0;
    }
}

/*@media (max-width:470px) {
  .slogan {
    left: 140px;
    top: 20%;
    line-height: 1;
    }
}*/

@media (max-width:481px) {
    .pill-box.BDR {
        background-position: center bottom -10% !important;
        background-size: 110% !important
    }
}

.bio__image img,
.m802 .content-img,
.m803 .content-img {
    border-radius: 0
}

.m804 .container h1 {
    display: none
}

.m804 .error-v1 {
    padding-bottom: 30px;
    text-align: center
}

.m804 .error-v1 p {
    color: #555;
    font-size: 16px
}

.m804 .error-v1 span {
    color: #555;
    display: block;
    font-size: 35px;
    font-weight: 200
}

.m804 .error-v1 span.error-v1-title {
    color: #777;
    font-size: 180px;
    line-height: 200px;
    padding-bottom: 20px
}

@media (max-width:500px) {
    .m804 .error-v1 p {
        font-size: 12px
    }
    .m804 .error-v1 span {
        font-size: 25px
    }
    .m804 .error-v1 span.error-v1-title {
        font-size: 140px
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .wall.wall--fullwidth .tile--group:nth-child(odd) {
      width: 33.33333%; }
    .wall.wall--fullwidth .tile--group:nth-child(odd) .tile--image {
      display: none; }
    .wall.wall--fullwidth .tile {
      width: 33.33333%; } 
  }

  /*index*/
  @media(max-width:1539px) {
      .welcome-slice {
          height: 220px !important;
      }
      .welcome-slice .summary-heading {
          font-size: 1.188rem !important;
      }
      .welcome-slice h2 {
          font-size: 2.333rem !important;
      }
      .welcome-slice img {
          right: 8% !important;
      }
  }
  @media(max-width:1239px) {
      .welcome-slice .summary-heading {
          margin-top: 1.888rem !important;
      }
      .welcome-slice h2 {
          width: 50% !important;
      }
      .welcome-slice img {
          right:6% !important;
      }
  }
  @media(max-width:991px) {
      .welcome-slice {
          height: 220px !important;
      }
      .welcome-slice h2 {
          font-size: 1.888rem !important;
      }
      .welcome-slice img {
          right:3% !important;
          max-width: 100% !important;
      }
  }
  @media(max-width:767px) {
      .welcome-slice {
          height: 300px !important;
      }
      .welcome-slice h2 {
          width: 100% !important;
      }
      .welcome-slice img {
          right:0 !important;
          max-width: 100% !important;
      }
      .partner-logo img{
          position: relative;
          margin-top: 20px;
      }
      article.clients {
        width: 28%;
        margin-bottom: 15px;
          /*float: none;
          display: block;
          text-align: center;
          margin-right: auto;
          margin-left: auto;
          margin-top: 60px;*/
      }
      .clientses{
        margin-top: 30px;
      }
      }

      @media(max-width:459px) {
          .welcome-slice {
              height: 450px !important;
          }
      }
      @media(max-width:349px) {
          .welcome-slice {
              height: 480px !important;
          }
          .welcome-slice img {
              right:0 !important;
          }
      }

.visitors-well
{
  width: 100%;
  border: 7px solid #222222;
}

.visitors-well > .head
{
  color: #fff;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.3em;
  background-color: #0083fa;
  font-size: 1em;
  border-bottom: 7px solid #222222;
  padding: 5px 20px;
}

.visitors-well > .content
{
  background-color: #222222;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  padding: 2px;
}

@media (max-width: 1399px) and (min-width: 992px) {
  .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(3n+1) {
      width: 50%;
  }
  .wall.wall--fullwidth .tile--group:nth-child(odd) .tile--image {
      float: left;
      width: 50%;
      display: block;
  }
  .wall.wall--fullwidth .tile--group:nth-child(odd) .tile {
      float: left;
      width: 50%;
  }
  .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(3n+2) {
      width: 25%
  }
  .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(3n+3) {
      width: 25%
  }
  .wall--is-animated.wall--fullwidth .row2-1 {
      width: 25% !important;
  }
  .wall--is-animated.wall--fullwidth .row2-2 {
      width: 25% !important; 
  }
  .wall--is-animated.wall--fullwidth .row2-3 {
    width: 50% !important;  
  }

  .wall--is-animated.wall--fullwidth .row2-3 .tile--image {
    float: right !important;
    display: block;
    width: 50%;
  }

  .wall--is-animated.wall--fullwidth .row2-3 .tile--red {
    float: right !important;
    width: 50%;
  }
}
.map-caption__stat span, .map-caption__stat small {
  color:#fff !important;
}

.side-menu a{
  padding: 0.156rem 0.833rem;
  font-size: 14px;
}

ol{
  margin-top: 0;
}

.description h1, .description h2, .description h3, .description h4, .description h5{
  padding-top: 0.222rem !important;
}

@media (max-width: 1024px) and (min-width: 992px) {
  .wall .tile h3 {
    font-size: 0.8rem;
  }
  .wall .tile .description {
    font-size: 0.5rem;
  }
}

@media (max-width: 1199px) and (min-width: 1024px) {
  .wall .tile h3 {
    font-size: 0.8rem;
  }
  .wall .tile .description {
    font-size: 0.61rem;
  }
}

@media (min-width: 1200px) {
  .wall .tile h3 {
    font-size: 1.3rem;
  }
  .wall .tile .description {
    font-size: 0.699rem;
  }
}

@media (max-width: 1920px) and (min-width: 1200px) {
  .wall .tile h3 {
    font-size: 1rem;
  }
  .wall .tile .description {
    font-size: 0.75rem;
  }
}

article.c-page {
  text-align: center;
  width: 207px !important;
  height: auto;
}

article.c-page img{
  width: 80% !important;
  border-bottom: 1px solid #1064af;
  padding-bottom: 5px;
}

article.c-page img:hover{
  box-shadow: 0 0 20px #000;
  border-radius: 100%;
  border-bottom: 2px solid #1064af;
  transition-duration: 1s;
  cursor: pointer;
}