/* -----------------------------------------------------------------------------------
01 FONTS
----------------------------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Raleway:500,600,700,100,400,200,300);
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,200,300,500,600,700,900);


/* -----------------------------------------------------------------------------------
02 COMMON STYLES
----------------------------------------------------------------------------------- */

html{overflow-y:scroll;-ms-overflow-style:scrollbar}html,body{height:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}body{position:relative;background-color:#fafafa;overflow:hidden}#wrapper{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:100%;min-width:320px;overflow:hidden;position:relative;z-index:1}.js-height-100{position:relative}.w80{min-width:80px!important}.wh100{width:100%!important;height:100%!important}.os-animation{visibility:hidden}.os-animation.animated{visibility:visible}.back-to-top{width:30px;height:30px;position:fixed;bottom:-35px;right:20px;background-color:#555550;opacity:0;z-index:999;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out}.back-to-top.display{opacity:1;bottom:0}a.back-to-top{color:#ededeb;text-decoration:none}a.back-to-top:hover{color:#ededeb;text-decoration:none;background-color:#eec55b}.back-to-top:before{font-family:'ElegantIcons';content:"\32";font-size:28px;line-height:30px}.main{color:#eec55b!important}.white{color:#ededeb!important}.gray{color:#999990!important}.darkgray{color:#333330!important}.black{color:#000!important}body{font-family:'Source Code Pro',sans-serif;font-size:14px;line-height:2;font-weight:400;color:#333330}p{margin:0 0 20px}p.white{font-weight:300}.font-alt{font-family:'Raleway',sans-serif}.uppercase{text-transform:uppercase}figure img{width:100%;height:auto}hr{border-top:1px solid #e5e5e3}a{color:#333;text-decoration:underline}a:hover{color:#d00;text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:'Source Code Pro',sans-serif;font-weight:600;line-height:1.2;margin-top:2em;margin-bottom:1em;color:#333330}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}.lead{font-family:'Raleway',sans-serif;font-size:18px;line-height:1.8;font-weight:300}.p-lead{font-family:'Raleway',sans-serif;font-size:16px;line-height:28px;font-weight:300}address{line-height:24px}address a{color:#333330}address a:hover{color:#eec55b}textarea{resize:vertical}cite{font-style:italic}blockquote{font-family:'Raleway',sans-serif;padding:20px 40px;font-size:18px;line-height:1.8;font-weight:300}.blockquote-reverse,blockquote.pull-right{padding-right:40px}.dropcap{float:left;font-size:60px;line-height:50px;padding-right:4px;padding-top:4px}ol{list-style-type:decimal;list-style-position:inside;color:#eec55b}ol li span{color:#333330}ul.bullet{list-style:none;list-style-position:inside}ul.bullet li:before{content:"• ";speak:none;display:inline-block;text-decoration:inherit;font-size:13px;padding-right:6px;color:#eec55b}ul.arrow{list-style:none}ul.arrow li:before{font-family:'ElegantIcons';content:"\35";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;font-size:13px;padding-right:6px;color:#eec55b}ul.tick{list-style:none}ul.tick li:before{font-family:'ElegantIcons';content:"\4e";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;font-size:13px;padding-right:6px;color:#eec55b}i.fs0{font-size:12px;line-height:20px}i.fs1{font-size:16px;line-height:24px}i.fs2{font-size:24px;line-height:32px}i.fs3{font-size:32px;line-height:40px}i.fs4{font-size:48px;line-height:56px}.socials a i{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.socials a i.icon_mail:hover{color:#999990}.socials a i.social_facebook_square:hover,.socials a i.social_facebook:hover{color:#305fa5}.socials a i.social_twitter_square:hover,.socials a i.social_twitter:hover{color:#2daae2}.socials a i.social_googleplus_square:hover,.socials a i.social_googleplus:hover{color:#da2713}.socials a i.social_linkedin_square:hover,.socials a i.social_linkedin:hover{color:#0073b2}.socials a i.social_pinterest_square:hover,.socials a i.social_pinterest:hover{color:#bf242a}.socials a i.social_instagram_square:hover,.socials a i.social_instagram:hover{color:#5280a5}.title{font-weight:600;font-size:24px;text-transform:uppercase;line-height:1.2;margin-top:0}#pageloader{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:10000}.loader{position:absolute;width:auto;height:auto;margin-top:-32px;margin-right:-32px;top:50%;left:50%}.bounce{width:5px;height:100px;border-bottom:1px solid rgba(0,0,0,0.1);position:absolute;left:50%;top:50%;margin-left:-2px;margin-top:-50px;-moz-animation:shadow 2s ease-in-out infinite;-webkit-animation:shadow 2s ease-in-out infinite;animation:shadow 2s ease-in-out infinite}@-moz-keyframes shadow{50%{width:25px;border-bottom:2px solid rgba(0,0,0,0.1);-moz-transform:translateX(-12.5px);transform:translateX(-12.5px)}}@-webkit-keyframes shadow{50%{width:25px;border-bottom:2px solid rgba(0,0,0,0.1);-webkit-transform:translateX(-12.5px);transform:translateX(-12.5px)}}@keyframes shadow{50%{width:25px;border-bottom:2px solid rgba(0,0,0,0.1);-moz-transform:translateX(-12.5px);-ms-transform:translateX(-12.5px);-webkit-transform:translateX(-12.5px);transform:translateX(-12.5px)}}.bounce:before{content:'';width:25px;height:25px;background:#eec55b;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-12.5px;-moz-animation:bounce 2s ease-in-out infinite;-webkit-animation:bounce 2s ease-in-out infinite;animation:bounce 2s ease-in-out infinite}@-moz-keyframes bounce{25%{height:25px;border-radius:0}50%{-moz-transform:rotate(180deg);transform:rotate(180deg);margin-top:23px;border-radius:50%}100%{-moz-transform:rotate(540deg);transform:rotate(540deg)}}@-webkit-keyframes bounce{25%{height:25px;border-radius:0}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:23px;border-radius:50%}100%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}}@keyframes bounce{25%{height:25px;border-radius:0}50%{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:23px;border-radius:50%}100%{-moz-transform:rotate(540deg);-ms-transform:rotate(540deg);-webkit-transform:rotate(540deg);transform:rotate(540deg)}}.no-padding{padding:0!important}.col-no-p{padding-left:0!important;padding-right:0!important}.m0{margin:0!important}.mt0{margin-top:0!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt120{margin-top:120px!important}.mt180{margin-top:180px!important}.mr15{margin-right:15px!important}.mr30{margin-right:30px!important}.mr60{margin-right:60px!important}.mb0{margin-bottom:0!important}.mb10{margin-bottom:10px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px!important}.mb60{margin-bottom:60px!important}.mb70{margin-bottom:70px!important}.mb80{margin-bottom:80px!important}.mb120{margin-bottom:120px!important}.mb180{margin-bottom:180px!important}.ml15{margin-left:15px!important}.ml30{margin-left:30px!important}.ml60{margin-left:60px!important}.pt0{padding-top:0!important}.pt10{padding-top:10px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt120{padding-top:120px!important}.pt180{padding-top:180px!important}.pr15{padding-right:15px!important}.pr30{padding-right:30px!important}.pr60{padding-right:60px!important}.pb0{padding-bottom:0!important}.pb10{padding-bottom:10px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb120{padding-bottom:120px!important}.pb180{padding-bottom:180px!important}.pl15{padding-left:15px!important}.pl30{padding-left:30px!important}.pl60{padding-left:60px!important}@media (max-width: 991px){.mb-md-30{margin-bottom:30px}.mb-md-60{margin-bottom:60px}}@media (max-width: 767px){.mb-sm-30{margin-bottom:30px}.mb-sm-60{margin-bottom:60px}}#header{position:fixed;top:0;width:100%;height:100px;padding:0 60px;background-color:#fafafa;box-sizing:border-box;-moz-box-sizing:border-box;z-index:8}#header.dark{background-color:#333330}#header.js-transparent{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}#header.transparent{background-color:transparent!important}#logo{float:left}#logo a{width:auto;margin:0;margin-top:15px;display:inline-block;line-height:0}#logo img{height:30px;vertical-align:baseline}#logo p{font-family:'Raleway',sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;float:right;margin:0;line-height:60px}#logo p:before{content:}@media (max-width: 767px){#header{height:30px;padding:0 30px}#logo a{margin-top:5px}#logo img{height:20px}#logo p{display:none}}#hamburger{position:absolute;top:15px;right:15px;z-index:9;width:30px;height:30px;box-sizing:border-box;display:block;background:center center no-repeat transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTczNzMxQzNENDkzMTFFNDk0Qzk5QUU2QjVBRDhGRTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTczNzMxQzRENDkzMTFFNDk0Qzk5QUU2QjVBRDhGRTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NzM3MzFDMUQ0OTMxMUU0OTRDOTlBRTZCNUFEOEZFOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NzM3MzFDMkQ0OTMxMUU0OTRDOTlBRTZCNUFEOEZFOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phq1cjcAAABiSURBVHjaYvz//z/DQAAmhgECoxaPWjz8LGbBJhgeHv7/1q1bVLFAXV2dYcWKFYx09zGuAooRm8TPX7+pajk7G+to4ho4i7HG8WiqHk3Vo6l66Kfq0cQ1avGoxUPKYoAAAwBuDTYeW1jsAAAAAABJRU5ErkJggg==)}#hamburger.white{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDlDOEQ2NUVENEJEMTFFNUI4NUZBNDgzREU2RUE2RTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDlDOEQ2NUZENEJEMTFFNUI4NUZBNDgzREU2RUE2RTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEOUM4RDY1Q0Q0QkQxMUU1Qjg1RkE0ODNERTZFQTZFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEOUM4RDY1REQ0QkQxMUU1Qjg1RkE0ODNERTZFQTZFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlbXxr0AAABASURBVHja7NOxCQAgDEXBRNx/5TiBXSAi90ubR+DMqoqJrRiasPB/4X157/7c+fzFCRfVVMNFNdVUCwu37QgwAOSiBkjHBX2CAAAAAElFTkSuQmCC)}@media (max-width: 3067px){#hamburger{display:none}}@media (max-width: 987px){#hamburger{top:0;right:0;display:block}}#quickmenu{float:right}#quickmenu ul{font-family:'Raleway',sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;list-style-type:none;margin:0;padding:0;overflow:hidden}#quickmenu ul li{float:left}#quickmenu ul li a{height:60px;line-height:60px;display:inline-block;text-align:center;padding:0 20px;text-decoration:none;color:#333330;webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#quickmenu ul li a:hover{opacity:.5}#quickmenu.white ul li a{color:#ededeb}@media (max-width: 991px){#quickmenu{display:none}}html.mm-front .mm-menu{z-index:1000}#menu{opacity:0}html.mm-blocking{overflow-y:scroll}#mm-blocker{z-index:999999}.mm-menu.mm-theme-dark{background:#333330;color:#ededeb}.mm-navbar{line-height:30px;height:60px;padding:0 60px}.mm-menu.mm-theme-dark > .mm-navbar{border:none;background-color:#eec55b}.mm-navbar.mm-hasbtns{padding:0 60px}.mm-navbar > *{padding:15px 0}.mm-navbar .mm-btn{width:60px;height:60px}.mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:74px}.mm-navbar .mm-title{font-family:'Raleway',sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter{color:#333330}.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:#333330}.no-touch .mm-menu.mm-theme-dark .mm-btn:hover:after,.no-touch .mm-menu.mm-theme-dark a.mm-btn:hover:before{border-color:#ededeb;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.no-touch .mm-menu.mm-theme-dark .mm-navbar a:link.mm-title:hover{color:#ededeb;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{width:10px;height:10px}.mm-clear:before,.mm-close:before{right:18px}.mm-clear:after,.mm-close:after{right:30px}.mm-listview{font-family:'Raleway',sans-serif;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.no-touch .mm-listview li:hover{color:#eec55b;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mm-prev:before,.mm-next:after{width:12px;height:12px}.no-touch .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:hover:before,.no-touch .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:hover:after{border-color:#eec55b;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.mm-menu.mm-theme-dark .mm-listview > li.hr{display:block;padding:10px 20px}.mm-menu.mm-theme-dark .mm-listview > li.hr > hr{border-top:1px solid #555550;margin-top:10px;margin-bottom:10px}.section{position:relative;margin:100px 0 0}.section-dark{background-color:#333330}.section-light{background-color:#ededeb}.section-title{font-size:30px;text-transform:uppercase;line-height:1.2;margin-top:0;margin-bottom:60px}.section-contents{width:100%;position:absolute;top:0;left:0}@media (max-width: 767px){.section-contents{position:relative}}.home{width:100%;height:100%;position:relative}.home.border{padding:60px 60px 0}.home.bordertop{padding-top:90px}@media (max-width: 991px){.home.border{padding:60px 0 0}}@media (max-width: 767px){.home.border{padding:30px 0 0}.home.bordertop{
	padding-top: 60px
}}.home-parallax-image{position:relative;width:100%;height:100%;background-position:50% 0;background-repeat:no-repeat;background-size:cover}.home-no-image{position:relative;width:100%;height:100%;margin:0}.head{width:100%;position:absolute;bottom:80px;left:0;color:#fff;z-index:3}.head-center{width:100%;text-align:center;position:absolute;top:50%;left:50%;color:#fff;z-index:3;word-wrap:break-word;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hs-title{font-family:'Raleway',sans-serif;font-size:60px;line-height:1.1em;font-weight:100;position:relative;margin-top:0;margin-bottom:.4em;text-transform:uppercase;word-wrap:break-word;color:#fff}.hs-title-small{font-family:'Raleway',sans-serif;font-size:36px;line-height:1em;font-weight:200;letter-spacing:.6em;position:relative;margin-top:0;margin-bottom:.4em;text-transform:uppercase;word-wrap:break-word;color:#fff;padding-left:.6em}.hs-subtitle{font-family:'Raleway',sans-serif;font-size:14px;line-height:1.6;font-weight:300;position:relative;margin-top:0;margin-bottom:10px;word-wrap:break-word;color:#fff}.hs-title.dark{font-weight:200;color:#333330}.hs-title.dark span{font-weight:600;color:#333330}.hs-title span{font-weight:400}.hs-title-small.dark{color:#333330}.hs-title-small span{font-weight:500}.hs-subtitle.dark{color:#333330;font-weight:400}.height-small{height:400px}.height-medium{height:500px}.height-big{height:600px}.height-large{height:800px}.head-line:after{content:"";display:block;height:4px;width:120px;border-top:4px solid #eec55b;margin:0 auto}@media (min-width: 1680px){.head{width:70%}}@media (min-width: 1440px){.head{width:80%}}@media (min-width: 1280px){.head{width:90%}}@media (max-width: 991px){.head{bottom:80px}.hs-title{font-size:36px}.hs-title-small{font-size:24px}.hs-subtitle{font-size:13px}}@media (max-width: 767px){.head{bottom:60px}.hs-title{font-size:24px;padding-right:0px}.hs-title-small{font-size:18px}.hs-subtitle{font-size:12px;padding-right:0px}.head-center .hs-title,.head-center .hs-title-small,.head-center .hs-subtitle{padding-right:0}.height-medium,.height-big,.height-large{height:400px}}.bg-img{position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.bg-img.bg-bc{background-position:30% 100%;background-size:auto}.bg-mask-dark{position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;background:#333330;opacity:.6}.mask-dark:before{content:" ";width:100%;height:100%;position:absolute;top:0;left:0;background:#333330;opacity:.8}.bg-mask-dark.op0,.op0:before{opacity:0}.bg-mask-dark.op1,.op1:before{opacity:.1}.bg-mask-dark.op2,.op2:before{opacity:.2}.bg-mask-dark.op3,.op3:before{opacity:.3}.bg-mask-dark.op4,.op4:before{opacity:.4}.bg-mask-dark.op5,.op5:before{opacity:.5}.bg-mask-dark.op6,.op6:before{opacity:.6}.bg-mask-dark.op7,.op7:before{opacity:.7}.bg-mask-dark.op8,.op8:before{opacity:.8}.bg-mask-dark.op9,.op9:before{opacity:.9}.progress{height:4px;margin-bottom:50px;overflow:hidden;background-color:#ededeb;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;overflow:visible}.progress-bar{position:relative;float:left;width:0;height:100%;font-size:12px;line-height:28px;font-weight:400;color:#333330;text-align:left;text-transform:uppercase;background-color:#eec55b;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;-ms-transition:width .6s ease;transition:width .6s ease}.progress-bar > span{position:absolute;top:0;right:0;display:inline-block;line-height:28px}.btn:active,.btn.active{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none}.btn-default,a.btn-default,.btn-main,a.btn-main{border:0;border-radius:0;font-family:'Raleway',sans-serif;font-weight:500;font-size:12px;line-height:1em;text-transform:uppercase;text-decoration:none;letter-spacing:.2em;padding:7px 21px;color:#333330;background:rgba(208,208,206,0.8);border:2px solid transparent;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}.btn-main,a.btn-main{background:rgba(238,197,91,.8)}.btn-main.btn-border,a.btn-main.btn-border{background:transparent;border-color:rgba(238,197,91,1)}.btn-default.btn-border,a.btn-default.btn-border{background:transparent;border-color:rgba(208,208,206,1)}.btn-default:hover,.btn-default:focus,a.btn-default:hover,a.btn-default:focus,.btn-default:active:hover,.btn-default:active:focus{color:#333330;background:rgba(208,208,206,1);border-color:rgba(208,208,206,1);outline:none}.btn-main:hover,.btn-main:focus,a.btn-main:hover,a.btn-main:focus,.btn-main:active:hover,.btn-main:active:focus{color:#333330;background:rgba(238,197,91,1);border-color:rgba(238,197,91,1);outline:none}.btn-lg,.btn-group-lg > .btn{padding:9px 24px!important;font-size:14px!important}.btn-sm,.btn-group-sm > .btn{padding:6px 18px!important;font-size:11px!important}.btn-xs,.btn-group-xs > .btn{padding:5px 15px!important;padding-bottom:4px!important;font-size:10px!important}.btn.btn-round{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.panel{margin-bottom:20px;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.panel-heading{padding:10px 15px;border-bottom:0;border-top-left-radius:0;border-top-right-radius:0}.panel-group .panel{border-radius:0}.panel-default .panel-heading{color:#333330;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;background-color:rgba(204,204,204,0.8)}.panel-default .panel-heading:hover{background-color:rgba(204,204,204,1)}.panel-default > a{text-decoration:none}.panel-title{font-weight:300;font-size:16px;line-height:1.4em;letter-spacing:.1em;text-transform:uppercase}.counter{text-align:center;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-o-transition:all 400ms ease;-ms-transition:all 400ms ease;transition:all 400ms ease}.counter-no{font-size:48px;font-weight:300;line-height:48px;margin-bottom:20px}.counter-title{font-weight:500;font-size:14px;text-transform:uppercase;line-height:14px;background-color:#eec55b;margin-top:0;margin-bottom:0;padding:6px 0}.box-media-a,.box-media-b{margin-bottom:30px}.box-media-a .media-text,.box-media-a .et-icon-wrap{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.box-media-a:hover .media-text{background-color:#ededeb}.box-media-a:hover .et-icon-wrap{background-color:#eec55b}.box-media-a img{width:100%;display:block}.box-media-c{position:relative}.box-media-c .bg-mask-dark{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.box-media-c:hover .bg-mask-dark{opacity:.9}.media > .pull-left{margin-right:20px}.media-title{font-weight:500;font-size:18px;text-transform:uppercase;line-height:1.8;background-color:#eec55b;margin-top:0}.media-text p{font-size:14px;line-height:1.8}.media-text:after{content:"";display:block;height:1px;width:100%;border-top:1px solid #eec55b}.media-text-b p{font-size:13px;line-height:1.8}.media-text-c{position:relative}.media-text-c p{font-size:13px;line-height:1.8}.media-left{background-color:#ededeb;padding:0 30px}.et-icon-wrap{text-align:center;margin:0 auto;padding:20px 0;color:#333330;background-color:#ededeb}.pricing{display:block;padding:0;overflow:hidden;background-color:#fafafa;border:1px solid #999990;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.pricing .plan{background:#333330;text-align:center}.pricing .plan.distinction{background:#eec55b}.pricing .plan h3{font-family:'Raleway',sans-serif;font-weight:400;text-transform:uppercase;font-size:24px;line-height:18px;padding-top:40px;margin:0;color:#ededeb;letter-spacing:4px}.pricing .plan h4{font-family:'Open Sans',sans-serif;font-weight:300;font-size:100px;line-height:80px;padding:20px 0 0;margin:0;color:#ededeb;letter-spacing:-6px;margin-right:5px}.pricing .plan h4 .currency{font-size:48px;display:inline;vertical-align:super;letter-spacing:0}.pricing .plan h4 .period{font-size:14px;display:inline;text-transform:uppercase;letter-spacing:0}.pricing .plan p{font-style:italic;color:#999990;padding-bottom:20px}.pricing .plan.distinction p{color:#ededeb}.pricing .features ul{margin:0;list-style:none}.pricing .features ul li{background:#fafafa;padding:15px 0;text-align:center}.pricing .features li:nth-child(2n){background:#e5e5e3}.nav-tabs{border-bottom:1px solid #eec55b}.nav-tabs > li{margin-bottom:-1px}.nav-tabs > li > a{margin-right:4px;line-height:40px;border:0;border-radius:0;color:#333330;text-decoration:none}.nav-tabs > li > a:hover{background:#ededeb;border-bottom-color:#ededeb;border-bottom:1px solid #ededeb}.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{color:#333330;cursor:default;background-color:#eec55b;border:0;border-bottom:1px solid #eec55b}.tab-content > .active{padding:15px}.menu-list p{line-height:1.2;margin-bottom:0}.menu-item{position:relative}.menu-item-title{position:relative;margin-top:0;margin-bottom:6px;text-align:left;padding-right:100px}.menu-list .menu-title{color:#333330;text-transform:uppercase;position:relative;z-index:5;background-color:#fafafa}.menu-list span.dots{position:absolute;top:17px;left:0;right:0;z-index:1;margin:0;border:0;border-bottom:2px dotted #ccccc0;height:2px;display:block}.menu-list .menu-price{position:absolute;top:0;right:0;z-index:1;max-width:100px;background-color:#fafafa;font-size:18px;line-height:18px;font-weight:700;padding:2px}.swiper-slide{background-size:cover;background-position:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.swiper-slide img{width:auto;height:auto;max-width:100%;max-height:100%}.swiper-container-narrow{width:100%;height:600px;margin:0 auto;position:relative;overflow:hidden;z-index:1}.w-swiper{width:50%}.w-swiper-portrait{width:22%}.swiper-container-slider{width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-half-slider,.swiper-container-half-slider-portfolio{width:100%;margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-pagination-narrow,.swiper-pagination-slider,.swiper-pagination-half-slider,.swiper-pagination-half-slider-portfolio{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;-ms-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:7}.swiper-container-horizontal > .swiper-pagination-narrow,.swiper-container-horizontal > .swiper-pagination-slider,.swiper-container-horizontal > .swiper-pagination-half-slider,.swiper-container-horizontal > .swiper-pagination-half-slider-portfolio{bottom:10px;left:0;width:100%}.swiper-container-horizontal > .swiper-pagination-narrow .swiper-pagination-bullet,.swiper-container-horizontal > .swiper-pagination-slider .swiper-pagination-bullet,.swiper-container-horizontal > .swiper-pagination-half-slider .swiper-pagination-bullet,.swiper-container-horizontal > .swiper-pagination-half-slider-portfolio .swiper-pagination-bullet{margin:0 5px}footer{position:relative;width:100%;background-color:#fafafa}.footer-wrapper{font-family:'Raleway',sans-serif;font-weight:400;font-size:12px;text-transform:uppercase;padding:120px 60px;text-align:center;-webkit-font-smoothing:antialiased}.footer-copyright{margin:10px 0}.footer-social{margin-top:8px}.footer-social a{margin-left:3px;margin-right:3px;color:#333330;text-decoration:none}.team-cl-full{display:none}.team .item,.team-cl-full .item{margin:0;overflow:hidden;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.team-cl-full .item{margin:0 4px 8px}.team .item img,.team-cl-full .item img{width:100%;height:auto;display:block}.team .item .mask,.team-cl-full .item .mask{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background-color:rgba(245,245,245,1)}.team-item-detail{width:100%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.team-name{position:absolute;bottom:0;width:100%;text-align:center;background-color:#eec55b;font-weight:500;font-size:16px;line-height:2;color:#333330;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.team-position{text-align:center;font-weight:400;font-size:18px;letter-spacing:.2em;line-height:2;text-transform:uppercase;color:#333330;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.team-socials a{display:inline-block!important;margin-left:2px;margin-right:2px;color:#333330;text-decoration:none}@media (max-width: 767px){.team{max-width:375px;margin-left:auto;margin-right:auto}}.gallery-cl-full{display:none}.gallery .item,.gallery-full .item{float:left;overflow:hidden;position:relative;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.gallery-cl-full .item{margin:0;overflow:hidden;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.gallery .item .mask,.gallery-full .item .mask,.gallery-cl-full .item .mask{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background:url(../images/gallery-cross.png) 50% 50% no-repeat;background-color:rgba(245,245,245,1)}.gallery .item img,.gallery-full .item img,.gallery-cl-full .item img{width:100%;height:auto;display:block}.gallery.grid-1 .item,.gallery-full.grid-1 .item{width:100%}.gallery.grid-2 .item,.gallery-full.grid-2 .item{width:50%}.gallery.grid-3 .item,.gallery-full.grid-3 .item{width:33.3334%}.gallery.grid-4 .item,.gallery-full.grid-4 .item{width:25%}.gallery.grid-gap,.gallery-full.grid-gap{margin:0 0 0 -8px}.gallery.grid-gap .item,.gallery-full.grid-gap .item{padding:0 0 8px 8px}.gallery-cl-full.grid-gap .item{margin:0 4px 8px}@media (max-width: 991px){.gallery.grid-3 .item,.gallery.grid-4 .item,.gallery-full.grid-3 .item,.gallery-full.grid-4 .item{width:50%}}@media (max-width: 767px){.gallery.grid-2 .item,.gallery.grid-3 .item,.gallery.grid-4 .item,.gallery-full.grid-2 .item,.gallery-full.grid-3 .item,.gallery-full.grid-4 .item{width:100%}}.portfolio-cl-full{display:none}.portfolio .item,.portfolio-full .item,.portfolio-cl-full .item{float:left;margin:0;overflow:hidden;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.portfolio .item .mask,.portfolio-full .item .mask,.portfolio-cl-full .item .mask{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background-color:rgba(245,245,245,1)}.portfolio .item img,.portfolio-full .item img,.portfolio-cl-full .item img{width:100%;display:block;position:relative}.portfolio .item h2,.portfolio-full .item h2,.portfolio-cl-full .item h2{font-family:'Source Code Pro',sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;line-height:1.2;color:#333330;white-space:pre-wrap;position:absolute;left:30px;bottom:0;margin:0;padding-right:30px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.portfolio .item .subtitle,.portfolio-full .item .subtitle,.portfolio-cl-full .item .subtitle{font-family:'Source Code Pro',sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;line-height:1.2;color:#333330;text-align:left;position:relative;padding:30px 30px 0;margin:0}.portfolio .grid-1 .item,.portfolio-full.grid-1 .item{width:100%}.portfolio .grid-2 .item,.portfolio-full.grid-2 .item{width:50%}.portfolio .grid-3 .item,.portfolio-full.grid-3 .item{width:33.3334%}.portfolio .grid-4 .item,.portfolio-full.grid-4 .item{width:25%}.portfolio-full.grid-gap{margin:0 0 0 -8px}.portfolio-full.grid-gap .item{padding:0 0 8px 8px}.portfolio-cl-full.grid-gap .item{margin:0 4px 8px}.portfolio .items.grid-gap{margin:0 0 0 -8px}.portfolio .items.grid-gap .item{padding:0 0 8px 8px}@media (max-width: 991px){.portfolio .grid-3 .item,.portfolio .grid-4 .item,.portfolio-full.grid-3 .item,.portfolio-full.grid-4 .item{width:50%}}@media (max-width: 767px){.portfolio .grid-2 .item,.portfolio .grid-3 .item,.portfolio .grid-4 .item,.portfolio-full.grid-3 .item,.portfolio-full.grid-4 .item{width:100%}}.filters{width:auto;margin:0 auto 40px;font-family:'Source Code Pro',sans-serif;font-weight:400;display:block;text-align:center}.filters ul{display:inline-block;float:none;margin:0;padding:0}.filters ul li{display:inline-block;list-style:none}.filters ul li a{font-size:13px;color:#333330;padding:5px 20px;text-decoration:none;text-transform:uppercase;line-height:26px}.filters li a.selected{font-weight:500;border-bottom:1px solid #eec55b}.filters li a:hover{font-weight:500}@media (max-width: 767px){.filters ul li a{padding:0 6px}}.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}.project-year{font-size:12px;line-height:12px;font-weight:400;text-align:center;text-transform:uppercase;color:#999990;margin:0 auto 20px}.project-year span{padding:4px 8px;height:100%;border-top:1px solid #ddddd0;border-bottom:1px solid #ddddd0}.project-category{font-size:12px;line-height:12px;font-weight:400;text-align:center;text-transform:uppercase;color:#999990;margin-bottom:50px}.project-client{font-size:12px;line-height:12px;font-weight:400;text-align:center;text-transform:uppercase;margin-bottom:50px}.project-client > span{display:block;font-size:12px;line-height:12px;font-weight:400;text-align:center;text-transform:uppercase;color:#999990;padding-top:14px;margin-bottom:60px}.blog-list{margin:0 0 0 -8px}.blog-list .item{float:left;width:33.33%;overflow:hidden;position:relative;margin:0;padding:0 0 8px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.blog-list .item .mask{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background-color:rgba(34,34,32,1)}.blog-list .item img{width:100%;display:block;position:relative}.blog-list .item h2{font-family:'Source Code Pro',sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;line-height:1.2;color:#ededeb;white-space:pre-wrap;position:absolute;left:30px;bottom:30px;margin:0;padding-right:20px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.blog-list .item .subtitle{font-family:'Source Code Pro',sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;line-height:1.2;color:#ededeb;text-align:left;position:relative;padding:30px 30px 0;margin:0}.blog .post{margin-bottom:60px;padding-bottom:60px;border-bottom:1px solid #ddddd0}.blog .contents{margin-top:30px}.blog .post-date{font-size:12px;line-height:12px;font-weight:400;text-align:center;text-transform:uppercase;color:#999990;margin:0 auto 20px}.blog .post-date span{padding:4px 8px;height:100%;border-top:1px solid #ddddd0;border-bottom:1px solid #ddddd0}.blog .post-category{font-size:12px;line-height:12px;font-weight:400;text-align:center;text-transform:uppercase;color:#999990;margin-bottom:50px}.blog .post-category a{text-decoration:none;color:#999990}.blog .post-category > span a:hover{color:#eec55b}.blog .post-autor{font-size:12px;line-height:12px;font-weight:400;text-align:center;text-transform:uppercase;margin-bottom:50px}.blog .post-autor i{display:block;font-size:12px;line-height:12px;font-weight:400;text-align:center;text-transform:uppercase;color:#999990;padding-top:14px;margin-bottom:60px}.blog .post-autor i a{text-decoration:none;color:#999990}.blog .post-autor i a:hover{color:#eec55b}.blog .post-title{font-size:30px;text-transform:uppercase;line-height:1.2;margin-top:0;margin-bottom:20px;text-align:center}@media (max-width: 991px){.blog-list .item{width:50%}}@media (max-width: 767px){.blog-list .item{width:100%}}#comments{margin:0;position:relative;border-bottom:1px solid #ddddd0}#comments ol.comment-list{list-style:none;margin:0}#comments ol.comment-list li{padding:30px 0 0;background:none;margin-bottom:30px;color:#333330;border-top:1px solid #ddddd0}#comments ol.comment-list li:first-child{border:none}#comments .user{float:left;width:80px;height:80px;position:relative}#comments .commentary{overflow:hidden;padding-left:20px;margin-bottom:30px}#comments .commentary p{font-size:13px;line-height:1.8}#comments .author{font-family:'Raleway',sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.2;margin:0}#comments .author a{color:#333330;text-decoration:none}#comments .author a:hover{color:#eec55b;text-decoration:none}#comments ul.children{margin:0;overflow:inherit;padding:0 0 0 100px;list-style:none}#comments ol.comment-list ul.children li{border:none}#comments .meta{color:#999990;margin-bottom:20px}#comments .meta .reply-link{text-transform:uppercase;font-weight:600}#comments .meta a.reply-link{color:#333330;text-decoration:none}#comments .meta a.reply-link:hover{color:#eec55b;text-decoration:none}@media (max-width: 767px){#comments ul.children{padding:0}}@media (max-width: 319px){#comments .user{display:none}#comments .commentary{padding-left:0}}.project-controls,.blog-controls{margin:0;text-align:center}.project-controls .project-buttons,.blog-controls .blog-buttons{width:100%;height:100px;display:block}.project-controls .project-buttons div,.blog-controls .blog-buttons div{color:#ededeb;font-family:'Source Code Pro',sans-serif;font-size:12px;line-height:30px;font-weight:400;text-transform:uppercase;letter-spacing:.1em;position:absolute;width:100px;height:30px;bottom:35px;padding:0;cursor:pointer;background:transparent;border-bottom:1px solid #eec55b;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.project-controls .project-buttons .project-all,.blog-controls .blog-buttons .blog-all-posts,.blog-controls .blog-buttons .blog-all{width:200px}.blog-controls .blog-buttons .blog-all{cursor:default}.project-controls .project-prev,.blog-controls .blog-prev{right:50%;-webkit-transform:translateX(-104px);-moz-transform:translateX(-104px);-o-transform:translateX(-104px);-ms-transform:translateX(-104px);transform:translateX(-104px)}.project-controls .project-all,.blog-controls .blog-all-posts,.blog-controls .blog-all{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.project-controls .project-all:before{content:"\e08d";font-family:'ElegantIcons';font-size:16px;line-height:30px;font-weight:400}.project-controls .project-next,.blog-controls .blog-next{left:50%;-webkit-transform:translateX(104px);-moz-transform:translateX(104px);-o-transform:translateX(104px);-ms-transform:translateX(104px);transform:translateX(104px)}.no-touch .project-controls .project-buttons .project-prev:hover,.no-touch .project-controls .project-buttons .project-all:hover,.no-touch .project-controls .project-buttons .project-next:hover,.no-touch .blog-controls .blog-buttons .blog-prev:hover,.no-touch .blog-controls .blog-buttons .blog-all-posts:hover,.no-touch .blog-controls .blog-buttons .blog-next:hover{border-bottom:30px solid #eec55b;color:#333330;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-touch-callout:none}.project-controls .project-buttons .disabled,.blog-controls .blog-buttons .disabled{opacity:.5;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;cursor:default}.no-touch .project-controls .project-buttons .project-prev.disabled:hover,.no-touch .project-controls .project-buttons .project-next.disabled:hover,.no-touch .blog-controls .blog-buttons .blog-prev.disabled:hover,.no-touch .blog-controls .blog-buttons .blog-next.disabled:hover{border-bottom:1px solid #eec55b;color:#ededeb}@media (max-width: 499px){.project-controls .project-buttons div,.blog-controls .blog-buttons div{letter-spacing:0}.project-controls .project-buttons .project-all,.blog-controls .blog-buttons .blog-all-posts,.blog-controls .blog-buttons .blog-all{width:100px}.project-controls .project-prev,.blog-controls .blog-prev{right:50%;-webkit-transform:translateX(-54px);-moz-transform:translateX(-54px);-o-transform:translateX(-54px);-ms-transform:translateX(-54px);transform:translateX(-54px)}.project-controls .project-next,.blog-controls .blog-next{left:50%;-webkit-transform:translateX(54px);-moz-transform:translateX(54px);-o-transform:translateX(54px);-ms-transform:translateX(54px);transform:translateX(54px)}}.client-cl{display:none}.client-cl .cl-item{margin:0 4px}.client-cl .cl-item img{display:block;width:100%;height:auto}.testimonial-cl .author{font-family:'Raleway',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.3em;font-weight:400}.testimonial-cl .author:before{content:'\7E'}.owl-gallery .owl-controls,.owl-portfolio .owl-controls,.owl-team .owl-controls{margin-top:0;text-align:center}.owl-gallery .owl-controls .owl-buttons div,.owl-portfolio .owl-controls .owl-buttons div,.owl-team .owl-controls .owl-buttons div{color:#ededeb;font-family:'Source Code Pro',sans-serif;font-size:12px;line-height:30px;font-weight:400;text-transform:uppercase;letter-spacing:.1em;position:absolute;width:100px;height:30px;bottom:35px;padding:0;cursor:pointer;background:transparent;border-bottom:1px solid #eec55b;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.owl-gallery .owl-controls .owl-buttons,.owl-portfolio .owl-controls .owl-buttons,.owl-team .owl-controls .owl-buttons{width:100%;height:100px;display:block;margin:0;background:#333330}.owl-gallery .owl-controls .owl-prev,.owl-portfolio .owl-controls .owl-prev,.owl-team .owl-controls .owl-prev{right:50%;-webkit-transform:translateX(-4px);-moz-transform:translateX(-4px);-o-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px)}.owl-gallery .owl-controls .owl-next,.owl-portfolio .owl-controls .owl-next,.owl-team .owl-controls .owl-next{left:50%;-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-o-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}.no-touch .owl-gallery .owl-controls .owl-buttons .owl-prev:hover,.no-touch .owl-gallery .owl-controls .owl-buttons .owl-next:hover,.no-touch .owl-portfolio .owl-controls .owl-buttons .owl-prev:hover,.no-touch .owl-portfolio .owl-controls .owl-buttons .owl-next:hover,.no-touch .owl-team .owl-controls .owl-buttons .owl-prev:hover,.no-touch .owl-team .owl-controls .owl-buttons .owl-next:hover{border-bottom:30px solid #eec55b;color:#333330;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-touch-callout:none}.hover-effect img{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}.hover-effect .mask{filter:alpha(opacity=0);opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.hover-effect a{display:block;position:relative;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none}.hover-effect .item-img{position:relative;overflow:hidden}.no-touch .hover-effect:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.no-touch .hover-effect:hover .mask{filter:alpha(opacity=90);opacity:.9}.no-touch .hover-effect:hover .team-name{bottom:10px}.no-touch .hover-effect:hover h2{bottom:30px}.hover-effect-dark img{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}.hover-effect-dark .mask{filter:alpha(opacity=90);opacity:.6;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.hover-effect-dark a{display:block;position:relative;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none}.hover-effect-dark .item-img{position:relative;overflow:hidden}.no-touch .hover-effect-dark:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.no-touch .hover-effect-dark:hover .mask{filter:alpha(opacity=0);opacity:0}.no-touch .hover-effect-dark:hover h2{bottom:0}#map-canvas{width:100%;height:500px}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:13px;line-height:1.42857143;color:#555550;background-color:#ededeb;background-image:none;border:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.form-control:focus{border-color:transparent;outline:0;background-color:#333330;color:#ededeb;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.help-block{color:#d00}.icons{color:#333330}.icons .box1{font-size:12px;line-height:13px;width:31%;float:left;margin:20px 1% 0;padding:8px;background-color:#ededeb}.icons .box1 > span{min-width:40px;min-height:40px;text-align:center;font-size:32px;line-height:40px}@media (max-width: 1199px){.icons .box1{width:48%}}@media (max-width: 767px){.icons .box1{width:98%}}

/* ==========================================
   DROP-IN GRID FIX (Gallery + Portfolio)
   ========================================== */

.gallery,
.portfolio {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

/* Floats neutralisieren */
.gallery .item,
.portfolio .item {
  float: none !important;
  width: auto !important;
}

/* Tablet */
@media (max-width: 991px) {
  .gallery,
  .portfolio {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .gallery,
  .portfolio {
    grid-template-columns: 1fr;
  }
}

/* OKNO – Header inkl. Video & Overlay auf Mobile komplett entfernen */
@media (max-width: 991px) {

  body .js-height-100,
  body .home,
  body #videoLocal {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

}


    
.item-media video,
.item-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Standard: Desktop */
.item-media.image {
    display: none;
}

/* Mobile Ansicht */
@media (max-width: 768px) {
    .item-media.video {
        display: none;
    }

    .item-media.image {
        display: block;
    }
}
.item-media {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

.item-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Desktop: nur Video */
.item-media.image {
    display: none;
}
/* Mobile: nur Bild */
@media (max-width: 768px) {
    .item-media.video {
        display: none !important;
    }

    .item-media.image {
        display: none !important;
    }
}

/* ===============================
   MODERN HEADER (FLEXBOX)
   =============================== */

#header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 30px;
    background:#fff;
    z-index:9999;
    box-sizing:border-box;
}


/* DESKTOP MENU */
#quickmenu{
    display:flex;
    gap:30px;
    align-items:center;
}

/* HAMBURGER */
#hamburger{
    display:none;
    font-size:28px;
    cursor:pointer;
}

/* ===============================
   MOBILE
   =============================== */

@media (max-width: 991px){

    #header{
        height:60px;
        padding:0 15px;
    }

    #logo img{
        height:22px;
    }

    #quickmenu{
        display:none;
    }

    #hamburger{
        display:block;
    }
}

