@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700|Open+Sans:400,600,700&display=swap);
/*** COLOURS ***/
/*** SIZES ***/
/*** DOTDOTDOT ***/
/*** FONTS ***/
.aboutHeaderBlock {
  margin: 50px 0;
}
.aboutHeaderBlock.aos-animate .subTitle,
.aboutHeaderBlock.aos-animate .bigTitle {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.aboutHeaderBlock.aos-animate .cols .col {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.aboutHeaderBlock.aos-animate .circle {
  opacity: 1;
}
.aboutHeaderBlock .subTitle {
  color: #fbbc43;
  margin-bottom: 40px;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 0.3s 0.15s, transform 0.3s 0.15s;
  -moz-transition: opacity 0.3s 0.15s, transform 0.3s 0.15s;
  -ms-transition: opacity 0.3s 0.15s, transform 0.3s 0.15s;
  -o-transition: opacity 0.3s 0.15s, transform 0.3s 0.15s;
  transition: opacity 0.3s 0.15s, transform 0.3s 0.15s;
}
.aboutHeaderBlock .bigTitle {
  margin-bottom: 30px;
  color: #134053;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
  -moz-transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
  -ms-transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
  -o-transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
  transition: opacity 0.3s 0.3s, transform 0.3s 0.3s;
}
.aboutHeaderBlock .bigTitle .logo {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.aboutHeaderBlock .bigTitle .logo .icon {
  position: absolute;
  right: -27px;
  top: 7px;
  width: 30px;
  height: 28px;
}
.aboutHeaderBlock .bigTitle .logo .icon svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.aboutHeaderBlock .bigTitle .logo .icon svg path:last-child {
  fill: #8FAFB3 !important;
}
.aboutHeaderBlock .bigTitle .extraLine {
  display: inline-block;
  vertical-align: bottom;
  color: #8FAFB3;
  margin-left: -10px;
}
.aboutHeaderBlock .cols .col {
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
  width: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
.aboutHeaderBlock .cols .col:first-child {
  -webkit-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
  -moz-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
  -ms-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
  -o-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
  transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
}
.aboutHeaderBlock .cols .col:first-child .text {
  padding-left: 20px;
  padding-right: 10px;
  position: relative;
  margin-bottom: 40px;
}
.aboutHeaderBlock .cols .col:first-child .text:before {
  content: "*";
  color: #8c8c8c;
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: auto;
}
.aboutHeaderBlock .cols .col:last-child {
  padding-left: 10px;
  padding-right: 0;
  -webkit-transition: opacity 0.3s 0.6s, visibility 0.3s 0.6s, transform 0.3s 0.6s;
  -moz-transition: opacity 0.3s 0.6s, visibility 0.3s 0.6s, transform 0.3s 0.6s;
  -ms-transition: opacity 0.3s 0.6s, visibility 0.3s 0.6s, transform 0.3s 0.6s;
  -o-transition: opacity 0.3s 0.6s, visibility 0.3s 0.6s, transform 0.3s 0.6s;
  transition: opacity 0.3s 0.6s, visibility 0.3s 0.6s, transform 0.3s 0.6s;
}
.aboutHeaderBlock .cols .col p:last-child {
  margin-bottom: 0;
}
.aboutHeaderBlock .contentWrapper {
  position: relative;
}
.aboutHeaderBlock .circle {
  height: 520px;
  left: auto;
  position: absolute;
  top: auto;
  width: 520px;
  right: -10px;
  bottom: -340px;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out 0.9s;
  -moz-transition: opacity 0.3s ease-out 0.9s;
  -o-transition: opacity 0.3s ease-out 0.9s;
  transition: opacity 0.3s ease-out 0.9s;
}
.aboutHeaderBlock .circle .innerCircle {
  position: relative;
  height: 100%;
  border: 2px solid rgba(31, 31, 31, 0.05);
  border-radius: 50%;
}
@media all and (max-width: 1200px) {
  .aboutHeaderBlock .circle {
    right: 10px;
  }
}
@media all and (max-width: 768px) {
  .aboutHeaderBlock .newRowMobile {
    display: block;
  }
  .aboutHeaderBlock .newRowMobile .icon {
    top: 0px !important;
    width: 20px !important;
    right: -18px !important;
  }
  .aboutHeaderBlock .newRowMobile .extraLine {
    font-size: 12px;
    line-height: 25px;
    margin-left: -5px;
  }
  .aboutHeaderBlock .subTitle {
    margin-bottom: 20px !important;
  }
  .aboutHeaderBlock .cols .col {
    width: 100%;
    padding: 0 !important;
  }
  .aboutHeaderBlock .cols .col:first-child {
    margin-bottom: 24px;
  }
  .aboutHeaderBlock .cols .col:first-child .text {
    padding-left: 0;
    margin-bottom: 0;
  }
  .aboutHeaderBlock .cols .col:first-child .text:before {
    display: none;
  }
  .aboutHeaderBlock .circle {
    display: none;
  }
}
/*# sourceMappingURL=about_header_block.css.map */