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


/****** PARTNERS BLOCK ELEMENTS ******/

.partners {
	color: #373A3C;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-align: center;
}
.partners div div div:last-child {
  margin-bottom: 45px;
}
.partners__heading {
  margin: 20px 0 20px;
  font-size: 42px;
  font-weight: inherit;
   padding: 0 15px;
}
.partners__text {
	font-size: 16px;
	line-height: 25px;
  margin-bottom: 25px;
  padding: 0 15px;
}
.partners__boilerplate {
	height: 100px;
	border: 2px solid #cacfd3;
	border-radius: 8px;
	display: block;
	margin: 0 auto 30px;
	position:relative;
	max-width: 250px;
}
.partners__logo {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
  max-width:95%;
  height:auto;
}


/* TODO refactor this  */
/***** IT-OUTSOURCING ELEMENTS *****/
.profitable-it-outsourcing {
	/*padding-bottom: 115px;*/
	color: #1B1B1B;
	background: url('../images/main/business.jpg') no-repeat center top;
	background-size: cover;
	font-family: Roboto, sans-serif;
	font-weight: 300;
}
.profitable-it-outsourcing h3 {
	margin: 30px 0 20px;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 42px;
	line-height: 48px;
}
.profitable-it-outsourcing h4 {
	margin: 30px 0 50px;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 26px;
}
.profitable-it-outsourcing p {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
}

.itOutsourcingTopBlWithBg {
  background: url('../images/main/itOutsourcingTopBlBg.jpg') no-repeat center center;
  background-size: cover;
}
.itOutsourcingTopBlWithBg h3{
  margin: 210px auto 150px;
  color: #fff;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  font-weight: 300;
  max-width: 435px;
}

.itOutsourcingWeProposeYou{
  background: #F5F6F7;
}
.itOutsourcingWeProposeYou h3{
  margin: 50px 0 20px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 42px;
  line-height: 50px;
  color: #1b1b1b;
  font-weight: 300;
}
.itOutsourcingWeProposeYou h4{
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  text-align: center;
  font-weight: 300;
}
.itOutsourcingWeProposeYouCenterText{
  margin-bottom: 50px;
}
.itOutsourcingWeProposeYouCenterText p{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin-bottom: 10px;
  font-size: 16px;
}
.itOutsourcingWeProposeYouCenterText h4{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #373A3C;
  font-size: 22px;
  line-height: 25px;
}
.itOutsourcingWeProposeYouIconBlocks{
  margin-bottom: 55px;
}
.itOutsourcingWeProposeYouIconBlocks>div{
  text-align: center;
}
.itOutsourcingWeProposeYouIconBlocks h5{
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
  color: #2c2c2c;
  margin: 20px 15px 30px;
}

.itOutsourcingCallInfoBl{
  background: url('../images/main/itOutsourcingCallInfoBl.png') no-repeat center center;
  background-size: cover;
}
.itOutsourcingCallInfoBl h3 {
  margin: 25px auto 25px;
  color: #fff;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: 300;
}
.itOutsourcingSingleTextBl {
  margin: 0 0 40px;
}

.itOutsourcingSingleTextBl p {
  font-size: 18px;
  line-height: 26px;
  color: #333;
}
.itOutsourcingSingleTextBl:first-child{
  margin: 50px 0 40px;
}

.bottomScroll {
  padding-bottom: 20px;
}
.bottomScroll--outsourcing {

}

