/**
 * Template: Home
 */
/* Utils */
/**
 * Variables
 */
body.page-template-page-templatestemplate-info-php .header__nav, body.page-template-page-templatestemplate-info-php .header-mobile-menu {
  opacity: 0;
  pointer-events: none;
  visibility: hidden; }

body.page-template-page-templatestemplate-info-php .modal1 {
  display: none !important; }

.info.page-wrapper {
  background-image: url("../images/templates/info/default-bg.png");
  background-size: auto 400px;
  background-position: bottom center;
  background-repeat: no-repeat;
  position: relative; }
  @media (min-width: 1400px) {
    .info.page-wrapper {
      background-size: 1920px auto;
      background-position: center bottom -135px; } }
  @media (max-width: 1280px) {
    .info.page-wrapper {
      background-size: auto 380px; } }
  @media (max-width: 1199px) {
    .info.page-wrapper {
      background-size: auto 350px; } }
  @media (max-width: 767px) {
    .info.page-wrapper {
      background-size: auto 400px;
      background-position: right bottom; } }
  .info.page-wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0.5; }

.info-inner {
  position: relative;
  z-index: 2;
  padding-left: 51px;
  padding-top: 0px;
  padding-bottom: 138px;
  font-weight: 400; }
  @media (max-width: 1280px) {
    .info-inner {
      padding-left: 0px; } }
  @media (max-width: 1199px) {
    .info-inner {
      padding-top: 40px; } }
  @media (max-width: 767px) {
    .info-inner {
      padding: 0 30px 140px 30px; } }
  .info-inner p {
    font-weight: 400; }
    @media (max-width: 767px) {
      .info-inner p {
        line-height: 1.33;
        font-size: 12px; } }

.info-title {
  font-family: "Quicksand", sans-serif;
  font-size: 52px;
  font-weight: 500;
  line-height: 0.92;
  letter-spacing: normal;
  color: #2196f3; }
  @media (max-width: 1199px) {
    .info-title {
      font-size: 45px; } }
  @media (max-width: 767px) {
    .info-title {
      font-size: 26px; } }
  .info-title:after {
    content: '';
    display: block;
    width: 39px;
    height: 4px;
    background: #2196f3;
    border-radius: 20px;
    margin: 17px 0; }
    @media (max-width: 767px) {
      .info-title:after {
        margin: 9px 0;
        width: 18px;
        height: 2px; } }