@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/gorev115/nunito.woff2) format('woff2');
  unicode-range: U+20-7e, U+a9, U+ae, U+b0, U+b2-b3, U+c0-c4, U+c7-cf, U+d1-d7, U+d9-dd, U+df-e4, U+e7-ef, U+f1-f7, U+f9-fd, U+ff, U+102-103, U+106-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+134-137, U+139-13c, U+143-146, U+14e-14f, U+154-157, U+15a-15f, U+162-163, U+168-169, U+16c-16d, U+174-17c, U+1d7-1d8, U+1db-1dc, U+1f4-1f5, U+1f8-1f9, U+226-229, U+22e-22f, U+300-303, U+306-308, U+327, U+1e02-1e03, U+1e08-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e2e-1e31, U+1e3e-1e41, U+1e44-1e45, U+1e4c-1e4f, U+1e54-1e59, U+1e60-1e61, U+1e64-1e65, U+1e6a-1e6b, U+1e78-1e79, U+1e7c-1e7d, U+1e80-1e87, U+1e8a-1e91, U+1e97, U+1ea4-1ea7, U+1eaa-1eab, U+1eae-1eb1, U+1eb4-1eb5, U+1ebc-1ec1, U+1ec4-1ec5, U+1ed0-1ed3, U+1ed6-1ed7, U+1ef2-1ef3, U+1ef8-1ef9, U+2013-2014, U+2018-2019, U+201c-201d, U+2022, U+2026, U+20ac, U+20ba, U+2122, U+2190-2193, U+2713;
}

@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/gorev115/heebo.woff2) format('woff2');
  unicode-range: U+20-7e, U+a9, U+ae, U+b0, U+b2-b3, U+c0-c4, U+c7-cf, U+d1-d7, U+d9-dd, U+df-e4, U+e7-ef, U+f1-f7, U+f9-fd, U+ff, U+102-103, U+106-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+134-137, U+139-13c, U+143-146, U+14e-14f, U+154-157, U+15a-15f, U+162-163, U+168-169, U+16c-16d, U+174-17c, U+1d7-1d8, U+1db-1dc, U+1f4-1f5, U+1f8-1f9, U+226-229, U+22e-22f, U+300-303, U+306-308, U+327, U+1e02-1e03, U+1e08-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e2e-1e31, U+1e3e-1e41, U+1e44-1e45, U+1e4c-1e4f, U+1e54-1e59, U+1e60-1e61, U+1e64-1e65, U+1e6a-1e6b, U+1e78-1e79, U+1e7c-1e7d, U+1e80-1e87, U+1e8a-1e91, U+1e97, U+1ea4-1ea7, U+1eaa-1eab, U+1eae-1eb1, U+1eb4-1eb5, U+1ebc-1ec1, U+1ec4-1ec5, U+1ed0-1ed3, U+1ed6-1ed7, U+1ef2-1ef3, U+1ef8-1ef9, U+2013-2014, U+2018-2019, U+201c-201d, U+2022, U+2026, U+20ac, U+20ba, U+2122, U+2190-2193, U+2713;
}

