/* THIS NEEDFS TO BE REMOVED */
/*
.agency-image-container .image-wrapper .logo {
	display: none;
}
*/


/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* ----------------------------      Fonts     -----------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
@font-face { 
    font-family: 'Montserrat-Regular';
    src: url('./fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Montserrat-Bold';
    src: url('./fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('./fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  
  
  @font-face {
    font-family: 'Montserrat-Light';
    src: url('./fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Montserrat-Medium';
    src: url('./fonts/Montserrat-Medium.ttf') format('truetype');
       /*  url('fonts/myfont.woff') format('woff');*/
    font-weight: normal;
    font-style: normal;
  }
  
  
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* ----------------------------      BODY     -----------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  body, html {
    overflow-x: hidden;
      
  }
  html {
    scroll-behavior: smooth;
  }
  body {
    margin:0;
    width: 100vw;
  }
  .mega_container{
    margin: 0 auto;
  }
  
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* ----------------------------      HEADER     -----------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */

  .logo {
    max-width:100%;
    height: auto;
  }


  .email {
      color:rgb(26,26,26);
  }
  .header {
      position: fixed;
      top: 0;
      width: 100vw;
      height: 120px;
      background-color: white;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 0px;
      z-index: 4;
  }
  .header-content {
      background-color: #ffff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 82%;
      margin-left:7%;
  }
  .page-list li {
      margin-right: 50px;
  }
    
  .header a{
      width: 7%;
      margin-left:-5%;
      cursor: pointer;
  }
  .email {
      margin: 0;
      font-family:'Montserrat-Medium';
      font-size: 13px;
  }
  .page-list {
      width: auto;
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: space-between;
  }
  .page-list li {
      text-transform: uppercase;
      margin:0;
      font-family: 'Montserrat-Medium';
      text-decoration: none;
  }
    .page-list a {
      text-decoration: none;
      margin-right: 30px;
      font-size: 13px;
      color: rgb(26,26,26);
  
    }
    .page-list:last-child {
      margin-right: 0;
    }
  .header-content {
      opacity: 1;
  }
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* ----------------------------   FIRST CONTENT   ---------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  .container {
    background-color: #fff;
}

.mobile_img_container {
    width: 0;
    height: 0;
    display: none;
}

.mobile_img {
    max-width: 100%;
}

.content-1 {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    padding: 160px 0 0;
}

.content-1 h1 {
    font-size: 48px;
    font-weight: bold;
    margin: 0;
    line-height: 1.2;
    font-family: 'Montserrat-Bold';
    width: 400px;
    margin-left: 12%;
    -webkit-text-size-adjust: 100%; /* Safari fix */
}

.agency-image-container {
    font-size: 0;
    width: 100%;
    margin-top: 55px;
    margin-left: 0;
    display: flex;
}

.agency-image-container .image-wrapper {
    font-size: 0;
    position: relative;
    width: 33.33%;
    height: auto;
    cursor: pointer;
    aspect-ratio: 12 / 10;
}

.main_images {
    width: 100%;
}

.agency-image-container .image-wrapper .logo {
    position: absolute;
    bottom: 40%;
    left: 51%;
    transform: translate(-50%, -50%);
    width: 30%;
}

.agency-image-container .image-wrapper .logo img {
    width: 100%;
    height:auto;
}

.blood_1 {
    width: 34.96%;
    left: 63%;
    bottom: 19%;
    position: absolute;
    z-index: -1;
}

/* New content-1 */
.image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    
    overflow: hidden;
    border: 0.5px solid rgb(243, 238, 238);
    border-bottom: none;
    -webkit-overflow-scrolling: touch; /* Safari fix for overflow scrolling */
}

.astronout {
    position: absolute;
    width: 100%; /* Ensure it scales based on width */
    height: auto; /* Maintain aspect ratio */
    top: 50%;
    left: 50%;
    
    transform: translate(-50%, -50%);
    clip-path: inset(3% 0 3% 0);
    -webkit-clip-path: inset(3% 0 3% 0); /* Safari fix for clip-path */
}

.astronout_3 {
    transform: translate(-56%, -50%);
}

.shiny {
    position: absolute;
    top: 0;
    left: 25%;
    display: block;
    height: 100%;
    z-index: 1;
    mix-blend-mode: lighten;
    opacity: 0.9;
}

.image_overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    
    z-index: 2;
    background-size: cover;
    background-position: center;
    -webkit-background-size: cover; /* Safari fix for background size */
}

.image_overlay_2 {
    background-position: center;
}

.image_overlay_3 {
    background-position: left;
}

.shiny_2 {
    mix-blend-mode: lighten;
    opacity: 1;
    left: 0%;
}

.shiny_3 {
    mix-blend-mode: lighten;
    opacity: 1;
    left: 50%;
}

.shiny_4 {
    left: 65%;
}

.agency_description {
    display: flex;
    width: 25%;
    justify-content: space-between;
    border: 0.5px solid rgb(243, 238, 238);
    border-top: none;
    padding-bottom: 30px;
    background-color: #ffff;
    padding-top: 1%;
}

.agencies_descriptions {
    display: flex;
}

.agency_img {
    width: 30%;
    margin-left: 40px;
}

.agency_logo {
    width: 90%;
}

.agency_text {
    width: 52%;
    font-size: 13px;
    text-align: right;
    margin-right: 40px;
}

.agency_text a {
    font-family: 'Montserrat-Medium';
    font-size: 16px;
    margin-right: 1px;
    opacity: 1;
}

.agency_text p {
    font-family: 'Montserrat-Medium';
    margin-top: 0;
    line-height: 16px;
    color: #000000;
}

body {
    background-color: #F7F7F7;
}

#star_img_grayed {
    height: 107%;
    clip-path: inset(6.3% 1% 0px);
    -webkit-clip-path: inset(6.3% 1% 0px); /* Safari fix for clip-path */
    aspect-ratio: 66/59;
}

#astronout {
    clip-path: inset(5.5% 0px 0px);
    -webkit-clip-path: inset(5.5% 0px 0px); /* Safari fix for clip-path */
    aspect-ratio: 1/1;
}