@media (min-width: 992px) {
  .itOutsourcingWeProposeYouCenterText h4{
    margin: 0 100px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio : 1.5) , screen and (min--moz-device-pixel-ratio : 1.5), (max-width : 767px) {
  .itOutsourcingWeProposeYou h3 {
    font-size   : 32px;
    line-height : 40px;
  }
}


/******* CUSTOMER REVIEW ELEMENTS *******/
.customerBlock .container {
  padding: 0;
}
.customerReview {
  margin-bottom : 40px;
  border        : 1px solid rgba(155, 155, 155, 0.3);
  border-radius : 6px;
  background    : white;
  color         : #1B1B1B;
  text-align    : center;
}
.customerReview__photo {
  margin-top: -30px;
}
.customerReview__name {
  line-height: 20px;
  text-transform: uppercase;
  margin-top: 20px;
}
.customerReview__company {
	color: #2C99ED;
	line-height: 20px;
	font-size: 16px;
}
.customerReview__text {
  margin: 20px;
  font-size: 18px;
  line-height: 28px;
}
.customerReview__more {
  text-align: center;
  margin-top: 8px;
  color: #2C99ED;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}

/******    /CONTACTS   *******/
.contactsBl>.row{
  margin: 0;
  border-top: 1px solid #E1E7EB;
}
.contactsBl>.row:last-child{
  border-bottom: 1px solid #E1E7EB;
}
.contactsBl>.row>div{
  font-size: 16px;
  padding: 17px 0 17px 17px;
  color: #000;
  font-weight: bold;
}
.contactsBl>.row>div:first-child{
  color: #9B9B9B;
  font-weight: 300;
  padding: 17px 0 17px 0;
}
.contactsBl>.row .alignRight{
  text-align: right;
}
.sendLetterBl {
/*	margin-left:-10px;
	margin-right:-10px;*/
}
.contactsBl {
/*	margin-left:-15px;
	margin-right:-10px;*/
}
.contactsBl>.row .alignRight * {
	/*margin:0 -35px 0 -15px;*/
}
.sendLetterBl h3, .contactsBl h3{
	font-size: 32px;
	font-weight: 300;
	line-height: 40px;
}
.sendLetterBl h3 {
	margin-bottom: 0;
}
.contactsBl h3 {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
  .sendLetterBl, .contactsBl, .contactsBl > .row .alignRight * {
    margin-left  : 0;
    margin-right : 0;
  }
}



/******   /ABOUT   ******/
.aboutCompany {
	background: url('../images/main/aboutBg.jpg') no-repeat center center;
	background-size: cover;
  color: #fff;
  font-weight: 300;
  text-align: center;
}
.aboutCompany__header {
  margin-top: 100px;
	margin-bottom: 16px;
	font-weight: 300;
	font-size: 42px;
}
.aboutCompany__text {
	font-size: 19px;
	line-height: 30px;
	font-weight: 300;
	margin: 0 30px 40px;
}
p.aboutCompany__text:last-child{
	margin: 10px 0 30px;
}
.aboutCompany__icons {
	margin: 10px auto 60px;
  text-align: center;
}
.aboutCompany__iconText {
	color: #fff;
	margin: 20px 0;
	line-height: 20px;
  font-weight: 400;
  -webkit-transition  : 0.3s;
  transition          : 0.3s;
}
.aboutCompany__icons:hover .aboutCompany__iconText,
.aboutCompany__bottomArrow:hover {
  color: #ED1C24;
  -webkit-transition  : 0.3s;
  transition          : 0.3s;
}
.aboutCompany__bottom {
	text-align: center;
	margin-bottom: 50px;
}

@media (min-width: 992px) {
  .aboutCompany__iconText {
    padding: 0 20px;
  }
  .aboutCompany__icons {
    padding-bottom: 60px;
  }
}

/******  /SERVICES   *******/
.servicesPageInnerServicesBl{
	margin-top: 50px;
}
.servicesPageInnerServicesBl .consulting{
	text-align: center;
	padding: 25px 0;
	background: #3FA2F7;
	border-radius: 4px;
}
.servicesPageInnerServicesBl .outsourcing{
	text-align: center;
	padding: 25px 0 26px;
	background: #78379D;
	border-radius: 4px;
}
.servicesPageInnerServicesBl .integration{
	text-align: center;
	padding: 24px 0;
	background: #E67E22;
	border-radius: 4px;
}
.servicesPageInnerServicesBl .dataCenter{
	text-align: center;
	padding: 25px 0;
	background: #E74C3C;
	border-radius: 4px;
}
.servicesPageInnerServicesBl .security{
	text-align: center;
	padding: 24px 0;
	background: #40BE65;
	border-radius: 4px;
}
.servicesPageInnerServicesBl .webprojects{
	 text-align: center;
	 padding: 25px 0 26px;
	 background: #EDC054;
	 border-radius: 4px;
 }
.servicesPageInnerServicesBl img.img-responsive{
	margin: 0 auto;
}
.servicesPageInnerServicesBl h4{
	margin: 20px 0;
	font-weight: normal;
  font-size: 24px;
}
.servicesPageInnerServicesBl a{
	color: #3FA2F7;
}
.servicesPageInnerServicesBl p{
	color: #333;
	margin: 0 0 50px;
}


/******* /VACANCIES styles *******/

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    margin-right:-4px;
	  vertical-align:top;
}
.vacationsBlock{
	background: #F5F6F7;
	border-top: 1px solid #E1E7EB;
}
.vacationsBlock * {
	font-family: Roboto, sans-serif;
	font-weight: 400;
}
.vacationsBlock h2 {
	font-size: 55px;
	line-height: 60px;
}
.vacationsBlock h4 {
	width: 94%;
}
.vacationH2{
	text-align: center;
	margin: 45px 0 20px;
	font-size: 72px;
	font-weight: 300;
	line-height: 80px;
	color: #1b1b1b;
}
.vacationH4{
	width: 600px;
	margin: 0 auto 50px;
	color: #9b9b9b;
	font-size: 21px;
	line-height: 30px;
	text-align: center;
}
.vacationBl{
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
}
.vacationImgBlock{
	padding: 42px 0;
	text-align: center;
	border-radius: 6px 6px 0 0;
	height: 160px;
}
.vacationDeveloper{
	background: #0072ca;
}
.vacationDesigner{
	background: #E9BE52;
}
.vacationCopywriter{
	background: #753699;
}
.vacationEngeneer{
	background: #3FBE65;
}
.vacationTextBlock{
	padding: 0 20px 20px 20px;
}
.vacationTextBlock h3{
	color: #1b1b1b;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 1px;
}
@media screen and (-webkit-min-device-pixel-ratio : 1.5) , screen and (min--moz-device-pixel-ratio : 1.5), (max-width : 767px) {
  .vacationH2, .vacationH4 {
    font-family : Roboto, sans-serif;
    font-weight : 300;
  }

  .vacationsBlock h2 {
    font-size   : 55px;
    line-height : 60px;
  }

  .vacationsBlock h4 {
    width : 94%;
  }
}


/*   Solutions page styles
     ---------------------
*/
.solutionBtn{
	margin: 30px auto 20px;
}

/*********** Services **********/

/* 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     : 26px;
              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;
            }

.b-heroImage {
  background-image    : url('https://placehold.it/2600x1200.png/e8117f/ffffff');  /* placeholder - must be overwrited */
  background-position : center;
  background-repeat   : no-repeat;
  background-size     : cover;
  font-family         : "Roboto", sans-serif;
  font-weight         : 300;
  font-size           : 50px;
  line-height         : 1.1;
  text-align          : center;
  color               : #fff;
  text-shadow         : 0 0 16px #333;
}
.b-heroImage--outsourcing {
  background-image    : url('../images/main/itOutsourcingTopBlBg.jpg');
}
.b-heroImage--callUs {
  background-image : url('../images/main/itOutsourcingCallInfoBl.png');
  max-height       : 115px;
  position         : relative;
}

