/*! Theme Name: Placon */@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,sectionheader{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:"Poppins",sans-serif}html{scroll-behavior:smooth}h2{font-size:2rem;margin-bottom:30px;margin-top:30px;color:#382e51;display:block;text-align:center;font-weight:600;font-family:"Ubuntu",sans-serif}h2::after{width:200px;height:4px;background:linear-gradient(90deg, #382e51, 50px, #44694e);display:block;content:"";margin:30px auto}.container{padding:0 20px}@media(min-width: 768px){.container{padding:0;width:740px;margin:0 auto}}@media(min-width: 1024px){.container{width:920px}}@media(min-width: 1220px){.container{width:1140px}}header{position:relative;padding:10px 0;z-index:2}header .logo{max-width:250px;display:block}header .logo img{max-width:100%;height:auto}header div.header{display:flex;flex-flow:row;align-items:center}.mobileButton{margin:0 0 0 auto;background:none;width:30px;height:26px;padding:2px;border:0;display:flex;flex-flow:column;justify-content:space-between}.mobileButton span{width:26px;height:2px;background-color:#ccc;display:block;transition:300ms ease all}@media(min-width: 1024px){.mobileButton{display:none}}.mobileButton.active{z-index:2;position:relative}.mobileButton.active span{position:relative;background-color:#fff}.mobileButton.active span:first-child{transform:rotate(45deg);top:10px}.mobileButton.active span:nth-child(2){opacity:0}.mobileButton.active span:last-child{transform:rotate(-45deg);top:-10px}.menu{height:100vh;background:rgba(255,255,255,.9);width:220px;left:-220px;top:0;position:fixed;z-index:2;transition:300ms ease all}.menu h3{padding:20px 15px 0px;font-size:2rem;font-weight:600}.menu ul{padding:20px 0}.menu ul li a{padding:6px 15px;display:block;text-decoration:none;color:#44694e;font-size:.9rem}.menu.active{left:0}@media(min-width: 1024px){.menu{background:none;left:unset;top:unset;position:relative;height:unset;width:unset;margin-left:auto}.menu h3{display:none}.menu ul{display:flex;flex-flow:row}.menu ul li a{transition:all 300ms ease;color:#767676}.menu ul li a:hover{color:#44694e}.menu ul li+li{margin-left:20px}}section.about-us{padding:40px 0}section.about-us h2{max-width:520px;margin:0 auto}section.about-us .img-wrapper{display:block;position:relative;width:fit-content;width:-moz-content;width:-webkit-content;margin:30px auto}section.about-us .img-wrapper img{max-width:100%;height:auto}section.about-us .img-wrapper::before{content:"";width:100%;max-width:500px;height:100%;background:#ddd;position:absolute;top:-20px;left:-20px;border-radius:10px;z-index:-1}section.about-us div.about-us .text{background:url(src/about-us-bg.png);background-repeat:no-repeat;background-position:top right;max-width:400px;margin:30px auto}section.about-us div.about-us .text p{color:#aaa;line-height:1.4rem}section.about-us div.about-us .text p strong{font-weight:600;color:#999}section.about-us div.about-us .text p+p{margin-top:30px}section.about-us div.about-us .text i{color:#44694e;margin-right:20px}section.about-us div.about-us-2 .text{max-width:400px;margin:30px auto}section.about-us div.about-us-2 h4{color:#44694e;margin-top:20px;margin-bottom:10px}section.about-us div.about-us-2 h4 i{margin-right:5px}section.about-us div.about-us-2 p{color:#aaa;line-height:1.4rem}section.about-us div.about-us-2 p strong{font-weight:600;color:#999}section.about-us div.about-us-2 p+p{margin-top:30px}section.about-us div.about-us-2 .team{margin:30px auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;justify-content:center;max-width:500px}section.about-us div.about-us-2 .team img{max-width:100%;height:auto}section.about-us .lines{margin-top:30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}section.about-us .lines img{max-width:100%;height:auto}@media(min-width: 1024px){section.about-us{padding:80px 0}section.about-us div.about-us{display:grid;align-items:center;grid-template-columns:1.5fr 1fr;gap:20px}section.about-us div.about-us h2{text-align:left}section.about-us div.about-us h2::after{margin:30px auto 30px 0}section.about-us div.about-us .img-wrapper::before{top:-40px;left:-40px}section.about-us div.about-us-2{display:grid;align-items:center;grid-template-columns:1fr 2fr;gap:40px}section.about-us div.about-us-2 .team{max-width:unset;gap:40px}section.about-us div.about-us-2 .text{overflow:hidden;max-width:100%}section.about-us div.about-us-2 h2{text-align:left}section.about-us div.about-us-2 h2::after{margin:30px auto 30px 0}}section.founded{padding:40px 0}section.founded .text{background:url(src/about-us-bg.png);background-repeat:no-repeat;background-position:top right;max-width:500px;margin:20px auto}section.founded p{color:#aaa;line-height:1.4rem}section.founded p strong{font-weight:600;color:#999}section.founded p+p{margin-top:30px}section.founded i{color:#44694e;margin-right:20px}section.founded .items{display:grid;grid-template-columns:1fr 1fr;gap:20px;row-gap:40px;max-width:500px;margin:20px auto}section.founded .items i{margin-right:10px}section.founded .items h5{color:#44694e;font-weight:600;margin-top:10px;font-size:1.3rem;margin-bottom:10px}section.founded .items ul li{margin-top:6px;font-weight:600;color:#606060}@media(min-width: 1024px){section.founded{padding:80px 0}section.founded div.founded{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:center}section.founded .items{max-width:100%}section.founded .items .item{display:grid;grid-template-columns:1fr 2fr;gap:10px}section.founded h2{text-align:left}section.founded h2::after{margin:30px auto 30px 0}}section.difference{padding:40px 0}section.difference h2{max-width:520px;margin:0 auto}section.difference .img-wrapper{display:block;position:relative;width:fit-content;width:-moz-content;width:-webkit-content;margin:30px auto}section.difference .img-wrapper img{max-width:100%;height:auto}section.difference .img-wrapper::before{content:"";width:100%;max-width:500px;height:100%;background:#ddd;position:absolute;top:-20px;left:-20px;border-radius:10px;z-index:-1;display:none}section.difference .text{background:url(src/about-us-bg.png);background-repeat:no-repeat;background-position:top right;max-width:500px;margin:20px auto}section.difference .text p{color:#aaa;line-height:1.4rem}section.difference .text p strong{font-weight:600;color:#999}section.difference .text p+p{margin-top:30px}section.difference .text i{color:#44694e;margin-right:20px}section.difference .circles{display:grid;max-width:500px;margin:20px auto}section.difference .circle{display:flex;align-items:center;justify-content:center;margin:20px auto;width:100%;position:relative}section.difference .circle svg{margin:20px auto;width:190px}section.difference .circle svg circle{width:100%;height:auto}section.difference .circle .circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}section.difference .circle .circle-text h6{font-size:1.8rem;font-weight:600;color:#382e51}section.difference .circle .circle-text span{text-transform:uppercase;color:#606060;font-size:12px;font-weight:600;margin-top:5px;display:block;min-width:140px}section.difference .circle-1 svg circle,section.difference .circle-2 svg circle,section.difference .circle-3 svg circle{stroke-dasharray:1000;stroke-dashoffset:1000;transition:900ms ease all}section.difference .circle-1.active svg circle{stroke-dashoffset:722}section.difference .circle-2.active svg circle{stroke-dashoffset:655}section.difference .circle-3.active svg circle{stroke-dashoffset:600}@media(min-width: 1024px){section.difference .circles{grid-template-columns:1fr 1fr 1fr;gap:20px;width:100%;max-width:100%}section.difference .circles .circle svg{margin:0px auto}section.difference .text{width:100%;max-width:100%}section.difference div.difference{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:center}section.difference div.difference h2{text-align:left;margin:30px auto 30px 0}section.difference div.difference h2::after{margin:30px auto 30px 0}section.difference div.difference .img-wrapper::before{display:block;top:-40px;left:-40px;max-height:340px}}@media(min-width: 1220px){section.difference div.difference{display:grid;grid-template-columns:1.5fr 2fr;gap:40px}}section.clients .container{position:relative}section.clients img{max-width:100%;height:auto}@media(min-width: 1024px){section.clients h2{text-align:left;margin:30px auto 30px 0}section.clients h2::after{margin:30px auto 30px 0}}section.projects .container-projects{position:relative}section.projects img{max-width:100%;height:auto}section.projects .project{box-sizing:border-box;padding:20px;transition:300ms ease all}section.projects .project img{border-radius:20px;overflow:hidden}section.projects .project:hover{transform:scale(1.03);cursor:pointer}@media(min-width: 1024px){section.projects h2{text-align:left;margin:30px auto 30px 0}section.projects h2::after{margin:30px auto 30px 0}}.modal{position:fixed;top:0;left:0;background:rgba(24,24,23,.4);backdrop-filter:blur(20px);height:100vh;width:100%;opacity:0;visibility:hidden;pointer-events:none;transition:300ms ease all;display:flex;align-items:center;justify-content:center}.modal.active{opacity:1;visibility:visible;pointer-events:unset;z-index:1}.modal img{max-height:80%;border-radius:20px;box-shadow:0 5px 5px rgba(0,0,0,.4);pointer-events:none;height:auto;max-width:100%}.modal button{top:20px;right:20px;font-size:2rem;border:0;background:none;color:#fff;position:absolute;transition:300ms ease all}.modal button:hover{transform:scale(1.3);cursor:pointer}.arrow-wrapper{display:flex;position:absolute;align-items:center;justify-content:center;width:80px;height:100%}.arrow-wrapper-left{top:0;left:0}.arrow-wrapper-right{top:0;right:0}@media(min-width: 1220px){.arrow-wrapper-left{top:0;left:-40px}.arrow-wrapper-right{top:0;right:-40px}}.slick-slide{height:unset !important}.arrow-wrapper i{font-size:2rem;opacity:.5;transition:all .8s cubic-bezier(0.075, 0.82, 0.165, 1);color:#000}.arrow-wrapper span:hover{cursor:pointer}.arrow-wrapper span:hover i{opacity:1}.overlay{position:fixed;top:0;left:0;background:rgba(24,24,23,.4);backdrop-filter:blur(20px);height:100vh;width:100%;opacity:0;visibility:hidden;pointer-events:none;transition:300ms ease all}.overlay.active{opacity:1;visibility:visible;pointer-events:unset;z-index:1}.message-b{position:fixed;background:#ffffffcc;padding:20px;border-radius:20px;top:20px;right:20px;pointer-events:none;animation:message 1s linear 3s;animation-fill-mode:forwards}@keyframes message{0%{opacity:1}100%{opacity:0}}.footer{display:grid;background:#eee;padding:20px 0}.footer *{text-align:center}.footer p{color:#382e51;font-size:1.1rem;margin-bottom:20px;margin-top:20px}.footer li+li{margin-top:10px;display:block}.footer a{color:#4b4b4b;text-decoration:none;display:block;font-size:.9rem}.footer a:hover{color:#382e51}.footer span{margin-bottom:10px;font-size:.9rem;line-height:1.22rem}.footer .log-footer{margin:30px auto;max-width:200px;display:block}.footer .log-footer img{max-width:100%}@media(min-width: 1024px){.footer .footer{gap:40px;grid-template-columns:1fr 1fr 1fr 2fr}.footer p{margin-top:0px}.footer *{text-align:left}.footer .log-footer{margin:0;max-width:220px;margin-left:auto;display:flex;align-items:center}}footer{background:#4e4e4e;background-image:url(src/bg-contact.png);background-size:cover;background-position:center}footer h2{margin-top:30px;text-transform:uppercase;text-align:center;color:#382e51}footer .address-social .item-c span{color:#bfbfc1}footer span{display:block;margin-bottom:30px;text-align:center;line-height:1.4rem;color:#4b4b4b}footer .inputs-block{display:grid;grid-template-columns:1fr;grid-gap:20px;margin-bottom:20px}footer .contact-us{padding-top:30px;margin-bottom:100px}footer .contact-us h2{margin-top:0;font-weight:600}footer .contact-us h2::after{display:none}footer .contact-group input,footer .contact-group textarea{width:100%;background:#eeeef0;border:none;padding:20px;font-family:sans-serif}footer .contact-group input::placeholder,footer .contact-group textarea::placeholder{color:#989898}footer button[type=submit]{padding:0;display:block;text-transform:uppercase;color:#989898;background:none;border:none;margin-left:auto;font-size:1.2rem;margin-top:30px;transition:300ms ease all}footer button[type=submit]:hover{color:#fff;cursor:pointer}footer .address-social{margin-top:40px;display:block}footer .title{color:#fff;font-size:1.2rem;text-transform:uppercase;margin-bottom:15px}footer .item-c{margin-bottom:40px}footer .item-c p{color:#382e51;text-align:center;margin-bottom:20px}footer .social{padding:0;display:flex;justify-content:center;list-style:none;margin:10px auto 30px}footer .social li{margin:10px}footer .social a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#4e4e4e;background:#989898;font-size:2rem;transition:300ms all ease;text-decoration:none}footer .social a:hover{text-decoration:none;background:#382e51;color:#fff}section.contact-us h2{font-size:2rem;margin-bottom:20px;color:#fff}@media(min-width: 768px){section.contact-us h2{font-size:2.2rem}section.contact-us .pre{margin-bottom:45px;font-size:1.2rem;color:#c6c6c6}}.corp{padding:10px 0 10px;background:#000}.corp p{color:#fff;text-transform:uppercase;text-align:center;font-size:.9rem}.corp span{color:#fff;margin-bottom:5px;letter-spacing:.05rem}.corp .footer-logo{display:flex;justify-content:center;align-items:center}.corp a{display:block;text-align:center;margin-left:10px;font-size:.8rem;letter-spacing:.15rem}.corp span{font-size:.8rem;margin-bottom:0}.corp img{max-width:60px}@media(min-width: 1024px){footer .inputs-block{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.corp .corp-items{display:grid;grid-template-columns:1fr 2fr 1fr;justify-content:space-between;align-items:center}.corp .corp-items p{margin:0;letter-spacing:.15rem;font-weight:300}}@media(min-width: 1220px){footer{padding:80px 0 0}footer .contact-group{display:grid;grid-template-columns:3fr 1fr;grid-gap:50px}footer .address-social{margin-top:0}footer .address-social span{text-align:left}footer .item-c{margin-bottom:10px}footer .item-c p{text-align:left}footer .social{justify-content:flex-start}footer .social li{margin:0 10px 0 0}footer .social li a{font-size:1.2rem;width:40px;height:40px}footer .corp .footer-logo{display:flex;justify-content:flex-end}}.pagination-box{display:flex;justify-content:center}.pagination-box .navigation ul{display:flex;justify-content:center;flex-flow:row}.pagination-box a{display:flex;align-items:center;justify-content:center;height:50px;min-width:50px;padding:0 20px;box-sizing:border-box;background:#000;color:#fff;font-weight:700;margin-left:10px;transition:300ms ease all;text-decoration:none}.pagination-box a:hover{text-decoration:none;background:#000}.pagination-box li.active a{background:none;color:#000}.news-block{display:grid;justify-content:center;gap:20px;margin-bottom:40px}.news-block .new{max-width:300px;text-decoration:none;color:#000;transition:300ms ease all}.news-block .new img{max-width:100%;height:auto;margin-bottom:10px}.news-block .new h3{font-size:1.2rem;font-weight:600}@media(min-width: 1024px){.news-block{grid-template-columns:1fr 1fr 1fr}}.banners .slick-slide img{max-width:100%}.banners *:focus{outline:none}.banner{position:relative}.banner .content{position:absolute;width:100%;height:100%;display:flex;align-items:center;top:0;left:0}.banner .content .container{width:100%;max-width:80%;margin:0 auto}.banner .content h1,.banner .content h2,.banner .content h3,.banner .content h4,.banner .content h5,.banner .content h6,.banner .content p{word-wrap:break-word;text-shadow:0 4px 4px rgba(0,0,0,.5);margin-bottom:10px}.banner .content h1{font-family:"Ubuntu",sans-serif;font-size:2.5rem;margin-bottom:15px;text-shadow:0 4px 4px rgba(0,0,0,.5)}.banner .content h2{font-size:1.5rem}.banner .content h3,.banner .content h4,.banner .content h5,.banner .content h6{font-size:1.3rem}.banner .content p{margin-top:10px;font-size:1.1rem;line-height:1.5rem}.banner .content h1{position:relative;top:30px;opacity:0;animation-delay:500ms}@keyframes fadeup{0%{top:30px;opacity:0}100%{top:0px;opacity:1}}.banner .content .buttons{position:relative;top:30px;opacity:0;animation-delay:1.5s}.banner .content .buttons{margin-top:10px;display:grid;grid-template-columns:1fr;justify-content:center;max-width:fit-content;max-width:-moz-fit-content;align-items:center}.slick-active h1,.slick-active .buttons{animation:fadeup 600ms ease forwards}.slick-active .buttons{animation-delay:1s}.slick-prev,.slick-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;height:30px;width:30px;background:rgba(56,46,81,.6);display:flex;align-items:center;justify-content:center;transition:300ms ease all}.slick-prev.slick-disable,.slick-next.slick-disable{display:none !important}.slick-prev i,.slick-next i{color:#fff;font-size:1.5rem;line-height:1.5rem}.slick-prev:hover,.slick-next:hover{background:#382e51}.slick-prev{left:5px}.slick-next{right:5px}.slick-dots{position:relative;top:-50px;display:flex;justify-content:center;align-items:center}.slick-dots button{border:1px solid #ddd;background:#ddd;border-radius:50%;color:#666;height:16px;width:15px;display:flex;align-items:center;justify-content:center;font-size:0rem}.slick-dots .slick-active button{border:1px solid #382e51;background:#382e51;color:#fff}.slick-dots li+li{margin-left:5px}