body{
    overflow-x:hidden;
    overflow-y:auto;
    padding-top:80px;
}

@media (max-width: 991px){
    #logo a,
    #logo span{
        font-size:18px;
    }
}
#logo{
    display:flex;
    align-items:center;
    height:100%;
}

#logo a,
#logo span{
    font-family:'raleway', sans-serif;
    font-size:28px;
    line-height:1;
    white-space:nowrap;
}

/* ===== HEADER RESET ===== */
#header *{
    float:none !important;
}

#header:before,
#header:after{
    display:none !important;
    content:none !important;
}

/* ===== HEADER FLEX ===== */
#header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    min-height:80px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 30px;
    background:#fff;
    z-index:9999;
    box-sizing:border-box;
}

/* TEXT LOGO */
#logo{
    display:flex;
    align-items:center;
}

#logo a,
#logo span{
    font-size:28px;
    line-height:1;
    white-space:nowrap;
}

/* DESKTOP MENU */
#quickmenu{
    display:flex;
    gap:30px;
}

/* HAMBURGER */
#hamburger{
    display:none;
}

/* ===== MOBILE ===== */
@media (max-width: 991px){

    #header{
        min-height:60px;
        padding:0 15px;
    }

    #logo a,
    #logo span{
        font-size:18px;
    }

    #quickmenu{
        display:none !important;
    }

    #hamburger{
        display:block;
        font-size:26px;
  z-index: 9999 !important;
    }
}


