body{
            font-family: Prompt;
            color:black;
          }
          b,strong{
            //color: #0F284B;
          }
          h1,h2,h3,h4,h5,h6{
             font-family:"barlow condensed";
          }
          h2{
              
              font-size:64px;
            
          }
.hide-lang{
display:none!important;
}
          .prompt{
                font-family:"prompt";
          }
          .olive{
               color:#96A13A;
          }
          .blue{
                color:#0F284B;
          }
          .blue80{
                color:#0F284B80;
          }
          .white{
                color:#ffffff;
          }
          .orange{
              color:#FA8334;
          }
          .lightblue{
              color:#76949F!important;
              
          }
          .bglightblue{
              background-color:#76949F;
                 color:white;
          }
          .bgblue{
                background-color:#0F284B;
                color:white;
          }
          .bgolive{
                background-color:#96A13A;
                color:#0F284B;
          }
          .bgwhite{
               background-color:#ffffff;
               
          }
          .bgblue80{
                background-color:#0F284Bd0!important;
                color:white;
               
          }
           .borderbottom{
                border-bottom:1px solid;
                
          }
            .borderright{
                border-right:1px solid;
                
          }
            .borderleft{
                border-left:1px solid;
                
          }
           .borderblue{
                border-color:#0F284B!important;
                
          }
            .borderolive{
                border-color:#96A13A!important;
                
          }
      .borderorange{
                border-color:#FA8334!important;
                
          }
          .borderlightblue{
              border-color:#76949F;
                 
          }
          .mask{
                position:absolute;
                top:0px;
                left:0px;
                width:100%;
                height:100%;
                background:#ffffff70;
          }
          nav{
               // background:#F2F1ED!important;  
                background:transparent!important;  
                font-family:"barlow condensed";
                font-size:24px;
                font-weight: 500;
          }
          #video{
              width:100%;
              position:fixed;
              top:0;
              left:0;
              
          }
                #videox{
        position:fixed;
        min-width:100%;
      
      }
          .logo{
              width:150px;
               transition: all 1s ease;
          }
          .offcanvas{
               background:#F2F1ED!important;  
          }
        
         .split{
              column-count: 2;
            column-gap: 30px;
          
        
         }
         .splitbg{
              background-image:url(images/splitbg.png);
              background-position:center;
              background-repeat:repeat-y;
              
         
         }
         .perex{
            color:#76949F;
         }
         .container-col{
                max-width:1062px;
         }
         .nav-item{
              padding-right:1.0rem;
              padding-left:1.0rem;
              
              position:relative;
              transition: all 0.5s ease;
         }
         .nav-item:hover{
              background: #0F284Bd0;
           
              transition: all 0.5s ease;
         }
          .nav-item:hover a{
              
               color:#76949F;
              transition: all 0.5s ease;
         }
         .nav-link{
              padding-top:1.1rem;
              transition: all 0.3s ease;
              color:white;
              
         }
         .nav-item a{
              text-wrap: nowrap;
              font-size:20px!important;
              
         }
          .tenant{


            margin:1rem;
            min-width:130px;

          }
          .logo_tenant{
              max-width:100%;
                max-height:80px;
              
          }
          .subhead{
              border-left:1px solid;
              font-size:13px;
              height:50%;
              padding-left:14px;
              font-weight:600;
              line-height:1.3;
              transition: all 3s ease;
              display:inline-block;
          }
          .subhead.olive{
              border-color:#96A13A;
          }
           .subhead.white{
              border-color:#ffffff;
          }
          .subhead.big{
              display:none;
                transition: all 1s ease;
          }
          .footer{
              min-height:300px;
              top:100%;
              position:relative;
padding-top:100px;
margin-top:-200px;

          }
          
          .logo.big{
                 margin-left:150%;
               width:300px;
           //    position:absolute;
               transition: all 5s ease;
             
             
          }
          .navbar-brand.big{
              margin-right:-50%;
          
          }
          .navbar.big{
              height:100%;
              transition: all 5s ease;
          }
          .navbar{
               height:124px;
               transition: all 3s ease-in;
               
          }
          .navbar-nav #au{
             //  transition: all 3s ease-out;
          }
          .navbar-nav.start,.navbar-nav.big{
             
            
              
          }
         
          .pcard{
              position:absolute;
              top: 13%;
              margin-left:100%;
              height:100%;
            
             
              overflow:hidden;
          }
          .pcard.actual{
              margin-left:0px;
              width:100%;
              display: block;
              transition: all 1s ease; 
              overflow:auto;
          }
         
          
          
          .navbar-nav.start #co,.navbar-nav.big #co{
                display:none;
          }
          #indexcar{
              margin-top:30vh;
             margin-bottom:30vh;
          }
          .box{
              position:absolute;
              width:600px;
              height:500px;
          }
          .box .inner{
          
              width:600px;
              height:500px;
              font-size:13px;
              font-weight:200;
              border-left:3px solid #76949F;
             backdrop-filter: blur(10px);
          }
           .box .inner h3{
                 color:#76949F;
                 font-weight:500;
           }
          .box h4{
                border-left:8px solid #0F284Bd0;
                line-height: 72px;
                font-size: 106px;
                font-weight:700;
                color: #0F284B80;
                display: inline-block;
                height: 84px;
                text-align:right;
                width:100px;
              

          } 
          #navbarErneo.show{
          
                  
              width: 100%;
              height: 100vh;
              position: absolute;
              left: 0;
              top: 0;
                background-color:#0F284B;
                color:white;
          
          }
          .navbar-collapse.show .nav-link{
              display:block;
              margin:15px;
              font-size:36px;
              text-align:center;
          }
          .navbar-collapse.show  .menu-tropez{
               height:auto;
               max-width:100%;
                   margin: auto!important;
               margin-top:124px!important;
               clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
               
          }
           .carousel-indicators{
              position:relative;
              margin:0;
              padding:0;
              display:block;
              width:527px;
              text-align:end;
           }
           .carousel-indicators [data-bs-target]{
            position:relative;
              width: 10px;
              height: 10px;
              background-color: #0F284B80;
              top:0px;
              
           
           }
          .carousel-indicators .active{
              width: 14px;
              height: 14px;
             
             top:2px;
           }
           .lang-ico{
              vertical-align: baseline;
              margin-top:2px;
           }
 .footer-tropez{
              
                 width:100%;
                 height:575px;
               clip-path: polygon(0 0%, 100% 13%, 100% 100%, 0 100%);
                        position:relative;
               z-index:5;
               
           
           }
  .page-tropez{
              
               width:100%;
              
               clip-path: polygon(0 13%, 100% 0%, 100% 100%, 0 90%);
                 position:relative;
               z-index:5;
               
           
           }