/* top block with image for all solutions */
.b-heroImage--top {
  background-image    : url('../images/main/solutions-header-01.jpg');
  padding:  40px 0;
}
/* top blocks with image for services */
.b-heroImage--integration {
  background-image : url('../images/main/services-integration-header-01.jpg');
  padding          : 40px 0;
}
.b-heroImage--consulting {
  background-image : url('../images/main/services-consulting-header-01.jpg');
  padding          : 40px 0;
}
.b-heroImage--datacenter {
  background-image : url('../images/main/services-datacenter-header-01.jpg');
  padding          : 40px 0;
}
.b-heroImage--security {
  background-image : url('../images/main/services-security-header-01.jpg');
  padding          : 40px 0;
}
.b-heroImage--webprojects {
  background-image : url('../images/main/services-webprojects-header-01.jpg');
  padding          : 40px 0;
}
.b-heroImage__header {
  margin      : 20px 0;
  font        : inherit;
  font-size   : 40px;
  line-height : 1.05;
  text-align  : center;
  color       : #fff;
}
.b-heroImage__header--level2 {
  margin    : 0 auto 20px;
  font-size : 20px;
}
.b-heroImage__title {
  position  : absolute;
  top       : 50%;
  left      : 50%;
  transform : translate(-50%, -50%);
}
.b-heroImage__bottomCaption {
  margin-bottom: 50px;
}
.b-flexImage {
  display         : flex;
  flex-flow       : row nowrap;
  justify-content : flex-start;
  align-items     : center;
  height:  520px;
  width:100%;
}
.b-flexImage__titleBlock {
  width     : 100%;
  max-width : 500px;
  margin    : auto;
}


