/*! Lucky Pips V18.2. Bootstrap v3.3.2 Copyright 2011-2015 Twitter, Inc., MIT; Font Awesome 4.3.0 by Dave Gandy, code MIT, fonts SIL OFL 1.1. Original licenses retained in bundled source files. */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:400;line-height:1;color:#777}h1,h2,h3{margin-top:20px;margin-bottom:10px}h1 small,h2 small,h3 small{font-size:65%}h4,h5,h6{margin-top:10px;margin-bottom:10px}h4 small,h5 small,h6 small{font-size:75%}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h6{font-size:12px}p{margin:0 0 10px}small{font-size:85%}mark{padding:.2em;background-color:#fcf8e3}.text-center{text-align:center}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-right:-15px;margin-left:-15px}.col-sm-4{position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:768px){.col-sm-4{float:left}.col-sm-4{width:33.33333333%}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px}}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.collapse{display:none;visibility:hidden}.collapse.in{display:block;visibility:visible}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.open>a{outline:0}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav>li>a>img{max-width:none}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;visibility:visible!important}.navbar-collapse.in{overflow-y:visible}}.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media (min-width:768px){.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.row:after,.row:before{display:table;content:" "}.container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.row:after{clear:both}@-ms-viewport{width:device-width}@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype');font-weight:normal;font-style:normal;font-display:swap}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-envelope-o:before{content:"\f003"}.fa-phone:before{content:"\f095"}  body { background: #303030; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 300; overflow-x: hidden;  } a { color: #47C6F8; } a:hover { color: #0FF; }  h2 { text-align: center; font-size: 40px; padding-bottom: 40px; } h2 span { color: #28a7e9; font-weight: bold; }   #about, #team, #service, #portfolio, #contact { padding-top: 60px; padding-bottom: 40px; }   .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: none repeat scroll 0 0 #ffffff; } .sk-spinner-wave.sk-spinner { width: 50px; height: 30px; text-align: center; font-size: 10px; } .sk-spinner-wave div { background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-spinner-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } }   header { min-height: 20px; padding-top: 18px; padding-bottom: 10px; } header .fa { color: #28a7e9; } header span { font-weight: bold; padding-right: 10px; padding-left: 4px; } header a { color: #999; font-weight: 600; } header .social-icon { text-align: right; } header .social-icon li a { border: none; width: 20px; height: 20px; line-height: 20px; text-align: center; }   .navbar-default { background: #fff; border: none; box-shadow: none; margin: 0 !important; } .navbar-default .navbar-brand { font-weight: 500; font-size: 30px; height: 70px; line-height: 40px; padding: 12px 0px 0px 12px; } .navbar-default .navbar-nav li a { font-weight: bold; font-size: 13px; height: 70px; line-height: 40px; } .navbar-default .navbar-nav > li > a.current { color: #28A7E9; } .templatemo-nav { border-radius: 0; width: 100%; z-index: 1000; } .sticky { position: fixed; left: 0; top: 0; }   #home { background: url('../images/home-bg.webp') no-repeat; background-size: cover; padding-top: 160px; padding-bottom: 100px; min-height: 650px; } #home h1 { font-weight: 300; font-size: 70px; padding-bottom: 10px; } #home h1 span { color: #28a7e9; font-weight: bold; } #home .btn { background: transparent; border-radius: 2px; color: #fff; font-size: 16px; font-weight: bold; margin-top: 20px; width: 180px; height: 60px; padding-top: 18px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #home .btn:hover { background: #28a7e9; border-color: transparent; } .element { height: 60px; font-size: 16px; }   #about .media-heading-wrapper { padding-bottom: 32px; } #about .media-heading-wrapper .fa { border: 1px solid #fff; border-radius: 2px; color: #fff; font-size: 24px; width: 60px; height: 60px; line-height: 60px; text-align: center; margin-bottom: 20px; margin-right: 20px; } #about .media-heading-wrapper h3 { font-size: 18px; font-weight: bold; padding-top: 20px; padding-left: 52px; }   #team .team-wrapper { background: #404040; padding-bottom: 10px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; } #team .team-wrapper:hover { cursor: pointer; opacity: 0.4; bottom: 4px; } #team .team-wrapper .team-des { padding: 20px; } #team .team-wrapper .team-des span { color: #28a7e9; display: block; font-weight: bold; padding-bottom: 12px; }   #service .col-md-4 { padding: 40px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #service .col-md-4:hover { background: #505050; } #service .active { background: #505050; padding: 40px; } #service .fa { border: 1px solid #fff; border-radius: 2px; color: #fff; font-size: 50px; width: 100px; height: 100px; line-height: 100px; text-align: center; } #service h4 { color: #28a7e9; font-weight: 600; padding-top: 10px; padding-bottom: 14px; }   #portfolio { padding-bottom: 80px; } #portfolio .col-md-3 { padding: 0px; } .portfolio-thumb, .portfolio-overlay { max-width: 450px; } #portfolio .portfolio-thumb { overflow: hidden; padding: 0; margin: 0 auto; } #portfolio .portfolio-thumb .portfolio-overlay { background: #28a7e9; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; position: absolute; padding: 20px 10px 20px 20px; margin-left: auto; margin-right: auto; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #portfolio .portfolio-thumb .portfolio-overlay h4 { font-weight: bold; padding-bottom: 10px; } #portfolio .portfolio-thumb .portfolio-overlay .btn { background: none; border: 1px solid #fff; border-radius: 2px; color: #fff; font-weight: bold; } #portfolio .portfolio-thumb:hover .portfolio-overlay { cursor: pointer; opacity: 0.8; }   #contact { background: #202020; } #contact .form-control { background: transparent; border: 1px solid #28a7e9; border-radius: 2px; box-shadow: none; color: #fff; margin-top: 6px; margin-bottom: 16px; } #contact label { font-weight: 500; } #contact input { height: 50px; } #contact input[type="submit"] { background: #28a7e9; font-weight: bold; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #contact input[type="submit"]:hover { background: transparent; } #contact address { border-bottom: 1px solid #505050; padding-top: 30px; } #contact address .address-title { font-weight: bold; font-size: 20px; padding-bottom: 10px; } #contact address span { display: block; padding-bottom: 30px; } #contact address .fa { border: 1px solid #fff; border-radius: 2px; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-right: 10px; margin-bottom: 10px; }   #copyright { padding: 20px; } #copyright p { font-weight: 400; }   .social-icon { position: relative; padding: 0; margin: 0; } .social-icon h4 { display: inline-block; padding-right: 20px; } .social-icon li { display: inline-block; list-style: none; } .social-icon li a { border: 1px solid #fff; border-radius: 2px; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin-right: 10px; } .social-icon li a:hover { background: #28a7e9; border-color: transparent; }  @media only screen and (max-width: 1199px) and (min-width: 992px) { #portfolio .portfolio-thumb .portfolio-overlay { padding: 0px 8px; } }  @media only screen and ( max-width: 980px ) { #team .team-wrapper { margin-top: 40px; } #portfolio .portfolio-thumb .portfolio-overlay { background: #28a7e9; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; position: absolute; padding: 40px 10px 20px 20px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } }   @media only screen and ( max-width: 767px ) { #home { min-height: 300px; padding-top: 80px; padding-bottom: 60px; } #home h1 { font-size: 52px; } .templatemo-nav { position: fixed; top: 0; } header { margin-top: 70px; } header .social-icon { text-align: left; } .navbar-toggle { margin-top: 15px; } .navbar-collapse { max-height: 300px; overflow-y: auto; } .navbar-default .navbar-nav li a { height: 45px; padding-top: 5px; padding-bottom: 5px; line-height: 35px; } }   @media only screen and ( max-width: 360px ) { header .social-icon { text-align: left; } #home { min-height: 200px; padding-top: 60px; padding-bottom: 40px; } #home h1 { font-size: 32px; } }   :root { --lp-bg: #050b14; --lp-bg-2: #071523; --lp-panel: rgba(13, 30, 49, .82); --lp-panel-solid: #0d1e31; --lp-line: rgba(151, 181, 215, .18); --lp-text: #edf5ff; --lp-muted: #9db0c5; --lp-blue: #39a9ff; --lp-blue-2: #0f74da; --lp-gold: #ffc447; --lp-gold-2: #ffe29a; --lp-green: #28d99a; --lp-shadow: 0 26px 70px rgba(0, 0, 0, .3); --lp-radius: 22px; } @view-transition { navigation: auto; } html { scroll-behavior: smooth; scroll-padding-top: 88px; } * { box-sizing: border-box; } body { margin: 0; overflow-x: hidden; color: var(--lp-text); background: radial-gradient(circle at 12% 8%, rgba(57, 169, 255, .13), transparent 25%), radial-gradient(circle at 88% 52%, rgba(255, 196, 71, .08), transparent 24%), var(--lp-bg); font-family: "Manrope", "Open Sans", Arial, sans-serif !important; font-weight: 400; line-height: 1.7; -webkit-font-smoothing: antialiased; } body::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; opacity: .19; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, black, transparent 78%); } ::selection { color: #07111d; background: var(--lp-gold); } a { color: #6fc3ff; transition: color .24s ease, transform .24s ease, opacity .24s ease, box-shadow .24s ease; } a:hover, a:focus { color: var(--lp-gold); text-decoration: none; } img { max-width: 100%; height: auto; } .container { width: min(1180px, calc(100% - 36px)) !important; }  .preloader { background: #050c16 !important; } .sk-spinner-wave div { width: 5px !important; border-radius: 99px; background: linear-gradient(to top, var(--lp-blue), var(--lp-gold)) !important; box-shadow: 0 0 20px rgba(57,169,255,.45); }  .lp-scroll-progress { position: fixed; inset: 0 auto auto 0; z-index: 10050; width: 0; height: 3px; background: linear-gradient(90deg, var(--lp-blue), var(--lp-gold)); box-shadow: 0 0 18px rgba(57,169,255,.7); transition: width .08s linear; } .lp-ambient { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; } .lp-orb { position: absolute; width: 320px; height: 320px; border-radius: 50%; filter: blur(80px); opacity: .13; animation: lpFloat 16s ease-in-out infinite; } .lp-orb:nth-child(1) { top: 12%; left: -120px; background: var(--lp-blue); } .lp-orb:nth-child(2) { top: 55%; right: -140px; background: var(--lp-gold); animation-delay: -6s; } .lp-orb:nth-child(3) { bottom: -120px; left: 42%; background: #785bff; animation-delay: -11s; } @keyframes lpFloat { 0%,100% { transform: translate3d(0,0,0) scale(1); } 50% { transform: translate3d(30px,-40px,0) scale(1.12); } }  header { min-height: 0 !important; padding: 10px 0 !important; color: #b7c7d9; border-bottom: 1px solid rgba(255,255,255,.07); background: #050b14; font-size: 12px; } header .row { display: flex; align-items: center; } header p { margin: 0; } header .fa { color: var(--lp-gold) !important; } header a { color: #cfe7ff !important; } header .social-icon { margin: 0; text-align: right; } header .social-icon font { color: #8bb7e2 !important; font-size: 12px !important; letter-spacing: .08em; text-transform: uppercase; }  .navbar-default.templatemo-nav { min-height: 76px; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.09) !important; color: #fff; background: rgba(6, 15, 26, .9) !important; box-shadow: 0 12px 36px rgba(0,0,0,.18) !important; backdrop-filter: blur(18px); transition: background .3s ease, box-shadow .3s ease; } .templatemo-nav.sticky { box-shadow: 0 18px 50px rgba(0,0,0,.34) !important; } .navbar-default .navbar-brand { position: relative; display: flex; height: 76px !important; align-items: center; padding: 0 0 0 54px !important; color: #fff !important; font-size: 24px !important; font-weight: 800 !important; letter-spacing: -.04em; } .navbar-default .navbar-brand::before { content: "LP"; position: absolute; left: 0; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(255,196,71,.55); border-radius: 13px; color: #07111d; background: linear-gradient(145deg, var(--lp-gold-2), var(--lp-gold)); box-shadow: 0 10px 30px rgba(255,196,71,.18); font-size: 12px; letter-spacing: .04em; } .navbar-default .navbar-brand span { background: linear-gradient(90deg,#fff,#9dccf5); -webkit-background-clip: text; color: transparent; } .navbar-default .navbar-nav > li > a { height: 76px !important; padding: 18px 15px !important; color: #9fb2c7 !important; background: transparent !important; font-size: 11px !important; font-weight: 750 !important; line-height: 40px !important; letter-spacing: .08em; } .navbar-default .navbar-nav > li > a::after { content: ""; position: absolute; right: 15px; bottom: 16px; left: 15px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--lp-blue), var(--lp-gold)); transform: scaleX(0); transform-origin: center; transition: transform .25s ease; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.current { color: #fff !important; } .navbar-default .navbar-nav > li > a:hover::after, .navbar-default .navbar-nav > li > a.current::after { transform: scaleX(1); } .navbar-default .navbar-nav > .lp-nav-guide > a:hover, .navbar-default .navbar-nav > .lp-nav-guide > a:focus, .navbar-default .navbar-nav > .lp-nav-guide > a[aria-current="page"] { color: var(--lp-gold) !important; background: transparent !important; } .navbar-default .navbar-nav > .lp-nav-guide > a[aria-current="page"]::after { transform: scaleX(1); } .navbar-toggle { margin-top: 16px !important; border-color: rgba(255,255,255,.18) !important; border-radius: 11px; background: rgba(255,255,255,.06) !important; } .navbar-default .navbar-toggle .icon-bar { background: #fff; }  .lp-ea-menu { position: relative; height: 76px; } .lp-ea-toggle { position: relative; display: flex; height: 76px; align-items: center; gap: 8px; padding: 0 15px; border: 0; color: #9fb2c7; background: transparent; font-size: 11px; font-weight: 750; letter-spacing: .08em; transition: color .24s ease; } .lp-ea-toggle:hover, .lp-ea-toggle:focus, .lp-ea-menu.lp-open .lp-ea-toggle { color: #fff; outline: none; } .lp-ea-toggle-copy { display: grid; gap: 2px; text-align: left; } .lp-ea-toggle-copy b { color: inherit; font-size: 10px; letter-spacing: .08em; } .lp-ea-toggle-copy small { color: var(--lp-green); font-size: 7px; font-weight: 850; letter-spacing: .09em; } .lp-ea-chevron { color: var(--lp-gold); font-size: 15px; transition: transform .25s ease; } .lp-ea-menu.lp-open .lp-ea-chevron { transform: rotate(180deg); } .lp-ea-list { position: absolute; top: calc(100% - 8px); right: 0; z-index: 1200; width: 285px; margin: 0; padding: 9px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: rgba(7,18,31,.98); box-shadow: 0 24px 60px rgba(0,0,0,.42); list-style: none; opacity: 0; transform: translateY(-8px) scale(.985); transform-origin: top right; pointer-events: none; transition: opacity .22s ease, transform .22s ease; backdrop-filter: blur(20px); } .lp-ea-menu.lp-open .lp-ea-list, .lp-ea-menu:focus-within .lp-ea-list { opacity: 1; transform: none; pointer-events: auto; } .lp-ea-list a { display: grid; grid-template-columns: 70px 1fr; align-items: center; gap: 10px; padding: 12px; border-radius: 11px; color: #a9bbcd; } .lp-ea-list a:hover { color: #fff; background: rgba(57,169,255,.1); } .lp-ea-list a.lp-active-version { border: 1px solid rgba(40,217,154,.25); color: #fff; background: linear-gradient(135deg,rgba(40,217,154,.12),rgba(57,169,255,.08)); box-shadow: inset 3px 0 0 var(--lp-green); } .lp-ea-list a b { color: var(--lp-gold); font-size: 10px; letter-spacing: .06em; } .lp-ea-list a span { font-size: 10px; } .lp-ea-list a.lp-active-version::after { content: "✓ CURRENT VERSION"; grid-column: 2; color: var(--lp-green); font-size: 7px; font-weight: 850; letter-spacing: .1em; }  #home { position: relative; isolation: isolate; display: flex; min-height: 690px !important; align-items: center; overflow: hidden; padding: 116px 0 104px !important; background-image: linear-gradient(110deg, rgba(4,11,20,.96) 8%, rgba(6,22,38,.83) 52%, rgba(3,10,18,.78)), url('../images/home-bg.webp') !important; background-position: center !important; background-size: cover !important; } #home::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 73% 26%, rgba(57,169,255,.25), transparent 24%), radial-gradient(circle at 17% 76%, rgba(255,196,71,.12), transparent 25%); } #home::after { content: ""; position: absolute; right: -10%; bottom: -44%; z-index: -1; width: 620px; height: 620px; border: 1px solid rgba(75,174,255,.2); border-radius: 50%; box-shadow: 0 0 0 70px rgba(75,174,255,.035), 0 0 0 140px rgba(75,174,255,.025); } #home .col-md-offset-2.col-md-8 { width: min(880px,100%) !important; margin-left: 0 !important; text-align: left; } #home h2, #home h2.text-center { max-width: 860px; margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: clamp(37px, 5.2vw, 68px) !important; font-weight: 750 !important; line-height: 1.08 !important; letter-spacing: -.055em !important; text-align: left !important; text-transform: none !important; } #home h2 span, #home h2 .text-color, #home h2 font { color: var(--lp-gold) !important; } #home .element { max-width: 720px; height: 64px !important; margin-top: 25px; color: #b6c7da; font-size: 17px !important; line-height: 1.7; } #home .element font { color: #b6c7da !important; font-size: 17px !important; } .lp-typing-block { max-width: 720px; margin-top: 24px; } .lp-typing-label { display: block; margin-bottom: 8px; color: var(--lp-gold); font-size: 8px; font-weight: 900; letter-spacing: .14em; } .lp-typing-line { display: flex; min-height: 31px; align-items: center; color: #d8e9fb; font-size: 15px; font-weight: 650; line-height: 1.45; } .lp-typing-line i { display: inline-block; width: 2px; height: 21px; margin-left: 4px; border-radius: 2px; background: var(--lp-blue); box-shadow: 0 0 12px rgba(57,169,255,.7); animation: lpCursorBlink .82s steps(1,end) infinite; } @keyframes lpCursorBlink { 0%,48% { opacity: 1; } 49%,100% { opacity: .12; } } #home .btn { position: relative; overflow: hidden; display: inline-flex; width: auto !important; min-width: 190px; height: 54px !important; align-items: center; justify-content: center; margin-top: 28px !important; padding: 0 24px !important; border: 0 !important; border-radius: 12px !important; color: #07111d !important; background: linear-gradient(135deg, var(--lp-gold), var(--lp-gold-2)) !important; box-shadow: 0 18px 42px rgba(255,196,71,.2); font-size: 12px !important; font-weight: 850 !important; letter-spacing: .07em; } #home .btn::after { content: ""; position: absolute; inset: -80% auto -80% -40%; width: 28%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.75), transparent); transform: skewX(-18deg); transition: left .65s ease; } #home .btn:hover { transform: translateY(-3px); box-shadow: 0 22px 50px rgba(255,196,71,.3); } #home .btn:hover::after { left: 125%; } .lp-trust-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; } .lp-trust-chip { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; color: #b9c9da; background: rgba(255,255,255,.055); backdrop-filter: blur(8px); font-size: 10px; font-weight: 700; } .lp-trust-chip::before { content: "✓"; color: var(--lp-green); }  #about, #team, #service, #portfolio, #contact { position: relative; padding: 88px 0 72px !important; } #about { background: linear-gradient(180deg,#08131f,#0a1827); } #team { background: radial-gradient(circle at 10% 50%,rgba(57,169,255,.09),transparent 27%),#06111d; } #service { background: linear-gradient(180deg,#081726,#07121f); } #portfolio { background: radial-gradient(circle at 88% 20%,rgba(255,196,71,.08),transparent 23%),#06101b; } #contact { background: radial-gradient(circle at 76% 18%,rgba(57,169,255,.2),transparent 29%),linear-gradient(135deg,#071523,#0b2944) !important; } #about::before, #team::before, #service::before, #portfolio::before, #contact::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(106,184,255,.25), transparent); } h1,h2,h3,h4 { font-family: "Manrope", "Open Sans", Arial, sans-serif !important; } #about h2, #team h2, #service h2, #portfolio h2, #contact h2 { margin: 0 auto 34px !important; padding: 0 !important; color: #fff !important; font-size: clamp(30px, 4vw, 48px) !important; font-weight: 750 !important; line-height: 1.12 !important; letter-spacing: -.045em; } #about h2 span, #team h2 span, #service h2 span, #portfolio h2 span, #contact h2 span { color: var(--lp-blue) !important; } #about p, #team p, #service p, #portfolio p, #contact p { color: var(--lp-muted); font-size: 14px; line-height: 1.78; } #about font, #team font, #service font, #portfolio font, #contact font { font-family: inherit !important; }  #about .row { display: flex; flex-wrap: wrap; } #about .col-md-4 { display: flex; } #about .media { width: 100%; min-height: 270px; padding: 27px; border: 1px solid var(--lp-line); border-radius: var(--lp-radius); background: linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025)); box-shadow: 0 15px 42px rgba(0,0,0,.14); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; } #about .media:hover { transform: translateY(-7px); border-color: rgba(57,169,255,.45); box-shadow: var(--lp-shadow); } #about .media-heading-wrapper { padding-bottom: 15px !important; } #about .media-heading-wrapper .fa { width: 54px !important; height: 54px !important; margin: 0 14px 12px 0 !important; border: 1px solid rgba(57,169,255,.28) !important; border-radius: 15px !important; color: var(--lp-blue) !important; background: rgba(57,169,255,.1); line-height: 54px !important; } #about .media-heading-wrapper h3 { margin: 0 !important; padding: 13px 0 0 !important; color: #fff !important; font-size: 18px !important; } #about .media-heading-wrapper h3 font { color: #fff !important; font-size: 18px !important; }  #team .team-wrapper, #service .col-md-4, #service .active, #portfolio .portfolio-thumb { overflow: hidden; border: 1px solid var(--lp-line) !important; border-radius: var(--lp-radius) !important; background: linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.025)) !important; box-shadow: 0 16px 45px rgba(0,0,0,.18); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease !important; } #team .team-wrapper { padding: 14px 14px 22px !important; } #team .team-wrapper:hover, #service .col-md-4:hover, #portfolio .portfolio-thumb:hover { bottom: auto !important; opacity: 1 !important; transform: translateY(-7px); border-color: rgba(255,196,71,.4) !important; box-shadow: var(--lp-shadow); } #team .team-wrapper img, #portfolio .portfolio-thumb > img { border-radius: 15px; } #team .team-wrapper .team-des { padding: 21px 12px 5px !important; } #team .team-wrapper .team-des span, #service h4 { color: var(--lp-gold) !important; } #service .col-md-4, #service .active { padding: 30px !important; } #service .fa { width: 74px !important; height: 74px !important; border-color: rgba(57,169,255,.32) !important; border-radius: 18px !important; color: var(--lp-blue) !important; background: rgba(57,169,255,.09); font-size: 31px !important; line-height: 74px !important; }  h1.style2, h2.style2, .style2 { margin: 18px auto !important; padding: 18px 22px !important; border: 1px solid var(--lp-line) !important; border-radius: 14px !important; color: #dceafa !important; background: rgba(255,255,255,.045) !important; box-shadow: none !important; font-size: clamp(17px,2vw,24px) !important; font-weight: 600 !important; line-height: 1.45 !important; } h1.style2 font, h2.style2 font, .style2 font { color: inherit !important; font-size: inherit !important; } #team img, #service img, #portfolio img { max-width: 100% !important; height: auto !important; object-fit: contain; filter: drop-shadow(0 18px 28px rgba(0,0,0,.22)); } img[src*="LP_"], img[src*="LuckyPips"], img[src*="PRO SYSTEM"] { transition: transform .45s ease, filter .45s ease; } img[src*="LP_"]:hover, img[src*="LuckyPips"]:hover, img[src*="PRO SYSTEM"]:hover { transform: translateY(-7px) scale(1.018); filter: drop-shadow(0 26px 35px rgba(31,132,230,.22)); }  a[href*="fxblue.com"] { position: relative; display: inline-block; max-width: 100%; } a[href*="fxblue.com"] img { border: 1px solid rgba(90,180,255,.28); border-radius: 10px; box-shadow: 0 12px 30px rgba(0,0,0,.18); } iframe[src*="fxblue.com"] { width: min(100%, 520px) !important; max-width: 100% !important; border: 1px solid rgba(86,174,255,.28) !important; border-radius: 16px; background: #fff; box-shadow: 0 18px 46px rgba(0,0,0,.22); }  .lp-table-scroll { max-width: 100%; overflow-x: auto; padding: 2px 2px 12px; } body > table, #service table, #portfolio table, .container table { width: min(1120px, calc(100% - 28px)) !important; max-width: 100% !important; margin: 22px auto !important; border-collapse: separate !important; border-spacing: 12px !important; color: var(--lp-text); background: transparent !important; } table td { min-width: 240px; padding: 20px !important; border: 1px solid var(--lp-line) !important; border-radius: 17px; color: var(--lp-muted) !important; background: rgba(12,29,47,.82) !important; vertical-align: top; } table td font { color: inherit !important; } table td strong, table td b { color: #fff; } img[src="360_order.jpg"], img[src*="order-now"] { width: min(100%, 437px) !important; height: auto !important; border: 1px solid rgba(255,196,71,.45) !important; border-radius: 13px !important; box-shadow: 0 18px 38px rgba(255,196,71,.12); transition: transform .25s ease, box-shadow .25s ease, filter .25s ease; } a:hover img[src="360_order.jpg"], a:hover img[src*="order-now"] { transform: translateY(-4px); box-shadow: 0 24px 48px rgba(255,196,71,.22); filter: saturate(1.08); } img[src*="Discount"] { border-radius: 16px; }  .lp-discount-banner { overflow: hidden; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(250px,.85fr); max-width: 820px; align-items: center; gap: 24px; margin: 22px auto 24px; padding: 28px 28px 0; border: 1px solid rgba(255,113,129,.34); border-radius: 22px; background: radial-gradient(circle at 90% 15%,rgba(255,82,105,.22),transparent 37%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); box-shadow: 0 25px 65px rgba(0,0,0,.24); } .lp-discount-copy { align-self: center; padding-bottom: 28px; text-align: left; } .lp-discount-copy > span { color: #ff7181; font-size: 9px; font-weight: 900; letter-spacing: .15em; } .lp-discount-copy strong { display: block; margin: 7px 0 10px; color: #fff; font-size: clamp(25px,3.4vw,38px); line-height: 1.08; letter-spacing: -.045em; } .lp-discount-copy p { margin: 0 !important; color: #aebfd1 !important; font-size: 12px !important; line-height: 1.7 !important; } .lp-discount-banner > img { display: block; width: 100% !important; max-width: 360px !important; height: auto !important; align-self: end; margin: 0 auto !important; border-radius: 15px 15px 0 0 !important; filter: drop-shadow(0 18px 28px rgba(0,0,0,.25)); } .lp-product-page #portfolio .lp-discount-line { display: none !important; }  .lp-readmore-cta { overflow: hidden; display: inline-flex !important; min-width: 220px; min-height: 58px; align-items: center; justify-content: center; padding: 0 !important; border: 1px solid rgba(103,190,255,.42); border-radius: 13px; color: #fff !important; background: linear-gradient(135deg,#1784e8,#0c5eb5); box-shadow: 0 16px 35px rgba(15,116,218,.2); text-align: left; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; } .lp-readmore-cta:hover { color: #fff !important; transform: translateY(-4px); border-color: rgba(255,196,71,.62); box-shadow: 0 22px 44px rgba(15,116,218,.3); } .lp-readmore-cta .lp-legacy-readmore { display: none !important; } .lp-readmore-cta > span { display: grid; width: 100%; grid-template-columns: 1fr auto; column-gap: 16px; align-items: center; padding: 12px 16px; } .lp-readmore-cta b { display: block; font-size: 11px; letter-spacing: .09em; } .lp-readmore-cta small { display: block; grid-column: 1; margin-top: 2px; color: #c8e4ff; font-size: 8px; letter-spacing: .03em; } .lp-readmore-cta i { grid-column: 2; grid-row: 1 / span 2; color: var(--lp-gold); font-size: 22px; font-style: normal; transition: transform .25s ease; } .lp-readmore-cta:hover i { transform: translateX(4px); }  .lp-other-eas { max-width: 1060px; margin: 74px auto 64px; padding: 0 18px; } .lp-other-eas-head { max-width: 720px; margin: 0 auto 28px; text-align: center; } .lp-other-eas-head > span { color: var(--lp-gold); font-size: 9px; font-weight: 900; letter-spacing: .15em; } .lp-other-eas-head h2 { margin: 8px 0 10px; color: #fff; font-size: clamp(28px,4vw,42px); line-height: 1.12; letter-spacing: -.045em; } .lp-other-eas-head p { margin: 0; color: var(--lp-muted); font-size: 13px; } .lp-other-eas-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; } .lp-other-ea-card { overflow: hidden; display: flex; min-width: 0; height: 100%; flex-direction: column; align-items: center; padding: 24px; border: 1px solid var(--lp-line); border-radius: 22px; background: linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); box-shadow: 0 20px 55px rgba(0,0,0,.2); text-align: center; transition: transform .32s ease,border-color .32s ease,box-shadow .32s ease; } .lp-other-ea-card:hover { transform: translateY(-6px); border-color: rgba(57,169,255,.4); box-shadow: var(--lp-shadow); } .lp-other-ea-tag { align-self: flex-start; color: var(--lp-gold); font-size: 8px; font-weight: 850; letter-spacing: .12em; } .lp-other-ea-visual { display: grid; width: 100%; height: 285px; place-items: center; margin: 7px 0 3px; } .lp-other-ea-visual img { width: auto !important; max-width: 72% !important; height: 260px !important; object-fit: contain !important; } .lp-other-ea-card h3 { margin: 0 0 8px; color: #fff; font-size: 20px; letter-spacing: -.03em; } .lp-other-ea-card > p { max-width: 380px; margin: 0 0 17px; color: var(--lp-muted); font-size: 11px; line-height: 1.65; } .lp-other-ea-fxblue { display: grid !important; width: 100%; min-height: 86px; place-items: center; margin: auto 0 13px; padding: 7px; border-radius: 11px; background: #fff; } .lp-other-ea-fxblue img { display: block; width: 100% !important; height: 72px !important; max-height: 72px; border: 0 !important; object-fit: contain; box-shadow: none !important; } .lp-version-details { width: 100%; } .lp-version-details.lp-readmore-cta { max-width: 100%; }  .lp-install-guide { max-width: 980px; margin: 66px auto 34px; padding: 36px; border: 1px solid var(--lp-line); border-radius: 24px; background: radial-gradient(circle at 95% 8%,rgba(57,169,255,.15),transparent 30%),rgba(10,25,42,.9); box-shadow: 0 24px 62px rgba(0,0,0,.22); } .lp-install-label { color: var(--lp-gold); font-size: 9px; font-weight: 900; letter-spacing: .15em; } .lp-install-guide h2 { max-width: 760px; margin: 8px 0 10px; color: #fff; font-size: clamp(28px,4vw,42px); line-height: 1.12; letter-spacing: -.045em; } .lp-install-guide > p { max-width: 760px; margin: 0; color: var(--lp-muted); font-size: 13px; } .lp-install-guide ol { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin: 28px 0 18px; padding: 0; list-style: none; counter-reset: lpSteps; } .lp-install-guide li { position: relative; min-height: 150px; padding: 50px 15px 15px; border: 1px solid rgba(255,255,255,.09); border-radius: 15px; background: rgba(255,255,255,.04); counter-increment: lpSteps; } .lp-install-guide li::before { content: counter(lpSteps); position: absolute; top: 14px; left: 15px; display: grid; width: 27px; height: 27px; place-items: center; border-radius: 9px; color: #07111d; background: var(--lp-gold); font-size: 10px; font-weight: 900; } .lp-install-guide li b { display: block; margin-bottom: 7px; color: #fff; font-size: 11px; line-height: 1.35; } .lp-install-guide li span { color: var(--lp-muted); font-size: 9px; line-height: 1.55; } .lp-install-note { padding: 13px 16px; border: 1px solid rgba(40,217,154,.2); border-radius: 12px; color: #9fb7c9; background: rgba(40,217,154,.055); font-size: 10px; } .lp-install-note b { color: var(--lp-green); }  #portfolio .portfolio-overlay { border-radius: 18px; background: linear-gradient(145deg,rgba(18,115,213,.92),rgba(4,23,42,.94)) !important; } #portfolio .portfolio-overlay .btn { border-radius: 9px !important; }  #contact address { border-bottom-color: rgba(255,255,255,.12) !important; } #contact address .fa { border-color: rgba(57,169,255,.3) !important; border-radius: 11px !important; color: var(--lp-blue); background: rgba(57,169,255,.08); } #contact .form-control { min-height: 50px; border: 1px solid rgba(130,174,216,.25) !important; border-radius: 11px !important; color: #fff !important; background: rgba(255,255,255,.055) !important; box-shadow: none !important; } #contact .form-control:focus { border-color: var(--lp-blue) !important; box-shadow: 0 0 0 4px rgba(57,169,255,.1) !important; } #contact input[type="submit"] { border: 0 !important; color: #07111d !important; background: linear-gradient(135deg,var(--lp-gold),var(--lp-gold-2)) !important; font-weight: 850 !important; }  #copyright, body > .container:last-child { padding-top: 32px !important; padding-bottom: 32px !important; color: #758ba3; background: #040a12; font-size: 11px; line-height: 1.75; } #copyright p { color: #7f93a9; }  .lp-reveal { opacity: 0; transform: translateY(24px); transition: opacity .68s cubic-bezier(.2,.7,.2,1), transform .68s cubic-bezier(.2,.7,.2,1); } .lp-reveal.lp-visible { opacity: 1; transform: none; } .lp-reveal-delay-1 { transition-delay: .08s; } .lp-reveal-delay-2 { transition-delay: .16s; } .lp-reveal-delay-3 { transition-delay: .24s; } .lp-scroll-top { position: fixed; right: 20px; bottom: 20px; z-index: 1000; display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; color: #07111d; background: linear-gradient(145deg,var(--lp-gold),var(--lp-gold-2)); box-shadow: 0 15px 34px rgba(0,0,0,.25); opacity: 0; transform: translateY(14px); pointer-events: none; transition: opacity .25s ease, transform .25s ease; } .lp-scroll-top.lp-show { opacity: 1; transform: none; pointer-events: auto; } .lp-scroll-top:hover { transform: translateY(-3px); }  .lp-product-page #home { min-height: 750px !important; } .lp-product-page #home .row { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(340px,.92fr); gap: clamp(38px,6vw,76px); align-items: center; margin-right: 0; margin-left: 0; } .lp-product-page #home .row::before, .lp-product-page #home .row::after { display: none !important; content: none !important; } .lp-product-page #home .col-md-offset-2.col-md-8 { width: auto !important; margin: 0 !important; float: none !important; } .lp-product-page #home h2.text-center, .lp-product-page #home .element { display: none !important; } .lp-seo-title { max-width: 790px; margin: 0; color: #fff; font-size: clamp(43px,5.7vw,72px); font-weight: 800; line-height: 1.04; letter-spacing: -.06em; } .lp-seo-title::first-line { color: #fff; } .lp-seo-lead { max-width: 720px; margin: 24px 0 0; color: #b6c7da !important; font-size: 16px; line-height: 1.76; } .lp-hero-product { position: relative; min-width: 0; animation: lpHeroCardIn .9s .12s both; } .lp-product-card { position: relative; overflow: hidden; padding: 22px; border: 1px solid rgba(255,255,255,.14); border-radius: 26px; background: linear-gradient(150deg,rgba(255,255,255,.11),rgba(255,255,255,.035)); box-shadow: 0 36px 90px rgba(0,0,0,.34); backdrop-filter: blur(18px); } .lp-product-card::before { content: ""; position: absolute; top: -150px; right: -100px; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle,rgba(57,169,255,.3),transparent 68%); pointer-events: none; } .lp-product-card-head { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 16px; } .lp-product-card-head span { color: #89a2bd; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; } .lp-product-card-head b { display: inline-flex; align-items: center; gap: 7px; color: #70ddb8; font-size: 9px; letter-spacing: .08em; } .lp-product-card-head b::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--lp-green); box-shadow: 0 0 0 6px rgba(40,217,154,.1); } .lp-product-visual { position: relative; z-index: 1; display: grid; height: 285px; place-items: center; margin: 4px 0 0; } .lp-product-visual::after { content: ""; position: absolute; right: 20%; bottom: 25px; left: 20%; height: 25px; border-radius: 50%; background: rgba(0,0,0,.35); filter: blur(17px); } .lp-product-visual img { position: relative; z-index: 1; width: auto; max-width: 78%; height: 255px; object-fit: contain; filter: drop-shadow(0 22px 28px rgba(0,0,0,.38)); transition: transform .4s ease; } .lp-product-card:hover .lp-product-visual img { transform: translateY(-7px) scale(1.025); } .lp-product-info { position: relative; z-index: 2; display: flex; align-items: end; justify-content: space-between; gap: 18px; padding: 17px 0 16px; border-top: 1px solid rgba(255,255,255,.1); } .lp-product-info small { display: block; margin-bottom: 5px; color: #758da8; font-size: 9px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; } .lp-product-info strong { color: #fff; font-size: 19px; letter-spacing: -.025em; } .lp-product-price { flex: 0 0 auto; color: var(--lp-gold); font-size: 17px; font-weight: 850; } .lp-product-points { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-bottom: 12px; } .lp-product-point { padding: 10px 7px; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; color: #aebfd1; background: rgba(255,255,255,.045); font-size: 8px; font-weight: 750; text-align: center; } .lp-hero-fxblue { position: relative; z-index: 2; display: block !important; overflow: hidden; padding: 8px; border: 1px solid rgba(57,169,255,.3); border-radius: 12px; background: #fff; } .lp-hero-fxblue img { width: 100%; min-height: 50px; border: 0 !important; border-radius: 7px !important; box-shadow: none !important; object-fit: cover; } .lp-live-caption { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 9px; color: #8298b0; font-size: 8px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .lp-live-caption strong { color: #9fd4ff; } @keyframes lpHeroCardIn { from { opacity: 0; transform: translateY(24px) scale(.985); } to { opacity: 1; transform: none; } }  .lp-checkout-row { position: relative; margin: 18px auto 32px !important; padding: 0 !important; text-align: center; } .lp-checkout-cta { position: relative !important; overflow: hidden; display: inline-flex !important; width: min(100%,470px); min-height: 78px; align-items: center; justify-content: center; padding: 14px 26px !important; border: 1px solid rgba(255,226,154,.72); border-radius: 15px; color: #07111d !important; background: linear-gradient(135deg,var(--lp-gold),var(--lp-gold-2)); box-shadow: 0 20px 48px rgba(255,196,71,.18); text-align: center; text-decoration: none !important; transition: transform .28s ease; } .lp-checkout-cta::after { content: ""; position: absolute; inset: -80% auto -80% -35%; width: 24%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent); transform: translate3d(0,0,0) skewX(-18deg); transition: transform .7s ease; will-change: transform; } .lp-checkout-cta:hover { color: #07111d !important; transform: translateY(-4px); } .lp-checkout-cta:hover::after { transform: translate3d(665%,0,0) skewX(-18deg); } .lp-checkout-cta > img { display: none !important; } .lp-checkout-copy { position: relative; z-index: 2; display: block; } .lp-checkout-copy strong { display: block; color: #07111d !important; font-size: 15px; font-weight: 900; letter-spacing: .045em; } .lp-checkout-copy span { display: block; margin-top: 3px; color: #74520c; font-size: 9px; font-weight: 750; letter-spacing: .035em; } .lp-checkout-cta.lp-best-value { padding-top: 27px !important; } .lp-best-badge { position: absolute; top: 0; right: 0; left: 0; z-index: 3; padding: 5px 10px; color: #fff; background: linear-gradient(90deg,#b91f32,#e94356); font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; } .lp-product-page #portfolio .col-md-12 { float: none; max-width: 930px; margin-inline: auto; } .lp-product-page #portfolio p font[size="6"] { color: #9ed2ff !important; font-size: clamp(21px,3vw,31px) !important; font-weight: 750; letter-spacing: -.03em; } .lp-product-page #portfolio p font[size="4"] { color: #b2c2d4 !important; font-size: 14px !important; } .lp-product-page #portfolio p:has(> font[size="6"]) { margin-top: 34px !important; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.1); } .lp-product-page #portfolio .lp-price-heading { max-width: 760px; margin: 38px auto 20px !important; padding: 25px 24px !important; border: 1px solid rgba(57,169,255,.24); border-radius: 18px; background: linear-gradient(145deg,rgba(57,169,255,.1),rgba(255,255,255,.035)); box-shadow: 0 18px 45px rgba(0,0,0,.14); } .lp-product-page #portfolio .lp-special-offer { margin: 45px 0 10px !important; color: var(--lp-gold) !important; font-size: 12px !important; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; } .lp-product-page #portfolio .lp-special-offer font { color: var(--lp-gold) !important; font-size: inherit !important; } .lp-product-page #portfolio .lp-discount-line { margin: 10px 0 18px !important; } .lp-product-page #portfolio .lp-discount-line font { color: #ff7181 !important; font-size: clamp(25px,4vw,40px) !important; font-weight: 900; text-decoration: none; } .lp-product-page #portfolio .lp-spacer { min-height: 0 !important; height: 8px; margin: 0 !important; font-size: 0 !important; line-height: 0 !important; }  .lp-seo-overview { position: relative; padding: 82px 0; border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); background: radial-gradient(circle at 85% 30%,rgba(57,169,255,.11),transparent 26%),#071321; } .lp-seo-copy { max-width: 1060px; margin: auto; text-align: center; } .lp-section-label { margin: 0 0 10px; color: var(--lp-gold); font-size: 10px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .lp-seo-overview h2 { max-width: 780px; margin: 0 auto 18px; color: #fff; font-size: clamp(31px,4vw,48px); font-weight: 780; line-height: 1.12; letter-spacing: -.045em; } .lp-seo-overview h2 + p { max-width: 820px; margin: 0 auto; color: var(--lp-muted); font-size: 14px; line-height: 1.8; } .lp-seo-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; margin-top: 30px; text-align: left; } .lp-seo-grid article { padding: 21px; border: 1px solid var(--lp-line); border-radius: 16px; background: rgba(255,255,255,.045); transition: transform .3s ease,border-color .3s ease,background .3s ease; } .lp-seo-grid article:hover { transform: translateY(-5px); border-color: rgba(57,169,255,.38); background: rgba(255,255,255,.065); } .lp-seo-grid strong { display: block; margin-bottom: 7px; color: #fff; font-size: 13px; } .lp-seo-grid span { color: var(--lp-muted); font-size: 11px; line-height: 1.65; } .lp-product-page #team .style2:not(:has(img)) { display: none !important; } .lp-product-page #team .style2:empty { display: none !important; }  @media (max-width: 1190px) { .navbar-header { float: none !important; } .navbar-toggle { display: block !important; } .navbar-collapse { border-top-color: rgba(255,255,255,.1) !important; background: rgba(6,15,26,.98); } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; } .navbar-nav { float: none !important; margin: 7.5px -15px !important; } .navbar-nav > li { float: none !important; } .navbar-default .navbar-nav > li > a { height: 48px !important; padding: 5px 16px !important; line-height: 38px !important; } .navbar-default .navbar-nav > li > a::after { right: 16px; bottom: 5px; left: 16px; } .lp-ea-menu { height: auto; } .lp-ea-toggle { width: 100%; height: 48px; justify-content: space-between; padding: 0 16px; } .lp-ea-list { position: static; display: none; width: auto; margin: 0 10px 10px; border-radius: 12px; opacity: 1; transform: none; pointer-events: auto; } .lp-ea-menu.lp-open .lp-ea-list { display: block; } }  html[lang="it"] .lp-btn, html[lang="it"] .lp-ea-toggle-copy, html[lang="it"] .lp-price-details { white-space: normal; } @media (max-width: 1190px) { .lp-es-page .lang-switch { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; min-height: 48px; padding: 10px 15px; } .lp-es-page .lang-switch a { padding-inline: 4px; } .navbar-collapse .navbar-nav { display: flex !important; flex-direction: column; } .navbar-collapse.collapse.in { max-height: calc(100vh - 68px) !important; } .navbar-collapse .lang-switch { order: 10; margin: 7px 11px 3px !important; padding: 12px 13px !important; border: 1px solid rgba(57,169,255,.24); border-radius: 12px; background: rgba(57,169,255,.075); } .navbar-collapse .lang-switch::before { content: attr(data-label); display: block; flex: 0 0 100%; margin: 0 0 7px; color: var(--lp-gold); font-size: 9px; font-weight: 900; letter-spacing: .13em; } .navbar-collapse .lang-switch > a { display: inline-flex !important; width: auto !important; height: 32px !important; min-height: 32px; align-items: center; justify-content: center; padding: 0 8px !important; border: 1px solid rgba(255,255,255,.11); border-radius: 7px; color: #d8e5f1 !important; background: rgba(255,255,255,.045) !important; line-height: 32px !important; } .navbar-collapse .lang-switch > a::after, .navbar-collapse .lang-switch > span[aria-hidden="true"] { display: none !important; } .navbar-collapse .lang-switch > a[aria-current="page"] { border-color: var(--lp-blue); color: #06101c !important; background: var(--lp-blue) !important; } .navbar-collapse .lp-nav-contact { order: 20; } .navbar-collapse .lp-ea-menu { order: 30; margin-top: 5px; border-top: 1px solid rgba(255,255,255,.08); } } @media (max-width: 991px) { header .row { display: block; } header .social-icon { text-align: left; } #about .col-md-4 { margin-bottom: 18px; } #about .media { min-height: 0; } #home .col-md-offset-2.col-md-8 { width: 100% !important; } .navbar-default .navbar-nav > li > a { height: 48px !important; padding: 5px 16px !important; line-height: 38px !important; } .navbar-default .navbar-nav > li > a::after { right: 16px; bottom: 5px; left: 16px; } .navbar-collapse { border-top-color: rgba(255,255,255,.1) !important; background: rgba(6,15,26,.98); } .lp-product-page #home .row { grid-template-columns: 1fr; } .lp-hero-product { width: min(100%,620px); margin-inline: auto; } .lp-seo-grid { grid-template-columns: 1fr; } .lp-ea-menu { height: auto; } .lp-ea-toggle { width: 100%; height: 48px; justify-content: space-between; padding: 0 16px; } .lp-ea-list { position: static; display: none; width: auto; margin: 0 10px 10px; border-radius: 12px; opacity: 1; transform: none; pointer-events: auto; } .lp-ea-menu.lp-open .lp-ea-list { display: block; } .lp-install-guide ol { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 767px) { .container { width: min(100% - 26px, 1180px) !important; } header { display: none; } .templatemo-nav { top: 0 !important; position: fixed !important; } .navbar-default.templatemo-nav, .navbar-default .navbar-brand { min-height: 68px; height: 68px !important; } .navbar-default .navbar-brand { padding-left: 50px !important; font-size: 20px !important; } .navbar-default .navbar-brand::before { width: 38px; height: 38px; border-radius: 11px; } #home { min-height: 650px !important; padding: 128px 0 80px !important; } #home h2, #home h2.text-center { font-size: clamp(34px,10vw,50px) !important; } #home .element, #home .element font { height: 92px !important; font-size: 14px !important; } .lp-trust-row { display: grid; } #about, #team, #service, #portfolio, #contact { padding: 68px 0 54px !important; } #about h2, #team h2, #service h2, #portfolio h2, #contact h2 { font-size: 34px !important; } #about .row { display: block; } #service .col-md-4, #service .active { padding: 22px !important; } iframe[src*="fxblue.com"] { height: 330px !important; } body > table, #service table, #portfolio table, .container table { width: calc(100% - 16px) !important; border-spacing: 8px !important; } table td { min-width: 270px; padding: 15px !important; } .lp-scroll-top { right: 13px; bottom: 13px; } .lp-product-page #home { min-height: auto !important; padding: 116px 0 72px !important; } .lp-seo-title { font-size: clamp(38px,10vw,54px); } .lp-seo-lead { font-size: 14px; } .lp-typing-block { margin-top: 20px; } .lp-typing-label { font-size: 7px; line-height: 1.5; } .lp-typing-line { min-height: 44px; align-items: flex-start; font-size: 13px; } .lp-seo-overview { padding: 64px 0; } .lp-product-card { padding: 18px; border-radius: 21px; } .lp-product-visual { height: 245px; } .lp-product-visual img { height: 220px; } .lp-checkout-cta { width: 100%; } .lp-discount-banner { grid-template-columns: 1fr; padding: 24px 20px 0; text-align: center; } .lp-discount-copy { padding-bottom: 0; text-align: center; } .lp-discount-banner > img { max-width: 310px !important; } .lp-other-eas { margin: 56px auto 46px; padding: 0; } .lp-other-eas-grid { grid-template-columns: 1fr; } .lp-other-ea-visual { height: 245px; } .lp-other-ea-visual img { height: 225px !important; } .lp-install-guide { margin: 50px auto 28px; padding: 25px 19px; } .lp-install-guide ol { grid-template-columns: 1fr; } .lp-install-guide li { min-height: 0; } } @media (max-width: 430px) { #home { min-height: 610px !important; } #home h2, #home h2.text-center { font-size: 33px !important; } #home .btn { width: 100% !important; } .lp-product-page #home { padding-top: 118px !important; } .lp-product-card { padding: 17px; border-radius: 20px; } .lp-product-visual { height: 235px; } .lp-product-visual img { height: 210px; } .lp-product-info { align-items: start; flex-direction: column; } .lp-product-points { grid-template-columns: 1fr; } .lp-checkout-cta { width: 100%; min-height: 74px; } #about .media { padding: 21px; } h1.style2, h2.style2, .style2 { padding: 15px !important; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .lp-reveal { opacity: 1; transform: none; } } @media print { .lp-ambient, .lp-scroll-progress, .lp-scroll-top, .preloader { display: none !important; } body, #about, #team, #service, #portfolio, #contact { color: #111 !important; background: #fff !important; } } .lp-es-page { color: #e8eef5; background: #07101a; font-family: "Manrope", "Open Sans", sans-serif; }  :root { --lp-contact-bar-height: 29px; --lp-sticky-stack-height: 99px; } html { scroll-padding-top: var(--lp-sticky-stack-height); } @media (min-width: 768px) { body.lp-product-page > header { position: sticky; top: 0; z-index: 1210; background: rgba(5, 14, 23, .97); box-shadow: 0 1px 0 rgba(255, 255, 255, .07); backdrop-filter: blur(12px); min-height: 29px !important; padding: 5px 0 !important; font-size: 11px; line-height: 19px; } body.lp-product-page > .navbar-default.templatemo-nav { position: sticky !important; top: var(--lp-contact-bar-height) !important; z-index: 1200; margin-bottom: 0 !important; background: rgba(7, 20, 32, .96); box-shadow: 0 12px 30px rgba(0, 0, 0, .2); backdrop-filter: blur(14px); min-height: 58px; } body.lp-product-page > .templatemo-nav .navbar-brand { height: 58px !important; padding-left: 44px !important; font-size: 20px !important; } body.lp-product-page > .templatemo-nav .navbar-brand::before { width: 34px; height: 34px; border-radius: 10px; font-size: 10px; } body.lp-product-page > .templatemo-nav .navbar-nav > li > a { height: 58px !important; padding: 9px 11px !important; line-height: 40px !important; font-size: 10px !important; } body.lp-product-page > .templatemo-nav .navbar-nav > li > a::after { right: 11px; bottom: 8px; left: 11px; } body.lp-product-page > .templatemo-nav .lp-ea-menu, body.lp-product-page > .templatemo-nav .lp-ea-toggle { height: 58px; } body.lp-product-page > .templatemo-nav .lp-ea-toggle { padding: 0 11px; } body.lp-product-page > .templatemo-nav .lang-switch { gap: 4px; padding: 0 5px; } } .lp-es-page .navbar-brand { font-weight: 800; letter-spacing: .04em; } .lp-es-page .navbar-brand span, .lp-es-page .accent { color: #28a7e9; } .lp-es-page .lang-switch { display: flex; align-items: center; gap: 6px; padding: 18px 8px; } .lp-es-page .lang-switch a { color: #d8e2ec; font-weight: 700; } .lp-es-page .lang-switch a[aria-current] { color: #28a7e9; } .lp-es-page .lp-hero-es { min-height: 610px; display: flex; align-items: center; text-align: center; } .lp-es-page .lp-hero-es .container { padding-top: 90px; padding-bottom: 80px; } .lp-es-page .lp-hero-es h1 { color: #fff; font-size: clamp(34px, 6vw, 62px); font-weight: 800; line-height: 1.08; margin: 0 auto 18px; max-width: 980px; } .lp-es-page .lp-hero-es p { color: #d2dde7; font-size: 19px; line-height: 1.75; max-width: 850px; margin: 0 auto 28px; } .lp-es-page .lp-hero-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; } .lp-es-page .lp-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border-radius: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; transition: .2s ease; } .lp-es-page .lp-btn-primary { color: #07101a; background: #fbc10b; } .lp-es-page .lp-btn-secondary { color: #fff; border: 1px solid #28a7e9; background: rgba(40,167,233,.12); } .lp-es-page .lp-btn:hover { transform: translateY(-2px); text-decoration: none; filter: brightness(1.06); } .lp-es-page .lp-section { padding: 84px 0; } .lp-es-page .lp-section-dark { background: #091521; } .lp-es-page .lp-section-blue { background: linear-gradient(135deg,#081521,#0d2435); } .lp-es-page .lp-kicker { color: #fbc10b; font-size: 13px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; text-align: center; } .lp-es-page .lp-section-title { color: #fff; font-size: clamp(30px,4vw,44px); line-height: 1.15; font-weight: 800; text-align: center; margin: 10px auto 18px; max-width: 900px; } .lp-es-page .lp-section-intro { color: #bdcad6; max-width: 850px; margin: 0 auto 38px; text-align: center; font-size: 17px; line-height: 1.8; } .lp-es-page .lp-grid { display: grid; gap: 22px; } .lp-es-page .lp-grid-3 { grid-template-columns: repeat(3,minmax(0,1fr)); } .lp-es-page .lp-grid-2 { grid-template-columns: repeat(2,minmax(0,1fr)); } .lp-es-page .lp-card { height: 100%; padding: 28px; border: 1px solid rgba(255,255,255,.10); border-radius: 14px; background: rgba(255,255,255,.045); box-shadow: 0 16px 42px rgba(0,0,0,.17); } .lp-es-page .lp-card h3 { color: #fff; font-size: 22px; margin-top: 0; } .lp-es-page .lp-card p, .lp-es-page .lp-card li { color: #bdcad6; font-size: 15px; line-height: 1.75; } .lp-es-page .lp-card ul { padding-left: 20px; margin-bottom: 0; } .lp-es-page .lp-long-copy { max-width: 940px; margin: 0 auto; } .lp-es-page .lp-long-copy h3 { color: #fff; font-size: 25px; margin: 34px 0 12px; } .lp-es-page .lp-long-copy p { color: #bdcad6; font-size: 16px; line-height: 1.85; margin: 0 0 18px; } .lp-es-page .lp-long-copy strong { color: #f1f6fa; } .lp-es-page .lp-checklist { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 24px; margin: 26px 0; padding: 0; list-style: none; } .lp-es-page .lp-checklist li { position: relative; color: #c5d2dd; line-height: 1.7; padding: 13px 14px 13px 42px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(255,255,255,.03); } .lp-es-page .lp-checklist li::before { content: "✓"; position: absolute; left: 15px; top: 12px; color: #fbc10b; font-weight: 900; } .lp-es-page .lp-price-details { color: #aebdca; font-size: 14px; line-height: 1.7; min-height: 72px; } .lp-es-page .lp-disclaimer { max-width: 1000px; margin: 0 auto; text-align: left; } .lp-es-page .lp-disclaimer h2 { color: #fff; font-size: 22px; } .lp-es-page .lp-disclaimer p { margin-bottom: 14px; } .lp-es-page .lp-specs { margin-top: -46px; position: relative; z-index: 3; } .lp-es-page .lp-spec { text-align: center; } .lp-es-page .lp-spec strong { display: block; color: #28a7e9; font-size: 21px; margin-bottom: 5px; } .lp-es-page .lp-product-card { display: flex; flex-direction: column; align-items: center; text-align: center; } .lp-es-page .lp-product-card img.lp-box { width: auto; max-width: 100%; height: 260px; object-fit: contain; margin-bottom: 15px; } .lp-es-page .lp-fxblue-banner { max-width: 100%; min-height: 50px; height: auto; margin: 6px auto 18px; } .lp-es-page .lp-evidence { align-items: center; } .lp-es-page .lp-backtest-preview { width: 100%; max-width: 780px; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; background: #fff; } .lp-es-page .lp-evidence-copy { text-align: left; } .lp-es-page .lp-evidence-copy h3 { color: #fff; } .lp-es-page .lp-evidence-copy p { color: #bdcad6; line-height: 1.75; }  .lp-chart[aria-busy="true"] { background: linear-gradient(110deg, rgba(57,169,255,.08), rgba(255,196,71,.06)), rgba(6,17,29,.94); } .lp-es-page .lp-chart { width: 100%; height: 390px; border: 0; border-radius: 10px; background: #fff; } .lp-es-page .lp-price { text-align: center; position: relative; } .lp-es-page .lp-price .lp-price-value { color: #fbc10b; font-size: 42px; font-weight: 800; } .lp-es-page .lp-price .lp-lifetime { color: #8da3b6; margin-top: -7px; } .lp-es-page .lp-price.featured { border-color: #28a7e9; box-shadow: 0 18px 48px rgba(40,167,233,.15); } .lp-es-page .lp-badge { display: inline-block; color: #07101a; background: #fbc10b; border-radius: 999px; padding: 5px 11px; font-size: 12px; font-weight: 800; margin-bottom: 12px; } .lp-es-page .lp-install { counter-reset: lpstep; } .lp-es-page .lp-install article { position: relative; padding-left: 72px; } .lp-es-page .lp-install article::before { counter-increment: lpstep; content: counter(lpstep); position: absolute; left: 22px; top: 24px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: #07101a; background: #fbc10b; font-weight: 800; } .lp-es-page details { border-bottom: 1px solid rgba(255,255,255,.11); padding: 18px 0; } .lp-es-page summary { cursor: pointer; color: #fff; font-weight: 750; font-size: 17px; } .lp-es-page details p { color: #bdcad6; line-height: 1.75; margin: 12px 0 0; } .lp-es-page .lp-contact { text-align: center; } .lp-es-page .lp-contact a { color: #28a7e9; } .lp-es-page .lp-footer { padding: 40px 0; color: #8ea1b3; background: #050b11; font-size: 12px; line-height: 1.65; text-align: center; } .lp-es-page .lp-footer a { color: #28a7e9; } .lp-es-page .navbar-nav > li > a { white-space: nowrap; } .lp-es-page img { max-width: 100%; }  .lp-ja-page { font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-break: strict; overflow-wrap: anywhere; } .lp-ja-page .lp-hero-es h1 { max-width: 1040px; font-size: clamp(32px, 5vw, 54px); letter-spacing: .01em; } .lp-ja-page .lp-section-title, .lp-ja-page .lp-card h3, .lp-ja-page summary { letter-spacing: .01em; } .lp-ja-page .lp-btn { text-transform: none; } @media (max-width: 991px) { .lp-es-page .lp-grid-3 { grid-template-columns: 1fr; } .lp-es-page .lp-grid-2 { grid-template-columns: 1fr; } .lp-es-page .lp-specs { margin-top: 0; padding-top: 30px; } .lp-es-page .lang-switch { padding: 10px 15px; } .lp-es-page .lp-checklist { grid-template-columns: 1fr; } } @media (max-width: 767px) { .lp-es-page .lp-hero-es { min-height: 540px; } .lp-es-page .lp-hero-es .container { padding-top: 64px; } .lp-es-page .lp-section { padding: 62px 0; } .lp-es-page .lp-card { padding: 22px; } .lp-es-page .lp-chart { height: 310px; } .lp-es-page .lp-btn { width: 100%; } .lp-es-page .lp-install article { padding-left: 60px; } .lp-es-page .lp-install article::before { left: 15px; } }  body.lp-home-page #home.lp-hero-es { --lp-hero-parallax: 0px; isolation: isolate; background-image: linear-gradient(110deg, rgba(3, 10, 18, .76) 2%, rgba(4, 17, 29, .52) 51%, rgba(2, 9, 16, .34) 100%), url('../images/home-bg.webp') !important; background-position: center calc(50% + var(--lp-hero-parallax)) !important; background-size: cover !important; box-shadow: inset 0 -90px 110px rgba(3, 10, 18, .48); will-change: background-position; } body.lp-home-page #home.lp-hero-es::before { z-index: 0; opacity: .72; background: radial-gradient(circle at 74% 27%, rgba(57, 169, 255, .23), transparent 27%), radial-gradient(circle at 18% 78%, rgba(255, 196, 71, .11), transparent 28%); animation: lpHeroLightDrift 18s ease-in-out infinite alternate; } body.lp-home-page #home.lp-hero-es::after { z-index: 0; opacity: .72; animation: lpHeroRings 22s ease-in-out infinite alternate; } body.lp-home-page #home.lp-hero-es .container { position: relative; z-index: 2; } body.lp-home-page #home.lp-hero-es h1, body.lp-home-page #home.lp-hero-es > .container > p { text-shadow: 0 3px 26px rgba(0, 0, 0, .72), 0 1px 3px rgba(0, 0, 0, .9); } body.lp-home-page #home.lp-hero-es .lp-kicker, body.lp-home-page #home.lp-hero-es .container > p:not(.lp-kicker), body.lp-home-page #home.lp-hero-es .lp-hero-actions { animation: lpHeroContentIn .9s cubic-bezier(.2, .72, .2, 1) both; } body.lp-home-page #home.lp-hero-es h1 { opacity: 1; transform: none; animation: none; } body.lp-home-page #home.lp-hero-es .container > p:not(.lp-kicker) { animation-delay: .2s; } body.lp-home-page #home.lp-hero-es .lp-hero-actions { animation-delay: .3s; }  body.lp-motion-page #home.lp-hero-es .lp-typing-block { position: relative; overflow: hidden; width: min(100%, 900px); min-height: 94px; margin: -3px auto 26px; padding: 12px 20px 13px; border: 1px solid rgba(89, 184, 255, .28); border-radius: 13px; background: linear-gradient(105deg, rgba(5, 18, 31, .78), rgba(8, 32, 53, .57), rgba(5, 18, 31, .76)); box-shadow: 0 16px 45px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .045); text-align: center; backdrop-filter: blur(10px); animation: lpHeroContentIn .9s .26s cubic-bezier(.2, .72, .2, 1) both; } body.lp-motion-page #home.lp-hero-es .lp-typing-block::before { content: ""; position: absolute; inset: 0 auto 0 -34%; width: 30%; background: linear-gradient(90deg, transparent, rgba(88, 188, 255, .1), rgba(255, 210, 116, .08), transparent); transform: translate3d(0, 0, 0) skewX(-18deg); will-change: transform, opacity; animation: lpTypingRibbonGlow 9s ease-in-out infinite; pointer-events: none; } body.lp-motion-page #home.lp-hero-es .lp-typing-label, body.lp-motion-page #home.lp-hero-es .lp-typing-line { position: relative; z-index: 1; } body.lp-motion-page #home.lp-hero-es .lp-typing-label { margin-bottom: 5px; color: #ffc447; font-size: 9px; letter-spacing: .16em; } body.lp-motion-page #home.lp-hero-es .lp-typing-line { min-height: 48px; align-items: flex-start; justify-content: center; color: #e4f2ff; font-size: 15px; font-weight: 650; line-height: 1.6; text-shadow: 0 2px 16px rgba(0, 0, 0, .66); } body.lp-motion-page #home.lp-hero-es .lp-typing-line i { flex: 0 0 2px; background: #55b9ff; box-shadow: 0 0 12px rgba(57, 169, 255, .72); } .lp-market-waves { position: absolute; inset: 16% -8% 0; z-index: 1; overflow: hidden; pointer-events: none; opacity: .56; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 22%, #000 76%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 22%, #000 76%, transparent 100%); } .lp-market-wave { position: absolute; left: -8%; width: 116%; height: 240px; border-top: 1px solid rgba(91, 188, 255, .64); border-radius: 50%; filter: drop-shadow(0 0 8px rgba(57, 169, 255, .22)); transform: rotate(-5deg); animation: lpMarketWave 20s ease-in-out infinite alternate; } .lp-market-wave:nth-child(1) { top: 34%; opacity: .44; } .lp-market-wave:nth-child(2) { top: 45%; opacity: .72; animation-delay: -5s; animation-duration: 24s; } .lp-market-wave:nth-child(3) { top: 57%; border-color: rgba(255, 206, 103, .52); opacity: .58; animation-delay: -10s; animation-duration: 27s; } .lp-market-wave:nth-child(4) { top: 69%; opacity: .34; animation-delay: -14s; animation-duration: 31s; } body.lp-home-page .lp-section, body.lp-home-page .lp-specs { position: relative; overflow: hidden; } body.lp-home-page .lp-section::before { content: ""; position: absolute; top: 0; left: -20%; width: 140%; height: 1px; background: linear-gradient(90deg, transparent 8%, rgba(63, 175, 255, .34), rgba(255, 196, 71, .22), transparent 92%); transform: translateX(-8%); animation: lpSectionLine 16s ease-in-out infinite alternate; pointer-events: none; } body.lp-home-page .lp-card { transition: transform .48s cubic-bezier(.2, .72, .2, 1), border-color .48s ease, box-shadow .48s ease, background-color .48s ease; } body.lp-home-page .lp-card:hover { transform: translateY(-6px); border-color: rgba(57, 169, 255, .34); background-color: rgba(255, 255, 255, .06); box-shadow: 0 25px 62px rgba(0, 0, 0, .27), 0 0 0 1px rgba(57, 169, 255, .04); } body.lp-home-page .lp-price.featured:hover { border-color: rgba(57, 169, 255, .64); } body.lp-home-page .lp-btn { transition: transform .34s cubic-bezier(.2, .72, .2, 1), box-shadow .34s ease, filter .34s ease, border-color .34s ease; } body.lp-home-page .lp-btn:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(0, 0, 0, .22); } body.lp-home-page .lp-btn-primary:hover { box-shadow: 0 18px 42px rgba(255, 193, 11, .2); } body.lp-home-page .lp-btn-secondary:hover { box-shadow: 0 18px 42px rgba(40, 167, 233, .18); } body.lp-home-page .lp-reveal { transform: translateY(30px); transition-duration: .82s; transition-timing-function: cubic-bezier(.2, .72, .2, 1); } body.lp-home-page .lp-reveal.lp-visible { transform: translateY(0); } body.lp-home-page details { transition: border-color .3s ease, background-color .3s ease, padding-inline .3s ease; } body.lp-home-page details:hover { padding-inline: 12px; border-color: rgba(57, 169, 255, .3); background: rgba(57, 169, 255, .025); } @keyframes lpHeroContentIn { from { opacity: 0; transform: translate3d(0, 22px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes lpHeroLightDrift { from { transform: translate3d(-1.2%, 0, 0) scale(1); } to { transform: translate3d(1.2%, -1%, 0) scale(1.035); } } @keyframes lpHeroRings { from { transform: translate3d(-1.5%, 1%, 0) scale(.98); } to { transform: translate3d(1.5%, -1%, 0) scale(1.04); } } @keyframes lpMarketWave { from { transform: translate3d(-1.4%, 0, 0) rotate(-5deg) scaleX(1.01); } to { transform: translate3d(1.4%, -10px, 0) rotate(-4deg) scaleX(.99); } } @keyframes lpSectionLine { from { transform: translateX(-8%); opacity: .38; } to { transform: translateX(8%); opacity: .8; } } @keyframes lpTypingRibbonGlow { 0%, 18% { transform: translate3d(0, 0, 0) skewX(-18deg); opacity: 0; } 34% { opacity: .78; } 58% { transform: translate3d(480%, 0, 0) skewX(-18deg); opacity: 0; } 100% { transform: translate3d(480%, 0, 0) skewX(-18deg); opacity: 0; } } @media (max-width: 767px) { body.lp-home-page #home.lp-hero-es { background-position: 61% center !important; box-shadow: inset 0 -70px 90px rgba(3, 10, 18, .5); } .lp-market-waves { inset-inline: -28%; opacity: .42; } .lp-market-wave { width: 150%; } body.lp-motion-page #home.lp-hero-es .lp-typing-block { min-height: 124px; margin-top: 0; padding: 12px 14px; } body.lp-motion-page #home.lp-hero-es .lp-typing-line { min-height: 72px; align-items: flex-start; font-size: 13px; line-height: 1.55; } } @media (prefers-reduced-motion: reduce) { body.lp-home-page #home.lp-hero-es { background-position: center !important; } body.lp-home-page #home.lp-hero-es::before, body.lp-home-page #home.lp-hero-es::after, .lp-market-wave, body.lp-home-page .lp-section::before, body.lp-motion-page #home.lp-hero-es .lp-typing-block::before { animation: none !important; } body.lp-home-page .lp-reveal { opacity: 1; transform: none; } }  .lp-ea-list a.lp-active-version::after { content: "✓ " attr(data-current-label); } .lang-switch { flex-wrap: wrap; } .lang-switch > a { white-space: nowrap; } .lp-section-title, .lp-card, .lp-long-copy, .lp-disclaimer, .lp-guide-copy, .lp-guide-heading, .lp-guide-step { min-width: 0; overflow-wrap: anywhere; } .lp-report-numeric { direction: ltr; unicode-bidi: isolate; } @media (min-width: 1191px) { .navbar-default.templatemo-nav > .container { display: flex; align-items: center; gap: 18px; } .navbar-default.templatemo-nav .navbar-header { flex: 0 0 auto; } .navbar-default.templatemo-nav .navbar-collapse { flex: 1; min-width: 0; padding: 0; } .navbar-default.templatemo-nav .navbar-collapse .navbar-nav { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; float: none !important; margin: 0; } .navbar-default.templatemo-nav .navbar-collapse .navbar-nav > li { float: none; } .navbar-default.templatemo-nav .navbar-collapse .navbar-nav > li > a { padding-inline: 9px !important; } .navbar-default.templatemo-nav .navbar-collapse .lang-switch { gap: 4px; padding: 0 4px; } .navbar-default.templatemo-nav .navbar-collapse .lang-switch > a { height: 32px !important; min-height: 32px; padding: 0 4px !important; line-height: 32px !important; } } @media (max-width: 1190px) { .navbar-collapse .lang-switch > a { min-width: 38px; } }  .lp-scroll-top { z-index: 1250; font-size: 23px; line-height: 1; text-decoration: none !important; touch-action: manipulation; } .lp-scroll-top:hover, .lp-scroll-top:focus { color: #07111d; } .lp-scroll-top:focus-visible { outline: 3px solid #39a9ff; outline-offset: 3px; } body.lp-menu-open .lp-scroll-top { visibility: hidden; } .lp-scroll-progress { width: 100%; transform: scaleX(0); transform-origin: left center; transition: transform .08s linear; } html[dir="rtl"] .lp-scroll-progress { transform-origin: right center; } body.lp-es-page .lp-checkout-cta { transition: transform .28s ease; } body.lp-motion-page #home.lp-hero-es .lp-typing-slot { min-height: 94px; margin: -3px auto 26px; } @media (max-width: 1190px) { .templatemo-nav > .container { position: relative; } .templatemo-nav .navbar-collapse { position: absolute; top: 100%; left: 0; right: 0; margin-inline: 0 !important; } .templatemo-nav .navbar-collapse.collapse.in { max-height: calc(100vh - var(--lp-sticky-stack-height, 99px)) !important; } } @media (min-width: 768px) and (max-width: 1190px) { body > .navbar-default.templatemo-nav { position: sticky !important; top: 0 !important; z-index: 1200; height: 76px; } body.lp-product-page > .navbar-default.templatemo-nav { top: var(--lp-contact-bar-height) !important; height: 58px; } } @media (max-width: 767px) { .lp-scroll-top { bottom: max(14px, calc(env(safe-area-inset-bottom, 0px) + 8px)); } body.lp-motion-page #home.lp-hero-es .lp-typing-slot { min-height: 124px; margin-top: 0; } }