body{padding: 0; margin: 0; color: #FFF; font-size: 16px; color: #FFF; font-family:  Arial, Helvetica,"sans-serif"; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -webkit-text-size-adjust: 100%; background-color: #000;}

a{text-decoration: none;}

#page-outer.white{color: #231f20; background-color: #FFF;}

.section{position: relative}
#page-outer.gallery .section{background: #000; box-sizing: border-box;}


.page-bg-image{ height:100%;position: absolute; object-fit:cover; left: 50%; transform: translateX(-50%); top:0; width: 100%; }

#language-bar{display: flex; flex-direction: row; width:100%; justify-content: flex-end; position: absolute; z-index: 1001}
#language-bar a{display: inline-flex; width:40px; height: 40px; background-color:#908865; color: #FFF; text-decoration: none; font-size: 12px; align-items: center; justify-content: center}
#header{background: url(../img/header/top-bg.png) repeat-x ; height: 27%; position: absolute; top: 0; z-index: 1000; width:100%; background-size: contain}

#top_menu{position: absolute; left: 0; top: 0; z-index: 999; width:100%; display: flex; justify-content: center; height: 40px; transition: all .15s; font-size:12.5px; letter-spacing: 2px; padding-top: 30px}
#header.menu-hover #top_menu{background-color: rgba(0,0,0,.64);}

#header.menu-hover #top-logo{visibility: hidden; opacity: 0; }

#page-outer.white #header.menu-hover #top-logo-black{visibility: hidden;  opacity: 0;  }

#header.menu-hover #top-logo-small{visibility: hidden; opacity: 0}

#page-outer.white #header.menu-hover #top-logo-black-small{visibility: hidden; opacity: 0}


#top_menu #menu-right ul,#top_menu #menu-left ul{justify-content: space-between; width:100%;}
#top_menu #menu-left .top-sub-menu-container ul,
#top_menu #menu-right .top-sub-menu-container ul{justify-content: flex-start;  }
.top-sub-menu-container ul li a{font-size: 9.5px !important;}
.top-sub-menu-container ul li {margin: 0 7px;}


#top-logo{width:195px; margin-top: 37px; transition: all .3s; opacity: 1; position: relative; z-index: 1000;}
#top-logo-black{display: none;width:195px; margin-top: 37px; transition: all .3s; opacity: 1; z-index: 1000; }
#top-logo-small{display: none;width:195px; margin-top: 37px;  transition: all .3s; opacity: 1; z-index: 1000; }
#top-logo-black-small{display: none;width:195px; margin-top: 37px;  transition: all .3s; opacity: 1; z-index: 1000;  }


#top-logo img,
#top-logo-black img,
#top-logo-small img,
#top-logo-black-small img{display: block; width:100%;}


#page-outer.white #top-logo{display: none;}
#page-outer.white #top-logo-small{display: none;}
#page-outer.white #top-logo-black{display: block;}
#page-outer.white #top-logo-black-small{display: block;}

#top_menu ul{display: flex; justify-content: flex-start; margin: 0; padding: 0; align-items: center}
#top_menu ul li{margin: 0 10px; list-style: none; padding: 0;}
#top_menu ul li .top-sub-menu-container{position: absolute; left: 0;   width:100%;  height: 0;
  transition: all 0.2s linear;
    
  overflow: hidden;
  
 }
#top_menu ul li .top-sub-menu-wrapper{margin-top: 9px; height: 50px; background-color: rgba(0,0,0, .64);}
#top_menu ul li.current_page .top-sub-menu-wrapper{margin-top: 38px; }
#top_menu ul li .top-sub-menu-container ul{width:1115px !important; margin: auto; height: 100%; align-items: center }
#top_menu ul li .top-sub-menu-container ul li a{color:#ffffff; opacity: .5; transition: all .2s}
#top_menu ul li .top-sub-menu-container ul li a:hover{opacity: 1;}

#top_menu #menu-right .top-sub-menu-container ul{margin-left:calc(50% + 112.5px); width:calc(50% - 112.5px); }


#top_menu ul li a{text-decoration: none; color: #FFF; white-space: nowrap; padding: 5px 0; display: block; letter-spacing: 2px;}
#top_menu ul li a.current_page{border-bottom:2px solid rgba(255,255,255,.7); margin-bottom: -2px}
#page-outer.white #top_menu ul li a.current_page{border-bottom:2px solid rgba(144,136,101,.7)}
.top-sub-menu-container a.current_page{border:none !important}
#top_menu ul li:hover .top-sub-menu-container{height: 90px;}


#page-outer.white #top_menu li a{color: #908865;}
#page-outer.white #header{background: none;}
#page-outer.white #top_menu ul li .top-sub-menu-wrapper a{color: #fff;}


#menu-left,#menu-right{width: 490px;}
#menu-left{display: flex; justify-content: flex-end}
#menu-right{display: flex; }