/* LOGO-CONTAINER */
#logo {
    display: flex;
    flex-direction: column; /* Zeilen übereinander */
    justify-content: center;
    align-items: flex-start; /* linksbündig; kann auch center sein */
}

/* HAUPTLOGO TEXT */
.logo-text {
    font-family: 'raleway', sans-serif;
    font-size: 36px;  /* Desktop */
    line-height: 1.1;
    margin: 0;
    white-space: nowrap; /* Hauptlogo soll nicht umbrechen */
    text-decoration: none; /* Unterstrich entfernen */
    color: #333; /* Farbe nach Wunsch */
}

/* UNTERTITEL TEXT */
.logo-sub {
    font-family: 'raleway', sans-serif;
    font-size: 14px; /* Desktop Untertitel */
    line-height: 1.2;
    margin: 0;
    white-space: normal; /* Zeilenumbruch erlaubt */
    color: #666;
}

/* Optional: Hover-Effekt nur für Linkzeile */
.logo-text:hover {
    color: #eec55b; /* Farbe ändern bei Hover */
    text-decoration: none; /* sicherstellen, dass kein Unterstrich auftaucht */
}

/* ===== MOBILE ===== */
@media (max-width: 991px) {
    .logo-text {
        font-size: 22px;
    }
    .logo-sub {
        font-size: 12px;
    }
}/* LOGO-CONTAINER */
/* LOGO-CONTAINER */
#logo {
    display: flex;
    flex-direction: column; /* Zeilen übereinander */
    justify-content: center;
    align-items: flex-start; /* linksbündig; kann auch center sein */
}

