.nav-button,.portfolio-section .singe-portfolio:hover .portfolio-img,.portfolio-section .showcase:hover .showcase-img,.showcase-section .singe-portfolio:hover .portfolio-img,.showcase-section .showcase:hover .showcase-img,.portfolio-item .project-info,.portfolio-project .project-info,#team-popup:before,#team-popup:after{-webkit-backface-visibility:hidden;backface-visibility:hidden}.pop-up-wrapper .form-container .fake-checkbox span[class*='-privacy'],.form-holder .fake-checkbox span[class*='-privacy']{display:inline-block;vertical-align:middle}.page-section.content-divide>.container,.page-section.content-divide>.container-fluid{display:-moz-flex;display:flex}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none !important}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:"Playfair Display";src:url("../fonts/PlayfairDisplay/PlayfairDisplay-Regular.eot");src:url("../fonts/PlayfairDisplay/PlayfairDisplay-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/PlayfairDisplay/PlayfairDisplay-Regular.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Poppins";src:url("../fonts/Poppins/Poppins-Regular.eot");src:url("../fonts/Poppins/Poppins-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins/Poppins-Regular.woff2") format("woff2");font-display:swap}@font-face{font-family:"PoppinsBold";src:url("../fonts/Poppins/Poppins-Bold.eot");src:url("../fonts/Poppins/Poppins-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins/Poppins-Bold.woff2") format("woff2");font-weight:700;font-display:swap}@font-face{font-family:"Poppins-Light";src:url("../fonts/Poppins/Poppins-Light.eot");src:url("../fonts/Poppins/Poppins-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/Poppins/Poppins-Light.woff") format("woff"),url("../fonts/Poppins/Poppins-Light.woff2") format("woff2");font-display:swap}@font-face{font-family:'icomoon';src:url("../assets/icons/icomoon.woff2?v=2019.10.29145221") format("woff2"),url("../assets/icons/icomoon.woff?v=2019.10.29145221") format("woff"),url("../assets/icons/icomoon.woff2?v=2019.10.29145221") format("woff2");font-display:swap}.icon-attachment:before,.icon-behance:before,.icon-check:before,.icon-circle-plus:before,.icon-contract:before,.icon-cross:before,.icon-dribbble:before,.icon-drsh-back:before,.icon-email:before,.icon-facebook:before,.icon-feed:before,.icon-follow:before,.icon-google-plus:before,.icon-hand:before,.icon-happy:before,.icon-instagram:before,.icon-keyboard_arrow_down:before,.icon-keyboard_arrow_left:before,.icon-keyboard_arrow_right:before,.icon-linkedin:before,.icon-mail-envelope-closed:before,.icon-mail:before,.icon-menu:before,.icon-narucivanje-header-shape:before,.icon-phone:before,.icon-pinterest-white:before,.icon-plus:before,.icon-slider-arrow:before,.icon-twitter:before,.icon-undo:before,.icon-write:before,.pop-up-wrapper.open .contact-us-btn span:before,.order-norobot-field .form-field input[type='checkbox']:checked+label .icon-cross:before{font-family:'icomoon';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;speak:none;text-decoration:none;text-transform:none}.icon-arrow-up svg{width:12px;height:40px}@media only screen and (max-width: 1500px){.icon-arrow-up svg{height:23px}}.icon-attachment:before{content:""}.icon-behance:before{content:""}.icon-check:before{content:""}.icon-circle-plus:before{content:"+"}.icon-contract:before{content:""}.icon-cross:before{content:"×"}.icon-dribbble:before{content:""}.icon-drsh-back:before{content:""}.icon-email:before{content:""}.icon-facebook:before{content:""}.icon-feed:before{content:""}.icon-follow:before{content:""}.icon-google-plus:before{content:""}.icon-hand:before{content:""}.icon-happy:before{content:""}.icon-instagram:before{content:""}.icon-keyboard_arrow_down:before{content:""}.icon-keyboard_arrow_left:before{content:""}.icon-keyboard_arrow_right:before{content:""}.icon-linkedin:before{content:""}.icon-mail-envelope-closed:before{content:""}.icon-mail:before{content:""}.icon-menu:before{content:""}.icon-narucivanje-header-shape:before{content:""}.icon-phone:before{content:""}.icon-pinterest-white:before{content:""}.icon-plus:before{content:""}.icon-slider-arrow:before{content:"⟶"}.icon-twitter:before{content:""}.icon-undo:before{content:""}.icon-write:before{content:""}body,button,input,select,textarea{color:#656565;font-family:"Poppins",sans-serif;font-size:16px;line-height:1.8}@media only screen and (max-width: 600px){body,button,input,select,textarea{line-height:1.6}}h1,h2,h3,h4,h5,h6{clear:both;font-family:"ConcursoModerne BTN Regular",serif;font-weight:400;color:#333;line-height:1.5}h5{font-size:27px;margin-bottom:10px}h5::before{top:18px}p{margin-bottom:1em;margin-top:0}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#999;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{cursor:help}mark,ins{text-decoration:none}big{font-size:125%}::-webkit-input-placeholder{color:#333}::-moz-placeholder{color:#333}:-ms-input-placeholder{color:#333}:-moz-placeholder{color:#333}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:#fff;margin-bottom:0 !important}body::-moz-selection{color:#292929;background:#fce07a}body::selection{color:#292929;background:#fce07a}blockquote,q{quotes:'' ''}blockquote:before,blockquote:after,q:before,q:after{content:''}hr{border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 3em}ul{list-style:disc}li>ul,li>ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:bold}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}blockquote{margin-top:30px;margin-bottom:35px;padding:5px 0 5px 20px;border-left:4px solid #facc16;font-size:18px;font-style:italic;line-height:1.6}@media only screen and (max-width: 600px){blockquote{font-size:16px;line-height:1.5;padding:0 20px}}ol{list-style:none;margin-left:0;counter-reset:item}ol li{counter-increment:item;align-items:center;margin-bottom:10px}ol li::before{content:counter(item);font-size:48px;line-height:1;font-weight:bold;color:#facc16;font-family:'PoppinsBold', sans-serif;min-width:35px;text-align:center;position:relative;top:10px;margin-right:10px;display:inline-block}ol li strong{display:inline-block;margin-bottom:10px}@media only screen and (max-width: 767px){ol{padding-left:0}}code{display:inline-table;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:auto;margin-bottom:1em;padding:20px;background-color:#272323;color:#facc16}p code{padding:6px 20px 6px 20px}.privacy-form-link{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap}.org{margin-bottom:70px}@media only screen and (max-width: 640px){.org{margin-bottom:50px}}.org .image-cetion{width:40%;display:flex;flex-direction:column}.org .text-content{width:100%}.org a{font-family:'PoppinsBold', sans-serif}.org.section-content{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:50px 80px 50px 30px;box-shadow:0px 0px 20px 0px #dedede;margin:0 30px 50px !important}@media only screen and (max-width: 768px){.org.section-content{flex-direction:column;padding:50px 70px}}@media only screen and (max-width: 640px){.org.section-content{flex-direction:column;padding:30px 16px;font-size:14px;text-align:center}}.org .content-intro{text-transform:none;font-family:'Poppins-Light';margin-bottom:15px}@media only screen and (max-width: 768px){.org .content-intro{margin-bottom:25px}}.org .content-intro p{margin-bottom:0;line-height:1.5;font-size:15px}.org.logo{margin:0 auto}.org .section-title{margin-bottom:20px;font-size:38px}@media only screen and (max-width: 768px){.org .section-title{text-align:center;padding:10px 0}}@media only screen and (max-width: 640px){.org .container{padding:0 25px}}.hi-title-wrapper .hi-title-inner-wrapper{font-family:'PoppinsBold', sans-serif;font-size:31px}.hi-title-wrapper .hi-title-inner-wrapper:hover{color:#333 !important}.bold-link{font-weight:600}.yellow-block-width{width:80% !important}.notificator{position:fixed;display:flex;bottom:20px;left:20px;z-index:301;padding-right:30px;width:0;transition:width 0ms ease 800ms, box-shadow 300ms ease;padding:0;overflow:hidden}.notificator::before{content:'';display:block;position:absolute;left:0;top:0;background-color:#fff;width:0;height:100%;transition:300ms ease}.notificator img{transform:scale(0);transition:350ms ease 300ms}.notificator a{font-weight:bold;color:#000}.notificator a:hover{color:#facc16}.notificator.show{width:64px}.notificator.show .close-notificator{pointer-events:none;height:3em;width:3em}.notificator.show .notificator-content{width:0;white-space: nowrap;padding:0}.notificator.show img{transition:350ms cubic-bezier(0.685, 1.58, 0.78, 0.925);transform:scale(1)}.notificator.show .notificator-img-2{opacity:0}.notificator.show.large{width:300px;box-shadow:0px 3px 10px -5px rgba(51,51,51,0.4);transition:width 0ms, box-shadow 300ms ease 600ms}.notificator.show.large .notificator-img-2{opacity:1}.notificator.show.large .close-notificator{pointer-events:all;height:3em;width:3em;overflow:hidden;transition:opacity 0ms ease 600ms;opacity:1}.notificator.show.large .notificator-content{transition:transform 300ms ease 350ms, opacity 300ms ease 350ms, width 300ms;opacity:1;transform:translateX(0);padding:15px}.notificator.show.large::before{transition:300ms ease 350ms;width:100%}.notificator-content{position:relative;display:flex;align-items:center;background-color:#fff;padding:15px;opacity:0;transform:translateX(30px);transition:300ms ease 0ms}.close-notificator{position:absolute;right:0;top:0;padding:0;display:block;border:none;background:none;font-size:10px;height:0;width:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:300ms}.close-notificator::after,.close-notificator::before{content:'';position:absolute;display:block;height:1.1em;width:1px;background-color:#000;opacity:0.3;transform-origin:center center;transition:300ms}.close-notificator::after{transform:rotate(45deg)}.close-notificator::before{transform:rotate(-45deg)}.close-notificator:hover::after,.close-notificator:hover::before{opacity:1}.notifier-collapse{position:relative;display:block;padding:0;margin:0;border:none;background:none;height:64px;width:64px}.notifier-collapse:focus,.notifier-collapse:active{outline:none}.notificator-img-2{position:absolute;left:0;top:0;z-index:2}button,input[type='button'],input[type='reset'],input[type='submit']:not(.popart-btn){border:1px solid;border-radius:3px;color:rgba(0,0,0,0.8);line-height:1;padding:0.6em 1em 0.4em}input[type='text'],input[type='email'],input[type='url'],input[type='password'],input[type='search'],input[type='number'],input[type='tel'],input[type='range'],input[type='date'],input[type='month'],input[type='week'],input[type='time'],input[type='datetime'],input[type='datetime-local'],input[type='color'],textarea{border-radius:3px;padding:3px}textarea{width:100%}.pop-up-wrapper .rev-text-wrap{width:100%}.cookie-law{visibility:hidden;opacity:0;position:fixed;bottom:0;left:0;right:0;width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;box-sizing:border-box;padding:1.05556rem 2rem;background-color:#292929;color:#d8d8d8;font-size:0.77778rem;z-index:1099;transition:500ms ease 4000ms}.cookie-law-headline{font-weight:500;color:#e6e7f0}.cookie-law-link{border-bottom:0.07556rem solid #7d818e;font-weight:500;letter-spacing:0.025em;color:#e6e7f0;transition:color 0.3s ease-out}.cookie-law-button{display:inline-block;margin:0 0.27rem;padding:0.3755rem 1.1755rem;border-radius:25px;background-color:#facc16;color:#292929;font-weight:700;text-transform:uppercase;cursor:pointer;font-family:'PoppinsBold', sans-serif;transition:background-color 0.3s ease-out}.cookie-law-button:hover,.cookie-law-button:focus{background-color:#e6e7f0}.cookie-law-button-decline{background-color:#7d818e}@media only screen and (max-width: 1250px){.cookie-law{flex-direction:column;justify-content:flex-start;align-items:flex-start}.cookie-law-button{margin-top:20px}.cookie-law-button:first-child{margin-left:0}}.forms-wrapper{width:100%;top:0;left:0;height:100%;overflow:auto}#chose-form{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%}@media only screen and (max-width: 600px){#chose-form{padding:0 15px;width:300px}}#order-form{padding-top:60px;margin:0 auto;width:100%}@media only screen and (max-width: 767px){#order-form{padding-top:30px}}#contact-us-form{padding-top:60px;margin:0 auto;width:100%}@media only screen and (max-width: 767px){#contact-us-form{padding-top:30px}}@media only screen and (max-width: 599px){.pop-up-wrapper.open .form-field{margin-bottom:30px}}@media only screen and (max-width: 599px){.pop-up-wrapper.open .half-width{width:100% !important}}#careers-form{padding-top:60px;margin:0 auto;width:100%}@media only screen and (max-width: 767px){#careers-form{padding-top:30px}}@media only screen and (max-width: 1024px){.half-width{width:49% !important}}@media only screen and (max-width: 568px){.half-width{width:100% !important}}.order-norobot-field .order-norobot label{font-size:11px !important}@media only screen and (max-width: 1024px){.order-norobot-field .order-norobot label{font-size:9px !important}}.notification-message,#contact-form-response,#careers-form-response,#graphic-form-response,#seo-form-response,#web-form-response{display:none;width:100%;margin-bottom:0 !important;min-height:50px;font-size:14px !important;line-height:1.5 !important;padding:5px 22px !important;border-radius:25px;letter-spacing:-0.5px;text-align:center;outline:none;transition:0.35s ease}@media only screen and (max-width: 1024px){.notification-message,#contact-form-response,#careers-form-response,#graphic-form-response,#seo-form-response,#web-form-response{font-size:15px !important}}.order-form .write-text .outer-wrapper.show{padding-left:60px}@media only screen and (max-width: 600px){.order-form .write-text .outer-wrapper.show{font-size:28px;padding-left:40px}}@media only screen and (max-width: 600px){.language-field label{padding:30px 0;display:inline-block}}.cookie-law.is-visible{visibility:visible;opacity:1}.form-top{display:flex;align-items:center;justify-content:space-between;width:100%;flex-direction:row;flex-wrap:wrap}.form-top .fade-input{width:48%}html{background:#333}@media only screen and (max-width: 1250px){main.show section{-webkit-animation:fadeUp 0ms ease 0ms forwards;animation:fadeUp 0ms ease 0ms forwards}main section{opacity:0;padding-top:100px;-webkit-animation:fadeUp 700ms ease 2300ms forwards;animation:fadeUp 700ms ease 2300ms forwards}}.prevent-desktop-scrolling{overflow:hidden}blockquote{border-left:4px solid #ffce12;padding:0 0 0 20px;margin-top:20px}.preloader-svg-wrapper{position:fixed;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10101;background-color:rgba(255,255,255,0.2);opacity:0}body{position:relative;height:100%;margin-bottom:889px;background-color:#fff;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}body ::-moz-selection{background:rgba(250,204,22,0.61)}body ::selection{background:rgba(250,204,22,0.61)}@media only screen and (max-width: 1025px){body{margin-bottom:0}}body.blur{overflow-y:hidden;position:fixed;top:0;left:0;width:100%;height:100%}#banner,#main,#newsletter-subscribe,#mastfoot,#site-logo{transition:all 700ms cubic-bezier(0.75, 0.1, 0.25, 1)}.blur{overflow:hidden;overflow-y:hidden}.blur #banner,.blur #main,.blur #newsletter-subscribe,.blur #mastfoot,.blur #site-logo{-webkit-filter:blur(3px);filter:blur(3px)}.blur .primary-nav{position:relative;overflow-y:scroll;height:100%}.breadcrumbs{position:relative;z-index:10;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;margin-top:33px;overflow:hidden;transition:300ms}@media only screen and (max-width: 768px){.breadcrumbs{line-height:1.5;margin-bottom:20px}}@media only screen and (max-width: 640px){.breadcrumbs{margin-top:80px !important}}@media only screen and (max-width: 500px){.breadcrumbs{margin-bottom:0}}.breadcrumbs *{display:inline-block}.breadcrumbs ul{padding:0;margin:0 0 1.5em 1rem;overflow:hidden}@media only screen and (max-width: 640px){.breadcrumbs ul{margin-bottom:0}}.breadcrumbs a{color:#888888}.breadcrumbs li:last-child a{color:#333}.breadcrumbs ul>li{transform:translateY(120%);transition:all 500ms ease}.breadcrumbs ul>li.show{transform:none}.breadcrumbs ul>li:last-child:after{content:none}.breadcrumbs .active{color:#333}.write-text .outer-wrapper{overflow:hidden;display:block}.write-text .outer-wrapper .inner-wrapper{display:block;transform:translateY(100%);transition:all 650ms cubic-bezier(0.85, 0.1, 0.25, 1)}.write-text .outer-wrapper.show .inner-wrapper{transform:none}span.bigletter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;display:block;color:#facc16;font-size:300px;font-family:'PoppinsBold', sans-serif;font-weight:bolder;line-height:1}@media only screen and (max-width: 1649px){span.bigletter{font-size:240px}}@media only screen and (max-width: 1400px){span.bigletter{font-size:159px}}@media only screen and (max-width: 1250px){span.bigletter{font-size:123px}}@media only screen and (max-width: 600px){span.bigletter{font-size:85px}}span.bigletter.animate-bigletter{color:transparent;overflow:hidden;transition:color 1ms ease 150ms}span.bigletter.animate-bigletter:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#facc16;transform:translateX(-101%);transition:all 500ms ease-out}span.bigletter.animate-bigletter.show{color:#facc16}span.bigletter.animate-bigletter.show:before{transform:translateX(101%)}.site-main{margin-top:-1px;padding:0 0 200px;position:relative;background-color:#fff;z-index:300}.site-main ul{list-style:none;padding:0;margin:0}.site-main ul li{position:relative;padding-left:30px;margin-bottom:10px}.site-main ul li:first-child{margin-top:10px}.site-main ul li:before{content:'';display:block;background-color:#facc16;width:6px;height:6px;border-radius:50%;position:absolute;top:11px;left:13px}.site-main ul li:last-child{margin-bottom:15px}@media only screen and (max-width: 1649px){.site-main{padding:0 0 100px}}@media only screen and (max-width: 768px){.site-main{padding:0 0 50px}}.section-usluga ul li::before{top:19px}.order-project .popart-btn{border-color:#facc16;background-color:#facc16;color:#333}.order-project .popart-btn:hover{color:#333}@media only screen and (max-width: 600px){.order-project .popart-btn{padding:15px;font-size:13px;width:100%}}.l-header{position:absolute;top:20px;right:20px;bottom:20px;left:20px;opacity:0;border:1px solid #facc16;z-index:-1;transition:top 500ms ease 300ms,right 500ms ease 300ms,bottom 500ms ease 300ms,left 500ms ease 300ms,opacity 500ms ease 300ms,border-color 2500ms ease}.l-header:before{content:'';position:absolute;top:163px;right:-20px;width:calc(100% + 40px);transform:scaleX(0);display:block;height:1px;background-color:#facc16;transition:width 2300ms ease 1800ms,background-color 2500ms ease}.l-header.show{opacity:1}.l-header.show:before{transform:scaleX(1)}@media only screen and (max-width: 800px){.l-header.show{top:0}}@media only screen and (max-width: 1250px){.l-header:before{top:120px}}@media only screen and (max-width: 767px){.l-header{border-left-color:transparent;border-right-color:transparent}.l-header.show{left:0;right:0;top:0;bottom:0;border-bottom:transparent}.l-header:before{right:0;background-color:transparent !important}}@media only screen and (max-width: 600px){.l-header:before{top:91px}}.l-horizontal{height:0;position:absolute;top:0;left:0;right:0;margin:0 auto;z-index:-1;border-right:1px solid #facc16;border-left:1px solid #facc16;transition:height 300ms ease-in 100ms,border-color 1700ms ease}@media only screen and (min-width: 768px){.l-horizontal{left:0;right:0;width:600px}}@media only screen and (min-width: 1024px){.l-horizontal{width:930px}}@media only screen and (min-width: 1650px){.l-horizontal{width:1224px}}.l-horizontal.show{height:100%}.l-horizontal:after,.l-horizontal span{position:absolute;top:0;display:block;width:1px;height:100%;background-color:#facc16;transition:background-color 2500ms ease}.l-horizontal:after{content:'';left:0;right:0;margin:0 auto}.l-horizontal span:first-child{left:25%}.l-horizontal span:last-child{right:25%}.fade-lines .l-header{border-color:#fef5d0}.fade-lines .l-header:before{background-color:#fef5d0}.fade-lines .l-horizontal{border-color:#fef5d0}.fade-lines .l-horizontal:after,.fade-lines .l-horizontal span{background-color:#fef5d0}.clear:before,.clear:after,.container:before,.container:after{content:"";display:table;table-layout:fixed}.clear:after,.container:after{clear:both}.container{margin:0 auto;padding:0 45px}@media only screen and (min-width: 768px){.container{padding:0 15px;width:630px}}@media only screen and (max-width: 768px){.container{padding:0 15px}}@media only screen and (min-width: 1024px){.container{width:960px}}@media only screen and (min-width: 1650px){.container{width:1254px}}@media only screen and (max-width: 450px){.container{padding:0 15px}}.page-section{padding-top:10px;position:relative;z-index:10}.page-section .section-image{position:relative;overflow:hidden;transition:all 350ms ease !important}.page-section .section-image:after{content:'';display:block;position:absolute;width:100%;height:100%;top:0;right:0;background-color:#fef5d0;transform:translateX(-101%);transition:all 2000ms ease}.page-section .section-image img{display:block;width:auto;opacity:0;transition:all 350ms ease !important}.page-section .section-image.show:not(.plx):after{transform:translateX(101%)}.page-section .section-image.show:not(.plx) img{opacity:1;transition:opacity 1ms ease 600ms}.page-section .section-content a:not(.x-btn):not(.carrer-btn){position:relative;font-weight:600;color:#333}.page-section .section-content a:not(.x-btn):not(.carrer-btn)::before{content:'';position:absolute;bottom:-3px;width:0;height:1px;background:#facc16;transition:width 0.5s}.page-section .section-content a:not(.x-btn):not(.carrer-btn):hover::before{width:100%}.page-section.yellow-block{overflow:hidden}.page-section.yellow-block>.container{position:relative;height:630px;z-index:2}.page-section.yellow-block:not(.video-section)::before{content:'';position:absolute;left:0;top:250px;width:50%;height:95%;background:#facc16;transform:translateX(50%) scaleX(0);transition:transform 1000ms ease}@media only screen and (max-width: 1024px){.page-section.yellow-block:not(.video-section)::before{top:210px}}.page-section.yellow-block .section-content{width:calc(75% - 30px);position:absolute;top:65%;left:15px;transform:translateY(-50%)}.page-section.yellow-block .video-cont{height:600px;width:50%;overflow:hidden;position:absolute;top:calc(50% + 125px);left:50%;transform-origin:left top;transform:translateY(-50%) scale(1, 1);transition:transform 0.7s 0.2s ease-out}.page-section.yellow-block .video-cont video{position:relative;width:100%;top:50%;transform:translateX(-100%) translateY(-50%);transition:transform ease 0.5s}@media only screen and (max-width: 1250px){.page-section.yellow-block .video-cont video{transform:translateX(-100%) translateY(-50%)}}.page-section.yellow-block.show:not(.video-section)::before{transform:translateX(100%) scaleX(1)}.page-section.yellow-block.show .video-cont video{transform:translateX(0) translateY(-50%)}.page-section.yellow-block.yb-alt .section-content{left:auto;right:15px}.page-section.yellow-block.yb-alt:before{left:0}.page-section.yellow-block-higher>.container{margin-bottom:110px}.page-section.content-indent .section-content{margin-left:25%}.page-section.content-shorten .section-content{width:75%}.page-section.content-divide>.container,.page-section.content-divide>.container-fluid{position:relative;align-items:center}.page-section.content-divide .section-image,.page-section.content-divide .section-content{width:50%}.page-section.content-divide img{display:block;margin:0 auto}.page-section p:last-of-type:not(.section-subtitle){margin-bottom:0}.page-section.no-vacancy{pointer-events:none !important;opacity:0.2}@media only screen and (max-width: 1250px){.page-section{padding-top:150px}.page-section.content-indent .section-content{margin-left:0}.page-section.content-shorten .section-content{width:100%}.page-section.yellow-block>.container{height:100%}.page-section.yellow-block:before{height:100%;top:calc(50% + 75px)}.page-section.yellow-block.show .section-content{position:relative;width:100%;left:0;top:0;transform:none}.page-section.yellow-block.show .video-cont{position:relative;left:0;top:0;max-width:960px;width:auto;height:100%;margin:40px auto;padding:0 15px 0 16px;transform:none;margin-bottom:0}.page-section.yellow-block.show .video-cont video{width:100%;transform:none}}@media only screen and (max-width: 1023px){.page-section{padding-top:40px;padding-bottom:30px}.page-section.content-divide>.container,.page-section.content-divide>.container-fluid{display:block}.page-section.content-divide>.container-fluid{padding:0 15px}.page-section.content-divide .section-image,.page-section.content-divide .section-content{width:100%}.page-section.content-divide .section-image{margin:15px 0}.page-section.yellow-block:not(.video-section)>.container{height:auto}.page-section.yellow-block:not(.video-section):before{top:50px;background-color:#fef5d0;height:95%}.page-section.yellow-block:not(.video-section) .section-content{width:100%;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.page-section.yellow-block:not(.video-section).yb-alt .section-content{left:auto;right:auto}.page-section.video-section.show .video-cont{max-width:630px}}@media only screen and (max-width: 600px){.page-section.yellow-block:before{height:90%;top:calc(50% + 40px)}}.parallax{position:relative}.parallax.abs-pos{position:absolute}.plx{position:relative;overflow:visible !important}.plx::after{display:none !important}.plx .pic-overlay{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.plx .bg{position:relative;transform:translateX(-50%) scaleX(0) !important;transition:transform 0.5s !important}.plx .abs-pos{position:absolute;top:0;left:-90px;width:100%;height:100%;opacity:0;transform:translateY(50px);transition:opacity 0.5s, transform 0.5s}.plx .iphone{top:-50px}.plx .stamp{top:50px}.plx .letter{top:110px}.plx .pen{top:170px}.plx .envelope{top:260px}.plx .folded-letter,.plx .iphone{top:400px}.plx .bcard1{top:570px}.plx .bcard2{top:660px}.plx .stamp{top:800px}.plx.show .abs-pos{opacity:1;transform:translateY(0)}.plx.show .bg{opacity:1;transform:translateX(0) scaleX(1) !important}.plx.no-delay .abs-pos{transition-delay:0s !important}.section-title{font-size:48px;line-height:1.2;margin:0 0 35px}@media only screen and (max-width: 1649px){.section-title{font-size:38px}}@media only screen and (max-width: 1250px){.section-title{font-size:28px;margin-bottom:30px}}@media only screen and (max-width: 769px){.section-title{font-size:32px}}@media only screen and (max-width: 600px){.section-title{font-size:20px;margin-bottom:25px}}h3.section-title{font-size:45px}@media only screen and (max-width: 1649px){h3.section-title{font-size:35px}}@media only screen and (max-width: 1250px){h3.section-title{font-size:25px}}@media only screen and (max-width: 768px){h3.section-title{font-size:30px}}@media only screen and (max-width: 600px){h3.section-title{font-size:17px}}p.section-subtitle{font-size:26px;font-weight:500;color:#333;line-height:1.3;margin:0 0 25px}@media only screen and (max-width: 1649px){p.section-subtitle{font-size:20px}}@media only screen and (max-width: 1250px){p.section-subtitle{font-size:18px;margin-bottom:20px}}.x-btn{width:80px;height:80px;display:block;border-radius:50%;position:relative}.x-btn:after,.x-btn:before{content:'';display:block;position:absolute}.x-btn:after{border-radius:50%;background-color:#facc16;z-index:-1;top:0;right:0;bottom:0;left:0;transition:all 350ms ease}.x-btn:before{border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);border-radius:50%;box-shadow:4px 2px 10px rgba(0,0,0,0.05);z-index:-1;top:10px;right:10px;bottom:10px;left:10px;transform:rotate(45deg);transition:all 175ms ease}.x-btn span{display:block;width:80px;height:80px;border-radius:50%;border:2px solid #facc16;transition:all 350ms ease}.x-btn span:before,.x-btn span:after{content:'';display:block;background-color:#383838;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 350ms ease}.x-btn span:before{width:43px;height:2px}.x-btn span:after{width:2px;height:43px}.x-btn.hover-in:after,.x-btn.drag:after{transform:scale(0)}.x-btn.hover-in:before,.x-btn.drag:before{top:-12px;right:-12px;bottom:-12px;left:-12px}.x-btn.hover-in span,.x-btn.drag span{transform:scale(0.88)}.x-btn.hover-in span:before,.x-btn.hover-in span:after,.x-btn.drag span:before,.x-btn.drag span:after{background-color:rgba(0,0,0,0.2)}.x-btn.hover-in.hover-in-alt:before{top:-7px;right:-7px;bottom:-7px;left:-7px}@media only screen and (max-width: 767px){.x-btn{width:60px;height:60px}.x-btn span{width:60px;height:60px}.x-btn span::after{height:22px}.x-btn span::before{width:22px}}.draggable-btn{position:relative;width:80px;height:100px; z-index:1000; padding:0 0 40px}.draggable-btn .x-btn{position:relative;top:0;transition:all 180ms ease-out}.popart-btn{text-transform:uppercase;text-align:center;font-size:14px;font-weight:600;color:#333;line-height:1;border:2px solid #333;border-radius:30px;background-color:transparent;width:220px;padding:18px 0 18px;display:inline-block;vertical-align:middle;position:relative;overflow:hidden;outline:none;transition:350ms ease}@media only screen and (max-width: 600px){.popart-btn{font-size:13px !important;width:100%}}.popart-btn:after{content:"˅";font-family:'icomoon';font-size:24px;color:#333;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;position:absolute;top:50%;right:20px;text-indent:0;transform:translateY(-50%) rotate(-90deg);transition:all 350ms ease}.popart-btn:before{content:'';display:block;width:70px;height:2px;background-color:#333;opacity:0;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all 350ms ease}.popart-btn.white-btn{color:#fff;border-color:#fff}.popart-btn.white-btn:after{color:#fff}.popart-btn.white-btn:before{background-color:#fff}.popart-btn:hover{text-indent:-20px;color:#facc16}.popart-btn:hover:after{opacity:1;text-indent:0}.popart-btn:hover:before{opacity:1;width:12px;left:175px}@media only screen and (max-width: 1650px){.popart-btn:hover:before{left:133px}}@media only screen and (max-width: 1250px){.popart-btn{font-size:12px;width:180px;padding:15px 0 13px}.popart-btn:after{right:10px}.popart-btn:hover:before{left:144px}}@media only screen and (max-width: 1023px){.popart-btn{font-size:11px;width:120px;padding:11px 0 9px}.popart-btn:after,.popart-btn:before{content:none}.popart-btn:hover{text-indent:initial}}@media only screen and (max-width: 1650px){.popart-btn{padding:14px 0 13px}}.site-main .seo-buttons{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;margin-top:20px}.site-main .seo-buttons li.btn-seo-optimization{display:flex;align-items:center;justify-content:center;width:200px;height:60px;padding:10px;border:2px solid;border-radius:70px;text-align:center;line-height:1;cursor:pointer;transition:0.35s ease}.site-main .seo-buttons li.btn-seo-optimization:nth-child(1){margin-top:0;background-color:#6ad6c6;border-color:#43968a}.site-main .seo-buttons li.btn-seo-optimization:nth-child(1):hover{background-color:#43968a}.site-main .seo-buttons li.btn-seo-optimization:nth-child(2){background-color:#3d87ed;border-color:#2a64af}.site-main .seo-buttons li.btn-seo-optimization:nth-child(2):hover{background-color:#2a64af}.site-main .seo-buttons li.btn-seo-optimization:nth-child(3){background-color:#fc615d;border-color:#bf4e4c}.site-main .seo-buttons li.btn-seo-optimization:nth-child(3):hover{background-color:#bf4e4c}.site-main .seo-buttons li.btn-seo-optimization:nth-child(4){background-color:#9782c5;border-color:#7e6ea3}.site-main .seo-buttons li.btn-seo-optimization:nth-child(4):hover{background-color:#7e6ea3}.site-main .seo-buttons li.btn-seo-optimization::before{display:none}.site-main .seo-buttons li.btn-seo-optimization a:not(.x-btn):not(.carrer-btn){color:#fff}.site-main .seo-buttons li.btn-seo-optimization a:not(.x-btn):not(.carrer-btn)::before{display:none}.site-main .seo-buttons li.btn-seo-optimization a{width:200px;height:60px;padding:0;border-radius:70px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 1650px){.site-main .seo-buttons{justify-content:space-between}.site-main .seo-buttons li.btn-seo-optimization{min-width:200px;width:calc(50% - 5px)}}@media only screen and (max-width: 767px){.site-main .seo-buttons li.btn-seo-optimization{width:100%}}.seo-paket-btn{display:block;margin-top:20px;padding:10px 30px;cursor:pointer;transition:0.35s ease}.popart-btn.popart-fill-btn:hover,.popart-btn.popart-fill-btn:focus{text-indent:0;color:#333;background-color:#facc16;border:2px solid #facc16}.popart-btn.popart-fill-btn::after,.popart-btn.popart-fill-btn::before{display:none}.popart-btn.selected-btn{text-indent:0;color:#333;background-color:#facc16;border:2px solid #facc16}.custom-arrows{display:block}.custom-arrows .ca{height:73px;font-size:50px;color:#333;display:block;cursor:pointer}.slick-slide{outline:none}.yellow-bg:before{transform-origin:left top;transform:scale(0, 1);transition:transform 1.8s 0.4s ease-out}.yellow-bg.show:before{transform:scale(1, 1)}.image-section .section-image,.image-section .section-content{float:left}.image-section .section-image.center-col{width:100%;margin-bottom:40px}.image-section .section-image.center-col img{max-width:100%;width:auto;display:block;margin:0 auto}.image-section .section-content{margin-left:0 !important;width:100%}.image-section .section-image.center-col,.image-section .section-content.center-col{width:100%;text-align:center}.image-section .section-content.center-col{padding-left:15px;padding-right:15px}.image-section .section-image.col1{width:25%;padding-left:30px;padding-right:30px}.image-section .section-image.col2{width:50%;padding-left:30px;padding-right:30px}@media only screen and (max-width: 600px){.image-section .section-image.col2{width:100%}}.image-section .section-image.col1 img,.image-section .section-image.col2 img{max-width:100%;width:auto;margin:0 auto}@media only screen and (max-width: 600px){.image-section .section-image.col1 img,.image-section .section-image.col2 img{max-width:100%;margin-bottom:25px}}.image-section .section-content.col11{width:75%}.image-section .section-content.col10{width:50%}@media only screen and (max-width: 600px){.image-section .section-content.col10{width:100%}}.image-center-padding{padding-top:0 !important}.order-section-padding{padding-top:60px !important}.list-icons-section .section-title{margin-bottom:65px}.list-icons-section ul li{padding-left:130px}@media only screen and (max-width: 600px){.list-icons-section ul li{padding-left:80px}}.list-icons-section ul li::before{display:none}.list-icons-section ul li span{display:flex;align-items:center;justify-content:center;position:absolute;top:11px;left:-45px;width:93px;height:93px;border-radius:50%;background-color:#fff;box-shadow:0 15px 35px 0 rgba(51,51,51,0.25)}@media only screen and (max-width: 1025px){.list-icons-section ul li span{left:0}}@media only screen and (max-width: 600px){.list-icons-section ul li span{width:53px;height:53px}}.list-icons-section ul li img{max-width:60px;max-height:60px}@media only screen and (max-width: 600px){.list-icons-section ul li img{width:30px;height:30px;max-width:40%;max-height:40%}}@media only screen and (max-width: 767px){.list-icons-section{padding-left:0}.list-icons-section span{position:relative;margin:0 auto}}.section-left{margin-left:25%}@media only screen and (max-width: 1023px){.section-left{margin-left:0}.pop-up-wrapper.open{top:0 !important}}@media only screen and (max-width: 600px){.video-section{padding-bottom:0}}@media only screen and (max-width: 1250px){.main-navigation{overflow:initial}.nav-wrapper{transform:translateZ(0);display:block}.nav-wrapper.active{-webkit-overflow-scrolling:touch;overflow-y:scroll}}#sidebar{top:0 !important;padding-bottom:100px !important}@media only screen and (max-width: 1600px){#sidebar{max-width:240px}}@media only screen and (max-width: 1280px){#sidebar{max-width:100%;width:100% !important}}@media only screen and (max-width: 1024px){#sidebar{padding-bottom:30px !important}}.sidebar .nav-social svg{width:19px}.sidebar .nav-social path{fill:#333}.input-trigger{border:2px solid #333;border-radius:25px}.input-trigger:hover,.input-trigger:focus{border:2px solid #333 !important;border-radius:25px !important}.notification-message{line-height:1.5 !important;color:#fff}.page-section .section-image img{top:0 !important}.edge-banner{width:100vh !important}@media only screen and (max-width: 1024px){.half-width:nth-child(even){margin-left:10px !important}}@media only screen and (max-width: 600px){.half-width:nth-child(even){margin-left:0 !important}}@media only screen and (max-width: 600px){.top-sec-min{margin-bottom:20px}}@media only screen and (max-width: 600px){#forms-popup .popart-btn{margin-bottom:30px !important}}.slider-arrow,.close-showcase-galllery-btn{box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08)}@media only screen and (max-width: 600px){.hi-title-inner-wrapper{line-height:1 !important;padding-bottom:5px}}.hi-title-inner-wrapper{padding-bottom:5px}@media only screen and (max-width: 600px){.form-btn-right{margin-top:60px}}.portfolio-wrapper{opacity:0}@media only screen and (max-width: 770px){#awwwards{display:none}}.display-scrolling{transition:left 0.7s, opacity 0.7s;opacity:0.2 !important}.hi-details a:hover{color:#fff}.page-section.yellow-block .section-content{width:50%;padding-right:15px}@media only screen and (max-width: 1650px){.popart-btn{width:180px !important}}.scrollmagic-pin-spacer{transition:all 350ms ease !important}.vert-loader{position:fixed;display:flex;height:0;width:100%;top:0;left:0;z-index:99999}.vert-loader.show .vert-loader-bar{height:100%}.vert-loader.active{height:100%}.vert-loader-bar{background-color:#333;width:calc(100% / 6);height:0;transition:500ms}.vert-loader-bar.bar-0{transition-delay:0ms}.vert-loader-bar.bar-1{transition-delay:50ms}.vert-loader-bar.bar-2{transition-delay:100ms}.vert-loader-bar.bar-3{transition-delay:150ms}.vert-loader-bar.bar-4{transition-delay:200ms}.vert-loader-bar.bar-5{transition-delay:250ms}span.rev-text-wrap,span.rev-text,a.rev-text-wrap,a.rev-text,i.rev-text-wrap,i.rev-text,b.rev-text-wrap,b.rev-text,strong.rev-text-wrap,strong.rev-text{display:inline-block}.rev-text-wrap{overflow:hidden}.rev-text{transition:all 350ms ease}.temp-hide{transform:translate(0, 100%)}.section-top{padding-top:60px}@media only screen and (max-width: 767px){.section-top{padding-top:10px}}.blog-wrapper p,.blog-wrapper h3{max-width:480px}@media only screen and (max-width: 600px){.page-webdesign .page-section{padding-bottom:0;padding-top:45px}}.site-main .stores-ogp .section-content ol{margin-top:30px;padding-left:40px}@media only screen and (max-width: 767px){.site-main .stores-ogp .section-content ol{padding-left:0px}}.site-main .stores-ogp .section-content ol li{height:auto;display:block}@media only screen and (max-width: 800px){.site-main .stores-ogp .section-content ol li{margin-bottom:0px}}.stores-ogp .section-content ol li code{padding:6px 20px 6px 20px;margin-top:20px}.stores-ogp .section-content ol li:before{position:relative;top:10px;margin-right:10px;min-width:35px;display:inline-block}.padding-top-fix-stores{padding-top:0}.ogp-page-section{overflow-x:hidden}.ogp-page-section .section-content{overflow-x:hidden}.ogp-page-section .fb_iframe_widget{width:100%}.ogp-page-section .fb_iframe_widget span{width:100% !important}.ogp-page-section .fb_iframe_widget iframe{width:100% !important}._5pcb{width:100% !important}.fleft{float:left}.fright{float:right}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.centered{text-align:center}.color-darkgrey{color:#333}.color-white{color:#fff}.color-gray{color:#656565}.font-main{font-family:"Poppins",sans-serif}.font-serif{font-family:"Playfair Display",serif}.hide-header .site-header .site-branding{opacity:0;transition:opacity ease 0.5s, left ease 0.5s}.site-header{position:fixed;width:100%;left:0;top:0;z-index:1100;transition:transform 300ms ease 0ms,top 300ms ease 2ms,background-color 1ms ease,box-shadow 1ms ease}@media only screen and (max-width: 1250px){.site-header{padding:18px 0}}@media only screen and (max-width: 1250px){.site-header .container{width:auto}}@media only screen and (max-width: 420px){.site-header{padding:0}}.site-header .site-branding{position:relative;display:flex;align-items:center;opacity:1;width:250px;height:100%;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.site-header .site-branding a{transform-origin:0 50%}.site-header .site-branding img,.site-header .site-branding video{display:block;max-width:279px}@media only screen and (max-width: 1750px){.site-header .site-branding img,.site-header .site-branding video{width:230px}}.site-header .site-branding .logo-video{position:absolute;top:50%;left:0;transform:translateY(-50%);display:none}@media only screen and (max-width: 769px){.site-header .site-branding .logo-video{display:none !important}}.site-header .site-branding #css-motion-path{transition:2s ease;motion-path:path("M62.7 28.2s-3.1-.3-7.4-.3H35.9c-1.5 0-5.5 1.3-5.2 6.5.2 3.2 3.1 5.2 7.7 5.2h19.4s5.5.3 5.5 5.5c0 4.4-4.4 5.9-5.1 5.9h-6.5c-3.8 0-11.8-.2-17.5 6.8-4.3 5.3-3.4 12.9-3.2 14 .1 1.1.7 6 5.7 5.6 4.7-.3 5.3-2.6 5.4-6.9 0 0-.2-4.5 2.2-6.8 2.9-2.8 8.9-2.2 11.1-2.3 3.8-.1 20.2.2 20-17.4-.2-13.4-12.6-15.8-12.7-15.8");offset-path:path("M62.7 28.2s-3.1-.3-7.4-.3H35.9c-1.5 0-5.5 1.3-5.2 6.5.2 3.2 3.1 5.2 7.7 5.2h19.4s5.5.3 5.5 5.5c0 4.4-4.4 5.9-5.1 5.9h-6.5c-3.8 0-11.8-.2-17.5 6.8-4.3 5.3-3.4 12.9-3.2 14 .1 1.1.7 6 5.7 5.6 4.7-.3 5.3-2.6 5.4-6.9 0 0-.2-4.5 2.2-6.8 2.9-2.8 8.9-2.2 11.1-2.3 3.8-.1 20.2.2 20-17.4-.2-13.4-12.6-15.8-12.7-15.8")}.site-header::before{content:'';position:absolute;top:-50px;left:0;width:100%;height:calc(100% + 50px);background:rgba(255,255,255,0.96);transform:translateY(-100%);transition:transform 0.5s;transition-delay:0.5s}@media only screen and (max-width: 1600px){.site-header .site-branding img,.site-header .site-branding video{width:179px}}@media only screen and (max-width: 1400px){.site-header .site-branding{position:absolute;top:50%;left:2.5%;transform:translateY(-50%)}}@media only screen and (max-width: 1250px){.site-header{top:0}.site-header .site-branding{position:relative;top:auto;left:0;transform:none}.site-header .site-branding img,.site-header .site-branding video{max-width:150px}}@media only screen and (max-width: 768px){.site-header .site-branding{left:0}}@media only screen and (max-width: 450px){.site-header .site-branding{left:-10px}}#header-line{position:absolute;height:1px;width:0;background:#fef5d0;transition:width 1s;transition-delay:1s}.fade-lines #header-line{width:100%}.sticky-header .site-header .site-branding{position:absolute;top:50%;left:40px;transform:translateY(-50%)}.sticky-header .site-header .site-branding svg{transform:translateY(5px) translateX(0)}@media only screen and (max-width: 1440px){.sticky-header .site-header .site-branding svg{transform:translateY(5px) translateX(-30px)}}@media only screen and (max-width: 1400px){.sticky-header .site-header .site-branding{position:absolute;top:50%;left:2.5%;transform:translateY(-50%)}}@media only screen and (max-width: 1250px){.sticky-header .site-header .site-branding{position:relative;top:auto;left:-30px;transform:none}}.slow-header .site-header{transition:transform 1500ms ease 2ms,top 1500ms ease 2ms,background-color 1ms ease,box-shadow 1ms ease}.hide-header .site-header{transform:translateY(-110%)}.sticky-header .site-header{top:0;box-shadow:0px 3px 10px -5px rgba(51,51,51,0.4);transition:transform 300ms ease,top 300ms ease,background-color 1ms ease 600ms,box-shadow 1ms ease 600ms}.sticky-header .site-header::before{transform:translateY(0)}.sticky-header .site-header .site-branding a{transform:scale(0.8)}@media only screen and (max-width: 1250px){.sticky-header .site-header .site-branding a{transform:scale(0.7)}}@media only screen and (max-width: 1023px){.sticky-header .site-header .site-branding{max-width:47px}.sticky-header .site-header .site-branding a{transform:none}}.sep-line:before{top:752px !important}.phone-en span{padding-right:20px}.explorer-nav .single-portfolio-count{min-height:73px;margin-top:120px}.nav-up{transform:translate(0, -100%)}.not-top{box-shadow:0px 3px 10px -5px rgba(51,51,51,0.4);background-color:rgba(255,255,255,0.96)}.not-top .main-navigation{padding:30px 0}.not-top .hi-wrapper.hi-wrapper{top:71px;padding-top:23px}.not-top .site-branding img,.not-top .site-header .site-branding video{display:block;max-width:250px !important}@media only screen and (max-width: 1750px){.not-top .site-branding img,.not-top .site-header .site-branding video{max-width:170px !important}}@media only screen and (max-width: 640px){.not-top .site-branding img,.not-top .site-header .site-branding video{max-width:150px !important}}.not-top .site-branding .logo-video{max-width:250px !important}@media only screen and (max-width: 1750px){.not-top .site-branding .logo-video{max-width:200px !important}}.logo3{background:#fff;width:85px;height:85px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;margin-left:10px}.site-header .site-branding .logo3>svg{width:44px;position:relative;left:3px;top:3px}.logo3 .path1{stroke-dasharray:374.0748291015625}.logo3 .path2{stroke-dasharray:390.4734802246094;stroke-dashoffset:-390.4734802246094}.logo3:hover .path1{-webkit-animation:animateFinal 0.82s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;animation:animateFinal 0.82s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards}.logo3:hover .path2{-webkit-animation:animateFinal2 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;animation:animateFinal2 1s cubic-bezier(0.645, 0.045, 0.355, 1) forwards}@-webkit-keyframes animateFinal{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-374.0748291015625}}@keyframes animateFinal{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-374.0748291015625}}@-webkit-keyframes animateFinal2{0%{stroke-dashoffset:390.4734802246094;stroke-dasharray:390.4734802246094}100%{stroke-dashoffset:-17;stroke-dasharray:374.4734802246094}}@keyframes animateFinal2{0%{stroke-dashoffset:390.4734802246094;stroke-dasharray:390.4734802246094}100%{stroke-dashoffset:-17;stroke-dasharray:374.4734802246094}}.text{position:absolute;left:80%;height:150px;width:230px;z-index:-1;overflow:hidden}.site-header .site-branding .text .popart{position:absolute;right:100%;left:auto;opacity:0;transition:0s all cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s,0.3s opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:160px;transform:translateX(0);top:55px}.site-header .site-branding .logo3:hover .popart{right:50%;transform:translateX(50%);opacity:1;transition:1s all cubic-bezier(0.215, 0.61, 0.355, 1) 0s,0s opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0s}.site-header .site-branding .text .studio{position:absolute;right:100%;left:auto;transition:0s all cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s,0.3s opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transform:translateX(0);top:90px;opacity:0;width:100px}.site-header .site-branding .logo3:hover .studio{right:50%;transform:translateX(50%);opacity:1;transition:1s all cubic-bezier(0.215, 0.61, 0.355, 1) 0s,0s opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0s}.not-top .site-branding .text .popart{top:48px;width:122px}.not-top .site-branding .text .studio{top:74px;width:78px}.not-top .site-branding .logo3{height:67px;width:67px}.not-top .site-branding .logo3>svg{width:34px}.not-top .site-branding .text{height:127px;width:180px}@media only screen and (max-width: 1750px){.logo3{width:70px;height:70px}.site-header .site-branding .logo3>svg{width:36px;left:2px;top:2px}.site-header .site-branding .text .popart{width:130px;top:58px}.site-header .site-branding .text .studio{width:80px;top:86px}.site-header .site-branding .text{width:190px}.not-top .site-branding .logo3{height:62px;width:62px}.not-top .site-branding .logo3>svg{width:31px;left:2px;top:1px}.not-top .site-branding .text .popart{width:117px}.not-top .site-branding .text .studio{width:70px;top:83px}.not-top .site-branding .text{height:147px;width:165px}}@media only screen and (max-width: 1600px){.logo3{width:54px;height:54px;margin-left:6px}.site-header .site-branding .logo3>svg{width:27px;left:2px;top:1px}.site-header .site-branding .text{height:100%;width:155px}.site-header .site-branding .text .popart{width:110px;top:14px}.site-header .site-branding .text .studio{width:60px;top:37px}.not-top .site-branding .logo3{width:54px;height:54px}.not-top .site-branding .logo3>svg{width:27px;left:2px;top:1px}.not-top .site-branding .text .popart{width:104px;top:13px}.not-top .site-branding .text .studio{width:64px;top:36px}.not-top .site-branding .text{height:100%;width:145px}}@media only screen and (max-width: 1250px){.logo3{width:46px;height:46px;margin-left:6px}.site-header .site-branding .logo3>svg{width:23px;left:1px}.site-header .site-branding .text{height:100%;width:114px}.site-header .site-branding .text .popart{width:80px;top:13px}.site-header .site-branding .text .studio{width:40px;top:31px}.not-top .site-branding .logo3{width:46px;height:46px}.not-top .site-branding .logo3>svg{width:23px}.not-top .site-branding .text .popart{width:80px;top:10px}.not-top .site-branding .text .studio{width:40px;top:28px}.not-top .site-branding .text{height:100%;width:114px}}@media only screen and (max-width: 769px){.site-header .site-branding .text .popart{display:none}.site-header .site-branding .text .studio{display:none}.logo3:hover .path1{-webkit-animation:none;animation:none}.logo3:hover .path2{-webkit-animation:none;animation:none}}@media only screen and (max-width: 420px){.logo3{margin-top:10px;margin-bottom:10px}}.nav-wrapper .header-icons .header-icon{display:flex;justify-content:center;align-items:center}.nav-wrapper .header-icons .header-icon svg{width:17px}.nav-wrapper .header-icons .header-icon path{transition:0.3s}.nav-wrapper .header-icons .hi-email svg{width:20px}.nav-wrapper .header-icons .header-icon__follow svg{width:25px}.header-icon-wrap:hover path{fill:#333}@media only screen and (max-width: 1250px){.nav-wrapper .header-icons .header-icon path{fill:#333}}.hi-email-title{display:none}.hi-email-address{display:none}.header-icons svg{width:20px}.header-icons svg path{transition:0.2s}.header-icons svg:hover path{fill:#fff}.rss-fix{position:relative;top:-5px}.page-banner{min-height:960px;padding-bottom:0;position:relative;background-color:#fff;z-index:100;padding-top:180px}.page-banner .banner-inner{display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:flex-end}@media only screen and (max-width: 1550px){.page-banner{min-height:800px}}@media only screen and (max-width: 1400px){.page-banner{display:flex;flex-direction:column;justify-content:center;min-height:570px;padding-bottom:100px}}@media only screen and (max-width: 820px){.page-banner{min-height:0}}@media only screen and (max-width: 640px){.page-banner{padding-top:0}}@media only screen and (max-width: 420px){.page-banner{display:block}}@media only screen and (max-width: 1024px) and (min-width: 641px){.page-banner .popart-btn.popart-btn.popart-btn:not(:first-child){margin-left:10px;max-width:29%}}.page-banner h1 .rev-text-wrap{margin-top:-0.25em;width:100%}.page-banner h1 .rev-text-wrap:first-child{margin-top:0}.page-banner .banner-object{display:flex;justify-content:flex-end;align-items:flex-start;position:absolute;max-width:50%;right:0;z-index:10;opacity:0;transform:translateX(-200px);transition:all 350ms ease}.page-banner .banner-object .banner-image{display:none;margin-left:auto;margin-right:0}@media only screen and (max-width: 1250px){.page-banner .banner-object .header-video{display:none}.page-banner .banner-object .banner-image{display:block}}@media only screen and (max-width: 640px){.page-banner .banner-object{position:relative;max-width:100%}}@media only screen and (max-width: 500px){.page-banner .banner-object{padding-bottom:150px !important}}.page-banner .banner-object.show{transform:translateX(0);opacity:1;right:0 !important;transition:all 800ms ease 100ms}.page-banner .banner-object img,.page-banner .banner-object video{display:block;max-width:100%}.page-banner .banner-object img{max-height:100%}.page-banner .banner-object video{z-index:1}.page-banner>.container{position:relative;z-index:20}.page-banner.home-banner{min-height:950px}@media only screen and (max-width: 1500px){.page-banner.home-banner{min-height:850px}}@media only screen and (max-width: 1420px){.page-banner.home-banner{min-height:815px}}@media only screen and (max-width: 1250px){.page-banner.home-banner{min-height:650px;padding-top:100px}}@media only screen and (max-width: 640px){.page-banner.home-banner{padding-top:0px}}@media only screen and (max-width: 500px){.page-banner.home-banner{min-height:580px}}@media only screen and (max-width: 1400px){.page-banner.home-banner .container{width:100%}}.page-banner.home-banner>.container{margin-top:200px}@media only screen and (max-width: 1649px){.page-banner.home-banner>.container{margin-top:100px}}@media only screen and (max-width: 1400px){.page-banner.home-banner>.container{margin-top:50px}}@media only screen and (max-width: 420px){.page-banner.home-banner>.container{margin-top:80px}}@media only screen and (max-width: 1649px){.page-banner.home-banner .banner-inner{width:1210px}}@media only screen and (max-width: 1400px){.page-banner.home-banner .banner-inner{width:100%}}@media only screen and (max-width: 1023px){.page-banner .container{width:100%}}.page-banner .banner-object{z-index:9;max-width:50%}@media only screen and (max-width: 1400px){.page-banner .banner-object{max-width:60%}}@media only screen and (max-width: 767px){.page-banner .banner-object{max-width:75%}}@media only screen and (max-width: 640px){.page-banner .banner-object{max-width:100%}}.page-banner .banner-object img{transform-origin:right top}.page-banner .banner-object img.reset-transform{transform:none}@media only screen and (max-width: 1250px){.page-banner .banner-object img.banner-image{max-width:100%;width:auto;margin-left:auto}}.page-banner .banner-caption{bottom:0;left:15px}.page-banner .banner-caption span.bigletter{margin-bottom:-145px;float:left;position:relative}@media only screen and (max-width: 600px){.page-banner .banner-caption span.bigletter{margin-bottom:-40px}}.page-banner h1{margin:0;padding-left:1rem;font-size:77px;line-height:1.25;position:relative}@media only screen and (max-width: 1024px){.page-banner h1{padding-left:1rem}}.page-banner h2{padding-left:1rem;font-weight:500;font-size:26px;color:#333;margin-top:50px;font-family:'Poppins', sans-serif;font-weight:600;font-size:20px;letter-spacing:0.5px}.page-banner h2 .rev-text-wrap{display:block;width:100%}@media only screen and (max-width: 1649px){.page-banner h1{font-size:55px}.page-banner h2{position:relative;z-index:1;font-size:17px;margin-top:10px}.page-banner .banner-caption span.bigletter{margin-bottom:-87px;padding-left:0.4rem;font-size:200px}}@media only screen and (max-width: 1649px) and (max-width: 1024px){.page-banner .banner-object img .banner-object{padding:0}}@media only screen and (max-width: 1250px){.page-banner h1{font-size:45px}.page-banner h2{margin-top:20px;font-size:19px}}@media only screen and (max-width: 1250px) and (max-width: 640px){.page-banner>.container{height:auto;min-height:auto}}@media only screen and (max-width: 1250px){.page-banner .banner-caption{margin:20px 0}}@media only screen and (max-width: 1250px) and (max-width: 600px){.page-banner .banner-caption{margin-top:35px}}@media only screen and (max-width: 1250px){.page-banner .banner-caption span.bigletter{margin-bottom:-77px}}@media only screen and (max-width: 1250px) and (max-width: 640px){.page-banner .banner-caption span.bigletter{font-size:100px;margin-bottom:-55px}}@media only screen and (max-width: 1250px){.page-banner span.bigletter{font-size:120px}}@media only screen and (max-width: 767px){.page-banner{padding-bottom:15px}.page-banner .banner-object{padding:0}.page-banner h1{font-size:27.5px}.page-banner h2{font-size:18px}}@media only screen and (max-width: 501px){.page-banner{padding-bottom:30px}.page-banner .banner-object{padding-bottom:20px !important}}#homewebdesign{padding-bottom:60px}@media only screen and (max-width: 767px){#homewebdesign{padding-bottom:20px}}#homewebdev{padding-bottom:60px}@media only screen and (max-width: 767px){#homewebdev{padding-bottom:20px}}@media only screen and (max-width: 767px){#homeslider{padding-bottom:20px}}@media only screen and (max-width: 767px){.home-graphicdesign{padding-bottom:20px;margin-bottom:0}}.home-banner .scroll-btn{display:none;position:absolute;left:0;right:0;text-align:center;bottom:-7px}.home-banner .scroll-btn .mouse{border:2px solid #292929}@media only screen and (max-width: 1024px){.home-banner .scroll-btn{display:none !important}}.home-banner .scroll-btn .mouse>*{background:#facc17}.page-banner .banner-caption{width:72%}@media only screen and (max-width: 500px){.page-banner .banner-caption{width:100%}}.home-banner .banner-caption{bottom:0;padding-bottom:40px}.home-banner .info-buttons-wrapper{height:auto;margin-bottom:30px}@media only screen and (max-width: 1400px){.home-banner .banner-caption,.home-banner .info-buttons-wrapper .container{transform:translate(0, 0)}}@media only screen and (max-width: 600px){.info-buttons-wrapper{padding:0 15px;height:130px !important}.info-buttons-wrapper .container{position:relative !important;transform:translateY(0)}}.header-video{position:relative;top:0;right:0;opacity:0;transition:opacity 0.5s}.has-video.visible .header-video,.has-video.visible .layer{opacity:1 !important}.has-video.visible .overlay{opacity:0}.mask-img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.banner-object{top:185px}@media only screen and (max-width: 1400px){.banner-object{top:102px}}@media only screen and (max-width: 1250px){.banner-object{top:90px}}.home-banner h1{padding-left:0}@media only screen and (max-width: 1400px){.home-banner h1{padding-left:5px}}@media only screen and (max-width: 1649px){.home-banner #baner-links{width:1210px}}@media only screen and (max-width: 1400px){.home-banner #baner-links{width:100%}}.home-banner .info-buttons-wrapper .popart-btn:first-child{margin-left:0}@media only screen and (max-width: 1400px){.home-banner .info-buttons-wrapper .popart-btn:first-child{margin-left:5px}}.page-banner .container{padding:0}.home-banner .container{padding:0 15px}.info-buttons-wrapper{height:164px;position:relative;z-index:30;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all 500ms ease 800ms}.info-buttons-wrapper .popart-btn:first-child{margin-left:16px}.info-buttons-wrapper.show{width:100%}.info-buttons-wrapper .container{position:absolute;top:50%;left:0;right:0;margin:0 auto;transform:translateY(-50%)}.info-buttons-wrapper .container button,.info-buttons-wrapper .container a{opacity:0;transform:translateY(50px);transition:all 350ms ease}.info-buttons-wrapper .container button.show,.info-buttons-wrapper .container a.show{opacity:1;transform:none}.info-buttons-wrapper .container button:not(:first-child),.info-buttons-wrapper .container a:not(:first-child){margin-left:25px}@media only screen and (max-width: 501px){.info-buttons-wrapper .container{position:relative}}@media only screen and (max-width: 1250px){.info-buttons-wrapper{height:121px}}@media only screen and (max-width: 1040px){.info-buttons-wrapper{height:200px}}@media only screen and (max-width: 1023px){.info-buttons-wrapper .container a:first-child{margin-right:10px}}@media only screen and (max-width: 769px){.info-buttons-wrapper .container{top:30%}}@media only screen and (max-width: 640px){.info-buttons-wrapper .container{display:flex;align-items:center}.info-buttons-wrapper .container button,.info-buttons-wrapper .container a{width:calc(50% + 20px);padding:15px;border:1px solid #000;font-size:10px}.info-buttons-wrapper .container button:first-child,.info-buttons-wrapper .container a:first-child{margin-right:0}.info-buttons-wrapper .container button:not(:first-child),.info-buttons-wrapper .container a:not(:first-child){margin-left:0;right:-20px}.info-buttons-wrapper.narucivanje-info-buttons-wrapper .container button:first-child,.info-buttons-wrapper.narucivanje-info-buttons-wrapper .container button:not(:first-child),.info-buttons-wrapper.narucivanje-info-buttons-wrapper .container a:first-child,.info-buttons-wrapper.narucivanje-info-buttons-wrapper .container a:not(:first-child){margin-left:0;right:0}}@media only screen and (max-width: 640px){.page-order-banner .banner-caption{margin-top:120px}}@media only screen and (max-width: 460px){.page-order-banner .banner-caption{margin-top:90px}}@media only screen and (max-width: 640px){.page-order-banner .info-buttons-wrapper{height:180px}.page-order-banner .info-buttons-wrapper .container{display:flex;flex-direction:column}.page-order-banner .info-buttons-wrapper .container button,.page-order-banner .info-buttons-wrapper .container a{margin-bottom:10px;width:100%}.page-order-banner .info-buttons-wrapper .container button:not(:first-child),.page-order-banner .info-buttons-wrapper .container a:not(:first-child){margin-left:0}}@media only screen and (max-width: 600px){.info-buttons-wrapper .container{display:block !important}.page-order-banner .info-buttons-wrapper{height:180px;margin-top:31px;display:block}.popart-btn{width:100% !important;margin:0 auto !important;display:block;float:none;margin-bottom:10px !important;margin-top:15px !important;position:relative;right:0 !important}}.header-icons{position:absolute;right:50px;top:0;height:100%;display:flex;flex-wrap:wrap;align-items:center;padding:0;margin:0;list-style:none}.header-icons .header-icon-wrap{background-color:#333;border-radius:50%;margin-right:10px;transition:350ms ease}@media only screen and (max-width: 1500px){.header-icons .header-icon-wrap{margin-right:5px}}.header-icons .header-icon-wrap:last-child{margin:0}.header-icons .header-icon-wrap .hi-wrapper{opacity:0;visibility:hidden;width:320px !important}@media only screen and (max-width: 1250px){.header-icons .header-icon-wrap .hi-wrapper{width:360px !important}}@media only screen and (min-width: 100px){.header-icons .header-icon-wrap.show,.header-icons .header-icon-wrap:hover{background-color:#facc16}.header-icons .header-icon-wrap.show .header-icon,.header-icons .header-icon-wrap:hover .header-icon{color:#333}.header-icons .header-icon-wrap.show .hi-wrapper,.header-icons .header-icon-wrap:hover .hi-wrapper{opacity:1;visibility:visible;transition:0.4s ease}.header-icons .header-icon-wrap.show .hi-content,.header-icons .header-icon-wrap:hover .hi-content{background-color:#facc16;box-shadow:inset 0 0 12px 2px #f8b309;width:100%;transition:width 400ms ease, background-color 00ms ease, box-shadow 400ms ease}.header-icons .header-icon-wrap.show .hi-title .hi-title-inner-wrapper,.header-icons .header-icon-wrap:hover .hi-title .hi-title-inner-wrapper{transform:none;transition:all 500ms cubic-bezier(0.85, 0.1, 0.25, 1) 600ms}.header-icons .header-icon-wrap.show .hi-details,.header-icons .header-icon-wrap:hover .hi-details{opacity:1;transform:none;transition:500ms ease 300ms}}.header-icons .header-icon{display:block;position:relative;line-height:1;color:#fff;width:48px;height:48px;transition:350ms ease;cursor:pointer}@media only screen and (max-width: 1500px){.header-icons .header-icon{width:40px;height:40px}}@media only screen and (max-width: 460px){.header-icons .header-icon{width:43px;height:43px}}.header-icons .header-icon span,.header-icons .header-icon::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.header-icons .header-icon.icon-email{font-size:14px}@media only screen and (max-width: 1500px){.header-icons .header-icon.icon-email{font-size:12px}}.header-icons .header-icon.icon-email span{display:none}.header-icons .header-icon.icon-follow{font-size:22px}.header-icons .header-icon.lang-info{font-weight:600}@media only screen and (max-width: 1500px){.header-icons .header-icon.lang-info{font-size:15px}}.header-icons .hi-wrapper{width:100%;position:absolute;top:104px;right:-30px;padding-top:79px;opacity:0;visibility:hidden;transition:400ms ease}@media only screen and (max-width: 1700px){.header-icons .hi-wrapper{width:350px !important}}@media only screen and (max-width: 1400px){.header-icons .hi-wrapper{top:75px;padding-top:28px}}.header-icons .hi-content{border-bottom:1px solid #f8b309;height:215px;width:0;overflow:hidden;float:right;padding:40px 24px 0;transition:1ms ease 400ms}.header-icons .hi-content ul{color:#333;list-style:none;padding:20px 0 0 0;margin:0}.header-icons .hi-content span{color:#333;cursor:pointer;transition:all 350ms ease}.header-icons .hi-content span:hover{color:#fff}.header-icons .hi-title{font-size:36px;font-weight:700;line-height:1;color:#333}.header-icons .hi-title .hi-title-wrapper{overflow:hidden;display:block}.header-icons .hi-title .hi-title-inner-wrapper{display:block;transform:translateY(100%);transition:1ms ease 400ms}.header-icons .hi-details{opacity:0;transform:translateX(-10px);transition:1ms ease 400ms}.header-icons .hi-phone{font-size:16px;line-height:1}.header-icons .hi-phone li:first-child span{padding-bottom:4px}.header-icons .hi-phone li:last-child span{padding-top:4px}.header-icons .hi-phone a{margin-left:20px}.header-icons .hi-phone span{font-weight:500;display:inline-block;width:90px;border-right:1px solid #333;box-sizing:content-box}.header-icons .hi-lang li{display:inline-block;padding-right:13px}.header-icons .hi-lang li:last-child{padding-right:0;padding-left:15px}.header-icons .hi-lang li:nth-child(2){border-left:1px solid rgba(51,51,51,0.1);border-right:1px solid rgba(51,51,51,0.1)}.header-icons .hi-lang li:nth-child(2) a{padding-left:15px}@media only screen and (max-width: 1250px){.header-icons .hi-lang li{font-size:14px}}.header-icons .hi-lang a{display:block}.header-icons .hi-lang span{display:block}.header-icons .hi-lang span:first-child{font-weight:600}.header-icons .hi-lang span:last-child{text-transform:lowercase;font-weight:300}.header-icons .hi-lang-o li{padding-right:4px}.header-icons .hi-follow li{display:inline-block;font-size:20px;margin-right:7px}@media only screen and (max-width: 1250px){.header-icons{position:relative;height:auto;right:auto;display:flex;align-items:center;justify-content:center;top:50px;margin-bottom:40px}.header-icons .header-icon-wrap{background-color:#fff;margin-right:20px}.header-icons .header-icon-wrap:hover,.header-icons .header-icon-wrap:focus{background-color:#facc16}.header-icons .header-icons .hi-title .hi-title-inner-wrapper{transition:0s}.header-icons .hi-wrapper{right:0;top:auto;bottom:40px;padding-bottom:28px}.header-icons .hi-details{transition:0.3s}.header-icons .hi-details a{transition:0s all, 0.3s color}.header-icons .hi-content{transition:0s}.header-icons .header-icons .hi-content span{transition:0.3s}.header-icons .hi-content{max-width:320px;width:100%;float:none;background-color:#facc16;margin:0 auto}.header-icons .hi-content ul{text-align:initial;color:#333}.header-icons .hi-title{pointer-events:none}.header-icons .hi-title .hi-title-inner-wrapper{color:#333;text-align:left}.header-icons .header-icon{color:#333}}@media only screen and (max-width: 400px){.header-icons .header-icon-wrap{margin-right:14px}}.blog-icon{margin-right:10px}@media only screen and (max-width: 1024px){.blog-icon{border:none;background-color:#fff !important;color:#333 !important}}.blog-icon span{font-size:12px;background-color:#333;color:#fff !important;border:2px solid #333;border-radius:50%;text-transform:uppercase;font-weight:700;display:flex !important;align-items:center;justify-content:center;transition:all 350ms ease}.blog-icon span:hover,.blog-icon span:active,.blog-icon span:focus{background-color:#facc16;border:2px solid #facc16;color:#333 !important}@media only screen and (max-width: 1500px){.blog-icon span{font-size:10px}}@media only screen and (max-width: 1250px){.blog-icon span{background-color:#fff !important;color:#333 !important;border:none}.blog-icon span:hover,.blog-icon span:active,.blog-icon span:focus{background-color:#facc16 !important;border:none;color:#333 !important}}@media only screen and (max-width: 1024px){.marketing-page .section-content{padding-bottom:0;padding-top:60px}}.accordion{overflow:hidden}.accordion .container{position:relative;max-height:115px;transition:0.35s ease}.accordion .x-btn{position:relative;top:0;left:calc(50% + 265px);transition:0s linear}@media only screen and (max-width: 1649px){.accordion .x-btn{left:calc(50% + 192px)}}.accordion .section-content{overflow:hidden;width:50%;margin-top:-75px}@media only screen and (max-width: 600px){.accordion .section-content{margin-top:-58px}}.accordion.odd .x-btn{left:auto}.accordion.odd .section-content{position:relative;left:25%}.accordion.active-acc{overflow:visible}.accordion.active-acc .x-btn{position:-webkit-sticky;position:sticky;top:150px;transition:0s linear}@media only screen and (max-width: 767px){.accordion.active-acc .x-btn{transform:translateX(-5px)}}@media only screen and (max-width: 1649px) and (min-width: 1025px){.accordion .section-title{font-size:30px;min-height:108px}}.accordion-title{display:block;font-family:"Playfair Display",serif;color:#333}@media only screen and (max-width: 767px){.accordion .x-btn{left:100%;width:50px;height:50px;transform:translateX(calc(-100% - 5px))}.accordion .x-btn span{width:50px;height:50px}.accordion .x-btn span::before{width:22px}.accordion .x-btn span::after{height:22px}}@media only screen and (max-width: 1024px){.accordion{margin-top:50px}.accordion .section-title{margin-bottom:40px;margin-top:0}}.site-footer{position:relative;bottom:0;left:0;right:0;width:100%;padding-top:150px;background-color:#383838;text-align:center;color:#fff}.site-footer a,.site-footer h2{color:#fff}.site-footer a:hover{color:#facc16}.site-footer .footer-pretitle{font-size:18px}.site-footer h2{margin:15px 0 25px}.site-footer .footer-email{font-size:14px}@media only screen and (max-width: 1024px){.site-footer .footer-email{font-size:17px}}@media only screen and (max-width: 768px){.site-footer .footer-email{font-size:16px;line-height:1.7}}@media only screen and (max-width: 600px){.site-footer .footer-email{font-size:15px}}.site-footer .footer-info{margin-top:80px;padding-left:0;padding-right:0;font-size:14px;text-align:left}.site-footer .footer-info>ul,.site-footer .footer-info address{width:25%;float:left;margin:0;padding:0;font-style:normal;list-style:none}.site-footer .footer-info ul{list-style:none;margin:0;padding:0}.site-footer .footer-info li{margin-bottom:5px}.site-footer .footer-info li:last-child{margin-bottom:0}.site-footer .footer-info li.finfo-title{text-transform:uppercase;font-size:18px;margin-bottom:10px}.site-footer .footer-info a{color:#fff}.site-footer .footer-info a:hover{color:#facc16}.site-footer .footer-social{margin-top:60px}.site-footer .footer-social span{display:inline-block;vertical-align:middle;font-size:20px;margin:0 12px;transition:all 350ms ease}@media only screen and (max-width: 440px){.site-footer .footer-social span{margin:0 5px}}.site-footer .footer-social span:hover{color:#facc16;cursor:pointer}.site-footer .copyright{display:block;font-size:12px;font-weight:300;margin-top:15px;padding-bottom:30px}.site-footer #toTop{display:inline-flex;cursor:pointer;width:70px;margin:0 auto;margin-bottom:20px;transform:scale(1);line-height:0.7;height:70px;background:#facc16;border-radius:100%;justify-content:center;align-items:center}@media only screen and (max-width: 1500px){.site-footer #toTop{width:40px;margin-bottom:10px;height:40px}}.site-footer #toTop span{position:relative;color:#383838;font-size:38px}@media only screen and (max-width: 1500px){.site-footer #toTop span{font-size:27px}}@media only screen and (max-width: 767px){.site-footer #toTop span{font-size:27px}}.site-footer #toTop img{position:relative;display:block;width:100%;z-index:3}.site-footer #toTop::before{content:'';position:absolute;border-radius:100%;top:0;left:0;width:100%;height:100%;z-index:2}.site-footer #toTop:hover::before{-webkit-animation:sonar-effect2 0.8s ease-out 75ms;animation:sonar-effect2 0.8s ease-out 75ms}@media only screen and (max-width: 1649px){.site-footer{padding-top:80px}.site-footer h2{margin:15px 0 5px}.site-footer .footer-info{margin-top:50px}.site-footer .footer-info li{margin-bottom:0}.site-footer .copyright{margin-top:25px}}@media only screen and (max-width: 1250px){.site-footer{padding-top:50px}.site-footer h2{margin:20px 0 10px}.site-footer .footer-info{margin-top:40px}.site-footer .footer-social{margin-top:40px}.site-footer .copyright{margin-top:40px}}@media only screen and (max-width: 1025px){.site-footer{position:static}.site-footer .footer-info ul,.site-footer .footer-info address{width:100%;margin-bottom:30px;text-align:center}}@media only screen and (max-width: 600px){.site-footer{position:relative;bottom:auto;left:auto;width:100%;padding-left:15px;padding-right:15px}.site-footer .footer-info ul,.site-footer .footer-info address{float:none}.site-footer .footer-info li:last-child{margin-bottom:5px}}@-webkit-keyframes sonar-effect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(51,51,51,0.1),0 0 10px 10px #fff,0 0 0 10px rgba(51,51,51,0.5)}100%{box-shadow:0 0 0 2px rgba(51,51,51,0.1),0 0 10px 10px #fff,0 0 0 10px rgba(51,51,51,0.5);transform:scale(1.2);opacity:0}}@keyframes sonar-effect{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(51,51,51,0.1),0 0 10px 10px #fff,0 0 0 10px rgba(51,51,51,0.5)}100%{box-shadow:0 0 0 2px rgba(51,51,51,0.1),0 0 10px 10px #fff,0 0 0 10px rgba(51,51,51,0.5);transform:scale(1.2);opacity:0}}@-webkit-keyframes sonar-effect2{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(250,204,22,0.1),0 0 10px 10px #fff,0 0 0 10px rgba(250,204,22,0.5)}100%{box-shadow:0 0 0 2px rgba(250,204,22,0.1),0 0 10px 10px #fff,0 0 0 10px rgba(250,204,22,0.5);transform:scale(1.2);opacity:0}}@keyframes sonar-effect2{0%{opacity:0.3}40%{opacity:0.5;box-shadow:0 0 0 2px rgba(250,204,22,0.1),0 0 10px 10px #fff,0 0 0 10px rgba(250,204,22,0.5)}100%{box-shadow:0 0 0 2px rgba(250,204,22,0.1),0 0 10px 10px #fff,0 0 0 10px rgba(250,204,22,0.5);transform:scale(1.2);opacity:0}}@media only screen and (max-width: 1400px){.section-title{font-size:32px}.site-footer h2{margin:5px 0 5px}.site-footer .footer-pretitle{font-size:15px}}@media only screen and (max-width: 1400px) and (max-width: 1024px){.site-footer .footer-pretitle{font-size:22px}}@media only screen and (max-width: 1400px) and (max-width: 768px){.site-footer .footer-pretitle{font-size:17px;line-height:1.8}}@media only screen and (max-width: 1400px) and (max-width: 600px){.site-footer .footer-pretitle{font-size:15px}}@media only screen and (max-width: 1400px){.site-footer .footer-social{margin-top:35px}.site-footer .copyright{margin-top:15px;margin-bottom:0}.site-footer .footer-info{margin-top:35px}.site-footer .footer-info ul,.site-footer .footer-info address{padding-left:0}.site-footer .footer-info li.finfo-title{font-size:15px}}@media only screen and (max-width: 1400px) and (max-width: 1024px){.site-footer .footer-info li.finfo-title{font-size:19px}}@media only screen and (max-width: 1400px) and (max-width: 768px){.site-footer .footer-info li.finfo-title{font-size:21px}}@media only screen and (max-width: 1400px) and (max-width: 600px){.site-footer .footer-info li.finfo-title{font-size:15px}}@media only screen and (max-width: 1400px){.site-footer .footer-info a,.site-footer .footer-info li{font-size:16px;line-height:1.8}}@media only screen and (max-width: 1400px) and (max-width: 1024px){.site-footer .footer-info a,.site-footer .footer-info li{font-size:18px}}@media only screen and (max-width: 1400px) and (max-width: 600px){.site-footer .footer-info a,.site-footer .footer-info li{font-size:15px}}@media only screen and (max-width: 1024px){.section-title{font-size:35px}}@media only screen and (max-width: 600px){.section-title{font-size:23.5px}}.pop-up-wrapper{position:fixed;z-index:10100;width:0;height:100%;right:0;top:0}.pop-up-wrapper .contact-us-wrapper{width:70px;height:70px;position:absolute;right:50px;bottom:70px;transform:scale(0);transition:all 400ms ease}@media only screen and (max-width: 1400px){.pop-up-wrapper .contact-us-wrapper{bottom:125px}}.pop-up-wrapper .contact-us-wrapper.show{transform:none}.pop-up-wrapper .contact-us-wrapper:after{content:'';display:block;background-color:#333;border-radius:50%;position:absolute;top:50%;left:50%;width:250vw;height:250vw;margin-top:-125vw;margin-left:-125vw;z-index:-1;transform:scale(0.005);transition:transform 600ms 400ms}@media only screen and (max-width: 1024px){.pop-up-wrapper .contact-us-wrapper:after{width:320vw;height:320vw}}.pop-up-wrapper .contact-us-wrapper:before{content:'';display:block;pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px rgba(51,51,51,0.1);opacity:0;transform:scale(0.7)}.pop-up-wrapper .contact-us-wrapper:hover:before{-webkit-animation:sonar-effect 0.8s ease-out 75ms;animation:sonar-effect 0.8s ease-out 75ms}.pop-up-wrapper .contact-us-btn{line-height:1;display:block;color:#fff;font-size:25px;width:70px;height:70px;text-align:center;padding:21px 0;border-radius:50%;position:relative;transition:transform 400ms ease,background-color 400ms ease,color 400ms ease}.pop-up-wrapper .contact-us-btn:before{content:'';display:block;top:0;left:0;position:absolute;background-color:#292929;height:100%;width:100%;border-radius:50%;transition:transform 400ms ease,background-color 400ms ease,color 400ms ease}.pop-up-wrapper .contact-us-btn .icon-write{position:relative;display:block}.pop-up-wrapper .contact-us-btn span:before{display:none}.pop-up-wrapper .contact-us-btn span .icon-write__email{position:absolute;left:calc(50% - 13px);top:4px;width:28px;-webkit-animation:cycleIcons1 6s ease 0s infinite normal both running;animation:cycleIcons1 6s ease 0s infinite normal both running}@media only screen and (max-width: 1650px){.pop-up-wrapper .contact-us-btn span .icon-write__email{left:calc(50% - 11px);top:18px;width:23px}}.pop-up-wrapper .contact-us-btn span .icon-write__hand{-webkit-animation:cycleIcons2 6s ease 0s infinite normal both running;animation:cycleIcons2 6s ease 0s infinite normal both running;position:absolute;left:calc(50% - 12px);top:-2px;width:20px}@media only screen and (max-width: 1650px){.pop-up-wrapper .contact-us-btn span .icon-write__hand{left:calc(50% - 12px);top:11px;width:18px}}.pop-up-wrapper .contact-us-btn span .icon-write__write{-webkit-animation:cycleIcons3 6s ease 0s infinite normal both running;animation:cycleIcons3 6s ease 0s infinite normal both running;position:absolute;left:calc(50% - 12px);top:calc(50% - 6px);width:24px}@media only screen and (max-width: 1650px){.pop-up-wrapper .contact-us-btn span .icon-write__write{left:calc(50% - 9px);top:calc(50% + 7px);width:18px}}.pop-up-wrapper .contact-us-btn:hover:before{transform:scale(0.9)}.pop-up-wrapper.open{width:100%}.pop-up-wrapper.open .contact-us-wrapper{bottom:calc(100% - 120px)}.pop-up-wrapper.open .contact-us-wrapper:after{transform:none}.pop-up-wrapper.open .contact-us-wrapper:hover:before{-webkit-animation:none;animation:none}.pop-up-wrapper.open .contact-us-btn{color:#333;font-size:33px;padding:16px 0}.pop-up-wrapper.open .contact-us-btn:before{background-color:#facc16}.pop-up-wrapper.open .contact-us-btn span:before{content:""}.pop-up-wrapper.open .contact-us-btn span:before{-webkit-animation:none;animation:none}@media only screen and (max-width: 1650px){.pop-up-wrapper .contact-us-wrapper,.pop-up-wrapper .contact-us-btn{height:55px;width:55px;padding:0;line-height:62px;font-size:20px}.pop-up-wrapper.open .contact-us-wrapper,.pop-up-wrapper.open .contact-us-btn{padding:0;line-height:68px}}@media only screen and (max-width: 1250px){.pop-up-wrapper .contact-us-wrapper{right:20px;bottom:100px}.pop-up-wrapper.open .contact-us-btn{padding:0;font-size:27px;line-height:46px}}@media only screen and (max-width: 1023px){.pop-up-wrapper{transition:background-color 1ms ease 400ms,width 400ms ease}.pop-up-wrapper.open{background-color:#333;transition:width 400ms ease 400ms}.pop-up-wrapper.open .contact-us-wrapper{bottom:calc(100% - 80px)}.pop-up-wrapper.open .contact-us-wrapper:after{content:none}}@media only screen and (max-width: 768px){.pop-up-wrapper .contact-us-wrapper{bottom:50px}}.icon-write{position:relative}.open .icon-write{position:relative;top:3px}@media only screen and (max-width: 1650px){.open .icon-write{top:0}}@media only screen and (max-width: 1250px){.open .icon-write{top:9px}}.forms-wrapper{position:absolute;color:#fff}.forms-wrapper .write-text .inner-wrapper{transition:all 600ms ease-in-out}.forms-wrapper p{padding-left:60px;font-size:70px;font-family:"Playfair Display",serif;margin-bottom:80px;line-height:1.4}.forms-wrapper .popart-btn{margin-right:30px}@media only screen and (max-width: 1250px){.forms-wrapper p{font-size:50px}}@media only screen and (max-width: 767px){.forms-wrapper{overflow-y:auto}}@media only screen and (max-width: 600px){.forms-wrapper{max-width:300px}.forms-wrapper p{font-size:30px}.forms-wrapper .popart-btn{margin-right:0;margin-bottom:20px;display:block}}.pop-up-wrapper .forms-wrapper{position:relative}@media only screen and (max-width: 1650px){.pop-up-wrapper .forms-wrapper{width:700px;min-width:700px;max-width:700px}}@media only screen and (max-width: 767px){.pop-up-wrapper .forms-wrapper{width:550px;min-width:550px;max-width:550px;margin-left:auto;margin-right:auto}}@media only screen and (max-width: 599px){.pop-up-wrapper .forms-wrapper{width:100%;min-width:100px;max-width:5555px}.pop-up-wrapper .forms-wrapper .rev-text-wrap{padding-right:62px}}.smaller-text@media only screen and (max-width: 767px){.pop-up-wrapper .form-title-left{padding-left:20px}.pop-up-wrapper .form-title-left span{font-size:24px}}@media only screen and (max-width: 767px){.pop-up-wrapper .form-btn-right{margin-top:0}}.pop-up-wrapper .form-container,.form-holder{max-width:920px;position:relative;display:none}.pop-up-wrapper .form-container .popart-fill-btn,.form-holder .popart-fill-btn{background-color:#facc16;border-color:#facc16}.pop-up-wrapper .form-container .prev-form,.form-holder .prev-form{font-size:50px;position:absolute;display:none;cursor:pointer}.pop-up-wrapper .form-container label,.form-holder label{color:#959595}.pop-up-wrapper .form-container .fake-checkbox,.form-holder .fake-checkbox{display:block;float:left}.pop-up-wrapper .form-container .fake-checkbox span[class*='-privacy'],.form-holder .fake-checkbox span[class*='-privacy']{width:66px;height:36px;border:2px solid #959595;border-radius:30px;position:relative;cursor:pointer;margin-right:20px}.pop-up-wrapper .form-container .fake-checkbox span[class*='-privacy']:before,.form-holder .fake-checkbox span[class*='-privacy']:before{position:absolute;left:1px;top:1px;border:2px solid #959595;background-color:#959595;color:#fff;border-radius:50%;font-size:20px;padding:3px;transition:all 350ms ease}.pop-up-wrapper .form-container .fake-checkbox .privacy-form-link,.form-holder .fake-checkbox .privacy-form-link{display:block;float:right;height:36px;line-height:1.3}.pop-up-wrapper .form-container .fake-checkbox .privacy-form-link a,.form-holder .fake-checkbox .privacy-form-link a{text-decoration:underline;transition:350ms ease}.pop-up-wrapper .form-container .fake-checkbox .privacy-form-link a:hover,.form-holder .fake-checkbox .privacy-form-link a:hover{color:#959595}.pop-up-wrapper .form-container input[type='checkbox']:checked+label span:before,.form-holder input[type='checkbox']:checked+label span:before{left:31px;border-color:#facc16;background-color:#facc16}.pop-up-wrapper .form-container .input-wrapper,.form-holder .input-wrapper{position:relative;margin-bottom:40px}.pop-up-wrapper .form-container .input-wrapper label,.form-holder .input-wrapper label{pointer-events:none;position:absolute;top:17.5px;left:25px;line-height:1;transition:all 350ms ease}.pop-up-wrapper .form-container .input-wrapper input:hover+label,.pop-up-wrapper .form-container .input-wrapper input:focus+label,.pop-up-wrapper .form-container .input-wrapper input:valid+label,.pop-up-wrapper .form-container .input-wrapper .fake-input:hover+label,.pop-up-wrapper .form-container .input-wrapper .fake-input:focus+label,.form-holder .input-wrapper input:hover+label,.form-holder .input-wrapper input:focus+label,.form-holder .input-wrapper input:valid+label,.form-holder .input-wrapper .fake-input:hover+label,.form-holder .input-wrapper .fake-input:focus+label{top:-15px;font-size:12px}.pop-up-wrapper .form-container .input-wrapper .input-icon,.form-holder .input-wrapper .input-icon{position:absolute;right:30px;top:17.5px;transform:translateY(-50%);display:block;font-size:20px;color:#959595;opacity:0;transition:opacity 0.5s}.pop-up-wrapper .form-container .input-wrapper:hover .input-icon,.form-holder .input-wrapper:hover .input-icon{color:#fff}@media only screen and (max-width: 1650px){.pop-up-wrapper .form-container .input-wrapper,.form-holder .input-wrapper{margin-bottom:30px}}.pop-up-wrapper .form-container input,.pop-up-wrapper .form-container textarea,.pop-up-wrapper .form-container .fake-input,.form-holder input,.form-holder textarea,.form-holder .fake-input{display:block;outline:none;padding:17px 40px;font-size:14px;line-height:1.2;width:100%;color:#959595;border:2px solid #959595;border-radius:30px;background-color:transparent;transition:all 350ms ease}.pop-up-wrapper .form-container input:hover,.pop-up-wrapper .form-container input:focus,.pop-up-wrapper .form-container textarea:hover,.pop-up-wrapper .form-container textarea:focus,.pop-up-wrapper .form-container .fake-input:hover,.pop-up-wrapper .form-container .fake-input:focus,.form-holder input:hover,.form-holder input:focus,.form-holder textarea:hover,.form-holder textarea:focus,.form-holder .fake-input:hover,.form-holder .fake-input:focus{color:#fff;border-color:#fff}.pop-up-wrapper .form-container input:hover+label,.pop-up-wrapper .form-container input:focus+label,.pop-up-wrapper .form-container textarea:hover+label,.pop-up-wrapper .form-container textarea:focus+label,.pop-up-wrapper .form-container .fake-input:hover+label,.pop-up-wrapper .form-container .fake-input:focus+label,.form-holder input:hover+label,.form-holder input:focus+label,.form-holder textarea:hover+label,.form-holder textarea:focus+label,.form-holder .fake-input:hover+label,.form-holder .fake-input:focus+label{color:#fff}.pop-up-wrapper .form-container .fake-input,.form-holder .fake-input{min-height:50px}.pop-up-wrapper .form-container .fake-input-file,.form-holder .fake-input-file{cursor:pointer}.pop-up-wrapper .form-container .fake-select,.form-holder .fake-select{cursor:pointer;position:relative}.pop-up-wrapper .form-container .fake-select .fake-select-text,.form-holder .fake-select .fake-select-text{pointer-events:none;overflow:hidden;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.pop-up-wrapper .form-container .fake-select .fake-select-text:after,.form-holder .fake-select .fake-select-text:after{content:'';display:block;width:100%;height:1px;background-color:#fff;position:absolute;top:50%;left:0;transform:translate(-100%, -50%)}.pop-up-wrapper .form-container .fake-select .fake-select-text.selecting:after,.form-holder .fake-select .fake-select-text.selecting:after{transform:translate(100%, -50%);transition:all 500ms ease}.pop-up-wrapper .form-container .fake-select.selected+label,.form-holder .fake-select.selected+label{top:-15px;font-size:12px}.pop-up-wrapper .form-container .fake-select:hover,.form-holder .fake-select:hover{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}.pop-up-wrapper .form-container .fake-select:hover .fake-options,.form-holder .fake-select:hover .fake-options{border-color:#fff;height:228px;visibility:visible;opacity:1}.pop-up-wrapper .form-container .fake-select:hover .fake-options:before,.form-holder .fake-select:hover .fake-options:before{width:calc(100% - 80px)}.pop-up-wrapper .form-container .fake-options,.form-holder .fake-options{display:block;position:absolute;background-color:rgba(51,51,51,0.95);width:calc(100% + 4px);left:-2px;top:40px;padding:0 40px;z-index:10;border-bottom-left-radius:30px;border-bottom-right-radius:30px;border-right:2px solid #959595;border-bottom:2px solid #959595;border-left:2px solid #959595;overflow:hidden;height:0;visibility:hidden;opacity:0;transition:all 250ms ease}.pop-up-wrapper .form-container .fake-options .f-opt,.form-holder .fake-options .f-opt{display:block;margin:10px 0;position:relative;transition:all 350ms ease}.pop-up-wrapper .form-container .fake-options .f-opt:first-child,.form-holder .fake-options .f-opt:first-child{margin-top:40px}.pop-up-wrapper .form-container .fake-options .f-opt:last-child,.form-holder .fake-options .f-opt:last-child{margin-bottom:40px}.pop-up-wrapper .form-container .fake-options .f-opt:before,.pop-up-wrapper .form-container .fake-options .f-opt:after,.form-holder .fake-options .f-opt:before,.form-holder .fake-options .f-opt:after{content:'';transition:all 350ms ease}.pop-up-wrapper .form-container .fake-options .f-opt:before,.form-holder .fake-options .f-opt:before{content:"";font-family:'icomoon';font-size:17px;color:#fff;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;position:absolute;top:-2px;left:-5px;transform:rotate(-90deg)}.pop-up-wrapper .form-container .fake-options .f-opt:after,.form-holder .fake-options .f-opt:after{display:block;width:15px;height:2px;background-color:#fff;position:absolute;left:-25px;top:6px;opacity:0}.pop-up-wrapper .form-container .fake-options .f-opt:hover,.form-holder .fake-options .f-opt:hover{padding-left:20px}.pop-up-wrapper .form-container .fake-options .f-opt:hover:before,.form-holder .fake-options .f-opt:hover:before{opacity:1;left:0}.pop-up-wrapper .form-container .fake-options .f-opt:hover:after,.form-holder .fake-options .f-opt:hover:after{width:10px;left:0px;opacity:1}.pop-up-wrapper .form-container .fake-options:before,.form-holder .fake-options:before{content:'';display:block;width:0;height:1px;margin:0 auto;background-color:#fff;position:absolute;left:0;right:0;top:0;transition:all 350ms ease}.pop-up-wrapper .form-container textarea,.form-holder textarea{min-height:200px;resize:none}.pop-up-wrapper .form-container .fake-submit,.form-holder .fake-submit{border-color:#facc16;background-color:#facc16;color:#333;margin-right:0;float:right}.pop-up-wrapper .form-container input[type="file"],.pop-up-wrapper .form-container input[type="checkbox"],.pop-up-wrapper .form-container input.select-dropdown,.form-holder input[type="file"],.form-holder input[type="checkbox"],.form-holder input.select-dropdown{display:none}.pop-up-wrapper .form-container ::-webkit-input-placeholder,.form-holder ::-webkit-input-placeholder{color:#959595}.pop-up-wrapper .form-container ::-moz-placeholder,.form-holder ::-moz-placeholder{color:#959595}.pop-up-wrapper .form-container :-ms-input-placeholder,.form-holder :-ms-input-placeholder{color:#959595}.pop-up-wrapper .form-container :-moz-placeholder,.form-holder :-moz-placeholder{color:#959595}@media only screen and (max-width: 1650px){.pop-up-wrapper .form-container p,.form-holder p{font-size:40px;margin-bottom:30px}.pop-up-wrapper .form-container input,.pop-up-wrapper .form-container textarea,.pop-up-wrapper .form-container .fake-input,.form-holder input,.form-holder textarea,.form-holder .fake-input{display:block;outline:none;padding:12px 30px;font-size:14px;line-height:1.2;width:100%;color:#959595;border:2px solid #959595;border-radius:30px;background-color:transparent;transition:all 350ms ease}.pop-up-wrapper .form-container input:hover,.pop-up-wrapper .form-container input:focus,.pop-up-wrapper .form-container textarea:hover,.pop-up-wrapper .form-container textarea:focus,.pop-up-wrapper .form-container .fake-input:hover,.pop-up-wrapper .form-container .fake-input:focus,.form-holder input:hover,.form-holder input:focus,.form-holder textarea:hover,.form-holder textarea:focus,.form-holder .fake-input:hover,.form-holder .fake-input:focus{color:#fff;border-color:#fff}.pop-up-wrapper .form-container input:hover+label,.pop-up-wrapper .form-container input:focus+label,.pop-up-wrapper .form-container textarea:hover+label,.pop-up-wrapper .form-container textarea:focus+label,.pop-up-wrapper .form-container .fake-input:hover+label,.pop-up-wrapper .form-container .fake-input:focus+label,.form-holder input:hover+label,.form-holder input:focus+label,.form-holder textarea:hover+label,.form-holder textarea:focus+label,.form-holder .fake-input:hover+label,.form-holder .fake-input:focus+label{color:#fff}}@media only screen and (max-width: 1650px){.pop-up-wrapper .form-container .prev-form,.form-holder .prev-form{font-size:40px}}@media only screen and (max-width: 600px){.pop-up-wrapper .form-container p,.form-holder p{font-size:30px}}.visible .input-wrapper .input-icon{opacity:1}.split-inputs .input-wrapper{width:calc(50% - 20px);float:left}.split-inputs>*:nth-child(even){float:right}@media only screen and (max-width: 767px){.split-inputs .input-wrapper{width:100%;float:none}.split-inputs>*:nth-child(even){float:none}}.fade-input{opacity:0;transform:translateY(50px);transition:all 300ms ease-out}.fade-input.show{opacity:1;transform:none}@-webkit-keyframes cycleIcons1{0%{transform-origin:center center;transform:scale(0)}5%{transform-origin:center center;transform:scale(1);opacity:1}25%{transform-origin:center center;transform:scale(1);opacity:1}30%{transform-origin:bottom center;transform:scale(0) rotate(0deg);opacity:0}100%{transform-origin:bottom center;content:"";transform:scale(0) rotate(0deg);opacity:0}}@keyframes cycleIcons1{0%{transform-origin:center center;transform:scale(0)}5%{transform-origin:center center;transform:scale(1);opacity:1}25%{transform-origin:center center;transform:scale(1);opacity:1}30%{transform-origin:bottom center;transform:scale(0) rotate(0deg);opacity:0}100%{transform-origin:bottom center;content:"";transform:scale(0) rotate(0deg);opacity:0}}@-webkit-keyframes cycleIcons2{0%{transform:scale(0) rotate(-30deg);opacity:1}28%{transform:scale(0) rotate(-30deg);opacity:1}31%{transform:scale(1) rotate(30deg)}40%{transform:scale(1) rotate(-30deg)}48%{transform:scale(1) rotate(30deg)}55%{transform:scale(1) rotate(-30deg)}61%{transform-origin:bottom center;content:"";transform:scale(1) rotate(30deg);opacity:1}63%{transform-origin:center center;content:"";transform:scale(0);opacity:0}100%{transform-origin:center center;content:"";transform:scale(0);opacity:0}}@keyframes cycleIcons2{0%{transform:scale(0) rotate(-30deg);opacity:1}28%{transform:scale(0) rotate(-30deg);opacity:1}31%{transform:scale(1) rotate(30deg)}40%{transform:scale(1) rotate(-30deg)}48%{transform:scale(1) rotate(30deg)}55%{transform:scale(1) rotate(-30deg)}61%{transform-origin:bottom center;content:"";transform:scale(1) rotate(30deg);opacity:1}63%{transform-origin:center center;content:"";transform:scale(0);opacity:0}100%{transform-origin:center center;content:"";transform:scale(0);opacity:0}}@-webkit-keyframes cycleIcons3{0%{transform-origin:bottom left;transform:scale(0);opacity:1}66%{transform-origin:bottom left;transform:scale(0);opacity:1}70%{transform-origin:bottom left;transform:scale(1) translate(-10%, -8%) rotate(0)}79%{transform-origin:bottom left;transform:scale(1) translate(10%, 15%) rotate(-15deg)}86%{transform-origin:bottom left;transform:scale(1) translate(18%, -10%) rotate(10deg)}95%{transform-origin:center center;transform:scale(1) translate(25%, 8%) rotate(-10deg);opacity:1}99%{transform-origin:center center;transform:scale(0);opacity:0}100%{transform:scale(0);opacity:1}}@keyframes cycleIcons3{0%{transform-origin:bottom left;transform:scale(0);opacity:1}66%{transform-origin:bottom left;transform:scale(0);opacity:1}70%{transform-origin:bottom left;transform:scale(1) translate(-10%, -8%) rotate(0)}79%{transform-origin:bottom left;transform:scale(1) translate(10%, 15%) rotate(-15deg)}86%{transform-origin:bottom left;transform:scale(1) translate(18%, -10%) rotate(10deg)}95%{transform-origin:center center;transform:scale(1) translate(25%, 8%) rotate(-10deg);opacity:1}99%{transform-origin:center center;transform:scale(0);opacity:0}100%{transform:scale(0);opacity:1}}.footer-social svg{width:20px}.footer-social svg path{transition:0.2s}.footer-social svg:hover path{fill:#facc16}.footer-social a{position:relative;top:-1px}.icon-write__x{display:none;position:relative;left:20px;width:32px;height:29px;top:1px}@media only screen and (max-width: 1650px){.icon-write__x{left:16px;width:24px;height:29px;top:12px}}@media only screen and (max-width: 1250px){.icon-write__x{top:3px}}.open .icon-write__x{display:block}.open .icon-write__email{display:none}.open .icon-write__hand{display:none}.open .icon-write__write{display:none}.contact-us-btn .icon-write{transition:0.3s}.contact-us-btn:hover .icon-write{transform:scale(0.9)}a{color:#333;text-decoration:none;transition:all 350ms ease}a:hover,a:focus,a:active{outline:none}nav ul{list-style:none;margin:0;padding-left:0}.main-navigation{float:right;padding:75px 0;transition:all 300ms ease;margin-right:150px}@media only screen and (max-width: 1500px){.main-navigation{margin-right:150px}}.main-navigation>ul{position:relative}.main-navigation>ul>li:hover>.nav-link-wrap:after,.main-navigation>ul>li.focus>.nav-link-wrap:after{transform:translate(102%, -50%)}@media only screen and (max-width: 1250px){.main-navigation>ul>li:hover>.nav-link-wrap:after,.main-navigation>ul>li.focus>.nav-link-wrap:after{transform:none}}.main-navigation>ul>li:hover>.nav-link-wrap a,.main-navigation>ul>li.focus>.nav-link-wrap a{transform:translateY(-27px)}@media only screen and (max-width: 1250px){.main-navigation>ul>li:hover>.nav-link-wrap a,.main-navigation>ul>li.focus>.nav-link-wrap a{transform:none}}.main-navigation li{float:left;margin-left:45px;position:relative}.main-navigation li:first-of-type{margin-left:0}.main-navigation .nav-link-wrap{display:block;overflow:hidden;position:relative}.main-navigation .nav-link-wrap:after{content:'';display:block;width:100%;height:1px;background-color:#333;position:absolute;top:50%;left:0;transform:translate(-102%, -50%);transition:300ms ease}@media only screen and (max-width: 1250px){.main-navigation .nav-link-wrap:after{transform:none}}.main-navigation a{color:#333;font-weight:600;line-height:1;text-transform:uppercase;display:block;text-decoration:none;position:relative;padding:10px 0 8px;transition:all 300ms ease-out 100ms;-webkit-filter:blur(0px);filter:blur(0px)}.main-navigation a:after{content:attr(data-hover-text);display:block;position:absolute;top:27px;left:0;padding:10px 0 12px;color:#facc16}@media only screen and (max-width: 1250px){.main-navigation a:after{display:none}}@media only screen and (max-width: 1850px){.main-navigation{margin-right:180px}}@media only screen and (max-width: 1649px){.main-navigation{margin-right:150px}.main-navigation li{margin-left:18px}}@media only screen and (max-width: 1550px){.main-navigation li{margin-left:18px}}@media only screen and (max-width: 1400px){.main-navigation{padding-top:35px;padding-bottom:35px}.main-navigation li{margin-left:18px}}.sticky-header .main-navigation{padding:50px 0}@media only screen and (max-width: 1250px){.sticky-header .main-navigation{padding:30px 0}}@media only screen and (min-width: 1251px){.sub-menu-wrapper{position:fixed;top:109px;left:50%;max-width:1224px;width:100%;z-index:99;padding-top:75px;transform-origin:top center;transform:translateX(-50%) scaleY(0);transition:transform 0ms ease 300ms}.sub-menu-wrapper .nav-link-wrap:after{content:none}.sub-menu{border-radius:0 0 5px 5px;background-color:rgba(255,255,255,0.96);box-shadow:0px 5px 10px -5px rgba(51,51,51,0.4);transition:300ms;opacity:0;padding:20px 27px 40px;display:flex;flex-wrap:wrap;color:#fff}.sub-menu .nav-link-wrap{display:block;overflow:visible;transform:rotateY(45deg);transition:50ms ease 300ms;opacity:0}.sub-menu .nav-link-wrap:last-child{margin-right:0}.sub-menu ul{display:flex;width:100%;padding-top:30px;order:3;border-top:1px solid #d6d6d6;margin-top:13px}.sub-menu li{width:100%;margin-left:0;float:none;perspective:1000px}.sub-menu a{text-transform:none;padding:0;transition:300ms}.sub-menu a:after{content:''}.sub-menu a:hover{color:#facc16}.sub-menu a:hover img{box-shadow:0 0 0 10px #fff,0 0 10px 15px rgba(0,0,0,0.09);transform:scale(0.9)}.sub-menu img{pointer-events:all;border-radius:10px;overflow:hidden;float:left;transition:transform 300ms,box-shadow 300ms cubic-bezier(0.25, 0.25, 0.66, 1.65)}.sub-menu:before{content:attr(data-submenu-title);order:1;width:50%;font-size:18px;font-weight:600;text-transform:uppercase}.sub-menu:after{content:attr(data-submenu-desc);order:2;width:50%;text-align:right;font-size:14px}.sub-menu span{position:relative}.nav-item-title{pointer-events:all;font-size:16px}.nav-item-text{display:inline-block;font-size:14px;line-height:18px}.nav-item-text:before{content:'';display:inline-block;height:18px}.sub-menu-has-4 img,.sub-menu-has-6 img,.sub-menu-has-5 img{margin-bottom:18px}.sub-menu-has-4 li,.sub-menu-has-6 li,.sub-menu-has-5 li{margin:0 11px}.sub-menu-has-3 .nav-item-title:before{content:'';display:inline-block;height:40px}.sub-menu-has-3 .nav-item-text{display:inline-block;font-size:14px;line-height:18px;width:175px}.sub-menu-has-3 .nav-item-text:before{content:'';display:inline-block;height:18px}.sub-menu-has-3 img{margin-right:20px;width:179px}.sub-menu-has-2 .nav-item-title:before{content:'';display:inline-block;height:57px}.sub-menu-has-2 .nav-item-text{display:inline-block;font-size:14px;line-height:18px;width:197px}.sub-menu-has-2 .nav-item-text:before{content:'';display:inline-block;height:18px}.sub-menu-has-2 img{margin-right:40px;width:242px}.sub-menu-has-2 li:nth-child(1){padding-left:75px;padding-right:30px}.sub-menu-has-2 li:nth-child(2){padding-left:50px;padding-right:40px}.sub-menu-wrapper{padding-top:73px}}@media only screen and (min-width: 1251px) and (max-width: 1400px){.sub-menu-wrapper{padding-top:30px}}@media only screen and (min-width: 1251px){.sub-menu-wrapper-simple{position:absolute;display:inline-block;left:-20px;transform-origin:top center;transform:scaleY(0);transition:transform 0ms ease 300ms}.sub-menu-wrapper-simple li{width:100%;margin-left:0}.sub-menu-wrapper-simple a{padding:10px 20px}.sub-menu-wrapper-simple a:after{content:''}.sub-menu-wrapper-simple a:hover{color:#facc16}.sub-menu-wrapper-simple span{white-space:nowrap}.sub-menu-wrapper-simple a span{font-size:16px;text-transform:none;font-weight:500;display:inline-block;width:100%;padding-right:50px}.sub-menu-simple{opacity:0;background-color:#fff;box-shadow:0 0 24px 0 rgba(51,51,51,0.07);border-radius:5px;transition:300ms}.not-top .sub-menu-wrapper{padding-top:30px;top:64px}.nav-down li:hover .sub-menu-wrapper-simple{transition:transform 0ms ease 0ms;transform:scaleY(1)}.nav-down li:hover .sub-menu-wrapper{transition:transform 0ms ease 0ms;transform:translateX(-50%) scaleY(1)}.nav-down li:hover .sub-menu-simple{opacity:1}.nav-down li:hover .sub-menu{opacity:1}.nav-down li:hover .sub-menu li:nth-child(1) .nav-link-wrap{transform:rotateY(0);opacity:1;transition:300ms ease 0ms}.nav-down li:hover .sub-menu li:nth-child(2) .nav-link-wrap{transform:rotateY(0);opacity:1;transition:300ms ease 80ms}.nav-down li:hover .sub-menu li:nth-child(3) .nav-link-wrap{transform:rotateY(0);opacity:1;transition:300ms ease 160ms}.nav-down li:hover .sub-menu li:nth-child(4) .nav-link-wrap{transform:rotateY(0);opacity:1;transition:300ms ease 240ms}.nav-down li:hover .sub-menu li:nth-child(5) .nav-link-wrap{transform:rotateY(0);opacity:1;transition:300ms ease 320ms}.nav-down li:hover .sub-menu li:nth-child(6) .nav-link-wrap{transform:rotateY(0);opacity:1;transition:300ms ease 400ms}.nav-down li:hover .sub-menu-wrapper-simple{opacity:1}.sticky-header .sub-menu-wrapper li{font-size:13px;margin-left:20px;transform:translateY(200%)}.sticky-header .nav-down li:hover .sub-menu-wrapper li{transform:translateY(-5px)}}@media only screen and (max-width: 1400px){.main-navigation a{font-size:14px}.sub-menu-wrapper{top:62px}.sub-menu-wrapper a{font-size:12px}}@media only screen and (max-width: 1250px){.nav-wrapper{margin:0;text-align:center;position:fixed;top:0;bottom:0;right:-420px;height:100%;background-color:#383838;width:100%;max-width:420px;overflow:auto;transition:all 700ms cubic-bezier(0.88, -0.26, 0.13, 1.23);z-index:2000}.nav-wrapper.active{right:0;overflow-y:scroll;cursor:pointer;-webkit-overflow-scrolling:touch}.nav-wrapper.active::after{right:0}.main-navigation{float:none;padding:0;margin:170px 0 0;cursor:pointer}.main-navigation ul{position:static}.main-navigation li{float:none;margin:0 0 5px;min-height:40px}.main-navigation li:hover>.nav-link-wrap a,.main-navigation li.focus>.nav-link-wrap a{transform:none}.main-navigation a{display:block;color:#fff;font-size:20px;font-weight:400;line-height:1;letter-spacing:1px}.main-navigation a:after{content:'';display:block;width:0;height:1px;background-color:#fff;transition:350ms ease}.main-navigation a:hover:after{display:none}.main-navigation .nav-link-wrap{display:block;overflow:hidden;position:relative}.main-navigation .nav-link-wrap:after{content:none}.main-navigation .sub-menu-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:30px;height:40px;width:50px;padding:2px;line-height:1;color:white;cursor:pointer;transition:350ms ease}.main-navigation .sub-menu-btn::before{font-size:24px;transition:350ms ease}.sub-menu-wrapper-simple,.sub-menu-wrapper{text-align:center;width:100%;height:auto;left:auto;top:auto;position:relative;visibility:visible;transition:none;transform:none;display:none}.sub-menu-wrapper-simple .sub-menu-simple ul,.sub-menu-wrapper-simple .sub-menu ul,.sub-menu-wrapper .sub-menu-simple ul,.sub-menu-wrapper .sub-menu ul{padding:10px 0 30px}.sub-menu-wrapper-simple .sub-menu-simple li,.sub-menu-wrapper-simple .sub-menu li,.sub-menu-wrapper .sub-menu-simple li,.sub-menu-wrapper .sub-menu li{margin-bottom:0}.sub-menu-wrapper-simple .sub-menu-simple a,.sub-menu-wrapper-simple .sub-menu a,.sub-menu-wrapper .sub-menu-simple a,.sub-menu-wrapper .sub-menu a{font-family:"Poppins",sans-serif;font-size:16px;font-weight:300}.sub-menu-wrapper-simple li,.sub-menu-wrapper li{display:block;transform:none}.sub-menu-wrapper-simple .nav-item-text,.sub-menu-wrapper-simple img,.sub-menu-wrapper .nav-item-text,.sub-menu-wrapper img{display:none}}@media only screen and (max-width: 600px){.main-navigation{margin:130px 0 0}}.sub-menu-btn{display:none}#scrollspy{top:184px !important}.icon-circle-plus.open{transform:rotate(45deg)}@media only screen and (max-width: 370px){.main-navigation .sub-menu-btn{left:15px}}.nav-button-wrapper{position:fixed;right:20px;top:19px;width:40px;z-index:3000;padding:0 0 35px;transition:all 300ms ease 2ms;display:none}@media only screen and (max-width: 420px){.nav-button-wrapper{top:12px}}.nav-button{color:#333;font-weight:600;line-height:1;text-transform:uppercase;padding:20px;border:2px solid #333;border-radius:30px;display:block;position:relative;transition:all 700ms cubic-bezier(0.75, 0.1, 0.25, 1)}.nav-button .menu-btn{width:15px;height:10px;cursor:pointer;position:absolute;top:50%;transform:translate(50%, -50%);right:50%;z-index:100;pointer-events:none}.nav-button .menu-btn:after,.nav-button .menu-btn:before,.nav-button .menu-btn span{width:100%;height:2px;position:absolute;display:block;background-color:#333;transition:background-color 700ms cubic-bezier(0.75, 0.1, 0.25, 1)}.nav-button .menu-btn:after,.nav-button .menu-btn:before{content:'';transition:0.3s width 0.4s ease-out,background-color 700ms cubic-bezier(0.75, 0.1, 0.25, 1)}.nav-button .menu-btn:after{top:0;left:0}.nav-button .menu-btn:before{bottom:0;right:0}.nav-button .menu-btn span{top:50%;margin-top:-1px;transition:transform 0.3s ease-out;background-color:#fff}.nav-button .menu-btn span:before{content:'';background-color:#333;width:100%;height:2px;position:absolute;left:0;transition:transform 0.3s ease-out,background-color 700ms cubic-bezier(0.75, 0.1, 0.25, 1)}.nav-button .menu-btn.open:after{transition:all 0.2s ease;width:0;left:0}.nav-button .menu-btn.open:before{transition:all 0.2s ease;width:0;right:0}.nav-button .menu-btn.open span{transform:rotate(45deg);transition:0.3s transform 0.4s ease-out,background-color 700ms cubic-bezier(0.75, 0.1, 0.25, 1)}.nav-button .menu-btn.open span:before{transform:rotate(-90deg);transition:0.3s transform 0.4s ease-out,background-color 700ms cubic-bezier(0.75, 0.1, 0.25, 1);background-color:#fff}.nav-button.active{color:#fff;border-color:#fff}@media only screen and (max-width: 1250px){.nav-button-wrapper{display:block}.nav-button.active{background-color:#383838}}.slow-header .nav-button-wrapper{transition:all 1500ms ease 2ms}.hide-header .nav-button-wrapper{transform:translateY(-110%)}.sticky-header .nav-button-wrapper{top:7px;padding:31px 0;transition:all 300ms ease}@media only screen and (max-width: 1250px){.sticky-header .nav-button-wrapper{top:0}}@media only screen and (max-width: 1250px){.sticky-header .nav-button-wrapper{padding:20px 0}}@media only screen and (max-width: 1024px){.sticky-header .nav-button-wrapper{top:18px}}@media only screen and (max-width: 600px){.sticky-header .nav-button-wrapper{top:-1px}}@media only screen and (max-width: 767px){.scroll-btn{z-index:99;margin-top:145px !important;left:-23.2px !important}}@media only screen and (max-width: 560px){.scroll-btn{bottom:-20px}}.none{display:none !important}.newsletter-section{background-color:#facc16;padding:75px 0;text-align:center;position:relative;z-index:40}.newsletter-section #mce-EMAIL{display:inline-block;width:100%;max-width:610px;margin-bottom:40px;outline:none;background-color:transparent;box-shadow:none;border:none;border-bottom:1px solid #333;color:#333;text-align:center;font-size:18px;padding:14px;line-height:1.5}.newsletter-section .popart-btn{padding:0;display:block;margin:0 auto;cursor:pointer}.newsletter-section .popart-btn input{padding:18px 0 18px;background-color:transparent;outline:none;border:none;width:100%;display:block}.newsletter-section .newsletter-fake-submit{padding:19px 0 17px;text-transform:none;font-size:16px;font-weight:600;transition:all 0.3s ease}.newsletter-section .newsletter-fake-submit:hover,.newsletter-section .newsletter-fake-submit:focus{color:#333}.newsletter-section #mc_embed_signup div.mce_inline_error,.newsletter-section #mce-success-response,.newsletter-section #mce-error-response{margin:0;padding:0;background-color:transparent;font-weight:400;z-index:1;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}@media only screen and (max-width: 1250px){.newsletter-section{padding:40px 0}.newsletter-section #mce-EMAIL{margin-bottom:30px}.newsletter-section .popart-btn input{padding:14px 0 14px}}.newsletter-message{visibility:hidden;opacity:0;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;background-color:rgba(255,255,255,0.65);display:flex;align-items:center;justify-content:center;transition:0.35s linear 0.15s}.newsletter-card{position:relative;max-width:280px;padding:40px 40px 80px;background-color:#facc16;border-radius:8px;text-align:center;color:#fff;box-shadow:3px 3px 9px 0 rgba(0,0,0,0.3)}.newsletter-card-image{max-height:120px}.newsletter-card-image path{fill:#fff}.newsletter-card-title{margin-top:10px;margin-bottom:20px;font-family:'PoppinsBold', sans-serif;font-size:36px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.newsletter-card-description{font-size:18px;line-height:1.37}.newsletter-card-close-button{display:block;position:absolute;bottom:0;left:0;width:100%;padding:10px 0;background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:#333;cursor:pointer;overflow:hidden}.newsletter-card-close-button>span{transition:all 0.3s}.newsletter-card-close-button::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;padding-top:10px;opacity:0;transform:translate(-30%, 0);transition:all 0.3s}.newsletter-card-close-button:hover>span,.newsletter-card-close-button:focus>span{opacity:0;transform:translate(0, 40px)}.newsletter-card-close-button:hover::after,.newsletter-card-close-button:focus::after{opacity:1;transform:translate(0, 0);background-color:rgba(0,0,0,0.03)}.newsletter-norobot-title{font-size:32px;line-height:1}.newsltter-norobot-id{margin-bottom:30px;margin-top:30px;font-family:"Playfair Display",serif;font-size:28px;font-weight:700;color:#333}.no-robot-input{width:100%;padding:0 10px;border:2px solid #333;border-radius:30px;font-family:"Playfair Display",serif;font-size:24px;text-align:center;color:#333;outline:none}.newsletter-norobot-button{display:block;position:absolute;bottom:0;width:50%;padding:10px 0;background-color:#fff;color:#333;cursor:pointer;overflow:hidden}.newsletter-norobot-button::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;padding-top:10px;opacity:0;transform:translate(-30%, 0);transition:all 0.3s}.newsletter-norobot-button:hover>span,.newsletter-norobot-button:focus>span{opacity:0;transform:translate(0, 40px)}.newsletter-norobot-button:hover::after,.newsletter-norobot-button:focus::after{opacity:1;transform:translate(0, 0);background-color:rgba(0,0,0,0.03)}.newsletter-norobot-check-button{left:0;border-bottom-left-radius:8px}.newsletter-norobot-close-button{right:0;border-bottom-right-radius:8px}.norobot-notification{display:none;font-size:14px;color:#ff3b30}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.portfolio-section,.showcase-section{position:relative;z-index:10;margin-top:100px;margin-bottom:50px}.portfolio-section .singe-portfolio,.portfolio-section .showcase,.showcase-section .singe-portfolio,.showcase-section .showcase{float:left;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.portfolio-section .singe-portfolio:first-child,.portfolio-section .showcase:first-child,.showcase-section .singe-portfolio:first-child,.showcase-section .showcase:first-child{max-width:378px;width:calc(25% - 5px);margin:175px 5px 0 0}.portfolio-section .singe-portfolio:nth-child(2),.portfolio-section .showcase:nth-child(2),.showcase-section .singe-portfolio:nth-child(2),.showcase-section .showcase:nth-child(2){max-width:648px;width:calc(46% - 10px);margin:0 5px}.portfolio-section .singe-portfolio:nth-child(3),.portfolio-section .showcase:nth-child(3),.showcase-section .singe-portfolio:nth-child(3),.showcase-section .showcase:nth-child(3){max-width:401px;width:calc(27% - 5px);max-height:331px;height:100%;margin-left:5px;margin-top:90px}.portfolio-section .singe-portfolio:nth-child(4),.portfolio-section .showcase:nth-child(4),.showcase-section .singe-portfolio:nth-child(4),.showcase-section .showcase:nth-child(4){max-width:438px;width:calc(31% - 10px);margin:10px 5px 0 5px}.portfolio-section .singe-portfolio:last-child,.portfolio-section .showcase:last-child,.showcase-section .singe-portfolio:last-child,.showcase-section .showcase:last-child{max-width:650px;width:calc(44% - 5px);margin:10px 0 0 5px}.portfolio-section .singe-portfolio:before,.portfolio-section .singe-portfolio:after,.portfolio-section .showcase:before,.portfolio-section .showcase:after,.showcase-section .singe-portfolio:before,.showcase-section .singe-portfolio:after,.showcase-section .showcase:before,.showcase-section .showcase:after{content:'';display:block;position:absolute;height:0;z-index:10}.portfolio-section .singe-portfolio:before,.portfolio-section .showcase:before,.showcase-section .singe-portfolio:before,.showcase-section .showcase:before{right:10px;top:10px;width:0;border-top:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0)}.portfolio-section .singe-portfolio:after,.portfolio-section .showcase:after,.showcase-section .singe-portfolio:after,.showcase-section .showcase:after{left:10px;bottom:10px;width:0;border-right:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}.portfolio-section .singe-portfolio:hover:before,.portfolio-section .singe-portfolio:hover:after,.portfolio-section .showcase:hover:before,.portfolio-section .showcase:hover:after,.showcase-section .singe-portfolio:hover:before,.showcase-section .singe-portfolio:hover:after,.showcase-section .showcase:hover:before,.showcase-section .showcase:hover:after{width:calc(100% - 20px);height:calc(100% - 20px)}.portfolio-section .singe-portfolio:hover:after,.portfolio-section .showcase:hover:after,.showcase-section .singe-portfolio:hover:after,.showcase-section .showcase:hover:after{border-bottom-color:#facc16;border-right-color:#facc16;transition:transform 0.25s ease-out,width 0.25s ease-out,height 0.25s ease-out 0.25s}.portfolio-section .singe-portfolio:hover:before,.portfolio-section .showcase:hover:before,.showcase-section .singe-portfolio:hover:before,.showcase-section .showcase:hover:before{border-top-color:#facc16;border-left-color:#facc16;transition:border-color 0s ease-out 0.5s,width 0.25s ease-out 0.5s,height 0.25s ease-out 0.7s}.portfolio-section .singe-portfolio figure,.portfolio-section .showcase figure,.showcase-section .singe-portfolio figure,.showcase-section .showcase figure{margin:0}.portfolio-section img,.showcase-section img{display:block;margin:0 auto;transform-origin:center;max-width:initial;transition:transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);width:100%}.portfolio-section .portfolio-img,.portfolio-section .showcase-img,.showcase-section .portfolio-img,.showcase-section .showcase-img{transition:transform 10s cubic-bezier(0.19, 1, 0.22, 1);position:relative;z-index:0}.portfolio-section .singe-portfolio:hover .portfolio-img,.portfolio-section .showcase:hover .showcase-img,.showcase-section .singe-portfolio:hover .portfolio-img,.showcase-section .showcase:hover .showcase-img{transform:scale(1.15, 1.15)}.portfolio-section .portfolio-img-trigger,.portfolio-section .showcase-img-trigger,.showcase-section .portfolio-img-trigger,.showcase-section .showcase-img-trigger{position:absolute;left:0;top:0;right:0;bottom:0;z-index:11;cursor:pointer}@media only screen and (max-width: 767px){.portfolio-section .portfolio-img-trigger,.portfolio-section .showcase-img-trigger,.showcase-section .portfolio-img-trigger,.showcase-section .showcase-img-trigger{pointer-events:none}}.portfolio-section .popart-btn,.showcase-section .popart-btn{display:block;margin:100px auto 0}@media only screen and (max-width: 1650px){.portfolio-section .singe-portfolio:first-child,.portfolio-section .showcase:first-child,.showcase-section .singe-portfolio:first-child,.showcase-section .showcase:first-child{margin-top:135px}.portfolio-section .singe-portfolio:nth-child(3),.portfolio-section .showcase:nth-child(3),.showcase-section .singe-portfolio:nth-child(3),.showcase-section .showcase:nth-child(3){margin-top:68px}}@media only screen and (max-width: 1023px){.portfolio-section,.showcase-section{margin-top:70px}.portfolio-section .singe-portfolio:first-child,.portfolio-section .showcase:first-child,.showcase-section .singe-portfolio:first-child,.showcase-section .showcase:first-child{margin-top:85px}.portfolio-section .singe-portfolio:nth-child(3),.portfolio-section .showcase:nth-child(3),.showcase-section .singe-portfolio:nth-child(3),.showcase-section .showcase:nth-child(3){margin-top:43px}}@media only screen and (max-width: 767px){.portfolio-section .singe-portfolio,.portfolio-section .showcase,.showcase-section .singe-portfolio,.showcase-section .showcase{float:none;margin:0 auto 15px !important;width:100% !important;max-width:400px}.portfolio-section .singe-portfolio img,.portfolio-section .showcase img,.showcase-section .singe-portfolio img,.showcase-section .showcase img{margin:0}}.showcase-fullimage-wrapper{display:none;opacity:0;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(250,204,22,0.56);background:radial-gradient(center, ellipse farthest-corner, rgba(255,255,255,0.56) 40%, #facc16 100%);z-index:10101;transition:all 0.5s ease}.showcase-fullimage{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:80vw;height:80vh}.showcase-fullimage-image{display:block;opacity:0;max-height:80vh;margin:0 auto;box-shadow:0 0 5px 0 rgba(33,33,33,0.5);transform:scale(5);transition:all 0.5s ease}.open-slider{opacity:1}.close-btn{position:absolute;right:50px;top:50px;display:flex;align-items:center;justify-content:center;width:70px;height:70px;padding-top:5px;border-radius:50%;background-color:#333;font-size:70px;font-weight:100;line-height:1;cursor:pointer;transform-origin:center;transition:0.4s ease}.close-btn:hover,.close-btn:focus{background-color:#facc16}.close-btn:hover::before,.close-btn:focus::before{color:#333}@media only screen and (max-width: 1649px){.close-btn{width:50px;height:50px}}@media only screen and (max-width: 767px){.close-btn{top:20px;right:20px}}.btn-dark{background-color:#333;color:#fff}.slider-arrow{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background-color:#333;font-weight:100;cursor:pointer;transform:translateY(-50%);transform-origin:center;transition:0.4s ease}.slider-arrow:hover,.slider-arrow:focus{background-color:#facc16}.slider-arrow:hover::before,.slider-arrow:focus::before{color:#333}.slider-arrow::before{transform-origin:center;font-size:27px;padding:0}@media only screen and (max-width: 1649px){.slider-arrow{width:50px;height:50px}.slider-arrow::before{font-size:4px}}@media only screen and (max-width: 1250px){.slider-arrow{top:auto;bottom:0}}.prev-arrow{left:50px;right:auto}.prev-arrow::before{transform:rotate(180deg)}@media only screen and (max-width: 767px){.prev-arrow{left:20px}}.next-arrow{left:auto;right:50px}@media only screen and (max-width: 767px){.next-arrow{right:20px}}.close-showcase-galllery-btn{padding:0;font-size:40px}@media only screen and (max-width: 1650px){.close-showcase-galllery-btn{font-size:25px}}.site-preloader{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:99999999999999}.site-preloader svg{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%) scale(1);width:30px;height:30px;padding:2px;opacity:1;transition:transform 0.5s, opacity 0.5s}.site-preloader svg path{fill:#fff;stroke:#facc16;stroke-width:1px;stroke-dasharray:0 602;transition:1s}.site-preloader.active svg path{stroke-dasharray:602 602}.site-preloader.flyout svg{transform:translateY(-50%) translateX(-50%) scale(50);opacity:0}.order-project{text-align:center}.order-project .popart-btn{display:block;margin:70px auto 0}#sidebar{background-color:#333;position:absolute;padding:5px;padding-top:96px;top:-28px;left:0;height:100%;transform:translateX(-100%);z-index:999;transition:350ms ease}#sidebar h3{position:relative;font-size:22px;font-family:"Poppins",sans-serif;font-weight:500;color:#fff;transform:translateX(-50px);opacity:0;transition:transform 0.25s, opacity 0.25s;transition-delay:0.05s}#sidebar h4{position:relative;font-size:19px;font-family:"Poppins",sans-serif;font-weight:500;color:#fff;transform:translateX(-50px);opacity:0;transition:transform 0.25s, opacity 0.25s}@media only screen and (max-width: 1650px){#sidebar h4{margin:5px 0 10px}}#sidebar ul{margin:0 0 25px;padding:0;list-style:none}#sidebar li{position:relative;margin:8px 0;line-height:1.4em;transform:translateX(-50px);opacity:0;transition:transform 0.25s, opacity 0.25s}@media only screen and (max-width: 1650px){#sidebar li{margin:4px 0}}@media only screen and (max-width: 1280px){#sidebar li{margin:4px auto;max-width:320px}}#sidebar li a{position:relative;left:0;font-size:14px;font-weight:500;color:#fff;transition:0.35s ease;display:inline-block}#sidebar li a:after{content:'';position:absolute;top:50%;left:-10px;height:100%;width:3px;transition:0.2s ease;transition-delay:0.2s;background-color:#facc16;display:block;z-index:-1;height:0;transform:translateY(-50%)}#sidebar li a:hover{left:6px}#sidebar li a:hover:after{height:100%}#sidebar.fixed-bar{transition:none !important;position:-webkit-sticky;position:sticky;top:45px;left:0}#sidebar.fixed-bar ul{margin:0 0 25px;padding:0;list-style:none}#sidebar.fixed-bar li{position:relative;margin:8px 0;padding:0;line-height:1.4em;transform:translateX(-50px);opacity:0;transition:transform 0.25s, opacity 0.25s}#sidebar.fixed-bar li::before{display:none !important}#sidebar.fixed-bar li a{font-size:14px;font-weight:500;color:#666;transition:0.35s ease;display:inline-block}#sidebar.fixed-bar li a:after{content:'';height:2px;width:0;transition:0.35s 0.2s ease;background-color:#facc16;display:block;margin-top:-12px;margin-left:-10px}#sidebar.fixed-bar li a:hover{color:#fff;transform:translateX(7px)}#sidebar.fixed-bar li a:hover:after{width:102%}#sidebar .popart-btn{background-color:#facc16;border-color:#facc16;width:100%}#sidebar .popart-btn:hover{color:#333}#sidebar .nav-social{display:flex;margin-bottom:50px}#sidebar .nav-social a{width:40px;height:40px;background-color:#fff;color:#333;font-size:20px;border-radius:50%;margin-right:5px;display:flex;align-items:center;justify-content:center;transform:scale(0);opacity:0;transition:transform 0.25s, opacity 0.25s, color 0.5s, background-color 0.5s}#sidebar .nav-social a span{display:flex;justify-content:center;align-items:center}#sidebar .nav-social a:hover{background-color:#facc16;color:#333}@media only screen and (max-width: 1650px){#sidebar .nav-social{margin-bottom:30px}#sidebar .nav-social a{width:38px;height:38px;font-size:17px}}@media only screen and (max-width: 1360px){#sidebar .nav-social{justify-content:center}}#sidebar #side-nav{transform:scale(0.95);padding-top:10px}#sidebar.show{transform:translateX(0)}#sidebar.show .fixed-nav{position:-webkit-sticky;position:sticky;top:45px;transition:550ms ease}#sidebar.show .visible-header{top:95px;padding-top:5px !important}#sidebar.show h3,#sidebar.show h4,#sidebar.show li{transform:translateY(0);opacity:1}#sidebar.show .nav-social a{transform:scale(1);opacity:1}#sidebar.show .nav-social.no-delay a{transition-delay:0s !important}#sidebar.show-white{background-color:#fff}#sidebar.show-darkgray{background-color:#333}#sidebar .active-sidebar-item a{left:6px}#sidebar .active-sidebar-item a:after{height:100%}@media only screen and (max-width: 1280px){#sidebar{position:relative;text-align:center;width:100%}}@media only screen and (max-width: 1280px){#sidebar{padding-top:5px}}.hide-header #sidebar{padding-top:5px}@media only screen and (max-width: 767px){.showcase-img{pointer-events:none !important}}.benefits-list{display:flex;flex-wrap:wrap;justify-content:space-between}.benefits-list li{flex-wrap:wrap;align-content:flex-start;width:30%;height:180px}@media only screen and (max-width: 1649px){.benefits-list li{width:50%}}@media only screen and (max-width: 1023px){.benefits-list li{width:100%;height:auto;margin-bottom:30px}}@media only screen and (max-width: 480px){.benefits-list li:before{width:100%;display:block;text-align:left}}.benefits-list h4{margin-top:5px;margin-bottom:0;font-size:26px;display:inline-block}.benefits-list p{padding-left:50px}@media only screen and (max-width: 480px){.benefits-list p{padding-left:0px;margin-top:10px}}.page-banner.home-banner .banner-caption span.bigletter{left:0;top:-183px;margin-bottom:0;position:absolute}@media only screen and (max-width: 1649px){.page-banner.home-banner .banner-caption span.bigletter{left:0;top:-74px}}@media only screen and (max-width: 1250px){.page-banner.home-banner .banner-caption span.bigletter{left:0;top:-90px}}@media only screen and (max-width: 640px){.page-banner.home-banner .banner-caption span.bigletter{top:-45px}}@-webkit-keyframes sonar-effect-sspy{0%{opacity:0.3}40%{opacity:0.8;box-shadow:0 0 0 2px rgba(250,204,22,0.1),0 0 10px 10px #fff,0 0 0 10px rgba(250,204,22,0.5)}100%{box-shadow:0 0 0 2px rgba(250,204,22,0.1),0 0 10px 10px #fff,0 0 0 10px rgba(250,204,22,0.5);transform:translateY(-50%) scale(1.5);opacity:0}}@keyframes sonar-effect-sspy{0%{opacity:0.3}40%{opacity:0.8;box-shadow:0 0 0 2px rgba(250,204,22,0.1),0 0 10px 10px #fff,0 0 0 10px rgba(250,204,22,0.5)}100%{box-shadow:0 0 0 2px rgba(250,204,22,0.1),0 0 10px 10px #fff,0 0 0 10px rgba(250,204,22,0.5);transform:translateY(-50%) scale(1.5);opacity:0}}.ss-nav{position:fixed;top:50%;left:0;transform:translateX(40px);display:flex;align-items:center;z-index:9999;transform:translateX(0);opacity:1;transition:left 0.5s, opacity 0.5s}.ss-nav::before,.ss-nav::after{content:'';position:absolute;width:15px;height:15px;border:2px solid #facc16;background:#fff;left:0;border-radius:100%;z-index:2;transition:background 0.5s, transform 0.5s}.ss-nav::before{top:0;transform:translateX(-50%) translateY(-50%) scale(0);transition-delay:0.3s}.ss-nav::after{bottom:0;transform:translateX(-50%) translateY(50%) scale(0);transition-delay:0.5s}.ss-nav.init-pos::before{background:#facc16}.ss-nav.last-item::after{background:#facc16}.ss-nav.hidden-nav{transform:translateX(-40px);opacity:0 !important;pointer-events:none}.ss-nav .nav-border{position:absolute;top:0;left:0;width:1px;height:0;border-right:1px dashed #facc16;z-index:1;transition:height 0.5s}.ss-nav ul{position:absolute;left:-15px;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-around}.ss-nav ul li{position:relative;z-index:99;display:block;opacity:0;transform:translateX(-100%);transition:transform 0.5s, opacity 0.5s}.ss-nav ul li::before{content:'';position:absolute;display:block;top:11px;left:11px;width:10px;height:10px;background:#fff;border:2px solid #facc16;opacity:0;transform:scale(0);transition:background 0.5s, transform 0.5s, opacity 0.5s}.ss-nav ul li a{font-size:14px;display:block;line-height:1.1;text-transform:uppercase;position:relative;top:-3px;padding-left:27px;transition:padding-left 0.5s}@media only screen and (max-width: 1550px){.ss-nav ul li a{font-size:13px;line-height:1.3}}@media only screen and (max-width: 1366px){.ss-nav ul li a{padding-left:30px}}.ss-nav ul li a span{font-size:44px;position:absolute;top:50%;left:0;line-height:1;transform:translateY(-69%) scaleY(1.2);font-family:"Playfair Display",serif;color:#f1f1f1;z-index:-1}@media only screen and (max-width: 1550px){.ss-nav ul li a span{font-size:45px}}.ss-nav ul li a:hover{padding-left:48px}@media only screen and (max-width: 1366px){.ss-nav ul li a:hover{padding-left:40px}}.ss-nav ul li.active::before{background:#facc16}.ss-nav .nav li:nth-child(1),.ss-nav .nav li::before{transition-delay:0.15s}.ss-nav .nav li:nth-child(2),.ss-nav .nav li::before{transition-delay:0.3s}.ss-nav .nav li:nth-child(3),.ss-nav .nav li::before{transition-delay:0.45s}.ss-nav .nav li:nth-child(4),.ss-nav .nav li::before{transition-delay:0.6s}.ss-nav .nav li:nth-child(5),.ss-nav .nav li::before{transition-delay:0.75s}.ss-nav.page-loaded::before{transform:translateX(-50%) translateY(-50%) scale(1)}.ss-nav.page-loaded::after{transform:translateX(-50%) translateY(50%) scale(1)}.ss-nav.page-loaded .nav-border{height:100%}.ss-nav.page-loaded ul li{opacity:1;transform:translateX(0)}.ss-nav.page-loaded ul li::before{opacity:1;transform:scale(1)}.ss-nav.no-delay .nav li,.ss-nav.no-delay .nav li::before{transition-delay:0s !important}.ss-nav #spy-top{position:absolute;top:-10px;left:-10px;width:20px;height:20px;z-index:99}.ss-nav #spy-bottom{position:absolute;bottom:-10px;left:-10px;width:20px;height:20px;z-index:99}@media only screen and (max-width: 1250px){.ss-nav{display:none}}.home-slider{width:100%;height:100vh;overflow:hidden;padding-top:0}.home-slider .home-slides-wrapper{width:400%;height:100%}.home-slider .home-slide{position:relative;width:25%;float:left}.home-slider .home-slide li{padding-left:0;margin-bottom:100px;float:left;vertical-align:middle;width:25%;height:70px;position:relative;overflow:hidden}.home-slider .home-slide li:before{content:none}.home-slider .home-slide li:nth-child(n+5){margin-bottom:0}.home-slider .home-slide li:first-child{margin-top:0}.home-slider .home-slide li img{display:block;position:absolute;left:20px;top:50%;transform:translateY(-50%)}.home-slider .home-slide #clientslogo li img:first-child{top:50%;transition:top 350ms ease-out 350ms}.home-slider .home-slide #clientslogo li img:last-child{top:150%;transition:top 350ms ease-out}.home-slider .home-slide #clientslogo li img.switch:first-child{top:150%;transition:top 350ms ease-out}.home-slider .home-slide #clientslogo li img.switch:last-child{top:50%;transition:top 350ms ease-out 350ms}.home-slider .home-slide #clientslogo li.active{margin-bottom:10px;height:180px;transition:all 350ms ease}.home-slider .home-slide #clientslogo li.active img:first-child,.home-slider .home-slide #clientslogo li.active img:last-child{top:20%;transition:all 350ms ease}.home-slider .home-slide #clientslogo li.active img:last-child{top:70%}.home-slider .hs-about .section-image{position:absolute;right:50px;top:60px}.home-slider .hs-about .section-image img{width:750px}.home-slider .hs-about .section-image.hide-alt:after{transition:none;transform:translateX(-101%)}.home-slider .hs-about .section-image.show:before{opacity:0.5;transition:opacity 1ms ease 600ms}.home-slider .hs-about .section-content{width:75%;position:relative}.home-slider .hs-about h2.section-title{margin-bottom:50px}.home-slider .hs-about p.section-subtitle{margin-bottom:45px}.home-slider .hs-about .draggable-btn{margin-top:60px;margin-left:calc(25% - 3px);transform:translateX(50%)}.home-slider .hs-clients>.container{position:relative}.home-slider .hs-clients h2.section-title{margin-bottom:120px;margin-left:25%}.home-slider .hs-clients .draggable-btn{position:absolute;bottom:30px;right:15px;transform:translateX(50%)}.home-slider .hs-awards h2.section-title{margin-bottom:100px;text-align:center}.home-slider .hs-awards li{margin-bottom:30px}.home-slider .hs-awards .draggable-btn{margin:20px auto 0}.home-slider .hs-testimonials h2.section-title{margin-bottom:100px;text-align:center}.home-slider .hs-testimonials .testimonials-statistics{width:25%;float:left;margin-top:-15px}.home-slider .hs-testimonials .testimonials-statistics span{display:block}.home-slider .hs-testimonials .testimonials-statistics span span:first-child{font-size:130px;font-family:"Playfair Display",serif;font-weight:700;color:#facc16;line-height:1}.home-slider .hs-testimonials .testimonials-statistics span span:last-child{margin-top:30px;color:#333;text-transform:uppercase}.home-slider .hs-testimonials .testimonials-wrapper{width:50%;margin-left:25%;padding-left:40px;float:left}.home-slider .hs-testimonials .testimonials-wrapper .single-testimonial{margin-bottom:30px}.home-slider .hs-testimonials .testimonials-wrapper span{display:block;margin-top:10px;font-size:12px;font-weight:700;color:#333}@media only screen and (max-width: 1649px){.home-slider .hs-about .section-content{width:90%}.home-slider .hs-about .section-image img{width:650px}.home-slider .hs-testimonials .testimonials-wrapper{width:65%;margin-left:10%;padding-left:20px}.home-slider .hs-testimonials .testimonials-statistics{width:20%}.home-slider .hs-testimonials .testimonials-statistics span span:first-child{font-size:90px}}@media only screen and (max-width: 1649px) and (max-width: 1024px){.home-slider .hs-testimonials .testimonials-statistics span span:first-child{font-size:80px}}@media only screen and (max-width: 1400px){.home-slider .hs-about .section-image img{width:450px}}@media only screen and (max-width: 1250px){.home-slider{height:auto}.home-slider .home-slides-wrapper,.home-slider .home-slide{width:100%;float:none}.home-slider .home-slide{margin-top:150px}.home-slider .home-slide li img{left:50%;top:50%;transform:translateY(-50%) translateX(-50%);max-width:80%}.home-slider .hs-about{margin:0 auto;width:100%;padding:0;display:-moz-flex;display:flex;flex-direction:column}.home-slider .hs-about:after{content:'';display:table;clear:both}.home-slider .hs-about .container{padding:0 15px;order:1}.home-slider .hs-about .section-image{position:relative;right:auto;top:auto;z-index:10;max-width:600px;width:100%;margin:0 auto;order:2}.home-slider .hs-about .section-image img{width:100%}.home-slider .hs-about .section-content{width:100%}.home-slider .hs-about .draggable-btn{margin:30px auto;transform:none}.home-slider .hs-clients .draggable-btn{position:relative;bottom:auto;right:auto;margin:50px auto 0;transform:none}}@media only screen and (max-width: 1023px){.home-slider .hs-clients h3.section-title{font-size:27.5px}.home-slider .hs-clients .draggable-btn{margin:20px auto 0;width:60px}.home-slider .hs-testimonials h3.section-title,.home-slider .hs-awards h3.section-title{font-size:27.5px}.home-slider .hs-testimonials .draggable-btn,.home-slider .hs-awards .draggable-btn{margin:0 0 0 auto}}@media only screen and (max-width: 767px){.home-slider .home-slide{margin-top:0}.home-slider .home-slide h3{margin-bottom:50px}.home-slider .home-slide ul{max-width:100%;margin:0 auto}.home-slider .home-slide li{width:100%;height:auto;margin-bottom:50px;float:none;align-items:center;justify-content:space-around;display:-moz-flex;display:flex}.home-slider .home-slide li img{position:relative;left:auto;max-width:100px;margin:0 10px;transform:none}.home-slider .home-slide li img:first-child{top:auto}.home-slider .home-slide li img:last-child{top:auto}.home-slider .home-slide li:nth-child(n+5){margin-bottom:50px}.home-slider .hs-about{margin-top:0}.home-slider .hs-about h2.section-title{margin-bottom:30px}.home-slider .hs-about p.section-subtitle{margin-bottom:25px}.home-slider .hs-about .draggable-btn{width:60px}.home-slider .hs-about .section-image{display:none}.home-slider .hs-clients h2.section-title{margin:0 0 50px}.home-slider .hs-testimonials h2.section-title{margin-bottom:30px}.home-slider .hs-testimonials .testimonials-statistics{display:flex;flex-direction:column;width:100%;margin-bottom:50px;padding-left:calc(25% - 20px)}.home-slider .hs-testimonials .testimonials-statistics span span:first-child{font-size:70px}.home-slider .hs-testimonials .testimonials-statistics span span:last-child{margin-top:20px}.home-slider .hs-testimonials .testimonials-wrapper{width:100%;margin-left:0;padding-left:0;float:none}.home-slider .hs-testimonials .testimonials-wrapper div:first-child{margin-bottom:20px}.home-slider .hs-testimonials .testimonials-wrapper span{margin-top:10px;font-size:16px}.home-slider .hs-awards .clients-logo{display:flex;flex-flow:row wrap;align-items:center}}@media only screen and (max-width: 767px) and (max-width: 501px){.home-slider .hs-awards .clients-logo{display:block}}@media only screen and (max-width: 767px){.home-slider .hs-awards .clients-logo li{width:50%}}@media only screen and (max-width: 767px) and (max-width: 501px){.home-slider .hs-awards .clients-logo li{width:100%;margin-bottom:30px}}@-webkit-keyframes blinking{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes blinking{0%{opacity:0}50%{opacity:1}100%{opacity:0}}#play-btn{display:block;width:50px;height:50px;border:5px solid #facc16;border-radius:50%;position:absolute;pointer-events:none;z-index:10000;transform:scale(0);transition:top 200ms ease-out,left 200ms ease-out,transform 350ms ease}#play-btn.show{transform:scale(1);transition:top 200ms ease-out,left 200ms ease-out,transform 350ms ease 200ms}#play-btn:after{content:'';display:block;width:0;height:0;border-top:7px solid transparent;border-left:14px solid #facc16;border-bottom:7px solid transparent;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#play-btn:before{content:'Loading';display:block;color:#facc16;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);-webkit-animation:blinking 1s ease infinite;animation:blinking 1s ease infinite}#play-btn.active{position:fixed;background-color:#333;border-color:#333;transform:scale(100);transition:background-color 100ms ease,border-color 100ms ease,top 1ms ease,left 1ms ease,transform 800ms ease}#play-btn.active:after{border-color:#333}#play-btn.hide-alt{display:none}#play-btn.img-loaded:before{content:none}.video-wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;background-color:#333}.video-wrapper.show{display:block}.video-wrapper.hide-alt{opacity:0;visibility:hidden;transition:all 300ms ease}.video-wrapper .fb-video{opacity:0;visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:opacity 300ms ease}.video-wrapper .fb-video.show{opacity:1;visibility:visible;transition:opacity 2000ms ease}.video-wrapper .home-webdesign{padding-top:50px}.home-webdesign>.container{position:relative}.home-webdesign>.container .bigletter{top:-27px;right:15px;transform:translateX(50%)}.home-webdesign .section-image{width:60%}.home-webdesign .section-image picture{left:100px;top:100px !important}.home-webdesign .section-image .pic-overlay{position:absolute;top:150px;left:0;padding-left:15px}.home-webdesign .section-image .pic-overlay picture{width:auto;max-width:100%;box-shadow:0 0 20px -3px rgba(0,0,0,0.45);top:0 !important;left:0}.home-webdesign .section-image .pic-overlay img{box-shadow:0 0 20px -3px rgba(0,0,0,0.45)}.home-webdesign .section-image.no-pseudo::after{display:none !important}.home-webdesign .section-image.show{padding-bottom:200px;margin-bottom:-150px}@media only screen and (max-width: 1650px){.home-webdesign .section-image.show{padding-bottom:200px;margin-bottom:-70px}}.home-webdesign .section-content{width:calc(50% + 60px);position:absolute;top:50%;right:0;transform:translateY(-50%)}.home-webdesign .draggable-btn{position:absolute;right:calc(25% + 8px);bottom:-108px;transform:translateX(50%)}@media only screen and (max-width: 1649px){.home-webdesign .draggable-btn{bottom:-140px}}@media only screen and (max-width: 1250px){.home-webdesign{padding-top:150px}.home-webdesign>.container{display:-moz-flex;display:flex;flex-direction:column}.home-webdesign>.container .bigletter{top:-71px;right:auto;left:-52px}.home-webdesign .section-content{width:100%;position:relative;top:auto;right:auto;transform:none;order:1}.home-webdesign .section-image{margin:-70px auto 0;order:2}.home-webdesign .section-image.show{padding:0;margin:40px auto 0}.home-webdesign .section-image .pic-overlay{display:none}.home-webdesign .draggable-btn{position:relative;right:auto;bottom:auto;margin:20px 0 0 auto;transform:none;order:3}}@media only screen and (max-width: 1250px) and (max-width: 1025px){.home-webdesign .draggable-btn{margin:0 auto;margin-top:25px}}@media only screen and (max-width: 767px){.home-webdesign{padding-top:80px}.home-webdesign .section-image{width:100%}.home-webdesign>.container .bigletter{top:-43px;left:-41px;right:auto}}.home-webdesign .img-overlay img{top:100px !important;left:100px !important}.home-webdevelopment>.container{position:relative}.home-webdevelopment>.container .bigletter{top:-30px;left:-115px}.home-webdevelopment .draggable-btn{position:absolute;top:180px;right:15px;transform:translateX(50%)}.home-webdevelopment .section-content,.home-webdevelopment ul{width:75%;position:relative}.home-webdevelopment ul{list-style:none;margin:35px 0 -50px 25%;padding:0}.home-webdevelopment ul li{float:left;width:33.33333%;color:#333;font-size:23px;font-weight:500;text-transform:uppercase;position:relative;padding-left:40px;line-height:1;margin-bottom:50px}.home-webdevelopment ul li:first-child{margin-top:0}.home-webdevelopment ul li:after{content:'+';display:block;line-height:1;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.home-webdevelopment ul li:before{content:none}@media only screen and (max-width: 1649px){.home-webdevelopment ul li{font-size:18px}}@media only screen and (max-width: 1250px){.home-webdevelopment>.container .bigletter{top:-71px;left:9px}.home-webdevelopment .section-content,.home-webdevelopment ul{width:100%}.home-webdevelopment ul{margin:40px 0 0}.home-webdevelopment ul li{font-size:16px;margin-bottom:25px}.home-webdevelopment ul li:nth-child(-n+6){margin-bottom:25px}.home-webdevelopment .draggable-btn{position:relative;top:auto;right:auto;transform:none;margin:0 0 0 auto}}@media only screen and (max-width: 767px){.home-webdevelopment>.container .bigletter{top:-42px;left:10px}.home-webdevelopment ul li{width:100%;float:none;margin-bottom:10px;font-size:14px;padding-left:14vw}.home-webdevelopment ul li::after{left:9vw}.home-webdevelopment ul li:nth-child(-n+6){margin-bottom:10px}}.home-graphicdesign{z-index:11;margin-bottom:80px}.home-graphicdesign>.container{position:relative}.home-graphicdesign>.container .bigletter{top:-27px;right:15px;transform:translateX(50%)}.home-graphicdesign>.container .section-image{padding-top:100px;margin-top:-100px;padding-bottom:100px;margin-bottom:-100px}.home-graphicdesign>.container .pic-overlay{position:relative;top:-400px}.home-graphicdesign .section-image{width:48%}.home-graphicdesign .section-content{width:calc(50% + 60px);position:absolute;top:40px;right:0}.home-graphicdesign .draggable-btn{position:absolute;right:30%;bottom:-50px;transform:translate(50%, 50%)}@media only screen and (max-width: 1649px){.home-graphicdesign .draggable-btn{bottom:-80px}}@media only screen and (max-width: 1250px){.home-graphicdesign>.container{display:-moz-flex;display:flex;flex-direction:column}.home-graphicdesign>.container .bigletter{top:-71px;right:auto;left:-37px}.home-graphicdesign .section-image{margin:-70px auto 0;order:2}.home-graphicdesign .section-image.show{padding:0;margin:40px auto 0}.home-graphicdesign .section-image .pic-overlay{display:none}.home-graphicdesign .section-content{width:100%;position:relative;top:auto;right:auto;transform:none;order:1}.home-graphicdesign .draggable-btn{position:relative;right:auto;bottom:auto;margin:20px auto 0;transform:none;order:3;width:60px}}@media only screen and (max-width: 767px){.home-graphicdesign .container .bigletter{right:auto;left:-25px;top:-42px}.home-graphicdesign .section-image{width:100%}}.home-seo{overflow:hidden;padding-bottom:100px}.home-seo>.container{padding-bottom:50px}.home-seo>.container .bigletter{left:88px}.home-seo .svg-lines{position:absolute;width:100%;max-width:1030px;max-height:539px;top:0;right:-70px;margin-top:130px;z-index:99}.home-seo .svg-lines svg{display:block;position:absolute;top:0;left:0}.home-seo .svg-lines svg:nth-of-type(2){top:30px;left:-25px;-webkit-filter:blur(10px);filter:blur(10px);opacity:0.18}.home-seo .svg-lines svg:last-of-type{left:-30px}.home-seo .svg-lines span.icon-wrapper{display:block;width:90px;padding:10px;border-radius:50%;background-color:#fff;position:absolute;transform:scale(0);transition:all 350ms ease;box-shadow:0 10px 20px rgba(0,0,0,0.1)}.home-seo .svg-lines span.icon-wrapper span{display:block;background-color:#fff;border-radius:50%;font-size:20px;line-height:1;width:70px;text-align:center;color:#facc16;padding:25px 0}.home-seo .svg-lines span.icon-wrapper.show{transform:scale(1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.home-seo .svg-lines span.icon-wrapper.show:hover{-webkit-animation:zoomInOut 0.6s ease-in-out forwards;animation:zoomInOut 0.6s ease-in-out forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden}.home-seo .svg-lines span.icon-wrapper.iw-facebook{top:360px;left:100px}.home-seo .svg-lines span.icon-wrapper.iw-twitter{top:170px;left:220px}.home-seo .svg-lines span.icon-wrapper.iw-seo{font-family:"Poppins",sans-serif !important;font-weight:700;left:440px;top:170px;cursor:default}.home-seo .svg-lines span.icon-wrapper.iw-seo span{color:#767575;background-color:#fff;font-size:25px;padding:20px 0;line-height:1.2}.home-seo .svg-lines span.icon-wrapper.iw-linkedin{top:215px;left:555px}.home-seo .svg-lines span.icon-wrapper.iw-instagram{left:670px;top:20px}.home-seo .svg-lines span.icon-wrapper.iw-pinterest{left:830px;top:190px;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.home-seo .svg-lines span.icon-wrapper.iw-pinterest img{width:21px}.home-seo>.container{position:relative}.home-seo>.container .bigletter{top:70px;left:16px;transform:translateX(-50%)}.home-seo .section-content{position:relative;width:60%}.home-seo .section-content img{margin-top:110px;display:block}.home-seo .draggable-btn{position:absolute;left:50%;bottom:0;transform:translate(-50%, 50%)}@media only screen and (max-width: 1800px){.home-seo .svg-lines{max-width:830px;top:60px}.home-seo .svg-lines span.icon-wrapper.iw-facebook{top:280px;left:70px}.home-seo .svg-lines span.icon-wrapper.iw-twitter{top:240px;left:250px}.home-seo .svg-lines span.icon-wrapper.iw-seo{left:348px;top:120px}.home-seo .svg-lines span.icon-wrapper.iw-linkedin{top:157px;left:433px}.home-seo .svg-lines span.icon-wrapper.iw-instagram{left:528px;top:10px}.home-seo .svg-lines span.icon-wrapper.iw-pinterest{left:660px;top:150px}}@media only screen and (max-width: 1400px){.home-seo .svg-lines{margin-top:150px;max-width:750px;max-height:393px}.home-seo .svg-lines span.icon-wrapper{width:64px;padding:7px}.home-seo .svg-lines span.icon-wrapper span{width:50px;padding:15px 0}.home-seo .svg-lines span.icon-wrapper.iw-facebook{top:255px;left:70px}.home-seo .svg-lines span.icon-wrapper.iw-twitter{top:125px;left:155px}.home-seo .svg-lines span.icon-wrapper.iw-seo{left:330px;top:120px}.home-seo .svg-lines span.icon-wrapper.iw-seo span{font-size:20px;padding:13px 0}.home-seo .svg-lines span.icon-wrapper.iw-linkedin{top:155px;left:400px}.home-seo .svg-lines span.icon-wrapper.iw-instagram{left:480px;top:15px}.home-seo .svg-lines span.icon-wrapper.iw-pinterest{left:600px;top:140px}}@media only screen and (max-width: 1250px){.home-seo{padding-bottom:0;display:-moz-flex;display:flex;flex-direction:column}.home-seo .section-content{width:100%}.home-seo>.container{order:1}.home-seo>.container .bigletter{top:-71px;left:48px}.home-seo .svg-lines{height:393px;margin:70px auto 0;position:relative;right:auto;order:2}.home-seo .draggable-btn{position:relative;float:right;left:auto;bottom:auto;margin-top:-130px;transform:none}.home-seo .svg-lines{display:none}}@media only screen and (max-width: 767px){.home-seo .section-content img{max-width:230px;margin-top:70px}.home-seo>.container .bigletter{top:-42px;left:5px;transform:none}.home-seo .draggable-btn{float:none;margin:20px 0 0 auto;height:auto}}@media only screen and (max-width: 767px) and (max-width: 1025px){.home-seo .draggable-btn{margin:0 auto;margin-top:25px}}.home-blog{padding-top:0;overflow:hidden}.home-blog .custom-arrows{position:absolute;left:25%;top:310px}.home-blog .custom-arrows:after{content:'';display:block;width:60px;height:1px;background-color:#ccc;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.home-blog .custom-arrows .ca{position:relative}.home-blog .custom-arrows .ca svg{width:49px;height:49px}@media only screen and (max-width: 1023px){.home-blog .custom-arrows .ca svg{position:relative;top:-1px}}@media only screen and (max-width: 767px){.home-blog .custom-arrows .ca svg{top:1px !important;width:41px;height:41px}}.home-blog .custom-arrows .ca:before{position:relative;transition:all 350ms ease}.home-blog .custom-arrows .ca:after{content:'';display:block;width:20px;height:4px;background-color:#333;position:absolute;top:50%;opacity:0;transition:all 350ms ease;transform:translateY(-60%)}@media only screen and (max-width: 767px){.home-blog .custom-arrows .ca:after{width:12px;top:41%}}@media only screen and (max-width: 501px){.home-blog .custom-arrows .ca:after{top:36%}}.home-blog .custom-arrows .ca:first-child:after{right:-10px}.home-blog .custom-arrows .ca:last-child:after{left:-10px}.home-blog .custom-arrows .ca:hover:after{opacity:1}.home-blog .custom-arrows .ca:hover:first-child:after{right:10px}.home-blog .custom-arrows .ca:hover:last-child:after{left:10px}@media only screen and (max-width: 1650px){.home-blog .custom-arrows .ca-right svg{position:relative;top:-1px}}.home-blog .blog-wrapper{margin-top:60px;width:100%;max-width:1470px;float:right;transform:translateX(243px)}.home-blog .blog-wrapper .slick-list{margin:0 -30px}@media only screen and (max-width: 1040px){.home-blog .blog-wrapper .slick-list{margin:0 -10px}}.home-blog .blog-wrapper .slick-track{left:-30px}.home-blog .blog-wrapper .single-post{margin:0 30px}@media only screen and (max-width: 1040px){.home-blog .blog-wrapper .single-post{margin:0 53px}}.home-blog .blog-wrapper .single-post .post-thumbnail{display:block;margin-bottom:30px}.home-blog .blog-wrapper .single-post:nth-child(odd) .post-thumbnail{overflow:hidden;border-top:20px solid transparent;margin-bottom:10px}.home-blog .blog-wrapper .single-post:nth-child(odd) .post-thumbnail img{position:relative;top:-40px}.home-blog .blog-wrapper .single-post img{display:block}@media only screen and (max-width: 1023px){.home-blog .blog-wrapper .single-post img{margin:0 auto}}.home-blog .blog-wrapper .single-post .post-date{margin-bottom:15px;color:#facc16;line-height:1;display:block}.home-blog .blog-wrapper .single-post h5{font-size:30px;margin:0 0 35px}.home-blog .blog-wrapper .single-post p{margin:0}.home-blog .blog-wrapper+.container{position:relative;padding-top:100px;clear:both}.home-blog .draggable-btn{position:relative;left:50%;margin-bottom:20px;transform:translateX(-50%)}@media only screen and (max-width: 1649px){.home-blog .blog-wrapper{max-width:1200px}}@media only screen and (max-width: 1400px){.home-blog .custom-arrows{left:17%}}@media only screen and (max-width: 1250px){.home-blog{margin-top:110px}.home-blog .custom-arrows{left:120px}.home-blog .blog-wrapper{max-width:900px;transform:translateX(150px)}.home-blog .blog-wrapper .single-post h5{font-size:18px;margin:0 0 25px}.home-blog .blog-wrapper .single-post p{font-size:14px}.home-blog .blog-wrapper+.container{padding-top:30px}}@media only screen and (max-width: 1023px){.home-blog{margin-top:0;padding-top:150px;text-align:center}.home-blog .custom-arrows{left:auto;top:auto;position:relative;justify-content:center;display:-moz-flex;display:flex}.home-blog .custom-arrows:after{content:none}.home-blog .blog-wrapper{max-width:90%;margin:50px auto 0;float:none;transform:none}.home-blog .blog-wrapper .single-post img img{margin:0 auto}.home-blog .blog-wrapper .slick-track{left:0}.home-blog .draggable-btn{left:auto;margin:30px auto 0;transform:none}}@media only screen and (max-width: 767px){.home-blog{padding-top:0;padding-bottom:80px;margin-bottom:-50px;text-align:left}.home-blog .blog-wrapper{max-width:100%;padding:0 45px;margin:0px auto 0}.home-blog .blog-wrapper .slick-list{margin:0 -10px}.home-blog .blog-wrapper .single-post{margin:0 10px;text-align:left}.home-blog .blog-wrapper .single-post:nth-child(odd) .post-thumbnail{border-top:none;margin-bottom:30px}.home-blog .blog-wrapper .single-post:nth-child(odd) .post-thumbnail img{top:0}.home-blog .blog-wrapper+.container{display:none}.home-blog .custom-arrows{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.home-blog .custom-arrows .ca{margin:0 30px;font-size:40px}}#homeseo .container{padding-top:50px}#homeseo .container .bigletter{top:-10px}@media only screen and (max-width: 900px){.section-image{padding-bottom:0 !important}}@media only screen and (max-width: 767px){#homeblog .home-blog .custom-arrows .ca:after{top:36%}}@media only screen and (max-width: 1025px){.draggable-btn{margin:0 auto !important;margin-top:45px !important;float:none !important;transform:translateX(0) !important;position:relative !important;left:0 !important}}@media only screen and (max-width: 501px){#newsletter-subscribe{padding:50px 16px !important}#newsletter-subscribe h2{font-size:20px}}@media only screen and (min-width: 1400px){.inner-form-btn{margin-bottom:60px}}@media only screen and (max-width: 769px){.inner-form-btn{margin-bottom:25px}}.page-banner.home-banner{overflow:hidden}@media only screen and (min-width: 600px){.form-title-left{width:70%;float:left}.form-btn-right{width:30%;float:right}.enter-forms-content{display:flex !important;align-items:center;justify-content:center;justify-content:center;overflow:hidden}.form-title-left{width:70%;float:left}.form-btn-right{width:30%;float:right}.inner-form-btn{float:right;margin-right:0 !important;margin:0 auto;margin-bottom:50px}}@media only screen and (max-width: 1500px){.inner-form-btn{margin-bottom:20px}}.undo-img{height:41px;margin-top:35px;transform:rotate(-45deg)}@media only screen and (max-width: 1500px){.undo-img{margin-top:0}}@media only screen and (max-width: 1650px){.undo-img{height:25px;margin-top:17px;display:block}}@media only screen and (max-width: 1400px){.undo-img{height:25px;margin-left:0;margin-top:20px}}@media only screen and (max-width: 769px){.undo-img{height:25px;margin-top:19px;display:block}}@media only screen and (max-width: 600px){.undo-img{height:21px;margin-top:11px;display:block}}.only-one-img{transform:none !important;height:610px !important;margin-top:-75px !important;padding-top:30px !important;padding-bottom:0 !important}@media only screen and (max-width: 1600px){.only-one-img{height:500px !important}}.only-one-img img{transition:none !important;top:670px !important}@media only screen and (max-width: 1350px){.only-one-img{height:440px !important;margin-top:40px !important}}@media only screen and (max-width: 400px){.only-one-img{height:280px !important}}@media only screen and (max-width: 1350px){.none-resp{height:80px}}@media only screen and (max-width: 1400px){.page-banner .web-design-image-holder img{max-width:88%}}@media only screen and (max-width: 767px){.page-banner .web-design-image-holder img{max-width:77%}}@media only screen and (max-width: 640px){.page-banner .web-design-image-holder img{max-width:100%}}.social-icons--box{height:90px;display:flex !important;justify-content:center;align-items:center}.social-icons--box svg{position:static !important;fill:#facc16;width:25px}@media only screen and (max-width: 1800px){.social-icons--box svg{width:40px}}@media only screen and (max-width: 1400px){.social-icons--box{height:66px}}.portfolio-page{padding-top:0;/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */}@media only screen and (max-width: 1600px){.portfolio-page{padding-bottom:60px}}@media only screen and (max-width: 1550px){.portfolio-page{padding-top:150px !important}}@media only screen and (max-width: 1400px){.portfolio-page{padding-bottom:160px;padding-top:250px !important}}@media only screen and (max-width: 1250px){.portfolio-page{padding-top:20px !important}}@media only screen and (max-width: 1024px){.portfolio-page{padding-bottom:100px}}@media only screen and (max-width: 1023px){.portfolio-page{padding-bottom:0}}@-webkit-keyframes flip{from{transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.portfolio-page .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}.portfolio-page .flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{transform:perspective(400px)}}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{transform:perspective(400px)}}.portfolio-page .flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.portfolio-page .flipOutX{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}@-webkit-keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}to{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}to{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}.portfolio-page .flipOutY{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translate3d(0, 0, 0)}}@keyframes lightSpeedIn{from{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translate3d(0, 0, 0)}}.portfolio-page .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.portfolio-page .lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -200deg);opacity:0}to{transform-origin:center;transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -200deg);opacity:0}to{transform-origin:center;transform:translate3d(0, 0, 0);opacity:1}}.portfolio-page .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}to{transform-origin:left bottom;transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}to{transform-origin:left bottom;transform:translate3d(0, 0, 0);opacity:1}}.portfolio-page .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0, 0, 0);opacity:1}}.portfolio-page .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:left bottom;transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:left bottom;transform:translate3d(0, 0, 0);opacity:1}}.portfolio-page .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -90deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -90deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0, 0, 0);opacity:1}}.portfolio-page .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0, 0, 1, 200deg);opacity:0}}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0, 0, 1, 200deg);opacity:0}}.portfolio-page .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}}.portfolio-page .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.portfolio-page .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.portfolio-page .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 90deg);opacity:0}}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 90deg);opacity:0}}.portfolio-page .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0, 0, 1, 80deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0, 0, 1, 60deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}@keyframes hinge{0%{transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0, 0, 1, 80deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0, 0, 1, 60deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}.portfolio-page .hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.portfolio-page .jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{from{opacity:0;transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity:1;transform:translate3d(0, 0, 0)}}.portfolio-page .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}.portfolio-page .rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.portfolio-page .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInDown{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.portfolio-page .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.portfolio-page .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInRight{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.portfolio-page .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInUp{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.portfolio-page .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.portfolio-page .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.portfolio-page .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0);transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0);transform-origin:left center}}.portfolio-page .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0);transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0);transform-origin:right center}}.portfolio-page .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.portfolio-page .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.portfolio-page .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes slideInLeft{from{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.portfolio-page .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes slideInRight{from{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.portfolio-page .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.portfolio-page .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}@keyframes slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.portfolio-page .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}@keyframes slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.portfolio-page .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}@keyframes slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.portfolio-page .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}@keyframes slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.portfolio-page .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.portfolio-page .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.portfolio-page .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.portfolio-page .animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.portfolio-page .animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.portfolio-page .animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.portfolio-page .animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.portfolio-page .animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.portfolio-page .animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}.portfolio-page .animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}.portfolio-page .animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.portfolio-page .animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.portfolio-page .animated{-webkit-animation:unset !important;animation:unset !important;transition:none !important}}.portfolio-count{position:absolute;bottom:0;padding-left:1rem;font-size:14px;font-weight:600;color:#333;text-transform:uppercase;overflow:hidden;height:25px}.portfolio-count *{display:inline-block}.portfolio-count .portfolio-cat{transform:translateY(120%);transition:all 500ms ease}.portfolio-count.show{height:initial}.portfolio-count.show .portfolio-cat{position:relative;overflow:hidden;transform:none}.portfolio-count.show .portfolio-cat:hover:after,.portfolio-count.show .portfolio-cat.focus:after,.portfolio-count.show .portfolio-cat.active:after{transform:translate(102%, -50%)}.portfolio-count.show .portfolio-cat:hover span,.portfolio-count.show .portfolio-cat.focus span,.portfolio-count.show .portfolio-cat.active span{transform:translateY(-25px)}.portfolio-count.show .portfolio-cat:hover span small,.portfolio-count.show .portfolio-cat.focus span small,.portfolio-count.show .portfolio-cat.active span small{top:21px;background-color:#facc16;color:#fff}.portfolio-count.show .portfolio-cat:after{content:'';display:block;width:100%;height:1px;background-color:#333;position:absolute;top:50%;left:0;transform:translate(-102%, -50%);transition:all 300ms ease}.portfolio-count .portfolio-cat span{position:relative;transition:all 300ms ease-out 100ms}.portfolio-count .portfolio-cat span:after{content:attr(data-hover-text);display:block;position:absolute;top:25px;left:0;color:#facc16}.portfolio-count span{margin-right:80px;cursor:pointer}.portfolio-count span:last-child{margin-right:0}.portfolio-count span small{font-size:10px;position:relative;top:-3px;width:17px;height:17px;border-radius:50px;line-height:20px;text-align:center;transition:all 300ms ease-out 300ms}@media only screen and (max-width: 1250px){.portfolio-count{position:relative;margin-top:50px}}.portfolio-banner .portfolio-count-container{height:auto}.portfolio-banner .single-portfolio-count{position:relative;bottom:0;padding:0;height:initial;max-height:0;transition:padding 350ms ease 1000ms, max-height 350ms ease 1000ms}.portfolio-banner .single-portfolio-count.show{padding:25px 0;max-height:75px}@media only screen and (max-width: 650px){.portfolio-banner .single-portfolio-count.show{margin-bottom:0}}@media only screen and (max-width: 1400px){.portfolio-banner{min-height:700px}}@media only screen and (max-width: 1023px){.portfolio-banner .portfolio-count-container{background-color:transparent}.portfolio-banner .single-portfolio-count.show{max-height:100%}}@media only screen and (max-width: 770px){.portfolio-banner .portfolio-count-container{padding-bottom:0;padding-left:30px;padding-right:30px}}.portfolio-item{display:block;position:relative;z-index:10;float:left;margin-bottom:220px;-webkit-animation-delay:20s;animation-delay:20s}.portfolio-item:nth-child(3n+1){clear:both;transform:translateX(0)}.portfolio-item:nth-child(3n+1) .project-info{bottom:50%;transform:translate(-180px, 50%)}.portfolio-item:nth-child(3n+1) .project-info.animation-in{display:flex;position:absolute;transform:translate(-180px, 50%)}.portfolio-item:nth-child(3n+1) .project-info.animation-out{display:flex;position:absolute;transform:translate(-180px, 50%)}.portfolio-item:nth-child(3n+2){margin-left:-1px;transform:translate(50%, 130px)}.portfolio-item:nth-child(3n+2).animation-in{-webkit-animation:animationlusTwo 0.5s forwards;animation:animationlusTwo 0.5s forwards}.portfolio-item:nth-child(3n+2) .project-info{transform:translateX(-180px)}.portfolio-item:nth-child(3n+3){margin-top:180px;transform:translateX(25%)}.portfolio-item:nth-child(3n+3) .project-info{transform:translateX(400px)}.portfolio-item:nth-child(3n+3) .project-info .x-btn{left:auto;right:40px}.portfolio-item:hover .project-info .x-btn{transform:scale(1);transition:all 1.2s ease}.portfolio-item:hover h4:before,.portfolio-item:hover h4:after{width:100%;height:293px;transform:translateX(0)}.portfolio-item:hover h4:after{transition:transform 0.25s ease-out,width 0.25s ease-out,height 0.25s ease-out 0.25s}.portfolio-item:hover h4:before{border-top-color:#facc16;border-left-color:#facc16;transition:border-color 0s ease-out 0.5s,width 0.25s ease-out 0.5s,height 0.25s ease-out 0.7s}.portfolio-item img{display:block;transition:all 800ms cubic-bezier(0.21, 0.73, 0.62, 0.99)}.portfolio-item .project-info{position:absolute;bottom:0;left:0;transition:all 800ms cubic-bezier(0.21, 0.73, 0.62, 0.99)}.portfolio-item .project-info .x-btn{position:absolute;top:-185px;left:40px;transform:scale(0);transition:all .4s ease}.portfolio-item .project-info .x-btn:after,.portfolio-item .project-info .x-btn:before{content:none}.portfolio-item h4{font-size:48px;line-height:1;margin:0;position:relative;padding:0 60px 40px 40px}.portfolio-item h4:before,.portfolio-item h4:after{content:'';display:block;position:absolute;height:0}.portfolio-item h4:before{right:0;top:-225px;width:0;border-top:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0)}.portfolio-item h4:after{left:0;bottom:20px;width:150px;border-right:2px solid #facc16;border-bottom:2px solid #facc16;transform:translateX(40px)}.portfolio-item p{margin:0;padding:0 60px 20px 40px}@media only screen and (max-width: 1900px){.portfolio-item:nth-child(3n+1) .project-info{transform:translate(-150px, 50%)}.portfolio-item:nth-child(3n+2){transform:translate(30%, 130px)}.portfolio-item:nth-child(3n+2) .project-info{transform:translateX(-150px)}.portfolio-item:nth-child(3n+3) .project-info{transform:translateX(300px)}}@media only screen and (max-width: 1650px){.portfolio-item{width:45%}.portfolio-item:nth-child(3n+2){margin-left:10%}.portfolio-item:nth-child(3n+3){margin-top:100px}.portfolio-item h4{font-size:38px;padding:0 40px 40px}.portfolio-item p{font-size:14px;padding:0 40px 20px}.portfolio-item:hover h4:before,.portfolio-item:hover h4:after{height:283px}}@media only screen and (max-width: 1250px){.portfolio-item{padding:15px;margin-bottom:0;width:50%}.portfolio-item .project-thumbnail{overflow:hidden;background-color:#fef5d0}.portfolio-item:nth-child(3n+2){margin-left:0}.portfolio-item:nth-child(3n+1){clear:none;bottom:auto}.portfolio-item:nth-child(3n+2){transform:none}.portfolio-item:nth-child(3n+3){margin-top:0;transform:none}.portfolio-item .project-info{position:relative;bottom:auto;left:auto;padding:0 15px;margin-top:15px;transform:none !important}.portfolio-item h4{font-size:32px;padding:0 0 20px}.portfolio-item h4:after{bottom:7px;transform:none}.portfolio-item h4:before{content:none}.portfolio-item p{font-size:14px;padding:0 0 20px}.portfolio-item:hover h4:after{height:initial}}@media only screen and (max-width: 1023px){.portfolio-item h4{font-size:30px;padding:0 0 20px}.portfolio-item h4:after{bottom:8px}.portfolio-item p{font-size:12px}.portfolio-item .x-btn{display:none}}@media only screen and (max-width: 600px){.portfolio-item{width:100%;float:none}.portfolio-item h4{font-size:26px;padding:0 0 15px}}@media only screen and (max-width: 450px){.portfolio-item{padding:0}}.project-thumbnail{overflow:hidden;background-color:#fef5d0;max-height:500px}@media only screen and (max-width: 1400px){.project-thumbnail{max-height:370px;margin-top:0}}.portfolio-page{padding-top:130px}@media only screen and (max-width: 1024px){.portfolio-page{padding-top:0}}@media only screen and (max-width: 320px){.portfolio-page{padding-top:20px}}.portfolio-count{position:absolute;bottom:0;font-size:14px;font-weight:600;color:#333;text-transform:uppercase;overflow:hidden;height:25px}.portfolio-count *{display:inline-block}.portfolio-count .portfolio-cat{transform:translateY(120%);transition:all 500ms ease}.portfolio-count.show{height:initial}.portfolio-count.show .portfolio-cat{position:relative;overflow:hidden;transform:none}.portfolio-count.show .portfolio-cat:hover:after,.portfolio-count.show .portfolio-cat.focus:after,.portfolio-count.show .portfolio-cat.active:after{transform:translate(100%, -50%)}.portfolio-count.show .portfolio-cat:hover span,.portfolio-count.show .portfolio-cat.focus span,.portfolio-count.show .portfolio-cat.active span{transform:translateY(-25px)}.portfolio-count.show .portfolio-cat:hover span small,.portfolio-count.show .portfolio-cat.focus span small,.portfolio-count.show .portfolio-cat.active span small{top:21px;background-color:#facc16;color:#fff}.portfolio-count.show .portfolio-cat:after{content:'';display:block;width:100%;height:1px;background-color:#333;position:absolute;top:50%;left:0;transform:translate(-100%, -50%);transition:all 300ms ease}.portfolio-count .portfolio-cat span{position:relative;transition:all 300ms ease-out 100ms}.portfolio-count .portfolio-cat span:after{content:attr(data-hover-text);display:block;position:absolute;top:25px;left:0;color:#facc16}.portfolio-count span{margin-right:80px;cursor:pointer}.portfolio-count span:last-child{margin-right:0}.portfolio-count span small{font-size:10px;position:relative;top:-3px;width:17px;height:17px;border-radius:50px;line-height:20px;text-align:center;transition:all 300ms ease-out 300ms}@media only screen and (max-width: 1649px){.portfolio-count span{margin-right:0}}@media only screen and (max-width: 1400px){.portfolio-count{top:130px}}@media only screen and (max-width: 1250px){.portfolio-count{top:0}}@media only screen and (max-width: 767px){.portfolio-count{position:static;margin-top:30px}.portfolio-count .portfolio-cat{width:100%}.portfolio-count span{display:block;margin-top:0;margin-bottom:8px}}.portfolio-project{display:block;position:relative;z-index:10;float:left}.portfolio-project .project-thumbnail{overflow:hidden;background-color:#fef5d0}.portfolio-project:nth-child(3n+1){clear:both}.portfolio-project:nth-child(3n+1) .project-info{bottom:50%;transform:translate(-180px, 50%)}.portfolio-project:nth-child(3n+2){margin-left:-1px;transform:translate(50%, 130px)}.portfolio-project:nth-child(3n+2) .project-info{transform:translateX(-180px)}.portfolio-project:nth-child(3n+3){margin-top:180px;transform:translateX(25%)}.portfolio-project:nth-child(3n+3) .project-info{transform:translateX(400px)}.portfolio-project:nth-child(3n+3) .project-info .x-btn{left:auto;right:40px}.portfolio-project img{transition:all 800ms cubic-bezier(0.21, 0.73, 0.62, 0.99)}.portfolio-project .project-info{position:absolute;bottom:0;left:0;transition:all 800ms cubic-bezier(0.21, 0.73, 0.62, 0.99)}.portfolio-project .project-info .x-btn{position:absolute;top:-185px;left:40px;transform:scale(0);transition:all .4s ease}.portfolio-project .project-info .x-btn:after,.portfolio-project .project-info .x-btn:before{content:none}.portfolio-project h2{font-size:48px;line-height:1.2;margin:0;position:relative;padding:0 60px 40px 40px}.portfolio-project h2:before,.portfolio-project h2:after{content:'';display:block;position:absolute;height:0}.portfolio-project h2:before{right:0;top:-225px;width:0;border-top:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0)}.portfolio-project h2:after{left:0;bottom:20px;width:150px;border-right:2px solid #facc16;border-bottom:2px solid #facc16;transform:translateX(40px)}.portfolio-project p{margin:0;padding:0 60px 20px 40px}.portfolio-project:hover .project-info .x-btn{transform:scale(1);transition:all 1.2s ease}.portfolio-project:hover h2:before,.portfolio-project:hover h2:after{width:100%;height:300px;transform:translateX(0)}.portfolio-project:hover h2:after{transition:transform 0.25s ease-out,width 0.25s ease-out,height 0.25s ease-out 0.25s}.portfolio-project:hover h2:before{border-top-color:#facc16;border-left-color:#facc16;transition:border-color 0s ease-out 0.5s,width 0.25s ease-out 0.5s,height 0.25s ease-out 0.7s}@media only screen and (max-width: 1900px){.portfolio-project:nth-child(3n+1) .project-info{transform:translate(-150px, 50%)}.portfolio-project:nth-child(3n+2){transform:translate(30%, 130px)}.portfolio-project:nth-child(3n+2) .project-info{transform:translateX(-150px)}.portfolio-project:nth-child(3n+3) .project-info{transform:translateX(300px)}}@media only screen and (max-width: 1650px){.portfolio-project:nth-child(3n+3){margin-top:100px}.portfolio-project h2{font-size:38px;padding:0 40px 40px}.portfolio-project p{font-size:14px;padding:0 40px 20px}.portfolio-project:hover h2:before,.portfolio-project:hover h2:after{height:290px}}@media only screen and (max-width: 1250px){.portfolio-project{padding:15px;margin-bottom:0}.portfolio-project:nth-child(3n+1){clear:none;bottom:auto}.portfolio-project:nth-child(3n+2){transform:none}.portfolio-project:nth-child(3n+3){margin-top:0;transform:none}.portfolio-project .project-info{position:relative;bottom:auto;left:auto;padding:0 15px;margin-top:15px;transform:none !important}.portfolio-project h2{font-size:32px;padding:0 0 20px}.portfolio-project h2:after{bottom:7px;transform:none}.portfolio-project h2:before{content:none}.portfolio-project p{font-size:14px;padding:0 0 20px}.portfolio-project:hover h2:after{height:initial}}@media only screen and (max-width: 1023px){.portfolio-project h2{font-size:30px;padding:0 0 20px}.portfolio-project h2:after{bottom:8px}.portfolio-project p{font-size:12px}.portfolio-project .x-btn{display:none}}@media only screen and (max-width: 600px){.portfolio-project{width:100%;float:none}.portfolio-project h2{font-size:26px;padding:0 0 15px}}.project-info{transform:translate(-180px, 50%) !important}.animation-in{-webkit-animation:animationIn 0.5s;animation:animationIn 0.5s;opacity:1}.animation-out{-webkit-animation:animationOut 0.5s;animation:animationOut 0.5s;opacity:0}@-webkit-keyframes animationIn{0%{padding-top:80%}100%{padding-top:0}}@keyframes animationIn{0%{padding-top:80%}100%{padding-top:0}}@-webkit-keyframes animationOut{0%{padding-top:0;overflow:hidden}100%{padding-top:80%;overflow:hidden}}@keyframes animationOut{0%{padding-top:0;overflow:hidden}100%{padding-top:80%;overflow:hidden}}@-webkit-keyframes animationlusTwo{0%{transform:translate(100%, 130px)}100%{transform:translate(0%, 130px)}}@keyframes animationlusTwo{0%{transform:translate(100%, 130px)}100%{transform:translate(0%, 130px)}}.project-info{transform:translate(-180px, 30%) !important}@keyframes animationIn{0%{padding-top:20%}100%{padding-top:0}}@keyframes animationOut{0%{padding-top:0;overflow:hidden}100%{padding-top:80%;overflow:hidden}}@keyframes animationlusTwo{0%{transform:translate(20%, 130px)}100%{transform:translate(0%, 130px)}}@media only screen and (max-width: 1370px){.portfolio-count{font-size:13px}}@media only screen and (max-width: 1024px){.portfolio-project:nth-child(3n+1) .project-info{bottom:0%;position:relative !important}.portfolio-count{font-size:12px}}@media only screen and (max-width: 800px){.project-thumbnail{margin-top:0}}@media only screen and (max-width: 580px){.project-thumbnail{margin-top:0}.portfolio-project:nth-child(3n+1) .project-info{bottom:0%;position:relative !important}}@media only screen and (max-width: 650px){.next-portfolio-thumnail{display:none}}@media only screen and (max-width: 650px){.prev-portfolio-thumnail{display:none}}.page-banner.single-portfolio-banner>.container{height:calc(100vh - 318px)}@media only screen and (max-width: 767px){.page-banner.single-portfolio-banner>.container{height:390px}}@media only screen and (max-width: 460px){.page-banner.single-portfolio-banner>.container{height:330px}}@media only screen and (max-width: 767px){.page-banner.single-portfolio-banner h2{font-size:16px;margin-bottom:0}}@media only screen and (max-width: 640px){.single-portfolio-banner .banner-caption{margin-top:120px;margin-bottom:0}}@media only screen and (max-width: 460px){.single-portfolio-banner{padding-bottom:0}.single-portfolio-banner .banner-caption{margin-top:90px}}.portfolio-wrapper .main-portfolio-image{opacity:0;transition:1000ms ease;-webkit-animation:fadeUp 1000ms ease forwards 3s;animation:fadeUp 1000ms ease forwards 3s}@media only screen and (min-width: 1025px){.portfolio-wrapper.container{width:90%;max-width:1500px}.portfolio-wrapper.portfolio-wrapper--single{width:960px}}@media only screen and (max-width: 1650px){.portfolio-wrapper{margin-bottom:150px}}@media only screen and (max-width: 1400px){.portfolio-wrapper{margin-bottom:0}}@media only screen and (max-width: 767px){.portfolio-wrapper{padding-top:0 !important}}@media only screen and (max-width: 550px){.portfolio-wrapper{padding-top:40px !important}}.single-portfolio-slider-wrapper{visibility:hidden;opacity:0;position:fixed;top:calc(50vh + 52.5px);z-index:600;display:flex;justify-content:space-between;width:100%;margin-top:-105px;padding:0 50px;transition:1000ms ease}@media only screen and (max-width: 1500px){.single-portfolio-slider-wrapper{padding:0}}.single-portoflio-slider-nav{display:flex;flex-direction:row;align-items:center;height:105px;max-width:430px;width:auto}.single-portoflio-slider-nav:hover .single-portfolio-text-wrapper{max-width:295px;transition-delay:0ms}.single-portoflio-slider-nav:hover .single-portfolio-text-arrow span,.single-portoflio-slider-nav:hover .single-portfolio-text-project span{bottom:0;transition-delay:350ms}@media only screen and (max-width: 1420px){.single-portoflio-slider-nav{opacity:0.3;transition:0.3s}.single-portoflio-slider-nav:hover{opacity:1}}@media only screen and (max-width: 1023px){.single-portoflio-slider-nav{opacity:1}}.next-portfolio{flex-direction:row-reverse}.next-portfolio .single-portfolio-text-wrapper{flex-direction:row-reverse}.next-portfolio .single-portfolio-arrow.prev-portfolio-arrow::before{transform:rotate(0)}.next-portfolio .single-portfolio-text span{padding-left:30px}@media only screen and (max-width: 650px){.next-portfolio .single-portfolio-text span{padding-left:10px}}.prev-portfolio .single-portfolio-text span{padding-right:30px}.single-portfolio-text-wrapper{display:flex;flex-direction:row;align-items:center;height:100%;max-width:105px;width:100%;background-color:#facc16;transition:350ms ease;transition-delay:350ms}.single-portfolio-thumnail{width:135px}.single-portfolio-arrow{height:100%;text-align:center}.single-portfolio-arrow::before{display:block;width:105px;font-size:6.5px;line-height:105px;transform-origin:center;transition:350ms ease}.single-portfolio-arrow.prev-portfolio-arrow::before{transform:rotate(180deg)}.single-portfolio-text{display:flex;flex-direction:column;justify-content:center;max-width:270px;width:100%;height:100%;overflow:hidden;transition:350ms ease}.single-portfolio-text-arrow,.single-portfolio-text-project{line-height:1;overflow:hidden}.single-portfolio-text-arrow span,.single-portfolio-text-project span{position:relative;bottom:-100%;transition:350ms ease}.single-portfolio-text-arrow{height:40px;margin:0;font-family:"Playfair Display",serif;font-size:36px}.single-portfolio-text-project{height:16px;margin:10px 0 0;color:#fff}.single-portfolio-count{position:relative;bottom:141px;z-index:301;display:flex;justify-content:space-around;padding:25px 0;background-color:#facc16;border-radius:100px}.single-portfolio-count .portfolio-cat{margin-right:0}.single-portfolio-count .portfolio-cat:hover span::after{color:#fff}@media only screen and (max-width: 1650px){.single-portfolio-count .portfolio-cat{bottom:0 !important}}@media only screen and (max-width: 767px){.single-portfolio-count .portfolio-cat{padding-left:15px}}.single-portfolio-count .active-sp-count span{color:#fff}.single-portfolio-count .active-sp-count span small{color:#fff}.single-portfolio-count .active-sp-count span::after{color:#fff}.show-sp-nav{opacity:1;visibility:visible}@media only screen and (max-width: 1023px){.portoflio-page{padding-bottom:0}.single-portfolio-slider-wrapper{position:relative;opacity:1;visibility:visible;top:0;padding:42px 0 12px;margin-top:-1px;margin-bottom:-1px;background-color:#fff;align-items:center}.portfolio-count-container{width:100%;margin-bottom:-1px;padding-top:30px;background-color:#fff;min-height:250px}.single-portfolio-count{position:static;bottom:auto;flex-direction:column;align-items:center;max-width:650px;margin:0 auto 0;width:100%;border-radius:25px}.portfolio-cat{margin:5px 0}}@media only screen and (max-width: 768px){.single-portoflio-slider-nav{height:80px}.single-portfolio-thumnail{width:103px}.single-portfolio-text-wrapper{max-width:56px}.single-portfolio-arrow::before{width:56px;font-size:4.5px;line-height:80px}.single-portfolio-text-arrow{height:20px;font-size:20px}.single-portfolio-text-project{height:12px;font-size:12px}.prev-portfolio .single-portfolio-text p,.next-portfolio .single-portfolio-text p{padding-right:20px}}.mouse{position:absolute;width:22px;height:42px;bottom:40px;left:50%;margin-left:-12px;border-radius:15px;border:2px solid #888;-webkit-animation:intro 1s;animation:intro 1s;display:none;cursor:pointer;transform:translate(-50%)}@media only screen and (max-width: 820px){.mouse{bottom:0px}}@media only screen and (max-width: 767px){.mouse{display:none !important}}.scroll{width:3px;height:3px;margin:6px auto;border-radius:4px;background:#888;-webkit-animation:finger 1s infinite;animation:finger 1s infinite}.portfolio-project p{padding:40px 60px 60px 40px;background:linear-gradient(to left, rgba(250,204,22,0.878431) 50%, transparent 50%);background-size:200% 100%;background-position:left bottom;transition:all 0.3s ease-out}@media only screen and (max-width: 769px){.portfolio-project p{padding:30px 0 30px 0;background:transparent}}.portfolio-project:hover p,.portfolio-project:active p,.portfolio-project:focus p{background-position:right bottom;box-shadow:inset 0 0 12px 2px #f8b309}@media only screen and (max-width: 769px){.portfolio-project:hover p,.portfolio-project:active p,.portfolio-project:focus p{box-shadow:none}}.careers-page{padding-top:0}.careers-page .container{position:relative}.careers-page .section-title{margin:0 0 15px}.careers-page .page-section{padding-top:180px}.careers-page a.popart-btn{color:#333;text-decoration:none;margin-top:60px}.careers-page p:last-of-type{margin-bottom:60px}.careers-page .page-section:nth-of-type(even) .x-btn{right:15px}.careers-page .page-section:nth-of-type(even) .section-content{margin-left:25%;padding-right:50px}@media only screen and (max-width: 1023px){.careers-page .page-section:nth-of-type(even) .section-content{margin-left:0;padding-right:25%}}@media only screen and (max-width: 1023px){.careers-page .section-content{width:100%;padding-right:25%}}.careers-page .closed p:first-of-type{display:-webkit-box;height:58px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.careers-page .closed p:first-of-type:after{content:'++++'}@media only screen and (max-width: 600px){.careers-page .closed p:first-of-type{height:48px}.careers-page a.popart-btn{margin-top:30px}.careers-page .page-section:nth-of-type(even) .section-content{margin-left:0}}.team-page{padding-top:70px}.team-page .container{position:relative}@media only screen and (max-width: 1400px){.team-page{padding-top:0}}@media only screen and (max-width: 1025px){.team-page{padding-bottom:700px}}@media only screen and (max-width: 770px){.team-page{padding-bottom:550px}}@media only screen and (max-width: 500px){.team-page{padding-bottom:300px}}#dropper{position:fixed;width:276px;height:296px;border:1px dashed transparent;top:50%;right:50px;overflow:hidden;transform:translateY(-50%);transition:all 500ms ease}#dropper span{opacity:0;color:#facc16;width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 500ms ease}#dropper:after{content:'';display:block;width:100%;height:100%;background-color:#facc16;transform:translateX(-101%)}#dropper.show{border-color:#facc16;transition:border-color 1ms ease 600ms,opacity 300ms ease}#dropper.show span{opacity:1;transition:all 1ms ease 600ms}#dropper.show:after{transition:all 2000ms ease;transform:translateX(101%)}#dropper.hide-alt{opacity:0;visibility:hidden}@media only screen and (max-width: 1900px){#dropper{right:20px;width:202px;height:216px}}@media only screen and (max-width: 1440px){#dropper{width:132px;height:146px}}@media only screen and (max-width: 1250px){#dropper{display:none}}.team-info{max-width:50%;margin-left:50%;padding:0 15px}@media only screen and (max-width: 1250px){.team-info{max-width:75%;margin-left:25%;margin-bottom:70px}}.team-wrapper{position:relative;padding-bottom:500px}@media only screen and (max-width: 1650px){.team-wrapper{padding-bottom:250px}}@media only screen and (max-width: 1024px){.team-wrapper{padding-bottom:100px}}.t-first-row>div:first-child{top:296px;left:-306px}.t-first-row>div:nth-child(2){left:-306px}.t-first-row>div:nth-child(3){top:200px;left:306px}@media only screen and (max-width: 1900px){.t-first-row>div:first-child{left:0}.t-first-row>div:nth-child(2){left:0}}@media only screen and (max-width: 1650px){.t-first-row>div:first-child{top:217px}.t-first-row>div:nth-child(3){top:150px;left:232px}}@media only screen and (max-width: 1250px){.t-first-row>div:first-child{top:0}.t-first-row>div:nth-child(3){top:0;left:0;margin-top:30px}}.t-second-row>div:nth-child(2){top:260px}.t-second-row>div:nth-child(3){top:70px}.t-second-row>div:nth-child(4){top:190px}@media only screen and (max-width: 1250px){.t-second-row>div:nth-child(2){top:0}.t-second-row>div:nth-child(3){top:0;margin-top:30px}.t-second-row>div:nth-child(4){top:0;margin-top:30px}}.t-third-row>div:nth-child(2){top:-200px;left:306px}.t-third-row>div:nth-child(3){top:-300px;left:306px}@media only screen and (max-width: 1650px){.t-third-row>div:nth-child(2){left:232px}.t-third-row>div:nth-child(3){left:232px}}@media only screen and (max-width: 1250px){.t-third-row>div:first-child{transform:translateY(calc(100% + 30px))}.t-third-row>div:nth-child(2){left:0;top:0}.t-third-row>div:nth-child(3){left:0;top:0;margin-top:30px;transform:translateX(100%)}}.team-mid-row{position:relative;width:50%;margin:150px 0}.team-mid-row p{font-size:72px;font-family:"Playfair Display",serif;color:#333;margin:0;position:relative;z-index:1;line-height:1.2}.team-mid-row.tmr-1{margin-left:25%}.team-mid-row.tmr-1 span{left:100px;top:60px}@media only screen and (max-width: 1250px){.team-mid-row.tmr-1 span{left:0;top:-40px}}.team-mid-row.tmr-2{margin-top:400px}.team-mid-row.tmr-2 span{left:-130px;top:-60px}@media only screen and (max-width: 1250px){.team-mid-row.tmr-2{margin-top:90px;margin-left:50%}.team-mid-row.tmr-2 span{left:0;top:-40px}}@media only screen and (max-width: 1900px){.team-mid-row p{font-size:60px}}@media only screen and (max-width: 1650px){.team-mid-row p{font-size:50px}}@media only screen and (max-width: 1250px){.team-mid-row{margin:90px 0}.team-mid-row p{font-size:30px}}.team-member-container{position:relative;z-index:10;width:25%;float:left;padding:0 15px}.team-member-container .member-desc,.team-member-container .member-position,.team-member-container .member-name{transform:translateY(100%)}.team-member-container.dropped{opacity:.5;transform:scale(0.8);transition:all 400ms ease}.team-member-container.last-moved{z-index:101}.team-member-container.ui-draggable-dragging .team-member .write-text .outer-wrapper .inner-wrapper{transform:translateY(100%)}.team-member-container.ui-draggable-dragging .team-member .member-thumb:after{width:100%}@media only screen and (max-width: 1250px){.team-member-container{width:50%;padding:0 7px}}.member-desc,.member-position,.member-name{display:block}#team-popup .member-name{-webkit-animation:ShowTextPopup .4s ease-in-out 3s 1 normal both;animation:ShowTextPopup .4s ease-in-out 3s 1 normal both}#team-popup .member-position{-webkit-animation:ShowTextPopup .4s ease-in-out 3.25s 1 normal both;animation:ShowTextPopup .4s ease-in-out 3.25s 1 normal both}#team-popup .member-desc{-webkit-animation:ShowTextPopup .4s ease-in-out 3.5s 1 normal both;animation:ShowTextPopup .4s ease-in-out 3.5s 1 normal both}.member-info h3,.member-info p,.member-info .job-position{display:block;overflow:hidden}.team-member{position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:-webkit-grab;cursor:grab}.team-member .member-thumb{position:relative;overflow:hidden}.team-member .member-thumb:after{position:absolute;left:0;top:0;content:'';display:block;width:0;height:100%;background-color:rgba(250,204,22,0.5);transition:all 600ms ease}@supports (mix-blend-mode: multiply){.team-member .member-thumb:after{background-color:#facc16;mix-blend-mode:multiply}}.team-member img{display:block}.team-member .member-info-wrapp{position:absolute;margin:20px 0 0 10px}.team-member h3{font-family:"Poppins",sans-serif;color:#333;margin:0;line-height:1.2;font-size:24px;font-weight:500}.team-member p{display:none}.team-member .write-text .outer-wrapper .inner-wrapper,.team-member .member-name,.team-member .member-position{transition:all 600ms cubic-bezier(0.85, 0.1, 0.25, 1)}.team-member:hover .write-text .outer-wrapper .inner-wrapper,.team-member:hover .member-desc,.team-member:hover .member-position,.team-member:hover .member-name{transform:none}.team-member:hover span .write-text .outer-wrapper .inner-wrapper,.team-member:hover .member-position{transition:all 600ms cubic-bezier(0.85, 0.1, 0.25, 1) 200ms}.team-member:hover .member-thumb:after{width:100%}@media only screen and (max-width: 1250px){.team-member .member-info-wrapp{position:relative;margin:15px 0 0 10px}.team-member img{width:100%}.team-member h3{font-size:14px}.team-member .job-position{font-size:12px;display:block;margin-top:5px}.team-member .write-text .outer-wrapper .inner-wrapper,.team-member .member-desc,.team-member .member-position,.team-member .member-name{transform:none}.team-member .member-thumb:after{content:none}}@media only screen and (max-width: 1250px){.team-member .job-position{white-space:nowrap;font-size:11px}}#team-popup{position:fixed;z-index:20000;width:0;height:100%;right:0;top:0;background-repeat:no-repeat;background-size:cover;background-color:#333;transition:width 1ms 300ms;perspective:1000px}#team-popup:before,#team-popup:after{content:'';display:block}#team-popup:before{position:absolute;top:0;left:0;height:100%;width:0;z-index:1;opacity:0;transition:width 1ms 600ms,opacity 500ms ease}@supports (mix-blend-mode: multiply){#team-popup:before{background:#facc16;mix-blend-mode:multiply}}#team-popup.is-ios:before{content:none}#team-popup:after{background-color:#333;border-radius:50%;position:absolute;top:50%;width:270vw;height:270vw;margin-top:-125vw;margin-left:-125vw;z-index:-1;transform:scale(0);transition:transform 800ms ease-in-out 300ms,opacity 300ms ease}#team-popup .team-img-wrapper{height:100%;width:100%;right:-60vw;bottom:0;opacity:0;overflow:hidden;position:absolute;transition:3s cubic-bezier(0.19, 1, 0.22, 1),opacity 2s linear 0.5s}#team-popup img{position:absolute;max-height:100%;width:initial;max-width:100%;bottom:-70px;right:170px;transition:1.5s cubic-bezier(0.19, 1, 0.22, 1)}#team-popup .member-info{max-width:450px;color:#fff;position:absolute;left:18.5%;bottom:25%;z-index:1}#team-popup .member-info h3{margin:0 0 30px;font-size:48px;color:#fff}#team-popup .member-info>span{font-size:26px;display:block;margin-bottom:20px}#team-popup .member-info p{margin:0;font-size:14px}#team-popup .inner-wrapper{opacity:0;transition:opacity 500ms ease,transform 1ms 1100ms}#team-popup .close-btn{line-height:1;display:block;background-color:#facc16;color:#333;font-size:33px;width:70px;height:70px;text-align:center;padding:16px 0;border-radius:50%;position:absolute;top:50px;right:50px;z-index:10;cursor:pointer;transition:all 350ms ease;transform:scale(0)}#team-popup .member-desc,#team-popup .member-position,#team-popup .member-name{opacity:0;transition:300ms}#team-popup.open{width:100%;transition:width 1ms 800ms;background-size:cover}#team-popup.open .member-desc,#team-popup.open .member-position,#team-popup.open .member-name{opacity:1}#team-popup.open:after{opacity:0;transform:scale(1);transition:transform 800ms ease-in-out,opacity 400ms ease 1000ms}#team-popup.open:before{opacity:1;width:100%;transition:width 800ms ease 1400ms}#team-popup.open .inner-wrapper{opacity:1;transform:none}#team-popup.open h3 .inner-wrapper{transition:transform 800ms cubic-bezier(0.85, 0.1, 0.25, 1) 2200ms}#team-popup.open .job-position .inner-wrapper{transition:transform 800ms cubic-bezier(0.85, 0.1, 0.25, 1) 2500ms}#team-popup.open p .inner-wrapper{transition:transform 800ms cubic-bezier(0.85, 0.1, 0.25, 1) 2800ms}#team-popup.open .close-btn{transform:scale(1);transition:transform 350ms ease 3600ms}#team-popup.open .close-btn:hover{transform:scale(0.9);transition:transform 350ms ease}@media only screen and (max-width: 1649px){#team-popup .member-info{left:50px;bottom:50px}}@media only screen and (max-width: 1250px){#team-popup{left:0;margin:0 auto}}@media only screen and (max-width: 767px){#team-popup .member-info{left:0;top:50px;bottom:auto;padding:0 15px}#team-popup .member-info h3{margin:0 0 15px;font-size:30px}#team-popup .member-info>span{font-size:17px;margin-bottom:10px}#team-popup .member-info p{font-size:13px}#team-popup .close-btn{top:20px;right:20px}#team-popup img{bottom:0;right:0;transform:none !important}}.no-background-blend-mode .team-member .member-thumb:after,.no-background-blend-mode #team-popup.open:before{opacity:0.3}.mix-blend-mode-no .team-member .member-thumb:after{background-color:transparent;mix-blend-mode:multiply}@-webkit-keyframes ShowTextPopup{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes ShowTextPopup{0%{transform:translateY(100%)}100%{transform:translateY(0)}}.section-head h2{margin-bottom:100px}@media only screen and (max-width: 1250px){.section-head h2{margin-bottom:80px}}@media only screen and (max-width: 767px){.section-head h2{margin-bottom:40px}}.company-addresses{width:50%;float:right;margin-bottom:120px;clear:both}@media only screen and (max-width: 1650px){.company-addresses{margin-bottom:90px}}@media only screen and (max-width: 1023px){.company-addresses{margin-bottom:60px}}@media only screen and (max-width: 767px){.company-addresses{width:100%;float:none;padding-left:25%;margin-bottom:20px}}.country-1 span.bigletter{left:-130px;top:-20px}.country-2{padding-left:50%}.country-2 .company-col{width:100%}.country-2 span.bigletter{left:-175px;top:0}@media only screen and (max-width: 1023px){.country-2{padding-left:0}.country-2 span.bigletter{left:-95px;top:10px}}.country-3 span.bigletter{left:100%;top:-20px}h2.country{font-size:26px;font-family:"Poppins",sans-serif;margin-bottom:45px;z-index:10;position:relative;font-weight:600}@media only screen and (max-width: 1023px){h2.country{margin-bottom:35px}}@media only screen and (max-width: 767px){h2.country{margin-bottom:20px}}.company-col{width:50%;float:left;font-size:14px;padding-left:10px;position:relative}.company-col h3{font-family:"Poppins",sans-serif;font-size:18px;margin:0}.company-col ul li{padding-left:0;margin-bottom:0;line-height:2.2}.company-col ul li:before{content:none}.company-col a{color:#facc16;display:inline-block}.company-col a:after{content:'';width:0;height:1px;background-color:#facc16;display:block;transition:all 0.35s ease-out}.company-col a:hover:after{width:100%}.company-col.offset-col{position:absolute;width:calc(50% - 606px);right:0}@media only screen and (max-width: 1650px){.company-col{float:none;margin-bottom:50px}.company-col.offset-col{position:static;width:50%}}@media only screen and (max-width: 1023px){.company-col{width:100%}}.maps{width:calc(50% - 306px);background-color:#fef5d0;overflow:hidden;position:absolute;height:600px;left:0;top:0}.maps.fix-map{position:fixed;z-index:99}.maps.bottom-map{position:absolute;top:auto;bottom:0}@media only screen and (max-width: 1650px){.maps{width:calc(50% - 233px);height:400px}}@media only screen and (max-width: 1023px){.maps{width:calc(50% - 149px)}}@media only screen and (max-width: 767px){.maps{width:100%;position:relative}}@media only screen and (max-width: 600px){.maps{height:200px}}.map-holder{left:0;top:0;position:absolute;height:100%;width:100%;opacity:0;visibility:hidden;transform:translateX(-100%);transition:all 0.8s ease-out;background-color:#fef5d0}.map-holder.active{opacity:1;visibility:visible;transform:translateX(0)}.company-info .company-info-holder{position:relative}.company-info .company-info-holder .section-content{width:50%;float:right}@media only screen and (max-width: 767px){.company-info .company-info-holder .section-content{width:100%;float:none;padding-left:25%;margin-left:0}}#map-1,#map-2,#map-3,#map-4{width:100%;height:100%}@media only screen and (max-width: 1250px){.company-info .company-info-holder .section-content{margin-left:25%}}@media only screen and (max-width: 1023px){.country-1 span.bigletter,.country-2 span.bigletter,.country-3 span.bigletter{left:-141px;top:-60px;text-align:center;width:134px}.country-1 span.bigletter span,.country-2 span.bigletter span,.country-3 span.bigletter span{display:block}}@media only screen and (max-width: 767px){.company-addresses{padding-left:0}.company-info .company-info-holder .section-content{padding-left:0;margin-left:0}.company-info .company-info-holder .section-content p{padding-left:10px}}@media only screen and (max-width: 1600px){.country-1 .company-col{float:left !important}}.clients-page{padding:60px 0 200px;overflow:hidden}.clients-page ul{float:left;font-size:14px;position:relative;z-index:1}.clients-page ul li{padding-left:0}.clients-page ul li:before{content:none}.clients-page h2{position:relative;font-size:26px;font-family:"Poppins",sans-serif;font-weight:500;margin:0 0 25px;padding-right:14px}@media only screen and (max-width: 767px){.clients-page{padding:60px 0 100px}}.clients-info{margin-bottom:20px}@media only screen and (max-width: 1024px){.clients-info{max-width:420px}}.clients-info p{margin:0}.clients-row{position:relative;padding-top:140px}.clients-row:nth-child(2) .bigletter{top:60px;left:205px}.clients-row:nth-child(3) .bigletter{top:230px;right:-120px}@media only screen and (max-width: 1120px){.clients-row:nth-child(3) .bigletter{top:248px;right:-32px}}.clients-row:nth-child(4) .bigletter{right:-60px;top:130px}.clients-row:nth-child(5) .bigletter{right:206px;bottom:-240px}.clients-row:nth-child(6) .bigletter{top:160px;right:-142px}@media only screen and (max-width: 1120px){.clients-row:nth-child(6) .bigletter{right:-54px}}.clients-row:nth-child(7) .bigletter{top:160px;left:0;transform:translateX(-40%)}.clients-row:nth-child(8) .bigletter{top:160px;left:0;transform:translateX(-40%)}@media only screen and (max-width: 767px){#main .clients-row .bigletter{top:60px;left:25%;right:auto;bottom:auto}}@media only screen and (max-width: 600px){#main .clients-row .bigletter{top:90px}}.clients-row-half{float:left;width:50%}.clients-row-half ul{width:50%}@media only screen and (max-width: 1023px){.clients-row-half ul{width:100%;float:none}}@media only screen and (max-width: 767px){.clients-row-half{width:100%;float:none}}.clients-row-full{clear:both}.clients-row-full ul{width:25%}.clients-row-full ul:first-of-type{margin-left:25%}.clients-row-full h2{margin-left:25%}@media only screen and (max-width: 767px){.clients-row-full ul{width:100%}.clients-row-full ul:first-of-type{margin-left:0}.clients-row-full h2{margin-left:0}}.clients-box{position:relative;padding:85px;width:200%;margin-top:140px;color:#333}.clients-box div{width:50%;margin-top:60px}.clients-box h3{font-size:48px;margin:0 0 75px;line-height:1.2;word-wrap:break-word}.clients-box p{margin-bottom:15px}.clients-box span{font-size:12px;display:block;font-weight:700}.clients-box:before{content:'';position:absolute;background-color:#facc16;height:100%;top:0;left:0;right:-100%;z-index:-1}@media only screen and (max-width: 1650px){.clients-box h3{font-size:38px;width:75%}}@media only screen and (max-width: 1250px){.clients-box h3{width:45%}}@media only screen and (max-width: 1023px){.clients-box{padding:50px;font-size:14px;margin-top:50px}.clients-box div{margin-top:20px}.clients-box h3{font-size:28px;margin-bottom:0;width:50%}}@media only screen and (max-width: 767px){.clients-box{width:100%}.clients-box h3,.clients-box div{width:100%}.clients-box:before{right:0}}@media only screen and (max-width: 600px){.about-us .page-section.content-divide>.reverse-container{display:flex;flex-direction:column-reverse}.about-us .page-section.content-divide>.reverse-container .section-image{margin-left:-30px}}@media only screen and (max-width: 1250px){.about-us .page-section{padding-top:120px}}@media only screen and (max-width: 767px){.about-us .page-section{padding-top:80px;padding-bottom:0}}@media only screen and (max-width: 500px){.about-us .page-section{padding-top:40px}}@media only screen and (max-width: 1250px){.about-us .portfolio-section{margin-top:0px;padding-top:40px}}@media only screen and (max-width: 767px){.about-us .portfolio-section{margin-bottom:0px}}@media only screen and (max-width: 1250px){.about-us .section-top{padding-top:0}}@media only screen and (max-width: 600px){.about-us .about-testimonials{margin-top:0px}}@media only screen and (max-width: 767px){.page-banner-us{padding-bottom:0px}}.about-testimonials{margin-top:-15px;width:25%;transform:translateX(305px)}.about-testimonials span{display:block}.about-testimonials span span:first-child{font-size:130px;font-family:"Playfair Display",serif;font-weight:700;color:#facc16;line-height:1}.about-testimonials span span:last-child{margin-top:30px;color:#333;text-transform:uppercase}@media only screen and (max-width: 1649px){.about-testimonials{width:20%;transform:translateX(230px)}.about-testimonials span span:first-child{font-size:90px}}@media only screen and (max-width: 1023px){.about-testimonials{width:100%;float:none;margin-bottom:30px;justify-content:space-between;display:-moz-flex;display:flex;transform:none}}@media only screen and (max-width: 600px){.about-testimonials{display:flex;flex-direction:column;margin-top:-80px;margin-bottom:80px;padding-left:25%}.about-testimonials span span:first-child{font-size:70px}.about-testimonials span span:last-child{margin-top:20px}}.clients-slider{position:relative;padding-top:320px}.clients-slider .head-clients{margin-left:25%;position:relative;margin-bottom:110px}.clients-slider .head-clients span.bigletter{bottom:3px;left:-143px;z-index:-1}@media only screen and (max-width: 767px){.clients-slider .head-clients{margin-bottom:50px}}.clients-slider .clients-slide li{padding-left:0;margin-bottom:100px;float:left;vertical-align:middle;width:16.5%;height:70px;position:relative;overflow:hidden}.clients-slider .clients-slide li:before{content:none}.clients-slider .clients-slide li img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:90%}.clients-slider .clients-slide #clientslogo li img:first-child{top:50%;transition:top 350ms ease-out 350ms}.clients-slider .clients-slide #clientslogo li img:last-child{top:150%;transition:top 350ms ease-out}.clients-slider .clients-slide #clientslogo li img.switch:first-child{top:150%;transition:top 350ms ease-out}.clients-slider .clients-slide #clientslogo li img.switch:last-child{top:50%;transition:top 350ms ease-out 350ms}.clients-slider .clients-slide #clientslogo li.active{margin-bottom:10px;height:180px;transition:all 350ms ease}.clients-slider .clients-slide #clientslogo li.active img:first-child,.clients-slider .clients-slide #clientslogo li.active img:last-child{top:20%;transition:all 350ms ease}.clients-slider .clients-slide #clientslogo li.active img:last-child{top:70%}.clients-slider .clients-logo-onama{display:flex;flex-flow:row wrap;justify-content:center !important}@media only screen and (max-width: 767px){.clients-slider .clients-logo-onama{justify-content:space-between !important}}.clients-slider .clients-logo-onama li{width:16.655555%}@media only screen and (max-width: 1250px){.clients-slider .head-clients span.bigletter{left:-6px;bottom:24px}}@media only screen and (max-width: 1024px){.clients-slider .clients-slide li{width:24%}}@media only screen and (max-width: 768px){.clients-slider .clients-slide li{width:33%}}@media only screen and (max-width: 600px){.clients-slider .head-clients{margin-left:0;margin-bottom:30px}.clients-slider .head-clients span.bigletter{left:-5px;top:-43px}.clients-slider .clients-slide #clientslogo{padding:0 45px}.clients-slider .clients-slide #clientslogo li{margin-bottom:30px}.clients-slider .clients-slide #clientslogo li img{max-width:70px}}.clients-slider .draggable-btn{margin:0 auto}.about-section-images{padding-top:0}.about-section-images .section-image{width:100%;padding:0;margin:0}.about-section-images .section-image img{margin:0}.about-section-images .about-image{cursor:auto}.about-section-images .about-image:nth-child(3){margin-top:93px}@media only screen and (max-width: 1650px){.about-section-images .about-image:nth-child(3){margin-top:93px}}@media only screen and (max-width: 600px){.about-section-images{margin-top:0}.about-section-images .about-image{float:none;width:100%;padding-left:15px;padding-right:15px;padding-bottom:15px}.about-section-images .about-image:first-of-type{padding-right:15px;padding-left:15px}}.awards-section.clients-slider .head-clients span.bigletter{bottom:-52px;left:-143px;z-index:-1}.awards-section.clients-slider .clients-slide li{width:22%}.awards-section.clients-slider .clients-logos-wrapper{position:relative}.awards-section.clients-slider .clients-logos-wrapper .draggable-btn{position:absolute;transform:translate(50%, -50%);right:0;top:50%;padding:0}@media only screen and (max-width: 1250px){.awards-section.clients-slider .head-clients span.bigletter{left:-6px;bottom:-14px}}@media only screen and (max-width: 767px){.awards-section.clients-slider .clients-logos-wrapper .draggable-btn{position:static;transform:none}}@media only screen and (max-width: 600px){.awards-section.clients-slider .head-clients span.bigletter{left:-5px}.awards-section.clients-slider .clients-slide li{width:50%;margin-bottom:0}.awards-section.clients-slider .clients-slide li img{left:0;transform:translate(0, -50%);max-width:50%;max-height:100%;margin:0 auto;display:block;position:relative}.awards-section.clients-slider .clients-slide li:first-child{margin-top:0}}.clients-slider .clients-logo-onama{justify-content:space-between}@media only screen and (max-width: 767px){.awards-section.clients-slider .clients-slide li{width:33%}}@media only screen and (max-width: 600px){.awards-section.clients-slider .clients-slide li{width:50%}}@media only screen and (max-width: 767px){.awards-section .clients-logo-onama li{width:100% !important;margin-bottom:30px !important}}.tutorial-section ul li{margin-bottom:280px;padding-left:0}.tutorial-section ul li:first-child{margin-top:0}.tutorial-section ul li::after{content:'';display:block;position:absolute;bottom:30px;right:20px;width:30px;height:2px;border-radius:0;background-color:#333;transition:350ms ease}.tutorial-section ul li::before{content:'';display:block;position:absolute;top:auto;left:auto;bottom:16px;right:34px;width:2px;height:30px;border-radius:0;background-color:#333;transition:350ms ease}.tutorial-section ul li:hover::after,.tutorial-section ul li:hover::before{background-color:#fff}.tutorial-section .tutorial-link-image{cursor:auto}.tutorial-section .tutorial-link-image::after,.tutorial-section .tutorial-link-image::before{display:none}.tutorial-section .section-title{margin-bottom:90px}.tutorial-link-container{display:flex;flex-flow:row wrap;align-items:flex-start}.tutorial-link{width:280px;height:300px;margin:0 calc((25% - 280px) / 2);background-color:#facc16;overflow:hidden}.tutorial-link h2{width:100%;height:100%;margin:0}.tutorial-link a{display:flex;align-items:center;position:relative;height:100%;width:100%;padding:30px;font-family:"Poppins",sans-serif;font-weight:700;font-size:26px;line-height:1}.tutorial-link a::after{content:attr(data-hover-text);display:block;position:absolute;top:110%;left:0;width:220px;color:#fff;line-height:1.4;transition:350ms ease}.tutorial-link a:hover .tutorial-link-text span{transform:translateY(-110%)}.tutorial-link a:hover .tutorial-link-text::after{top:0}.tutorial-link img{position:absolute;top:0;left:0}.tutorial-link:nth-child(2),.tutorial-link:nth-child(6){bottom:-150px}.tutorial-link:nth-child(7){top:-140px}.tutorial-link:nth-child(8){bottom:-80px}.tutorial-link:nth-child(9){top:-130px}.tutorial-link:nth-child(10){top:-280px;right:-25%}.tutorial-link:nth-child(11){bottom:-120px}.tutorial-link-text{display:block;position:relative;padding:5px 0;overflow:hidden;font-family:"PoppinsBold", sans-serif}.tutorial-link-text::after{content:attr(data-hover-text);display:block;position:absolute;left:0;top:100%;padding:5px 0;color:#fff;transition:350ms ease}.tutorial-link-text span{display:block;position:relative;left:0;top:0;padding:5px 0;transform:translateY(0);transition:350ms ease}.tutorial-list-wrapper .section-title{margin-bottom:90px}.tutorial-list-wrapper ul{display:flex;flex-flow:row wrap}.tutorial-list-wrapper ul li{flex-basis:calc(50% - 90px);margin:0 90px 30px 0;padding:0;background-color:#facc16;border-radius:80px}.tutorial-list-wrapper ul li:first-child{margin-top:0}.tutorial-list-wrapper ul li:last-child{margin-bottom:30px}.tutorial-list-wrapper ul li::before{display:none}.tutorial-list-wrapper .tutorial-list-text{display:block;position:relative;margin-top:3px;font-size:14px;font-weight:600;text-transform:uppercase;overflow:hidden;font-family:"PoppinsBold", sans-serif}.tutorial-list-wrapper .tutorial-list-text::after{content:attr(data-hover-text);display:block;position:absolute;left:0;top:100%;color:#fff;text-transform:uppercase;font-size:14px;font-weight:600;transition:350ms ease}.tutorial-list-wrapper .tutorial-list-text span{display:block;position:relative;left:0;top:0;transform:translateY(0);transition:350ms ease}.tutorial-list-wrapper a{display:block;padding:30px}.tutorial-list-wrapper a:hover .tutorial-list-text::after{top:0}.tutorial-list-wrapper a:hover .tutorial-list-text span{transform:translateY(-100%)}.tutorial-list-wrapper a:hover::after,.tutorial-list-wrapper a:hover::before{background-color:#fff}.tutorial-list-wrapper a::after,.tutorial-list-wrapper a::before{content:'';display:block;position:absolute;bottom:50%;right:20px;width:30px;height:2px;border-radius:0;background-color:#333;transform:translateY(50%);transition:350ms ease}.tutorial-list-wrapper a::before{right:34px;width:2px;height:30px}@media only screen and (max-width: 1649px){.tutorial-link{width:200px;height:210px;margin:0 calc((25% - 200px) / 2)}.tutorial-link a{font-size:24px}.tutorial-list-wrapper a{padding:20px 110px 20px 50px;line-height:1.4}}@media only screen and (max-width: 1250px){.tutorial-section ul li{margin-bottom:30px}.tutorial-link{width:calc(50% - 30px);margin:0 15px}.tutorial-link:nth-child(2),.tutorial-link:nth-child(6),.tutorial-link:nth-child(7),.tutorial-link:nth-child(8),.tutorial-link:nth-child(9),.tutorial-link:nth-child(10),.tutorial-link:nth-child(11){bottom:auto;top:auto;right:auto;left:auto}.tutorial-link img{top:-50%;width:100%}.tutorial-list-wrapper ul li{flex-basis:100%;margin:0 0 30px 0}}@media only screen and (max-width: 1023px){.tutorial-link img{top:0}}@media only screen and (max-width: 600px){.tutorial-section ul li::after{bottom:25px;right:11px;width:20px}.tutorial-section ul li::before{bottom:16px;right:20px;height:20px}.tutorial-link{height:140px;width:calc(50% - 10px);margin:0}.tutorial-link:nth-child(2n+2){margin-left:20px}.tutorial-link a{font-size:12px;padding:15px}.tutorial-list-wrapper a{padding:15px 50px 15px 15px}.tutorial-list-wrapper a::after{right:20px;width:20px}.tutorial-list-wrapper a::before{right:29px;height:20px}.tutorial-list-wrapper .tutorial-list-text{font-size:12px}.tutorial-list-wrapper .tutorial-list-text::after{font-size:12px}}@media only screen and (max-width: 374px){.tutorial-link{height:105px}}.card-items{margin-top:15px}.card-items li{line-height:1.4;margin-bottom:2px}.tutorials-single-page .container{position:relative}.tutorials-single-page .page-section.content-indent .section-content{position:relative;z-index:1}.tutorials-single-page .page-section.content-indent:nth-child(odd) .section-content{margin-left:0;width:75%}.tutorials-single-page .page-section.content-indent:nth-child(odd) .dashed-circle{left:auto;right:15px;border-left:3px dashed transparent;border-top:3px dashed #333}.dashed-circle{position:absolute;top:78px;left:15px;z-index:0;display:block;width:350px;height:350px;border-radius:50%;border:3px dashed #333;border-top:3px dashed transparent;transform:rotate(45deg)}.step-number{display:flex;align-items:center;justify-content:center;position:absolute;left:-20px;top:-20px;width:150px;height:150px;padding-bottom:39px;background-color:#facc16;border-radius:50%;font-size:108px;font-family:"Playfair Display",serif;color:#333;transform:rotate(-45deg)}.step-number::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 13px);height:calc(100% - 13px);display:block;border:3px solid #fff;border-radius:50%}.single-tutorial-image{box-shadow:-1px 0px 5px 3px #f1f1f1;border:10px solid #fff}@media only screen and (max-width: 1650px){.step-number{width:110px;height:110px;padding-bottom:24px;background-color:#facc16;border-radius:50%;font-size:78px}.dashed-circle{top:110px;left:25px;width:300px;height:300px}.tutorials-single-page .page-section.content-indent:nth-child(odd) .section-content{padding-left:1rem}}@media only screen and (max-width: 1250px){.tutorials-single-page .page-section.content-indent:nth-child(odd) .section-content{width:100%}.tutorials-single-page .page-section.content-indent:nth-child(odd) .dashed-circle{border:0;right:auto}.single-tutorial-section .container{display:flex;flex-direction:column-reverse}.dashed-circle{position:relative;top:0;left:0;width:150px;height:150px;margin:0 auto 50px;border:0;border-radius:0;transform:none}.step-number{transform:none;left:0;top:0}}@media only screen and (max-width: 991px){.dashed-circle{width:115px;height:115px;margin:0 auto 20px}.step-number{width:115px;height:115px;padding-bottom:20px;font-size:68px}}@media only screen and (max-width: 600px){.single-tutorial-section{padding-top:30px}.dashed-circle{width:80px;height:80px}.step-number{width:80px;height:80px;padding-bottom:10px;font-size:48px}}#sidebar.wiki-sidebar .menu-item>span{font-size:14px;font-weight:500;transition:0.35s ease;color:#fff;cursor:pointer}#sidebar.wiki-sidebar .menu-item>span:hover{transform:none;padding-left:7px}#sidebar.wiki-sidebar .menu-item>span .menu-item-state{position:absolute;right:5px;top:0;font-size:24px}#sidebar.wiki-sidebar .submenu{display:none;padding-left:10px}#sidebar.wiki-sidebar li a{height:22px}#sidebar.wiki-sidebar .submenu-item a::before{content:"-";display:inline-block;margin-right:5px}#sidebar.wiki-sidebar .submenu-item a:after{margin-top:0}.wiki-section{width:calc(50% + 60px);margin-left:auto}.wiki-content-image{display:block;max-width:500px;width:100%;margin:30px auto 0}.site-wiki-single .section-image img{width:auto;margin:0 auto}@media only screen and (max-width: 768px){.wiki-section{width:100%}}.content-indent ol{padding-bottom:30px}@media only screen and (max-width: 768px){.content-indent ol{padding-bottom:20px}}.page-order-banner{overflow:hidden}.page-order-banner .banner-object svg{transform:scale(1) translate(130px, -140px)}@media only screen and (max-width: 1650px){.page-order-banner .banner-object img{transform:translate(100px, 0)}}@media only screen and (max-width: 1250px){.page-order-banner .banner-object{display:none}}.pop-up-wrapper #order-form{width:100%}.order-form{width:76%}.order-form form{display:flex;flex-flow:row;flex-wrap:wrap}.order-form .form-container,.order-form .form-holder{display:flex;flex-flow:row wrap}.order-form .form-container input[type='submit'],.order-form .form-holder input[type='submit']{display:block;color:#383838}@media only screen and (max-width: 991px){.order-form{width:100%}}.form-field{position:relative;margin-bottom:40px;min-height:50px}.form-field p,.form-field label{font-size:14px}.form-field input+label{position:absolute;left:25px;top:17.5px;font-size:14px;line-height:1;color:#383838;transition:font-size 350ms ease, top 350ms ease}.form-field input,.form-field textarea,.form-field select,.form-field option{width:100%;padding:10px 22px;border:2px solid #333;border-radius:25px;letter-spacing:-0.5px;outline:none;transition:0.35s ease}.form-field input{height:50px;background-color:transparent}.form-field textarea{height:200px}.form-field input[type='text']:hover+label,.form-field input[type='text']:focus+label,.form-field input[type='tel']:hover+label,.form-field input[type='tel']:focus+label,.form-field input[type='email']:hover+label,.form-field input[type='email']:focus+label{top:-15px;font-size:12px}.form-field input[type='checkbox'],.form-field input[type='radio']{position:absolute;left:0;top:25px;height:5px;width:5px}.form-field input[type='checkbox']+label,.form-field input[type='radio']+label{left:40px;cursor:pointer}.form-field input[type='checkbox']+label:hover .fake-checkmark,.form-field input[type='checkbox']+label:focus .fake-checkmark,.form-field input[type='radio']+label:hover .fake-checkmark,.form-field input[type='radio']+label:focus .fake-checkmark{opacity:0.45}.form-field input[type='checkbox']:checked+label .fake-check-wrapper,.form-field input[type='radio']:checked+label .fake-check-wrapper{background-color:#f8b309;border:2px solid #f8b309}.form-field input[type='checkbox']:checked+label .fake-checkmark,.form-field input[type='radio']:checked+label .fake-checkmark{opacity:1;color:#fff}.form-field input[type='checkbox']:checked+label .fake-checkmark::before,.form-field input[type='radio']:checked+label .fake-checkmark::before{background-color:transparent}.form-field input[type='checkbox']:checked+label:hover .fake-checkmark,.form-field input[type='checkbox']:checked+label:focus .fake-checkmark,.form-field input[type='radio']:checked+label:hover .fake-checkmark,.form-field input[type='radio']:checked+label:focus .fake-checkmark{opacity:1}.form-field .fake-check-wrapper{display:flex;align-items:center;justify-content:center;position:absolute;width:30px;height:30px;left:-40px;top:-50%;background-color:#fff;border:2px solid #383838;border-radius:50%;transition:350ms ease}.form-field .fake-checkmark{color:#383838;opacity:0;transition:opacity 350ms ease}.form-field .fake-checkmark::before{font-size:20px;margin-top:2px;display:inline-block}@media only screen and (max-width: 1650px){.form-field{min-height:45px;margin-bottom:30px}}@media only screen and (max-width: 460px){.form-field .fake-check-wrapper{top:0}}.order-form-seo .service-trigger label,.order-form-seo .message-field label,.order-form-graphic .service-trigger label,.order-form-graphic .message-field label{display:block;margin-bottom:15px;font-size:14px;color:#383838}.submit-form-field .popart-btn{float:right}.order-norobot-field{min-height:50px;margin-bottom:0}.order-norobot-field .form-field input[type='checkbox']+label{left:0;top:50%;transform:translateY(-50%)}.order-norobot-field .form-field input[type='checkbox']+label:hover,.order-norobot-field .form-field input[type='checkbox']+label:focus{color:#383838;border-color:#383838}.order-norobot-field .form-field input[type='checkbox']:checked+label .icon-cross:before{content:""}.order-norobot-field .fake-checkbox span.icon-cross{border:2px solid #333}.order-norobot-field .fake-checkbox span.icon-cross::before{left:2px;top:2px;border:0;background-color:#333;color:#fff}@media only screen and (max-width: 1650px){.order-norobot-field{min-height:45px}}.form-container .order-norobot-field .form-field input[type='checkbox']+label{transition:350ms ease}.form-container .order-norobot-field .form-field input[type='checkbox']+label a{position:relative;font-weight:700;color:#959595}.form-container .order-norobot-field .form-field input[type='checkbox']+label a::before{content:'';position:absolute;bottom:-3px;width:0;height:1px;background:#fff;transition:width 0.5s}.form-container .order-norobot-field .form-field input[type='checkbox']+label a:hover::before,.form-container .order-norobot-field .form-field input[type='checkbox']+label a:focus::before{width:100%}.form-container .order-norobot-field .form-field input[type='checkbox']+label:hover,.form-container .order-norobot-field .form-field input[type='checkbox']+label:focus{border-color:#fff;color:#fff}.form-container .order-norobot-field .form-field input[type='checkbox']+label:hover a,.form-container .order-norobot-field .form-field input[type='checkbox']+label:focus a{color:#fff}.budget-field.half-width:nth-child(even){margin-left:0}.budget-field.half-width label{font-size:14px;line-height:50px;color:#383838}.budget-field.half-width .fake-select{width:180px;margin-left:25px;padding:10px 15px;min-height:50px;height:50px;text-align:left;border-color:#333;color:#383838}@media only screen and (max-width: 1024px){.budget-field.half-width .fake-select{margin-left:15px}}.budget-field.half-width .fake-select .fake-select-text{left:25px}.budget-field.half-width .fake-select .fake-select-text::after{background-color:#333}.budget-field.half-width .fake-select:hover,.budget-field.half-width .fake-select:focus{color:#383838;border-color:#333}.budget-field.half-width .fake-select:hover .fake-options,.budget-field.half-width .fake-select:focus .fake-options{border-color:#333;background-color:#fff;height:188px}.budget-field.half-width .fake-select:hover .fake-options::before,.budget-field.half-width .fake-select:focus .fake-options::before{width:calc(100% - 35px)}.budget-field.half-width .icon-keyboard_arrow_down{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.budget-field.half-width .fake-options{padding:0 25px;background-color:#fff}.budget-field.half-width .fake-options .f-opt:first-child{margin-top:20px}.budget-field.half-width .fake-options .f-opt::before{color:#333}.budget-field.half-width .fake-options .f-opt::after{background-color:#333}.budget-field.half-width .fake-options .f-opt:hover,.budget-field.half-width .fake-options .f-opt:focus{padding-left:6px}.budget-field.half-width .fake-options .f-opt:hover::before,.budget-field.half-width .fake-options .f-opt:focus::before{left:-12px;transform:rotate(-90deg)}.budget-field.half-width .fake-options .f-opt:hover::after,.budget-field.half-width .fake-options .f-opt:focus::after{left:-12px}.budget-field.half-width .fake-options::before{background-color:#333}.edit-answer-field{display:flex;flex-flow:row wrap}.language-field input{width:67px;margin-left:25px;padding:10px 15px}.favorite-websites-wrapper .form-field,.other-favorite-websites-wrapper .form-field{margin-bottom:20px}.add-favorite-website-field-btn{padding:10px;min-width:148px;max-width:50%}.close-website-field{position:absolute;top:0;right:0;height:50px;width:50px;font-size:28px;text-align:center;cursor:pointer}.service-options{display:none;padding:0 22px 22px;border:2px solid #333;border-top:0;border-bottom-left-radius:25px;border-bottom-right-radius:25px}.service-single-option{display:block;position:relative;width:100%;height:47px;margin-bottom:0}.service-single-option label:hover,.service-single-option label:focus{color:#383838}.service-trigger{margin-bottom:0}.service-trigger input[type='checkbox']+label{display:block;margin-bottom:15px;font-size:14px;color:#383838}.service-trigger .icon-keyboard_arrow_down{position:absolute;right:15px;top:15px}.service-trigger .icon-keyboard_arrow_down::before{font-size:24px}.input-trigger-opened{color:#333;border-color:#333;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}.triger-single-options{position:relative;display:block}.triger-single-options:hover .input-trigger,.triger-single-options:focus .input-trigger{color:#333;border-color:#333;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}.message-field label,.keywords-field label,.browser-support-field label{display:block;margin-bottom:15px;font-size:14px;color:#333}.order-form-graphic,.order-form-seo{display:none}.seo-site .order-form-seo{display:block}.one-third-width{position:relative;width:calc((100% - 25px) / 3)}.one-third-width:not(:nth-child(2n+2)){margin-left:25px}@media only screen and (max-width: 991px){.one-third-width{width:100%}.one-third-width:not(:nth-child(2n+2)){margin-left:0}}@media only screen and (max-width: 1440px){.one-third-width.edit-answer-field{width:100%;max-width:300px}.one-third-width.edit-answer-field .half-width{margin-left:0 !important}}.seo-form-wrapper .one-third-width{width:calc(100% / 3 - 25px)}.seo-form-wrapper .one-third-width:not(:nth-child(3n+2)){margin-left:calc(75px / 2)}@media only screen and (max-width: 991px){.seo-form-wrapper .one-third-width{width:100%}.seo-form-wrapper .one-third-width:not(:nth-child(3n+2)){margin-left:0}}.two-third-width{position:relative;width:calc((100% / 3 * 2))}@media only screen and (max-width: 991px){.two-third-width{width:100%}}.half-width{position:relative;width:calc(50% - 12.5px)}.half-width:nth-child(even){margin-left:15px}@media only screen and (max-width: 1024px){.half-width{width:100%}.half-width:nth-child(even){margin-left:0}}.full-width{position:relative;width:100%}.form-field .input-has-value{top:-15px;font-size:12px}.form-holder{display:flex;flex-flow:row wrap}#form-response,#order-form-response{display:none;width:100%;min-height:50px;padding:10px 22px;border-radius:25px;letter-spacing:-0.5px;text-align:center;outline:none;transition:0.35s ease}#form-response .notification-message,#order-form-response .notification-message{padding:0;font-family:"Poppins",sans-serif;line-height:2}#form-response .notification-message,#form-response .icon-cross,#order-form-response .notification-message,#order-form-response .icon-cross{color:#fff}#form-response .notification-message::before,#form-response .icon-cross::before,#order-form-response .notification-message::before,#order-form-response .icon-cross::before{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:900}.form-title{margin-bottom:50px;font-family:"Poppins",sans-serif;font-size:26px;font-weight:500}.notification-field-success{border:2px solid #3cd964;background-color:#3cd964}.notification-field-success .icon-check::before{display:block}.notification-field-error{border:2px solid #ff3b30;background-color:#ff3b30}.notification-field-error .icon-cross::before{display:block}.order-form form .invalid-input,.order-form form .fake-input.invalid-input{border:2px solid #ff3b30}.order-form form .invalid-input-msg{display:none;position:absolute;right:0;bottom:-25px;padding-right:20px;font-size:11px;font-weight:600;color:#ff3b30}.order-form form .fake-checkbox .invalid-norobot{border:2px solid #ff3b30}.order-form form .fake-checkbox .invalid-norobot::before{background-color:#ff3b30;border-color:#ff3b30}@media only screen and (max-width: 991px){.has-hosting-field,.has-domain-field{height:20px;width:50%}.edit-answer-field{height:50px}.edit-answer-field .half-width{width:50%}.edit-text-field{margin-bottom:0}.edit-text-field p{margin-bottom:0}}.has-hosting-field input,.has-domain-field input,.edit-answer-field input{opacity:0}.sitemap-page{padding:60px 0 90px;overflow:hidden}.sitemap-page ul{float:left;font-size:16px;position:relative;z-index:1}.sitemap-page ul li{padding-left:0}.sitemap-page ul li:before{content:none}.sitemap-page h2{position:relative;font-size:40px;font-family:"Playfair Display",serif;font-weight:500;margin:0 0 55px}.sitemap-row-wrapper{position:relative}.sitemap-row{position:relative;width:calc(100% / 3);padding:140px 17.5px 100px 35px}.sitemap-row .bigletter{top:-18px;left:-5px}.sitemap-row li a{position:relative}.sitemap-row li a::after{content:'';position:absolute;left:-10px;top:50%;transform:translateY(-2px);height:2px;width:0;background-color:#facc16;transition:0.35s ease}.sitemap-row li a:hover::after,.sitemap-row li a:focus::after{width:calc(100% + 20px)}@media only screen and (max-width: 1250px){.sitemap-row{width:50%;padding:140px 17.5px 100px 17.5px}.sitemap-row .bigletter{top:34px;left:-10px}}@media only screen and (max-width: 767px){.sitemap-page{padding:60px 0 100px}}@media only screen and (max-width: 600px){.sitemap-page h2{font-size:25px;margin:0 0 25px}.sitemap-page ul li{margin-bottom:3px}.sitemap-row{width:100%;padding:90px 17.5px 40px 17.5px}.sitemap-row .bigletter{left:-2px}}.press-section{margin-bottom:200px}.press-section>.container .bigletter{top:-50px;right:0;transform:none}.press-section .section-image img{max-width:85%}@media only screen and (max-width: 1024px){.press-section .section-image img{margin:0 auto}}.press-section .sekretarijat-image img{max-width:70%}@media only screen and (max-width: 1024px){.press-section .sekretarijat-image img{margin:0 auto;margin-top:30px}}.press-section .section-content{top:55%}.press-section .draggable-btn{right:50%;bottom:-200px}@media only screen and (max-width: 1025px){.press-section .draggable-btn{bottom:-20px}}.press-section-left>.container .bigletter{right:auto;left:0;top:-20px}.press-section-left .section-image{margin-left:auto;width:50%}.press-section-left .section-image img{margin-left:auto}.press-section-left .section-content{right:auto;left:16px}@media only screen and (max-width: 1250px){.press-section{padding-top:50px}}@media only screen and (max-width: 1025px){.press-section .container>.bigletter{right:auto;left:5px;top:-90px}.press-section .draggable-btn{right:0;bottom:0;left:0;transform:translateX(-16px);margin-bottom:20px;margin-top:45px;padding-bottom:0;height:auto}.press-section .section-image.show{padding-bottom:50px;margin-bottom:-50px;margin-left:0;margin-top:-140px}}@media only screen and (max-width: 1025px) and (max-width: 767px){.press-section .section-image.show{margin:0 auto}}@media only screen and (max-width: 1025px){.press-section .section-content{left:16px}.press-section-left>.container .bigletter{right:auto;top:-90px}}@media only screen and (max-width: 767px){.press-section{margin-bottom:150px}.press-section .container>.bigletter{left:20px;top:-60px}.press-section .draggable-btn{left:0;transform:translate(-50%, -50%)}.press-section .draggable-btn .x-btn{margin:0 auto}.press-section .section-content{left:0}.press-section .section-image img{margin:0 auto}.press-section-left>.container .bigletter{top:-60px}.press-section-left .section-content{left:0}.press-section-left .section-image{width:75%}}@media only screen and (max-width: 500px){.press-section{margin-bottom:50px}}@media only screen and (max-width: 1024px){.marketing-page .services-box{padding-top:45px}}.marketing-page .services-box .section-content{position:relative;background-color:#facc16;padding:40px 80px 80px 50px;margin-bottom:50px;margin-left:initial;width:48%;float:left}@media only screen and (max-width: 1366px){.marketing-page .services-box .section-content{padding:40px}}@media only screen and (max-width: 1024px){.marketing-page .services-box .section-content{width:100%;float:none;margin-bottom:40px;clear:both}}@media only screen and (max-width: 768px){.marketing-page .services-box .section-content{margin-bottom:30px}}.marketing-page .services-box .section-content h3{color:#fff;font-weight:400;font-size:40px;margin-bottom:25px}@media only screen and (max-width: 768px){.marketing-page .services-box .section-content h3{font-size:32px}}@media only screen and (max-width: 600px){.marketing-page .services-box .section-content h3{font-size:27px;margin-bottom:15px}}.marketing-page .services-box .section-content h3 a{color:#fff !important;font-weight:400 !important}.marketing-page .services-box .section-content p{color:#333;font-size:15px;margin-bottom:50px}.marketing-page .services-box .section-content :nth-child(5n){float:right}.marketing-page .services-box .section-content:nth-child(2n){float:right;margin-right:0}.marketing-page .services-box .section-content:nth-child(3n){display:block;float:none;clear:both;margin:0 auto;margin-bottom:40px}.marketing-page .services-box .draggable-btn{position:absolute;bottom:15px;right:15px;height:auto;width:auto;padding:0}.awards-box{padding:150px 0 100px}@media only screen and (max-width: 1024px){.awards-box{padding-top:45px}}@media only screen and (max-width: 768px){.awards-box{padding-bottom:35px}}.awards-box .awards-content{display:flex;align-items:center;justify-content:center;position:relative;background-color:rgba(255,255,255,0.78);padding:40px 30px;margin-bottom:50px;margin-left:initial;width:48%;float:left;border:2px dashed #959595;min-height:350px;text-align:center}@media only screen and (max-width: 1366px){.awards-box .awards-content{padding:40px}}@media only screen and (max-width: 1024px){.awards-box .awards-content{width:100%;float:none;margin-bottom:40px;clear:both}}@media only screen and (max-width: 768px){.awards-box .awards-content{margin-bottom:30px;display:block;height:auto;overflow:hidden}}.awards-box .awards-content h3{color:#333;font-weight:400;font-size:32px;margin-bottom:10px}@media only screen and (max-width: 768px){.awards-box .awards-content h3{font-size:32px}}@media only screen and (max-width: 600px){.awards-box .awards-content h3{font-size:24px;margin-bottom:5px}}.awards-box .awards-content h3 a{color:#333 !important;font-weight:400 !important}.awards-box .awards-content p{color:#000;font-size:15px;margin-bottom:50px;line-height:1.5;text-align:right;padding-right:24px}@media only screen and (max-width: 1024px){.awards-box .awards-content p{padding-right:0}}@media only screen and (max-width: 768px){.awards-box .awards-content p{margin-bottom:30px !important;text-align:center}}.awards-box .awards-content :nth-child(5n){float:right}.awards-box .awards-content:nth-child(2n){float:right;margin-right:0;margin-top:80px}@media only screen and (max-width: 1024px){.awards-box .awards-content:nth-child(2n){margin-top:0}}.awards-box .awards-content:nth-child(3n){display:flex;float:none;clear:both;margin:0 auto;margin-bottom:40px}@media only screen and (max-width: 768px){.awards-box .awards-content:nth-child(3n){display:block}}.awards-box .draggable-btn{position:absolute;bottom:15px;right:15px;height:auto;width:auto;padding:0}.awards-box .right-awards-section{width:50%;float:right}@media only screen and (max-width: 768px){.awards-box .right-awards-section{width:100%;float:none}}.awards-box .left-awards-section{width:50%;float:left}@media only screen and (max-width: 768px){.awards-box .left-awards-section{width:100%;float:none}}.awards-box .popart-btn{padding:17px 0 17px;cursor:pointer}@media only screen and (max-width: 1024px){.awards-box .popart-btn{display:block;float:right;clear:both}}@media only screen and (max-width: 768px){.awards-box .popart-btn{padding:12px;margin-top:0 !important}}.awards-box .yellow{background-color:#facc16;border:2px solid #facc16;color:#fff;margin:30px 0 15px}.awards-box .yellow:before{background-color:#fff}.awards-box .yellow:after{color:#fff}.awards-box .year{color:#facc16}.awards-box .branding-img{width:110px}.awards-box .branding-name{display:block;font-weight:500;letter-spacing:1px;text-transform:uppercase;font-size:14px;color:#000}.awards-box .awards-parallax{font-size:172px;color:#f1f1f1;text-transform:uppercase;line-height:1.4;font-weight:600}.awards-box .awards-parallax-text{float:right}.partners-box{padding:150px 0 100px}@media only screen and (max-width: 1024px){.partners-box{padding-top:45px}}@media only screen and (max-width: 768px){.partners-box{padding-bottom:35px}}.partners-box .partners-content{font-family:'Poppins', sans-serif;align-items:center;justify-content:center;position:relative;background-color:rgba(255,255,255,0.78);padding:40px 30px;margin-bottom:50px;margin-left:initial;width:45%;float:left;box-shadow:0px 0px 20px 0px #dedede;min-height:450px;text-align:left;display:block}@media only screen and (max-width: 1366px){.partners-box .partners-content{padding:40px}}@media only screen and (max-width: 1024px){.partners-box .partners-content{width:100%;float:none;margin-bottom:40px;clear:both}}@media only screen and (max-width: 768px){.partners-box .partners-content{margin-bottom:30px;display:block;height:auto;overflow:hidden}}@media only screen and (max-width: 640px){.partners-box .partners-content{padding:15px}}.partners-box .partners-content h3{color:#333;font-weight:400;font-size:35px;margin-bottom:10px}@media only screen and (max-width: 768px){.partners-box .partners-content h3{font-size:32px}}@media only screen and (max-width: 600px){.partners-box .partners-content h3{font-size:24px;margin-bottom:5px}}.partners-box .partners-content h3 a{color:#333 !important;font-weight:400 !important}.partners-box .partners-content p{color:#000;font-size:15px;margin-bottom:50px;line-height:1.5;text-align:left;padding-right:24px;padding:0;padding-bottom:10px}@media only screen and (max-width: 1024px){.partners-box .partners-content p{padding-right:0}}@media only screen and (max-width: 768px){.partners-box .partners-content p{margin-bottom:30px !important;text-align:left}}@media only screen and (max-width: 640px){.partners-box .partners-content p{font-size:14px}}.partners-box .draggable-btn{position:absolute;bottom:15px;right:15px;height:auto;width:auto;padding:0}.partners-box .right-partners-section{width:50%;float:right}@media only screen and (max-width: 768px){.partners-box .right-partners-section{width:100%;float:none}}.partners-box .left-partners-section{width:50%;float:left}@media only screen and (max-width: 768px){.partners-box .left-partners-section{width:100%;float:none}}.partners-box .popart-btn{padding:17px 0 17px;cursor:pointer}@media only screen and (max-width: 1024px){.partners-box .popart-btn{display:block;float:right;clear:both}}@media only screen and (max-width: 768px){.partners-box .popart-btn{padding:12px;margin-top:0 !important}}.partners-box .yellow{background-color:#facc16;border:2px solid #facc16;color:#fff;margin:30px 0 15px}.partners-box .yellow:before{background-color:#fff}.partners-box .yellow:after{color:#fff}.partners-box .year{color:#facc16}.partners-box .branding-img{width:110px}.partners-box .branding-name{display:block;font-weight:500;letter-spacing:1px;text-transform:uppercase;font-size:14px;color:#000}.partners-box .awards-parallax{font-size:172px;color:#f1f1f1;text-transform:uppercase;line-height:1.4;font-weight:600}.partners-box .awards-parallax-text{float:right}.thefwa{width:130px}.bestcss{width:140px}.csswinner{width:210px}.awards{width:195px}.display-section{display:flex;align-items:center}@media only screen and (max-width: 768px){.display-section{display:block}}.partners-title{font-size:42px}@media only screen and (max-width: 768px){.partners-title{font-size:31px}}@media only screen and (max-width: 640px){.partners-title{font-size:26px}}.partners-container{margin-top:81px;display:flex;flex-wrap:wrap;justify-content:space-around;padding-bottom:10px}@media only screen and (max-width: 768px){.partners-container{margin-top:40px}}.partners-container span{display:block}.partners-container .city{color:#facc16;font-size:16px;text-transform:uppercase;font-weight:500}.partners-container .price{font-size:16px;display:inline;text-transform:uppercase;font-weight:500}.partners-container .valute{display:inline;color:#21d654}.partners-container .subtitle{font-size:16px;text-transform:uppercase;font-weight:500;color:#cacaca}@media only screen and (max-width: 640px){.partners-container .subtitle{font-size:14px}}.partners-container .popart-btn{width:100%;letter-spacing:2px}.partners-container .popart-btn:hover:before{left:95px}.partners-container .partners-logo{float:right;width:140px}@media only screen and (max-width: 640px){.partners-container .partners-logo{float:left;width:100px}}.partners-bottom{clear:both;padding-top:35px}@media only screen and (max-width: 640px){.partners-bottom{padding-top:0}}.partners-top{display:flex;align-items:center}@media only screen and (max-width: 640px){.partners-top{flex-direction:column}}.partners-container-bottom{margin-top:81px;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:10px}@media only screen and (max-width: 768px){.partners-container-bottom{margin-top:40px}}.partners-container-bottom .partners-content{width:31%}@media only screen and (max-width: 1024px){.partners-container-bottom .partners-content{width:48%}}@media only screen and (max-width: 768px){.partners-container-bottom .partners-content{width:100%}}@media only screen and (max-width: 640px){.partners-container-bottom .partners-content{padding:15px}}@media only screen and (max-width: 768px){.partners-container-bottom .partners-content p{text-align:left}}@media only screen and (max-width: 640px){.partners-container-bottom .partners-content p{font-size:14px}}.partners-container-bottom span{display:block}.partners-container-bottom .city{color:#facc16;font-size:16px;text-transform:uppercase;font-weight:500}.partners-container-bottom .price{font-size:16px;text-transform:uppercase;font-weight:500;margin-top:30px;display:block}.partners-container-bottom .valute{display:inline;color:#21d654}.partners-container-bottom .subtitle{font-size:16px;text-transform:uppercase;font-weight:500;color:#cacaca}@media only screen and (max-width: 640px){.partners-container-bottom .subtitle{font-size:14px}}.partners-container-bottom .popart-btn{width:100%;letter-spacing:2px}.partners-container-bottom .partners-top{display:block}.partners-container-bottom .partners-bottom{padding-top:25px}.partners-container-bottom .popart-btn:hover:before{left:50px}.design-nominees{width:160px}.cssdesignawards{width:200px}.partners-content-add{background-image:url("../images/marketing/partners-img.jpg");display:flex !important;flex-direction:column;color:#fff;cursor:pointer}.partners-content-add .cta-white{background-color:#fff;transition:0.3s ease-out}.partners-content-add .cta-white span{background-color:#fff}.partners-content-add h3{text-align:center;font-size:32px !important;line-height:1.4;margin-bottom:55px !important;text-transform:uppercase;font-weight:700 !important;color:#3c3c3c !important}.partners-content-add .subtitle{text-transform:uppercase;margin-bottom:50px !important;color:#fff !important;display:inline-block}.partners-content-add:hover{box-shadow:0px 0px 14px 9px #dedede}.partners-content-add:hover .cta-white{transform:scale(1.1);pointer-events:none;box-shadow:0px 0px 16px 0px #fff}.partners-content-add:hover span{background-color:#fff}.services-box .x-btn:hover span::before,.services-box .x-btn:hover span::after{background-color:#fff}.site-privacy h3{font-size:32px}.site-privacy h5{font-size:24px}.stores ol{padding-left:0}.stores ol li{display:block;height:300px;width:30%}.stores ol li:before{margin-right:10px;position:relative;top:10px}.stores ol li h4{display:inline-block;margin-bottom:0;font-size:26px}.stores ol li p{margin-top:10px}@media only screen and (max-width: 1649px){.stores ol li{height:auto;margin-bottom:30px}.stores ol li h4{margin-top:0}}@media only screen and (max-width: 1024px){.stores ol li{width:48%}}@media only screen and (max-width: 767px){.stores ol li{width:100%}.stores ol li h4{display:block}}.services-container{display:flex;flex-wrap:wrap;justify-content:space-between}.service-content{width:24%}@media only screen and (max-width: 1024px){.service-content{width:100% !important;margin-bottom:30px}}.service-content .popart-btn:hover:before{left:270px}@media only screen and (max-width: 1649px){.service-content .popart-btn:hover:before{left:151px}}.service-content .popart-btn::after{margin-top:-1px}@media only screen and (max-width: 1649px){.service-content .popart-btn::after{right:0px}}.service-content h4{height:50px;margin-top:10px;margin-bottom:10px}@media only screen and (max-width: 1649px){.service-content h4{height:80px;margin-top:10px}}@media only screen and (max-width: 1024px){.service-content h4{height:auto;margin-top:15px}}@media only screen and (max-width: 600px){.service-content h4{margin-top:0px}}.service-content p{height:100px}@media only screen and (max-width: 1649px){.service-content p{height:130px}}@media only screen and (max-width: 1024px){.service-content p{height:auto}}.service-content .popart-btn{display:block;margin:30px auto 15px}@media only screen and (max-width: 600px){.service-content .popart-btn{margin-top:30px !important}}.error-404{margin:0;overflow:hidden}.video-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.video-foreground,.video-foreground .video-error{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@media (min-aspect-ratio: 16 / 9){.video-foreground{height:300%;top:-100%}}@media (max-aspect-ratio: 16 / 9){.video-foreground{width:300%;left:-100%}}.headic{display:block;width:50px;height:50px;background-color:red}.error-content{position:relative;z-index:1;display:flex;justify-content:center;flex-direction:column;height:100vh;padding:2.5vw;color:#fff}.error-content p{margin:0}.error-content p:nth-of-type(1){font-size:20vw;font-weight:700;line-height:1;opacity:0.75}.error-content p:nth-of-type(2){margin-left:7.5vw;margin-top:-2.5vw;font-size:5vw;font-family:"Playfair Display",serif;line-height:1}.error-content .error-btn{margin-top:5vw;margin-left:7.5vw;border-color:#fff;background-color:#fff}@media only screen and (max-width: 1023px){.error-content p:nth-of-type(1){font-size:35vw}.error-content p:nth-of-type(2){margin-left:13vw;margin-top:-2.5vw;font-size:10vw}.error-content .error-btn{margin-left:13vw;margin-top:10vw}}.animation-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:block}.animation-wrapper canvas{-webkit-clip-path:url(#letterpath);clip-path:url(#letterpath);background:#fff;opacity:.95}#letter-hover{position:fixed}#letterpath{position:fixed;top:50%;left:50%;transform:translateX(5px);transition:transform .5s;-webkit-clip-path:url(#mouse-circle);clip-path:url(#mouse-circle)}#letterpath.disabled{transform:translateX(5px) !important}#letter-hover path{position:fixed;transform:translateY(150%) translateX(360px)}#mouse-clip{position:fixed;transform:translateY(100%);top:0;left:0;width:100px;height:100px;z-index:9999}#mouse-clip circle{width:100px;height:100px;r:0;transition:r cubic-bezier(0.68, 1, 0.76, 1) 0.35s}#mouse-clip.hovered circle{r:50;transition-duration:.75s}#mouse-clip.full circle{r:500 !important}#mouse-clip.full.finish circle{r:5000 !important}#letter-full{position:fixed;transform:translateX(-5%) translateY(-53.5%)}#flyout,#main-clip{transform:translateX(5px);transition:transform .5s}#flyout{fill:rgba(250,204,22,0.5);opacity:0;transform:translateX(5px);transition:opacity cubic-bezier(0.68, 1, 0.76, 1) 0.35s,transform cubic-bezier(0.68, 1, 0.76, 1) 0.35s}#flyout2{fill:rgba(250,204,22,0.25);opacity:0;transform:translateX(10px);transition:opacity cubic-bezier(0.68, 1, 0.76, 1) 0.35s,transform cubic-bezier(0.68, 1, 0.76, 1) 0.35s;transition-delay:.15s}#flyout3{fill:rgba(250,204,22,0.1);opacity:0;transform:translateX(15px);transition:opacity cubic-bezier(0.68, 1, 0.76, 1) 0.35s,transform cubic-bezier(0.68, 1, 0.76, 1) 0.35s;transition-delay:.3s}.hovered #flyout{opacity:1;transform:translateX(10px)}.hovered #flyout2{opacity:1;transform:translateX(15px)}.hovered #flyout3{opacity:1;transform:translateX(20px)}.disabled #flyout{opacity:0 !important;transform:translateX(5px) !important}.disabled #flyout2{opacity:0 !important;transform:translateX(10px) !important}.disabled #flyout3{opacity:0 !important;transform:translateX(15px) !important}.hovered #main-clip,.big-active{transform:translateX(0) !important}.disabled #main-clip{transform:translateX(5px) !important}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes slide-down{0%{transform:translateY(0)}100%{transform:translateY(60vh)}}@keyframes slide-down{0%{transform:translateY(0)}100%{transform:translateY(60vh)}}@-webkit-keyframes zoom-out{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes zoom-out{0%{transform:scale(1)}100%{transform:scale(0)}}@-webkit-keyframes zoomInOut{0%{transform:scale(1)}40%{transform:scale(1.1)}80%{transform:scale(0.9)}100%{transform:scale(1)}}@keyframes zoomInOut{0%{transform:scale(1)}40%{transform:scale(1.1)}80%{transform:scale(0.9)}100%{transform:scale(1)}}@-webkit-keyframes fadeUp{to{transform:translateY(0);opacity:1}}@keyframes fadeUp{to{transform:translateY(0);opacity:1}}@-webkit-keyframes ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}@keyframes ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}.scroll-btn{display:none;position:absolute;left:0;bottom:0;right:0;text-align:center;margin-top:45px}@media only screen and (max-width: 1024px){.scroll-btn{margin-top:250px !important}}.scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:normal;color:#ffffff;font-family:"proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:2px}.scroll-btn>*:hover,.scroll-btn>*:focus,.scroll-btn>*.active{color:#ffffff}.scroll-btn>*:hover,.scroll-btn>*:focus,.scroll-btn>*:active,.scroll-btn>*.active{opacity:0.8;filter:alpha(opacity=80)}.scroll-btn .mouse{position:relative;display:none;width:25px;height:45px;margin:0 auto 20px;box-sizing:border-box;border:2px solid #959595;border-radius:23px}.scroll-btn .mouse>*{position:absolute;display:none;top:29%;left:50%;width:5px;height:5px;margin:-2px 0 0 -2px;background:#959595;border-radius:50%;-webkit-animation:ani-mouse 2.5s linear infinite;animation:ani-mouse 2.5s linear infinite}
 .mejs-container { max-width: 100%; }
video { max-width: 100%; }
iframe { max-width: 100%; }
.image-wrapper {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    max-width: 100%;
}

.graphic-image {
    display: block;
    max-width: 100%;
    height: auto;
}

.smaller-text {
    font-size: 0.5em;  
    color: #666;  
}

.big-text {
    font-size: 1.15em;
    font-weight: 700;
    color: #1a1a1a;
    background: transparent;
    border-left: 4px solid #facc16;
    padding: 6px 12px;
    display: inline-block;
}

.large-text {
    font-size: 1.4em; 
    color: #facc16; 
}

.max-text {
    font-size: 1.2em; 
    color: #000000; 
    margin:0;
    position:relative;
}

#toDemo {
  display: inline-flex;
  cursor: pointer;
  width: 60px;
  height: 60px;
  line-height: 0.7;
  background: #facc16;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 110px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

#toDemo span {
  display: flex;
  align-items: center;
  justify-content: center;
}


#toDemo svg {
  width: 36px;
  height: 36px;
  fill: #383838;
  display: block;
}

#toDemo::before {
  content: '';
  position: absolute;
  border-radius: 100%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  animation: sonar-effect2 1.8s ease-out infinite;
}

@media only screen and (min-width: 1600px) {
  #toDemo svg {
    width: 32px;
    height: 32px;
  }
}

@media only screen and (max-width: 1500px) {
  #toDemo {
    width: 40px;
    height: 40px;
  }
  #toDemo span {
    font-size: 27px;
  }
  #toDemo svg {
    width: 14px;
  }
}

@media only screen and (max-width: 768px) {
  #toDemo {
    display: none;
  }
}

.submenu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box;
}

.submenu-title {
  font-weight: bold;
  font-size: 18px;
  color: #222;
}

.submenu-description {
  font-size: 16px;
  color: #666;
  white-space: nowrap;
  margin-left: auto;
  text-align: right;
}

@media (max-width: 768px) {
  .submenu-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .submenu-description {
    max-width: 100%;
    text-align: right;
  }
}

@media only screen and (max-width: 768px) {
  .submenu-description {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .submenu-title {
    display: none;
  }
}

.whatsapp-float {
  position: fixed;
  bottom: 50px;
  left: 25px;
  z-index: 1100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.whatsapp-float.visible {
  opacity: 1;
  visibility: visible;
}

#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #F8CE3A;
  color: #000;
  padding: 10px 18px;
  text-align: left;
  z-index: 1000;
  font-size: 14px;
  line-height: 1.3;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
}

#cookie-banner > span {
  min-width: 0;
}

#cookie-banner a {
  color: #000;
  text-decoration: underline;
}

#cookie-banner .popart-btn {
  width: 150px;
  min-width: 150px;
  margin: 0 !important;
  padding: 10px 16px;
  font-size: 13px;
  border-radius: 30px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.3s;
  background-color: transparent;
  border: 2px solid #000;
  color: #000;
  line-height: 1;
}

#cookie-banner .popart-btn:hover {
  opacity: 0.9;
}

#cookie-banner .popart-btn:last-of-type {
  background-color: #ffffff;
  color: #000;
}

@media only screen and (max-width: 520px) {
  #cookie-banner {
    grid-template-columns: 1fr;
    padding: 12px 12px;
    text-align: center;
    gap: 8px;
  }

  #cookie-banner .popart-btn {
    width: 100%;
    min-width: 0;
  }
}

/* Стили для модального видео и кнопки закрытия */
#youtube-video-modal.video-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.85);
  z-index: 10000;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
}

#youtube-video-modal.show {
  display: flex;
}

#youtube-video-modal .video-frame-container iframe {
  max-width: 100%;
  max-height: 90vh;
  border: none;
  border-radius: 8px;
}

/* Крестик для закрытия (универсальный стиль) */
.video-frame-container {
  position: relative;
}

#video-close.close-button {
  position: absolute;
  top: -25px;
  right: -25px;
  z-index: 100;
  width: 70px;
  height: 70px;
  font-size: 45px;
  background: #facc16;
  color: #000;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#video-close.close-button:hover {
  background: #facc16;
  color: #000;
}

/* Для мобильных устройств – адаптация позиции крестика */
@media screen and (max-width: 768px) {
  #video-close.close-button {
    top: -10px;;
    right: -10px;
    width: 60px;
    height: 60px;
    font-size: 40px;
    line-height: 40px;
  }
}

.video-thumbnail img {
  transition: opacity 0.3s ease;
}

/* === Correzione spaziatura tra immagine e contenuto (Social Media & Grafica) === */
.content-divide .container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0; /* annulla eventuali gap predefiniti */
}

.section-image.col2 {
  margin-right: 40px;
  flex-shrink: 0; /* evita che картинка сжималась */
}

.section-content {
  flex: 1;
  min-width: 300px;
}

@media only screen and (max-width: 768px) {
  .home-graphicdesign.content-indent.page-section {
    margin-bottom: 10px; /* или меньше по вкусу */
  }

  .yellow-block.video-section.page-section {
    margin-top: 0; /* убирает верхний отступ */
  }
}

@media only screen and (max-width: 768px) {
  .home-graphicdesign.content-indent.page-section,
  .yellow-block.video-section.page-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

/* === NEUROPITCHâ„¢ - STYLE FIX === */
#neuropitch, .neuro-pitch {
  position: fixed;
  bottom: 30px;
  left: 30px;
  z-index: 9999;
  background: #fff;
  border: 2px solid #222;
  padding: 18px 22px;
  max-width: 320px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  font-family: 'Inter', sans-serif;
  animation: slideUp 0.5s ease-out;
  border-radius: 12px;
}

.neuropitch-inner,
.neuro-pitch-content {
  position: relative;
  padding-right: 20px;
}

.neuropitch-inner h4,
.neuro-pitch-content p {
  margin: 0 0 8px;
  font-size: 17px;
  color: #111;
}

.neuropitch-inner p,
.neuro-pitch-content p {
  font-size: 16px;
  color: #444;
}

.neuropitch-btn, .neuro-pitch-content a {
  display: inline-block;
  margin-top: 10px;
  background: #f7be00;
  color: #000;
  font-weight: bold;
  padding: 8px 14px;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
}

.neuropitch-btn:hover, .neuro-pitch-content a:hover {
  background: #222;
  color: #fff;
}

/* КНОПКА ЗАКРЫТИЯ (СТИЛИЗОВАННАЯ, КРУГЛАЯ) */
.neuropitch-close, .neuro-pitch-close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 36px;
  height: 36px;
  background: #fdf3d2;
  color: #878787;
  font-size: 18px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.neuropitch-close:hover, .neuro-pitch-close:hover {
  transform: rotate(90deg);
}

.neuro-pitch {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.neuro-pitch.visible {
  opacity: 1;
}

@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* === МОБИЛЬНАЯ АДАПТАЦИЯ === */
@media (max-width: 600px) {
  #neuropitch, .neuro-pitch {
    left: 10px;
    right: 10px;
    bottom: 20px;
    max-width: unset;
    width: auto;
    padding: 16px 18px;
  }

  .neuropitch-close, .neuro-pitch-close {
    top: -10px;
    right: -10px;
    width: 32px;
    height: 32px;
    font-size: 20px;
  }

  .neuropitch-inner h4,
  .neuro-pitch-content p {
    font-size: 16px;
  }

  .neuropitch-btn, .neuro-pitch-content a {
    font-size: 15px;
    padding: 7px 12px;
  }

  /* welcome-sequence */
  .neuro-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
  }

  .neuro-buttons .neuropitch-btn {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0;
  }
}

/* === table-section NeuroPitchâ„¢ === */
.comparison-cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 2rem;
}

.comparison-row {
  display: flex;
  flex-wrap: wrap;
  background: #f9f9f9;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  padding: 10px 15px;
  align-items: center;
}

.comparison-label {
  flex: 1 1 100%;
  font-weight: 600;
  margin-bottom: 6px;
}

.comparison-value {
  flex: 1 1 50%;
  padding: 5px 10px;
}

.comparison-value.yes {
  color: #2e7d32;
  font-weight: 500;
}

.comparison-value.no {
  color: #b71c1c;
  font-weight: 500;
}

@media (min-width: 768px) {
  .comparison-label {
    flex: 1;
    margin-bottom: 0;
  }
  .comparison-value {
    flex: 1;
    text-align: center;
  }
}

/* CTA в меню (шапка) — принудительно primary */
#header-icons .header-cta-btn{
  background: #f2c200 !important;
  border-color: rgb(51, 51, 51) !important;
  color: #111 !important;
}

#header-icons .header-cta-btn:hover{
  filter: brightness(.95);
}

/* CTA внутри мобильного меню/оверлея */
@media (max-width: 768px) {

  /* ваш ul.header-icons в мобильном меню */
  ul.header-icons {
    width: 100%;
    margin-top: 18px;
  }

  ul.header-icons .header-cta-wrap {
    width: 100%;
    display: block;
  }

  ul.header-icons .header-cta-btn {
    width: 100%;
    max-width: 320px;      /* можно убрать, если хотите строго 100% */
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 14px 18px;
    border-radius: 999px;
  }
}

.header-cta-note { display: none; }

@media (max-width: 768px) {
  .header-cta-note{
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    opacity: .85;
    letter-spacing: .02em;
  }
}

@media (max-width: 768px) {
  .header-cta-note{
    color: rgba(255,255,255,.78);
  }
}

@media (max-width: 768px) {
  .header-cta-note{
    font-size: 11px;
    margin-top: 12px;
    letter-spacing: .03em;
  }
}



/* HERO кнопки: базовый стиль */
#baner-links .popart-btn{
  background: transparent;
  border: 2px solid #111;
  color: #111;
}

/* PRIMARY (жёлтая) — Preventivo */
#baner-links .popart-btn--primary{
  background: #f2c200;
  border-color: #f2c200;
  color: #111;
}

/* На случай, если load-cta где-то принудительно обнуляет фон */
#baner-links .popart-btn--primary.load-cta{
  background: #f2c200 !important;
  border-color: #f2c200 !important;
  color: #111 !important;
}

/* SECONDARY (outline) */
#baner-links .popart-btn--secondary{
  background: transparent;
  border-color: #111;
  color: #111;
}

#baner-links .popart-btn:hover{
  filter: brightness(.97);
}

.home-layer-banner > div{
  width: 100%;
  height: 100%;
}
.home-layer-banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.page-banner.home-banner{
  min-height: clamp(560px, 78vh, 820px) !important;
}

@media (max-width: 1024px){
  #primary-nav .sub-menu-btn{ display:none !important; }

  #primary-nav > li .sub-menu-wrapper{ display:none; }
  #primary-nav > li.is-open .sub-menu-wrapper{ display:block; }
}


@media (max-width: 1024px){
  .mobile-menu .cta-note, 
  #mobile-menu .cta-note{
    font-size: 13px;
    opacity: .85;
    margin-top: 10px;
  }
}

@media (max-width: 1024px){
  /* подпункты внутри раскрытого пункта */
  /* ===== Мобильное меню: единый размер ===== */
  /* Все top-level пункты (SERVIZI, MARKETING, PORTFOLIO, CONTATTI) */
  #primary-nav > li > .nav-link-wrap > a{
    font-size: 17px;
    letter-spacing: .08em;
  }
  /* Sub-items — тот же 17px */
  #primary-nav > li.is-open .sub-menu-wrapper a{
    font-size: 17px;
    letter-spacing: .06em;
    opacity: .88;
  }
  /* Желтый цвет при раскрытии (SERVIZI, MARKETING & SEO) */
  #primary-nav > li.is-open > .nav-link-wrap > a > span{
    color: #f2c200;
  }
}
@media (max-width: 1024px){
  #primary-nav > li.is-open .sub-menu-wrapper{
    margin-top: 10px;  /* подстрой 8–14px */
  }
}
@media (max-width: 1024px){
  .cta-note, .mobile-cta-note, .menu-cta-note{
    font-size: 13px;
    opacity: .75;
    margin-top: 10px;
  }
}
@media (max-width: 1024px){
  .cta-note{
    font-size: 13px;
    opacity: .85;           /* было слишком низко */
    color: rgba(255,255,255,.85);
    margin-top: 10px;
  }
}
@media (max-width: 1024px){
  #primary-nav > li.is-open .sub-menu-wrapper{ margin-top: 5px; }
  #primary-nav > li.is-open .sub-menu-wrapper a{ padding: 5px 0; }
}

/* ===== Block after hero ===== */
.proof-strip{
  display:flex;
  justify-content:center;
  gap:22px;
  flex-wrap:wrap;
  padding:14px 18px;
  margin: 0 auto 28px;
  max-width: 980px;

  background: #fbf6e6;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;

  font-weight: 600;
  font-size: 15px;
}

.service-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  align-items: stretch;
}

.service-card{
  background:#fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 28px 26px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.service-card h3{
  margin: 0 0 10px;
}

.service-card p{
  margin: 0 0 16px;
  opacity: .85;
}

.service-card ul{
  list-style:none;
  padding:0;
  margin: 0 0 18px;
}

.service-card li{
  position:relative;
  padding-left: 18px;
  margin: 10px 0;
  opacity: .95;
}

.service-card li::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f2c200; /* твой жёлтый */
  position:absolute;
  left:0;
  top: 8px;
}

/* Кнопка в карточке — чтобы не “плавала” */
.service-card .popart-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-width: 180px;
  margin-top: 6px;
}

/* Steps */
.work-steps{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 26px;
}

.work-step{
  background:#fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 18px 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.04);
  line-height: 1.35;
}

.step-n{
  display:inline-flex;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  align-items:center;
  justify-content:center;
  background:#f2c200;
  color:#111;
  font-weight: 800;
  margin-right: 8px;
}

/* Responsive */
@media (max-width: 980px){
  .service-grid{ grid-template-columns: 1fr; }
  .work-steps{ grid-template-columns: 1fr; }
  .proof-strip{ max-width: 100%; }
}

.service-card{
  display:flex;
  flex-direction:column;
}

.service-card .popart-btn{
  margin-top:auto; /* кнопка всегда внизу */
}

.service-card h3{
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.3px;
  margin-bottom: 12px;
}

.service-card h3{
  position:relative;
  padding-bottom:10px;
}
.service-card h3::after{
  content:"";
  display:block;
  width:46px;
  height:3px;
  background:#f2c200;
  border-radius:999px;
  margin-top:10px;
  opacity:.9;
}

.proof-strip span{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.proof-strip span::before{
  content:"\2714"; /* ✔ */
  color:#16a34a;   /* зелёный */
  font-weight:800;
  font-size:16px;
  line-height:1;
}

.tick{
  color:#16a34a;
  font-weight:800;
  font-size:16px;
  line-height:1;
}

:root{
  --np-yellow: #f2c200; /* подгони под свой жёлтый */
  --np-text: #1d1d1d;
  --np-muted: #6b6b6b;
  --np-line: rgba(0,0,0,.10);
  --np-card: #fff;
  --np-shadow: 0 10px 30px rgba(0,0,0,.06);
  --np-radius: 18px;
}

.process-strip{
  margin-top: 26px;
  padding: 34px 26px;
  background: linear-gradient(180deg, rgba(250,250,252,.75), rgba(255,255,255,0));
  border-radius: 22px;
}

.process-strip__head{
  text-align: center;
  max-width: 880px;
  margin: 0 auto 26px;
}

.process-strip__head h2{
  margin: 0 0 8px;
  color: var(--np-text);
  font-weight: 600;
}

.process-strip__head p{
  margin: 0;
  color: var(--np-muted);
}

.process-strip__timeline{
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  padding-top: 34px;
}

.process-strip__timeline::before{
  content:"";
  position: absolute;
  left: 5%;
  right: 5%;
  top: 18px;
  height: 2px;
  background: var(--np-line);
  border-radius: 999px;
}

.process-step{
  background: var(--np-card);
  border-radius: var(--np-radius);
  box-shadow: var(--np-shadow);
  padding: 22px 18px 18px;
  text-align: left;
  min-height: 170px; /* чтобы карточки были ровнее */
  border: 1px solid rgba(0,0,0,.06);
}

.process-step__badge{
  position: relative;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  background: var(--np-yellow);
  display: grid;
  place-items: center;
  margin-top: -64px;   /* вынос кружка над карточку */
  margin-bottom: 12px;
  box-shadow: 0 10px 20px rgba(242,194,0,.25);
  border: 2px solid #fff;
}

.process-step__badge span{
  font-weight: 700;
  color: #1a1a1a;
}

.process-step h3{
  margin: 0 0 8px;
  color: var(--np-text);
  font-weight: 650;
  font-size: 18px;
}

.process-step p{
  margin: 0;
  color: var(--np-muted);
  line-height: 1.45;
  font-size: 14px;
}

/* Responsive */
@media (max-width: 1024px){
  .process-strip__timeline{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 26px;
  }
  .process-strip__timeline::before{
    left: 8%;
    right: 8%;
  }
}

@media (max-width: 640px){
  .process-strip{
    padding: 26px 16px;
  }
  .process-strip__timeline{
    grid-template-columns: 1fr;
    gap: 18px;
    padding-top: 10px;
  }
  .process-strip__timeline::before{
    content:none; /* на мобиле лучше убрать линию */
  }
  .process-step__badge{
    margin-top: 0;
  }
}

.case-studies .section-head { margin-bottom: 24px; }
.case-studies .section-subtitle { max-width: 720px; }

.case-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  align-items: stretch;
}

.case-card{
  background: rgba(255,255,255,0.85);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
}

.case-media img{
  width: 100%;
  height: auto;
  display: block;
}

.case-body{
  padding: 18px 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.case-title{
  font-size: 22px;
  line-height: 1.2;
  margin: 0;
}

.case-metric{
  margin: 0;
  font-weight: 600;
  opacity: 0.9;
}

.case-desc{
  margin: 0;
  opacity: 0.85;
}

.case-cta{
  margin-top: auto; /* кнопка всегда внизу карточки */
  width: 100%;
  text-align: center;
}

.case-card.is-featured{
  border-color: rgba(250,204,22,0.55);
}

/* Responsive */
@media (max-width: 1024px){
  .case-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .case-grid{ grid-template-columns: 1fr; }
}

.case-kpi{list-style:none;margin:14px 0 10px;padding:0}
.case-kpi li{display:flex;gap:10px;align-items:baseline;margin:10px 0;font-size:14px}
.case-tick{color:#2e9b3b;font-size:18px;line-height:1}
.case-what{margin-top:14px;font-size:14px}
.case-what strong{font-weight:700}

/* SECTION spacing fix */
.section-head .section-title{
  margin: 0 0 12px !important;
  line-height: 1.15;
}

.section-head .section-subtitle{
  margin: 0 0 28px !important;
  line-height: 1.6;
  max-width: 760px;         /* чтобы было аккуратно */
  margin-left: auto;
  margin-right: auto;
}

.case-card{ position: relative; }

.case-badge{
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 4px 6px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .2px;
  color: #000;
  z-index: 2;
  box-shadow: 0 10px 20px rgba(0,0,0,.08);
}

.case-badge--web{ background: #facc16; }
.case-badge--ecom{ background: #2e7d32; color:#fff; }
.case-badge--seo{ background: #facc16; }
.case-badge--geo{ background: #2e7d32; color:#fff; }

@media (max-width: 768px){
  .case-badge{ top: 12px; left: 12px; font-size: 13px; }
}

.clients-strip{
  margin-top: 28px;
  padding: 26px 0 18px;
}

.clients-strip__head{
  text-align:center;
  margin-bottom: 14px;
}
.clients-strip__sub{
  margin: 6px 0 0;
  opacity: .7;
}

.clients-marquee{
  overflow: hidden;
  border-radius: 14px;
  padding: 14px 0;
  background: rgba(0,0,0,0.02);
}

.clients-track{
  list-style:none;
  display:flex;
  align-items:center;
  gap: 46px;
  padding: 0 26px;
  margin: 0;
  width: max-content;
  animation: clientsScroll 26s linear infinite;
}

.clients-track li{
  display:flex;
  align-items:center;
  justify-content:center;
}

.clients-track img{
  height: 34px;          /* ключевой параметр “ровности” */
  width: auto;
  max-width: 170px;
  opacity: .55;
  filter: grayscale(100%);
  transition: opacity .2s ease, filter .2s ease, transform .2s ease;
}

.clients-track img:hover{
  opacity: .95;
  filter: grayscale(0%);
  transform: translateY(-1px);
}

@keyframes clientsScroll{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); } /* потому что список продублирован */
}

.clients-strip__cta{
  text-align:center;
  margin-top: 14px;
}

/* Уважение к accessibility */
@media (prefers-reduced-motion: reduce){
  .clients-track{ animation: none; }
  .clients-marquee{ overflow:auto; }
}

/* Mobile */
@media (max-width: 768px){
  .clients-track{ gap: 28px; animation-duration: 20s; }
  .clients-track img{ height: 28px; max-width: 140px; }
}

.why-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:26px;
}

@media (max-width: 1024px){
  .why-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .why-grid{ grid-template-columns:1fr; }
}

.perche-contatti-grid{
  grid-template-columns:repeat(3, minmax(0,1fr));
}

@media (max-width: 767px){
  .perche-contatti-grid{ grid-template-columns:1fr; }
}

.why-cta{
  display:flex;
  gap:16px;
  justify-content:flex-start;
  align-items:center;
  margin-top:22px;
}
@media (max-width: 640px){
  .why-cta{ flex-direction:column; align-items:stretch; }
  .why-cta .popart-btn{ width:100%; text-align:center; }
}

/* ===== Home Testimonials (slider) ===== */
.home-testimonials { padding: 56px 0; }

.testimonials-head {
  max-width: 820px;
  margin: 0 auto 20px;
}

.testimonials-subtitle {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.6;
  opacity: .85;
}

/* top bar */
.tbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin: 10px 0 12px;
}
.tbar__hint{ font-size: 13px; opacity:.75; }
.tbar__controls{ display:flex; gap:10px; }
.tbar__btn{
  width:38px; height:38px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
  cursor:pointer;
  font-size: 20px;
  line-height: 1;
}
.tbar__btn:hover{ transform: translateY(-1px); }

/* slider */
.testimonials-slider{
  display:grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 36px) / 3); /* 3 card visible (gap 18*2 =36) */
  gap: 18px;
  overflow-x: auto;
  padding: 4px 2px 10px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.testimonials-slider::-webkit-scrollbar { height: 8px; }
.testimonials-slider::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius: 10px; }

.t-card{
  scroll-snap-align: start;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  padding: 18px 18px 16px;
  box-shadow: 0 10px 28px rgba(0,0,0,.05);
  min-height: 230px;
}

.t-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.t-rating{
  font-size:14px;
  letter-spacing:1px;
  line-height:1;
  padding:8px 10px;
  border-radius:999px;
  background: rgba(255, 204, 0, .22);
  border:1px solid rgba(255, 204, 0, .35);
  font-weight:600;
  white-space: nowrap;
}

.t-meta{ text-align:right; }
.t-name{ font-weight:700; letter-spacing:.2px; }
.t-place{ margin-top:2px; font-size:13px; opacity:.75; }

.t-text{
  margin:0 0 12px;
  font-size:15px;
  line-height:1.7;
  opacity:.9;
}

.t-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.t-tag{
  font-size:12px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.03);
  white-space: nowrap;
}

/* CTA: исправляем деформацию кнопок */
.testimonials-cta{
  margin-top: 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.testimonials-cta__text{
  margin: 0;
  font-size: 14px;
  opacity: .82;
  max-width: 520px;
}

.testimonials-cta__buttons{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}

.testimonials-cta__buttons .popart-btn{
  width: auto !important;
  min-width: 160px;
  padding-left: 18px;
  padding-right: 18px;
  white-space: nowrap;
}

/* Responsive */
@media (max-width: 980px){
  .testimonials-slider{ grid-auto-columns: calc((100% - 18px) / 2); }
  .t-meta{ text-align:left; }
}
@media (max-width: 620px){
  .home-testimonials{ padding: 44px 0; }
  .testimonials-slider{ grid-auto-columns: 85%; }
  .tbar__hint{ display:none; }
  .testimonials-cta{ align-items:flex-start; }
  .testimonials-cta__buttons .popart-btn{ min-width: 140px; }
}

/* FIX: allineamento frecce testimonianze */
.home-testimonials .tbar{
  align-items: flex-end;         /* было center */
  margin-top: 6px;
  margin-bottom: 12px;
}

.home-testimonials .tbar__hint{
  line-height: 1;
  padding-bottom: 6px;           /* подгон по линии */
}

.home-testimonials .tbar__controls{
  align-items: center;
}

.home-testimonials .tbar__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.about-mini { padding: 56px 0; }
.about-mini__grid { display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 42px; align-items: center; }

.about-mini__lead { max-width: 680px; margin: 10px 0 14px; }
.about-mini__meta { margin-top: 6px; }

.about-mini__pill{
  display:inline-flex; align-items:center;
  padding: 10px 14px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 999px;
  background: rgba(250, 240, 200, .25);
  font-size: 14px;
}

.about-mini__trust { display: none; margin: 0; padding: 0; list-style: none; }
.about-mini__trust-item{
  display:flex; gap: 10px;
  padding: 14px 14px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  background: #fff;
  margin-bottom: 12px;
}
.about-mini__check{
  width: 26px; height: 26px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius: 999px;
  background: rgba(240, 210, 90, .35);
  font-weight: 700;
}

.about-mini__visual {
  position: relative;
  min-height: 330px;
  padding: 24px 0 18px;
  overflow: visible;
}
.about-mini__mockup {
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: #1d1d1f;
  padding: 18px;
  box-shadow: 0 26px 60px rgba(0,0,0,.24);
}
.about-mini__mockup-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.about-mini__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.about-mini__dot--red { background: #ff5f57; }
.about-mini__dot--yellow { background: #febc2e; }
.about-mini__dot--green { background: #28c840; }
.about-mini__url {
  flex: 1;
  height: 25px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 7px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.42);
  font: 600 12px/1 "Poppins", sans-serif;
}
.about-mini__screen {
  min-height: 220px;
  padding: 28px 20px 20px;
  border-radius: 12px;
  background: #242424;
}
.about-mini__line {
  height: 9px;
  width: 82%;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
}
.about-mini__line--accent {
  width: 58%;
  background: #facc16;
}
.about-mini__line--short {
  width: 42%;
}
.about-mini__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 40px;
}
.about-mini__card {
  min-height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 12px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  text-align: center;
}
.about-mini__card strong {
  color: #facc16;
  font: 800 20px/1 "Poppins", sans-serif;
}
.about-mini__card span {
  color: rgba(255,255,255,.52);
  font-size: 12px;
}
.about-mini__float {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border-radius: 999px;
  background: #fff;
  color: #171717;
  box-shadow: 0 12px 34px rgba(0,0,0,.16);
  font: 700 14px/1.2 "Poppins", sans-serif;
  white-space: nowrap;
  animation: aboutFloat 4.2s ease-in-out infinite;
}
.about-mini__float--top {
  top: 0;
  right: -18px;
}
.about-mini__float--bottom {
  left: 0;
  bottom: 0;
  animation-delay: 1.5s;
}
.about-mini__float--bottom span {
  color: #20b26b;
}
.about-mini__status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
}

@keyframes aboutFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* responsive */
@media (max-width: 900px){
  .about-mini__grid{ grid-template-columns: 1fr; }
  .about-mini__visual {
    max-width: 640px;
    padding-right: 18px;
    width: 100%;
  }
}
.about-mini__lead--small{
  font-size: 16px;
  line-height: 26px;
  opacity: .9;
  max-width: 720px;
  margin-top: 10px;
}

@media (max-width: 640px){
  .about-mini {
    padding: 44px 0;
  }
  .about-mini__grid {
    gap: 26px;
  }
  .about-mini__visual {
    min-height: 0;
    padding: 0;
    border-radius: 18px;
  }
  .about-mini__float {
    position: static;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 12px;
    white-space: normal;
    animation: none;
  }
  .about-mini__float--bottom {
    margin: 12px 0 0;
  }
  .about-mini__mockup {
    max-width: none;
    padding: 14px;
    border-radius: 14px;
  }
  .about-mini__screen {
    min-height: 0;
    padding: 22px 14px 16px;
  }
  .about-mini__cards {
    grid-template-columns: 1fr;
    margin-top: 24px;
  }
}

/* CTA: текст слева, кнопки справа на одной линии */
.process-strip__cta{
  display: flex;
  align-items: center;              /* ключевое: выравнивание по горизонтали */
  justify-content: space-between;
  gap: 16px;
  flex-wrap: nowrap;
}

/* чтобы текст не “расталкивал” кнопки вниз */
.process-strip__cta-text{
  margin: 0;
  flex: 1 1 auto;
}

/* блок кнопок справа */
.process-strip__cta-actions{
  display: flex;
  gap: 12px;
  flex: 0 0 auto;
  margin: 0;                        /* на случай если где-то задан margin-top */
  align-items: center;              /* выравнивание самих кнопок */
}

/* если у popart-btn есть вертикальные марджины */
.process-strip__cta-actions .popart-btn{
  margin: 0 !important;
}

.kpi-strip {
  margin: 28px 0;
}

.kpi-strip__inner {
  background: #fbf4dc;
  border-radius: 14px;
  padding: 22px 26px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  align-items: center;
  border: 1px solid rgba(0,0,0,.05);
}

.kpi-item {
  text-align: center;
}

.kpi-num {
  font-family: inherit; /* у тебя уже подключены шрифты, оставляем наследование */
  font-size: 40px;
  line-height: 1.05;
  font-weight: 700;
  color: #1f1f1f;
  margin-bottom: 6px;
}

.kpi-label {
  font-size: 14px;
  line-height: 1.3;
  color: #5b5b5b;
}

/* Мобилка: в столбик */
@media (max-width: 768px) {
  .kpi-strip__inner {
    grid-template-columns: 1fr;
    text-align: left;
    padding: 18px 18px;
  }

  .kpi-item {
    text-align: left;
  }

  .kpi-num {
    font-size: 32px;
  }

  .kpi-label {
    font-size: 13px;
  }
}

/* KPI strip – размер цифр (desktop + mobile) */
.kpi-strip .kpi-num{
  /* было слишком крупно */
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.05;
  font-weight: 700;
}

.kpi-strip .kpi-sub{
  font-size: 14px;
  line-height: 1.25;
  opacity: .85;
}

/* Mobile: центрирование и аккуратная компоновка */
@media (max-width: 768px){
  .kpi-strip{
    text-align: center;
  }

  /* если внутри flex — выравниваем по центру */
  .kpi-strip .kpi-inner{
    justify-content: center;
    align-items: center;
  }

  .kpi-strip .kpi-item{
    text-align: center;
    align-items: center;
  }

  /* чуть меньше на мобилке, чтобы не “кричало” */
  .kpi-strip .kpi-num{
    font-size: clamp(24px, 7vw, 34px);
  }
}

.footer-seo { background-color: #facc16; padding: 70px 0; }
.footer-seo__inner { text-align: center; max-width: 980px; margin: 0 auto; }
.footer-seo__kicker { opacity: .8; margin: 0 0 10px; font-weight: 600; }
.footer-seo__title { margin: 0 auto 14px; line-height: 1.2; }
.footer-seo__text { margin: 0 auto 22px; max-width: 880px; opacity: .9; }

.footer-seo__nav{
  display:flex; flex-wrap:wrap; gap:10px 14px;
  justify-content:center;
}
.footer-seo__nav a{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.18);
  text-decoration:none;
}
@media (max-width: 768px){
  .footer-seo{ padding: 48px 0; }
  .footer-seo__title{ font-size: 24px; }
}

/* FAQ home inside single accordion */
.faq-home-list { margin-top: 14px; display: grid; gap: 14px; }
.faq-home-q { margin: 0 0 6px; font-size: 16px; line-height: 1.25; }
.faq-home-a { margin: 0; opacity: .9; }
.faq-home-actions { margin-top: 16px; display: flex; gap: 12px; flex-wrap: wrap; }

/* FAQ head: push content below */
.faq-head {
  padding-bottom: 40px;   /* увеличь/уменьши по вкусу: 24–60px */
}

/* иногда у section-top уже есть padding, тогда проще управлять margin */
.faq-head + .page-section.accordion {
  margin-top: -150px;       /* если нужно ещё ниже */
}

@media (max-width: 768px){
.faq-head + .page-section.accordion {
  margin-top: -50px;       /* если нужно ещё ниже */
}
}	

/* underline only under the word "FAQ" (same style as small yellow line) */
.faq-word{
  position: relative;
  display: inline-block;
  padding-bottom: 8px; /* расстояние до линии */
}

.faq-word::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:56px;          /* длина линии (подгони как на карточках) */
  height:4px;          /* толщина линии */
  background:#F2C200;  /* твой жёлтый */
  border-radius:3px;
}

.faq-service {
  padding-bottom: 90px;
}

.faq-service .section-content {
  width: min(860px, 100%) !important;
  max-width: 860px;
}

.faq-service .section-content .section-title {
  max-width: 820px;
  font-size: clamp(36px, 3.2vw, 48px);
  line-height: 1.18;
}

.faq-service .faq-home-list {
  max-width: 820px;
  margin-top: 34px;
  gap: 24px;
}

.faq-service .faq-home-q {
  margin-bottom: 10px;
}

.faq-service .faq-home-q blockquote {
  margin: 0;
  padding-left: 22px;
  font-size: 21px;
  line-height: 1.45;
}

.faq-service .faq-home-a {
  max-width: 760px;
  font-size: 17px;
  line-height: 1.75;
}

@media (max-width: 768px) {
  .faq-service {
    padding-bottom: 70px;
  }

  .faq-service .section-content .section-title {
    font-size: 32px;
    line-height: 1.22;
  }

  .faq-service .faq-home-list {
    margin-top: 26px;
    gap: 22px;
  }

  .faq-service .faq-home-q blockquote {
    font-size: 19px;
    line-height: 1.45;
  }

  .faq-service .faq-home-a {
    font-size: 16px;
    line-height: 1.7;
  }
}

/* Process CTA — mobile fix */
.process-strip__cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.process-strip__cta-actions{
  display:flex;
  gap:12px;
  flex-wrap:nowrap;
}

.process-strip__cta-actions .popart-btn{
  white-space:nowrap;
}

/* Mobile */
@media (max-width: 420px){
  .process-strip__cta{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }

  .process-strip__cta-text{
    margin:0;
  }

  .process-strip__cta-actions{
    width:100%;
    display:flex;
    gap:10px;
  }

  .process-strip__cta-actions .popart-btn{
    flex:1 1 0;              /* две равные кнопки */
    min-width:0;             /* важно: иначе ломает flex */
    text-align:center;
    padding:12px 14px;       /* чтобы выглядело “как надо” */
    line-height:1.1;
  }
}

/* Extra-small (если вдруг совсем узкие экраны) */
@media (max-width: 340px){
  .process-strip__cta-actions{
    flex-direction:column;
  }
  .process-strip__cta-actions .popart-btn{
    width:100%;
  }
}

/* FIX: remove empty gap between hero text and buttons on mobile */
@media (max-width: 767px){
  .home-banner .info-buttons-wrapper{
    height: auto !important;
    min-height: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* если нужно чуть воздуха между кнопками и картинкой ниже */
  .home-banner #baner-links{
    padding-bottom: 10px;
  }
}

/* если у тебя iPhone/узкие экраны — дополнительно */
@media (max-width: 600px){
  .home-banner .info-buttons-wrapper{
    height: auto !important;
    padding-top: 10px !important;
  }
}

@media (max-width: 767px){
  .home-banner .banner-caption h2{ margin-bottom: 10px !important; }
  .home-banner .banner-caption{ padding-bottom: 0 !important; }
}

/* Approfondimenti buttons — colors for all items (1..8) */
.site-main .seo-buttons li.btn-seo-optimization:nth-child(1){
  background-color:#5fb7a8;
  border-color:#3e8f84;
}
.site-main .seo-buttons li.btn-seo-optimization:nth-child(1):hover{
  background-color:#3e8f84;
}

.site-main .seo-buttons li.btn-seo-optimization:nth-child(2){
  background-color:#4f7fbf;
  border-color:#355c8c;
}
.site-main .seo-buttons li.btn-seo-optimization:nth-child(2):hover{
  background-color:#355c8c;
}

.site-main .seo-buttons li.btn-seo-optimization:nth-child(3){
  background-color:#d17a73;
  border-color:#a85b56;
}
.site-main .seo-buttons li.btn-seo-optimization:nth-child(3):hover{
  background-color:#a85b56;
}

.site-main .seo-buttons li.btn-seo-optimization:nth-child(4){
  background-color:#8d84b8;
  border-color:#6f6696;
}
.site-main .seo-buttons li.btn-seo-optimization:nth-child(4):hover{
  background-color:#6f6696;
}

/* NEW: 5..8 */
.site-main .seo-buttons li.btn-seo-optimization:nth-child(5){
  background-color:#7fa36a;
  border-color:#5f7d4d;
}
.site-main .seo-buttons li.btn-seo-optimization:nth-child(5):hover{
  background-color:#5f7d4d;
}

.site-main .seo-buttons li.btn-seo-optimization:nth-child(6){
  background-color:#5f7483;
  border-color:#445762;
}
.site-main .seo-buttons li.btn-seo-optimization:nth-child(6):hover{
  background-color:#445762;
}

.site-main .seo-buttons li.btn-seo-optimization:nth-child(7){
  background-color:#c7a35a;
  border-color:#9d7f3f;
}
.site-main .seo-buttons li.btn-seo-optimization:nth-child(7):hover{
  background-color:#9d7f3f;
}

.site-main .seo-buttons li.btn-seo-optimization:nth-child(8){
  background-color:#b77a9a;
  border-color:#915c78;
}
.site-main .seo-buttons li.btn-seo-optimization:nth-child(8):hover{
  background-color:#915c78;
}

@media (max-width: 1024px) {
  #primary-nav > li .sub-menu-wrapper { display: none; }
  #primary-nav > li.is-submenu-open .sub-menu-wrapper { display: block; }
}

@media (min-width: 768px){
  .pricing-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (min-width: 1100px){
  .pricing-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}

.pricing-grid > *{ min-width:0; overflow-wrap:anywhere; }

/* PACKAGES (PACCHETTI) – tuned for sidebar layout */
#pacchetti .service-grid, .ecommerce-packages-grid.why-grid{
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: 1fr !important;            /* mobile */
}

/* tablet */
@media (min-width: 768px){
  #pacchetti .service-grid, .ecommerce-packages-grid.why-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* wide desktop only (optional 3 columns) */
@media (min-width: 1400px){
  #pacchetti .service-grid, .ecommerce-packages-grid.why-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Card typography & spacing */
#pacchetti .service-card{
  padding: 18px !important;
  border-radius: 12px !important;
  min-width: 0 !important;
}

/* Make headings more compact */
#pacchetti .service-card h3{
  margin: 0 0 10px 0;
  font-size: 18px;
  line-height: 1.25;
}

/* Paragraphs */
#pacchetti .service-card p{
  margin: 0 0 12px 0;
  line-height: 1.55;
}

/* Lists: tighter + less “tower effect” */
#pacchetti .service-card ul{
  margin: 0 0 12px 0 !important;
  padding-left: 18px !important;
}

#pacchetti .service-card li{
  margin: 0 0 8px 0;
  line-height: 1.45;
}

/* Prevent ugly wrapping of long tokens */
#pacchetti .service-card{
  overflow-wrap: anywhere;
  word-break: break-word;
}

#pacchetti .package-examples{
  font-size: .92em;
  opacity: .85;
  margin-top: 6px;
}

#pacchetti .service-card p:last-child{
  font-size: .92em;
  opacity: .85;
  margin-top: 10px;
}

.case-kpi li{
  display:block;           /* убираем возможный flex */
  line-height:1.35;
}

.case-kpi li strong{
  display:block;           /* первая строка */
}

.case-kpi li .kpi-note{
  display:block;           /* вторая строка */
  font-size:.92em;
  opacity:.85;
  margin-top:4px;
}

/* На всякий случай убираем “выпирание” длинных слов */
.case-kpi{
  overflow-wrap:anywhere;
}

.case-kpi li{ display:block; line-height:1.35; }
.case-kpi li strong{ display:block; }
.case-kpi li .kpi-note{
  display:block;
  font-size:.92em;
  opacity:.85;
  margin-top:4px;
}

.case-what .case-tags{
  display:inline-block;
  padding:2px 8px;
  border:1px solid rgba(0,0,0,.15);
  border-radius:999px;
  font-size:.9em;
  line-height:1.4;
  margin:2px 6px 2px 0;
  opacity:.9;
}

.geo-audit-cta-block {
  background: #111;
  padding: 48px 20px;
  margin: 0;
}

.geo-audit-cta-inner {
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.geo-audit-badge {
  display: inline-block;
  background: #FACC16;
  color: #111;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 12px;
  border-radius: 999px;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.geo-audit-title {
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 900;
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.2;
}

.geo-audit-desc {
  font-size: 14px;
  color: #9ca3af;
  line-height: 1.6;
}

.geo-audit-cta-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.geo-audit-btn {
  display: inline-block;
  background: #FACC16;
  color: #111;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity .15s, transform .15s;
}

.geo-audit-btn:hover {
  opacity: .88;
  transform: translateY(-1px);
}

.geo-audit-note {
  font-size: 11px;
  color: #6b7280;
}

@media (max-width: 640px) {
  .geo-audit-cta-inner {
    flex-direction: column;
    text-align: center;
  }
  .geo-audit-btn {
    width: 100%;
    text-align: center;
  }
}

/* ─── WHY US ─────────────────────────────────────────────────────────────── */
    .why-us { padding: 100px 0; background: #ffffff; }

    .why-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: center;
    }
    .why-visual {
      position: relative;
    }
    .why-main-card {
      background: #111111;
      color: #ffffff;
      border-radius: 24px;
      padding: 40px;
      position: relative;
      z-index: 1;
    }
    .why-main-card h3 {
      font-family: 'Poppins', sans-serif;
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 16px;
	  color: #ffffff;
    }
    .why-main-card p { color: rgba(255,255,255,.6); font-size: 15px; margin-bottom: 24px; }

    .why-stat-row {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 16px;
      margin-top: 24px;
    }
    .why-stat {
      text-align: center;
      padding: 16px;
      background: rgba(255,255,255,.05);
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.08);
    }
    .why-stat-num {
      font-family: 'Poppins', sans-serif;
      font-size: 28px;
      font-weight: 800;
      color: #F5C200;
    }
    .why-stat-label { font-size: 12px; color: rgba(255,255,255,.45); margin-top: 4px; }

    .why-float-card {
      position: absolute;
      background: #ffffff;
      border-radius: 14px;
      padding: 16px 20px;
      box-shadow: 0 8px 40px rgba(0,0,0,.12);
      font-size: 13px;
      font-weight: 600;
      font-family: 'Poppins', sans-serif;
      display: flex;
      align-items: center;
      gap: 10px;
      z-index: 2;
    }
    .why-float-card.card-top {
      top: -20px;
      right: -20px;
    }
    .why-float-card.card-bottom {
      bottom: -20px;
      left: -20px;
    }
    .why-float-icon {
      width: 36px; height: 36px;
      border-radius: 10px;
      background: #F5C200;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .why-float-icon svg { width: 18px; height: 18px; }

    .why-content h2 {
      font-family: 'Poppins', sans-serif;
      font-size: clamp(26px, 3.5vw, 38px);
      font-weight: 800;
      margin-bottom: 20px;
      line-height: 1.2;
    }
    .why-content h2 span { color: #F5C200; }
    .why-content > p {
      color: #555555;
      font-size: 16px;
      line-height: 1.8;
      margin-bottom: 36px;
    }
    .why-points { display: flex; flex-direction: column; gap: 20px; margin-bottom: 36px; }
    .why-point {
      display: flex;
      gap: 16px;
    }
    .why-point-icon {
      width: 48px; height: 48px;
      background: #111111;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .why-point-icon svg { width: 22px; height: 22px; color: #F5C200; }
    .why-point-body h4 {
      font-family: 'Poppins', sans-serif;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 6px;
    }
    .why-point-body p { font-size: 14px; color: #555555; line-height: 1.6; }

    .why-us {
      padding: 92px 0 96px;
      overflow: hidden;
    }
    .why-head {
      max-width: 760px;
      margin: 0 0 52px;
    }
    .why-head .section-title {
      margin-bottom: 18px;
    }
    .why-head p {
      max-width: 620px;
      margin: 0;
      color: #555555;
      font-size: 17px;
      line-height: 1.7;
    }
    .why-grid {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: clamp(48px, 7vw, 86px);
    }
    .why-visual {
      min-width: 0;
      padding: 24px 0;
    }
    .why-content {
      min-width: 0;
    }
    .why-point {
      align-items: flex-start;
    }
    .why-point-body h4,
    .why-point-body p {
      margin-top: 0;
    }

    @media only screen and (max-width: 1023px) {
      .why-us {
        padding: 64px 0 72px;
      }
      .why-head {
        margin-bottom: 36px;
      }
      .why-grid {
        grid-template-columns: 1fr;
        gap: 40px;
      }
      .why-visual {
        max-width: 620px;
        padding: 24px 22px;
      }
      .why-content {
        max-width: 680px;
      }
    }

    @media only screen and (max-width: 767px) {
      .why-us {
        padding: 48px 0 56px;
      }
      .why-head {
        margin-bottom: 26px;
      }
      .why-head .section-title {
        margin-bottom: 12px;
      }
      .why-head p {
        font-size: 15px;
        line-height: 1.6;
      }
      .why-visual {
        display: grid;
        gap: 12px;
        max-width: none;
        padding: 0;
      }
      .why-main-card {
        border-radius: 18px;
        padding: 26px 20px;
      }
      .why-main-card h3 {
        font-size: 21px;
      }
      .why-main-card p {
        font-size: 14px;
      }
      .why-float-card {
        position: static;
        width: 100%;
        border: 1px solid #eeeeee;
        box-shadow: 0 8px 22px rgba(0,0,0,.08);
      }
      .why-stat-row {
        gap: 10px;
      }
      .why-stat {
        padding: 14px 10px;
      }
      .why-stat-num {
        font-size: 24px;
      }
      .why-points {
        gap: 18px;
        margin-bottom: 0;
      }
      .why-point {
        gap: 12px;
      }
      .why-point-icon {
        width: 42px;
        height: 42px;
        border-radius: 10px;
      }
      .why-point-body h4 {
        font-size: 15px;
        margin-bottom: 4px;
      }
      .why-point-body p {
        font-size: 13px;
      }
    }

    @media only screen and (max-width: 430px) {
      .why-stat-row {
        grid-template-columns: 1fr;
      }
    }
	
	/* CONTACT PAGE - spacing between map and contact details */
.contact-map-section .section-content.contact-details {
  padding-left: 55px;
  padding-top: 42px;
  box-sizing: border-box;
}

.contact-map-section .contact-details h3 {
  margin-top: 0;
  margin-bottom: 22px;
}

.contact-map-section .contact-details ul {
  margin: 0;
  padding-left: 24px;
}

.contact-map-section .contact-details li {
  margin-bottom: 17px;
}

@media (max-width: 768px) {
  .contact-map-section .section-content.contact-details {
    padding-left: 0;
    padding-top: 30px;
  }
}

.icon-slider-arrow:before {
  content: "\27F6";
  font-family: Arial, Helvetica, sans-serif;
}

.fake-checkbox .icon-cross:before {
  content: "\00D7";
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 22px;
  line-height: 1;
}

.form-field input[type='checkbox']:checked + label .icon-cross:before,
.form-field input[type='radio']:checked + label .icon-cross:before,
.order-norobot-field .form-field input[type='checkbox']:checked + label .icon-cross:before {
  content: "\2713";
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px;
  line-height: 1;
}

.fake-checkmark:before {
  content: "";
  font-family: Arial, Helvetica, sans-serif !important;
}

.form-field input[type='checkbox']:checked + label .fake-checkmark:before,
.form-field input[type='radio']:checked + label .fake-checkmark:before {
  content: "\2713";
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px;
  line-height: 1;
}

.fake-select .icon-keyboard_arrow_down:before {
  content: "\2304";
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px;
  line-height: 1;
}

#perche-funziona .perche-contatti-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 26px;
}

@media (max-width: 767px) {
  #perche-funziona .perche-contatti-grid {
    grid-template-columns: 1fr;
  }
}

#processo .processo-step-grid, #processo-ecommerce .ecommerce-process-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 26px;
}

@media (max-width: 767px) {
  #processo .processo-step-grid, #processo-ecommerce .ecommerce-process-grid {
    grid-template-columns: 1fr;
  }
}

.ecommerce-packages-grid,
#processo-ecommerce .ecommerce-process-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 26px;
}

@media (max-width: 767px) {
  .ecommerce-packages-grid,
  #processo-ecommerce .ecommerce-process-grid {
    grid-template-columns: 1fr;
  }
}

.maintenance-plans-grid,
.maintenance-benefits-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 26px;
}

.maintenance-benefit-card h4 {
  margin: 0 0 12px;
  font-size: 21px;
  line-height: 1.28;
  color: #333;
  position: relative;
  padding-bottom: 10px;
}

.maintenance-benefit-card h4::after {
  content: "";
  display: block;
  width: 46px;
  height: 3px;
  background: #f2c200;
  border-radius: 999px;
  margin-top: 10px;
}

.maintenance-benefit-card p {
  margin-bottom: 0;
}

.neuropitch-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
  align-items: stretch;
}

.container.neuropitch-feature-grid::before,
.container.neuropitch-feature-grid::after {
  content: none;
  display: none;
}

.neuropitch-intro-section,
#cos-e-neuropitch.awards-box,
.neuropitch-process-section,
#lavori,
#homeseo.home-seo,
#cta-neuro,
.comparison-section,
#download {
  padding-top: 50px;
  padding-bottom: 50px;
}

.neuropitch-intro-section,
.neuropitch-process-section,
#lavori,
#homeseo.home-seo,
#cta-neuro,
.comparison-section,
#download {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

#cos-e-neuropitch.awards-box {
  padding-top: 0 !important;
  padding-bottom: 50px !important;
}

.neuropitch-intro-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  gap: clamp(36px, 5vw, 78px);
  align-items: center;
}

.neuropitch-intro-copy p {
  max-width: 680px;
  color: #555;
}

.neuropitch-intro-facts {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 26px;
}

.neuropitch-intro-facts span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(0,0,0,.09);
  border-radius: 999px;
  background: #fff7d6;
  color: #333;
  font-family: "PoppinsBold", sans-serif;
  font-size: 12px;
  white-space: nowrap;
}

.neuropitch-live-preview {
  position: relative;
  padding: clamp(26px, 4vw, 46px);
  background: linear-gradient(145deg, #facc16 0%, #f6d84d 100%);
  border-radius: 8px;
  box-shadow: 0 22px 56px rgba(250,204,22,.22);
  overflow: hidden;
}

.neuropitch-live-preview::before {
  content: '';
  position: absolute;
  inset: -40px -30px -30px;
  background: radial-gradient(ellipse 90% 70% at 58% 38%, rgba(255,255,255,.24) 0%, transparent 70%);
  pointer-events: none;
}

.neuropitch-live-preview > * {
  position: relative;
  z-index: 1;
}

.hero-visual-label {
  margin: 0 0 12px;
  padding-left: 2px;
  color: rgba(37,37,37,.58);
  font-family: "PoppinsBold", sans-serif;
  font-size: 11px;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}

.browser-mock {
  overflow: hidden;
  background: #0b1220;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 16px;
  box-shadow:
    0 4px 16px rgba(0,0,0,.4),
    0 20px 56px rgba(0,0,0,.35),
    0 0 0 1px rgba(47,111,255,.1),
    0 0 60px -8px rgba(47,111,255,.18);
}

.browser-chrome {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: #111827;
  border-bottom: 1px solid rgba(148,163,184,.18);
}

.browser-dots {
  display: flex;
  flex-shrink: 0;
  gap: 6px;
}

.browser-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.browser-dot:nth-child(1) { background: #f87171; }
.browser-dot:nth-child(2) { background: #fbbf24; }
.browser-dot:nth-child(3) { background: #4ade80; }

.browser-url {
  display: flex;
  align-items: center;
  flex: 1;
  height: 24px;
  padding: 0 12px;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 5px;
  background: rgba(255,255,255,.04);
  color: rgba(203,213,225,.5);
  font-family: Consolas, monospace;
  font-size: 12px;
  white-space: nowrap;
}

.browser-content {
  position: relative;
  height: 290px;
  overflow: hidden;
}

.browser-page {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 28px;
}

.browser-line {
  height: 7px;
  border-radius: 4px;
  background: rgba(148,163,184,.28);
}

.browser-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(6,12,26,.5) 0%, rgba(6,12,26,.82) 42%, rgba(6,12,26,.86) 100%);
}

.browser-content .widget-mock {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 60px);
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 20px rgba(0,0,0,.55), 0 0 0 1px rgba(47,111,255,.2);
}

.widget-mock {
  position: relative;
  padding: 26px;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 16px;
  background: #111c30;
}

.wm-close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 50%;
  background: #0b1220;
  color: rgba(203,213,225,.54);
  font-family: inherit;
  font-size: 15px;
  line-height: 1;
}

.wm-headline {
  margin-bottom: 8px;
  padding-right: 28px;
  color: #f8fafc;
  font-family: "PoppinsBold", sans-serif;
  font-size: 18px;
  line-height: 1.25;
}

.wm-text {
  margin-bottom: 18px;
  color: #94a3b8;
  font-size: 14px;
  line-height: 1.55;
}

.wm-cta-btn {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 7px;
  background: #2f6fff;
  color: #fff;
  font-family: "PoppinsBold", sans-serif;
  font-size: 14px;
}

.wm-debug {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  padding-top: 13px;
  border-top: 1px solid rgba(148,163,184,.16);
  color: rgba(203,213,225,.54);
  font-family: Consolas, monospace;
  font-size: 12px;
}

.wm-debug-label {
  padding: 2px 7px;
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 4px;
  background: #0b1220;
  font-size: 11px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.wm-intent-hot {
  color: #f87171;
  font-weight: 700;
}

.wm-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.wm-signal {
  padding: 5px 12px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 999px;
  background: #111c30;
  color: rgba(203,213,225,.64);
  font-size: 12px;
}

#cos-e-neuropitch.awards-box {
  padding-top: 0;
}

#cos-e-neuropitch.awards-box .neuropitch-feature-card {
  display: block;
  float: none;
  clear: none;
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 30px 24px;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}

#cos-e-neuropitch.awards-box .neuropitch-feature-card:nth-child(2n),
#cos-e-neuropitch.awards-box .neuropitch-feature-card:nth-child(3n) {
  float: none;
  clear: none;
  margin: 0;
}

#cos-e-neuropitch.awards-box .neuropitch-feature-card img {
  width: 70px;
  height: 70px;
  padding: 14px;
  object-fit: contain;
  background: #fff7d6;
  border: 1px solid rgba(248, 194, 0, .32);
  border-radius: 18px;
  box-shadow: 0 12px 24px rgba(0,0,0,.07);
}

#cos-e-neuropitch.awards-box .neuropitch-feature-card h3 {
  margin: 18px 0 12px;
  font-size: 22px;
  line-height: 1.3;
  word-break: break-word;
}

#cos-e-neuropitch.awards-box .neuropitch-feature-card p {
  margin: 0;
  padding: 0;
  color: #555;
  font-size: 15px;
  line-height: 1.65;
  text-align: center;
}

.neuropitch-process-section {
  padding-top: 40px;
}

.neuropitch-process-head {
  max-width: 860px;
  margin-bottom: 34px;
}

.neuropitch-process-head p {
  max-width: 780px;
  color: #555;
}

.neuropitch-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
}

.neuropitch-process-card,
.neuropitch-usecase-card,
.neuropitch-download-card {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}

.neuropitch-process-card {
  padding: 28px 24px;
}

.neuropitch-step,
.neuropitch-usecase-card span,
.neuropitch-download-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 34px;
  padding: 0 12px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: #facc16;
  color: #252525;
  font-family: "PoppinsBold", sans-serif;
  font-size: 13px;
  line-height: 1;
}

.neuropitch-process-card h3,
.neuropitch-usecase-card h3,
.neuropitch-download-card h3 {
  margin: 0 0 12px;
  font-size: 26px;
  line-height: 1.2;
}

.neuropitch-download-card h3 {
  min-height: 62px;
}

.neuropitch-process-card p,
.neuropitch-usecase-card p,
.neuropitch-download-card p {
  margin-bottom: 0;
  color: #555;
  font-size: 15px;
  line-height: 1.65;
}

.neuropitch-download-card p {
  min-height: 78px;
}

#homeseo.home-seo {
  padding: 90px 0;
}

#homeseo .svg-lines,
#homeseo .social-icons,
#homeseo .bigletter {
  display: none;
}

.neuropitch-usecase-wrap {
  display: block;
}

.neuropitch-usecase-head {
  max-width: 780px;
  margin-bottom: 34px;
}

.neuropitch-usecase-head p {
  color: #555;
}

.neuropitch-usecase-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
}

.neuropitch-usecase-card {
  padding: 30px 24px;
}

.neuropitch-download-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  margin: 34px 0 28px;
}

.neuropitch-download-card {
  padding: 30px 28px;
}

.np-download-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.np-download-grid .popart-btn {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}

.neuropitch-resource-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(0,0,0,.08);
  font-size: 14px;
}

.neuropitch-resource-links a {
  color: #333;
  font-family: "PoppinsBold", sans-serif;
}

.marketing-services-section {
  padding-top: 70px;
  padding-bottom: 70px;
}

.marketing-intro-section {
  padding-bottom: 40px;
}

.marketing-intro-section .container {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 430px;
}

.marketing-intro-section .section-content {
  position: relative;
  z-index: 2;
  width: 46%;
}

.marketing-intro-visual {
  position: absolute;
  top: 22px;
  right: -55px;
  z-index: 1;
  width: 58%;
  min-height: 360px;
  pointer-events: none;
}

.marketing-intro-curve {
  position: absolute;
  inset: 35px 0 auto;
  width: 100%;
  height: 310px;
  overflow: visible;
}

.marketing-intro-curve path {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.marketing-intro-curve-shadow {
  stroke: rgba(0,0,0,.06);
  stroke-width: 36;
  filter: blur(12px);
}

.marketing-intro-curve-line {
  stroke: #facc16;
  stroke-width: 14;
}

.marketing-intro-node {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #fff;
  color: #f2c200;
  font-family: "PoppinsBold", sans-serif;
  font-size: 24px;
  box-shadow: 0 18px 34px rgba(0,0,0,.14);
}

.marketing-intro-node svg {
  width: 34px;
  height: 34px;
  fill: #f2c200;
}

.marketing-intro-node--google {
  left: 8%;
  bottom: 34px;
}

.marketing-intro-node--ads {
  left: 30%;
  top: 120px;
  color: #666;
  font-size: 20px;
}

.marketing-intro-node--search {
  left: 50%;
  top: 170px;
}

.marketing-intro-node--rocket {
  right: 22%;
  top: 42px;
}

.marketing-intro-node--trophy {
  right: 2%;
  top: 155px;
}

#marketing-strategy-visual.home-seo {
  position: relative;
  min-height: 560px;
  padding: 95px 0 80px;
  overflow: hidden;
}

#marketing-strategy-visual .svg-lines,
#marketing-strategy-visual .social-icons {
  display: block;
}

#marketing-strategy-visual .svg-lines {
  top: 30px;
  right: -80px;
  margin-top: 80px;
  z-index: 1;
}

#marketing-strategy-visual > .container {
  position: relative;
  z-index: 2;
  padding-top: 45px;
}

#marketing-strategy-visual .section-content {
  width: 48%;
  max-width: 680px;
}

#marketing-strategy-visual .bigletter {
  top: -35px;
  left: -35px;
}

@media only screen and (max-width: 1250px) {
  #marketing-strategy-visual.home-seo {
    min-height: 0;
    padding: 60px 0;
  }

  #marketing-strategy-visual .svg-lines,
  #marketing-strategy-visual .social-icons {
    display: none;
  }

  #marketing-strategy-visual .section-content {
    width: 100%;
    max-width: none;
  }
}

.marketing-why-section {
  padding-top: 55px;
  padding-bottom: 45px;
}

.marketing-why-section .narrow-content {
  max-width: 900px;
}

.marketing-benefits-section {
  padding-top: 55px;
  padding-bottom: 60px;
}

.marketing-benefits-section .section-content {
  width: 100%;
  max-width: none;
}

.marketing-service-grid,
.marketing-detail-grid,
.marketing-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
  align-items: stretch;
  margin-top: 34px;
}

.marketing-service-card,
.marketing-detail-card,
.marketing-benefit-item {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}

.marketing-service-card {
  padding: 30px 24px;
  text-align: center;
}

.marketing-service-card img {
  width: 70px;
  height: 70px;
  padding: 14px;
  object-fit: contain;
  background: #fff7d6;
  border: 1px solid rgba(248,194,0,.32);
  border-radius: 18px;
  box-shadow: 0 12px 24px rgba(0,0,0,.07);
}

.marketing-service-card h3,
.marketing-detail-card h3 {
  margin: 18px 0 12px;
  color: #333;
  font-family: "PoppinsBold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.28;
}

.marketing-service-card p,
.marketing-detail-card p,
.marketing-detail-head p {
  color: #555;
  font-size: 15px;
  line-height: 1.65;
}

.marketing-service-card p,
.marketing-detail-card p {
  margin-bottom: 0;
}

.marketing-benefit-item {
  display: flex;
  min-height: 170px;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 22px;
}

.marketing-benefit-item strong {
  display: block;
  color: #333;
  font-family: "ConcursoModerne BTN Regular", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25;
}

.marketing-benefit-item span {
  display: block;
  color: #555;
  font-size: 14px;
  line-height: 1.65;
}

.info-buttons-wrapper .marketing-hero-cta-primary {
  background: #facc16 !important;
  border-color: #111 !important;
  color: #111 !important;
}

.info-buttons-wrapper .marketing-hero-cta-primary:hover {
  background: #facc16 !important;
  color: #111 !important;
}

.info-buttons-wrapper .marketing-hero-cta-secondary {
  background: transparent !important;
  border-color: #111 !important;
  color: #111 !important;
}

#homeseo.home-seo.marketing-detail-section,
#homeseo.home-seo {
  padding: 70px 0;
}

#homeseo .svg-lines,
#homeseo .social-icons,
#homeseo .bigletter {
  display: none;
}

.marketing-detail-head {
  max-width: 780px;
}

.marketing-detail-card {
  padding: 28px 24px;
}

.marketing-detail-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: #facc16;
  color: #252525;
  font-family: "PoppinsBold", sans-serif;
  font-size: 13px;
  line-height: 1;
}

.marketing-faq {
  margin-bottom: 90px;
}

.marketing-faq:not(.active-acc) .faq-home-list {
  display: none;
}

.marketing-faq.active-acc .faq-home-list {
  display: grid;
}

.marketing-faq.active-acc {
  height: auto !important;
  min-height: 1040px;
  overflow: visible;
}

.marketing-faq.active-acc > .container {
  min-height: 900px;
}

.marketing-faq + .order-project {
  margin-top: 0;
}

.geo-services-grid {
  counter-reset: geo-service;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px;
}

.geo-services-grid .service-card {
  counter-increment: geo-service;
  position: relative;
  min-height: 260px;
  padding: 26px 24px 24px;
}

.geo-services-grid .service-card::before {
  content: "GEO " counter(geo-service, decimal-leading-zero);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 78px;
  height: 32px;
  margin-bottom: 18px;
  padding: 0 12px;
  border-radius: 999px;
  background: #facc16;
  color: #252525;
  font-family: "PoppinsBold", sans-serif;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .02em;
}

.geo-services-grid .service-card h3 {
  min-height: 64px;
  margin-bottom: 14px;
}

.geo-services-grid .service-card p {
  margin-bottom: 0;
}

.geo-compare-section {
  padding-top: 78px;
  padding-bottom: 78px;
}

.geo-compare-head {
  max-width: 860px;
  margin: 0 0 48px;
}

.geo-compare-section > .container {
  width: min(1180px, calc(100vw - 80px));
  max-width: none;
}

.geo-compare-head .section-title {
  margin-bottom: 18px;
}

.geo-compare-head p {
  max-width: 780px;
  margin: 0;
  color: #555;
  font-size: 17px;
  line-height: 1.75;
}

.geo-compare-grid {
  display: grid;
  grid-template-columns: minmax(320px, .75fr) minmax(0, 1.25fr);
  gap: clamp(34px, 5vw, 64px);
  align-items: center;
}

.geo-compare-copy {
  min-width: 0;
}

.geo-compare-copy h3 {
  margin: 0 0 14px;
  color: #333;
  font-family: "ConcursoModerne BTN Regular", serif;
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 400;
  line-height: 1.25;
}

.geo-compare-copy > p {
  max-width: 620px;
  color: #555;
  font-size: 17px;
  line-height: 1.75;
}

.geo-seo-points {
  display: grid;
  gap: 22px;
  margin-top: 34px;
}

.geo-seo-point {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 18px;
  align-items: flex-start;
}

.geo-seo-point > span {
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #111;
  color: #facc16;
  font-family: "PoppinsBold", sans-serif;
  font-size: 14px;
  line-height: 1;
}

.geo-seo-point h3 {
  margin: 0 0 6px;
  color: #333;
  font-family: "PoppinsBold", sans-serif;
  font-size: 18px;
  line-height: 1.3;
}

.geo-seo-point p {
  margin: 0;
  color: #555;
  font-size: 15px;
  line-height: 1.65;
}

.geo-compare-visual {
  position: relative;
  min-width: 0;
  padding: 36px 34px;
}

.geo-compare-visual .why-main-card {
  border-radius: 24px;
  padding: 38px 42px;
}

.geo-compare-visual .geo-ai-card h3 {
  margin-top: 0;
  margin-bottom: 18px;
  color: #fff;
  font-family: "PoppinsBold", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.16;
}

.geo-ai-card p {
  max-width: 520px;
}

.geo-ai-list {
  display: block;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.geo-ai-list li {
  position: static;
  padding: 0;
  margin: 0 0 13px;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: rgba(255,255,255,.6);
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.8;
}

.geo-ai-list li:last-child {
  margin-bottom: 0;
}

.geo-ai-list li::before {
  content: none;
}

.geo-ai-list strong {
  display: inline;
  margin: 0 8px 0 0;
  color: #facc16;
  font-family: "PoppinsBold", sans-serif;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: .18em;
}

.geo-ai-card .geo-ai-list span {
  display: inline;
  color: rgba(255,255,255,.6);
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
}

.geo-method-head,
.geo-method-foot {
  max-width: 760px;
}

.geo-method-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 34px 0 26px;
  width: 100%;
}

.geo-method-card {
  display: flex;
  flex-direction: column;
  min-height: 260px;
  padding: 26px 24px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.geo-method-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 78px;
  height: 32px;
  margin-bottom: 18px;
  padding: 0 12px;
  border-radius: 50%;
  background: #facc16;
  color: #252525;
  font-family: "PoppinsBold", sans-serif;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .02em;
}

.geo-method-card span::before {
  content: "STEP ";
}

.geo-method-card h4 {
  margin: 0 0 12px;
  color: #333;
  font-family: "ConcursoModerne BTN Regular", serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.25;
  min-height: 70px;
  position: relative;
  padding-bottom: 12px;
}

.geo-method-card h4::after {
  content:"";
  display:block;
  width:46px;
  height:3px;
  background:#f2c200;
  border-radius:999px;
  margin-top:12px;
  opacity:.9;
}

.geo-method-card p {
  margin: 0;
  color: #555;
  font-size: 15px;
  line-height: 1.65;
}

.geo-testimonials {
  padding-top: 56px;
  padding-bottom: 60px;
}

.geo-testimonials .testimonials-head {
  margin-left: 0;
  margin-right: 0;
}

.geo-faq {
  margin-bottom: 70px;
}

.geo-faq:not(.active-acc) {
  height: 250px !important;
  min-height: 0;
  overflow: hidden;
}

.geo-faq:not(.active-acc) > .container {
  min-height: 0;
}

.geo-faq:not(.active-acc) .faq-home-list,
.geo-faq:not(.active-acc) .faq-home-actions {
  display: none;
}

.seo-page .seo-old-services,
.seo-page .seo-old-faq,
.seo-page .seo-old-testimonials,
.seo-page .seo-faq-before-testimonials {
  display: none !important;
}

.seo-services-section {
  padding-top: 24px;
}

.seo-services-head {
  max-width: 820px;
}

.seo-service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 34px;
}

.seo-service-card {
  min-height: 250px;
  padding: 30px 28px;
  border: 1px solid rgba(0,0,0,.09);
  border-radius: 8px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 18px 34px rgba(0,0,0,.07);
}

.seo-service-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  border-radius: 14px;
  background: #facc16;
  color: #222;
  font-family: "PoppinsBold", sans-serif;
  font-size: 15px;
}

.seo-service-card h3 {
  margin: 0 0 12px;
  font-size: 29px;
  line-height: 1.16;
}

.seo-service-card h3::after {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  margin-top: 14px;
  background: #facc16;
}

.seo-service-card p {
  margin: 0;
  color: #555;
  font-size: 15px;
  line-height: 1.7;
}

.seo-local-content-section {
  padding-top: 36px;
}

.seo-local-content-section .section-content {
  max-width: 980px;
}

.seo-local-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 28px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.seo-local-list li {
  position: relative;
  margin: 0;
  padding-left: 24px;
}

.seo-local-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .8em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #facc16;
}

.seo-benefits-block {
  max-width: 900px;
  margin-top: 58px;
}

.seo-benefits-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 28px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.seo-benefits-list li {
  position: relative;
  margin: 0;
  padding-left: 24px;
}

.seo-benefits-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .8em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #facc16;
}

.seo-method-section .section-content {
  max-width: none;
  width: auto !important;
  min-width: 0;
}

.seo-method-section .section-content > p {
  max-width: 860px;
}

.seo-method-section ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 34px 0 0;
  padding: 0;
  counter-reset: item;
}

.seo-method-section ol li {
  display: flex;
  flex-direction: column;
  min-height: 238px;
  margin: 0;
  padding: 28px 26px;
  border: 1px solid rgba(0,0,0,.09);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 32px rgba(0,0,0,.06);
}

.seo-method-section ol li::before {
  align-self: flex-start;
  min-width: 0;
  width: auto;
  margin: 0 0 18px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #facc16;
  color: #222;
  content: "STEP " counter(item);
  font-family: "PoppinsBold", sans-serif;
  font-size: 13px;
  line-height: 1;
  top: 0;
}

.seo-method-section ol li p {
  margin: 0;
  color: #555;
  font-size: 15px;
  line-height: 1.7;
}

.seo-method-section ol li strong {
  display: block;
  margin-bottom: 10px;
  color: #333;
  font-size: 18px;
}

.seo-faq:not(.active-acc) .faq-home-list,
.seo-faq:not(.active-acc) .faq-home-actions {
  display: none;
}

.seo-testimonials {
  padding-top: 56px;
  padding-bottom: 60px;
}

.seo-testimonials .testimonials-head {
  margin-left: 0;
  margin-right: 0;
}

.seo-faq-head-lower {
  padding-top: 34px;
}

.geo-faq.active-acc {
  height: auto !important;
  min-height: 1320px;
  overflow: visible;
}

.geo-faq.active-acc > .container {
  min-height: 1180px;
}

#homeseo.marketing-detail-section,
#homeseo.neuropitch-usecase-section {
  min-height: 0;
}

#homeseo.marketing-detail-section .svg-lines,
#homeseo.marketing-detail-section .social-icons,
#homeseo.neuropitch-usecase-section .svg-lines,
#homeseo.neuropitch-usecase-section .social-icons {
  display: none;
}

#homeseo.marketing-detail-section .marketing-detail-wrap,
#homeseo.neuropitch-usecase-section .neuropitch-usecase-wrap {
  position: relative;
  z-index: 2;
}

#homeseo.marketing-detail-section .marketing-detail-head,
#homeseo.marketing-detail-section .marketing-detail-grid,
#homeseo.neuropitch-usecase-section .neuropitch-usecase-head,
#homeseo.neuropitch-usecase-section .neuropitch-usecase-grid {
  width: 100%;
  max-width: none;
}

#homeseo.marketing-detail-section .marketing-detail-grid,
#homeseo.neuropitch-usecase-section .neuropitch-usecase-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
}

#homeseo.marketing-detail-section .marketing-detail-card,
#homeseo.neuropitch-usecase-section .neuropitch-usecase-card {
  min-height: auto;
  padding: 22px 24px;
}

@media only screen and (max-width: 1250px) {
  #homeseo.marketing-detail-section,
  #homeseo.neuropitch-usecase-section {
    min-height: 0;
  }

  #homeseo.marketing-detail-section .svg-lines,
  #homeseo.marketing-detail-section .social-icons,
  #homeseo.neuropitch-usecase-section .svg-lines,
  #homeseo.neuropitch-usecase-section .social-icons {
    display: none;
  }

  #homeseo.marketing-detail-section .marketing-detail-head,
  #homeseo.marketing-detail-section .marketing-detail-grid,
  #homeseo.neuropitch-usecase-section .neuropitch-usecase-head,
  #homeseo.neuropitch-usecase-section .neuropitch-usecase-grid {
    width: 100%;
    max-width: none;
  }

  #homeseo.marketing-detail-section .marketing-detail-grid,
  #homeseo.neuropitch-usecase-section .neuropitch-usecase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .geo-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .geo-compare-grid {
    grid-template-columns: 1fr;
  }

  .geo-compare-visual {
    max-width: 680px;
    padding: 34px 24px;
  }

  .geo-method-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.neuropitch-benefits-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
  align-items: stretch;
  margin-top: 34px;
}

.neuropitch-benefits-grid .service-content {
  width: auto !important;
  min-width: 0;
  padding: 28px 24px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}

.neuropitch-benefits-grid .service-content h4 {
  height: auto;
  margin: 16px 0 10px;
  line-height: 1.25;
}

.neuropitch-benefits-grid .service-content p {
  height: auto;
  margin-bottom: 0;
}

.neuropitch-benefits-grid .service-content img {
  width: 70px;
  height: 70px;
  padding: 14px;
  object-fit: contain;
  background: #fff7d6;
  border: 1px solid rgba(248, 194, 0, .32);
  border-radius: 18px;
  box-shadow: 0 12px 24px rgba(0,0,0,.07);
}

.page-banner .banner-caption .banner-kicker {
  margin: 18px 0 0;
  padding-left: 38px;
  font-family: "ConcursoModerne BTN Regular", serif;
  font-size: clamp(20px, 1.4vw, 30px);
  line-height: 1.45;
  color: #666;
}

.page-banner .banner-caption .banner-kicker .rev-text-wrap {
  display: block;
  width: 100%;
}

.portfolio-intro-section {
  margin-top: -36px;
}

.portfolio-intro-section .portfolio-intro-content {
  padding-top: 32px;
}

.portfolio-category-card .portfolio-card-hero-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 168px;
  padding: 13px 30px;
  border: 2px solid #333 !important;
  border-radius: 999px;
  background: #f2c200 !important;
  color: #111 !important;
  line-height: 1;
  text-align: center;
  transition: filter .22s ease;
}

.portfolio-category-card .portfolio-card-hero-btn:after {
  color: #111 !important;
  position: relative;
  top: -1px;
  margin-left: 8px;
  vertical-align: middle;
}

.portfolio-category-card .portfolio-card-hero-btn:hover,
.portfolio-category-card .portfolio-card-hero-btn:focus {
  color: #111 !important;
  filter: brightness(.97);
}

.portfolio-category-grid .portfolio-category-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
  margin-bottom: 34px;
}

.portfolio-category-grid .portfolio-category-row:last-child {
  margin-bottom: 0;
}

.portfolio-category-grid .portfolio-category-row::before,
.portfolio-category-grid .portfolio-category-row::after {
  content: none;
  display: none;
}

.portfolio-category-grid .portfolio-category-card {
  display: block;
  width: 100%;
  min-height: 0;
  margin: 0 !important;
  padding: 28px 28px 30px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 26px;
  box-shadow: 0 22px 44px rgba(17, 17, 17, 0.09);
  overflow: hidden;
}

.portfolio-category-grid .portfolio-category-row:first-child .portfolio-category-card:first-child,
.portfolio-category-grid .portfolio-category-row:last-child .portfolio-category-card:last-child {
  border: 2px solid #facc16;
  box-shadow: 0 22px 44px rgba(250, 204, 22, 0.16);
}

.portfolio-category-grid .portfolio-category-card > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  height: 100%;
}

.portfolio-category-grid .portfolio-category-card > div > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.portfolio-category-grid .portfolio-category-card img.section-image {
  display: block;
  width: 100%;
  max-width: 410px;
  margin: 0 auto 20px;
}

.portfolio-category-grid .portfolio-category-card .section-title {
  margin: 0 0 12px;
  text-align: center;
  font-size: clamp(28px, 2.1vw, 42px);
  line-height: 1.22;
}

.portfolio-category-grid .portfolio-category-card .branding-name {
  display: block;
  max-width: 460px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: .05em;
}

.portfolio-category-grid .portfolio-category-card > div > div:last-child {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.portfolio-category-grid .portfolio-category-card .popart-btn{width:220px;margin:0}

@media only screen and (max-width: 1024px) {
  .portfolio-category-grid {
    padding-top: 0 !important;
  }

  .portfolio-category-grid .portfolio-category-row {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 24px;
  }

  .portfolio-category-grid .portfolio-category-card {
    padding: 24px 22px 26px;
  }
}

@media only screen and (max-width: 640px) {
  .portfolio-category-grid .portfolio-category-card {
    padding: 18px 16px 22px;
  }

  .portfolio-category-grid .portfolio-category-card > div {
    gap: 18px;
  }

  .portfolio-category-grid .portfolio-category-card img.section-image {
    margin-bottom: 16px;
  }

  .portfolio-category-grid .portfolio-category-card .section-title {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .portfolio-category-grid .portfolio-category-card .branding-name {
    font-size: 13px;
    line-height: 1.65;
    letter-spacing: .04em;
  }

  .portfolio-category-grid .portfolio-category-card .popart-btn{width:220px;max-width:100%}
}

.page-banner .banner-caption .seo-old-hero-line {
  display: none;
}

.geo-hero-object {
  width: min(45vw, 660px);
  right: 2vw;
  top: 50%;
  transform: translateY(-44%);
}

#banner .geo-hero-object {
  left: auto;
  right: 3vw;
  top: 50%;
  transform: translateY(-44%);
}

.geo-hero-mockup {
  position: relative;
  width: 100%;
  max-width: 820px;
  padding: clamp(18px, 1.55vw, 24px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 32px;
  background:
    radial-gradient(circle at 78% 12%, rgba(250,204,22,.26), transparent 33%),
    radial-gradient(circle at 8% 100%, rgba(95,72,159,.20), transparent 34%),
    linear-gradient(145deg, #09090f 0%, #15131c 55%, #0b0a10 100%);
  box-shadow: 0 34px 90px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);
  color: #fff;
  font-family: "Poppins", sans-serif;
}

.geo-hero-mockup::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 26px;
  pointer-events: none;
}

.geo-hero-topbar {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(320px, 1fr);
  align-items: center;
  gap: 18px;
}

.geo-hero-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.86);
  font-family: "PoppinsBold", sans-serif;
  font-size: 15px;
}

.geo-hero-brand img {
  display: block;
  width: 64px;
  height: auto;
}

.geo-hero-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: linear-gradient(145deg, #facc16, #ffe58a);
  color: #111;
  box-shadow: 0 10px 30px rgba(250,204,22,.25);
}

.geo-hero-search {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 13px 18px;
  border: 1px solid rgba(250,204,22,.72);
  border-radius: 999px;
  background: rgba(0,0,0,.34);
  box-shadow: 0 0 24px rgba(250,204,22,.22), inset 0 0 24px rgba(250,204,22,.08);
  color: rgba(255,255,255,.82);
  font-size: clamp(15px, 1.25vw, 22px);
  line-height: 1.2;
  white-space: nowrap;
}

.geo-hero-search-icon {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255,255,255,.72);
  border-radius: 50%;
  position: relative;
  flex: 0 0 auto;
}

.geo-hero-search-icon::after {
  content: "";
  position: absolute;
  right: -7px;
  bottom: -5px;
  width: 9px;
  height: 2px;
  border-radius: 99px;
  background: rgba(255,255,255,.72);
  transform: rotate(45deg);
}

.geo-hero-spark {
  margin-left: auto;
  color: #facc16;
  font-size: 24px;
  line-height: 1;
}

.geo-hero-tabs {
  position: relative;
  z-index: 1;
  display: flex;
  gap: clamp(18px, 3vw, 48px);
  margin: 18px 0 14px;
  color: rgba(255,255,255,.54);
  font-family: "PoppinsBold", sans-serif;
  font-size: 14px;
}

.geo-hero-tabs span {
  position: relative;
  padding-bottom: 10px;
}

.geo-hero-tabs .is-active {
  color: #facc16;
}

.geo-hero-tabs .is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 99px;
  background: #facc16;
}

.geo-hero-panel {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 158px;
  gap: 18px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.geo-hero-pill {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 12px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #facc16;
  color: #111;
  font-family: "PoppinsBold", sans-serif;
  font-size: 11px;
  line-height: 1;
}

.geo-hero-copy h3 {
  margin: 0 0 8px;
  color: #fff;
  font-family: "PoppinsBold", sans-serif;
  font-size: 23px;
  line-height: 1.1;
}

.geo-hero-copy p {
  max-width: 520px;
  margin: 0 0 14px;
  color: rgba(255,255,255,.62);
  font-size: 14px;
  line-height: 1.55;
}

.geo-hero-checks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.geo-hero-checks div {
  padding: 10px 11px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.045);
}

.geo-hero-checks strong,
.geo-hero-checks span {
  display: block;
}

.geo-hero-checks strong {
  color: #fff;
  font-family: "PoppinsBold", sans-serif;
  font-size: 13px;
  line-height: 1.25;
}

.geo-hero-checks span {
  margin-top: 3px;
  color: rgba(250,204,22,.86);
  font-size: 11px;
  line-height: 1.25;
}

.geo-hero-score {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  text-align: center;
}

@property --geo-p {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}

.geo-hero-ring {
  --geo-p: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 122px;
  height: 122px;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #15131c 0 54%, transparent 55%),
    conic-gradient(#facc16 0 var(--geo-p), rgba(255,255,255,.12) var(--geo-p) 100%);
  box-shadow: 0 0 32px rgba(250,204,22,.14);
  animation: geo-fill 1.6s cubic-bezier(.4,0,.2,1) .3s forwards;
}

@keyframes geo-fill {
  from { --geo-p: 0%;  }
  to   { --geo-p: 62%; }
}

.geo-hero-ring span {
  color: #facc16;
  font-family: "PoppinsBold", sans-serif;
  font-size: 40px;
  line-height: 1;
}

.geo-hero-ring small {
  margin-left: 4px;
  color: rgba(255,255,255,.58);
  font-size: 18px;
}

.geo-hero-score p {
  margin: 12px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height: 1.2;
}

/* === GEO Score hover animation (filter — не клипается overflow:hidden) === */
.geo-hero-score {
  cursor: pointer;
}
.geo-hero-ring {
  transition: filter .4s ease;
}
@keyframes geo-ring-pulse {
  0%,100% { filter: brightness(1.35) drop-shadow(0 0 10px rgba(250,204,22,.7)); }
  50%      { filter: brightness(1.6)  drop-shadow(0 0 22px rgba(250,204,22,1)); }
}
.geo-hero-score:hover .geo-hero-ring {
  animation: geo-ring-pulse 1.4s ease-in-out infinite;
}
.geo-hero-ring span {
  transition: color .3s ease, text-shadow .3s ease;
}
.geo-hero-score:hover .geo-hero-ring span {
  color: #fff;
  text-shadow: 0 0 8px rgba(250,204,22,.55);
}
.geo-hero-score p {
  transition: color .3s ease;
}
.geo-hero-score:hover p {
  color: #fff;
}

.geo-hero-footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.82);
  font-size: 14px;
}

.geo-hero-cta {
  flex: 0 0 auto;
  padding: 10px 16px;
  border-radius: 12px;
  background: linear-gradient(135deg, #ffe58a, #facc16);
  color: #111;
  font-family: "PoppinsBold", sans-serif;
}

@media (max-width: 1024px) {
  .seo-service-grid,
  .seo-method-section ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seo-benefits-list {
    grid-template-columns: 1fr;
  }

  .page-banner .banner-caption .banner-kicker {
    padding-left: 20px;
  }

  .portfolio-intro-section {
    margin-top: -22px;
    padding-top: 0 !important;
  }

  .portfolio-intro-section .portfolio-intro-content {
    padding-top: 22px;
  }

  .geo-hero-object {
    position: relative;
    left: auto;
    width: min(82vw, 720px);
    right: auto;
    top: auto;
    margin: 28px auto 0;
    transform: none;
  }

  #banner .geo-hero-object {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    transform: none;
  }

  .geo-hero-topbar {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .geo-hero-panel {
    grid-template-columns: minmax(0, 1fr) 150px;
    padding: 22px;
  }

  .geo-hero-ring {
    width: 124px;
    height: 124px;
  }

  .geo-hero-ring span {
    font-size: 40px;
  }

  .maintenance-plans-grid,
  .maintenance-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .neuropitch-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .neuropitch-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .neuropitch-process-grid,
  .neuropitch-usecase-grid,
  .neuropitch-download-options,
  .marketing-service-grid,
  .marketing-detail-grid,
  .marketing-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .neuropitch-intro-layout {
    grid-template-columns: 1fr;
  }

  .neuropitch-live-preview {
    max-width: 720px;
  }

  .neuropitch-intro-facts {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .seo-services-section,
  .seo-method-section,
  .seo-testimonials {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  .seo-service-grid,
  .seo-method-section ol,
  .seo-local-list {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .seo-service-card,
  .seo-method-section ol li {
    min-height: auto;
    padding: 24px 20px;
  }

  .seo-service-card h3 {
    font-size: 25px;
  }

  .page-banner .banner-caption .banner-kicker {
    padding-left: 14px;
    padding-right: 14px;
  }

  .portfolio-intro-section {
    margin-top: -14px;
  }

  .portfolio-intro-section .portfolio-intro-content {
    padding-top: 18px;
  }

  .geo-hero-object {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: calc(100% - 24px);
    margin: 28px auto 0;
    transform: none;
  }

  #banner .geo-hero-object {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    transform: none;
  }

  .geo-hero-mockup {
    padding: 14px;
    border-radius: 22px;
  }

  .geo-hero-mockup::before {
    inset: 7px;
    border-radius: 18px;
  }

  .geo-hero-search {
    padding: 11px 13px;
    gap: 10px;
    font-size: 13px;
    white-space: normal;
  }

  .geo-hero-spark {
    font-size: 18px;
  }

  .geo-hero-brand {
    display: none;
  }

  .geo-hero-tabs {
    display: none;
  }

  .geo-hero-panel {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px;
    border-radius: 18px;
  }

  .geo-hero-copy h3 {
    font-size: 20px;
  }

  .geo-hero-copy p {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.5;
  }

  .geo-hero-checks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .geo-hero-checks div {
    padding: 8px 7px;
    border-radius: 10px;
  }

  .geo-hero-checks strong {
    font-size: 11px;
  }

  .geo-hero-checks span {
    display: none;
  }

  .geo-hero-score {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    justify-content: start;
    text-align: left;
  }

  .geo-hero-ring {
    width: 74px;
    height: 74px;
  }

  .geo-hero-ring span {
    font-size: 24px;
  }

  .geo-hero-ring small {
    font-size: 11px;
  }

  .geo-hero-score p {
    align-self: center;
    margin: 0;
  }

  .geo-hero-footer {
    margin-top: 10px;
    padding: 10px;
    gap: 10px;
    font-size: 12px;
  }

  .geo-hero-cta {
    width: auto;
    text-align: center;
    padding: 8px 10px;
  }

  .neuropitch-intro-section,
  #cos-e-neuropitch.awards-box,
  .neuropitch-process-section,
  #lavori,
  #homeseo.home-seo,
  #cta-neuro,
  .comparison-section,
  #download {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  #cos-e-neuropitch.awards-box {
    padding-top: 0 !important;
    padding-bottom: 34px !important;
  }

  .maintenance-plans-grid,
  .maintenance-benefits-grid {
    grid-template-columns: 1fr;
  }

  .neuropitch-benefits-grid {
    grid-template-columns: 1fr;
  }

  .neuropitch-feature-grid {
    grid-template-columns: 1fr;
  }

  .neuropitch-process-grid,
  .neuropitch-usecase-grid,
  .neuropitch-download-options,
  .marketing-service-grid,
  .marketing-detail-grid,
  .marketing-benefits-grid {
    grid-template-columns: 1fr;
  }

  #homeseo.home-seo {
    padding: 50px 0;
  }

  .neuropitch-process-card,
  .neuropitch-usecase-card,
  .neuropitch-download-card,
  .marketing-service-card,
  .marketing-detail-card,
  .marketing-benefit-item {
    padding: 24px 20px;
  }

  .marketing-services-section,
  #homeseo.home-seo {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .marketing-intro-section,
  .marketing-why-section,
  .marketing-benefits-section {
    padding-top: 42px;
    padding-bottom: 38px;
  }

  .marketing-intro-section .container {
    display: block;
    min-height: 0;
  }

  .marketing-intro-section .section-content {
    width: 100%;
  }

  .marketing-intro-visual {
    display: none;
  }

  #homeseo.marketing-detail-section .marketing-detail-grid,
  #homeseo.neuropitch-usecase-section .neuropitch-usecase-grid {
    grid-template-columns: 1fr;
  }

  .geo-services-grid {
    grid-template-columns: 1fr !important;
  }

  .geo-services-grid .service-card {
    min-height: auto;
  }

  .geo-services-grid .service-card h3 {
    min-height: 0;
  }

  .geo-compare-section {
    padding-top: 48px;
    padding-bottom: 50px;
  }

  .geo-compare-section > .container {
    width: min(100% - 24px, 430px);
    padding-left: 0;
    padding-right: 0;
  }

  .geo-compare-head {
    margin-bottom: 30px;
  }

  .geo-compare-head .section-title {
    font-size: 34px;
    line-height: 1.14;
    margin-bottom: 16px;
  }

  .geo-compare-head p {
    font-size: 16px;
    line-height: 1.7;
  }

  .geo-page .section-content > .section-title,
  .geo-page .awards-content > .section-title,
  .geo-page .home-testimonials .section-title,
  .geo-page .geo-compare-head .section-title,
  .geo-page .geo-method-head .section-title,
  .geo-page .home-testimonials-head .section-title {
    font-size: 34px;
    line-height: 1.14;
    margin-bottom: 18px;
  }

  .geo-page h3.section-title {
    font-size: 30px;
    line-height: 1.2;
  }

  .geo-page .section-content > p,
  .geo-page .geo-method-head p,
  .geo-page .home-testimonials-head p {
    font-size: 16px;
    line-height: 1.7;
  }

  .geo-compare-grid {
    gap: 30px;
  }

  .geo-seo-point {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
  }

  .geo-seo-point > span {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }

  .geo-compare-visual {
    display: block;
    position: relative;
    max-width: none;
    padding: 20px 0 24px;
  }

  .geo-compare-visual .why-float-card {
    position: absolute;
    width: auto;
    max-width: 74%;
    border: 1px solid #eee;
    box-shadow: 0 8px 22px rgba(0,0,0,.08);
    z-index: 3;
  }

  .geo-compare-visual .card-top {
    top: 0;
    right: 6px;
    transform: translateY(-12%);
  }

  .geo-compare-visual .card-bottom {
    left: 0;
    bottom: 0;
    transform: translateY(12%);
  }

  .geo-compare-visual .why-main-card {
    margin: 14px 0 20px;
    padding: 34px 22px 36px;
    border-radius: 18px;
    width: 100%;
  }

  .geo-compare-visual .geo-ai-card h3 {
    max-width: 280px;
    margin-bottom: 18px;
    font-size: 30px;
    line-height: 1.08;
  }

  .geo-ai-card p,
  .geo-ai-list li {
    font-size: 15px;
    line-height: 1.75;
  }

  .geo-method-grid {
    grid-template-columns: 1fr;
  }

  .geo-method-card {
    min-height: auto;
  }

  .marketing-benefit-item {
    min-height: auto;
  }

  .marketing-faq {
    margin-bottom: 60px;
  }

  .marketing-faq.active-acc {
    min-height: 1420px;
  }

  .marketing-faq.active-acc > .container {
    min-height: 1280px;
  }

  .geo-faq.active-acc {
    min-height: 1760px;
  }

  .geo-faq.active-acc > .container {
    min-height: 1620px;
  }

  .neuropitch-download-card h3,
  .neuropitch-download-card p {
    min-height: 0;
  }

  .neuropitch-live-preview {
    padding: 20px 14px;
  }

  .browser-content {
    height: 250px;
  }

  .browser-content .widget-mock {
    width: calc(100% - 34px);
  }

  .widget-mock {
    padding: 20px;
  }

  .np-download-grid .popart-btn {
    width: 100%;
    min-width: 0;
  }

  .np-download-grid {
    grid-template-columns: 1fr;
  }

  #cos-e-neuropitch.awards-box {
    padding-bottom: 35px;
  }

  #cos-e-neuropitch.awards-box .neuropitch-feature-card {
    padding: 26px 20px;
  }

  .page-banner .banner-caption .banner-kicker {
    font-size: clamp(16px, 4vw, 18px);
    line-height: 1.45;
  }
}

@media (max-width: 767px) {
  .page-banner .banner-caption h1 {
    position: relative;
    top: 14px;
    width: 100%;
    max-width: none;
    font-size: clamp(34px, 8.9vw, 42px) !important;
    line-height: 1.22 !important;
  }

  .page-banner .banner-caption h1 .smaller-text {
    font-size: clamp(15px, 4vw, 17px) !important;
    line-height: 1.45 !important;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   M12: Mobile Footer Compress (Global) — применяется на всех страницах сайта
   ──────────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  /* site-footer: сжатый mobile вариант */
  .site-footer {
    padding: 24px 16px 16px !important;
  }
  /* #toTop: сохраняем оригинальные пропорции SVG стрелки */
  .site-footer #toTop svg {
    width: auto !important;
    height: 22px !important;
  }
  .site-footer .footer-pretitle {
    font-size: 13px !important;
    margin-top: 8px;
  }
  .site-footer .section-subtitle {
    font-size: 16px !important;
    line-height: 1.3 !important;
    margin: 4px 0 16px !important;
  }
  .site-footer .footer-info {
    display: flex !important;
    flex-direction: column;
    gap: 16px;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
  /* Описание агентства — скрыть на mobile (избыточно) */
  .site-footer .footer-info > ul:first-child {
    display: none;
  }
  .site-footer .footer-info > * {
    text-align: center !important;
    width: 100%;
  }
  .site-footer .footer-info ul,
  .site-footer .footer-info address,
  .site-footer .footer-info address ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    text-align: center !important;
    font-style: normal;
  }
  .site-footer .footer-info li {
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 4px;
    text-align: center !important;
  }
  /* Inline компактные ссылки в Informazioni через «·» */
  .site-footer .footer-info > ul:nth-child(2) li:not(.finfo-title) {
    display: inline-block;
    margin: 0 8px 4px 0;
  }
  .site-footer .footer-info > ul:nth-child(2) li:not(.finfo-title)::after {
    content: "·";
    margin-left: 8px;
    opacity: .4;
  }
  .site-footer .footer-info > ul:nth-child(2) li:last-child::after {
    content: "";
  }
  /* Скрыть intent-chips блок «AGENZIA WEB SALERNO» (последняя address) */
  .site-footer .footer-info > address:last-of-type {
    display: none !important;
  }
  .site-footer .finfo-title {
    font-size: 12px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .85;
    margin-bottom: 8px !important;
  }
  .site-footer .footer-info address {
    font-style: normal;
    margin: 0;
  }
  .site-footer .copyright {
    font-size: 11px !important;
    line-height: 1.5;
    margin-top: 20px !important;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.1);
    display: block;
  }

  /* footer-seo: компактный padding (применится только где есть .footer-seo) */
  .footer-seo {
    padding: 32px 16px !important;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   M16: case-studies — MOBILE ONLY (desktop стили возвращены в <style> index.html)
   ──────────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  /* Базовые стили карточек для mobile (фон, border-radius, тень) */
  section.case-studies {
    background: #f7f7f8;
    padding: 0;
    margin: 0;
  }
  section.case-studies .case-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,.06);
  }
  section.case-studies .case-card.is-featured {
    box-shadow: 0 8px 32px rgba(250,204,22,.25);
    border: 2px solid #facc16;
  }
  section.case-studies .case-media {
    position: relative;
    overflow: hidden;
    margin: 0;
    background: #fff;
  }
  section.case-studies .case-media img {
    width: 100%;
    height: auto;
    display: block;
  }
  section.case-studies { padding: 48px 0; }
  section.case-studies > .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
  section.case-studies .section-head {
    padding: 0 20px;
    margin-bottom: 8px;
  }
  section.case-studies .section-head h2 {
    font-size: 24px;
    line-height: 1.25;
    margin: 0 0 8px;
  }
  section.case-studies .section-head .section-subtitle {
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
  }
  /* Mobile carousel: горизонтальный свайп + scroll-snap */
  section.case-studies .case-grid {
    display: flex;
    grid-template-columns: none;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 20px;
    scroll-behavior: smooth;
    padding: 8px 20px 24px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  section.case-studies .case-grid::-webkit-scrollbar { display: none; }
  section.case-studies .case-card {
    flex: 0 0 85%;
    max-width: 360px;
    scroll-snap-align: start;
  }
  section.case-studies .case-card:last-child {
    margin-right: 20px;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   M16: creazione-realizzazione-siti-web — mobile compress (mobile only)
   Применяется через id-селекторы — сработает только где есть эти секции
   ──────────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {

    /* #processo: 6 шагов → vertical timeline (creazione-realizzazione + creazione-ecommerce) */
  #processo,
  #processo-ecommerce {
    padding: 24px 0 28px;
    margin-top: 0 !important;
  }
  #processo .container,
  #processo-ecommerce .container {
    width: 92%;
  }
  #processo .awards-content h2,
  #processo-ecommerce .awards-content h2 {
    font-size: 22px;
    line-height: 1.25;
    margin: 0 0 10px;
  }
  #processo .awards-content p,
  #processo-ecommerce .awards-content p {
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 12px;
  }
  /* Сам grid — становится flex-column timeline */
  #processo .processo-step-grid,
  #processo-ecommerce .ecommerce-process-grid {
    display: flex !important;
    flex-direction: column;
    gap: 0;
    position: relative;
    padding: 14px 0 0 44px;
    margin: 12px 0 0;
    grid-template-columns: none !important;
    counter-reset: processo-step;
  }
  /* Вертикальная жёлтая линия timeline */
  #processo .processo-step-grid::before,
  #processo-ecommerce .ecommerce-process-grid::before {
    content: '';
    position: absolute;
    left: 18px;
    top: 22px;
    bottom: 14px;
    width: 2px;
    background: #facc16;
    border-radius: 2px;
  }
  /* Каждый шаг — карточка timeline */
  #processo .processo-step-grid .service-card,
  #processo-ecommerce .ecommerce-process-grid .service-card {
    position: relative;
    margin: 0 0 16px 0;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: auto;
    text-align: left;
    counter-increment: processo-step;
  }
  #processo .processo-step-grid .service-card:last-child,
  #processo-ecommerce .ecommerce-process-grid .service-card:last-child {
    margin-bottom: 0;
  }
  /* Бэдж с номером слева */
  #processo .processo-step-grid .service-card::before,
  #processo-ecommerce .ecommerce-process-grid .service-card::before {
    content: counter(processo-step);
    position: absolute;
    left: -44px;
    top: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #facc16;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    box-shadow: 0 0 0 4px #fff;
    z-index: 1;
  }
  #processo .processo-step-grid .service-card h3,
  #processo-ecommerce .ecommerce-process-grid .service-card h3 {
    font-size: 15px;
    margin: 4px 0 4px;
    line-height: 1.25;
  }
  #processo .processo-step-grid .service-card p,
  #processo-ecommerce .ecommerce-process-grid .service-card p {
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
    color: #555;
  }

  /* #perche-funziona: 3 карточки → компактные стек-блоки */
  #perche-funziona {
    padding: 16px 0;
  }
  #perche-funziona .container { width: 92%; }
  #perche-funziona .awards-content > h2 {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin: 0 0 10px !important;
  }
  #perche-funziona .awards-content > p {
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 12px;
  }
  #perche-funziona .perche-contatti-grid {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px !important;
    grid-template-columns: none !important;
  }
  /* Inline-styles в HTML переопределяем !important */
  #perche-funziona .perche-contatti-grid .service-card {
    padding: 14px 16px !important;
    border-radius: 10px !important;
    margin: 0 !important;
  }
  #perche-funziona .perche-contatti-grid .service-card h3 {
    font-size: 15px;
    margin: 0 0 6px;
    line-height: 1.3;
  }
  #perche-funziona .perche-contatti-grid .service-card p {
    font-size: 13px;
    line-height: 1.45;
    margin: 0 0 8px;
  }
  #perche-funziona .perche-contatti-grid .service-card ul {
    font-size: 12.5px;
    line-height: 1.45;
    margin: 0 !important;
    padding-left: 16px !important;
  }
  #perche-funziona .perche-contatti-grid .service-card ul li {
    margin-bottom: 3px;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   M17: creazione-realizzazione-siti-web.html — easy wins (revised)
   ──────────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {

  /* #4 Скрыть .video-cont (статичный webp poster, ~590px высоты) */
  .video-section .video-cont {
    display: none;
  }

  /* #7 Sidebar «Ti potrebbe interessare» — скрыть на mobile */
  #sidebar {
    display: none !important;
  }

  /* M17c: Подтянуть текст CTA Consulenza к картинке (компенсация прозрачных пикселей в order-header.webp) */
  #cta-finale .order-cta__content {
    margin-top: -100px;
    position: relative;
    z-index: 1;
  }

  /* M18e: Showcase галерея — СКРЫТА на mobile (lightbox не работал, кейсы дают сильнее social proof) */
  .showcase-section {
    display: none !important;
  }

  /* M17f + M19b: Pacchetti → mobile tabs (универсально для FAST PRO/LOCAL PRO/DOMINIO + BASE/PRO/AVANZATO) */
  .pacchetti-tabs {
    display: flex;
    gap: 4px;
    margin: 16px 0 14px;
    flex-wrap: nowrap;
    width: 100%;
  }
  .pacchetti-tab {
    flex: 1 1 0;
    min-width: 0;
    padding: 9px 4px;
    border: 1.5px solid rgba(0,0,0,.15);
    background: #fff;
    border-radius: 8px;
    font-size: 10.5px;
    font-weight: 700;
    color: #333;
    cursor: pointer;
    transition: background .2s, border-color .2s, color .2s;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: .02em;
  }
  .pacchetti-tab.is-active {
    background: #facc16;
    border-color: #facc16;
    color: #333;
  }
  #pacchetti .service-grid,
  .ecommerce-packages-grid,
  .maintenance-plans-grid {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
  }
  #pacchetti .service-grid .service-card,
  .ecommerce-packages-grid .service-card,
  .maintenance-plans-grid .service-card {
    display: none;
    margin: 0;
  }
  #pacchetti .service-grid .service-card.is-active-pack,
  .ecommerce-packages-grid .service-card.is-active-pack,
  .maintenance-plans-grid .service-card.is-active-pack {
    display: block;
  }

  /* M17g: Materiali Kit — компактный mobile: скрыть детали-параграфы (оставить h2 + intro + список + CTA) */
  #materiali-kit, #materiali-kit-ec {
    padding: 16px 0 !important;
  }
  #materiali-kit h2.section-title, #materiali-kit-ec h2.section-title {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin: 0 0 8px !important;
  }
  #materiali-kit p, #materiali-kit-ec p {
    font-size: 13px;
    line-height: 1.5;
    margin: 0 0 10px;
  }
  /* Скрыть второстепенные параграфы (детали правил) */
  #materiali-kit .section-content > p:not(:first-of-type),
  #materiali-kit-ec .section-content > p:not(:first-of-type) {
    display: none;
  }
  #materiali-kit ul, #materiali-kit-ec ul {
    margin: 8px 0 12px !important;
    padding-left: 18px !important;
  }
  #materiali-kit ul, #materiali-kit-ec ul li {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 4px;
  }
  /* CTA-кнопки оставляем обе (это финальная CTA для этой секции) */
  #materiali-kit .section-content, #materiali-kit-ec .section-content > div:last-child {
    margin-top: 12px !important;
    gap: 8px !important;
  }
  #materiali-kit .section-content, #materiali-kit-ec .section-content > div:last-child .popart-btn {
    flex: 1 1 auto;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   M18: creazione-realizzazione-siti-web — finishing touches (mobile + desktop fixes)
   ──────────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {

  /* #3 Cosa dicono i clienti — скрыть CTA-кнопки */
  .testimonials-cta .info-buttons-wrapper {
    display: none !important;
  }

  /* #4 Cosa ottieni — скрыть CTA-кнопки (последний div c flex) */
  #cosa-ottieni .section-content > div[style*="display:flex"]:last-child {
    display: none !important;
  }

  /* #5 Perché un sito deve portare contatti — скрыть CTA-кнопки */
  #perche-funziona .awards-content > div[style*="display:flex"]:last-child,
  #perche-funziona ~ * > div[style*="display:flex"]:first-child:has(.popart-btn) {
    display: none !important;
  }

  /* #6 Processo chiaro — скрыть CTA-кнопки (.why-cta info-buttons-wrapper после step-grid) */
  #processo .info-buttons-wrapper.why-cta, #processo-ecommerce .info-buttons-wrapper.why-cta,
  #processo + * .info-buttons-wrapper.why-cta, #processo-ecommerce + * .info-buttons-wrapper.why-cta {
    display: none !important;
  }

  /* #1 Materiali Kit — скрыть CTA-кнопки */
  #materiali-kit .section-content, #materiali-kit-ec .section-content > div[style*="display:flex"]:last-child {
    display: none !important;
  }

  /* #7 FAQ — добавить отступ сверху от предыдущей секции */
  .faq-head {
    margin-top: 16px !important;
    padding-top: 24px !important;
  }

  /* #2 Risultati reali (case-studies carousel) — уменьшить карточку чтобы не закрывала весь экран */
  section.case-studies .case-card {
    flex: 0 0 85% !important;
  }
  /* Картинка кейса НЕ обрезается — показываем полностью */
  section.case-studies .case-media {
    margin: 0;
  }
  section.case-studies .case-media img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: initial;
    display: block;
  }
  /* Сжать текст в карточке: убрать пустоты между параграфами */
  section.case-studies .case-body {
    padding: 12px !important;
  }
  section.case-studies .case-title {
    font-size: 15px !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;
  }
  section.case-studies .case-kpi {
    margin: 0 0 8px !important;
    padding: 0 !important;
    list-style: none !important;
  }
  /* Принудительно убрать кастомные маркеры темы (::before, ::marker) */
  section.case-studies .case-kpi li::before,
  section.case-studies .case-kpi li::marker {
    content: none !important;
    display: none !important;
    background: none !important;
  }
  section.case-studies .case-kpi li {
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-size: 12.5px;
    line-height: 1.4;
    list-style: none !important;
  }
  section.case-studies .case-kpi li strong {
    display: block;
    font-size: 12px;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3;
    color: #1a1a1a;
  }
  section.case-studies .case-kpi .kpi-note {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4;
    color: #555;
  }
  section.case-studies .case-what {
    margin: 8px 0 10px !important;
    line-height: 1.5;
  }
  section.case-studies .case-tags {
    font-size: 11px !important;
    padding: 2px 8px !important;
  }
  section.case-studies .case-cta {
    width: 100% !important;
    max-width: none !important;
    margin-top: 4px !important;
  }
}

/* M18 desktop overflow removed — sidebar layout восстановлен */


/* ════════════════════════════════════════════════════════════════════════════
   M20: manutenzione-siti-web-assistenza — mobile compress
   ──────────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {

  /* Order CTA "Non sai quale piano fa per te?" — подтянуть текст к картинке */
  .order-cta--medium.order-cta--yellow .order-cta__content {
    margin-top: -140px;
    position: relative;
    z-index: 1;
  }

  /* M20b: h3.section-title (подсекции manutenzione) — увеличить шрифт */
  h3.section-title,
  h3.faq-word.section-title {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin: 0 0 10px !important;
  }

  /* Benefits grid — 6 компактных карточек */
  .maintenance-benefits-grid {
    display: flex !important;
    flex-direction: column;
    gap: 10px !important;
    grid-template-columns: none !important;
    padding: 0;
  }
  .maintenance-benefits-grid .service-card.maintenance-benefit-card {
    padding: 12px 14px !important;
    margin: 0 !important;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    background: #fff;
  }
  .maintenance-benefits-grid .maintenance-benefit-card h4 {
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin: 0 0 6px !important;
    font-weight: 700;
  }
  .maintenance-benefits-grid .maintenance-benefit-card p {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    color: #555;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   M21c: ai-neuro-pitch — только убрать пустоты между секциями (минимальный fix)
   Используем такую же специфичность как у темы (id + class), чтобы перебить !important
   ──────────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .neuropitch-intro-section,
  #cos-e-neuropitch.awards-box,
  #marketing-strategy-visual,
  .neuropitch-process-section,
  #lavori,
  #homeseo.home-seo,
  #cta-neuro,
  .comparison-section,
  #download {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  /* Безымянные секции между (например "A chi è utile NeuroPitch™?") */
  #homeseo + .content-indent.page-section,
  #cta-neuro + .content-indent.page-section,
  .neuropitch-process-section + .content-indent.page-section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  /* section-top class — большой top padding */
  body .content-indent.page-section.section-top {
    padding-top: 28px !important;
  }
  /* #homeseo .container — внутренний padding */
  #homeseo .container {
    padding-top: 0 !important;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   M22: servizi-marketing-digitale — padding + скрыть svg-декорации
   ──────────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .marketing-why-section,
  .marketing-benefits-section,
  body .marketing-faq.faq-service,
  body .order-project.order-section-padding {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  /* Скрыть декоративные SVG линии и social иконки в strategy-visual и homeseo */
  #marketing-strategy-visual .svg-lines,
  #marketing-strategy-visual .social-icons,
  #homeseo.marketing-detail-section .svg-lines,
  #homeseo.marketing-detail-section .social-icons {
    display: none !important;
  }
  #marketing-strategy-visual.home-seo,
  #homeseo.home-seo.marketing-detail-section {
    min-height: 0 !important;
  }
  /* Контейнер внутри strategy-visual имеет лишний padding 45/50 — сжимаем */
  #marketing-strategy-visual .container,
  #homeseo.marketing-detail-section .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}


/* ════════════════════════════════════════════════════════════════════════════
   M23: geo-generative-engine-optimization — padding между секциями
   ──────────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .geo-compare-section,
  .geo-method-section,
  .geo-testimonials.page-section,
  body .geo-faq.faq-service,
  #perche-webidea {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  /* #perche-webidea имел padding: 100px 0 0 — её внутренний контейнер тоже сжимаем */
  #perche-webidea > .content-indent.page-section.section-top {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* M23b mobile: .geo-faq имел margin-bottom: 70px — убираем */
  body .geo-faq.faq-service {
    margin-bottom: 0 !important;
  }
}

/* M23b desktop: уменьшить padding-top у первых секций GEO страницы */
@media (min-width: 901px) {
  #main.geo-page > .content-indent.page-section.section-top:first-of-type {
    padding-top: 40px !important;
  }
  .geo-testimonials + .content-indent.page-section {
    padding-top: 40px !important;
  }
}




/* ════════════════════════════════════════════════════════════════════════════
   M26: Карточки "Come realizziamo il tuo sito" — скругление + улучшенные тени
   ──────────────────────────────────────────────────────────────────────────── */
.local-process-section .service-content.service-single {
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
  overflow: hidden;
}
.local-process-section .service-content.service-single:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0,0,0,.12) !important;
}

@media (max-width: 900px) {
  .local-process-section .service-content.service-single {
    border-radius: 14px !important;
    padding: 24px 20px !important;
    margin-bottom: 14px !important;
  }
}

/* ════════════════════════════════════════════════════════════════════════════
   M-local-attivita: process cards + case-grid carousel
   Isolato via body.local-sector-page
   ──────────────────────────────────────────────────────────────────────────── */

/* Why-section: remove extra top-padding (gap fix) */
body.local-sector-page .local-why-section .page-section {
  padding-top: 0;
  padding-bottom: 40px;
}
body.local-sector-page .local-why-section .marketing-service-grid {
  margin-top: 0;
}

/* Come realizziamo: remove 150px top-padding from 1024-1250px rule */
body.local-sector-page .local-process-section.page-section {
  padding-top: 30px !important;
}

/* Pronto a far crescere: restore SVG animation on desktop */
body.local-sector-page #homeseo {
  position: relative;
}
body.local-sector-page #homeseo .svg-lines,
body.local-sector-page #homeseo .social-icons {
  display: block;
}

/* case-kpi-row: compact inline layout */
body.local-sector-page #lavori .case-kpi {
  margin: 8px 0 8px;
}
body.local-sector-page #lavori .case-kpi-row {
  margin: 4px 0;
  font-size: 13.5px;
  line-height: 1.35;
}
body.local-sector-page #lavori .case-kpi-row strong {
  font-weight: 700;
}
body.local-sector-page #lavori .case-kpi-row .kpi-note {
  opacity: .85;
}

/* Process cards — 4 in riga, scorciate, tonde */
body.local-sector-page .process-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0;
}
body.local-sector-page .process-card {
  display: block;
  float: left;
  width: calc(25% - 8px);
  padding: 40px 30px;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(0,0,0,.09);
  box-sizing: border-box;
  transition: transform .22s ease, box-shadow .22s ease;
}
body.local-sector-page .process-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0,0,0,.13);
}
body.local-sector-page .process-card--accent { background: #facc16; }
body.local-sector-page .process-card--white  { background: rgba(255,255,255,.88); }

/* Mobile: case-grid carousel */
@media (max-width: 768px) {
  body.local-sector-page #lavori .case-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding-bottom: 12px;
    -webkit-overflow-scrolling: touch;
  }
  body.local-sector-page #lavori .case-grid .case-card {
    flex: 0 0 85%;
    scroll-snap-align: start;
  }
  body.local-sector-page .process-card {
    width: 100%;
    float: none;
    margin-bottom: 12px;
  }
}

/* Mobile: hide SVG animation */
@media (max-width: 768px) {
  body.local-sector-page #homeseo .svg-lines,
  body.local-sector-page #homeseo .social-icons { display: none; }
}

/* ────────────────────────────────────────────────────────────────────────────
   M-food-ristoranti: layout unificato per siti-per-ristoranti-food.html
   Isolato via body.food-sector-page
   ──────────────────────────────────────────────────────────────────────────── */

/* Why-section: remove extra top-padding */
body.food-sector-page .local-why-section .page-section {
  padding-top: 0;
  padding-bottom: 40px;
}
body.food-sector-page .local-why-section .marketing-service-grid {
  margin-top: 0;
}

/* Come realizziamo: remove 150px top-padding */
body.food-sector-page .local-process-section.page-section {
  padding-top: 30px !important;
}

/* Pronto a far crescere: restore SVG animation on desktop */
body.food-sector-page #homeseo {
  position: relative;
}
body.food-sector-page #homeseo .svg-lines,
body.food-sector-page #homeseo .social-icons {
  display: block;
}

/* Process cards — 4 in riga, tonde */
body.food-sector-page .process-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0;
}
body.food-sector-page .process-card {
  display: block;
  float: left;
  width: calc(25% - 8px);
  padding: 40px 30px;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(0,0,0,.09);
  box-sizing: border-box;
  transition: transform .22s ease, box-shadow .22s ease;
}
body.food-sector-page .process-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(0,0,0,.13);
}
body.food-sector-page .process-card--accent { background: #facc16; }
body.food-sector-page .process-card--white  { background: rgba(255,255,255,.88); }

/* Mobile: case-grid carousel */
@media (max-width: 768px) {
  body.food-sector-page #lavori .case-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding-bottom: 12px;
    -webkit-overflow-scrolling: touch;
  }
  body.food-sector-page #lavori .case-grid .case-card {
    flex: 0 0 85%;
    scroll-snap-align: start;
  }
  body.food-sector-page .process-card {
    width: 100%;
    float: none;
    margin-bottom: 12px;
  }
}

/* Mobile: hide SVG animation */
@media (max-width: 768px) {
  body.food-sector-page #homeseo .svg-lines,
  body.food-sector-page #homeseo .social-icons { display: none; }
}


/* ════════════════════════════════════════════════════════════════════════════
   M-ecommerce: layout unificato per realizzazione-ecommerce.html
   Isolato via body.ecommerce-sector-page
   ──────────────────────────────────────────────────────────────────────────── */

body.ecommerce-sector-page .local-why-section .page-section { padding-top: 0; padding-bottom: 40px; }
body.ecommerce-sector-page .local-why-section .marketing-service-grid { margin-top: 0; }
body.ecommerce-sector-page .local-process-section.page-section { padding-top: 30px !important; }
body.ecommerce-sector-page #homeseo { position: relative; }
body.ecommerce-sector-page #homeseo .svg-lines,
body.ecommerce-sector-page #homeseo .social-icons { display: block; }

body.ecommerce-sector-page .process-grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0; }
body.ecommerce-sector-page .process-card { display: block; float: left; width: calc(25% - 8px); padding: 40px 30px; border-radius: 16px; box-shadow: 0 6px 24px rgba(0,0,0,.09); box-sizing: border-box; transition: transform .22s ease, box-shadow .22s ease; }
body.ecommerce-sector-page .process-card:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0,0,0,.13); }
body.ecommerce-sector-page .process-card--accent { background: #facc16; }
body.ecommerce-sector-page .process-card--white  { background: rgba(255,255,255,.88); }

@media (max-width: 768px) {
  body.ecommerce-sector-page #lavori .case-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding-bottom: 12px; -webkit-overflow-scrolling: touch; }
  body.ecommerce-sector-page #lavori .case-grid .case-card { flex: 0 0 85%; scroll-snap-align: start; }
  body.ecommerce-sector-page .process-card { width: 100%; float: none; margin-bottom: 12px; }
}
@media (max-width: 768px) {
  body.ecommerce-sector-page #homeseo .svg-lines,
  body.ecommerce-sector-page #homeseo .social-icons { display: none; }
}


/* ════════════════════════════════════════════════════════════════════════════
   M-professionisti: layout unificato per siti-per-professionisti.html
   Isolato via body.professionisti-sector-page
   ──────────────────────────────────────────────────────────────────────────── */

body.professionisti-sector-page .local-why-section .page-section { padding-top: 0; padding-bottom: 40px; }
body.professionisti-sector-page .local-why-section .marketing-service-grid { margin-top: 0; }
body.professionisti-sector-page .local-process-section.page-section { padding-top: 30px !important; }
body.professionisti-sector-page #homeseo { position: relative; }
body.professionisti-sector-page #homeseo .svg-lines,
body.professionisti-sector-page #homeseo .social-icons { display: block; }

body.professionisti-sector-page .process-grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0; }
body.professionisti-sector-page .process-card { display: block; float: left; width: calc(25% - 8px); padding: 40px 30px; border-radius: 16px; box-shadow: 0 6px 24px rgba(0,0,0,.09); box-sizing: border-box; transition: transform .22s ease, box-shadow .22s ease; }
body.professionisti-sector-page .process-card:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0,0,0,.13); }
body.professionisti-sector-page .process-card--accent { background: #facc16; }
body.professionisti-sector-page .process-card--white  { background: rgba(255,255,255,.88); }

@media (max-width: 768px) {
  body.professionisti-sector-page #lavori .case-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding-bottom: 12px; -webkit-overflow-scrolling: touch; }
  body.professionisti-sector-page #lavori .case-grid .case-card { flex: 0 0 85%; scroll-snap-align: start; }
  body.professionisti-sector-page .process-card { width: 100%; float: none; margin-bottom: 12px; }
}
@media (max-width: 768px) {
  body.professionisti-sector-page #homeseo .svg-lines,
  body.professionisti-sector-page #homeseo .social-icons { display: none; }
}

@media (max-width: 900px) {
  body.local-sector-page #sidebar,
  body.food-sector-page #sidebar,
  body.ecommerce-sector-page #sidebar,
  body.professionisti-sector-page #sidebar { display: block !important; }
}

/* ===== M46: Home hero — laptop dashboard mockup ===== */

/* Reset: не растягивать ноутбук как старый hero.webp */
.home-laptop-hero > div { width: auto !important; height: auto !important; }
.home-laptop-hero img  { width: auto !important; height: auto !important; object-fit: unset !important; }

/* Выравнивание внешнего контейнера */
.home-laptop-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 16px 0 0;
}

/* Обёртка ноутбука */
.home-laptop-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  filter: drop-shadow(0 28px 56px rgba(0,0,0,.6));
  zoom: 1.2;
}

/* Крышка — серебро */
.home-laptop-lid {
  width: 460px;
  background: linear-gradient(160deg, #d4d4d4 0%, #b2b2b2 40%, #cccccc 100%);
  border-radius: 14px 14px 0 0;
  padding: 10px 10px 6px;
  border: 1.5px solid #a0a0a0;
  border-bottom: none;
  position: relative;
}
.home-laptop-lid::before {
  content: '';
  position: absolute;
  top: 5px; left: 50%; transform: translateX(-50%);
  width: 5px; height: 5px; border-radius: 50%;
  background: #909090;
}
.home-laptop-lid::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 3px;
  border-radius: 14px 14px 0 0;
  background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, transparent 100%);
}

/* Экран */
.home-laptop-screen {
  background: #0d0b14;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/10;
  border: 2px solid #888;
  box-shadow: inset 0 0 20px rgba(0,0,0,.5);
}

/* Дашборд внутри */
.home-laptop-dash {
  width: 100%; height: 100%;
  background: #0d0b14;
  display: flex; flex-direction: column;
  padding: 10px 12px; gap: 8px;
  position: relative; overflow: hidden;
  box-sizing: border-box;
}
.home-laptop-dash::before {
  content: '';
  position: absolute; top: -80px; right: -40px;
  width: 240px; height: 240px; border-radius: 50%;
  background: radial-gradient(circle, rgba(242,194,0,.09) 0%, transparent 65%);
  pointer-events: none;
}

/* Браузерная строка */
.home-dash-browser {
  display: flex; align-items: center; gap: 5px;
  background: #1a1726; border-radius: 5px; padding: 4px 10px; flex-shrink: 0;
}
.home-dash-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.home-dash-url {
  margin-left: 6px; flex: 1;
  background: #0d0b14; border-radius: 3px;
  padding: 2px 8px; font-size: 9px; color: rgba(255,255,255,.3); letter-spacing: .03em;
}

/* Карточка дашборда */
.home-dash-card {
  background: #15131c; border-radius: 9px; padding: 10px 12px;
  flex: 1; display: flex; flex-direction: column; gap: 7px;
  border: 1px solid rgba(255,255,255,.06); position: relative; overflow: hidden;
}
.home-dash-card::before {
  content: '';
  position: absolute; top: -30px; right: -30px;
  width: 120px; height: 120px; border-radius: 50%;
  background: radial-gradient(circle, rgba(242,194,0,.1) 0%, transparent 70%);
  pointer-events: none;
}

.home-dash-header { display: flex; align-items: center; justify-content: space-between; }
.home-dash-title  { font-size: 10px; font-weight: 600; color: rgba(255,255,255,.9); letter-spacing: .04em; }
.home-dash-live   { display: flex; align-items: center; gap: 4px; font-size: 9px; font-weight: 600; color: #4ade80; letter-spacing: .06em; }
.home-dash-dot-live {
  width: 5px; height: 5px; border-radius: 50%; background: #4ade80;
  animation: hdLivePulse 1.8s ease-in-out infinite;
}
@keyframes hdLivePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: .4; transform: scale(1.4); }
}

/* KPI блок */
.home-dash-kpi-row { display: flex; gap: 6px; }
.home-dash-kpi {
  flex: 1; background: #1f1b2e; border-radius: 7px; padding: 7px 8px;
  display: flex; flex-direction: column; gap: 2px;
}
.home-dash-kpi-label { font-size: 7px; color: rgba(255,255,255,.4); letter-spacing: .06em; text-transform: uppercase; }
.home-dash-kpi-val   { font-size: 14px; font-weight: 700; color: #fff; line-height: 1; }
.home-dash-kpi-delta { font-size: 8px; }
.home-dash-kpi-delta--green { color: #4ade80; }
.home-dash-kpi-delta--gold  { color: #f2c200; }
.home-dash-kpi-delta--blue  { color: #60a5fa; }

/* Метрики */
.home-dash-metrics { display: flex; flex-direction: column; gap: 4px; }
.home-dash-metric  { display: flex; align-items: center; gap: 6px; }
.home-dash-metric-label {
  font-size: 8px; color: rgba(255,255,255,.5); width: 75px; flex-shrink: 0;
}
.home-dash-metric-bar-wrap {
  flex: 1; height: 3px; background: rgba(255,255,255,.07); border-radius: 2px; overflow: hidden;
}
.home-dash-metric-bar { height: 100%; border-radius: 2px; width: 0; }
.home-dash-metric-val {
  font-size: 8px; color: rgba(255,255,255,.7); font-weight: 600; width: 36px; text-align: right; flex-shrink: 0;
}

/* Footer карточки */
.home-dash-footer { display: flex; align-items: center; justify-content: space-between; }
.home-dash-footer-tag {
  font-size: 7px; padding: 2px 7px; border-radius: 20px;
  background: rgba(242,194,0,.12); color: #f2c200; letter-spacing: .04em;
}
.home-dash-stars { color: #f2c200; font-size: 9px; letter-spacing: 1px; }

/* Шарнир */
.home-laptop-hinge {
  width: 480px; height: 5px;
  background: linear-gradient(180deg, #b0b0b0 0%, #c8c8c8 100%);
}

/* Основание */
.home-laptop-base {
  width: 510px; height: 18px;
  background: linear-gradient(180deg, #cccccc 0%, #b8b8b8 50%, #d2d2d2 100%);
  border-radius: 0 0 14px 14px;
  display: flex; align-items: center; justify-content: center;
  border: 1.5px solid #a8a8a8; border-top: none;
}
.home-laptop-trackpad {
  width: 60px; height: 8px;
  background: linear-gradient(180deg, #b2b2b2 0%, #bebebe 100%);
  border-radius: 4px; border: 1px solid #a0a0a0;
}

/* Плавающие бейджи */
.home-laptop-badge {
  position: absolute;
  font-size: 11px; font-weight: 700;
  padding: 6px 13px; border-radius: 22px;
  white-space: nowrap; z-index: 10;
}
.home-laptop-badge--gold {
  top: 12px; right: 4px;
  background: #f2c200; color: #15131c;
  animation: hdBadgeFloat 3s ease-in-out infinite;
  box-shadow: 0 4px 20px rgba(242,194,0,.45);
}
.home-laptop-badge--green {
  bottom: 8px; left: -38px;
  background: #1f1b2e; color: #4ade80;
  animation: hdBadgeFloat 3s ease-in-out .5s infinite reverse;
  border: 1px solid rgba(74,222,128,.3);
}
@keyframes hdBadgeFloat {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}

/* Mobile: скрываем ноутбук */
@media (max-width: 1024px) {
  .home-laptop-outer { display: none !important; }
}

/* ===== M46b: Home hero — независимая обёртка ноутбука (вне .banner-object) ===== */
.home-banner .home-hero-laptop-wrap {
  position: absolute;
  right: 0;
  top: 215px;
  max-width: 52%;
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 48px 0 0;
  opacity: 0;
  animation: hdWrapIn 0.8s cubic-bezier(.4,0,.2,1) 0.6s forwards;
}
@keyframes hdWrapIn {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: translateX(0); }
}
@media (max-width: 1024px) {
  .home-banner .home-hero-laptop-wrap { display: none !important; }
}
@media (max-width: 1400px) {
  .home-banner .home-hero-laptop-wrap { max-width: 54%; }
}

/* ── M47 home mobile dash ─────────────────────────── */
.home-banner .home-mobile-dash { display: none; }
@media (max-width: 1024px) {
  .home-banner .home-mobile-dash {
    display: block;
    background: #0d0b14;
    border-radius: 14px;
    padding: 16px;
    margin: 20px 20px 0;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 8px 32px rgba(0,0,0,.4);
  }
  .home-mobile-dash-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
  }
  .home-mobile-dash-title {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    opacity: 0.8;
  }
  .home-mobile-dash-live {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #4ade80;
    font-size: 11px;
    font-weight: 700;
  }
  .home-mobile-kpi-row {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
  }
  .home-mobile-kpi {
    flex: 1;
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    padding: 10px 8px;
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  .home-mobile-kpi-label {
    color: rgba(255,255,255,0.5);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .home-mobile-kpi-val {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
  }
  .home-mobile-kpi-delta { font-size: 10px; font-weight: 600; }
  .home-mobile-kpi-delta--green { color: #4ade80; }
  .home-mobile-kpi-delta--gold  { color: #f2c200; }
  .home-mobile-kpi-delta--blue  { color: #60a5fa; }
  .home-mobile-metrics { display: flex; flex-direction: column; gap: 8px; }
  .home-mobile-metric {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .home-mobile-metric-label {
    color: rgba(255,255,255,0.6);
    font-size: 10px;
    width: 82px;
    flex-shrink: 0;
  }
  .home-mobile-metric-bar-wrap {
    flex: 1;
    background: rgba(255,255,255,0.1);
    border-radius: 4px;
    height: 5px;
    overflow: hidden;
  }
  .home-mobile-metric-bar {
    height: 100%;
    width: 0;
    border-radius: 4px;
  }
  .home-mobile-metric-val {
    color: rgba(255,255,255,0.7);
    font-size: 10px;
    width: 52px;
    text-align: right;
    flex-shrink: 0;
  }
}

/* ── M47b home banner inner margin ── */
.page-banner.home-banner > .banner-inner.container { margin-top: 50px; }

/* ══════════════════════════════════════════════════════
   M48 — Hero cards: siti-web + negozi-online
   ══════════════════════════════════════════════════════ */

/* ── Shared wrapper (absolute, right side, same as laptop) ── */
.sw-hero-wrap,
.ec-hero-wrap {
  position: absolute;
  right: 0;
  top: 215px;
  max-width: 52%;
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 48px 0 0;
  opacity: 0;
  animation: heroCardIn 0.8s cubic-bezier(.4,0,.2,1) 0.5s forwards;
}
@keyframes heroCardIn {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: translateX(0); }
}
@media (max-width: 1024px) {
  .sw-hero-wrap, .ec-hero-wrap { display: none !important; }
}
@media (max-width: 1400px) {
  .sw-hero-wrap, .ec-hero-wrap { max-width: 54%; }
}

/* ── Hide old banner-object images on these pages ── */
.page-banner.siti-web-hero .banner-object,
.page-banner.negozi-online-hero .banner-object { display: none !important; }

/* ══ CARD BASE ══════════════════════════════════════════ */
.sw-card, .ec-card {
  width: 460px;
  background: #0d0b14;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 28px 56px rgba(0,0,0,.55);
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* ── Browser bar ── */
.sw-browser, .ec-browser {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  background: #1a1726;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.sw-dot, .ec-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.sw-url, .ec-url {
  flex: 1;
  font-size: 10px;
  color: rgba(255,255,255,0.35);
  margin-left: 6px;
}
.ec-live {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #4ade80;
  font-size: 10px;
  font-weight: 700;
}

/* ══ SITI WEB CARD ══════════════════════════════════════ */
.sw-body { padding: 14px 16px; display: flex; flex-direction: column; gap: 12px; }

.sw-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sw-head-title {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
.sw-head-badge {
  background: rgba(242,194,0,0.15);
  color: #f2c200;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  border: 1px solid rgba(242,194,0,0.3);
}

.sw-steps { display: flex; flex-direction: column; gap: 9px; }
.sw-step {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sw-step-icon {
  width: 18px; height: 18px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px;
  font-weight: 700;
  flex-shrink: 0;
}
.sw-step--done .sw-step-icon   { background: #4ade80; color: #0d0b14; }
.sw-step--active .sw-step-icon { background: rgba(96,165,250,0.2); color: #60a5fa; }
.sw-step--pending .sw-step-icon { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.3); }

.sw-step-label {
  flex: 1;
  font-size: 11px;
  color: rgba(255,255,255,0.75);
}
.sw-step--pending .sw-step-label { color: rgba(255,255,255,0.3); }

.sw-step-bar-wrap {
  width: 80px;
  background: rgba(255,255,255,0.08);
  border-radius: 4px;
  height: 5px;
  overflow: hidden;
  flex-shrink: 0;
}
.sw-step-bar { height: 100%; width: 0; border-radius: 4px; }

.sw-step-pct {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  width: 30px;
  text-align: right;
  flex-shrink: 0;
}
.sw-step--done .sw-step-pct { color: #4ade80; }
.sw-step--active .sw-step-pct { color: #60a5fa; }

.sw-footer {
  display: flex;
  gap: 8px;
  padding-top: 4px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.sw-tag {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  background: rgba(255,255,255,0.05);
  padding: 4px 10px;
  border-radius: 20px;
}

/* spin animation for active step icon */
@keyframes swSpin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
.sw-step-icon--spin { display: inline-block; animation: swSpin 1.5s linear infinite; }

/* pulse for pending step */
@keyframes swPulse {
  0%,100% { opacity: 0.3; }
  50%      { opacity: 1; }
}
.sw-step-icon--pulse { animation: swPulse 1.5s ease-in-out infinite; }

/* ══ E-COMMERCE CARD ════════════════════════════════════ */
.ec-body { padding: 14px 16px; display: flex; flex-direction: column; gap: 12px; }

.ec-revenue {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 10px 14px;
  background: rgba(74,222,128,0.08);
  border-radius: 10px;
  border: 1px solid rgba(74,222,128,0.15);
}
.ec-revenue-label {
  color: rgba(255,255,255,0.5);
  font-size: 11px;
}
.ec-revenue-val {
  color: #4ade80;
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
  flex: 1;
}
.ec-revenue-delta {
  color: #4ade80;
  font-size: 11px;
  font-weight: 600;
}

.ec-orders-label {
  color: rgba(255,255,255,0.4);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.ec-orders { display: flex; flex-direction: column; gap: 6px; }
.ec-order {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: rgba(255,255,255,0.04);
  border-radius: 8px;
  border-left: 2px solid #4ade80;
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.ec-order.visible { opacity: 1; transform: translateX(0); }
.ec-order-icon { font-size: 14px; }
.ec-order-name { flex: 1; font-size: 11px; color: rgba(255,255,255,0.75); }
.ec-order-val { color: #4ade80; font-size: 12px; font-weight: 700; }

.ec-stats {
  display: flex;
  gap: 8px;
}
.ec-stat {
  flex: 1;
  background: rgba(255,255,255,0.04);
  border-radius: 8px;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.ec-stat-val { color: #fff; font-size: 16px; font-weight: 700; }
.ec-stat-label { color: rgba(255,255,255,0.4); font-size: 9px; text-transform: uppercase; }

.ec-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 4px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.ec-footer-tag { font-size: 10px; color: rgba(255,255,255,0.4); }
.ec-stars { color: #f2c200; font-size: 12px; }

/* ── M48b — scale up + EC card rectangular layout ── */

/* Scale up siti-web card */
.sw-card { width: 560px; }

/* EC card wider + 2-column body layout */
.ec-card { width: 600px; }

.ec-body {
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "revenue  revenue"
    "label    stats"
    "orders   stats"
    "footer   footer";
  gap: 10px 14px;
}
.ec-revenue     { grid-area: revenue; }
.ec-orders-label{ grid-area: label; align-self: end; }
.ec-orders      { grid-area: orders; gap: 5px; }
.ec-footer      { grid-area: footer; margin-top: 2px; }

/* Stats column — vertical in right column */
.ec-stats {
  grid-area: stats;
  flex-direction: column;
  gap: 6px;
  align-self: start;
}
.ec-stat { padding: 10px 12px; }
.ec-stat-val { font-size: 20px; }

/* Wider wrappers to fit bigger cards */
.sw-hero-wrap,
.ec-hero-wrap { max-width: 56%; }
@media (max-width: 1400px) {
  .sw-hero-wrap, .ec-hero-wrap { max-width: 58%; }
}

/* ── M48c ─ sw-card same width as ec-card ── */
.sw-card { width: 600px; }
/* ── M48c end ── */

/* ── M48d ─ sw-card match ec-card height ── */
.sw-card { min-height: 400px; display: flex; flex-direction: column; }
.sw-body { flex: 1; display: flex; flex-direction: column; }
.sw-steps { flex: 1; display: flex; flex-direction: column; justify-content: space-evenly; }
.sw-step { padding: 10px 0; }
/* ── M48d end ── */

/* ── M48e ─ sw-card KPI row + fix steps spacing ── */
.sw-steps { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; gap: 6px; }
.sw-kpi-row { display: flex; justify-content: space-between; gap: 8px; margin: 10px 0 4px; padding: 10px 14px; background: rgba(255,255,255,0.04); border-radius: 10px; border: 1px solid rgba(255,255,255,0.07); }
.sw-kpi { display: flex; flex-direction: column; align-items: center; flex: 1; }
.sw-kpi-val { font-size: 20px; font-weight: 700; color: #f2c200; line-height: 1.1; }
.sw-kpi-label { font-size: 10px; color: rgba(255,255,255,0.45); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 3px; }
/* ── M48e end ── */

/* ── M48f ─ UI/UX fixes: kpi-title, ec unified visual ── */
/* SW: KPI section label */
.sw-kpi-title {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: rgba(255,255,255,0.3);
  margin-bottom: 4px;
  padding: 0 2px;
}
/* EC: unify order color with yellow (orders = in-flight, green reserved for revenue) */
.ec-order { border-left: 2px solid #f2c200; }
.ec-order-val { color: #f2c200; }
/* EC: give ec-stat same border-left rhythm as orders */
.ec-stat { border-left: 2px solid rgba(255,255,255,0.12); }
/* ── M48f end ── */

/* ── M49 ─ SW card redesign: business-language results ── */
/* LIVE badge in browser bar */
.sw-browser { justify-content: flex-start; }
.sw-live { margin-left: auto; display: flex; align-items: center; gap: 5px; font-size: 10px; color: #4ade80; font-weight: 700; letter-spacing: 0.5px; }
/* Google rank block */
.sw-google-rank {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 14px; margin-bottom: 10px;
  background: rgba(242,194,0,0.08);
  border-radius: 10px; border: 1px solid rgba(242,194,0,0.2);
}
.sw-rank-medal { font-size: 26px; line-height: 1; }
.sw-rank-text { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.sw-rank-pos { font-size: 17px; font-weight: 800; color: #f2c200; }
.sw-rank-kw { font-size: 10px; color: rgba(255,255,255,0.45); }
.sw-rank-badge { background: #f2c200; color: #0d0b14; font-size: 10px; font-weight: 800; padding: 4px 10px; border-radius: 20px; white-space: nowrap; }
/* Results row */
.sw-results-row { display: flex; gap: 8px; margin-bottom: 10px; }
.sw-result {
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 12px 8px;
  background: rgba(255,255,255,0.04);
  border-radius: 10px; border: 1px solid rgba(255,255,255,0.07);
}
.sw-result-icon { font-size: 16px; }
.sw-result-val { font-size: 24px; font-weight: 800; color: #fff; line-height: 1.1; }
.sw-result-label { font-size: 9px; color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: 0.5px; }
/* Reviews */
.sw-reviews {
  display: flex; align-items: center; gap: 7px;
  padding: 10px 14px; margin-bottom: 10px;
  background: rgba(255,255,255,0.03);
  border-radius: 8px; border: 1px solid rgba(255,255,255,0.06);
}
.sw-reviews-stars { color: #f2c200; font-size: 15px; letter-spacing: 1px; }
.sw-reviews-score { font-size: 17px; font-weight: 800; color: #fff; }
.sw-reviews-count { font-size: 11px; color: rgba(255,255,255,0.5); }
/* fix sw-card height to match ec-card */
.sw-card { min-height: 0; }
/* ── M49 end ── */

/* ── M49b ─ SW card tweaks: no icons, prima pagina, 4col, 2 footer badges ── */
/* remove medal gap, rank block left-aligned */
.sw-google-rank { gap: 0; }
.sw-rank-medal { display: none; }
.sw-rank-pos { font-size: 15px; }
/* 4-column results: tighter padding */
.sw-result { padding: 10px 6px; }
.sw-result-val { font-size: 20px; }
.sw-result-label { font-size: 8.5px; }
/* footer 2 badges */
.sw-tag--brand { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.12); color: rgba(255,255,255,0.6); }
/* ── M49b end ── */

/* ── M49c ─ siti-web: align H1 with card top (no bigletter) ── */
.page-banner.siti-web-hero > .banner-inner.container { margin-top: 35px; }
/* ── M49c end ── */

/* ── M49e ─ siti-web: reduce min-height (no bigletter) ── */
.page-banner.siti-web-hero { min-height: 640px; }
/* ── M49e end ── */

/* ── M50 ─ negozi-online: align H1 + reduce min-height (no bigletter) ── */
.page-banner.negozi-online-hero > .banner-inner.container { margin-top: 35px; }
.page-banner.negozi-online-hero { min-height: 640px; }
/* ── M50 end ── */

/* ── M51 ── mobile/tablet: simplified hero cards (≤1024px) ── */
@media (max-width: 1024px) {
  /* override display:none, flow into document below text */
  .sw-hero-wrap,
  .ec-hero-wrap {
    display: block !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: calc(100% - 32px) !important;
    max-width: 520px;
    margin: 24px auto 0 !important;
    animation: none !important;
  }
  /* banner becomes flex-column, height auto */
  .page-banner.siti-web-hero,
  .page-banner.negozi-online-hero {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 40px;
  }
  /* reset desktop H1 alignment offset */
  .page-banner.siti-web-hero > .banner-inner.container,
  .page-banner.negozi-online-hero > .banner-inner.container {
    margin-top: 0 !important;
  }
}
/* phone: tighten card internals */
@media (max-width: 500px) {
  .sw-result { padding: 8px 4px; }
  .sw-result-val { font-size: 17px; }
  .sw-result-label { font-size: 8px; }
  .sw-rank-pos { font-size: 13px; }
  .sw-rank-kw { font-size: 9px; }
  .sw-reviews-score { font-size: 15px; }
  .ec-revenue-val { font-size: 28px; }
  .ec-stat-val { font-size: 20px; }
}
/* ── M51 end ── */

/* ── M51b ── mobile: reset animation opacity/transform on cards ── */
@media (max-width: 1024px) {
  .sw-hero-wrap,
  .ec-hero-wrap {
    opacity: 1 !important;
    transform: none !important;
  }
}
/* ── M51b end ── */

/* ── M51c ── mobile: fix card inner widths + ec-body single-column ── */
@media (max-width: 1024px) {
  .sw-card,
  .ec-card {
    width: 100% !important;
    min-width: 0 !important;
  }
  /* ec-body: two-column grid → single column stack */
  .ec-body {
    grid-template-columns: 1fr !important;
  }
  .ec-stat {
    width: 100% !important;
    border-left: none !important;
    border-top: 1px solid rgba(255,255,255,0.07);
    padding-top: 8px;
  }
  .ec-orders {
    width: 100% !important;
  }
  /* ec-stats row: 3 items in a row on mobile */
  .ec-stat {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around;
    gap: 8px;
    padding: 10px 0 4px;
  }
  .ec-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
  }
}
/* ── M51c end ── */

/* ── M51d ── fix ec-body grid + ec-stats layout (M51c correction) ── */
@media (max-width: 1024px) {
  /* body: single-column, stacks label→orders→stats vertically */
  .ec-body {
    grid-template-columns: 1fr !important;
  }
  .ec-orders-label,
  .ec-orders,
  .ec-stats {
    width: 100% !important;
  }
  /* stats container: 3 items in a horizontal row */
  .ec-stats {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around;
    border-left: none !important;
    border-top: 1px solid rgba(255,255,255,0.07);
    padding-top: 10px;
  }
  /* individual stat: column layout */
  .ec-stat {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    flex: 1;
  }
}
/* ── M51d end ── */

/* ── M51e ── mobile: hide footer tags + simplify EC card ── */
@media (max-width: 1024px) {
  /* SW: hide footer tags row */
  .sw-footer { display: none !important; }

  /* EC: hide orders list + footer */
  .ec-orders-label,
  .ec-orders,
  .ec-footer { display: none !important; }

  /* EC: stats full width, horizontal row */
  .ec-body {
    grid-template-columns: 1fr !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .ec-revenue { width: 100% !important; }
  .ec-stats {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
    width: 100% !important;
    padding: 12px 0 4px !important;
    border-left: none !important;
    border-top: 1px solid rgba(255,255,255,0.1);
    gap: 0 !important;
  }
  .ec-stat {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 1 !important;
  }
}
/* ── M51e end ── */

/* ── M51f ── mobile: card between H1 and buttons via flex order ── */
@media (max-width: 1024px) {
  .page-banner.siti-web-hero,
  .page-banner.negozi-online-hero {
    display: flex !important;
    flex-direction: column !important;
  }
  /* 1. H1 block */
  .page-banner.siti-web-hero .banner-inner,
  .page-banner.negozi-online-hero .banner-inner { order: 1; }

  /* 2. Card — wider, between H1 and buttons */
  .page-banner.siti-web-hero .sw-hero-wrap,
  .page-banner.negozi-online-hero .ec-hero-wrap {
    order: 2;
    width: calc(100% - 16px) !important;
    max-width: none !important;
    margin: 20px 8px !important;
  }

  /* 3. Buttons */
  .page-banner.siti-web-hero .info-buttons-wrapper,
  .page-banner.negozi-online-hero .info-buttons-wrapper { order: 3; }

  /* decorative lines — push to end */
  .page-banner.siti-web-hero .lines,
  .page-banner.negozi-online-hero .lines { order: 9; }

  .page-banner.siti-web-hero .banner-object,
  .page-banner.negozi-online-hero .banner-object { order: 0; display: none !important; }
}
/* ── M51f end ── */

/* ── M51g ── mobile: wider cards + push content below nav ── */
@media (max-width: 1024px) {
  /* push banner below fixed nav (~80px on mobile) */
  .page-banner.siti-web-hero,
  .page-banner.negozi-online-hero {
    padding-top: 90px !important;
  }
  /* cards: full width */
  .page-banner.siti-web-hero .sw-hero-wrap,
  .page-banner.negozi-online-hero .ec-hero-wrap {
    width: 100% !important;
    margin: 16px 0 20px !important;
  }
}
/* ── M51g end ── */

/* ── M51h ── mobile: match homepage top spacing + center cards ── */
@media (max-width: 1024px) {
  /* match homepage: no banner padding-top, offset via inner margin */
  .page-banner.siti-web-hero,
  .page-banner.negozi-online-hero {
    padding-top: 0 !important;
  }
  .page-banner.siti-web-hero > .banner-inner.container,
  .page-banner.negozi-online-hero > .banner-inner.container {
    margin-top: 75px !important;
  }
  /* center cards within banner flex container */
  .page-banner.siti-web-hero .sw-hero-wrap,
  .page-banner.negozi-online-hero .ec-hero-wrap {
    align-self: center;
    width: calc(100% - 30px) !important;
    margin: 16px auto 20px !important;
  }
}
/* ── M51h end ── */

/* ── M51i ── mobile: fix vertical centering + lines + card alignment ── */
@media (max-width: 1024px) {
  /* override justify-content:center from the 1400px generic rule */
  .page-banner.siti-web-hero,
  .page-banner.negozi-online-hero {
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding-bottom: 0 !important;
  }
  /* hide decorative grid lines that add invisible height */
  .page-banner.siti-web-hero .lines,
  .page-banner.negozi-online-hero .lines {
    display: none !important;
  }
  /* center card horizontally */
  .page-banner.siti-web-hero .sw-hero-wrap,
  .page-banner.negozi-online-hero .ec-hero-wrap {
    align-self: center !important;
    width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}
/* ── M51i end ── */

/* ── M52 ── desktop ec-stat: val + label в одну строку ── */
.ec-stat {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
/* ── M52 end ── */


/* ══════════════════════════════════════════════════════════════
   M53 — manutenzione-hero: WP card (Pannello Sicurezza)
   ══════════════════════════════════════════════════════════════ */

/* Hide old banner image */
.page-banner.manutenzione-hero .banner-object { display: none !important; }
.page-banner.manutenzione-hero { min-height: 640px; }
/* align H1 to top like sw/ec pages */
.page-banner.manutenzione-hero > .banner-inner.container { margin-top: 35px; }
@media (max-width: 1400px) { .page-banner.manutenzione-hero { min-height: 600px; } }

/* Wrapper: same absolute pattern as sw/ec */
.wp-hero-wrap {
  position: absolute;
  top: 35%;
  right: 4%;
  transform: translateY(-50%) translateX(40px);
  opacity: 0;
  animation: heroCardIn 0.8s cubic-bezier(.4,0,.2,1) 0.5s forwards;
  max-width: 52%;
}
@media (max-width: 1400px) { .wp-hero-wrap { max-width: 54%; } }
@media (max-width: 1024px) { .wp-hero-wrap { display: none !important; } }

/* Card shell */
.wp-card {
  width: 600px;
  background: #0d0b14;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 28px 56px rgba(0,0,0,.55);
  display: flex;
  flex-direction: column;
}

/* ── Browser bar ── */
.wp-browser {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  background: #1a1726;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.wp-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.wp-url { font-size: 11px; color: rgba(255,255,255,0.45); margin-left: 6px; flex: 1; }
.wp-live { font-size: 10px; color: #28c840; font-weight: 600; letter-spacing: .05em; }

/* ── Alert row (red) ── */
.wp-alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 14px;
  background: rgba(220,38,38,0.12);
  border-bottom: 1px solid rgba(220,38,38,0.25);
}
.wp-alert-dot {
  display: inline-block;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #ef4444;
  margin-right: 6px;
  animation: pulse-red 1.5s infinite;
}
@keyframes pulse-red {
  0%,100% { opacity: 1; }
  50%      { opacity: 0.4; }
}
.wp-alert-label { font-size: 12px; color: #fca5a5; font-weight: 500; }
.wp-alert-date  { color: rgba(255,255,255,0.4); font-size: 11px; margin-left: 4px; }
.wp-alert-ok    { font-size: 12px; color: #4ade80; font-weight: 600; }

/* ── Status block ── */
.wp-status-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px 4px;
}
.wp-status-main { display: flex; align-items: center; gap: 6px; }
.wp-shield       { font-size: 16px; }
.wp-status-text  { font-size: 14px; color: #fff; font-weight: 600; }
.wp-uptime       { font-size: 12px; color: #4ade80; font-weight: 600; }
.wp-status-sub   {
  font-size: 10px;
  color: rgba(255,255,255,0.35);
  padding: 0 14px 10px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* ── Task list ── */
.wp-tasks { padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
.wp-task {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.wp-task:last-child { border-bottom: none; }
.wp-task-icon  { font-size: 13px; width: 18px; text-align: center; }
.wp-task-label { font-size: 12px; color: rgba(255,255,255,0.7); flex: 1; }
.wp-task-done  { font-size: 11px; color: #4ade80; font-weight: 600; }

/* ── Stats footer ── */
.wp-stats {
  display: flex;
  padding: 10px 8px;
}
.wp-stat {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-left: 1px solid rgba(255,255,255,0.07);
  padding: 4px 8px;
}
.wp-stat:first-child { border-left: none; }
.wp-stat-val   { color: #fff; font-size: 13px; font-weight: 700; }
.wp-stat-label { color: rgba(255,255,255,0.35); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }

/* ── M53 end ── */

/* ── M54 ── manutenzione-hero: banner on mobile ── */
@media (max-width: 1024px) {
  .page-banner.manutenzione-hero {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
  }
}
/* ── M54 end ── */

/* ── M56 ── NeuroPitch hero card desktop ── */
.page-banner.neuropitch-hero .banner-object { display: none !important; }
.page-banner.neuropitch-hero { min-height: 640px; }
@media (max-width: 1400px) { .page-banner.neuropitch-hero { min-height: 600px; } }
.page-banner.neuropitch-hero > .banner-inner.container { margin-top: 35px; }

.np-hero-wrap {
  position: absolute; top: 35%; right: 4%;
  transform: translateY(-50%) translateX(40px);
  opacity: 0;
  animation: heroCardIn 0.8s cubic-bezier(.4,0,.2,1) 0.5s forwards;
  max-width: 52%;
}
@media (max-width: 1400px) { .np-hero-wrap { max-width: 54%; } }
@media (max-width: 1024px) { .np-hero-wrap { display: none !important; } }

.np-card {
  width: 600px; background: #0d0b14; border-radius: 14px; overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 28px 56px rgba(0,0,0,.55);
  display: flex; flex-direction: column;
}
.np-browser {
  display: flex; align-items: center; gap: 6px;
  padding: 9px 12px; background: #1a1726;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.np-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.np-url { font-size: 11px; color: rgba(255,255,255,0.45); margin-left: 6px; flex: 1; }
.np-live { font-size: 10px; color: #28c840; font-weight: 600; letter-spacing: .05em; }

.np-score-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.06);
}
.np-visitor { display: flex; align-items: center; gap: 8px; }
.np-visitor-icon { font-size: 15px; }
.np-visitor-label { font-size: 12px; color: rgba(255,255,255,0.5); }
.np-score-badge { display: flex; align-items: center; gap: 6px; }
.np-score-num { font-size: 20px; font-weight: 800; color: #fff; }
.np-score-max { font-size: 11px; color: rgba(255,255,255,0.35); }
.np-intent-badge {
  font-size: 11px; font-weight: 700; letter-spacing: .06em;
  color: #f5c518; background: rgba(245,197,24,0.12);
  border: 1px solid rgba(245,197,24,0.3); border-radius: 20px; padding: 2px 8px;
}
.np-signals { padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
.np-signal { display: flex; align-items: center; gap: 8px; padding: 5px 14px; }
.np-signal-icon { font-size: 12px; width: 16px; text-align: center; }
.np-signal-label { font-size: 11px; color: rgba(255,255,255,0.6); flex: 1; }
.np-signal-bar-wrap { width: 90px; height: 4px; background: rgba(255,255,255,0.08); border-radius: 2px; }
.np-signal-bar { height: 4px; border-radius: 2px; background: #8b5cf6; }
.np-signal-bar.hot { background: #f5c518; }
.np-signal-val { font-size: 10px; color: rgba(255,255,255,0.4); width: 28px; text-align: right; }

.np-trigger {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 14px;
  background: rgba(245,197,24,0.08); border-bottom: 1px solid rgba(245,197,24,0.15);
}
.np-trigger-left { display: flex; align-items: center; gap: 6px; }
.np-trigger-dot {
  width: 7px; height: 7px; border-radius: 50%; background: #f5c518;
  display: inline-block; animation: pulse-yellow 1.5s infinite;
}
@keyframes pulse-yellow { 0%,100%{opacity:1} 50%{opacity:0.4} }
.np-trigger-label { font-size: 12px; color: #fde68a; font-weight: 500; }
.np-trigger-ok { font-size: 12px; color: #4ade80; font-weight: 600; }

.np-meter { padding: 10px 14px 12px; }
.np-meter-label { font-size: 9px; color: rgba(255,255,255,0.3); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 6px; }
.np-meter-bar-wrap {
  height: 6px; border-radius: 3px; position: relative; margin-bottom: 6px;
  background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 45%, #f5c518 75%, #ef4444 100%);
}
.np-meter-cursor {
  position: absolute; top: -3px; left: 80%; transform: translateX(-50%);
  width: 12px; height: 12px; border-radius: 50%;
  background: #fff; border: 2px solid #f5c518;
  box-shadow: 0 0 6px rgba(245,197,24,0.6);
}
.np-meter-labels { display: flex; justify-content: space-between; }
.np-meter-labels span { font-size: 9px; color: rgba(255,255,255,0.35); }

.np-live-dot {
  display: inline-block; width: 7px; height: 7px; border-radius: 50%;
  background: #28c840; margin-right: 5px;
  animation: pulse-green 1.5s infinite;
}
@keyframes pulse-green { 0%,100%{opacity:1} 50%{opacity:0.35} }

.np-signal-tag {
  font-size: 9px; font-weight: 700; letter-spacing: .04em;
  padding: 1px 6px; border-radius: 3px; white-space: nowrap;
}
.np-tag-p  { color: #a78bfa; background: rgba(167,139,250,0.15); }
.np-tag-t  { color: #60a5fa; background: rgba(96,165,250,0.15); }
.np-tag-e  { color: #f5c518; background: rgba(245,197,24,0.15); }
.np-tag-c  { color: #f5c518; background: rgba(245,197,24,0.15); }
/* ── M56 end ── */

/* ── M57 ── Marketing hero card desktop ── */
.page-banner.marketing-hero .banner-object { display: none !important; }
.page-banner.marketing-hero { min-height: 640px; }
@media (max-width: 1400px) { .page-banner.marketing-hero { min-height: 600px; } }
.page-banner.marketing-hero > .banner-inner.container { margin-top: 35px; }

.mkt-hero-wrap {
  position: absolute; top: 35%; right: 4%;
  transform: translateY(-50%) translateX(40px);
  opacity: 0;
  animation: heroCardIn 0.8s cubic-bezier(.4,0,.2,1) 0.5s forwards;
  max-width: 52%;
}
@media (max-width: 1400px) { .mkt-hero-wrap { max-width: 54%; } }
@media (max-width: 1024px) { .mkt-hero-wrap { display: none !important; } }

.mkt-card {
  width: 600px; background: #0d0b14; border-radius: 14px; overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 28px 56px rgba(0,0,0,.55);
  display: flex; flex-direction: column;
}
.mkt-browser {
  display: flex; align-items: center; gap: 6px;
  padding: 9px 12px; background: #1a1726;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.mkt-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.mkt-url { font-size: 11px; color: rgba(255,255,255,0.45); margin-left: 6px; flex: 1; }
.mkt-live-dot {
  display: inline-block; width: 7px; height: 7px; border-radius: 50%;
  background: #4ade80; margin-right: 5px;
  animation: pulse-green 1.5s infinite;
}
.mkt-live { font-size: 10px; color: #4ade80; font-weight: 600; letter-spacing: .05em; }

.mkt-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.06);
}
.mkt-platform { display: flex; align-items: center; gap: 8px; }
.mkt-platform-icon { font-size: 14px; }
.mkt-platform-name { font-size: 13px; color: #fff; font-weight: 600; }
.mkt-period { font-size: 11px; color: rgba(255,255,255,0.35); }

.mkt-rows { padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
.mkt-row {
  display: flex; align-items: center; gap: 8px;
  padding: 7px 14px; border-bottom: 1px solid rgba(255,255,255,0.04);
}
.mkt-row:last-child { border-bottom: none; }
.mkt-row-icon { font-size: 12px; width: 18px; text-align: center; }
.mkt-row-label { font-size: 12px; color: rgba(255,255,255,0.5); flex: 1; }
.mkt-row-val { font-size: 13px; color: #fff; font-weight: 700; }
.mkt-row-delta {
  font-size: 11px; font-weight: 600; padding: 1px 6px;
  border-radius: 10px; margin-left: 4px;
}
.mkt-delta-up   { color: #4ade80; background: rgba(74,222,128,0.12); }
.mkt-delta-down { color: #4ade80; background: rgba(74,222,128,0.12); }

.mkt-roas-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 14px;
  background: rgba(74,222,128,0.07);
  border-bottom: 1px solid rgba(74,222,128,0.15);
}
.mkt-roas-label { font-size: 12px; color: rgba(255,255,255,0.5); }
.mkt-roas-val { font-size: 18px; font-weight: 800; color: #4ade80; }
.mkt-roas-tag {
  font-size: 10px; color: #4ade80; background: rgba(74,222,128,0.12);
  border: 1px solid rgba(74,222,128,0.3); border-radius: 20px; padding: 2px 8px;
}

.mkt-channels {
  display: flex; align-items: center; gap: 6px;
  padding: 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.06);
  flex-wrap: wrap;
}
.mkt-channel {
  display: flex; align-items: center; gap: 4px;
  font-size: 11px; color: rgba(255,255,255,0.55);
}
.mkt-ch-dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; }

.mkt-stats { display: flex; padding: 10px 8px; }
.mkt-stat {
  flex: 1; display: flex; flex-direction: row; align-items: center;
  justify-content: center; gap: 4px;
  border-left: 1px solid rgba(255,255,255,0.07); padding: 4px 8px;
}
.mkt-stat:first-child { border-left: none; }
.mkt-stat-val { color: #fff; font-size: 13px; font-weight: 700; }
.mkt-stat-label { color: rgba(255,255,255,0.35); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
/* ── M57 end ── */

/* ── M58 ── SEO hero card desktop ── */
.page-banner.seo-hero .banner-object { display: none !important; }
.page-banner.seo-hero { min-height: 640px; }
@media (max-width: 1400px) { .page-banner.seo-hero { min-height: 600px; } }
.page-banner.seo-hero > .banner-inner.container { margin-top: 35px; }

.seo-hero-wrap {
  position: absolute; top: 35%; right: 4%;
  transform: translateY(-50%) translateX(40px);
  opacity: 0;
  animation: heroCardIn 0.8s cubic-bezier(.4,0,.2,1) 0.5s forwards;
  max-width: 52%;
}
@media (max-width: 1400px) { .seo-hero-wrap { max-width: 54%; } }
@media (max-width: 1024px) { .seo-hero-wrap { display: none !important; } }

.seo-card {
  width: 600px; background: #0d0b14; border-radius: 14px; overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 28px 56px rgba(0,0,0,.55);
  display: flex; flex-direction: column;
}
.seo-browser {
  display: flex; align-items: center; gap: 6px;
  padding: 9px 12px; background: #1a1726;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.seo-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.seo-url { font-size: 11px; color: rgba(255,255,255,0.45); margin-left: 6px; flex: 1; }
.seo-live-dot {
  display: inline-block; width: 7px; height: 7px; border-radius: 50%;
  background: #4ade80; margin-right: 5px;
  animation: pulse-green 1.5s infinite;
}
.seo-live { font-size: 10px; color: #4ade80; font-weight: 600; letter-spacing: .05em; }

.seo-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.06);
}
.seo-header-left { display: flex; align-items: center; gap: 8px; }
.seo-header-icon { font-size: 14px; }
.seo-header-title { font-size: 13px; color: #fff; font-weight: 600; }
.seo-header-period { font-size: 11px; color: rgba(255,255,255,0.35); }

.seo-rankings { padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
.seo-rank-row {
  display: flex; align-items: center; gap: 8px;
  padding: 7px 14px; border-bottom: 1px solid rgba(255,255,255,0.04);
}
.seo-rank-row:last-child { border-bottom: none; }
.seo-rank-pos {
  font-size: 13px; font-weight: 800; color: #fff;
  width: 24px; text-align: center;
}
.seo-rank-pos.gold   { color: #facc15; }
.seo-rank-pos.silver { color: #94a3b8; }
.seo-rank-pos.green  { color: #4ade80; }
.seo-rank-kw { font-size: 11px; color: rgba(255,255,255,0.65); flex: 1; font-style: italic; }
.seo-rank-delta {
  font-size: 11px; font-weight: 600; padding: 1px 7px; border-radius: 10px;
  color: #4ade80; background: rgba(74,222,128,0.12);
}

.seo-traffic-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 14px;
  background: rgba(74,222,128,0.07);
  border-bottom: 1px solid rgba(74,222,128,0.15);
}
.seo-traffic-label { font-size: 12px; color: rgba(255,255,255,0.5); }
.seo-traffic-val { font-size: 16px; font-weight: 800; color: #4ade80; }
.seo-traffic-tag {
  font-size: 10px; color: #4ade80; background: rgba(74,222,128,0.12);
  border: 1px solid rgba(74,222,128,0.3); border-radius: 20px; padding: 2px 8px;
}

.seo-stats { display: flex; padding: 10px 8px; }
.seo-stat {
  flex: 1; display: flex; flex-direction: row; align-items: center;
  justify-content: center; gap: 4px;
  border-left: 1px solid rgba(255,255,255,0.07); padding: 4px 8px;
}
.seo-stat:first-child { border-left: none; }
.seo-stat-val { color: #fff; font-size: 13px; font-weight: 700; }
.seo-stat-label { color: rgba(255,255,255,0.35); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
/* ── M58 end ── */

/* ── M59 ── Preventivo hero card desktop ── */
.page-banner.preventivo-hero .banner-object { display: none !important; }
.page-banner.preventivo-hero { min-height: 640px; }
.page-banner.preventivo-hero > .banner-inner.container { margin-top: 35px; }

.prev-hero-wrap {
  position: absolute; top: 35%; right: 4%;
  transform: translateY(-50%) translateX(40px);
  opacity: 0;
  animation: heroCardIn 0.8s cubic-bezier(.4,0,.2,1) 0.5s forwards;
  max-width: 52%;
}
@media (max-width: 1024px) {
  .prev-hero-wrap { display: none !important; }
  .page-banner.preventivo-hero { min-height: 0; overflow-x: hidden; }
  .page-banner.preventivo-hero > .banner-inner.container {
    margin-top: 0 !important;
    max-width: 100%;
    overflow-x: hidden;
  }
  .page-banner.preventivo-hero .banner-caption {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  /* hide decorative lines — they overflow 390px viewport */
  .page-preventivo .l-horizontal,
  .page-preventivo .l-header,
  .page-preventivo .lines { display: none !important; }
  /* clip any remaining horizontal overflow */
  body.page-preventivo { overflow-x: hidden; }
}
/* ── Mobile banner buttons: fix 180px !important override ── */
@media (max-width: 640px) {
  .page-banner .info-buttons-wrapper .popart-btn {
    width: 100% !important;
    display: block;
    margin: 0 0 8px 0 !important;
  }
}
/* ── M59g: fix container overflow on preventivo at mobile ── */
@media (max-width: 767px) {
  .page-preventivo .container {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.prev-card {
  width: 600px;
  background: #0d0b14;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.07);
  font-family: 'Poppins', sans-serif;
}

/* Header */
.prev-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 13px 18px 11px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
}
.prev-live { display: flex; align-items: center; gap: 6px; }
.prev-live-dot {
  display: inline-block; width: 7px; height: 7px;
  border-radius: 50%; background: #28c840;
  animation: pulse-green 1.5s infinite;
}
.prev-live-label { font-size: 10px; font-weight: 700; color: rgba(255,255,255,0.5); letter-spacing: .08em; text-transform: uppercase; }
.prev-title { font-size: 12px; font-weight: 700; color: #fff; letter-spacing: .05em; text-transform: uppercase; }
.prev-badge-free {
  font-size: 9px; font-weight: 800; padding: 2px 8px; border-radius: 20px;
  color: #4ade80; background: rgba(74,222,128,0.15);
  border: 1px solid rgba(74,222,128,0.3); letter-spacing: .06em; text-transform: uppercase;
}

/* Price table */
.prev-table { padding: 6px 0; }
.prev-row {
  display: flex; align-items: center;
  padding: 9px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.prev-row:last-child { border-bottom: none; }
.prev-row.highlight { background: rgba(74,222,128,0.06); border-bottom: 1px solid rgba(74,222,128,0.12); }
.prev-row-icon { font-size: 14px; width: 24px; flex-shrink: 0; }
.prev-row-name { flex: 1; font-size: 12px; color: rgba(255,255,255,0.8); padding: 0 10px; }
.prev-row-cta {
  font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.35);
  white-space: nowrap; letter-spacing: .03em;
}
.prev-row.highlight .prev-row-cta { color: #4ade80; }

/* Stats strip */
.prev-stats {
  display: flex; padding: 12px 8px;
  border-top: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
}
.prev-stat {
  flex: 1; display: flex; flex-direction: column; align-items: center;
  border-left: 1px solid rgba(255,255,255,0.07);
  padding: 4px 8px;
}
.prev-stat:first-child { border-left: none; }
.prev-stat-val { font-size: 15px; font-weight: 800; color: #fff; }
.prev-stat-label { font-size: 8px; color: rgba(255,255,255,0.35); text-transform: uppercase; letter-spacing: .06em; margin-top: 2px; text-align: center; }

/* Footer strip */
.prev-footer {
  display: flex; align-items: center; justify-content: center; gap: 18px;
  padding: 9px 18px;
  background: rgba(74,222,128,0.06);
  border-top: 1px solid rgba(74,222,128,0.15);
}
.prev-footer-tag {
  font-size: 9px; font-weight: 700; color: #4ade80;
  text-transform: uppercase; letter-spacing: .08em;
  display: flex; align-items: center; gap: 4px;
}
.prev-footer-tag::before { content: '✓'; font-size: 10px; }
.prev-footer-sep { color: rgba(74,222,128,0.3); font-size: 12px; }
/* ── M59i: mobile first-screen — header padding + banner top ── */
@media (max-width: 767px) {
  /* Logo breathing room: push logo down from top edge */
  .page-preventivo .site-header > .container {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  /* Banner padding-top: mobile header ≈ logo(54px) + 2×12px padding = ~78px */
  .page-preventivo #banner.page-banner {
    padding-top: 80px !important;
  }
  /* Banner caption extra breathing room below header */
  .page-preventivo .banner-caption {
    padding-top: 16px;
  }
}
/* ── M59 end ── */

/* ════════════════════════════════════════════════════════════════════════════
   M60 ── Mobile H1 top-spacing fix: portfolio + sector pages
   Usa classi statiche (hide-header viene rimosso da JS al load)
   ════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .page-portfolio #banner .banner-caption,
  .local-sector-page #banner .banner-caption,
  .food-sector-page #banner .banner-caption,
  .ecommerce-sector-page #banner .banner-caption,
  .professionisti-sector-page #banner .banner-caption {
    padding-top: 60px !important;
  }
}
/* ── M60 end ── */

/* ════════════════════════════════════════════════════════════════════════════
   M61 ── Homepage case-studies: narrow card grid on desktop (−22%)
   ════════════════════════════════════════════════════════════════════════════ */
@media (min-width: 901px) {
  section.case-studies .case-grid {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* ── M61 end ── */