.gt-menu-section { position:relative; height:100%; }
.gtmenu, .gtmenu-overlay { width:0; top:0; left:0; height:100vh; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; }
.gtmenu.active { width:100vw; }
/*=========================*/
.gtmenu { position:fixed; z-index:999; opacity:1; background:#ffffff; }
.gtmenu .gt-section-content .overlay { z-index:-1; background-color:rgba(10, 20, 30, .7); }
.gtmenu-overlay { position:absolute; background-color:rgba(0, 0, 0, .6); opacity:0; -webkit-transition:all .8s cubic-bezier(.19, 1, .22, 1); transition:all .8s cubic-bezier(.19, 1, .22, 1); }
.gtmenu.active { pointer-events:auto; }
.gtmenu.active .gtmenu-overlay { opacity:1; }
.gtmenu .gt-section-clip { width:0; -webkit-transition:all .8s cubic-bezier(.19, 1, .22, 1); transition:all .8s cubic-bezier(.19, 1, .22, 1); }
.gtmenu.active .gt-section-clip { width:100%; width:100vw; }
.gt-nav-container { display:flex; flex-direction:row; width:100%; height:100%; }
.gt-nav-container>div, .gt-nav-container a { position:relative; overflow:hidden; width:100%; height:100%; }
.gt-nav-container a { top:0; left:0; display:flex; justify-content:center; flex-direction:column; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); }
.gt-nav-container a, .gt-nav-container a .gtmenubg, .gt-nav-container a span.gtmenuText, .gt-nav-container a span.gtmenuCounter, .gt-nav-container a span.gtshadowText, .gtvisiblemenu, .gthiddenmenu { opacity:0; transition:all 1s cubic-bezier(.19, 1, .22, .95); -webkit-transition:all 1s cubic-bezier(.19, 1, .22, .95); }
.gtmenu.active .gt-nav-container a, .gtmenu.active .gt-nav-container a span.gtmenuText, .gtmenu.active .gt-nav-container a span.gtmenuCounter, .gtmenu.active .gt-nav-container a span.gtshadowText, .gtvisiblemenu, .gthiddenmenu { opacity:1; }
.gtmenu.active .gt-nav-container a { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }
.gtmenu.active .gt-nav-container div:nth-child(2) a { -webkit-transition-delay:.1s; transition-delay:.1s; }
.gtmenu.active .gt-nav-container div:nth-child(3) a { -webkit-transition-delay:.15s; transition-delay:.15s; }
.gtmenu.active .gt-nav-container div:nth-child(4) a { -webkit-transition-delay:.20s; transition-delay:.20s; }
.gtmenu.active .gt-nav-container div:nth-child(5) a { -webkit-transition-delay:.25s; transition-delay:.25s; }
.gt-nav-container a .gtmenubg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; opacity:1; }
.gt-nav-container a .gtmenubg:before { position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:3; content:''; /*background:-moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.89) 100%); background:-webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.65) 50%,rgba(255,255,255,0.89) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.65) 50%,rgba(255,255,255,0.89) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#e3ffffff',GradientType=0 );*/ background:rgba(255, 255, 255, 0.9); -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; transition:all 1s; }
.gt-nav-container a:hover .gtmenubg:before, .gt-nav-container a.current .gtmenubg:before { height:0%; }
.gt-nav-container a .gtmenubg img { position:relative; height:100%; width:100%; max-width:none; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; }
.gtvisiblemenu, .gthiddenmenu { position:absolute; left:0px; top:50%; z-index:5; display:block; text-align:center; width:100%; padding:15px; -webkit-transform:translateY(-100%); -ms-transform:translateY(-50%); transform:translateY(-50%); transition:all 1s; -webkit-transition:all 1s; }
.gthiddenmenu { left:-150%; }
.gt-nav-container a:hover .gtvisiblemenu, .gt-nav-container a.current .gtvisiblemenu { left:150%; }
.gt-nav-container a:hover .gthiddenmenu, .gt-nav-container a.current .gthiddenmenu { left:0%; }
.gt-nav-container a span.gtmenuText { font-family:"Manrope-Light", Arial, Helvetica, sans-serif; font-size:38px; text-transform:none; display:block; color:#303030; text-align:center; }
.gt-nav-container a span.gtshadowText { font-family:"Manrope-Light", Arial, Helvetica, sans-serif; font-size:3.75vw; text-transform:none; display:block; color:transparent; text-align:left; width:100%; line-height:1; padding:15px 10px; position:absolute; left:0px; bottom:-100%; z-index:-1; transition:all 1s cubic-bezier(.19, 1, .22, .95); -webkit-transition:all 1s cubic-bezier(.19, 1, .22, .95); }
.gt-nav-container a:hover span.gtshadowText, .gt-nav-container a.current span.gtshadowText { color:rgba(255,255,255,0.2); bottom:0px; }
/*==============================*/
.gt-section-clip, .gt-section-content { position:absolute; bottom:0; right:0; top:0; left:0; }
.gt-section-clip { clip:rect(auto, auto, auto, auto); -webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0); clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0); }
.gt-section-content { margin:auto; }
.gt-nav-container span.gtmenuCounter { font-family:"Manrope-Light", Arial, Helvetica, sans-serif; font-size:25px; text-transform:none; color:rgba(48,48,48,0.5); line-height:1.6; margin:0px auto; text-align:center; }
.gt-nav-container a .gtmenubg:after { position:absolute; bottom:0; left:0; width:100%; height:0; z-index:5; content:''; background:rgba(226, 126, 39, 0.9); -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s; transition:all 1s; }
.gt-nav-container div:nth-child(even) a .gtmenubg:after { bottom:auto; top:0px; }
.gt-nav-container a:hover .gtmenubg:after, .gt-nav-container a.current .gtmenubg:after { height:100%; }
.gt-nav-container a.current .gtmenubg:after { background:rgba(215, 215, 215, 0.9); }
.gt-nav-container a:hover .gtmenubg, .gt-nav-container a.current .gtmenubg { opacity:1; }
.gt-nav-container a:hover span.gtmenuText, .gt-nav-container a.current span.gtmenuText, .gt-nav-container a:hover span.gtmenuCounter, .gt-nav-container a.current span.gtmenuCounter { color:#ffffff; }
.gt-nav-container a.current span.gtmenuText, .gt-nav-container a.current span.gtmenuCounter { color:#303030; }
@media screen and (max-width:1299px) { .gt-nav-container a span.gtmenuText { font-size:3vw; } .gt-nav-container span.gtmenuCounter { font-size:2.75vw; } }
@media screen and (max-width:630px) { .gt-section-content { overflow-y:auto; } .gt-nav-container { flex-flow:column; padding-top:87px; } .gt-nav-container > div { padding:0; height:20%; } .gt-nav-container a { padding:20px 40px; height:100%; letter-spacing:0px; } .gt-nav-container a span.gtmenuCounter { font-size:4vw; letter-spacing:0px; } .gt-nav-container a span.gtmenuText { font-size:5vw; letter-spacing:0px; } .gt-nav-container a:hover span.gtshadowText, .gt-nav-container a.current span.gtshadowText { color:rgba(255,255,255,0.5); } .gt-nav-container a:hover .gtmenubg:before, .gt-nav-container a.current .gtmenubg:before { width:0%; height:100%; } .gt-nav-container a .gtmenubg:after { top:0; width:0%; height:100%; }
.gt-nav-container div:nth-child(even) a .gtmenubg:after { bottom:0px; top:0px; left:auto; right:0px; }
.gt-nav-container a:hover .gtmenubg:after, .gt-nav-container a.current .gtmenubg:after { height:100%; width:100%; } }
/*@media screen and (max-width:375px) { .gt-nav-container { padding-top:90px; } .gt-nav-container a span.gtmenuCounter { font-size:6vw; } .gt-nav-container span.gtmenuText { font-size:3vw; } }*/
/*===========gtmenu===============*/
.hamburglar { /*position: absolute;*/ position:fixed; display:block; cursor:pointer; top:20px; left:auto; width:48px; right:60px; height:48px; overflow:hidden; z-index:10001; -webkit-transform:scale(1); transform:scale(1); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.hamburglar-hover, .hamburglar-hover:before, .hamburglar-hover:after { position:absolute; top:0; left:0; right:0; bottom:0; }
.hamburglar-hover:before, .hamburglar-hover:after { content:""; background:#f47c30; z-index:-1; }
.hamburglar-hover:before { transform:translate3d(0,105%,0); opacity:0; }
.hamburglar:hover .hamburglar-hover:before { transition:transform .7s cubic-bezier(.165,.84,.44,1); transform:translateZ(0); opacity:1; }
.hamburglar-hover:after { transition:transform .8s cubic-bezier(.165,.84,.44,1); transform:translate3d(0,-105%,0); opacity:1; }
.hamburglar:hover .hamburglar-hover:after { transition:none; transform:translateZ(0); opacity:0; }
.hamburglar:hover .hamburglar-hover:after { transition:none; transform:translateZ(0); opacity:0; }
.hamburglar.is-closed { }
@-webkit-keyframes rotate-out { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 40% { -webkit-transform:rotate(180deg); transform:rotate(180deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } }
@keyframes rotate-out { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 40% { -webkit-transform:rotate(180deg); transform:rotate(180deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } }
@-webkit-keyframes rotate-in { 0% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 40% { -webkit-transform:rotate(180deg); transform:rotate(180deg); } 100% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } }
@keyframes rotate-in { 0% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 40% { -webkit-transform:rotate(180deg); transform:rotate(180deg); } 100% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } }
@-webkit-keyframes dash-in { 0% { stroke-dashoffset:240; } 40% { stroke-dashoffset:240; } 100% { stroke-dashoffset:0; } }
@keyframes dash-in { 0% { stroke-dashoffset:240; } 40% { stroke-dashoffset:240; } 100% { stroke-dashoffset:0; } }
@-webkit-keyframes dash-out { 0% { stroke-dashoffset:0; } 40% { stroke-dashoffset:240; } 100% { stroke-dashoffset:240; } }
@keyframes dash-out { 0% { stroke-dashoffset:0; } 40% { stroke-dashoffset:240; } 100% { stroke-dashoffset:240; } }
.burger-icon { position:absolute; padding:15px 10px; height:48px; width:48px; }
.burger-container { position:relative; height:18px; width:28px; }
.burger-bun-top, .burger-bun-bot, .burger-filling { position:absolute; display:block; height:2px; width:28px; overflow:hidden; background:url("../images/hamburglar-bg-white.png") center center no-repeat; }
.hamburglar.is-open .burger-bun-top, .hamburglar.is-open .burger-bun-bot, .hamburglar.is-open .burger-filling { overflow:hidden; background:url("../images/hamburglar-bg-black.png") center center no-repeat; }
.burger-bun-top { top:0; -webkit-transform-origin:28px -3px; transform-origin:28px -3px; }
.burger-bun-bot { bottom:0; -webkit-transform-origin:26px 6px; transform-origin:26px 6px; }
.burger-filling { top:8px; overflow:hidden; }
.hamburglar.is-open .burger-bun-top { -webkit-animation:bun-top-out 0.6s linear normal; animation:bun-top-out 0.6s linear normal; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; }
.hamburglar.is-open .burger-bun-bot { -webkit-animation:bun-bot-out 0.6s linear normal; animation:bun-bot-out 0.6s linear normal; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; }
.hamburglar.is-closed .burger-bun-top { -webkit-animation:bun-top-in 0.6s linear normal; animation:bun-top-in 0.6s linear normal; }
.hamburglar.is-closed .burger-bun-bot { -webkit-animation:bun-bot-in 0.6s linear normal; animation:bun-bot-in 0.6s linear normal; }
@-webkit-keyframes bun-top-out { 0% { left:0; top:0; -webkit-transform:rotate(0deg); transform:rotate(0deg); } 20% { left:0; top:0; -webkit-transform:rotate(15deg); transform:rotate(15deg); } 80% { left:-6px; top:0; -webkit-transform:rotate(-60deg); transform:rotate(-60deg); } 100% { left:-6px; top:0px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } }
@keyframes bun-top-out { 0% { left:0; top:0; -webkit-transform:rotate(0deg); transform:rotate(0deg); } 20% { left:0; top:0; -webkit-transform:rotate(15deg); transform:rotate(15deg); } 80% { left:-6px; top:0; -webkit-transform:rotate(-60deg); transform:rotate(-60deg); } 100% { left:-6px; top:0px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } }
@-webkit-keyframes bun-bot-out { 0% { left:0; -webkit-transform:rotate(0deg); transform:rotate(0deg); } 20% { left:0; -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 80% { left:-6px; -webkit-transform:rotate(60deg); transform:rotate(60deg); } 100% { left:-6px; -webkit-transform:rotate(45deg); transform:rotate(45deg); } }
@keyframes bun-bot-out { 0% { left:0; -webkit-transform:rotate(0deg); transform:rotate(0deg); } 20% { left:0; -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 80% { left:-6px; -webkit-transform:rotate(60deg); transform:rotate(60deg); } 100% { left:-6px; -webkit-transform:rotate(45deg); transform:rotate(45deg); } }
@-webkit-keyframes bun-top-in { 0% { left:-6px; bot:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } 20% { left:-6px; bot:0; -webkit-transform:rotate(-60deg); transform:rotate(-60deg); } 80% { left:0; bot:0; -webkit-transform:rotate(15deg); transform:rotate(15deg); } 100% { left:0; bot:0px; -webkit-transform:rotate(0deg); transform:rotate(0deg); } }
@keyframes bun-top-in { 0% { left:-6px; bot:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } 20% { left:-6px; bot:0; -webkit-transform:rotate(-60deg); transform:rotate(-60deg); } 80% { left:0; bot:0; -webkit-transform:rotate(15deg); transform:rotate(15deg); } 100% { left:0; bot:0px; -webkit-transform:rotate(0deg); transform:rotate(0deg); } }
@-webkit-keyframes bun-bot-in { 0% { left:-6px; -webkit-transform:rotate(45deg); transform:rotate(45deg); } 20% { left:-6px; bot:0; -webkit-transform:rotate(60deg); transform:rotate(60deg); } 80% { left:0; bot:0; -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 100% { left:0; -webkit-transform:rotate(0deg); transform:rotate(0deg); } }
@keyframes bun-bot-in { 0% { left:-6px; -webkit-transform:rotate(45deg); transform:rotate(45deg); } 20% { left:-6px; bot:0; -webkit-transform:rotate(60deg); transform:rotate(60deg); } 80% { left:0; bot:0; -webkit-transform:rotate(-15deg); transform:rotate(-15deg); } 100% { left:0; -webkit-transform:rotate(0deg); transform:rotate(0deg); } }
.hamburglar.is-open .burger-filling { -webkit-animation:burger-fill-out 0.6s linear normal; animation:burger-fill-out 0.6s linear normal; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; }
.hamburglar.is-closed .burger-filling { -webkit-animation:burger-fill-in 0.6s linear normal; animation:burger-fill-in 0.6s linear normal; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; }
@-webkit-keyframes burger-fill-in { 0% { width:0; left:28px; } 40% { width:0; left:28px; } 80% { width:28px; left:-6px; } 100% { width:28px; left:0px; } }
@keyframes burger-fill-in { 0% { width:0; left:28px; } 40% { width:0; left:28px; } 80% { width:28px; left:-6px; } 100% { width:28px; left:0px; } }
@-webkit-keyframes burger-fill-out { 0% { width:28px; left:0px; } 20% { width:28px; left:-6px; } 40% { width:0; left:28px; } 100% { width:0; left:28px; } }
@keyframes burger-fill-out { 0% { width:28px; left:0px; } 20% { width:28px; left:-6px; } 40% { width:0; left:28px; } 100% { width:0; left:28px; } }