.page{
padding-top:200px;
padding-bottom:200px;
}
.page h3{
   padding-top:2rem;
   padding-bottom:2rem;
}
          .projects .img-wrapper a{
                                  display:block;
            }
           .projects img{
              transition: all 0.3s ease;
            
           }
           .projects .img-transform{
                 position:absolute;
                 z-index:9;
                 overflow:hidden;
                 width:100%;
                 height:100%;
                 background:red;
                  
           } 
           .projects .img-wrapper:hover .img-transform img{
               transform: scale(1.05);
                 transition: all 0.3s ease;
           }
           .projects .img-wrapper{
                 width:100%;
                 aspect-ratio: 1 / 1;
                 position:relative;
            
           }
           .projects .img-bg{
               transition: all 0.3s ease; 
               width:100%;
               height:100%;
               z-index:0;
               position:absolute;
               background:#567580;
           }
           .projects .img-wrapper:hover .img-bg{
                 
               transform: rotate(-5deg);
           }
           .project-info{
           
           
              background:#76949F;
              height:100%;
              top:0;
              left:0;
              font-size:14px;
              line-height:24px;
              font-weight:300;
           
              transition: all 0.3s ease;
              padding-left:2rem;
           }
           .project-link{
               font-family:"prompt";
               font-size:16px;
                 padding:1rem;
           }
           
           .project-link a{
               text-decoration:none;
               color:#0F284B;
             
               padding-left:24px;
               background-image:url(images/arrow1.svg);
               background-repeat:no-repeat;
               background-size:16px;
                background-position:top 8px left;
               width:auto;
                 transition: all 0.7s ease;
           }
           .project-link:hover a{
               text-decoration:none;
               color:#0F284B;
             
               padding-right:24px;
               background-image:url(images/arrow1.svg);
               background-repeat:no-repeat;
               background-size:16px;
               background-position:top 8px right;
               width:auto;
                 transition: all 0.7s ease;
           }
           .xprojects:hover .project-info{
               transition: all 0.3s ease;
               height:calc(100% - 2rem);
               top:1rem;
               left:1rem;
               padding:1rem;
                 max-width:calc(620px - 2rem);
           }
           .project-info div.project-text{
                 display: inline-block;
                 align-self: flex-end;
           }
           #projectcar .carousel-control-next,#projectcar .carousel-control-prev {
                position: absolute;
                top: 40%;
                bottom: 40%;
                z-index: 1;
                display: flex;
                align-items: top;
                justify-content: top;
                width: 7%;
                padding: 0;
                color: #fff;
                text-align: center;
                background: 0 0;
                border: 0;
                opacity: 1;
                transition: opacity .15s ease;
                        
            }
            #projectcar .carousel-control-prev {
                left: -10px;;
            }
            #projectcar .carousel-control-next {
                right: -10px;
            }
             #projectcar .carousel-control-prev-icon:hover,#projectcar .carousel-control-next-icon:hover {
             
                background-color:#0F284B;
                 border-radius: 16px;    
                  width:32px;
                 height:32px;   
                
            }
           #projectcar .carousel-control-next-icon{
                  background-size:50%;
                 width:40px;
                 height:40px;
                 background-color:#0F284B50;
                 border-radius: 20px;        
                 background-image:url(images/Arrow-right.svg);
                  transition: all .3s ease;
                 
           }
           #projectcar .carousel-control-prev-icon{
                  background-size:50%;
                 width:40px;
                 height:40px;
                 background-color:#0F284B50;
                 border-radius: 20px;        
                 background-image:url(images/Arrow-left.svg);
                   transition: all .3s ease;
           }
           
           
           
           .logo-tropez{
           
                width:264px;
                height:124px;
                clip-path: polygon(0 10%, 100% 25%, 100% 75%, 0 90%);
                background:white;
                padding-top:40px;
           }
           
           .menu-tropez{
           
              width:484px;
              height:68px;
              clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0 80%);
              
           }
           .lang-tropez{
              width:150px;
              height:50px;
              clip-path: polygon(0 0%, 100% 15%, 100% 85%, 0 100%);
              padding-top:0.4rem;
   transition: all 0.2s ease; 
           }