#third_img_grayed-1 {
    clip-path: inset(4% 0px 4%);
    -webkit-clip-path: inset(4% 0px 4%); /* Safari fix for clip-path */
    aspect-ratio: 99/92;
}

  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* ----------------------------   SECOND CONTENT   ---------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  
  .blood_2 {
      width: 34.9649%;
      left: -15%;
      margin-top: -14%;
      position: absolute;
      z-index: -1;
  }
  
  .content-2 h1{
      font-family:  'Montserrat-Bold';
      font-weight: bold;
      font-size: 48px;
      margin-left: 12%;
      margin-top: 11%;
      margin-bottom: 3%;
  }
  
  .content-2 h6{
      font-family:  'Montserrat-Bold';
  }
  
  .content-2 p{
      font-family:  'Montserrat-Regular';
  }
  
  .main_people{
  background:black;
  justify-content: center;
  }
  
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* ----------------------------   THIRD CONTENT   ---------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  .content-3{
    width: 100%;
    min-height: 210px;
    max-height: 700px;
  }
  
  .article {
    margin-top: 10%;
    width: 32%;
    float:left;
    margin-left:12%;
    font-family:  'Montserrat';
  }
  
  .article h1 {
    font-size: 48px;
    width:90%;
    font-family: 'Montserrat-Bold';
    margin-bottom:13px;
    margin-top: 0;
    font-weight: bold;
  }
  
  .article p {
    margin-top:0;
    font-size: 18px;
   font-family: 'Montserrat-Light';
   width:101%;
  }
  
  .article-images {
    left:53%;
  }
  
  .article_img_1 {
    position: absolute;
    width:19%;
    left: 50% ;
    margin-top: 13%;
    z-index: 2;
  }
  
  .article_img_2 {
    position: absolute;
    width:29.5%;
    left: 60% ;
    margin-top: 7.6%;
  }
  
  .blood_3 {
    width: 34.9649%;
    left: 38%;
    margin-top:15%;
    position: absolute;
    z-index: -1;
   }
  
  .neredzama_maksla {
    position: static;
    margin-bottom:40px;
    width:35%;
    z-index: -4;
   opacity: 0;
   }
  
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* ----------------------------   CONTACTS   ---------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  .contacts {
        float:left;
        font-family:  'Montserrat-Regular';
        margin-left:12.591%;
        margin-bottom: 70px;
        margin-top:20%;
  }
  
  .contact_info p:nth-of-type(4) {
      margin-bottom:9px;
  }
  
  .contacts h1{
        font-size: 48px;
        font-family:  'Montserrat-Bold';
       margin-bottom: 40px;
        font-weight: bold;
  }
  
  .contacts p{
        font-size: 12px;
        margin-bottom: 0;
  }
  
  .contacts a{
      font-size: 12px;
      text-decoration: underline;
      color:rgb(26,26,26);
  }
  
  .map {
      min-width: 360px;
      width: 60%;
      float:left;
      display: flex; 
  }
  
  .map_map{
      min-width: 300px;
      width: 100%; 
  }
  
  .map_text{
      position: relative;
      width:140%;
      min-width: 40px;
      align-content: center;
      margin-left:5%;
  }
  
  .map_text p {
      position: absolute;
      bottom:0;
      text-decoration: underline;
  }
  
  .container_content {
      display:flex;
  }
  
  .contact_info {
      margin-top:-10px;
      height:250px
  }
  
  .social {
     margin-right: 100%;
  }
  
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* ----------------------------   FOOTER   ---------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  
  .footer-content{
    margin-top: 20px;
    top: 0;
    width: 100%;
    height: 120px;
    background-color: rgb(26,26,26);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0px;
    z-index: -2;
    color: #ffff;
    font-family:  'Montserrat-Light';
    font-size: 12px;
  }
  
  .footer-content p {
    margin-left:13%;
    margin-right: 13%;
    margin-bottom:0;
  }
  
  .logo_2 {
    cursor:pointer;
    width: 4.8%;
    
  }
  .logo_2 img{
    max-width:100%;
  }
  
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* ----------------------------   Resizing   ---------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  /* --------------------------------------------------------------------------  */
  
  @media screen and (min-width: 876px) {
  .contact_info{
    transform: scale(1.2);
    margin-top:1%;
  }
  }
  
  @media screen and (min-width: 976px) {
  .contact_info{
      transform: scale(1.3);
      margin-top:3.5%;
  }
  }
  @media screen and (min-width: 1076px) {
  .contact_info{
      transform: scale(1.4);
      margin-top:3.5%;
  }
      .contacts {
          margin-top:3.5%;
      }
  }
  
  @media screen and (min-width: 1160px) {
  .contact_info{
      transform: scale(1.50);
      margin-top:4.2%;
  }

  .header{
      /*max-width:3000px;*/
  }
  
  .logo_2{
      max-width: 70px;
  }
  }
  
  @media screen and (min-width: 1270px) {
  .contact_info{
      transform: scale(1.65);
      margin-top:4.7%;
  }

  }
  
  @media screen and (min-width: 1362px) {
  
  .contact_info{
    transform: scale(1.7);
    margin-top:4.8%;
  }

  }
  
  @media screen and (min-width: 1470px) {
  .contact_info{
      transform: scale(1.85);
      margin-top:5.5%;
  }

  }
  
  @media screen and (min-width: 1570px) {
  .contact_info{
      transform: scale(1.9);
      margin-top:5.5%;
  }
  }
  
  @media screen and (min-width: 1670px) {
  .contact_info{
      transform: scale(1.9);
      margin-top:5.8%;
  }
      .contacts {
          margin-top:20%;
      }
  
  }
  
  @media screen and (min-width: 1770px) {
  .contact_info{
      transform: scale(2.1);
      margin-top:5.5%;
  }
      .contacts {
          margin-top:23%;
      }
  }
  
  @media screen and (min-width: 1870px) {
    .contact_info{
      transform: scale(2);
      margin-top:5.7%;
    }
  }
  
  @media screen and (min-width: 1970px) {
  .contact_info{
      transform: scale(2.1);
      margin-top:5.8%;
  }
  }
  
  @media screen and (min-width: 2270px) {
  .contact_info{
      transform: scale(2.2);
     /* margin-top:8.5%;*/
      margin-top:5.5%;
  }
      .contacts {
          margin-top:25%;
      }
  }
  
  .main_people{
      display:flex;
      font-family:  'Montserrat';
      margin-left:-10px;

      
  }
  
  .people_images figure {
      margin:0;
      padding: 0;
      position: relative;
      display: inline-block;
      overflow: hidden;
  }
  
  .people_images img {
      margin:0;
      width: 100%;
      display: block;
  }
  
  .people_images_2 figure {
       width: 16.6666%;
      margin:0;
      padding: 0;
      position: relative;
      display: inline-block;
      overflow: hidden;
  }
  
  .people_images_2 img {
      margin:0;
      width: 100%;
      display: block;
  }
  
   .all_people {
      width:100%;
      background:#000000
  
  }
  
  figcaption {
      position: absolute;
      bottom: 15%;
      left:7%;
      color: white;
      width: 80%;
      height: auto;
      display:none;
      font-size: 40px;
      font-style:normal;
  }
  
  figcaption p {
      margin-bottom:0;
      margin-top:0;
      font-size: 18px;
  }
  
  figcaption h6 {
      font-size: 19px;
      margin:0;
  }
  
  .description {
      margin-top:5%;
      font-size: 16px;
      margin-bottom: -10%;
  }
  
  .all_people {
      width:100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;		
  }
  
  .all_people figure {
      width: 12.5%;
      height:auto;
  }
  
  .all_people p {
      font-size: 15px;
  }
  
  img {
      margin:0;
      display:block;
  }
  
  .main_people figure {
      width: 14.7%;
  }
  
  /*************************
  **************************
  ********  MOBILE**********
  **************************
  *************************/
  @media (max-width: 1180px) {


    .logo_2 {
        margin-right:-4%;
    }
    .footer-content p {
        margin-top:2px;
    }
    .header-content {
        margin-left:3%;
        margin-right:10%;
    }

  }
  @media (max-width: 1024px) {
      
  .contacts h1 {
    font-size: 40px;
      margin-bottom:35px;
  }
      
  .main_people {
      flex-wrap: wrap;	
  }
      
      
  .main_people figure {
      width:33.33%;
  }
      
  .all_people figure {
      width: 20%;
  }
      
  .all_people figcaption {
      width:90%;
      left:5%;
      transform:scale(0.85);
      bottom:8%;
  }
      
  .article{
      transform:scale(0.95)
  }
  
  .agency_text a {
      font-size: 14px;
  }
  }
  
  @media (max-width: 768px) {
    .header-content {
        margin-left:3%;
        margin-right:0;
    }
  .article_images{
      margin-top:-10%;
  }
  .map_map {
      margin-bottom: 20px;
  }
  body {
      background-color:#ffff
  }
  .content-1{
      padding: 80px 0 0 0;
  } 
  
      .content-1 h1 {
          /*font-family:'Montserrat-ExtraBold';*/
          
      }
  .all_people figure {
      width: 33.333%;
  }
  
  .all_people {
      margin-top:-1%;
  }
      
  .page-list {
      transform: scale(0.8);
  }
      
  .logo_a { 
      width: 20% !important;
      margin-right:5%;
  }
  
  .logo_2 {
      width: 20%;
  }
    
  .email{
      display: none;
   }
   
  .container{
      height:100%;
      background-color:transparent;
  }
      
  .content-1 h1 {
        margin-left:0;
        transform: scale(0.8);
      margin-bottom:0%; 
  }
      
  .content-2 h1 {
        transform: scale(0.8);
        margin-left:0;
  }
      
  header {
        height: 30px;
        max-height: 80px;
        margin-left:0px;
       width: 100vw;
  }
      
  .header-content {
        margin-left:0px;
        width: 100vw;
  }
      
  .agency-image-container .image-wrapper {
         width:100%;
         overflow: hidden;
  }
      
  .agency-image-container{
        display: block;
  }
      
  .blood_1 {
      top:125px;
      width:44%;
      left:73%;	 
  }
      
  .article {
        width:90%;
        margin-left:5%;
  }
      
  .article h1 {
        transform: scale(0.8);
        width:100%;
        margin-bottom: 0;
  }
      
  .article p{
        transform: scale(0.8);
  }
      
  .article_img_1 {
        width:30%;
        left:25%;
        margin-top:20%;
   }
      
  .article_img_2 {
        width: 55%;
       left:40%;
  }
      
  .neredzama_maksla{
        width: 55%;
  }
      
  .blood_3 {
        width:70%;
        left:0;
  }
      
  .container_content {
        display: block;
        margin-bottom: 40%;
  }
      
  .contact_info {
        margin-top:20px;
  }
      
  .map p{
        display: none;
  }
      
  .article{
      float:none;
      margin-left:0;
  } 
      
  .article h1{
      width: 115%;	
  }
      
  .article p {
      width: 112%;
  }
      
  .contacts {
      margin-top: 23%;
      margin-left:10%;
      width:80%;
      margin-bottom:30%;
  }
      
  .agency-image-container .image-wrapper {
         width:100%;
         overflow: hidden;
  }
      
  .clipper {
        clip-path: inset(33.25% 0 33.25% 0);
  }
      
  .mixd {
        margin-top: -33.3334%;
  }
      
  .dingo {
        margin-bottom:-66.66667%;
        margin-top:-66.6666%;
  }
      
  .fluxd {
        margin-bottom:-33.3334%; 
  }
      
  .agency-image-container{
        display: block;
       height: 100%;
      margin-top:28px;
  }
      
  .main_people {
      flex-wrap:wrap;
  }
      
  .main_people figure {
      width:50%;
  }
      
  .main_people figcaption {
      transform: scale(0.7);
      width:100%;
      left:1%;
      bottom:3%;
      font-style:normal;
  }
      
  .main_people h6 {
      font-size:25px;
      font-style:normal;
  }
      
  .main_people p {
      font-size:17px;
      font-style:normal;
  }
      
  .all_people h6 {
      font-size:16px;
  }
      
  .all_people p {
      font-size:13px;
  }
      
  .all_people figcaption {
      transform: scale(0.95);
      width:100%;
      left:5%;
      width:95%;
      font-style:normal;
  }
      
  figcaption {
      width:100%;
      font-style:normal;
  }
      /******************** */
  .agencies_descriptions {
          flex-wrap: wrap;
          margin-left:41px;
      margin-top:20px;
      margin-bottom:30px;
      }
  .agency_description {
      margin-top:20px;
          width:45%;
      display:block;
      background-color:transparent;
      border: none;
      }
  .agency_text{
      font-size:12px;	
      width:100%;
      text-align:left;
  
      }	
  .mobile_img_container{
    display: block;
      margin-top:20px;
          width:45%;
      margin-right:5%;
  
  }
      .mobile_img{
          margin-top:-7%;
      }
      .agency_img {
          height:auto;
          width:65%;
          margin-left:0px;
          margin-bottom: 10px;
      }
  .agency-image-container{
      display:none;
  }
  .agency_text p {
      font-weight:normal;	
      font-size:11px;
      width:90%;
      margin-bottom:5px;
      font-family:'Montserrat-Light';	
      font-weight: bold;
      line-height:14px;
      color:#000000
      }
  .agency_text a {
          font-size:11px;
          font-family: 'Montserrat-Bold';
          opacity:0;
      }
  .mobile_img_container {
          height:auto;
  }
  
  /*
  .mobile_img_container:nth-of-type(1) {
      width:50%!important;
      margin-left:-2%!important;
      margin-top:-1%!important;
      background-color:red!important;
      
  }
      
  .agency_description:nth-of-type(2) {
      margin-top:0px!important;	
      background-color:red!important;
  }
      
  .mobile_img_container:nth-of-type(2) {
      margin-left:10px!important;
      margin-top:0px!important;		
  }
      
  */	

  
  @media (max-width: 400px) {

    .contacts {
        margin-bottom:37%;
    }
  #second_star_shape {
      width:50%;
      margin-left:-2%;
      margin-top:-1%;		
  }
  #second_star_shape img{
          margin-left:-14px
  }
  #third_rect_shape {
      margin-top:0px;
      margin-left:10px;
  }
  #third_rect_shape_id {
      margin-top:0px;	
  }
  .mobile_img_container {
          height:none;
  }
  }
  .neredzama_maksla {
      margin-top:0;
  } }