body{
            font-family: Tahoma;
            color:#035E8A;
            background:  #F1E4D1;
          
          }
          b,strong{
            //color: #0F284B;
          }
          h1,h2,h3,h4,h5,h6{
             font-family:"Tahoma";
          }
          h2{
              
              font-size:64px;
            
          }
          a{
              text-decoration:none;
              color:inherit;
          }
          
          
          .prompt{
                font-family:"Verdana";
          }
          .olive{
               color:#96A13A;
          }
          .blue{
                color:#035E8A;
          }
          .blue80{
                color:#0F284B80;
          }
          .white{
                color:#ffffff;
          }
          .orange{
              color:#FA8334;
          }
          .lightblue{
              color:#76949F!important;
              
          }
          .bglightblue{
              background-color:#76949F;
                 color:white;
          }
          .bgblue{
                background-color:#035E8A;
                color:white;
          }
          .bgolive{
                background-color:#96A13A;
                color:#0F284B;
          }
          .bgwhite{
               background-color:#ffffff;
               
          }
          .bgblue80{
                background-color:#035E8Ad0!important;
                color:white;
               
          }
           .borderbottom{
                border-bottom:1px solid;
                
          }
            .borderright{
                border-right:1px solid;
                
          }
            .borderleft{
                border-left:1px solid;
                
          }
           .borderblue{
                border-color:#0F284B!important;
                
          }
             .borderorange{
                border-color:#FA8334!important;
                
          }
            .borderolive{
                border-color:#96A13A!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:"Tahoma";
                font-size:24px;
                font-weight: 500;
          }
          #video{
              width:100%;
              position:fixed;
              top:0;
              left:0;
              
          }
                #videox{
              position:fixed;
              min-width:100%;
            
            }
          .logo{
              width:115px;
               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:#FAFAFA;
              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{
            max-width:20%;
            max-height:80px;
            display:inline-block;
            margin:1rem;
            min-width:130px;
            position:relative;
          }
          .logo_tenant{
              max-width:100%;
                max-height:80px;
              
          }
          .subhead{
              border-left:1px solid;
              font-size:13px;
              height:50%;
              padding-left:10px;
              font-weight:600;
              line-height:1.2;
              transition: all 3s ease;
              display:inline-block;
              text-align:left;
              vertical-align:super;
          }
          .subhead.olive{
              border-color:#96A13A;
          }
           .subhead.white{
              border-color:#ffffff;
          }
          .subhead.big{
              display:none;
                transition: all 1s ease;
          }
          .footer{
              min-height:100px;
              top:100%;
              position:relative;
          }
          
          .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;
              

          } 
          .navbar-collapse.show .navbar-toggler,.navbar-collapse.collapsing .navbar-toggler{
            position:absolute;
            top: 48px;
    right: 12px;
          }
          .navbar-collapse.show,.navbar-collapse.collapsing{
          
              background-color:#035E8Ad0!important;
                color:white;     
              width: 100%;
              height: 100vh;
              position: absolute;
              left: 0;
              top: 0;
              //  background-color:#0F284B;
                color:white;
                z-index:2000;
          
          }
          .navbar-collapse.show .navbar-nav,.navbar-collapse.collapsing .navbar-nav{
              background-color:transparent!important;
          }
          .navbar-collapse.show .logo,.navbar-collapse.collapsing .logo{
                width:200px;
          }
          .closed{
              position:absolute;
              right:20px;
              top:20px;
          }
          .navbar-collapse.show .nav-link,.navbar-collapse.collapsing .nav-link{
              display:block;
              margin:15px;
              font-size:36px;
              text-align:center;
          }
          .navbar-collapse.show  .menu-tropez,.navbar-collapse.collapsing  .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;
           }
          .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{
           
              max-width:620px;
              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: -20px;;
            }
            #projectcar .carousel-control-next {
                right: 150px;
            }
             #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:128px;
                clip-path: polygon(9% 11%, 94% 32%, 99% 76%, 0 93%);
                background:white;
                padding-top:25px;
           }
           
           .menu-tropez{
           
              width:684px;
              height:68px;
              clip-path: polygon(3% 20%, 97% 1%, 100% 100%, 1% 80%);
              
           }
           .lang-tropez{
              width:150px;
              height:50px;
              clip-path: polygon(0 0%, 100% 15%, 100% 85%, 0 100%);
              padding-top:0.4rem;
           }
           
           .dokumenty-tropez{
              
                 width:100%;
                 min-height:375px;
                 clip-path: polygon(5% 13%, 95% 0%, 100% 96%, 0% 86%);
                        position:relative;
             transition: all 0.3s ease; 
           }
           .dokumenty-tropez:hover{
              
                 width:100%;
                
                 clip-path: polygon(5% 11%, 97% 3%, 99% 96%, 0% 84%);
                        position:relative;
                 transition: all 0.3s ease; 
           } 
          .dokumenty-tropez:hover h2{
                  padding-top:1.3rem;
                   transition: all 0.3s ease; 
          }
             .dokumenty-tropez h2{
                  padding-top:0rem;
                   transition: all 0.3s ease; 
          }
           .space-wrapper{
              top: 55%;

              width:800px;
              height:300px;
              min-height:300px;
              position:relative;
           }
           .space-tropez{
              width:100%;
              height:100%;
              clip-path: polygon(7% 4%, 95% 14%, 100% 85%, 3% 95%);
              background-color:#ffffff88!important;
              
                  transition: all 0.2s ease; 
           
           }
           .space-wrapper:hover .space-tropez{
              width:100%;
              height:100%;
              clip-path: polygon(0% 8%, 97% 0%, 96% 79%, 8% 94%);
              background-color:#ffffff!important;
              filter: none;
                 transition: all 0.2s ease;  
           
           }
           .space-text{
              position: absolute;
              top: 57%;
              
              left:50%;
              width: 100%;
              height:100%;
              transform: translate(-50%, -50%);
              z-index: 2;
              padding: 5%;
              text-align: left;
                  transition: all 0.4s ease;  
           }
           .space-wrapper:hover .space-text{
              left:53%;
                  transition: all 0.4s ease;  
           
           } 
           #prihlaska{
              margin-top:calc(50vh - 200px);
              padding-bottom:7rem;
           }
           .space-text h2{
               font-size:56px;
            }
            h2.light{
              line-height:0.8;
              font-weight: lighter;
           }
            h2.bold{
              line-height:0.8;
              font-weight: bold;
           }
           
           #onas{
           
                position:relative;
                padding-top:7rem;
                padding-bottom:7rem;
              
                background-image:  linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20% 80%, rgba(255,255,255,1) 100%);
  
           }
           .dokumenty-header{
              margin-top:7rem;
              margin-bottom:7rem;
              position:relative;
              border-right:1px solid #76949F;
              
           }
       
           .dokumenty-text{
              padding-top:7.5rem;
  padding-bottom:7.5rem;
           }
             .dokumenty-text ul li::marker {
  color: #76949F;
}
           .dokumenty-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:-150px;

        padding-top: 150px!important;
     }   
           
           
 @media only screen and (max-width: 768px) {
     .logo-tropez{
          width:250px;
     }
     .lang-tropez{
          width:65px;
     }
     .dokumenty-tropez {
          
          height: 875px;
          padding-bottom:100px;
    }
   
       .project-tropez{
              
              
                 clip-path: polygon(0 0%, 100% 6%, 100% 94%, 0 100%);
              
           
           }
           
           
     .space-wrapper{
          width:95%;
          height:auto;
          aspect-ratio: 2 / 1;
     }
     .space-text h2{
          font-size:44px;;
          line-height:1.2;
     }
     #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;
   }
   #prihlaska{
      padding-bottom: 2rem;
   }
   .dokumenty-header {
   
     margin-bottom: 0rem;
  }
  .dokumenty-text {
    padding-top: 1.5rem;
}
}      

 @media only screen and (max-width: 576px) {
  .dokumenty-tropez {
          clip-path: polygon(0% 5%, 100% 0%, 100% 90%, 0% 85%);
           height: auto;
          
    }
      .dokumenty-tropez:hover {
          clip-path: polygon(0% 5%, 100% 0%, 100% 90%, 0% 85%);
          height: auto;
          
    }
 }    
           
           
           
           
           
           
           



#name{ display:none}
#message{
 min-height:100px;
}
.contact_form{
 margin-bottom:15px;
}
label{
margin-top:1rem;
}
.prihlaska{
  margin-top:150px;
}