/* FRONTEND CSS
*********************************************/
/* TODO change break to 540px */


/* BLOCK: b-service */
.b-service {
  padding-bottom : 50px;
  font-family    : "Roboto", sans-serif;
  font-weight    : 300;
  font-size      : 16px;
  line-height    : 1.2;
  text-align     : left;
  color          : inherit;
}
    .b-service--lightGrey {
      background: #F5F6F7;
    }
    .b-service--dark {
      background: #33383F;
      color: #fff;
    }
    .b-service--extraMargin {
      margin-bottom: 40px;
      padding: 50px 0 30px;
    }
    .b-service--outsourceBackground {
      padding-bottom: 115px;
      background: url('../images/main/business.jpg') no-repeat center center;
      background-size: cover;
    }
        .b-service__header {
          margin-top    : 48px;
          margin-bottom : 20px;
          font          : inherit;
          font-size     : 42px;
          line-height   : 1.05;
          text-align    : center;
        }
            .b-service__header--marginPlus {
            }
            .b-service__header--level2 {
              margin-top    : 4px;
              margin-bottom : 16px;
              font-size     : 30px;
              line-height   : 1;
            }
            .b-service__header--left {
              text-align: left;
            }
            .b-service__header--overlay {
              margin-top    : -100px;
              margin-bottom : 0;
              padding       : 0 10px;
              height        : 100px;
              font-size     : 22px;
              font-weight   : 400;
              color         : #fff;
              text-shadow   : 0 0 4px #00495b;
            }
        .b-service__headerLink {
          color: inherit;
        }
            .b-service__headerLink:hover {
              color: inherit;
              text-shadow   : 0 0 16px #008da8;
            }
        .b-service__headerImage {
          display          : block;
          height           : 166px;
          width            : 100%;
          margin-bottom    : 10px;
          background-color : rgba(255, 255, 255, 0);
          object-fit       : cover;
        }
        .b-service__text {
          margin-top    : 0;
          margin-bottom : 16px;
          font: inherit;
        }
            .b-service__text--loud {
              margin-bottom : 24px;
              font-size     : 22px;
              text-align    : center;
              line-height   : 1.05;
            }
            .b-service__text--bolder {
              font-weight   : 400;
            }
            .b-service__text--left {
              text-align    : left;
              /*max-width     : 600px;*/
              padding-left  : 40px;
              text-indent   : -40px;
              margin-bottom : 0;
              line-height   : 1;
            }
            .b-service__text--left:last-child {
              margin-bottom : 24px;
            }
            .b-service__text--icon {
              margin-bottom : 24px;
              font-size     : 18px;
              text-align    : center;
              line-height   : 1.05;
            }
        .b-service__icon {
          fill:  #3FA2F7;
          height: 30px;
          width:  30px;
          margin-right: 10px;
          vertical-align: text-bottom;
        }
        .b-service__glyph {
          color: #3FA2F7;
          font-size: 80%;
        }
        .b-service__image {
          margin-top    : 8px;
          margin-bottom : 20px;
        }
            .b-service__image--icon {
              margin-top: 50px;
              height: 60px;
            }



/************** Langs switcher **************/
.lang-block.dropdown-menu{
    min-width: 10px;
    padding: 2px 0;
}
.lang-block.dropdown-menu>li>a{
    padding: 7px 18px;
}
.langSwitcher{
    margin-top: 19px;
}
.langSwitcher .dropdown-toggle{
    color: #1b1b1b;
}
@media (max-width: 767px) {
    .langSwitcher .dropdown-toggle{
        color: #fff;
        padding: 6px 5px;
    }
    .lang-block.dropdown-menu>li>a{
        padding: 7px 10px !important;
    }
    .px-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
.langSwitcher .dropdown-toggle img,
.langSwitcher .dropdown-menu li a img{
    width: 25px;
    height: 18px;
    border-radius: 3px;
    box-shadow: 0 0 2px #888888;
}
.langSwitcher .dropdown-toggle .caret{
    margin-left: 5px;
}

header{
    z-index: 999;
}




/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio : 1.5) , screen and (min--moz-device-pixel-ratio : 1.5), (max-width : 767px) {

}