@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(/assets/gorev115/sora.woff2) format('woff2');
  unicode-range: U+20-7e, U+a9, U+ae, U+b0, U+b2-b3, U+c0-c4, U+c7-cf, U+d1-d7, U+d9-dd, U+df-e4, U+e7-ef, U+f1-f7, U+f9-fd, U+ff, U+102-103, U+106-10b, U+114-117, U+11c-125, U+128-129, U+12c-12d, U+130-131, U+134-137, U+139-13c, U+143-146, U+14e-14f, U+154-157, U+15a-15f, U+162-163, U+168-169, U+16c-16d, U+174-17c, U+1d7-1d8, U+1db-1dc, U+1f4-1f5, U+1f8-1f9, U+226-229, U+22e-22f, U+300-303, U+306-308, U+327, U+1e02-1e03, U+1e08-1e0b, U+1e10-1e11, U+1e1c-1e1f, U+1e22-1e23, U+1e26-1e29, U+1e2e-1e31, U+1e3e-1e41, U+1e44-1e45, U+1e4c-1e4f, U+1e54-1e59, U+1e60-1e61, U+1e64-1e65, U+1e6a-1e6b, U+1e78-1e79, U+1e7c-1e7d, U+1e80-1e87, U+1e8a-1e91, U+1e97, U+1ea4-1ea7, U+1eaa-1eab, U+1eae-1eb1, U+1eb4-1eb5, U+1ebc-1ec1, U+1ec4-1ec5, U+1ed0-1ed3, U+1ed6-1ed7, U+1ef2-1ef3, U+1ef8-1ef9, U+2013-2014, U+2018-2019, U+201c-201d, U+2022, U+2026, U+20ac, U+20ba, U+2122, U+2190-2193, U+2713;
}

   a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{background:0 0;border:0;margin:0;padding:0;vertical-align:baseline;outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}blockquote{quotes:none}blockquote:after,blockquote:before{content:'';content:none}ol,ul{margin:30px}ol li,ul li{margin-bottom:5px}img{vertical-align:middle;max-width:100%}iframe{max-width:100%}del{text-decoration:line-through}a,i{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border:none}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400;margin-bottom:20px}h1{font-size:45px}h2{font-size:36px}h3{font-size:30px}h4{font-size:24px}h5{font-size:20px}h6{font-size:16px}table{width:100%;max-width:100%;text-align:left;border-collapse:collapse;border-spacing:0px;margin-bottom:15px;color:#999;border:1px solid #eee}table tr{border:1px solid #eee}table th{vertical-align:top;color:#333;background:0 0;font-size:16px;font-weight:400;padding:15px 10px;border:1px solid #eee}table td{vertical-align:top;padding:10px;border:1px solid #eee}code,pre{padding:10px;padding-bottom:0;border-left:3px solid #6fbf71;border-bottom:1px solid transparent;background:#f7f7f7;overflow-x:scroll}pre{display:block;word-break:break-all;word-wrap:break-word}pre code{white-space:pre-wrap}.space10{width:100%;float:left;clear:both;margin-bottom:10px}.space20{width:100%;float:left;clear:both;margin-bottom:20px}.space30{width:100%;float:left;clear:both;margin-bottom:30px}.space40{width:100%;float:left;clear:both;margin-bottom:40px}.space50{width:100%;float:left;clear:both;margin-bottom:50px}.space60{width:100%;float:left;clear:both;margin-bottom:60px}.space70{width:100%;float:left;clear:both;margin-bottom:70px}.space80{width:100%;float:left;clear:both;margin-bottom:80px}.space90{width:100%;float:left;clear:both;margin-bottom:90px}.space100{width:100%;float:left;clear:both;margin-bottom:100px}.space200{width:100%;float:left;clear:both;margin-bottom:200px}.space300{width:100%;float:left;clear:both;margin-bottom:300px}.space400{width:100%;float:left;clear:both;margin-bottom:400px}.space500{width:100%;float:left;clear:both;margin-bottom:500px}.space1000{width:100%;float:left;clear:both;margin-bottom:1000px}textarea{border-radius:0;font-size:13px;color:#aaa;resize:vertical;font-family:Raleway,Arial,Helvetica,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;line-height:1.4;padding:10px;width:100%;border:1px solid #eee;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{border-radius:0;font-size:13px;min-width:220px;color:#aaa;letter-spacing:.5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-family:Heebo,Arial,Helvetica,sans-serif;line-height:1.6;padding:10px;height:44px;vertical-align:middle;border:1px solid #eee;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{border-color:#ccc;background:#eee}input[type=submit]{padding:13px 15px;height:40px;line-height:1;text-transform:uppercase;font-size:13px;font-weight:600;text-decoration:none;letter-spacing:.5px;border:none;cursor:pointer;color:#fff;background:#777;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}input[type=submit]:hover{background:#444}select{padding:8px;border:2px solid #eee}input[type=button]{cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .x1xaref { max-width: 100%; display: block; height: auto; } .whatapp { text-align: center!important; display: block!important; width: 65px!important; height: 65px!important; border-radius: 50%!important; background: #3cca22!important; cursor: pointer!important; animation: pulse 2s infinite!important; position: fixed!important; z-index: 2!important; bottom: 50px!important; left: 25px!important; font-size: 45px!important; color: #ffff !important; } .whatapp span { background: #3cca22; font-size: 17px; width: 145px; float: left; position: absolute; top: 20px; left: 54px; border-radius: 20px; } .lab { font-family: 'Line Awesome Brands'; } :root{ --sbc: #0a0a0a; --mc: #78f701; --hc: #fff; --bc: #ccc; --hff: 'Heebo', sans-serif; --bff: 'Nunito', sans-serif; --eff: 'Open Sans', sans-serif; --extra-color: #666; } html{ overflow-x: hidden; padding: 0px; margin: 0px; } *:after, *:before, *{ box-sizing: border-box; } body{ font-family: var(--bff); font-size: 18px; letter-spacing: 0; line-height: 1.44; font-weight: 400; color: var(--bc); position: relative; word-break: break-word; background-color: var(--sbc); } .fn__svg{ fill: currentcolor; width: 18px; height: 18px; opacity: 0; } .replaced-svg{ opacity: 1; } p{ letter-spacing: 0; margin-bottom: 20px; } h1, h2, h3, h4, h5, h6{ color: var(--hc); font-family: var(--hff); line-height: 1.22; letter-spacing: 0; } h1>a, h2>a, h3>a, h4>a, h5>a, h6>a{ text-decoration: none; color: var(--hc); } h1>a:hover, h2>a:hover, h3>a:hover, h4>a:hover, h5>a:hover, h6>a:hover{ color: var(--mc); } input[type="text"]{ background-color: #181818; border-radius: 5px; border: 2px solid var(--extra-color); font-size: 16px; letter-spacing: 0; line-height: 46px; height: 50px; padding: 0 15px; } textarea{ background-color: #181818; border-radius: 5px; border: 2px solid var(--extra-color); font-size: 16px; letter-spacing: 0; padding: 13px 15px; height: 250px; } textarea:focus, input[type="text"]:focus{ outline: none; background-color: #181818; border-color: #777; } .container{ width: 100%; max-width: 1360px; padding: 0 80px; margin: 0 auto; } .container.wide{ max-width: 1760px; } .container.small{ max-width: 900px; } .container:after, .clearfix:after, .clearfix:before{ content: ''; clear: both; display: table; } @media(max-width: 1400px){.container{padding: 0 40px;}} @media(max-width: 1040px){.container{padding: 0 20px;}} @media(max-width: 480px){.container{padding: 0 10px;}} a.full_link{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .bg_overlay .bg_image, .bg_overlay .bg_color, .bg_overlay{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center center; } .bg_overlay .bg_color{ z-index: 2; } [class*="mw_"]{ margin-left: auto; margin-right: auto; } .mw_650{max-width: 650px;} .mw_500{max-width: 500px;} .neoh_fn_main, .neoh_fn_main *{ box-sizing: border-box; text-decoration: none; } .neoh_fn_main{ position: relative; z-index: 2; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; min-height: 100vh; } .neoh_fn_header{ padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,.1); } .neoh_fn_header{ position: fixed; z-index: 99; top: 0; left: 0; right: 0; transition: all .3s ease; background-color: rgba(0,0,0,0.60); } .neoh_fn_header.fixer{ background-color: #111; padding: 20px 0; } .neoh_fn_header .header_in{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; } .trigger_in{ cursor: pointer; font-family: var(--hff); letter-spacing: 1px; font-size: 14px; text-transform: uppercase; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; padding: 10px; padding-right: 65px; position: relative; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; transition: all .3s ease; } .trigger.is-active, .trigger:hover .trigger_in{ color: var(--mc); } .trigger.is-active .hamb_a{ top: 6px; transform: rotate(45deg); } .trigger.is-active .hamb_c{ top: 6px; transform: rotate(-45deg); } .trigger.is-active .hamb_b{ transform: translateX(100%); opacity: 0; } .trigger.is-active .hamb_a, .trigger.is-active .hamb_b, .trigger.is-active .hamb_c{ background-color: #eee; } .trigger_in .hamb{ width: 50px; height: 15px; position: absolute; right: 0; top: 50%; margin-top: -7px; margin-top: -7.5px; } .trigger_in .hamb_a, .trigger_in .hamb_b, .trigger_in .hamb_c{ position: absolute; width: 50px; height: 1px; background-color: #aaa; left: 0; transition: all .3s ease; } .trigger_in .hamb_a{top: 0;} .trigger_in .hamb_b{top: 7px;} .trigger_in .hamb_c{top: 14px;} .trigger_in .text{ line-height: 1; } .neoh_fn_hero{ width: 100%; position: relative; z-index: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; } .neoh_fn_hero .overlay_slider{ position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } .neoh_fn_hero .overlay_slider .swiper-container .main_image{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } .neoh_fn_hero .overlay_slider .swiper-slide{ overflow: hidden; } .neoh_fn_hero .overlay_slider .swiper-container, .neoh_fn_hero .overlay_slider .swiper-slide{ height: 100%; } .neoh_fn_hero .overlay_slider .swiper-container{ cursor: e-resize; } .neoh_fn_hero iframe{ position: absolute; top: 50%; left: 50%; width: 100vw; height: 100vh; transform: translate(-50%, -50%); z-index: 10; } .home-kenburns .neoh_fn_hero .bg_color{background-color: rgba(0,0,0,0.55);} .neoh_fn_hero.half{ -ms-align-items: flex-start; align-items: flex-start; } .neoh_fn_hero.half .hero_content{ width: 50%; background-color: #0a0a0a; } .neoh_fn_hero.half .bg_overlay{ left: 50%; } .neoh_fn_hero .hero_content{ position: relative; z-index: 15; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; min-height: 100vh; padding: 150px 0; justify-content: center; -ms-align-items: center; align-items: center; } .neoh_fn_hero .content{ text-align: center; } @font-face { font-family: neon; src: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/707108/neon.ttf); } .neoh_fn_hero .fn_title{ max-width: 500px; margin: 0 auto; padding: 0; font-size: 50px; text-transform: uppercase; letter-spacing: 35px; line-height: 1; margin-bottom: 10px; font-family: neon; transform: translateZ(0); overflow: hidden; position: relative; left: 17px; } .neoh_fn_hero .fn_desc{ padding: 0; font-size: 40px; line-height: 1.3333; max-width: 500px; margin: 0 auto; } .neoh_fn_down{ position: absolute; bottom: 24px; z-index: 15; text-decoration: none; color: #eee; font-size: 14px; text-transform: uppercase; font-family: var(--hff); letter-spacing: 1px; padding-top: 60px; } .neoh_fn_down:hover{ color: var(--mc); } .neoh_fn_down:hover .icon{ color: var(--mc); } .neoh_fn_down:hover .icon:after{ background-color: var(--mc); } .neoh_fn_down .icon{ position: absolute; display: block; top: -16px; left: 50%; width: 18px; height: 40px; color: #aaa; margin-left: -9px; -webkit-animation: bottomArrow 1.5s infinite; animation: bottomArrow 1.5s infinite; transition: all .3s ease; } .neoh_fn_down .icon:after{ content: ''; position: absolute; width: 2px; height: 40px; background-color: #aaa; left: 50%; margin-left: -1px; transition: all .3s ease; } .neoh_fn_down .fn__svg{ position: absolute; display: block; bottom: -4px; transform: rotate(90deg); left: 50%; margin-left: -9px; z-index: 3; } @keyframes bottomArrow { 0% { transform: translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: translate(0px, 20px); opacity: 0; } } @keyframes topArrow { 0% { transform: translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: translate(0px, -20px); opacity: 0; } } .fn_animated_text{ opacity: 0; } .fn_animated_text.ready{ opacity: 1; } .fn_animated_text span{ animation: fn_animated_text 0.1s both; } .fn_animated_text em{ opacity: 0; } @keyframes fn_animated_text { 0% { opacity: 0; } 65% { opacity: 1; text-shadow: 0 0 25px white; } 75% { opacity: 1; } 100% { opacity: 0.7; } } #about{ background-color: #111; padding: 150px 0; position: relative; } .neoh_fn_about_item{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; margin-bottom: 150px; } .neoh_fn_about_item:last-child{ margin-bottom: 0; } .neoh_fn_about_item.reverse{ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; } .neoh_fn_about_item.reverse .content_item{ padding: 40px 140px 40px 0px; } .neoh_fn_about_item .img_item{ width: 50%; position: relative; } .neoh_fn_about_item .img_item:after{ content: ''; position: absolute; width: 100%; height: 100%; background-color: #353535; left: 0; top: 0; transform: rotate(5deg); } .neoh_fn_about_item .img_item img{ width: 100%; height: 100%; object-fit: cover; border-radius: 13px; position: relative; z-index: 3; box-shadow: 0px 0px 50px rgba(0,0,0,0.6); } .neoh_fn_about_item .content_item{ width: 50%; padding: 40px 40px 40px 100px; } .neoh_fn_about_item .neoh_fn_title{ margin-bottom: 31px; } .neoh_fn_about_item .desc p{ margin-bottom: 27px; } .neoh_fn_about_item .desc p:last-child{ margin-bottom: 0; } .neoh_fn_about_item .desc{ margin-bottom: 37px; } .neoh_fn_about_item .buttons{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; } .neoh_fn_about_item .buttons a{ margin: 5px 20px 5px 0; } .neoh_fn_about_item .buttons a:last-child{ margin-right: 0; } .neoh_fn_title{ position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; } .neoh_fn_title .fn_title{ margin: 0; padding: 0; font-size: 36px; margin-bottom: 6px; } .neoh_fn_title .line{ position: relative; width: 140px; height: 10px; } .neoh_fn_title .line span{ width: 140px; display: block; height: 2px; background-color: var(--extra-color); position: absolute; top: 4px; } .neoh_fn_title .line:after{ content: ''; position: absolute; width: 4px; height: 10px; left: 50%; margin-left: -2px; background-color: var(--extra-color); border-radius: 10px; } .neoh_fn_title .line span:after, .neoh_fn_title .line span:before{ width: 2px; background-color: var(--extra-color); position: absolute; content: ''; z-index: 3; margin-top: -3px; height: 6px; top: 50%; } .neoh_fn_title .line span:before{ right: 50%; margin-right: 12px; } .neoh_fn_title .line span:after{ left: 50%; margin-left: 12px; } .neoh_fn_title[data-align="left"]{ -ms-align-items: flex-start; align-items: flex-start; } .neoh_fn_title[data-align="left"] .line:after{ left: 0; margin-left: 0; } .neoh_fn_title[data-align="left"] .line span:before{ left: 14px; right: auto; margin-right: 0; } .neoh_fn_title[data-align="left"] .line span:after{ left: 26px; right: auto; margin-left: 0; margin-top: -2px; height: 4px; } .neoh_fn_title[data-align="right"]{ -ms-align-items: flex-end; align-items: flex-end; } .neoh_fn_title[data-align="right"] .line:after{ left: auto; margin-left: 0; right: 0; } .neoh_fn_title[data-align="right"] .line span:before{ left: auto; right: 14px; margin-right: 0; } .neoh_fn_title[data-align="right"] .line span:after{ left: auto; right: 26px; margin-left: 0; margin-top: -2px; height: 4px; } .neoh_fn_button{ display: block; width: fit-content; max-width: 100%; text-decoration: none; color: var(--bc); font-size: 16px; text-transform: uppercase; font-family: var(--hff); border: 2px solid var(--extra-color); border-radius: 5px; line-height: 46px; padding: 0 10px 0 10px; position: relative; text-align: center; letter-spacing: .5px; } .neoh_fn_button .text{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .neoh_fn_button.only_text{ padding: 0 28px; } .neoh_fn_button.full{ width: 100%; line-height: 66px; } .neoh_fn_button .icon{ display: block; position: absolute; left: 14px; top: 50%; margin-top: -11px; } .neoh_fn_button .icon:after{ content: ''; width: 2px; height: 26px; background-color: var(--extra-color); left: 100%; margin-left: 14px; top: 50%; margin-top: -13px; position: absolute; } .neoh_fn_button .icon:before{ content: ''; width: 2px; height: 0; background-color: var(--mc); left: 100%; margin-left: 14px; top: -2px; position: absolute; z-index: 3; transition: all .3s ease; } .neoh_fn_button .fn__svg{ width: 22px; height: 22px; display: block; } .neoh_fn_button:hover{ border-color: var(--mc); color: #eee; } .neoh_fn_button:hover .icon:after{ opacity: 0; } .neoh_fn_button:hover .icon:before{ height: 26px; } .fn__divider{ position: absolute; left: 0; right: 0; width: 100%; height: auto; display: block; z-index: 6; color: #111; } .top_divider{ top: -1px; } .bottom_divider{ bottom: -1px; transform: rotate(180deg); } #services{ padding: 150px 0 116px; position: relative; } #services .neoh_fn_title{ margin-bottom: 66px; } .neoh_fn_services ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; margin-left: -40px; } .neoh_fn_services li{ padding-left: 40px; width: 25%; margin-bottom: 40px; } .neoh_fn_services .item{ width: 100%; } .neoh_fn_services .item_num{ position: relative; padding-left: 16px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .neoh_fn_services .item_num span{ background-color: #252525; min-width: 46px; line-height: 30px; text-align: center; display: block; position: relative; transition: all .3s ease; font-size: 16px; font-weight: 600; font-family: var(--hff); letter-spacing: .5px; } .neoh_fn_services .item_num span:after, .neoh_fn_services .item_num span:before{ content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; transition: all .3s ease; } .neoh_fn_services .item_num span:before{ border-width: 0 0 30px 12px; border-bottom-color: #252525; right: 100%; top: 0; } .neoh_fn_services .item_num span:after{ border-width: 30px 0 0 12px; border-left-color: #252525; left: 100%; top: 0; } .neoh_fn_services .item_content{ padding: 46px 28px 43px; border: 2px solid var(--extra-color); border-radius: 5px; transition: all .3s ease; } .neoh_fn_services .item:hover .item_content{ border-color: var(--mc); } .neoh_fn_services .item:hover .item_num span{ background-color: var(--mc); color: #fff; } .neoh_fn_services .item:hover .item_num span:after{ border-left-color: var(--mc); } .neoh_fn_services .item:hover .item_num span:before{ border-bottom-color: var(--mc); } .neoh_fn_services .fn_title{ margin: 0; padding: 0; font-size: 22px; font-weight: 500; margin-bottom: 18px; } .neoh_fn_services li:nth-of-type(2n+1){ margin-top: 40px; } #drop{ padding: 135px 0; position: relative; background-color: #111; } #drop .neoh_fn_title{ margin-bottom: 70px; } #drop .neoh_fn_drops{ margin-bottom: 143px; } .neoh_fn_drops ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; margin-left: -40px; } .neoh_fn_drops li{ width: 33.3333%; padding-left: 40px; margin-bottom: 40px; } .neoh_fn_drops .item{ width: 100%; position: relative; } .neoh_fn_drops .item:after{ content: ''; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid var(--extra-color); border-radius: 10px; transition: all .3s ease; } .neoh_fn_drops .item:hover:after{ border-color: var(--mc); } .neoh_fn_drops .img_holder{ position: relative; border-radius: 5px; overflow: hidden; z-index: 5; } .neoh_fn_drops .img_holder img{ width: 100%; height: 100%; object-fit: cover; transition: all 1s ease; } .neoh_fn_drops .item:hover .img_holder img{ transform: scale(1.2) rotate(-5deg) translateZ(0); } .neoh_fn_drops .title_holder{ text-align: center; padding: 22px 20px 21px; position: relative; z-index: 5; } .neoh_fn_drops .fn_title{ margin: 0; padding: 0; font-size: 18px; } .neoh_fn_drops .fzz_title{ margin: 0; padding: 0; font-size: 25px; position: absolute; top: -20px; } .neoh_fn_gallery_1_2 .gallery_in{ --gap: 20px; display: grid; grid-template-columns: 2.1fr 1fr; grid-column-gap: var(--gap); grid-row-gap: var(--gap); } .neoh_fn_gallery_1_2 img{ width: 100%; height: 100%; object-fit: cover; transition: all 1s ease; transform: translateZ(0); } .neoh_fn_gallery_1_2 .row2{ grid-row: span 2; } .neoh_fn_gallery_1_2 .item{ position: relative; overflow: hidden; border-radius: 5px; } .neoh_fn_gallery_1_2 .item:hover img{ transform: scale(1.1) rotate(-5deg) translateZ(0); } .neoh_fn_timeline .timeline_content{ width: 100%; } .neoh_fn_timeline .timeline_list{ padding: 0; margin: 0; list-style-type: none; position: relative; overflow: hidden; } .neoh_fn_timeline .timeline_item{ margin: 0; padding: 0; width: 100%; position: absolute; left: 0; top: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); opacity: 0; transition: all .4s ease-in-out; } .neoh_fn_timeline .timeline_item.previous{ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } .neoh_fn_timeline .timeline_item.active{ position: relative; z-index: 5; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .neoh_fn_timeline .t_item{ padding: 40px; width: 100%; border: 2px solid var(--extra-color); border-radius: 5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .neoh_fn_timeline .t_item_img{ width: 50%; } .neoh_fn_timeline .t_item_info{ width: 50%; padding: 0 0 0 70px; } .neoh_fn_timeline .fn_date{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 26px; overflow: hidden; } .neoh_fn_timeline .fn_read{ margin-bottom: 0; } .neoh_fn_timeline .fn_date span{ background-color: #252525; line-height: 30px; text-align: center; display: block; position: relative; transition: all .3s ease; font-size: 16px; font-weight: 400; font-family: var(--hff); letter-spacing: 0px; padding: 0 15px; } .neoh_fn_timeline .fn_date span:after{ content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; transition: all .3s ease; border-width: 30px 0 0 12px; border-left-color: #252525; left: 100%; top: 0; } .neoh_fn_timeline .fn_title{ font-size: 22px; font-weight: 500; margin: 0; padding: 0; margin-bottom: 18px; } .neoh_fn_timeline .fn_desc{ margin-bottom: 27px; } .neoh_fn_timeline .timeline_progress{ padding: 0 20px; position: relative; height: 62px; width: 100%; margin-top: 20px; } .neoh_fn_timeline .progress_line_wrapper{ width: 100%; position: relative; height: 100%; overflow: hidden; } .neoh_fn_timeline .progress_line{ position: absolute; left: 0; top: 30px; background-color: #252525; width: 100%; height: 2px; -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; transition: transform .4s ease; } .neoh_fn_timeline .progress_line .active_line{ position: absolute; z-index: 2; left: 0; top: 0; width: 0; height: 100%; background-color: var(--extra-color); -webkit-transition: width .3s ease; -moz-transition: width .3s ease; transition: width .3s ease; } .neoh_fn_timeline .progress_line ul{ list-style-type: none; margin: 0; padding: 0; position: relative; z-index: 7; } .neoh_fn_timeline .progress_line li{ margin: 0; padding: 0; } .neoh_fn_timeline .progress_line li.previous .circle{ background-color: #aaa; background-color: var(--mc); } .neoh_fn_timeline .progress_line li.active a{ color: #eee; } .neoh_fn_timeline .progress_line li.active .circle{ background-color: var(--mc); } .neoh_fn_timeline .progress_line a{ display: block; text-decoration: none; font-size: 14px; text-transform: uppercase; font-family: var(--hff); color: #666; letter-spacing: 0; position: absolute; white-space: nowrap; line-height: 1; top: 100%; padding: 10px 0; left: 100%; } .neoh_fn_timeline .progress_line a:after{ content: ''; position: absolute; bottom: 100%; width: 100%; height: 100%; left: 0; } .neoh_fn_timeline .progress_line .circle{ width: 10px; height: 10px; border-radius: 100%; position: absolute; display: block; bottom: 100%; background-color: #252525; left: 50%; margin-left: -5px; margin-bottom: -6px; } .neoh_fn_timeline .progress_line li:nth-child(1) a{left: 115px;} .neoh_fn_timeline .progress_line li:nth-child(2) a{left: 350px;} .neoh_fn_timeline .progress_line li:nth-child(3) a{left: 580px;} .neoh_fn_timeline .progress_line li:nth-child(4) a{left: 810px;} .neoh_fn_timeline .progress_line li:nth-child(5) a{left: 1040px;} .neoh_fn_timeline .progress_line li:nth-child(6) a{left: 1270px;} .neoh_fn_timeline .progress_line li:nth-child(7) a{left: 1500px;} .neoh_fn_timeline .nav_next, .neoh_fn_timeline .nav_prev{ position: absolute; display: block; width: 20px; height: 16px; text-decoration: none; color: var(--extra-color); top: 50%; margin-top: -8px; } .neoh_fn_timeline .nav_next.inactive, .neoh_fn_timeline .nav_prev.inactive{ cursor: default; opacity: .3; } .neoh_fn_timeline .nav_prev:hover, .neoh_fn_timeline .nav_next:hover{ color: #eee; } .neoh_fn_timeline .nav_next .fn__svg, .neoh_fn_timeline .nav_prev .fn__svg{ display: block; width: 12px; height: 12px; position: absolute; top: 50%; margin-top: -6px; } .neoh_fn_timeline .nav_prev .fn__svg{ left: -3px; transform: rotate(180deg); } .neoh_fn_timeline .nav_next .fn__svg{ right: -3px; } .neoh_fn_timeline .nav_prev{ left: 0; } .neoh_fn_timeline .nav_next{ right: 0; } #investor{ position: relative; padding: 150px 0; } #investor .neoh_fn_title{ margin-bottom: 76px; } .neoh_fn_investor ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; margin-left: -10px; } .neoh_fn_investor li{ width: 20%; padding-left: 10px; margin-bottom: 10px; } .neoh_fn_investor .item{ width: 100%; position: relative; background-color: #111; border-radius: 5px; overflow: hidden; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; text-align: center; min-height: 150px; padding: 20px; } .neoh_fn_investor .item img{ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: .5; } .neoh_fn_investor .item:hover img{ opacity: 1; } #blog{ position: relative; padding: 135px 0 85px; background-color: #111; } #blog .neoh_fn_title{ margin-bottom: 70px; } .neoh_fn_moving_text{ position: fixed; opacity: 0; visibility: hidden; color: #fff; z-index: 102; } .neoh_fn_moving_text.active{ opacity: 1; visibility: visible; } .neoh_fn_moving_box{ position: fixed; width: 370px; height: 270px; z-index: 999; background-size: cover; background-repeat: no-repeat; background-position: center center; right: 100%; margin-right: 60px; opacity: 0; visibility: hidden; overflow: hidden; border-radius: 5px; } .neoh_fn_moving_box.active{ opacity: 1; visibility: visible; } .neoh_fn_moving_blog .moving_img{ opacity: 0; height: 0; width: 0; overflow: hidden; z-index: -2; position: absolute; margin: 0; padding: 0; outline: none; visibility: hidden; } .neoh_fn_moving_blog ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0; list-style-type: none; margin-left: -50px; } .neoh_fn_moving_blog li{ padding-left: 50px; margin-bottom: 50px; width: 33.3333%; } .neoh_fn_moving_blog .item{ width: 100%; } .neoh_fn_moving_blog .fn_date{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 26px; } .neoh_fn_moving_blog .fn_date span{ background-color: #252525; line-height: 30px; text-align: center; display: block; position: relative; transition: all .3s ease; font-size: 16px; font-weight: 400; font-family: var(--hff); letter-spacing: 0px; padding: 0 15px; } .neoh_fn_moving_blog .fn_date span:after{ content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; transition: all .3s ease; border-width: 30px 0 0 12px; border-left-color: #252525; left: 100%; top: 0; } .neoh_fn_moving_blog .fn_title{ margin: 0; padding: 0; font-size: 22px; font-weight: 500; margin-bottom: 18px; } .neoh_fn_moving_blog .fn_desc{ margin-bottom: 23px; } .neoh_fn_moving_blog .fn_read{ margin-bottom: 0; } .neoh_fn_content{ position: relative; z-index: 2; background-color: var(--sbc); } .neoh_fn_main[data-footer-sticky="on"] #footer{ position: sticky; bottom: 0; z-index: 0; } .neoh_fn_footer{ background-color: var(--sbc); } .neoh_fn_footer .footer_top{ padding: 150px 0; } .neoh_fn_footer .ft_in{ max-width: 670px; margin: 0 auto; } .neoh_fn_footer .footer_top .desc{ text-align: center; } .neoh_fn_footer .footer_top .img{ margin-bottom: 33px; } .neoh_fn_footer .footer_top .fn_title{ font-size: 36px; margin: 0; padding: 0; margin-bottom: 15px; } .neoh_fn_footer .footer_top .fn_desc{ margin: 0; padding: 0; margin-bottom: 22px; } .neoh_fn_footer .subscribe_form{ width: 100%; padding: 0 40px; margin-bottom: 25px; } .neoh_fn_footer .subscribe_in{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .neoh_fn_footer .subscribe_form input[type="text"]{ width: 100%; margin-right: 10px; height: 50px; min-width: inherit; background-color: #121212; border: 2px solid var(--extra-color); border-radius: 5px; outline: none; font-size: 16px; font-family: var(--hff); padding: 0 15px; line-height: 46px; color: #eee; } .neoh_fn_footer .subscribe_form input[type="text"]:focus{ background-color: #121212; border-color: #777; } .neoh_fn_footer .subscribe_form a{ flex: none; } .neoh_fn_footer .neoh_fn_social_list ul{ justify-content: center; } .neoh_fn_footer .footer_bottom{ border-top: 1px solid rgba(255,255,255,.1); padding: 31px 0 28px; } .neoh_fn_footer .fb_in{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; } .neoh_fn_footer .fb_left p{ margin: 0; padding: 0; font-size: 16px; font-family: var(--hff); } .neoh_fn_footer .fb_left p a{ text-decoration: none; color: #eee; } .neoh_fn_footer .fb_left p a:hover{ color: #fff; } .neoh_fn_footer .fb_right ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; list-style-type: none; margin: 0; padding: 0; flex-wrap: wrap; margin-left: -30px; } .neoh_fn_footer .fb_right li{ padding-left: 30px; margin: 5px 0; } .neoh_fn_footer .fb_right a{ display: block; text-decoration: none; font-size: 16px; color: var(--bc); font-family: var(--hff); } .neoh_fn_footer .fb_right a:hover{ color: var(--hc); } .neoh_fn_social_list ul{ margin: 0; padding: 0; list-style-type: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -ms-align-items: center; align-items: center; margin-left: -30px; } .neoh_fn_social_list li{ margin: 5px 0px 5px 30px; padding: 0; } .neoh_fn_social_list a{ color: var(--bc); font-size: 20px; display: block; text-decoration: none; text-align: center; line-height: 30px; } .neoh_fn_social_list a i{ transition: none; } .neoh_fn_social_list a i:before{ margin: 0; padding: 0; display: block; width: inherit; } .neoh_fn_social_list a:hover{ color: var(--hc); } .neoh_fn_nav{ position: fixed; height: 100vh; width: 50%; min-width: 850px; z-index: 999; background-color: #111; right: 0; top: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; } .neoh_fn_nav .trigger{ position: absolute; top: 30px; right: 73px; } .neoh_fn_nav .nav_content{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding-left: 80px; padding-left: 4.16vw; padding-left: calc(20px + 3.1vw); padding-right: 80px; padding-right: 4.16vw; padding-right: calc(20px + 3.1vw); padding-top: 150px; padding-top: 7.81vw; padding-top: calc(50px + 5.2vw); padding-bottom: 35px; overflow-y: scroll; overflow-x: hidden; } .neoh_fn_nav .nav_content{ scrollbar-width: thin; scrollbar-color: #999 #fff; } .neoh_fn_nav .nav_content::-webkit-scrollbar{ width: 4px; } .neoh_fn_nav .nav_content:-webkit-scrollbar-track{ background: #444; } .neoh_fn_nav .nav_content::-webkit-scrollbar-thumb{ background-color: #999; border-radius: 10px; border: 3px solid #444; } .neoh_fn_nav .nav_menu{ margin-bottom: 38px; } .neoh_fn_nav .nav_menu ul{ margin: 0; padding: 0; list-style-type: none; } .neoh_fn_nav ul.sub-menu{ display: none; margin: 25px 0 4px 30px; } .neoh_fn_nav .nav_menu ul.sub-menu li{ margin-bottom: 27px; } .neoh_fn_nav .nav_menu ul.sub-menu li:last-child{ margin-bottom: 0px; } .neoh_fn_nav ul.sub-menu a{ font-size: 20px; } .neoh_fn_nav .nav_menu ul.sub-menu a:before{ height: 1px; } .neoh_fn_nav .nav_menu li{ margin-bottom: 30px; transition: all .5s ease; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; } .neoh_fn_nav .nav_menu li:last-child{ margin-bottom: 0; } .neoh_fn_nav .nav_menu a{ font-size: 36px; display: block; text-decoration: none; font-family: var(--hff); color: var(--hc); line-height: 1; } .neoh_fn_nav .nav_menu a { background-image: linear-gradient( to right, var(--mc), var(--mc) 50%, var(--hc) 50% ); background-size: 200% 100%; background-position: -100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.5s ease-in-out; position: relative; } .neoh_fn_nav .nav_menu a:before { content: ''; background: var(--mc); display: block; position: absolute; bottom: -3px; left: 0; width: 0; height: 3px; transition: all 0.5s ease-in-out; } .neoh_fn_nav .nav_menu .menu-item-has-children > a:after{ content: ''; position: absolute; left: 100%; margin-left: 10px; width: 4px; height: 4px; background-color: var(--mc); border-radius: 100%; top: 50%; margin-top: -2px; } .neoh_fn_nav .nav_menu a:hover { background-position: 0; background-image: linear-gradient( to right, var(--mc), var(--mc) 50%, transparent 50% ); } .neoh_fn_nav .nav_menu a:hover::before { width: 100%; } .neoh_fn_nav .nav_menu .active a{ color: var(--mc); } .neoh_fn_nav .nav_buttons{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .neoh_fn_nav .nav_buttons a{ margin: 5px 20px 5px 0; } .neoh_fn_nav .nav_buttons a:last-child{ margin-right: 0; } .neoh_fn_nav .nav_footer{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; position: relative; justify-content: space-between; padding: 32px 0 28px; padding-left: 80px; padding-left: 4.16vw; padding-left: calc(20px + 3.1vw); padding-right: 80px; padding-right: 4.16vw; padding-right: calc(20px + 3.1vw); } .neoh_fn_nav .nav_footer .nf_left{ margin-right: 30px; } .neoh_fn_nav .nav_footer:after{ content: ''; position: absolute; width: 0; height: 1px; background-color: rgba(255,255,255,.1); left: 0; top: 0; transition: all .5s .3s ease; } .neoh_fn_nav .nav_footer .nf_left p{ margin: 0; padding: 0; font-size: 16px; font-family: var(--hff); } .neoh_fn_nav .nav_footer .nf_left p a{ text-decoration: none; color: #eee; } .neoh_fn_nav .nav_footer .nf_left p a:hover{ color: #fff; } .neoh_fn_nav .neoh_fn_social_list ul{ justify-content: flex-end; } .nav_overlay{ position: fixed; width: 100%; z-index: 100; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; transition: all 1s .7s cubic-bezier(0.02, 0.19, 0, 0.96); height: 100vh; transform: translateX(-102%); cursor: pointer; } .nav_overlay.go{ transition: all 1s .3s cubic-bezier(0.02, 0.19, 0, 0.96); transform: translateX(0%); } .neoh_fn_nav{ transition: all 1s .3s cubic-bezier(0.02, 0.19, 0, 0.96); transform: translateX(102%); } .neoh_fn_nav.go{ transition: all 1s 1.3s cubic-bezier(0.02, 0.19, 0, 0.96); transform: translateX(0%); } .neoh_fn_nav .nav_buttons, .neoh_fn_nav .nav_footer{ opacity: 0; transition: opacity .3s ease; } .neoh_fn_nav .nav_buttons.ready, .neoh_fn_nav .nav_footer.ready{ opacity: 1; } .neoh_fn_nav .nav_footer.ready:after{ width: 100%; } .neoh_fn_pagetitle{ width: 100%; position: relative; padding: 244px 0 143px; } .neoh_fn_pagetitle .bg_color{ background-color: rgba(0,0,0,0.60); } .neoh_fn_pagetitle .pt_content{ position: relative; z-index: 3; text-align: center; } .neoh_fn_pagetitle .fn_title{ margin: 0; padding: 0; font-size: 72px; text-transform: uppercase; letter-spacing: 3px; line-height: 1; font-weight: 300; margin-bottom: 11px; } .neoh_fn_pagetitle .fn_desc{ margin: 0; padding: 0; color: #aaa; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; -ms-align-items: center; align-items: center; justify-content: center; } .neoh_fn_pagetitle .fn_desc a{ color: #aaa; text-decoration: none; } .neoh_fn_pagetitle .fn_desc a:hover{ color: var(--mc); } .neoh_fn_pagetitle .separator{ margin: 0 9px; } .neoh_fn_collectionpage{ background-color: #111; padding: 150px 0; } .neoh_fn_collection{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; } .neoh_fn_clist{ width: 100%; } .neoh_fn_clist .neoh_fn_title{ margin-bottom: 50px; } [data-filter-sticky="on"] .neoh_fn_filters{ position: sticky; top: 100px; } .neoh_fn_filters{ width: 350px; min-width: 350px; margin-right: 50px; } .neoh_fn_filters .filter_item{ margin-bottom: 10px; background-color: #0a0a0a; border-radius: 5px; overflow: hidden; } .neoh_fn_filters .filter_item:last-child{ margin-bottom: 0; } .neoh_fn_filters .filter_item__header{ position: relative; padding: 20px 30px; border-bottom: 1px solid rgba(255,255,255,.05); } .neoh_fn_filters .filter_item__header .text{ line-height: 30px; font-weight: 500; font-size: 18px; letter-spacing: .5px; text-transform: uppercase; color: #ccc; font-family: var(--hff); } .neoh_fn_filters .closed .filter_item__header .fn__svg{ transform: rotate(180deg); } .neoh_fn_filters .filter_item__header .fn__svg{ width: 14px; height: 14px; position: absolute; color: var(--extra-color); display: block; top: 50%; margin-top: -7px; right: 20px; transition: transform 100ms ease 0s; } .neoh_fn_filters .filter_item__content{ width: 100%; height: initial; overflow: visible; transition: height 100ms ease 0s; } .neoh_fn_filters .closed .filter_item__content{ height: 0; overflow: hidden; } .neoh_fn_filters .ic_in{ padding: 23px 20px 21px 30px; } .neoh_fn_filters .items{ margin: 0; padding: 0; list-style-type: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin-left: -10px; max-height: 200px; overflow-y: scroll; } .neoh_fn_filters .items{ scrollbar-width: thin; scrollbar-color: #999 #fff; } .neoh_fn_filters .items::-webkit-scrollbar{ width: 2px; } .neoh_fn_filters .items:-webkit-scrollbar-track{ background: var(--extra-color); } .neoh_fn_filters .items::-webkit-scrollbar-thumb{ background-color: var(--extra-color); } .neoh_fn_filters .items > li{ margin: 0; padding: 0; padding-left: 10px; margin-bottom: 3 px; width: 100%; } .neoh_fn_filters .items > li:last-child{ margin-bottom: 0; } .neoh_fn_filters .checkbox{ width: 100%; display: block; position: relative; padding: 5px 0 5px 26px; cursor: pointer; font-size: 16px; color: #aaa; font-family: var(--hff); } .neoh_fn_filters .checkbox .amount{ color: #666; } .neoh_fn_filters .checkbox .checkmark .fn__svg{ width: 12px; height: 12px; position: relative; top: 1px; left: 1px; display: none; color: var(--mc); } .neoh_fn_filters .checkbox input:checked ~ .checkmark { border-color: var(--mc); } .neoh_fn_filters .checkbox input:checked ~ .checkmark .fn__svg { display: block; } .neoh_fn_filters .checkbox input{ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .neoh_fn_filters .checkbox .checkmark{ width: 16px; height: 16px; display: block; position: absolute; top: 50%; margin-top: -9px; left: 0; border: 1px solid var(--extra-color); border-radius: 3px; background-color: #121212; } .neoh_fn_filters .checkbox .checkmark:after{ content: ""; position: absolute; display: none; } .neoh_fn_result_box{ width: 100%; background-color: #0a0a0a; min-height: 70px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; -ms-align-items: center; align-items: center; padding: 15px 20px 5px; border-radius: 5px; margin-bottom: 50px; } .neoh_fn_result_box > *{ margin: 0 10px 10px 0; } .neoh_fn_result_box .filter_count{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; font-size: 14px; font-family: var(--hff); font-weight: 300; height: 40px; line-height: 36px; text-align: center; border: 2px solid #333; border-radius: 5px; padding: 0 0 0 20px; position: relative; } .neoh_fn_result_box .filter_count span{ position: relative; min-width: 34px; padding: 0 8px; display: block; right: 0; text-align: center; white-space: nowrap; margin-left: 20px; } .neoh_fn_result_box .filter_count span:after{ right: 100%; width: 2px; content: ''; position: absolute; top: 0; bottom: 0; background-color: #333; } .neoh_fn_result_box .result_item a{ position: relative; border-radius: 5px; display: block; text-decoration: none; padding: 0 56px 0 20px; line-height: 36px; white-space: nowrap; font-size: 14px; color: #666; font-family: var(--hff); border: 2px solid #333; } .neoh_fn_result_box .result_item span{ color: #aaa; } .neoh_fn_result_box .result_item a:after{ width: 2px; content: ''; position: absolute; top: 0; bottom: 0; right: 34px; background-color: #333; transition: all .3s ease; } .neoh_fn_result_box .result_item .fn__svg{ width: 10px; height: 10px; display: block; position: absolute; right: 12px; top: 13px; color: var(--extra-color); } .neoh_fn_result_box .result_item a:before{ width: 2px; content: ''; position: absolute; top: 0; height: 0; right: 34px; background-color: var(--extra-color); transition: all .3s ease; } .neoh_fn_result_box .result_item a:hover{ border-color: var(--extra-color); } .neoh_fn_result_box .result_item a:hover .fn__svg{ color: #aaa; } .neoh_fn_result_box .result_item a:hover:after{ opacity: 0; } .neoh_fn_result_box .result_item a:hover:before{ height: 100%; } .neoh_fn_result_box .clear_all{ font-size: 14px; color: #666; letter-spacing: 0; font-family: var(--hff); text-decoration: none; line-height: 40px; padding: 0 10px; margin-right: 0; } .neoh_fn_result_box .clear_all:hover{ color: var(--mc); } .neoh_fn_pagination ul{ margin: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 0; list-style-type: none; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; -ms-align-items: center; align-items: center; margin-left: -10px; } .neoh_fn_pagination li{ margin: 0 0 5px 0; padding: 0; padding-left: 10px; } .neoh_fn_pagination span, .neoh_fn_pagination a{ text-decoration: none; width: 60px; height: 50px; display: block; text-align: center; line-height: 46px; border: 2px solid var(--extra-color); color: #aaa; font-size: 18px; font-weight: 400; border-radius: 5px; transition: all .3s ease; font-family: var(--hff); } .neoh_fn_pagination .current{ border-color: #333; color: #666; } .neoh_fn_pagination span:hover, .neoh_fn_pagination a:hover{ border-color: #777; transform: translateY(-3px); } .neoh_fn_pagination.multiple span, .neoh_fn_pagination.multiple a{ min-width: 80px; width: auto; padding: 0 10px; } #information{ padding: 150px 0; background-color: #111; } .neoh_fn_gualist{ margin-bottom: 105px; } .neoh_fn_gualist ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0; margin-left: -45px; list-style-type: none; } .neoh_fn_gualist li{ width: 33.3333%; padding-left: 40px; margin-bottom: 40px; } .neoh_fn_gualist .item{ width: 100%; border: 2px solid var(--extra-color); border-radius: 5px; padding: 50px 40px 52px; position: relative; text-align: center; height: 100%; transition: all .3s ease; } .neoh_fn_gualist .fn__svg{ width: 60px; height: 60px; display: inline-block; color: var(--extra-color); margin-bottom: 18px; } .neoh_fn_gualist .fn_title{ margin: 0; padding: 0; font-size: 22px; font-weight: 500; margin-bottom: 18px; } .neoh_fn_gualist .line{ display: block; width: 150px; height: 10px; position: absolute; background-color: #252525; top: 0; left: 50%; margin-left: -75px; transition: all .3s ease; } .neoh_fn_gualist .line:before, .neoh_fn_gualist .line:after{ content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; transition: all .3s ease; top: 0; } .neoh_fn_gualist .line:before{ border-width: 0 10px 10px 0; border-right-color: #252525; right: 100%; } .neoh_fn_gualist .line:after{ border-width: 10px 10px 0 0; border-top-color: #252525; left: 100%; } .neoh_fn_gualist .item:hover{ border-color: var(--mc); } .neoh_fn_gualist .item:hover .line{ background-color: var(--mc); } .neoh_fn_gualist .item:hover .line:before{ border-right-color: var(--mc); } .neoh_fn_gualist .item:hover .line:after{ border-top-color: var(--mc); } #video{ position: relative; } .neoh_fn_video{ padding: 250px 0; position: relative; } .neoh_fn_video .bg_color{ background-color: rgba(0,0,0,.85); } .neoh_fn_video .v_content{ position: relative; z-index: 5; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: center; } .neoh_fn_video a{ position: relative; z-index: 5; } .neoh_fn_video a .fn__svg{ width: 120px; height: 120px; display: block; transition: all 1s ease; border-radius: 50%; } .neoh_fn_video a .stroke-solid{ stroke-width: 6px; stroke: rgba(85,85,85,.7); } .neoh_fn_video a .icon{ color: var(--bc); } .neoh_fn_video a:hover .stroke-solid { opacity: 1; stroke-dashoffset: 300; } .neoh_fn_video a:hover .icon { transform: scale(.8); } .neoh_fn_video a .stroke-solid { stroke-dashoffset: 0; stroke-dashArray: 300; stroke-width: 4px; transition: stroke-dashoffset 1s ease, opacity 1s ease; } .neoh_fn_video a .icon { transform: scale(.7); transform-origin: 50% 50%; transition: transform 200ms ease-out; } .neoh_fn_video a:hover .fn__svg{ background-color: rgba(255,255,255,.05); } #team{ background-color: #111; position: relative; padding: 150px 0 105px; } #team .neoh_fn_title{ margin-bottom: 31px; } #team .fn_description{ text-align: center; margin-bottom: 62px; } .neoh_fn_team .team_list{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0; margin-left: -45px; list-style-type: none; } .neoh_fn_team .team_item{ padding-left: 45px; margin-bottom: 45px; width: 33.3333%; } .neoh_fn_team .t_item{ widows: 100%; border: 2px solid var(--extra-color); border-radius: 5px; transition: all .3s ease; } .neoh_fn_team .person_info{ padding: 40px 40px 22px; text-align: center; } .neoh_fn_team .img_holder{ width: 100%; max-width: 240px; margin: 0 auto 26px auto; } .neoh_fn_team .img_holder img{ width: 100%; height: 100%; object-fit: cover; border-radius: 100%; } .neoh_fn_team .fn_title{ margin: 0; padding: 0; font-size: 22px; font-weight: 500; margin-bottom: 8px; } .neoh_fn_team .fn_desc{ margin: 0; padding: 0; font-size: 18px; } .neoh_fn_team .person_social{ width: 100%; padding: 0 40px; } .neoh_fn_team .person_social ul{ margin: 0; padding: 6px 0; list-style-type: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; background-color: #252525; margin-left: -8px; position: relative; transition: all .3s ease; } .neoh_fn_team .person_social li{ margin: 5px 0 5px 8px; padding: 0; } .neoh_fn_team .person_social a{ color: #777; font-size: 18px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; text-decoration: none; text-align: center; padding: 0 2px; } .neoh_fn_team .person_social a:hover{ color: #ccc; } .neoh_fn_team .person_social .fn-icon-facebook, .neoh_fn_team .person_social .fn-icon-pinterest{ top: 1px; } .neoh_fn_team .person_social i{ position: relative; transition: none; } .neoh_fn_team .person_social i:before{ display: block; margin: 0; } .neoh_fn_team .person_social ul:after, .neoh_fn_team .person_social ul:before{ content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; transition: all .3s ease; } .neoh_fn_team .person_social ul:before{ border-width: 0 0 40px 12px; border-bottom-color: #252525; right: 100%; top: 0; } .neoh_fn_team .person_social ul:after{ border-width: 40px 0 0 12px; border-left-color: #252525; left: 100%; top: 0; } .neoh_fn_team .t_item:hover{ border-color: var(--mc); } .neoh_fn_product_modal{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; padding: 60px; padding: 6.7%; } .neoh_fn_product_modal.reverse{ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; } .neoh_fn_product_modal.reverse .content_item{ padding-left: 0; padding-right: 20px; } .neoh_fn_product_modal .img_item{ width: 50%; position: relative; padding-right: 20px; } .neoh_fn_product_modal .img_item img{ width: 100%; height: 100%; object-fit: cover; border-radius: 13px; position: relative; z-index: 3; box-shadow: 0px 0px 50px rgba(0,0,0,0.6); } .neoh_fn_product_modal .content_item{ width: 50%; padding-left: 20px; } .neoh_fn_product_modal .neoh_fn_title{ margin-bottom: 31px; } .neoh_fn_product_modal .desc p{ margin-bottom: 27px; } .neoh_fn_product_modal .desc p:last-child{ margin-bottom: 0; } .neoh_fn_product_modal .desc{ margin-bottom: 37px; } .neoh_fn_product_modal .buttons{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; } .neoh_fn_product_modal .buttons a{ margin: 5px 20px 5px 0; } .neoh_fn_product_modal .buttons .disable{ display: none; } .neoh_fn_product_modal .buttons a:last-child{ margin-right: 0; } .neoh_fn_modal, .neoh_fn_modal *{ box-sizing: border-box; } .neoh_fn_modal{ position: fixed; top: 0px; width: 100%; height: 100%; background-color: rgba(45,47,56,0.8); display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; z-index: -9; transition: all 0.3s ease; transform: scale(0.9) translateY(-250px); padding: 40px; } .neoh_fn_modal.opened{ opacity: 1; visibility: visible; z-index: 99999; transform: scale(1) translateY(0px); } .neoh_fn_modal .modal_closer{ position: absolute; bottom: 100%; right: 10px; width: 50px; height: 24px; } .neoh_fn_modal .modal_closer .fn__svg{ width: 7px; height: 7px; display: block; position: absolute; top: 50%; left: 50%; margin: -3px 0 0 -3px; margin: -3.5px 0 0 -3.5px; } .neoh_fn_modal .modal_closer a{ display: block; width: 100%; height: 100%; background-color: #525252; border-radius: 5px 5px 0 0; color: #aaa; } .neoh_fn_modal .modal_closer a:hover{ background-color: #333; color: #eee; } .neoh_fn_modal .modal_in{ position: relative; width: 900px; max-width: 100%; height: auto; background: #111; border-radius: 10px; } .neoh_fn_modal .modal_content{ float: left; width: 100%; clear: both; position: relative; overflow-y: scroll; overflow-x: hidden; max-height: 90vh; max-height: calc(100vh - 80px); } .neoh_fn_modal .modal_content{ scrollbar-width: thin; scrollbar-color: #999 #fff; } .neoh_fn_modal .modal_content::-webkit-scrollbar{ width: 0px; } .neoh_fn_blog_page{ background-color: #111; padding: 150px 0 145px; } .neoh_fn_blog_page .neoh_fn_moving_blog li{ margin-bottom: 100px; } .neoh_fn_contact_page{ background-color: #111; padding: 145px 0 147px; } .contact_form{ margin-bottom: 45px; } .contact_form .input_list ul{ margin: 0; padding: 0; list-style-type: none; } .contact_form .input_list li{ margin: 0; padding: 0; margin-bottom: 26px; } .contact_form .input_list li:nth-last-child(2){ margin-bottom: 30px; } .contact_form .input_list li:last-child{ margin-bottom: 0px; } .contact_form .input_list label{ display: block; width: 100%; font-size: 16px; color: var(--heading-color); margin-bottom: 4px; } .contact_form .input_list textarea, .contact_form .input_list input{ display: block; width: 100%; min-width: 100%; min-width: inherit; height: 50px; line-height: 46px; border: 2px solid var(--extra-color); border-radius: 5px; outline: none; padding: 0 15px; font-size: 16px; color: #ccc; background-color: #181818; } .contact_form .input_list textarea:focus, .contact_form .input_list input:focus{ background-color: transparent; border-color: #777; } .contact_form .input_list textarea{ height: 150px; padding: 10px; line-height: 1.5; } #send_message{ width: 100%; } .empty_notice{ color: #F52225; margin: 7px 0; display: none; text-align: center; font-weight: 500; } .contact_error{ color: #F52225; text-align: center; font-weight: 500; } .returnmessage{ color:#3A00FF; margin: 7px 0; text-align: center; font-weight: 500; display: none; } .neoh_fn_contact_page .desc_holder{ margin-bottom: 38px; } .neoh_fn_contact_page .desc_holder p{ margin-bottom: 27px; } .neoh_fn_contact_page .desc_holder p:last-child{ margin-bottom: 0; } .neoh_fn_contact_page .info_list ul{ margin: 0; padding: 0; list-style-type: none; } .neoh_fn_contact_page .info_list li{ margin-bottom: 37px; } .neoh_fn_contact_page .info_list li:last-child{ margin-bottom: 0px; } .neoh_fn_contact_page .info_list .label{ font-size: 14px; font-family: var(--hff); letter-spacing: .5px; text-transform: uppercase; color: #777; margin-bottom: 8px; } .neoh_fn_contact_page .info_list .value{ margin: 0; padding: 0; font-size: 30px; } .neoh_fn_contact_page .info_list .email{ font-size: 18px; text-decoration: none; color: #aaa; border-bottom: 1px solid #414141; margin-top: 5px; } .neoh_fn_contact_page .info_list .email:hover{ color: #ccc; border-bottom-color: #aaa; } .neoh_fn_single{ width: 100%; position: relative; min-height: 500px; } .neoh_fn_single .single_bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .neoh_fn_single .single_bg:before, .neoh_fn_single .single_bg:after{ position: absolute; content: ''; left: 0; right: 0; } .neoh_fn_single .single_bg:before{ height: 500px; top: 0; background-color: #0a0a0a; } .neoh_fn_single .single_bg:after{ top: 500px; background-color: #111; bottom: 0; } .neoh_fn_single .single_content{ z-index: 3; position: relative; padding-top: 165px; } .neoh_fn_single .single_img{ margin-bottom: 57px; } .neoh_fn_single .single_img img{ border-radius: 10px; display: block; } .neoh_fn_single .neoh_fn_minis{ margin-bottom: 19px; } .neoh_fn_single .single_title .fn_title{ margin: 0; padding: 0; font-size: 36px; font-weight: 500; line-height: 1.3333; margin-bottom: 13px; } .neoh_fn_single .categories{ color: var(--bc); font-family: var(--hff); font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 38px; } .neoh_fn_single .categories a{ color: inherit; text-decoration: none; } .neoh_fn_single .categories a:hover{ color: var(--hc); } .neoh_fn_single .single_desc p{ margin-bottom: 28px; } .neoh_fn_single .single_desc p:last-child{ margin-bottom: 0; } .neoh_fn_share{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; flex-wrap: wrap; margin-bottom: 10px; } .neoh_fn_share .label{ margin: 0; padding: 0; margin-right: 20px; color: var(--bc); font-family: var(--bff); font-size: 18px; } .neoh_fn_share ul{ margin: 0; padding: 0; list-style-type: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -ms-align-items: center; align-items: center; margin-left: -25px; } .neoh_fn_share li{ margin: 5px 0px 5px 25px; padding: 0; } .neoh_fn_share a{ color: #eee; font-size: 20px; display: block; text-decoration: none; text-align: center; line-height: 30px; } .neoh_fn_share a i{ transition: none; } .neoh_fn_share a i:before{ margin: 0; padding: 0; display: block; width: inherit; } .neoh_fn_share a:hover{ color: #fff; } .neoh_fn_breadcrumbs{ margin-bottom: 42px; } .neoh_fn_breadcrumbs p{ margin: 0; padding: 0; font-size: 18px; color: var(--bc); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; } .neoh_fn_breadcrumbs a{ color: var(--bc); text-decoration: none; } .neoh_fn_breadcrumbs .separator{ margin: 0 9px; } .neoh_fn_breadcrumbs a:hover{ color: var(--mc); } .neoh_fn_wsidebar{ width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .neoh_fn_wsidebar .sidebar_left{ width: 100%; padding-right: 50px; } .neoh_fn_wsidebar .sidebar_right{ width: 350px; min-width: 350px; padding-left: 48px; border-left: 2px solid #292929; } #blog-single-content .sidebar_left{ padding-bottom: 93px; } #blog-single-content .sidebar_right{ padding-bottom: 100px; } .neoh_fn_minis{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; flex-wrap: wrap; overflow: hidden; } .neoh_fn_minis .m_item{ line-height: 30px; } .neoh_fn_minis .m_item > *{ padding: 0 15px; line-height: 30px; display: block; text-decoration: none; background-color: #252525; color: #aaa; font-size: 16px; font-family: var(--hff); letter-spacing: 0; position: relative; margin: 3px 0; margin-right: 18px; } .neoh_fn_minis .m_item > *:after, .neoh_fn_minis .m_item > *:before{ content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .neoh_fn_minis .m_item > *:before{ border-width: 0 12px 30px 0; border-color: transparent #252525 transparent transparent; right: 100%; } .neoh_fn_minis .m_item > *:after{ border-width: 30px 0 0 12px; border-color: transparent transparent transparent #252525; left: 100%; } .neoh_fn_minis .m_item:last-child > *:after{ content: none; } .neoh_fn_minis .m_item a{ text-decoration: none; color: #aaa; } .neoh_fn_minis .m_item a:hover{ color: #ccc; } .neoh_fn_author_info{ background-color: #252525; border-radius: 5px; padding: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin: 52px 0 27px 0; } .neoh_fn_author_info .info_img{ border-radius: 5px; overflow: hidden; margin-right: 40px; width: 25%; min-width: 25%; } .neoh_fn_author_info .info_img img{ width: 100%; height: 100%; object-fit: cover; } .neoh_fn_author_info .fn_title{ margin: 0; padding: 0; font-size: 20px; margin-bottom: 17px; } .neoh_fn_author_info .fn_desc{ margin: 0; padding: 0; font-size: 18px; line-height: 26px; font-family: var(--extra-font-family); margin-bottom: 18px; } .neoh_fn_author_info .social{ margin: 0; padding: 0; list-style-type: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -ms-align-items: center; align-items: center; } .neoh_fn_author_info .social li{ margin: 5px 28px 5px 0; padding: 0; } .neoh_fn_author_info .social a{ color: #777; font-size: 20px; display: block; text-decoration: none; text-align: center; line-height: 30px; } .neoh_fn_author_info .social a i{ transition: none; } .neoh_fn_author_info .social a i:before{ margin: 0; padding: 0; display: block; width: inherit; } .neoh_fn_author_info .social a:hover{ color: var(--heading-color); } .neoh_fn_tags{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; -ms-align-items: center; align-items: center; flex-wrap: wrap; margin: 0; padding: 0; margin-right: 20px; color: var(--bc); font-family: var(--hff); font-size: 16px; font-weight: 500; text-transform: uppercase; } .neoh_fn_tags .label{ margin: 0; padding: 0; margin-right: 10px; color: var(--bc); font-family: var(--hff); font-size: 16px; font-weight: 500; text-transform: uppercase; } .neoh_fn_tags a{ text-decoration: none; color: inherit; } .neoh_fn_tags span{ margin-right: 5px; } .neoh_fn_tags a:hover{ color: var(--hc); } .widget{ margin-bottom: 60px; } .widget:last-child{ margin-bottom: 0; } .wid-title{ padding: 0 10px; position: relative; margin-bottom: 30px; } .wid-title:after, .wid-title:before{ content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; top: 0; } .wid-title:before{ border-width: 0 0 44px 10px; border-color: transparent transparent #252525 transparent; left: 0; } .wid-title:after{ border-width: 44px 0 0 10px; border-color: transparent transparent transparent #252525; right: 0; } .wid-title .text{ display: block; padding: 10px; line-height: 24px; letter-spacing: .5px; position: relative; text-transform: uppercase; color: #ccc; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 500; background-color: #252525; text-align: center; font-family: var(--hff); } .wid-title .icon{ position: absolute; border: 6px solid transparent; border-top-color: #252525; border-left-width: 7px; border-right-width: 7px; top: 100%; left: 50%; margin-left: -7px; margin-left: -7.5px; } .neoh_fn_widget_about{ margin-bottom: 60px; } .abs_img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 1s ease; background-position: center center; background-repeat: no-repeat; background-size: cover; } .neoh_fn_widget_about > *, .neoh_fn_widget_about{ width: 100%; } .neoh_fn_widget_about{ text-align: center; } .neoh_fn_widget_about img{ margin: 0; padding: 0; } .neoh_fn_widget_about .abs_img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 1s ease; } .neoh_fn_widget_about .about_img{ width: 100%; position: relative; margin-bottom: 29px; } .neoh_fn_widget_about .img_inner{ position: relative; overflow: hidden; border-radius: 5px; } .neoh_fn_widget_about .img_inner:hover .abs_img{ transform: scale(1.2) rotate(5deg); } .neoh_fn_widget_about .about_img img{ min-width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; opacity: 0; margin-top: -15%; max-height: 300px; } .neoh_fn_widget_about .afwa_title{ margin-bottom: 22px; } .neoh_fn_widget_about .afwa_title h3{ margin: 0; padding: 0; font-size: 18px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: .5px; margin-bottom: 8px; } .widget_neoh_about.widget_block{ margin-bottom: 70px; } .neoh_fn_widget_about .afwa_title p{ margin: 0; padding: 0; font-size: 16px; line-height: 1.25; color: #777; font-family: var(--hff); } .neoh_fn_widget_about .afwa_title p a{ color: inherit; text-decoration: none; border-bottom: 1px solid transparent; } .neoh_fn_widget_about .afwa_title p a:hover{ border-bottom-color: inherit; } .neoh_fn_widget_about .afwa_desc{ margin-bottom: 24px; } .neoh_fn_widget_about .afwa_desc p{ margin: 0; padding: 0; font-size: 16px; line-height: 20px; font-family: var(--hff); } .neoh_fn_widget_social ul{ margin: 0; padding: 0; list-style-type: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -ms-align-items: center; align-items: center; justify-content: center; margin-left: -20px; } .neoh_fn_widget_social ul li{ margin: 5px 0px 5px 20px; padding: 0; } .neoh_fn_widget_social ul a{ color: #777; font-size: 18px; display: block; text-decoration: none; text-align: center; line-height: 30px; } .neoh_fn_widget_social ul a i{ transition: none; } .neoh_fn_widget_social ul a i:before{ margin: 0; padding: 0; display: block; width: inherit; } .neoh_fn_widget_social ul a:hover{ color: var(--heading-color); } .widget-banner img{ border-radius: 10px; } .neoh_fn_widget_subscribe{ padding: 30px; background-color: #252525; border-radius: 10px; text-align: center; } .neoh_fn_widget_subscribe .desc{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; } .neoh_fn_widget_subscribe .fn__svg{ width: 40px; height: 40px; display: block; margin-bottom: 21px; } .neoh_fn_widget_subscribe .fn_title{ margin: 0; padding: 0; font-size: 24px; font-weight: 400; margin-bottom: 9px; } .neoh_fn_widget_subscribe .fn_desc{ margin: 0; padding: 0; font-size: 16px; line-height: 20px; font-weight: 400; margin-bottom: 15px; } .neoh_fn_widget_subscribe input[type="text"]{ background-color: #2c2c2c; width: 100%; min-width: 100%; margin-bottom: 10px; text-align: center; } .neoh_fn_widget_subscribe .form a{ width: 100%; } .neoh_fn_pnb{ width: 100%; background-color: #252525; } .neoh_fn_pnb .pnb_wrapper{ width: 100%; max-width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .neoh_fn_pnb .item{ width: 46.55%; max-width: calc(50% - 43px); max-width: calc(50% - 42.5px); padding: 60px 0; position: relative; } .neoh_fn_pnb .next{ text-align: right; } .neoh_fn_pnb .item_in{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .neoh_fn_pnb .img{ width: 80px; min-width: 80px; height: 80px; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 5px; } .neoh_fn_pnb .prev{ padding-right: 90px; } .neoh_fn_pnb .next{ padding-left: 90px; } .neoh_fn_pnb .prev .img{ margin-right: 30px; } .neoh_fn_pnb .next .item_in{ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; } .neoh_fn_pnb .next .img{ margin-left: 30px; } .neoh_fn_pnb .item .desc{ width: 100%; max-width: calc(100% - 110px); } .neoh_fn_pnb .item .fn_desc{ color: #777; margin: 0; padding: 0; font-size: 16px; font-family: var(--hff); font-weight: 500; letter-spacing: .5px; text-transform: uppercase; margin-bottom: 6px; } .neoh_fn_pnb .item .fn_title{ margin: 0; padding: 0; font-size: 22px; font-weight: 500; letter-spacing: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .neoh_fn_pnb .trigger{ width: 85px; min-width: 85px; border-left: 2px solid #111; border-right: 2px solid #111; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; position: relative; } .neoh_fn_pnb .trigger .icon{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; gap: 3px; width: 21px; height: 21px; } .neoh_fn_pnb .trigger span{ width: 3px; height: 3px; display: block; background-color: #ccc; } .neoh_fn_pnb .container, .neoh_fn_pnb .item, .neoh_fn_pnb .img, .neoh_fn_pnb .trigger span, .neoh_fn_pnb .fn_desc, .neoh_fn_pnb .fn_title{ transition: all .5s ease; } .neoh_fn_pnb .item:hover .fn_desc{ color: #aaa; } .neoh_fn_pnb .item:hover .fn_title{ color: var(--mc); } .neoh_fn_pnb .trigger:hover span{ background-color: #fff; } .neoh_fn_pnb .item:hover{ padding-top: 50px; padding-bottom: 50px; } .neoh_fn_pnb .item:hover .img{ min-width: 100px; height: 100px; } .neoh_fn_pnb:hover .container{ max-width: 100%; } #comment-section .sidebar_left{ padding: 100px 50px 150px 0; } #comment-section .sidebar_right{ padding-top: 100px; padding-bottom: 100px; } .neoh_fn_comments{ } .neoh_fn_comments .comment-title{ margin-bottom: 55px; } .neoh_fn_comments .comment-title .fn_title{ font-size: 22px; margin: 0; padding: 0; font-weight: 500; text-transform: uppercase; color: var(--hc); } .neoh_fn_comments .list{ margin: 0; padding: 0; list-style-type: none; } .neoh_fn_comments .comment{ margin-bottom: 30px; } .neoh_fn_comments .comment:last-child{ margin-bottom: 0; } .neoh_fn_comments .comment-body{ width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .neoh_fn_comments .comment-avatar{ width: 80px; min-width: 80px; margin-right: 30px; } .neoh_fn_comments .comment-avatar img{ border-radius: 100%; } .neoh_fn_comments .comment-data{ margin-bottom: 19px; margin-top: 5px; } .neoh_fn_comments .comment-data .author{ font-size: 20px; margin: 0; padding: 0; font-weight: 500; margin-bottom: 8px; } .neoh_fn_comments .comment-data .date{ font-size: 13px; margin: 0; padding: 0; font-weight: 500; font-family: var(--hff); color: #999; text-transform: uppercase; } .neoh_fn_comments .comment-text p{ margin: 0; padding: 0; margin-bottom: 36px; } .neoh_fn_comments .comment-text p:last-child{ margin-bottom: 0; } .neoh_fn_comments .comment-text .desc{ margin-bottom: 22px; } .neoh_fn_comments .fn_reply{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .neoh_fn_comments .fn_reply .fn__svg{ width: 14px; height: 14px; display: block; margin-right: 5px; } .neoh_fn_comments .fn_reply a{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; background-color: #252525; line-height: 26px; padding: 0 10px; border-radius: 3px; text-decoration: none; margin: 0 5px 5px 0; font-size: 14px; font-family: var(--hff); color: #aaa; } .neoh_fn_comments .comment-text-wrap{ padding-bottom: 35px; border-bottom: 1px solid #292929; } .neoh_fn_comments .comment-respond{ padding-top: 96px; } .neoh_fn_comments .respond-title{ margin-bottom: 38px; } .neoh_fn_comments .respond-title .fn_title{ font-size: 22px; margin: 0; padding: 0; font-weight: 500; text-transform: uppercase; color: var(--hc); } .neoh_fn_comments .respond-log{ margin-bottom: 17px; } .neoh_fn_comments .respond-log p{ margin: 0; padding: 0; color: #ccc; } .neoh_fn_comments .respond-log p a{ text-decoration: none; color: inherit; border-bottom: 1px solid transparent; } .neoh_fn_comments .respond-log p a:hover{ border-bottom-color: inherit; } .neoh_fn_comments .input-items{ margin: 0; padding: 0; list-style-type: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin-left: -15px; } .neoh_fn_comments .input-item{ width: 100%; padding-left: 15px; margin-bottom: 15px; } .neoh_fn_comments .input-item.half-item{ width: 50%; } .neoh_fn_comments .comment-form textarea, .neoh_fn_comments .comment-form input[type="text"]{ width: 100%; min-width: 100%; display: block; } .neoh_fn_comments .comment-respond .neoh_fn_button{ margin-top: 20px; } .neoh_fn_widget_articles ul{ margin: 0; padding: 0; list-style-type: none; } .neoh_fn_widget_articles li{ margin-bottom: 20px; } .neoh_fn_widget_articles li:last-child{ margin-bottom: 0; } .neoh_fn_widget_articles .item{ position: relative; width: 100%; padding: 26px 20px 24px; border-radius: 5px; background-color: #252525; transition: all .3s ease; } .neoh_fn_widget_articles .fn_title{ margin: 0; padding: 0; font-size: 18px; line-height: 1.3333; margin-bottom: 9px; } .neoh_fn_widget_articles .fn_date{ margin: 0; padding: 0; font-size: 14px; font-family: var(--hff); letter-spacing: 0; color: #aaa; overflow: hidden; position: relative; } .neoh_fn_widget_articles .fn_date span{ position: relative; display: block; transition: all .3s ease; } .neoh_fn_widget_articles .fn_date span:after{ width: 4px; height: 4px; content: ''; background-color: #777; border-radius: 100%; margin-left: 5px; display: inline-block; vertical-align: middle; } .neoh_fn_widget_articles .fn_date .comment_count{ position: absolute; left: 0; width: 100%; top: 100%; color: var(--mc); } .neoh_fn_widget_articles .count{ display: block; width: 40px; height: 40px; font-weight: 500; font-family: var(--hff); font-size: 18px; letter-spacing: 0; color: #ccc; background-color: #111; border-radius: 100%; text-align: center; line-height: 40px; bottom: -20px; right: 0; position: absolute; transition: all .3s ease; } .neoh_fn_widget_articles .item:hover{ background-color: #050505; } .neoh_fn_widget_articles .item:hover .fn_date .post_date{ transform: translateY(-100%); } .neoh_fn_widget_articles .item:hover .fn_date .comment_count{ transform: translateY(-100%); } .neoh_fn_categories ul{ list-style-type: none; margin: 0px; padding: 0px; overflow: hidden; } .neoh_fn_categories li{ margin: 0px 0px 10px 0px; width: 100%; float: left; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; flex-wrap: wrap; -webkit-transform: translateZ(0); transform: translateZ(0); position: relative; overflow: hidden; } .neoh_fn_categories li a{ position: relative; background-color: #111; padding-right: 20px; z-index: 5; font-size: 16px; font-weight: 500; -webkit-transform: translateZ(0); transform: translateZ(0); line-height: 30px; font-style: normal; color: #aaa; text-decoration: none; font-family: var(--hff); text-transform: uppercase; } .neoh_fn_categories li a:after{ content: ''; position: absolute; display: block; top: 0; bottom: 0; left: 100%; width: 2000px; z-index: 5; } .neoh_fn_categories li a:before{ content: ''; position: absolute; display: block; top: 0; bottom: 0; right: 100%; width: 40px; z-index: 5; } .neoh_fn_categories li:after{ content: ''; position: absolute; background-color: #272727; height: 1px; left: 0; right: 55px; top: 50%; margin-top: -1px; margin-top: -0.5px; } .neoh_fn_categories .count{ display: block; width: 30px; height: 30px; text-align: center; font-size: 11px; font-family: var(--hff); letter-spacing: 0; color: #aaa; background-color: #252525; border-radius: 100%; line-height: 30px; position: relative; z-index: 3; } .neoh_fn_categories li:hover a{ transform: translateX(20px); padding-left: 20px; } .neoh_fn_categories .more{ font-size: 13px; margin: 0; padding: 0; font-weight: 500; font-family: var(--hff); color: #777; text-transform: uppercase; text-decoration: none; display: block; text-align: center; margin-top: 1px; } .neoh_fn_categories .more:hover{ color: #ccc; } .neoh_fn_mosaic{ margin-top: 62px; margin-bottom: 20px; } .neoh_fn_mosaic ul{ margin: 0; padding: 0; list-style-type: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin-left: -45px; } .neoh_fn_mosaic li{ width: 33.3333%; padding-left: 45px; margin-bottom: 45px; } .neoh_fn_mosaic li:nth-of-type(9n+5), .neoh_fn_mosaic li:nth-of-type(9n+4){ width: 50%; } .neoh_fn_mosaic li:nth-of-type(9n+6), .neoh_fn_mosaic li:nth-of-type(9n+7), .neoh_fn_mosaic li:nth-of-type(9n+8), .neoh_fn_mosaic li:nth-of-type(9n){ width: 25%; } .neoh_fn_mosaic .item{ background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; } .neoh_fn_mosaic .item img{ min-width: 100%; opacity: 0; margin-top: -20%; } #roadmap-single-content{ padding-bottom: 82px; } #roadmap-desc{ padding: 92px 0; } .neoh_fn_roadmappage{ padding: 150px 0 110px; background-color: #111; } .neoh_fn_roadmaplist .roadlist{ margin: 0; padding: 0; list-style-type: none; } .neoh_fn_roadmaplist .road_item{ margin-bottom: 40px; } .neoh_fn_roadmaplist .t_item{ padding: 40px; width: 100%; border: 2px solid var(--extra-color); border-radius: 5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; } .neoh_fn_roadmaplist .t_item_img{ width: 50%; } .neoh_fn_roadmaplist .t_item_info{ width: 50%; padding: 0 0 0 70px; } .neoh_fn_roadmaplist .fn_date{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 26px; overflow: hidden; } .neoh_fn_roadmaplist .fn_date span{ background-color: #252525; line-height: 30px; text-align: center; display: block; position: relative; transition: all .3s ease; font-size: 16px; font-weight: 400; font-family: var(--hff); letter-spacing: 0px; padding: 0 15px; } .neoh_fn_roadmaplist .fn_date span:after{ content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; transition: all .3s ease; border-width: 30px 0 0 12px; border-left-color: #252525; left: 100%; top: 0; } .neoh_fn_roadmaplist .fn_title{ font-size: 22px; font-weight: 500; margin: 0; padding: 0; margin-bottom: 18px; } .neoh_fn_roadmaplist .fn_desc{ margin-bottom: 27px; } @media(max-width: 1500px){ .neoh_fn_drops li{ width: 50%; } } @media(max-width: 1040px){ .neoh_fn_hero.half .hero_content{ width: 100%; background-color: rgba(0,0,0,0.8); } .neoh_fn_hero.half .bg_overlay{ left: 0; } .neoh_fn_mosaic ul{ margin-left: -20px; } .neoh_fn_mosaic li{ padding-left: 20px; margin-bottom: 20px; } .neoh_fn_blog_page{ padding: 100px 0 95px; } .neoh_fn_collectionpage{ padding: 100px 0; } .neoh_fn_collection{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .neoh_fn_filters{ width: 100%; min-width: 100%; margin-right: 0; margin-bottom: 50px; } [data-filter-sticky="on"] .neoh_fn_filters{ position: relative; top: 0; } .neoh_fn_pagetitle .fn_title{ font-size: 50px; } .neoh_fn_hero .fn_title{ font-size: 90px; } .neoh_fn_about_item .img_item{ width: 40%; } .neoh_fn_about_item .content_item{ width: 60%; padding: 0 0 0 50px; } .neoh_fn_about_item.reverse .content_item{ padding: 0 50px 0 0; } #about{ padding: 100px 0; } .neoh_fn_about_item{ margin-bottom: 100px; } .neoh_fn_services li{ width: 50%; } .neoh_fn_drops li{ width: 50%; } .neoh_fn_timeline .t_item_info{ width: 60%; padding-left: 50px; } .neoh_fn_timeline .t_item_img{ width: 40%; } .neoh_fn_timeline .t_item{ padding: 30px; } .neoh_fn_investor li{ width: 33.3333%; } .neoh_fn_moving_blog li{ width: 50%; } .neoh_fn_moving_blog .moving_img{ opacity: 1; height: auto; width: 100%; position: relative; z-index: 1; visibility: visible; margin-bottom: 40px; } .neoh_fn_moving_box{ display: none !important; } .neoh_fn_nav .trigger{ right: 30px; } .neoh_fn_nav .nav_menu a{ font-size: 30px; } .neoh_fn_nav .nav_menu li{ margin-bottom: 20px; } #information{ padding: 100px 0; } .neoh_fn_gualist li{ width: 50%; } .neoh_fn_team .team_item{ width: 50%; } } @media(max-width: 900px){ .neoh_fn_wsidebar{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .neoh_fn_wsidebar .sidebar_left{ padding-right: 0; } .neoh_fn_wsidebar .sidebar_right{ padding-left: 0; width: 100%; min-width: 100%; border-left: none; } .neoh_fn_widget_about .about_img img{ max-height: inherit; } #comment-section .sidebar_left{ padding-right: 0; padding-bottom: 0; } .neoh_fn_pnb .pnb_wrapper{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .neoh_fn_pnb .item{ width: 100%; max-width: 100%; } .neoh_fn_pnb .trigger{ width: 100%; max-width: 100%; border-top: 2px solid #111; border-bottom: 2px solid #111; border-left: none; border-right: none; padding: 30px 0; } .neoh_fn_nav{min-width: 100%;} .neoh_fn_nav .nav_footer{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .neoh_fn_nav .neoh_fn_social_list ul{ justify-content: flex-start; } .neoh_fn_nav .nav_footer .nf_left{ margin-right: 0; margin-bottom: 10px; } } @media(max-width: 768px){ .neoh_fn_mosaic ul{ margin-left: -10px; } .neoh_fn_mosaic li{ padding-left: 10px; margin-bottom: 10px; } .neoh_fn_footer .footer_top .fn_title, .neoh_fn_single .single_title .fn_title{ font-size: 30px; } .neoh_fn_author_info{ padding: 30px; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-start; align-items: flex-start; } .neoh_fn_author_info .info_img{ margin-right: 0; margin-bottom: 26px; width: inherit; } .neoh_fn_pnb .item{ padding: 30px 0; } .neoh_fn_pnb .item:hover{ padding-top: 20px; padding-bottom: 20px; } .neoh_fn_pnb .item .fn_title{ font-size: 20px; } .neoh_fn_about_item{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .neoh_fn_about_item.reverse{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .neoh_fn_about_item .img_item{ width: 100%; margin-bottom: 50px; } .neoh_fn_about_item .content_item{ width: 100%; padding: 0; } .neoh_fn_about_item.reverse .content_item{ padding: 0; } .neoh_fn_title .fn_title{ font-size: 30px; } .neoh_fn_timeline .t_item{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .neoh_fn_timeline .t_item_img{ width: 100%; margin-bottom: 30px; } .neoh_fn_timeline .t_item_info{ width: 100%; padding-left: 0; } .neoh_fn_investor li{ width: 50%; } .neoh_fn_product_modal{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .neoh_fn_product_modal .img_item{ width: 100%; padding-right: 0; margin-bottom: 30px; } .neoh_fn_product_modal .content_item{ width: 100%; padding-left: 0; } .neoh_fn_modal{ padding: 20px; } .neoh_fn_gualist li, .neoh_fn_team .team_item{ width: 100%; } .neoh_fn_drops li{ width: 100%; } } @media(max-width: 600px){ .neoh_fn_comments .comment-body{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .neoh_fn_comments .comment-avatar{ margin-right: 0; margin-bottom: 14px; } .neoh_fn_comments .input-item.half-item, .neoh_fn_drops li, .neoh_fn_moving_blog li, .neoh_fn_services li{width: 100%;} .neoh_fn_services li:nth-of-type(2n+1){margin-top: 0;} .neoh_fn_title .fn_title{font-size: 26px;} } @media(max-width: 480px){ .neoh_fn_investor li{width: 100%;} .neoh_fn_footer .subscribe_in{ padding: 0; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .neoh_fn_footer .subscribe_form input[type="text"]{ margin-right: 0; margin-bottom: 10px; text-align: center; } .neoh_fn_footer .subscribe_form a{width: 100%;} .neoh_fn_footer .fb_in{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .neoh_fn_footer .fb_left{ margin-bottom: 10px; } } @media(max-width: 320px){ .neoh_fn_timeline .t_item{ padding: 15px; } } .neoh_fn_single .single_desc span[style], .neoh_fn_single .single_desc font[style], .neoh_fn_single .single_desc strong[style], .neoh_fn_single .single_desc em[style], .neoh_fn_single .single_desc b[style], .neoh_fn_single .single_desc i[style], .neoh_fn_single .single_desc u[style]{ font-size: inherit !important; color: inherit !important; font-family: inherit !important; background-color: transparent !important; } .neoh_fn_single .single_title .fn_title{ font-size: clamp(28px, 3.2vw, 44px); font-weight: 600; line-height: 1.15; margin-bottom: 24px; } .neoh_fn_single .single_desc h2{ font-size: clamp(22px, 2.2vw, 28px); font-weight: 600; line-height: 1.3; color: var(--hc); margin-top: 48px; margin-bottom: 16px; } .neoh_fn_single .single_desc h3{ font-size: clamp(19px, 1.6vw, 21px); font-weight: 600; line-height: 1.4; color: var(--hc); margin-top: 32px; margin-bottom: 12px; } .neoh_fn_single .single_desc > h2:first-child, .neoh_fn_single .single_desc > h3:first-child{ margin-top: 0; } .neoh_fn_single .single_desc h2:empty, .neoh_fn_single .single_desc h3:empty{ display: none; } .neoh_fn_single .single_desc p, .neoh_fn_single .single_desc li{ font-size: 18px; line-height: 1.7; max-width: 58ch; } .neoh_fn_single .single_desc p{ margin-bottom: 24px; } .neoh_fn_single .single_desc ul, .neoh_fn_single .single_desc ol{ margin-bottom: 24px; padding-left: 22px; } .neoh_fn_single .single_desc li{ margin-bottom: 8px; } .neoh_fn_single .single_desc a:not([style*="background"]){ color: #ff5a63 !important; text-decoration: underline !important; text-underline-offset: 3px; } .neoh_fn_single .single_desc a:not([style*="background"]):hover, .neoh_fn_single .single_desc a:not([style*="background"]):focus{ color: #ffffff !important; } .neoh_fn_single .single_desc [style*="color:#666"], .neoh_fn_single .single_desc [style*="color: #666"]{ color: #9a9a9a !important; } main.mbl-sayfa{ padding-top: 7.2em; } .mbl-sayfa .page-title h1{ font-size: clamp(28px, 3.2vw, 44px); font-weight: 600; line-height: 1.15; } .mbl-sayfa .mbl-sayfa__metin{ max-width: 58ch; font-size: 18px; line-height: 1.7; } .mbl-sayfa .mbl-sayfa__metin p, .mbl-sayfa .mbl-sayfa__metin li{ line-height: 1.7; } .mbl-sayfa .mbl-sayfa__metin p{ margin-bottom: 24px; } .mbl-sayfa .mbl-sayfa__metin ul, .mbl-sayfa .mbl-sayfa__metin ol{ margin-bottom: 24px; padding-left: 22px; } .mbl-sayfa .mbl-sayfa__metin li{ margin-bottom: 8px; } .mbl-sayfa .mbl-sayfa__metin h2{ font-size: clamp(22px, 2.2vw, 28px); font-weight: 600; line-height: 1.3; color: var(--hc); margin: 48px 0 16px; } .mbl-sayfa .mbl-sayfa__metin h3{ font-size: clamp(19px, 1.6vw, 21px); font-weight: 600; line-height: 1.4; color: var(--hc); margin: 32px 0 12px; } .mbl-sayfa .mbl-sayfa__metin > h2:first-child, .mbl-sayfa .mbl-sayfa__metin > h3:first-child{ margin-top: 0; } .mbl-sayfa .mbl-sayfa__metin span[style], .mbl-sayfa .mbl-sayfa__metin font[style], .mbl-sayfa .mbl-sayfa__metin strong[style], .mbl-sayfa .mbl-sayfa__metin em[style], .mbl-sayfa .mbl-sayfa__metin b[style], .mbl-sayfa .mbl-sayfa__metin i[style], .mbl-sayfa .mbl-sayfa__metin u[style]{ font-size: inherit !important; color: inherit !important; font-family: inherit !important; background-color: transparent !important; } .mbl-sayfa .mbl-sayfa__metin a:not([style*="background"]){ color: #ff5a63 !important; text-decoration: underline !important; text-underline-offset: 3px; } .mbl-sayfa .mbl-sayfa__metin a:not([style*="background"]):hover, .mbl-sayfa .mbl-sayfa__metin a:not([style*="background"]):focus{ color: #ffffff !important; } @media (min-width: 769px){ body:has(.cc-window:not(.cc-invisible)) .trwpwhatsappall{ bottom: 48px !important; } body:has(.cc-window:not(.cc-invisible)) .tll{ bottom: 53px !important; } } .neoh_fn_single .single_desc table{ width: 100%; border-collapse: collapse; margin: 24px 0 32px; } .neoh_fn_single .single_desc th, .neoh_fn_single .single_desc td{ border: 1px solid #26262e !important; padding: 10px 14px !important; text-align: left; vertical-align: top; } .neoh_fn_single .single_desc th{ background-color: #17171b !important; color: #ffffff !important; font-weight: 600; font-size: 16px; width: 38%; } .neoh_fn_single .single_desc td{ background-color: transparent !important; color: #cccccc !important; font-size: 16px; } .neoh_fn_single .single_desc tr:nth-child(even) td{ background-color: rgba(255,255,255,.02) !important; } .mbl-partner .mbl-partner__etiket, .mbl-partner .mbl-partner__not, .mbl-ref .mbl-ref__alt{ color: #8f8f9c; } @media (max-width: 768px){ .neoh_fn_nav .nav_menu li > a, .neoh_fn_nav li.menu-item > a{ display: block; min-height: 44px; line-height: 44px; } .neoh_fn_social_list li a{ display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; } h3.fn_title a, .header_in .logo a{ position: relative; } h3.fn_title a::after, .header_in .logo a::after{ content: ""; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); height: 44px; } } button.neoh_fn_button{ -webkit-appearance: none; appearance: none; background-color: transparent; font-family: var(--hff); cursor: pointer; } button.neoh_fn_button:focus-visible{ outline: 2px solid #ff5a63; outline-offset: 3px; } button.neoh_fn_button[disabled]{ opacity: .55; cursor: progress; } .contact_form input:user-invalid, .contact_form textarea:user-invalid{ border-color: #ff5a63 !important; } .cc-window .cc-compliance{ display:flex; gap:10px; } .cc-window .cc-compliance .cc-btn{ flex:1 1 0; min-width:140px; border-radius:6px; border:2px solid transparent; text-decoration:none !important; font-weight:700; } .cc-window .cc-compliance .cc-btn.cc-deny{ background:#2c2c34 !important; border-color:#4a4a55 !important; color:#ffffff !important; } .cc-window .cc-compliance .cc-btn.cc-allow{ background:#e11d2a !important; border-color:#e11d2a !important; color:#ffffff !important; } .cc-window .cc-btn + .cc-btn{ margin-left:0; } .cc-window .cc-btn:focus-visible{ outline:2px solid #ffffff; outline-offset:2px; } .mbl-sayfa .mbl-sayfa__metin .mbl-tablo-kap{ overflow-x:auto; margin:16px 0 28px; } .mbl-sayfa .mbl-sayfa__metin table{ width:100%; border-collapse:collapse; font-size:15px; line-height:1.5; } .mbl-sayfa .mbl-sayfa__metin th, .mbl-sayfa .mbl-sayfa__metin td{ border:1px solid #26262e; padding:9px 12px; text-align:left; vertical-align:top; } .mbl-sayfa .mbl-sayfa__metin th{ background:#17171b; color:#ffffff; font-weight:600; white-space:nowrap; } .mbl-sayfa .mbl-sayfa__metin td{ color:#cccccc; } .mbl-sayfa .mbl-sayfa__metin td:first-child{ color:#ffffff; font-family:ui-monospace,Consolas,monospace; font-size:14px; white-space:nowrap; } .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:12px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:.3em 1em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} .skiptranslate{ display: none !important; } .mobiled-phone-float { align-items: center; background: #ffffff; border: 1px solid rgba(0, 0, 0, .12); border-radius: 999px; box-shadow: 0 8px 22px rgba(0, 0, 0, .18); color: #111111; display: inline-flex; font-family: Arial, sans-serif; font-size: 16px; font-weight: 700; gap: 8px; line-height: 1; min-height: 48px; padding: 8px 14px 8px 9px; text-decoration: none; white-space: nowrap; } .mobiled-phone-float:hover { color: #111111; text-decoration: none; } .mobiled-phone-float__icon { align-items: center; background: #111111; border-radius: 50%; color: #ffffff; display: inline-flex; height: 32px; justify-content: center; width: 32px; } @media (max-width: 480px) { .mobiled-phone-float { font-size: 14px; min-height: 44px; padding: 7px 11px 7px 8px; } .mobiled-phone-float__icon { height: 28px; width: 28px; } } :root{--mbl-kirmizi:#E30613;--mbl-kirmizi-koyu:#B8050F;--mbl-yesil:#009640;--mbl-mavi:#004D9D;--mbl-zemin:#0B0B0D;--mbl-kart:#141418;--mbl-cizgi:#24242A;--mbl-soluk:#A3A3AD} .neoh_fn_header{background:rgba(11,11,13,.82)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)} .mbl-nav .mbl-btn{background:var(--mbl-kirmizi)!important;border-color:var(--mbl-kirmizi)!important;border-radius:10px!important;font-weight:600} .mbl-nav .mbl-btn:hover{background:var(--mbl-kirmizi-koyu)!important} .mbl-nav .mbl-tel{font-weight:600} h1,h2,.fn_title,.mbl-hero h1.mbl-hero__h1,.mbl-ps__h1,.mbl-kh__h1{font-family:'Sora','IBM Plex Sans',system-ui,sans-serif!important;letter-spacing:-.02em} .mbl-hero__cta--ana,.mbl-btn2--ana{background:var(--mbl-kirmizi)!important} .mbl-hero__cta--ana:hover,.mbl-btn2--ana:hover{background:var(--mbl-kirmizi-koyu)!important} .mbl-ng{max-width:1240px;margin:0 auto;padding:64px 24px 8px;color:#E9E9EC} .mbl-ng h2{margin:0 0 6px;font-size:clamp(26px,2.6vw,34px);color:#fff} .mbl-ng__alt{margin:0 0 26px;color:var(--mbl-soluk)} .mbl-ng__kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px} .mbl-ng__kart{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:16px;background:var(--mbl-kart);border:1px solid var(--mbl-cizgi);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s;position:relative;overflow:hidden} .mbl-ng__kart::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--mbl-renk,var(--mbl-kirmizi))} .mbl-ng__kart:hover{border-color:#3A3A42;transform:translateY(-2px);color:inherit} .mbl-ng__kart strong{font-family:'Sora',sans-serif;font-size:20px;color:#fff;font-weight:600} .mbl-ng__kart span{font-size:14px;color:var(--mbl-soluk);line-height:1.5} .mbl-ng__kart em{font-style:normal;font-size:13px;font-weight:600;color:#FF6B73;margin-top:auto} .mbl-ng__adimlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));border:1px solid var(--mbl-cizgi);border-radius:16px;overflow:hidden;margin:0;padding:0;list-style:none} .mbl-ng__adimlar li{padding:24px;border-right:1px solid var(--mbl-cizgi);border-bottom:1px solid var(--mbl-cizgi);display:flex;flex-direction:column;gap:6px;margin-bottom:-1px} .mbl-ng__adimlar b{font-family:'Sora',sans-serif;font-size:14px;color:#FF6B73} .mbl-ng__adimlar strong{font-family:'Sora',sans-serif;font-size:19px;color:#fff;font-weight:600} .mbl-ng__adimlar span{font-size:14px;color:var(--mbl-soluk);line-height:1.5} @media (max-width:600px){.mbl-ng{padding:44px 16px 4px}.mbl-ng__kartlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mbl-ng__kart strong{font-size:17px}.mbl-ng__kart span{display:none}} .mbl-ng__kart{padding:0} .mbl-ng__kart>strong,.mbl-ng__kart>span:not(.mbl-ng__foto),.mbl-ng__kart>em{padding:0 22px} .mbl-ng__kart>em{padding-bottom:20px} .mbl-ng__foto{display:block;aspect-ratio:4/3;overflow:hidden;background:#1E1E23;margin-bottom:8px} .mbl-ng__foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s} .mbl-ng__kart:hover .mbl-ng__foto img{transform:scale(1.04)} .mbl-ng-uretim{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center} .mbl-ng-uretim__video{border-radius:18px;overflow:hidden;border:1px solid var(--mbl-cizgi);aspect-ratio:16/9;background:#141418} .mbl-ng-uretim__video video{width:100%;height:100%;object-fit:cover;display:block} .mbl-ng-sayilar{list-style:none;margin:8px 0 0;padding:20px 0 0;border-top:1px solid var(--mbl-cizgi);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .mbl-ng-sayilar strong{display:block;font-family:'Sora',sans-serif;font-size:30px;color:#fff;font-weight:700;line-height:1.1} .mbl-ng-sayilar span{font-size:13px;color:var(--mbl-soluk)} .mbl-ng-projeler{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px} .mbl-ng-projeler figure{margin:0;position:relative;border-radius:16px;overflow:hidden;background:#141418;aspect-ratio:1} .mbl-ng-projeler .mbl-ng-projeler__buyuk{grid-row:span 2;aspect-ratio:auto} .mbl-ng-projeler img{width:100%;height:100%;object-fit:cover;display:block} .mbl-ng-projeler figcaption{position:absolute;left:12px;bottom:12px;background:rgba(11,11,13,.78);color:#fff;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px} @media (max-width:900px){.mbl-ng-uretim{grid-template-columns:1fr;gap:24px}.mbl-ng-projeler{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.mbl-ng-projeler .mbl-ng-projeler__buyuk{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}} @media (max-width:600px){.mbl-ng__kart>strong,.mbl-ng__kart>em{padding:0 12px}.mbl-ng__kart>em{padding-bottom:14px;font-size:12px}.mbl-ng-sayilar strong{font-size:24px}} .neoh_fn_header .logo img{height:auto!important;max-height:60px;width:auto;max-width:100%;object-fit:contain} .cc-revoke{display:none!important} .mbl-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:10px 0 28px} .mbl-blog-k{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#141418;border:1px solid #24242A;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s} .mbl-blog-k:hover{border-color:#3A3A42;transform:translateY(-3px);color:inherit} .mbl-blog-foto{display:block;aspect-ratio:16/10;overflow:hidden;background:#1E1E23} .mbl-blog-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s} .mbl-blog-k:hover .mbl-blog-foto img{transform:scale(1.05)} .mbl-blog-bos{display:flex;width:100%;height:100%;align-items:center;justify-content:center;gap:8px} .mbl-blog-bos i{width:18px;height:18px;border-radius:50%;background:#E30613}.mbl-blog-bos i:nth-child(2){background:#009640}.mbl-blog-bos i:nth-child(3){background:#004D9D} .mbl-blog-ic{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1} .mbl-blog-ic strong{font-family:'Sora',sans-serif;font-size:18px;line-height:1.3;color:#fff;font-weight:600} .mbl-blog-ic>span{font-size:14px;line-height:1.55;color:#A3A3AD} .mbl-blog-ic em{font-style:normal;font-size:13px;font-weight:600;color:#FF6B73;margin-top:auto;padding-top:6px} .neoh_fn_pagetitle{padding:150px 0 52px!important;background:#0b0b0d url(/uploads/yeni/mbl-hero-kapak.jpg) center 40%/cover no-repeat;border-bottom:1px solid #1c1c21} .neoh_fn_pagetitle .bg_color{background:linear-gradient(90deg,rgba(8,8,10,.94) 0%,rgba(8,8,10,.8) 45%,rgba(8,8,10,.45) 100%)!important} .neoh_fn_pagetitle .pt_content{text-align:left!important} .neoh_fn_pagetitle .pt_content .container{max-width:1180px} .neoh_fn_pagetitle .pt_content .container:before{content:"MOBİLED · LED EKRAN ÜRETİCİSİ";display:block;font-size:12px;letter-spacing:.16em;color:#FF6B73;font-weight:600;margin-bottom:12px} .neoh_fn_pagetitle .fn_title{font-size:clamp(34px,4.4vw,54px)!important;letter-spacing:.01em!important;line-height:1.08!important;margin:0 0 12px!important;text-align:left!important} .neoh_fn_pagetitle .fn_desc{text-align:left!important;font-size:14px!important;color:#9c9ca6!important;margin:0!important;justify-content:flex-start!important} .neoh_fn_pagetitle .fn_desc a{color:#c8c8cf!important} .neoh_fn_contact_page,.neoh_fn_collectionpage{padding-top:56px!important} @media (max-width:600px){.neoh_fn_pagetitle{padding:110px 0 36px!important}} .neoh_fn_drops ul.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;height:auto!important;margin:0!important;padding:0!important} .neoh_fn_drops ul.grid>li{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;margin:0!important;padding:0!important} .neoh_fn_drops .img_holder{aspect-ratio:4/3;overflow:hidden;height:auto!important} .neoh_fn_drops .img_holder img{width:100%!important;height:100%!important;object-fit:cover} @media (max-width:980px){.neoh_fn_drops ul.grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:560px){.neoh_fn_drops ul.grid{grid-template-columns:1fr}} @media (min-width:1101px){ .mbl-sub.mbl-mega{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:18px;width:900px;left:-200px;padding:18px} .mbl-mega__kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .mbl-sub.mbl-mega a.mbl-mega__k{display:flex;flex-direction:column;gap:2px;padding:8px!important;border-radius:12px;background:#1b1b20;box-shadow:none!important} .mbl-sub.mbl-mega a.mbl-mega__k:hover,.mbl-sub.mbl-mega a.mbl-mega__k:focus-visible{background:#24242b;outline:1px solid #E30613} .mbl-mega__img{display:block;aspect-ratio:16/10;border-radius:8px;overflow:hidden;margin-bottom:8px;background:#111} .mbl-mega__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s} .mbl-mega__k:hover .mbl-mega__img img{transform:scale(1.05)} .mbl-mega__k b{color:#fff;font-size:14px;font-weight:600} .mbl-mega__k small{color:#9c9ca6;font-size:12px;line-height:1.35} .mbl-mega__yan{display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(255,255,255,.08);padding-left:14px} .mbl-mega__bas{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#FF6B73;font-weight:600;padding:6px 12px 8px} .mbl-sub.mbl-mega .mbl-mega__tum{color:#fff;font-weight:600;margin-top:6px} .mbl-mega__cta{margin-top:auto;border-radius:12px;background:linear-gradient(140deg,#E30613,#9b0410);padding:14px;display:flex;flex-direction:column;gap:6px} .mbl-mega__cta span{color:rgba(255,255,255,.85);font-size:12px} .mbl-sub.mbl-mega .mbl-mega__cta a{padding:0!important;color:#fff!important;font-family:Sora,sans-serif;font-size:20px;font-weight:700;background:none!important;box-shadow:none!important} } @media (max-width:1100px){.mbl-mega__img,.mbl-mega__k small,.mbl-mega__bas,.mbl-mega__cta span{display:none}.mbl-mega__k,.mbl-mega__kartlar,.mbl-mega__yan{display:block}} @media (min-width:1101px){ .mbl-sub.mbl-mega.mbl-mega--alan{grid-template-columns:1fr;width:900px;left:-300px} .mbl-mega--alan .mbl-mega__kartlar{grid-template-columns:repeat(4,minmax(0,1fr))} .mbl-mega__tile{border-radius:12px;background:linear-gradient(140deg,#E30613,#9b0410);padding:14px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end} .mbl-sub.mbl-mega .mbl-mega__tile a{padding:0!important;background:none!important;box-shadow:none!important;color:#fff!important} .mbl-mega__tile .mbl-mega__tum{font-weight:600;font-size:15px} .mbl-mega__tile span{color:rgba(255,255,255,.85);font-size:12px;line-height:1.4} .mbl-sub.mbl-mega .mbl-mega__tile .mbl-mega__tel{font-family:Sora,sans-serif;font-size:20px;font-weight:700} } @media (max-width:1100px){.mbl-mega__tile span,.mbl-mega__tel{display:none}} .mbl-mm-alt details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:Heebo,sans-serif;font-size:30px;line-height:44px;font-weight:400;color:#fff} .mbl-mm-alt details summary::-webkit-details-marker{display:none} .mbl-mm-alt details summary:after{content:"+";font-size:.8em;opacity:.7;margin-left:12px} .mbl-mm-alt details[open] summary:after{content:"−"} .mbl-mm-liste{display:flex;flex-direction:column;gap:2px;padding:8px 0 10px 4px} .neoh_fn_nav .nav_menu .mbl-mm-liste a{font-size:18px!important;line-height:1.4!important;padding:8px 0!important;color:#c8c8cf!important;border-left:2px solid #E30613;padding-left:14px!important} .neoh_fn_nav .nav_menu .mbl-mm-liste a.mbl-mm-tum{color:#fff!important;border-left-color:transparent} .mbl-mm-cta{display:flex!important;gap:10px;margin-top:22px} .neoh_fn_nav .nav_menu .mbl-mm-cta a{flex:1;text-align:center;font-size:17px!important;font-weight:600;padding:14px 10px!important;border-radius:12px;line-height:1.2!important} .neoh_fn_nav .nav_menu .mbl-mm-cta a.k{background:#E30613;color:#fff!important} .neoh_fn_nav .nav_menu .mbl-mm-cta a.w{border:1px solid #1F6B3A;color:#7FE0A0!important} .mbl-filtre-btn{display:none} @media (max-width:991px){ .neoh_fn_collection{flex-direction:column} .neoh_fn_filters{display:none} .neoh_fn_filters.mbl-acik{display:block} .mbl-filtre-btn{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 16px;padding:14px 18px;border-radius:12px;border:1px solid #2e2e35;background:#141418;color:#fff;font-size:16px;font-weight:600} .mbl-filtre-btn i{font-style:normal;font-size:20px;color:#FF4A55} } @media (max-width:767px){ .neoh_fn_header .logo img{max-height:38px!important} .mbl-ft__bant .container>div{flex:1 1 100%} .mbl-ft__bb{width:100%} } .mbl-mm-alt details summary{justify-content:flex-start!important} .mbl-mm-alt details summary{justify-content:flex-start!important} @media (min-width:768px){ .mbl-ps__ic{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important} .mbl-ps__gorsel{width:100%!important;height:auto!important;aspect-ratio:4/3;align-self:start} .mbl-ps__gorsel img{width:100%!important;height:100%!important;object-fit:cover} } .neoh_fn_wsidebar .widget-social:has(.mbl-yan) > .wid-title{display:none} @media (max-width:767px){ .home-static .neoh_fn_content>section:has(h2.fn_desc), .home-static .neoh_fn_content>section:has(.neoh_fn_services), .home-static .neoh_fn_content>section>.container:has(.neoh_fn_drops){display:none!important} .home-static .mbl-blog-grid>*:nth-child(n+4){display:none!important} .mbl-ng__adimlar{grid-template-columns:1fr 1fr!important;gap:10px!important} .mbl-ng__adimlar>li{padding:14px!important} .mbl-ng__adimlar>li:last-child{grid-column:1/-1} } .neoh_fn_single .single_desc table th,.mbl-sayfa .mbl-sayfa__metin table th{width:auto!important} .neoh_fn_single .single_desc table td,.neoh_fn_single .single_desc table th,.mbl-sayfa .mbl-sayfa__metin table td,.mbl-sayfa .mbl-sayfa__metin table th{word-break:normal!important;overflow-wrap:normal!important} .single_img img:not([style*="height: 50px"]){max-width:100%;height:auto!important;object-fit:contain} .single_img img[style*="height: 50px"]{width:auto!important;max-width:100%;object-fit:contain} .single_desc img,.mbl-sayfa__metin img{max-width:100%;height:auto!important;object-fit:contain} .single_title iframe,.single_desc iframe,.mbl-sayfa__metin iframe{max-width:100%;aspect-ratio:16/9;height:auto} .sidebar_left,.single_desc,.mbl-sayfa__metin,.mbl-ps__metin,.mbl-kh__ic{min-width:0} @media(max-width:768px){ html{scroll-padding-top:140px} .mbl-read023{font-size:14px!important;line-height:1.5!important} .neoh_fn_nav select{min-height:44px!important} .mbl-ft__ilet a,.mbl-guven__bag,.mbl-yc-ust a{display:inline-flex;align-items:center;min-height:44px;max-width:100%} .mbl-ft__sosyal a,.neoh_fn_widget_social a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center} .single_desc .mbl-btn2,.mbl-sayfa__metin .btn{min-height:44px;white-space:normal} } @media(max-width:640px){ :is(.neoh_fn_single .single_desc,.mbl-kar__k,.mbl-katmetin,.servis-content) table.mbl-cards023,.mbl-sayfa .mbl-sayfa__metin table.mbl-cards023{display:block;width:100%;min-width:0!important;table-layout:auto;border:0;margin:20px 0} :is(.neoh_fn_single .single_desc,.mbl-kar__k,.mbl-katmetin,.servis-content) .mbl-cards023 tbody,.mbl-sayfa .mbl-sayfa__metin .mbl-cards023 tbody{display:block} .mbl-cards023 thead,.mbl-cards023 .mbl-heading023{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap} :is(.neoh_fn_single .single_desc,.mbl-kar__k,.mbl-katmetin,.servis-content) .mbl-cards023 tr:not(.mbl-heading023),.mbl-sayfa .mbl-sayfa__metin .mbl-cards023 tr:not(.mbl-heading023){display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 14px;padding:16px;border:1px solid #34343f;border-radius:12px;background:#19191e;scroll-margin-top:140px;scroll-margin-bottom:180px} :is(.neoh_fn_single .single_desc,.mbl-kar__k,.mbl-katmetin,.servis-content) .mbl-cards023 td,:is(.neoh_fn_single .single_desc,.mbl-kar__k,.mbl-katmetin,.servis-content) .mbl-cards023 th,.mbl-sayfa .mbl-sayfa__metin .mbl-cards023 td,.mbl-sayfa .mbl-sayfa__metin .mbl-cards023 th{display:block;width:auto!important;min-width:0;padding:0!important;border:0!important;background:transparent!important;color:#f0f0f4!important;text-align:left!important;font-size:16px!important;line-height:1.5;white-space:normal!important} .mbl-cards023 tr:not(.mbl-heading023)>:first-child{font-weight:700} .mbl-cards023 [data-label023]::before{content:attr(data-label023);display:block;color:#bfc0ca;font-size:14px;font-weight:400;margin-bottom:3px} .mbl-cards023 td a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;word-break:normal!important;overflow-wrap:normal!important} } @media print{.mbl-cards023 thead,.mbl-cards023 .mbl-heading023{position:static!important;width:auto!important;height:auto!important;clip-path:none!important}} @media(max-width:640px){.neoh_fn_single .single_desc .mbl-price022 td:first-child a{color:#14538b!important}} @media(max-width:768px){.mbl-scroll023{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mbl-scroll023 table{min-width:560px}:is(.neoh_fn_single .single_desc,.mbl-kar__k,.mbl-katmetin,.servis-content) .mbl-cards023 td,.mbl-sayfa .mbl-sayfa__metin .mbl-cards023 td{height:auto!important}} @media(max-width:768px){.neoh_fn_header select{min-height:44px!important}.mbl-guven__liste li,.mbl-partner__not,.mbl-ref__alt{font-size:14px!important;line-height:1.5}} .mbl-missing023{position:relative;min-height:180px;aspect-ratio:3/2;background:linear-gradient(135deg,#161b23,#292f3b);overflow:hidden}.mbl-missing023 img:first-child{visibility:hidden!important}.mbl-missing023::before{content:"";position:absolute;inset:30%;border:2px solid #717887;border-radius:8px;background:linear-gradient(135deg,transparent 48%,#717887 49%,#717887 51%,transparent 52%)}@media(max-width:768px){.mbl-guven__ogeler li{font-size:14px!important}} @media(max-width:768px){input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:44px;font-size:16px}.mbl-ft nav a{display:inline-flex;align-items:center;min-height:44px}.neoh_fn_button,button[type="submit"],.mbl-btn2{min-height:44px}} .neoh_fn_collection .neoh_fn_clist{min-width:0;flex:1 1 0}.neoh_fn_drops .grid>li{min-width:0}.mbl-teklif-alt .mbl-btn2--ana,.mbl-btn2.mbl-btn2--ana{color:#fff!important}.mbl-kar__k{max-width:100%} @media(max-width:768px){.neoh_fn_header select{min-width:92px!important;margin-left:16px!important}} @media(max-width:768px){ html body:has(.cc-window),html body:not(:has(.cc-window)){padding-bottom:calc(var(--mbl-bottom023,54px) + var(--mbl-cookie023,0px) + 20px)!important} .mbl-sticky{padding-bottom:env(safe-area-inset-bottom,0px)} body .cc-window.cc-floating,body .cc-window{bottom:calc(var(--mbl-bottom023,54px) + 8px)!important;max-height:calc(100dvh - var(--mbl-bottom023,54px) - 24px);overflow-y:auto!important} body .cc-window .cc-message{font-size:14px!important;line-height:1.45!important} body .cc-window .cc-compliance a,body .cc-window .cc-btn{min-height:44px!important;line-height:44px!important;font-size:14px!important} html[data-critical023] #mobibot-uclu-dock,html[data-critical023] #mobibot-uclu-balloon{visibility:hidden!important;pointer-events:none!important} html[data-cookie023] #mobibot-uclu-balloon{visibility:hidden!important;pointer-events:none!important} html[data-cookie023] #mobibot-uclu-dock{bottom:calc(var(--mbl-bottom023,54px) + var(--mbl-cookie023,0px) + 20px)!important} } .neoh_fn_single .single_desc .mbl-teklif-alt a.mbl-btn2--ana{color:#fff!important} @media(max-width:768px){.leaflet-container .leaflet-control-zoom a{min-width:44px;min-height:44px;line-height:44px!important}.mbl-price022 td:nth-child(2)::before,.mbl-price022 td:nth-child(3)::before{font-size:14px!important}} @media(max-width:768px){.mbl-sayfalama a,.mbl-sayfalama span[aria-current]{min-width:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center;justify-content:center}.mbl-ilt__ust a{min-height:44px!important}.mbl-kh__guv,.mbl-kart-oz{font-size:14px!important;line-height:1.5!important}.leaflet-control-attribution{font-size:14px!important;line-height:1.5!important}} .servis-content :is(p,li) a:not(.btn):not(.btn-primary){color:#ff7880!important;text-decoration:underline}.mbl-sayfa__metin table th,.mbl-sayfa__metin table td{min-width:80px}@media(max-width:768px){.mbl-pj__i a.l{min-height:44px!important;display:flex!important;align-items:center}} @media(max-width:768px){.mbl-cards023 th a{display:inline-flex!important;align-items:center;min-height:44px!important;max-width:100%}} .mbl-nav{display:flex;align-items:center;gap:28px;margin-left:auto;margin-right:24px;font-family:inherit} .mbl-nav__list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0} .mbl-nav__list>li{position:relative} .mbl-nav__list>li>a{display:block;padding:10px 14px;color:#e9e9ee;font-size:14px;font-weight:500;letter-spacing:.2px;text-decoration:none;border-radius:8px;transition:.18s} .mbl-nav__list>li>a:hover{color:#fff;background:rgba(255,255,255,.09)} .mbl-has-sub>a::after{content:"";display:inline-block;width:5px;height:5px;margin-left:7px;vertical-align:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.7} .mbl-sub{position:absolute;top:100%;left:0;min-width:220px;padding:8px;margin:8px 0 0;list-style:none;background:#15151a;border:1px solid rgba(255,255,255,.10);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;z-index:9999} .mbl-has-sub:hover .mbl-sub,.mbl-has-sub:focus-within .mbl-sub{opacity:1;visibility:visible;transform:translateY(0)} .mbl-sub a{display:block;padding:9px 12px;color:#cfcfd8;font-size:14px;text-decoration:none;border-radius:7px;box-shadow:inset 0 0 0 0 transparent;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease} .mbl-sub a:hover,.mbl-sub a:focus-visible{color:#fff;background:#24252b;box-shadow:inset 3px 0 0 #e11d2a;outline:none} .mbl-has-sub:hover>a,.mbl-has-sub:focus-within>a{color:#fff;background:rgba(255,255,255,.09)} .mbl-cta{display:flex;align-items:center;gap:14px;white-space:nowrap} .mbl-tel{color:#e9e9ee;font-size:14px;font-weight:600;text-decoration:none;opacity:.9} .mbl-tel:hover{opacity:1;color:#fff} .mbl-btn{display:inline-block;padding:10px 20px;background:#e11d2a;color:#fff;font-size:14px;font-weight:600;text-decoration:none;border-radius:999px;transition:.18s} .mbl-btn:hover{background:#c4141f;color:#fff;transform:translateY(-1px)} .mbl-nav,.mbl-nav__list{flex-wrap:nowrap} .mbl-nav__list>li{flex:0 0 auto} .mbl-nav__list>li>a{white-space:nowrap} @media(max-width:1400px){.mbl-nav{gap:18px}.mbl-nav__list>li>a{padding:10px 6px;font-size:13px}} @media(max-width:1200px){.mbl-nav{gap:14px;margin-right:14px}.mbl-nav__list>li>a{padding:10px 9px;font-size:13px}.mbl-tel{display:none}} @media(max-width:991px){.mbl-nav{display:none}} @media(min-width:992px){.header_in .trigger{display:none!important}} .float{ position: fixed; width: 150px; height: 59px; bottom: 76px; left: 8px; z-index:9; } .my-float{ margin-top:16px; } .tll{ position: fixed; width: 150px; height: 59px; bottom: 15px; left: 8px; z-index: 9; } .sb-chat .sb-responsive-close-btn { right: 5px !important; } :root{--mblr:#e11d2a;--mbly:#0e1319;--mbly2:#151c25} .mbl-btn2{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px; font-size:15px;font-weight:700;text-decoration:none;line-height:1.2;text-align:center;transition:background-color .18s,border-color .18s} .mbl-btn2--ana{background:var(--mblr);color:#fff}.mbl-btn2--ana:hover{background:#c4141f;color:#fff} .mbl-btn2--ikn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.42)} .mbl-btn2--ikn:hover{background:rgba(255,255,255,.1);color:#fff} .mbl-ps{background:linear-gradient(150deg,var(--mbly) 0%,var(--mbly2) 62%,#221a1c 100%);color:#fff;margin:0 0 34px} .mbl-ps__ic{max-width:1240px;margin:0 auto;padding:26px 24px 30px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px} .mbl-ps__bc{font-size:13px;margin-bottom:6px} .mbl-ps__bc a,.mbl-kh__bc a{color:#9fb0c0}.mbl-ps__bc a:hover,.mbl-kh__bc a:hover{color:#fff} .mbl-ps h1.mbl-ps__h1{margin:0 0 10px;color:#fff;font-size:clamp(24px,2.6vw,38px);line-height:1.15;font-weight:800;text-transform:none} .mbl-ps__uyg{margin:0 0 16px;color:#d5dde6;font-size:15px;line-height:1.55;max-width:56ch} .mbl-ps__cip{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px} .mbl-ps__cip li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:7px 12px;min-width:0} .mbl-ps__cipk{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9fb0c0} .mbl-ps__cipv{display:block;font-size:14px;font-weight:700;color:#fff} .mbl-ps__cta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px} .mbl-ps__guv{margin:0;font-size:13px;color:#c7d2dd;line-height:1.6} .mbl-ps__guv a{color:#fff;border-bottom:1px solid rgba(255,255,255,.4)} .mbl-ps__gorsel img{width:100%;height:auto;display:block;border-radius:12px} @media(min-width:1025px){ .mbl-ps__ic{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;padding:34px 24px 38px;gap:36px} .mbl-ps__metin{grid-column:2}.mbl-ps__gorsel{grid-column:1;grid-row:1} } .mbl-specs{margin:26px 0} .mbl-specs__b{font-size:20px;margin:0 0 14px} .mbl-specs__g{margin:0 0 18px} .mbl-specs__gb{font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;color:var(--mblr)} .mbl-specs__dl{margin:0;padding:0} .mbl-specs__r{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0;border-bottom:1px solid rgba(128,128,128,.18)} .mbl-specs__r dt{flex:0 0 210px;font-weight:600;margin:0} .mbl-specs__r dd{flex:1 1 200px;margin:0} @media(max-width:600px){.mbl-specs__r dt{flex:1 1 100%;font-size:13px;opacity:.85}.mbl-specs__r dd{flex:1 1 100%}} .mbl-yan{background:linear-gradient(160deg,var(--mbly),var(--mbly2));color:#fff;border-radius:14px;padding:18px 18px 20px;margin:0 0 24px} .mbl-yan h2{font-size:17px;margin:0 0 8px;color:#fff} .mbl-yan p{font-size:13px;color:#c7d2dd;margin:0 0 14px;line-height:1.55} .mbl-yan .mbl-btn2{width:100%;margin-bottom:8px} @media(min-width:1025px){.mbl-yan{position:sticky;top:110px}} .mbl-kh{background:linear-gradient(150deg,var(--mbly) 0%,var(--mbly2) 60%,#221a1c 100%);color:#fff;margin:0 0 30px} .mbl-kh__ic{max-width:1240px;margin:0 auto;padding:24px 24px 28px} .mbl-kh__bc{font-size:13px;margin-bottom:6px} .mbl-kh h1.mbl-kh__h1{margin:0 0 10px;color:#fff;font-size:clamp(24px,2.7vw,40px);line-height:1.15;font-weight:800;text-transform:none;visibility:visible} .mbl-kh__ac{margin:0 0 16px;color:#d5dde6;font-size:15px;line-height:1.55;max-width:62ch} .mbl-kh__cip{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px} .mbl-kh__cip li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:7px 12px} .mbl-kh__cipk{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9fb0c0} .mbl-kh__cipv{display:block;font-size:14px;font-weight:700;color:#fff} .mbl-kh__cta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px} .mbl-kh__guv{margin:0;font-size:13px;color:#c7d2dd}.mbl-kh__guv a{color:#fff;border-bottom:1px solid rgba(255,255,255,.4)} @media(max-width:768px){ .mbl-kh__ic,.mbl-ps__ic{padding-left:18px;padding-right:18px} .mbl-kh__ac,.mbl-ps__uyg{font-size:14px} .mbl-kh__cta .mbl-btn2,.mbl-ps__cta .mbl-btn2{flex:1 1 100%} } .mbl-sticky{display:none} @media(max-width:991px){ .mbl-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9998;gap:1px; background:rgba(255,255,255,.12);padding-bottom:env(safe-area-inset-bottom,0px)} .mbl-sticky__a{flex:1 1 0;min-height:54px;display:flex;align-items:center;justify-content:center; background:#12181f;color:#fff;font-size:14px;font-weight:700;text-decoration:none;padding:0 6px;text-align:center} .mbl-sticky__a--ana{background:var(--mblr);flex:1.35 1 0} body{padding-bottom:calc(54px + env(safe-area-inset-bottom,0px))!important} .float,.tll,.trwpwhatsappall{display:none!important} .cc-window.cc-floating{bottom:calc(54px + env(safe-area-inset-bottom,0px))!important} } button.trigger{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer; min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:flex-end} button.trigger{position:relative;z-index:20} button.trigger:focus-visible{outline:2px solid var(--mblr);outline-offset:3px} @media(max-width:768px){.mbl-ps{margin-top:-70px}.mbl-ps__ic{padding:14px 18px 22px}.mbl-ps__bc{font-size:12px;margin-bottom:4px}.mbl-ps h1.mbl-ps__h1{font-size:22px;margin-bottom:8px}.mbl-ps__uyg{font-size:13.5px;line-height:1.45;margin-bottom:12px}.mbl-ps__cip{gap:6px;margin-bottom:14px}.mbl-ps__cip li{padding:5px 9px;flex:1 1 calc(50% - 6px)}.mbl-ps__cipk{font-size:10px}.mbl-ps__cipv{font-size:12.5px}.mbl-ps__cta{gap:8px;margin-bottom:10px}.mbl-ps__cta .mbl-btn2{flex:1 1 calc(50% - 4px);min-height:46px;padding:0 10px;font-size:13.5px}.mbl-ps__guv{font-size:12px;line-height:1.45}} @media(max-width:768px){.mbl-sticky__a{min-height:50px}body{padding-bottom:calc(50px + env(safe-area-inset-bottom,0px))!important}.cc-window.cc-floating,.cc-window{bottom:calc(50px + env(safe-area-inset-bottom,0px))!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;border-radius:0!important;padding:9px 14px 10px!important}.cc-window .cc-message{font-size:11.5px!important;line-height:1.34!important;margin:0 0 7px!important}.cc-window .cc-compliance{margin:0!important}.cc-window .cc-btn,.cc-window .cc-compliance a{min-height:38px!important;padding:0 18px!important;font-size:13px!important;line-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}}@media(max-width:360px){.cc-window .cc-message{font-size:11px!important;line-height:1.3!important;margin-bottom:6px!important}.cc-window.cc-floating,.cc-window{padding:8px 12px 9px!important}.cc-window .cc-btn,.cc-window .cc-compliance a{min-height:36px!important;line-height:36px!important;font-size:12.5px!important}} @media(max-width:768px){body:has(.cc-window:not(.cc-invisible)){padding-bottom:calc(178px + env(safe-area-inset-bottom,0px))!important}} .neoh_fn_header{border-bottom:0!important;box-shadow:none!important} .neoh_fn_header:after{display:none!important} .g114-header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0} .g114-language{position:relative;font:600 13px/1.4 system-ui,sans-serif;color:#fff;flex:none} .g114-language summary{list-style:none;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;border-radius:8px} .g114-language summary::-webkit-details-marker{display:none} .g114-language summary:hover,.g114-language summary:focus-visible{background:#ffffff0c;outline-offset:3px} .g114-language-panel{position:absolute;right:0;top:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px;width:260px;background:#141418;border:1px solid #ffffff1c;border-radius:12px;box-shadow:0 12px 35px #0005;z-index:100} .g114-language:not([open]) .g114-language-panel{display:none} .g114-language-panel a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px;color:#eee!important;text-decoration:none;font-size:13px;border-radius:6px;float:none!important;margin:0!important} .g114-language-panel a:hover{background:#e3061326} .g114-language-other{grid-column:1/-1;max-width:100%;width:100%!important;margin:6px 0 0!important;padding:8px!important;background:#202027;color:#eee;border:1px solid #ffffff26;border-radius:6px;font:inherit} #google_translate_element2{display:none!important} .g114-reveal{transition:opacity 500ms ease,transform 500ms cubic-bezier(.2,.7,.2,1)} .g114-reveal-pending{opacity:0;transform:translateY(14px)} .g114-counter{position:relative;display:inline-block;font-variant-numeric:tabular-nums;white-space:nowrap} .g114-counter-original{visibility:hidden} .g114-counter-visual{position:absolute;inset:0;white-space:nowrap} .mbl-ng__kart,.mbl-ng__adimlar>li{position:relative;transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease} .mbl-ng__adimlar>li:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:#e30613;opacity:0;transition:opacity 200ms ease;box-shadow:0 0 12px #e3061380} .mbl-hero__cta--ana,.mbl-sticky a:first-child,.mbl-nav .mbl-btn{transition:box-shadow 200ms ease,background-color 200ms ease!important} @media(hover:hover){ .mbl-ng__kart:hover,.mbl-ng__adimlar>li:hover{transform:translateY(-4px);border-color:#e3061366;box-shadow:0 8px 24px #0003,0 0 16px #e3061312} .mbl-ng__kart:hover:before{background:#e30613;box-shadow:0 0 12px #e3061380} .mbl-ng__adimlar>li:hover:after{opacity:1} .mbl-hero__cta--ana:hover,.mbl-sticky a:first-child:hover,.mbl-nav .mbl-btn:hover{box-shadow:0 0 0 1px #ff727a66,0 0 22px #e3061333} } @media(min-width:992px){.neoh_fn_header .header_in{align-items:center}.g114-header-actions>.trigger{margin:0}} @media(max-width:991px){ .g114-header-actions{gap:0} .g114-language{margin:22px 0 0;width:max-content;max-width:100%} .g114-language summary{border:1px solid #ffffff20;padding:0 14px} .g114-language-panel{position:static;margin-top:8px;max-width:calc(100vw - 56px);box-shadow:none} } @media(prefers-reduced-motion:no-preference){ .mbl-hero__medya{animation:g114-kenburns 20s ease-out forwards;transform-origin:55% 50%} .mbl-hero__h1{animation:g114-hero 500ms ease-out both} .mbl-hero__ctalar a{animation:g114-hero 500ms ease-out both;animation-delay:100ms} .mbl-hero__ctalar a+ a{animation-delay:200ms} } @keyframes g114-kenburns{from{transform:scale(1)}to{transform:scale(1.06)}} @keyframes g114-hero{from{opacity:.9;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){ *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important} .g114-reveal-pending{opacity:1;transform:none} .mbl-hero__medya{transform:none} } .neoh_fn_header .trigger_in{color:#ddd!important;opacity:1!important;visibility:visible!important}.neoh_fn_header .trigger_in .hamb span{background:#aaa!important} @media(max-width:991px){.neoh_fn_nav .g114-language{margin:0 0 24px}} @media(max-width:991px){.g114-header-actions>.g114-language{display:none}.g114-header-actions{width:118.3px}.neoh_fn_header .trigger_in .hamb{display:block!important;visibility:visible!important;opacity:1!important}.neoh_fn_header .trigger_in .hamb span{display:block!important;visibility:visible!important;opacity:1!important}} #g114-language .g114-language-panel a{font:600 13px/1.4 system-ui,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;word-break:normal!important;min-width:0!important;width:auto!important} body:has(#mblNav.go) #mbl-karsilama-button{display:none!important} 
.mbl-hero__medya>picture{display:block;width:100%;height:100%}
.mbl-ng-uretim__video video,.mbl-video__cerceve video{aspect-ratio:16/9}
.g115-whatsapp{position:fixed;right:10px;bottom:10px;width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#22c15e;color:#fff;z-index:9999;text-decoration:none}
.g115-whatsapp:hover{color:#fff;background:#1caf53}
body:has(.cc-window:not(.cc-invisible)) .g115-whatsapp{bottom:58px}
.mobiled-phone-float__icon svg{display:block}
@media(max-width:991px){.g115-whatsapp{display:none}.neoh_fn_nav .nav_content{height:100dvh}}