body.black-yellow .home .home-header::after{display:none}
body.black-yellow .home .home-header .description{background-image:none;background-color:#2A2A2A;position:relative}
body.black-yellow .home .home-header .description::after{background-color:#000}
body.black-yellow .home .home-header .description::before{position:absolute;top:0;right:0;bottom:0;left:auto;width:50%;height:100%;background-repeat:no-repeat;background-position:top right;background-size:auto auto;content:'';background-image:url('../themes/euslugi/assets/images/home/home-header-image.jpg')}
body.black-yellow .home .home-header .description h1{color:#FFF604}
body.black-yellow .home .home-header .description a.home-more{background:#FFF none;color:#000}
body.black-yellow .home .home-header .steps{background-color:#FFF604}
body.black-yellow .home .home-header .steps .step h2,body.black-yellow .home .home-header .steps .step p{color:#000}
body.black-yellow .home .home-header .steps .step h2 span{background-color:#000;color:#FFF604}
body.black-yellow .home .home-functionalities .box{border-color:#FFF}
body.black-yellow .home .home-functionalities .box::before{transition:none;border-top-color:#FFF604}
body.black-yellow .home .home-functionalities .box .box-header h3{color:#FFF604}
body.black-yellow .home .home-functionalities .box .box-header img:first-of-type{display:none;visibility:hidden}
body.black-yellow .home .home-functionalities .box .box-header img:last-of-type{display:inline-block;visibility:visible}
body.black-yellow .home .home-functionalities .box .box-body{transition:none}
body.black-yellow .home .home-functionalities .box .box-body p{color:#000}
body.bigger .home-functionalities .box .box-header{top:1rem}
body.bigger .home-functionalities .box .box-body p{line-height:1.1}
.home{width:100%}
.home .home-header{position:relative}
.home .home-header::after{position:absolute;top:0;right:0;bottom:auto;left:0;content:'';height:28rem;background-color:rgba(172,199,219,0.25);z-index:-1}
.home .home-header .home-header-wrapper{width:1620px;margin:0 auto}
.home .home-header .description{background-repeat:no-repeat;background-position:top left;background-size:cover;background-image:url('../themes/euslugi/assets/images/home/home-header-image.jpg');padding:5rem 0;background-color:#4B89B6}
.home .home-header .description h1{font-size:3.2em;color:#FFF;width:30rem;font-weight:300;margin:0 0 3.5rem}
.home .home-header .description a.home-more{font-size:1.5em;font-weight:700;border:1px solid #228352;border-radius:1.375rem;background:transparent linear-gradient(0deg,#fff 0%,#3CA871 100%) 0% 0% no-repeat padding-box;background:transparent linear-gradient(0deg,#228352 0%,#3CA871 100%) 0% 0% no-repeat padding-box;color:#FFF;padding:0.67rem 5rem 0.67rem 1rem;position:relative;cursor:pointer}
.home .home-header .description a.home-more:hover{background:transparent linear-gradient(180deg,#fff 0%,#3CA871 100%) 0% 0% no-repeat padding-box;background:transparent linear-gradient(180deg,#228352 0%,#3CA871 100%) 0% 0% no-repeat padding-box;box-shadow:1px 2px 0 rgba(38,95,20,0.33)}
.home .home-header .description a.home-more i{position:absolute;top:50%;right:1rem;bottom:auto;left:auto;transform:translateY(-50%)}
.home .home-header .steps{background-color:#E5F2FB;padding:2rem 0}
.home .home-header .steps .container{display:flex;flex-wrap:wrap}
.home .home-header .steps .step{flex:0 0 33.33333%;max-width:33.33333%}
.home .home-header .steps .step h2{font-size:1.8em;color:#3B3B3B;margin:0 0 1.5rem;padding:0 0 0 2.5rem;position:relative}
.home .home-header .steps .step h2 span{font-size:1em;color:#FFF;width:1.875rem;height:1.875rem;position:absolute;top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%);display:block;text-align:center;background-color:#228352;border-radius:50%;line-height:1.65}
.home .home-header .steps .step p{font-size:1.3em;color:#3B3B3B;margin:0;padding:0 0 0 2.5rem;line-height:1.5}
.home .home-functionalities{padding:7rem 0 4rem}
.home .home-functionalities .container{display:flex;flex-wrap:wrap}
.home .home-functionalities .box{flex:0 0 calc(25% - 2.25rem);max-width:calc(25% - 2.25rem);overflow:hidden;padding:1rem;position:relative;border:2px solid #e1ecf4;margin:0 3rem 3rem 0}
.home .home-functionalities .box::before{position:absolute;top:0;right:auto;bottom:auto;left:0;transition:border 0.4s cubic-bezier(0.785,0.135,0.15,0.86);content:'';border-top:4rem solid #228352;border-right:4rem solid transparent;z-index:2}
.home .home-functionalities .box::after{content:'';display:block;padding-bottom:100%}
.home .home-functionalities .box:nth-of-type(4n + 4){margin-right:0}
.home .home-functionalities .box:hover::before{border-top:40rem solid #19613d;border-right-width:40rem}
.home .home-functionalities .box:hover .box-body{opacity:1}
.home .home-functionalities .box .box-header{position:absolute;top:3rem;right:auto;bottom:auto;left:50%;transform:translateX(-50%);width:100%;padding:0 0.5rem;z-index:1;text-align:center}
.home .home-functionalities .box .box-header h3{font-size:1.9em;font-weight:700;color:#3B3B3B;margin:1.5rem 0 0}
.home .home-functionalities .box .box-header img:last-of-type{display:none;visibility:hidden}
.home .home-functionalities .box .box-body{position:absolute;top:50%;right:auto;bottom:auto;left:50%;transition:opacity 0.4s cubic-bezier(0.785,0.135,0.15,0.86);transform:translate(-50%,-50%);width:100%;padding:1.5rem;z-index:2;opacity:0}
.home .home-functionalities .box .box-body p{font-size:1.5em;color:#FFF;margin:0}
.home .home-functionalities .box a{position:absolute;top:0;right:0;bottom:0;left:0;font-size:0em;color:transparent;z-index:3}
.home .home-functionalities .box a:focus{outline-offset:-3px}
@media screen and (max-width:1700px){.home .home-header .home-header-wrapper{width:1360px}}
@media screen and (max-width:1700px){body.black-yellow .home .home-header .description::before{background-position:-50rem 0px}}
@media screen and (max-width:1400px){.home .home-header .home-header-wrapper{width:1200px}}
@media screen and (max-width:1400px){body.black-yellow .home .home-header .description::before{background-position:-53.5rem 0px}}
@media screen and (max-width:1199px){.home .home-header .home-header-wrapper{width:991px}.home .home-functionalities .box{flex:0 0 calc(33.3333% - 2rem);max-width:calc(33.3333% - 2rem);margin:0 3rem 3rem 0}.home .home-functionalities .box:nth-of-type(4n + 4){margin-right:3rem}.home .home-functionalities .box:nth-of-type(3n + 3){margin-right:0}}
@media screen and (max-width:1199px){body.black-yellow .home .home-header .description::before{background-position:-56.5rem 0px}}
@media screen and (max-width:991px){.home .home-header::after{display:none}.home .home-header .home-header-wrapper{width:100%}.home .home-header .description{padding:2.25rem 1.25rem}.home .home-header .description h1{font-size:2em;width:20rem;margin-bottom:0}.home .home-header .description a.home-more{display:none}.home .home-header .steps{display:none}.home .home-functionalities{padding:0}.home .home-functionalities .box{flex:0 0 100%;max-width:100%;margin:0 0 0.25rem;padding:1.25rem 1.25rem 1.25rem 2.5rem}.home .home-functionalities .box::after{display:none}.home .home-functionalities .box::before{border-top-width:2.5rem;border-right-width:2.5rem}.home .home-functionalities .box:hover::before{border-top-width:80rem;border-right-width:80rem}.home .home-functionalities .box:last-of-type{margin-bottom:0}.home .home-functionalities .box .box-header{display:flex;flex-wrap:wrap;align-items:center;position:relative;top:0}.home .home-functionalities .box .box-header img{flex:0 0 3.25rem;max-width:3.25rem}.home .home-functionalities .box .box-header h3{flex:0 0 calc(100% - 3.25rem);max-width:calc(100% - 3.25rem);margin:0;padding:0 0 0 1.5rem;text-align:left}}
@media screen and (max-width:991px){body.black-yellow .home .home-header .description::before{display:none}}
@media screen and (max-width:767px){.home .home-header .steps .step{flex:0 0 100%;max-width:100%;margin-bottom:2rem}.home .home-header .steps .step:last-of-type{margin-bottom:0}}
@media screen and (max-width:576px){.home .home-functionalities .box .box-body p{font-size:1.3em}}
@media screen and (max-width:440px){.home .home-header .description h1{width:100%}}