#pages-menu{position: absolute; left: 60px; bottom: 90px;  z-index: 999; font-family: "adobe-caslon-pro"; margin: 0; padding: 0; width:400px;  text-shadow: 1px 1px 3px rgba(0,0,0,0.7); }
#pages-menu a{color: #FFF; text-decoration: none; display: block; overflow-wrap:break-word}
#pages-menu li{font-size: 27px; line-height: 100%; padding: 0; margin: 0; list-style: none; margin: 5px; white-space: nowrap}
#pages-menu li.page_active{font-size: 40px; overflow: inherit}

#pages-menu li .page-desc{ display: none;font-size: 40%; line-height: 120%; margin-bottom: 10px; white-space: normal; letter-spacing: .2px;}

#pages-menu li.root-menu{font-family: 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size:12px; background: url(../img/pages/root-menu.png) no-repeat left top; padding-left: 15px; margin-bottom:10px; }
#pages-menu li.root-menu.page_active{background: none; padding-left: 0; font-family:"adobe-caslon-pro"; font-size: 45px; }
#pages-menu li.root-menu.page_active .page-desc{font-size: 40%;}

#pages-menu.white{color: #000;}
#pages-menu.white a{color: #000;}

#page-bottom-bg{background: url(../img/page-bottom-bg.png) repeat-x center center; height: 287px; width:100%; left: 0; bottom:0; z-index: 3;  position: absolute; }
#page-outer.white #page-bottom-bg{display: none}


#footer{position: absolute; z-index: 1998; bottom:10px; left: 0; width:100%; box-sizing: border-box; font-size: 7px; letter-spacing: 2px;}
#footer-links{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%)}
#footer-links a.ekip{display: none}
#footer-legal-text{display: none;}


#page-outer.contact #footer-links{display: block;}

#footer-links a{display: inline-block; margin: 0 12px; font-size: 10px; font-weight: 700; color: #FFF; text-decoration: none}
#footer-links a{display: inline-block; margin: 0 12px; font-size: 10px; font-weight: 700; color: #FFF; text-decoration: none}
#page-outer.white #footer-links a{color: #231f20}

#page-outer.contact #footer-links.ekip{display: none;}
#page-outer.ekip #footer-links a{display: none}
#page-outer.ekip #footer-links a:nth-child(3){display: inline-block}

.footer-left{position: absolute; left: 65px;}
.footer-right{position: absolute; right: 65px;}

#page-outer #footer-text span.footer-logo-black{display: none;}

#page-outer.white #footer-text span{display: none}
#page-outer.white #footer-text span.footer-logo-black{display: inline}


#footer-text{text-align: center; left: 50%; transform: translateX(-50%); position: absolute; display: flex; flex-direction: column; bottom: 0; justify-content: flex-end; align-self: flex-end; align-items: center; margin-top: 10px;}
#footer-text img{margin: 0 10px; margin-top: 15px;}

#footer-text img#footer-fs-logo{display: none;}