/* HAUPTLOGO TEXT */
.logo-text {
    font-family: 'DEINE-GOOGLE-FONT', sans-serif;
    font-size: 36px;  /* Desktop */
    line-height: 1.1;
    margin: 0;
    white-space: nowrap; /* Hauptlogo soll nicht umbrechen */
    text-decoration: none; /* Unterstrich entfernen */
    color: #333; /* Farbe nach Wunsch */
}

/* UNTERTITEL TEXT */
.logo-sub {
    font-family: 'DEINE-GOOGLE-FONT', sans-serif;
    font-size: 14px; /* Desktop Untertitel */
    line-height: 1.2;
    margin: 0;
    white-space: normal; /* Zeilenumbruch erlaubt */
    color: #666;
}

/* ===== MOBILE ===== */
@media (max-width: 991px) {
    .logo-text {
        font-size: 22px;
    }
    .logo-sub {
        font-size: 12px;
    }
}
#logo a.logo-text:hover {
    color: inherit;       /* Farbe bleibt wie normal */
    text-decoration: none; /* kein Unterstrich */
}

#header {
  display: flex;
  justify-content: space-between; /* Logo links, Menü rechts */
  align-items: center; /* vertikal zentriert */
  padding: 0 30px;
  height: auto; /* passt sich Inhaltshöhe an */
  background-color: #fafafa;
  box-sizing: border-box;
}

