/*! xpub.ro v4.0 | CSS General v1.0 | x.css code / design / copyright: C. Richard Dorin (dodo@xpub.ro) Released under the CRD License CC BY-NC-SA 4.0 DEED */ @charset "utf-8";@import url("/x/boot.css"); @font-face{font-family:'FiraS';font-weight:300;font-display:swap;src:url(/x/fs300.woff2) format('woff2')} @font-face{font-family:'FiraS';font-weight:300;font-display:swap;src:url(/x/fs300ro.woff2) format('woff2')} @font-face{font-family:'FiraS';font-weight:400;font-display:swap;src:url(/x/fs400.woff2) format('woff2')} @font-face{font-family:'FiraS';font-weight:400;font-display:swap;src:url(/x/fs400ro.woff2) format('woff2')} @font-face{font-family:'FiraS';font-weight:800;font-display:swap;src:url(/x/fs800.woff2) format('woff2')} @font-face{font-family:'FiraS';font-weight:800;font-display:swap;src:url(/x/fs800ro.woff2) format('woff2')} @font-face{font-family:'FiraSC';font-weight:800;font-display:swap;src:url(/x/fsC.woff2) format('woff2')} @font-face{font-family:'FiraSC';font-weight:800;font-display:swap;src:url(/x/fsCro.woff2) format('woff2')} :root{--fbd:'FiraS',sans-serif;--fhd:'FiraSC',sans-serif; --fsb:1.2rem;--fwb:400;--fst:800; --alb:#dedede;--blk:#000; --blu:#0032ff; --ngr:#111; --bg:#f0f0f0; --red:#900; --gri:#ccc; --666:#666; --veg:#082; --umbra:0 0 20px 5px rgb(0 0 0 / 10%); --slider-arrow-bg: rgba(255, 255, 255, 0.2); --umbra2: 0 0 15px rgba(0, 0, 0, 0.17); --transition: all .5s ease-in-out; --transition2: all .3s ease-in-out; --border-info-color: rgba(0, 0, 0, 0.08); --border-info-color2: rgba(0, 0, 0, 0.05); --border-white-color: rgba(255, 255, 255, 0.08); --border-white-color2: rgba(255, 255, 255, 0.05); --footer-bg: #151515; --footer-bg2: #101010; } /*! xpub.ro v4.0 | CSS Reset v1.0 | x.css */ html{line-height:1.15;-webkit-text-size-adjust:100%} body{margin:0} main{display:block} h1{font-size:2em;margin:0.67em 0} hr{box-sizing:content-box;height:0;overflow:visible} pre{font-family:monospace, monospace;font-size:1em} a{background-color:transparent} abbr[title]{border-bottom:none;text-decoration:underline; text-decoration:underline dotted} b,strong{font-weight:bolder} code,kbd,samp{font-family:monospace, monospace;font-size:1em} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-0.25em} sup{top:-0.5em} img{border-style:none} button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0} button,input{overflow:visible} button,select{text-transform:none} button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText} fieldset{padding:0.35em 0.75em 0.625em} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{vertical-align:baseline} textarea{overflow:auto} [type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto} [type="search"]{-webkit-appearance:textfield;outline-offset:-2px} [type="search"]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} details{display:block} summary{display:list-item} template{display:none} [hidden]{display:none} audio,canvas,iframe,img,svg,video{vertical-align:middle} fieldset{border:0;margin:0;padding:0} /* /CSS Reset */ *,*::after,*::before{box-sizing:border-box} *::-moz-selection{background:var(--ngr);color:var(--alb)}::selection{background:var(--ngr);color:var(--alb)} html,body{overflow-x:hidden;margin:0;padding:0} body{color:var(--alb);font-family:var(--fbd);font-size:var(--fsb);letter-spacing:0;background:var(--ngr);word-wrap:break-word;line-height:1.6;font-weight:400} p{margin:0} ul{list-style-type:none;margin:0;padding:0} li{margin:0;padding:0} h1,h2,h3,h4,h6{color:var(--alb);font-family:var(--fhd);line-height:1.2;margin:0;padding:0} h1{font-size:30px} h2{font-size:36px} h3{font-size:30px} h4{font-size:24px} h5{color:var(--alb);font-family:var(--fbd);font-weight:300;font-size:20px;line-height:1.2;margin:0;padding:0} h6{font-size:18px} .clearfix::after,.clearfix::before{content:'';clear:both;display:table} ::-webkit-input-placeholder{color:var(--gri)} :-moz-placeholder{color:var(--gri);opacity:1} ::-moz-placeholder{color:var(--gri);opacity:1} :-ms-input-placeholder{color:var(--gri)} ::-ms-input-placeholder{color:var(--gri)} ::placeholder{color:var(--gri)} .cnt{width:100%;max-width:1660px;margin:0 auto} .extra_cnt{width:100%;max-width:1320px;margin:0 auto;position:relative} img{max-width:100%;height:auto;vertical-align:middle} code,kbd,samp{font-family:monospace;font-size:1rem;color:var(--blu)} .sm_svg{width:20px;height:20px;fill:currentColor} #preloader{position:fixed;left:0;top:0;height:100vh;width:100%;z-index:99999;display:flex} #preloader:before,#preloader:after{content:'';position:absolute;left:0;top:0;width:50%;height:100%;z-index:-1;background-color:var(--blk);-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s} #preloader:after{left:auto;right:0} #preloader .loader_line{margin:auto;width:1px;height:250px;position:relative;overflow:hidden;-webkit-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;transition:all .8s ease 0s} .loader_line:before{content:'';position:absolute;left:0;top:50%;width:1px;height:0%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--alb);-webkit-animation:lineheight 1000ms ease-in-out 0s forwards;-o-animation:lineheight 1000ms ease-in-out 0s forwards;animation:lineheight 1000ms ease-in-out 0s forwards} .loader_line:after{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background-color:#999;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);-webkit-animation:lineround 1200ms linear 0s infinite;-o-animation:lineround 1200ms linear 0s infinite;animation:lineround 1200ms linear 0s infinite;animation-delay:2000ms} @keyframes lineheight{0%{height:0%}100%{height:100%}} @keyframes lineround{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(200%);-ms-transform:translateY(200%);-o-transform:translateY(200%);transform:translateY(200%)}} .preloaded .loader_line:after{opacity:0} .preloaded .loader_line{opacity:0;height:100%!important} .preloaded:before,.preloaded:after{-webkit-animation:preloadedzero 300ms ease-in-out 500ms forwards;-o-animation:preloadedzero 300ms ease-in-out 500ms forwards;animation:preloadedzero 300ms ease-in-out 500ms forwards} .t2{padding-top:2em} hr{background:-webkit-linear-gradient(left,transparent,#666,transparent);background:linear-gradient(to right,transparent,#666,transparent);border:0;height:1px;margin:1em 0} strong{font-weight:var(--fst)} .cen{text-align:center} .acc img:hover{filter:invert(0.5)} .jos, jos a{font: 300 15px/20px var(--fbd);color:var(--gri)} .jos a{color:var(--gri);text-decoration:underline dotted;text-underline-offset:.3rem;} .jos a:hover{color:var(--blu);text-decoration:underline;} .mnjos a{border-left:1px solid var(--gri);padding:0 1em} .mnjos a:first-child{border:0} .pb2{padding-bottom:2em} .mnjosS{padding:0 1em} .xw{max-width:1200px;margin:0 auto;padding:10em 1em 2em 1em;text-align:center;color:var(--alb)} .xbt a{display:inline-block;background-color:var(--gri);text-align:center;line-height:1;padding:10px 15px;border-radius:10px;color:var(--ngr);font-size:18px;font-weight:800;text-decoration:none;} .xbt a:hover{background:var(--alb)} .xbt img{width:20px} .xth{max-width:1200px;margin:0 auto;font-size:0.9em;font-weight:300;color:var(--gri);padding:1em} .xceas{font-size:0.9em;font-weight:300;color:var(--gri);} .xbd{background:var(--ngr);max-width:1200px;margin:0 auto;padding:0 1em} .pr1{padding-right:1em;margin-right:1em;border-right:1px solid var(--666)} .dodo{max-width:100px;float:left;padding-right:1em;margin-right:1em;border-right:1px solid var(--666);} .xscd{display:flex;align-items:start;justify-content:space-between;margin-bottom:1em} .xstg{width:15%;font-weight:300;color:var(--gri)} .xcen{width:65%} .xdrp{width:15%;text-align:right} .x20{width:20%;font-weight:300;color:var(--gri)} .x20s{width:100%;display:flex;gap:1rem} .x80{width:80%;font-weight:300;} .xscd .xcen p{} .xscd .scroll{display:flex;justify-content:right;position:relative} .xscd .scroll a{display:flex;align-items:center;justify-content:center;width:135px;height:135px;background-image:url(/x/scroll.png);background-repeat:no-repeat;background-size:cover;background-position:center;animation:10s linear infinite rotate} @keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} .xscd .scroll .sm_svg{width:30px;height:30px;color:var(--gri);position:absolute;top:50%;transform:translateY(-50%);right:52px;pointer-events:none} .rpp{float:left;padding-right:1em;margin-right:1em;border-right:1px solid var(--666);} .acc1{font-family:var(--fhd);font-size:20px} .rpp-ic{float:left;padding-right:1em;fill:#059;} @media(max-width:800px){.t2{padding-top:0} .xw{max-width:800px;margin:0 auto;padding-top:5em;text-align:center;} .josS{text-align:center;padding-top:1em} .asc{visibility:hidden} .xscd{flex-direction:column}.xscd .xstg,.x20{width:100%;margin-bottom:20px}.xscd .xcen,.x80{width:100%}.xscd .xcen p,.x80 p{text-indent:0!important;text-align:left}.xscd .xdrp{width:100%;text-align:left;margin-top:30px}.xscd .scroll{display:inline-block} } @keyframes preloadedzero{0%{width:50%}100%{width:0%}} .overlay_el,.overlay_content{position:relative} .overlay_bg,.overlay_img,.overlay_color{position:absolute;top:0;right:0;bottom:0;left:0} .overlay_img{background-position:center;background-repeat:no-repeat;background-size:cover} .overlay_bg,.overlay_img{z-index:1} .overlay_color,.overlay_content{z-index:2} .xpub_sm_full_link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5} .stroke_text{color:transparent;-webkit-text-stroke:1px var(--alb)} .stroke_text_bolder{color:transparent;-webkit-text-stroke:2px var(--alb)} .xpub_sa_mobile_menu{width:100%;height:auto;position:fixed;top:0;left:0;display:none;z-index:10;} .xpub_sa_mobile_menu .mobile_menu_inner{width:100%;height:auto;clear:both;background-color:var(--blk);border-bottom:1px solid rgba(255,255,255,.2);padding:10px 20px} .xpub_sa_mobile_menu .mobile_in{width:100%;height:auto;clear:both;display:flex;align-items:center;justify-content:space-between} .xpub_sa_mobile_menu .mobile_in .logo img{max-width:90px;max-height:70px} .xpub_sa_mobile_menu .trigger{line-height:0} .xpub_sa_mobile_menu .dropdown{width:100%;height:auto;clear:both;background-color:var(--blk);display:none} .xpub_sa_mobile_menu .dropdown .dropdown_inner{width:100%;height:auto;clear:both;padding:20px} .xpub_sa_mobile_menu .dropdown .dropdown_inner>ul{margin:0;list-style-type:none} .xpub_sa_mobile_menu .dropdown .dropdown_inner>ul>li{margin:0;width:100%} .xpub_sa_mobile_menu .dropdown .dropdown_inner>ul>li a{text-decoration:none;color:var(--alb);display:inline-block;padding:0;font-weight:800} .xpub_sa_mobile_menu .dropdown .dropdown_inner>ul>li a.active{color:var(--gri)} .xpub_sa_mobile_menu .hamburger-box{width:30px} .xpub_sa_mobile_menu .hamburger{padding:0} .xpub_sa_mobile_menu .hamburger-inner,.xpub_sa_mobile_menu .hamburger-inner:after,.xpub_sa_mobile_menu .hamburger-inner:before{background-color:var(--alb)!important;height:2px} .xpub-sus{position:fixed;top:0;left:0;right:0;z-index:99;overflow:hidden;transform:translateY(0%);} .xpub-sus .overlay_bg:after{position:absolute;content:"";width:100%;height:100%;background-color:var(--ngr);border-bottom-left-radius:40px;border-bottom-right-radius:40px;z-index:1;transition:all .3s ease} .xpub-sus.opened .overlay_bg:after,.xpub-sus.opened .overlay_bg:before{border-radius:0} .xpub-sus .overlay_bg:before{position:absolute;content:"";width:100%;height:100%;background-image:url(../img/pattern.png);background-repeat:repeat;opacity:.3;border-bottom-left-radius:40px;border-bottom-right-radius:40px;z-index:2;transition:all .3s ease} .xpub-sus .overlay_content{display:flex;justify-content:space-between;border-bottom:1px solid #343434;border-bottom-left-radius:40px;border-bottom-right-radius:40px;padding:25px 75px;align-items:center;transition:all .3s ease} .xpub-sus .opened .overlay_content{padding:15px 75px;border-radius:0} .xpub-sus .logo{display:flex;align-items:center;justify-content:center;padding-right:20px;position:relative} .xpub-sus .logo:before{position:absolute;content:"";background-color:#343434;width:1px;top:-1000px;bottom:-1000px;right:0} .xpub-sus .logo img{max-width:200px;max-height:60px} .xpub-sus ul{display:flex} .xpub-sus .menu a{font-family:var(--fhd);color:var(--alb);background:var(--blk);border-radius:10px 10px 10px 0;padding:10px 15px;text-decoration:none} .xpub-sus .menu li.current a,.xpub-sus .menu a.active,.xpub-sus .menu a:hover{color:var(--alb);background:var(--blu);border-radius:10px 10px 10px 0} .xpub-sus .button{padding-left:20px;position:relative} .xpub-sus .button:before{position:absolute;content:"";background-color:#343434;width:1px;top:-1000px;bottom:-1000px;left:0} .xpub-sus .button img{width:20px;transform:rotate(180deg)} .xpub-sus .button a{display:inline-block;background-color:var(--gri);text-align:center;line-height:1;padding:10px 20px;border-radius:10px;color:var(--ngr);font-size:16px;font-weight:800;text-decoration:none;} .xpub-sus .button a:hover{background-color:var(--alb)} .xpub-her{margin-top:110px} .xpub-her .hero_text{display:flex;justify-content:space-between;padding:110px 0} .xpub-her .hero_text .left{width:50%;display:block} .xpub-her .inline_text{display:inline-block;position:relative} .xpub-her .arrow{position:absolute;top:50%;transform:translateY(-50%);left:100%;height:2px;background-color:var(--gri);margin-left:45px} .xpub-her .up{display:inline-block;width:50px;height:50px;border:2px solid var(--gri);border-radius:50%;position:absolute;right:-25px;bottom:-1px} .xpub-her .down{display:inline-block;width:50px;height:50px;border:2px solid var(--gri);border-radius:50%;position:absolute;right:-25px;top:-1px} .xpub-her .wing{width:25px;height:25px;position:relative;overflow:hidden} .xpub-her .wings{position:absolute;right:0;top:-24px} .xpub-her .hero_text .left h3{font-family:var(--fbd);font-size:120px;font-weight:500;line-height:1} .xpub-her .hero_text .right{width:50%;text-align:right;margin-top:120px} .xpub-her .hero_text .right{width:50%;text-align:right;margin-top:120px;display:block} .xpub-her .hero_info_area .left{width:30%;padding-right:150px} .xpub-her .hero_text .right h3{font-family:var(--fbd);font-size:120px;font-weight:500;line-height:1} .xpub-her .hero_scroll_title{display:flex;align-items:center;margin-bottom:53px} .xpub-her .hero_scroll_title span{color:var(--alb);font-size:18px;font-weight:500;text-transform:uppercase} .xpub-her .sm_svg.bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;position:relative;top:2px} @-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}60%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}} @keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}60%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}} .xpub-her .overlay_el{border-radius:40px} .xpub-her .overlay_bg:after{position:absolute;content:"";width:100%;height:100%;background-color:var(--ngr);border-bottom-left-radius:40px;border-bottom-right-radius:40px;z-index:1;border-radius:40px} .xpub-her .overlay_bg:before{position:absolute;content:"";width:100%;height:100%;background-image:url(../img/pattern.png);background-repeat:repeat;opacity:.3;border-bottom-left-radius:40px;border-bottom-right-radius:40px;z-index:2;border-radius:40px} .xpub-her .overlay_color{background:var(--blk);border-radius:40px;opacity:.3} .xpub-her .hero_info_area{display:flex;padding:60px} .xpub-her .left .info_list{margin-bottom:130px} .xpub-her .left .info_list:last-child{margin-bottom:0} .xpub-her .info_list img{margin-bottom:30px} .xpub-her .info_list h3{font-size:26px;text-transform:capitalize;margin-bottom:20px} .xpub-her .center{width:40%} .xpub-her .center span{width:100%;display:flex;justify-content:center;background-color:var(--ngr);border-radius:40px;overflow:hidden} .xpub-her .hero_info_area .right{width:30%;text-align:right;padding-left:150px} .xpub-her .right .info_list{margin-bottom:130px} .xpub-her .right .info_list:last-child{margin-bottom:0} .xpub-her .right .info_list:last-child h3{margin-bottom:28px} .xpub-her .right ul{display:flex;justify-content:center;margin-left:-12px} .xpub-her .right li{padding-left:12px} .xpub-her .right .social a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--alb);border-radius:4px;} .xpub-her .right .social a:hover{background-color:var(--gri)} .xpub-her .right .sm_svg{margin:0;color:var(--blk)} .xpub_sm_about{padding:110px 0 0 0} .xpub_sm_main_title{display:flex;align-items:start;justify-content:space-between;border-top:1px solid var(--666);margin-bottom:56px;padding-top:60px} .xpub_sm_main_title .left{width:15%} .xpub_sm_main_title .center{width:65%} .xpub_sm_main_title .right{width:15%;text-align:right} .xpub_sm_main_title .scroll{display:flex;justify-content:right;position:relative} .xpub_sm_main_title .scroll a{display:flex;align-items:center;justify-content:center;width:135px;height:135px;background-image:url(/x/scroll.png);background-repeat:no-repeat;background-size:cover;background-position:center;animation:10s linear infinite rotate} @keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} .xpub_sm_main_title .scroll .sm_svg{width:30px;height:30px;color:var(--gri);position:absolute;top:50%;transform:translateY(-50%);right:52px;pointer-events:none} .xpub_sm_main_title .left span{color:var(--alb);font-weight:600;text-transform:uppercase} .xpub_sm_main_title .right span{font-weight:600;text-transform:uppercase} .xpub_sm_main_title .right a{color:var(--alb);font-weight:600;text-transform:uppercase;text-decoration:none;} .xpub_sm_partners .xpub_sm_main_title .right a{color:var(--blk)} .xpub_sm_main_title .right a:hover{color:var(--gri)} .xpub_sm_main_title .center{padding:0 10px} .xpub_sm_main_title .center p{color:var(--alb);font-size:36px;font-weight:600;line-height:1.3;text-indent:230px;text-align:justify} .xpub_sm_about .extra_cnt{margin-bottom:120px} .xpub_sm_about .list_inner{height:100%;border:1px solid var(--666);border-radius:10px;padding:30px 35px} .xpub_sm_about .biography ul{display:flex;flex-wrap:wrap;margin-left:-24px} .xpub_sm_about .biography li{width:25%;padding-left:24px;margin-bottom:24px} .xpub_sm_about .list_inner span{display:block;color:18px;font-family:cabin;text-transform:capitalize;margin-bottom:14px} .xpub_sm_about .list_inner h3{font-size:18px;text-transform:capitalize} .xpub_sm_round{background-color:var(--bg);padding:30px 0;overflow:hidden} .xpub_sm_round .wrap{display:flex;align-items:center} .js-marquee-wrapper{display:flex} .xpub_sm_round img{max-width:70px;max-height:70px;margin-right:35px} .xpub_sm_round h3{color:var(--ngr);font-size:80px;font-family:var(--fbd);font-weight:500;margin-right:35px;margin-bottom:0;transition:all .3s ease} .xpub_sm_round h3:last-child{margin-right:0} .xpub_sm_round h3:hover{color:transparent;-webkit-text-stroke:1px var(--ngr)} .xpub_sm_service{padding-top:110px} .xpub_sm_service.servicepage{padding-top:0} .xpub_sm_service .xpub_sm_main_title{border-bottom:1px solid var(--666);padding-bottom:56px;margin-bottom:0} .xpub_sm_service .xpub_sm_main_title .center p{text-indent:80px} .xpub_sm_interactive_list{margin-top:50px;margin-bottom:119px;overflow:hidden;position:relative} .xpub_sm_interactive_list .interactive_image{display:none;position:absolute;z-index:-10;opacity:0;visibility:hidden} .xpub_sm_interactive_list li:first-child .list_inner{padding-top:0} .xpub_sm_interactive_list .list_inner{position:relative;padding-left:75px;padding-top:45px} .xpub_sm_interactive_list .list_inner:hover .number{color:var(--gri)} .xpub_sm_interactive_list .list_inner:before{content:'';width:100%;height:1px;background-color:var(--alb);position:absolute;left:0;bottom:16px;z-index:-1;} .xpub_sm_interactive_list .number{color:var(--gri);font-size:18px;font-weight:500;position:absolute;left:0;bottom:16px} .xpub_sm_interactive_list .title{font-size:72px;font-weight:700;} .xpub_sm_interactive_list .movingbox{width:475px;position:fixed;background-image:url(../img/interactive/1.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:15px;opacity:0;visibility:hidden;margin-top:-200px;z-index:3} .xpub_sm_interactive_list .interactive_list_inner.active .movingbox{visibility:visible;opacity:1} .xpub_sm_interactive_list .movingbox .space{padding-bottom:100%} .xpub_sm_extra_title .projects{display:flex;justify-content:space-between;margin-bottom:36px} .xpub_sm_extra_title span{color:var(--alb);font-weight:600;text-transform:uppercase} .xpub_sm_extra_title a{color:var(--alb);font-weight:600;text-transform:uppercase;text-decoration:none;} .xpub_sm_extra_title a:hover{color:var(--gri)!important} .xpub_sm_extra_title .title{display:flex} .xpub_sm_extra_title .wrap{display:flex;flex-wrap:nowrap} .xpub_sm_extra_title h3{font-size:24px;font-family:var(--fhd);line-height:1;padding-right:30px} .xpub_sm_extra_title h3:last-child{padding-right:0} .xpub_sm_portfolio{background-color:#111212;border-radius:40px;padding:120px 0} .xpub_sm_portfolio .portfolio_in{border-top:1px solid #292a2a;margin-top:12px;overflow:hidden} .xpub_sm_portfolio .portfolio_in ul{display:flex;flex-wrap:wrap;margin-left:-120px} .xpub_sm_portfolio .portfolio_in li{width:50%;padding-left:120px;padding-top:60px;padding-bottom:60px;border-bottom:1px solid #292a2a;position:relative} .xpub_sm_portfolio .portfolio_in li::after{content:'';position:absolute;left:60px;top:60px;bottom:60px;width:1px;background-color:#292a2a} .xpub_sm_portfolio .image{border-radius:40px;margin-bottom:33px;overflow:hidden;position:relative} .xpub_sm_portfolio .image img{width:100%;aspect-ratio:5/3;border-radius:40px;} .xpub_sm_portfolio .image:hover img{transform:scale(1.1)} .xpub_sm_portfolio .title_holder{display:flex;align-items:center;justify-content:space-between} .xpub_sm_portfolio .left a{display:inline-block;color:var(--gri);font-weight:600;text-decoration:none;text-transform:uppercase;margin-bottom:13px;} .xpub_sm_portfolio .left a:hover{color:var(--alb)} .xpub_sm_portfolio .left h3 a{color:var(--alb);font-size:30px;text-transform:none;} .xpub_sm_portfolio .left h3 a:hover{color:var(--gri)} .xpub_sm_portfolio .right a{display:flex;align-items:center;justify-content:center;width:65px;height:65px;border:1px solid #292a2a;border-radius:6px;} .xpub_sm_portfolio .right a:hover{background-color:var(--gri);border-color:var(--gri)} .xpub_sm_portfolio .right .sm_svg{color:var(--alb);transform:rotate(-135deg)} .xpub_sm_portfolio .right a:hover .sm_svg{color:var(--blk)} .xpub_sm_testimonials .xpub_sm_main_title .center p{text-indent:330px;margin:0 auto} .xpub_sm_testimonials .prev_next{display:flex;justify-content:right} .xpub_sm_testimonials .prev_next .next{margin-left:20px} .xpub_sm_testimonials .prev_next a{width:65px;height:65px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #292a2a;text-decoration:none;} .xpub_sm_testimonials .prev_next a:hover{background-color:var(--gri);border-color:var(--gri)} .xpub_sm_testimonials .prev_next a:hover .sm_svg{color:var(--blk)} .xpub_sm_testimonials .prev_next .sm_svg{color:var(--alb)} .xpub_sm_testimonials .prev_next .next .sm_svg{transform:rotate(180deg)} .xpub_sm_testimonials{padding:120px 0} .xpub_sm_testimonials li{border:1px solid #292a2a;border-radius:15px} .xpub_sm_testimonials .details{padding:35px} .xpub_sm_testimonials .details .sm_svg{width:50px;height:50px;color:var(--666);stroke-width:2px;margin-bottom:23px} .xpub_sm_testimonials .details p{color:var(--alb);font-size:20px} .xpub_sm_testimonials .info{display:flex;align-items:center;border-top:1px solid #292a2a;border-radius:15px;padding:15px 35px} .xpub_sm_testimonials .image{margin-right:20px} .xpub_sm_testimonials .image img{width:70px;height:70px;aspect-ratio:1/1;border-radius:50%} .xpub_sm_testimonials .info h3{font-size:24px;margin-bottom:10px} .xpub_sm_testimonials .info span{color:var(--gri)} .xpub_sm_partners{background-color:var(--bg);border-radius:40px;padding:120px 0} .xpub_sm_partners .partners_in{overflow:hidden} .xpub_sm_partners .xpub_sm_main_title{border-color:#dcdad4} .xpub_sm_partners .xpub_sm_main_title span,.xpub_sm_partners .xpub_sm_main_title p{color:var(--ngr)} .xpub_sm_partners .line{border-top:1px solid #dcdad4;border-bottom:1px solid #dcdad4} .xpub_sm_partners ul{display:flex;margin-left:-30px} .xpub_sm_partners li{width:20%;margin-left:30px} .xpub_sm_partners .list_inner{height:100%;text-align:center;border:1px solid #dcdad4;border-radius:15px;padding:45px} .xpub_sm_partners .list_inner img{max-height:100%} .xpub_sm_pricing{padding:120px 0 0 0} .xpub_sm_pricing .pricing_in>ul{display:flex;flex-wrap:wrap;margin-left:-25px;margin-bottom:-25px} .xpub_sm_pricing .pricing_in>ul>li{width:33.3333%;padding-left:25px;margin-bottom:25px} .xpub_sm_pricing .list_inner{border:1px solid var(--666);border-radius:15px} .xpub_sm_pricing .info_box{padding:55px 35px} .xpub_sm_pricing .info{border-bottom:1px solid var(--666);padding-bottom:30px} .xpub_sm_pricing .plan{font-size:24px;font-weight:400;margin-bottom:20px} .xpub_sm_pricing .price{font-size:72px;line-height:1;margin-bottom:23px} .xpub_sm_pricing .price span{font-size:20px;font-weight:400} .xpub_sm_pricing .features ul{display:flex;flex-wrap:wrap;margin-top:-20px;padding-top:28px} .xpub_sm_pricing .features li{width:100%;margin-top:20px;position:relative} .xpub_sm_pricing .features span{display:inline-block;width:8px;height:8px;background-color:var(--gri);border-radius:50%;position:absolute;bottom:8px} .xpub_sm_pricing .features p{padding-left:18px} .xpub_sm_pricing .button{display:flex;justify-content:space-between;border-top:1px solid var(--666);border-radius:15px;padding:22px 45px;position:relative;} .xpub_sm_pricing .button .xpub_sm_full_link{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px} .xpub_sm_pricing .button:hover{background-color:var(--gri);border-color:var(--gri)} .xpub_sm_pricing .button span{color:var(--alb);font-weight:600;} .xpub_sm_pricing .button .sm_svg{transform:rotate(-135deg)} .xpub_sm_pricing .button:hover span{color:var(--ngr)} .xpub_sm_blog{padding-top:120px;padding-bottom:120px} .xpub_sm_blog.no_padding{padding-top:0;margin-bottom:120px} .xpub_sm_blog.no_padding.blogpage{margin-bottom:0} .xpub_sm_blog .xpub_sm_extra_title{padding-bottom:72px} .xpub_sm_extra_title .projects{} .xpub_sm_blog ul{display:flex;flex-wrap:wrap} .xpub_sm_blog li{width:100%;padding:25px 0;border-bottom:1px solid var(--666)} .xpub_sm_blog li:nth-child(1){border-top:1px solid var(--666)} .xpub_sm_blog .list_inner{display:flex;align-items:center;justify-content:space-between} .xpub_sm_blog .list_inner .left{width:50%;padding-right:20px} .xpub_sm_blog .list_inner .right{width:50%;padding-left:20px} .xpub_sm_blog .left span{display:inline-block;color:var(--alb);padding-left:20px;margin-bottom:27px;position:relative} .xpub_sm_blog .left span::after{content:'';width:10px;height:10px;background-color:var(--gri);border-radius:50%;position:absolute;left:0;top:7px} .xpub_sm_blog .left h3{font-size:48px;margin-bottom:55px} .xpub_sm_blog .left h3 a{color:var(--alb);text-decoration:none;} .xpub_sm_blog .left h3 a:hover{color:var(--gri)} .xpub_sm_blog .button{display:flex} .xpub_sm_blog .button a{display:flex;align-items:center;color:var(--alb);text-decoration:none;} .xpub_sm_blog .button a:hover{color:var(--gri)} .xpub_sm_blog .sm_svg{transform:rotate(-135deg);margin-left:10px;transition:transform .3s} .xpub_sm_blog .right .image{border-radius:6px;overflow:hidden;position:relative} .xpub_sm_blog .right img{width:100%;aspect-ratio:2/1;border-radius:6px;} .xpub_sm_blog .right .image:hover img{transform:scale(1.1)} .xpub_sm_footer{background-color:#111212} .xpub_sm_footer .footer_in{display:flex} .xpub_sm_footer .footer_in .left{width:50%;padding:120px 60px 120px 0} .xpub_sm_footer .footer_in .right{width:50%;padding:120px 0 120px 60px;border-left:1px solid var(--666)} .xpub_sm_footer .footer_in .title{margin-bottom:50px} .xpub_sm_footer .footer_in .title h3{font-size:30px;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px} .xpub_sm_footer .contact{display:flex} .xpub_sm_footer .contact>ul>li{margin-bottom:57px} .xpub_sm_footer .contact span{display:inline-block;color:var(--gri);border-bottom:1px solid var(--gri);text-transform:uppercase;margin-bottom:32px} .xpub_sm_footer .contact a{display:block;color:var(--alb);font-size:24px;font-weight:600;text-decoration:none;} .xpub_sm_footer .contact a:hover{color:var(--gri)} .xpub_sm_footer .contact p{color:var(--alb);font-size:24px;font-weight:600;line-height:1.4} .xpub_sm_footer .social_button ul{display:flex;flex-wrap:wrap;margin-left:-60px} .xpub_sm_footer .social_button li{width:50%;padding-left:60px;margin-bottom:37px} .xpub_sm_footer .social_button a{display:flex;align-items:center;justify-content:space-between;color:var(--alb);font-weight:600;text-decoration:none;padding-bottom:15px;position:relative} .xpub_sm_footer .social_button a:before{position:absolute;content:"";left:0;width:100%;height:1px;background-color:var(--666);bottom:0} .xpub_sm_footer .social_button a:after{position:absolute;content:"";left:0;width:0;height:1px;background-color:var(--gri);bottom:0;z-index:1;} .xpub_sm_footer .social_button a:hover:after{width:100%} .xpub_sm_footer .sm_svg{transform:rotate(-135deg);} .xpub_sm_footer .social_button a:hover .sm_svg{color:var(--gri)} .xpub_sm_footer .right ul{display:flex;flex-wrap:wrap;flex-direction:column} .xpub_sm_footer .right li{width:100%;margin-bottom:30px} .xpub_sm_footer .right li input,.xpub_sm_footer .right li select,.xpub_sm_footer .right li textarea{width:100%;color:var(--gri);font-family:var(--fbd)!important;font-size:var(--fsb)!important;background-color:transparent;border:none;border-bottom:1px solid var(--666);padding-bottom:15px} .xpub_sm_footer .right li input:focus,.xpub_sm_footer .right li select:focus,.xpub_sm_footer .right li textarea:focus{outline:none;background:0 0} .xpub_sm_footer .right li input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #111212 inset;-webkit-text-fill-color:var(--gri)!important;font-size:inherit!important;font-family:inherit!important} .xpub_sm_footer #enter_code{display:flex;align-items:center} .xpub_sm_footer .right #enter_code input{width:auto;margin-left:20px} .xpub_sm_button{display:flex;justify-content:center} .xpub_sm_button a{display:flex;align-items:center;justify-content:center;width:170px;height:170px;color:var(--ngr);font-weight:700;text-decoration:none;border-radius:50%;background-color:var(--gri);} .xpub_sm_button a:hover{background-color:var(--alb)} .xpub_sm_button img{width:18px;transform:rotate(180deg)} .erling_tm_contact input[type=number]{-moz-appearance:textfield} .select2-cnt--default .select2-selection--single{background-color:transparent;border:none;border-bottom:1px solid var(--666);padding-bottom:38px} .select2-cnt .select2-selection--single .select2-selection__rendered{padding-left:0;color:var(--gri)} .select2-cnt--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:var(--gri)} .select2-dropdown{background-color:var(--ngr);border:none} .select2-search--dropdown .select2-search__field{display:none} .select2-cnt--default .select2-selection--single .select2-selection__arrow{right:10px} .select2-cnt--default .select2-results__option--selected{background-color:#333} .select2-results__option{padding:5px 20px} .error_box{width:100%;background-color:#fce3e3;padding:20px 10px;text-align:center;margin-bottom:10px;display:none} .error_box p{color:#721c24} .success_box{width:100%;display:none;background-color:#0ac083;padding:20px 10px;text-align:center;margin-bottom:10px} .success_box p{color:var(--alb)} .error .select2-cnt--default .select2-selection--single{border-bottom:1px solid red!important} .error .cf-form-control{border-bottom:1px solid red!important} .error select{border-bottom:1px solid red!important} .success .select2-cnt--default .select2-selection--single{border-bottom:1px solid green!important} .success .cf-form-control{border-bottom:1px solid green!important} .success select{border-bottom:1px solid green!important} #text-area-w{width:100%} .xpub-jos .jos{display:flex;align-items:center;justify-content:space-between;padding:30px 0} .xpub-jos .left .sm_svg{width:14px;height:14px;color:var(--alb)} .xpub-jos .left p{color:var(--alb);font-size:18px} .xpub-jos .right a{} .xpub-jos .right span{color:var(--alb);font-size:18px} .xpub_sm_totop{width:50px;height:60px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:7px;background-color:var(--gri);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .xpub_sm_totop:hover{background-color:var(--bg)} .xpub_sm_totop .sm_svg{color:var(--ngr);transform:rotate(180deg)} .xpub_sm_page_title{max-width:1100px;margin:50px auto 120px} .xpub_sm_page_title h3{font-family:var(--fbd);font-size:120px;font-weight:500;line-height:1;text-align:center} .xpub_sm_page_title .underline{text-decoration:underline} .xpub_sm_about_video img{width:100%;aspect-ratio:11/5;border-radius:40px} .xpub_sm_about_video .video_box{position:relative} .xpub_sm_about_video .video_box a{display:flex;align-items:center;justify-content:center;border:18px solid var(--ngr);width:160px;height:160px;background-color:var(--gri);border-radius:50%;position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);} .xpub_sm_about_video .video_box a:hover{background-color:var(--bg);border-color:var(--gri)} .xpub_sm_about_video .sm_svg{width:30px;height:30px;color:var(--ngr);} .xpub_sm_about_video .video_box a:hover .sm_svg{color:var(--gri)} .xpub_sm_counter{padding-top:120px;padding-bottom:40px} .xpub_sm_counter ul{display:flex;flex-wrap:wrap;margin-left:-27px} .xpub_sm_counter li{width:25%;padding-left:27px;margin-bottom:80px} .xpub_sm_counter .list_inner{position:relative} .xpub_sm_counter .list_inner:hover .box{background-color:#111212} .xpub_sm_counter .list_inner::after{content:'';border:1px solid var(--666);border-radius:50%;position:absolute;top:-27px;left:-27px;bottom:-27px;right:-27px} .xpub_sm_counter .space{padding-bottom:100%} .xpub_sm_counter .box{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;position:absolute;top:0;left:0;right:0;bottom:0;} .xpub_sm_counter .box .title{margin-left:20px} .xpub_sm_counter .box .title span{color:var(--alb)} .xpub_sm_counter .box .title h3{font-size:36px} .xpub_sm_counter .icon img{max-width:50px;max-height:60px} .xpub_sm_experience{padding-bottom:95px} .xpub_sm_experience .xpub_sm_main_title p{text-indent:50px} .xpub_sm_experience .experience_in{display:grid;gap:20px} .xpub_sm_experience .list_inner{display:flex;align-items:center;border:1px solid var(--666);border-radius:8px;padding:35px} .xpub_sm_experience .list_inner .left{width:40%} .xpub_sm_experience .list_inner .center{width:30%} .xpub_sm_experience .list_inner .right{width:30%;text-align:right} .xpub_sm_experience .list_inner p{color:var(--alb);font-size:18px;font-weight:600} .xpub_sm_experience .list_inner span{color:var(--alb);font-size:18px;font-weight:600} .xpub_sm_awards{background-color:#111212;border-bottom-left-radius:40px;border-bottom-right-radius:40px} .xpub_sm_awards .awards_in{display:flex;align-items:center;padding:72px 0 120px} .xpub_sm_awards .awards_in .image_box{width:40%;position:relative} .xpub_sm_awards .star{width:124px;height:80px;position:absolute;left:-10%} .xpub_sm_awards .awards_in .image_box img{max-width:418px;max-height:495px} .xpub_sm_awards .awards_in .awards_box{width:60%;display:grid;gap:30px;padding-left:50px} .xpub_sm_awards .awards_box .list_inner{display:flex;align-items:center;border-top:1px solid var(--666);padding-top:30px} .xpub_sm_awards .awards_box .list_inner:last-child{border-bottom:1px solid var(--666);padding-bottom:30px} .xpub_sm_awards .awards_box .list_inner .left{width:40%} .xpub_sm_awards .awards_box .list_inner .center{width:40%} .xpub_sm_awards .awards_box .list_inner .right{width:20%;text-align:right} .xpub_sm_awards .awards_box .list_inner .center p{border:1px solid var(--666);border-radius:50px;display:inline-block;padding:7px 25px} .xpub_sm_awards .awards_box .list_inner p{color:var(--alb);font-size:18px;font-weight:600} .xpub_sm_awards .awards_box .list_inner span{color:var(--alb);font-size:18px;font-weight:600} .xpub_sm_awards .awards_box .list_inner .right span{display:inline-block;width:38px;height:38px;line-height:38px;text-align:center;border:1px solid var(--666);border-radius:50%} .xpub_sm_awards .awards_box .list_inner .sm_svg{width:10px;height:10px;transform:rotate(-135deg)} .xpub_sm_testimonials.about{padding:120px 0} .xpub_sm_process{padding:120px 0} .xpub_sm_process ul{display:flex;flex-wrap:wrap;margin-left:-26px} .xpub_sm_process li{width:33.3333%;padding-left:26px;margin-bottom:26px} .xpub_sm_process .list_inner{height:100%;border:1px dashed var(--666);border-radius:10px;padding:60px 35px} .xpub_sm_process .list_inner span{display:inline-block;color:var(--gri);font-size:18px;font-weight:400;margin-bottom:23px} .xpub_sm_process .list_inner h3{margin-bottom:28px} .xpub_sm_process .list_inner a{color:var(--alb);text-decoration:none;} .xpub_sm_process .list_inner a:hover{color:var(--gri)} .xpub_sm_breadcrumbs{text-align:center;margin-bottom:22px} .xpub_sm_breadcrumbs a{color:var(--alb);font-size:18px;text-decoration:none;} .xpub_sm_breadcrumbs a:hover{color:var(--gri)} .xpub_sm_breadcrumbs span{color:var(--gri);font-size:18px;margin-right:110px;position:relative} .xpub_sm_breadcrumbs span:last-child{margin-right:0} .xpub_sm_breadcrumbs span:not(:last-child):before{content:'';width:60px;height:1px;background-color:var(--alb);position:absolute;right:-85px;top:50%} .xpub_sm_service_details .xpub_sm_page_title h3{font-family:var(--fbd),sans-serif;font-size:72px;font-weight:700} .xpub_sm_service_details .service_details_in .image img{width:100%;max-width:1320px;max-height:650px;border-radius:40px} .xpub_sm_service_details .service_details_in .image{position:relative;margin-bottom:53px} .xpub_sm_service_details .service_details_in .image a{display:flex;width:120px;height:120px;align-items:center;justify-content:center;background-color:var(--ngr);border:10px solid var(--ngr);border-radius:50%;position:absolute;top:-60px;left:50%;transform:translateX(-50%);} .xpub_sm_service_details .service_details_in .image a:hover{background-color:var(--gri);border:10px solid var(--ngr)} .xpub_sm_service_details .service_details_in .image .sm_svg{width:50px;height:50px;color:var(--gri);} .xpub_sm_service_details .service_details_in .image a:hover .sm_svg{color:var(--ngr)} .xpub_sm_service_details .text{margin-bottom:26px} .xpub_sm_service_details .list li{margin-bottom:15px;position:relative} .xpub_sm_service_details .list li::after{content:'';width:10px;height:10px;background-color:var(--gri);border-radius:50%;position:absolute;top:8px} .xpub_sm_service_details .list li p{padding-left:20px} .xpub_sm_service_details .list li:last-child{margin-bottom:50px} .xpub_sm_service_details .main_text h3{font-size:36px;margin-bottom:27px} .xpub_sm_service_details .main_text{margin-bottom:25px} .xpub_sm_service_details .service_list ul{display:flex;flex-wrap:wrap;margin-left:-60px;margin-bottom:28px} .xpub_sm_service_details .service_list li{width:25%;margin-bottom:30px;padding-left:60px} .xpub_sm_service_details .service_list span{display:inline-block;color:var(--gri);font-size:18px;font-weight:600;margin-bottom:15px} .xpub_sm_service_details .service_list h3{font-size:24px;margin-bottom:17px} .xpub-smq .main_title{margin-bottom:20px} .xpub-smq .acc_wrap{display:grid;gap:25px;margin-bottom:10px} .xpub-smq .acc{border:1px solid var(--666);border-radius:8px} .xpub-smq .acc_header{display:flex;align-items:center;justify-content:space-between;position:relative;cursor:pointer;padding:10px 20px} .xpub-smq .acc_header:hover .title h3{color:var(--gri)} .xpub-smq .acc_header .title h3{} .xpub-smq .acc_header:hover .arrow .sm_svg{color:var(--gri)} .xpub-smq .acc_header .arrow .sm_svg{} .xpub-smq .acc_header a{position:absolute;top:0;left:0;right:0;bottom:0} .xpub-smq .xacc{display:none;padding:0 20px 20px} .xpub-smq .xacc p{border-top:1px solid var(--666);padding-top:18px;} .xacc a{float:left;font-weight:300;color:var(--gri);text-decoration:underline dotted;text-underline-offset:.3rem;padding-right:1em;margin-right:1em;border-right:1px solid var(--666);margin-bottom:18px} .xacc a:hover{color:var(--blu);text-decoration:underline;} .xacc a:last-child{border:0} .xacc span{float:left;color:var(--gri);padding-right:1em;margin-right:1em;border-right:1px solid var(--666);margin-bottom:18px} .acc .active{background:var(--gri)} .xpub-smq .title h3{font-size:20px} .xpub-smq .acc.active .title h3{color:var(--gri)} .xpub-smq .arrow .sm_svg{color:var(--alb)} .xpub-smq .acc.active .sm_svg{color:var(--gri);transform:rotate(90deg)} .xpub_sm_portfolio_slider{padding-bottom:120px} .xpub_sm_portfolio_slider .slider_in{display:block;transform:skewY(-1.5deg)} .xpub_sm_portfolio_slider .swiper-wrapper{transition-timing-function:linear} .xpub_sm_portfolio_slider .swiper-slide{border-radius:7px;overflow:hidden} .xpub_sm_portfolio_slider img{min-width:100%;aspect-ratio:1.12/1;object-fit:cover;border-radius:7px;} .xpub_sm_portfolio_slider .list_inner{position:relative;overflow:hidden;cursor:pointer} .xpub_sm_portfolio_slider .details{transform:skewY(1deg);position:absolute;left:35px;bottom:35px;transform:translateY(140%);} .xpub_sm_portfolio_slider .list_inner:hover .details{transform:translateY(0)} .xpub_sm_portfolio_slider .list_inner:hover img{transform:scale(1.1)} .xpub_sm_portfolio_slider .category span{display:inline-block;color:var(--ngr);background-color:var(--alb);border-radius:6px;padding:10px 25px} .xpub_sm_portfolio_slider .title h3{display:inline-block;color:var(--ngr);font-size:26px;background-color:var(--alb);border-radius:6px;padding:10px 25px;margin-top:5px} .xpub_sm_swiper_progress{width:100%;margin-top:100px} .xpub_sm_swiper_progress .my_pagination_in{position:relative} .xpub_sm_swiper_progress span{display:block;font-size:var(--fsb);letter-spacing:0;color:var(--alb);height:22px;line-height:22px} .xpub_sm_swiper_progress .pagination_progress{width:1320px;margin:0 auto;position:relative} .xpub_sm_swiper_progress .pagination_progress .all{height:2px;width:100%;position:absolute;z-index:5;top:0;top:50%;left:0;background-color:var(--666)} .xpub_sm_swiper_progress .pagination_progress .all span{height:100%;width:100%;background-color:var(--gri);position:absolute;z-index:5;top:0;left:0;transform-origin:left top;transform:scale(0);} .xpub_sm_swiper_progress .my_navigation{position:relative;left:6px} .xpub_sm_swiper_progress .my_navigation ul{margin:0;list-style-type:none} .xpub_sm_swiper_progress .my_navigation ul li{margin:0 10px 0 0;display:inline-block} .xpub_sm_swiper_progress .my_navigation ul li:last-child{margin-right:0} .xpub_sm_swiper_progress .my_navigation ul li a{text-decoration:none;color:var(--alb);font-size:14px;} .xpub_sm_portfolio_single .single_list>ul{display:flex;flex-wrap:wrap;margin-bottom:54px} .xpub_sm_portfolio_single .single_list>ul>li{width:20%;border:1px solid var(--666);padding:30px 40px} .xpub_sm_portfolio_single .single_list>ul>li:nth-child(1){border-top-left-radius:15px;border-bottom-left-radius:15px} .xpub_sm_portfolio_single .single_list>ul>li:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px} .xpub_sm_portfolio_single .single_list h3{font-size:20px;margin-bottom:10px} .xpub_sm_portfolio_single .single_list p{font-size:18px;font-weight:400} .xpub_sm_portfolio_single .single_list .list_inner ul{display:flex} .xpub_sm_portfolio_single .single_list .list_inner li{width:25%} .xpub_sm_portfolio_single .single_list .list_inner .sm_svg{color:var(--alb);} .xpub_sm_portfolio_single .single_list .list_inner .sm_svg:hover{color:var(--gri)} .xpub_sm_portfolio_single .text h3{font-size:36px;margin-bottom:27px} .xpub_sm_portfolio_single .list li:last-child{margin-bottom:26px} .xpub_sm_portfolio_single .main_text{margin-bottom:48px} .xpub_sm_portfolio_single .text.bottom{margin-bottom:56px} .xpub_sm_portfolio_single .images ul{display:flex;flex-wrap:wrap;margin-left:-30px;margin-top:-30px} .xpub_sm_portfolio_single .images li{width:33.3333%;padding-left:30px;margin-top:30px} .xpub_sm_portfolio_single .images .list_inner{border-radius:40px;overflow:hidden} .xpub_sm_portfolio_single .images li img{min-width:100%;aspect-ratio:21/20;} .xpub_sm_portfolio_single .images .list_inner:hover img{transform:scale(1.1)} .xpub_sm_portfolio_single .prev_next{height:86px;display:flex;align-items:center;justify-content:space-between;background-color:#111212;border-radius:15px;margin:60px 0 120px;padding:0 30px} .xpub_sm_portfolio_single .prev_next a{display:flex;align-items:center;justify-content:center;color:var(--alb);font-size:18px;font-weight:700;text-align:center;text-decoration:none;} .xpub_sm_portfolio_single .prev_next a:hover{color:var(--gri)} .xpub_sm_portfolio_single .prev_next .sm_svg{color:var(--alb);} .xpub_sm_portfolio_single .prev_next a:hover .sm_svg{color:var(--gri)} .xpub_sm_portfolio_single .prev_next .next .sm_svg{transform:rotate(180deg);margin-left:5px} .xpub_sm_portfolio_single .prev_next .prev .sm_svg{margin-right:5px} .xpub_sm_blog_menu .menu{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px} .xpub_sm_blog_menu ul li{display:inline-block;margin-right:20px} .xpub_sm_blog_menu ul li:last-child{margin-right:0} .xpub_sm_blog_menu .menu a{color:var(--alb);font-weight:600;text-decoration:none;text-transform:capitalize;} .xpub_sm_blog_menu .menu a:hover{color:var(--gri)} .xpub_sm_blog_menu .search{width:400px;border-bottom:1px solid var(--alb);position:relative;} .xpub_sm_blog_menu .search:hover{border-color:var(--gri)} .xpub_sm_blog_menu .search input[type=text]{width:100%;color:var(--gri);font-size:var(--fsb);background-color:transparent;border:none;padding:10px 30px 10px 10px} .xpub_sm_blog_menu .search input[type=text]:focus{outline:none} .xpub_sm_blog_menu .search input[type=submit]{width:20px;height:42px;position:absolute;right:0;opacity:0;z-index:2;cursor:pointer} .xpub_sm_blog_menu .search .sm_svg{color:var(--alb);position:absolute;right:0;top:10px;z-index:1} .xpub_sm_blog .left span{display:inline-block;color:var(--alb);padding-left:20px;margin-bottom:27px;position:relative} .xpub_sm_blog .left span::after{content:'';width:10px;height:10px;background-color:var(--gri);border-radius:50%;position:absolute;left:0;bottom:5px} .xpub_sm_blog_hero{margin-bottom:100px} .xpub_sm_blog_hero .blog_hero_in{position:relative} .xpub_sm_blog_hero .blog_hero_in .background{position:relative} .xpub_sm_blog_hero .blog_hero_in .background img{position:relative;opacity:0;min-width:100%} .xpub_sm_blog_hero .blog_hero_in .background .main{position:absolute;top:0;bottom:0;left:0;right:0;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:20px} .xpub_sm_blog_hero .news{width:560px;background-color:var(--ngr);border-top-right-radius:15px;border-bottom-left-radius:15px;padding:28px 35px;position:absolute;bottom:0} .xpub_sm_blog_hero .news span::after{content:'';width:10px;height:10px;background-color:var(--gri);border-radius:50%;position:absolute;left:0;bottom:7px} .xpub_sm_blog_hero .news h3{font-size:48px;margin-bottom:26px;position:relative;opacity:0;visibility:hidden;display:block;transform:translateY(20px);} .xpub_sm_blog_hero .owl-item.active .news h3{transform:translateY(0px);opacity:1;visibility:visible;transition-delay:.8s} .xpub_sm_blog_hero .news span{color:var(--alb);padding-left:20px;margin-bottom:27px;position:relative;opacity:0;visibility:hidden;display:block;transform:translateY(20px);} .xpub_sm_blog_hero .owl-item.active .news span{transform:translateY(0px);opacity:1;visibility:visible;transition-delay:.4s} .xpub_sm_blog_hero .news p{position:relative;opacity:0;visibility:hidden;display:block;transform:translateY(20px);} .xpub_sm_blog_hero .owl-item.active .news p{transform:translateY(0px);opacity:1;visibility:visible;transition-delay:1.2s} .xpub_sm_blog_hero .news h3 a{color:var(--alb);text-decoration:none;} .xpub_sm_blog_hero .news h3 a:hover{color:var(--gri)} .xpub_sm_blog_hero .owl-dots{position:absolute;bottom:50px;right:50px;z-index:2} .xpub_sm_blog_hero .owl-theme .owl-dots .owl-dot span{background-color:var(--blk)} .xpub_sm_blog_hero .owl-theme .owl-dots .owl-dot span{} .xpub_sm_blog_hero .owl-theme .owl-dots .owl-dot.active span{width:35px} .xpub_sm_blog_hero .owl-theme .owl-dots .owl-dot.active span,.xpub_sm_blog_hero .owl-theme .owl-dots .owl-dot:hover span{background-color:var(--gri)} .xpub_sm_blog .extra_cnt ul{margin-bottom:100px} .xpub_sm_blog .xpub_sm_button a{color:var(--alb);background-color:transparent;border:1px solid var(--666);} .xpub_sm_blog .xpub_sm_button a:hover{color:var(--gri);border-color:var(--gri)} .xpub_sm_blog_details .page_title_in{text-align:center} .xpub_sm_blog_details .page_title_in>span{display:inline-block;width:130px;height:33px;background-color:var(--gri);color:var(--ngr);text-transform:uppercase;text-align:center;line-height:33px;border-radius:4px;margin-bottom:30px} .xpub_sm_blog_details .page_title_in p{color:var(--alb);font-size:18px;margin-bottom:23px} .xpub_sm_blog_details .page_title_in>h3{font-size:72px;font-family:var(--fbd);font-weight:700;margin-bottom:50px} .xpub_sm_blog_details .page_title_in .info_box{display:flex;gap:60px;align-items:center;justify-content:center;text-align:left} .xpub_sm_blog_details .page_title_in .info{display:flex;align-items:center;justify-content:center} .xpub_sm_blog_details .page_title_in .image img{width:70px;height:70px;border-radius:50%;margin-right:20px} .xpub_sm_blog_details .page_title_in .title span{color:var(--gri)} .xpub_sm_blog_details .page_title_in .title h3{color:var(--alb);font-size:18px;font-family:var(--fbd)} .xpub_sm_blog_details .hero_image img{width:100%;max-height:800px;margin-bottom:60px} .xpub_sm_blog_details .blog_details{display:flex;align-items:flex-start} .xpub_sm_blog_details .details{width:65%;display:flex;flex-direction:column;gap:32px} .xpub_sm_blog_details .quotes{border-left:2px solid var(--alb);padding-left:35px;margin-top:30px;margin-bottom:24px} .xpub_sm_blog_details .quotes .sm_svg{width:45px;height:40px;color:var(--gri);margin-bottom:25px} .xpub_sm_blog_details .quotes p{color:var(--alb);font-size:18px;margin-bottom:30px} .xpub_sm_blog_details .quotes span{color:var(--alb);font-size:18px;position:relative} .xpub_sm_blog_details .quotes span::before{content:'';width:60px;height:2px;background-color:var(--alb);position:absolute;top:50%;right:-75px} .xpub_sm_blog_details .details .title h3{font-size:36px;margin-bottom:28px} .xpub_sm_blog_details .details .title p{margin-bottom:57px} .xpub_sm_blog_details .details .title .image img{width:100%;height:auto;border-radius:40px;margin-bottom:45px} .xpub_sm_blog_details .posted{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--666);border-bottom:1px solid var(--666);padding:35px 0;margin-bottom:60px} .xpub_sm_blog_details .posted .left{display:flex;align-items:center} .xpub_sm_blog_details .posted h3{font-size:20px;margin-right:20px} .xpub_sm_blog_details .posted .left a{display:inline-block;padding:5px 15px;margin-right:10px;text-align:center;color:var(--gri);font-size:14px;text-decoration:none;text-transform:uppercase;border:1px solid var(--666);border-radius:10px;} .xpub_sm_blog_details .posted .left a:last-child{margin-right:0} .xpub_sm_blog_details .posted .left a:hover{color:var(--blk);background-color:var(--gri)} .xpub_sm_blog_details .posted .right{display:flex;align-items:center} .xpub_sm_blog_details .posted .social{padding:5px 15px;border:1px solid var(--666);border-radius:10px;margin-left:20px;padding-top:5px} .xpub_sm_blog_details .posted .social .sm_svg{color:var(--alb);} .xpub_sm_blog_details .posted .social .sm_svg:hover{color:var(--gri)} .xpub_sm_blog_details .posted ul{display:flex;align-items:center;justify-content:center;margin-left:-20px} .xpub_sm_blog_details .posted li{padding-left:20px} .xpub_sm_blog_details .sidebar{width:35%;background-color:#111212;border:1px solid var(--666);border-radius:15px;padding:34px;margin-left:35px} .xpub_sm_blog_details .sidebar .title{border-bottom:1px solid var(--666);padding-bottom:10px;margin-bottom:35px} .xpub_sm_blog_details .sidebar .title h3{font-size:24px;font-weight:600;line-height:1;padding-bottom:10px} .xpub_sm_blog_details .sidebar .search{position:relative;cursor:pointer;margin-bottom:55px} .xpub_sm_blog_details .sidebar input[type=text]{width:100%;height:60px;color:var(--gri);font-size:var(--fsb);border-top-left-radius:8px;border-bottom-left-radius:8px;border:1px solid var(--666);background-color:transparent;padding:0 95px 0 35px;outline:none} .xpub_sm_blog_details .sidebar input[type=submit]{width:60px;height:60px;background-color:var(--gri);border:1px solid var(--gri);border-top-right-radius:8px;border-bottom-right-radius:8px;position:absolute;right:0;outline:none} .xpub_sm_blog_details .sidebar .search .sm_svg{color:var(--ngr);position:absolute;top:50%;transform:translateY(-50%);right:20px} .xpub_sm_blog_details .sidebar .categories ul{display:flex;gap:20px;flex-direction:column;margin-bottom:55px} .xpub_sm_blog_details .sidebar .categories .list_inner{display:flex;justify-content:space-between} .xpub_sm_blog_details .sidebar .categories .sm_svg{width:7px;height:11px;color:var(--ngr);transform:rotate(180deg)} .xpub_sm_blog_details .sidebar .category_name{color:var(--gri);text-decoration:none;} .xpub_sm_blog_details .sidebar .category_name:hover{color:var(--gri)} .xpub_sm_blog_details .sidebar .categories .icon{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;border-radius:2px;background-color:var(--alb);} .xpub_sm_blog_details .sidebar .categories .icon:hover{background-color:var(--gri)} .xpub_sm_blog_details .recent_post ul{display:flex;flex-direction:column;gap:35px;margin-bottom:57px} .xpub_sm_blog_details .recent_post .list_inner{display:flex;align-items:center} .xpub_sm_blog_details .recent_post .list_inner .image{border-radius:7px;overflow:hidden} .xpub_sm_blog_details .recent_post .list_inner .image img{width:100px;min-height:auto;border-radius:7px;} .xpub_sm_blog_details .recent_post .list_inner .image img:hover{transform:scale(1.1)} .xpub_sm_blog_details .recent_post .time{display:flex;align-items:center;margin-bottom:10px} .xpub_sm_blog_details .recent_post .time img{width:16px;height:16px;margin-right:10px;margin-top:-3px} .xpub_sm_blog_details .recent_post .info{padding-left:20px} .xpub_sm_blog_details .recent_post .info_title h3{font-size:18px} .xpub_sm_blog_details .recent_post .info_title a{color:var(--alb);text-decoration:none;} .xpub_sm_blog_details .recent_post .info_title a:hover{color:var(--gri)} .xpub_sm_blog_details .tags a{display:inline-block;height:36px;line-height:36px;color:var(--gri);text-transform:uppercase;text-decoration:none;border:1px solid var(--666);border-radius:10px;padding:0 1em;margin-right:8px;margin-bottom:12px;} .xpub_sm_blog_details .tags a:hover{background-color:var(--gri);color:var(--blk)} .xpub_sm_blog_details .tags a:last-child{margin-right:0;margin-bottom:0} .xpub_sm_blog_details .footer{background-color:#111212;border:1px solid var(--666);border-radius:15px;padding:45px;margin-bottom:120px} .xpub_sm_blog_details .footer h3{font-size:36px;margin-bottom:17px} .xpub_sm_blog_details .footer p{margin-bottom:26px} .xpub_sm_blog_details .footer ul{display:flex;gap:20px} .xpub_sm_blog_details .footer li{width:50%;margin-bottom:20px} .xpub_sm_blog_details .footer input,.xpub_sm_blog_details .footer textarea{width:100%;height:60px;line-height:60px;color:var(--gri);font-size:var(--fsb);font-family:var(--fbd);background-color:var(--ngr);border:none;border-radius:10px;padding:0 22px} .xpub_sm_blog_details .footer textarea{min-height:185px;margin-bottom:13px} .xpub_sm_blog_details .footer input:focus,.xpub_sm_blog_details .footer textarea:focus{outline:none} .xpub_sm_blog_details .footer .button a{display:inline-block;height:60px;line-height:60px;color:var(--ngr);font-size:18px;font-weight:700;text-align:center;text-decoration:none;background-color:var(--gri);border-radius:10px;padding:0 35px;} .xpub_sm_blog_details .footer .button a:hover{background-color:var(--alb)} .xpub_sm_blog_details .footer .button img{width:16px;transform:rotate(180deg)} .xpub-jos.blog{background-color:#111212} .xpub_sm_contact .xpub_sm_page_title h3{font-family:var(--fbd);font-size:72px} .xpub_sm_contact .xpub_sm_footer{background-color:var(--ngr)} .xpub_sm_contact .footer_in{display:flex;align-items:center;background-color:#111212;border-radius:15px;border:1px solid var(--666);padding:60px;padding-top:70px;position:relative} .xpub_sm_contact .footer_in .arrow_button a{display:flex;width:120px;height:120px;align-items:center;justify-content:center;border-radius:50%;background-color:var(--ngr);position:absolute;top:-60px;left:50%;transform:translateX(-50%)} .xpub_sm_contact .footer_in .arrow_button .sm_svg{width:40px;height:40px;color:var(--alb);transform:rotate(360deg);} .xpub_sm_contact .footer_in .arrow_button a:hover .sm_svg{color:var(--gri)} .xpub_sm_contact .footer_in .left{width:45%;background-color:var(--ngr);border-radius:15px;padding:40px} .xpub_sm_contact .footer_in .left .social_button ul{display:flex;margin-left:-10px;margin-top:-10px} .xpub_sm_contact .footer_in .left .social_button li{width:33.3333%;margin:0;padding-left:10px;padding-top:10px} .xpub_sm_contact .footer_in .left .social_button a{display:block;height:32px;line-height:32px;text-align:center;border:1px solid var(--666);border-radius:16px;text-transform:uppercase;font-size:14px;} .xpub_sm_contact .footer_in .left .social_button a:hover{background-color:var(--gri);color:var(--blk)} .xpub_sm_contact .footer_in .left .social_button a:before,.xpub_sm_contact .footer_in .left .social_button a:after{display:none} .xpub_sm_contact .footer_in .right{width:55%;background-color:#111212;border:none;border-radius:15px;margin-left:60px;padding:40px} .xpub_sm_contact .footer_in .right input,.xpub_sm_contact .footer_in .right select,.xpub_sm_contact .footer_in .right textarea{background-color:var(--ngr);border:none;border-radius:15px;padding:20px} .xpub_sm_contact .footer_in .right input:focus,.xpub_sm_contact .footer_in .right select:focus,.xpub_sm_contact .footer_in .right textarea:focus{background-color:var(--ngr);border:none} .xpub_sm_contact .select2-cnt--default .select2-selection--single{border:none;padding:0} .xpub_sm_contact .select2-cnt{background-color:var(--ngr);border-radius:15px;padding:15px 20px} .xpub_sm_contact .select2-cnt--default .select2-selection--single .select2-selection__arrow{top:50%;transform:translateY(-50%);right:15px} .xpub_sm_contact .xpub_sm_footer .right ul{display:flex;flex-wrap:wrap;margin-left:-20px;flex-direction:row} .xpub_sm_contact .xpub_sm_footer .right li{width:50%;padding-left:20px} .xpub_sm_contact .maps{margin-top:-120px;margin-bottom:120px} .xpub_sm_contact .xpub-smq .main_title{margin-bottom:57px} .xpub_sm_contact .xpub-smq .main_title h3{font-size:72px;text-align:center} .xpub_sm_contact .xpub-smq .question_box{background-color:#111212} .xpub_sm_intro{width:100%;position:relative;min-width:100%} .xpub_sm_intro .logo{width:100%;text-align:center;margin-top:100px;border-bottom:1px solid var(--666);padding-bottom:100px} .xpub_sm_intro .logo img{margin-bottom:20px} .xpub_sm_intro .logo p{font-size:18px} .xpub_sm_intro .demos{width:100%;max-width:1000px;margin:0 auto;margin-top:120px;margin-bottom:50px} .xpub_sm_intro .demos ul{display:flex;flex-wrap:wrap;margin-left:-100px} .xpub_sm_intro .demos ul li{width:50%;padding-left:100px;margin-bottom:50px} .xpub_sm_intro .demos ul li .list_inner{width:100%;position:relative;text-align:center;transform:translateY(0);transition:all .3s ease} .xpub_sm_intro .demos ul li .list_inner:hover{transform:translateY(-10px)} .xpub_sm_intro .demos ul li h3{margin-top:20px;font-size:17px;text-transform:uppercase;transition:all .3s ease} .xpub_sm_intro .demos ul li .list_inner:hover h3{color:var(--gri)} .xpub_sm_intro .features{width:100%;background-color:#202020;padding-top:100px;text-align:center} .xpub_sm_intro .features_in .list{margin-bottom:100px} .xpub_sm_intro .features_in{width:100%;max-width:1000px;margin:0 auto} .xpub_sm_intro .features_in ul{margin-left:-30px;display:flex;flex-wrap:wrap} .xpub_sm_intro .features_in ul li{width:50%;padding-left:30px;margin-bottom:30px} .xpub_sm_intro .features_in ul li h3{font-size:17px;margin-bottom:20px;text-transform:uppercase} .xpub_sm_intro .features_in ul li .sm_svg{width:50px;height:50px;margin-bottom:20px} .xpub_sm_intro .features_in ul li .list_inner{width:100%;position:relative;border:1px solid var(--666);padding:50px} .xpub_sm_intro .maintitle{width:100%;margin-bottom:70px} .xpub_sm_intro .maintitle h3{text-transform:uppercase;color:var(--alb);font-weight:600} .xpub_sm_intro .copyright{width:100%;border-top:1px solid var(--666);padding:70px 0} .xpub_sm_intro .copyright a{color:var(--alb);text-decoration:none;transform:all .3s ease} .xpub_sm_intro .copyright a:hover{color:var(--gri)} .introprice{padding:20px 40px;background-color:#f74c4f;position:fixed;z-index:3;top:0;right:0;border-bottom-left-radius:30px} .introprice span{color:var(--alb);display:inline-block;margin-bottom:5px} .introprice h3{color:var(--alb);font-weight:800;text-indent:30px} @media(max-width:1600px){.cnt{max-width:1200px}.extra_cnt{max-width:1050px}.xpub-sus .overlay_content{min-height:90px;line-height:90px}.xpub-sus li{margin-right:10px}.xpub-her .hero_text .left h3{font-size:70px}.xpub-her .hero_text .right h3{font-size:70px}.xpub-her .hero_text .right{margin-top:70px}.xpub-her .hero_info_area .left{padding-right:50px}.xpub-her .hero_info_area .right{padding-left:50px}.xpub_sm_main_title .center p{font-size:23px}.xpub_sm_round h3{font-size:70px}.xpub_sm_interactive_list .title{font-size:50px}.xpub_sm_interactive_list .list_inner:before{bottom:10px}.xpub_sm_interactive_list .movingbox{width:300px;margin-top:-150px}.xpub_sm_extra_title h3{font-size:100px}.xpub_sm_testimonials .details p{font-size:var(--fsb)}.xpub_sm_testimonials .info h3{font-size:20px;margin-bottom:7px}.xpub_sm_blog .left h3{font-size:36px;margin-bottom:30px}.xpub_sm_footer .footer_in .title h3{font-size:23px}.xpub_sm_footer .contact p{font-size:20px}.xpub_sm_footer .contact a{font-size:20px}.xpub_sm_footer .contact span{margin-bottom:25px}.xpub_sm_page_title{max-width:900px}.xpub_sm_page_title h3{font-size:70px}.xpub_sm_awards .awards_box .list_inner .left{width:40%}.xpub_sm_awards .awards_box .list_inner .center{width:40%}.xpub_sm_awards .awards_box .list_inner .right{width:20%}.xpub_sm_process .list_inner h3{font-size:28px}.xpub_sm_blog_menu ul li{margin-right:30px}.xpub_sm_blog_menu .search{width:290px}.xpub_sm_blog_hero .news h3{font-size:35px}.xpub_sm_blog_details .page_title_in>h3{font-size:55px}.xpub_sm_contact .xpub_sm_page_title h3{font-size:55px}.xpub_sm_contact .xpub-smq .main_title h3{font-size:55px}.xpub_sm_portfolio .left h3 a{font-size:27px}.xpub_sm_testimonials .xpub_sm_main_title .center p{text-indent:150px}.xpub_sm_main_title .left span{font-size:14px}.xpub_sm_service_details .xpub_sm_page_title h3{font-size:55px}.introprice h3{text-indent:20px}.introprice{padding:15px 20px}.introprice h3{font-size:20px}.introprice span{margin-bottom:2px}.xpub_sm_intro .demos{max-width:900px;margin-top:100px}.xpub_sm_intro .features_in{max-width:900px}.xpub_sm_intro .logo{margin-top:80px;padding-bottom:80px}.xpub_sm_intro .features_in ul li .list_inner{padding:30px}} @media(max-width:1040px){.xpub-sus{display:none}.xpub_sa_mobile_menu{display:block}.cursor-inner{display:none}.cursor-outer{display:none}.xpub-her .hero_text{flex-direction:column}.xpub-her .arrow{display:none}.xpub-her .hero_text .left{width:100%}.xpub-her .hero_text .right{width:100%;margin-top:30px}.xpub-her .hero_text .left h3{font-size:45px}.xpub-her .hero_text .right h3{font-size:45px}.xpub-her .hero_scroll_title span{font-size:var(--fsb)}.xpub-her .sm_svg{width:16px;height:16px}.xpub-her .hero_info_area{flex-direction:column}.xpub-her .hero_info_area .left{width:100%;padding-right:0}.xpub-her .center{width:100%;margin:50px 0}.xpub-her .hero_info_area .right{width:100%;padding-left:0;text-align:left}.xpub-her .left .info_list{margin-bottom:50px}.xpub-her .right .info_list{margin-bottom:50px}.xpub-her .right ul{justify-content:flex-start}.xpub-her .hero_info_area{padding:30px}.xpub-her .info_list img{margin-bottom:20px}.xpub_sm_main_title{flex-direction:column}.xpub_sm_main_title .left{width:100%;margin-bottom:20px}.xpub_sm_main_title .center{width:100%}.xpub_sm_main_title .center p{text-indent:0!important;font-size:25px;text-align:left}.xpub_sm_main_title .right{width:100%;text-align:left;margin-top:30px}.xpub_sm_main_title .scroll{display:inline-block}.xpub_sm_about .biography li{width:50%}.xpub_sm_interactive_list .title{font-size:55px}.xpub_sm_interactive_list .list_inner{padding-top:35px}.xpub_sm_pricing .pricing_in>ul>li{width:50%}.xpub_sm_blog .list_inner{flex-direction:column;align-items:baseline}.xpub_sm_blog .list_inner .left{width:100%;padding-right:0;margin-bottom:30px}.xpub_sm_blog .list_inner .right{width:100%;padding-left:0}.xpub_sm_blog .left h3{font-size:35px}.xpub_sm_blog{padding-bottom:0}.xpub_sm_footer .footer_in{flex-direction:column}.xpub_sm_footer .footer_in .left{width:100%;padding-bottom:80px}.xpub_sm_footer .footer_in .right{width:100%;border-left:none;border-top:1px solid var(--666);padding-left:0;padding-top:80px}.xpub_sm_button{justify-content:flex-start}.xpub_sm_button a{width:120px;height:120px}.xpub-jos .jos{flex-direction:column;justify-content:center;padding-top:30px}.xpub_sm_totop{transform:translateY(0) translateX(-50%);top:-30px}.xpub-jos .jos .left{margin-bottom:5px}.xpub_sm_page_title h3{font-size:65px;line-height:1.1}.xpub_sm_counter li{width:50%}.xpub_sm_awards .awards_in{flex-direction:column;align-items:baseline}.xpub_sm_awards .awards_in .image_box{width:100%;margin-bottom:40px}.xpub_sm_awards .awards_in .awards_box{width:100%}.xpub_sm_process li{width:50%}.xpub_sm_service_details .xpub_sm_page_title h3{font-size:40px}.xpub_sm_breadcrumbs{margin-bottom:15px}.xpub_sm_service_details .service_list li{width:50%}.xpub_sm_swiper_progress .pagination_progress{width:600px}.xpub_sm_portfolio_single .single_list>ul>li{width:50%}.xpub_sm_portfolio_single .images li{width:50%}.xpub_sm_blog_menu .menu{flex-direction:column;justify-content:flex-start;align-items:baseline}.xpub_sm_blog_menu .search{width:300px;margin-top:30px}.xpub_sm_blog_hero .news h3{font-size:26px}.xpub_sm_blog_details .page_title_in>h3{font-size:65px}.xpub_sm_blog_details .blog_details{flex-direction:column}.xpub_sm_blog_details .details{width:100%}.xpub_sm_blog_details .sidebar{width:100%;margin-left:0;margin-bottom:120px}.xpub_sm_blog_details .footer{margin-bottom:60px}.xpub_sm_blog_details .details .title h3{font-size:28px}.xpub_sm_blog_details .posted{flex-direction:column;align-items:baseline;justify-content:flex-start}.xpub_sm_blog_details .posted .left{margin-bottom:20px;flex-direction:column;align-items:baseline;justify-content:flex-start}.xpub_sm_blog_details .posted h3{font-size:18px}.xpub_sm_contact .xpub_sm_page_title h3{font-size:65px}.xpub_sm_contact .xpub-smq .main_title h3{font-size:65px}.xpub_sm_service_details .service_details_in .image a{width:80px;height:80px;top:-40px}.xpub_sm_service_details .service_details_in .image .sm_svg{width:20px;height:20px}.xpub_sm_footer.blogpage{margin-top:120px}.xpub_sm_contact .xpub_sm_footer .right ul{margin-left:0}.xpub_sm_contact .xpub_sm_footer .right li{width:100%!important;padding-left:0}.xpub_sm_intro .demos{padding:0 1em}.xpub_sm_intro .features_in{padding:0 1em}} @media(max-width:768px){.xpub_sm_page_title{margin-top:170px}.xpub-her .info_list h3{font-size:21px}.xpub_sm_about .biography ul{margin-left:0}.xpub_sm_about .biography li{width:100%;padding-left:0}.xpub_sm_round h3{font-size:60px}.xpub_sm_round img{max-width:60px;max-height:60px}.xpub_sm_main_title .center{padding:0}.xpub_sm_interactive_list .list_inner{padding-left:40px}.xpub_sm_interactive_list .title{font-size:26px}.xpub_sm_interactive_list .list_inner:before{bottom:4px}.xpub_sm_interactive_list .movingbox{display:none}.xpub_sm_interactive_list .number{bottom:0}.xpub_sm_extra_title h3{font-size:60px}.xpub_sm_extra_title .projects{margin-bottom:25px}.xpub_sm_portfolio .portfolio_in ul{margin-left:0}.xpub_sm_portfolio .portfolio_in li{padding-left:0;width:100%;padding-bottom:35px}.xpub_sm_portfolio .portfolio_in li::after{display:none}.xpub_sm_portfolio .left h3 a{font-size:25px}.xpub_sm_portfolio .title_holder .right{display:none}.xpub_sm_portfolio .title_holder{flex-direction:column;align-items:baseline}.xpub_sm_portfolio .left a{font-size:14px;margin-bottom:10px}.xpub_sm_awards .awards_in .awards_box{padding-left:0}.xpub_sm_testimonials .prev_next{justify-content:flex-start}.xpub_sm_testimonials .details p{font-size:18px}.xpub_sm_testimonials .info h3{font-size:21px;margin-bottom:7px}.xpub_sm_pricing .pricing_in>ul{margin:0}.xpub_sm_pricing .pricing_in>ul>li{width:100%;padding-left:0}.xpub_sm_pricing .price{font-size:55px}.xpub_sm_blog .left h3{font-size:25px;margin-bottom:20px}.xpub_sm_footer .social_button ul{margin-left:-20px}.xpub_sm_footer .social_button li{padding-left:20px}.xpub_sm_footer .footer_in .title h3{font-size:25px}.xpub_sm_footer .contact a{font-size:18px}.xpub_sm_footer .contact p{font-size:18px}.xpub_sm_footer .contact span{margin-bottom:15px}.xpub_sm_footer .contact>ul>li{margin-bottom:40px}.xpub_sm_page_title h3{font-size:50px}.xpub_sm_about_video .video_box a{width:106px;height:106px;bottom:-53px;border:10px solid var(--ngr)}.xpub_sm_about_video .sm_svg{width:20px;height:20px}.xpub_sm_counter ul{margin:0;padding:0 30px}.xpub_sm_counter li{width:100%;padding-left:0}.xpub_sm_experience .list_inner{flex-direction:column;align-items:baseline}.xpub_sm_experience .list_inner .left{width:100%}.xpub_sm_experience .list_inner .center{width:100%;margin:10px 0}.xpub_sm_experience .list_inner .right{width:100%;text-align:left}.xpub_sm_awards .awards_box .list_inner{flex-direction:column;align-items:baseline}.xpub_sm_awards .awards_box .list_inner .left{width:100%}.xpub_sm_awards .awards_box .list_inner .center{width:auto;margin:20px 0}.xpub_sm_awards .awards_box .list_inner .right{width:100%;text-align:left}.xpub_sm_process ul{margin:0}.xpub_sm_process li{width:100%;padding-left:0}.xpub_sm_process .list_inner h3{font-size:25px}.xpub_sm_service_details .main_text h3{font-size:30px}.xpub_sm_service_details .service_list ul{margin:0}.xpub_sm_service_details .service_list li{width:100%;padding-left:0}.xpub_sm_service_details .service_details_in .image{margin-bottom:35px}.xpub_sm_portfolio_slider .slider_in{padding:0 1em}.xpub_sm_portfolio_slider .title h3{font-size:20px}.xpub_sm_portfolio_slider .details{border-image-outset:20px;left:20px}.xpub_sm_swiper_progress .pagination_progress{width:200px}.xpub_sm_swiper_progress{margin-top:55px}.xpub_sm_portfolio_single .single_list>ul>li{width:100%}.xpub_sm_portfolio_single .single_list>ul>li{padding:30px}.xpub_sm_portfolio_single .single_list h3{font-size:18px}.xpub_sm_portfolio_single .text h3{font-size:28px}.xpub_sm_portfolio_single .images ul{margin:0}.xpub_sm_portfolio_single .images li{width:100%;padding-left:0}.xpub_sm_blog_hero .news h3{font-size:21px}.xpub_sm_blog_hero .news{width:300px;width:100%;position:relative;background-color:#333;border-top-right-radius:0;border-bottom-right-radius:15px}.xpub_sm_blog_hero img{border-bottom-left-radius:0;border-bottom-right-radius:0}.xpub_sm_blog_hero .owl-dots{bottom:auto;right:10px;top:10px}.xpub_sm_blog_menu ul li{margin-right:20px}.xpub_sm_blog_details .page_title_in>h3{font-size:40px}.xpub_sm_blog_details .page_title_in .info_box{gap:30px}.xpub_sm_blog_details .posted .left{display:block}.xpub_sm_blog_details .posted h3{margin-bottom:10px}.xpub_sm_blog_details .posted .right{display:block}.xpub_sm_blog_details .posted .social{margin:0}.xpub_sm_blog_details .footer h3{font-size:28px}.xpub_sm_blog_details .footer li{width:100%}.xpub_sm_blog_details .footer ul{flex-direction:column;gap:0}.xpub_sm_blog_details .footer{padding:25px}.xpub_sm_contact .xpub_sm_page_title h3{font-size:40px}.xpub_sm_contact .footer_in{padding-left:0;padding-right:0}.xpub_sm_contact .footer_in .arrow_button a{width:80px;height:80px;top:-40px}.xpub_sm_contact .footer_in .arrow_button .sm_svg{width:20px;height:20px}.xpub_sm_contact .xpub-smq .main_title h3{font-size:32px}.introprice{display:none}.xpub_sm_intro .demos ul{margin:0}.xpub_sm_intro .demos ul li{width:100%;padding-left:0}.xpub_sm_intro .features_in ul{margin:0}.xpub_sm_intro .features_in ul li{width:100%;padding-left:0}} /*! xpub.ro v4.0 | GDPR Cookie v2.0 | cook.css code / design / copyright: C. Richard Dorin (dodo@xpub.ro) Released under the CRD License CC BY-NC-SA 4.0 DEED */ @charset "utf-8";:root{--cc-bg:#fff;--cc-text:#111;--cc-btn-primary-bg:#0032ff;--cc-btn-primary-text:var(--cc-bg);--cc-btn-primary-hover-bg:#111;--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-text:var(--cc-text);--cc-btn-secondary-hover-bg:#d8e0e6;--cc-toggle-bg-off:#919ea6;--cc-toggle-bg-on:var(--cc-btn-primary-bg);--cc-toggle-bg-readonly:#d5dee2;--cc-toggle-knob-bg:#fff;--cc-toggle-knob-icon-color:#ecf2fa;--cc-block-text:var(--cc-text);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-bg-hover:#e9eff4;--cc-section-border:#f1f3f5;--cc-cookie-table-border:#e9edf2;--cc-overlay-bg:rgba(4, 6, 8, .85);--cc-webkit-scrollbar-bg:#cfd5db;--cc-webkit-scrollbar-bg-hover:#9199a0;--fbd:'FiraS',sans-serif;--fhd:'FiraSC',sans-serif;--fsb:1rem;--fwb:400;--fst:800;} .c_darkmode{--cc-bg:#181b1d;--cc-text:#d8e5ea;--cc-btn-primary-bg:#a6c4dd;--cc-btn-primary-text:#000;--cc-btn-primary-hover-bg:#c2dff7;--cc-btn-secondary-bg:#33383c;--cc-btn-secondary-text:var(--cc-text);--cc-btn-secondary-hover-bg:#3e454a;--cc-toggle-bg-off:#667481;--cc-toggle-bg-on:var(--cc-btn-primary-bg);--cc-toggle-bg-readonly:#454c54;--cc-toggle-knob-bg:var(--cc-cookie-category-block-bg);--cc-toggle-knob-icon-color:var(--cc-bg);--cc-block-text:#b3bfc5;--cc-cookie-category-block-bg:#23272a;--cc-cookie-category-block-bg-hover:#2b3035;--cc-section-border:#292d31;--cc-cookie-table-border:#2b3035;--cc-webkit-scrollbar-bg:#667481;--cc-webkit-scrollbar-bg-hover:#9199a0} .cc_div *,.cc_div :after,.cc_div :before{-webkit-box-sizing:border-box;box-sizing:border-box;float:none;font-style:inherit;font-variant:normal;font-weight:inherit;font-family:inherit;line-height:1.2;font-size:1em;transition:none;animation:none;margin:0;padding:0;text-transform:none;letter-spacing:unset;color:inherit;background:0 0;border:none;box-shadow:none;text-decoration:none;text-align:left;visibility:unset} .cc_div{font-size:17px;font-weight:400;font-family:var(--fbd);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:var(--ngr)} #c-ttl,#s-bl td:before,#s-ttl,.cc_div .b-tl,.cc_div .c-bn{font-weight:800} #cm,#s-bl .act .b-acc,#s-inr,.cc_div .b-tl,.cc_div .c-bl{border-radius:.35em} #s-bl .act .b-acc{border-top-left-radius:0;border-top-right-radius:0} .cc_div a,.cc_div button,.cc_div input{-webkit-appearance:none;-moz-appearance:none;appearance:none} .cc_div a{border-bottom:1px solid} .cc_div a:hover{text-decoration:none;border-color:transparent} #cm-ov,#cs-ov,.c--anim #cm,.c--anim #s-cnt,.c--anim #s-inr{transition:visibility .25s linear,opacity .25s ease,transform .25s ease!important} .c--anim .c-bn{transition:background-color .25s ease!important} .c--anim #cm.bar.slide,.c--anim .bar.slide #s-inr{transition:visibility .4s ease,opacity .4s ease,transform .4s ease!important} .c--anim #cm.bar.slide+#cm-ov,.c--anim .bar.slide+#cs-ov{transition:visibility .4s ease,opacity .4s ease,transform .4s ease!important} #cm.bar.slide,.cc_div .bar.slide #s-inr{transform:translateX(100%);opacity:1} #cm.bar.top.slide,.cc_div .bar.left.slide #s-inr{transform:translateX(-100%);opacity:1} #cm.slide,.cc_div .slide #s-inr{transform:translateY(1.6em)} #cm.top.slide{transform:translateY(-1.6em)} #cm.bar.slide{transform:translateY(100%)} #cm.bar.top.slide{transform:translateY(-100%)} .show--consent .c--anim #cm,.show--consent .c--anim #cm.bar,.show--settings .c--anim #s-inr,.show--settings .c--anim .bar.slide #s-inr{opacity:1;transform:scale(1);visibility:visible!important} .show--consent .c--anim #cm.box.middle,.show--consent .c--anim #cm.cloud.middle{transform:scale(1) translateY(-50%)} .show--settings .c--anim #s-cnt{visibility:visible!important} .force--consent.show--consent .c--anim #cm-ov,.show--settings .c--anim #cs-ov{visibility:visible!important;opacity:1!important} #cm{font-family:inherit;padding:1.1em 1.8em 1.4em 1.8em;position:fixed;z-index:1;background:#fff;background:var(--cc-bg);max-width:24.2em;width:100%;bottom:1.25em;right:1.25em;box-shadow:0 .625em 1.875em #000;box-shadow:0 .625em 1.875em rgba(2,2,3,.28);opacity:0;visibility:hidden;transform:scale(.95);line-height:initial} #cc_div #cm{display:block!important} #c-ttl{margin-bottom:.7em;font-size:1.05em} .cloud #c-ttl{margin-top:-.15em} #c-txt{font-size:.9em;line-height:1.5em} .cc_div #c-bns{display:flex;justify-content:space-between;margin-top:1.4em} .cc_div .c-bn{color:#40505a;color:var(--cc-btn-secondary-text);background:#e5ebef;background:var(--cc-btn-secondary-bg);padding:1em 1.7em;display:inline-block;cursor:pointer;font-size:.82em;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;text-align:center;border-radius:4px;flex:1} #c-bns button+button,#s-c-bn,#s-cnt button+button{float:right;margin-left:1em} #s-cnt #s-rall-bn{float:none} #cm .c_link:active,#cm .c_link:hover,#s-c-bn:active,#s-c-bn:hover,#s-cnt button+button:active,#s-cnt button+button:hover{background:#d8e0e6;background:var(--cc-btn-secondary-hover-bg)} #s-cnt{position:fixed;top:0;left:0;width:100%;z-index:101;display:table;height:100%;visibility:hidden} #s-bl{outline:0} #s-bl .title{margin-top:1.4em} #s-bl .title:first-child{margin-top:0} #s-bl .b-bn{margin-top:0} #s-bl .b-acc .p{margin-top:0;padding:1em} #s-cnt .b-bn .b-tl{display:block;font-family:inherit;font-size:.95em;width:100%;position:relative;padding:1.3em 6.4em 1.3em 2.7em;background:0 0;transition:background-color .25s ease} #s-cnt .b-bn .b-tl.exp{cursor:pointer} #s-cnt .act .b-bn .b-tl{border-bottom-right-radius:0;border-bottom-left-radius:0} #s-cnt .b-bn .b-tl:active,#s-cnt .b-bn .b-tl:hover{background:#e9eff4;background:var(--cc-cookie-category-block-bg-hover)} #s-bl .b-bn{position:relative} #s-bl .c-bl{padding:1em;margin-bottom:.5em;border:1px solid #f1f3f5;border-color:var(--cc-section-border);transition:background-color .25s ease} #s-bl .c-bl:hover{background:#f0f4f7;background:var(--cc-cookie-category-block-bg)} #s-bl .c-bl:last-child{margin-bottom:.5em} #s-bl .c-bl:first-child{transition:none;padding:0;margin-top:0;border:none;margin-bottom:2em} #s-bl .c-bl:not(.b-ex):first-child:hover{background:0 0;background:unset} #s-bl .c-bl.b-ex{padding:0;border:none;background:#f0f4f7;background:var(--cc-cookie-category-block-bg);transition:none} #s-bl .c-bl.b-ex+.c-bl{margin-top:2em} #s-bl .c-bl.b-ex+.c-bl.b-ex{margin-top:0} #s-bl .c-bl.b-ex:first-child{margin-bottom:1em} #s-bl .c-bl.b-ex:first-child{margin-bottom:.5em} #s-bl .b-acc{max-height:0;overflow:hidden;padding-top:0;margin-bottom:0;display:none} #s-bl .act .b-acc{max-height:100%;display:block;overflow:hidden} #s-cnt .p{font-size:.9em;line-height:1.5em;margin-top:.85em;color:#2d4156;color:var(--cc-block-text)} .cc_div .b-tg .c-tgl:disabled{cursor:not-allowed} #c-vln{display:table-cell;vertical-align:middle;position:relative} #cs{padding:0 1.7em;width:100%;position:fixed;left:0;right:0;top:0;bottom:0;height:100%} #s-inr{height:100%;position:relative;max-width:45em;margin:0 auto;transform:scale(.96);opacity:0;padding-top:4.75em;padding-bottom:4.75em;position:relative;height:100%;overflow:hidden;visibility:hidden;box-shadow:rgba(3,6,9,.26) 0 13px 27px -5px} #s-bns,#s-hdr,#s-inr{background:#fff;background:var(--cc-bg)} #s-bl{overflow-y:auto;overflow-y:overlay;overflow-x:hidden;height:100%;padding:1.3em 2.1em;display:block;width:100%} #s-bns{position:absolute;bottom:0;left:0;right:0;padding:1em 2.1em;border-top:1px solid #f1f3f5;border-color:var(--cc-section-border);height:4.75em} .cc_div .cc-link{color:var(--cc-text);color:var(--cc-btn-primary-bg);border-bottom:1px solid var(--cc-text);border-color:var(--cc-btn-primary-bg);display:inline;padding-bottom:0;text-decoration:none;cursor:pointer;font-weight:800} .cc_div .cc-link:active,.cc_div .cc-link:hover{border-color:transparent} #c-bns button:first-child,#s-bns button:first-child{color:#fff;color:var(--cc-btn-primary-text);background:var(--cc-text);background:var(--cc-btn-primary-bg)} #c-bns.swap button:first-child{color:#40505a;color:var(--cc-btn-secondary-text);background:#e5ebef;background:var(--cc-btn-secondary-bg)} #c-bns.swap button:last-child{color:#fff;color:var(--cc-btn-primary-text);background:var(--cc-text);background:var(--cc-btn-primary-bg)} .cc_div .b-tg .c-tgl:checked~.c-tg{background:var(--cc-text);background:var(--cc-toggle-bg-on)} #c-bns button:first-child:active,#c-bns button:first-child:hover,#c-bns.swap button:last-child:active,#c-bns.swap button:last-child:hover,#s-bns button:first-child:active,#s-bns button:first-child:hover{background:#111;background:var(--cc-btn-primary-hover-bg)} #c-bns.swap button:first-child:active,#c-bns.swap button:first-child:hover{background:#d8e0e6;background:var(--cc-btn-secondary-hover-bg)} #s-hdr{position:absolute;top:0;width:100%;display:table;padding:0 2.1em;height:4.75em;vertical-align:middle;z-index:2;border-bottom:1px solid #f1f3f5;border-color:var(--cc-section-border)} #s-ttl{display:table-cell;vertical-align:middle;font-size:1em} #s-c-bn{padding:0;width:1.7em;height:1.7em;font-size:1.45em;margin:0;font-weight:initial;position:relative} #s-c-bnc{display:table-cell;vertical-align:middle} .cc_div span.t-lb{position:absolute;top:0;z-index:-1;opacity:0;pointer-events:none;overflow:hidden} #c_policy__text{height:31.25em;overflow-y:auto;margin-top:1.25em} #c-s-in{position:relative;transform:translateY(-50%);top:50%;height:100%;height:calc(100% - 2.5em);max-height:37.5em} @media screen and (min-width:688px){#s-bl::-webkit-scrollbar{width:.9em;height:100%;background:0 0;border-radius:0 .25em .25em 0} #s-bl::-webkit-scrollbar-thumb{border:.25em solid var(--cc-bg);background:#cfd5db;background:var(--cc-webkit-scrollbar-bg);border-radius:100em} #s-bl::-webkit-scrollbar-thumb:hover{background:#9199a0;background:var(--cc-webkit-scrollbar-bg-hover)} #s-bl::-webkit-scrollbar-button{width:10px;height:5px}} .cc_div .b-tg{position:absolute;right:0;top:0;bottom:0;display:inline-block;margin:auto;right:1.2em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle} .cc_div .b-tg .c-tgl{position:absolute;cursor:pointer;display:block;top:0;left:0;margin:0;border:0} .cc_div .b-tg .c-tg{position:absolute;background:#919ea6;background:var(--cc-toggle-bg-off);transition:background-color .25s ease,box-shadow .25s ease;pointer-events:none} .cc_div .b-tg,.cc_div .b-tg .c-tg,.cc_div .b-tg .c-tgl,.cc_div span.t-lb{width:3.4em;height:1.5em;border-radius:4em} .cc_div .b-tg .c-tg.c-ro{cursor:not-allowed} .cc_div .b-tg .c-tgl~.c-tg.c-ro{background:#d5dee2;background:var(--cc-toggle-bg-readonly)} .cc_div .b-tg .c-tgl~.c-tg.c-ro:after{box-shadow:none} .cc_div .b-tg .c-tg:after{content:"";position:relative;display:block;left:.125em;top:.125em;width:1.25em;height:1.25em;border:none;box-sizing:content-box;background:#fff;background:var(--cc-toggle-knob-bg);box-shadow:0 1px 2px rgba(24,32,35,.36);transition:transform .25s ease;border-radius:100%} .cc_div .b-tg .c-tgl:checked~.c-tg:after{transform:translateX(1.9em)} #s-bl table,#s-bl td,#s-bl th{border:none} #s-bl tbody tr{transition:background-color .25s ease} #s-bl tbody tr:hover{background:#e9eff4;background:var(--cc-cookie-category-block-bg-hover)} #s-bl table{text-align:left;border-collapse:collapse;width:100%;padding:0;margin:0;overflow:hidden} #s-bl td,#s-bl th{padding:.8em .625em;text-align:left;vertical-align:top;font-size:.8em;padding-left:1.2em} #s-bl th{font-family:inherit;padding:1.2em 1.2em} #s-bl thead tr:first-child{border-bottom:1px solid #e9edf2;border-color:var(--cc-cookie-table-border)} .force--consent #cs,.force--consent #s-cnt{width:100vw} #cm-ov,#cs-ov{position:fixed;left:0;right:0;top:0;bottom:0;visibility:hidden;opacity:0;background:#070707;background:rgba(4,6,8,.85);background:var(--cc-overlay-bg);display:none;transition:none} .c--anim #cs-ov,.force--consent .c--anim #cm-ov,.force--consent.show--consent #cm-ov,.show--settings #cs-ov{display:block} #cs-ov{z-index:2} .force--consent .cc_div{position:fixed;top:0;left:0;bottom:0;width:100%;width:100vw;visibility:hidden;transition:visibility .25s linear} .force--consent.show--consent .c--anim .cc_div,.force--consent.show--settings .c--anim .cc_div{visibility:visible} .force--consent #cm{position:absolute} .force--consent #cm.bar{width:100vw;max-width:100vw} html.force--consent.show--consent{overflow-y:hidden!important} html.force--consent.show--consent,html.force--consent.show--consent body{height:auto!important;overflow-x:hidden!important} .cc_div .act .b-bn .exp::before,.cc_div .b-bn .exp::before{border:solid #2d4156;border-color:var(--cc-btn-secondary-text);border-width:0 2px 2px 0;padding:.2em;display:inline-block;position:absolute;content:'';margin-right:15px;position:absolute;transform:translateY(-50%) rotate(45deg);left:1.2em;top:50%} .cc_div .act .b-bn .b-tl::before{transform:translateY(-20%) rotate(225deg)} .cc_div .on-i::before{border:solid #fff;border-color:var(--cc-toggle-knob-icon-color);border-width:0 2px 2px 0;padding:.1em;display:inline-block;padding-bottom:.45em;content:'';margin:0 auto;transform:rotate(45deg);top:.37em;left:.75em;position:absolute} #s-c-bn::after,#s-c-bn::before{content:'';position:absolute;left:.82em;top:.58em;height:.6em;width:1.5px;background:#444d53;background:var(--cc-btn-secondary-text);transform:rotate(45deg);border-radius:1em;margin:0 auto} #s-c-bn::after{transform:rotate(-45deg)} .cc_div .off-i,.cc_div .on-i{height:100%;width:50%;position:absolute;right:0;display:block;text-align:center;transition:opacity .15s ease} .cc_div .on-i{left:0;opacity:0} .cc_div .off-i::after,.cc_div .off-i::before{right:.8em;top:.42em;content:' ';height:.7em;width:.09375em;display:block;background:#cdd6dc;background:var(--cc-toggle-knob-icon-color);margin:0 auto;position:absolute;transform-origin:center} .cc_div .off-i::before{transform:rotate(45deg)} .cc_div .off-i::after{transform:rotate(-45deg)} .cc_div .b-tg .c-tgl:checked~.c-tg .on-i{opacity:1} .cc_div .b-tg .c-tgl:checked~.c-tg .off-i{opacity:0} #cm.box.middle,#cm.cloud.middle{top:50%;transform:translateY(-37%);bottom:auto} #cm.box.middle.zoom,#cm.cloud.middle.zoom{transform:scale(.95) translateY(-50%)} #cm.box.center{left:1em;right:1em;margin:0 auto} #cm.cloud{max-width:50em;margin:0 auto;text-align:center;left:1em;right:1em;overflow:hidden;padding:1.3em 2em;width:unset} .cc_div .cloud #c-inr{display:table;width:100%} .cc_div .cloud #c-inr-i{width:70%;display:table-cell;vertical-align:top;padding-right:2.4em} .cc_div .cloud #c-txt{font-size:.85em} .cc_div .cloud #c-bns{min-width:170px;display:table-cell;vertical-align:middle} #cm.cloud .c-bn{margin:.625em 0 0 0;width:100%} #cm.cloud .c-bn:first-child{margin:0} #cm.cloud.left{margin-right:1.25em} #cm.cloud.right{margin-left:1.25em} #cm.bar{width:100%;max-width:100%;left:0;right:0;bottom:0;border-radius:0;position:fixed;padding:2em} #cm.bar #c-inr{max-width:32em;margin:0 auto} #cm.bar #c-bns{max-width:33.75em} #cm.bar #cs{padding:0} .cc_div .bar #c-s-in{top:0;transform:none;height:100%;max-height:100%} .cc_div .bar #s-bl,.cc_div .bar #s-bns,.cc_div .bar #s-hdr{padding-left:1.6em;padding-right:1.6em} .cc_div .bar #cs{padding:0} .cc_div .bar #s-inr{margin:0;margin-left:auto;margin-right:0;border-radius:0;max-width:32em} .cc_div .bar.left #s-inr{margin-left:0;margin-right:auto} .cc_div .bar #s-bl table,.cc_div .bar #s-bl tbody,.cc_div .bar #s-bl td,.cc_div .bar #s-bl th,.cc_div .bar #s-bl thead,.cc_div .bar #s-bl tr,.cc_div .bar #s-cnt{display:block} .cc_div .bar #s-bl thead tr{position:absolute;top:-9999px;left:-9999px} .cc_div .bar #s-bl tr{border-top:1px solid #e3e7ed;border-color:var(--cc-cookie-table-border)} .cc_div .bar #s-bl td{border:none;position:relative;padding-left:35%} .cc_div .bar #s-bl td:before{position:absolute;left:1em;padding-right:.625em;white-space:nowrap;content:attr(data-column);color:#000;color:var(--cc-text);overflow:hidden;text-overflow:ellipsis} #cm.top{bottom:auto;top:1.25em} #cm.left{right:auto;left:1.25em} #cm.right{left:auto;right:1.25em} #cm.bar.left,#cm.bar.right{left:0;right:0} #cm.bar.top{top:0} @media screen and (max-width:688px){#cm,#cm.cloud,#cm.left,#cm.right{width:auto;max-width:100%;margin:0;padding:1.4em!important;right:1em;left:1em;bottom:1em;display:block} .force--consent #cm,.force--consent #cm.cloud{width:auto;max-width:100vw} #cm.top{top:1em;bottom:auto} #cm.bottom{bottom:1em;top:auto} #cm.bar.bottom{bottom:0} #cm.cloud .c-bn{font-size:.85em} #s-bns,.cc_div .bar #s-bns{padding:1em 1.3em} .cc_div .bar #s-inr{max-width:100%;width:100%} .cc_div .cloud #c-inr-i{padding-right:0} #cs{border-radius:0;padding:0} #c-s-in{max-height:100%;height:100%;top:0;transform:none} .cc_div .b-tg{transform:scale(1.1);right:1.1em} #s-inr{margin:0;padding-bottom:7.9em;border-radius:0} #s-bns{height:7.9em} #s-bl,.cc_div .bar #s-bl{padding:1.3em} #s-hdr,.cc_div .bar #s-hdr{padding:0 1.3em} #s-bl table{width:100%} #s-inr.bns-t{padding-bottom:10.5em} .bns-t #s-bns{height:10.5em} .cc_div .bns-t .c-bn{font-size:.83em;padding:.9em 1.6em} #s-cnt .b-bn .b-tl{padding-top:1.2em;padding-bottom:1.2em} #s-bl table,#s-bl tbody,#s-bl td,#s-bl th,#s-bl thead,#s-bl tr,#s-cnt{display:block} #s-bl thead tr{position:absolute;top:-9999px;left:-9999px} #s-bl tr{border-top:1px solid #e3e7ed;border-color:var(--cc-cookie-table-border)} #s-bl td{border:none;position:relative;padding-left:35%} #s-bl td:before{position:absolute;left:1em;padding-right:.625em;white-space:nowrap;content:attr(data-column);color:#000;color:var(--cc-text);overflow:hidden;text-overflow:ellipsis} #cm .c-bn,.cc_div .c-bn{width:100%;margin-right:0} #s-cnt #s-rall-bn{margin-left:0} .cc_div #c-bns{flex-direction:column} #c-bns button+button,#s-cnt button+button{margin-top:.625em;margin-left:0;float:unset} #cm.box,#cm.cloud{left:1em;right:1em;width:auto} #cm.cloud.left,#cm.cloud.right{margin:0} .cc_div .cloud #c-bns,.cc_div .cloud #c-inr,.cc_div .cloud #c-inr-i{display:block;width:auto;min-width:unset} .cc_div .cloud #c-txt{font-size:.9em} .cc_div .cloud #c-bns{margin-top:1.625em}} .cc_div.ie #c-vln{height:100%;padding-top:5.62em} .cc_div.ie .bar #c-vln{padding-top:0} .cc_div.ie #cs{max-height:37.5em;position:relative;top:0;margin-top:-5.625em} .cc_div.ie .bar #cs{margin-top:0;max-height:100%} .cc_div.ie #cm{border:1px solid #dee6e9} .cc_div.ie #c-s-in{top:0} .cc_div.ie .b-tg{padding-left:1em;margin-bottom:.7em} .cc_div.ie .b-tg .c-tgl:checked~.c-tg:after{left:1.95em} .cc_div.ie #s-bl table{overflow:auto} .cc_div.ie .b-tg .c-tg{display:none} .cc_div.ie .b-tg .c-tgl{position:relative;display:inline-block;vertical-align:middle;margin-bottom:.2em;height:auto} .cc_div.ie #s-cnt .b-bn .b-tl{padding:1.3em 6.4em 1.3em 1.4em} .cc_div.ie .bar #s-bl td:before{display:none} .cc_div.ie .bar #s-bl td{padding:.8em .625em .8em 1.2em} .cc_div.ie .bar #s-bl thead tr{position:relative} .cc_div.ie .b-tg .t-lb{filter: alpha(opacity=0);} .cc_div.ie #cm-ov,.cc_div.ie #cs-ov{filter: alpha(opacity=80);}