.secondaryConsultingMenuBl{
	border-bottom: 1px solid #E1E7EB;
	background: #fff;
}
.secondaryConsultingMenu a{
	display: inline-block;
	color: #3FA2F7;
	text-transform: uppercase;
	margin: 0 20px 0 0;
	padding: 5px 0 5px;
	border-bottom: 5px solid transparent;
}
.secondaryConsultingMenu a.active, .secondaryConsultingMenu a:hover {
	color: #1B1B1B;
	font-weight: bold;
	border-bottom: 5px solid #ED1C24;
}
.secondaryConsultingMenu a:hover {
	font-weight: normal;
}
.secondaryConsultingMenu a.active:hover{
	font-weight: bold;
}

.scrollBlConsultingBg {
	background: url('../images/main/services-consulting-header-01.jpg') no-repeat center center;
	background-size: cover;
}
.scrollBlIntegrationBg {
	background: url('../images/main/services-integration-header-01.jpg') no-repeat center center;
	background-size: cover;
}
.scrollBlDataCenterBg{
	background: url('../images/main/services-datacenter-header-01.jpg') no-repeat center center;
	background-size: cover;
}
.scrollBlSecurityBg{
	background: url('../images/main/services-security-header-01.jpg') no-repeat center center;
	background-size: cover;
}
.scrollBlWebProjectsBg{
	background: url('../images/main/services-webprojects-header-01.jpg') no-repeat center center;
	background-size: cover;
}
.scrollTopBtn{
	position: absolute;
	top: 17px;
	left: 15px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #fff;
	cursor: pointer;
	color: #fff;
	font-size: 32px;
	line-height: 32px;
	text-align: center;
}
.scrollTopBtn .scrollTopArrowSpan{
	display: inline-block;
	margin: 0 auto;
}
.scrollBl{
	display: none;
}
.scrollBl .container{
	position: relative;
}
.scrollBl h4{
	font-weight: 300;
	color: #fff;
	font-size: 42px;
	line-height: 45px;
	padding: 5px 0;
	text-align: center;
}
.scrollFixedConsultingBl{
	position: relative;
	top: 0;
	width: 100%;
	z-index: 100;
	padding-left: 0;
	padding-right: 0;
    transition: all 0.25s ease-in-out;
}

@media screen and (-webkit-min-device-pixel-ratio : 1.5) , screen and (min--moz-device-pixel-ratio : 1.5), (max-width : 767px) {
  .scrollTopBtn {
    display : none;
  }
  .secondaryConsultingMenu a {
    display       : block;
    margin        : 0 20px 0 0;
    padding       : 12px 0 7px;
    border-bottom : 2px solid transparent;
  }
  .secondaryConsultingMenu a.active,
  .secondaryConsultingMenu a:hover {
    font-weight   : normal;
    border-bottom : 2px solid #ED1C24;
  }
}




/***     THIS IS GOOD - USE FOR ALL SERVICES    ***/
/*      sticky main image and title container     */
body>div.custom-services-image-header.sticky {
  position: fixed;
  top: 0;
	width: 100%;
	max-height: 55px; /* 251px */
  height: 55px;
	font-size: 42px;
	line-height: 45px;
	padding: 0;
	margin-top: 0;
	text-align: left;
  z-index: 1100;
	overflow: hidden;
  transition: all 0.25s ease-in-out;
}
.sticky h2 {
  font-size: 42px;
  line-height: 45px;
  margin-top: 0;
  margin-bottom:0;
  transition-property: font-size, line-height;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
}
.sticky h4 {
  display: none;
}
.sticky .services-webprojects-header-background-01,
.sticky .services-security-header-background-01,
.sticky .services-datacenter-header-background-01,
.sticky .services-consulting-header-background-01,
.sticky .services-integration-header-background-01 {
  margin-top:   0;
  margin-bottom:0;
  padding: 0;
  transition: all 0.25s ease-in-out;
}

/***     THIS IS GOOD - USE FOR ALL SERVICES    ***/
/* secondary sticky menu bar below the main image */
.scrollFixedConsultingBl.sticky {
  position: fixed;
  top: 55px;
  left: 0px;
  transition: all 0.3s ease-in-out;
}