/* Logo zweizeilig */
#logo {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}

#logo a.logo-text {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #333;
  text-decoration: none; /* Unterstrich entfernt */
}

#logo p.logo-sub {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 12px;
  margin: 0;
  color: #333;
}



/* Mobile Anpassung */
@media (max-width: 767px) {
  #header {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 20px;
      
  }

  #quickmenu ul {
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }

  #logo a.logo-text {
    font-size: 20px;
  }

  #logo p.logo-sub {
    font-size: 10px;
  }
}


/* NAV RESET */
header, nav, .menu, .navigation, .site-header {
  all: unset;
}

/* ===============================
/* ===============================
   GLOBAL RESET FÜR NAV
=============================== */
.rg-header, .rg-header * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ===============================
   HEADER / NAV
=============================== */
.rg-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ddd;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.rg-header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 20px; /* erhöhte Header-Höhe */
  display: flex;
  align-items: center;
  position: relative;
  transition: padding 0.3s ease;
}

/* LOGO */
.rg-logo {
  text-decoration: none;
  color: #000;
  line-height: 1.1;
}

/* Logo-Hover deaktiviert */
.rg-logo:hover,
.rg-logo:focus {
  color: inherit;
  text-decoration: none;
  cursor: default;
}

.rg-logo-main { display: block; font-size: 27px; font-weight: 700; transition: font-size 0.2s ease; }
.rg-logo-sub { display: block; font-size: 15px;  letter-spacing: 0.11em; transition: font-size 0.2s ease; }