.lang-tropez:hover{
              clip-path: polygon(0 0%, 97% 0%, 100% 80%, 5% 100%);
   transition: all 0.2s ease; 
              padding-top:0.2rem;
           }
         .lang-tropez  a{

text-decoration:none;
color:inherit;
}
           .sustainability-tropez{
              
                 width:100%;
                padding-bottom: 100px;
    padding-top: 50px;
                 clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 85%);
                        position:relative;
           
           }
           .project-tropez{
              
                 width:100%;
                 height:975px;
                 clip-path: polygon(0 0%, 100% 15%, 100% 85%, 0 100%);
                        position:relative;
               z-index:5;
               
           
           }
           
           .space-wrapper{
              top: 50%;

              width:800px;
              height:400px;
              position:relative;
           }
           .space-tropez{
              width:100%;
              height:100%;
              clip-path: polygon(3% 0%, 97% 15%, 97% 85%, 3% 95%);
              background-color:#ffffff88!important;
              filter: blur(8px);
                  transition: all 0.2s ease; 
           
           }
           .space-wrapper:hover .space-tropez{
              width:100%;
              height:100%;
              clip-path: polygon(0% 0%, 97% 0%, 100% 75%, 5% 100%);
              background-color:#ffffff!important;
              filter: none;
                 transition: all 0.2s ease;  
           
           }
           .space-text{
              position: absolute;
              top: 57%;
              
              left:55%;
              width: 100%;
              height:100%;
              transform: translate(-50%, -50%);
              z-index: 2;
              padding: 5%;
              text-align: left;
                  transition: all 0.2s ease;  
           }
           .space-wrapper:hover .space-text{
              left:57%;
                  transition: all 0.2s ease;  
           
           } 
           #space{
              margin-top:calc(50vh - 200px);
              padding-bottom:7rem;
           }
           .space-text h2{
               font-size:96px;
            }
            h2.light{
              line-height:0.8;
              font-weight: lighter;
           }
            h2.bold{
              line-height:0.8;
              font-weight: bold;
           }
           
           #sustainability{
           
                position:relative;
                padding-top:7rem;
                
              
                background-image:  linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20% 80%, rgba(255,255,255,0) 100%);
  
           }
           .sustainability-header{
              margin-top:7rem;
              margin-bottom:7rem;
              position:relative;
              border-right:1px solid #FA8334;
              
           }
           .sustainability-ico{
              position:absolute;
              right:10px;
              bottom:-70px;
          }
           .sustainability-text{
              padding-top:7.5rem;
           }
           .sustainability-text ul{
padding-left:1.3rem;
            }
  .sustainability-text ul li{
padding-top:1px;
list-style-image: url(images/sipocka.png); 
            }
             .sustainability-text ul li::marker {
  color: #FA8334;
}
           .sustainability-header h2{
                 font-size:40px;
                 text-align: right;
                
           }
           
           .f-16{
              font-size:16px;
           }
           .f-20{
              font-size:20px;
           }
            .f-24{
              font-size:24px;
           }
           .partners-text{
                width:100%;
                max-width:740px;
                
                
           }
         .portfolio-wrapper{
        margin-top:-180px;

        padding-top: 150px!important;
  padding-bottom: 150px!important;
     }   
  @media only screen and (max-width: 992px) {
  .page-tropez{
              
             margin-top:200px;
               clip-path: polygon(0 7%, 100% 0%, 100% 100%, 0 93%);
 
 }    
}         
           
 @media only screen and (max-width: 768px) {
     .logo-tropez{
          width:250px;
     }
     .lang-tropez{
          width:65px;
     }
     .sustainability-tropez {
          
          height: 875px;
          padding-bottom:100px;
    }
    
       .project-tropez{
              
              
                 clip-path: polygon(0 0%, 100% 6%, 100% 94%, 0 100%);
              
           
           }
      .project-info {
border-left:0px!important;
padding-left:1.5rem;

}     
          #projectcar .carousel-control-prev {
                left: 0px;;
            }
            #projectcar .carousel-control-next {
                right: 0px;
            }     
     .space-wrapper{
          width:95%;
          height:auto;
          aspect-ratio: 2 / 1;
     }
     .space-text h2{
          font-size:52px;;
     }
     #portfolio{
     
          padding-top:100px;
     }
     .portfolio-wrapper{
        margin-top:-110px;
        padding-bottom:100px;
           padding-top: 0px!important;
     
     }
    #video {
      width: 250%;
      position: fixed;
      top: 0;
      left: -50%;
      
  }

  
  #sustainability {
    
    padding-top: 0rem;
   }
   #space{
      padding-bottom: 2rem;
   }
   .sustainability-header {
   
     margin-bottom: 0rem;
  }
  .sustainability-text {
    padding-top: 1.5rem;
}

}      

 @media only screen and (max-width: 576px) {
  .sustainability-tropez {
                 clip-path: polygon(0 6%, 100% 0%, 100% 100%, 0 94%); 
          height: 1125px;
          
    }
  .page-tropez{
              
             
               clip-path: polygon(0 3%, 100% 0%, 100% 100%, 0 97%);
 
 }    
.page{
padding-top:100px;
}

.mt-menu{
margin-top:200px;
}


}