ul.page-slider{position: absolute; left: 0; top: 0; width:100%; height: 100%; background-color: #000; margin: 0; padding: 0;}
ul.page-slider li{margin: 0; padding: 0; list-style: none; height: 100%;}

ul.image-slider{position: absolute; left: 0; top: 0; width:100%; height: 100%; background-color: #000; margin: 0; padding: 0;}
ul.image-slider li{margin: 0; padding: 0; list-style: none; height: 100%;}


.bx-viewport{height: 100% !important}
.bx-wrapper{height: 100% !important; border: 0 !important; box-shadow:none !important;margin-bottom: 0 !important;}

.slide-desc{position: absolute; right:60px; bottom:120px; width:330px; z-index:999;font-family: "adobe-caslon-pro"; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); font-size: 25px; line-height: 120%; }

.content-page{ margin-top:210px;  width:100%; position: relative; left: 0; top: 0; box-sizing: border-box; box-sizing: border-box; font-family: "adobe-caslon-pro"; }

.content-page h1,
.content-page h2,
.content-page h3,
.content-page h4,
.content-page h5,
.content-page h6{
	margin-top: 0;
}

.page-container{max-width: 1000px; margin: auto; width:100%; box-sizing: border-box; padding-bottom: 50px; }

#page-outer.gallery{background:#000 }
#page-outer.gallery .content-page{background-color: transparent}

.gallery-wrapper h2{text-align: center; font-size: 30px; border-bottom:1px solid #FFF; color: #FFF; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 0; padding-bottom: 0; line-height: 100%; letter-spacing: 4px;}
.gallery-item-wrapper{display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; justify-content: center}
.gallery-item-wrapper a{display: block; width:calc(33.33% - 20px); margin: 10px; text-decoration: none;}
.gallery-item-wrapper a img{display: block; width:100%; margin-bottom: 10px; }
.gallery-item-wrapper a h3 {padding-left:20px; line-height: 100%; font-size:30px; color: #FFFFFF; letter-spacing: 4px }
.gallery-item-wrapper a h3 small{font-size:33.33%; color: #c6c6c6; font-family: Helvetica, Arial, "sans-serif"; display: block; letter-spacing: 2px; }

.gallery-more-click{text-align: center; padding-top: 15px;}
.gallery-more-click a{color: #c6c6c6; font-weight: 600;}

#developer-content{display: flex; flex-direction: row; align-items: flex-start}
#developer-image{margin-right:30px; width:  340px;}
#developer-image img{width:100%; display: block;}
#developer-desc{width:calc(100% - 340px)}
#developer-desc h1{ font-size: 40px; line-height: 100%; margin-bottom: 20px; }
#developer-desc h1 small{display: block; font-size:75%; }

.team-logo{ display: flex; align-items: flex-start; justify-content: center; margin-bottom: 10px;}

.team-item h3{font-size: 40px; margin-bottom: 20px;} 
.team-item{line-height: 120% !important;}
.team-back-link{color: #FFF; font-size: 18px; font-weight: bold; letter-spacing: 2px; background-color: #FFF; background: url(../img/pages/content/ekip/back.png) no-repeat left 5px; padding-left: 10px; line-height: 100%;}
#page-outer.white #header{height: 153px !important; }

/* Slider */


.video-container{position: absolute; left: 0; top: 0; width: 100%;  height: 100%; z-index: 3; display: block;left:0; overflow: hidden}
.videoplayer{width: 100%; height: 100%; left: 0; top: 0; width:100%; height: 100%; position: absolute;}
.video-container video{height: 100%; width:100%; object-fit: cover; position: absolute; left: 0; top: 0;  }
.video-container iframe{width:100%; height: 100%; position: absolute; left: 0%;top: 0; object-fit: fill; }


.vimeo-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

#page-outer.gallery #footer{position: relative; height: 80px;}

.bottom-arrow{background: url("../img/bottom-arrow.png") no-repeat center center; width:38px; height: 22px; position: absolute; left: 50%; top:85%; z-index: 111; opacity: .7; animation: bounce 1s infinite alternate; display: none; transform: translateX(-50%);}

@keyframes bounce{
	 from { transform: translateX(-50%) translateY(-10px); } 
}

.bottom-arrow.home{
	display: block;
}


.left-lens{position: fixed; left: 0; bottom: 0; height: 100vh; width:500px; z-index:3; background: url("../img/fs-right-bg.png") repeat-y left bottom; background-size: contain;}


#gallery-thumbs{
	width:100%; display: flex; align-items: center; justify-content: center;
}

#gallery-page-wrapper{height: 100vh; margin-top: 0; padding-top: calc(30vh + 1em); box-sizing: border-box;}

#gallery-thumbs a{padding: 30px 35px; color: #FFF; font-size: 10px; font-family:  Arial, Helvetica,"sans-serif"; padding-bottom: 0;}
#gallery-thumbs a .gallery-info{padding:10px 20px; letter-spacing: .2em}
#gallery-thumbs a .gallery-info div{opacity: .4}
#gallery-thumbs a h3{font-family: "adobe-caslon-pro"; font-size: 333%; letter-spacing: .14em; margin-bottom: 0; padding-bottom: 0;}
#gallery-thumbs a:nth-child(1){border-right: 1px solid rgba(255,255,255,.1); text-align: right}
#gallery-thumbs a img{display: block; width:100%; max-width: 325px;}

#gallery-page-content h2{text-align: center; text-decoration: underline; font-weight: 600; font-size: 30px; }

#call-me-btn{background: url("../img/header/call-btn2.png") no-repeat left top; background-size: contain; width:148px; height: 46px; position: absolute; right: calc((100% - 1175px) / 2); top:94px; z-index: 1; transform: translateX(50%)}
#call-me-btn.lang-en{background-image: url("../img/header/call-btn-en.png")}

#call-me-form{width:0; height: 100vh; position: fixed; z-index: 9999; right: 0; top: 0; overflow: hidden;transition: all .4s ease-in-out;}

#call-me-content{width:100%; height: 100%; right: 0%; position: absolute; top: 0; background-color: rgba(0,0,0,.95); }
#call-me-form.form-open{}
#call-me-form.form-open{width:100%}

#bth-wrapper{width:0; height: 100vh; position: fixed; z-index: 9999; right: 0; top: 0; overflow: hidden;transition: all .4s ease-in-out;}

#bth-content{width:100%; height: 100%; right: 0%; position: absolute; top: 0; background-color: rgba(0,0,0,.95); }
#bth-wrapper.form-open{}
#bth-wrapper.form-open{width:100%}

.team-back-link{font-family: 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size:12px; background: url(../img/pages/root-menu.png) no-repeat left center; padding-left: 25px; margin-bottom:10px; }