/* DESKTOP NAVIGATION */
.rg-nav {
  margin-left: auto;
}
.rg-nav ul {
  list-style: none;
  display: flex;
  gap: 30px;
}
.rg-nav a {
  text-decoration: none;
  color: #000;
  font-size: 15px;
}

/* HAMBURGER */
#rg-nav-toggle { display: none; }

.rg-burger {
  display: none;
  margin-left: auto;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  z-index: 1002;
}

.rg-burger span {
  width: 26px;
  height: 3px;
  background: #000;
  border-radius: 2px;
  transition: all 0.3s ease;
}

/* ===============================
   MOBILE / OFF-CANVAS
=============================== */
@media (max-width: 900px) {

  .rg-burger { display: flex; }

  .rg-nav {
    position: fixed;
    top: 0;
    right: -100%;          /* komplett außerhalb */
    width: 250px;
    height: 100vh;
    background: #fff;
    flex-direction: column;
    padding: 60px 20px 20px;
    display: flex;
    gap: 20px;
    transition: right 0.3s ease;
    z-index: 1001;
  }

  #rg-nav-toggle:checked + .rg-burger + .rg-nav {
    right: 0;               /* fährt rein */
  }

  .rg-nav ul {
    flex-direction: column;
    gap: 20px;
  }

  .rg-nav a {
    display: block;
    padding: 10px 0;
    font-size: 16px;
  }

  /* Overlay */
  .rg-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  #rg-nav-toggle:checked ~ .rg-overlay {
    display: block;
    opacity: 1;
  }

  /* Hamburger Animation: X */
  #rg-nav-toggle:checked + .rg-burger span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  #rg-nav-toggle:checked + .rg-burger span:nth-child(2) {
    opacity: 0;
  }
  #rg-nav-toggle:checked + .rg-burger span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }
}

/* ===============================
    BODY-PADDING FÜR FIXIERTEN HEADER
=============================== */

/* Desktop / Standard */
body {
  padding-top: 120px; /* Höhe des Headers inkl. Padding */
  transition: padding 0.3s ease; /* optional, falls Shrink Header */
}

/* Tablet / Mobile */
@media (max-width: 900px) {
  body {
    padding-top: 5px; /* gleiche Höhe wie Desktop, kann kleiner sein, falls Header kompakter */
  }
}

/* Sehr kleine Smartphones */
@media (max-width: 500px) {
  body {
    padding-top: 30px; /* optional anpassen */
  }
}

/* ===============================
    SHRINK HEADER (UNIFORM DESIGN)
=============================== */
.rg-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff; 
  /* Border entfernt, da der Schatten allein für die Trennung sorgt */
  border-bottom: none; 
  z-index: 1000;
  /* Ein sehr feiner, weicher Schatten ohne graue Kante */
  box-shadow: 0 1px 10px rgba(0,0,0,0.05); 
  transition: all 0.3s ease;
}

.rg-header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 38px 20px; 
  display: flex;
  align-items: center;
  position: relative;
  transition: padding 0.3s ease;
}

.rg-header.shrink {
  background: #fff; 
  /* Beim Scrollen wird der Schatten etwas definierter */
  box-shadow: 0 2px 15px rgba(0,0,0,0.08);
}

.rg-header.shrink .rg-header-inner {
  padding: 15px 20px; 
}

/* Logos bleiben stabil in der Größe oder passen sich dezent an */
.rg-header.shrink .rg-logo-main {
  font-size: 24px;
}

.rg-header.shrink .rg-logo-sub {
  font-size: 14px;
}
/* ===============================
   HINTERGRUNDVIDEO
=============================== */
.js-height-100,
.wh100 {
  position: relative;
  width: 100%;
  height: 100vh;   /* voller Viewport */
  overflow: hidden;
}

.bg-mask-dark {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 1;
}

.head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* Mobile / Responsive */
@media (max-width: 900px) {
  .js-height-100 { height: 100vh; }
}

/* Textlogo Schrift auf Raleway setzen */
.rg-logo,
.rg-logo-main,
.rg-logo-sub {
  font-family: 'Raleway', sans-serif;
}

/* Menü Schrift auf Raleway setzen */
.rg-nav a {
  font-family: 'Raleway', sans-serif;
  font-weight: 400; /* optional: normal */
  font-size: 15px;  /* Desktopgröße */
  text-transform: uppercase; /* falls du willst, dass die Menüpunkte groß geschrieben sind */
  transition: color 0.3s ease; /* sanfte Hover-Übergänge */
}

/* Mobile Menü größer / besser lesbar */
@media (max-width: 900px) {
  .rg-nav a {
    font-size: 16px;
  }
}

/* Alle Texte auf der Seite auf Raleway setzen */
body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, button {
  font-family: 'Raleway', sans-serif;
}

/* Optional: Grundgewichte */
body, p, li, span {
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6, .rg-logo-main, .rg-logo-sub, .rg-nav a, button {
  font-weight: 700; /* Überschriften, Logo, Menüs fett */
}

.rg-logo-sub {
  display: block;
  font-size: 15px;           /* bleibt gleich */
  letter-spacing: 0.11em;    /* Abstand zwischen Buchstaben */
  font-weight: 300;           /* schön dünn */
  font-family: 'Raleway', sans-serif; /* klare, moderne Schrift */
  -webkit-font-smoothing: antialiased;  /* glatter auf WebKit-Browsern */
  -moz-osx-font-smoothing: grayscale;   /* glatter auf Firefox/macOS */
  transition: font-size 0.2s ease;
}
/* Menü Schrift auf Raleway und feiner */
.rg-nav a {
  font-family: 'Raleway', sans-serif;
  font-weight: 400; /* feiner als vorher 700 */
  font-size: 15px;  /* Desktopgröße */
  letter-spacing: 0.03em; /* optional für etwas mehr Luft zwischen Buchstaben */
  text-transform: uppercase; /* optional */
  transition: color 0.3s ease; /* sanfte Hover-Übergänge */
}

/* Mobile Menü */
@media (max-width: 900px) {
  .rg-nav a {
    font-size: 16px; /* etwas größer auf Mobile für bessere Lesbarkeit */
  }
}
@media (max-width: 991px) {
  .height-small {
    display: none !important; /* !important stellt sicher, dass Bootstrap es nicht überschreibt */
  }
}

/* ===== Brand Preloader ===== */
#pageloader {
  position: fixed;
  inset: 0;
  background: #111;
  z-index: 99999;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  /* verhindert Scroll ohne Body-Manipulation */
  touch-action: none;
}

/* Brand text */
.preloader-brand {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;

  font-size: clamp(18px, 5vw, 34px);
  letter-spacing: clamp(0.08em, 0.8vw, 0.22em);
  line-height: 1.3;

  color: #ffffff;
  text-align: center;

  max-width: 92vw;
  padding: 0 4vw;
  margin-bottom: 22px;

  /* WICHTIG: Umbruch erlauben */
  white-space: normal;
  word-break: keep-all;
}