/* 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) {

}


/***

   colors.css v2.0.0
   http://clrs.cc
   @mrmrs
   MIT License

***/
/*

   SKINS
   - Backgrounds
   - Colors
   - Border colors
   - SVG fills
   - SVG Strokes

*/
/* Backgrounds */
.bg-navy {
  background-color: #001F3F; }

.bg-blue {
  background-color: #0074D9; }

.bg-aqua {
  background-color: #7FDBFF; }

.bg-teal {
  background-color: #39CCCC; }

.bg-olive {
  background-color: #3D9970; }

.bg-green {
  background-color: #2ECC40; }

.bg-lime {
  background-color: #01FF70; }

.bg-yellow {
  background-color: #FFDC00; }

.bg-orange {
  background-color: #FF851B; }

.bg-red {
  background-color: #FF4136; }

.bg-fuchsia {
  background-color: #F012BE; }

.bg-purple {
  background-color: #B10DC9; }

.bg-maroon {
  background-color: #85144B; }

.bg-white {
  background-color: #fff; }

.bg-gray {
  background-color: #aaa; }

.bg-silver {
  background-color: #ddd; }

.bg-black {
  background-color: #111; }

/* Colors */
.navy {
  color: #001F3F; }

.blue {
  color: #0074D9; }

.aqua {
  color: #7FDBFF; }

.teal {
  color: #39CCCC; }

.olive {
  color: #3D9970; }

.green {
  color: #2ECC40; }

.lime {
  color: #01FF70; }

.yellow {
  color: #FFDC00; }

.orange {
  color: #FF851B; }

.red {
  color: #FF4136; }

.fuchsia {
  color: #F012BE; }

.purple {
  color: #B10DC9; }

.maroon {
  color: #85144B; }

.white {
  color: #fff; }

.silver {
  color: #ddd; }

.gray {
  color: #aaa; }

.black {
  color: #111; }

/* Border colors

   Use with another border utility that sets border-width and style
   i.e .border { border-width: 1px; border-style: solid; }
*/
.border--navy {
  border-color: #001F3F; }

.border--blue {
  border-color: #0074D9; }

.border--aqua {
  border-color: #7FDBFF; }

.border--teal {
  border-color: #39CCCC; }

.border--olive {
  border-color: #3D9970; }

.border--green {
  border-color: #2ECC40; }

.border--lime {
  border-color: #01FF70; }

.border--yellow {
  border-color: #FFDC00; }

.border--orange {
  border-color: #FF851B; }

.border--red {
  border-color: #FF4136; }

.border--fuchsia {
  border-color: #F012BE; }

.border--purple {
  border-color: #B10DC9; }

.border--maroon {
  border-color: #85144B; }

.border--white {
  border-color: #fff; }

.border--gray {
  border-color: #aaa; }

.border--silver {
  border-color: #ddd; }

.border--black {
  border-color: #111; }

/* Fills for SVG */
.fill-navy {
  fill: #001F3F; }

.fill-blue {
  fill: #0074D9; }

.fill-aqua {
  fill: #7FDBFF; }

.fill-teal {
  fill: #39CCCC; }

.fill-olive {
  fill: #3D9970; }

.fill-green {
  fill: #2ECC40; }

.fill-lime {
  fill: #01FF70; }

.fill-yellow {
  fill: #FFDC00; }

.fill-orange {
  fill: #FF851B; }

.fill-red {
  fill: #FF4136; }

.fill-fuchsia {
  fill: #F012BE; }

.fill-purple {
  fill: #B10DC9; }

.fill-maroon {
  fill: #85144B; }

.fill-white {
  fill: #fff; }

.fill-gray {
  fill: #aaa; }

.fill-silver {
  fill: #ddd; }

.fill-black {
  fill: #111; }

/* Strokes for SVG */
.stroke-navy {
  stroke: #001F3F; }

.stroke-blue {
  stroke: #0074D9; }

.stroke-aqua {
  stroke: #7FDBFF; }

.stroke-teal {
  stroke: #39CCCC; }

.stroke-olive {
  stroke: #3D9970; }

.stroke-green {
  stroke: #2ECC40; }

.stroke-lime {
  stroke: #01FF70; }

.stroke-yellow {
  stroke: #FFDC00; }

.stroke-orange {
  stroke: #FF851B; }

.stroke-red {
  stroke: #FF4136; }

.stroke-fuchsia {
  stroke: #F012BE; }

.stroke-purple {
  stroke: #B10DC9; }

.stroke-maroon {
  stroke: #85144B; }

.stroke-white {
  stroke: #fff; }

.stroke-gray {
  stroke: #aaa; }

.stroke-silver {
  stroke: #ddd; }

.stroke-black {
  stroke: #111; }


/*! Basscss | http://basscss.com | MIT License */

.h1{ font-size: 2rem }
.h2{ font-size: 1.5rem }
.h3{ font-size: 1.25rem }
.h4{ font-size: 1rem }
.h5{ font-size: .875rem }
.h6{ font-size: .75rem }

.font-family-inherit{ font-family:inherit }
.font-size-inherit{ font-size:inherit }
.text-decoration-none{ text-decoration:none }

.bold{ font-weight: bold; font-weight: bold }
.regular{ font-weight:normal }
.italic{ font-style:italic }
.caps{ text-transform:uppercase; letter-spacing: .2em; }

.left-align{ text-align:left }
.center{ text-align:center }
.right-align{ text-align:right }
.justify{ text-align:justify }

.nowrap{ white-space:nowrap }
.break-word{ word-wrap:break-word }

.line-height-1{ line-height: 1 }
.line-height-2{ line-height: 1.125 }
.line-height-3{ line-height: 1.25 }
.line-height-4{ line-height: 1.5 }

.list-style-none{ list-style:none }
.underline{ text-decoration:underline }

.truncate{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.list-reset{
  list-style:none;
  padding-left:0;
}

.inline{ display:inline }
.block{ display:block }
.inline-block{ display:inline-block }
.table{ display:table }
.table-cell{ display:table-cell }

.overflow-hidden{ overflow:hidden }
.overflow-scroll{ overflow:scroll }
.overflow-auto{ overflow:auto }

.clearfix:before,
.clearfix:after{
  content:" ";
  display:table
}
.clearfix:after{ clear:both }

.left{ float:left }
.right{ float:right }

.fit{ max-width:100% }

.max-width-1{ max-width: 24rem }
.max-width-2{ max-width: 32rem }
.max-width-3{ max-width: 48rem }
.max-width-4{ max-width: 64rem }

.border-box{ box-sizing:border-box }

.align-baseline{ vertical-align:baseline }
.align-top{ vertical-align:top }
.align-middle{ vertical-align:middle }
.align-bottom{ vertical-align:bottom }

.m0{ margin:0 }
.mt0{ margin-top:0 }
.mr0{ margin-right:0 }
.mb0{ margin-bottom:0 }
.ml0{ margin-left:0 }
.mx0{ margin-left:0; margin-right:0 }
.my0{ margin-top:0; margin-bottom:0 }

.m1{ margin: .5rem }
.mt1{ margin-top: .5rem }
.mr1{ margin-right: .5rem }
.mb1{ margin-bottom: .5rem }
.ml1{ margin-left: .5rem }
.mx1{ margin-left: .5rem; margin-right: .5rem }
.my1{ margin-top: .5rem; margin-bottom: .5rem }

.m2{ margin: 1rem }
.mt2{ margin-top: 1rem }
.mr2{ margin-right: 1rem }
.mb2{ margin-bottom: 1rem }
.ml2{ margin-left: 1rem }
.mx2{ margin-left: 1rem; margin-right: 1rem }
.my2{ margin-top: 1rem; margin-bottom: 1rem }

.m3{ margin: 2rem }
.mt3{ margin-top: 2rem }
.mr3{ margin-right: 2rem }
.mb3{ margin-bottom: 2rem }
.ml3{ margin-left: 2rem }
.mx3{ margin-left: 2rem; margin-right: 2rem }
.my3{ margin-top: 2rem; margin-bottom: 2rem }

.m4{ margin: 4rem }
.mt4{ margin-top: 4rem }
.mr4{ margin-right: 4rem }
.mb4{ margin-bottom: 4rem }
.ml4{ margin-left: 4rem }
.mx4{ margin-left: 4rem; margin-right: 4rem }
.my4{ margin-top: 4rem; margin-bottom: 4rem }

.mxn1{ margin-left: -.5rem; margin-right: -.5rem; }
.mxn2{ margin-left: -1rem; margin-right: -1rem; }
.mxn3{ margin-left: -2rem; margin-right: -2rem; }
.mxn4{ margin-left: -4rem; margin-right: -4rem; }

.ml-auto{ margin-left:auto }
.mr-auto{ margin-right:auto }
.mx-auto{ margin-left:auto; margin-right:auto; }

.p0{ padding:0 }
.pt0{ padding-top:0 }
.pr0{ padding-right:0 }
.pb0{ padding-bottom:0 }
.pl0{ padding-left:0 }
.px0{ padding-left:0; padding-right:0 }
.py0{ padding-top:0;  padding-bottom:0 }

.p1{ padding: .5rem }
.pt1{ padding-top: .5rem }
.pr1{ padding-right: .5rem }
.pb1{ padding-bottom: .5rem }
.pl1{ padding-left: .5rem }
.py1{ padding-top: .5rem; padding-bottom: .5rem }
.px1{ padding-left: .5rem; padding-right: .5rem }

.p2{ padding: 1rem }
.pt2{ padding-top: 1rem }
.pr2{ padding-right: 1rem }
.pb2{ padding-bottom: 1rem }
.pl2{ padding-left: 1rem }
.py2{ padding-top: 1rem; padding-bottom: 1rem }
.px2{ padding-left: 1rem; padding-right: 1rem }

.p3{ padding: 2rem }
.pt3{ padding-top: 2rem }
.pr3{ padding-right: 2rem }
.pb3{ padding-bottom: 2rem }
.pl3{ padding-left: 2rem }
.py3{ padding-top: 2rem; padding-bottom: 2rem }
.px3{ padding-left: 2rem; padding-right: 2rem }

.p4{ padding: 4rem }
.pt4{ padding-top: 4rem }
.pr4{ padding-right: 4rem }
.pb4{ padding-bottom: 4rem }
.pl4{ padding-left: 4rem }
.py4{ padding-top: 4rem; padding-bottom: 4rem }
.px4{ padding-left: 4rem; padding-right: 4rem }

.col{
  float:left;
  box-sizing:border-box;
}

.col-right{
  float:right;
  box-sizing:border-box;
}

.col-1{
  width:8.33333%;
}

.col-2{
  width:16.66667%;
}

.col-3{
  width:25%;
}

.col-4{
  width:33.33333%;
}

.col-5{
  width:41.66667%;
}

.col-6{
  width:50%;
}

.col-7{
  width:58.33333%;
}

.col-8{
  width:66.66667%;
}

.col-9{
  width:75%;
}

.col-10{
  width:83.33333%;
}

.col-11{
  width:91.66667%;
}

.col-12{
  width:100%;
}
@media (min-width: 40em){

  .sm-col{
    float:left;
    box-sizing:border-box;
  }

  .sm-col-right{
    float:right;
    box-sizing:border-box;
  }

  .sm-col-1{
    width:8.33333%;
  }

  .sm-col-2{
    width:16.66667%;
  }

  .sm-col-3{
    width:25%;
  }

  .sm-col-4{
    width:33.33333%;
  }

  .sm-col-5{
    width:41.66667%;
  }

  .sm-col-6{
    width:50%;
  }

  .sm-col-7{
    width:58.33333%;
  }

  .sm-col-8{
    width:66.66667%;
  }

  .sm-col-9{
    width:75%;
  }

  .sm-col-10{
    width:83.33333%;
  }

  .sm-col-11{
    width:91.66667%;
  }

  .sm-col-12{
    width:100%;
  }

}
@media (min-width: 52em){

  .md-col{
    float:left;
    box-sizing:border-box;
  }

  .md-col-right{
    float:right;
    box-sizing:border-box;
  }

  .md-col-1{
    width:8.33333%;
  }

  .md-col-2{
    width:16.66667%;
  }

  .md-col-3{
    width:25%;
  }

  .md-col-4{
    width:33.33333%;
  }

  .md-col-5{
    width:41.66667%;
  }

  .md-col-6{
    width:50%;
  }

  .md-col-7{
    width:58.33333%;
  }

  .md-col-8{
    width:66.66667%;
  }

  .md-col-9{
    width:75%;
  }

  .md-col-10{
    width:83.33333%;
  }

  .md-col-11{
    width:91.66667%;
  }

  .md-col-12{
    width:100%;
  }

}
@media (min-width: 64em){

  .lg-col{
    float:left;
    box-sizing:border-box;
  }

  .lg-col-right{
    float:right;
    box-sizing:border-box;
  }

  .lg-col-1{
    width:8.33333%;
  }

  .lg-col-2{
    width:16.66667%;
  }

  .lg-col-3{
    width:25%;
  }

  .lg-col-4{
    width:33.33333%;
  }

  .lg-col-5{
    width:41.66667%;
  }

  .lg-col-6{
    width:50%;
  }

  .lg-col-7{
    width:58.33333%;
  }

  .lg-col-8{
    width:66.66667%;
  }

  .lg-col-9{
    width:75%;
  }

  .lg-col-10{
    width:83.33333%;
  }

  .lg-col-11{
    width:91.66667%;
  }

  .lg-col-12{
    width:100%;
  }

}
.flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }

@media (min-width: 40em){
  .sm-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

@media (min-width: 52em){
  .md-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

@media (min-width: 64em){
  .lg-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}

.flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.flex-wrap{ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }

.items-start{ -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; -ms-grid-row-align:flex-start; align-items:flex-start }
.items-end{ -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; -ms-grid-row-align:flex-end; align-items:flex-end }
.items-center{ -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center }
.items-baseline{ -webkit-box-align:baseline; -webkit-align-items:baseline; -ms-flex-align:baseline; -ms-grid-row-align:baseline; align-items:baseline }
.items-stretch{ -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch }

.self-start{ -webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start }
.self-end{ -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end }
.self-center{ -webkit-align-self:center; -ms-flex-item-align:center; align-self:center }
.self-baseline{ -webkit-align-self:baseline; -ms-flex-item-align:baseline; align-self:baseline }
.self-stretch{ -webkit-align-self:stretch; -ms-flex-item-align:stretch; align-self:stretch }

.justify-start{ -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start }
.justify-end{ -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end }
.justify-center{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center }
.justify-between{ -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.justify-around{ -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around }

.content-start{ -webkit-align-content:flex-start; -ms-flex-line-pack:start; align-content:flex-start }
.content-end{ -webkit-align-content:flex-end; -ms-flex-line-pack:end; align-content:flex-end }
.content-center{ -webkit-align-content:center; -ms-flex-line-pack:center; align-content:center }
.content-between{ -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between }
.content-around{ -webkit-align-content:space-around; -ms-flex-line-pack:distribute; align-content:space-around }
.content-stretch{ -webkit-align-content:stretch; -ms-flex-line-pack:stretch; align-content:stretch }
.flex-auto{
  -webkit-box-flex:1;
  -webkit-flex:1 1 auto;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  min-width:0;
  min-height:0;
}
.flex-none{ -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none }

.order-0{ -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 }
.order-1{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 }
.order-2{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 }
.order-3{ -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 }
.order-last{ -webkit-box-ordinal-group:100000; -webkit-order:99999; -ms-flex-order:99999; order:99999 }

.relative{ position:relative }
.absolute{ position:absolute }
.fixed{ position:fixed }

.top-0{ top:0 }
.right-0{ right:0 }
.bottom-0{ bottom:0 }
.left-0{ left:0 }

.z1{ z-index: 1 }
.z2{ z-index: 2 }
.z3{ z-index: 3 }
.z4{ z-index: 4 }

.border{
  border-style:solid;
  border-width: 1px;
}

.border-top{
  border-top-style:solid;
  border-top-width: 1px;
}

.border-right{
  border-right-style:solid;
  border-right-width: 1px;
}

.border-bottom{
  border-bottom-style:solid;
  border-bottom-width: 1px;
}

.border-left{
  border-left-style:solid;
  border-left-width: 1px;
}

.border-none{ border:0 }

.rounded{ border-radius: 3px }
.circle{ border-radius:50% }

.rounded-top{ border-radius: 3px 3px 0 0 }
.rounded-right{ border-radius: 0 3px 3px 0 }
.rounded-bottom{ border-radius: 0 0 3px 3px }
.rounded-left{ border-radius: 3px 0 0 3px }

.not-rounded{ border-radius:0 }

.hide{
  position:absolute !important;
  height:1px;
  width:1px;
  overflow:hidden;
  clip:rect(1px, 1px, 1px, 1px);
}

@media (max-width: 40em){
  .xs-hide{ display:none !important }
}

@media (min-width: 40em) and (max-width: 52em){
  .sm-hide{ display:none !important }
}

@media (min-width: 52em) and (max-width: 64em){
  .md-hide{ display:none !important }
}

@media (min-width: 64em){
  .lg-hide{ display:none !important }
}

.display-none{ display:none !important }




/*! custom */



.item-page [itemprop]{
  font-family: 'Roboto', Calibri, Arial, sans-serif;
  font-weight:300;
}

.item-page .page-header [itemprop="headline"] {
  text-align: center;
}

.item-page [itemprop="articleBody"] h1,
.item-page [itemprop="articleBody"] h2,
.item-page [itemprop="articleBody"] h3,
.item-page [itemprop="articleBody"] h4,
.item-page [itemprop="articleBody"] h5,
.item-page [itemprop="articleBody"] h6
{
  font-weight:300;
}


.row.match-my-cols {
  overflow: hidden;
}

.row.match-my-cols [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.fox-container .fox-form .fox-item-recaptcha,
.fox-container .fox-form .fox-item-submit{
    margin-bottom: 20px;
}

div#fox-container-m100 .fox-item-submit {
    width: 100%;
}

/************** 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;
}