/* Buchstaben-Animation */
.preloader-brand span {
  opacity: 0;
  transition: opacity 0.25s ease;
}

/* Full width bar */
.preloader-bar {
  width: 100vw;
  height: 2px;
  background: rgba(255,255,255,0.2);
  position: relative;
}

/* Progress bar */
.preloader-bar span {
  position: relative;
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #ffffff 85%,
    #ff3b2f 100%
  );
  transition: width 0.25s ease;
}

/* Glow */
.preloader-bar span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 14px;
  height: 14px;
  background: rgba(255,59,47,0.8);
  border-radius: 50%;
  transform: translate(50%, -50%);
  filter: blur(8px);
  pointer-events: none;
}

/* Fade out */
#pageloader.loaded {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.9s ease;
}

body.preloading .rg-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;

  pointer-events: none;
  touch-action: none;
}

.item-img {
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

.item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* sanftes Lazy-Fade */
.lazy-img,
.lazy-video {
  opacity: 0;
  transition:
    opacity 0.6s ease-out,
    transform 0.6s ease-out;
  will-change: opacity, transform;
}

/* wenn geladen */
.lazy-img.loaded,
.lazy-video.loaded {
  opacity: 1;
  transform: translateY(0);
}

.rg-header-inner {
  position: relative;
}

.rg-lang-switch {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  z-index: 1001;
}

.rg-lang-switch a {
  color: #ffffff;
  opacity: 0.6;
  text-decoration: none;
}

.rg-lang-switch a.active,
.rg-lang-switch a:hover {
  opacity: 1;
}

.rg-lang-switch span {
  margin: 0 6px;
  opacity: 0.4;
}
.rg-lang-switch {
  outline: 1px solid red;
}

.nav-lang {
  margin-left: 18px;
  font-size: 13px;
  letter-spacing: 1px;
}

.nav-lang a {
  color: #000;
  opacity: 0.6;
  text-decoration: none;
}

.nav-lang a.active,
.nav-lang a:hover {
  opacity: 1;
}

.nav-lang span {
  margin: 0 6px;
  opacity: 0.4;
}
.rg-logo-footer .rg-logo-sub {
    font-size: 11px;
    letter-spacing: 2px;
    opacity: 0.7;
}
@media (max-width: 768px) {
    .rg-logo-footer .rg-logo-main {
        font-size: 22px;
        letter-spacing: 2px;
    }
}
.rg-logo-footer {
    display: inline-block;
    text-align: center;
    transition: transform 0.35s ease;
}

.rg-logo-footer .rg-logo-main {
    display: inline-block;
    transition:
        color 0.35s ease,
        letter-spacing 0.35s ease,
        transform 0.35s ease;
}

/* Hover-Effekt */
.rg-logo-footer:hover {
    transform: translateY(-3px);
}

.rg-logo-footer:hover .rg-logo-main {
    letter-spacing: 4px;
    transform: scale(1.02);
}
@media (hover: hover) {
    .rg-logo-footer:hover {
        transform: translateY(-3px);
    }
}
#scroll-indicator {
  position: fixed;
  left: 14px;
  top: 0;
  height: 100vh;
  width: 4px;
  background: rgba(0, 0, 0, 0.12);
  z-index: 999;
}

#scroll-indicator .scroll-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0%;
  background: rgba(0, 0, 0, 0.8);
  transition: height 0.15s linear;
}

#scroll-indicator .scroll-percent {
  position: fixed;
  left: 26px;
  bottom: 22px;
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.headline-line {
  position: relative;
  display: inline-block; /* wichtig damit Breite = Textbreite */
  padding: 40px 0; /* Abstand zu den Linien */
}

.headline-line::before,
.headline-line::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 160px;          /* Länge der Linie */
  height: 1px;
opacity: 0.4;

  background-color: #000; /* Farbe */
}

.headline-line::before {
  top: 0;
}

.headline-line::after {
  bottom: 0;
}


/* =========================================================
   Scroll Indicator (unverändert, korrekt)
   ========================================================= */

@media (max-width: 768px) {
  #scroll-indicator {
    display: none;
  }
}

#scroll-indicator {
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

body.is-scrolling #scroll-indicator {
  opacity: 1;
}


.item-img {
    pointer-events: none; /* Macht das Bild 'durchklickbar' – Vorsicht: Hover-Effekte müssen dann auf dem Container liegen! */
}

/* =========================
   360° TOUR SECTION
========================= */

.tour-wrapper {
  position: relative;
  width: 100%;
  height: 60vh; /* Höhe anpassen */
  overflow: hidden;
}

.tour-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.tour-editorial {
  width: 90%;
  max-width: 1500px;
  margin: 0 auto;
  height: 70vh;
}

.section-title {

  font-weight:300;
  letter-spacing:0.03em;
  line-height:1.3;
  -webkit-font-smoothing:antialiased;

}
.section-title {
  margin-bottom: 60px;
}

.section-title {
  max-width: 800px;
  margin-left:auto;
  margin-right:auto;
}
.section img {

  box-shadow:0 30px 60px rgba(0,0,0,0.06);
  border-radius:4px;

}
.figure-editorial {
  position:relative;
}

.figure-editorial::before {

  content:"";
  position:absolute;
  left:-40px;
  right:-40px;
  bottom:-40px;
  height:60%;
  background:#f7f7f7;   /* minimal Offwhite */
  z-index:-1;

}
.section:nth-child(even) {

  background:#fafafa;

}
/* Wrapper */

.cta-wrapper {
    margin-top: 60px;
    text-align: center; /* Default = hell */
}

/* Dark Sections -> linksbündig */

.cta-wrapper.dark {
    text-align: left;
}


/* Button Basis */

.cta-premium {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 38px;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #111;
    border: 1px solid #111;
    overflow: hidden;
    transition: all 0.4s ease;
}

.cta-premium::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #111;
    transform: translateX(-100%);
    transition: transform 0.4s ease;
    z-index: 0;
}

.cta-premium span {
    position: relative;
    z-index: 2;
}

.cta-premium:hover {
    color: #fff;
}

.cta-premium:hover::before {
    transform: translateX(0);
}

.cta-arrow {
    transition: transform 0.3s ease;
}

.cta-premium:hover .cta-arrow {
    transform: translateX(6px);
}


/* Dark Button */

.cta-premium.dark {
    color: #fff;
    border: 1px solid rgba(255,255,255,0.8);
    backdrop-filter: blur(2px);
}

.cta-premium.dark::before {
    background: #fff;
}

.cta-premium.dark:hover {
    color: #111;
}
/* =========================
   PREMIUM EDITORIAL NAV
   ========================= */

/* Navigation Links */

nav a {
  position: relative;
  text-decoration: none;
  color: rgba(0,0,0,0.65);     /* leicht reduziert = hochwertiger */
  font-size: 13px;
  letter-spacing: 1.6px;
  margin: 0 16px;
  transition: all 0.35s ease;
}


/* Fokus-System (Designstudio Trick) */

nav:hover a {
  opacity: 0.4;                 /* alle Links treten zurück */
}

nav a:hover {
  opacity: 1 !important;
  color: #000;
  transform: translateY(-1px);
}


/* Premium Underline */

nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 0;
  height: 1px;
  background: #000;
  transition: width 0.35s cubic-bezier(.19,1,.22,1);
}

nav a:hover::after {
  width: 100%;
}


/* Aktiver Menüpunkt */

nav a.active {
  color: #000;
}

nav a.active::after {
  width: 100%;
}

.tour-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}

/* Weissraum + Zentrierung */
.tour-outer{
  max-width:1500px;
  margin:0 auto;
  padding:0 5vw;
}

/* Verhältnis steuern */
.tour-wrapper{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
}

/* Dein iframe bleibt absolut */
.tour-wrapper iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
}

/* Scrollhöhe */
.h-editorial{
  height:300vh;
  position:relative;
}

/* Sticky */
.h-sticky{
  position:sticky;
  top:120px;
  height:80vh;
}

/* Header */
.h-header{
  margin-bottom:60px;
}

/* Viewport verhindert Abschneiden */
.h-viewport{
  overflow:hidden;
  width:100%;
}

/* Horizontal track */
.h-track{
  display:flex;
  gap:20px;
  padding:0 10vw;
}

/* Slides */
.h-slide{
  min-width:70vw;
}

.h-slide img{
  aspect-ratio:16/9;
  width:100%;
  object-fit:cover;
}


/* Text */
.h-text{
  padding:30px 0;
}

.h-text h3{
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:400;
}
@media(max-width:900px){

  .h-editorial{
    height:auto;
  }

  .h-sticky{
    position:relative;
    height:auto;
  }

  .h-track{
    flex-direction:column;
    transform:none !important;
    padding:0;
  }

  .h-slide{
    min-width:auto;
    margin-bottom:60px;
  }

}

.h-viewport{
  overflow:hidden;
}

.h-text{
  background:white;
  padding:30px;
  margin-top:-40px;      /* optional: leicht über Bild ziehen */
  width:100%;
}
img{
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:auto;
}
/* =========================================
   360° SECTION LAYOUT
========================================= */

/* Outer Container = Weissraum links/rechts */
.tour-outer{
  max-width:1300px;
  margin:120px auto;
  padding:0 5vw;
}

/* Wrapper bestimmt Verhältnis */
.tour-wrapper{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
}

/* =========================================
   IFRAME
========================================= */

.tour-wrapper iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;

  /* sanfter Reveal */
  opacity:0;
  transition:opacity .8s ease;
}

/* iframe sichtbar wenn loader weg */
.tour-loader.hide + iframe{
  opacity:1;
}

/* =========================================
   LOADER
========================================= */

/* Loader Grundzustand */
.tour-loader{
  position:absolute;
  inset:0;
  background:white;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;

  opacity:1;
  transition:opacity .8s ease;
}

.tour-loader.fade-out{
  opacity:0;
  pointer-events:none;
}

/* Text */
.tour-text{
  font-size:14px;
  letter-spacing:.25em;
  text-transform:uppercase;
}

/* Buchstaben Anfangszustand */
.tour-text span{
  opacity:0;
  transform:translateY(8px);
}

/* Animation wird erst gestartet wenn loader aktiv */
.tour-loader.active .tour-text span{
  animation:letterIn 1.2s cubic-bezier(.25,.1,.25,1) forwards;
}

/* Staffelung */
.tour-loader.active .tour-text span:nth-child(1){animation-delay:.05s;}
.tour-loader.active .tour-text span:nth-child(2){animation-delay:.1s;}
.tour-loader.active .tour-text span:nth-child(3){animation-delay:.15s;}
.tour-loader.active .tour-text span:nth-child(4){animation-delay:.2s;}
.tour-loader.active .tour-text span:nth-child(5){animation-delay:.25s;}
.tour-loader.active .tour-text span:nth-child(6){animation-delay:.3s;}
.tour-loader.active .tour-text span:nth-child(7){animation-delay:.35s;}
.tour-loader.active .tour-text span:nth-child(9){animation-delay:.4s;}
.tour-loader.active .tour-text span:nth-child(10){animation-delay:.45s;}
.tour-loader.active .tour-text span:nth-child(11){animation-delay:.5s;}
.tour-loader.active .tour-text span:nth-child(12){animation-delay:.55s;}

@keyframes letterIn{
  0%{
    opacity:0;
    transform:translateY(12px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

/* iframe sanft einblenden */
.tour-wrapper iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  opacity:0;
  transition:opacity 1s ease;
}

.tour-loader.fade-out + iframe{
  opacity:1;
}

body.preloading .tour-loader{
  opacity:0;
  pointer-events:none;
}
#pageloader{
  z-index:9999;
}

.tour-loader{
  z-index:10;
}

.about-section {
  margin-bottom: 160px;
}

/* Headline Block */
.about-head {
  margin-bottom: 120px;
}

.about-title {
  font-size: 64px;
  font-weight: 300;
  letter-spacing: .08em;
  margin: 40px 0;
}

.about-line {
  width: 120px;
  height: 1px;
  background: #bbb;
  margin: 0 auto;
}

.about-role {
  margin-top: 40px;
  font-size: 13px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #888;
}

/* Layout */
.about-row {
  align-items: flex-start;
}

.about-image img {
  width: 100%;
  height: auto;
  display: block;
}

.about-text p {
  margin-bottom: 28px;
  line-height: 1.7;
}

/* Responsive */
@media (max-width: 992px) {

  .about-title {
    font-size: 42px;
  }

  .about-head {
    margin-bottom: 80px;
  }

  .about-text {
    margin-top: 50px;
  }

}
/* Basis */
.nav-dot a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  text-decoration: none;
}

.nav-dot .dot {
  width: 8px;
  height: 8px;
  background: #444;
  border-radius: 50%;
  transition: all .35s ease;
}

/* Hover */
.nav-dot a:hover .dot {
  background: transparent;
  border: 1.5px solid #000;
  width: 14px;
  height: 14px;
}
.nav-about a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  text-decoration: none;
}

.nav-arrow {
  opacity: .6;
  transition: all .3s ease;
}

.nav-about a:hover .nav-arrow {
  opacity: 1;
  transform: translateY(3px);
}
.nav-arrow {
  line-height: 1.7;
}
button.cta-premium{
    background-color:#000 !important;
    color:#fff !important;
    border:none !important;

    appearance:none !important;
    -webkit-appearance:none !important;

    box-shadow:none !important;
    outline:none !important;
}

/* Wir erzwingen die Leichtigkeit für die gesamte H1 */
h1.hs-title.headline-line {
    font-weight: 300 !important; /* Macht erst mal alles dünn */
    line-height: 1.2 !important;
}

/* Die obere Zeile (SEO) - Extra dünn */
h1.hs-title.headline-line .seo-eyebrow {
    display: block;
    font-size: 15px !important;
    font-weight: 300 !important; /* Sehr leicht */
    text-transform: uppercase;
    letter-spacing: 3px;
    opacity: 0.6;
    margin-bottom: 10px;
}

/* Der Slogan (Main) - Nur hier setzen wir die mittlere Fettung */
h1.hs-title.headline-line .brand-slogan {
    display: block;
    font-size: 1.1em !important; 
    font-weight: 300 !important; /* Hier kannst du auf 600 oder 500 gehen, falls 700 immer noch zu fett ist */
    line-height: 1.3;
}
/* Styling der Trennstriche */
.sep {
    font-weight: 200 !important; /* Viel dünner als der Text */
    margin: 0 12px; /* Schafft den edlen Freiraum links und rechts */
    opacity: 0.4; /* Macht sie dezenter, damit der Text im Fokus bleibt */
    font-style: normal;
}

/* Die gesamte SEO-Zeile noch etwas feiner justieren */
.seo-eyebrow {
    display: block;
    font-size: 14px !important;
    letter-spacing: 2px; /* Gibt den Wörtern mehr Raum */
    margin-bottom: 20px;
    text-transform: uppercase;
}

/* ============================= */
/* ROTGLUT BEFORE AFTER SLIDER */
/* ============================= */

.vs-slider{
position:relative;
width:100%;
margin-top:50px;
overflow:hidden;
cursor:ew-resize;
}

.vs-slider img{
display:block;
width:100%;
height:auto;
user-select:none;
pointer-events:none;
}


/* AFTER LAYER */

.vs-after{
position:absolute;
top:0;
left:0;
height:100%;
width:50%;
overflow:hidden;
}

.vs-after img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}


/* DIVIDER */

.vs-handle{
position:absolute;
top:0;
left:50%;
width:2px;
height:100%;
background:#fff;
z-index:10;
}


/* HANDLE CIRCLE */

.vs-handle::before{
content:"";
position:absolute;
top:50%;
left:-14px;
width:28px;
height:28px;
border-radius:50%;
background:#fff;
transform:translateY(-50%);
box-shadow:0 0 0 1px rgba(0,0,0,0.2);
}


/* LABELS */

.vs-label{
position:absolute;
top:20px;
font-size:11px;
letter-spacing:.12em;
text-transform:uppercase;
background:rgba(0,0,0,0.55);
color:#fff;
padding:6px 10px;
z-index:20;
}

.vs-label.before{
left:20px;
}

.vs-label.after{
right:20px;
}


/* DRAG HINT */

.vs-hint{
position:absolute;
bottom:25px;
left:50%;
transform:translateX(-50%);
background:rgba(0,0,0,0.6);
color:#fff;
font-size:11px;
letter-spacing:.08em;
padding:6px 12px;
border-radius:20px;
pointer-events:none;
opacity:.85;
}
.footer-links{
font-size:13px;
opacity:.8;
}

.footer-links a{
margin:0 6px;
text-decoration:none;
}

.footer-links a:hover{
opacity:1;
}

#cookie-bar{
position:fixed;
bottom:0;
left:0;
width:100%;

background:#f5f5f5;
color:#666;

font-size:13px;
letter-spacing:0.02em;

padding:12px 20px;

display:flex;
justify-content:center;
align-items:center;
gap:18px;

border-top:1px solid #e5e5e5;

z-index:9999;
}

#cookie-bar a{
color:#666;
text-decoration:underline;
}

#cookie-bar button{
background:none;
border:1px solid #d0d0d0;

padding:4px 14px;

font-size:12px;
letter-spacing:0.05em;

cursor:pointer;
}

#cookie-bar button:hover{
border-color:#888;
color:#333;
}

.review-card{
aspect-ratio:3/2;
background:#f4f4f4;
display:flex;
align-items:center;
justify-content:center;
}

.review-box{
max-width:420px;
padding:35px;
text-align:center;
}

.review-stars{
font-size:18px;
letter-spacing:4px;
margin-bottom:15px;
color:#d4b36a;
}

.review-box p{
font-size:15px;
line-height:1.7;
color:#555;
}

.review-author{
display:block;
margin-top:18px;
font-size:13px;
color:#999;
}
<head>
  ...
  <style>
    /* Controlled Reveal – professionelles Lazy-Fade */

    .item-img img,
    .item-media video {
      opacity: 0;
      filter: blur(6px);
      transition:
        opacity 0.6s ease,
        filter 0.6s ease;
      will-change: opacity, filter;
    }

    .item-img img.reveal,
    .item-media video.reveal {
      opacity: 1;
      filter: blur(0);
    }
  </style>
</head>